*{box-sizing:border-box}body{margin:0;background:#f8f6f2;color:#242824;font:17px/1.7 system-ui,sans-serif}a{color:inherit}header,main,footer{max-width:1060px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;align-items:center}header>a{font-weight:800;text-decoration:none;line-height:1.3}nav{display:flex;gap:22px;font-size:14px}nav a{text-decoration:none}.tag{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#737770}h1{font-size:clamp(48px,7vw,86px);line-height:1.05;letter-spacing:-3px;margin:24px 0}h2{font-size:30px;line-height:1.2;letter-spacing:-.8px}p{max-width:660px}.left{color:#ba5266}.right{color:#476dad}.hero{padding:64px 0;display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}.demo{background:white;border:1px solid #e8e7e0;border-radius:30px;min-height:400px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 12px 40px #24282408}.demo strong{font-size:42px;line-height:1.1}.choices{display:flex;gap:12px}.choices span{flex:1;text-align:center;border-radius:16px;padding:14px;font-size:15px;font-weight:700;background:#f9e9ed}.choices span:last-child{background:#eaf0fa}.note{padding:14px 18px;border-left:3px solid #ba5266;background:#fff;margin:20px 0;font-size:14px}.section{border-top:1px solid #e8e7e0;padding:38px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.steps b{font-size:20px}.steps p{font-size:15px;color:#737770}.article{max-width:780px}.article h1{font-size:48px;letter-spacing:-1.7px}.article h2{margin-top:36px;font-size:25px}.article li{margin-bottom:10px}footer{border-top:1px solid #e8e7e0;font-size:13px;color:#737770;display:flex;justify-content:space-between;gap:20px}.button{display:inline-block;text-decoration:none;background:#242824;color:white;border-radius:16px;padding:12px 20px;font-weight:700}a:focus-visible{outline:3px solid #476dad;outline-offset:4px} @media(max-width:700px){header{align-items:flex-start}nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.hero{grid-template-columns:1fr;padding:30px 0;gap:24px}.demo{min-height:330px}.steps{grid-template-columns:1fr;gap:12px}footer{flex-direction:column}h1{letter-spacing:-2px}.article h1{font-size:38px}}