:root{font-family:system-ui,sans-serif;color:#e7edf0;background:#111c24;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1200px;margin:auto;padding:26px 32px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #30414b}.brand{font-size:24px;font-weight:750;letter-spacing:.08em}a{color:#95e3d5;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid #95e3d5;outline-offset:6px}nav{display:flex;gap:24px}main{padding-top:68px}.eyebrow{font-size:12px;letter-spacing:.2em;color:#95e3d5}h1{font-size:clamp(30px,5vw,58px);line-height:1.1;letter-spacing:-.04em;margin:24px 0}.intro{max-width:740px;font-size:18px;line-height:1.8;color:#b4c4cd}section{margin-top:58px}h2{font-size:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{display:flex;flex-direction:column;padding:28px;min-height:270px;background:#1b2b36;border:1px solid #354b59;border-radius:12px}.card .tag{font-size:12px;color:#89b6c9;text-transform:uppercase;letter-spacing:.08em}.card h3{font-size:25px;margin:22px 0 10px}.card p{line-height:1.8;color:#b4c4cd;flex:1}.button{display:inline-block;font-weight:600;padding:12px 0}.secondary{display:grid;grid-template-columns:1fr 1fr;gap:38px;border-top:1px solid #30414b;padding-top:24px}.secondary p,.note{color:#9dafba;line-height:1.8}.note{font-size:13px;margin-top:36px}footer{color:#839aa6;font-size:12px;margin-top:30px}#error{color:#ffb1ae}@media(max-width:760px){.grid,.secondary{grid-template-columns:1fr}header,main,footer{padding-left:20px;padding-right:20px}main{padding-top:36px}.card{min-height:230px}}

.quick-preview{font-size:13px;color:#b4c4cd;padding:8px 0}.card:hover{border-color:#68b5ae}