@font-face{font-family:Manrope;src:url('assets/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
:root{color-scheme:dark;--navy:#06152e;--base:#020b18;--white:#f8faff;--muted:#b5cbe5;--cyan:#16c7ff;--blue:#2563ff;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--base);color:var(--white);font-family:Manrope,sans-serif;font-weight:400}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #75e3ff;outline-offset:5px}svg{flex-shrink:0}.container{width:calc(100% - 80px);max-width:1320px;margin-inline:auto}.skip{position:fixed;top:8px;left:16px;transform:translateY(-160%);z-index:50;padding:12px;background:#153c80}.skip:focus{transform:none}.header{height:75px;border-bottom:1px solid #20334d;background:#020e20f5;position:sticky;top:0;z-index:20}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{width:150px;min-height:44px;display:flex;align-items:center}.logo-pending{font-size:11px;line-height:1.5;color:#b5cbe5;border:1px dashed #385370;padding:3px 12px;letter-spacing:.03em}.header nav{display:flex;align-items:center;gap:38px;margin-left:90px}.header nav a{font-size:14px;min-height:44px;display:flex;align-items:center}.header nav a:hover{color:#66d9ff}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:14px 23px;border-radius:11px;font-size:14px;font-weight:600;border:1px solid transparent;transition:transform 180ms var(--ease),background-color 180ms var(--ease);text-align:center}.primary{background:linear-gradient(115deg,#0061eb,#0064ed);border-color:#167cff;box-shadow:0 8px 24px #003c9e26}.primary:hover{background:#1455cc;transform:translateY(-2px)}.arrow{transition:transform 180ms var(--ease)}.button:hover>.arrow{transform:translateX(3px)}.header-cta{min-height:48px;padding:12px 23px}.secondary{border-color:#7d94b0;background:#03102480;font-weight:500}.secondary:hover{background:#122542}.down{display:flex;transform:rotate(90deg)}.menu-toggle{display:none}.hero{background:radial-gradient(ellipse at 70% 98%,#03204b66,transparent 55%),linear-gradient(110deg,#03112755,transparent 50%);border-bottom:1px solid #10243e}.hero-grid{display:grid;grid-template-columns:51% 49%;min-height:605px;align-items:center;gap:0}.hero-copy{position:relative;z-index:2;padding-bottom:40px}.eyebrow{font-size:11px;letter-spacing:2.6px;color:#b8dbff;margin:0 0 22px;display:flex;gap:13px;align-items:center;scroll-margin-top:110px}h1{font-size:72px;line-height:1.075;letter-spacing:-2.8px;font-weight:800;margin:0 0 26px}.gradient{display:block;background:linear-gradient(100deg,#16c7ff,#008fff 64%,#16c7ff);background-clip:text;-webkit-background-clip:text;color:transparent}.description{max-width:535px;font-size:20px;font-weight:500;line-height:1.38;color:var(--muted);margin:0 0 30px}.actions{display:flex;gap:22px;flex-wrap:wrap}.flow{margin:0;position:relative;min-width:0;height:550px;isolation:isolate;scroll-margin-top:90px}.hero-x{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.flow-cards{display:grid;grid-template-columns:1fr 22px 1.22fr 32px 1.07fr;align-items:center;position:relative;top:158px;width:100%;padding-left:20px}.flow-card{position:relative;min-width:0;background:linear-gradient(120deg,#04152bf5,#021024ef);border:1px solid #087bea;border-radius:14px;padding:20px 23px;min-height:207px;box-shadow:0 24px 64px #0005,inset 0 1px 0 #ffffff0d}.flow-card::after{content:'';position:absolute;inset:-1px;border:1px solid #46dfff;border-radius:inherit;opacity:0;pointer-events:none}.flow-card h3{font-size:19px;line-height:1.4;letter-spacing:-.6px;font-weight:750;margin:10px 0 12px}.flow-icon{width:36px;height:36px;color:#16c7ff;filter:drop-shadow(0 0 4px #006dff88)}.desktop-detail{list-style:none;margin:0;padding:0;color:var(--muted);font-size:14px;line-height:1.58}.card-2{min-height:225px;padding:20px 30px;border-color:#00baff;background:linear-gradient(120deg,#032445f5,#02142ded)}.card-2 h3{max-width:145px}.mobile-detail{display:none}.connector{height:2px;background:linear-gradient(90deg,#007ccc,#5debff);position:relative;z-index:3;box-shadow:0 0 10px #16c7ff}.connector::after{content:'';position:absolute;right:0;top:-6px;border-left:8px solid #68ebff;border-top:7px solid transparent;border-bottom:7px solid transparent}.connector span{position:absolute;inset:-2px 0;background:#c0ffff;opacity:0;transform-origin:left}.flow figcaption{position:absolute;top:425px;left:20px;font-size:11px;color:#8dcfff;width:158px;padding-bottom:9px;border-bottom:1px solid #1887c7}.value{position:relative;overflow:clip;background:linear-gradient(110deg,#020c1b,#031329)}.value-inner{position:relative;min-height:343px;padding:86px 0 62px;display:flex;gap:67px;isolation:isolate}.rule{width:34px;height:1px;background:#27baff;flex-shrink:0}.value-copy{max-width:930px}.value h2{font-size:40px;line-height:1.3;letter-spacing:-1.5px;font-weight:800;margin:0 0 20px}.value p{font-size:15px;line-height:1.48;max-width:600px;margin:0;color:var(--muted)}.animate .card-1::after{animation:highlight 550ms var(--ease)}.animate .connector:nth-child(2) span{animation:travel 350ms var(--ease) 400ms}.animate .card-2::after{animation:highlight 650ms var(--ease) 700ms}.animate .connector:nth-child(4) span{animation:travel 350ms var(--ease) 1200ms}.animate .card-3::after{animation:highlight 650ms var(--ease) 1550ms}@keyframes highlight{20%,60%{opacity:1}100%{opacity:0}}@keyframes travel{0%{opacity:0;transform:scaleX(0)}30%{opacity:1}80%{opacity:1;transform:scaleX(1)}100%{opacity:0}}
@media(max-width:1400px) and (min-width:1101px){h1{font-size:clamp(56px,4.69vw,72px)}.flow-card{padding:20px 16px}.card-2{padding:20px}.actions{gap:12px}.button{padding-inline:18px}.eyebrow{letter-spacing:1.8px;gap:10px}.value h2{font-size:38px}}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr;padding-top:64px;max-width:760px}.hero-copy{padding-bottom:15px}h1{font-size:68px}.hero .description{max-width:590px}.flow{height:550px}.flow-cards{padding-inline:0}.flow figcaption{left:0}.header nav{margin-left:0;gap:24px}.value-inner{gap:35px}.value h2{font-size:34px}.value-copy{max-width:650px}}
@media(max-width:600px){.container{width:calc(100% - 48px)}.header{height:74px}.header-inner{gap:12px}.brand{width:auto;margin-right:auto}.header-cta{font-size:12px;padding:10px 13px;min-height:44px;order:2;gap:7px}.menu-toggle{display:grid;place-items:center;order:3;min-width:44px;min-height:44px;border:1px solid #39506c;border-radius:9px;color:var(--white);background:#06152e}.header nav{position:absolute;top:73px;left:0;right:0;display:none;background:#06152e;border-bottom:1px solid #39506c;padding:16px 24px;gap:4px;flex-direction:column;align-items:stretch}.header nav.open{display:flex}.header nav a{font-size:16px;padding:6px}.hero-grid{padding-top:42px;display:block;min-height:0}.hero-copy{padding:0}.eyebrow{display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:11px;line-height:1.5;letter-spacing:1.6px;margin-bottom:22px}.eyebrow-dot{display:none}h1{font-size:42px;line-height:1.09;letter-spacing:-1.7px;margin-bottom:24px}h1 .gradient{max-width:310px}.description{font-size:17px;line-height:1.55;margin-bottom:26px}.actions{display:flex;flex-direction:column;gap:12px}.button{font-size:16px;min-height:54px;padding:14px 15px;gap:10px}.actions .button{width:100%}.flow{height:auto;margin-top:48px;padding-bottom:55px;display:flex;flex-direction:column}.hero-x{height:100%;opacity:.32;object-fit:cover}.flow-cards{position:static;display:flex;flex-direction:column;width:100%;padding:0}.flow-card,.card-2{width:100%;min-height:0;padding:20px;display:flex;gap:16px;align-items:flex-start}.flow-icon{width:30px;height:30px;margin-top:3px}.flow-card h3{margin:0 0 8px;font-size:19px;max-width:none}.desktop-detail{display:none}.mobile-detail{display:block;margin:0;color:var(--muted);font-size:14px;line-height:1.6}.connector{width:2px;height:30px;flex-shrink:0;background:#1cc7ef}.connector::after{top:auto;bottom:0;right:-6px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:0;border-top:8px solid #68ebff}.connector span{inset:0 -2px;transform-origin:top}.flow figcaption{position:static;margin-top:22px;width:140px}.value-inner{display:block;padding:48px 0 54px;min-height:0}.rule{display:block;margin-bottom:25px}.value h2{font-size:32px;line-height:1.25;letter-spacing:-1px;margin-bottom:22px}.value h2 .gradient{margin-top:8px}.value p{font-size:17px;line-height:1.55}.header-cta{min-height:44px;font-size:12px;padding:10px 13px}}
@media(max-width:359px){.container{width:calc(100% - 40px)}.header-cta{display:none}h1{font-size:36px}.eyebrow{letter-spacing:1.1px}.value h2{font-size:30px}.flow-card{gap:12px}.button{padding-inline:12px}.actions .primary{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.primary:hover,.button:hover>.arrow{transform:none}}
@media(scripting:none){@media(max-width:600px){.header{height:auto;position:relative}.header-inner{flex-wrap:wrap;padding-block:12px}.header nav{display:flex;position:static;width:100%;order:4;border:0;padding:0}.menu-toggle{display:none}}}
/* Text can grow independently of viewport size without clipping. */
h1,h2,h3,p,.button,.logo-pending{overflow-wrap:anywhere}.hero-copy,.value-copy,.flow-card>div{min-width:0}
@media(min-width:1401px){h1{font-size:76px;letter-spacing:-2.4px}.description{max-width:525px}.hero-copy{padding-bottom:40px}.header nav{margin-left:0}.actions .primary{min-width:308px}.actions .secondary{min-width:216px}}
@media(max-width:600px){.header{height:auto;min-height:74px}.header-inner{min-height:74px;flex-wrap:wrap;padding-block:10px}.brand{flex:1;min-width:0}.header-cta{flex-shrink:1}.header nav{top:100%}.flow-card>div{flex:1}.button{max-width:100%}}
/* One-shot light tracing: the original X remains visible underneath. */
.x-traces{pointer-events:none;filter:drop-shadow(0 0 4px #16c7ff)}
.x-trace{stroke-dasharray:18 82;stroke-dashoffset:20;opacity:0}
.animate .trace-first{animation:x-trace 1800ms var(--ease) 50ms both}
.animate .trace-second{animation:x-trace 1800ms var(--ease) 300ms both}
@keyframes x-trace{0%{stroke-dashoffset:20;opacity:0}15%{opacity:.85}75%{opacity:.7}100%{stroke-dashoffset:-100;opacity:0}}
/* A moving light packet follows each connector, rather than filling it. */
.connector{pointer-events:none}
.connector span{inset:auto;left:0;top:-2px;width:40%;height:5px;border-radius:50%;background:linear-gradient(90deg,transparent,#c3ffff);box-shadow:0 0 9px #16c7ff;opacity:0}
.animate .connector:nth-child(2) span{animation:energy-x 400ms var(--ease) 400ms}
.animate .connector:nth-child(4) span{animation:energy-x 400ms var(--ease) 1200ms}
.flow-card::after{box-shadow:inset 0 0 22px #16c7ff12,0 0 16px #008cff24}
@keyframes energy-x{0%{transform:translateX(-40%);opacity:0}20%{opacity:1}75%{opacity:1}100%{transform:translateX(170%);opacity:0}}
/* Border-only gleam preserves the button text's contrast and click target. */
.actions .primary{position:relative;isolation:isolate}
.actions .primary::before{content:'';position:absolute;inset:0;border-radius:inherit;border:1px solid #8feaff;clip-path:inset(0 100% 0 0);opacity:0;pointer-events:none}
.actions .primary:focus-visible::before{animation:button-edge 650ms var(--ease)}
@media(hover:hover) and (pointer:fine){.actions .primary:hover::before{animation:button-edge 650ms var(--ease)}}
@keyframes button-edge{0%{clip-path:inset(0 100% 0 0);opacity:0}20%{opacity:.9}65%{clip-path:inset(0 0 0 0);opacity:.9}100%{clip-path:inset(0 0 0 100%);opacity:0}}
@media(max-width:600px){.x-traces{opacity:.6}.connector span{left:-2px;top:0;width:5px;height:40%;background:linear-gradient(180deg,transparent,#c3ffff)}.animate .connector:nth-child(2) span{animation-name:energy-y}.animate .connector:nth-child(4) span{animation-name:energy-y}}
@keyframes energy-y{0%{transform:translateY(-40%);opacity:0}20%{opacity:1}75%{opacity:1}100%{transform:translateY(170%);opacity:0}}
@media(prefers-reduced-motion:reduce){.x-traces,.connector span,.actions .primary::before{display:none}.flow-card::after{opacity:0}}
/* Continuous mode: 2.2-second sequence followed by a quiet interval. */
.animate .trace-first{animation:x-cycle 5.4s var(--ease) infinite}
.animate .trace-second{animation:x-cycle 5.4s var(--ease) .25s infinite}
.animate .card-1::after{animation:card-cycle 5.4s var(--ease) infinite}
.animate .card-2::after{animation:card-cycle 5.4s var(--ease) .7s infinite}
.animate .card-3::after{animation:card-cycle 5.4s var(--ease) 1.55s infinite}
.animate .connector:nth-child(2) span{animation:packet-x-cycle 5.4s var(--ease) .4s infinite}
.animate .connector:nth-child(4) span{animation:packet-x-cycle 5.4s var(--ease) 1.2s infinite}
@keyframes x-cycle{0%{stroke-dashoffset:20;opacity:0}5%{opacity:.75}25%{opacity:.6}34%,100%{stroke-dashoffset:-100;opacity:0}}
@keyframes card-cycle{0%{opacity:0}3%,7%{opacity:.8}12%,100%{opacity:0}}
@keyframes packet-x-cycle{0%{transform:translateX(-40%);opacity:0}1.5%{opacity:1}5.5%{opacity:1}7.4%,100%{transform:translateX(170%);opacity:0}}
@keyframes packet-y-cycle{0%{transform:translateY(-40%);opacity:0}1.5%{opacity:1}5.5%{opacity:1}7.4%,100%{transform:translateY(170%);opacity:0}}
@media(max-width:600px){.animate .connector:nth-child(2) span,.animate .connector:nth-child(4) span{animation-name:packet-y-cycle}}
.effects-paused .x-trace,.effects-paused .connector span,.effects-paused .flow-card::after{animation-play-state:paused!important}
.flow figcaption{width:250px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.effects-toggle{font:inherit;color:#b5cbe5;background:none;border:0;min-height:44px;padding:8px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.effects-toggle[hidden]{display:none}
/* Approved logo: display the original artwork through a crop viewport. */
.logo-frame{display:block;position:relative;width:132px;aspect-ratio:913/197;overflow:hidden;flex-shrink:0}
.logo-frame img{position:absolute;width:137.35%;height:auto;max-width:none;left:-18.62%;top:-263%}
.mobile-benefits{display:none}
@media(max-width:600px){
.header{background:#03152e;border-bottom-color:#0075ad}.header-inner{gap:14px}.logo-frame{width:96px}.brand{flex:1}.header-cta{display:inline-flex;padding:10px 14px;font-size:14px;border-color:#059ad3;background:linear-gradient(105deg,#005bee,#007dad)}.menu-toggle{border:0;background:none;border-radius:0}.menu-toggle svg{width:29px;height:29px}
.hero{position:relative;isolation:isolate;border:0;background:linear-gradient(180deg,#03152d,#020e20)}.hero::before{content:'';position:absolute;inset:150px 0 0;background:url('assets/x.svg') center/cover no-repeat;opacity:.2;z-index:-1;pointer-events:none}
.hero-grid{padding-top:22px}.hero-copy{text-align:center}.eyebrow{align-items:center;font-size:10px;letter-spacing:2.1px;gap:4px;margin-bottom:20px}h1{font-size:42px;letter-spacing:-1.6px;line-height:1.03;margin-bottom:21px}h1 .gradient{max-width:280px;margin-inline:auto}.description{font-size:17px;line-height:1.4;margin-bottom:22px}.actions{gap:10px}.actions .primary{background:linear-gradient(110deg,#0056ee,#007da7);border-color:#16c7ff}.actions .secondary{border-color:#c0ccdf}.button{padding:13px 10px}
.flow{margin-top:20px;padding-top:48px;padding-bottom:36px;isolation:auto}.flow figcaption{position:absolute;top:0;left:0;margin:0;width:100%;border:0;padding:0;display:block;text-align:center}.flow-caption-text{display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;color:#b5cbe5}.flow-caption-text::before,.flow-caption-text::after{content:'';height:2px;width:20px;background:#16c7ff}.effects-toggle{position:absolute;right:0;top:0;font-size:0;width:44px;height:44px;min-height:44px;text-decoration:none;padding:0}.effects-toggle::after{content:'Ⅱ';font-size:15px;color:#90b5d6}.effects-toggle[aria-pressed=true]::after{content:'▷'}
.hero-x{inset:auto;left:calc((100% - 100vw)/2);top:30%;width:100vw;height:65%;opacity:.48;z-index:-1}.flow-cards{width:90%;margin-inline:auto}.flow-card,.card-2{padding:15px 17px;gap:16px;align-items:center;border-color:#00bfe9;background:linear-gradient(105deg,#031526f5,#032544f2);min-height:89px}.flow-icon{width:34px;height:38px;margin:0;flex-shrink:0}.flow-card h3{font-size:17px;line-height:1.25;margin-bottom:5px}.mobile-detail{font-size:14px;line-height:1.35}.connector{height:24px}
.value{background:#020e20}.value-inner{padding-top:0;padding-bottom:28px}.rule{width:26px;height:3px;margin-bottom:14px}.value h2{font-size:30px;line-height:1.05;letter-spacing:-.9px;margin-bottom:14px}.value h2 .gradient{margin-top:0}.value p{font-size:17px;line-height:1.4}
.mobile-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:16px 0 0}.mobile-benefits li{display:flex;align-items:center;gap:10px;border:1px solid #00acd7;border-radius:10px;min-width:0;padding:12px 10px;background:#03182b}.mobile-benefits svg{width:30px;height:32px;color:#00c9ed;flex-shrink:0}.mobile-benefits span{font-size:13px;line-height:1.4;overflow-wrap:anywhere}
}
@media(max-width:359px){.header-inner{gap:6px}.logo-frame{width:85px}.header-cta{font-size:12px;padding-inline:10px}.eyebrow{font-size:9px;letter-spacing:1.5px}h1{font-size:36px}.flow-cards{width:100%}.mobile-benefits li{gap:7px;padding:10px 8px}.mobile-benefits svg{width:25px}.mobile-benefits span{font-size:12px}}
.mobile-flow-icon{display:none}
@media(max-width:600px){.hero{overflow:clip}.hero::before{display:none}.hero-x{top:-270px;height:calc(100% + 290px);opacity:.45}.card-2>.flow-icon{display:none}.mobile-flow-icon{display:block;width:34px;height:38px;color:#16c7ff;flex-shrink:0}.effects-toggle{top:-12px}}
@media(max-width:600px){.hero-x{width:180vw;left:calc((100% - 180vw)/2)}}
/* Center the value proposition as approved. */
.value-inner{flex-direction:column;align-items:center;gap:0;text-align:center}
.value-inner>.rule{margin:0 auto 24px}
.value-copy{width:100%;margin-inline:auto}
.value-copy>p{margin-inline:auto}
@media(max-width:600px){.value-inner>.rule{margin-bottom:18px}.value-copy>h2,.value-copy>p{text-align:center}.mobile-benefits{text-align:left}}
/* Crystal hero artwork; motion follows the existing visibility and pause control. */
.hero{background:#020b18}
.flow{height:610px}
.flow>.hero-x{display:none}
.flow::before{content:'';position:absolute;inset:0 -40px;z-index:-1;background:url('assets/hero-crystal-floor-small.webp') right center/auto 100% no-repeat;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 94%,transparent)}
.flow.animate::before{animation:crystal-light 5.4s ease-in-out infinite}
.flow.effects-paused::before{animation-play-state:paused}
@keyframes crystal-light{0%,100%{filter:brightness(1)}45%{filter:brightness(1.16)}}
.flow-cards{top:192px}
.flow-card{background:linear-gradient(120deg,#04152bed,#021024db);backdrop-filter:blur(8px)}
.flow figcaption{top:465px}
@media(min-width:1101px){.hero-grid{min-height:660px}.hero-copy{padding-bottom:15px}}
@media(min-width:601px) and (max-width:1100px){.flow::before{inset:0}}
@media(max-width:600px){.flow{height:auto;isolation:isolate;margin-top:25px;padding-top:58px;padding-bottom:45px}.flow::before{inset:-15px -24px -10px;background-size:auto 100%;opacity:.9;mask-image:linear-gradient(180deg,transparent,#000 8%,#000 90%,transparent)}.flow figcaption{top:0}.flow-card,.card-2{background:linear-gradient(105deg,#031526eb,#032544df)}.flow-cards{position:static}}
@media(prefers-reduced-motion:reduce){.flow::before{animation:none!important}}

@media(min-width:601px){.flow::before{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 92%,transparent);mask-composite:intersect}}
@media(max-width:600px){.flow::before{background-size:auto 82%}}
/* Full-width panoramic scene, independent of the content container. */
@media(min-width:601px){
.hero{position:relative;isolation:isolate}
.hero::before{content:'';display:block;position:absolute;inset:0;z-index:-1;background:url('assets/hero-crystal-floor-small.webp') center bottom/100% auto no-repeat;pointer-events:none}
.flow::before{display:none}
.hero:has(.flow.animate)::before{animation:crystal-light 5.4s ease-in-out infinite}
.hero:has(.flow.effects-paused)::before{animation-play-state:paused}
}
@media(min-width:1101px){.hero-grid{min-height:max(660px,40vw)}}
@media(max-width:600px){.flow::before{left:calc((100% - 100vw)/2);right:calc((100% - 100vw)/2);mask-image:linear-gradient(180deg,transparent,#000 8%,#000 100%)}}
@media(prefers-reduced-motion:reduce){.hero::before{animation:none!important}}

@media(min-width:601px){.hero::before{mask-image:linear-gradient(180deg,transparent,#000 12%)}}
/* Align the workflow with the artwork's center at 75% of the viewport. */
.flow figcaption{width:100%;left:0;display:flex;flex-direction:column;gap:10px;border:0;padding:12px;text-align:center}
.flow-caption-text{font-size:18px;font-weight:650;color:#d7f3ff;text-shadow:0 2px 12px #020b18;line-height:1.4}
.flow .effects-toggle{font-size:13px;color:#a8cfe9;min-height:44px;padding:8px 12px}
@media(min-width:1101px){.hero-grid{position:relative}.flow{position:absolute;left:calc(75vw - (100vw - 100%)/2);top:50%;transform:translate(-50%,-50%);width:min(42vw,640px)}.flow-cards{padding-left:0;top:215px}.flow figcaption{top:478px}}
@media(min-width:601px) and (max-width:1100px){.flow-cards{padding-left:0}.flow figcaption{top:465px}}
@media(max-width:600px){.flow{padding-top:40px;padding-bottom:120px}.flow figcaption{position:static;margin-top:18px;padding:12px 0 0}.flow-caption-text{font-size:16px;display:block}.flow-caption-text::before,.flow-caption-text::after{display:none}.flow .effects-toggle{position:static;width:auto;font-size:13px}.flow .effects-toggle::after{display:none}}

@media(max-width:600px){.flow{padding-bottom:45px}.flow::before{background-position:85% center}}
/* Full site navigation; collapse before links become crowded. */
.header-inner{gap:20px}.header .brand{flex:0 0 auto;width:132px}.header nav{gap:17px;margin-left:0}.header nav a{font-size:13px;white-space:nowrap}.header-cta{flex-shrink:0}
@media(max-width:1300px){.header{height:auto;min-height:74px}.header-inner{min-height:74px;flex-wrap:wrap;padding-block:10px}.header .brand{margin-right:auto}.header-cta{order:2}.menu-toggle{display:grid;place-items:center;order:3;width:44px;height:44px;min-width:44px;border:1px solid #31506a;border-radius:8px;background:#06152e;color:#f8faff;cursor:pointer}.header nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 94px);overflow-y:auto;background:#06152efc;border-bottom:1px solid #284760;padding:18px max(24px,calc((100vw - 1240px)/2));gap:4px 24px;margin:0;box-shadow:0 18px 35px #0005}.header nav.open{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.header nav a{font-size:16px;white-space:normal;min-height:48px;padding:10px 12px;border-radius:6px}.header nav a:hover{background:#10314a}.menu-toggle[aria-expanded=true]{border-color:#16c7ff;background:#10314a}}
@media(max-width:600px){.header-inner{gap:10px}.header .brand{width:auto;min-width:0;flex:1}.header nav.open{grid-template-columns:1fr 1fr}.header nav{padding:14px 20px;gap:4px 10px}.header nav a{font-size:15px;padding:10px 6px}.header-cta{font-size:13px;padding:10px 12px}.menu-toggle{border:0;background:none}}
@media(scripting:none){@media(max-width:1300px){.header{position:relative}.header nav{display:grid;position:static;order:4;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;box-shadow:none}.menu-toggle{display:none}}}