:root{font-family:Segoe UI,Arial,sans-serif;color:#10233f;background:#fffaf0;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1180px;margin:auto;padding:24px 32px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dcded7}header img{width:245px;max-width:100%}nav{display:flex;align-items:center;gap:24px}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #9c56ff;outline-offset:5px}.button{display:inline-block;background:#10233f;color:white;padding:16px 24px;border-radius:14px;font-weight:600}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;padding:70px 0}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:700;color:#446776}h1{font-size:clamp(38px,5vw,62px);line-height:1.1;letter-spacing:-2px;margin:18px 0}h2{font-size:34px;line-height:1.2}p{line-height:1.7}.lead{font-size:19px;color:#476074}.note{font-size:13px;color:#627483}.visual{background:#10233f;border-radius:42px;padding:45px;display:grid;grid-template-columns:1fr 1fr;gap:32px;box-shadow:0 24px 60px #10233f18}.visual i{display:block;width:100%;aspect-ratio:1}.square{background:#00d6c7;border-radius:22%}.circle{background:#ffd600;border-radius:50%}.triangle{background:#ff6066;clip-path:polygon(50% 0,100% 100%,0 100%)}.diamond{background:#b15aff;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.visual span{grid-column:1/-1;color:#eff7ff;text-align:center;font-size:15px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:60px}.cards article{padding:28px;background:white;border:1px solid #dce5e7;border-radius:22px}.cards b{color:#008e89}.cards p{color:#476074}.band{padding:36px;background:#e8f2df;border-radius:26px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.band h2{margin-top:0}.periods{display:flex;gap:12px;flex-wrap:wrap}.periods span{background:white;padding:18px;border-radius:14px;font-weight:700}.privacy{max-width:750px;padding:48px 0}footer{border-top:1px solid #dcded7;font-size:13px;color:#52667a}footer p{max-width:850px}footer a{text-decoration:underline}@media(max-width:750px){header,main,footer{padding:20px}header{flex-wrap:wrap;gap:18px}nav{gap:16px;font-size:14px}.hero{grid-template-columns:1fr;padding:38px 0;gap:30px}.visual{max-width:420px;width:100%;margin:auto}.cards,.band{grid-template-columns:1fr}.cards{gap:12px}h2{font-size:28px}}