@font-face{font-family:Manrope;src:url('assets/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-500.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--bg:#d1ebf7;--bg-soft:#c5e5f4;--panel:#e0f1f9;--panel-hi:#edf8fc;--line:rgba(45,112,145,.24);--text:#12384e;--muted:#47687b;--mint:#126e91;--violet:#247ba5;--blue:#1c67a0;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.55;overflow-x:hidden}.noise{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}.shell{width:min(1180px,calc(100% - 80px));margin-inline:auto}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 80px));margin:0 auto;position:relative;z-index:20}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-weight:800;letter-spacing:-.05em;font-size:21px}.brand-dot{color:var(--mint)}.brand-mark{width:29px;height:29px;border:1px solid rgba(154,242,220,.55);border-radius:9px;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:6px 6px 5px;transform:rotate(-12deg);box-shadow:0 0 25px rgba(154,242,220,.12)}.brand-mark i{display:block;width:4px;border-radius:3px;background:var(--mint)}.brand-mark i:nth-child(1){height:8px;opacity:.6}.brand-mark i:nth-child(2){height:13px}.brand-mark i:nth-child(3){height:10px;opacity:.8}.site-nav{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 15px;border:1px solid var(--line);border-radius:100px;background:rgba(14,16,25,.56);backdrop-filter:blur(16px)}.site-nav a{color:var(--muted);text-decoration:none;font-size:13px;transition:color .2s}.site-nav a:hover{color:var(--text)}.site-nav .nav-cta{color:var(--text);border:1px solid rgba(154,242,220,.22);padding:10px 15px;border-radius:100px;background:rgba(255,255,255,.045)}.nav-cta span{color:var(--mint);font-size:16px;margin-left:7px}.menu-toggle{display:none}.hero{min-height:680px;padding:108px 0 80px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:30px;position:relative}.hero-copy{max-width:640px}.eyebrow{font:500 11px var(--mono);letter-spacing:.17em;color:var(--mint);text-transform:uppercase;margin:0 0 25px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(154,242,220,.1);margin-right:8px;vertical-align:1px}.hero h1{font-size:clamp(52px,7vw,92px);line-height:1.02;letter-spacing:-.075em;margin:0 0 30px;max-width:760px;font-weight:700}.hero h1 em{font-style:normal;color:transparent;background:linear-gradient(105deg,var(--mint),#c5adff 70%);background-clip:text;-webkit-background-clip:text}.hero-lede{font-size:18px;color:var(--muted);max-width:500px;margin:0 0 37px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:27px}.button{display:inline-flex;align-items:center;gap:22px;text-decoration:none;font-size:13px;font-weight:600;letter-spacing:-.01em;padding:15px 19px;border-radius:100px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:18px}.button-primary{color:#0a0d12;background:var(--mint);box-shadow:0 0 30px rgba(154,242,220,.13)}.button-primary:hover{box-shadow:0 0 36px rgba(154,242,220,.28)}.button-ghost{color:var(--text);border:1px solid var(--line);background:rgba(255,255,255,.035)}.text-link{font-size:13px;color:var(--text);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:5px}.text-link span{color:var(--mint);font-size:16px;margin-left:10px}.hero-note{display:flex;gap:17px;margin-top:92px;color:#646a80;font:11px var(--mono);letter-spacing:.07em}.hero-note span:first-child{color:var(--mint)}.hero-visual{height:530px;position:relative;display:flex;align-items:center;justify-content:center}.visual-glow{position:absolute;width:360px;height:360px;background:radial-gradient(circle,rgba(124,107,255,.3),rgba(53,211,184,.06) 48%,transparent 70%);filter:blur(12px)}.orbit{position:absolute;border:1px solid rgba(154,242,220,.2);border-radius:50%;transform:rotate(-22deg);animation:orbit-drift 14s linear infinite}.orbit-one{width:310px;height:150px}.orbit-two{width:450px;height:235px;border-color:rgba(170,139,255,.18);transform:rotate(42deg);animation-duration:19s;animation-direction:reverse}.orbit-three{width:545px;height:320px;border-color:rgba(102,138,255,.15);transform:rotate(-47deg);animation-duration:24s}.orbit:after{content:"";width:6px;height:6px;border-radius:50%;position:absolute;background:var(--mint);box-shadow:0 0 14px 4px rgba(154,242,220,.32);top:50%;right:-3px}.orbit-two:after{background:var(--violet);top:17%;right:17%}.orbit-three:after{background:var(--blue);top:78%;right:26%}.core-node{width:122px;height:122px;border-radius:50%;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 28%,#273746,#10121e 65%);border:1px solid rgba(154,242,220,.65);box-shadow:0 0 0 14px rgba(154,242,220,.045),0 0 70px rgba(154,242,220,.24),inset 0 0 30px rgba(154,242,220,.16)}.core-node strong{font-size:25px;letter-spacing:-.08em}.core-node small{font:9px var(--mono);color:var(--mint);letter-spacing:.1em;margin-top:4px}.core-pulse{position:absolute;inset:10px;border:1px solid rgba(154,242,220,.22);border-radius:50%;animation:pulse 3s ease-in-out infinite}.telemetry-card{position:absolute;background:rgba(18,21,33,.82);border:1px solid var(--line);backdrop-filter:blur(12px);padding:14px 16px;border-radius:11px;min-width:170px;box-shadow:0 18px 45px rgba(0,0,0,.2)}.telemetry-top{top:65px;right:10px}.telemetry-bottom{bottom:55px;left:0}.micro-label{display:block;color:#6f7793;font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase}.telemetry-card strong{display:block;font-size:13px;font-weight:500;margin:8px 0 13px}.mini-bars{display:flex;align-items:flex-end;gap:3px;height:15px}.mini-bars i{display:block;width:10px;background:var(--mint);border-radius:2px 2px 0 0;opacity:.8}.mini-bars i:nth-child(1){height:6px}.mini-bars i:nth-child(2){height:10px}.mini-bars i:nth-child(3){height:7px}.mini-bars i:nth-child(4){height:13px}.mini-bars i:nth-child(5){height:10px}.signal-line{display:flex;gap:4px;align-items:center}.signal-line i{width:13px;height:2px;background:var(--violet);display:block;border-radius:5px}.signal-line i:nth-child(odd){opacity:.35}.visual-label{position:absolute;font:10px var(--mono);color:#6f7793;letter-spacing:.08em}.label-a{top:158px;left:14px}.label-b{bottom:130px;right:5px}.signal-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;display:flex;align-items:center;gap:55px;color:var(--muted);font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase}.strip-label{color:#5e657d}.signal-items{display:flex;align-items:center;gap:19px}.signal-items i{width:3px;height:3px;background:var(--mint);border-radius:50%}.section{padding-top:180px;padding-bottom:20px}.section-intro{display:grid;grid-template-columns:1fr 1.12fr;column-gap:80px;align-items:end}.section-intro .eyebrow{grid-column:1/-1}.section-intro h2,.section-heading h2,.method-head h2,.signal-copy h2,.company-statement h2,.connect-card h2{font-size:clamp(40px,5vw,68px);letter-spacing:-.075em;line-height:1.03;margin:0;max-width:560px}.section-intro h2 span{color:var(--mint)}.section-intro>p{color:var(--muted);max-width:500px;margin:0 0 16px;line-height:1.75}.section-intro .text-link{grid-column:2;justify-self:start}.system-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;margin-top:78px;min-height:415px;overflow:hidden}.panel-top,.chart-top{display:flex;justify-content:space-between;align-items:center}.panel-status{font:10px var(--mono);color:var(--mint);letter-spacing:.08em}.panel-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--mint);margin-right:7px}.map-canvas{height:350px;margin-top:18px;position:relative;background:#0b0e17;border:1px solid rgba(177,190,240,.08);overflow:hidden;border-radius:10px}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(141,158,213,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(141,158,213,.075) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent)}.map-lines{position:absolute;width:100%;height:100%;inset:0}.map-lines path{stroke:url(#none);stroke:#9af2dc;stroke-width:1;opacity:.4;stroke-dasharray:5 7}.map-lines circle{fill:var(--mint);filter:drop-shadow(0 0 5px var(--mint))}.map-node{position:absolute;display:flex;flex-direction:column;gap:4px}.map-node span{color:var(--mint);font:10px var(--mono)}.map-node strong{font-size:13px}.map-node small{color:#626a85;font:10px var(--mono)}.node-one{left:9%;bottom:19%}.node-two{left:37%;top:18%}.node-three{left:66%;bottom:18%}.node-four{right:7%;top:24%}.map-caption{position:absolute;bottom:17px;left:20px;color:#5f6782;font:10px var(--mono);letter-spacing:.02em}.section-heading{display:grid;grid-template-columns:1fr 1.25fr;align-items:end;gap:60px}.section-heading .eyebrow{grid-column:1/-1}.section-heading h2{max-width:520px}.section-heading>p:last-child{color:var(--muted);max-width:450px;margin:0;line-height:1.75}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:70px}.capability-card{min-height:355px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(24,27,42,.8),rgba(14,16,27,.8));border-radius:14px;padding:24px;display:flex;flex-direction:column;transition:border-color .25s,transform .25s}.capability-card:hover{transform:translateY(-5px);border-color:rgba(154,242,220,.45)}.capability-card.card-accent{background:linear-gradient(145deg,rgba(41,37,74,.65),rgba(14,16,27,.85));border-color:rgba(170,139,255,.35)}.card-index{font:11px var(--mono);color:#6c738d}.card-icon{height:82px;margin:44px 0 26px;position:relative}.card-icon span{position:absolute;display:block}.icon-sense span{border:1px solid var(--mint);border-radius:50%;left:15px;top:20px}.icon-sense span:nth-child(1){width:21px;height:21px}.icon-sense span:nth-child(2){width:43px;height:43px;left:4px;top:9px;opacity:.55}.icon-sense span:nth-child(3){width:65px;height:65px;left:-7px;top:-2px;opacity:.18}.icon-model{display:flex;align-items:flex-end;gap:4px}.icon-model span{position:relative;width:12px;background:var(--violet);border-radius:3px 3px 0 0}.icon-model span:nth-child(1){height:28px}.icon-model span:nth-child(2){height:52px;opacity:.7}.icon-model span:nth-child(3){height:73px;opacity:.45}.icon-orchestrate span{width:52px;height:52px;border:1px solid var(--blue);border-radius:50%;left:5px;top:13px}.icon-orchestrate span:nth-child(1){border-color:var(--mint);width:17px;height:17px;left:22px;top:31px;background:var(--mint);box-shadow:0 0 22px var(--mint)}.icon-orchestrate span:nth-child(2){transform:rotate(60deg)}.icon-orchestrate span:nth-child(3){transform:rotate(-60deg);opacity:.45}.capability-card h3{font-size:23px;letter-spacing:-.05em;margin:0 0 11px}.capability-card p{font-size:14px;color:var(--muted);line-height:1.7;margin:0;max-width:290px}.capability-card a{margin-top:auto;color:var(--text);text-decoration:none;font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase}.capability-card a span{color:var(--mint);font-size:15px;margin-left:7px}.method-section{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:160px;padding:140px 0}.method-head{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:end}.method-head .eyebrow{grid-column:1/-1}.method-head>p:last-child{color:var(--muted);max-width:400px;margin:0;line-height:1.7}.loop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:75px;border-top:1px solid var(--line)}.loop-item{min-height:220px;padding:25px 20px 24px 0;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;margin-right:20px}.loop-item:last-child{border-right:0;margin-right:0}.loop-num{font:11px var(--mono);color:var(--mint)}.loop-item h3{font-size:22px;letter-spacing:-.04em;margin:0 0 10px}.loop-item p{font-size:13px;line-height:1.7;color:var(--muted);max-width:190px;margin:0}.loop-arrow{font-size:20px;color:#667087}.signal-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:95px;align-items:center;padding-bottom:165px}.signal-copy h2{font-size:clamp(38px,4vw,57px)}.signal-copy>p:not(.eyebrow){color:var(--muted);line-height:1.75;max-width:425px}.signal-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.signal-tags span{border:1px solid var(--line);border-radius:100px;padding:7px 11px;color:#b5bdd4;font:10px var(--mono)}.chart-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:20px 20px 14px}.chart-legend{font:10px var(--mono);color:#6e7793}.chart-legend i{display:inline-block;width:13px;height:2px;background:var(--mint);vertical-align:3px;margin-left:8px;margin-right:4px}.chart-legend i:nth-of-type(2){background:var(--violet)}.chart{width:100%;height:auto;margin-top:35px;overflow:visible}.chart-grid path{stroke:rgba(181,191,224,.1);stroke-width:1}.chart-area{fill:url(#chartFill)}.chart-line{fill:none;stroke-width:2}.line-main{stroke:var(--mint)}.line-secondary{stroke:var(--violet);opacity:.7;stroke-dasharray:4 5}.chart-axis{display:flex;justify-content:space-between;color:#5f6782;font:10px var(--mono);margin-top:-10px}.company-section{background:linear-gradient(115deg,#11152a,#0d101d 60%,#152329);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:140px 0}.company-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:center}.company-statement h2{font-size:clamp(42px,5vw,66px);max-width:600px}.company-statement>p:not(.eyebrow){color:var(--muted);max-width:540px;line-height:1.75;margin:27px 0 34px}.principles{border-left:1px solid rgba(154,242,220,.23);padding-left:33px}.principle{padding:21px 0;border-bottom:1px solid var(--line)}.principle:first-child{padding-top:0}.principle:last-child{border-bottom:0}.principle>span{display:block;color:var(--mint);font:10px var(--mono);margin-bottom:11px}.principle strong{font-size:17px;letter-spacing:-.02em;font-weight:500}.principle p{color:var(--muted);font-size:13px;margin:6px 0 0}.company-fact{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.company-fact span,.company-fact small{display:block;color:#6f7793;font:10px var(--mono);letter-spacing:.07em;text-transform:uppercase}.company-fact strong{display:block;font-size:12px;font-weight:500;margin:7px 0}.company-fact small{color:var(--mint);font-size:9px;text-transform:none;letter-spacing:.02em}.connect-section{padding:110px 0}.connect-card{border:1px solid rgba(154,242,220,.28);background:radial-gradient(circle at 92% 20%,rgba(154,242,220,.12),transparent 35%),linear-gradient(125deg,rgba(25,33,48,.85),rgba(17,20,32,.85));border-radius:16px;padding:57px 60px;display:flex;align-items:center;justify-content:space-between;gap:30px}.connect-card h2{font-size:clamp(38px,4.5vw,58px)}.connect-card p:not(.eyebrow){color:var(--muted);max-width:440px;margin:20px 0 0}.site-footer{border-top:1px solid var(--line);padding:32px 0 40px;display:flex;align-items:center;gap:30px}.site-footer>p{color:#737b95;font-size:12px;margin:0}.footer-meta{margin-left:auto;display:flex;gap:22px;color:#656d83;font:10px var(--mono);letter-spacing:.04em}.footer-meta a{color:var(--text);text-decoration:none}.reveal{opacity:1;transform:none;transition:opacity .75s ease,transform .75s ease}.reveal.reveal-pending{opacity:0;transform:translateY(20px)}.reveal.visible{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.28s}@keyframes pulse{0%,100%{transform:scale(.92);opacity:.4}50%{transform:scale(1.04);opacity:1}}@keyframes orbit-drift{0%{rotate:0deg}100%{rotate:360deg}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media (max-width:900px){.shell,.site-header{width:min(100% - 44px,680px)}.site-header{height:76px}.menu-toggle{display:flex;align-items:center;gap:8px;background:none;border:0;color:var(--muted);font:11px var(--mono);text-transform:uppercase;letter-spacing:.08em}.menu-toggle span{width:17px;height:1px;background:var(--mint);display:block}.site-nav{display:none;position:absolute;top:68px;left:0;right:0;background:rgba(13,15,24,.97);border:1px solid var(--line);border-radius:12px;padding:13px;flex-direction:column;align-items:stretch;gap:0}.site-nav.open{display:flex}.site-nav a{padding:13px 12px}.site-nav .nav-cta{margin-top:7px;text-align:center}.hero{grid-template-columns:1fr;padding-top:75px;min-height:auto}.hero h1{font-size:clamp(48px,12vw,80px)}.hero-visual{height:480px;margin-top:10px}.hero-note{margin-top:56px}.signal-strip{display:block;padding:18px 0}.signal-items{margin-top:14px;gap:11px;flex-wrap:wrap}.section{padding-top:120px}.section-intro,.section-heading,.method-head{grid-template-columns:1fr;gap:22px}.section-intro .text-link{grid-column:auto}.system-panel{margin-top:48px}.capability-grid{grid-template-columns:1fr;gap:12px}.capability-card{min-height:300px}.method-section{margin-top:110px;padding:100px 0}.loop-grid{grid-template-columns:1fr 1fr}.loop-item:nth-child(2){border-right:0;margin-right:0}.loop-item:nth-child(3),.loop-item:nth-child(4){border-top:1px solid var(--line)}.signal-section,.company-grid{grid-template-columns:1fr;gap:55px}.signal-section{padding-bottom:110px}.company-section{padding:100px 0}.connect-card{padding:40px 30px;align-items:flex-start;flex-direction:column}.site-footer{flex-wrap:wrap}.footer-meta{margin-left:0;width:100%;justify-content:space-between}}@media (max-width:560px){.shell,.site-header{width:calc(100% - 36px)}.hero{padding-top:55px}.hero h1{font-size:clamp(45px,13vw,65px)}.hero-lede{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-note{margin-top:40px;gap:10px;font-size:9px}.hero-visual{height:375px;margin-top:0}.orbit-one{width:230px;height:120px}.orbit-two{width:320px;height:180px}.orbit-three{width:390px;height:235px}.telemetry-top{top:18px;right:0}.telemetry-bottom{bottom:13px;left:0}.label-a{top:92px;left:0}.label-b{bottom:73px;right:0}.core-node{width:100px;height:100px}.system-panel{padding:13px;min-height:360px}.map-canvas{height:300px}.map-node strong{font-size:11px}.map-caption{left:12px;font-size:8px}.loop-grid{grid-template-columns:1fr}.loop-item,.loop-item:nth-child(2){border-right:0;border-bottom:1px solid var(--line);border-top:0!important;margin:0;min-height:170px}.loop-item:last-child{border-bottom:0}.chart-card{padding:14px}.chart-legend{font-size:8px}.company-statement h2,.connect-card h2{font-size:42px}.principles{padding-left:20px}.footer-meta{font-size:8px;gap:8px}}

/* Immersive hero direction: spatial, minimal, and quiet around the core visual. */
.hero-immersive{min-height:calc(100vh - 76px);padding:80px 0 56px;display:grid;grid-template-columns:1fr;align-items:center;justify-items:center;position:relative;isolation:isolate;overflow:hidden}.hero-backdrop{position:absolute;inset:-8vh -12vw 0;z-index:-1;pointer-events:none}.hero-backdrop::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 25%,rgba(8,9,14,.12) 55%,var(--bg) 92%)}#hero-canvas{position:absolute;width:100%;height:100%;inset:0;display:block}.hero-ambient{position:absolute;border-radius:999px;filter:blur(46px);opacity:.38;mix-blend-mode:screen}.ambient-a{width:48vw;height:16vw;left:20%;top:42%;background:linear-gradient(90deg,transparent,#7259ff 40%,#9af2dc 68%,transparent);transform:rotate(-20deg);animation:ambient-float 8s ease-in-out infinite}.ambient-b{width:26vw;height:11vw;left:55%;top:25%;background:#4936e7;opacity:.15;animation:ambient-float 11s ease-in-out infinite reverse}.hero-grid-fade{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(150,165,227,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(150,165,227,.07) 1px,transparent 1px);background-size:90px 90px;mask-image:radial-gradient(ellipse at center,black 0%,transparent 72%)}.hero-immersive .hero-copy{max-width:900px;text-align:center;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.hero-immersive .eyebrow{margin-bottom:22px}.hero-immersive h1{font-size:clamp(68px,10vw,144px);line-height:.9;letter-spacing:-.095em;margin:0 0 30px;max-width:none}.hero-immersive .hero-lede{max-width:520px;font-size:16px;line-height:1.7;margin-bottom:31px}.hero-immersive .hero-actions{justify-content:center;gap:10px}.hero-immersive .button-ghost{background:rgba(255,255,255,.035)}.hero-immersive .hero-note{margin-top:64px;gap:14px;justify-content:center}.hero-meta-row{width:min(860px,100%);display:flex;align-items:center;gap:14px;margin-top:68px;color:#65708c;font:10px var(--mono);letter-spacing:.11em;justify-content:center}.meta-line{height:1px;width:54px;background:linear-gradient(90deg,transparent,var(--line),transparent)}@keyframes ambient-float{0%,100%{translate:0 0;scale:1}50%{translate:1.5vw -1.2vw;scale:1.04}}@media (max-width:900px){.hero-immersive{min-height:calc(100svh - 76px);padding:55px 0 35px}.hero-backdrop{inset:0 -55vw}.hero-immersive h1{font-size:clamp(64px,16vw,106px)}.hero-immersive .hero-lede{font-size:15px}.hero-meta-row{margin-top:48px;gap:9px;font-size:8px;letter-spacing:.06em}.meta-line{width:20px}}@media (max-width:560px){.hero-immersive{padding-top:42px}.hero-immersive h1{font-size:clamp(59px,18vw,92px);margin-bottom:24px}.hero-immersive .hero-actions{flex-direction:row;align-items:center;gap:8px}.hero-immersive .button{padding:13px 15px;font-size:11px;gap:12px}.hero-immersive .hero-note{margin-top:45px;font-size:9px}.hero-meta-row{margin-top:42px;flex-wrap:wrap;row-gap:7px}.hero-meta-row .meta-line{display:none}.hero-grid-fade{background-size:58px 58px}}@media (prefers-reduced-motion:reduce){.ambient-a,.ambient-b{animation:none}}

