/* Public Talkio pages (/about, /offer, /privacy, /terms): no scripts, no tracking, system fonts. */
:root{--bg:#ffffff;--soft:#f6f7f9;--text:#141821;--muted:#5c6472;--line:#e5e8ee;--accent:#ff4d6d;--accent-strong:#e02a49;--accent-soft:#ffecef;--ok:#12a26b;--todo-bg:#fff4d6;--todo:#8a5a00;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--bg:#0c121c;--soft:#141b27;--text:#eef1f6;--muted:#a7b0c1;--line:rgba(160,174,198,.18);--accent:#ff5566;--accent-strong:#ff7a88;--accent-soft:rgba(255,85,102,.14);--ok:#4ade9b;--todo-bg:#3a2e10;--todo:#ffd479}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
a{color:var(--accent-strong)}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
header.site{border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:5}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:750;font-size:1.15rem;color:var(--text);text-decoration:none}
.brand img{width:36px;height:36px;border-radius:10px}
nav.site{display:flex;gap:18px;flex-wrap:wrap}
nav.site a{color:var(--muted);text-decoration:none;font-size:.95rem}
nav.site a:hover{color:var(--text)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:14px;background:var(--accent);color:#fff;font-weight:650;text-decoration:none;border:0}
.btn:hover{background:var(--accent-strong)}
.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}
.hero{padding:64px 0 48px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(2rem,4.6vw,3.1rem);line-height:1.12;margin:0 0 16px;letter-spacing:-.02em}
.hero p.lead{font-size:1.15rem;color:var(--muted);margin:0 0 28px;max-width:560px}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap}
.hero-card{background:var(--soft);border:1px solid var(--line);border-radius:24px;padding:24px}
.bubble{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin-bottom:10px;font-size:.95rem}
.bubble.me{background:var(--accent-soft);border-color:transparent;margin-left:28px}
.bubble small{display:block;color:var(--muted);font-size:.8rem;margin-top:4px}
section.block{padding:48px 0;border-top:1px solid var(--line)}
section.block h2{font-size:clamp(1.5rem,3vw,2rem);margin:0 0 12px;letter-spacing:-.01em}
section.block p.sub{color:var(--muted);margin:0 0 28px;max-width:720px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.card{background:var(--soft);border:1px solid var(--line);border-radius:20px;padding:22px}
.card h3{margin:0 0 6px;font-size:1.05rem}
.card p{margin:0;color:var(--muted);font-size:.95rem}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.steps li{list-style:none;background:var(--soft);border:1px solid var(--line);border-radius:20px;padding:22px;counter-increment:s}
.steps li::before{content:counter(s);display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--accent);color:#fff;font-weight:700;margin-bottom:10px}
.steps{padding:0;margin:0}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.plan{border:1px solid var(--line);border-radius:24px;padding:26px;display:flex;flex-direction:column;background:var(--bg)}
.plan.hl{border:2px solid var(--accent)}
.plan .name{font-weight:750;font-size:1.2rem}
.plan .price{font-size:2.2rem;font-weight:800;margin:8px 0 2px;letter-spacing:-.02em}
.plan .per{color:var(--muted);font-size:.9rem;margin-bottom:16px}
.plan ul{padding:0;margin:0 0 8px;list-style:none}
.plan li{padding:6px 0 6px 26px;position:relative;font-size:.95rem}
.plan li::before{content:"";position:absolute;left:4px;top:13px;width:12px;height:6px;border-left:2px solid var(--ok);border-bottom:2px solid var(--ok);transform:rotate(-45deg)}
.note{color:var(--muted);font-size:.9rem}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.facts .card ul{margin:8px 0 0;padding-left:20px;color:var(--muted);font-size:.95rem}
dl.req{display:grid;grid-template-columns:max-content 1fr;gap:8px 20px;margin:0}
dl.req dt{color:var(--muted)}
dl.req dd{margin:0;font-weight:600}
.todo{background:var(--todo-bg);color:var(--todo);border-radius:6px;padding:1px 6px;font-weight:600}
footer.site{border-top:1px solid var(--line);padding:32px 0 48px;color:var(--muted);font-size:.9rem}
footer.site .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between}
footer.site a{color:var(--muted)}
/* Documents */
main.doc{max-width:820px;margin:0 auto;padding:40px 20px 64px}
main.doc h1{font-size:clamp(1.6rem,3.6vw,2.2rem);line-height:1.2;margin:0 0 8px}
main.doc .meta{color:var(--muted);margin:0 0 28px;font-size:.95rem}
main.doc h2{font-size:1.2rem;margin:32px 0 10px}
main.doc p,main.doc li{font-size:1rem}
main.doc ol,main.doc ul{padding-left:22px}
main.doc table{border-collapse:collapse;width:100%;margin:8px 0 16px;font-size:.95rem}
main.doc th,main.doc td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top;overflow-wrap:anywhere}
dl.req dd{min-width:0;overflow-wrap:anywhere}
main.doc th{background:var(--soft)}
.offer-plans{table-layout:fixed}
.offer-plans th:nth-child(1),.offer-plans th:nth-child(3){width:15%}
.offer-plans th:nth-child(2){width:20%}
@media (max-width:860px){.hero{grid-template-columns:1fr;padding:40px 0 32px}.grid,.plans{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.facts{grid-template-columns:1fr}nav.site{display:none}}
@media (max-width:520px){.steps{grid-template-columns:1fr}dl.req{grid-template-columns:1fr;gap:2px}dl.req dd{margin-bottom:10px}.hero .cta .btn{width:100%}}
@media (max-width:600px){
  .offer-plans,.offer-plans tbody{display:block}
  .offer-plans thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .offer-plans tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:14px;padding:12px;margin:12px 0}
  .offer-plans td{display:block;border:0;overflow-wrap:normal;padding:8px}
  .offer-plans td:first-child,.offer-plans td:last-child{grid-column:1 / -1}
  .offer-plans td:first-child{font-size:1.1rem;font-weight:700}
  .offer-plans td[data-label]::before{content:attr(data-label);display:block;color:var(--muted);font-size:.85rem;font-weight:600;margin-bottom:2px}
}