/* Restored first-screen study. */
body:has(.brand-hero) .header{border-bottom:1px solid #ffffff12;box-shadow:none}
body:has(.brand-hero) .header .nav a{font-size:13px;font-weight:500;color:#c5cedb}
body:has(.brand-hero) .header-actions>.btn{background:transparent;border-color:#607087;color:#f2f6fc;box-shadow:none}
body:has(.brand-hero) .header-actions>.btn svg{display:none}
.brand-hero{padding:48px 0 0}
.brand-hero-grid{grid-template-columns:1.05fr 1fr;gap:12px;min-height:500px}
.brand-hero-copy{padding:35px 0 60px}
.brand-hero-copy .product-name{font-size:14px;font-weight:500;color:#b2c0d2;letter-spacing:0}
.brand-hero-copy .product-name:before{display:none}
.brand-hero h1{font-size:clamp(44px,4.35vw,62px);line-height:1.16;letter-spacing:-.035em;font-weight:600;margin:22px 0 24px}
.brand-hero-copy>p{font-size:17px;line-height:1.75;color:#b3bece;max-width:465px}
.brand-hero .waf-intro-actions{margin-top:32px;gap:27px;align-items:center}
.brand-hero .waf-intro-actions .btn{padding:15px 25px;font-size:14px;font-weight:650;border-radius:5px;box-shadow:none;min-width:136px}
.brand-hero .intro-demo{font-size:13px;color:#edf2f8;gap:10px}
.brand-hero-art{width:110%;max-width:none;margin-left:-3%;margin-top:-22px;background:#070d1b}
/* Give lighten an opaque backdrop inside the figure's isolated stacking context.
   Fade all four edges so the image never reads as a separate dark rectangle. */
.brand-hero-art img{margin:0;mix-blend-mode:lighten;mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent),linear-gradient(0deg,transparent,black 12%,black 88%,transparent);mask-composite:intersect}
.brand-foundation{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:0;padding:27px 0;border-top:1px solid #ffffff20;border-bottom:0}
.brand-foundation p{font-size:13px;line-height:1.6;color:#a8b6c9;margin:0}
.brand-foundation a{font-size:13px;color:#c6d2e1;display:flex;align-items:center;gap:6px;white-space:nowrap}
.brand-foundation a strong{font-size:16px;color:#f2f6fc;font-weight:600}
.brand-foundation a svg{margin-left:15px;color:#c6d2e1;width:16px}
.brand-hero a:focus-visible{outline:2px solid #8edaff;outline-offset:6px}
.brand-hero .intro-demo:hover{color:#8edaff}
@media(min-width:1500px){.brand-hero-grid{min-height:550px}.brand-hero{padding-top:60px}}
@media(max-width:1100px) and (min-width:801px){.brand-hero h1{font-size:46px}.brand-hero-copy>p{font-size:16px}.brand-hero-grid{min-height:470px}.brand-hero .waf-intro-actions{gap:20px}.brand-hero .intro-demo{font-size:12px}}
@media(max-width:800px){.brand-hero{padding-top:42px}.brand-hero-grid{grid-template-columns:1fr;min-height:0;gap:8px}.brand-hero-copy{padding:0}.brand-hero h1{font-size:52px;letter-spacing:-.035em}.brand-hero-copy>p{max-width:490px;font-size:16px}.brand-hero-art{width:100%;max-width:510px;margin:12px auto 0}.brand-foundation{padding:24px 0;gap:15px;align-items:flex-start;flex-direction:column}.brand-foundation p,.brand-foundation a{font-size:12px}}
@media(max-width:440px){.brand-hero{padding-top:35px}.brand-hero h1{font-size:40px;line-height:1.17;letter-spacing:-.035em;margin:18px 0 20px}.brand-hero-copy .product-name{font-size:12px}.brand-hero-copy>p{font-size:15px;line-height:1.75}.brand-hero .waf-intro-actions{gap:20px;margin-top:25px}.brand-hero .waf-intro-actions .btn{font-size:13px;padding:14px 20px;min-width:116px}.brand-hero .intro-demo{font-size:12px;gap:8px}.brand-hero-art{margin-top:12px;width:100%}.brand-foundation{padding-top:22px}}
@media(max-width:360px){.brand-hero h1{font-size:35px}.brand-hero .waf-intro-actions{flex-direction:row;gap:16px}.brand-hero .intro-demo{font-size:11px}}

/* Header-only: three distinct navigation zones, existing type and geometry. */
body:has(.brand-hero) .header{background:#0b1422;border-bottom:1px solid #2a384c;box-shadow:none}
body:has(.brand-hero) .header-inner{gap:32px}
body:has(.brand-hero) .header .nav{align-self:stretch;align-items:stretch;margin:0 auto 0 0;gap:0;padding:0;border-left:0;border-right:0;background:transparent}
body:has(.brand-hero) .header .nav a{display:flex;align-items:center;padding:0 21px;color:#d7e1ef;transition:background .15s,color .15s}
body:has(.brand-hero) .header .nav a:hover,body:has(.brand-hero) .header .nav a.active{background:transparent;color:#fff}
body:has(.brand-hero) .header .nav a:after{content:'';position:absolute;left:18px;right:18px;bottom:0;height:3px;background:#61a6ff;transform:scaleX(0);transform-origin:center;transition:transform .15s}
body:has(.brand-hero) .header .nav a:hover:after,body:has(.brand-hero) .header .nav a.active:after{transform:scaleX(1)}
body:has(.brand-hero) .header-actions{gap:24px}
body:has(.brand-hero) .header-actions>a:first-child{color:#d1dcec;padding:12px 0;border-bottom:0}
body:has(.brand-hero) .header-actions>a:first-child:hover{color:#fff;border-color:#b4d3ff}
body:has(.brand-hero) .header-actions>.btn{background:#1269de;border-color:#4389e5;border-radius:6px;color:#fff;padding:13px 20px;box-shadow:inset 0 1px 0 #ffffff16}
body:has(.brand-hero) .header-actions>.btn svg{display:block}
body:has(.brand-hero) .header-actions>.btn:hover{background:#247bf1;border-color:#6aa6f5;transform:none;box-shadow:none}
body:has(.brand-hero) .menu-toggle{border-color:#60718b;border-radius:4px;background:#1d304b;padding:10px}
@media(max-width:1200px) and (min-width:801px){body:has(.brand-hero) .header-inner{gap:24px}body:has(.brand-hero) .header .nav a{padding:0 16px}body:has(.brand-hero) .header-actions>a:first-child{display:none}}
@media(max-width:900px) and (min-width:801px){body:has(.brand-hero) .header-inner{gap:16px}body:has(.brand-hero) .header .nav a{padding:0 12px}body:has(.brand-hero) .header-actions>.btn{padding:12px 14px}}
@media(max-width:800px){body:has(.brand-hero) .header-inner{gap:12px}body:has(.brand-hero) .header .nav{margin:0;border:0;padding:10px 20px 18px;gap:0;background:#0b1422;border-bottom:1px solid #3d4d63;box-shadow:0 18px 30px #0005}body:has(.brand-hero) .header .nav a{padding:19px 16px;width:100%;border-bottom:0}body:has(.brand-hero) .header .nav a:last-child{border-bottom:0}body:has(.brand-hero) .header .nav a:after{display:none}body:has(.brand-hero) .header-actions{gap:12px}}
@media(max-width:440px){body:has(.brand-hero) .header-actions{gap:9px}body:has(.brand-hero) .header-actions>.btn{padding:10px 14px}body:has(.brand-hero) .header-actions>.btn svg{display:none}}
@media(prefers-reduced-motion:reduce){body:has(.brand-hero) .header .nav a,body:has(.brand-hero) .header .nav a:after{transition:none}}