@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;1,400&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap";:root{--shell:#0a1224;--surface:#0e1a2e;--surface-2:#142441;--surface-3:#1c2f54;--text:#d6e5ff;--text-2:#a8c2f0;--text-mute:#6c89b8;--text-faint:#3e5680;--rule:#78c8ff4d;--accent:#4dd2ff;--accent-soft:#4dd2ff1a;--accent-glow:#4dd2ff8c;--font-display:"IBM Plex Mono", "JetBrains Mono", monospace;--font-body:"IBM Plex Sans", "Noto Sans SC", sans-serif;--font-mono:"IBM Plex Mono", "JetBrains Mono", monospace;--rule-w:2px;--rule-style:dashed;--surface-pattern:linear-gradient(#78c8ff14 1px, transparent 1px), linear-gradient(90deg, #78c8ff14 1px, transparent 1px), linear-gradient(#78c8ff0a 1px, transparent 1px), linear-gradient(90deg, #78c8ff0a 1px, transparent 1px);--surface-pattern-size:240px 240px, 240px 240px, 60px 60px, 60px 60px}*,:before,:after{box-sizing:border-box}html,body{background:var(--shell);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0}body{background-image:var(--surface-pattern);background-size:var(--surface-pattern-size);background-attachment:fixed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.shell{max-width:1080px;margin:0 auto;padding:0 32px 96px}.topbar{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.topbar__identity{align-items:baseline;gap:14px;display:flex}.topbar__name{font-family:var(--font-body);letter-spacing:.01em;color:var(--text);font-size:22px;font-weight:700}.topbar__role{font-family:var(--font-mono);color:var(--accent);letter-spacing:.06em;font-size:13px}.topbar__right{align-items:center;gap:16px;display:flex}.topbar__sep{color:var(--text-faint);font-size:13px}.topbar__contact{font-family:var(--font-mono);color:var(--text-2);align-items:center;gap:5px;font-size:13px;text-decoration:none;transition:color .15s;display:flex}.topbar__contact:hover{color:var(--accent)}.topbar__icon{opacity:.7;flex-shrink:0;width:13px;height:13px}.topbar__github{color:var(--text-mute);align-items:center;text-decoration:none;transition:color .15s;display:flex}.topbar__github svg{width:18px;height:18px}.topbar__github:hover{color:var(--accent)}.topbar__resume{display:none}.hero{padding:16px 0 24px}.hero__badge{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);border:1px solid var(--accent);opacity:.75;margin-bottom:24px;padding:3px 10px;font-size:11px;display:inline-block}.hero__title{font-family:var(--font-body);white-space:nowrap;margin-bottom:20px;font-size:clamp(36px,5.2vw,68px);font-weight:700;line-height:1.2}.hero__title-line1{color:var(--text-2)}.hero__title-line2{color:var(--text);text-shadow:0 0 40px var(--accent-glow)}.tw-cursor{background:var(--accent);vertical-align:middle;width:3px;height:.82em;margin-left:4px;animation:.7s step-end infinite tw-blink;display:inline-block}.tw-cursor--hidden{display:none}.tw-cursor--stop{opacity:1;animation:none}@keyframes tw-blink{0%,to{opacity:1}50%{opacity:0}}.hero__desc{color:var(--text-2);margin-bottom:20px;font-size:16px;line-height:1.75}.hl{color:var(--accent);font-family:var(--font-mono);font-size:.92em}.hero__tags{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.hero__tag{font-family:var(--font-mono);color:var(--text-2);background:var(--surface-2);border:1px solid var(--surface-3);padding:4px 12px;font-size:12px;transition:border-color .15s,color .15s}.hero__tag:hover{border-color:var(--accent);color:var(--accent)}.hero__cases{border-left:2px solid var(--accent);max-width:44em;padding-left:20px}.hero__cases-label{font-family:var(--font-mono);color:var(--accent);opacity:.6;letter-spacing:.04em;margin-bottom:10px;font-size:12px}.hero__cases-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hero__cases-list li{color:var(--text-2);padding-left:16px;font-size:14px;line-height:1.65;position:relative}.hero__cases-list li:before{content:"▸";color:var(--accent);opacity:.7;position:absolute;left:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.usecases{margin-bottom:48px}.usecases__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.uc-card{opacity:0;background:var(--surface-2);border:1px solid var(--surface-3);padding:20px 22px;transition:border-color .2s,background .2s}.uc-card--visible{animation:.45s forwards fadeUp}.uc-card:hover{border-color:var(--accent);background:var(--surface-3)}.uc-card__industry{font-family:var(--font-mono);color:var(--accent);letter-spacing:.06em;margin-bottom:8px;font-size:12px}.uc-card__desc{color:var(--text-2);font-size:14px;line-height:1.65}.section-label{font-family:var(--font-mono);color:var(--text-mute);align-items:center;gap:16px;margin-bottom:28px;font-size:13px;font-weight:400;display:flex}.section-label:after{content:"";border-top:var(--rule-w) var(--rule-style) var(--rule);flex:1}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.meta{background:var(--surface-2);color:var(--text-2);margin-top:48px;padding:28px;font-size:15px;line-height:1.7}.meta strong{color:var(--accent);font-weight:500}.footer{border-top:var(--rule-w) var(--rule-style) var(--rule);font-family:var(--font-mono);color:var(--text-mute);gap:24px;margin-top:48px;padding-top:28px;font-size:14px;display:flex}.footer a:hover{color:var(--accent)}@media (width<=680px){.shell{padding:0 16px 64px}.topbar{flex-direction:column;align-items:flex-start;gap:10px;padding:16px 0}.topbar__identity{align-items:baseline;gap:10px}.topbar__name{font-size:18px}.topbar__role{font-size:12px}.topbar__right{flex-wrap:wrap;gap:10px;width:100%}.topbar__resume{display:none}.hero__title{white-space:normal;font-size:clamp(28px,8vw,48px)}.hero__desc{font-size:14px}.usecases__grid,.grid{grid-template-columns:1fr}}.pcard{background:var(--surface);box-shadow:inset 0 0 0 var(--rule-w) var(--rule);flex-direction:column;gap:14px;padding:28px;transition:box-shadow .2s;display:flex}.pcard:hover{box-shadow:inset 0 0 0 var(--rule-w) var(--accent-glow)}@media (prefers-reduced-motion:reduce){.pcard{transition:none}}.pcard__title{font-family:var(--font-body);color:var(--text);font-size:22px;font-weight:600;line-height:1.3}.pcard__blurb{color:var(--text-2);flex:1;font-size:15px;line-height:1.6}.pcard__tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pcard__tag{font-family:var(--font-mono);color:var(--accent);background:var(--accent-soft);padding:3px 10px;font-size:12px}.pcard__actions{align-items:center;gap:20px;margin-top:auto;display:flex}.pcard__cta,.pcard__video-btn{font-family:var(--font-mono);color:var(--text-mute);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:13px;text-decoration:none;transition:color .15s;display:flex}.pcard__cta svg,.pcard__video-btn svg{flex-shrink:0;width:14px;height:14px}.pcard__cta:hover,.pcard__video-btn:hover{color:var(--accent)}.vmodal{z-index:1000;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.vmodal__box{width:min(900px,92vw);position:relative}.vmodal__close{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;font-size:18px;line-height:1;position:absolute;top:-36px;right:0}.vmodal__close:hover{opacity:1}.vmodal__video{background:#000;width:100%;display:block}.ts-wrap{position:relative}.ts-btn{border:1px solid var(--rule);cursor:pointer;font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-mute);background:0 0;align-items:center;gap:6px;padding:5px 12px;font-size:12px;transition:border-color .15s,color .15s;display:flex}.ts-btn:hover{border-color:var(--accent);color:var(--accent)}.ts-btn__swatch{border-radius:50%;flex-shrink:0;width:8px;height:8px}.ts-btn__label{letter-spacing:.1em}.ts-btn__arrow{opacity:.7;font-size:9px}.ts-panel{background:var(--surface-2);border:1px solid var(--rule);z-index:100;flex-direction:column;gap:2px;width:200px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.ts-item{cursor:pointer;text-align:left;width:100%;color:var(--text-2);font-family:var(--font-body);background:0 0;border:none;align-items:center;gap:10px;padding:7px 8px;font-size:13px;transition:background .12s;display:flex}.ts-item:hover{background:var(--surface-3)}.ts-item--active{color:var(--accent)}.ts-item__preview{border:1px solid var(--rule);flex-shrink:0;width:28px;height:18px;position:relative;overflow:hidden}.ts-item__bg{position:absolute;inset:0}.ts-item__dot{border-radius:50%;width:6px;height:6px;position:absolute;bottom:3px;right:3px}.ts-item__name{flex:1}.ts-item__check{color:var(--accent);flex-shrink:0;font-size:11px}