
:root{--bg:#fffaf0;--card:#fff;--text:#151515;--muted:#626262;--line:#ece3cf;--accent:#ffcc00;--accent2:#111827;--green:#13a46b;--blue:#2563eb;--shadow:0 18px 50px rgba(25,20,5,.09);--radius:24px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,"Helvetica Neue",sans-serif;background:linear-gradient(180deg,#fff9e9 0,#fff 28%,#fff 100%);color:var(--text);line-height:1.6}
a{color:inherit}.container{max-width:1180px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{min-height:74px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;text-decoration:none}.logo{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--accent);box-shadow:inset 0 -3px 0 rgba(0,0,0,.12)}
.menu{margin-left:auto;display:flex;gap:4px;align-items:center}.menu a{padding:10px 12px;text-decoration:none;color:#333;border-radius:12px;font-size:15px}.menu a:hover{background:#fff3c4}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:16px;background:var(--accent2);color:#fff;text-decoration:none;font-weight:800;padding:13px 18px;box-shadow:0 12px 30px rgba(17,24,39,.12);cursor:pointer}.btn.yellow,.nav-cta{background:var(--accent);color:#111}.btn.ghost{background:#fff;color:#111;border:1px solid var(--line);box-shadow:none}.btn.green{background:var(--green)}
.hero{padding:72px 0 44px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 12px;color:#4b4b4b;font-weight:700;font-size:14px}.hero h1{font-size:52px;line-height:1.05;letter-spacing:-1.8px;margin:18px 0 16px}.lead{font-size:20px;color:#4b4b4b;max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.trust div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;font-weight:750}
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.download-card h2{margin:0 0 12px}.quick-list{display:grid;gap:10px}.quick-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;text-decoration:none;background:#fffdf7}.quick-list a:hover{border-color:#f2c000;background:#fff8db}.tag{display:inline-flex;border-radius:99px;background:#f4f4f5;color:#333;padding:4px 9px;font-size:12px;font-weight:800}
.section{padding:44px 0}.section h2{font-size:34px;line-height:1.15;margin:0 0 14px;letter-spacing:-.7px}.muted{color:var(--muted)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 8px 28px rgba(25,20,5,.05)}.card h3{margin:0 0 8px;font-size:21px}.card p{margin:0 0 12px}.icon{font-size:30px}.download-table{width:100%;border-collapse:separate;border-spacing:0 10px}.download-table th{text-align:left;color:#666;font-size:14px}.download-table td,.download-table th{padding:12px}.download-table tr:not(:first-child){background:#fff;border-radius:16px}.download-table td{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.download-table td:first-child{border-left:1px solid var(--line);border-radius:16px 0 0 16px;font-weight:800}.download-table td:last-child{border-right:1px solid var(--line);border-radius:0 16px 16px 0}
.steps{counter-reset:st;display:grid;gap:14px}.step{position:relative;padding:18px 18px 18px 64px;border:1px solid var(--line);border-radius:20px;background:#fff}.step:before{counter-increment:st;content:counter(st);position:absolute;left:18px;top:18px;width:32px;height:32px;border-radius:11px;background:var(--accent);display:grid;place-items:center;font-weight:900}
.note{border-left:5px solid var(--accent);background:#fff8d9;border-radius:18px;padding:18px}.warn{border-left:5px solid #ef4444;background:#fff1f1;border-radius:18px;padding:18px}.ok{border-left:5px solid var(--green);background:#eefdf6;border-radius:18px;padding:18px}
.faq{display:grid;gap:12px}.faq details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px}.faq summary{font-weight:850;cursor:pointer}
pre{overflow:auto;background:#111827;color:#f8fafc;padding:18px;border-radius:18px;font-size:14px}code{font-family:Consolas,monospace}
.breadcrumbs{padding:20px 0;color:#777;font-size:14px}.breadcrumbs a{color:#333;text-decoration:none}.page-head{padding:30px 0 22px}.page-head h1{font-size:46px;line-height:1.08;margin:10px 0}.mini-hero{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow)}.footer{margin-top:50px;background:#111827;color:#d1d5db;padding:38px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:24px}.footer a{display:block;color:#fff;text-decoration:none;margin:7px 0}
@media(max-width:900px){.hero-grid,.grid-3,.grid-2,.footer-grid{grid-template-columns:1fr}.hero h1,.page-head h1{font-size:38px}.menu{display:none}.nav-cta{margin-left:auto}.trust{grid-template-columns:1fr}.download-table{font-size:14px}}
