:root{--ink:#1d2327;--mud:#eef0ee;--accent:#e8731a;--blue:#24506b;--line:#d5d9d6}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);line-height:1.55;font-size:17px}
img{max-width:100%;height:auto}
a{color:var(--blue)}
.tf-nav{background:var(--blue);color:#fff;padding:10px 16px;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;justify-content:space-between}
.tf-nav a{color:#fff;text-decoration:none}
.tf-logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.2rem;letter-spacing:.3px}
.tf-nav nav{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.95rem}
.tf-nav nav a{padding:6px 0}
.tf-nav nav a:hover{text-decoration:underline}
.tf-nav .lang{border:1px solid #fff9;border-radius:6px;padding:5px 9px}
.tf-foot{background:var(--ink);color:#cfd4d1;padding:28px 18px;font-size:.92rem;text-align:center;display:grid;gap:10px}
.tf-foot a{color:#fff}
.tf-foot .small{color:#9aa2a0;font-size:.85rem}
main .wrap,.wrap{max-width:960px;margin:0 auto;padding:40px 18px}
.hero{background:var(--mud);padding:48px 18px;text-align:center}
.hero h1{font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.15;margin:0 auto 14px;max-width:820px}
.hero p.lead{font-size:1.15rem;max-width:680px;margin:0 auto 18px}
.kicker{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:20px;padding:4px 12px;font-size:.85rem;font-weight:600;margin-bottom:14px}
.btn{display:inline-block;margin:6px;padding:14px 22px;border-radius:8px;font-weight:700;text-decoration:none;border:0;cursor:pointer;font-size:1rem}
.primary{background:var(--accent);color:#fff}
.secondary{background:#fff;color:var(--blue);border:2px solid var(--blue)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.card{background:var(--mud);border-radius:10px;padding:18px}
.card h3{margin:0 0 6px;font-size:1.1rem}
.band{background:var(--mud)}
.steps{counter-reset:s;list-style:none;padding:0}
.steps li{counter-increment:s;margin:0 0 16px;padding-left:46px;position:relative}
.steps li:before{content:counter(s);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;text-align:center;line-height:32px}
.price{border:2px solid var(--blue);border-radius:12px;padding:20px;background:#fff}
.price .big{font-size:2rem;font-weight:800}
.note{background:#fff4ea;border-left:4px solid var(--accent);padding:12px 16px;border-radius:0 8px 8px 0}
.sample{position:relative;border:1px solid var(--line);border-radius:10px;overflow:auto;background:#fff;margin:14px 0 26px}
.sample .tag{position:sticky;left:0;display:inline-block;background:#fde68a;color:#5a4300;font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:0 0 8px 0;letter-spacing:.4px}
table.sheet{border-collapse:collapse;width:100%;min-width:620px;font-size:.88rem}
.sheet th{background:#e8ece9;text-align:left;padding:7px 9px;border-bottom:1px solid var(--line);white-space:nowrap}
.sheet td{padding:7px 9px;border-bottom:1px solid #eef0ee;vertical-align:top}
.flag{display:inline-block;font-weight:700;font-size:.78rem;padding:2px 8px;border-radius:10px;white-space:nowrap}
.f-red{background:#fde2e1;color:#9b1c1c}.f-amb{background:#fef3c7;color:#8a5a00}.f-ok{background:#dcfce7;color:#166534}
tr.hl td{background:#fff8f1}
.digest{max-width:420px;margin:0 auto;background:#f4f5f4;border-radius:14px;padding:14px;font-size:.92rem}
.digest .msg{background:#fff;border-radius:12px;padding:12px 14px;box-shadow:0 1px 2px #0001}
form.tf{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;display:grid;gap:12px;max-width:620px}
form.tf label{font-weight:600}
form.tf input,form.tf select,form.tf textarea{width:100%;padding:11px;border:1px solid #bbb;border-radius:6px;font-size:1rem;font-family:inherit}
.prose{max-width:720px;margin:0 auto;padding:40px 18px}
.prose h1{line-height:1.2}
.muted{color:#5b6461;font-size:.92rem}
@media (max-width:560px){.tf-nav nav{font-size:.9rem;gap:2px 12px}.btn{display:block;margin:8px 0}}
.grid.g2{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr))}
.band .card{background:#fff}