/* Refined hero type: less display-heavy, more editorial and technical. */
.hero-immersive h1{font-size:clamp(56px,7.8vw,108px);line-height:.94;letter-spacing:-.082em;font-weight:500;max-width:760px;margin-bottom:28px}.hero-immersive h1 em{font-weight:500;color:#c9d6e9;background:none;-webkit-text-fill-color:initial}.hero-immersive h1 em::after{content:"";display:inline-block;width:.36em;height:.08em;margin:0 0 .15em .12em;border-radius:99px;background:var(--mint);box-shadow:0 0 18px rgba(154,242,220,.65)}.hero-immersive .hero-lede{max-width:485px;color:#8994ad;font-size:15px}.hero-immersive .hero-copy{transform:translateY(-4px)}
@media (max-width:900px){.hero-immersive h1{font-size:clamp(54px,12.8vw,92px)}}
@media (max-width:560px){.hero-immersive h1{font-size:clamp(50px,15vw,78px);letter-spacing:-.075em}.hero-immersive h1 em::after{width:.3em}}

/* Bluwhale-like breathing room: left aligned copy with calmer line spacing. */
.hero-immersive .hero-copy{width:min(100%,760px);max-width:760px;text-align:left;align-items:flex-start;transform:translate(-3vw,-4px)}.hero-immersive h1{font-size:clamp(54px,7.5vw,104px);line-height:1.04;letter-spacing:-.07em;max-width:12.5ch;margin-bottom:31px}.hero-immersive .hero-lede{max-width:500px;text-align:left;margin-bottom:36px}.hero-immersive .hero-actions{justify-content:flex-start}.hero-immersive .hero-note{justify-content:flex-start;margin-top:65px}@media (max-width:900px){.hero-immersive .hero-copy{transform:none}.hero-immersive h1{font-size:clamp(52px,11.2vw,88px);line-height:1.04}}@media (max-width:560px){.hero-immersive .hero-copy{width:100%}.hero-immersive h1{font-size:clamp(46px,13.5vw,72px);line-height:1.05;max-width:12ch}.hero-immersive .hero-lede{max-width:350px;margin-bottom:29px}.hero-immersive .hero-note{margin-top:48px}}

.hero-immersive h1{line-height:1.1;margin-bottom:35px}.hero-immersive .hero-lede{margin-bottom:39px}@media (max-width:560px){.hero-immersive h1{line-height:1.08;margin-bottom:28px}.hero-immersive .hero-lede{margin-bottom:31px}}

/* Focus areas becomes a real horizontal ticker on desktop and touch scroll on mobile. */
.signal-strip{display:grid;grid-template-columns:auto minmax(0,1fr);gap:55px;overflow:visible}.signal-track{min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);cursor:grab;touch-action:pan-x}.signal-track::-webkit-scrollbar{display:none}.signal-track:active{cursor:grabbing}.signal-items{width:max-content;min-width:100%;flex-wrap:nowrap;white-space:nowrap;gap:19px;padding:1px 55px 1px 24px}.signal-items i{flex:0 0 3px}.signal-items span{flex:0 0 auto}@media (max-width:900px){.signal-strip{display:grid;grid-template-columns:1fr;gap:0}.signal-track{margin-top:14px}.signal-items{gap:11px;padding-right:38px;padding-left:18px}}@media (prefers-reduced-motion:reduce){.signal-track{scroll-behavior:auto}}
.signal-items{gap:0}.signal-set{display:flex;align-items:center;gap:19px;flex:0 0 auto;margin-right:48px}.signal-set i{display:block;flex:0 0 3px;width:3px;height:3px;background:var(--mint);border-radius:50%}@media (max-width:900px){.signal-set{gap:11px;margin-right:32px}}

