:root{--bg:#faf9f7;--card:#fff;--ink:#222;--muted:#666;--accent:#e8590c;--accent-d:#c94a08;--line:#e6e1da;--radius:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
.container{max-width:940px;margin:0 auto;padding:0 16px}
section{scroll-margin-top:76px}
.site-header{background:#222;color:#fff;position:sticky;top:0;z-index:10}
@media print{.site-header{position:static}}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;flex-wrap:wrap}
.logo{font-weight:800;font-size:18px}
.header-nav{display:flex;gap:16px;align-items:center}
.header-nav a{color:#fff;text-decoration:none;font-size:14px}
.lang-switch{display:flex;border:1px solid #555;border-radius:999px;overflow:hidden}
.lang-btn{background:transparent;color:#fff;border:0;padding:6px 12px;cursor:pointer;font-weight:700}
.lang-btn.active{background:#fff;color:#222}
.hero{text-align:center;padding:32px 0 16px}
.hero h1{font-size:clamp(28px,4vw,44px);margin:0 0 8px}
.lead{color:var(--muted);max-width:640px;margin:0 auto 16px}
.btn-jump{display:inline-block;background:#f5f5f5;border:1px solid grey;color:#000!important;padding:6px 12px;border-radius:6px;text-decoration:none;font-size:14px}
.calc-card{background:var(--card);border:1px solid grey;border-radius:var(--radius);padding:20px;margin:20px 0}
.calc-card h2{margin-top:0}
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:700px){.calc-grid{grid-template-columns:1fr}}
.unit-toggle{display:flex;gap:8px;margin-bottom:12px}
.unit-btn{border:1px solid var(--line);background:#f5f5f5;border-radius:999px;padding:6px 16px;cursor:pointer;font-weight:700}
.unit-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}
.field-label{font-weight:700;display:block;margin:12px 0 6px}
input[type=range]{width:100%;accent-color:var(--accent)}
.temp-row{display:flex;gap:8px;align-items:center;margin-top:8px}
.temp-row input,.time-row input{padding:10px;border:1px solid #ccc;border-radius:8px;font-size:16px;width:120px;background:#fafafa}
.time-row{display:flex;gap:12px}
.time-row label{display:block;font-size:12px;color:var(--muted)}
.hint{font-size:13px;color:var(--muted)}
.calc-results{background:#f5f5f5;border-radius:10px;padding:16px}
.result-box{display:grid;gap:12px;margin:12px 0}
.result-item{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px}
.result-item strong{display:block;font-size:26px;color:var(--accent-d)}
.result-item .sub{color:var(--muted);font-size:14px}
.formula{font-size:13px;color:var(--muted)}
.btn-secondary{background:#222;color:#fff;border:0;border-radius:8px;padding:10px 14px;cursor:pointer}
.btn-secondary:hover{background:#000}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:700px){.faq-grid{grid-template-columns:1fr}}
.faq article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px}
.faq h3{margin:0 0 6px;font-size:17px}
.faq p{margin:0;color:#444;font-size:15px}
.site-footer{text-align:center;color:var(--muted);font-size:13px;padding:24px 0}
.footer-nav{margin-bottom:8px;font-size:14px}
.footer-nav a{color:var(--muted)}
.ad-slot{background:#fff;border:1px dashed var(--line);border-radius:10px;padding:8px;margin:20px 0;min-height:90px}
.ad-label{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.consent{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;background:#222;color:#fff;border-radius:12px;padding:14px 16px;box-shadow:0 8px 30px rgba(0,0,0,.3);max-width:720px;margin:0 auto}
.consent p{margin:0 0 10px;font-size:14px}
.consent-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.btn-ghost{background:transparent;color:#fff;border:1px solid #888;border-radius:8px;padding:10px 14px;cursor:pointer}
.consent-link{color:#fff;font-size:14px}
.legal{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;margin:20px 0}
.legal h1{margin-top:0}.legal h2{margin-top:20px}.legal p,.legal li{color:#444;font-size:15px}