:root{color-scheme:light;--primary:#071320;--ink:#132b42;--muted:#526a7e;--accent:#39bcec;--line:#e3eaf0;--paper:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #168dbb;outline-offset:4px}img{max-width:100%}.wrap{width:min(100%,1280px);margin-inline:auto;padding-inline:40px}
.site-nav{position:sticky;top:0;z-index:20;background:#fffffff5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav-inner{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0;background:transparent}.brand img{display:block;flex-shrink:0;object-fit:contain}.brand-mark{width:44px;height:44px}.brand .wordmark{height:62px;width:auto;max-width:240px;object-fit:contain;object-position:left center}.brand-name{display:block;color:var(--primary);font-size:24px;font-weight:800;letter-spacing:-.8px;line-height:1.25;overflow-wrap:anywhere}.brand-caption{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-top:4px}.brand.logo-panel{padding:8px 14px;background:#fff;border:1px solid #dbe5ec;border-radius:10px;box-shadow:0 5px 18px #132b4209}.nav-links{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:600}.nav-links>a:not(.btn):hover{color:#137ea8}.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:15px 24px;border-radius:9px;border:1px solid transparent;background:var(--primary);color:white;font-size:14px;line-height:1.5;font-weight:700;transition:background .2s,transform .2s}.btn:hover{background:#173c5b;transform:translateY(-1px)}.btn-accent{background:#42c3ee;color:#062338}.btn-accent:hover{background:#83dcf6}.btn-outline{background:transparent;border-color:#c3d0db;color:var(--primary)}.btn-outline:hover{background:#edf4f9}.nav-menu{display:none}
.hero{position:relative;isolation:isolate;background:var(--primary);color:white;overflow:hidden;min-height:690px;display:flex;flex-direction:column;justify-content:center} .hero-slides{position:absolute;inset:0;z-index:0;background:linear-gradient(125deg,#0d2c46,#315e78)}.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s}.slide.active{opacity:1;visibility:visible}.slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.slide::after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#041321d9 0%,#041321ad 37%,#04132140 78%),linear-gradient(0deg,#041321a6,transparent 45%);pointer-events:none}.hero-main{padding-block:80px 105px;position:relative;z-index:2;pointer-events:none}.hero-copy{max-width:760px;pointer-events:auto}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:7px 13px;background:#ffffff10;border:1px solid #ffffff50;border-radius:50px;color:#e5f5ff;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:#69d6ef}.hero h1{font-size:clamp(43px,5.7vw,76px);line-height:1.08;letter-spacing:-2.7px;margin:25px 0 24px;font-weight:800;overflow-wrap:anywhere;text-shadow:0 2px 18px #0002}.hero h1 span{color:#6cdbfa}.hero-description{font-size:18px;line-height:1.85;max-width:640px;color:#e2ebf2;margin:0 0 29px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.hero-actions .btn-outline{border-color:#ffffff80;color:white;background:#ffffff08}.hero-actions .btn-outline:hover{background:#ffffff1f}.client-endorsement{display:flex;align-items:center;gap:13px;margin-top:30px}.client-endorsement img{width:43px;height:43px;object-fit:contain;background:#fff;border-radius:8px;padding:3px}.client-endorsement small{display:block;color:#c6dbe9;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.client-endorsement span{color:white;font-size:13px;font-weight:600}
.hero-caption{position:absolute;z-index:1;bottom:90px;right:0;left:0;pointer-events:none}.hero-caption-inner{display:flex;justify-content:flex-end}.hero-caption-copy{max-width:310px;padding:12px 16px;background:#061b2ba3;border-left:2px solid #78d6f1}.hero-caption-copy h2{font-size:16px;font-weight:700;line-height:1.4;margin:0}.hero-caption-copy p{font-size:12px;color:#dfedf7;line-height:1.7;margin:5px 0 0}
.hero-toolbar{position:absolute;bottom:22px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:2}.slide-count{font-size:12px;letter-spacing:.12em;color:#e1edf5;font-weight:600;font-variant-numeric:tabular-nums}.slider-controls{display:flex;align-items:center;gap:8px}.slider-controls button{width:40px;height:40px;border-radius:50%;border:1px solid #ffffff70;background:#04132155;color:white;display:grid;place-items:center;font-size:18px}.slider-controls button:hover{background:#fff;color:var(--primary)}.slider-controls button:disabled{opacity:.45;cursor:wait}.slider-dots{display:flex;gap:8px;align-items:center}.slider-dots button{width:9px;height:9px;border:0;border-radius:10px;padding:0;background:#ffffff80;transition:width .2s,background .2s}.slider-dots button[aria-current=true]{width:28px;background:#6cd8f7}.slider-status{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.hero-foot{background:#fff;border-bottom:1px solid var(--line)}.hero-foot-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-block:24px}.hero-foot span{display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:600;color:#405f76}.hero-foot i{display:grid;place-items:center;border-radius:50%;width:28px;height:28px;font-style:normal;background:#e5f4ff;color:#2476aa}.hero-foot span:nth-child(2) i{background:#e6f6ee;color:#217b5e}.hero-foot span:nth-child(3) i{background:#fff1db;color:#a96c1c}
.section{padding-block:88px}.section-label{color:#177da3;font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;margin-bottom:14px}.section-heading{font-size:clamp(28px,3.2vw,41px);line-height:1.22;letter-spacing:-1.3px;font-weight:800;margin:0;max-width:660px}.benefits-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px}.section-note{font-size:14px;color:var(--muted);max-width:270px}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.benefit-card{padding:30px;border:1px solid #dce9f1;border-radius:15px;background:#f1f8fd;min-height:245px}.benefit-card:nth-child(2){background:#f0f8f3;border-color:#deede4}.benefit-card:nth-child(3){background:#fff7eb;border-color:#f0e6d5}.benefit-icon{width:46px;height:46px;background:#dceefa;color:#286ca1;border-radius:12px;display:grid;place-items:center;font-size:24px;font-weight:800;margin-bottom:26px}.benefit-card:nth-child(2) .benefit-icon{background:#ddf0e3;color:#2e7d54}.benefit-card:nth-child(3) .benefit-icon{background:#ffebc9;color:#9a681c}.benefit-card h3{font-size:19px;font-weight:750;line-height:1.4;margin:0 0 12px}.benefit-card p{font-size:14px;color:var(--muted);line-height:1.85;margin:0}.steps-section{background:#f5f8fb;border-top:1px solid #eaf0f5;border-bottom:1px solid #eaf0f5}.steps-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.steps-intro p{font-size:16px;color:var(--muted);line-height:1.9;max-width:440px;margin-block:23px}.steps-intro .btn{margin-top:9px}.step-row{display:flex;gap:20px;padding:23px 0;border-bottom:1px solid #dae5ed}.step-row:first-child{padding-top:0}.step-row:last-child{border:0}.step-number{display:grid;place-items:center;flex-shrink:0;width:39px;height:39px;border-radius:50%;background:#e2edf6;color:#204b6d;font-size:13px;font-weight:800}.step-row:nth-child(2) .step-number{background:#e1f1e8;color:#2e7755}.step-row:nth-child(3) .step-number{background:#fff0d7;color:#98651e}.step-row h3{font-size:19px;line-height:1.4;font-weight:750;margin:0 0 9px}.step-row p{font-size:14px;line-height:1.85;color:var(--muted);margin:0}.invitation{padding-block:65px}.invitation-panel{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:40px 44px;border:1px solid #d8e9f3;background:linear-gradient(110deg,#eaf5fc,#f6fbfe);border-radius:16px}.invitation h2{font-size:30px;line-height:1.3;letter-spacing:-.8px;font-weight:800;margin:0 0 12px}.invitation p{font-size:15px;color:var(--muted);margin:0}.invitation .btn{flex-shrink:0}
.site-footer{background:#f4f5f6;border-top:1px solid #e0e5e9;padding:47px 0 23px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:65px;margin-bottom:35px}.footer-about p{font-size:14px;line-height:1.85;max-width:360px;color:var(--muted);margin-top:20px}.footer-heading{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;margin:8px 0 20px}.footer-links{display:grid;gap:11px;font-size:14px;color:var(--muted)}.footer-links a:hover,.footer-bottom a:hover{color:#126e95}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dce3e9;padding-top:20px;font-size:12px;color:#5b7183}.preview-banner{background:#dceefa;color:#153d5b;padding:8px;text-align:center;font-size:13px;font-weight:600}.mobile-drawer,.nav-backdrop{display:none}
@media(max-width:1100px){.wrap{padding-inline:28px}.nav-links{gap:18px;font-size:13px}.brand .wordmark{max-width:220px}.hero h1{font-size:60px}.hero-copy{max-width:670px}.hero-caption-copy{max-width:260px}.steps-grid{gap:45px}}
@media(max-width:800px){.nav-inner{min-height:84px;gap:15px}.brand .wordmark{height:48px;max-width:210px}.brand-name{font-size:21px}.brand-caption{font-size:8px}.brand.logo-panel{padding:6px 10px}.nav-links{display:none}.nav-menu{display:grid;place-items:center;width:43px;height:43px;border:1px solid #ccd7e0;border-radius:8px;background:#fff;color:var(--primary);font-size:22px;flex-shrink:0}.hero{min-height:670px}.hero-main{padding-block:62px 205px}.hero-copy{max-width:650px}.hero h1{font-size:52px;letter-spacing:-2px}.hero-description{font-size:16px;max-width:560px}.slide::after{background:linear-gradient(90deg,#041321d6,#04132185),linear-gradient(0deg,#041321b8,transparent 65%)}.hero-caption{bottom:80px}.hero-caption-inner{justify-content:flex-start}.hero-caption-copy{max-width:100%;padding:8px 13px}.hero-caption-copy h2{font-size:13px}.hero-caption-copy p{font-size:11px;margin-top:3px}.hero-toolbar{bottom:18px}.hero-foot-inner{gap:15px;padding-block:18px}.hero-foot span{font-size:10px;gap:8px}.hero-foot i{width:24px;height:24px;flex-shrink:0}.section{padding-block:58px}.benefits-top{display:block}.section-note{max-width:100%}.benefit-grid{grid-template-columns:1fr;gap:18px}.benefit-card{min-height:0;padding:27px}.benefit-icon{margin-bottom:19px}.steps-grid{grid-template-columns:1fr;gap:35px}.invitation{padding-block:42px}.invitation-panel{padding:28px;align-items:start;flex-direction:column}.invitation h2{font-size:27px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-about{grid-column:1/-1}.footer-bottom{flex-direction:column}
.nav-backdrop{display:block;position:fixed;inset:0;z-index:49;background:#06152488;backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .28s,visibility .28s}.nav-backdrop.open{opacity:1;visibility:visible}.mobile-drawer{display:flex;position:fixed;inset:0 0 0 auto;z-index:50;width:min(88vw,390px);height:100dvh;flex-direction:column;padding:26px;background:white;border-left:1px solid var(--line);box-shadow:-20px 0 70px #0003;overflow-y:auto;transform:translateX(100%);visibility:hidden;transition:transform .3s ease,visibility .3s}.mobile-drawer.open{transform:translateX(0);visibility:visible}.drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:25px;border-bottom:1px solid var(--line)}.drawer-heading .brand{flex:1;min-width:0}.drawer-heading .wordmark{max-width:100%;height:52px}.drawer-heading .brand-name{font-size:20px}.drawer-close{width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;background:#f2f6f9;color:#254960;border:1px solid #dfe7ed;border-radius:8px;font-size:26px}.drawer-links{display:grid;gap:8px;padding:26px 0}.drawer-links a{padding:14px 16px;font-size:15px;font-weight:600;border-radius:8px;color:#3e5a70}.drawer-links a:hover{background:#f1f6fa}.drawer-links a[aria-current]{background:var(--primary);color:white;font-weight:750}.drawer-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:22px}.drawer-bottom .btn{width:100%}.drawer-bottom p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:18px}}
@media(max-width:440px){.wrap{padding-inline:22px}.hero{min-height:720px}.hero-main{padding-block:44px 205px}.eyebrow{font-size:9px;letter-spacing:.05em;padding:6px 10px}.hero h1{font-size:43px;letter-spacing:-1.7px}.hero-description{font-size:15px;line-height:1.8}.hero-actions{flex-direction:column;align-items:stretch;gap:11px}.hero-actions .btn{padding-block:13px;font-size:13px}.client-endorsement{margin-top:23px;gap:10px}.client-endorsement small{font-size:8px}.client-endorsement span{font-size:11px}.hero-foot-inner{grid-template-columns:1fr;gap:13px;padding-block:22px}.hero-foot span{font-size:12px;justify-content:flex-start}.slider-controls button{width:36px;height:36px}.slider-dots{gap:6px}.slider-dots button{width:7px;height:7px}.slider-dots button[aria-current=true]{width:17px}.footer-grid{grid-template-columns:1fr}.footer-about{grid-column:auto}.section-heading{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
.hero-caption-copy h2,.hero-caption-copy p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}

/* Locally rendered SVGs stay crisp and bold without an icon-font download. */
.site-icon{display:block;width:24px;height:24px;flex-shrink:0}
.btn .site-icon{width:20px;height:20px}.nav-menu .site-icon,.drawer-close .site-icon{width:24px;height:24px}
.slider-controls .site-icon{width:19px;height:19px}.slider-controls [hidden]{display:none!important}
.hero-cinematic .slide img{animation:hero-drift 12s ease-in-out infinite alternate;animation-play-state:paused;transform-origin:35% 50%}
.hero-cinematic .slide:nth-child(even) img{animation-name:hero-drift-reverse;transform-origin:70% 50%}
.hero-cinematic.motion-running .slide.active img{animation-play-state:running;will-change:transform}
@keyframes hero-drift{from{transform:scale(1.05) translate3d(-.5%,0,0)}to{transform:scale(1.18) translate3d(1%,.4%,0)}}
@keyframes hero-drift-reverse{from{transform:scale(1.05) translate3d(.5%,0,0)}to{transform:scale(1.18) translate3d(-1%,-.4%,0)}}
.hero-foot-inner{padding-block:26px}.hero-foot span{font-size:14px;font-weight:750;color:#25435a}.hero-foot i{width:42px;height:42px;border-radius:12px}.hero-foot i .site-icon{width:25px;height:25px}

/* Varied surfaces, strong iconography and a clearer editorial hierarchy. */
#platform{background:radial-gradient(ellipse at 100% 0,#e9f6fc80,transparent 45%),#fff}
.section-label{display:flex;gap:10px;align-items:center}.section-label::before{content:'';width:23px;height:3px;border-radius:3px;background:currentColor}
.benefits-top{gap:36px;margin-bottom:40px}.section-note{display:flex;align-items:center;gap:14px;padding:15px 18px;border:1px solid #ddeaf2;border-radius:12px;background:#f5faff;line-height:1.7;font-size:12px;max-width:290px}.section-note>.site-icon{width:34px;height:34px;color:#257b9b}.section-note strong{display:block;color:#183c55;font-size:14px}
.benefit-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;padding:32px;min-height:324px;border-radius:18px;border-top:4px solid #218fc1;background:linear-gradient(145deg,#eaf6fe,#f6fbff);box-shadow:0 10px 26px #123c5508;transition:transform .22s,box-shadow .22s}
.benefit-card:nth-child(2){background:linear-gradient(145deg,#e9f6ef,#f7fcf9);border-top-color:#28825a}.benefit-card:nth-child(3){background:linear-gradient(145deg,#fff2dc,#fffaf1);border-top-color:#c08020}
.benefit-card::after{content:'';position:absolute;z-index:-1;width:160px;height:160px;border:30px solid #ffffff70;border-radius:50%;right:-80px;top:-65px;pointer-events:none}
.benefit-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px #123c5512}.benefit-card-top{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:25px}.benefit-icon{width:65px;height:65px;border-radius:16px;background:#d0eafb;color:#17638e;margin:0;box-shadow:inset 0 0 0 1px #ffffff90}.benefit-icon .site-icon{width:37px;height:37px}.benefit-card:nth-child(2) .benefit-icon{color:#256b4c;background:#d2ecde}.benefit-card:nth-child(3) .benefit-icon{color:#946018;background:#ffe6b9}.benefit-index{font-size:38px;line-height:1;font-weight:800;letter-spacing:-2px;color:#2b68801f;margin-top:5px}.benefit-card:nth-child(2) .benefit-index{color:#24684124}.benefit-card:nth-child(3) .benefit-index{color:#97651c26}.benefit-card h3{font-size:22px;font-weight:800;letter-spacing:-.45px;line-height:1.35;margin:0 0 13px}.benefit-card p{font-size:15px;line-height:1.8;margin-bottom:25px;color:#47657a}.benefit-detail{display:flex;align-items:center;gap:8px;padding-top:16px;border-top:1px solid #24557018;margin-top:auto;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#245b7a}.benefit-detail::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.benefit-card:nth-child(2) .benefit-detail{color:#286749}.benefit-card:nth-child(3) .benefit-detail{color:#8f621d}
.steps-section{background:radial-gradient(ellipse at 5% 10%,#e6f4fd,transparent 55%),#f4f7fa}.steps-grid{gap:65px;align-items:center}.steps-intro .section-heading{max-width:540px}.steps-intro p{font-size:17px}.steps-assurance{display:flex;align-items:center;gap:12px;max-width:340px;margin-top:25px;font-size:12px;line-height:1.7;color:#4d6d82}.steps-assurance .site-icon{width:30px;height:30px;color:#2b7c60}.steps-list{display:grid;gap:18px}.steps-list .step-row{position:relative;display:flex;gap:24px;padding:26px;border:1px solid #dce7ef;border-radius:15px;background:#fff;box-shadow:0 8px 24px #143c5506}.step-emblem{position:relative;width:60px;height:60px;flex-shrink:0;display:grid;place-items:center;background:#e0f0fb;border-radius:14px;color:#246e97}.step-emblem>.site-icon{width:32px;height:32px}.step-emblem .step-number{position:absolute;right:-7px;top:-10px;width:25px;height:25px;border:2px solid #fff;background:#1b668e;color:#fff;font-size:10px;border-radius:50%}.step-row:nth-child(2) .step-emblem{background:#e0f2e9;color:#287652}.step-row:nth-child(2) .step-number{background:#287652;color:#fff}.step-row:nth-child(3) .step-emblem{background:#fff0d7;color:#99641a}.step-row:nth-child(3) .step-number{background:#99641a;color:#fff}.step-row h3{font-size:21px;font-weight:800;margin-bottom:8px}.step-row p{font-size:14px;line-height:1.8;color:#526e82}
.invitation-panel{position:relative;isolation:isolate;overflow:hidden;padding:45px;background:linear-gradient(115deg,#071320,#10334d);border:0;border-radius:20px;color:#fff}.invitation-panel::after{content:'';position:absolute;z-index:-1;right:10%;top:-140px;width:350px;height:350px;border:65px solid #ffffff05;border-radius:50%;pointer-events:none}.invitation-copy{display:flex;gap:25px;align-items:center}.invitation-icon{display:grid;place-items:center;width:76px;height:76px;border-radius:18px;background:#ffffff12;border:1px solid #ffffff25;color:#7fdcf2;flex-shrink:0}.invitation-icon .site-icon{width:43px;height:43px}.invitation .section-label{color:#83d7ef}.invitation h2{font-size:31px;color:#fff}.invitation p{color:#c0d6e5}
@media(max-width:1100px){.benefit-card{padding:26px}.benefit-card h3{font-size:20px}.steps-grid{gap:35px}.steps-list .step-row{padding:23px;gap:19px}.invitation-copy{gap:20px}.invitation-icon{width:60px;height:60px}.invitation h2{font-size:28px}}
@media(max-width:800px){.section-note{max-width:100%;width:fit-content;margin-top:22px}.benefit-card{padding:28px;min-height:0}.benefit-card-top{margin-bottom:22px}.benefit-icon{width:64px;height:64px}.benefit-card h3{font-size:23px}.hero-foot span{font-size:12px}.hero-foot i{width:34px;height:34px;flex-shrink:0}.hero-foot i .site-icon{width:22px;height:22px}.steps-list{gap:17px}.invitation-panel{padding:30px}.invitation-copy{align-items:start}.invitation-icon{width:55px;height:55px;border-radius:14px}.invitation-icon .site-icon{width:32px;height:32px}}
@media(max-width:500px){.hero-foot-inner{padding-block:24px;gap:18px}.hero-foot span{font-size:13px}.hero-foot i{width:38px;height:38px}.steps-list .step-row{padding:23px 19px;gap:18px}.step-emblem{width:45px;height:45px;border-radius:11px}.step-emblem>.site-icon{width:27px;height:27px}.step-row h3{font-size:19px}.step-row p{font-size:13px}.invitation-copy{flex-direction:column;gap:20px}.invitation h2{font-size:28px}.invitation-panel>.btn{width:100%}}
@media(prefers-reduced-motion:reduce){.hero-cinematic:not(.motion-opt-in) .slide img{animation:none!important;transform:none!important}.benefit-card:hover{transform:none}}

/* Cinematic mode starts at the top of the viewport, behind the navigation. */
.cinematic-logo{display:inline-flex;align-items:center;gap:12px;min-width:0}
.cinematic-brand .cinematic-logo-scrolled{display:none}
.site-nav.is-scrolled .cinematic-brand .cinematic-logo-default{display:none}
.site-nav.is-scrolled .cinematic-brand .cinematic-logo-scrolled{display:inline-flex}
.cinematic-page .site-nav{position:fixed;inset:0 0 auto;backdrop-filter:none;background:linear-gradient(180deg,#041321b8,#04132122);border-color:#ffffff25;transition:background .2s,box-shadow .2s}
.cinematic-page .site-nav:not(.is-scrolled) .nav-links>a:not(.btn){color:#f5fbff}.cinematic-page .site-nav:not(.is-scrolled) .nav-links>a:not(.btn):hover{color:#8fe7ff}
.cinematic-page .site-nav:not(.is-scrolled) .brand:not(.logo-panel) .brand-name{color:#fff}.cinematic-page .site-nav:not(.is-scrolled) .brand:not(.logo-panel) .brand-caption{color:#d4e5f0}
.cinematic-page .site-nav:not(.is-scrolled) .nav-links .btn{background:#6cdbfa;color:#071320}.cinematic-page .site-nav:not(.is-scrolled) .nav-menu{background:#07132050;border-color:#ffffff65;color:#fff}
.cinematic-page .site-nav.is-scrolled{background:#fffffff7;border-color:var(--line);backdrop-filter:blur(12px);box-shadow:0 4px 18px #0713200d}
.cinematic-page .hero{min-height:100vh;min-height:100svh}.cinematic-page .hero-main{padding-top:120px;padding-bottom:90px}
.cinematic-page.has-preview .site-nav:not(.is-scrolled){top:37px}.cinematic-page .preview-banner{min-height:37px;position:relative;z-index:21}
.hero-playback-note{display:inline-block;margin:16px 0 0;padding:8px 11px;border:1px solid #ffffff40;border-radius:7px;background:#041321aa;color:#eef8ff;font-size:12px;line-height:1.6;max-width:460px}.hero-playback-note[hidden]{display:none}
@media(max-width:800px){.cinematic-page .hero-main{padding-top:125px;padding-bottom:205px}}