/* Cinematic visual layer: real HTML above an original photographic backdrop. */
:root { --bg:var(--ma-color-040d1c); --cyan:var(--ma-color-3bdef6); --purple:var(--ma-color-a389ff); --muted:var(--ma-color-aec3e0); }
body { background:var(--bg); }
.wrap { width:min(1360px,calc(100% - 96px)); }
.nav { background:var(--ma-color-061020e8); border-color:var(--ma-color-b9d8ff0a); }
.nav-inner { min-height:82px; }
.logo { gap:0; font-size:34px; letter-spacing:-1.8px; }
.logo em { color:var(--ma-color-a899ff); }
nav { font-size:14px; gap:32px; }
.nav-actions>a:first-child { display:none; }
.button { border-radius:10px; padding:14px 25px; color:var(--ma-color-03182a); background:linear-gradient(115deg,var(--ma-color-32b7ff),var(--ma-color-24e0ed)); border:1px solid var(--ma-color-49ddff); box-shadow:0 0 26px var(--ma-color-26aaff21); }
.button:hover { color:var(--ma-color-041426); background:linear-gradient(115deg,var(--ma-color-6dccff),var(--ma-color-5eeaf3)); box-shadow:0 0 32px var(--ma-color-26aaff45); }
.button.secondary { color:var(--ma-color-c7ddff); border-color:var(--ma-color-6cb8fc); background:var(--ma-color-0b223853); backdrop-filter:blur(14px); box-shadow:inset 0 0 18px var(--ma-color-40acff13); }
.button.secondary:hover { background:var(--ma-color-143656a0); }
.button.small { padding:10px 23px; color:var(--ma-color-e7f5ff); background:linear-gradient(110deg,var(--ma-color-0069dc38),var(--ma-color-00bfc334)); border-color:var(--ma-color-13cbe7); box-shadow:0 0 20px var(--ma-color-129fff3d),inset 0 0 15px var(--ma-color-00baff16); }
.summit { position:relative; isolation:isolate; background:var(--ma-color-061020); }
.summit:before { content:""; position:absolute; inset:0; z-index:-2; background:url('/assets/mountains.webp') center top / 100% auto no-repeat; }
.summit:after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,var(--ma-color-020b1b9c),transparent 60%),linear-gradient(180deg,var(--ma-color-06102022) 0%,var(--ma-color-040d1c00) 40%,var(--ma-color-040d1c6b) 65%,var(--ma-color-040d1c) 96%); }
.hero { min-height:610px; padding:68px 0 52px; background:none; overflow:visible; }
.hero-grid { grid-template-columns:1.04fr 1fr; gap:65px; }
.hero .eyebrow { font-size:12px; letter-spacing:4px; color:var(--ma-color-adcfff); }
.hero .dot { display:none; }
h1 { font-size:clamp(52px,5.1vw,78px); font-weight:720; letter-spacing:-3.4px; margin:18px 0; }
h1 span { background-image:linear-gradient(100deg,var(--ma-color-a48cff) 5%,var(--ma-color-7a9fff) 45%,var(--ma-color-2dddf0) 92%); }
.intro { color:var(--ma-color-bed1ee); font-size:clamp(16px,1.5vw,21px); max-width:590px; line-height:1.55; text-shadow:0 2px 16px var(--ma-color-000); }
.intro a { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; }
.hero .cta { margin:30px 0 14px; }
.hero .fine { color:var(--ma-color-b3cae7); font-size:12px; text-shadow:0 1px 5px var(--ma-color-000); }
.hero .fine strong { color:var(--ma-color-c0d3ef); }
.hero-disclaimer { font-size:10px; color:var(--ma-color-b9cbe3); margin:18px 0 0; text-align:right; }
.console { background:linear-gradient(125deg,var(--ma-color-102741d9),var(--ma-color-071426ed)); border-color:var(--ma-color-5a94d1); border-radius:16px; backdrop-filter:blur(14px); box-shadow:0 0 34px var(--ma-color-30afff18),0 25px 65px var(--ma-color-03081260),inset 0 0 30px var(--ma-color-4848ac19); transform:perspective(1400px) rotateY(-5deg) rotateZ(-1deg); }
.console-bar { padding:20px 23px 7px; border:0; letter-spacing:2.5px; color:var(--ma-color-b3d9ff); font-size:11px; gap:12px; }
.console-bar .preview-label { font:10px/1.4 ui-sans-serif,system-ui,sans-serif; letter-spacing:0; margin-left:auto; color:var(--ma-color-a2bedf); }
.dots { color:var(--ma-color-9dbaf1); font-size:13px; }
.console-body { padding:14px; }
.console-heading { display:none; }
.signal { border:1px solid var(--ma-color-40577d75); background:linear-gradient(100deg,var(--ma-color-14233e9c),var(--ma-color-06102099)); margin-bottom:8px; border-radius:10px; padding:16px 15px; gap:14px; font:14px/1.5 ui-sans-serif,system-ui,sans-serif; }
.signal i { color:var(--ma-color-a4d2ff); font:23px ui-monospace,monospace; background:transparent; width:27px; }
.signal .event span { font-size:11px; color:var(--ma-color-a9c3e4); margin-top:3px; }
.verdict { border-radius:7px; padding:5px 9px; font:10px/1.4 ui-monospace,monospace; letter-spacing:.3px; }
.signal .verdict { box-shadow:0 0 18px var(--ma-color-3be1af17); }
.signal .verdict.block { box-shadow:0 0 18px var(--ma-color-ff5a7a17); }
.signal .verdict.ask { box-shadow:0 0 18px var(--ma-color-b780ff20); }
.console-foot { margin:14px 5px 6px; }
#platform { border:0; padding:20px 0 25px; }
#platform>.wrap>.eyebrow { display:none; }
#platform .section-head { text-align:center; display:block; margin:0 0 30px; }
#platform h2 { font-size:clamp(28px,3.15vw,43px); font-weight:660; letter-spacing:-1.6px; }
#platform .section-head p { max-width:none; font-size:14px; margin:12px 0 0; }
.products { gap:22px; }
.product { background:linear-gradient(130deg,var(--ma-color-0a2135cf),var(--ma-color-091326ed)); border-color:var(--ma-color-294766); border-radius:12px; padding:25px 25px 20px; box-shadow:0 10px 35px var(--ma-color-0002); }
.product:first-child { border-top:3px solid var(--ma-color-38dff0); }
.product:nth-child(2) { border-top:3px solid var(--ma-color-b396ff); }
.product:nth-child(3) { border-top:3px solid var(--ma-color-489afa); }
.product .number { display:none; }
.product .icon { float:left; height:35px; width:35px; margin-bottom:8px; filter:drop-shadow(0 0 10px var(--ma-color-36caff40)); }
.product .icon svg { width:35px; height:35px; }
.product .eyebrow { margin-top:7px; letter-spacing:1px; margin-bottom:12px; }
.product h3 { font-size:22px; margin:6px 0 12px; }
.product p { color:var(--ma-color-b1c9e8); margin-bottom:14px; font-size:14px; }
.product ul { font-size:12px; margin-bottom:16px; }
.product li { padding:5px 0; }
.product .link { color:var(--ma-color-c4dcff); padding-top:15px; }
.product .pricing-note { color:var(--ma-color-94b0d2); font-size:10px; }
.policy-strip { display:flex; gap:20px; justify-content:center; align-items:center; color:var(--ma-color-a9c8ef); font-size:12px; letter-spacing:1px; padding:10px 24px 45px; }
.policy-strip span { width:120px; height:1px; background:linear-gradient(90deg,transparent,var(--ma-color-548db6)); }
.policy-strip span:last-child { transform:rotate(180deg); }
.policy-strip b { font-weight:400; }
.section { border-top-color:var(--ma-color-7aafe512); }
.dashboard-section { background:radial-gradient(ellipse at top,var(--ma-color-12284a70),transparent 70%); }
.diagram,.dashboard { border-radius:12px; background:linear-gradient(135deg,var(--ma-color-10213b),var(--ma-color-081326)); }
.privacy-box { border-radius:10px; }
.closing { border-radius:16px; background:linear-gradient(var(--ma-color-061225b5),var(--ma-color-061225ed)),url('/assets/mountains.webp') center 55% / cover; }
.footer-note { color:var(--ma-color-869ab6); }
.steps,.controls,.console-foot { flex-wrap:wrap; }
.console-foot { gap:8px; }
@media(min-width:1600px) { .hero { padding:95px 0 75px; min-height:700px; } }
@media(max-width:1100px) { .wrap { width:calc(100% - 56px); } .hero-grid { gap:30px; } nav { gap:20px; } .signal { padding:14px 10px; font-size:12px; gap:8px; } .console-bar { letter-spacing:1px; padding:18px 17px 7px; } .product { padding:23px 20px; } .product h3 { font-size:20px; } }
@media(max-width:900px) and (min-width:761px) { .nav-actions .button { display:none; } .hero-grid { grid-template-columns:1fr 1fr; gap:22px; } h1 { font-size:51px; } .intro { font-size:16px; } .hero .cta { gap:10px; } .hero .button { padding:12px 15px; gap:10px; } .console-bar .preview-label { display:none; } .signal .verdict { font-size:8px; padding:4px; } .signal .event span { font-size:10px; } .desktop-break { display:none; } }
@media(max-width:760px) { .wrap { width:calc(100% - 40px); } .nav-inner { min-height:70px; padding:12px 0; } .logo { font-size:30px; } .menu { border-color:var(--ma-color-4779a4); border-radius:7px; color:var(--ma-color-c8e4ff); } nav { gap:0; } .hero { padding:48px 0 32px; min-height:0; } .hero-grid { grid-template-columns:1fr; gap:36px; } .hero .eyebrow { font-size:10px; letter-spacing:2.5px; } h1 { font-size:clamp(44px,8.4vw,61px); letter-spacing:-2.3px; margin:18px 0 22px; } .intro { font-size:17px; line-height:1.65; } .desktop-break { display:none; } .hero .cta { margin-top:26px; } .hero .button { padding:13px 18px; font-size:13px; gap:16px; } .hero .fine { font-size:11px; } .console { transform:none; border-radius:12px; } .console-bar { font-size:10px; } .console-bar .preview-label { font-size:9px; } .signal { font-size:12px; padding:14px 10px; } .signal .event span { font-size:10px; } .hero-disclaimer { text-align:left; font-size:9px; } .summit:before { background-size:auto 1200px; background-position:53% 0; } .summit:after { background:linear-gradient(180deg,var(--ma-color-040d1c75),var(--ma-color-040d1c50) 34%,var(--ma-color-040d1ce3) 60%,var(--ma-color-040d1c) 90%); } #platform { padding:25px 0; } #platform .section-head { text-align:left; margin-bottom:25px; } #platform h2 { font-size:32px; line-height:1.2; } #platform .section-head p { font-size:14px; } .products { gap:16px; } .product { padding:25px; } .product h3 { font-size:23px; } .product .eyebrow { margin-top:4px; } .policy-strip { gap:10px; font-size:9px; letter-spacing:.1px; padding:10px 20px 35px; } .policy-strip span { width:20px; flex-shrink:1; } .signal .verdict { font-size:9px; } }
@media(prefers-reduced-motion:reduce) { .console { transform:none; } }
@media(max-width:360px) { .console-bar .preview-label { display:none; } .controls { gap:5px; } .filter { padding:6px 9px; } .policy-strip { font-size:8px; gap:7px; } }