:root{--ink:#0a0e13;--blue:#1659e0;--muted:#4a5563;--line:#e3e7ec;--pale:#f0f2f5;--dark:#101923}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Avenir Next','Century Gothic','Montserrat','Segoe UI',Arial,sans-serif;color:var(--ink);background:white}a{text-decoration:none;color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 28px}header{position:sticky;top:0;background:#ffffffef;backdrop-filter:blur(15px);border-bottom:1px solid var(--line);z-index:5}.nav{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:20px}.logo{font-size:23px;font-weight:850;letter-spacing:-1px}.logo span{color:var(--blue)}.navlinks{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:650}.navlinks a:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:7px;background:var(--blue);color:#fff;font-size:13px;font-weight:750;border:1px solid var(--blue);transition:.2s}.btn:hover{background:#0e44b4;transform:translateY(-1px)}.btn.outline{background:white;color:var(--ink);border-color:#cbd3df}.btn.outline:hover{background:var(--pale)}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;text-transform:uppercase;color:var(--blue)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,6vw,83px);line-height:1.04;letter-spacing:-4px;margin:22px 0}h2{font-size:clamp(32px,4vw,51px);line-height:1.1;letter-spacing:-2px;margin:14px 0 22px}h3{font-size:21px;letter-spacing:-.6px}.lead{font-size:18px;line-height:1.7;color:var(--muted);max-width:630px}.hero{padding:92px 0 90px;background:linear-gradient(160deg,#fff 40%,#eef3fc)}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:50px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.tiny{font-size:12px;color:#687586;margin-top:24px}.visual{background:var(--dark);color:white;border-radius:15px;box-shadow:0 26px 60px #14274729;overflow:hidden;border:1px solid #26394e}.visualtop{padding:16px 20px;border-bottom:1px solid #2c3a49;display:flex;justify-content:space-between;font-size:12px;color:#a9b4c2}.dots{color:#7e93ad;letter-spacing:5px}.visualbody{padding:22px}.viewer{height:275px;border-radius:9px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 55%,#24416a,#101b2a 68%)}.viewer svg{width:100%;height:100%}.viewlabel{position:absolute;top:15px;left:15px;font-size:10px;color:#cbd8eb;background:#12253bba;padding:8px 10px;border-radius:5px}.metricrow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.metric{background:#1d2a3a;padding:14px;border-radius:8px;font-size:11px;color:#9fb1c8}.metric b{display:block;font-size:19px;color:white;margin-top:5px}.strip{background:var(--dark);color:white;padding:25px 0}.strip .wrap{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.strip span{font-size:12px;font-weight:700;letter-spacing:1px;color:#b7c7da}section{padding:95px 0}.sectionhead{max-width:750px;margin-bottom:40px}.sectionhead p{color:var(--muted);line-height:1.7}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:10px;padding:28px;background:white;transition:.2s}.card:hover{border-color:#9db8ef;box-shadow:0 12px 35px #123e7d10}.card .num{font-size:12px;font-weight:800;color:var(--blue);margin-bottom:24px}.card p{color:var(--muted);font-size:14px;line-height:1.75}.pale{background:#f4f6f9}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.panel{background:var(--dark);padding:32px;border-radius:12px;color:white;min-height:345px}.code{font:13px/2 'Cascadia Code',Consolas,monospace;color:#b7c7da}.code em{color:#7eaaff;font-style:normal}.tag{display:inline-block;border:1px solid #cbd5e4;border-radius:4px;padding:7px 10px;font-size:11px;font-weight:750;margin:5px 5px 0 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{border-top:2px solid var(--blue);padding-top:20px}.step b{font-size:30px;color:var(--blue)}.step p{font-size:13px;color:var(--muted);line-height:1.7}.cta{background:#1557df;color:white;text-align:center}.cta p{color:#d9e5ff;max-width:620px;margin:0 auto 30px;line-height:1.7}.cta .btn{background:white;color:#1149bb;border-color:white}footer{background:#0a0e13;color:white;padding:48px 0 28px}footer .foot{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}footer p,footer small{color:#a9b4c2;font-size:12px;line-height:1.8}footer a{color:#dce7f5}.footerline{border-top:1px solid #283442;margin-top:30px;padding-top:20px} .menu{display:none}@media(max-width:800px){.hero-grid,.split{grid-template-columns:1fr}.grid3{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}h1{letter-spacing:-2px}.navlinks{display:none;position:absolute;top:75px;left:0;right:0;background:white;padding:24px;flex-direction:column;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.menu{display:block;border:1px solid var(--line);background:white;border-radius:6px;padding:10px 13px;cursor:pointer}}@media(max-width:540px){.grid3,.steps{grid-template-columns:1fr}.hero{padding:60px 0}.wrap{padding:0 20px}section{padding:65px 0}.viewer{height:225px}}
.product-shot{background:#0c1521;border-radius:15px;overflow:hidden;box-shadow:0 25px 65px rgba(12,37,78,.22);border:1px solid #c5d4e7}.product-shot img{display:block;width:100%;height:auto;object-fit:cover}.product-caption{background:#0c1521;color:#b4c5dd;font-size:11px;letter-spacing:.2px;padding:12px 18px}@media(max-width:800px){.product-shot{max-width:680px;width:100%;margin:auto}}

.contact-notice{margin-top:18px;color:#4a5563;font-size:14px}.navlinks.open{display:flex}

/* V8: official transparent brand artwork; typography and layout otherwise unchanged */
.logo img{display:block;width:174px;height:auto;max-width:100%}
footer .logo img{width:174px;background:#fff;border-radius:4px;padding:4px}