:root{--bg:#071018;--panel:#0d1925;--text:#f5f7fb;--muted:#9baabd;--line:rgba(202,222,244,.14);--blue:#0a84ff;--green:#3ddc84;--grad:linear-gradient(110deg,var(--blue),var(--green));--sans:"SF Pro Display",Inter,"Segoe UI",sans-serif;--mono:"SFMono-Regular","Roboto Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 8% 2%,rgba(10,132,255,.14),transparent 28rem),radial-gradient(circle at 92% 15%,rgba(61,220,132,.1),transparent 30rem),var(--bg);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#000,transparent 75%)}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.eyebrow,.kicker{font:700 .72rem var(--mono);letter-spacing:.15em;text-transform:uppercase}.eyebrow{color:var(--green)}.kicker{color:#72baff}.muted{color:var(--muted)}
.site-header{position:sticky;top:0;z-index:20;background:transparent;border-bottom:1px solid transparent;box-shadow:0 0 0 rgba(0,0,0,0);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.site-header.scrolled{background:rgba(7,16,24,.78);border-color:var(--line);box-shadow:0 16px 44px rgba(0,0,0,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav{min-height:76px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.03em;margin-right:auto}.brand em{font-style:normal;color:var(--green)}.brand-mark{position:relative;width:30px;height:30px;border:1px solid var(--line);border-radius:9px;background:#0b1823}.brand-mark:before,.brand-mark:after{content:"";position:absolute;top:10px;width:8px;height:8px;border-radius:50%}.brand-mark:before{left:6px;background:var(--blue);box-shadow:0 0 14px var(--blue)}.brand-mark:after{right:6px;background:var(--green);box-shadow:0 0 14px var(--green)}.nav-links{display:flex;gap:26px;color:#b9c4d2;font-size:.91rem}.nav-links a{border-bottom:1px solid transparent}.nav-links a:hover,.nav-links a[aria-current=page]{border-color:var(--green)}.button,.nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:0 20px;border:0;border-radius:12px;background:var(--grad);color:white;font-weight:800;box-shadow:0 12px 34px rgba(10,132,255,.16);transition:.2s transform,.2s box-shadow}.button:hover,.nav-cta:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(61,220,132,.2)}.button.secondary{background:transparent;border:1px solid var(--line);box-shadow:none}.menu-button{display:none;background:transparent;border:0;color:white;font-size:1.3rem}
.hero{padding:90px 0 76px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:54px;align-items:center}.hero h1,.page-hero h1{margin:16px 0 24px;font-size:clamp(3.4rem,7vw,6.8rem);line-height:.91;letter-spacing:-.072em}.hero h1 span{display:block;color:transparent;-webkit-text-stroke:1px rgba(245,247,251,.5)}.hero-copy>p,.page-hero p{max-width:700px;color:#b4c0cf;font-size:1.14rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:33px}.trust-line{margin-top:32px;color:#718094;font:.7rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.code-stage{position:relative;min-height:585px;display:grid;place-items:center}.code-stage:before{content:"";position:absolute;inset:10%;border-radius:50%;background:var(--grad);filter:blur(85px);opacity:.23}.code-window{position:relative;width:min(100%,650px);overflow:hidden;border:1px solid var(--line);border-radius:22px;background:rgba(6,13,20,.94);box-shadow:0 42px 100px rgba(0,0,0,.48);transform:perspective(1200px) rotateY(-3deg)}.window-bar{min-height:52px;padding:0 18px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.window-dots{display:flex;gap:7px;margin-right:auto}.window-dots i{width:8px;height:8px;border-radius:50%;background:#29394a}.window-dots i:first-child{background:var(--blue)}.window-dots i:last-child{background:var(--green)}.code-tabs{display:flex;gap:3px}.code-tab{padding:7px 9px;border:0;border-radius:7px;background:transparent;color:#718095;font:700 .65rem var(--mono);cursor:pointer}.code-tab.active{background:rgba(255,255,255,.07);color:white}.code-labels{padding:18px 22px 0;display:flex;justify-content:space-between;color:#6f7d8f;font:700 .6rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.code-labels span:last-child{color:var(--green)}.code-body{display:grid;grid-template-columns:1fr 1fr;min-height:405px}.code-pane{margin:0;padding:22px;color:#bbc6d5;font:.71rem/1.75 var(--mono);white-space:pre-wrap;overflow:hidden}.code-pane+.code-pane{border-left:1px solid var(--line);background:linear-gradient(150deg,rgba(61,220,132,.04),transparent)}.kw{color:#ff7ab2}.type{color:#64d2ff}.dim{color:#526174}.plus{color:var(--green)}.minus{color:#ff6961}.migration-meter{padding:15px 22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border-top:1px solid var(--line);color:#718094;font:700 .63rem var(--mono)}.meter-track{height:4px;border-radius:5px;background:#1b2936;overflow:hidden}.meter-fill{height:100%;width:66%;background:var(--grad);animation:grow 3s ease-in-out infinite alternate}@keyframes grow{to{width:86%}}
.signal-band{border-block:1px solid var(--line);overflow:hidden;background:rgba(255,255,255,.015)}.signal-track{display:flex;width:max-content;gap:46px;padding:16px 0;color:#8491a2;font:700 .66rem var(--mono);letter-spacing:.12em;text-transform:uppercase;animation:scroll 30s linear infinite}.signal-track span:before{content:"●";color:var(--green);margin-right:13px}@keyframes scroll{to{transform:translateX(-50%)}}.section{padding:105px 0}.section-tight{padding:72px 0}.section-head{display:grid;grid-template-columns:.65fr 1.35fr;gap:40px;margin-bottom:50px}.section-head h2,.split h2,.cta-panel h2{margin:0;font-size:clamp(2.4rem,5vw,4.7rem);line-height:.98;letter-spacing:-.055em}.section-head p,.split p{color:#aab6c6;font-size:1.04rem}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.process-card,.service-card,.detail-card,.proof-card,.case-copy,.case-dashboard{border:1px solid var(--line);border-radius:20px;background:rgba(15,27,40,.76)}.process-card{min-height:350px;padding:26px;position:relative;overflow:hidden}.process-card:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--grad);transition:.35s}.process-card:hover:after{width:100%}.step-no{color:#58677a;font:700 .68rem var(--mono)}.step-icon{width:52px;height:52px;margin:62px 0 32px;display:grid;place-items:center;border:1px solid rgba(10,132,255,.38);border-radius:15px;color:#67b7ff;background:rgba(10,132,255,.07)}.process-card:nth-child(even) .step-icon{border-color:rgba(61,220,132,.38);color:var(--green);background:rgba(61,220,132,.06)}.step-icon svg{width:25px}.process-card h3,.service-card h3,.proof-card h3{margin:0 0 10px;font-size:1.18rem}.process-card p,.service-card p,.proof-card p{margin:0;color:#91a0b4;font-size:.91rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:74px;align-items:center}.feature-list{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--line)}.feature-list li{padding:17px 0;display:grid;grid-template-columns:36px 1fr;gap:12px;border-bottom:1px solid var(--line);color:#c2ccd8}.feature-list b{color:var(--green);font:.72rem var(--mono)}
.architecture-map{position:relative;min-height:500px;display:grid;place-items:center}.arch-ring{position:absolute;width:410px;height:410px;border:1px solid rgba(10,132,255,.2);border-radius:50%;animation:rotate 25s linear infinite}.arch-ring:nth-child(2){width:300px;height:300px;border-style:dashed;border-color:rgba(61,220,132,.25);animation-direction:reverse}@keyframes rotate{to{transform:rotate(360deg)}}.arch-core{z-index:2;width:170px;height:170px;display:grid;place-items:center;text-align:center;border:1px solid var(--line);border-radius:50%;background:#0b1722;font-weight:800}.arch-node{position:absolute;z-index:3;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:#0c1823;color:#9eacbd;font:700 .65rem var(--mono)}.arch-node.a{top:14%;left:4%}.arch-node.b{top:7%;right:12%}.arch-node.c{bottom:14%;left:0}.arch-node.d{bottom:8%;right:7%}.services-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:14px}.service-card{min-height:305px;padding:30px}.service-card.primary{background:linear-gradient(135deg,rgba(10,132,255,.15),rgba(61,220,132,.05))}.platform{display:inline-flex;padding:7px 9px;margin-bottom:70px;border-radius:7px;background:rgba(255,255,255,.06);color:#aebaca;font:700 .64rem var(--mono);text-transform:uppercase}.service-card a{display:inline-block;margin-top:22px;color:var(--green);font-weight:750}.case-study{display:grid;grid-template-columns:.92fr 1.08fr;gap:14px}.case-copy,.case-dashboard{padding:38px}.case-copy h3{font-size:clamp(2rem,4vw,3.4rem);line-height:1;letter-spacing:-.045em;margin:20px 0}.case-copy p{color:#aab6c6}.case-note{color:#68778a;font:.64rem var(--mono);text-transform:uppercase}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric{min-height:148px;padding:22px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}.metric strong{display:block;margin-bottom:26px;color:var(--green);font:700 2.35rem var(--mono)}.metric span{color:#93a1b3;font-size:.8rem}.bar{height:4px;margin-top:16px;background:#1d2a38}.bar i{display:block;height:100%;background:var(--grad)}.quote-panel{padding:48px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(140deg,rgba(10,132,255,.08),rgba(61,220,132,.06))}.quote-panel blockquote{max-width:900px;margin:0;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.25;letter-spacing:-.035em}.quote-panel footer{margin-top:22px;color:#718094;font:.68rem var(--mono);text-transform:uppercase}.cta-panel{position:relative;overflow:hidden;padding:70px;border:1px solid rgba(61,220,132,.27);border-radius:28px;background:linear-gradient(135deg,rgba(10,132,255,.18),rgba(61,220,132,.14))}.cta-panel:after{content:"→";position:absolute;right:30px;bottom:-90px;color:rgba(255,255,255,.04);font-size:20rem}.cta-panel p{max-width:610px;margin:20px 0 31px;color:#bcc7d4;font-size:1.06rem}
.page-hero{padding:94px 0 68px}.page-hero h1{max-width:13ch;font-size:clamp(3.2rem,7vw,6.2rem)}.page-hero .line{height:1px;margin-top:60px;background:linear-gradient(90deg,var(--blue),var(--green),transparent)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.detail-card{padding:38px}.detail-card .num{color:#70baff;font:700 .68rem var(--mono)}.detail-card h2{margin:52px 0 12px;font-size:2rem;letter-spacing:-.04em}.detail-card p{color:#9facbd}.deliverables{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.deliverables span{padding:7px 10px;border:1px solid var(--line);border-radius:99px;color:#8493a5;font:.64rem var(--mono)}.timeline{position:relative;padding-left:34px}.timeline:before{content:"";position:absolute;top:5px;bottom:5px;left:7px;width:2px;background:var(--grad)}.timeline-item{position:relative;padding:0 0 52px 28px}.timeline-item:before{content:"";position:absolute;left:-32px;top:5px;width:11px;height:11px;border:3px solid var(--bg);border-radius:50%;background:var(--green);box-shadow:0 0 0 1px var(--green)}.timeline-item h3{margin:0 0 7px;font-size:1.42rem}.timeline-item p{margin:0;color:#98a6b7}.timeline-item small{display:block;margin-bottom:8px;color:#6cb8ff;font:700 .65rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.principle-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.proof-card{padding:28px;min-height:225px}.symbol{margin-bottom:48px;color:var(--green);font:700 1.6rem var(--mono)}.footer{padding:42px 0 54px;border-top:1px solid var(--line);color:#718094;font-size:.8rem}.footer-grid{display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px}.footer-links{display:flex;gap:20px}.footer .brand{color:white;margin-bottom:12px}.reveal{opacity:0;transform:translateY(18px);transition:.7s}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media(max-width:900px){.menu-button{display:block}.nav-links{position:absolute;display:none;left:20px;right:20px;top:70px;padding:18px;flex-direction:column;background:#0b1722;border:1px solid var(--line);border-radius:14px}.nav-links.open{display:flex}.nav>.nav-cta{display:none}.hero-grid,.section-head,.split,.case-study{grid-template-columns:1fr}.code-stage{min-height:auto}.code-window{transform:none}.process-grid{grid-template-columns:1fr 1fr}.services-grid{grid-template-columns:1fr 1fr}.service-card.primary{grid-column:1/-1}.section{padding:80px 0}}
@media(max-width:620px){.wrap{width:calc(100% - 28px)}.hero h1,.page-hero h1{font-size:3.3rem}.code-body{grid-template-columns:1fr}.code-pane+.code-pane{border-left:0;border-top:1px solid var(--line)}.code-pane{min-height:280px}.process-grid,.services-grid,.detail-grid,.principle-row,.metric-row{grid-template-columns:1fr}.service-card.primary{grid-column:auto}.cta-panel,.case-copy,.case-dashboard{padding:30px}.arch-ring{width:320px;height:320px}.arch-ring:nth-child(2){width:235px;height:235px}.footer-grid{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}}

/* Wide-screen and interaction pass */
.wrap{width:min(1680px,calc(100% - clamp(40px,6vw,112px)))}
.site-header:after{content:"";position:absolute;left:0;bottom:-1px;width:var(--scroll-progress,0%);height:2px;background:var(--grad);box-shadow:0 0 14px rgba(61,220,132,.35)}
.hero-grid{grid-template-columns:minmax(430px,.78fr) minmax(680px,1.22fr);gap:clamp(54px,6vw,110px)}
.hero-copy{max-width:660px}.code-window{width:min(100%,860px)}.code-pane{font-size:clamp(.71rem,.72vw,.86rem)}
.signal-track{gap:0;padding:0;animation-name:ticker-loop;animation-duration:34s;will-change:transform}
.signal-group{display:flex;align-items:center;flex-shrink:0;gap:clamp(42px,4vw,76px);padding:16px clamp(42px,4vw,76px) 16px 0}
.signal-group span{white-space:nowrap}.signal-group span:before{content:"●";color:var(--green);margin-right:13px}
@keyframes ticker-loop{to{transform:translateX(-50%)}}
.code-pane.is-typing:after{content:"";display:inline-block;width:7px;height:1.1em;margin-left:3px;vertical-align:-2px;background:var(--green);box-shadow:0 0 10px var(--green);animation:cursor-blink .72s steps(1) infinite}
[data-before],[data-before] *{color:#8f9baa!important}
@keyframes cursor-blink{50%{opacity:0}}
.service-card,.detail-card,.proof-card,.outcome-card,.gate-card,.feature-module{position:relative;isolation:isolate;overflow:hidden;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .22s ease,border-color .25s ease}
.service-card:before,.detail-card:before,.proof-card:before,.outcome-card:before,.gate-card:before,.feature-module:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(420px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(61,220,132,.11),transparent 45%);opacity:0;transition:opacity .25s}
.service-card:hover:before,.detail-card:hover:before,.proof-card:hover:before,.outcome-card:hover:before,.gate-card:hover:before,.feature-module:hover:before{opacity:1}.service-card:hover,.detail-card:hover,.proof-card:hover,.outcome-card:hover,.gate-card:hover,.feature-module:hover{border-color:rgba(111,195,255,.3)}
.service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:58px}.service-top .platform{margin:0}
.service-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(10,132,255,.32);border-radius:15px;color:#70baff;background:rgba(10,132,255,.07)}
.service-icon.green{color:var(--green);border-color:rgba(61,220,132,.32);background:rgba(61,220,132,.06)}.service-icon.mixed{color:white;border-color:transparent;background:var(--grad)}.service-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.detail-card .service-icon{margin-bottom:28px}.detail-card h2{margin-top:18px}.services-intro{max-width:820px;margin:-24px 0 44px;color:#9eacbd;font-size:1.02rem}
@media(min-width:1500px){.hero{padding:120px 0 92px}.hero h1{font-size:clamp(5.6rem,6vw,7.6rem)}.process-card{min-height:380px;padding:32px}.service-card{padding:36px}.section{padding:125px 0}.section-head{grid-template-columns:.72fr 1.28fr}}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr 1.15fr;gap:38px}.code-window{width:100%}}
@media(max-width:900px){.wrap{width:min(100% - 40px,760px)}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:680px}.code-window{width:min(100%,760px)}}
@media(max-width:620px){.wrap{width:calc(100% - 28px)}.signal-group{gap:38px;padding-right:38px}.service-top{margin-bottom:42px}.service-icon{width:46px;height:46px}}

/* Narrative refinement */
.signal-group{min-width:max-content;justify-content:flex-start;gap:clamp(42px,4vw,76px);padding-right:clamp(42px,4vw,76px)}
@media(max-width:620px){.signal-group{gap:38px;padding-right:38px}}
.section-head--stacked{grid-template-columns:1fr;gap:18px;max-width:1120px}.section-head--stacked h2{max-width:980px}.section-head--stacked p{max-width:780px}
.conversion-flow{padding-top:90px}.conversion-flow .quote-panel{border-radius:24px 24px 0 0}.conversion-flow .cta-panel{border-radius:0 0 28px 28px}
.conversion-bridge{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:26px;padding:27px 38px;border-inline:1px solid var(--line);background:#0a1621}
.conversion-bridge>div{display:grid;grid-template-columns:auto 1fr;column-gap:13px;align-items:center}.conversion-bridge .mini-icon{grid-row:1/3;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(61,220,132,.28);border-radius:12px;color:var(--green);background:rgba(61,220,132,.06);font:700 1rem var(--mono)}.conversion-bridge b{font-size:.88rem}.conversion-bridge small{color:#7f8ea2;font-size:.72rem}.conversion-bridge>i{width:50px;height:1px;background:var(--grad);opacity:.45}
.content-band{padding:38px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,rgba(10,132,255,.07),rgba(61,220,132,.045))}.content-band-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.content-band-head h2{max-width:760px;margin:8px 0 0;font-size:clamp(2rem,4vw,3.6rem);line-height:1;letter-spacing:-.045em}.content-band-head p{max-width:600px;margin:0;color:#9facbd}
.outcome-grid,.gate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.outcome-card,.gate-card{padding:26px;border:1px solid var(--line);border-radius:16px;background:rgba(8,18,27,.72)}.outcome-card .service-icon,.gate-card .service-icon{margin-bottom:34px}.outcome-card h3,.gate-card h3{margin:0 0 8px;font-size:1.15rem}.outcome-card p,.gate-card p{margin:0;color:#8f9eb1;font-size:.88rem}
.architecture-story{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:start}.architecture-story h2{margin:12px 0 20px;font-size:clamp(2.5rem,5vw,5rem);line-height:.95;letter-spacing:-.055em}.architecture-story>div>p{color:#9eacbd;font-size:1.04rem}.feature-architecture{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-module{padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(14,27,40,.8)}.feature-module>header{display:flex;align-items:center;justify-content:space-between;padding:0 2px 16px;color:white;font-weight:800}.feature-module>header span{color:var(--green);font:.64rem var(--mono)}.layer-stack{display:grid;gap:7px}.layer{padding:12px;border:1px solid var(--line);border-radius:9px;background:#0a1520;color:#9aa9bb;font:.7rem var(--mono)}.layer:first-child{border-color:rgba(10,132,255,.35);color:#74bcff}.layer:nth-child(3){border-color:rgba(61,220,132,.28);color:#8be9b4}.layer:last-child{background:linear-gradient(90deg,rgba(10,132,255,.08),rgba(61,220,132,.08));color:#c4cfdb}.architecture-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.architecture-legend span{padding:7px 10px;border:1px solid var(--line);border-radius:99px;color:#7f8fa2;font:.64rem var(--mono)}
.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.story-card{padding:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.story-card .num{color:var(--green);font:.7rem var(--mono)}.story-card h3{margin:24px 0 10px;font-size:1.25rem}.story-card p{margin:0;color:#91a0b3}
@media(max-width:1000px){.architecture-story{grid-template-columns:1fr}.content-band-head{display:block}.content-band-head p{margin-top:18px}.conversion-bridge{grid-template-columns:1fr}.conversion-bridge>i{width:1px;height:24px;margin-left:20px;background:linear-gradient(var(--blue),var(--green))}.outcome-grid,.gate-grid{grid-template-columns:1fr 1fr}.story-grid{grid-template-columns:1fr}}
@media(max-width:700px){.signal-group{min-width:max-content;gap:38px;padding-right:38px}.conversion-bridge,.content-band{padding:25px}.outcome-grid,.gate-grid,.feature-architecture{grid-template-columns:1fr}.conversion-flow{padding-top:65px}.quote-panel{padding:32px}.story-card{padding-inline:10px}}

/* Shared label-to-heading rhythm */
:root{--label-heading-gap:18px}
.eyebrow+h1,.eyebrow+h2,.eyebrow+h3,
.kicker+h1,.kicker+h2,.kicker+h3,
.num+h2,.num+h3,
.case-note+h2,.case-note+h3,
.timeline-item small+h3{margin-top:var(--label-heading-gap)}
.section-head--stacked{gap:var(--label-heading-gap)}
@media(max-width:900px){.section-head{gap:var(--label-heading-gap)}}

/* Homepage alternating section rhythm */
.section-head--left,.section-head--right{width:min(100%,1120px)}
.section-head--left{margin-right:auto}
.section-head--right{margin-left:auto}
.split--reverse>:first-child{grid-column:2;grid-row:1}
.split--reverse>:last-child{grid-column:1;grid-row:1}
.cta-panel--right{padding-left:max(70px,48%)}
.cta-panel--right h2,.cta-panel--right p{max-width:760px}
.content-band-head--stacked{display:block}
.content-band-head--stacked p{margin-top:18px}
.principle-row .symbol{width:56px;height:56px;margin-bottom:44px;display:grid;place-items:center;border:1px solid rgba(61,220,132,.34);border-radius:16px;background:rgba(61,220,132,.07);font-size:1.55rem;line-height:1;box-shadow:0 12px 28px rgba(61,220,132,.06)}
.principle-row .proof-card:nth-child(even) .symbol{color:#70baff;border-color:rgba(10,132,255,.34);background:rgba(10,132,255,.07);box-shadow:0 12px 28px rgba(10,132,255,.07)}
@media(max-width:900px){
  .section-head--left,.section-head--right{width:100%;margin-inline:0}
  .split--reverse>:first-child,.split--reverse>:last-child{grid-column:auto;grid-row:auto}
  .cta-panel--right{padding-left:38px}
}
@media(max-width:620px){.cta-panel--right{padding-left:30px}}

/* Approach hero migration machine */
.approach-hero{overflow:hidden}
.approach-hero-grid{display:grid;grid-template-columns:minmax(500px,.82fr) minmax(620px,1.18fr);gap:clamp(52px,6vw,110px);align-items:center}
.approach-hero-grid>.line{grid-column:1/-1;width:100%;margin-top:12px}
.approach-hero-copy h1{max-width:10ch;font-size:clamp(3.5rem,5.4vw,6.45rem)}
.migration-machine{position:relative;min-height:480px;display:grid;grid-template-columns:minmax(150px,1fr) 180px minmax(150px,1fr);align-items:center;gap:26px;padding:72px 30px 32px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 50% 50%,rgba(10,132,255,.15),transparent 30%),linear-gradient(135deg,rgba(10,132,255,.07),rgba(61,220,132,.06));box-shadow:0 36px 90px rgba(0,0,0,.28);isolation:isolate}
.migration-machine:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,#000,transparent 48%,#000)}
.machine-caption{position:absolute;top:27px;color:#7e8da0;font:700 .62rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.machine-caption span{margin-left:8px;color:#526174}.machine-caption--old{left:30px}.machine-caption--new{right:30px;color:var(--green)}
.legacy-stack,.native-stack{position:relative;z-index:2;display:grid;gap:13px}.module-block{position:relative;min-height:82px;padding:15px 16px;border-radius:13px;font-family:var(--mono);overflow:hidden}.module-block span,.module-block small{display:block}.module-block span{font-size:.75rem;font-weight:800}.module-block small{margin-top:5px;font-size:.58rem}.legacy-module{border:1px solid rgba(130,149,170,.18);background:#0a141e;color:#8290a1;box-shadow:inset 4px 0 rgba(255,105,97,.3);animation:legacy-feed 5.4s ease-in-out infinite}.legacy-module small{color:#536274}.legacy-module i{position:absolute;right:11px;top:13px;width:18px;height:18px;opacity:.55;background:linear-gradient(135deg,transparent 42%,#ff6961 43% 50%,transparent 51%),linear-gradient(45deg,transparent 42%,#ff6961 43% 50%,transparent 51%)}.legacy-module:nth-child(2){animation-delay:-1.8s}.legacy-module:nth-child(3){animation-delay:-3.6s}
.native-module{border:1px solid rgba(61,220,132,.28);background:linear-gradient(135deg,rgba(10,132,255,.14),rgba(61,220,132,.11));color:#eaf8f1;box-shadow:0 12px 32px rgba(10,132,255,.08),inset 4px 0 var(--green);animation:native-output 5.4s ease-in-out infinite}.native-module small{color:#8fa7b8}.native-module strong{position:absolute;right:10px;top:10px;padding:4px 6px;border-radius:99px;background:rgba(61,220,132,.12);color:var(--green);font-size:.5rem;text-transform:uppercase}.native-module:nth-child(2){animation-delay:-1.8s}.native-module:nth-child(3){animation-delay:-3.6s}
@keyframes legacy-feed{0%,18%{transform:translateX(-10px);opacity:.42}40%,70%{transform:translateX(12px);opacity:1}88%,100%{transform:translateX(26px);opacity:.18}}
@keyframes native-output{0%,18%{transform:translateX(-25px) scale(.94);opacity:.12}42%,72%{transform:translateX(0) scale(1);opacity:1}90%,100%{transform:translateX(10px);opacity:.46}}
.refactor-engine{position:relative;z-index:4;height:230px;display:grid;place-items:center}.engine-orbit{position:absolute;width:174px;height:174px;border:1px solid rgba(10,132,255,.34);border-radius:50%;animation:engine-spin 10s linear infinite}.engine-orbit:before,.engine-orbit:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(61,220,132,.3)}.engine-orbit:before{inset:14px}.engine-orbit:after{inset:30px}.engine-orbit i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green)}.engine-orbit i:first-child{top:-5px;left:82px}.engine-orbit i:nth-child(2){right:8px;bottom:24px;background:var(--blue);box-shadow:0 0 16px var(--blue)}.engine-orbit i:last-child{left:3px;bottom:37px}.engine-core{position:relative;z-index:3;width:116px;height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(111,195,255,.3);border-radius:31px;background:#0a1621;box-shadow:0 0 60px rgba(10,132,255,.18),inset 0 0 30px rgba(61,220,132,.04)}.engine-core svg{width:34px;fill:none;stroke:url(#none);stroke:#6bc0ff;stroke-width:2;stroke-linecap:round}.engine-core b{margin-top:7px;font:.66rem var(--mono);letter-spacing:.1em}.engine-core small{color:var(--green);font:.5rem var(--mono);text-transform:uppercase}.engine-status{position:absolute;bottom:0;display:flex;gap:5px}.engine-status span{padding:5px 7px;border:1px solid var(--line);border-radius:99px;color:#728195;font:.48rem var(--mono);text-transform:uppercase;animation:status-light 3s ease-in-out infinite}.engine-status span:nth-child(2){animation-delay:1s}.engine-status span:nth-child(3){animation-delay:2s}@keyframes engine-spin{to{transform:rotate(360deg)}}@keyframes status-light{0%,28%,100%{color:#728195;border-color:var(--line)}35%,62%{color:var(--green);border-color:rgba(61,220,132,.5);background:rgba(61,220,132,.07)}}
.machine-flow{position:absolute;z-index:1;top:50%;height:2px;background:rgba(122,151,178,.17)}.machine-flow--in{left:25%;right:52%}.machine-flow--out{left:52%;right:25%;background:linear-gradient(90deg,rgba(10,132,255,.35),rgba(61,220,132,.55))}.machine-flow i{position:absolute;top:-3px;width:8px;height:8px;border-radius:50%;background:#68798c;animation:flow-dot 2.4s linear infinite}.machine-flow--out i{background:var(--green);box-shadow:0 0 10px var(--green)}.machine-flow i:nth-child(2){animation-delay:-.8s}.machine-flow i:nth-child(3){animation-delay:-1.6s}@keyframes flow-dot{from{left:0}to{left:100%}}
.machine-pulse{position:absolute;z-index:0;left:50%;top:50%;width:150px;height:150px;border:1px solid rgba(61,220,132,.2);border-radius:50%;transform:translate(-50%,-50%);animation:machine-pulse 2.8s ease-out infinite}@keyframes machine-pulse{to{width:270px;height:270px;opacity:0}}
@media(max-width:1250px){.approach-hero-grid{grid-template-columns:1fr}.approach-hero-copy{max-width:900px}.migration-machine{min-height:440px}.approach-hero-copy h1{max-width:13ch}.approach-hero-grid>.line{margin-top:24px}}
@media(max-width:700px){.migration-machine{min-height:660px;grid-template-columns:1fr;grid-template-rows:auto 180px auto;gap:18px;padding:68px 20px 24px}.legacy-stack,.native-stack{grid-template-columns:repeat(3,1fr);gap:7px}.module-block{min-width:0;min-height:98px;padding:12px 9px}.module-block span{font-size:.61rem}.module-block small{font-size:.5rem}.native-module strong{position:static;display:inline-block;margin-top:8px}.refactor-engine{height:180px}.engine-orbit{width:150px;height:150px}.engine-orbit i:first-child{left:70px}.machine-caption--new{top:auto;bottom:177px;right:20px}.machine-flow{left:50%;right:auto;top:auto;width:2px;height:58px}.machine-flow--in{top:205px}.machine-flow--out{bottom:188px;background:linear-gradient(var(--blue),var(--green))}.machine-flow i{left:-3px;top:0;animation-name:flow-dot-mobile}@keyframes flow-dot-mobile{from{top:0}to{top:100%}}.legacy-module{animation-name:legacy-feed-mobile}.native-module{animation-name:native-output-mobile}@keyframes legacy-feed-mobile{0%,18%{transform:translateY(-7px);opacity:.42}40%,70%{transform:translateY(7px);opacity:1}88%,100%{transform:translateY(18px);opacity:.18}}@keyframes native-output-mobile{0%,18%{transform:translateY(-18px) scale(.94);opacity:.12}42%,72%{transform:translateY(0) scale(1);opacity:1}90%,100%{transform:translateY(7px);opacity:.46}}}

/* Premium migration engine */
.migration-machine{grid-template-columns:minmax(150px,1fr) 240px minmax(150px,1fr);gap:20px;padding:60px 0 24px;border:0;border-radius:0;background:transparent;box-shadow:none}
.migration-machine:before{display:none}
.machine-caption--old{left:0}.machine-caption--new{right:0}
.refactor-engine{height:292px}
.engine-chassis{position:relative;width:238px;height:238px;display:grid;place-items:center;border:1px solid rgba(106,190,255,.19);border-radius:58px;background:radial-gradient(circle,rgba(11,31,45,.96) 0 43%,rgba(7,18,28,.86) 44% 64%,transparent 65%);box-shadow:0 0 80px rgba(10,132,255,.14),inset 0 0 46px rgba(61,220,132,.035)}
.engine-chassis:before,.engine-chassis:after{content:"";position:absolute;inset:17px;border:1px solid rgba(255,255,255,.06);border-radius:48px;transform:rotate(45deg)}.engine-chassis:after{inset:34px;border-style:dashed;border-color:rgba(61,220,132,.16);animation:engine-spin 22s linear infinite}
.chassis-corner{position:absolute;width:34px;height:34px;border-color:rgba(99,181,243,.45);border-style:solid}.corner-a{left:-1px;top:-1px;border-width:2px 0 0 2px;border-radius:15px 0 0}.corner-b{right:-1px;top:-1px;border-width:2px 2px 0 0;border-radius:0 15px 0 0}.corner-c{left:-1px;bottom:-1px;border-width:0 0 2px 2px;border-radius:0 0 0 15px}.corner-d{right:-1px;bottom:-1px;border-width:0 2px 2px 0;border-radius:0 0 15px}
.engine-halo{position:absolute;border-radius:50%;pointer-events:none}.engine-halo--outer{width:212px;height:212px;border:1px solid rgba(10,132,255,.22);border-inline-color:rgba(61,220,132,.42);animation:engine-spin 13s linear infinite}.engine-halo--inner{width:158px;height:158px;border:1px dashed rgba(108,196,255,.24);animation:engine-spin 9s linear infinite reverse}
.engine-orbit{width:192px;height:192px;border:0}.engine-orbit:before{inset:8px;border-color:rgba(61,220,132,.28)}.engine-orbit:after{inset:27px;border-color:rgba(10,132,255,.3)}.engine-orbit i:first-child{top:1px;left:91px}
.engine-core{width:126px;height:126px;border-radius:32px;border-color:rgba(111,195,255,.34);background:linear-gradient(145deg,#0d1e2b,#08131d);box-shadow:0 0 50px rgba(10,132,255,.23),0 0 100px rgba(61,220,132,.08),inset 0 1px rgba(255,255,255,.06)}
.engine-brand{display:flex;flex-direction:column;align-items:center;gap:7px}.engine-brand-mark{position:relative;width:42px;height:28px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#0b1823}.engine-brand-mark i{position:absolute;top:8px;width:11px;height:11px;border-radius:50%}.engine-brand-mark i:first-child{left:8px;background:var(--blue);box-shadow:0 0 12px var(--blue)}.engine-brand-mark i:last-child{right:8px;background:var(--green);box-shadow:0 0 12px var(--green)}.engine-brand b{font:800 .68rem var(--sans);letter-spacing:-.02em}.engine-brand em{color:var(--green);font-style:normal}.engine-core>small{margin-top:2px;color:#718398;font:.45rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.core-meter{width:70px;height:3px;margin-top:8px;border-radius:9px;background:#1a2a37;overflow:hidden}.core-meter i{display:block;width:72%;height:100%;background:var(--grad);animation:core-meter 2.6s ease-in-out infinite alternate}@keyframes core-meter{to{width:96%}}
.engine-ports span{position:absolute;top:50%;width:31px;height:21px;display:grid;place-items:center;border:1px solid rgba(117,151,180,.25);background:#09151f;color:#718398;font:700 .43rem var(--mono);transform:translateY(-50%)}.port-in{left:-16px;border-radius:6px 0 0 6px}.port-out{right:-16px;border-radius:0 6px 6px 0;color:var(--green)!important;border-color:rgba(61,220,132,.3)!important}
.engine-telemetry{position:absolute;left:50%;bottom:14px;height:24px;display:flex;align-items:flex-end;gap:3px;transform:translateX(-50%)}.engine-telemetry i{width:3px;height:var(--h);border-radius:2px;background:linear-gradient(var(--green),var(--blue));animation:telemetry 1.4s ease-in-out infinite alternate}.engine-telemetry i:nth-child(2n){animation-delay:-.6s}.engine-telemetry i:nth-child(3n){animation-delay:-1s}@keyframes telemetry{to{height:28%}}
.engine-status{bottom:-2px;gap:4px}.engine-status span{padding:4px 6px;font-size:.4rem}.engine-status span:nth-child(4){animation-delay:3s}.engine-status span:nth-child(5){animation-delay:4s}
.machine-pulse{width:190px;height:190px}@keyframes machine-pulse{to{width:330px;height:330px;opacity:0}}
@media(max-width:1250px){.migration-machine{grid-template-columns:minmax(150px,1fr) 240px minmax(150px,1fr)}}
@media(max-width:700px){.migration-machine{grid-template-columns:1fr;grid-template-rows:auto 235px auto;padding:58px 0 18px}.refactor-engine{height:235px}.engine-chassis{width:210px;height:210px;border-radius:52px}.engine-halo--outer{width:186px;height:186px}.engine-halo--inner{width:142px;height:142px}.engine-orbit{width:168px;height:168px}.engine-orbit i:first-child{left:79px}.engine-core{width:116px;height:116px}.machine-caption--old{left:0}.machine-caption--new{bottom:178px;right:0}.machine-flow--in{top:203px}.machine-flow--out{bottom:189px}.engine-status span{padding:3px 5px;font-size:.37rem}}

/* Restrained isometric depth */
.migration-machine{perspective:1400px;transform-style:preserve-3d}
.legacy-stack{transform:rotateY(8deg) rotateX(2deg);transform-origin:right center;transform-style:preserve-3d}
.native-stack{transform:rotateY(-8deg) rotateX(2deg);transform-origin:left center;transform-style:preserve-3d}
.module-block:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent)}
.legacy-module{box-shadow:7px 10px 0 rgba(3,9,14,.28),inset 4px 0 rgba(255,105,97,.3)}
.native-module{box-shadow:-7px 10px 0 rgba(3,9,14,.3),0 18px 40px rgba(10,132,255,.08),inset 4px 0 var(--green)}
.engine-chassis{transform:rotateX(8deg) rotateY(-6deg);transform-style:preserve-3d;box-shadow:14px 18px 0 rgba(3,9,14,.3),0 34px 90px rgba(0,0,0,.25),0 0 80px rgba(10,132,255,.14),inset 0 0 46px rgba(61,220,132,.035)}
.engine-core{transform:translateZ(25px)}
.engine-ports{transform:translateZ(12px)}
.engine-telemetry{transform:translateX(-50%) translateZ(16px)}
.machine-flow{transform:rotateX(8deg) translateZ(-4px)}
@media(max-width:700px){.legacy-stack,.native-stack,.engine-chassis{transform:none}.engine-core{transform:none}.machine-flow{transform:none}}

/* Approach factory redesign — independent visual system */
.refactor-factory{position:relative;min-height:500px;display:grid;grid-template-columns:minmax(120px,.78fr) minmax(310px,1.5fr) minmax(150px,.95fr);gap:22px;align-items:center;padding:46px 0 24px;isolation:isolate}
.factory-label{position:absolute;top:4px;color:#7e8b9b;font:700 .58rem var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.factory-label span{margin-left:6px;color:#4d5b69}.factory-output .factory-label{right:0;color:var(--green)}
.factory-source,.factory-output{position:relative;height:375px;display:grid;align-content:center;gap:17px;perspective:900px}.factory-source{z-index:2}.factory-output{z-index:2}
.rough-block{position:relative;width:82%;height:76px;padding:18px;border:1px solid rgba(255,105,97,.24);border-radius:5px;background:#0a141e;color:#7e8b99;box-shadow:9px 10px 0 #050c12;transform:rotateY(9deg) rotateX(3deg);animation:rough-feed 6s ease-in-out infinite}.rough-block:before{content:"";position:absolute;left:8px;right:-9px;top:-9px;height:8px;background:#121f2b;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.rough-block:after{content:"";position:absolute;top:-1px;right:-10px;width:9px;height:100%;background:#071018;clip-path:polygon(0 0,100% 9px,100% 100%,0 calc(100% - 9px))}.rough-block b{font:.72rem var(--mono);letter-spacing:.08em}.rough-block i{position:absolute;height:2px;background:#263645}.rough-block i:first-of-type{left:18px;right:20px;bottom:24px}.rough-block i:last-of-type{left:18px;width:42%;bottom:15px}.rough-block--two{margin-left:10%;animation-delay:-2s}.rough-block--three{margin-left:3%;animation-delay:-4s}@keyframes rough-feed{0%,15%{transform:translateX(-14px) rotateY(9deg) rotateX(3deg);opacity:.4}40%,72%{transform:translateX(8px) rotateY(9deg) rotateX(3deg);opacity:1}90%,100%{transform:translateX(27px) rotateY(9deg) rotateX(3deg);opacity:.16}}
.factory-plant{position:relative;z-index:4;min-height:420px;padding:16px;border:1px solid rgba(111,195,255,.24);border-radius:12px;background:linear-gradient(145deg,#0b1824,#07111a);box-shadow:14px 18px 0 rgba(3,9,14,.42),0 30px 80px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.05);transform:perspective(1200px) rotateX(2deg);overflow:hidden}.factory-plant:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(#000,transparent 85%)}
.plant-header{position:relative;z-index:2;height:48px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:#0c1925}.plant-brand{display:flex;align-items:center;gap:8px}.plant-brand>span{position:relative;width:28px;height:22px;border:1px solid var(--line);border-radius:6px;background:#08131d}.plant-brand>span i{position:absolute;top:7px;width:7px;height:7px;border-radius:50%}.plant-brand>span i:first-child{left:6px;background:var(--blue);box-shadow:0 0 8px var(--blue)}.plant-brand>span i:last-child{right:6px;background:var(--green);box-shadow:0 0 8px var(--green)}.plant-brand b{font-size:.76rem}.plant-brand em{color:var(--green);font-style:normal}.plant-header>small{color:#5f6f80;font:.47rem var(--mono);letter-spacing:.11em}.plant-live{justify-self:end;color:#7f91a3;font:700 .44rem var(--mono)}.plant-live i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green);animation:factory-blink 1.3s steps(2) infinite}@keyframes factory-blink{50%{opacity:.25}}
.plant-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.plant-cell{position:relative;min-height:112px;padding:10px;border:1px solid rgba(202,222,244,.1);border-radius:7px;background:rgba(6,14,21,.86);overflow:hidden}.plant-cell header{display:flex;align-items:center;gap:5px;color:#8b9bad;font:700 .45rem var(--mono);letter-spacing:.06em}.plant-cell header span{color:#5e7082}.plant-cell header i{width:6px;height:6px;margin-left:auto;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green)}.plant-cell small{position:absolute;left:10px;bottom:7px;color:#536476;font:.42rem var(--mono);text-transform:uppercase}
.map-lines{position:absolute;inset:31px 12px 25px}.map-lines i{position:absolute;width:7px;height:7px;border:1px solid #5687ac;border-radius:2px;background:#0d1d29}.map-lines i:after{content:"";position:absolute;left:7px;top:2px;width:38px;height:1px;background:#24445b}.map-lines i:nth-child(1){left:0;top:5px}.map-lines i:nth-child(2){left:48px;top:5px}.map-lines i:nth-child(3){right:5px;top:20px}.map-lines i:nth-child(4){left:23px;bottom:2px}.map-lines i:nth-child(5){right:48px;bottom:2px}.map-lines i:nth-child(2n){border-color:var(--green);animation:node-pulse 2s ease-in-out infinite}@keyframes node-pulse{50%{box-shadow:0 0 11px var(--green)}}
.boundary-shape{position:absolute;left:50%;top:59%;width:74px;height:48px;border:1px dashed rgba(61,220,132,.45);border-radius:9px;transform:translate(-50%,-50%)}.boundary-shape:before{content:"";position:absolute;inset:7px;border:1px solid rgba(10,132,255,.38);border-radius:5px}.boundary-shape i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--green)}.boundary-shape i:first-child{left:-3px;top:20px}.boundary-shape i:nth-child(2){right:-3px;top:20px}.boundary-shape i:last-child{left:33px;bottom:-3px}
.build-stream{position:absolute;left:11px;right:11px;top:38px;height:38px;display:flex;align-items:flex-end;gap:5px}.build-stream i{flex:1;height:var(--build-h,45%);border-radius:2px 2px 0 0;background:linear-gradient(var(--green),var(--blue));animation:build-bars 1.7s ease-in-out infinite alternate}.build-stream i:nth-child(2){--build-h:72%;animation-delay:-.4s}.build-stream i:nth-child(3){--build-h:52%;animation-delay:-.8s}.build-stream i:nth-child(4){--build-h:92%;animation-delay:-1.2s}.build-stream i:nth-child(5){--build-h:64%;animation-delay:-.6s}.build-stream i:nth-child(6){--build-h:82%;animation-delay:-1s}.build-stream i:nth-child(7){--build-h:58%;animation-delay:-.2s}@keyframes build-bars{to{height:24%}}
.verify-ring{position:absolute;left:50%;top:54%;width:60px;height:60px;display:grid;place-items:center;border:5px solid rgba(61,220,132,.12);border-top-color:var(--green);border-right-color:#0a84ff;border-radius:50%;transform:translate(-50%,-50%);animation:verify-spin 6s linear infinite}.verify-ring b{font:800 1rem var(--mono)}.verify-ring span{position:absolute;right:8px;bottom:11px;color:var(--green);font:.4rem var(--mono)}@keyframes verify-spin{to{rotate:360deg}}.verify-ring b,.verify-ring span{animation:verify-counter 6s linear infinite}@keyframes verify-counter{to{rotate:-360deg}}
.plant-pipeline{position:relative;z-index:2;height:38px;margin:9px 0 8px;border:1px solid rgba(61,220,132,.13);border-radius:7px;background:#07121b;display:grid;grid-template-columns:repeat(4,1fr);align-items:end;padding:0 12px 5px}.plant-pipeline:before{content:"";position:absolute;left:15px;right:15px;top:12px;height:2px;background:linear-gradient(90deg,var(--blue),var(--green))}.plant-pipeline>i{position:absolute;top:8px;width:10px;height:10px;border:2px solid #07121b;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green);animation:factory-route 3s linear infinite}.plant-pipeline>i:nth-child(2){animation-delay:-.6s}.plant-pipeline>i:nth-child(3){animation-delay:-1.2s}.plant-pipeline>i:nth-child(4){animation-delay:-1.8s}.plant-pipeline>i:nth-child(5){animation-delay:-2.4s}@keyframes factory-route{from{left:4%}to{left:94%}}.plant-pipeline span{text-align:center;color:#5d6e7f;font:.38rem var(--mono);text-transform:uppercase}
.plant-console{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr) 1.2fr;gap:6px}.plant-console>div{min-height:43px;padding:7px 8px;border:1px solid var(--line);border-radius:6px;background:#0a1620}.plant-console span,.plant-console b{display:block}.plant-console span{color:#536577;font:.37rem var(--mono)}.plant-console b{margin-top:3px;color:#d8e2eb;font:700 .55rem var(--mono)}.plant-console>div:nth-child(3) b{color:var(--green)}.console-bars{display:flex;align-items:flex-end;gap:3px}.console-bars i{flex:1;height:35%;background:#286a72;animation:console-wave 1.2s ease-in-out infinite alternate}.console-bars i:nth-child(2){height:70%;animation-delay:-.4s}.console-bars i:nth-child(3){height:50%;animation-delay:-.8s}.console-bars i:nth-child(4){height:88%;animation-delay:-.6s}.console-bars i:nth-child(5){height:62%;animation-delay:-.2s}@keyframes console-wave{to{height:90%}}
.clean-module{position:relative;min-height:100px;padding:12px;border:1px solid rgba(61,220,132,.25);border-radius:8px;background:linear-gradient(135deg,rgba(10,132,255,.12),rgba(61,220,132,.1));box-shadow:-7px 8px 0 rgba(3,9,14,.3);animation:clean-output 6s ease-in-out infinite}.clean-module header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.clean-module header span{font:800 .63rem var(--mono)}.clean-module header b{color:var(--green);font:.4rem var(--mono)}.clean-module>i{display:inline-flex;margin:8px 3px 0 0;padding:3px 5px;border:1px solid rgba(111,195,255,.18);border-radius:4px;color:#8ca0b3;font:normal .39rem var(--mono)}.clean-module--two{animation-delay:-2s}.clean-module--three{animation-delay:-4s}@keyframes clean-output{0%,16%{transform:translateX(-23px);opacity:.14}40%,76%{transform:translateX(0);opacity:1}92%,100%{transform:translateX(10px);opacity:.5}}
.factory-rail{position:absolute;z-index:1;top:50%;height:3px;background:#1b2c3b}.factory-rail--in{left:17%;right:62%}.factory-rail--out{left:62%;right:17%;background:linear-gradient(90deg,#197bd4,var(--green))}.factory-rail i{position:absolute;top:-3px;width:9px;height:9px;border-radius:50%;background:#6b7b8c;animation:factory-rail 2.3s linear infinite}.factory-rail--out i{background:var(--green);box-shadow:0 0 10px var(--green)}.factory-rail i:nth-child(2){animation-delay:-.76s}.factory-rail i:nth-child(3){animation-delay:-1.52s}@keyframes factory-rail{from{left:0}to{left:100%}}
@media(max-width:1250px){.refactor-factory{grid-template-columns:minmax(140px,.8fr) minmax(340px,1.45fr) minmax(170px,1fr)}}
@media(max-width:700px){.refactor-factory{min-height:970px;grid-template-columns:1fr;grid-template-rows:210px auto 250px;gap:30px;padding:48px 0 16px}.factory-source,.factory-output{height:auto;grid-template-columns:repeat(3,1fr);gap:7px;align-items:center}.factory-label{top:-34px;left:0}.factory-output .factory-label{top:-34px;right:auto}.rough-block{width:100%;height:80px;padding:12px 8px;box-shadow:4px 6px 0 #050c12;transform:none}.rough-block--two,.rough-block--three{margin-left:0}.factory-plant{min-height:420px;padding:10px;transform:none;box-shadow:8px 10px 0 rgba(3,9,14,.36)}.plant-header{grid-template-columns:1fr auto}.plant-header>small{display:none}.plant-grid{gap:6px}.plant-cell{min-height:108px;padding:8px}.plant-console{grid-template-columns:repeat(3,1fr)}.console-bars{display:none!important}.clean-module{min-height:116px;padding:9px 7px}.clean-module>i{display:block;margin-top:5px}.factory-rail{left:50%;right:auto;top:auto;width:3px;height:48px}.factory-rail--in{top:205px}.factory-rail--out{bottom:235px;background:linear-gradient(var(--blue),var(--green))}.factory-rail i{left:-3px;top:0;animation-name:factory-rail-mobile}@keyframes factory-rail-mobile{from{top:0}to{top:100%}}@keyframes rough-feed{0%,15%{transform:translateY(-9px);opacity:.4}40%,72%{transform:translateY(7px);opacity:1}90%,100%{transform:translateY(19px);opacity:.16}}@keyframes clean-output{0%,16%{transform:translateY(-18px);opacity:.14}40%,76%{transform:translateY(0);opacity:1}92%,100%{transform:translateY(8px);opacity:.5}}}
.verify-ring{position:relative;left:auto;top:auto;width:52px;height:52px;margin:9px auto 0;transform:none}

/* Scroll-linked vertical refactoring works */
main>.approach-hero,main>.approach-hero+.section-tight{display:none}
.approach-scroll-story{padding:88px 0 30px;overflow:clip}
.approach-scroll-grid{display:grid;grid-template-columns:minmax(460px,.72fr) minmax(610px,1.28fr);grid-template-areas:"intro machine" "sequence machine";column-gap:clamp(64px,7vw,130px);align-items:start}
.scroll-intro{grid-area:intro;min-height:74vh;padding-top:42px}.scroll-intro h1{max-width:10ch;margin:18px 0 28px;font-size:clamp(4.6rem,6vw,7.4rem);line-height:.9;letter-spacing:-.072em}.scroll-intro p{max-width:650px;color:#b4c0cf;font-size:1.12rem}.scroll-intro .line{height:1px;margin-top:60px;background:linear-gradient(90deg,var(--blue),var(--green),transparent)}
.scroll-sequence{grid-area:sequence}.scroll-sequence-head{max-width:710px;padding:50px 0 68px}.scroll-sequence-head h2{margin:18px 0 20px;font-size:clamp(2.8rem,4.8vw,5.2rem);line-height:.96;letter-spacing:-.055em}.scroll-sequence-head p{max-width:620px;color:#9facbd;font-size:1.03rem}
.scroll-timeline{position:relative;padding-left:46px}.scroll-timeline:before{content:"";position:absolute;left:8px;top:9px;bottom:22vh;width:2px;background:linear-gradient(var(--blue),var(--green),rgba(61,220,132,.08))}.scroll-phase{position:relative;min-height:62vh;max-width:690px;padding:0 0 80px 22px;opacity:.36;transition:opacity .45s,transform .45s;transform:translateX(-7px)}.scroll-phase:before{content:"";position:absolute;left:-43px;top:6px;width:13px;height:13px;border:4px solid var(--bg);border-radius:50%;background:#304052;box-shadow:0 0 0 1px #42566a;transition:.35s}.scroll-phase.is-active{opacity:1;transform:none}.scroll-phase.is-active:before{background:var(--green);box-shadow:0 0 0 1px var(--green),0 0 18px rgba(61,220,132,.6)}.scroll-phase small{display:block;color:#6cb8ff;font:700 .67rem var(--mono);letter-spacing:.11em;text-transform:uppercase}.scroll-phase h3{max-width:580px;margin:18px 0 14px;font-size:clamp(2rem,3vw,3.2rem);line-height:1;letter-spacing:-.045em}.scroll-phase p{max-width:590px;margin:0;color:#92a1b3;font-size:1rem}.scroll-phase>span{display:inline-flex;margin-top:24px;padding:7px 10px;border:1px solid var(--line);border-radius:99px;color:#77889b;font:700 .57rem var(--mono);text-transform:uppercase}.scroll-phase.is-active>span{color:var(--green);border-color:rgba(61,220,132,.3);background:rgba(61,220,132,.05)}
.vertical-machine-column{grid-area:machine;position:relative;min-width:0;width:100%;min-height:100%}.vertical-machine{position:sticky;top:88px;width:min(100%,720px);height:calc(100vh - 112px);min-height:760px;max-height:940px;margin:0 auto;display:grid;grid-template-rows:150px minmax(430px,1fr) 190px;align-content:center;padding:10px 52px 14px;isolation:isolate}.vertical-machine:before{content:"";position:absolute;left:50%;top:12%;bottom:8%;width:330px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(10,132,255,.11),rgba(61,220,132,.045) 44%,transparent 72%);filter:blur(25px);z-index:-1}
.machine-intake{position:relative;display:grid;align-content:end;justify-items:center}.intake-label,.output-label{position:absolute;left:0;top:4px;color:#7d8b9b;font:700 .6rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.intake-label span,.output-label span{margin-left:7px;color:#4f5e6d}.intake-track{position:relative;width:360px;height:94px;display:flex;align-items:flex-start;justify-content:center;gap:14px;padding-top:10px}.feed-cube{position:relative;width:92px;height:58px;padding:17px 12px;border:1px solid rgba(255,105,97,.28);border-radius:4px;background:#0a151f;color:#7e8c9b;box-shadow:7px 8px 0 #040a0f;transform:skewY(-2deg);transition:transform .65s ease,opacity .5s}.feed-cube:before{content:"";position:absolute;left:6px;right:-7px;top:-7px;height:6px;background:#152330;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}.feed-cube:after{content:"";position:absolute;top:-1px;right:-8px;width:7px;height:100%;background:#061019;clip-path:polygon(0 0,100% 7px,100% 100%,0 calc(100% - 7px))}.feed-cube b{font:.67rem var(--mono);letter-spacing:.08em}.feed-cube--b{margin-top:12px}.feed-cube--c{margin-top:4px}.intake-gate{position:absolute;left:50%;bottom:-8px;width:280px;height:27px;border:1px solid #273b4b;border-radius:5px;background:#09141d;transform:translateX(-50%);box-shadow:0 7px 0 #040a0f}.intake-gate:before{content:"";position:absolute;left:19px;right:19px;top:9px;height:6px;background:repeating-linear-gradient(90deg,#172a38 0 15px,#071019 15px 23px)}.intake-gate i{position:absolute;top:7px;width:10px;height:10px;border-radius:50%;background:#394959}.intake-gate i:first-child{left:7px}.intake-gate i:nth-child(2){right:7px}.intake-gate span{position:absolute;left:50%;bottom:-18px;width:78px;height:18px;border-inline:3px solid #1e3343;transform:translateX(-50%)}
.mechanical-plant{position:relative;z-index:4;width:500px;height:100%;min-height:430px;max-height:520px;align-self:center;justify-self:center;display:grid;grid-template-rows:64px 1fr 18px}.machine-top{position:relative;display:flex;align-items:end;justify-content:center}.machine-plaque{position:relative;z-index:3;width:250px;height:55px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:8px 14px;border:1px solid rgba(111,195,255,.3);border-radius:9px 9px 3px 3px;background:linear-gradient(#122331,#091620);box-shadow:0 7px 0 #040b11}.machine-logo{grid-row:1/3;position:relative;width:32px;height:26px;border:1px solid var(--line);border-radius:7px;background:#08131c}.machine-logo i{position:absolute;top:8px;width:8px;height:8px;border-radius:50%}.machine-logo i:first-child{left:7px;background:var(--blue);box-shadow:0 0 8px var(--blue)}.machine-logo i:last-child{right:7px;background:var(--green);box-shadow:0 0 8px var(--green)}.machine-plaque b{font-size:.78rem}.machine-plaque em{color:var(--green);font-style:normal}.machine-plaque small{color:#607284;font:.46rem var(--mono);letter-spacing:.12em}.exhaust{position:absolute;bottom:4px;width:88px;height:54px;border:10px solid #101e29;border-bottom:0;border-radius:25px 25px 0 0;box-shadow:inset 0 0 0 1px #263a49}.exhaust--left{left:34px}.exhaust--right{right:34px}.exhaust i{position:absolute;top:-21px;width:16px;height:27px;border:1px solid #2c4150;background:#0c1923}.exhaust i:first-child{left:9px}.exhaust i:last-child{right:9px}.exhaust i:after{content:"";position:absolute;left:-4px;right:-4px;top:-5px;height:5px;border:1px solid #344b5c;border-radius:2px;background:#0a151e}
.machine-body{position:relative;border:1px solid rgba(111,195,255,.25);border-radius:15px;background:linear-gradient(145deg,#0d1d29,#07121b 68%);box-shadow:15px 17px 0 #040a0f,0 30px 90px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.06);overflow:hidden}.machine-body:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.055);border-radius:10px;pointer-events:none}.machine-bolt{position:absolute;width:7px;height:7px;border:1px solid #4a5d6c;border-radius:50%;background:#152532;box-shadow:inset 0 0 0 1px #071018}.bolt-a{left:8px;top:8px}.bolt-b{right:8px;top:8px}.bolt-c{left:8px;bottom:8px}.bolt-d{right:8px;bottom:8px}
.side-pipe{position:absolute;top:73px;width:28px;height:168px;border:8px solid #132431;background:transparent}.side-pipe--left{left:18px;border-right:0;border-radius:12px 0 0 12px}.side-pipe--right{right:18px;border-left:0;border-radius:0 12px 12px 0}.side-pipe i{position:absolute;width:14px;height:14px;border:3px solid #253b4b;border-radius:50%;background:#08131c}.side-pipe--left i{left:-11px}.side-pipe--right i{right:-11px}.side-pipe i:first-child{top:10px}.side-pipe i:nth-child(2){top:67px}.side-pipe i:last-child{bottom:10px}
.pressure-row{height:61px;display:flex;align-items:center;justify-content:center;gap:38px;padding-top:9px}.pressure-gauge{position:relative;width:45px;height:45px;border:5px solid #1b2c39;border-top-color:#4e6c7e;border-radius:50%;background:#071019}.pressure-gauge i{position:absolute;left:19px;top:9px;width:1px;height:13px;background:var(--green);transform-origin:bottom;transform:rotate(-36deg);transition:transform .6s}.pressure-gauge b{position:absolute;left:50%;bottom:5px;color:#596c7d;font:.35rem var(--mono);transform:translateX(-50%)}.pressure-gauge--right i{transform:rotate(42deg);background:var(--blue)}.status-lamps{display:flex;gap:9px}.status-lamps i{width:9px;height:9px;border-radius:50%;background:#263746;box-shadow:inset 0 0 0 1px #415668}.status-lamps i:first-child{background:var(--green);box-shadow:0 0 10px var(--green)}
.machine-chamber{position:relative;width:360px;height:187px;margin:auto;border:1px solid #29404f;border-radius:9px;background:linear-gradient(90deg,#09151e,#0d1d28 48%,#08131c);box-shadow:inset 0 0 35px rgba(0,0,0,.6);overflow:hidden}.machine-chamber:before,.machine-chamber:after{content:"";position:absolute;left:0;right:0;height:13px;background:repeating-linear-gradient(90deg,#1c303e 0 14px,#0a151e 14px 21px)}.machine-chamber:before{top:0}.machine-chamber:after{bottom:0}.piston{position:absolute;top:27px;width:56px;height:118px;border:1px solid #263d4d;background:#0b1923}.piston--left{left:22px}.piston--right{right:22px}.piston:before{content:"";position:absolute;left:12px;right:12px;top:10px;height:28px;border:1px solid #395264;background:linear-gradient(#172b39,#0a1720);animation:piston-work 2.4s ease-in-out infinite}.piston i{position:absolute;left:23px;top:39px;width:9px;height:60px;background:#263f50;box-shadow:inset 0 0 0 2px #101f2b}.piston i:after{content:"";position:absolute;left:-13px;bottom:-8px;width:35px;height:12px;border:1px solid #3a5364;border-radius:3px;background:#142631}.piston--right:before{animation-delay:-1.2s}@keyframes piston-work{50%{height:53px}}
.gear{position:absolute;border:7px dotted #2e5062;border-radius:50%;background:repeating-conic-gradient(from 0deg,#142c3a 0 10deg,#08151e 10deg 20deg);animation:mechanical-spin 7s linear infinite}.gear:after{content:"";position:absolute;inset:30%;border:4px solid #375b6e;border-radius:50%;background:#071019}.gear--large{left:86px;top:38px;width:92px;height:92px}.gear--small{right:87px;bottom:25px;width:64px;height:64px;animation-direction:reverse;animation-duration:4.6s}@keyframes mechanical-spin{to{transform:rotate(360deg)}}
.process-window{position:absolute;left:50%;top:50%;width:118px;height:116px;display:grid;place-items:center;border:5px solid #172b39;border-radius:11px;background:radial-gradient(circle,rgba(10,132,255,.12),#050d13 70%);box-shadow:0 0 0 1px #3a5668,inset 0 0 28px rgba(0,0,0,.65);transform:translate(-50%,-50%)}.process-window:before{content:"";position:absolute;inset:8px;border:1px solid rgba(61,220,132,.2);border-radius:6px}.process-window>span{position:absolute;bottom:9px;color:#627588;font:.39rem var(--mono);letter-spacing:.08em}.process-block{width:56px;height:43px;padding:8px;border:1px solid rgba(61,220,132,.35);border-radius:5px;background:linear-gradient(135deg,rgba(10,132,255,.2),rgba(61,220,132,.13));opacity:.25;transition:.55s}.process-block i{display:block;height:3px;margin:3px 0;background:#31556a}.process-block i:nth-child(2){width:72%;background:#2b7968}.process-block i:last-child{width:45%}
.machine-rollers{height:30px;display:flex;align-items:center;justify-content:center;gap:8px}.machine-rollers i{width:28px;height:18px;border:1px solid #334d5e;border-radius:50%;background:repeating-linear-gradient(90deg,#172c3a 0 4px,#08131c 4px 8px);animation:roller-turn 1.1s linear infinite}@keyframes roller-turn{to{background-position:8px 0}}.machine-belt{position:relative;width:320px;height:29px;margin:auto;border:1px solid #2a4151;border-radius:5px;background:#08141d;overflow:hidden}.machine-belt:before{content:"";position:absolute;left:0;right:0;top:11px;height:5px;background:repeating-linear-gradient(90deg,var(--blue) 0 18px,var(--green) 18px 36px);animation:belt-move 1.5s linear infinite}@keyframes belt-move{to{background-position:36px 0}}.machine-belt>span{position:absolute;z-index:2;left:50%;top:5px;width:19px;height:19px;border:1px solid var(--green);border-radius:3px;background:#0d202a;transform:translateX(-50%)}.machine-belt i{position:absolute;top:7px;width:14px;height:14px;border-radius:50%;background:#1f3645}.machine-belt i:nth-child(2){left:7px}.machine-belt i:nth-child(3){right:7px}.machine-stage-label{height:36px;display:flex;align-items:center;gap:8px;padding:0 80px}.machine-stage-label i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.machine-stage-label span{color:#d0dae3;font:700 .54rem var(--mono);text-transform:uppercase}.machine-stage-label b{margin-left:auto;color:#5b6d7e;font:.4rem var(--mono)}.machine-feet{display:flex;justify-content:space-between;padding:0 48px}.machine-feet i{width:72px;height:16px;background:#071018;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 100%,0 100%)}
.machine-output{position:relative;display:grid;align-content:start;justify-items:center;padding-top:14px}.output-chute{position:absolute;left:50%;top:-12px;width:120px;height:47px;border-inline:4px solid #1e3444;transform:translateX(-50%)}.output-chute:before{content:"";position:absolute;left:-13px;right:-13px;bottom:0;height:18px;border:1px solid #2e4656;border-radius:4px;background:#09151e}.output-chute i{position:absolute;bottom:5px;width:9px;height:9px;border-radius:50%;background:#415665}.output-chute i:first-child{left:2px}.output-chute i:nth-child(2){right:2px}.output-chute span{position:absolute;left:50%;bottom:-8px;width:36px;height:23px;border:1px solid rgba(61,220,132,.35);border-radius:3px;background:#0e2029;transform:translateX(-50%);opacity:.18;transition:.5s}.output-label{top:37px;left:50%;transform:translateX(-50%);color:var(--green)}.finished-stack{width:430px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:59px}.finished-block{min-height:93px;padding:10px;border:1px solid rgba(61,220,132,.26);border-radius:7px;background:linear-gradient(140deg,rgba(10,132,255,.12),rgba(61,220,132,.1));box-shadow:0 7px 0 #040b10;opacity:.1;transform:translateY(-28px) scale(.94);transition:.7s}.finished-block header{display:flex;align-items:center;justify-content:space-between;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.08)}.finished-block header b{font:.61rem var(--mono)}.finished-block header span{color:var(--green);font:.36rem var(--mono)}.finished-block>i{display:inline-flex;margin:6px 2px 0 0;padding:3px 4px;border:1px solid rgba(111,195,255,.18);border-radius:3px;color:#8598aa;font:normal .34rem var(--mono)}.machine-progress{position:absolute;right:16px;top:14%;bottom:10%;width:3px;border-radius:4px;background:#162735}.machine-progress i{display:block;width:100%;height:8%;border-radius:4px;background:linear-gradient(var(--blue),var(--green));box-shadow:0 0 10px rgba(61,220,132,.4);transition:height .6s}
.vertical-machine[data-stage="1"] .feed-cube{transform:translateY(32px) skewY(-2deg)}.vertical-machine[data-stage="1"] .pressure-gauge i{transform:rotate(4deg)}.vertical-machine[data-stage="1"] .machine-progress i{height:27%}
.vertical-machine[data-stage="2"] .feed-cube{transform:translateY(62px) scale(.88);opacity:.12}.vertical-machine[data-stage="2"] .process-block{opacity:1;box-shadow:0 0 22px rgba(61,220,132,.22)}.vertical-machine[data-stage="2"] .status-lamps i:nth-child(-n+3){background:var(--green);box-shadow:0 0 10px var(--green)}.vertical-machine[data-stage="2"] .machine-progress i{height:49%}
.vertical-machine[data-stage="3"] .feed-cube{transform:translateY(78px) scale(.8);opacity:0}.vertical-machine[data-stage="3"] .process-block{opacity:1;transform:scale(1.08)}.vertical-machine[data-stage="3"] .output-chute span{opacity:1;transform:translateX(-50%) translateY(15px)}.vertical-machine[data-stage="3"] .finished-block--a{opacity:1;transform:none}.vertical-machine[data-stage="3"] .status-lamps i:nth-child(-n+4){background:var(--green);box-shadow:0 0 10px var(--green)}.vertical-machine[data-stage="3"] .machine-progress i{height:73%}
.vertical-machine[data-stage="4"] .feed-cube{transform:translateY(78px) scale(.8);opacity:0}.vertical-machine[data-stage="4"] .process-block{opacity:.7}.vertical-machine[data-stage="4"] .output-chute span{opacity:1;transform:translateX(-50%) translateY(15px)}.vertical-machine[data-stage="4"] .finished-block{opacity:1;transform:none}.vertical-machine[data-stage="4"] .finished-block--b{transition-delay:.12s}.vertical-machine[data-stage="4"] .finished-block--c{transition-delay:.24s}.vertical-machine[data-stage="4"] .status-lamps i{background:var(--green);box-shadow:0 0 10px var(--green)}.vertical-machine[data-stage="4"] .machine-progress i{height:100%}
@media(max-width:1200px){.approach-scroll-grid{grid-template-columns:minmax(390px,.78fr) minmax(540px,1.22fr);column-gap:48px}.vertical-machine{padding-inline:20px;transform:scale(.9);transform-origin:top center}.scroll-intro h1{font-size:clamp(4.2rem,6.5vw,6.4rem)}}
@media(max-width:900px){.approach-scroll-story{padding-top:40px}.approach-scroll-grid{grid-template-columns:1fr;grid-template-areas:"intro" "machine" "sequence"}.scroll-intro{min-height:auto;padding:40px 0 75px}.scroll-intro h1{max-width:11ch}.vertical-machine-column{min-height:auto}.vertical-machine{position:relative;top:auto;height:820px;min-height:0;transform:none}.scroll-sequence-head{padding-top:90px}.scroll-phase{min-height:54vh}.scroll-timeline:before{bottom:15vh}}
@media(max-width:620px){.approach-scroll-story{padding-top:24px}.scroll-intro h1{font-size:3.45rem}.vertical-machine{left:50%;width:620px;height:790px;margin-left:0;padding-inline:20px;transform:translateX(-50%) scale(.56);transform-origin:top center;margin-bottom:-330px}.scroll-sequence-head{padding-top:70px}.scroll-sequence-head h2{font-size:2.8rem}.scroll-timeline{padding-left:34px}.scroll-phase{min-height:62vh;padding-left:12px}.scroll-phase:before{left:-32px}.scroll-timeline:before{left:7px}.scroll-phase h3{font-size:2rem}}

/* Approach topology — architectural, restrained and seamless */
.approach-scroll-story{display:none}
main>.approach-hero,main>.approach-hero+.section-tight{display:block}
.migration-topology{position:relative;min-height:530px;isolation:isolate}
.migration-topology:before{content:"";position:absolute;inset:7% 4%;z-index:-1;background:radial-gradient(circle at 54% 48%,rgba(10,132,255,.09),transparent 34%),radial-gradient(circle at 83% 50%,rgba(61,220,132,.07),transparent 32%);filter:blur(20px)}
.topology-map{position:absolute;inset:32px 0 0;width:100%;height:calc(100% - 32px);overflow:visible}
.topology-caption{position:absolute;top:10px;color:#728296;font:700 .61rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.topology-caption span{margin-left:8px;color:#425365}.topology-caption--legacy{left:2%}.topology-caption--native{right:2%;color:var(--green)}
.legacy-links path{fill:none;stroke:#293b4c;stroke-width:1.4;opacity:.7}.legacy-nodes circle{fill:#0a1721;stroke:#526579;stroke-width:1.5}.legacy-nodes circle:nth-child(2n){stroke:#805052}.legacy-nodes circle:nth-child(3n){animation:topology-pulse 3.6s ease-in-out infinite}
.topology-flow{fill:none;stroke:url(#migration-flow);stroke-width:2;stroke-linecap:round;stroke-dasharray:5 9;animation:topology-travel 7s linear infinite}.topology-flow--out{opacity:.8;animation-duration:9s}
.boundary-rings rect{fill:none;stroke:#28526d;stroke-width:1.2;opacity:.62}.boundary-rings rect:nth-child(2){stroke:#287969;stroke-dasharray:4 7}.boundary-rings rect:nth-child(3){stroke:url(#migration-flow);opacity:.9}.boundary-core circle{fill:#06121b;stroke:var(--green);stroke-width:2}.boundary-core path{fill:none;stroke:#32718a;stroke-width:1.2}
.topology-boundary-label{position:absolute;left:53%;top:49%;width:150px;padding:10px 7px;border-radius:10px;background:rgba(5,14,21,.88);text-align:center;transform:translate(-50%,-50%)}.topology-boundary-label span{display:block;margin-bottom:8px;color:#70baff;font:700 .57rem var(--mono);letter-spacing:.14em}.topology-boundary-label b{display:block;font-size:.77rem;line-height:1.25}.topology-boundary-label small{display:block;margin-top:8px;color:#607286;font:500 .47rem var(--mono);letter-spacing:.06em;text-transform:uppercase}
.topology-modules{position:absolute;right:0;top:105px;width:28%;display:grid;gap:18px}.topology-modules article{min-height:90px;padding:17px 15px;border:1px solid rgba(61,220,132,.25);border-radius:10px;background:linear-gradient(135deg,rgba(10,132,255,.055),rgba(61,220,132,.075));box-shadow:0 12px 30px rgba(0,0,0,.12)}.topology-modules article:nth-child(2){transform:translateX(12px)}.topology-modules span{display:block;margin-bottom:13px;color:#e8f2f6;font:700 .72rem var(--mono)}.topology-modules i{display:inline-flex;margin:0 3px 4px 0;padding:3px 5px;border:1px solid rgba(111,195,255,.16);border-radius:3px;color:#71899c;font:normal .42rem var(--mono)}
@keyframes topology-travel{to{stroke-dashoffset:-112}}@keyframes topology-pulse{50%{stroke:#0a84ff;filter:drop-shadow(0 0 5px rgba(10,132,255,.65))}}
@media(max-width:1250px){.migration-topology{width:min(100%,760px);margin:auto}.topology-modules{width:27%}}
@media(max-width:700px){.migration-topology{min-height:430px;margin-top:32px}.topology-map{inset:26px -6% 0;width:112%;height:390px}.topology-caption{font-size:.5rem}.topology-caption span{display:none}.topology-boundary-label{left:53%;top:47%;width:105px}.topology-boundary-label b{font-size:.62rem}.topology-boundary-label small{font-size:.38rem}.topology-modules{right:-1%;top:91px;width:29%;gap:12px}.topology-modules article{min-height:70px;padding:10px 8px}.topology-modules article:nth-child(2){transform:translateX(5px)}.topology-modules span{margin-bottom:8px;font-size:.55rem}.topology-modules i{display:none}}

/* Unified Approach journey */
.approach-journey{padding:94px 0 72px;overflow:clip}
.approach-journey-grid{display:grid;grid-template-columns:minmax(500px,.82fr) minmax(620px,1.18fr);gap:0 clamp(72px,7vw,138px);align-items:start}
.approach-journey-left{min-width:0}.approach-journey-copy h1{max-width:10ch;margin:18px 0 28px;font-size:clamp(3.5rem,5.4vw,6.45rem);line-height:.91;letter-spacing:-.066em}.approach-journey-copy p{max-width:660px;color:#aebaca;font-size:1.08rem}
.approach-timeline{max-width:700px;margin-top:112px;padding-left:42px}.approach-timeline:before{left:8px;background:linear-gradient(var(--blue),var(--green),rgba(61,220,132,.15))}.approach-timeline .timeline-item{min-height:192px;padding:0 0 58px 30px;opacity:.42;transition:opacity .35s,transform .35s}.approach-timeline .timeline-item:last-child{min-height:0;padding-bottom:20px}.approach-timeline .timeline-item:before{left:-38px;width:13px;height:13px;background:#233444;box-shadow:0 0 0 1px #415568;transition:.35s}.approach-timeline .timeline-item.is-active{opacity:1;transform:translateX(4px)}.approach-timeline .timeline-item.is-active:before{background:var(--green);box-shadow:0 0 0 1px var(--green),0 0 18px rgba(61,220,132,.5)}.approach-timeline .timeline-item:focus{outline:none}.approach-timeline .timeline-item:focus-visible{border-radius:8px;outline:1px solid rgba(111,195,255,.42);outline-offset:10px}
.approach-visual-column{position:relative;min-width:0;min-height:100%}.vertical-topology{position:relative;top:auto;width:min(100%,760px);height:1120px;min-height:1120px;max-height:none;margin:0 auto;isolation:isolate}.vertical-topology:before{content:"";position:absolute;inset:8% 4%;z-index:-1;background:radial-gradient(circle at 50% 51%,rgba(10,132,255,.095),transparent 27%),radial-gradient(circle at 50% 82%,rgba(61,220,132,.075),transparent 31%);filter:blur(22px)}
.vertical-topology-map{position:absolute;inset:36px 0 0;width:100%;height:calc(100% - 52px);overflow:visible}.vertical-topology-label{position:absolute;z-index:4;left:50%;top:5px;color:#748396;font:700 .61rem var(--mono);letter-spacing:.12em;text-transform:uppercase;transform:translateX(-50%);white-space:nowrap}.vertical-topology-label span{margin-left:8px;color:#435466}.vertical-topology-label--native{top:auto;bottom:3px;color:var(--green)}
.vertical-legacy-system{transform-box:fill-box;transform-origin:center;animation:legacy-system-drift 8s ease-in-out infinite alternate}.vertical-legacy-links path{fill:none;stroke:#2b3e50;stroke-width:1.35;opacity:.75}.vertical-legacy-nodes circle{fill:#07141e;stroke:#53677b;stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:legacy-drift 5.8s ease-in-out infinite alternate}.vertical-legacy-nodes circle:nth-child(2n){stroke:#875154;animation-delay:-2s}.vertical-legacy-nodes circle:nth-child(3n){animation-name:legacy-drift-alt;animation-duration:7.2s}.vertical-system-labels text{fill:#718397;font:700 10px var(--mono);letter-spacing:.1em}.vertical-flow{fill:none;stroke:url(#vertical-migration-flow);stroke-width:2;stroke-linecap:round;stroke-dasharray:5 10;opacity:.2;transition:opacity .45s;animation:vertical-flow 5.8s linear infinite}.vertical-flow--out{opacity:.45}.vertical-boundary-rings rect{fill:none;stroke:#28526d;stroke-width:1.3;opacity:.48;transition:stroke .4s,opacity .4s,filter .4s}.vertical-boundary-rings rect:nth-child(2){stroke:#287969;stroke-dasharray:5 8}.vertical-boundary-rings rect:nth-child(3){stroke:url(#vertical-migration-flow)}
.vertical-process-logo{position:absolute;z-index:5;left:50%;top:56.8%;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);opacity:.68;transition:opacity .4s,filter .4s,transform .4s}.vertical-logo-mark{position:relative;width:68px;height:50px;border:1px solid rgba(111,195,255,.28);border-radius:14px;background:rgba(5,14,21,.5)}.vertical-logo-mark i{position:absolute;top:17px;width:14px;height:14px;border-radius:50%}.vertical-logo-mark i:first-child{left:15px;background:var(--blue);box-shadow:0 0 14px rgba(10,132,255,.78)}.vertical-logo-mark i:last-child{right:15px;background:var(--green);box-shadow:0 0 14px rgba(61,220,132,.78)}
.vertical-modules{position:absolute;left:5%;right:5%;bottom:82px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.vertical-module{min-height:104px;padding:15px 12px;border:1px solid rgba(61,220,132,.27);border-radius:9px;background:linear-gradient(135deg,rgba(10,132,255,.065),rgba(61,220,132,.1));box-shadow:0 12px 30px rgba(0,0,0,.14);opacity:.56;transform:scale(.985);transition:opacity .55s,transform .55s,border-color .55s,box-shadow .55s}.vertical-module span{display:block;margin-bottom:13px;color:#e8f2f6;font:700 .67rem var(--mono)}.vertical-module i{display:inline-flex;margin:0 2px 4px 0;padding:3px 4px;border:1px solid rgba(111,195,255,.16);border-radius:3px;color:#71899c;font:normal .38rem var(--mono)}
.vertical-topology[data-stage="0"] .vertical-flow--in,.vertical-topology[data-stage="1"] .vertical-flow--in{opacity:1}.vertical-topology[data-stage="1"] .vertical-boundary-rings rect,.vertical-topology[data-stage="2"] .vertical-boundary-rings rect,.vertical-topology[data-stage="3"] .vertical-boundary-rings rect,.vertical-topology[data-stage="4"] .vertical-boundary-rings rect{opacity:.92;filter:drop-shadow(0 0 7px rgba(10,132,255,.2))}.vertical-topology[data-stage="1"] .vertical-process-logo,.vertical-topology[data-stage="2"] .vertical-process-logo,.vertical-topology[data-stage="3"] .vertical-process-logo,.vertical-topology[data-stage="4"] .vertical-process-logo{opacity:1;filter:drop-shadow(0 0 14px rgba(10,132,255,.18));transform:translate(-50%,-50%) scale(1.04)}.vertical-topology[data-stage="2"] .vertical-boundary-core circle,.vertical-topology[data-stage="3"] .vertical-boundary-core circle,.vertical-topology[data-stage="4"] .vertical-boundary-core circle{stroke:var(--green);filter:drop-shadow(0 0 7px rgba(61,220,132,.55))}.vertical-topology[data-stage="2"] .vertical-flow,.vertical-topology[data-stage="3"] .vertical-flow,.vertical-topology[data-stage="4"] .vertical-flow{opacity:1}.vertical-topology[data-stage="2"] .vertical-module--account,.vertical-topology[data-stage="3"] .vertical-module--account,.vertical-topology[data-stage="3"] .vertical-module--checkout,.vertical-topology[data-stage="4"] .vertical-module{opacity:1;transform:none;border-color:rgba(61,220,132,.42);box-shadow:0 12px 34px rgba(17,94,73,.13)}.vertical-topology[data-stage="3"] .vertical-module--checkout{transition-delay:.1s}.vertical-topology[data-stage="4"] .vertical-module--profile{transition-delay:.14s}.vertical-topology[data-stage="4"] .vertical-legacy-nodes{opacity:.45;transition:opacity .5s}
.approach-journey-line{grid-column:1/-1;height:1px;margin-top:144px;background:linear-gradient(90deg,var(--blue),var(--green),transparent)}
@keyframes legacy-system-drift{to{transform:translate(7px,11px) rotate(.65deg)}}@keyframes legacy-drift{to{transform:translate(14px,-10px)}}@keyframes legacy-drift-alt{to{transform:translate(-12px,13px)}}@keyframes vertical-flow{to{stroke-dashoffset:-120}}
.approach-timeline .timeline-item:before{left:-40px}.approach-timeline .timeline-item.is-active{transform:none}.vertical-topology[data-stage="4"] .vertical-legacy-system{opacity:.45;transition:opacity .5s}
@media(max-width:1120px){.approach-journey-grid{grid-template-columns:minmax(420px,.9fr) minmax(500px,1.1fr);gap:0 42px}.vertical-topology{transform:scale(.9);transform-origin:top center}.approach-journey-copy h1{font-size:clamp(4rem,6.4vw,5.8rem)}}
@media(min-width:901px){.approach-visual-column{display:flex;align-items:center}.vertical-topology{flex:0 0 auto}}
@media(max-width:900px){.approach-journey{padding-top:54px}.approach-journey-grid{grid-template-columns:1fr}.approach-journey-left{display:contents}.approach-journey-copy{grid-row:1;max-width:760px}.approach-journey-copy h1{max-width:11ch}.approach-visual-column{display:none}.approach-timeline{grid-row:2;margin-top:70px}.approach-journey-line{grid-row:3;margin-top:60px}}
@media(max-width:620px){.approach-journey-copy h1{font-size:3.45rem}.vertical-topology{left:50%;width:620px;height:720px;margin-left:0;transform:translateX(-50%) scale(.59);transform-origin:top center;margin-bottom:-270px}.approach-timeline{margin-top:82px;padding-left:35px}.approach-timeline .timeline-item{min-height:220px;padding-left:23px}.approach-timeline .timeline-item:before{left:-33px}.vertical-module i{display:none}.approach-journey-line{margin-top:38px}}

/* Structural symptoms */
.symptom-section{position:relative}.symptom-section:before{content:"";position:absolute;right:0;top:18%;width:38%;height:64%;z-index:-1;background:radial-gradient(circle at right,rgba(10,132,255,.065),transparent 68%);filter:blur(20px)}
.symptom-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:54px}.symptom-card{position:relative;min-height:300px;padding:32px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(13,27,40,.9),rgba(8,19,28,.78));overflow:hidden;transition:border-color .3s,transform .3s}.symptom-card:hover{border-color:rgba(111,195,255,.28);transform:translateY(-3px)}.symptom-card:after{content:"";position:absolute;right:-55px;bottom:-65px;width:150px;height:150px;border:1px solid rgba(61,220,132,.08);border-radius:50%}.symptom-no{display:block;color:#65778b;font:700 .61rem var(--mono);letter-spacing:.09em}.symptom-card h3{max-width:520px;margin:44px 0 12px;font-size:clamp(1.35rem,2vw,1.85rem);letter-spacing:-.035em}.symptom-card p{max-width:610px;margin:0;color:#94a4b6}.symptom-icon{position:absolute;right:30px;top:26px;width:52px;height:52px;border:1px solid rgba(10,132,255,.38);border-radius:13px;background:rgba(10,132,255,.05)}.symptom-icon i{position:absolute;width:9px;height:9px;border:1px solid #6bb9ff;border-radius:50%;background:#091621}.symptom-icon i:first-child{left:9px;top:11px}.symptom-icon i:nth-child(2){right:9px;top:20px}.symptom-icon i:last-child{left:18px;bottom:8px}.symptom-icon:before,.symptom-icon:after{content:"";position:absolute;height:1px;background:#365f78;transform-origin:left}.symptom-icon:before{left:17px;top:16px;width:21px;transform:rotate(17deg)}.symptom-icon:after{left:16px;top:20px;width:23px;transform:rotate(58deg)}.symptom-icon--race{border-color:rgba(61,220,132,.34);background:rgba(61,220,132,.045)}.symptom-icon--race i{border-color:var(--green)}.symptom-icon--race:before{top:13px;left:7px;width:36px;transform:rotate(37deg)}.symptom-icon--race:after{top:38px;left:8px;width:37px;transform:rotate(-38deg)}.symptom-icon--dependency i{border-radius:2px}.symptom-icon--dependency:before{left:14px;top:26px;width:25px;transform:none}.symptom-icon--dependency:after{left:26px;top:13px;width:25px;transform:rotate(90deg)}.symptom-icon--delivery i{width:21px;height:5px;border:0;border-radius:2px;background:#345268}.symptom-icon--delivery i:first-child{left:8px;top:12px}.symptom-icon--delivery i:nth-child(2){left:15px;top:23px;background:#397a71}.symptom-icon--delivery i:last-child{left:22px;top:34px;background:linear-gradient(90deg,var(--blue),var(--green))}.symptom-icon--delivery:before,.symptom-icon--delivery:after{display:none}.symptom-bridge{display:flex;align-items:center;justify-content:space-between;gap:34px;margin-top:18px;padding:24px 28px;border:1px solid rgba(61,220,132,.16);border-radius:14px;background:linear-gradient(90deg,rgba(10,132,255,.045),rgba(61,220,132,.045))}.symptom-bridge p{max-width:980px;margin:0;color:#b1bdcb}.symptom-bridge a{flex:0 0 auto;color:var(--green);font-weight:700}
@media(max-width:860px){.symptom-grid{grid-template-columns:1fr}.symptom-card{min-height:260px}.symptom-bridge{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.symptom-grid{margin-top:38px}.symptom-card{min-height:280px;padding:26px}.symptom-card h3{margin-top:50px}.symptom-icon{right:24px;top:22px}.symptom-bridge{padding:22px}}

/* H1 tracking */
.hero h1,.page-hero h1,.scroll-intro h1{letter-spacing:-.045em}.approach-journey-copy h1{letter-spacing:-.04em}

/* Branded transformation chamber */
.vertical-process-logo{top:58.25%}.vertical-logo-mark{width:82px;height:60px;border-radius:17px;background:rgba(5,14,21,.36)}.vertical-logo-mark i{top:21px;width:17px;height:17px}.vertical-logo-mark i:first-child{left:18px}.vertical-logo-mark i:last-child{right:18px}.vertical-boundary-rings rect:nth-child(3){fill:rgba(10,132,255,.025);stroke-dasharray:none;animation:machine-chamber-shimmer 3.8s ease-in-out infinite}
@keyframes machine-chamber-shimmer{0%,100%{fill:rgba(10,132,255,.025);filter:drop-shadow(0 0 5px rgba(10,132,255,.12))}50%{fill:rgba(61,220,132,.07);filter:drop-shadow(0 0 16px rgba(61,220,132,.28))}}

/* Persistent, shared-axis approach timeline */
.approach-timeline{--timeline-axis:8px;--timeline-pad:42px;margin-top:84px;padding-left:var(--timeline-pad)}.approach-timeline:before{left:var(--timeline-axis)}.approach-timeline .timeline-item{min-height:150px;padding:0 0 38px 30px;opacity:1}.approach-timeline .timeline-item:before,.approach-timeline .timeline-item.is-active:before{left:calc(var(--timeline-axis) + 1px - var(--timeline-pad) - 6.5px);background:var(--green);box-shadow:0 0 0 1px var(--green),0 0 12px rgba(61,220,132,.34)}.approach-timeline .timeline-item.is-active{opacity:1;transform:none}
@media(max-width:620px){.approach-timeline{--timeline-pad:35px;margin-top:64px}.approach-timeline .timeline-item{min-height:170px;padding-bottom:40px}}

/* Optical timeline rhythm and coordinated topology motion */
.approach-timeline .timeline-item small{margin-bottom:0}.approach-timeline .timeline-item small+h3{margin-top:8px}.approach-timeline .timeline-item:before,.approach-timeline .timeline-item.is-active:before{left:calc(var(--timeline-axis) + 1px - var(--timeline-pad));transform:translateX(-50%)}.vertical-legacy-nodes circle{animation:legacy-node-pulse 3.6s ease-in-out infinite alternate}.vertical-legacy-nodes circle:nth-child(2n){animation-delay:-1.8s}.vertical-legacy-nodes circle:nth-child(3n){animation-name:legacy-node-pulse;animation-duration:4.6s}.vertical-flow--in{filter:drop-shadow(0 0 5px rgba(10,132,255,.32))}.vertical-logo-mark{animation:logo-chamber-pulse 3.8s ease-in-out infinite}
@keyframes legacy-node-pulse{to{transform:scale(1.12);filter:drop-shadow(0 0 4px rgba(111,195,255,.22))}}@keyframes logo-chamber-pulse{0%,100%{box-shadow:0 0 8px rgba(10,132,255,.12),inset 0 0 8px rgba(10,132,255,.04)}50%{box-shadow:0 0 30px rgba(61,220,132,.34),inset 0 0 18px rgba(61,220,132,.12)}}

/* Centred timeline content, independently moving topology, and chip-edge pulse */
.approach-timeline .timeline-item,.approach-timeline .timeline-item:last-child{display:grid;align-content:center;min-height:150px;padding:18px 0 18px 30px}.approach-timeline .timeline-item:before,.approach-timeline .timeline-item.is-active:before{top:50%;transform:translate(-50%,-50%)}.vertical-legacy-system{animation:none}.vertical-legacy-links line{fill:none;stroke:#2b3e50;stroke-width:1.35;opacity:.75}.vertical-legacy-nodes circle{animation:none}.vertical-logo-mark{animation:none}.vertical-boundary-rings rect:nth-child(3){animation:chip-edge-pulse 3.2s ease-in-out infinite}
@keyframes chip-edge-pulse{0%,100%{fill:rgba(10,132,255,.025);stroke-width:1.35;filter:drop-shadow(0 0 5px rgba(10,132,255,.24))}50%{fill:rgba(61,220,132,.075);stroke-width:2.1;filter:drop-shadow(0 0 22px rgba(61,220,132,.72))}}
@media(max-width:620px){.approach-timeline .timeline-item,.approach-timeline .timeline-item:last-child{min-height:170px;padding-top:18px;padding-bottom:18px}}

/* Dedicated stationary chip shell; only the colour travels around its edge */
@property --chip-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.vertical-boundary-rings rect:nth-child(3){opacity:0!important;animation:none}.vertical-process-logo:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:160px;height:158px;border:2px solid transparent;border-radius:38px;background:linear-gradient(rgba(7,16,24,.7),rgba(7,16,24,.7)) padding-box,conic-gradient(from var(--chip-angle),var(--blue),#36b6ad,var(--green),#36b6ad,var(--blue)) border-box;transform:translate(-50%,-50%);animation:chip-border-flow 7s linear infinite,chip-shell-glow 3.2s ease-in-out infinite}
@keyframes chip-border-flow{to{--chip-angle:360deg}}@keyframes chip-shell-glow{0%,100%{box-shadow:0 0 9px rgba(10,132,255,.18),inset 0 0 8px rgba(10,132,255,.05)}50%{box-shadow:0 0 34px rgba(61,220,132,.55),inset 0 0 20px rgba(61,220,132,.13)}}

/* Three independent output lanes and processed native modules */
@property --module-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.vertical-module-flows{opacity:.82}.vertical-module-flow{fill:none;stroke-linecap:round}.vertical-module-flow--base{stroke:url(#vertical-migration-flow);stroke-width:1.5;opacity:.3}.vertical-module-flow--trace{stroke:url(#vertical-migration-flow);stroke-width:2.25;stroke-dasharray:12 24;filter:drop-shadow(0 0 5px rgba(61,220,132,.38));animation:module-flow-travel 2.6s linear infinite}.vertical-module-flow--delay{animation-delay:-.85s}.vertical-module-flow--delay-2{animation-delay:-1.7s}@keyframes module-flow-travel{to{stroke-dashoffset:-108}}
.vertical-modules{left:2%;right:2%;bottom:72px;gap:16px}.vertical-module{min-height:132px;padding:18px 16px;border:1.5px solid transparent;border-radius:14px;background:linear-gradient(145deg,rgba(8,21,31,.94),rgba(7,32,34,.91)) padding-box,conic-gradient(from var(--module-angle),var(--blue),#36b6ad,var(--green),#36b6ad,var(--blue)) border-box;box-shadow:0 16px 38px rgba(0,0,0,.18),inset 0 0 22px rgba(61,220,132,.035);animation:module-border-flow 7s linear infinite}.vertical-module:nth-child(2){animation-delay:-2.3s}.vertical-module:nth-child(3){animation-delay:-4.6s}@keyframes module-border-flow{to{--module-angle:360deg}}
.vertical-module-title{display:flex;align-items:center;gap:9px;margin-bottom:18px}.vertical-module-title svg{width:20px;height:20px;padding:3px;border:1px solid rgba(111,195,255,.22);border-radius:6px;fill:none;stroke:#82c9ff;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.vertical-module .vertical-module-title span{display:block;margin:0;color:#e8f2f6;font:700 .7rem var(--mono)}.vertical-topology[data-stage="2"] .vertical-module--account,.vertical-topology[data-stage="3"] .vertical-module--account,.vertical-topology[data-stage="3"] .vertical-module--checkout,.vertical-topology[data-stage="4"] .vertical-module{border-color:transparent}.vertical-topology[data-stage="4"] .vertical-module--orders{transition-delay:.14s}
@media(max-width:620px){.vertical-modules{left:2%;right:2%;gap:12px}.vertical-module{min-height:126px;padding:15px 12px}.vertical-module-title{margin-bottom:14px}.vertical-module-title svg{width:18px;height:18px}}

/* Performance-stable output lanes, larger modules, and timeline terminals */
.vertical-module-flow--base,.vertical-module-flow--trace{stroke:url(#vertical-output-flow);vector-effect:non-scaling-stroke}.vertical-module-flow--base{stroke-width:1.65;opacity:.42}.vertical-module-flow--trace{stroke-width:2.35;stroke-dasharray:18 30;opacity:.98;filter:none;animation-duration:2.1s}.vertical-modules{left:0;right:0;bottom:54px;gap:18px}.vertical-module{min-height:166px;padding:22px 19px;border-radius:16px}.vertical-module-title{gap:11px;margin-bottom:24px}.vertical-module-title svg{width:25px;height:25px;padding:4px;border-radius:7px}.vertical-module .vertical-module-title span{font-size:.88rem}.vertical-module i{padding:4px 6px;font-size:.46rem}.vertical-topology[data-stage="4"] .vertical-module--dashboard{transition-delay:.14s}
.approach-timeline .timeline-item:first-child:after,.approach-timeline .timeline-item:last-child:after{content:"";position:absolute;left:calc(var(--timeline-axis) + 1px - var(--timeline-pad));width:7px;height:7px;border:2px solid var(--bg);border-radius:50%;background:#6f8192;box-shadow:0 0 0 1px rgba(111,195,255,.5);transform:translate(-50%,-50%)}.approach-timeline .timeline-item:first-child:after{top:4px}.approach-timeline .timeline-item:last-child:after{top:auto;bottom:-3px;transform:translate(-50%,50%);background:var(--green);box-shadow:0 0 0 1px rgba(61,220,132,.55),0 0 8px rgba(61,220,132,.24)}
@media(max-width:620px){.vertical-modules{left:0;right:0;gap:12px}.vertical-module{min-height:154px;padding:18px 14px}.vertical-module-title{margin-bottom:19px}.vertical-module-title svg{width:22px;height:22px}.vertical-module .vertical-module-title span{font-size:.8rem}}

/* Processed modules remain fully resolved at every scroll position */
.vertical-topology[data-stage] .vertical-module{opacity:1;transform:none;border-color:transparent;animation:module-border-flow 7s linear infinite,module-ready-pulse 3.4s ease-in-out infinite}.vertical-topology[data-stage] .vertical-module:nth-child(2){animation-delay:-2.3s,-1.1s}.vertical-topology[data-stage] .vertical-module:nth-child(3){animation-delay:-4.6s,-2.2s}@keyframes module-ready-pulse{0%,100%{box-shadow:0 16px 38px rgba(0,0,0,.18),0 0 9px rgba(10,132,255,.1),inset 0 0 22px rgba(61,220,132,.035)}50%{box-shadow:0 17px 42px rgba(0,0,0,.2),0 0 24px rgba(61,220,132,.22),inset 0 0 28px rgba(61,220,132,.075)}}

/* Clear feature-module hierarchy */
.vertical-module{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;column-gap:7px;text-align:center}.vertical-module-title{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;margin-bottom:20px}.vertical-module-title svg{width:48px;height:48px;padding:10px;border-radius:12px;stroke-width:1.55}.vertical-module .vertical-module-title span{font-size:1rem;line-height:1.15}.vertical-module i{display:flex;align-items:center;justify-content:center;min-width:0;margin:0;padding:6px 2px;font-size:.82rem;line-height:1}
@media(max-width:620px){.vertical-module-title{gap:9px;margin-bottom:14px}.vertical-module-title svg{width:42px;height:42px;padding:9px}.vertical-module .vertical-module-title span{font-size:.94rem}.vertical-module i{display:none}}

/* Approach-page section rhythm */
.approach-principles{padding-bottom:7px}.approach-gates{padding-top:7px}

/* Context-aware contact flow */
body.contact-open{overflow:hidden}.contact-dialog{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--text);overflow:hidden}.contact-dialog::backdrop{background:rgba(2,9,14,.86);backdrop-filter:blur(16px);opacity:0;transition:opacity .24s}.contact-dialog[open]::backdrop{opacity:1}.contact-shell{position:relative;width:min(1500px,calc(100% - 48px));height:min(900px,calc(100% - 48px));margin:24px auto;border:1px solid rgba(111,195,255,.18);border-radius:26px;background:linear-gradient(145deg,rgba(7,18,28,.985),rgba(5,14,21,.99));box-shadow:0 36px 100px rgba(0,0,0,.55),0 0 0 1px rgba(61,220,132,.035) inset;opacity:0;overflow:hidden;transform:translateY(18px) scale(.985);transition:width .5s cubic-bezier(.22,1,.36,1),height .5s cubic-bezier(.22,1,.36,1),margin .5s cubic-bezier(.22,1,.36,1),opacity .24s,transform .45s cubic-bezier(.22,1,.36,1)}.contact-shell.is-open{opacity:1;transform:none}.contact-shell:before{content:"";position:absolute;right:-12%;top:-25%;width:55%;height:75%;background:radial-gradient(circle,rgba(61,220,132,.1),transparent 66%);filter:blur(24px);pointer-events:none}.contact-close{position:absolute;right:25px;top:25px;z-index:10;width:46px;height:46px;border:1px solid rgba(111,195,255,.2);border-radius:50%;background:rgba(7,18,28,.8);cursor:pointer}.contact-close span{position:absolute;left:14px;top:22px;width:17px;height:1px;background:#b8c8d8;transform:rotate(45deg)}.contact-close span+span{transform:rotate(-45deg)}.contact-close:hover{border-color:var(--green)}
.contact-progress{position:absolute;z-index:4;left:0;right:0;top:0;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:0 26px}.contact-progress i{height:2px;background:#203243}.contact-progress i:first-child{background:linear-gradient(90deg,var(--blue),var(--green))}.contact-shell[data-view="sending"] .contact-progress i:nth-child(2),.contact-shell[data-view="success"] .contact-progress i{background:linear-gradient(90deg,var(--blue),var(--green))}
.contact-form-view{display:grid;grid-template-columns:minmax(390px,.8fr) minmax(540px,1.2fr);height:100%}.contact-story{position:relative;display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,6vw,100px);border-right:1px solid rgba(111,195,255,.12);background:linear-gradient(145deg,rgba(10,132,255,.055),rgba(61,220,132,.025));overflow:hidden}.contact-story h2{max-width:610px;margin:18px 0 24px;font-size:clamp(2.5rem,4.1vw,4.8rem);line-height:.95;letter-spacing:-.04em}.contact-story>p{max-width:590px;color:#a8b7c7}.contact-promises{display:grid;gap:14px;margin:35px 0 0;padding:0;list-style:none}.contact-promises li{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:center;padding-top:14px;border-top:1px solid rgba(111,195,255,.12);color:#aab9c8}.contact-promises b{color:var(--green);font:700 .68rem var(--mono)}
.contact-system{position:relative;flex:0 0 110px;width:min(100%,470px);height:110px;margin:42px 0 6px}.contact-system:before,.contact-system:after{content:"";position:absolute;top:54px;height:1px;background:linear-gradient(90deg,#314759,var(--blue),var(--green))}.contact-system:before{left:30px;width:36%}.contact-system:after{right:28px;width:35%}.contact-system__legacy{position:absolute;left:0;top:14px;width:130px;height:78px}.contact-system__legacy i{position:absolute;width:10px;height:10px;border:1px solid #597086;border-radius:50%;background:#091722}.contact-system__legacy i:nth-child(1){left:4px;top:12px}.contact-system__legacy i:nth-child(2){left:50px;top:2px}.contact-system__legacy i:nth-child(3){left:94px;top:26px}.contact-system__legacy i:nth-child(4){left:35px;top:57px}.contact-system__legacy i:nth-child(5){left:112px;top:64px}.contact-system__core{position:absolute;z-index:2;left:50%;top:50%;display:grid;width:78px;height:78px;place-items:center;border:1px solid transparent;border-radius:22px;background:linear-gradient(#07121b,#07121b) padding-box,linear-gradient(135deg,var(--blue),var(--green)) border-box;box-shadow:0 0 28px rgba(10,132,255,.14);transform:translate(-50%,-50%)}.contact-system__core .brand-mark{margin:0;transform:scale(1.15)}.contact-system__native{position:absolute;right:0;top:17px;display:grid;gap:8px;width:118px}.contact-system__native i{height:18px;border:1px solid rgba(61,220,132,.32);border-radius:5px;background:linear-gradient(90deg,rgba(10,132,255,.1),rgba(61,220,132,.1))}
.contact-form{align-content:center;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:clamp(50px,5.5vw,92px);overflow:auto}.contact-form__head{grid-column:1/-1;margin-bottom:4px}.contact-form__head span{display:block;margin-bottom:8px;color:#70baff;font:700 .63rem var(--mono);letter-spacing:.14em}.contact-form__head strong{font-size:1.16rem}.contact-field{display:grid;gap:9px;min-width:0}.contact-field--wide{grid-column:1/-1}.contact-field>span,.contact-platforms legend{color:#8496a8;font:700 .61rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.contact-field input,.contact-field select,.contact-field textarea{width:100%;border:1px solid #24394c;border-radius:10px;outline:0;background:rgba(5,14,21,.72);color:#edf4f8;font:inherit}.contact-field input,.contact-field select{height:52px;padding:0 16px}.contact-field textarea{min-height:114px;padding:15px 16px;resize:vertical}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:#399cca;box-shadow:0 0 0 3px rgba(10,132,255,.09)}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#586b7d}.contact-platforms{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:9px;margin:0;padding:0;border:0}.contact-platforms legend{width:100%;margin-bottom:1px}.contact-platforms label{position:relative;cursor:pointer}.contact-platforms input{position:absolute;opacity:0}.contact-platforms span{display:block;padding:9px 13px;border:1px solid #263a4c;border-radius:99px;color:#8fa0b0;font-size:.8rem}.contact-platforms input:checked+span{border-color:var(--green);background:rgba(61,220,132,.08);color:#dff9eb}.contact-submit-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.contact-submit-row p{max-width:430px;margin:0;color:#ff8585;font-size:.76rem}.contact-submit{flex:0 0 auto;border:0}.contact-submit i{font-style:normal}.contact-honeypot{position:absolute!important;left:-9999px!important}
.contact-sending-view,.contact-success-view{position:absolute;inset:0;display:none;align-content:center;justify-items:center;padding:48px;text-align:center}.contact-sending-view h2,.contact-success-view h2{margin:16px 0 12px;font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.04em}.contact-sending-view p,.contact-success-view p{max-width:570px;margin:0;color:#98a9b9}.contact-shell[data-view="sending"] .contact-form-view,.contact-shell[data-view="success"] .contact-form-view{display:none}.contact-shell[data-view="sending"] .contact-sending-view,.contact-shell[data-view="success"] .contact-success-view{display:grid}.contact-orbit{position:relative;display:grid;width:138px;height:138px;margin-bottom:35px;place-items:center;border:1px solid rgba(111,195,255,.16);border-radius:40px}.contact-orbit:before,.contact-orbit:after{content:"";position:absolute;inset:15px;border:1px solid transparent;border-top-color:var(--blue);border-right-color:var(--green);border-radius:32px;animation:contact-spin 1.4s linear infinite}.contact-orbit:after{inset:29px;animation-direction:reverse;animation-duration:2.1s}.contact-orbit .brand-mark{margin:0}.contact-orbit>i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.contact-orbit>i:first-child{left:8px;top:50%}.contact-orbit>i:nth-child(2){right:19px;top:16px;background:var(--blue);box-shadow:0 0 12px var(--blue)}@keyframes contact-spin{to{transform:rotate(1turn)}}
.contact-shell[data-view="success"]{width:min(620px,calc(100% - 40px));height:min(520px,calc(100% - 40px));margin:max(20px,calc((100vh - min(520px,calc(100vh - 40px)))/2)) auto}.contact-success-view .button{margin-top:30px;border:0}.contact-success-icon{display:grid;width:88px;height:88px;margin-bottom:22px;place-items:center;border:1px solid var(--green);border-radius:50%;background:rgba(61,220,132,.08);box-shadow:0 0 30px rgba(61,220,132,.22)}.contact-success-icon svg{width:44px;fill:none;stroke:var(--green);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:contact-check .5s cubic-bezier(.22,1,.36,1)}@keyframes contact-check{from{opacity:0;transform:scale(.6) rotate(-12deg)}}
@media(max-width:980px){.contact-shell{width:calc(100% - 24px);height:calc(100% - 24px);margin:12px}.contact-form-view{grid-template-columns:1fr}.contact-story{display:none}.contact-form{padding:72px 28px 34px}.contact-close{right:20px;top:18px}.contact-shell[data-view="success"]{margin:max(12px,calc((100vh - min(520px,calc(100vh - 24px)))/2)) auto}}
@media(max-height:800px) and (min-width:981px){.contact-story{padding:44px 6vw}.contact-story h2{margin:12px 0 18px;font-size:clamp(2.5rem,3.5vw,3.8rem)}.contact-story>p{font-size:.9rem}.contact-system{flex-basis:92px;height:92px;margin:22px 0 0}.contact-system:before,.contact-system:after{top:45px}.contact-system__legacy{top:6px}.contact-system__core{width:70px;height:70px}.contact-system__native{top:8px}.contact-promises{gap:10px;margin-top:14px}.contact-promises li{padding-top:10px;font-size:.82rem}.contact-form{gap:14px;padding:52px 5.5vw}.contact-field textarea{min-height:100px}}
@media(max-width:600px){.contact-form{grid-template-columns:1fr;gap:16px;padding:68px 20px 28px}.contact-field{grid-column:1}.contact-form__head{grid-column:1}.contact-form__head strong{font-size:1rem}.contact-field input,.contact-field select{height:49px}.contact-submit-row{align-items:stretch;flex-direction:column}.contact-submit{width:100%;justify-content:center}.contact-sending-view,.contact-success-view{padding:38px 26px}.contact-success-view h2,.contact-sending-view h2{font-size:2.3rem}.contact-shell[data-view="success"]{width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){.contact-shell,.contact-dialog::backdrop,.contact-orbit:before,.contact-orbit:after,.contact-success-icon svg{animation:none;transition:none}}

/* Global booking availability: a live signal above navigation and a quiet footer echo. */
.availability{--availability-accent:var(--green);color:#dce6ef}.availability--limited,.availability--fully-booked{--availability-accent:#6eb9fb}.availability--unavailable{--availability-accent:#fff}.availability__inner{display:flex;min-height:48px;align-items:center;gap:clamp(13px,2vw,28px)}.availability__capsule{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px;padding:6px 12px 6px 7px;border:1px solid color-mix(in srgb,var(--availability-accent) 42%,transparent);border-radius:99px;background:color-mix(in srgb,var(--availability-accent) 8%,transparent);color:var(--availability-accent);font:700 .64rem/1.2 var(--mono);letter-spacing:.055em;text-transform:uppercase}.availability__capsule strong{font:inherit}.availability__capsule>span:last-child{color:#b7c4d1;font-weight:600}.availability__signal{position:relative;width:24px;height:24px;display:grid;flex:0 0 24px;place-items:center}.availability__signal:before,.availability__signal:after{content:"";box-sizing:border-box;position:absolute;inset:0;border-radius:50%;background:currentColor;opacity:0;transform:scale(0);animation:availability-pulse 4s linear infinite}.availability__signal:after{animation-delay:-2s}.availability__signal i{position:relative;z-index:1;width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}.availability__next{flex:0 0 auto;color:#edf4f8;font-size:.78rem;font-weight:700}.availability__next>span{margin-right:3px;color:#74869a;font:700 .6rem var(--mono);letter-spacing:.08em;text-transform:uppercase}@keyframes availability-pulse{0%{opacity:1;transform:scale(0)}100%{opacity:0;transform:scale(1)}}
.availability--hero{margin-bottom:18px}.availability--hero .availability__inner{min-height:0;flex-wrap:wrap;gap:10px 18px}.availability--footer .availability__inner{min-height:0;margin:0 0 18px;padding:0;flex-wrap:wrap;gap:8px 14px;border:0}.availability--footer .availability__capsule{gap:6px;padding:0;border:0;background:transparent;font-size:.57rem}.availability--footer .availability__signal{width:18px;height:18px;flex-basis:18px}.availability--footer .availability__signal i{width:5px;height:5px}.availability--footer .availability__next{font-size:.7rem}
@media(max-width:700px){.availability--hero .availability__inner,.availability--footer .availability__inner{align-items:flex-start;flex-direction:column}.availability__next{font-size:.7rem}.availability__next>span{font-size:.52rem}}
@media(max-width:430px){.availability__capsule{font-size:.57rem}.availability__next{font-size:.64rem}}
@media(prefers-reduced-motion:reduce){.availability__signal:before,.availability__signal:after{animation:none;opacity:.22;transform:scale(1)}.availability__signal:after{display:none}}

/* Clearer, simpler contact copy */
.contact-story>p{color:#c8d2dc;font-size:1.04rem;line-height:1.72}.contact-story .contact-system{margin-top:52px}.contact-form__head span{color:#86c6ff;font-size:.66rem}.contact-form__head strong{font-size:1.2rem}.contact-field>span,.contact-platforms legend{color:#aebbc8;font-size:.65rem}.contact-field input,.contact-field select,.contact-field textarea{border-color:#30485b;font-size:1rem}.contact-field textarea{line-height:1.6}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#788b9c;opacity:1}.contact-platforms span{border-color:#30485b;color:#adbac7;font-size:.86rem}
@media(max-height:800px) and (min-width:981px){.contact-story>p{font-size:.98rem}.contact-story .contact-system{flex-basis:112px;height:112px;margin-top:44px}.contact-system:before,.contact-system:after{top:55px}.contact-system__legacy{top:16px}.contact-system__core{width:78px;height:78px}.contact-system__native{top:18px}}

/* Contact form alignment and required-field clarity */
.contact-dialog[open]{display:grid;place-items:center}.contact-shell,.contact-shell[data-view="success"]{margin:0 auto}.contact-progress{left:40%}.contact-field>span,.contact-platforms legend{font-family:var(--sans);font-size:15px;line-height:1.3;letter-spacing:0;text-transform:none}.contact-field>span em,.contact-platforms legend em{color:var(--green);font-style:normal}.contact-field>span small{margin-left:6px;color:#718395;font-size:12px;font-weight:500}.contact-platforms{row-gap:10px}.contact-platforms legend{margin-bottom:8px}.contact-submit{min-width:136px;justify-content:center;font-size:16px}
@media(max-width:980px){.contact-shell,.contact-shell[data-view="success"]{margin:0 auto}.contact-progress{left:0}}

/* Compact modal hierarchy */
.contact-shell{height:min(820px,calc(100% - 48px))}.contact-story>p,.contact-field>span,.contact-platforms legend,.contact-field select{color:#d3dce5;font-size:16px}.contact-story>p{line-height:1.5}.contact-form{align-content:center}.contact-field select{font-weight:500}
.contact-story h2{line-height:1.08}.contact-field--inquiry{position:relative}.contact-field--inquiry>span{color:#fff;font-size:22px;line-height:1.25;font-weight:700}.contact-select{position:relative}.contact-select__trigger{display:flex;width:100%;height:52px;align-items:center;justify-content:space-between;padding:0 21px;border:1px solid #30485b;border-radius:10px;background:rgba(5,14,21,.72);color:#edf4f8;font:500 16px var(--sans);text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s}.contact-select__trigger:hover,.contact-select__trigger:focus-visible,.contact-select.is-open .contact-select__trigger{border-color:#399cca;outline:0;box-shadow:0 0 0 3px rgba(10,132,255,.09)}.contact-select__trigger i{width:0;height:0;margin-left:24px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #d3dce5;transition:transform .2s}.contact-select.is-open .contact-select__trigger i{transform:rotate(180deg)}.contact-select__menu{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 8px);display:grid;padding:7px;border:1px solid rgba(111,195,255,.25);border-radius:12px;background:#081722;box-shadow:0 22px 50px rgba(0,0,0,.48);opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s,transform .18s}.contact-select.is-open .contact-select__menu{opacity:1;pointer-events:auto;transform:none}.contact-select__menu button{padding:11px 13px;border:0;border-radius:8px;background:transparent;color:#afbdca;font:500 15px var(--sans);text-align:left;cursor:pointer}.contact-select__menu button:hover,.contact-select__menu button:focus-visible{outline:0;background:rgba(10,132,255,.1);color:#fff}.contact-select__menu button[aria-selected="true"]{background:linear-gradient(90deg,rgba(10,132,255,.13),rgba(61,220,132,.1));color:#fff}.contact-system__native{top:35px;width:108px}.contact-system__native i{height:34px;border-radius:10px;background:linear-gradient(90deg,rgba(10,132,255,.09),rgba(61,220,132,.12));box-shadow:0 0 20px rgba(61,220,132,.06)}.contact-submit-copy{display:grid;gap:6px;max-width:430px}.contact-submit-copy p{margin:0}.contact-response-time{color:#aebbc8!important;font-size:14px!important;line-height:1.5}.contact-submit-row [data-contact-error]{color:#ff8585;font-size:.76rem}
.contact-field--inquiry{z-index:30}
@media(max-width:980px){.contact-shell{height:calc(100% - 24px)}}

/* Services hero device system */
.services-hero{overflow:hidden}.services-hero-grid{display:grid;grid-template-columns:minmax(520px,.88fr) minmax(590px,1.12fr);gap:clamp(42px,5vw,96px);align-items:center}.services-hero-copy h1{max-width:11ch;font-size:clamp(3.4rem,5.5vw,6.35rem)}.services-hero-grid>.line{grid-column:1/-1;width:100%;margin-top:8px}.services-device-stage{position:relative;min-height:500px;isolation:isolate}.services-device-stage:before{content:"";position:absolute;z-index:-2;inset:7% 2% 3% 6%;border-radius:50%;background:radial-gradient(circle at 48% 50%,rgba(10,132,255,.13),rgba(61,220,132,.055) 38%,transparent 69%);filter:blur(24px)}.services-device-stage:after{content:"";position:absolute;z-index:-1;left:14%;right:7%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(10,132,255,.45),rgba(61,220,132,.35),transparent)}.service-device{position:absolute;padding:10px;border:1px solid transparent;background:linear-gradient(#07141e,#07141e) padding-box,var(--grad) border-box;box-shadow:0 24px 60px rgba(0,0,0,.35),0 0 35px rgba(10,132,255,.07);animation:service-device-float 6s ease-in-out infinite alternate}.service-device--ios{left:22%;top:34px;width:218px;height:402px;border-radius:42px;transform:rotate(-3deg)}.service-device--android{right:12%;top:92px;width:246px;height:350px;border-radius:29px;transform:rotate(3deg);animation-delay:-3s}.service-device__bar{display:flex;align-items:center;justify-content:space-between;height:28px;padding:0 7px;color:#708296;font:700 .57rem var(--mono);letter-spacing:.11em;text-transform:uppercase}.service-device__bar span{width:34px;height:5px;border-radius:9px;background:#1c3345}.service-device--android .service-device__bar span{width:7px;height:7px;border:1px solid var(--green);background:rgba(61,220,132,.16)}.service-device__screen{position:relative;display:flex;height:calc(100% - 28px);align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(111,195,255,.14);border-radius:32px;background:linear-gradient(155deg,rgba(10,132,255,.065),rgba(61,220,132,.045))}.service-device--android .service-device__screen{border-radius:20px}.service-device__screen:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(111,195,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(111,195,255,.035) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,transparent,black 22%,black 78%,transparent)}.service-device__mark{position:relative;z-index:2;display:grid;width:76px;height:76px;place-items:center;border:1px solid rgba(111,195,255,.22);border-radius:24px;background:rgba(5,14,21,.82);box-shadow:0 0 28px rgba(10,132,255,.12)}.service-device--android .service-device__mark{border-color:rgba(61,220,132,.22);border-radius:19px;box-shadow:0 0 28px rgba(61,220,132,.1)}.service-device__mark .brand-mark{margin:0;transform:scale(1.28)}.service-device__module{position:absolute;left:24px;right:24px;bottom:58px;display:grid;grid-template-columns:1fr 1.35fr .8fr;gap:5px}.service-device__module i{height:7px;border-radius:9px;background:rgba(10,132,255,.34)}.service-device__module i:nth-child(2){background:linear-gradient(90deg,rgba(10,132,255,.55),rgba(61,220,132,.5))}.service-device__module i:last-child{background:rgba(61,220,132,.38)}.service-device__screen small{position:absolute;bottom:31px;color:#667a8d;font:700 .52rem var(--mono);letter-spacing:.11em;text-transform:uppercase}.service-signal{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;color:#75879a;font:700 .57rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.service-signal i{width:7px;height:7px;border:1px solid currentColor;border-radius:50%;background:#07141e}.service-signal--audit{left:1%;top:82px;color:#6eb9fb}.service-signal--swift{left:3%;bottom:74px}.service-signal--compose{right:0;top:43px;color:var(--green)}.service-signal--proof{right:1%;bottom:26px}.device-link{position:absolute;z-index:-1;border:1px solid rgba(111,195,255,.15);border-radius:50%}.device-link--top{left:10%;right:5%;top:56px;height:300px;transform:rotate(-9deg)}.device-link--bottom{left:17%;right:10%;top:142px;height:260px;border-style:dashed;border-color:rgba(61,220,132,.14);transform:rotate(8deg);animation:service-orbit 18s linear infinite}@keyframes service-device-float{to{translate:0 -9px}}@keyframes service-orbit{to{transform:rotate(368deg)}}
.services-hero-grid{grid-template-areas:"visual copy" "line line";grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}.services-device-stage{grid-area:visual}.services-hero-copy{grid-area:copy;text-align:right}.services-hero-copy h1,.services-hero-copy p{margin-left:auto}.services-hero-grid>.line{grid-area:line}
@media(max-width:1050px){.services-hero-grid{grid-template-areas:"copy" "visual" "line";grid-template-columns:1fr}.services-hero-copy{max-width:900px;text-align:left}.services-hero-copy h1,.services-hero-copy p{margin-left:0}.services-device-stage{width:min(100%,760px);min-height:470px;margin:0 auto}.services-hero-copy h1{max-width:13ch}.services-hero-grid>.line{margin-top:18px}}
@media(max-width:700px){.services-device-stage{display:none}.services-hero-grid{display:block}.services-hero-grid>.line{margin-top:48px}}
.service-device--tablet{z-index:1;left:29%;top:92px;width:330px;height:226px;border-radius:25px;opacity:.76;transform:rotate(-1deg);animation-delay:-1.5s}.service-device--tablet .service-device__screen{border-radius:15px}.service-device--tablet .service-device__mark{width:68px;height:68px;border-radius:20px}.service-device--tablet .service-device__screen small{bottom:20px}.service-device--ios{z-index:2;left:19%;top:42px;transform:rotate(-4deg)}.service-device--android{z-index:3;right:8%;top:98px;transform:rotate(4deg)}
.device-link--bottom{animation:none}.detail-card--wide{grid-column:1/-1;display:grid;grid-template-columns:180px minmax(0,1.25fr) minmax(320px,.75fr);gap:clamp(32px,4vw,68px);align-items:center;min-height:250px;background:linear-gradient(120deg,rgba(10,132,255,.09),rgba(15,27,40,.76) 46%,rgba(61,220,132,.07))}.detail-card--wide .detail-card-wide__intro{display:grid;gap:25px;align-self:start}.detail-card--wide .service-icon{margin:0}.detail-card--wide h2{margin:0 0 12px}.detail-card--wide .deliverables{margin:0;align-content:center}.detail-card--wide .deliverables span{flex:1 1 145px;text-align:center}
@media(max-width:1000px){.detail-card--wide{grid-template-columns:150px 1fr}.detail-card--wide .deliverables{grid-column:1/-1}}
@media(max-width:620px){.detail-card--wide{grid-template-columns:1fr;gap:24px}.detail-card--wide .deliverables{grid-column:auto}.detail-card--wide .detail-card-wide__intro{gap:18px}}

/* Case study library — deliberately editorial rather than a services-style hero */
.case-index-hero{position:relative;overflow:hidden;padding:104px 0 86px;border-bottom:1px solid var(--line)}
.case-index-hero:after{content:"";position:absolute;right:-10%;bottom:-45%;width:650px;height:650px;border:1px solid rgba(61,220,132,.11);border-radius:50%;box-shadow:0 0 0 80px rgba(10,132,255,.025),0 0 0 170px rgba(61,220,132,.018)}
.case-index-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(520px,1.05fr) minmax(430px,.75fr);gap:clamp(70px,9vw,160px);align-items:end}
.case-index-hero__copy h1{max-width:11ch;margin:18px 0 28px;font-size:clamp(4rem,6.4vw,7.3rem);line-height:.91;letter-spacing:-.048em}
.case-index-hero__copy p{max-width:650px;color:#aebaca;font-size:1.14rem}
.case-index-hero__ledger{position:relative;min-height:385px;padding:36px 0 0 90px}
.case-index-hero__count{position:absolute;left:0;top:-28px;color:transparent;-webkit-text-stroke:1px rgba(111,195,255,.28);font:700 clamp(7rem,11vw,12rem)/1 var(--mono)}
.case-index-hero__tracks{position:absolute;inset:48px 0 0 42px}.case-index-hero__tracks i{position:absolute;left:0;width:78%;height:1px;transform-origin:left;background:linear-gradient(90deg,rgba(10,132,255,.65),rgba(61,220,132,.12),transparent)}
.case-index-hero__tracks i:nth-child(1){top:42px;transform:rotate(8deg)}.case-index-hero__tracks i:nth-child(2){top:143px;transform:rotate(-6deg)}.case-index-hero__tracks i:nth-child(3){top:255px;transform:rotate(5deg)}
.case-index-hero__ledger ol{position:relative;margin:0;padding:0;list-style:none}.case-index-hero__ledger li{display:grid;grid-template-columns:46px 1fr;align-items:center;min-height:96px;border-bottom:1px solid rgba(122,151,177,.18);color:#dfe6ef;font-size:1.1rem;font-weight:720}.case-index-hero__ledger li span{color:var(--green);font:700 .68rem var(--mono);letter-spacing:.1em}
.case-index-hero__grid>.line{grid-column:1/-1;height:1px;margin-top:12px;background:linear-gradient(90deg,var(--blue),var(--green),transparent)}
.case-library{padding:95px 0 30px}.case-library__intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;margin-bottom:32px}.case-library__intro p{max-width:650px;margin:0;color:#8796a8}.case-list{border-top:1px solid var(--line)}.case-listing{border-bottom:1px solid var(--line)}
.case-listing>a{display:grid;grid-template-columns:115px minmax(0,1fr) 70px;gap:32px;align-items:center;padding:46px 18px;color:inherit;transition:background .25s,padding .25s}.case-listing>a:hover,.case-listing>a:focus-visible{padding-left:30px;background:linear-gradient(90deg,rgba(10,132,255,.07),rgba(61,220,132,.035),transparent);outline:none}
.case-listing__number{align-self:start;color:transparent;-webkit-text-stroke:1px rgba(111,195,255,.42);font:700 3.7rem/1 var(--mono)}.case-listing__meta,.case-listing__outcomes{display:flex;flex-wrap:wrap;gap:8px}.case-listing__meta span{color:#738398;font:700 .62rem var(--mono);letter-spacing:.09em;text-transform:uppercase}.case-listing__meta span+span:before{content:"/";margin-right:8px;color:#344658}
.case-listing h2{max-width:900px;margin:16px 0 12px;font-size:clamp(2rem,3vw,3.45rem);line-height:1.02;letter-spacing:-.04em}.case-listing p{max-width:820px;margin:0;color:#9eabbb;font-size:1rem}.case-listing__outcomes{margin-top:24px}.case-listing__outcomes span{padding:6px 9px;border:1px solid var(--line);border-radius:99px;color:#7e8da0;font:.6rem var(--mono)}
.case-listing__arrow{display:grid;width:52px;height:52px;place-items:center;border:1px solid rgba(61,220,132,.3);border-radius:50%;color:var(--green);font-size:1.25rem}

/* Individual case study pages */
.case-detail-hero{padding:76px 0 88px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 86% 48%,rgba(10,132,255,.1),transparent 35%)}.case-detail-hero--green{background:radial-gradient(circle at 86% 48%,rgba(61,220,132,.1),transparent 35%)}.case-detail-hero--blue{background:radial-gradient(circle at 86% 48%,rgba(10,132,255,.12),transparent 38%)}
.case-back{display:inline-block;margin-bottom:58px;color:#8494a7;font:700 .68rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.case-detail-hero__grid{display:grid;grid-template-columns:minmax(580px,1.2fr) minmax(370px,.65fr);gap:clamp(60px,9vw,160px);align-items:end}.case-detail-hero h1{max-width:12ch;margin:16px 0 0;font-size:clamp(3.6rem,6vw,7rem);line-height:.94;letter-spacing:-.048em}
.case-detail-brief{padding:30px;border-top:1px solid rgba(61,220,132,.4);border-bottom:1px solid var(--line);background:rgba(8,18,27,.6)}.case-detail-brief>span{color:var(--green);font:700 .66rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.case-detail-brief>p{margin:16px 0 28px;color:#bac5d2;font-size:1.05rem}.case-detail-brief dl{margin:0}.case-detail-brief dl div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-top:1px solid var(--line)}.case-detail-brief dt{color:#68798c;font:.63rem var(--mono);text-transform:uppercase}.case-detail-brief dd{margin:0;color:#dce4ed;font-size:.84rem}
.case-detail-section{padding:92px 0;border-bottom:1px solid rgba(122,151,177,.12)}.case-detail-story{display:grid;grid-template-columns:210px minmax(0,1fr);gap:clamp(50px,8vw,130px)}.case-detail-story aside span{display:block;color:transparent;-webkit-text-stroke:1px rgba(61,220,132,.4);font:700 4.5rem/1 var(--mono)}.case-detail-story aside p{margin:12px 0;color:#718196;font:700 .64rem var(--mono);letter-spacing:.1em;text-transform:uppercase}
.case-detail-story>div>h2{max-width:900px;margin:0 0 24px;font-size:clamp(2.4rem,4.2vw,5rem);line-height:.98;letter-spacing:-.045em}.case-detail-story>div>p{max-width:820px;color:#9eacbd;font-size:1.08rem}
.case-detail-steps,.case-detail-results{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}.case-detail-steps article,.case-detail-results p{min-height:200px;margin:0;padding:26px;border:1px solid var(--line);border-radius:17px;background:rgba(15,28,41,.62)}.case-detail-steps b{color:#6cb8ff;font:700 .63rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.case-detail-steps h3{margin:42px 0 10px;font-size:1.35rem}.case-detail-steps p,.case-detail-results p{color:#93a2b3;font-size:.92rem}
.case-detail-results p{display:flex;align-items:flex-end;border-top-color:rgba(61,220,132,.32);font-size:1.03rem}.case-disclaimer{margin-top:28px!important;color:#607084!important;font:700 .62rem/1.6 var(--mono)!important;text-transform:uppercase}.case-next{display:flex;align-items:center;justify-content:space-between;padding:38px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-next>span{color:#718196;font:700 .65rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.case-next a{font-size:clamp(1.8rem,4vw,4rem);font-weight:780;letter-spacing:-.04em}.case-next b{color:var(--green)}
@media(max-width:1000px){.case-index-hero__grid,.case-detail-hero__grid{grid-template-columns:1fr}.case-index-hero__ledger{width:min(100%,680px);min-height:330px;margin-left:auto}.case-library__intro{grid-template-columns:1fr}.case-detail-story{grid-template-columns:120px 1fr}.case-detail-steps,.case-detail-results{grid-template-columns:1fr}}
@media(max-width:700px){.case-index-hero{padding:72px 0 56px}.case-index-hero__copy h1{font-size:3.6rem}.case-index-hero__ledger{min-height:290px;padding-left:54px}.case-index-hero__count{font-size:7rem}.case-listing>a{grid-template-columns:52px 1fr;padding:35px 0;gap:18px}.case-listing__number{font-size:2rem}.case-listing__arrow{display:none}.case-listing h2{font-size:2rem}.case-detail-hero{padding:50px 0 65px}.case-back{margin-bottom:40px}.case-detail-hero h1{font-size:3.45rem}.case-detail-story{grid-template-columns:1fr;gap:28px}.case-detail-story aside{display:flex;align-items:center;gap:18px}.case-detail-story aside span{font-size:2.8rem}.case-detail-steps article,.case-detail-results p{min-height:150px}.case-next{align-items:flex-start;flex-direction:column;gap:18px}}

/* Case study hero alignment: centred to break the left-aligned interior-page pattern */
.case-index-hero{padding:118px 0 96px}.case-index-hero:after{display:none}.case-index-hero__grid{display:block}.case-index-hero__copy{max-width:1180px;margin:0 auto;text-align:center}.case-index-hero__copy h1{max-width:13ch;margin:22px auto 30px}.case-index-hero__copy p{max-width:760px;margin:0 auto}.case-index-hero__grid>.line{width:min(100%,980px);margin:76px auto 0}
@media(max-width:700px){.case-index-hero{padding:78px 0 64px}.case-index-hero__copy h1{font-size:3.6rem}.case-index-hero__grid>.line{margin-top:52px}}

/* Site-wide type floor. The global footer intentionally keeps its compact type. */
.eyebrow,.kicker,
.trust-line,
.code-tab,
.code-labels,
.code-pane,
.migration-meter,
.signal-track,
.step-no,
.feature-list b,
.arch-node,
.platform,
.case-note,
.metric span,
.quote-panel footer,
.detail-card .num,
.deliverables span,
.timeline-item small,
.conversion-bridge small,
.feature-module>header span,
.layer,
.architecture-legend span,
.story-card .num,
.machine-caption,
.module-block span,
.module-block small,
.native-module strong,
.engine-core b,
.engine-core small,
.engine-status span,
.engine-brand b,
.engine-core>small,
.engine-ports span,
.factory-label,
.rough-block b,
.plant-brand b,
.plant-header>small,
.plant-live,
.plant-cell header,
.plant-cell small,
.verify-ring span,
.plant-pipeline span,
.plant-console span,
.plant-console b,
.clean-module header span,
.clean-module header b,
.clean-module>i,
.scroll-phase small,
.scroll-phase>span,
.intake-label,.output-label,
.feed-cube b,
.machine-plaque b,
.machine-plaque small,
.pressure-gauge b,
.process-window>span,
.machine-stage-label span,
.machine-stage-label b,
.finished-block header b,
.finished-block header span,
.finished-block>i,
.topology-caption,
.topology-boundary-label span,
.topology-boundary-label b,
.topology-boundary-label small,
.topology-modules span,
.topology-modules i,
.vertical-topology-label,
.vertical-system-labels text,
.vertical-module span,
.vertical-module i,
.symptom-no,
.vertical-module .vertical-module-title span,
.contact-promises b,
.contact-form__head span,
.contact-field:not(.contact-field--inquiry)>span,.contact-platforms legend,
.contact-platforms span,
.contact-submit-row p,
.contact-promises li,
.contact-field>span small,
.contact-submit-row [data-contact-error],
.service-device__bar,
.service-device__screen small,
.service-signal,
.case-index-hero__ledger li span,
.case-listing__meta span,
.case-listing__outcomes span,
.case-back,
.case-detail-brief>span,
.case-detail-brief dt,
.case-detail-brief dd,
.case-detail-story aside p,
.case-detail-steps b,
.case-disclaimer,
.case-next>span{font-size:14px!important}
.contact-success-view button.button{font-size:14px!important}

/* The approach infographic uses a compact type scale so labels stay subordinate to the page copy. */
.vertical-topology-label,
.vertical-module span,
.vertical-module .vertical-module-title span{font-size:12px!important}
.vertical-system-labels text{font-size:11px!important}
.vertical-module i{font-size:10px!important}

/* Keep the expanded hybrid-service deliverables readable at the 14px type floor. */
.detail-card--wide .deliverables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.detail-card--wide .deliverables span{white-space:nowrap}
@media(min-width:1201px){.detail-card--wide{grid-template-columns:180px minmax(300px,1fr) minmax(520px,.9fr)}}
@media(max-width:1200px){.detail-card--wide{grid-template-columns:150px 1fr}.detail-card--wide .deliverables{grid-column:1/-1}}
@media(max-width:620px){.detail-card--wide{grid-template-columns:1fr}.detail-card--wide .deliverables{grid-column:auto;grid-template-columns:1fr}}

/* v0.9 editorial photography: sparse, contextual breaks from the interface-led visual system. */
.editorial-break,.case-detail-image{position:relative;isolation:isolate;overflow:hidden;padding:0;border:1px solid rgba(122,151,177,.2);border-radius:24px;background:#0b1722;box-shadow:0 30px 80px rgba(0,0,0,.22)}
.editorial-break{height:clamp(330px,38vw,610px);margin-block:20px 96px}
.editorial-break--offset{width:min(1260px,calc(100% - clamp(40px,12vw,210px)));margin-right:max(20px,calc((100vw - 1680px)/2));margin-left:auto}
.editorial-break--panoramic{height:clamp(290px,31vw,500px);margin-top:0}
.editorial-break--home{margin-bottom:0}
.editorial-break--home+.section{padding-top:44px}
.editorial-break--services,.editorial-break--panoramic{margin-bottom:0}
.editorial-break--services+.section-tight,.editorial-break--panoramic+.section{padding-top:44px}
.editorial-break img,.case-detail-image img,.case-listing__image img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.78) brightness(.76) contrast(1.06);transition:transform .7s ease,filter .4s ease}
.editorial-break:after,.case-detail-image:after,.case-listing__image:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(7,16,24,.38),transparent 48%,rgba(11,38,34,.2))}
.editorial-break figcaption,.case-detail-image figcaption{position:absolute;z-index:2;left:28px;bottom:24px;display:flex;align-items:center;gap:14px;padding:10px 14px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(7,16,24,.76);backdrop-filter:blur(12px);color:#c3ced9;font-size:14px}
.editorial-break figcaption span,.case-detail-image figcaption span{color:var(--green);font:700 14px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.editorial-break:hover img,.case-detail-image:hover img{transform:scale(1.015);filter:saturate(.88) brightness(.8) contrast(1.04)}
.editorial-break.editorial-break--panoramic img{filter:saturate(.84) brightness(.92) contrast(1.02)}
.editorial-break.editorial-break--panoramic:hover img{filter:saturate(.9) brightness(.96) contrast(1.02)}

.case-listing>a{grid-template-columns:78px minmax(230px,340px) minmax(0,1fr) 58px;gap:clamp(20px,2.3vw,38px)}
.case-listing__image{position:relative;overflow:hidden;aspect-ratio:4/3;margin:0;border:1px solid var(--line);border-radius:15px;background:#0b1722}
.case-listing__image img{filter:saturate(.74) brightness(.72) contrast(1.08)}
.case-listing>a:hover .case-listing__image img,.case-listing>a:focus-visible .case-listing__image img{transform:scale(1.035);filter:saturate(.9) brightness(.8) contrast(1.04)}
.case-listing h2{font-size:clamp(1.8rem,2.45vw,3rem)}

.case-detail-image{height:clamp(360px,43vw,680px);margin-top:72px;margin-bottom:12px}
.case-detail-image--right{width:min(1380px,calc(100% - clamp(40px,12vw,210px)));margin-right:max(20px,calc((100vw - 1680px)/2));margin-left:auto}

@media(max-width:1100px){.case-listing>a{grid-template-columns:64px 230px minmax(0,1fr) 48px;gap:20px}.case-listing h2{font-size:1.8rem}.editorial-break--offset,.case-detail-image--right{width:min(100% - 40px,900px);margin-inline:auto}}
@media(max-width:760px){.editorial-break{width:calc(100% - 28px);height:360px;margin-bottom:68px;border-radius:18px}.editorial-break--home,.editorial-break--services,.editorial-break--panoramic{margin-bottom:0}.editorial-break--home+.section,.editorial-break--services+.section-tight,.editorial-break--panoramic+.section{padding-top:32px}.editorial-break figcaption,.case-detail-image figcaption{left:14px;right:14px;bottom:14px;align-items:flex-start;flex-direction:column;gap:2px}.case-listing>a{grid-template-columns:52px 1fr;padding:35px 0;gap:18px}.case-listing__number{grid-column:1;grid-row:1}.case-listing__image{grid-column:1/-1;grid-row:2;aspect-ratio:16/10}.case-listing__body{grid-column:1/-1;grid-row:3}.case-listing__arrow{display:none}.case-detail-image,.case-detail-image--right{width:calc(100% - 28px);height:380px;margin:42px auto 0;border-radius:18px}}

/* Module studies: define the boundary before describing the refactor. */
.case-module-intro{padding:82px 0;border-bottom:1px solid rgba(122,151,177,.16);background:linear-gradient(110deg,rgba(10,132,255,.045),transparent 48%,rgba(61,220,132,.035))}
.case-module-intro__grid{display:grid;grid-template-columns:190px minmax(0,1fr) minmax(260px,360px);gap:clamp(38px,6vw,92px);align-items:start}
.case-module-intro__label{display:grid;gap:13px;padding-top:5px}.case-module-intro__label span{color:var(--green);font:700 14px var(--mono);letter-spacing:.1em;text-transform:uppercase}.case-module-intro__label strong{color:#dce5ee;font-size:1.08rem;line-height:1.25}
.case-module-intro__label .case-boundary-label{margin:0;color:var(--green);font:700 14px var(--mono);letter-spacing:.1em;text-transform:uppercase}.case-module-intro__label .case-boundary-name{margin:0;color:#dce5ee;font-size:1.08rem;font-weight:700;line-height:1.25}
.case-module-intro__copy h2{max-width:760px;margin:0 0 24px;font-size:clamp(2.25rem,3.8vw,4.5rem);line-height:.98;letter-spacing:-.044em}.case-module-intro__copy p{max-width:790px;margin:0 0 18px;color:#9fadaf;font-size:1.06rem}
.case-module-intro__facts{margin:0;border-top:1px solid rgba(61,220,132,.34)}.case-module-intro__facts div{padding:16px 0;border-bottom:1px solid var(--line)}.case-module-intro__facts dt{margin-bottom:7px;color:#6f8195;font:700 14px var(--mono);letter-spacing:.08em;text-transform:uppercase}.case-module-intro__facts dd{margin:0;color:#d2dbe5;font-size:.94rem;line-height:1.45}
.case-module-intro__facts .case-fact-label{margin:0 0 7px;color:#6f8195;font:700 14px var(--mono);letter-spacing:.08em;text-transform:uppercase}.case-module-intro__facts .case-fact-value{margin:0;color:#d2dbe5;font-size:.94rem;line-height:1.45}
.case-detail-prose{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,54px);max-width:1020px}.case-detail-prose p,.case-detail-lead{margin:0;color:#9eacbd;font-size:1.08rem}.case-detail-lead{max-width:880px!important;margin-bottom:0!important}
.case-detail-steps article,.case-detail-results p{min-height:260px}.case-detail-steps h3{margin-top:34px}.case-detail-steps p{line-height:1.65}
.case-detail-results p{display:block;line-height:1.62}.case-detail-results strong{display:block;margin-bottom:20px;color:#e8eef5;font-size:1.12rem}
.case-detail-story aside .case-story-number{display:block;margin:0;color:transparent;-webkit-text-stroke:1px rgba(61,220,132,.4);font:700 4.5rem/1 var(--mono)}.case-detail-story aside .case-story-label{margin:12px 0;color:#718196;font:700 .64rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.case-detail-steps .case-step-label{margin:0;color:#6cb8ff;font:700 .63rem var(--mono);letter-spacing:.1em;text-transform:uppercase}

/* Internal case-study navigation uses the straight-ahead route arrow. */
.case-listing__arrow{display:block;width:34px;height:34px;border:0;border-radius:0;background:var(--green);-webkit-mask:url("../images/arrow-right.svg") center/contain no-repeat;mask:url("../images/arrow-right.svg") center/contain no-repeat;transition:transform .22s ease}
.case-listing>a:hover .case-listing__arrow,.case-listing>a:focus-visible .case-listing__arrow{transform:translateX(4px)}
.case-next a{display:flex;align-items:center;gap:18px}.case-next b{display:inline-block;flex:0 0 auto;width:clamp(24px,3vw,38px);height:clamp(24px,3vw,38px);background:var(--green);-webkit-mask:url("../images/arrow-right.svg") center/contain no-repeat;mask:url("../images/arrow-right.svg") center/contain no-repeat;transition:transform .22s ease}.case-next a:hover b,.case-next a:focus-visible b{transform:translateX(4px)}
@media(max-width:1050px){.case-module-intro__grid{grid-template-columns:150px 1fr}.case-module-intro__facts{grid-column:2}}
@media(max-width:760px){.case-module-intro{padding:58px 0}.case-module-intro__grid{grid-template-columns:1fr;gap:28px}.case-module-intro__facts{grid-column:auto}.case-detail-prose{grid-template-columns:1fr}.case-detail-steps article,.case-detail-results p{min-height:0}.case-listing__arrow{display:none}.case-next a{gap:12px}}

/* Polished navigation states: a measured gradient rule rather than a default text underline. */
.skip-link{position:fixed;z-index:10000;top:10px;left:10px;padding:11px 15px;border:2px solid var(--green);border-radius:8px;background:#071018;color:#fff;font-weight:750;transform:translateY(-160%);transition:transform .16s ease}
.skip-link:focus{transform:none}
:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:2px solid #76c9ff;outline-offset:4px}
#main-content:focus{outline:0}
.nav-links a{position:relative;padding:9px 2px;border-bottom:0;color:#aebac9;transition:color .22s ease}
.nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--green));box-shadow:0 0 12px rgba(61,220,132,.32);opacity:0;transform:scaleX(.28);transform-origin:center;transition:transform .24s ease,opacity .2s ease}
.nav-links a:hover,.nav-links a:focus-visible,.nav-links a[aria-current=page]{color:#f5f7fb}
.nav-links a:hover:after,.nav-links a:focus-visible:after,.nav-links a[aria-current=page]:after{opacity:1;transform:scaleX(1)}
.nav-links a:focus-visible{border-radius:5px;outline:1px solid rgba(111,195,255,.48);outline-offset:4px}
.menu-button:focus-visible,.contact-close:focus-visible{outline:2px solid #76c9ff;outline-offset:4px}
.contact-platforms input:focus-visible+span{border-color:#76c9ff;box-shadow:0 0 0 3px rgba(118,201,255,.16);color:#fff}
.code-tab:focus-visible{outline:2px solid #76c9ff;outline-offset:-2px}

/* Reusable SVG identity: connected legacy/native nodes, open module and route. */
.brand{isolation:isolate;gap:0}
.brand-logo{display:block;width:auto;height:42px;transition:height .3s ease,filter .24s ease,transform .24s ease}
.site-header:not(.scrolled) .brand-logo{height:60px}
.brand:hover .brand-logo,.brand:focus-visible .brand-logo{filter:brightness(1.12) drop-shadow(0 0 8px rgba(61,220,132,.16));transform:translateX(2px)}
.footer .brand-logo{width:auto;height:38px}
@media(max-width:760px){.brand-logo{width:auto;height:38px}.site-header:not(.scrolled) .brand-logo{height:54px}}

/* One arrow system for every primary CTA. */
.button--arrow{gap:11px}
.button--arrow:after{content:"";display:block;flex:0 0 18px;width:18px;height:18px;background:currentColor;-webkit-mask:url("../images/arrow-right.svg") center/contain no-repeat;mask:url("../images/arrow-right.svg") center/contain no-repeat;transition:transform .2s ease}
.button--arrow:hover:after,.button--arrow:focus-visible:after{transform:translateX(2px)}
@media(prefers-reduced-motion:reduce){.button--arrow:after{transition:none}}

/* The navigation overlays the opening artwork, then gains its surface on scroll. */
.site-header{position:fixed;left:0;right:0;border:0;box-shadow:none}
.site-header.scrolled{box-shadow:0 16px 44px rgba(0,0,0,.16),inset 0 -1px var(--line)}
.site-header:after{bottom:0;opacity:0;transition:opacity .2s ease}
.site-header.scrolled:after{opacity:1}
.site-header:not(.scrolled) .brand-logo{height:56px}

/* Preserve each opening section's content position now that the header is overlaid. */
.hero{padding-top:172px}
.page-hero{padding-top:176px}
.approach-journey{padding-top:176px}
.case-index-hero{padding-top:200px}
.case-detail-hero{padding-top:158px}
@media(max-width:900px){.approach-journey{padding-top:136px}}
@media(max-width:760px){.site-header:not(.scrolled) .brand-logo{height:51px}}
@media(max-width:700px){.case-index-hero{padding-top:160px}.case-detail-hero{padding-top:132px}}

/* Let the opening brand settle lower, then travel upward as it contracts on scroll. */
.site-header .brand{transform:translateY(-3px);transition:transform .3s ease}
.site-header:not(.scrolled) .brand{transform:translateY(6px)}

/* Footer legal navigation and privacy information. */
.footer-copy>div:not(.footer-legal){color:#8a99aa}.footer-legal{margin-top:9px;color:#59697a;font-size:.72rem}.footer-links{justify-content:flex-end;flex-wrap:wrap;row-gap:10px}.footer-links a{transition:color .2s ease}.footer-links a:hover,.footer-links a:focus-visible,.footer-links a[aria-current="page"]{color:#f5f7fb}
.privacy-hero h1{max-width:10ch}.privacy-hero p{max-width:760px}.privacy-meta{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;color:#708195;font:700 .68rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.privacy-layout{display:grid;grid-template-columns:minmax(190px,250px) minmax(0,850px);gap:clamp(48px,8vw,118px);align-items:start}.privacy-nav{position:sticky;top:112px;display:grid;gap:4px;padding:22px;border:1px solid var(--line);border-radius:15px;background:rgba(10,25,37,.55)}.privacy-nav span{margin-bottom:10px;color:#70baff;font:700 .68rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.privacy-nav a{padding:7px 0;color:#8596a8;font-size:.9rem}.privacy-nav a:hover,.privacy-nav a:focus-visible{color:#fff}.privacy-content{display:grid;gap:0}.privacy-content section{padding:0 0 52px;margin-bottom:52px;border-bottom:1px solid var(--line);scroll-margin-top:120px}.privacy-content section:last-child{margin-bottom:0;border-bottom:0}.privacy-content .eyebrow{margin-bottom:14px}.privacy-content h2{margin:0 0 19px;font-size:clamp(2rem,3.3vw,3.15rem);letter-spacing:-.045em}.privacy-content h3{margin:28px 0 10px;font-size:1.18rem}.privacy-content p,.privacy-content li{color:#aab7c5;font-size:1rem;line-height:1.72}.privacy-content ul{display:grid;gap:11px;margin:18px 0 0;padding-left:21px}.privacy-content strong{color:#edf3f8}.privacy-callout{padding:25px 27px;border:1px solid rgba(61,220,132,.2);border-radius:14px;background:linear-gradient(135deg,rgba(10,132,255,.06),rgba(61,220,132,.055))}.privacy-callout h3{margin-top:0}.privacy-contact{display:inline-flex;margin-top:10px;color:#76c9ff;font-weight:750}.privacy-contact:hover,.privacy-contact:focus-visible{color:var(--green)}
@media(max-width:780px){.privacy-layout{grid-template-columns:1fr}.privacy-nav{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.privacy-nav span{grid-column:1/-1}.privacy-content section{padding-bottom:40px;margin-bottom:40px}.footer-links{justify-content:flex-start}}
.privacy-content ul+.privacy-callout{margin-top:32px}

/* Explicit, reversible analytics consent without interrupting the page. */
.footer-cookie-settings{padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;transition:color .2s ease}.footer-cookie-settings:hover,.footer-cookie-settings:focus-visible{color:#f5f7fb}
.cookie-notice[hidden]{display:none}.cookie-notice{position:fixed;z-index:1000;left:22px;bottom:22px;display:grid;width:min(430px,calc(100vw - 44px));gap:20px;padding:25px;border:1px solid rgba(111,195,255,.23);border-radius:19px;background:radial-gradient(circle at 0 0,rgba(10,132,255,.13),transparent 46%),linear-gradient(145deg,rgba(9,24,36,.985),rgba(5,14,21,.99));box-shadow:0 28px 80px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.035);opacity:0;transform:translateY(16px) scale(.985);transition:opacity .24s ease,transform .38s cubic-bezier(.22,1,.36,1)}.cookie-notice.is-visible{opacity:1;transform:none}.cookie-notice__signal{display:flex;align-items:center;gap:7px}.cookie-notice__signal i{width:6px;height:6px;border-radius:50%;background:#35516a}.cookie-notice__signal i:first-child{background:var(--blue);box-shadow:0 0 12px rgba(10,132,255,.8)}.cookie-notice__signal i:last-child{background:var(--green);box-shadow:0 0 12px rgba(61,220,132,.7)}.cookie-notice__copy .eyebrow{display:block;margin-bottom:9px;color:#70baff}.cookie-notice__copy h2{margin:0 0 10px;font-size:1.55rem;line-height:1.08;letter-spacing:-.035em}.cookie-notice__copy p{margin:0;color:#9eacbb;font-size:.91rem;line-height:1.55}.cookie-notice__copy a{color:#dce7ef;text-decoration:underline;text-decoration-color:#3c566b;text-underline-offset:3px}.cookie-notice__copy a:hover,.cookie-notice__copy a:focus-visible{color:var(--green);text-decoration-color:currentColor}.cookie-notice__actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.cookie-choice{min-height:44px;padding:0 13px;border:1px solid rgba(111,195,255,.22);border-radius:10px;background:rgba(255,255,255,.025);color:#dce6ef;font:750 .78rem var(--sans);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.cookie-choice:hover,.cookie-choice:focus-visible{border-color:rgba(111,195,255,.55);background:rgba(10,132,255,.08);transform:translateY(-1px)}.cookie-choice--accept{border-color:transparent;background:linear-gradient(110deg,var(--blue),var(--green));color:#fff}.cookie-choice--accept:hover,.cookie-choice--accept:focus-visible{border-color:transparent;background:linear-gradient(110deg,var(--blue),var(--green));box-shadow:0 10px 28px rgba(10,132,255,.18)}
@media(max-width:520px){.cookie-notice{left:12px;bottom:12px;width:calc(100vw - 24px);padding:21px}.cookie-notice__actions{grid-template-columns:1fr}.cookie-choice{min-height:46px}}
@media(prefers-reduced-motion:reduce){.cookie-notice,.cookie-choice{transition:none}}

/* Optical line-height corrections for display headings with deep descenders. */
.contact-story h2{line-height:.96}
.services-hero-copy h1,.approach-journey-copy h1{line-height:.98}

/* A quiet engineering grid unifies every public-facing page header. */
.hero,.page-hero:not(.privacy-hero),.approach-journey,.case-index-hero,.case-detail-hero{position:relative;isolation:isolate}
.hero:before,.page-hero:not(.privacy-hero):before,.approach-journey:before,.case-index-hero:before,.case-detail-hero:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background-image:linear-gradient(rgba(105,150,184,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(105,150,184,.065) 1px,transparent 1px),radial-gradient(circle at 12% 8%,rgba(10,132,255,.105),transparent 42%),radial-gradient(circle at 88% 12%,rgba(61,220,132,.075),transparent 40%);background-size:56px 56px,56px 56px,100% 100%,100% 100%;-webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.92) 42%,transparent 78%);mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.92) 42%,transparent 78%);opacity:.72}
.hero>.wrap,.page-hero:not(.privacy-hero)>.wrap,.approach-journey>.wrap,.case-index-hero>.wrap,.case-detail-hero>.wrap{position:relative;z-index:1}
body.privacy-page:before{display:none}
@media(max-width:760px){.hero:before,.page-hero:not(.privacy-hero):before,.approach-journey:before,.case-index-hero:before,.case-detail-hero:before{background-size:40px 40px,40px 40px,100% 100%,100% 100%;opacity:.58}}

/* Mobile navigation: a calm, near-full-screen layer with the identity kept above it. */
.mobile-nav-cta{display:none}
@media(max-width:900px){
body.menu-open{overflow:hidden}
.site-header{z-index:100}
.site-header.menu-open{background:transparent!important;box-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none}
.site-header.menu-open:after{opacity:0}
.site-header .nav{position:relative;z-index:2}
.site-header .brand{position:relative;z-index:102}
.site-header.menu-open .brand{transform:translateY(2px)}
.menu-button{position:relative;z-index:102;display:grid;width:46px;height:46px;place-items:center;padding:0;border:1px solid rgba(151,184,211,.2);border-radius:50%;background:rgba(8,20,30,.68);color:#fff;cursor:pointer;transform:translateY(-3px);transition:background-color .25s ease,border-color .25s ease,transform .25s ease}
.site-header:not(.scrolled):not(.menu-open) .menu-button{transform:translateY(6px)}
.site-header.menu-open .menu-button{transform:none}
.menu-button:hover,.menu-button:focus-visible{border-color:rgba(61,220,132,.48);background:rgba(13,31,43,.94)}
.menu-button span{position:absolute;width:21px;height:2px;border-radius:10px;background:currentColor;transform-origin:center;transition:transform .34s cubic-bezier(.65,0,.35,1),opacity .18s ease,width .25s ease}
.menu-button span:first-child{transform:translateY(-6px)}
.menu-button span:last-child{transform:translateY(6px)}
.menu-button[aria-expanded="true"] span:first-child{transform:rotate(45deg)}
.menu-button[aria-expanded="true"] span:nth-child(2){width:0;opacity:0}
.menu-button[aria-expanded="true"] span:last-child{transform:rotate(-45deg)}
.nav-links{position:fixed;z-index:101;inset:10px;display:flex;min-height:calc(100dvh - 20px);padding:clamp(104px,16vh,138px) clamp(26px,7vw,54px) clamp(26px,6vh,48px);gap:0;flex-direction:column;border:1px solid rgba(151,184,211,.18);border-radius:24px;background:radial-gradient(circle at 10% 0,rgba(10,132,255,.14),transparent 42%),radial-gradient(circle at 95% 100%,rgba(61,220,132,.1),transparent 42%),rgba(7,18,27,.985);box-shadow:0 30px 90px rgba(0,0,0,.55);overflow:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.985);transform-origin:top center;transition:opacity .24s ease,visibility 0s linear .3s,transform .36s cubic-bezier(.22,1,.36,1)}
.nav-links.open{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
.nav-links>a:not(.mobile-nav-cta){display:flex;align-items:center;min-height:clamp(62px,11vh,88px);padding:10px 2px;border-bottom:1px solid rgba(151,184,211,.14);color:#9eacbd;font-size:clamp(1.7rem,7.65vw,3.0175rem);font-weight:620;line-height:1;letter-spacing:-.04em}
.nav-links>a:not(.mobile-nav-cta):after{left:auto;right:0;bottom:auto;width:clamp(34px,10vw,58px);height:2px;transform:scaleX(0);transform-origin:right}
.nav-links>a:not(.mobile-nav-cta):hover:after,.nav-links>a:not(.mobile-nav-cta):focus-visible:after,.nav-links>a:not(.mobile-nav-cta)[aria-current=page]:after{transform:scaleX(1)}
.nav-links>a[aria-current=page]{color:#fff}
.mobile-nav-cta{display:inline-flex!important;align-items:center;justify-content:space-between;min-height:58px;margin-top:auto;padding:0 20px!important;border:0!important;border-radius:13px;background:linear-gradient(110deg,var(--blue),var(--green));color:#fff!important;font-size:1rem!important;font-weight:800!important;letter-spacing:0!important;box-shadow:0 14px 38px rgba(10,132,255,.18)}
.mobile-nav-cta:before{content:"";order:2;width:18px;height:18px;background:currentColor;-webkit-mask:url("../images/arrow-right.svg") center/contain no-repeat;mask:url("../images/arrow-right.svg") center/contain no-repeat}
.mobile-nav-cta:after{display:none!important}
}
@media(max-width:420px){
.nav-links{inset:7px;padding-inline:22px;border-radius:20px}
.nav-links>a:not(.mobile-nav-cta){min-height:70px;font-size:clamp(1.615rem,8.5vw,2.1675rem)}
}
@media(prefers-reduced-motion:reduce){
.menu-button span,.nav-links{transition-duration:.01ms!important}
}

/* Contact submission stays in place; only the button shows progress. */
.contact-submit{position:relative;min-width:136px;min-height:47px}
.contact-submit.is-loading{cursor:wait}
.contact-submit.is-loading span{visibility:hidden}
.contact-submit.is-loading:after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-11px 0 0 -11px;border:2px solid rgba(255,255,255,.38);border-top-color:#fff;border-radius:50%;animation:contact-button-spin .7s linear infinite}
@keyframes contact-button-spin{to{transform:rotate(1turn)}}

/* The thank-you state is a separate modal, never a resized form shell. */
.contact-success-shell{position:relative;width:min(680px,calc(100% - 40px));min-height:min(560px,calc(100vh - 40px));margin:0 auto;border:1px solid rgba(61,220,132,.24);border-radius:26px;background:linear-gradient(145deg,rgba(7,18,28,.995),rgba(5,14,21,.995));box-shadow:0 36px 100px rgba(0,0,0,.55),0 0 0 1px rgba(61,220,132,.04) inset;opacity:0;overflow:hidden;transform:translateY(18px);transition:opacity .24s,transform .38s cubic-bezier(.22,1,.36,1)}
.contact-success-shell.is-open{opacity:1;transform:none}
.contact-success-shell:before{content:"";position:absolute;right:-18%;top:-34%;width:78%;height:88%;background:radial-gradient(circle,rgba(61,220,132,.13),transparent 67%);filter:blur(24px);pointer-events:none}
.contact-success-shell .contact-success-view{position:relative;inset:auto;z-index:1;display:grid;min-height:min(560px,calc(100vh - 40px));align-content:center;justify-items:center;padding:68px 56px;text-align:center}
.contact-success-shell .contact-success-view h2{margin:16px 0 12px;font-size:clamp(2.4rem,4.5vw,4.25rem);line-height:1.03;letter-spacing:-.04em}
.contact-success-shell .contact-success-view p{max-width:570px;margin:0;color:#98a9b9}
.contact-success-shell .contact-success-view .button{margin-top:30px;border:0}
@media(max-width:600px){.contact-success-shell{width:calc(100% - 24px);min-height:min(500px,calc(100vh - 24px))}.contact-success-shell .contact-success-view{min-height:min(500px,calc(100vh - 24px));padding:58px 26px}.contact-success-shell .contact-success-view h2{font-size:2.3rem}}
@media(prefers-reduced-motion:reduce){.contact-submit.is-loading:after{animation-duration:1.4s}.contact-success-shell{transition:none}}