:root{--navy:#101a35;--blue:#496bd8;--ice:#eef3ff;--coral:#ff8d72}*{box-sizing:border-box}body{margin:0;color:var(--navy);font:16px/1.65 system-ui,sans-serif;background:#fff}a{color:inherit;text-decoration:none}header{padding:20px 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce3f2}.logo{font-weight:800;font-size:20px}.logo small{color:var(--blue)}nav{display:flex;gap:22px;font-size:14px}#menu{display:none}.hero{display:grid;grid-template-columns:1.45fr .8fr;gap:8vw;padding:100px 8vw;background:linear-gradient(135deg,var(--ice),#fff)}.pill{display:inline-block;background:#dce6ff;color:#294fae;padding:7px 12px;border-radius:99px;font-size:12px;font-weight:700}.hero h1{font-size:clamp(42px,6.5vw,88px);line-height:.98;letter-spacing:-.055em;margin:.35em 0}.hero strong{color:var(--blue)}.hero p{max-width:650px;font-size:19px}.primary{display:inline-block;background:var(--coral);padding:14px 22px;border-radius:10px;font-weight:800;margin-top:15px}.hero aside{background:var(--navy);color:#fff;padding:34px;border-radius:24px;align-self:center}.hero li{margin:14px 0}.guide,.shop{display:grid;grid-template-columns:.25fr 1.4fr;gap:30px;padding:90px 9vw}.num{font-size:14px;color:var(--blue);font-weight:900}.guide h2,.steps h2,.shop h2,.operator h2{font-size:clamp(34px,5vw,60px);line-height:1.05;margin:.1em 0 .5em}.guide div{max-width:850px}.steps{padding:90px 9vw;background:var(--navy);color:#fff}.steps ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps li{border-top:3px solid var(--coral);padding-top:24px}.steps span{font-weight:800;font-size:20px}.shop{background:var(--ice);grid-template-columns:1fr 1.4fr}.choices{display:grid;gap:14px}.choices a{background:#fff;border-radius:16px;padding:22px;display:flex;justify-content:space-between;box-shadow:0 8px 30px #23346b12}.choices span{color:var(--blue);font-weight:700}.operator{padding:90px 9vw;max-width:1050px}footer{padding:40px 6vw;border-top:1px solid #dce3f2;display:flex;justify-content:space-between;gap:25px}footer div{display:flex;flex-wrap:wrap;gap:16px}@media(max-width:740px){nav{display:none}#menu{display:none}.hero,.guide,.shop{grid-template-columns:1fr;padding:65px 6vw}.steps,.operator{padding:65px 6vw}.steps ol{grid-template-columns:1fr}.hero h1{overflow-wrap:anywhere}footer{flex-direction:column}}