:root{--ink:#12243a;--blue:#2e63ee;--pale:#eef4ff;--lime:#d5ff4f}*{box-sizing:border-box}body{color:var(--ink);background:#fbfdff;margin:0;font:16px/1.5 Arial,sans-serif}nav{justify-content:space-between;align-items:center;max-width:1180px;height:78px;margin:auto;padding:0 24px;display:flex}nav strong{font-size:24px}nav strong span{color:var(--blue)}nav div{gap:30px;display:flex}a{color:inherit;text-decoration:none}.ghost{background:#fff;border:1px solid #d7dfec;border-radius:999px;padding:10px 16px}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;max-width:1180px;margin:32px auto 72px;padding:48px 24px;display:grid}.eyebrow{letter-spacing:.16em;color:var(--blue);font-size:13px;font-weight:800}.hero h1{margin:14px 0;font-size:58px;line-height:1.04}.hero h1 em{color:var(--blue);font-style:normal}.lead{color:#536278;max-width:600px;font-size:20px}.cta{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:12px;margin:18px 0;padding:15px 22px;font-weight:800;display:inline-block}.hero small{color:#718096;display:block}.card{background:#fff;border:1px solid #dde5f2;border-radius:24px;padding:24px;transform:rotate(1deg);box-shadow:0 22px 55px #2e63ee1c}.progress{justify-content:space-between;display:flex}.road{background:linear-gradient(150deg,#dbe9ff,#f4f8ff);border-radius:16px;place-items:center;height:160px;margin:18px 0;font-size:80px;display:grid}.road span{color:#e24d4d;font-size:32px}.choice{border:1px solid #dbe3ee;border-radius:11px;margin-top:9px;padding:12px}.selected{border-color:var(--blue);background:var(--pale)}.strip{background:var(--ink);color:#fff;justify-content:center;gap:100px;padding:25px;display:flex}.strip div{flex-direction:column;display:flex}.strip b{color:var(--lime);font-size:24px}.strip span{color:#b9c6d7}.section{text-align:center;max-width:760px;margin:80px auto;padding:0 24px}.section h2{margin:8px;font-size:40px}.regions{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto 80px;display:grid}.regions div,.demoCard{background:#fff;border:1px solid #dde5f2;border-radius:16px;padding:24px}.demo{max-width:720px;margin:60px auto;padding:24px}.demoCard{margin-top:40px}footer{text-align:center;color:#66758a;border-top:1px solid #e6ebf2;padding:28px}@media (max-width:800px){nav div{display:none}.hero{grid-template-columns:1fr;padding-top:20px}.hero h1{font-size:44px}.strip{flex-wrap:wrap;gap:25px}.regions{grid-template-columns:1fr;margin:24px}.card{transform:none}}
