:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;background:#101419;color:#f3f4ef;--gold:#dcc28b;--muted:#a6b0b7}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1160px;margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2a3035}.brand{font-size:28px;font-weight:600;color:#f2eee3;text-decoration:none;display:flex;align-items:center}.mark{font-size:19px;background:var(--gold);color:#171b1d;border-radius:10px;padding:9px 8px;margin-right:3px}.tag{font-size:10px;letter-spacing:2px;margin-left:20px;color:var(--muted)}.status{font-size:12px;color:var(--muted)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:90px 0 70px;align-items:center}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2.8px;color:var(--gold)}h1{font-size:clamp(40px,5vw,66px);line-height:1.04;letter-spacing:-2.3px;font-weight:500;margin:25px 0}.intro{font-size:18px;line-height:1.7;color:var(--muted);max-width:460px}.primary{display:flex;justify-content:space-between;align-items:center;gap:35px;width:fit-content;text-decoration:none;background:var(--gold);color:#101419;padding:17px 22px;border:0;border-radius:8px;font-size:15px;font-weight:650;cursor:pointer;margin-top:30px}.primary:hover{background:#edd8aa}.primary:disabled{opacity:.6;cursor:wait}.small{font-size:12px;color:var(--muted);margin-top:18px}.visual{background:#1b2329;border:1px solid #3b454d;padding:18px;border-radius:18px;box-shadow:0 25px 80px #0006;transform:perspective(900px) rotateY(-7deg)}.screen-top,.screen-bottom{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.2px;padding:4px 0 16px;color:var(--gold)}.screen-top span:first-child{font-size:16px;font-weight:700;letter-spacing:-.5px}.screen-top span+span{font-size:9px;color:#abcab7;padding-top:4px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.grid>div{aspect-ratio:1.45;position:relative;overflow:hidden;background:linear-gradient(137deg,#455459,#28353a 45%,#161e24 45%,#212f33);border:1px solid #51605f}.grid>div:nth-child(2){background:linear-gradient(35deg,#1c242a,#3e4948 55%,#71817b)}.grid>div:nth-child(3){background:linear-gradient(130deg,#7b8075,#263535 55%,#1c2329)}.grid>div:nth-child(4){background:linear-gradient(30deg,#1b252c,#536360 55%,#aaa894)}.grid i{position:absolute;inset:20% 25%;border:1px solid #ffffff18;transform:skewY(-12deg);background:#0001}.grid span{position:absolute;bottom:0;left:0;right:0;background:#0004;padding:7px;font-size:10px}.screen-bottom{padding:18px 0 1px;color:var(--muted);font-size:9px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;border-top:1px solid #2a3035;border-bottom:1px solid #2a3035;padding:35px 0}.steps b{color:var(--gold);font-size:12px}.steps h2{font-size:17px;font-weight:550}.steps p,.consult p,.notes p{font-size:14px;color:var(--muted);line-height:1.7}.consult{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:80px 0}.consult h2{font-size:35px;font-weight:500;letter-spacing:-1px}.plans{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.plans span{border:1px solid #41484b;color:#d7d8d1;font-size:12px;padding:7px 10px;border-radius:5px}form{padding:28px;background:#1a2026;border:1px solid #333c43;border-radius:14px}label{display:block;font-size:13px;color:#ddd;margin-bottom:10px}input{font:16px Consolas,monospace;width:100%;padding:15px 12px;border:1px solid #414b53;border-radius:6px;background:#11171d;color:white;margin-bottom:24px;text-transform:uppercase}input:focus{outline:2px solid var(--gold);outline-offset:2px}form .primary{width:100%;margin-top:0}#result{font-size:12px;min-height:42px;margin-bottom:0}.notes{max-width:730px;margin:0 auto;padding-bottom:80px}.notes h2{font-size:25px;font-weight:500;margin-bottom:30px}details{border-bottom:1px solid #30383d;padding:18px 0}summary{font-size:15px;cursor:pointer;line-height:1.5}details p{max-width:660px}footer{border-top:1px solid #30383d;display:flex;align-items:center;justify-content:space-between;padding:30px 0 45px;color:var(--muted);font-size:12px}footer .brand{font-size:22px}@media(max-width:1240px){header,main,footer{margin-left:6vw;margin-right:6vw}}@media(max-width:720px){header{height:80px}.tag{display:none}.status{font-size:10px}.hero{grid-template-columns:1fr;gap:35px;padding:50px 0}.visual{transform:none}.steps{grid-template-columns:1fr;gap:20px}.consult{grid-template-columns:1fr;gap:25px;padding:50px 0}form{padding:20px}.notes{padding-bottom:40px}footer{gap:15px}.intro{font-size:16px}.primary{min-height:50px}}