:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f8fafc;background:#020617;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#020617;--surface:#050b1d;--elevated:#0c1324;--cyan:#22d3ee;--cyan2:#67e8f9;--ice:#8be9f7;--blue:#2563eb;--blue2:#3b82f6;--violet:#8b5cf6;--muted:#94a3b8;--muted2:#64748b;--line:rgba(148,163,184,.14);--mode-accent:#22d3ee;--mode-accent-soft:rgba(34,211,238,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:320px;background:var(--bg);overflow-x:hidden}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button{cursor:pointer}[x-cloak]{display:none!important}.app-shell{min-height:100vh;background:var(--bg)}
.site-header{position:fixed;z-index:40;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid rgba(255,255,255,.055);background:linear-gradient(to bottom,rgba(2,6,23,.76),rgba(2,6,23,.12));backdrop-filter:blur(14px);transition:background .35s ease,border .35s ease}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(34,211,238,.18))}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy b{font-size:12px;letter-spacing:.07em}.brand-copy small{font:600 7px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:#708199}.desktop-nav{display:flex;align-items:center;gap:26px;color:#cbd5e1;font-size:12px}.desktop-nav>a{transition:color .2s ease}.desktop-nav>a:hover{color:white}.nav-cta{border:1px solid rgba(34,211,238,.32);background:linear-gradient(135deg,rgba(8,145,178,.72),rgba(37,99,235,.68));color:white;padding:11px 15px;border-radius:8px;font-weight:700;box-shadow:0 10px 34px rgba(14,165,233,.12)}.menu-button{display:none;width:42px;height:42px;border:1px solid var(--line);background:#071120;border-radius:12px;padding:11px}.menu-button span{display:block;height:1px;background:#dbeafe;margin:5px 0}.mobile-menu{position:fixed;z-index:39;inset:76px 0 auto;background:rgba(2,6,23,.96);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);padding:28px 22px;display:grid;gap:20px}.mobile-menu a,.mobile-menu button{font-size:24px;font-weight:650;text-align:left;border:0;background:none;color:white;padding:0}.mobile-menu button{color:var(--cyan)}
.story-scroll{position:relative;height:900vh;isolation:isolate}.story-background{position:sticky;top:0;height:100vh;width:100%;z-index:0;overflow:hidden;background:#020617;transition:background 1.2s ease;pointer-events:none}.cinematic-field{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;opacity:0;pointer-events:none;filter:saturate(.82) brightness(.38) contrast(1.06);mix-blend-mode:screen;transition:opacity .8s ease;will-change:opacity}.cinematic-field.is-ai{filter:saturate(.9) brightness(.34) contrast(1.08)}.cinematic-field.is-infrastructure{filter:saturate(.72) brightness(.3) contrast(1.08)}.story-background>div{position:absolute;inset:-8%;pointer-events:none;will-change:opacity,transform;transition:opacity 1s ease,transform 1.2s ease}.veil-layer{opacity:.95;background:radial-gradient(ellipse at 76% 45%,rgba(4,47,65,.42),transparent 34%),radial-gradient(ellipse at 15% 22%,rgba(30,41,85,.24),transparent 34%),linear-gradient(110deg,#020617 16%,#050b1d 50%,#020617 86%);filter:saturate(1.2)}.ray-layer{opacity:.24;background:conic-gradient(from 218deg at 80% 42%,transparent 0deg,rgba(34,211,238,.12) 12deg,transparent 24deg,transparent 46deg,rgba(37,99,235,.12) 58deg,transparent 70deg);filter:blur(12px);transform:scale(1.15)}.grid-layer{opacity:.08;background-image:linear-gradient(rgba(103,232,249,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(103,232,249,.12) 1px,transparent 1px);background-size:76px 76px;transform:perspective(650px) rotateX(64deg) translateY(42%) scale(1.5);mask-image:linear-gradient(to bottom,transparent 0,#000 40%,#000 100%)}.aurora-layer{opacity:.05;background:radial-gradient(ellipse at 65% 30%,rgba(139,92,246,.36),transparent 34%),radial-gradient(ellipse at 82% 55%,rgba(34,211,238,.26),transparent 30%);filter:blur(50px);animation:auroraFloat 10s ease-in-out infinite alternate}.grain-layer{inset:0!important;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.story-background[data-background-mode="gateway"] .ray-layer{opacity:.48;transform:scale(1.08) rotate(-2deg)}.story-background[data-background-mode="gateway"] .grid-layer{opacity:.035}.story-background[data-background-mode="system"] .grid-layer{opacity:.12}.story-background[data-background-mode="system"] .ray-layer{opacity:.18}.story-background[data-background-mode="web"] .grid-layer,.story-background[data-background-mode="mobile"] .grid-layer{opacity:.1;transform:perspective(650px) rotateX(68deg) translateY(38%) scale(1.45)}.story-background[data-background-mode="ai"] .aurora-layer{opacity:.34}.story-background[data-background-mode="ai"] .ray-layer{opacity:.12}.story-background[data-background-mode="infrastructure"] .grid-layer{opacity:.16;background-size:58px 58px}.story-background[data-background-mode="infrastructure"] .aurora-layer{opacity:.1}@keyframes auroraFloat{to{transform:translate3d(-5%,6%,0) scale(1.08)}}
.canvas-stage{position:sticky;z-index:1;top:0;margin-top:-100vh;height:100vh;width:100%;overflow:hidden}.canvas-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.canvas-fallback{display:none;position:absolute;inset:0;place-items:center;background:radial-gradient(circle at 68% 44%,rgba(34,211,238,.09),transparent 30%)}.canvas-fallback img{width:min(42vw,520px);opacity:.28}.canvas-stage.is-fallback .canvas-fallback{display:grid}.canvas-stage.is-fallback canvas{display:none}.scene-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 70% 45%,transparent 0 24%,rgba(2,6,23,.18) 48%,rgba(2,6,23,.62) 100%),linear-gradient(90deg,rgba(2,6,23,.72) 0,rgba(2,6,23,.15) 48%,rgba(2,6,23,.08) 100%)}
.story-content{position:absolute;inset:0;z-index:4;pointer-events:none}.chapter{position:absolute;left:clamp(24px,7vw,112px);width:min(680px,82vw);min-height:62vh;display:flex;flex-direction:column;justify-content:center}.chapter-arrival{top:8vh}.chapter-gateway{top:148vh}.chapter-system{top:288vh}.chapter-web{top:428vh}.chapter-mobile{top:558vh}.chapter-ai{top:688vh}.chapter-infrastructure{top:818vh}.eyebrow{margin:0 0 18px;color:var(--cyan);font:650 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase}.eyebrow.violet{color:#b39cff}h1,h2,h3{margin:0;font-weight:675;letter-spacing:-.05em;line-height:.98}h1{font-size:clamp(54px,6.8vw,106px);max-width:920px}h2{font-size:clamp(43px,5.4vw,80px)}h3{font-size:32px}h1 span,h2 span{color:var(--ice);text-shadow:0 0 34px rgba(34,211,238,.08)}.violet-text{color:#b39cff!important;text-shadow:0 0 34px rgba(139,92,246,.14)!important}.lede,.chapter>p:not(.eyebrow),.after-story p,.final-cta>p:not(.eyebrow){color:#a9b6c9;max-width:620px;font-size:clamp(15px,1.45vw,19px);line-height:1.65}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:28px;pointer-events:auto}.primary{border:0;padding:14px 19px;border-radius:8px;background:linear-gradient(135deg,#10b8cf 0%,#2563eb 100%);color:white;font-weight:750;box-shadow:0 12px 46px rgba(14,165,233,.18);transition:transform .2s ease,box-shadow .2s ease}.primary:hover{transform:translateY(-2px);box-shadow:0 16px 52px rgba(14,165,233,.24)}.text-link{color:#dbeafe}.text-link span{color:var(--cyan)}.tech-line{margin-top:22px;display:flex;align-items:center;gap:9px;color:#71839c;font:600 9px/1 ui-monospace,monospace;letter-spacing:.07em}.tech-line i{width:3px;height:3px;border-radius:50%;background:var(--cyan)}.tech-row,.node-key,.flow-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.tech-row span,.node-key span,.flow-strip span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#a5f3fc;background:rgba(8,25,44,.35);font:650 9px/1 ui-monospace,monospace;letter-spacing:.09em}.node-key .ai-chip,.flow-strip span{color:#c4b5fd;border-color:rgba(139,92,246,.25)}.flow-strip{align-items:center}.flow-strip i{font-style:normal;color:#6b7d94}.stack-list{display:grid;width:min(360px,100%);margin-top:24px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:rgba(5,11,29,.52)}.stack-list span{padding:10px 13px;border-bottom:1px solid var(--line);font:650 9px/1 ui-monospace,monospace;letter-spacing:.1em;color:#9ccfe0}.stack-list span:last-child{border-bottom:0;color:#dbeafe;background:linear-gradient(90deg,rgba(34,211,238,.09),transparent)}
.story-rail{position:sticky;z-index:7;top:50%;margin-top:-74vh;transform:translateY(-50%);left:clamp(18px,2vw,32px);width:110px;display:grid;gap:12px;pointer-events:none}.story-rail span{display:flex;gap:8px;align-items:center;color:#53657b;font:600 8px/1.2 ui-monospace,monospace;letter-spacing:.06em;transition:color .35s ease,transform .35s ease}.story-rail span:before{content:"";width:5px;height:5px;border:1px solid #526277;border-radius:50%;transition:.35s ease}.story-rail span b{font-weight:600;opacity:0;transform:translateX(-5px);transition:.35s ease}.story-rail span.active{color:#a5f3fc;transform:translateX(4px)}.story-rail span.active:before{background:var(--mode-accent);border-color:var(--mode-accent);box-shadow:0 0 14px var(--mode-accent)}.story-rail span.active b{opacity:1;transform:none}.scroll-cue{position:sticky;z-index:8;top:calc(100vh - 58px);margin-top:-58px;margin-left:50%;width:180px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#62758a}.scroll-cue span{width:19px;height:28px;border:1px solid #53657a;border-radius:12px;position:relative}.scroll-cue span:after{content:"";position:absolute;left:8px;top:6px;width:2px;height:5px;background:var(--cyan);border-radius:3px;animation:scrollDot 1.5s ease-in-out infinite}.scroll-cue small{font:650 8px/1 ui-monospace,monospace;letter-spacing:.12em}@keyframes scrollDot{50%{transform:translateY(8px);opacity:.4}}
.after-story{position:relative;z-index:10;min-height:100vh;padding:18vh clamp(24px,7vw,112px);border-top:1px solid var(--line);background:linear-gradient(180deg,#020617 0%,#050b1d 100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:8vw;align-items:center}.after-story h2{max-width:850px}.process-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.process-list li{display:grid;grid-template-columns:54px 1fr;align-items:center;border-bottom:1px solid var(--line);padding:18px 0;transition:padding .2s ease,background .2s ease}.process-list li:hover{padding-left:8px;background:linear-gradient(90deg,rgba(34,211,238,.05),transparent)}.process-list b{font:600 9px/1 ui-monospace,monospace;color:#53657b}.process-list span{font-size:20px;font-weight:650}.final-cta{position:relative;z-index:10;min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14vh 24px;background:radial-gradient(circle at 50% 50%,rgba(34,211,238,.08),transparent 30%),#020617}.final-cta h2{font-size:clamp(58px,8vw,120px)}.final-cta .primary{margin-top:26px}
.contact-modal{position:fixed;z-index:100;inset:0;display:grid;place-items:end;padding:18px}.modal-backdrop{position:absolute;inset:0;border:0;background:rgba(0,3,12,.72);backdrop-filter:blur(14px)}.modal-card{position:relative;z-index:1;width:min(620px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:34px;border:1px solid rgba(148,163,184,.16);border-radius:20px;background:linear-gradient(145deg,rgba(12,19,36,.98),rgba(3,9,24,.98));box-shadow:0 30px 100px rgba(0,0,0,.55)}.modal-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#071120;color:#cbd5e1;font-size:22px}.inquiry-form{display:grid;gap:15px;margin-top:28px}.form-field{display:grid;gap:7px}.form-field>span{font-size:11px;color:#a8b7ca}.form-field input,.form-field textarea{width:100%;border:1px solid rgba(148,163,184,.16);border-radius:10px;background:#071120;color:white;padding:13px 14px;outline:none;transition:.2s ease}.form-field input:focus,.form-field textarea:focus{border-color:rgba(34,211,238,.55);box-shadow:0 0 0 3px rgba(34,211,238,.07)}.form-field small{color:#fda4af}.submit-button{margin-top:4px}.success-state{text-align:center;padding:42px 10px}.success-orb{display:grid;place-items:center;margin:0 auto 20px;width:56px;height:56px;border-radius:50%;background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.35);color:#67e8f9;font-size:22px}.success-state h3{margin-bottom:12px}.success-state p:not(.eyebrow){color:#94a3b8;line-height:1.6}.text-button{border:0;background:none;color:#67e8f9;padding:10px}
@media(max-width:980px){.story-rail{display:none}.chapter{left:clamp(22px,5vw,48px)}.after-story{grid-template-columns:1fr;gap:54px}.desktop-nav>a{display:none}}
@media(max-width:760px){.site-header{height:66px;padding-inline:18px}.brand-copy small{display:none}.desktop-nav{display:none}.menu-button{display:block}.mobile-menu{inset:66px 0 auto}.story-scroll{height:780vh}.chapter{left:20px;width:calc(100vw - 40px);min-height:54vh;justify-content:flex-end;padding-bottom:9vh}.chapter-arrival{top:5vh}.chapter-gateway{top:126vh}.chapter-system{top:246vh}.chapter-web{top:366vh}.chapter-mobile{top:476vh}.chapter-ai{top:586vh}.chapter-infrastructure{top:696vh}h1{font-size:clamp(44px,13.3vw,66px)}h2{font-size:clamp(40px,11.8vw,58px)}.lede,.chapter>p:not(.eyebrow){font-size:14px;max-width:96%}.hero-actions{flex-direction:column;align-items:flex-start;gap:16px}.tech-line{flex-wrap:wrap}.scene-vignette{background:linear-gradient(180deg,rgba(2,6,23,.02) 24%,rgba(2,6,23,.18) 52%,rgba(2,6,23,.93) 84%)}.story-background .grid-layer{opacity:.05}.story-background .ray-layer{opacity:.18}.scroll-cue{display:none}.after-story{padding:14vh 22px}.process-list li{padding-block:16px}.modal-card{padding:28px 20px}.contact-modal{padding:8px}.modal-card{max-height:calc(100vh - 16px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-scroll{height:auto}.story-background,.canvas-stage{position:absolute;height:100vh}.canvas-stage{margin-top:0}.story-content{position:relative}.chapter{position:relative;top:auto;min-height:86vh}.story-background>div,.aurora-layer,.scroll-cue span:after{animation:none!important;transition:none!important}.story-rail,.scroll-cue{display:none}}

.work-section{position:relative;z-index:10;min-height:auto;padding:96px 24px 36px;max-width:1280px;margin:0 auto}.section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:end;margin-bottom:32px}.section-head h2{font-size:clamp(34px,5vw,64px);line-height:1.02;margin:0;color:var(--text)}.section-head h2 span{color:var(--cyan)}.section-copy{max-width:560px;color:var(--muted);font-size:16px;line-height:1.7;margin:0}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.work-card{background:linear-gradient(180deg,rgba(12,23,40,.94),rgba(5,11,29,.94));border:1px solid rgba(148,163,184,.12);border-radius:28px;overflow:hidden;box-shadow:0 24px 60px rgba(2,6,23,.28)}.work-media{position:relative;padding:18px;background:linear-gradient(180deg,rgba(34,211,238,.06),rgba(37,99,235,.03))}.work-media img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid rgba(148,163,184,.12)}.work-body{padding:22px 22px 24px}.work-category{margin:0 0 10px;color:var(--muted);font-size:13px;letter-spacing:.12em;text-transform:uppercase}.work-card h3{margin:0 0 10px;color:var(--text);font-size:28px;line-height:1.1}.work-card p{margin:0;color:#c7d2e0;line-height:1.65}.work-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.work-tags span{padding:8px 12px;border-radius:999px;background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.12);color:#dbeafe;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.work-card.accent-cyan .work-media{background:linear-gradient(180deg,rgba(34,211,238,.08),rgba(34,211,238,.02))}.work-card.accent-blue .work-media{background:linear-gradient(180deg,rgba(59,130,246,.08),rgba(37,99,235,.03))}.work-card.accent-violet .work-media{background:linear-gradient(180deg,rgba(139,92,246,.08),rgba(59,130,246,.03))}@media (max-width:960px){.section-head{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr}}@media (max-width:640px){.work-section{padding-top:72px}.work-card{border-radius:22px}.work-media{padding:14px}.work-body{padding:18px}.work-card h3{font-size:24px}}