@font-face{font-family:Onest;src:url('/landing/assets/fonts/onest-variable.woff2') format('woff2');font-display:swap}
*{box-sizing:border-box}body{margin:0;background:#fff;color:#25272a;font-family:Onest,sans-serif}a{color:inherit;text-decoration:none}header,main,footer{max-width:1040px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center}header>a:first-child{font-size:24px;font-weight:600}h1{font-size:36px;font-weight:500;line-height:1.2;text-align:center;margin:32px 0 16px}.intro{text-align:center;line-height:1.6;color:#626262}.templates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;margin-top:40px}article{min-width:0}article>img{display:block;width:100%;height:440px;object-fit:contain;background:#f3f4f5;border-radius:8px}h2{font-size:24px;font-weight:500;margin-bottom:8px}article>p{color:#626262;line-height:1.5}[data-colors]{display:flex;gap:12px}[data-colors] button{width:44px;height:44px;border:0;border-radius:8px;padding:7px;background:transparent;cursor:pointer}[data-colors] button span{display:block;height:100%;border-radius:6px;background:var(--color)}[data-colors] button[aria-pressed=true]{box-shadow:inset 0 0 0 2px #25272a}.actions{display:flex;gap:12px;flex-wrap:wrap}.actions>a{flex:1;justify-content:center}.note{margin-top:48px;line-height:1.6;color:#626262;max-width:650px}footer{display:flex;flex-wrap:wrap;gap:24px;font-size:14px;color:#626262}@media(max-width:640px){h1{font-size:28px}.templates{grid-template-columns:1fr;gap:40px}article>img{height:420px}header,main,footer{padding:20px}}