/* System map cards echo a flywheel: soft panels, luminous node cores, and a
   quieter data path behind them. The labels stay semantic and unnumbered. */
.map-node{z-index:2;min-width:184px;min-height:100px;padding:22px 16px 17px 76px;border:1px solid rgba(154,242,220,.27);border-radius:22px;background:linear-gradient(145deg,rgba(27,30,42,.95),rgba(15,17,27,.94));box-shadow:0 15px 30px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.035);justify-content:center}.map-node::before{content:"";position:absolute;left:20px;top:26px;width:38px;height:38px;border:1px solid rgba(154,242,220,.78);border-radius:13px;background:radial-gradient(circle at 50% 45%,rgba(154,242,220,.3),rgba(16,21,30,.95) 66%);box-shadow:0 0 22px rgba(154,242,220,.3),inset 0 0 13px rgba(154,242,220,.16)}.map-node::after{content:"";position:absolute;left:30px;top:36px;width:17px;height:17px;border:1px solid var(--mint);border-radius:50%;opacity:.9}.map-node strong{font-size:15px;line-height:1.2;letter-spacing:-.03em}.map-node small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#73819b}.node-two{border-color:rgba(170,139,255,.38)}.node-two::before{border-color:rgba(170,139,255,.85);box-shadow:0 0 22px rgba(170,139,255,.28),inset 0 0 13px rgba(170,139,255,.16)}.node-two::after{border-color:var(--violet)}.node-three{border-color:rgba(102,138,255,.34)}.node-three::before{border-color:rgba(102,138,255,.8);box-shadow:0 0 22px rgba(102,138,255,.28),inset 0 0 13px rgba(102,138,255,.16)}.node-three::after{border-color:var(--blue)}.node-four{border-color:rgba(154,242,220,.27)}
@media (max-width:560px){.map-node{min-width:132px;min-height:78px;padding:16px 10px 13px 53px;border-radius:16px}.map-node::before{left:13px;top:19px;width:29px;height:29px;border-radius:10px}.map-node::after{left:20px;top:26px;width:13px;height:13px}.map-node strong{font-size:12px}.map-node small{font-size:8px}.node-one{left:3%;bottom:18%}.node-two{left:33%;top:15%}.node-three{left:56%;bottom:18%}.node-four{right:2%;top:20%}}


