:root{--bg:#0b1220;--panel:#111b2e;--panel2:#15233b;--text:#f6f8fb;--muted:#a9b4c6;--line:#263755;--accent:#69d3c3;--accent2:#f5c96b;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#08101c 0%,#0b1220 55%,#0d1727 100%);color:var(--text);line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}.topbar{border-bottom:1px solid var(--line);background:rgba(8,16,28,.92);backdrop-filter:blur(12px);position:sticky;top:0;z-index:30}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{font-weight:900;letter-spacing:.02em;font-size:1.15rem}.brand span{color:var(--accent)}.navlinks{display:flex;gap:18px;align-items:center;font-size:.94rem;color:#dce4ef}.navlinks a:hover{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:13px 18px;font-weight:800;border:1px solid transparent;transition:.18s ease;cursor:pointer}.btn.primary{background:var(--accent);color:#06201d}.btn.primary:hover{transform:translateY(-1px);filter:brightness(1.06)}.btn.secondary{border-color:var(--line);background:#101a2a}.btn.secondary:hover{border-color:#46617f}.hero{padding:90px 0 58px}
.hero-video{position:relative;overflow:hidden;min-height:620px;display:flex;align-items:center;background:#08101c}
.hero-video-stack{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.hero-bg-video{position:absolute;inset:-14px;width:calc(100% + 28px);height:calc(100% + 28px);object-fit:cover;object-position:center;filter:blur(7px);transform:scale(1.04);opacity:0;transition:opacity 1.35s ease-in-out;pointer-events:none}.hero-bg-video.active{opacity:1}
.hero-video-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,18,.76) 0%,rgba(4,10,18,.58) 52%,rgba(4,10,18,.52) 100%);z-index:1;pointer-events:none}
.hero-content{position:relative;z-index:2}
@media (prefers-reduced-motion:reduce){.hero-bg-video{display:none}.hero-video{background:linear-gradient(135deg,#0b1627,#101d31)}}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-size:.78rem;font-weight:900}.hero h1{font-size:clamp(2.7rem,7vw,5.7rem);line-height:.98;margin:.22em 0 .25em;letter-spacing:-.055em;max-width:900px}.hero p{font-size:clamp(1.05rem,2vw,1.28rem);max-width:730px;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.micro{margin-top:20px;color:#7f8da4;font-size:.9rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:28px 0 74px}.path{background:linear-gradient(145deg,var(--panel),#0e192a);border:1px solid var(--line);border-radius:22px;padding:34px;min-height:330px;position:relative;overflow:hidden}.path:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-90px;bottom:-90px;background:radial-gradient(circle,var(--accent) 0%,transparent 68%);opacity:.18}.path.shop:after{background:radial-gradient(circle,var(--accent2) 0%,transparent 68%)}.path h2{font-size:2rem;margin:.25em 0 .35em}.path p{color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 28px}.chip{border:1px solid var(--line);border-radius:999px;padding:7px 11px;font-size:.86rem;color:#dce4ef;background:#0e1726}.section{padding:64px 0}.section h2{font-size:clamp(2rem,4vw,3.2rem);margin:0 0 12px;letter-spacing:-.035em}.lede{color:var(--muted);max-width:760px;margin:0 0 30px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{border:1px solid var(--line);background:rgba(17,27,46,.78);border-radius:18px;padding:22px}.card h3{margin:7px 0 8px;font-size:1.16rem}.card p{margin:0;color:var(--muted);font-size:.94rem}.card .icon{font-size:1.55rem}.card.link:hover{border-color:#3e5878;transform:translateY(-2px);transition:.16s}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{border-top:2px solid var(--accent);padding:20px 6px 10px}.step b{display:block;font-size:1.05rem;margin-bottom:7px}.step span{color:var(--muted)}.quote{background:linear-gradient(135deg,#13243a,#0e1828);border:1px solid var(--line);border-radius:24px;padding:34px}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form label{display:block;font-size:.85rem;font-weight:800;margin:14px 0 6px}.form input,.form textarea,.form select{width:100%;background:#091321;border:1px solid #29405f;color:#fff;padding:12px 13px;border-radius:10px;font:inherit}.form textarea{min-height:120px;resize:vertical}.note{font-size:.84rem;color:#8d9bb0}.shopgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product{min-height:210px;border-radius:18px;padding:24px;border:1px solid var(--line);background:linear-gradient(145deg,#131f33,#0e1828);display:flex;flex-direction:column;justify-content:flex-end}.product small{color:var(--accent2);font-weight:900;text-transform:uppercase;letter-spacing:.11em}.product h3{margin:6px 0 4px;font-size:1.35rem}.product p{color:var(--muted);margin:0}.banner{padding:54px 0;background:#0f1c2f;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.banner-inner{display:flex;justify-content:space-between;align-items:center;gap:22px}.banner h2{margin:0;font-size:clamp(1.8rem,4vw,3rem)}.banner p{margin:6px 0 0;color:var(--muted)}footer{padding:34px 0 48px;color:#8b98aa}.foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.foot strong{color:#f6f8fb}.landing-hero{padding:74px 0 42px}.landing-hero h1{font-size:clamp(2.8rem,6vw,5rem);line-height:1;margin:.2em 0 .3em;letter-spacing:-.05em}.landing-hero p{max-width:760px;color:var(--muted);font-size:1.15rem}.warning{border-left:3px solid var(--accent2);padding:13px 16px;background:#151c27;color:#c9d2df;border-radius:0 10px 10px 0}.kicker{color:var(--accent2);font-weight:900}.mobile-cta{display:none}@media(max-width:880px){.navlinks{display:none}.split,.quote-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.shopgrid{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr}.hero{padding-top:64px}.banner-inner{align-items:flex-start;flex-direction:column}.mobile-cta{display:flex;position:fixed;bottom:14px;left:14px;right:14px;z-index:40;box-shadow:0 10px 30px rgba(0,0,0,.35)}body{padding-bottom:78px}}@media(max-width:560px){.grid,.shopgrid{grid-template-columns:1fr}.wrap{width:min(var(--max),calc(100% - 26px))}.path,.quote{padding:24px}.hero h1{font-size:3.2rem}}