:root{--navy:#071526;--navy2:#0d2140;--gold:#F0B429;--cream:#F7F5F0;--metal:#8B9BB0}
*{box-sizing:border-box;margin:0}body{font-family:Inter,system-ui,sans-serif;color:var(--navy);background:var(--cream);line-height:1.6}
h1,h2,h3,.sora{font-family:Sora,sans-serif;letter-spacing:-.02em}a{color:inherit;text-decoration:none}
.demo-bar{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--gold);color:var(--navy);text-align:center;font:700 13px Sora;padding:7px;letter-spacing:.04em}
.wm{position:fixed;inset:0;pointer-events:none;z-index:99;display:flex;align-items:center;justify-content:center;font:800 18vw Sora;color:rgba(240,180,41,.05);transform:rotate(-18deg)}
.subnav ul{display:flex;gap:28px;list-style:none;padding:0;color:#dfe6ef;font-weight:500;font-size:15px}nav ul a:hover{color:var(--gold)}
.btn{display:inline-block;background:var(--gold);color:var(--navy);font:700 15px Sora;padding:13px 24px;border-radius:12px;border:0;cursor:pointer}.btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}
.hero{position:relative;background:radial-gradient(1200px 600px at 80% 10%,#16345e 0,transparent 60%),linear-gradient(160deg,var(--navy),#0a1d36);color:#fff;padding:110px 5vw 150px;overflow:hidden}
.hero:after{content:"";position:absolute;right:-120px;top:40px;width:620px;height:620px;border-radius:50%;border:2px solid rgba(240,180,41,.35);box-shadow:inset 0 0 120px rgba(240,180,41,.08)}
.eyebrow{font:600 12px Sora;letter-spacing:.22em;color:var(--gold);text-transform:uppercase}
.hero h1{font-size:clamp(40px,6vw,76px);line-height:1.02;max-width:900px;margin:18px 0 22px}.hero h1 em{font-style:normal;color:var(--gold)}
.hero p{max-width:620px;color:#c7d2e0;font-size:19px;margin-bottom:30px}.hero .ctas{display:flex;gap:14px;flex-wrap:wrap}
.search{position:relative;z-index:2;margin:-70px 5vw 0;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-radius:20px;padding:22px;box-shadow:0 30px 60px rgba(7,21,38,.18);display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:12px;align-items:end}
.search label{font:600 11px Sora;letter-spacing:.12em;text-transform:uppercase;color:var(--metal)}.search input,.search select{width:100%;padding:13px;border:1px solid #dde3ea;border-radius:10px;font:15px Inter;background:#fff}
section{padding:96px 5vw}.sh{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px;gap:20px;flex-wrap:wrap}.sh h2{font-size:clamp(28px,3.4vw,44px)}
.areas{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.area{position:relative;height:190px;border-radius:18px;padding:20px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:linear-gradient(140deg,var(--navy2),var(--navy));transition:.25s}
.area:before{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;border:2px solid rgba(240,180,41,.4)}.area:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(7,21,38,.25)}
.area b{font:700 20px Sora}.area span{color:var(--metal);font-size:13px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px rgba(7,21,38,.07);transition:.25s}.card:hover{transform:translateY(-4px)}
.ph{height:170px;position:relative;background:linear-gradient(135deg,#cfd8e3,#8B9BB0)}.ph.b{background:linear-gradient(135deg,#f3dca0,#c79a2c)}.ph.c{background:linear-gradient(135deg,#9fb5cf,#16345e)}.ph.d{background:linear-gradient(135deg,#e7e2d6,#a89f8a)}
.tag{position:absolute;top:12px;left:12px;background:var(--navy);color:var(--gold);font:700 11px Sora;padding:5px 10px;border-radius:8px;letter-spacing:.08em}
.card .in{padding:18px}.price{font:800 22px Sora}.meta{color:var(--metal);font-size:14px;margin-top:6px}
.dark{background:var(--navy);color:#fff}.why{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.why div{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);border-radius:18px;padding:28px}.why h3{color:var(--gold);margin:10px 0 8px}.why p{color:#b8c4d3}
.num{font:800 13px Sora;color:var(--metal);letter-spacing:.2em}
.team{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.avatars{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.av{aspect-ratio:1;border-radius:16px;background:linear-gradient(140deg,var(--navy2),var(--navy));display:flex;align-items:center;justify-content:center;color:var(--gold);font:700 22px Sora}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:40px}.form{background:#fff;padding:28px;border-radius:18px;display:grid;gap:12px}.form input,.form textarea{padding:13px;border:1px solid #dde3ea;border-radius:10px;font:15px Inter}
footer{background:#040d18;color:#8B9BB0;padding:56px 5vw 90px;font-size:14px}footer img{height:48px;margin-bottom:14px}
.foot-demo{margin-top:30px;border:1px dashed var(--gold);color:var(--gold);padding:14px;border-radius:12px;text-align:center;font:700 14px Sora}
@media(max-width:900px){.search{grid-template-columns:1fr 1fr}.areas,.cards{grid-template-columns:1fr 1fr}.why,.team,.contact{grid-template-columns:1fr}}
@media(max-width:520px){.areas,.cards,.search{grid-template-columns:1fr}}
.hero.sm{padding:90px 5vw 110px}.hero.sm:after{width:460px;height:460px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.nb{background:#fff;border-radius:18px;padding:26px;box-shadow:0 8px 30px rgba(7,21,38,.07);border-top:4px solid var(--gold)}.nb h3{margin-bottom:6px}.nb .k{font:600 12px Sora;color:var(--metal);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}.nb p{color:#4a5a70;font-size:15px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{background:#fff;border-radius:18px;padding:24px}.step .num{color:var(--gold)}.step h3{margin:8px 0}
.cta-box{background:linear-gradient(140deg,var(--navy2),var(--navy));color:#fff;border-radius:22px;padding:40px;display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:center}.cta-box input{width:100%;padding:14px;border-radius:10px;border:0;font:15px Inter;margin-bottom:10px}
.note{font-size:12px;color:var(--metal);margin-top:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.stats div{border-left:3px solid var(--gold);padding-left:14px}.stats b{font:800 30px Sora;display:block}
.subnav a.on{color:var(--gold)}
@media(max-width:900px){.grid3,.steps,.stats,.cta-box{grid-template-columns:1fr 1fr}}@media(max-width:520px){.grid3,.steps,.stats,.cta-box{grid-template-columns:1fr}}

/* Brand banner v2 — full bleed */
.banner{position:sticky;top:33px;z-index:90;margin-top:33px;width:100vw;max-width:100vw;left:0;right:0;overflow:hidden;background:radial-gradient(520px 260px at 100% 50%,rgba(240,180,41,.22),transparent 70%),linear-gradient(100deg,#050f1c 0,#071526 45%,#0d2140 100%);border-bottom:3px solid var(--gold);box-shadow:0 10px 34px rgba(0,0,0,.35)}
.banner-v2 .bn-in{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:112px;padding:0 0 0 3vw}
.banner-v2 .bn-in:after{content:"";position:absolute;right:-120px;top:50%;width:420px;height:420px;transform:translateY(-50%);border-radius:50%;border:26px solid rgba(240,180,41,.16);box-shadow:0 0 0 22px rgba(240,180,41,.07);pointer-events:none}
.bn-logo{position:relative;z-index:1;display:flex;align-items:center;gap:22px;min-width:0}.bn-logo img{height:96px;width:auto;display:block}
.bn-tag{font:700 13px Sora;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);border-left:2px solid rgba(240,180,41,.5);padding-left:22px;white-space:nowrap}
.bn-cta{position:relative;z-index:1;align-self:stretch;display:flex;align-items:center;gap:10px;flex-shrink:0;font:800 18px Sora;padding:0 44px;border-radius:0;background:linear-gradient(135deg,#F7C548,#F0B429 60%,#d99a12);color:var(--navy);clip-path:polygon(28px 0,100% 0,100% 100%,0 100%);padding-left:64px;white-space:nowrap;transition:.2s}.bn-cta:hover{filter:brightness(1.08)}
.subnav{background:#050f1c}.subnav ul{justify-content:center;padding:5px 3vw;gap:26px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.subnav ul::-webkit-scrollbar{display:none}
@media(max-width:900px){.bn-tag{display:none}.banner-v2 .bn-in{min-height:88px}.bn-logo img{height:68px}.bn-cta{font-size:15px;padding:0 24px 0 44px}.subnav ul{justify-content:flex-start;gap:18px}}
@media(max-width:600px){.banner-v2 .bn-in{min-height:72px;padding-left:4vw;gap:8px}.bn-logo img{height:50px}.bn-cta{font-size:13px;padding:0 14px 0 30px;clip-path:polygon(16px 0,100% 0,100% 100%,0 100%)}.bn-cta span{display:none}}
@media(max-width:380px){.bn-logo img{height:40px}.bn-cta{font-size:12px;padding:0 10px 0 24px}}