:root { --bg:#f9f6ef; --surface:#fffdfa; --ink:#1d2730; --muted:#4a5966; --brand:#087458; --brand-2:#2a6eb7; --line:#dfe6df; --chip:#e8f5ef; --warn:#fff7e6; --shadow:0 14px 36px rgba(12,44,35,.12); --radius:18px; --max:1120px; }
    *{box-sizing:border-box} body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 420px at 10% -10%,#dff4e9 0%,transparent 65%),radial-gradient(1000px 320px at 100% 0%,#dcecff 0%,transparent 68%),var(--bg);color:var(--ink);line-height:1.55}
    .wrap{width:min(var(--max),100% - 2rem);margin:0 auto}.topbar{position:sticky;top:0;backdrop-filter:blur(8px);background:rgba(249,246,239,.9);border-bottom:1px solid var(--line);z-index:20}
    .topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:68px}.logo{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:700;font-size:1.15rem;letter-spacing:.3px;color:var(--ink);text-decoration:none}
    .top-links{display:flex;gap:.65rem;flex-wrap:wrap}.top-links a{text-decoration:none;color:var(--muted);font-weight:700;font-size:.93rem}
    .hero{padding:3.5rem 0 2rem}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1.5rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
    .hero-main{padding:2rem;position:relative;overflow:hidden}.hero-main::after{pointer-events:none;content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;background:radial-gradient(circle,rgba(14,138,108,.2),transparent 65%)}
    h1,h2,h3{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.15;margin:0} h1{font-size:clamp(2rem,3.2vw,3.15rem)} h2{font-size:clamp(1.3rem,2.1vw,2rem);margin-bottom:.9rem} h3{font-size:1.03rem}
    .lead{margin:1rem 0 1.4rem;color:var(--muted);max-width:62ch}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem}
    .btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;border-radius:12px;padding:.7rem 1rem;border:1px solid transparent;transition:.2s}.btn.primary{background:linear-gradient(120deg,var(--brand),#087458);color:#fff}.btn.ghost{background:#fff;color:var(--ink);border-color:var(--line)}.btn:hover{transform:translateY(-1px)}
    .hero-side{padding:1.15rem;display:grid;grid-template-rows:1fr 1fr;gap:1rem}.quick{border:1px solid var(--line);border-radius:14px;padding:1rem;background:#fff}.pill{display:inline-block;background:var(--chip);color:#0c624d;border-radius:999px;font-size:.82rem;font-weight:700;padding:.22rem .58rem;margin-bottom:.55rem}
    section.block{padding:1.2rem 0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.feature{padding:1rem;background:#fff;border:1px solid var(--line);border-radius:14px}
    .flow{display:grid;gap:.8rem}.step{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.9rem .95rem;display:grid;grid-template-columns:36px 1fr;gap:.8rem;align-items:flex-start}
    .num{width:36px;height:36px;border-radius:999px;background:#ebf4ff;border:1px solid #c8dcf7;color:var(--brand-2);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
    .hardware{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.hw{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.hw img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;display:block}.hw .txt{padding:.8rem .95rem 1rem}
    .seo-copy{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem}
    .note{background:var(--warn);border:1px solid #f6ddb1;border-radius:12px;padding:.95rem;color:#5f4a1c}.faq{display:grid;gap:.7rem}details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.75rem .9rem}summary{cursor:pointer;font-weight:700;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
    .stl{border:1px dashed #c9d9ce;border-radius:14px;background:#fcfefc;padding:1rem} footer{margin-top:2rem;border-top:1px solid var(--line);padding:1.2rem 0 2rem;color:var(--muted);font-size:.95rem}
    @media (max-width:920px){.hero-grid,.grid-3,.hardware{grid-template-columns:1fr}.hero{padding-top:2rem}.top-links{display:none}}

html{scroll-padding-top:100px}a:focus-visible,summary:focus-visible{outline:3px solid #2a6eb7;outline-offset:4px}
.skip-link{position:absolute;left:1rem;top:-100px;z-index:30;background:#fff;color:#07543f;padding:.75rem;border:2px solid #087458;border-radius:8px}.skip-link:focus{top:1rem}
.lang-switch{display:inline-flex;flex-shrink:0;background:#fff;border:1px solid #dfe6df;border-radius:999px;padding:4px}.lang-switch a{border-radius:999px;padding:.45rem .65rem;text-decoration:none;color:#4a5966;font-weight:700}.lang-switch a.active{background:#087458;color:#fff}
.requirements{padding:1rem 1rem 1rem 2rem;border:1px solid var(--line);border-radius:14px;background:#fff}.requirements li{margin:.5rem 0}
@media(max-width:480px){.topbar-inner{flex-wrap:wrap;justify-content:center;gap:.4rem;padding:.6rem 0}.hero-main{padding:1.2rem}.top{flex-wrap:wrap}.btn{max-width:100%;text-align:center}.hero-main::after{pointer-events:none}h1{overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}

.btn.donation{background:#ffc439;color:#003087;border-color:#ffc439}.btn.donation:hover{background:#f0b72f;border-color:#f0b72f}