/* The landing is one connected journey; content stays readable at every frame. */
html{scroll-padding-top:112px}
.skip-link{z-index:50}
section[id]{scroll-margin-top:20px}
.site-header{position:sticky;top:0;margin:0;padding:0 clamp(22px,4.4vw,90px);background:#090d15f5;border-bottom:1px solid #263144;z-index:30}
.site-header nav{gap:clamp(18px,2.4vw,35px)}
.site-header nav>a{position:relative;padding:12px 0;color:#97a5bb;font-size:12px}
.site-header nav>a:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:1px;background:#b7c7ff;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.site-header nav>a:hover:after,.site-header nav>a[aria-current="location"]:after{transform:scaleX(1)}
.site-header nav>a[aria-current="location"]{color:#e5ecff}
.site-header nav>a.nav-contact{color:#d4ddf1;padding-left:0;margin-left:6px}
.reading-progress{position:absolute;bottom:-1px;left:0;right:0;height:1px;pointer-events:none;overflow:hidden}
.reading-progress i{display:block;width:100%;height:1px;background:linear-gradient(90deg,#778bf7,#c6d9ff);transform:scaleX(var(--page-progress,0));transform-origin:left}
.menu-toggle{display:none}
.hero-actions .button-primary{gap:0;min-width:178px;justify-content:center;position:relative;overflow:hidden}
.hero-actions .button-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#fff9 50%,transparent 70%);transform:translateX(-120%);pointer-events:none}
.hero-actions .button-primary:hover:after{animation:cta-light .65s ease-out}
@keyframes cta-light{to{transform:translateX(120%)}}
.hero-actions .text-link{gap:0;position:relative}
.hero-actions .text-link:after{content:"";position:absolute;bottom:7px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(.25);transform-origin:left;opacity:.45;transition:transform .25s}
.hero-actions .text-link:hover:after{transform:scaleX(1)}
.route-state{width:8px;height:8px;border:1px solid #627392;border-radius:50%;flex:none;margin-left:12px;position:relative}
.project-options button[aria-pressed="true"] .route-state{border-color:#24345a;background:#24345a;box-shadow:0 0 0 3px #24345a14}
.component-detail{display:block;border-top:1px solid #344056;padding-top:15px;color:#ccd9f1;font-size:11px;text-align:left;transition:color .2s}
.component-detail:hover{color:#fff}
.component-detail:after{content:"";display:inline-block;width:27px;height:1px;vertical-align:middle;margin-left:12px;background:currentColor;transform-origin:left;transition:transform .25s}
.component-detail:hover:after{transform:scaleX(1.4)}
.scroll-cue{gap:17px;align-items:center}
.scroll-cue i{height:26px;width:1px;background:linear-gradient(#a9c7f0,transparent);display:block;position:relative}
.scroll-cue i:after{content:"";position:absolute;top:0;left:-1px;width:3px;height:5px;background:#b6ceff;animation:scroll-signal 2.8s ease-in-out infinite;animation-play-state:paused}
.hero.is-inview .scroll-cue i:after{animation-play-state:running}
@keyframes scroll-signal{0%,100%{transform:translateY(0);opacity:.45}55%{transform:translateY(20px);opacity:1}}
.journey-section{padding-top:100px;padding-bottom:70px;overflow:hidden;background:radial-gradient(ellipse at 65% 20%,#1c2b4338,transparent 65%),#0f1724;color:#e7eefb;border-top:1px solid #25334b;border-bottom:1px solid #26364f}
.journey-section .section-topline{margin-bottom:70px;border-color:#2d3b52}
.journey-section .section-topline .eyebrow{color:#8d9fbd}
.journey-section .section-topline>span{color:#8699b8}
.journey-section .approach-intro{align-items:end;margin-bottom:64px;gap:8%;grid-template-columns:1.15fr 1fr}
.journey-section .approach-intro h2{font-size:clamp(38px,4.5vw,74px);color:#e7eefb}
.journey-section .approach-intro h2>span{color:#b1c2ed}
.journey-section .approach-intro>p{font-size:14px;line-height:1.9;max-width:410px;color:#96a9c5}
.journey-flow{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:34px;padding-top:2px}
.journey-rail{position:absolute;left:15px;right:15px;top:17px;height:1px;background:#33435e;overflow:visible}
.journey-rail>i{position:absolute;inset:0;transform:scaleX(var(--journey-progress,0));transform-origin:left;background:#8ba8df}
.journey-rail>b{position:absolute;top:-2px;left:0;width:70px;height:5px;background:linear-gradient(90deg,transparent,#9dbfff,transparent);opacity:0;transform:translateX(calc(var(--journey-progress,0) * var(--journey-width,700px)));transition:opacity .2s}
.journey-section.is-inview .journey-rail>b{opacity:.6}
.journey-step{position:relative;min-width:0}
.journey-node{display:flex;align-items:center;gap:14px;height:32px;margin-bottom:32px}
.journey-node>span{font:10px var(--mono);color:#8fa6c8;background:#0f1724;position:relative;z-index:1;padding-right:8px}
.journey-node>i{width:7px;height:7px;border-radius:50%;background:#273b58;border:1px solid #58729b;transition:background .35s,box-shadow .35s;position:relative}
.journey-step.is-active .journey-node>i{background:#a4c1f2;box-shadow:0 0 0 5px #84b7ff12,0 0 14px #95baff22}
.journey-mini{height:110px;position:relative;margin:0 0 24px;border:1px solid #324561;background:linear-gradient(135deg,#16243a,#121d2e);border-radius:4px;overflow:hidden;color:#a4bddf}
.journey-context{--journey-context-gap:8px;display:flex;align-items:center;justify-content:center;gap:var(--journey-context-gap)}
.journey-context span{position:relative;font:9px var(--mono);padding:11px 8px;border:1px solid #496181;background:#18273f;z-index:1;transition:transform .5s}
.journey-context span:not(:last-of-type):after{content:"";position:absolute;left:100%;top:50%;width:calc(var(--journey-context-gap) + 2px);height:1px;background:#52719c;pointer-events:none}
.journey-context span:nth-child(2){transform:translateY(-7px)}
.journey-context span:nth-child(3){transform:translateY(5px)}
.journey-step.is-active .journey-context span{transform:translateY(0)}
.journey-context>i{display:none}
.journey-assembly i{position:absolute;left:calc(50% - 50px);top:33px;width:100px;height:45px;border:1px solid #4e688d;background:#1b2e49;transform:rotate(-12deg) translateX(-20px);transition:transform .7s cubic-bezier(.2,.8,.25,1)}
.journey-assembly i:nth-child(2){transform:rotate(8deg) translateX(19px);background:#172840}
.journey-assembly i:nth-child(3){transform:translate(0,-8px);background:#203653}
.journey-step.is-active .journey-assembly i:first-child{transform:translate(-14px,12px)}
.journey-step.is-active .journey-assembly i:nth-child(2){transform:translate(-7px,6px)}
.journey-step.is-active .journey-assembly i:nth-child(3){transform:translate(0,0)}
.journey-assembly span{position:absolute;left:0;right:0;top:48px;text-align:center;font:10px var(--mono);color:#aec8eb}
.journey-release{display:flex;flex-direction:column;justify-content:center;gap:9px;padding-left:calc(50% - 49px)}
.journey-release>span{font:9px var(--mono);display:flex;align-items:center;gap:10px}
.journey-release i{display:block;width:5px;height:5px;border-radius:50%;background:#3b506f;transition:background .3s}
.journey-step.is-active .journey-release i{background:#a1bce8}
.journey-step.is-active .journey-release>span:nth-child(2) i{transition-delay:.12s}
.journey-step.is-active .journey-release>span:nth-child(3) i{transition-delay:.24s}
.journey-step h3{font-size:27px;letter-spacing:-.04em;font-weight:500;margin:0 0 15px}
.journey-step>p{font-size:13px;line-height:1.85;color:#96a8c2;max-width:300px;margin:0 0 28px;min-height:73px}
.journey-output{font-size:11px;color:#b4c6e2;border-top:1px solid #2e405c;padding-top:17px;line-height:1.7}
.journey-output>span{display:block;font:7px var(--mono);letter-spacing:.13em;color:#708bab;margin-bottom:9px}
.journey-principle{display:flex;align-items:center;gap:27px;border-top:1px solid #30425e;padding-top:30px;margin-top:55px}
.journey-bracket{font:35px var(--mono);color:#6f91bd;letter-spacing:-.12em}
.journey-principle p{font-size:12px;line-height:1.85;color:#8098ba;margin:0}
.journey-principle strong{font-weight:400;color:#c0cee4}
.journey-principle code{font:9px var(--mono);color:#718bad;margin-left:auto;white-space:nowrap}
.journey-principle code span{color:#506d94;padding:0 8px}
.experience-depth{padding-top:85px;padding-bottom:90px;background:#0c131f;overflow:hidden}
.experience-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:54px;border-bottom:1px solid #253047;padding-bottom:20px;gap:25px}
.experience-topline .eyebrow{margin:0}
.experience-topline>span{font:8px var(--mono);letter-spacing:.13em;color:#637591}
.experience-depth .experience-grid{grid-template-columns:1.1fr 1fr;gap:10%;align-items:center}
.experience-depth h2{font-size:clamp(33px,3.6vw,59px);line-height:1.12;letter-spacing:-.05em;max-width:610px}
.experience-lead{font-size:13px;line-height:1.9;color:#98a8be;max-width:460px;margin:28px 0 30px}
.experience-roles{display:flex;flex-wrap:wrap;gap:8px}
.experience-roles span{font-size:9px;padding:8px 12px;border:1px solid #29374e;color:#8195b3;border-radius:2px}
.experience-scale-scene{position:relative;padding:30px 35px 24px;isolation:isolate;border:1px solid #2a3750;background:linear-gradient(135deg,#142039,#101723 70%);border-radius:5px;min-height:330px;overflow:hidden}
.experience-scale-label{font:8px var(--mono);letter-spacing:.14em;color:#8197b8;margin:0 0 23px}
.experience-scale-value{display:flex;align-items:baseline;gap:15px;font-size:128px;line-height:1;font-weight:400;letter-spacing:-.075em;color:#c1ceff;margin:0}
.experience-scale-value>span{font-size:25px;letter-spacing:-.03em;color:#8195b6}
.experience-scale-caption{font-size:11px;color:#a2b0c9;line-height:1.8;margin:15px 0 26px 7px}
.experience-scale-baseline{display:flex;gap:24px;border-top:1px solid #2b3b58;padding-top:17px;font:8px var(--mono);color:#627b9f;letter-spacing:.05em}
.experience-mesh{position:absolute;inset:0;z-index:-1;opacity:.45;pointer-events:none}
.experience-mesh i{position:absolute;width:200%;height:1px;background:linear-gradient(90deg,transparent,#4b67983d,transparent);left:-50%;top:calc(20% + var(--mesh-index,0) * 11%);transform:rotate(-20deg)}
.experience-mesh i:nth-child(2){--mesh-index:1}.experience-mesh i:nth-child(3){--mesh-index:2}.experience-mesh i:nth-child(4){--mesh-index:3}.experience-mesh i:nth-child(5){--mesh-index:4}.experience-mesh i:nth-child(6){--mesh-index:5}.experience-mesh i:nth-child(7){--mesh-index:6}.experience-mesh i:nth-child(8){--mesh-index:7}
.experience-mesh>span{position:absolute;left:-30%;right:-30%;top:0;height:2px;background:linear-gradient(90deg,transparent,#8ebdff77,transparent);transform:translateY(0) rotate(-20deg);opacity:0}
.experience-depth.is-inview .experience-mesh>span{animation:experience-packet 7s ease-in-out infinite}
@keyframes experience-packet{0%{transform:translateY(-20px) rotate(-20deg);opacity:0}20%{opacity:.7}65%{opacity:.5}100%{transform:translateY(390px) rotate(-20deg);opacity:0}}
.site-footer{padding:28px 0;flex-wrap:wrap;gap:24px;align-items:center}
.footer-links{display:flex;gap:22px;margin-left:auto;font:10px var(--sans);letter-spacing:0;color:#93a5bf}
.footer-links a:hover{color:#dfe9ff}
.site-footer .footer-note{margin-left:auto;color:#657994;font:9px var(--mono)}
.brand .brand-name{display:block;font:600 28px/1 var(--sans);letter-spacing:-.065em;color:#e7edf9}
.brand .brand-sub{font:7px/1.5 var(--mono);letter-spacing:.15em;margin-top:6px;color:#8294b2}
.footer-brand{display:flex;align-items:center;gap:15px;font:600 21px/1 var(--sans);letter-spacing:-.055em;color:#aabbd9}
.footer-brand .brand-sign{margin:0}
@media(max-width:760px){.brand .brand-name{font-size:25px}.brand .brand-sub{font-size:6px;letter-spacing:.13em}.footer-brand{font-size:20px;gap:11px}}
body.dialog-open main *,body.dialog-open main *::before,body.dialog-open main *::after,body.page-hidden main *,body.page-hidden main *::before,body.page-hidden main *::after{animation-play-state:paused!important}
@media(max-width:1100px){.site-header nav{gap:20px}.site-header nav>a{font-size:11px}.brand{font-size:12px}.brand-sub{font-size:8px}.journey-flow{gap:23px}.journey-context{--journey-context-gap:5px}.journey-context span{font-size:8px;padding:10px 6px}.experience-depth .experience-grid{gap:6%}.experience-scale-value{font-size:112px}.journey-principle code{display:none}}
@media(max-width:760px){html{scroll-padding-top:90px}.site-header{height:76px;padding:0 22px}.brand{font-size:11px}.brand-sign{font-size:27px}.menu-toggle{display:flex;align-items:center;gap:13px;background:none;border:0;color:#c6d4eb;padding:12px 0 12px 18px;font-size:11px}.menu-toggle>span{font:19px var(--mono);color:#8ba6d4;transition:transform .2s}.menu-toggle[aria-expanded="true"]>span{transform:rotate(45deg)}.site-header nav{display:none;position:absolute;left:0;right:0;top:75px;padding:16px 22px 23px;background:#0c121e;border-bottom:1px solid #2e3d57;grid-template-columns:1fr 1fr;gap:5px 25px;box-shadow:0 18px 35px #0003}.site-header nav[data-open="true"]{display:grid}.site-header nav>a{display:block!important;padding:13px 0;font-size:13px}.site-header nav>a.nav-contact{margin-left:0}.site-header nav>a:after{bottom:6px}.journey-section{padding-top:60px;padding-bottom:45px}.journey-section .section-topline{margin-bottom:42px}.journey-section .approach-intro{grid-template-columns:1fr;gap:23px;margin-bottom:40px}.journey-section .approach-intro h2{font-size:42px}.journey-section .approach-intro>p{font-size:13px}.journey-flow{grid-template-columns:1fr;gap:33px;padding-left:28px}.journey-rail{left:5px;right:auto;top:12px;bottom:30px;width:1px;height:auto}.journey-rail>i{transform:scaleY(var(--journey-progress,0));transform-origin:top}.journey-rail>b{display:none}.journey-node{position:absolute;left:-27px;top:0;display:block;height:auto}.journey-node>span{display:block;padding:1px 0 9px;background:#0f1724;font-size:8px}.journey-node>i{display:block;margin-left:1px}.journey-mini{height:100px;max-width:420px;margin-bottom:18px}.journey-step h3{font-size:25px;margin-bottom:10px}.journey-step>p{max-width:none;min-height:0;font-size:12px;margin-bottom:17px}.journey-output{font-size:10px;padding-top:12px}.journey-output>span{display:inline;margin-right:12px;font-size:6px}.journey-context{--journey-context-gap:10px}.journey-context span{font-size:9px;padding:10px}.journey-principle{margin-top:35px;padding-top:22px;gap:20px}.journey-principle p{font-size:11px}.journey-bracket{font-size:28px}.experience-depth{padding-top:55px;padding-bottom:58px}.experience-topline{margin-bottom:34px}.experience-topline>span{display:none}.experience-depth .experience-grid{grid-template-columns:1fr;gap:32px}.experience-depth h2{font-size:36px}.experience-lead{font-size:12px;margin:23px 0}.experience-roles span{font-size:8px;padding:7px 10px}.experience-scale-scene{min-height:310px;padding:28px;max-width:500px}.experience-scale-value{font-size:118px}.footer-links{order:3;margin:0;flex-basis:100%;justify-content:space-between;gap:12px;font-size:10px}.site-footer .footer-note{font-size:7px;margin-left:auto}.site-footer>span:last-child{max-width:none;text-align:left}}
@media(max-width:380px){.site-header{padding:0 17px}.hero-actions .button-primary{min-width:151px}.hero-actions .text-link{font-size:9px}.journey-section .approach-intro h2{font-size:35px}.journey-flow{padding-left:24px}.journey-node{left:-23px}.journey-context{--journey-context-gap:5px}.journey-context span{font-size:8px;padding:8px 7px}.experience-depth h2{font-size:30px}.experience-scale-scene{padding:25px}.experience-scale-value{font-size:104px}.footer-links{font-size:9px}}
@media(prefers-reduced-motion:reduce){.scroll-cue i:after,.experience-depth.is-inview .experience-mesh>span,.hero-actions .button-primary:hover:after{animation:none}.journey-rail>i{transform:none}.journey-rail>b{display:none}.journey-mini *{transition:none}}

/* Verified team and experience facts, November 2026. */
.experience-ai{display:flex;align-items:center;gap:22px;border-top:1px solid #2b3b58;padding:22px 0;margin-top:18px}
.experience-ai>strong{font-size:58px;line-height:1;letter-spacing:-.06em;font-weight:400;color:#c1ceff}
.experience-ai p{margin:0;font-size:14px;color:#d7e0f2;line-height:1.5}
.experience-ai p span{display:block;font-size:11px;color:#98a8be;max-width:270px;margin-top:7px}
.experience-scale-baseline{flex-wrap:wrap;font-family:var(--sans,Onest,sans-serif);font-size:12px;color:#98a8be;gap:16px 28px}
.experience-scale-baseline b{font-size:22px;color:#d7e0f2;font-weight:500;margin-right:5px}
@media(max-width:760px){.experience-ai{gap:18px}.experience-ai>strong{font-size:48px}.experience-scale-value>span{font-size:20px}.experience-scale-baseline{font-size:11px}}

.experience-before{border-bottom:1px solid #2b3b58;padding-bottom:22px;margin-bottom:25px}.experience-before .experience-scale-label{margin-bottom:12px}.experience-before>p:not(.experience-scale-label){margin:0 0 5px;color:#a2b0c9;font-size:14px}.experience-before strong{font-size:38px;font-weight:400;letter-spacing:-.04em;color:#d0d9ed;margin-right:8px}.experience-before>span{font-size:11px;color:#98a8be}