:root{color-scheme:light;--color-bg:#f8fafc;--color-surface:#fff;--color-container:#f1f5f9;--color-text:#15171a;--color-muted:#526176;--color-border:#e2e8f0;--color-primary:#06c;--color-on-primary:#fff;--color-primary-container:#d1e9ff;--color-on-primary-container:#003a75;--color-primary-hover:#004b99;--color-inverse:#0f172a;--color-error:#c62828;--color-error-container:#fee2e2;--color-on-error-container:#7f1d1d;--color-success-container:#d1fae5;--color-on-success-container:#064e3b;--color-disabled-bg:#e2e8f0;--color-disabled-text:#526176;--color-google-bg:#fff;--color-google-text:#1f1f1f;--color-google-border:#747775;--font-body:"Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:var(--font-body);--text-xs:.78rem;--text-sm:.9rem;--text-body:1rem;--text-lead:1.16rem;--text-h3:1.4rem;--text-h2:clamp(2rem, 3.4vw, 3.4rem);--text-hero:clamp(2.65rem, 5.2vw, 5.1rem);--leading-body:1.7;--leading-heading:1.14;--leading-control:1.35;--weight-normal:400;--weight-medium:550;--weight-bold:700;--tracking-heading:-.045em;--tracking-label:.09em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--gutter:clamp(1.25rem, 4vw, 3rem);--section-space:clamp(3.5rem, 7vw, 7rem);--layout-max:74rem;--reading-max:47rem;--hero-copy-max:16ch;--radius-sm:.5rem;--radius-control:1rem;--radius-panel:1.5rem;--radius-full:999px;--border-thin:1px;--focus-width:3px;--focus-offset:4px;--control-min:3rem;--icon-size:1.5rem;--brand-size:2.25rem;--phone-width:16rem;--phone-hero-width:17rem;--phone-radius:2rem;--phone-border:.4rem;--hero-art-min:38rem;--demo-max:50rem;--shadow-phone:0 28px 65px #003a7529;--shadow-panel:0 12px 35px #0f172a0d;--locale-menu-min:12rem;--hero-description-max:45ch;--locale-icon-size:1.125rem;--locale-chevron-size:.875rem;--icon-stroke:1.75;--cta-title-max:25ch;--toc-width:14rem;--table-cell-min:10rem;--duration-spinner:1s;--duration-fast:.16s;--duration-slow:.3s;--ease-standard:ease-out;--opacity-disabled:.65;--sr-only-size:1px;--sr-only-inset:50%;--z-menu:10}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--space-8)}body{color:var(--color-text);background:var(--color-bg);font:var(--weight-normal) var(--text-body)/var(--leading-body) var(--font-body);margin:0}a{color:var(--color-primary);text-underline-offset:var(--space-1)}button,input,select{font:inherit}button,summary,select{cursor:pointer}:where(a,button,input,summary,select):focus-visible{outline:var(--focus-width) solid var(--color-primary);outline-offset:var(--focus-offset)}[hidden]{display:none!important}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--font-display);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);font-weight:var(--weight-medium);overflow-wrap:anywhere}h1,h2,h3{text-wrap:balance}h1{font-size:var(--text-hero)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3);line-height:var(--leading-control);font-weight:var(--weight-medium)}p{color:var(--color-muted)}p+p{margin-top:var(--space-5)}.shell{width:min(var(--layout-max), calc(100% - var(--gutter) * 2));margin-inline:auto}.skip{top:var(--space-2);left:var(--space-2);background:var(--color-surface);padding:var(--space-3);z-index:var(--z-menu);position:absolute;transform:translateY(-200%)}.skip:focus{transform:none}.site-header{align-items:center;gap:var(--space-6);padding-block:var(--space-6);border-bottom:var(--border-thin) solid var(--color-border);justify-content:space-between;display:flex}.brand{align-items:center;gap:var(--space-3);color:var(--color-text);font-size:var(--text-lead);font-weight:var(--weight-bold);text-decoration:none;display:inline-flex}.brand img{width:var(--brand-size);height:var(--brand-size)}.nav{align-items:center;gap:var(--space-6);font-size:var(--text-sm);display:flex}.nav>a:not(.button){color:var(--color-muted);text-decoration:none}.locale{font-size:var(--text-sm);position:relative}.locale summary{align-items:center;gap:var(--space-2);min-height:var(--control-min);padding:var(--space-3) var(--space-4);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);line-height:var(--leading-control);white-space:nowrap;list-style:none;display:flex}.locale summary::-webkit-details-marker{display:none}.locale summary::marker{content:""}.locale svg{fill:none;stroke:currentColor;stroke-width:var(--icon-stroke);stroke-linecap:round;stroke-linejoin:round;color:var(--color-muted);flex:none;display:block}.locale-globe{width:var(--locale-icon-size);height:var(--locale-icon-size)}.locale-chevron{width:var(--locale-chevron-size);height:var(--locale-chevron-size);transition:transform var(--duration-fast) var(--ease-standard)}.locale[open] .locale-chevron{transform:rotate(180deg)}.locale ul{min-width:var(--locale-menu-min);z-index:var(--z-menu);padding:var(--space-2);margin:var(--space-2) 0;background:var(--color-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-control);box-shadow:var(--shadow-panel);list-style:none;position:absolute;right:0}.locale a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);text-decoration:none;display:block}.locale a[aria-current],.locale a:hover{color:var(--color-primary);background:var(--color-primary-container)}.button,.btn,.gbtn{justify-content:center;align-items:center;gap:var(--space-3);min-height:var(--control-min);padding:var(--space-3) var(--space-6);border:var(--border-thin) solid transparent;border-radius:var(--radius-control);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-control);text-align:center;background:var(--color-primary);color:var(--color-on-primary);transition:background var(--duration-fast) var(--ease-standard);text-decoration:none;display:inline-flex}.button:hover{background:var(--color-primary-hover)}.button.secondary,.btn.outlined{color:var(--color-primary);border-color:var(--color-border);background:var(--color-surface)}.button.secondary:hover{background:var(--color-primary-container)}.button.danger,.btn.danger{background:var(--color-error);color:var(--color-on-primary)}button:disabled,input:disabled{cursor:not-allowed}.button:disabled,.btn:disabled,.gbtn:disabled{background:var(--color-disabled-bg);color:var(--color-disabled-text);opacity:var(--opacity-disabled)}.actions{gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.eyebrow{color:var(--color-primary);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:var(--tracking-label);font-weight:var(--weight-bold);margin-bottom:var(--space-5)}.hero{align-items:center;gap:var(--space-12);padding-block:var(--space-12) var(--section-space);grid-template-columns:1.15fr 1fr;display:grid}.hero h1{max-width:var(--hero-copy-max)}.hero .lead{max-width:var(--hero-description-max);margin-top:var(--space-6);font-size:var(--text-lead)}.trust{font-size:var(--text-xs);margin-top:var(--space-5)}.hero-art{min-height:var(--hero-art-min);border-radius:var(--radius-panel);background:radial-gradient(ellipse at center, var(--color-primary-container), var(--color-bg) 72%);place-items:center;display:grid;position:relative}.phone{width:var(--phone-width);border:var(--phone-border) solid var(--color-surface);border-radius:var(--phone-radius);box-shadow:var(--shadow-phone);overflow:hidden}.hero-art .phone{width:var(--phone-hero-width)}.image-caption{font-size:var(--text-xs);margin-top:var(--space-4);text-align:center}.section{padding-block:var(--section-space)}.story{background:var(--color-primary);color:var(--color-on-primary)}.story-grid{gap:var(--space-16);grid-template-columns:1fr 1fr;display:grid}.story p,.story a{color:var(--color-on-primary)}.story .source{margin-top:var(--space-6);font-size:var(--text-xs)}.section-title{margin-bottom:var(--space-12)}.benefits{gap:var(--space-10);grid-template-columns:repeat(3,1fr);display:grid}.benefit{border-top:var(--border-thin) solid var(--color-border);padding-top:var(--space-6)}.number{color:var(--color-primary);font-size:var(--text-sm);margin-bottom:var(--space-5);display:block}.benefit p{margin-top:var(--space-4)}.research{gap:var(--space-10);margin-top:var(--space-16);padding:var(--space-8);border-left:var(--focus-width) solid var(--color-primary);background:var(--color-primary-container);border-radius:0 var(--radius-control) var(--radius-control) 0;grid-template-columns:1fr 2fr;display:grid}.research p{color:var(--color-on-primary-container)}.research small{margin-top:var(--space-3);color:var(--color-muted);display:block}.feature-grid{align-items:center;gap:var(--space-16);grid-template-columns:1fr 1fr;display:grid}.feature-art{justify-content:center;align-items:center;gap:var(--space-6);padding:var(--space-10);background:var(--color-container);border-radius:var(--radius-panel);display:flex}.feature-art .phone{width:min(45%, var(--phone-width))}.feature-text h3{margin-top:var(--space-8);margin-bottom:var(--space-3)}.demo{background:var(--color-container)}.demo-layout{gap:var(--space-16);grid-template-columns:1fr 1.1fr;align-items:start;display:grid}.demo-copy p{margin-top:var(--space-6)}.player-panel{padding:var(--space-8);background:var(--color-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel)}.player-panel audio{width:100%;margin-block:var(--space-5)}.transcript-line{padding:var(--space-2) var(--space-3);border-radius:var(--radius-control)}.transcript-line p{color:var(--color-text)}.transcript-line small{color:var(--color-muted);display:block}.transcript-line.active{background:var(--color-primary-container)}.transcript-toggle{margin-top:var(--space-3)}.transcript-toggle summary{color:var(--color-primary);padding-block:var(--space-2)}.library{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.tag{border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-5);color:var(--color-muted)}.faq{max-width:var(--reading-max)}.faq details{border-bottom:var(--border-thin) solid var(--color-border);padding-block:var(--space-6)}.faq summary{font-size:var(--text-lead);font-weight:var(--weight-medium);padding-right:var(--space-4)}.faq details p{margin-top:var(--space-4)}.cta{background:var(--color-inverse);color:var(--color-on-primary);border-radius:var(--radius-panel);padding:var(--space-16)}.cta h2{max-width:var(--cta-title-max)}.cta .actions{margin-top:var(--space-6)}.site-footer{justify-content:space-between;gap:var(--space-6);padding-block:var(--space-10);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.site-footer nav{gap:var(--space-5);flex-wrap:wrap;display:flex}.site-footer a{color:var(--color-muted)}.legal-layout{grid-template-columns:var(--toc-width) minmax(0, 1fr);gap:var(--space-16);padding-block:var(--section-space);display:grid}.toc{font-size:var(--text-sm);top:var(--space-8);align-self:start;position:sticky}.toc-mobile{display:none}.toc ul{padding:0;list-style:none}.toc a{color:var(--color-muted);padding-block:var(--space-2);text-decoration:none;display:block}.legal{max-width:var(--reading-max);min-width:0}.legal h1{font-size:var(--text-h2);margin-bottom:var(--space-6)}.not-found{max-width:var(--reading-max)}.not-found h1{font-size:var(--text-h2)}.not-found .lead{margin-top:var(--space-6);font-size:var(--text-lead)}.legal h2{font-size:var(--text-h3);margin-top:var(--space-12);margin-bottom:var(--space-4);letter-spacing:normal}.legal p,.legal li{color:var(--color-muted)}.legal li+li{margin-top:var(--space-3)}.legal table{border-collapse:collapse;width:100%;font-size:var(--text-sm);margin-block:var(--space-6);display:block;overflow-x:auto}.legal td,.legal th{padding:var(--space-4);text-align:left;vertical-align:top;border-bottom:var(--border-thin) solid var(--color-border);min-width:var(--table-cell-min)}.card{background:var(--color-surface);border:var(--border-thin) solid var(--color-border);padding:var(--space-8);border-radius:var(--radius-panel);margin-block:var(--space-6)}.card .actions{flex-direction:column}.check{gap:var(--space-3);margin-top:var(--space-5);display:flex}.gbtn{background:var(--color-google-bg);color:var(--color-google-text);border-color:var(--color-google-border);margin-top:var(--space-5)}.gbtn img{width:var(--icon-size)}.g-dark{display:none}.banner{padding:var(--space-4);border-radius:var(--radius-control);background:var(--color-error-container);margin-block:var(--space-4);color:var(--color-on-error-container)}.banner p{color:inherit}.banner.ok{background:var(--color-success-container);color:var(--color-on-success-container)}.spinner{width:var(--icon-size);height:var(--icon-size);border:var(--focus-width) solid var(--color-primary-container);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin var(--duration-spinner) linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=60rem){.hero{gap:var(--space-6)}.hero-art{min-height:auto;padding-block:var(--space-8)}.nav>a:not(.button){display:none}.story-grid,.feature-grid,.demo-layout{gap:var(--space-8)}.feature-art{padding:var(--space-5);gap:var(--space-3)}.legal-layout{gap:var(--space-6);grid-template-columns:1fr}.toc{position:static}.toc-desktop{display:none}.toc-mobile{display:block}.toc-mobile summary{padding:var(--space-4);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-control)}}@media (width<=44rem){.site-header{gap:var(--space-3);padding-block:var(--space-4)}.nav{gap:var(--space-2)}.nav>.button{display:none}.hero,.story-grid,.feature-grid,.demo-layout,.research,.benefits{grid-template-columns:1fr}.hero{padding-top:var(--space-10)}.hero-art .phone{width:var(--phone-width)}.hero h1{max-width:none}.hero-art{margin-top:var(--space-5)}.research{padding:var(--space-6)}.player-panel{padding:var(--space-5)}.cta{padding:var(--space-8)}.site-footer{flex-direction:column}.actions .button{flex-grow:1}.feature-art{padding:var(--space-8) var(--space-4)}}@media (prefers-reduced-motion:reduce){html,.sample-transcript.windowed{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.story :focus-visible,.cta :focus-visible{outline-color:var(--color-on-primary)}.sr-only{width:var(--sr-only-size);height:var(--sr-only-size);clip-path:inset(var(--sr-only-inset));white-space:nowrap;position:absolute;overflow:hidden}[data-listening-sample] audio:not([controls]){display:none}.sample-controls{margin-block:var(--space-6)}.sample-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.sample-actions .button{flex-grow:1}.sample-seek{margin-top:var(--space-5);display:block}.sample-seek input{width:100%;min-height:var(--control-min);accent-color:var(--color-primary);cursor:pointer;margin:0;display:block}.sample-seek input:disabled{cursor:not-allowed}.sample-time{font-size:var(--text-xs);color:var(--color-muted);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.sample-status{align-items:center;gap:var(--space-3);min-height:var(--control-min);font-size:var(--text-sm);display:flex}.sample-note{font-size:var(--text-sm);margin-top:var(--space-4)}.sample-error{align-items:start;gap:var(--space-4);flex-direction:column;display:flex}.sample-line{border:var(--border-thin) solid transparent;border-left:var(--focus-width) solid transparent;text-align:left;width:100%;color:var(--color-text);font:inherit;background:0 0;display:block}.sample-line:not(:disabled):hover{background:var(--color-container)}.sample-line:disabled{cursor:default}.sample-line.active{border-left-color:var(--color-primary);background:var(--color-primary-container)}.sample-line.active:hover{background:var(--color-primary-container)}.sample-transcript{gap:var(--space-1);display:grid;position:relative}.sample-transcript.windowed{overscroll-behavior:contain;scroll-behavior:smooth;overflow-y:auto}.sample-english{display:block}.sample-translation{font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-1);display:block}html[data-lang=en] .legal [lang=vi],html[data-lang=en] .legal [lang=es],html[data-lang=en] .legal [lang=pt-BR],html[data-lang=en] .legal [lang=id],html[data-lang=en] .localized:not([data-locale=en]),html[data-lang=vi] .legal [lang=en],html[data-lang=vi] .legal [lang=es],html[data-lang=vi] .legal [lang=pt-BR],html[data-lang=vi] .legal [lang=id],html[data-lang=vi] .localized:not([data-locale=vi]),html[data-lang=es] .legal [lang=en],html[data-lang=es] .legal [lang=vi],html[data-lang=es] .legal [lang=pt-BR],html[data-lang=es] .legal [lang=id],html[data-lang=es] .localized:not([data-locale=es]),html[data-lang=pt] .legal [lang=en],html[data-lang=pt] .legal [lang=vi],html[data-lang=pt] .legal [lang=es],html[data-lang=pt] .legal [lang=id],html[data-lang=pt] .localized:not([data-locale=pt]),html[data-lang=id] .legal [lang=en],html[data-lang=id] .legal [lang=vi],html[data-lang=id] .legal [lang=es],html[data-lang=id] .legal [lang=pt-BR],html[data-lang=id] .localized:not([data-locale=id]){display:none!important}