@font-face{font-family:Oxanium;src:url('/fonts/oxanium-600.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url('/fonts/inter-400.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--navy:#00113a;--blue:#2b66ff;--ice:#e8f2fe;--cream:#f9f1e7;--line:rgba(0,17,58,.16);--tech:Oxanium,Arial,sans-serif;--body:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--navy);color:var(--ice);font:15px/1.7 var(--body);overflow-x:clip}a{color:inherit;text-decoration:none}button,summary,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #70a6ff;outline-offset:7px}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:var(--ice);color:var(--navy);padding:12px}.skip:focus{top:10px}h1,h2,h3,p{margin:0}h1,h2,h3,.wordmark{font-family:var(--tech);font-weight:600}h1,h2{line-height:1.08;letter-spacing:-.055em}.header{height:100px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;width:100%;z-index:20;border-bottom:1px solid rgba(232,242,254,.1)}.wordmark{font-size:33px;letter-spacing:-2px;display:inline-flex;align-items:baseline;line-height:1}.wordmark span{font-weight:400;opacity:.75}.wordmark i{width:6px;height:6px;background:var(--blue);margin-left:6px}.header nav{display:flex;align-items:center;gap:36px;font-size:12px}.header nav>a:not(.nav-contact){opacity:.75;transition:opacity .2s}.header nav>a:hover{opacity:1}.nav-contact{border:1px solid #62718f;border-radius:4px;padding:10px 20px;display:flex;gap:30px;align-items:center}.nav-contact span{font-size:20px}.journey{height:440svh;position:relative}.stage{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;background:var(--navy);isolation:isolate}.scene-backdrop,#scene,.scene-shade,.exit-light{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scene-backdrop{background:radial-gradient(ellipse at 75% 47%,#16448b88,transparent 58%),linear-gradient(145deg,#000a24,#00113a)}#scene{z-index:1;opacity:0;transition:opacity .8s}.webgl-ready #scene{opacity:1}.fallback-portal{position:absolute;right:16%;top:26%;width:23%;height:49%;border:30px solid #2860c4;border-radius:35px;box-shadow:inset 0 0 30px #6da6ff,0 0 90px #2b66ff88;transform:perspective(900px) rotateY(-28deg) rotateZ(-8deg)}.webgl-ready .fallback-portal{display:none}.scene-shade{z-index:2;background:linear-gradient(90deg,rgba(0,10,33,.84),rgba(0,12,35,.3) 43%,transparent 65%)}.exit-light{z-index:5;background:var(--ice);opacity:0}.frame-copy{position:absolute;z-index:6;left:7%;top:50%;width:48%;transform:translateY(-46%);will-change:transform,opacity}.hero-copy h1{font-size:clamp(54px,5.75vw,90px);margin:24px 0}.hero-copy h1 span{color:#6b97ff}.eyebrow,.micro{font:10px/1.5 var(--tech);letter-spacing:2px}.eyebrow{display:flex;align-items:center;gap:12px}.signal{width:6px;height:6px;background:var(--blue);display:inline-block;border-radius:50%;box-shadow:0 0 14px #2b66ff80}.hero-description{color:#b4c5e2;line-height:1.8;font-size:14px;margin-bottom:30px}.button{display:inline-flex;align-items:center;gap:30px;border:1px solid #5885ff;border-radius:4px;padding:15px 23px;background:var(--blue);font-size:13px;transition:background .2s,transform .2s;position:relative;z-index:1}.button:hover{background:#184ed9;transform:translateY(-3px)}.button span{font-size:21px;line-height:1}.connect-copy,.through-copy{opacity:0;pointer-events:none;visibility:hidden}.connect-copy h2,.through-copy h2{font-size:clamp(46px,5.2vw,78px);margin:25px 0}.connect-copy h2 span,.through-copy h2 span{color:#8aafff}.connect-copy>p:last-child{color:#bdd0ec;max-width:360px}.through-copy{width:70%;top:72%;text-shadow:0 2px 25px var(--navy)}.through-copy h2{font-size:clamp(35px,4vw,64px)}.scene-meta{position:absolute;right:5.5%;top:145px;z-index:4;font:9px/1.7 var(--tech);letter-spacing:2px;color:#81a5d7;display:flex;gap:35px}.meta-cross{font-size:24px;font-weight:400}.journey-bottom{position:absolute;bottom:38px;left:5.5%;right:5.5%;z-index:7;display:flex;justify-content:space-between;align-items:center}.micro.motto{font-size:8px;letter-spacing:1.8px;color:#98b3dc}.motto b{margin:0 14px;font-weight:400}.scroll-cue{font:9px var(--tech);letter-spacing:2px;display:flex;gap:20px;align-items:center}.scroll-cue span{font-size:25px;animation:nudge 2s ease-in-out infinite}.motion-toggle{border:0;background:transparent;color:#a9bddf;display:flex;gap:12px;align-items:center;font-size:10px;padding:10px}.motion-toggle span{font-size:17px}.chapter-progress{position:absolute;right:3%;top:48%;z-index:7;display:flex;align-items:center;flex-direction:column;gap:12px;font:9px var(--tech);color:#8da6ce}.chapter-progress>div{width:1px;height:95px;background:#52678c55}.chapter-progress i{display:block;width:1px;height:100%;background:#b7d4ff;transform:scaleY(0);transform-origin:top}.section-pad{padding:100px 7%}.services{position:relative;background:var(--ice);color:var(--navy);z-index:8}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:52px}.section-top .micro{font-size:9px;color:#607394;letter-spacing:1.3px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:65px}.section-intro h2,.approach h2{font-size:clamp(33px,3.8vw,60px)}.section-intro h2 span{color:var(--blue)}.section-intro>p{max-width:310px;font-size:13px;color:#4e607f}.service{border-top:1px solid var(--line)}.service:last-child{border-bottom:1px solid var(--line)}.service summary{display:flex;align-items:center;gap:25px;padding:30px 0;cursor:pointer;list-style:none}.service summary::-webkit-details-marker{display:none}.service-no{font:11px var(--tech);color:#667896;min-width:28px}.service svg{width:32px;height:32px;fill:none;stroke:var(--blue);stroke-width:1.5;margin-right:14px}.service h3{font-size:clamp(18px,2.1vw,30px);letter-spacing:-.8px;line-height:1.3;flex:1}.service-tag{font:9px var(--tech);letter-spacing:1px;color:#647798}.expand{font:24px var(--tech);margin-left:45px;transition:transform .3s}.service[open] .expand{transform:rotate(45deg)}.service-body{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;padding:0 0 34px 114px;color:#4e607f;font-size:13px}.service-body p{max-width:480px}.service-body ul{margin:0;padding:0;list-style:none;font:12px/2.3 var(--tech)}.service-body li::before{content:'↗';color:var(--blue);margin-right:14px}.services-foot{display:flex;align-items:center;gap:15px;padding-top:35px;font-size:12px;color:#566889}.services-foot a{margin-left:auto;color:var(--blue);display:flex;gap:28px}.approach{background:var(--cream);color:var(--navy)}.approach-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:10%}.approach h2{font-size:clamp(32px,3.3vw,52px)}.approach h2 span{color:#6c778c}.approach-lead{color:#637086;max-width:420px;margin-top:25px;font-size:13px}.process-list{list-style:none;margin:0;padding:0}.process-list li{border-top:1px solid var(--line);display:flex;gap:30px;padding:20px 0}.process-list li>span{font:10px var(--tech);color:#7f8a9e;padding-top:8px}.process-list h3{font-size:23px;letter-spacing:-.5px;margin-bottom:5px}.process-list p{font-size:12px;color:#637086;max-width:300px}.process-art{display:flex;align-items:center;margin:70px 0 20px;max-width:460px}.process-node{height:66px;min-width:78px;padding:0 14px;border:1px solid #bac3d1;display:grid;place-items:center;border-radius:10px;font:9px var(--tech);letter-spacing:1px;transform:rotate(-6deg);background:#fff6}.process-node.core{height:95px;width:105px;background:var(--navy);border-color:var(--blue);color:var(--ice);box-shadow:0 8px 24px #00113a20;transform:rotate(6deg)}.process-art>span{height:1px;flex:1;background:linear-gradient(90deg,#9db8f8,var(--blue));min-width:20px}.contact{background:var(--navy);position:relative;overflow:hidden;padding-top:100px;padding-bottom:100px}.contact .eyebrow{color:#87a2cd;margin-bottom:30px}.contact h2{font-size:clamp(46px,5.8vw,88px);position:relative;z-index:1;max-width:950px}.contact h2 span{color:#6b97ff}.contact>p:not(.eyebrow){margin:28px 0;color:#b3c5e1;font-size:14px}.light-button{background:var(--ice);color:var(--navy);border-color:var(--ice)}.light-button:hover{background:#c4dcfc}.contact-number{display:block;font:11px var(--tech);color:#859bc0;letter-spacing:1px;margin-top:18px}.contact-orbit{position:absolute;width:620px;height:620px;right:-70px;top:-20px;transform:rotate(-25deg);opacity:.5}.contact-orbit i{position:absolute;inset:0;border:1px solid #3970e0;border-radius:80px;box-shadow:0 0 40px #2b66ff0a;transform:rotateY(45deg)}.contact-orbit i:nth-child(2){inset:70px}.contact-orbit i:nth-child(3){inset:140px;background:radial-gradient(#2b66ff18,transparent)}footer{padding:35px 7%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #ffffff15;color:#8aa0c4}footer .wordmark{color:var(--ice);font-size:26px}footer p,footer>span{font-size:10px}footer>a:last-child{font-size:22px}.motion-off .journey,.no-webgl .journey{height:100svh}.motion-off .scroll-cue span{animation:none}.motion-off .chapter-progress,.no-webgl .chapter-progress{display:none}.motion-off .frame-copy:not(.hero-copy),.no-webgl .frame-copy:not(.hero-copy){display:none}@keyframes nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@media(min-width:1700px){.hero-copy{left:max(7%,calc((100vw - 1480px)/2))}.section-pad{padding-left:max(7%,calc((100vw - 1480px)/2));padding-right:max(7%,calc((100vw - 1480px)/2))}}
@media(max-width:900px){.header{height:82px}.header nav{gap:20px}.header nav>a:not(.nav-contact){font-size:11px}.hero-copy h1{font-size:60px}.frame-copy{left:6%;width:56%}.eyebrow{font-size:8px;letter-spacing:1.4px}.scene-meta{display:none}.motto{display:none}.section-pad{padding:75px 6%}.section-intro{display:block}.section-intro>p{margin-top:25px;max-width:450px}.service-tag{display:none}.approach-layout{gap:6%}.service-body{gap:25px;padding-left:100px}.contact-orbit{right:-320px}.chapter-progress{right:2%}.journey-bottom{left:6%;right:6%}}
@media(max-width:600px){.header{height:76px;padding:0 6%}.wordmark{font-size:29px}.header nav>a:not(.nav-contact){display:none}.nav-contact{font-size:11px;padding:6px 12px;gap:22px}.stage{min-height:650px}.journey{height:360svh}.frame-copy{left:7%;top:130px;width:86%;transform:none}.hero-copy h1{font-size:clamp(43px,10.5vw,63px);line-height:1.05;margin:17px 0;max-width:390px}.desktop-br{display:none}.hero-description{font-size:12px;line-height:1.7;max-width:285px;margin-bottom:22px}.hero-description br{display:none}.button{padding:12px 16px;font-size:11px;gap:24px}.scene-shade{background:linear-gradient(180deg,#000e31ee 8%,#000e31bb 28%,transparent 58%,#00113a44 85%)}.scene-backdrop .fallback-portal{top:51%;height:31%;width:35%;right:20%;border-width:19px}.connect-copy,.through-copy{top:150px}.connect-copy h2{font-size:48px}.connect-copy>p:last-child{font-size:12px;max-width:260px}.through-copy{top:63%;width:85%}.through-copy h2{font-size:35px}.journey-bottom{bottom:25px;align-items:center}.scroll-cue{font-size:7px;letter-spacing:1.2px;gap:10px}.motion-toggle{font-size:9px;gap:6px}.chapter-progress{top:60%;right:5%}.section-pad{padding:62px 7%}.section-top{margin-bottom:30px}.section-top .micro{display:none}.section-intro{margin-bottom:38px}.section-intro h2,.approach h2{font-size:34px;letter-spacing:-1.3px}.section-intro h2 br{display:none}.section-intro>p{font-size:12px;margin-top:20px}.service summary{gap:14px;padding:24px 0}.service-no{font-size:9px;min-width:15px}.service svg{width:25px;min-width:25px;margin:0}.service h3{font-size:19px;letter-spacing:-.6px}.expand{margin-left:0;font-size:22px}.service-body{display:block;padding:0 0 25px 0;font-size:12px}.service-body ul{margin-top:15px;font-size:11px}.services-foot{flex-wrap:wrap;font-size:10px;gap:10px}.services-foot a{margin-left:16px}.approach-layout{display:block}.approach-lead{font-size:12px}.process-art{margin:35px 0 50px}.process-list li{padding:18px 0;gap:24px}.contact h2{font-size:45px}.contact-orbit{right:-480px;opacity:.5}.contact>p:not(.eyebrow){font-size:12px}.contact-number{font-size:10px}footer{flex-wrap:wrap;gap:20px;padding:30px 7%}footer p{order:4;width:100%;font-size:9px}footer>span{font-size:9px;margin-left:auto}footer .wordmark{font-size:24px}.motion-off .journey,.no-webgl .journey{height:max(100svh,650px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.journey{height:100svh}.chapter-progress{display:none}}
@media(min-width:601px){.frame-copy{top:54%}.hero-copy h1{font-size:clamp(48px,min(5.75vw,9.2vh),90px)}.hero-copy .eyebrow{font-size:9px}.header{height:84px}}
@media(prefers-reduced-motion:reduce){.motion-enabled .journey{height:440svh}.motion-enabled .chapter-progress{display:flex}}
@media(prefers-reduced-motion:reduce) and (max-width:600px){.motion-enabled .journey{height:360svh}}
@media(min-width:601px){.frame-copy{top:50%}}
.reveal-copy{opacity:0;visibility:hidden;pointer-events:none;width:80%;color:var(--navy)}.reveal-copy .eyebrow{margin-bottom:25px}.reveal-copy h2{font-size:clamp(40px,5.5vw,85px)}.reveal-copy h2 span{color:var(--blue)}.motion-toggle[hidden]{display:none}
@media(max-width:600px){.reveal-copy{top:35%;width:86%}.reveal-copy h2{font-size:42px}}

.scene-backdrop{background:#00113a url('assets/scene-poster.png') center/cover no-repeat}.fallback-portal{display:none}@media(max-width:600px){.scene-backdrop{background-position:65% center}}