:root{--navy:#101a3a;--blue:#5360df;--teal:#65b8bc;--ink:#111a34;--muted:#62708b;--line:#dfe5f0;--paper:#f5f7fc}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit;cursor:pointer}nav{justify-content:space-between;align-items:center;max-width:1180px;height:76px;margin:auto;padding:0 28px;display:flex}.brand{color:var(--navy);align-items:center;gap:10px;font-size:20px;font-weight:900;display:flex}.brand span,.avatar{color:#fff;background:linear-gradient(145deg,var(--blue),var(--teal));place-items:center;font-weight:900;display:grid}.brand span{border-radius:12px;width:39px;height:39px}nav button{color:var(--navy);background:#fff;border:1px solid #cad3e5;border-radius:999px;padding:10px 18px;font-weight:800}.hero{background:radial-gradient(circle at 0 40%,#c9f2ef70,#0000 28%),radial-gradient(circle at 100% 5%,#cfd3ff75,#0000 30%),linear-gradient(#fafcff,#f2f6fc);grid-template-columns:1fr 480px;align-items:center;gap:72px;min-height:calc(100vh - 76px);padding:70px max(28px,50vw - 560px);display:grid}.eyebrow{color:var(--blue);letter-spacing:.18em;font-size:12px;font-weight:900}h1{color:var(--navy);letter-spacing:-.055em;margin:18px 0;font-size:clamp(50px,5.4vw,76px);line-height:1.02}.intro{max-width:560px;color:var(--muted);font-size:19px;line-height:1.58}.card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:26px;padding:42px;box-shadow:0 28px 70px #1829561c}.avatar{border-radius:18px;width:60px;height:60px;margin:auto;font-size:24px}.card h2{color:var(--navy);margin:25px 0 12px;font-size:28px}.card p{color:var(--muted);line-height:1.6}.primary{background:var(--navy);color:#fff;border:0;border-radius:13px;width:100%;margin-top:18px;padding:15px;font-weight:900}.card small{color:#78849a;margin-top:14px;display:block}@media (max-width:850px){.hero{grid-template-columns:1fr;gap:38px;padding-top:42px}.card{max-width:560px}.hero>div{text-align:center}.intro{margin-inline:auto}}@media (max-width:520px){nav{padding:0 17px}.hero{padding:38px 15px 55px}h1{font-size:44px}.card{padding:30px 22px}.brand{font-size:17px}}