
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.obsidian{--bg:#080a08;--text:#f3eddf;--muted:#9da39b;--card:#121612;--line:#ffffff1f;--accent:#b9ff45;--accentText:#10130d}.cobalt{--bg:#061126;--text:#eef5ff;--muted:#a5b6d0;--card:#0a1832;--line:#4085ff33;--accent:#126bff;--accentText:#fff}.chrome{--bg:#f7f7f4;--text:#1b1d1f;--muted:#676b70;--card:#fff;--line:#1b1d1f22;--accent:#18bfc1;--accentText:#fff}.nav{height:84px;max-width:1380px;margin:auto;padding:0 5vw;display:flex;align-items:center;gap:34px;border-bottom:1px solid var(--line)}.logo{font-weight:800;font-size:22px;margin-right:auto}.logo i{display:inline-block;width:24px;height:24px;border-radius:45%;vertical-align:middle;margin-right:10px;background:conic-gradient(var(--accent),transparent,var(--accent));box-shadow:0 0 16px color-mix(in srgb,var(--accent) 45%,transparent)}.nav nav{display:flex;gap:28px;font-size:14px;color:var(--muted)}.btn{display:inline-flex;padding:15px 20px;border-radius:11px;background:var(--accent);color:var(--accentText);font-weight:700}.chrome .btn{border-radius:99px;background:linear-gradient(110deg,#28c8cc,#d938b6)}.hero{min-height:690px;max-width:1380px;margin:auto;padding:90px 5vw 70px;display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;align-items:center}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:.19em;font-weight:800}.hero h1,.inner h1{font-size:clamp(50px,6vw,88px);line-height:.97;letter-spacing:-.06em;margin:24px 0}.obsidian .hero h1{font-family:Georgia,serif;font-weight:500}.lead{font-size:19px;line-height:1.65;color:var(--muted);max-width:650px}.actions{display:flex;gap:12px;margin:30px 0}.outline{padding:14px 19px;border:1px solid var(--line);border-radius:11px}.product-ui{border:1px solid var(--line);border-radius:22px;background:var(--card);padding:22px;box-shadow:0 40px 90px #0005;min-height:480px}.ui-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;color:var(--muted)}.live{color:#38d778}.messages{padding:22px 0}.messages p{padding:14px 16px;border-radius:13px;border:1px solid var(--line);max-width:78%;line-height:1.45}.messages p:nth-child(odd){margin-left:auto;background:color-mix(in srgb,var(--accent) 10%,var(--card))}.score{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.score div{border:1px solid var(--line);border-radius:12px;padding:15px}.score small{display:block;color:var(--muted)}.score strong{font-size:22px;color:var(--accent);display:block;margin-top:7px}.strip{display:grid;grid-template-columns:repeat(4,1fr);max-width:1240px;margin:0 auto 90px;border:1px solid var(--line)}.strip div{padding:22px;border-right:1px solid var(--line)}.strip div:last-child{border:0}.strip b{display:block;margin-bottom:8px}.strip span{font-size:13px;color:var(--muted)}.section{max-width:1240px;margin:auto;padding:100px 5vw}.section h2{font-size:clamp(38px,4.5vw,64px);letter-spacing:-.05em;line-height:1.05;margin:18px 0}.section-intro{max-width:720px;color:var(--muted);font-size:18px;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:55px}.card{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:28px;min-height:250px;display:flex;flex-direction:column}.card span{color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.card h3{font-size:25px;line-height:1.2;margin:45px 0 13px}.card p{color:var(--muted);line-height:1.65}.card b{margin-top:auto;font-size:13px}.flow{background:var(--card);max-width:none}.steps{display:grid;grid-template-columns:repeat(5,1fr);max-width:1130px;margin:55px auto 0}.steps div{border-top:1px solid var(--line);padding:20px 12px}.steps span{color:var(--accent);font-size:11px}.steps b{display:block;margin-top:18px}.form-section{display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-top:1px solid var(--line)}form{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:12px}input,select,textarea{padding:14px;border-radius:9px;border:1px solid var(--line);background:var(--card);color:var(--text);font:inherit}label.full,form button,form small{grid-column:1/-1}form button{border:0;cursor:pointer}form small{color:var(--muted)}.inner{max-width:1100px;margin:auto;padding:110px 5vw}.content{max-width:760px;margin:0 auto 90px}.content h2{font-size:34px;letter-spacing:-.03em;margin-top:55px}.content p,.content li{color:var(--muted);font-size:17px;line-height:1.8}.footer{padding:65px 5vw 30px;max-width:1380px;margin:auto;border-top:1px solid var(--line);display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer div{display:flex;flex-direction:column;gap:11px}.footer p,.footer a,.footer span{color:var(--muted);font-size:13px;line-height:1.6}.footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px;color:var(--muted)}@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.strip{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.form-section{grid-template-columns:1fr}}@media(max-width:600px){.nav{padding:0 20px}.nav>.btn{font-size:0;padding:12px}.nav>.btn:after{content:'↗';font-size:17px}.hero,.section,.inner{padding-left:20px;padding-right:20px}.hero h1,.inner h1{font-size:50px}.grid{grid-template-columns:1fr}.strip{margin:0 20px 60px}.score{grid-template-columns:1fr}.product-ui{min-height:auto}.form-section form{grid-template-columns:1fr}label, label.full,form button,form small{grid-column:1}.footer{grid-template-columns:1fr 1fr;padding:50px 20px}.footer>div:first-child{grid-column:1/-1}}
