:root{--bg:#FBF7F3;--ink:#22252B;--muted:#5C6068;--card:#fff;--k:#B24730;--kbg:#FFE9E1;--n:#167584;--nbg:#DDF3F0;--p:#7758B2;--pbg:#F0E8FA;--w:#9B5F1A;--wbg:#FFF0DC;--h:#AF4364;--hbg:#FDE7EE;--a:#42783F;--abg:#E9F3E6}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);line-height:1.6;background:#FFEFE8;background-image:radial-gradient(circle at 15% 8%,rgba(245,168,143,.55),transparent 45%),radial-gradient(circle at 90% 40%,rgba(143,217,211,.55),transparent 40%),radial-gradient(circle at 30% 92%,rgba(201,179,230,.5),transparent 45%),linear-gradient(180deg,#FFEFE8,#E6F7F5);background-repeat:no-repeat;min-height:100vh}
a{color:var(--n)}
header{position:sticky;top:0;background:rgba(251,247,243,.9);backdrop-filter:blur(8px);border-bottom:1px solid rgba(0,0,0,.06);z-index:9}
.nav{max-width:1040px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.nav .brand{display:flex;align-items:center;gap:10px;font-weight:700;text-decoration:none;color:var(--ink);font-size:18px;margin-right:auto}
.nav .brand img{width:34px;height:34px;border-radius:9px}
.nav a.l{color:var(--muted);text-decoration:none;font-size:14px;padding:6px 8px;border-radius:8px}.nav a.l:hover{background:rgba(0,0,0,.05);color:var(--ink)}
main{max-width:1040px;margin:0 auto;padding:24px 16px 60px}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;padding:32px 0 16px}
.hero h1{font-size:clamp(30px,5vw,46px);line-height:1.12;margin:0 0 14px;letter-spacing:-.01em}
.hero p.lead{font-size:18px;color:var(--muted);margin:0 0 22px}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--k);color:#fff;text-decoration:none;padding:13px 20px;border-radius:999px;font-weight:600;font-size:16px;box-shadow:0 6px 18px rgba(178,71,48,.25)}
.btn.sec{background:#fff;color:var(--ink);box-shadow:0 2px 10px rgba(0,0,0,.06)}
.btns{display:flex;gap:10px;flex-wrap:wrap}
.phone{justify-self:center;width:min(300px,80vw);aspect-ratio:9/18.5;border-radius:36px;background:#1c1f26;padding:10px;box-shadow:0 30px 60px rgba(0,0,0,.25)}
.phone .scr{height:100%;border-radius:28px;background:linear-gradient(160deg,#FFE9E1,#FBF7F3 45%,#DDF3F0);padding:18px 14px;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.bub{border-radius:14px;padding:9px 12px;font-size:13px;max-width:88%;line-height:1.35}
.bub.me{background:#fff;align-self:flex-end}.bub.ai{background:var(--pbg);border-left:3px solid var(--p);align-self:stretch;max-width:100%}
.bub.them{background:var(--nbg);align-self:flex-start}
.bub small{display:block;font-size:10px;color:var(--muted);margin-bottom:3px;font-weight:600}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:26px 0}
.card{background:var(--card);border-radius:18px;padding:18px 18px 16px;box-shadow:0 2px 12px rgba(0,0,0,.05)}
.card[class*="tone-"]{background:var(--tbg);box-shadow:none}.card[class*="tone-"] h3{color:var(--tac)}.card[class*="tone-"] p{color:#3a3d44}.card[class*="tone-"] p b{color:var(--tac)}
.card .dot{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:19px;margin-bottom:10px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.card h3{margin:0 0 6px;font-size:17px}.card p{margin:0;color:var(--muted);font-size:15px}
.tone-k{--tbg:var(--kbg);--tac:var(--k)}.tone-n{--tbg:var(--nbg);--tac:var(--n)}.tone-p{--tbg:var(--pbg);--tac:var(--p)}.tone-w{--tbg:var(--wbg);--tac:var(--w)}.tone-h{--tbg:var(--hbg);--tac:var(--h)}.tone-a{--tbg:var(--abg);--tac:var(--a)}.tone-m{--tbg:#E6ECFA;--tac:#4467B1}
.card .dot{color:var(--tac)}
section h2{font-size:26px;margin:40px 0 8px;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}section h2::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--tac,var(--k));flex:0 0 12px}
.privacy{background:var(--nbg);border-radius:22px;padding:22px 22px 8px;margin:10px 0 26px}.privacy li b{color:var(--n)}
.privacy ul{columns:2;gap:24px;padding-left:20px}.privacy li{break-inside:avoid;margin-bottom:8px}
.note{background:var(--wbg);border-left:4px solid var(--w);border-radius:12px;padding:12px 16px;color:#5a3d12;font-size:15px}
.doc{background:#fff;border-radius:22px;padding:28px clamp(16px,4vw,44px);box-shadow:0 2px 12px rgba(0,0,0,.05);max-width:820px;margin:0 auto}
.doc h1{font-size:30px;margin-top:0}.doc h2{font-size:21px;margin-top:30px}.doc h3{font-size:17px}
.doc table{border-collapse:collapse;width:100%;font-size:14px;margin:12px 0}.doc th,.doc td{border:1px solid #e8e4df;padding:7px 9px;text-align:left;vertical-align:top}.doc th{background:#f6f2ee}
.doc blockquote{border-left:4px solid var(--n);margin:0;padding:4px 14px;color:var(--muted)}
footer{border-top:1px solid rgba(0,0,0,.08);margin-top:20px}
.foot{max-width:1040px;margin:0 auto;padding:22px 16px;display:flex;gap:16px;flex-wrap:wrap;font-size:14px;color:var(--muted)}
.foot a{color:var(--muted);text-decoration:none}.foot a:hover{color:var(--ink)}.foot .sp{flex:1}
.eyebrow{margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--k)}
.trust{list-style:none;padding:0;margin:18px 0 0;display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.trust li::before{content:"✓ ";color:var(--a);font-weight:700}
.phone{position:relative}.phone-cap{position:absolute;left:0;right:0;bottom:-30px;text-align:center;font-size:12px;color:var(--muted)}
.bub.in{animation:pop .35s ease-out}.bub.typing{min-height:34px}.bub.held{opacity:.55;text-decoration:line-through;text-decoration-color:var(--k)}
@keyframes pop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.sub{color:var(--muted);font-size:16px;margin:0 0 6px;max-width:760px}.more{margin:12px 0 0}.more a{font-weight:600}h1.h{font-size:clamp(28px,5vw,40px);margin:24px 0 6px;display:flex;align-items:center;gap:10px}h1.h::before{content:"";width:14px;height:14px;border-radius:50%;background:var(--tac,var(--k))}.sub.small{font-size:13px;margin-top:10px}
.tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:rgba(0,0,0,.05);color:var(--muted);margin-bottom:8px}
[class*="tone-"] .tag{background:#fff;color:var(--tac)}
.card.tip p{font-size:14px}.card.tip small{display:block;margin-top:10px;font-size:11px;color:var(--tac);opacity:.85}.card.tip small a{color:inherit}
.steps{list-style:none;padding:0;margin:18px 0;display:grid;gap:12px}.steps li{display:flex;gap:14px;background:var(--tbg);border-radius:16px;padding:14px 16px}
.steps li span{flex:0 0 36px;height:36px;border-radius:50%;background:#fff;color:var(--tac);font-weight:800;display:grid;place-items:center;box-shadow:0 1px 4px rgba(0,0,0,.06)}.steps li div{font-size:15px;color:#3a3d44}.steps li b{color:var(--tac)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:20px 0 6px}
.stat{background:var(--tbg);border-radius:18px;padding:18px}.stat b{display:block;font-size:32px;letter-spacing:-.02em;color:var(--tac);margin-bottom:4px}.stat p{margin:0 0 8px;font-size:15px;color:#3a3d44}.stat small{color:var(--tac);font-size:12px;opacity:.85}
details{background:var(--abg);border-radius:14px;padding:12px 16px;margin:8px 0}summary{cursor:pointer;font-weight:600;list-style:none;color:var(--a)}summary::before{content:"+ ";font-weight:800}details[open] summary::before{content:"– "}details p{margin:8px 0 0;color:var(--muted);font-size:15px}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:12px;gap:22px}.phone{width:min(260px,78vw);aspect-ratio:9/16;margin:8px auto 34px}.phone .scr{padding:14px 10px;gap:8px}.bub{font-size:12px}.privacy ul{columns:1}.stat b{font-size:26px}.grid{gap:10px}.card{padding:14px}.card p{font-size:14px}.card .dot{width:34px;height:34px;font-size:16px;margin-bottom:6px}.card h3{font-size:16px}section h2{font-size:22px;margin-top:30px}.nav{flex-wrap:nowrap;overflow-x:auto;gap:4px;scrollbar-width:none}.nav .brand{flex:0 0 auto;margin-right:8px}.nav a.l{flex:0 0 auto;font-size:13px}}