/* The system map now reads like a living process: dark cards, glowing nodes, and flowing routes. */
.map-canvas{height:390px;background:radial-gradient(circle at 52% 48%,rgba(79,116,161,.14),transparent 38%),radial-gradient(circle at 80% 18%,rgba(170,139,255,.09),transparent 32%),#0b0e17;border-color:rgba(177,190,240,.18);border-radius:16px}
.map-canvas::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(154,242,220,.08),transparent 43%);pointer-events:none}
.map-grid{opacity:.9;background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,black 7%,black 93%,transparent)}
.map-lines{z-index:1;overflow:visible}
.map-lines path{stroke:url(#mapFlow);stroke-width:1.35;opacity:.82;stroke-dasharray:2 9;animation:map-flow 5.5s linear infinite;vector-effect:non-scaling-stroke}
.map-lines .route-b{opacity:.42;animation-direction:reverse;animation-duration:7s}
.map-lines circle{fill:var(--mint);filter:drop-shadow(0 0 7px var(--mint));animation:map-node-pulse 2.8s ease-in-out infinite}
.map-lines circle:nth-of-type(2){animation-delay:.5s}.map-lines circle:nth-of-type(3){animation-delay:1s}.map-lines circle:nth-of-type(4){animation-delay:1.5s}
.map-node{z-index:2;width:200px;min-height:136px;padding:18px 18px 16px;gap:0;align-items:flex-start;border:1px solid rgba(154,242,220,.22);border-radius:18px;background:linear-gradient(145deg,rgba(27,32,46,.94),rgba(15,18,29,.95));box-shadow:0 16px 34px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.04),0 0 28px rgba(154,242,220,.05);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.map-node::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,rgba(154,242,220,.08),transparent 36%);pointer-events:none}
.map-node:hover{transform:translateY(-4px);border-color:rgba(154,242,220,.58);box-shadow:0 20px 38px rgba(0,0,0,.34),0 0 32px rgba(154,242,220,.12)}
.map-node .node-icon{position:relative;z-index:1;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:var(--mint);font:700 20px var(--sans);border:1px solid rgba(154,242,220,.55);background:radial-gradient(circle at 35% 25%,rgba(154,242,220,.28),rgba(17,25,34,.96) 72%);box-shadow:0 0 22px rgba(154,242,220,.2)}
/* map-node icons are inline SVGs in the markup */
.map-node strong{position:relative;z-index:1;margin-top:13px;font-size:17px;letter-spacing:-.035em;font-weight:600}.map-node small{position:relative;z-index:1;margin-top:4px;color:#75819b;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.node-one{left:4%;bottom:14%}.node-two{left:31%;top:7%}.node-three{left:58%;bottom:14%}.node-four{right:3%;top:7%}
.map-caption{z-index:3;bottom:18px;left:20px;color:#6c7892}
@keyframes map-flow{to{stroke-dashoffset:-55}}
@keyframes map-node-pulse{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.18)}}

/* Repeated signal sets keep the focus band moving even on wide screens. */
.signal-track{contain:layout paint;will-change:scroll-position;scroll-behavior:auto}
.signal-track .signal-items{min-width:0;width:max-content;gap:0;padding:0;align-items:center;flex-wrap:nowrap}
.signal-set{display:flex;align-items:center;gap:19px;padding:1px 55px 1px 24px;flex:0 0 auto;margin-right:0}
.signal-set i{display:block;flex:0 0 3px;width:3px;height:3px;background:var(--mint);border-radius:50%}
.signal-set span{flex:0 0 auto}
@media (max-width:900px){.map-canvas{height:420px}.map-node{width:168px;min-height:120px;padding:14px}.map-node .node-icon{width:38px;height:38px;border-radius:12px}.map-node strong{font-size:14px;margin-top:10px}.node-one{left:2%;bottom:16%}.node-two{left:2%;top:8%}.node-three{right:2%;left:auto;bottom:16%}.node-four{right:2%;top:8%}.map-caption{left:14px;bottom:14px}.signal-set{gap:11px;padding-left:18px;padding-right:38px}}
@media (max-width:560px){.map-canvas{height:475px}.map-node{width:calc(50% - 11px);min-height:118px}.node-one{left:10px;bottom:21%}.node-two{left:10px;top:12%}.node-three{right:10px;left:auto;bottom:21%}.node-four{right:10px;top:12%}.map-lines{opacity:.7}.map-caption{font-size:8px;left:12px}}
@media (prefers-reduced-motion:reduce){.map-lines path,.map-lines circle{animation:none}}


/* Static connector treatment: the map reads clearly without stray moving cursors or empty endpoint rings. */
.map-lines path{animation:none!important;stroke-dasharray:4 9;stroke-linecap:round;opacity:.5}
.map-lines .route-b{animation:none!important;opacity:.3}
.map-lines circle{display:none}
.map-node .node-icon::before{content:none!important}
.map-node .node-icon{color:var(--mint);font-size:0}
.map-node .node-icon svg{width:23px;height:23px;display:block;overflow:visible}
.map-node .node-icon svg path,.map-node .node-icon svg circle{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.map-node .node-icon svg path:last-child{opacity:.78}

/* Remove the old decorative pseudo-nodes; only the meaningful card icon remains. */
.map-node::before,.map-node::after{content:none!important;display:none!important}

/* Typography pass: open the display faces up so each line reads as a set of
   deliberate words instead of one dense block. */
body{font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.6}
h1,h2,h3{ text-wrap:balance }
.eyebrow,.micro-label,.panel-status,.hero-note,.hero-meta-row,.signal-strip{letter-spacing:.14em}
.hero-immersive h1{font-size:clamp(56px,7.35vw,104px);line-height:1.08;letter-spacing:-.045em;font-weight:500;max-width:12.2ch;margin-bottom:34px}
.hero-immersive h1 em{letter-spacing:-.04em}
.hero-immersive .hero-lede{font-size:16px;line-height:1.78;letter-spacing:.005em;max-width:490px}
.section-intro h2,.section-heading h2,.method-head h2,.signal-copy h2,.company-statement h2,.connect-card h2{font-weight:500;letter-spacing:-.045em;line-height:1.08}
.section-intro h2{max-width:600px}
.section-intro>p,.section-heading>p:last-child,.method-head>p:last-child,.signal-copy>p:not(.eyebrow),.company-statement>p:not(.eyebrow),.connect-card p:not(.eyebrow){line-height:1.82;letter-spacing:.002em}
.map-node strong{font-size:16px;line-height:1.26;letter-spacing:-.018em;font-weight:600}
.map-node small{letter-spacing:.1em;line-height:1.35}
.capability-card h3{font-size:22px;line-height:1.22;letter-spacing:-.025em;font-weight:600}
.capability-card p{line-height:1.78;letter-spacing:.003em}
.loop-item h3{font-size:22px;line-height:1.22;letter-spacing:-.025em;font-weight:600}
.loop-item p{line-height:1.78;letter-spacing:.003em}
.principle strong{letter-spacing:-.012em;line-height:1.35}
.principle p{line-height:1.65;letter-spacing:.003em}
.button,.text-link,.capability-card a{letter-spacing:.01em}
@media (max-width:900px){
  .hero-immersive h1{font-size:clamp(52px,11.4vw,88px);line-height:1.08;letter-spacing:-.04em;max-width:12ch}
  .section-intro h2,.section-heading h2,.method-head h2,.signal-copy h2,.company-statement h2,.connect-card h2{line-height:1.1}
}
@media (max-width:560px){
  .hero-immersive h1{font-size:clamp(47px,13.1vw,72px);line-height:1.08;letter-spacing:-.035em;max-width:11.8ch}
  .hero-immersive .hero-lede{font-size:15px;line-height:1.75}
  .section-intro h2,.section-heading h2,.method-head h2,.signal-copy h2,.company-statement h2,.connect-card h2{letter-spacing:-.035em;line-height:1.12}
  .capability-card h3,.loop-item h3{letter-spacing:-.018em}
}


/* Inline SVG icon system: one visual language for brand, actions, capability cards, and loop markers. */
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.ui-icon{width:1.08em;height:1.08em;display:inline-block;flex:0 0 auto;vertical-align:-.16em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.brand-mark{display:block;width:29px;height:29px;padding:5px;border:1px solid rgba(154,242,220,.55);border-radius:9px;color:var(--mint);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-12deg);box-shadow:0 0 25px rgba(154,242,220,.12)}
.brand-mark use{display:block}
.button .ui-icon{width:17px;height:17px;vertical-align:-.2em;stroke-width:1.7}
.nav-cta .ui-icon,.text-link .ui-icon,.capability-card a .ui-icon{width:15px;height:15px;stroke-width:1.65;margin-left:3px;vertical-align:-.16em}
.loop-arrow .ui-icon{width:20px;height:20px;display:block;stroke:currentColor;stroke-width:1.55}
.footer-meta .ui-icon{width:13px;height:13px;stroke-width:1.6;margin-left:3px}
.card-icon{height:82px;margin:44px 0 26px;display:flex!important;align-items:center;position:relative}
.card-glyph{width:78px;height:78px;display:block;overflow:visible;color:var(--mint);fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 9px rgba(154,242,220,.18))}
.icon-model .card-glyph{color:var(--violet);filter:drop-shadow(0 0 9px rgba(170,139,255,.19))}
.icon-orchestrate .card-glyph{color:var(--blue);filter:drop-shadow(0 0 9px rgba(102,138,255,.2))}

