:root{--navy:#101f38;--navy2:#16294a;--paper:#f7f5ef;--ink:#17202e;--muted:#667085;--accent:#ffb020;--good:#12805c;--line:#e3ded2}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"IBM Plex Sans",system-ui,sans-serif}
.hero{background:var(--navy);color:#fff;padding:56px 20px 40px;text-align:center}
.kicker{letter-spacing:.18em;text-transform:uppercase;color:#9fb6da;font-size:12px;font-weight:600}
.hero h1{font-family:"Space Grotesk",sans-serif;font-size:clamp(42px,8vw,84px);line-height:.95;margin:14px 0}
.sub{max-width:640px;margin:0 auto;color:#d5deee;line-height:1.6}
.progress{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;list-style:none;padding:0;margin:28px auto 0;max-width:760px}
.progress li{border:1px solid #35507c;border-radius:999px;padding:8px 14px;color:#aebfe0;font-size:14px}
.progress li.active{border-color:var(--accent);color:#fff}
.progress li.done{background:var(--good);border-color:var(--good);color:#fff}
main{max-width:1060px;margin:0 auto;padding:28px 16px 48px}
.trial{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;margin:20px 0;box-shadow:0 10px 30px rgba(16,31,56,.06)}
.trial h2{font-family:"Space Grotesk",sans-serif;margin:0 0 8px;font-size:28px}
.trial p{line-height:1.6;color:#39445a}
.trial.locked{opacity:.55}
.trial.locked iframe{display:none}
.trial iframe{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff}
#frame-1{height:460px}
#frame-2{height:760px}
#frame-3{height:640px}
.status{font-weight:600;color:var(--navy2)}
.trial.passed{outline:2px solid var(--good)}
.download{text-align:center}
.download-btn{display:inline-block;background:var(--accent);color:#241a00;font-weight:700;text-decoration:none;padding:16px 22px;border-radius:999px;font-size:17px}
.download-btn.disabled{pointer-events:none;filter:grayscale(1);opacity:.45}
.fineprint,footer p{color:var(--muted);font-size:13px;line-height:1.6}
footer{max-width:1060px;margin:0 auto}
a{color:#2057a5}
@media(max-width:640px){#frame-2{height:980px}#frame-1{height:430px}#frame-3{height:600px}.trial{padding:16px}}