*{box-sizing:border-box}body{margin:0;background:#171b23;color:#f1eef8;font:17px/1.65 system-ui,sans-serif}a{color:#c3b5ef}header,main,footer{max-width:1280px;margin:auto;padding:24px 32px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #3b4150}.brand{display:flex;align-items:center;gap:12px;color:#f1eef8;text-decoration:none;font-size:19px;font-weight:650}.brand img{width:48px;height:48px}nav{display:flex;gap:18px;flex-wrap:wrap;font-size:15px}h1{font-size:clamp(38px,5vw,64px);line-height:1.08;letter-spacing:-.035em}h2{font-size:26px;line-height:1.3;margin-top:32px}p{max-width:76ch}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}.hero figure{margin:0}.hero img{width:100%;max-height:780px;object-fit:contain}.features{display:grid;grid-template-columns:1fr 1fr;gap:42px;border-top:1px solid #3b4150;margin-top:40px}.features img{width:100%;max-height:720px;object-fit:contain;object-position:top}figcaption,footer{font-size:13px;color:#b8bbca}aside{border-left:3px solid #c3b5ef;padding:8px 18px}article{max-width:880px;margin:auto}article h1{font-size:40px}footer{border-top:1px solid #3b4150;margin-top:36px}@media(max-width:720px){header,main,footer{padding:20px}header{display:block}nav{margin-top:18px;gap:14px}.hero,.features{grid-template-columns:1fr;gap:24px}.hero h1{font-size:43px}.hero figure{max-width:380px;margin:auto}article h1{font-size:35px}}