:root{--ink:#102033;--muted:#5c6877;--paper:#f7f7f2;--white:#fff;--blue:#2656e8;--blue-dark:#173db9;--aqua:#87e8d5;--line:#d9dedf;--focus:#ffb000;--radius:1.5rem;--max:1180px;color-scheme:light;font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-size:1rem;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:.25rem}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:var(--ink);color:white;padding:.75rem 1rem}.skip-link:focus{top:1rem}.site-header{height:5.5rem;max-width:var(--max);margin:auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:.7rem;font-weight:760;font-size:1.1rem;letter-spacing:-.02em}.brand-mark{width:2rem;height:2rem;display:grid;place-items:center;border-radius:.65rem;background:var(--ink);color:white;font-size:.95rem}.site-header nav{display:flex;gap:1.6rem}.site-header nav a{font-size:.92rem;color:var(--muted);padding:.4rem 0;border-bottom:1px solid transparent}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--ink);border-color:var(--ink)}
.hero{max-width:var(--max);min-height:calc(100vh - 5.5rem);margin:auto;padding:5.5rem 1.5rem 7rem;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:7vw}.eyebrow,.section-kicker,.device-label{text-transform:uppercase;letter-spacing:.15em;font-size:.78rem;font-weight:750;color:var(--blue);margin:0 0 1.2rem}.hero h1,.article-hero h1{font-size:clamp(3.6rem,7.6vw,7rem);line-height:.97;letter-spacing:-.075em;margin:0}.hero h1 span{color:var(--blue)}.lede{font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.65;color:var(--muted);max-width:39rem;margin:2rem 0}.cta-row{display:flex;flex-wrap:wrap;gap:.8rem}.button{min-height:3.25rem;padding:.78rem 1.25rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:720;transition:transform .18s ease,background .18s ease,color .18s ease}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--blue);color:#fff}.button.primary:hover{background:var(--blue-dark)}.button.secondary{border:1px solid var(--ink);background:transparent}.button.secondary:hover{background:var(--ink);color:#fff}.button.unavailable{cursor:not-allowed;opacity:.65}.availability-note{color:var(--muted);font-size:.86rem;margin:1rem 0 0}.availability-note.standalone{text-align:center;margin:1.2rem auto 0}
.voice-composition{position:relative;min-height:30rem;display:flex;flex-direction:column;justify-content:center}.sound-line{height:5rem;display:flex;align-items:center;justify-content:center;gap:.42rem}.sound-line i{display:block;width:.38rem;border-radius:1rem;background:var(--blue);height:var(--h)}.sound-line i:nth-child(1),.sound-line i:nth-child(9){--h:20%}.sound-line i:nth-child(2),.sound-line i:nth-child(8){--h:42%}.sound-line i:nth-child(3),.sound-line i:nth-child(7){--h:75%}.sound-line i:nth-child(4),.sound-line i:nth-child(6){--h:100%}.sound-line i:nth-child(5){--h:58%;background:var(--aqua)}.spoken{text-align:center;color:var(--muted);font-size:.95rem;margin:.6rem 0 1.4rem}.transcript-card{background:var(--white);border:1px solid #e7e9e7;border-radius:var(--radius);box-shadow:0 24px 80px rgba(26,48,75,.12);padding:2rem;transform:rotate(-2deg)}.demo-label{display:inline-block;font-size:.72rem;letter-spacing:.1em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.25rem .55rem}.transcript-card p{font-size:1.5rem;line-height:1.55;margin:1.6rem 0}.cursor-line{height:.25rem;background:#edf0f2;border-radius:1rem;position:relative}.cursor-line span{display:block;width:78%;height:100%;background:var(--aqua);border-radius:1rem}.cursor-line b{position:absolute;width:2px;height:1.5rem;background:var(--blue);right:18%;top:-.65rem}
.statement{background:var(--ink);color:white;padding:8rem max(1.5rem,calc((100% - var(--max))/2));display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:end}.statement h2,.section-heading h2,.setup h2,.privacy-callout h2,.help-section>h2,.faq>h2,.contact-block h2{font-size:clamp(2.3rem,5vw,4.4rem);line-height:1.07;letter-spacing:-.055em;margin:0}.statement .section-kicker{color:var(--aqua)}.statement>p:last-child{font-size:1.15rem;color:#c8d2dc;margin:0;max-width:33rem}.scenes,.setup,.help-section,.faq{max-width:var(--max);margin:auto;padding:8rem 1.5rem}.section-heading{display:grid;grid-template-columns:.65fr 1.35fr;gap:3rem;margin-bottom:4.5rem}.scene-list{border-top:1px solid var(--line)}.scene{display:grid;grid-template-columns:5rem 1fr auto;gap:2rem;align-items:start;padding:2.2rem 0;border-bottom:1px solid var(--line)}.scene-number,.policy-index{font-size:.8rem;color:var(--blue);font-variant-numeric:tabular-nums}.scene h3,.steps h3,.permission-grid h3{font-size:1.35rem;letter-spacing:-.02em;margin:0 0 .35rem}.scene p,.steps p,.permission-grid p{margin:0;color:var(--muted);max-width:38rem}.device-pill{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:.35rem .7rem;font-size:.78rem;color:var(--muted)}
.setup{display:grid;grid-template-columns:.8fr 1.2fr;column-gap:7vw;background:white;max-width:none;padding-left:max(1.5rem,calc((100% - var(--max))/2));padding-right:max(1.5rem,calc((100% - var(--max))/2))}.setup-intro{position:sticky;top:3rem;align-self:start}.steps{list-style:none;margin:0;padding:0}.steps li{display:grid;grid-template-columns:2.8rem 1fr;gap:1rem;padding:0 0 2.3rem}.steps li>span{width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:white;font-size:.82rem}.text-link{display:inline-block;color:var(--blue);font-weight:720;border-bottom:1px solid currentColor;padding:.2rem 0}.text-link:hover{color:var(--blue-dark)}.privacy-callout,.contact-block{max-width:var(--max);margin:8rem auto;padding:3.5rem;border-radius:var(--radius);background:#dff7f1;display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:end}.privacy-callout h2,.contact-block h2{font-size:clamp(2.1rem,4vw,3.5rem)}.privacy-callout p,.contact-block p{color:#304c4a}
footer{max-width:var(--max);margin:auto;padding:3rem 1.5rem 2rem;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:start}.footer-brand{margin-bottom:.7rem}footer p{color:var(--muted);font-size:.9rem;margin:.2rem 0}.footer-links{display:flex;gap:1.5rem;font-size:.9rem}.footer-links a:hover{text-decoration:underline}.copyright{grid-column:1/-1}
.article-page{max-width:var(--max);margin:auto;padding:5rem 1.5rem 8rem}.article-hero{display:grid;grid-template-columns:1.15fr .85fr;column-gap:6vw;align-items:end;margin-bottom:7rem}.article-hero .eyebrow{grid-column:1/-1}.article-hero h1{font-size:clamp(3.3rem,6.8vw,6rem)}.article-hero .notice{border-left:3px solid #d79300;background:#fff6dd;padding:1.25rem 1.4rem}.notice strong{display:block;margin-bottom:.35rem}.notice p{margin:0;color:#645437}.article-hero.compact{display:block;max-width:55rem}.article-hero.compact .lede{max-width:48rem}.policy-content{max-width:56rem;margin-left:auto}.policy-content section{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:3rem 0;border-top:1px solid var(--line)}.policy-content h2{font-size:1.65rem;letter-spacing:-.03em;margin:-.45rem 0 1rem}.policy-content p,.policy-content li{color:var(--muted)}.policy-content li+li{margin-top:.55rem}.pending{background:#fff1c8!important;color:#5d4b14!important;padding:.85rem 1rem;border-radius:.7rem}.install-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.install-grid article{background:white;border:1px solid #e5e8e6;border-radius:var(--radius);padding:2.5rem}.install-grid h2{font-size:2rem;margin:.1rem 0 1.5rem;letter-spacing:-.04em}.install-grid ol{padding-left:1.3rem;color:var(--muted);margin-bottom:2rem}.install-grid li+li{margin-top:.6rem}.help-section{padding-left:0;padding-right:0}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem}.permission-grid article{border-top:2px solid var(--ink);padding:1.4rem 0}.faq{padding-left:0;padding-right:0;padding-top:2rem}.faq-list{margin-top:3rem;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{font-size:1.1rem;font-weight:700;padding:1.5rem 2.6rem 1.5rem 0;cursor:pointer;list-style:none;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:"＋";position:absolute;right:.2rem;font-weight:400}details[open] summary:after{content:"−"}details p{max-width:48rem;color:var(--muted);margin:0 0 1.5rem}.contact-block{margin-bottom:0}
@media(max-width:800px){.site-header{height:4.5rem}.site-header nav{gap:1rem}.site-header nav a:first-child{display:none}.hero{min-height:auto;padding-top:4rem;grid-template-columns:1fr;gap:4rem}.hero h1{font-size:clamp(3.5rem,16vw,5.2rem)}.voice-composition{min-height:22rem}.statement,.section-heading,.setup,.privacy-callout,.contact-block,.article-hero{grid-template-columns:1fr}.statement{padding-top:6rem;padding-bottom:6rem}.statement>p:last-child{margin-top:2.5rem}.scenes,.setup,.help-section,.faq{padding-top:6rem;padding-bottom:6rem}.section-heading{margin-bottom:3rem}.scene{grid-template-columns:2.5rem 1fr}.device-pill{grid-column:2}.setup-intro{position:static;margin-bottom:3.5rem}.privacy-callout,.contact-block{margin:5rem 1rem;padding:2.2rem;gap:1.5rem}.article-page{padding-top:4rem}.article-hero{gap:2rem;margin-bottom:4rem}.install-grid,.permission-grid{grid-template-columns:1fr}.policy-content section{grid-template-columns:2rem 1fr}footer{grid-template-columns:1fr}.copyright{grid-column:auto}}
@media(max-width:520px){.site-header{padding:0 1rem}.site-header nav{gap:.8rem}.site-header nav a{font-size:.84rem}.hero,.scenes,.article-page{padding-left:1rem;padding-right:1rem}.hero{padding-top:3rem}.hero h1{font-size:3.35rem}.cta-row{display:grid}.button{width:100%}.transcript-card{padding:1.5rem}.transcript-card p{font-size:1.2rem}.statement{padding-left:1rem;padding-right:1rem}.scene{gap:.7rem}.setup{padding-left:1rem;padding-right:1rem}.install-grid article{padding:1.6rem}.article-hero h1{font-size:3.35rem}.policy-content section{grid-template-columns:1fr}.policy-content h2{margin-top:0}footer{padding-left:1rem;padding-right:1rem}.footer-links{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}