:root { --accent:#f29b8f; --accent-dark:#c96861; --ink:#172631; --soft:#526c79; --faint:#748b97; --surface:rgba(255,255,255,.86); --line:rgba(55,79,91,.16); --shadow:0 18px 50px rgba(61,82,94,.13); }
* { box-sizing:border-box; }
html { background:#d8e3ea; }
body { margin:0; min-height:100vh; color:var(--ink); font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:radial-gradient(110% 80% at 50% 0%,#f2f6f8 0%,#dbe5ec 55%,#c8d6df 100%); }
a { color:inherit; }
.site-header { max-width:1160px; margin:0 auto; padding:24px 24px 10px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.brand { display:flex; align-items:center; gap:11px; text-decoration:none; }
.brand-mark { width:38px; height:38px; border-radius:50%; display:grid; place-items:center; background:var(--accent); font-size:19px; }
.brand strong { display:block; font-size:17px; }
.brand small { display:block; margin-top:3px; color:var(--accent-dark); font-size:8px; font-weight:800; letter-spacing:.15em; }
.web-link { padding:9px 14px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.55); color:var(--soft); font-size:13px; font-weight:700; text-decoration:none; }
main { max-width:1160px; margin:0 auto; padding:52px 24px 70px; }
.hero { max-width:760px; margin-bottom:34px; }
.eyebrow { color:var(--accent-dark); font-size:11px; font-weight:800; letter-spacing:.14em; }
h1 { margin:12px 0 14px; max-width:680px; font-size:clamp(38px,6vw,70px); line-height:.98; letter-spacing:-.045em; }
.hero p { margin:0; max-width:710px; color:var(--soft); font-size:clamp(16px,2vw,20px); line-height:1.55; }
.downloads { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; align-items:stretch; }
.download-card { position:relative; display:flex; flex-direction:column; padding:22px; border:1px solid var(--line); border-radius:22px; background:var(--surface); box-shadow:var(--shadow); }
.download-card.recommended { border:2px solid var(--accent); padding:21px; }
.tag { align-self:flex-start; padding:5px 9px; border-radius:999px; background:rgba(242,155,143,.17); color:var(--accent-dark); font-size:10px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.download-card h2 { margin:15px 0 7px; font-size:23px; letter-spacing:-.025em; }
.download-card>p { min-height:62px; margin:0 0 16px; color:var(--soft); font-size:14px; line-height:1.5; }
.download-button { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:13px 14px; border-radius:12px; background:var(--accent); color:#172631; font-size:13px; font-weight:800; text-decoration:none; }
.download-button:hover { background:#f6aca1; transform:translateY(-1px); }
.download-button.secondary { background:#e9eff3; border:1px solid var(--line); }
.download-button span { flex:0 0 auto; color:rgba(23,38,49,.6); font-size:10px; }
.download-card ol { margin:18px 0 0; padding-left:20px; color:var(--soft); font-size:12.5px; line-height:1.55; }
.download-card li+li { margin-top:6px; }
.help { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-top:34px; padding:28px 4px 0; border-top:1px solid var(--line); }
.help h2 { margin:0 0 7px; font-size:15px; }
.help p { margin:0; color:var(--soft); font-size:13px; line-height:1.55; }
.help a { color:var(--accent-dark); font-weight:800; }
footer { max-width:1160px; margin:0 auto; padding:20px 24px 34px; border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:20px; color:var(--faint); font-size:11px; }
footer a { color:var(--soft); }
@media (max-width:850px) { main{padding-top:34px}.downloads{grid-template-columns:1fr}.download-card>p{min-height:0}.help{grid-template-columns:1fr;gap:20px} }
@media (max-width:520px) { .site-header{padding:16px 16px 6px}.brand strong{font-size:14px}.brand small{font-size:7px}.web-link{padding:8px 10px;font-size:11px}main{padding:35px 16px 52px}h1{font-size:42px}.download-card{border-radius:18px;padding:18px}.download-card.recommended{padding:17px}footer{padding:18px 16px 28px;flex-direction:column} }