@font-face{font-family:"Public Sans";src:url(/assets/fonts/PublicSans.d75a7dc1.ttf) format("truetype");font-weight:100 900;font-display:swap}
:root{--page:#f6f8fb;--page-alt:#eaeff5;--card:#ffffff;--ink:#14212e;--muted:#4a5a6b;--line:#d5dde7;--accent:#0e4a8a;--accent-ink:#ffffff;--focus:#c25b00}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);color:var(--ink);font:400 17px/1.6 "Public Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}
a{color:var(--accent);text-underline-offset:2px}
a:focus-visible,summary:focus-visible,.btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--card);padding:8px 12px;z-index:10}
.skip:focus{left:8px;top:8px}
h1{font-size:clamp(1.9rem,5vw,2.9rem);line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em}
h2{font-size:clamp(1.35rem,3vw,1.75rem);line-height:1.25;margin:0 0 .6em}
h3{font-size:1.1rem;margin:0 0 .35em}
p{margin:0 0 1em}
section{padding:28px 0}
.top{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.bar{display:flex;align-items:center;gap:16px;min-height:60px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.brand{text-decoration:none;color:var(--ink);display:flex;flex-direction:column;line-height:1.1;margin-right:auto}
.brand-name{font-weight:800;font-size:1.25rem}
.brand-by{font-size:.78rem;color:var(--muted)}
.main-nav{display:flex;gap:4px 16px;flex-wrap:wrap;font-size:.95rem}
.main-nav a{color:var(--ink);text-decoration:none;padding:6px 2px}
.main-nav a:hover{text-decoration:underline}
.btn{display:inline-block;background:var(--accent);color:var(--accent-ink);text-decoration:none;font-weight:700;padding:12px 22px;border-radius:8px;border:0}
.btn:hover{background:#0a3a6e}
.btn-sm{padding:8px 14px;font-size:.95rem}
.hero{padding:36px 0 12px}
.lead{font-size:1.2rem;max-width:46rem;color:var(--ink)}
.muted{color:var(--muted);font-size:.95rem;margin-left:8px}
.actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.band{background:var(--page-alt);margin:0 -16px;padding:28px 16px}
.crumbs{font-size:.88rem;color:var(--muted);padding-top:16px}
.vid{margin:0;max-width:880px;margin-inline:auto}
.vid video{width:100%;height:auto;aspect-ratio:16/9;background:#14212e;border-radius:10px;display:block}
.vid-v{max-width:360px}
.vid-v video{aspect-ratio:9/16}
.vid figcaption{font-size:.88rem;color:var(--muted);margin-top:8px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));counter-reset:s}
.steps li{counter-increment:s}
.steps h3::before{content:counter(s);display:inline-flex;align-items:center;justify-content:center;width:1.7em;height:1.7em;border-radius:50%;background:var(--accent);color:#fff;font-size:.9rem;margin-right:.55em}
.strip{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.strip img{width:100%;height:auto;border-radius:8px;display:block;border:1px solid var(--line)}
.strip a{text-decoration:none;color:var(--ink)}
.strip-name{display:block;font-weight:700;margin:8px 0 4px}
.strip p{font-size:.92rem;color:var(--muted);margin:0}
.strip-big{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.grid{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.grid-h{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.grid-v{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.grid li{padding:10px}
.grid img{width:100%;height:auto;display:block;border-radius:6px;border:1px solid var(--line)}
.grid span{display:block;font-size:.88rem;margin-top:6px;color:var(--muted)}
.voices{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.voices audio{width:100%}
.note{font-size:.92rem;color:var(--muted)}
.price-card{max-width:520px}
.price{font-size:2.4rem;font-weight:800;margin:0 0 .3em;line-height:1.1}
.price span{font-size:1rem;font-weight:400;color:var(--muted)}
.prose{max-width:46rem}
.prose h2{margin-top:1.4em}
.prose table{border-collapse:collapse;width:100%;background:var(--card);font-size:.95rem}
.prose th,.prose td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.prose th{background:var(--page-alt)}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:10px;margin-bottom:10px}
.faq summary{cursor:pointer;font-weight:700;padding:14px 16px}
.faq details>div{padding:0 16px 4px}
.cta-band{background:var(--page-alt);border-radius:14px;padding:28px 22px;text-align:center;margin:20px 0}
.cta-band p{max-width:36rem;margin-inline:auto}
.links{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.examples{list-style:none;margin:0;padding:0;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.ex h2{font-size:1.2rem}
.ex dl{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;font-size:.92rem;margin:0}
.ex dt{color:var(--muted)}
.ex dd{margin:0}
.foot{background:var(--page-alt);border-top:1px solid var(--line);margin-top:40px;padding:28px 0 36px;font-size:.92rem}
.foot-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:18px}
.foot h2{font-size:.95rem;margin:0 0 8px}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{margin-bottom:4px}
.foot-line{color:var(--muted);margin:0 0 6px}
@media (max-width:640px){.main-nav{order:3;width:100%;font-size:.9rem}.bar{gap:6px 12px}.band{margin:0 -16px}.muted{margin-left:0}}