*{box-sizing:border-box}body{margin:0;font:17px/1.65 system-ui,sans-serif;background:#f3f5f8;color:#142033}main{max-width:1080px;margin:auto;padding:64px 24px}a{color:#087962}header{display:flex;align-items:center;gap:16px;font-weight:700;letter-spacing:.08em;font-size:14px}header img{width:56px;height:56px;border-radius:16px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:start;padding:48px 0}h1{font-size:clamp(40px,7vw,72px);line-height:1.1;letter-spacing:-.05em;margin:0 0 24px}h2{line-height:1.25;margin-top:36px}p{color:#536479}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.button{padding:14px 22px;background:#087962;color:white;text-decoration:none;border-radius:14px;font-weight:650}.secondary{background:white;color:#142033;border:1px solid #dee5ed}.card{background:white;border:1px solid #dee5ed;padding:24px;border-radius:24px;margin:16px 0}.screens{display:grid;grid-template-columns:1fr 1fr;gap:16px}.screens img{width:100%;border-radius:20px;border:1px solid #dee5ed}footer{margin-top:48px;font-size:14px;color:#536479}article{max-width:760px}li{margin:10px 0}@media(prefers-color-scheme:dark){body{background:#0c1118;color:#f1f5fa}p,footer{color:#a5b2c4}a{color:#75e1c5}.button{background:#75e1c5;color:#0c1118}.card,.secondary{background:#171f2b;border-color:#2c3747;color:#f1f5fa}}@media(max-width:720px){main{padding-top:32px}.hero{grid-template-columns:1fr;gap:16px}}
.screens:has(img:only-child){grid-template-columns:minmax(0,1fr);max-width:330px;margin:auto}