/* XKP loop modules: card-led layout inspired by modular system dashboards. */
.method-section{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(13,16,26,.97),rgba(9,11,18,.98));padding:142px 0 156px}
.method-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 16%,rgba(154,242,220,.055),transparent 33%),linear-gradient(90deg,transparent 0,rgba(144,167,220,.025) 50%,transparent 100%)}
.method-section>.shell{position:relative;z-index:1}
.method-head{grid-template-columns:minmax(0,.9fr) minmax(260px,.62fr);column-gap:10vw;row-gap:20px;align-items:end}
.method-head h2{max-width:600px;font-size:clamp(44px,6vw,78px);letter-spacing:-.055em;line-height:1.04}
.method-head>p:last-child{max-width:380px;margin:0 0 5px;font-size:15px;line-height:1.85;color:#929bb5}
.loop-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(185px,auto));gap:14px 22px;margin-top:76px;border-top:0;align-items:stretch}
.loop-item{position:relative;isolation:isolate;min-height:0;margin:0!important;padding:26px 25px 23px;border:1px solid rgba(160,179,225,.16);border-radius:17px;background:linear-gradient(145deg,rgba(24,28,42,.94),rgba(14,17,27,.97));box-shadow:0 18px 42px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.035);display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.loop-item::before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:radial-gradient(circle at 17% 12%,rgba(154,242,220,.12),transparent 31%);opacity:.7;pointer-events:none}
.loop-item::after{content:"";position:absolute;right:22px;top:20px;width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 15px rgba(154,242,220,.62);opacity:.7;pointer-events:none}
.loop-item:hover{transform:translateY(-4px);border-color:rgba(154,242,220,.48);box-shadow:0 22px 48px rgba(0,0,0,.28),0 0 26px rgba(154,242,220,.08)}
.loop-item:nth-child(1){grid-column:1;grid-row:1}.loop-item:nth-child(2){grid-column:2;grid-row:1}.loop-item:nth-child(3){grid-column:2;grid-row:2}.loop-item:nth-child(4){grid-column:3;grid-row:1}
.loop-item h3{margin:0 0 11px;font-size:clamp(22px,2.15vw,29px);line-height:1.12;letter-spacing:-.038em;font-weight:600}
.loop-item p{max-width:245px;margin:0;color:#9aa4bc;font-size:14px;line-height:1.7;letter-spacing:.005em}
.loop-arrow{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border:1px solid rgba(154,242,220,.34);border-radius:50%;color:var(--mint);font-size:0;transition:background .25s ease,transform .25s ease}
.loop-arrow .ui-icon{width:16px;height:16px;stroke-width:1.5}
.loop-item:hover .loop-arrow{background:rgba(154,242,220,.12);transform:translate(2px,-2px)}
.loop-item:nth-child(2)::before{background:radial-gradient(circle at 17% 12%,rgba(170,139,255,.16),transparent 31%)}.loop-item:nth-child(2)::after{background:var(--violet);box-shadow:0 0 15px rgba(170,139,255,.62)}.loop-item:nth-child(2) .loop-arrow{border-color:rgba(170,139,255,.38);color:var(--violet)}
.loop-item:nth-child(3)::before{background:radial-gradient(circle at 17% 12%,rgba(102,138,255,.15),transparent 31%)}.loop-item:nth-child(3)::after{background:var(--blue);box-shadow:0 0 15px rgba(102,138,255,.62)}.loop-item:nth-child(3) .loop-arrow{border-color:rgba(102,138,255,.4);color:#9bb3ff}
.loop-item:nth-child(4)::before{background:radial-gradient(circle at 17% 12%,rgba(154,242,220,.14),transparent 31%)}
@media (max-width:900px){
  .method-section{padding:108px 0 120px}
  .method-head{grid-template-columns:1fr;gap:20px}
  .method-head>p:last-child{margin:0;max-width:500px}
  .loop-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:13px;margin-top:56px}
  .loop-item:nth-child(n){grid-column:auto;grid-row:auto;min-height:190px}
}
@media (max-width:560px){
  .method-section{padding:88px 0 96px}
  .method-head h2{font-size:clamp(43px,12vw,62px);line-height:1.07}
  .loop-grid{grid-template-columns:1fr;gap:12px;margin-top:42px}
  .loop-item:nth-child(n){min-height:172px;padding:23px 21px 20px}
  .loop-item h3{font-size:25px}
  .loop-item p{font-size:13px;line-height:1.67}
}

/* Module card details for the expanded XKP loop. */
.loop-module-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;min-height:66px;margin-bottom:16px}
.loop-module-type{color:#aeb8d0;font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;line-height:1.35;padding-top:6px}
.loop-module-icon{width:58px;height:58px;display:block;flex:0 0 58px;padding:13px;border:1px solid rgba(154,242,220,.35);border-radius:16px;color:var(--mint);background:radial-gradient(circle at 40% 28%,rgba(154,242,220,.2),rgba(13,19,29,.88) 72%);box-shadow:0 0 24px rgba(154,242,220,.13),inset 0 0 18px rgba(154,242,220,.09);overflow:visible}
.loop-module-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;color:#6f7892;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.loop-module-footer .loop-arrow{flex:0 0 33px;margin-left:auto}
.loop-module-icon use{display:block}
.module-context .loop-module-icon{color:var(--violet);border-color:rgba(170,139,255,.4);background:radial-gradient(circle at 40% 28%,rgba(170,139,255,.2),rgba(15,16,31,.88) 72%);box-shadow:0 0 24px rgba(170,139,255,.15),inset 0 0 18px rgba(170,139,255,.09)}
.module-simulate .loop-module-icon{color:#9bb3ff;border-color:rgba(102,138,255,.42);background:radial-gradient(circle at 40% 28%,rgba(102,138,255,.2),rgba(13,18,32,.88) 72%);box-shadow:0 0 24px rgba(102,138,255,.15),inset 0 0 18px rgba(102,138,255,.09)}
.module-coordinate .loop-module-icon{color:var(--mint);border-color:rgba(154,242,220,.35)}
.module-feedback .loop-module-icon{color:#c4a8ff;border-color:rgba(196,168,255,.4);background:radial-gradient(circle at 40% 28%,rgba(196,168,255,.2),rgba(15,16,31,.88) 72%);box-shadow:0 0 24px rgba(196,168,255,.15),inset 0 0 18px rgba(196,168,255,.09)}
.module-bridge .loop-module-icon{color:#9bb3ff;border-color:rgba(102,138,255,.4);background:radial-gradient(circle at 40% 28%,rgba(102,138,255,.19),rgba(13,18,32,.88) 72%);box-shadow:0 0 24px rgba(102,138,255,.14),inset 0 0 18px rgba(102,138,255,.09)}
.loop-module{min-height:246px}
@media (max-width:560px){.loop-module-top{min-height:60px;margin-bottom:12px}.loop-module-icon{width:52px;height:52px;flex-basis:52px;padding:11px}.loop-module{min-height:206px}.loop-module-footer{margin-top:18px}}

/* Center the loop introduction like a modular system landing panel. */
.method-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.method-head .eyebrow{margin:0}
.method-head h2{max-width:760px;margin:0;font-size:clamp(48px,6.4vw,84px);line-height:1.04;letter-spacing:-.045em}
.method-head>p:last-child{max-width:540px;margin:0;font-size:16px;line-height:1.8}
@media (max-width:560px){.method-head{gap:15px}.method-head h2{font-size:clamp(43px,12vw,62px);line-height:1.08}}

/* Keep loop cards focused on their detailed SVG modules; remove the old
   decorative corner dot while preserving the card glow and hover treatment. */
.loop-item::after{content:none!important;display:none!important}

/* Match the reference composition: two outer stacks with a lower, centered
   pair of modules. The cards keep the content compact and place the SVG
   marker beside the module title like a system directory. */
@media (min-width:901px){
  .loop-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(196px,auto));gap:14px 22px;margin-top:64px;padding-bottom:42px}
  .loop-item:nth-child(1){grid-column:1;grid-row:1}
  .loop-item:nth-child(2){grid-column:1;grid-row:2}
  .loop-item:nth-child(3){grid-column:2;grid-row:1;transform:translateY(42px)}
  .loop-item:nth-child(4){grid-column:2;grid-row:2;transform:translateY(42px)}
  .loop-item:nth-child(5){grid-column:3;grid-row:1}
  .loop-item:nth-child(6){grid-column:3;grid-row:2}
  .loop-item:nth-child(3):hover,.loop-item:nth-child(4):hover{transform:translateY(38px)}
}
.loop-module{display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;column-gap:16px;row-gap:14px;min-height:214px}
.loop-module-top{display:contents}
.loop-module-icon{grid-column:1;grid-row:1;align-self:start}
.loop-module-type{grid-column:2;grid-row:1;align-self:center;padding:0;color:var(--text);font-family:var(--sans);font-size:18px;font-weight:600;letter-spacing:-.025em;text-transform:none;line-height:1.2}
.loop-module>div:nth-of-type(2){grid-column:1/-1;grid-row:2;align-self:start}
.loop-module h3{font-size:17px;line-height:1.3;letter-spacing:-.015em;margin:0 0 8px;color:#e8ecfb;font-weight:500}
.loop-module p{max-width:100%;font-size:13px;line-height:1.65;color:#98a2ba;margin:0}
.loop-module-footer{grid-column:1/-1;grid-row:3;margin-top:0}
.loop-module-footer .loop-arrow{display:none!important}
.panel-status i{display:none}
@media (max-width:900px){
  .loop-module{min-height:214px;transform:none!important}
  .loop-module-top{display:contents}
}
@media (max-width:560px){
  .loop-module{min-height:206px;grid-template-columns:52px minmax(0,1fr);column-gap:14px}
  .loop-module-type{font-size:17px}
}

/* Give the inline symbols enough physical area and stroke weight to stay
   crisp at card size instead of dissolving into a soft blur. */
.loop-module-icon{padding:7px;stroke-width:2.1;shape-rendering:geometricPrecision}
.loop-module-icon path,.loop-module-icon circle,.loop-module-icon rect{vector-effect:non-scaling-stroke}

/* Future Voyage Plan: a horizontal roadmap with amber milestones and modular cards. */
.voyage-section{margin-top:0;padding:136px 0 150px;background:radial-gradient(circle at 50% 4%,rgba(190,142,24,.16),transparent 34%),linear-gradient(116deg,#151207 0%,#0f0e0c 45%,#17140a 100%);border-top:1px solid rgba(224,171,46,.2);border-bottom:1px solid rgba(224,171,46,.2)}
.voyage-section::before{background:radial-gradient(ellipse at 50% 0%,rgba(247,188,42,.12),transparent 36%),linear-gradient(90deg,transparent,rgba(246,190,57,.035) 50%,transparent)}
.voyage-head{gap:17px}
.voyage-head .eyebrow{color:#efc84c;letter-spacing:.18em}
.voyage-head h2{max-width:none;color:#f6f5ef;font-size:clamp(45px,6.2vw,76px);letter-spacing:-.06em;line-height:1.05}
.voyage-head h2 span{color:#f6f5ef}
.voyage-head h2 em{font-style:normal;color:#f6bd24}
.voyage-head>p:last-child{max-width:610px;color:#a9a291;font-size:15px;line-height:1.8}
.voyage-viewport{position:relative;margin-top:67px;overflow-x:auto;overflow-y:visible;padding:0 0 21px;scrollbar-width:none;cursor:grab;touch-action:pan-x;overscroll-behavior-x:contain;outline:none}
.voyage-viewport::-webkit-scrollbar{display:none}
.voyage-viewport:active{cursor:grabbing}
.voyage-viewport:focus-visible{box-shadow:0 0 0 2px rgba(246,189,36,.45);border-radius:12px}
.voyage-track{position:relative;display:flex;gap:22px;min-width:max-content;padding:0 2px 2px}
.voyage-track::before{content:"";position:absolute;z-index:0;left:30px;right:30px;top:31px;height:1px;background:repeating-linear-gradient(90deg,rgba(239,190,53,.82) 0 5px,transparent 5px 10px);box-shadow:0 0 9px rgba(238,182,35,.2)}
.voyage-stage{position:relative;z-index:1;flex:0 0 min(382px,calc((100vw - 160px)/3));min-width:320px}
.voyage-marker{height:67px;position:relative;display:flex;align-items:flex-start;justify-content:center}
.voyage-marker span{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:114px;padding:9px 15px;border:1px solid rgba(238,189,40,.72);border-radius:100px;background:#0d0e0e;color:#f4f2ea;font:600 13px var(--sans);letter-spacing:.01em;box-shadow:0 4px 18px rgba(0,0,0,.28),0 0 18px rgba(226,173,31,.11)}
.voyage-marker i{position:absolute;z-index:2;top:57px;left:50%;width:15px;height:15px;border-radius:50%;transform:translateX(-50%);background:#191919;border:2px solid #f3c639;box-shadow:0 0 0 4px rgba(236,181,40,.12),0 0 18px rgba(245,192,44,.55)}
.voyage-card{position:relative;min-height:221px;padding:25px 25px 22px;border:1px solid rgba(225,172,31,.54);border-radius:15px;background:linear-gradient(145deg,rgba(31,30,26,.97),rgba(18,18,18,.98));box-shadow:0 18px 40px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.04);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.voyage-card::after{content:"";position:absolute;top:-48px;left:50%;width:1px;height:48px;background:repeating-linear-gradient(180deg,rgba(240,188,45,.85) 0 4px,transparent 4px 8px);opacity:.78}
.voyage-card:hover{transform:translateY(-5px);border-color:rgba(245,195,47,.86);box-shadow:0 24px 48px rgba(0,0,0,.34),0 0 25px rgba(232,182,44,.11)}
.voyage-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;border:1px solid rgba(244,194,50,.76);border-radius:16px;background:radial-gradient(circle at 40% 30%,rgba(244,190,40,.29),rgba(19,20,23,.94) 72%);box-shadow:0 0 22px rgba(242,187,32,.28),inset 0 0 16px rgba(245,189,37,.1);color:#ffd347}
.voyage-icon svg{width:31px;height:31px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(255,211,74,.35))}
.voyage-card h3{margin:0 0 9px;color:#f6f5ef;font-size:21px;font-weight:600;letter-spacing:-.035em;line-height:1.2}
.voyage-card p{margin:0;max-width:320px;color:#aaa99f;font-size:14px;line-height:1.7}
.voyage-meta{display:block;margin-top:21px;color:#c9a938;font:10px var(--mono);letter-spacing:.13em;text-transform:uppercase}
.voyage-intelligence .voyage-icon{color:#f7d86f;border-color:rgba(247,215,111,.72)}
.voyage-network .voyage-icon{color:#f3c440;border-color:rgba(243,196,64,.8)}
@media (max-width:900px){
  .voyage-section{padding:110px 0 122px}
  .voyage-viewport{margin-top:53px}
  .voyage-stage{flex-basis:min(370px,72vw)}
}
@media (max-width:560px){
  .voyage-section{padding:88px 0 98px}
  .voyage-head h2{font-size:clamp(43px,12vw,64px)}
  .voyage-head>p:last-child{font-size:14px}
  .voyage-viewport{margin-top:42px;padding-bottom:15px}
  .voyage-track{gap:14px;padding-right:18px}
  .voyage-stage{flex-basis:calc(100vw - 58px);min-width:0}
  .voyage-card{min-height:218px;padding:23px 21px 20px}
  .voyage-card h3{font-size:20px}
}

/* Keep the long-view roadmap in the same cool XKP AI visual language as the
   rest of the page. The timeline geometry and drag surface stay unchanged. */
.voyage-section{
  background:
    radial-gradient(circle at 50% 3%,rgba(102,138,255,.14),transparent 34%),
    radial-gradient(circle at 86% 55%,rgba(170,139,255,.08),transparent 38%),
    linear-gradient(122deg,var(--bg-soft) 0%,var(--bg) 53%,#101623 100%);
  border-top-color:var(--line);
  border-bottom-color:var(--line);
}
.voyage-section::before{
  background:
    radial-gradient(ellipse at 50% 0%,rgba(154,242,220,.07),transparent 38%),
    linear-gradient(90deg,transparent,rgba(170,139,255,.035) 50%,transparent);
}
.voyage-head .eyebrow{color:var(--mint)}
.voyage-head h2{color:var(--text)}
.voyage-head h2 span{color:var(--text)}
.voyage-head h2 em{
  color:transparent;
  background:linear-gradient(105deg,var(--mint),var(--violet));
  background-clip:text;
  -webkit-background-clip:text;
}
.voyage-head>p:last-child{color:var(--muted)}
.voyage-viewport:focus-visible{box-shadow:0 0 0 2px rgba(154,242,220,.38)}
.voyage-track::before{
  background:repeating-linear-gradient(90deg,rgba(154,242,220,.68) 0 5px,transparent 5px 10px);
  box-shadow:0 0 9px rgba(154,242,220,.16);
}
.voyage-marker span{
  border-color:rgba(154,242,220,.5);
  background:rgba(13,15,24,.9);
  color:var(--text);
  box-shadow:0 4px 18px rgba(0,0,0,.28),0 0 18px rgba(154,242,220,.08);
}
.voyage-marker i{
  background:var(--panel);
  border-color:var(--mint);
  box-shadow:0 0 0 4px rgba(154,242,220,.1),0 0 18px rgba(154,242,220,.34);
}
.voyage-card{
  border-color:rgba(198,211,255,.22);
  background:linear-gradient(145deg,rgba(24,28,43,.96),rgba(14,17,28,.98));
  box-shadow:0 18px 40px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.04);
}
.voyage-card::after{
  background:repeating-linear-gradient(180deg,rgba(154,242,220,.65) 0 4px,transparent 4px 8px);
}
.voyage-card:hover{
  border-color:rgba(154,242,220,.62);
  box-shadow:0 24px 48px rgba(0,0,0,.34),0 0 25px rgba(154,242,220,.1);
}
.voyage-icon{
  border-color:rgba(154,242,220,.58);
  background:radial-gradient(circle at 40% 30%,rgba(154,242,220,.2),rgba(17,22,34,.96) 72%);
  box-shadow:0 0 22px rgba(154,242,220,.18),inset 0 0 16px rgba(154,242,220,.08);
  color:var(--mint);
}
.voyage-icon svg{filter:drop-shadow(0 0 4px rgba(154,242,220,.28))}
.voyage-card h3{color:var(--text)}
.voyage-card p{color:var(--muted)}
.voyage-meta{color:#8f9fc4}
.voyage-intelligence .voyage-icon{color:var(--violet);border-color:rgba(170,139,255,.65)}
.voyage-intelligence .voyage-icon{background:radial-gradient(circle at 40% 30%,rgba(170,139,255,.2),rgba(17,22,34,.96) 72%);box-shadow:0 0 22px rgba(170,139,255,.18),inset 0 0 16px rgba(170,139,255,.08)}
.voyage-network .voyage-icon{color:var(--blue);border-color:rgba(102,138,255,.62)}
.voyage-network .voyage-icon{background:radial-gradient(circle at 40% 30%,rgba(102,138,255,.2),rgba(17,22,34,.96) 72%);box-shadow:0 0 22px rgba(102,138,255,.18),inset 0 0 16px rgba(102,138,255,.08)}

/* Section-to-section motion: each main screen settles into place as it enters
   the viewport, keeping the transitions quiet enough for the XKP system UI. */
main>section.screen-transition{opacity:.48;transform:translate3d(0,34px,0) scale(.985);transform-origin:50% 10%;will-change:opacity,transform;transition:opacity .82s cubic-bezier(.22,.61,.36,1),transform .95s cubic-bezier(.22,.61,.36,1)}
main>section.screen-transition.screen-active{opacity:1;transform:none}
@media (max-width:560px){main>section.screen-transition{transform:translate3d(0,24px,0) scale(.99)}}
@media (prefers-reduced-motion:reduce){.reveal,.reveal.reveal-pending,main>section.screen-transition,main>section.screen-transition.screen-active{opacity:1;transform:none;transition:none;will-change:auto}}

/* Deep sea: layered navy surfaces, ice-cyan light and soft silver-blue type. */
:root{
  color-scheme:dark;
  --bg:#081d32;--bg-soft:#0d2944;--panel:#102e49;--panel-hi:#173b59;
  --text:#edf7fc;--muted:#a5bdcf;--mint:#91d7ea;--violet:#a4cfe8;--blue:#74b8df;
  --line:rgba(148,192,218,.18);
  --glass:linear-gradient(145deg,rgba(25,59,88,.88),rgba(12,35,57,.96));
  --glass-border:rgba(145,192,221,.22);
  --glass-shadow:0 14px 38px rgba(1,10,22,.16),inset 0 1px 0 rgba(214,241,255,.035);
  --glass-hover:0 22px 48px rgba(1,10,22,.26);
  --icon-glass:linear-gradient(145deg,#1b435f,#112f48);
}
body{background:radial-gradient(ellipse 65% 800px at 100% 0,rgba(43,105,158,.23),transparent 80%),var(--bg)}
main{overflow-x:clip}
::selection{background:#8dcfe4;color:#0b2a41}
:focus-visible{outline:2px solid #91d7ea;outline-offset:5px}
.noise{opacity:.011}
.site-header{height:94px}
.brand{letter-spacing:-.035em}
.brand-mark{color:#9bd9eb;border-color:rgba(152,206,228,.3);background:rgba(33,76,108,.5);box-shadow:0 3px 10px rgba(0,12,27,.12);border-radius:8px;transform:none}
.site-nav{gap:4px;border:0;background:transparent;box-shadow:none;backdrop-filter:none;padding:0}
.site-nav a{padding:10px 12px;color:#acc2d3}
.site-nav a:hover{color:#edf7fc}
.site-nav .nav-cta{padding:11px 18px;margin-left:15px;background:rgba(22,55,83,.58);border-color:rgba(150,195,219,.26);color:#edf7fc;box-shadow:0 4px 14px rgba(0,12,27,.1)}
.hero-immersive{min-height:clamp(650px,calc(100svh - 94px),860px);padding:88px 0 36px;justify-items:stretch;align-content:space-between;gap:55px;overflow:visible}
.hero-immersive .hero-copy{width:650px;max-width:60%;transform:none;justify-self:start;align-items:flex-start;text-align:left}
.hero-immersive .eyebrow{margin-bottom:29px;font-size:10px;letter-spacing:.17em}
.status-dot{width:5px;height:5px;background:#a0dfed;box-shadow:0 0 0 5px rgba(119,195,221,.08)}
.hero-immersive h1{font-size:clamp(60px,6.65vw,92px);font-weight:500;line-height:1.12;letter-spacing:-.045em;max-width:13ch;margin-bottom:27px;color:var(--text)}
.hero-immersive h1 em{background:none;color:#9ed7e8;letter-spacing:-.04em}
.hero-immersive h1 em::after{display:none}
.hero-immersive .hero-lede{max-width:440px;font-size:15px;line-height:1.85;color:var(--muted);margin-bottom:31px}
.hero-immersive .hero-actions{gap:12px}
.hero-immersive .hero-note{margin-top:40px;gap:18px;font-size:9px;letter-spacing:.08em;color:#88a9bf}
.hero-note span:first-child{color:#9fc3d8}
.hero-meta-row{width:100%;justify-content:flex-start;margin-top:0;color:#8eacc0;font-size:9px;letter-spacing:.12em;gap:18px}
.meta-line{width:38px}
.hero-backdrop{inset:0 -6vw 0 -1vw;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 82%,transparent)}
.hero-backdrop::after{background:linear-gradient(90deg,rgba(8,29,50,.88),rgba(8,29,50,.25) 34%,transparent 58%)}
.hero-ambient{mix-blend-mode:screen;filter:blur(65px);opacity:.35}
.ambient-a{left:46%;top:32%;width:48vw;height:27vw;background:radial-gradient(ellipse,#1c6490 0%,#164767 45%,transparent 72%);transform:rotate(-24deg)}
.ambient-b{left:64%;top:12%;width:27vw;height:26vw;background:#1a4b78;opacity:.3}
#hero-canvas{mix-blend-mode:normal;opacity:1}
.hero-grid-fade{opacity:.13;background-image:linear-gradient(rgba(133,189,223,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(133,189,223,.14) 1px,transparent 1px);background-size:110px 110px;mask-image:radial-gradient(ellipse at 75% 48%,black,transparent 65%)}
.button{padding:15px 22px;font-size:12px;gap:23px}
.button-primary{color:#0b2a41;background:linear-gradient(125deg,#b5e3ef,#85c4dc);border:1px solid rgba(175,225,241,.5);box-shadow:0 7px 18px rgba(93,174,208,.12)}
.button-primary:hover{background:linear-gradient(125deg,#c3eaf3,#a0d7e8);box-shadow:0 11px 25px rgba(111,190,222,.2)}
.button-ghost,.hero-immersive .button-ghost{color:#d6e9f4;background:rgba(28,66,94,.42);border-color:rgba(150,195,219,.26);box-shadow:none}
.text-link{border-bottom-color:rgba(145,197,221,.32)}
.signal-strip{border-color:rgba(142,189,216,.19);color:#a9c9db;padding:21px 0;background:transparent}
.strip-label{color:#8eadc1;font-size:10px}
.signal-set i{background:#87cfe3}
.section{padding-top:138px}
.section-intro h2,.section-heading h2,.company-statement h2{font-size:clamp(40px,4.6vw,62px);line-height:1.14}
.section-intro h2 span{color:#9ed7e8}
.section-intro>p,.section-heading>p:last-child{font-size:15px}
.system-panel{margin-top:62px;padding:23px;border-radius:24px;background:rgba(22,55,83,.58);border-color:var(--glass-border);box-shadow:0 22px 60px rgba(1,11,24,.18)}
.micro-label,.map-caption,.map-node small{color:#93b0c5}
.panel-status{color:#9ddbe9}
.map-canvas{background:radial-gradient(ellipse at 65% 30%,rgba(31,78,112,.3),transparent 62%),linear-gradient(120deg,#0c263f,#102f4c);border-color:rgba(139,189,217,.14);border-radius:17px}
.map-canvas::before{background:radial-gradient(ellipse at 50% 45%,rgba(113,186,213,.045),transparent 62%)}
.map-grid{background-image:linear-gradient(rgba(135,190,218,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(135,190,218,.065) 1px,transparent 1px)}
.map-lines path{opacity:.62}.map-lines .route-b{opacity:.3}
.map-node{background:var(--glass);border-color:rgba(145,192,220,.25);box-shadow:0 10px 27px rgba(0,12,26,.2);border-radius:17px}
.map-node:hover{border-color:rgba(146,214,235,.46);box-shadow:var(--glass-hover)}
.map-node .node-icon{background:var(--icon-glass);color:#a0dced;border-color:rgba(157,208,231,.27);box-shadow:none;border-radius:12px}
.capability-grid{gap:22px;margin-top:55px}
.capability-card{padding:30px;border-radius:22px;background:var(--glass);border-color:var(--glass-border);box-shadow:var(--glass-shadow)}
.capability-card:hover{border-color:rgba(145,208,231,.44);box-shadow:var(--glass-hover)}
.card-icon{margin:18px 0 34px}
.card-glyph,.icon-model .card-glyph,.icon-orchestrate .card-glyph{color:#9dd8ea;filter:none;stroke-width:1.6}
.capability-card h3{font-size:21px;letter-spacing:-.02em}
.capability-card p{font-size:13px}
.capability-card a{padding-top:24px;font-size:10px}
.capability-card.card-accent{color:#edf7fc;border-color:#315b78;background:radial-gradient(ellipse at 100% 0,rgba(104,184,217,.14),transparent 65%),linear-gradient(140deg,#1b4668,#133650);box-shadow:0 16px 32px rgba(0,13,29,.2)}
.capability-card.card-accent p{color:#b2cede}
.capability-card.card-accent h3,.capability-card.card-accent a{color:#edf7fc}
.card-accent .icon-model .card-glyph{color:#ade1ee}
.capability-card.card-accent:hover{border-color:#608eaa;box-shadow:0 20px 40px rgba(0,13,29,.3)}
.method-section{background:linear-gradient(150deg,#0b243c,#0a2239 54%,#0c2841);border-color:rgba(141,188,214,.1);padding:122px 0 132px;margin-top:132px}
.method-section::before{background:radial-gradient(ellipse at 15% 30%,rgba(53,113,153,.09),transparent 60%),radial-gradient(ellipse at 95% 80%,rgba(55,124,159,.07),transparent 60%)}
.method-head h2{font-size:clamp(44px,5.4vw,72px);line-height:1.12;max-width:850px;letter-spacing:-.04em}
.method-head>p:last-child{color:var(--muted);font-size:15px;max-width:520px}
.loop-grid{gap:20px 24px;margin-top:61px}
.loop-item{background:var(--glass);border-color:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:21px;padding:28px}
.loop-item:nth-child(n)::before{background:none;opacity:0}
.loop-item:hover{border-color:rgba(142,208,231,.42);box-shadow:var(--glass-hover)}
.loop-module{min-height:236px;column-gap:16px;row-gap:18px}
.loop-module-type{font-size:18px;letter-spacing:-.015em}
.loop-module h3{color:#d8eaf5;font-size:16px;font-weight:500;line-height:1.45}
.loop-module p{color:var(--muted);font-size:13px;line-height:1.8}
.loop-module-footer{color:#8cabbf;font-size:9px;letter-spacing:.11em}
.loop-module .loop-module-icon{color:#a0dced;background:var(--icon-glass);border-color:rgba(157,208,231,.27);box-shadow:none;border-radius:15px;padding:8px}
.module-context .loop-module-icon,.module-simulate .loop-module-icon{color:#a9cbe8}
.module-coordinate .loop-module-icon,.module-bridge .loop-module-icon{color:#97d8df}
.voyage-section{margin-top:0;background:radial-gradient(ellipse at 85% 45%,rgba(44,105,145,.12),transparent 62%),#081d32;border-top:0;padding:125px 0}
.voyage-head h2{font-size:clamp(44px,5.5vw,74px);letter-spacing:-.04em}
.voyage-head h2 em{color:#9ed7e8;background:none;-webkit-text-fill-color:initial}
.voyage-viewport:focus-visible{box-shadow:0 0 0 2px rgba(141,210,233,.5)}
.voyage-track::before{background:repeating-linear-gradient(90deg,rgba(127,187,216,.4) 0 4px,transparent 4px 10px);box-shadow:none}
.voyage-marker span{background:#102f49;color:#b8d9e9;border-color:rgba(135,194,220,.32);box-shadow:none;font-size:11px;font-weight:500}
.voyage-marker i{background:#123a55;border-color:#90d7e7;box-shadow:0 0 0 4px rgba(120,206,229,.06),0 0 13px rgba(120,206,229,.16);width:12px;height:12px;top:59px}
.voyage-card{background:var(--glass);border-color:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px;padding:28px}
.voyage-card::after{background:repeating-linear-gradient(180deg,rgba(135,194,220,.4) 0 3px,transparent 3px 8px)}
.voyage-card:hover{border-color:rgba(142,208,231,.42);box-shadow:var(--glass-hover)}
.voyage-card .voyage-icon{background:var(--icon-glass);color:#a0dced;border-color:rgba(157,208,231,.27);box-shadow:none;border-radius:14px}
.voyage-intelligence .voyage-icon{color:#a9cbe8}.voyage-network .voyage-icon{color:#97d8df}
.voyage-icon svg{filter:none;stroke-width:2.1}
.voyage-card h3{font-size:20px;letter-spacing:-.02em}
.voyage-card p{font-size:13px;line-height:1.8}
.voyage-meta{color:#8caec5;font-size:9px;letter-spacing:.11em}
.company-section{background:linear-gradient(110deg,#0d2944,#0b243c 65%,#0c2942);border-color:rgba(141,188,214,.1);padding:122px 0}
.company-statement>p:not(.eyebrow){font-size:15px}
.principles{border-left-color:rgba(146,200,224,.28)}
.principle{padding:23px 0}
.principle strong{font-size:18px;color:#d9eaf5}
.company-fact span{color:#90b1c6}
.connect-section{padding:110px 0 95px}
.connect-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid #315973;background:radial-gradient(ellipse at 90% 0,rgba(90,159,195,.15),transparent 52%),linear-gradient(120deg,#153c59,#102e47);color:#edf7fc;border-radius:28px;box-shadow:0 22px 45px rgba(0,11,23,.22);padding:66px 62px}
.connect-card::before,.connect-card::after{content:"";position:absolute;z-index:-1;width:440px;height:440px;border-radius:50%;border:1px solid rgba(165,215,228,.08);right:-150px;top:-130px;pointer-events:none}
.connect-card::after{width:550px;height:550px;right:-205px;top:-185px}
.connect-card .eyebrow{color:#a3d9e8}
.connect-card h2{font-size:clamp(38px,4.5vw,57px);line-height:1.15}
.connect-card p:not(.eyebrow){color:#b0c9d9;font-size:14px}
.connect-card .button-primary{color:#0b2a41;background:#b5e3ef;border-color:#b5e3ef;box-shadow:0 5px 16px rgba(0,0,0,.08);white-space:nowrap}
.connect-card .button-primary:hover{background:#edf8fc;box-shadow:0 8px 22px rgba(0,0,0,.13)}
.site-footer{padding:29px 0 36px}
.site-footer>p,.footer-meta{color:#8eadc1}
main>section.screen-transition{opacity:.82}
main>section.screen-transition.screen-active{opacity:1}
@media(max-width:1100px) and (min-width:901px){
  .hero-immersive .hero-copy{max-width:67%}
  .hero-immersive h1{font-size:clamp(60px,7vw,77px)}
  .capability-card{padding:24px}
}
@media(max-width:900px){
  .site-header{height:80px}
  .site-nav{background:rgba(12,34,55,.98);border:1px solid var(--line);box-shadow:0 18px 38px rgba(0,10,23,.28);backdrop-filter:blur(16px);padding:13px;gap:0}
  .site-nav a{padding:13px 12px}
  .site-nav .nav-cta{margin-left:0;background:#102f4c}
  .hero-immersive{min-height:690px;padding:75px 0 36px;gap:58px}
  .hero-immersive .hero-copy{width:100%;max-width:100%}
  .hero-immersive h1{font-size:clamp(55px,9.7vw,79px);max-width:12.5ch}
  .hero-backdrop{inset:0 -18vw;opacity:.68}
  .hero-backdrop::after{background:linear-gradient(180deg,rgba(8,29,50,.65),transparent 75%)}
  .ambient-a{left:30%;top:43%;width:70vw;height:55vw}
  .hero-meta-row{flex-wrap:wrap;row-gap:8px}
  .section{padding-top:105px}
  .capability-grid{gap:16px}
  .capability-card{min-height:310px}
  .method-section{margin-top:105px;padding:100px 0 110px}
  .voyage-section{margin-top:0}
  .loop-grid{gap:16px;margin-top:49px}
  .loop-module{min-height:244px}
  .company-section{padding:100px 0}
  .connect-card{padding:46px 38px;border-radius:24px}
}
@media(max-width:560px){
  .site-header{height:76px}
  .hero-immersive{min-height:calc(100svh - 76px);padding:52px 0 29px;gap:50px}
  .hero-immersive h1{font-size:clamp(42px,11.9vw,62px);line-height:1.15;letter-spacing:-.035em;margin-bottom:25px}
  .hero-immersive .eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:24px}
  .hero-immersive .hero-lede{font-size:14px;max-width:340px;line-height:1.85}
  .hero-immersive .hero-note{margin-top:32px;gap:16px;font-size:8px}
  .hero-immersive .hero-actions{gap:9px}
  .hero-immersive .button{padding:13px 16px;font-size:10px;gap:13px}
  .hero-meta-row{font-size:8px;letter-spacing:.02em;gap:11px}
  .hero-backdrop{inset:0 -25vw;opacity:.55}
  .hero-grid-fade{display:none}
  .signal-strip{padding:19px 0}
  .system-panel{padding:13px;border-radius:20px;margin-top:40px}
  .map-node{border-radius:14px}
  .map-caption{max-width:calc(100% - 24px);line-height:1.7}
  .section-intro h2,.section-heading h2,.company-statement h2{font-size:40px}
  .capability-grid{margin-top:39px}
  .capability-card{padding:27px;border-radius:20px}
  .method-section{padding:85px 0 96px}
  .method-head h2{font-size:42px;line-height:1.14}
  .method-head>p:last-child{font-size:14px}
  .loop-module{min-height:230px}
  .loop-item:nth-child(n){padding:24px;border-radius:19px}
  .loop-module h3{font-size:16px}
  .loop-module p{font-size:13px;line-height:1.8}
  .voyage-head h2{font-size:43px}
  .voyage-card{padding:25px 23px;min-height:244px}
  .company-section{padding:86px 0}
  .connect-section{padding:80px 0 66px}
  .connect-card{padding:36px 26px;gap:30px;border-radius:23px}
  .connect-card h2{font-size:38px}
}
@media(prefers-reduced-motion:reduce){main>section.screen-transition{opacity:1}}