/* Focused styles for the Chrome Extension landing page. */
.chrome-page{--chrome-mint:#00ff88;--chrome-ink:#05090f;overflow-x:hidden}.chrome-wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.chrome-page .about-nav{z-index:20}.chrome-hero{position:relative;min-height:690px;padding-top:106px;padding-bottom:90px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:5%;isolation:isolate}.chrome-hero:before{content:"";position:absolute;z-index:-1;width:700px;height:550px;left:-260px;top:50px;background:radial-gradient(ellipse,rgba(0,255,136,.09),transparent 68%);pointer-events:none}.chrome-hero-copy{position:relative;z-index:1}.chrome-page .about-kicker{display:flex;align-items:center;gap:10px;color:rgba(225,240,231,.55);font-size:10px;font-weight:750;letter-spacing:.18em}.chrome-page .about-kicker>span{width:7px;height:7px;border-radius:50%;background:var(--chrome-mint);box-shadow:0 0 15px rgba(0,255,136,.8)}.chrome-hero h1{max-width:600px;margin:25px 0 20px;font-size:clamp(52px,6.1vw,82px);line-height:.99;letter-spacing:-.075em;font-weight:820}.chrome-hero h1 em{color:var(--chrome-mint);font-style:normal}.chrome-lede{max-width:500px;color:rgba(231,240,235,.63);font-size:18px;line-height:1.75}.chrome-free-note{display:flex;align-items:center;gap:9px;margin:20px 0 24px;color:rgba(232,242,236,.58);font-size:12px}.chrome-free-note i,.chrome-live i,.demo-player-status i,.demo-live-dot,.follow-caption i{width:7px;height:7px;flex:none;border-radius:50%;background:var(--chrome-mint);box-shadow:0 0 12px rgba(0,255,136,.72)}.chrome-actions{display:flex;align-items:center;gap:24px}.chrome-actions .about-cta-button{margin:0}.chrome-learn-link,.chrome-text-link{color:rgba(236,245,239,.75);font-size:13px}.chrome-learn-link span,.chrome-text-link span{margin-left:7px;color:var(--chrome-mint)}.chrome-proof{display:flex;align-items:center;gap:11px;margin-top:35px;color:rgba(232,242,236,.35);font-size:9px;letter-spacing:.16em}.chrome-proof span{color:var(--chrome-mint);font-variant-numeric:tabular-nums}.chrome-proof i{width:25px;border-top:1px solid rgba(0,255,136,.5)}.chrome-demo-wrap{position:relative;perspective:1100px}.demo-aura{position:absolute;inset:10% 8%;background:radial-gradient(ellipse,rgba(0,255,136,.18),transparent 68%);filter:blur(55px);pointer-events:none}.chrome-demo{position:relative;overflow:hidden;border:1px solid rgba(0,255,136,.2);border-radius:20px;background:linear-gradient(155deg,rgba(17,24,32,.98),rgba(5,9,15,.99));box-shadow:0 40px 110px rgba(0,0,0,.55),0 0 55px rgba(0,255,136,.08);transform:rotateY(-4deg) rotateX(1deg);transition:transform .45s,border-color .3s}.chrome-demo-wrap:hover .chrome-demo{transform:rotateY(0) translateY(-3px);border-color:rgba(0,255,136,.36)}.demo-browser-bar{height:45px;display:flex;align-items:center;gap:12px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.06)}.demo-browser-dots{display:flex;gap:5px}.demo-browser-dots i{width:7px;height:7px;border-radius:50%;background:#fa6571}.demo-browser-dots i:nth-child(2){background:#ffc857}.demo-browser-dots i:nth-child(3){background:#24d78b}.demo-address{min-width:0;flex:1;display:flex;gap:7px;align-items:center;padding:6px 10px;border-radius:6px;background:rgba(255,255,255,.045);color:rgba(239,245,241,.47);font-size:9px}.demo-address span:first-child{font-size:15px}.demo-extension-mark{display:grid;place-items:center;width:23px;height:23px;border:1px solid rgba(0,255,136,.4);border-radius:6px;color:var(--chrome-mint);font-size:8px;font-weight:850;box-shadow:0 0 15px rgba(0,255,136,.12)}.demo-scenario-tabs{display:flex;gap:7px;padding:12px 15px 0}.demo-scenario-tabs button{border:1px solid rgba(255,255,255,.075);border-radius:20px;padding:7px 11px;background:rgba(255,255,255,.025);color:rgba(237,245,240,.52);font-family:inherit;font-size:9px;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.demo-scenario-tabs button[aria-selected=true]{border-color:rgba(0,255,136,.32);background:rgba(0,255,136,.09);color:#65ffb7}.demo-workspace{display:grid;grid-template-columns:1.07fr .93fr;gap:12px;padding:14px}.demo-document{position:relative;min-height:302px;overflow:hidden;padding:19px 16px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:linear-gradient(145deg,#e7ece7,#cad5ce);color:#18251e}.demo-document:after{content:"";position:absolute;inset:auto 0 0;height:75px;background:linear-gradient(transparent,#d0d9d2);pointer-events:none}.demo-document-kicker{display:flex;align-items:center;gap:7px;color:#607769;font-size:7px;font-weight:800;letter-spacing:.14em}.demo-document-kicker i{width:3px;height:3px;border-radius:50%;background:#12bd76}.demo-document h2{max-width:270px;margin:18px 0 7px;font-size:clamp(17px,1.8vw,23px);line-height:1.08;letter-spacing:-.045em}.demo-document-meta{margin:0 0 14px;color:#718176;font-size:8px}.demo-text{position:relative;z-index:1;font-size:10px;line-height:1.82;color:rgba(24,37,30,.65)}.demo-text .demo-word{border-radius:2px;transition:background .2s,color .2s,box-shadow .2s}.demo-text .demo-word.is-active{background:#00e984;color:#03140b;box-shadow:0 0 14px rgba(0,219,125,.35)}.demo-page-lines{display:grid;gap:5px;margin-top:12px}.demo-page-lines i{height:3px;width:98%;border-radius:5px;background:rgba(30,54,39,.12)}.demo-page-lines i:nth-child(2){width:86%}.demo-page-lines i:nth-child(3){width:93%}.demo-page-lines i:nth-child(4){width:59%}.demo-extension{align-self:center;padding:14px 12px 12px;border:1px solid rgba(0,255,136,.19);border-radius:12px;background:rgba(7,12,19,.95);box-shadow:0 15px 35px rgba(0,0,0,.28)}.demo-ext-head{display:flex;align-items:center;gap:9px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.07);color:#edf5f0}.demo-ext-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(0,255,136,.13);color:var(--chrome-mint);font-size:12px}.demo-ext-head b,.demo-ext-head small,.demo-voice-choice b,.demo-voice-choice small{display:block}.demo-ext-head b{font-size:10px}.demo-ext-head small{margin-top:3px;color:rgba(230,240,234,.37);font-size:6px;letter-spacing:.13em}.demo-ext-head>button{margin-left:auto;border:0;background:transparent;color:rgba(255,255,255,.45);font-size:16px}.demo-ext-language{display:flex;align-items:center;justify-content:space-between;margin:11px 0;color:rgba(236,245,239,.7);font-size:8px}.demo-pro-chip{padding:4px 6px;border:1px solid rgba(0,255,136,.25);border-radius:10px;color:#4fffae;font-size:6px;letter-spacing:.08em}.demo-voice-label{margin:13px 0 7px;color:rgba(236,245,239,.4);font-size:6px;font-weight:800;letter-spacing:.15em}.demo-voice-choice{display:flex;align-items:center;gap:7px;padding:8px;border:1px solid rgba(0,255,136,.35);border-radius:8px;background:rgba(0,255,136,.055)}.demo-avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#182c20;font-size:13px}.demo-voice-choice b{color:#edf5f0;font-size:7px}.demo-voice-choice small{margin-top:3px;color:rgba(235,245,239,.39);font-size:6px}.demo-check{margin-left:auto;color:var(--chrome-mint);font-size:10px}.demo-player-status{display:flex;align-items:center;gap:6px;margin-top:13px;color:rgba(235,245,239,.52);font-size:7px}.demo-player-status i{width:5px;height:5px}.demo-player-controls{display:flex;align-items:center;gap:9px;margin-top:10px}.demo-player-controls button{display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:rgba(255,255,255,.03);color:rgba(239,245,241,.65);font-size:9px;cursor:pointer}.demo-player-controls button:first-child{width:36px;height:36px;border:0;background:linear-gradient(145deg,#45f5a4,#00c978);color:#03130b;box-shadow:0 0 20px rgba(0,255,136,.26)}.demo-player-controls .demo-speed{margin-left:auto;width:auto;min-width:34px;height:26px;border-radius:7px;font-size:8px}.demo-progress{height:2px;margin-top:12px;background:rgba(255,255,255,.1)}.demo-progress i{display:block;width:0;height:100%;background:var(--chrome-mint);box-shadow:0 0 8px var(--chrome-mint)}.demo-player-caption{display:flex;justify-content:space-between;margin-top:7px;color:rgba(235,245,239,.35);font-size:6px;letter-spacing:.11em}.demo-footnote{display:flex;align-items:center;gap:7px;padding:0 16px 13px;color:rgba(235,245,239,.32);font-size:7px;letter-spacing:.1em}.demo-live-dot{width:5px;height:5px}.demo-float-note{position:absolute;right:-16px;bottom:23px;padding:9px 13px;border:1px solid rgba(0,255,136,.16);border-radius:30px;background:rgba(8,14,19,.94);color:rgba(230,241,235,.52);font-size:7px;letter-spacing:.14em;box-shadow:0 12px 32px rgba(0,0,0,.28)}.demo-float-note span{margin-right:7px;color:var(--chrome-mint)}.chrome-scroll-cue{position:absolute;bottom:31px;left:0;display:flex;align-items:center;gap:13px;color:rgba(235,245,239,.36);font-size:8px;letter-spacing:.14em}.chrome-scroll-cue b{color:var(--chrome-mint);font-size:17px;font-weight:400}.chrome-section,.chrome-voice-section,.chrome-follow-section,.chrome-steps-section,.chrome-free-section,.chrome-faq-section{position:relative;padding:98px 0;border-top:1px solid rgba(255,255,255,.055)}.chrome-section:before,.chrome-voice-section:before,.chrome-follow-section:before,.chrome-steps-section:before,.chrome-free-section:before,.chrome-faq-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 45%,rgba(0,255,136,.035),transparent 50%);pointer-events:none}.chrome-feature-grid{display:grid;grid-template-columns:.55fr 1fr;gap:8%;position:relative}.chrome-section-label{display:flex;align-items:center;align-self:start;gap:10px;padding-top:9px;color:rgba(234,244,238,.39);font-size:9px;font-weight:750;letter-spacing:.14em}.chrome-section-label>span{color:var(--chrome-mint);font-variant-numeric:tabular-nums}.chrome-section-label>i{width:23px;border-top:1px solid rgba(0,255,136,.4)}.chrome-section-copy{max-width:690px}.chrome-section-copy h2,.chrome-voice-grid h2,.chrome-follow-content h2,.chrome-steps-head h2,.chrome-free-layout h2,.chrome-faq-layout h2{margin:0 0 20px;font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-.06em}.chrome-section-copy p,.chrome-voice-grid>div>p,.chrome-follow-content>p,.chrome-steps-head>p,.chrome-free-layout>div>p,.chrome-faq-layout>div>p{max-width:680px;margin:0 0 18px;color:rgba(229,239,233,.59);font-size:15px;line-height:1.85}.chrome-text-link{display:inline-block;margin-top:9px;color:#73ffbc}.chrome-media-section{background:linear-gradient(180deg,rgba(0,255,136,.018),transparent)}.chrome-voice-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:10%;position:relative}.chrome-voice-grid>div:first-child .chrome-section-label{margin-bottom:27px}.chrome-voice-card{padding:23px;border:1px solid rgba(0,255,136,.16);border-radius:17px;background:linear-gradient(145deg,rgba(16,24,32,.9),rgba(6,11,17,.92));box-shadow:0 24px 70px rgba(0,0,0,.28)}.voice-card-top{display:flex;align-items:center;gap:12px;padding-bottom:19px;border-bottom:1px solid rgba(255,255,255,.07)}.voice-card-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(0,255,136,.24);border-radius:11px;color:var(--chrome-mint);font-size:18px}.voice-card-top b,.voice-card-top small{display:block}.voice-card-top b{font-size:13px}.voice-card-top small{margin-top:4px;color:rgba(235,245,239,.4);font-size:10px}.voice-card-bars{margin-left:auto;display:flex;align-items:center;gap:3px;height:25px}.voice-card-bars i{width:3px;height:7px;border-radius:3px;background:rgba(0,255,136,.5);animation:chrome-bars 1.1s ease-in-out infinite alternate}.voice-card-bars i:nth-child(2n){height:18px;animation-delay:.2s}.voice-card-bars i:nth-child(3n){height:12px;animation-delay:.4s}.voice-list>div{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:4px 10px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.06)}.voice-list>div:last-child{border:0}.voice-check,.voice-star{grid-row:span 2;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(0,255,136,.1);color:var(--chrome-mint);font-size:10px}.voice-star{color:#d6ff8b}.voice-list b{font-size:12px}.voice-list small{color:rgba(235,245,239,.42);font-size:10px}.voice-tag{grid-column:3;grid-row:1/3;padding:5px 7px;border:1px solid rgba(0,255,136,.18);border-radius:20px;color:#70ffb7;font-size:7px;letter-spacing:.1em}.voice-tag.premium{color:#d5f69d;border-color:rgba(213,246,157,.18)}.voice-card-note{display:flex;align-items:center;gap:8px;padding-top:12px;color:rgba(235,245,239,.4);font-size:9px}.voice-card-note i{width:5px;height:5px;border-radius:50%;background:var(--chrome-mint)}.chrome-follow-layout{display:grid;grid-template-columns:.55fr 1fr;gap:8%;position:relative}.chrome-follow-content{max-width:720px}.follow-quote{margin:35px 0 13px;padding:23px 25px;border-left:2px solid var(--chrome-mint);background:linear-gradient(90deg,rgba(0,255,136,.055),transparent);font-size:clamp(22px,3vw,34px);font-weight:650;letter-spacing:-.045em;line-height:1.6}.follow-quote span{color:rgba(237,245,240,.35);transition:color .25s,text-shadow .25s}.follow-quote span.is-active{color:#f5fff9;text-shadow:0 0 20px rgba(0,255,136,.34)}.follow-caption{display:flex;align-items:center;gap:8px;color:rgba(235,245,239,.36);font-size:8px;letter-spacing:.15em}.follow-caption i{width:5px;height:5px}.chrome-steps-section{background:#080d13}.chrome-steps-head{max-width:700px;position:relative}.chrome-steps-head .chrome-section-label{margin-bottom:26px}.chrome-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:43px;position:relative}.chrome-steps-grid article{min-height:190px;padding:23px;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:linear-gradient(145deg,rgba(16,23,31,.73),rgba(8,13,19,.6));transition:border-color .25s,transform .25s}.chrome-steps-grid article:hover{border-color:rgba(0,255,136,.24);transform:translateY(-3px)}.chrome-steps-grid article>span{color:var(--chrome-mint);font-size:10px;letter-spacing:.12em}.chrome-steps-grid h3{margin:27px 0 9px;font-size:16px;letter-spacing:-.025em}.chrome-steps-grid p{margin:0;color:rgba(229,239,233,.52);font-size:12px;line-height:1.7}.chrome-free-section{background:radial-gradient(ellipse at 74% 50%,rgba(0,255,136,.055),transparent 50%)}.chrome-free-layout{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:10%;position:relative}.chrome-free-layout>div:first-child .chrome-section-label,.chrome-faq-layout>div:first-child .chrome-section-label{margin-bottom:26px}.chrome-free-card{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;padding:22px;border:1px solid rgba(0,255,136,.18);border-radius:15px;background:rgba(9,15,21,.75)}.free-card-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:rgba(0,255,136,.1);color:var(--chrome-mint);font-size:16px}.free-card-mark.premium{color:#dcff9d}.chrome-free-card b,.chrome-free-card span{display:block}.chrome-free-card b{font-size:12px}.chrome-free-card span{margin-top:4px;color:rgba(235,245,239,.43);font-size:10px}.chrome-free-card>i{grid-column:3;grid-row:1;color:var(--chrome-mint);font-style:normal}.free-card-rule{grid-column:1/-1;height:1px;background:rgba(255,255,255,.07)}.free-card-link{grid-column:1/-1;justify-self:start;color:#71ffb7;font-size:11px}.free-card-link span{display:inline;margin-left:4px;color:var(--chrome-mint)}.chrome-faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:9%;position:relative}.chrome-faq-layout h2{font-size:clamp(32px,3.7vw,48px)}.chrome-faq-items details{border-bottom:1px solid rgba(255,255,255,.09);padding:18px 0}.chrome-faq-items details:first-child{border-top:1px solid rgba(255,255,255,.09)}.chrome-faq-items summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;cursor:pointer;font-size:14px;font-weight:650}.chrome-faq-items summary::-webkit-details-marker{display:none}.chrome-faq-items summary span{color:var(--chrome-mint);font-size:20px;font-weight:350;transition:transform .2s}.chrome-faq-items details[open] summary span{transform:rotate(45deg)}.chrome-faq-items p{max-width:680px;margin:12px 30px 0 0;color:rgba(229,239,233,.56);font-size:13px;line-height:1.75}.chrome-final-cta .cta-inner>div:nth-child(2){flex:1}.chrome-final-cta .about-cta-button{margin-left:0}.chrome-page [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.chrome-page [data-reveal].is-visible{opacity:1;transform:none}.chrome-page .chrome-final-cta [data-reveal]{opacity:1;transform:none}.chrome-page .about-footer .footer-inner{grid-template-columns:1fr auto}.chrome-page .about-footer .footer-inner>div{grid-column:2;grid-row:1}.chrome-page .about-footer small{grid-column:1/-1}@keyframes chrome-bars{to{transform:scaleY(.55);opacity:.55}}@media(max-width:900px){.chrome-wrap{width:min(100% - 48px,720px)}.chrome-hero{min-height:unset;padding-top:90px;padding-bottom:75px;grid-template-columns:1fr;gap:49px}.chrome-hero h1{max-width:720px;font-size:clamp(54px,10vw,78px)}.chrome-hero-copy{max-width:670px}.chrome-demo-wrap{width:min(680px,100%);margin:auto}.chrome-scroll-cue{bottom:28px}.chrome-section,.chrome-voice-section,.chrome-follow-section,.chrome-steps-section,.chrome-free-section,.chrome-faq-section{padding:75px 0}.chrome-feature-grid,.chrome-follow-layout{grid-template-columns:1fr;gap:26px}.chrome-section-label{padding-top:0}.chrome-section-copy{margin-left:0}.chrome-voice-grid,.chrome-free-layout{grid-template-columns:1fr;gap:35px}.chrome-voice-card,.chrome-free-card{max-width:650px}.chrome-faq-layout{grid-template-columns:1fr;gap:29px}.chrome-faq-layout h2{max-width:540px}.chrome-steps-grid{gap:10px}.chrome-steps-grid article{padding:19px}}@media(max-width:600px){.chrome-wrap{width:calc(100% - 38px)}.chrome-hero{padding-top:77px;padding-bottom:64px;gap:36px}.chrome-hero h1{font-size:clamp(45px,12vw,63px);margin:20px 0 16px}.chrome-lede{font-size:15px;line-height:1.7}.chrome-free-note{font-size:10px}.chrome-actions{gap:17px;flex-wrap:wrap}.chrome-actions .about-cta-button{padding:13px 15px;font-size:11px}.chrome-learn-link{font-size:11px}.chrome-proof{margin-top:25px;font-size:7px}.chrome-scroll-cue{bottom:22px}.chrome-demo{border-radius:15px;transform:none}.demo-browser-bar{height:39px;padding:0 10px;gap:8px}.demo-address{font-size:7px}.demo-scenario-tabs{padding:10px 9px 0;gap:5px}.demo-scenario-tabs button{padding:7px 8px;font-size:8px}.demo-workspace{grid-template-columns:1fr;gap:10px;padding:10px}.demo-document{min-height:200px;padding:14px}.demo-document h2{font-size:20px}.demo-text{font-size:9px;line-height:1.7}.demo-page-lines{display:none}.demo-extension{width:100%;padding:11px}.demo-ext-head{padding-bottom:8px}.demo-voice-label{margin:9px 0 6px}.demo-player-status{margin-top:8px}.demo-player-controls{margin-top:7px}.demo-progress{margin-top:8px}.demo-player-caption{margin-top:5px}.demo-float-note{right:-5px;bottom:-13px;padding:7px 10px;font-size:6px}.chrome-section,.chrome-voice-section,.chrome-follow-section,.chrome-steps-section,.chrome-free-section,.chrome-faq-section{padding:61px 0}.chrome-section-copy h2,.chrome-voice-grid h2,.chrome-follow-content h2,.chrome-steps-head h2,.chrome-free-layout h2,.chrome-faq-layout h2{font-size:35px;margin-bottom:15px}.chrome-section-copy p,.chrome-voice-grid>div>p,.chrome-follow-content>p,.chrome-steps-head>p,.chrome-free-layout>div>p,.chrome-faq-layout>div>p{font-size:13px;line-height:1.75}.chrome-voice-card{padding:17px}.follow-quote{padding:17px;margin-top:25px;font-size:22px}.chrome-steps-grid{grid-template-columns:1fr;margin-top:27px}.chrome-steps-grid article{min-height:unset}.chrome-steps-grid h3{margin:16px 0 7px}.chrome-faq-items summary{font-size:12px}.chrome-faq-items p{font-size:12px}.chrome-final-cta .cta-inner{grid-template-columns:40px 1fr}.chrome-final-cta .cta-inner h2{font-size:25px}.chrome-final-cta .cta-inner p{line-height:1.6}.chrome-final-cta .about-cta-button{grid-column:2}.chrome-page .about-footer .footer-inner{grid-template-columns:1fr}.chrome-page .about-footer .footer-inner>div{grid-column:1;grid-row:auto;flex-wrap:wrap}.chrome-page .about-footer .footer-inner>div a{font-size:10px}}@media(prefers-reduced-motion:reduce){.chrome-page [data-reveal]{opacity:1;transform:none;transition:none}.chrome-page *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Tighten the first screen and keep the demo controls true to the compact player. */
.chrome-hero{min-height:min(620px,calc(100svh - 70px));padding-top:36px;padding-bottom:56px;grid-template-columns:1fr 1.12fr;gap:4%}
.chrome-hero h1{font-size:clamp(46px,5vw,66px);line-height:1.02;letter-spacing:-.07em}
.demo-workspace{display:grid;grid-template-columns:1fr;gap:10px;padding:13px 17px 15px}
.demo-document{min-height:0;padding:21px 22px 18px}
.demo-document h2{max-width:420px;margin:15px 0 6px;font-size:clamp(20px,2.4vw,29px)}
.demo-document-meta{margin-bottom:12px}
.demo-text{position:relative;z-index:1;min-height:100px;font-size:clamp(11px,1.1vw,13px);line-height:1.9;color:rgba(24,37,30,.58)}
.demo-sentence{display:block;margin:3px 0;padding:3px 8px;border-left:2px solid transparent;border-radius:3px;transition:background .2s,color .2s,border-color .2s}
.demo-sentence.is-sentence-active{border-left-color:#12c981;background:rgba(0,205,120,.1);color:rgba(18,38,27,.87)}
.demo-word{display:inline-block;padding:1px 3px;border-radius:3px;white-space:nowrap;transition:background .12s,color .12s,box-shadow .12s}
.demo-word.is-lookahead{background:rgba(0,205,120,.19);color:#183628}
.demo-word.is-active{position:relative;z-index:1;background:#00e889;color:#04150c;box-shadow:0 0 14px rgba(0,205,120,.55)}
.demo-page-lines{display:none}
.demo-player{position:relative;display:flex;align-items:center;gap:8px;min-height:63px;padding:8px 13px 12px;border:1px solid rgba(0,255,136,.22);border-radius:15px;background:rgba(7,13,20,.96);box-shadow:0 12px 30px rgba(0,0,0,.3),0 0 18px rgba(0,255,136,.04)}
.demo-player button{flex:none;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);color:rgba(235,245,239,.72);cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.demo-player button:hover{border-color:rgba(0,255,136,.35);background:rgba(0,255,136,.08)}
.demo-player-play{width:37px;height:37px;border:0!important;border-radius:50%;background:linear-gradient(145deg,#45f5a4,#00d47b)!important;color:#04140c!important;font-size:12px;font-weight:800;box-shadow:0 0 18px rgba(0,255,136,.24)}
.demo-player-skip{width:29px;height:29px;border-radius:50%;font-size:15px}
.demo-player-voice{display:flex;align-items:center;gap:7px;min-width:0;flex:1;padding:0 3px}
.demo-avatar{display:grid;place-items:center;width:29px;height:29px;flex:none;border:1px solid rgba(0,255,136,.24);border-radius:50%;background:#17251c;font-size:15px}
.demo-player-voice b,.demo-player-voice small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.demo-player-voice b{color:#f0f6f2;font-size:9px;font-weight:700}
.demo-player-voice small{display:flex;align-items:center;gap:3px;margin-top:3px;color:rgba(235,245,239,.48);font-size:7px}
.demo-player-voice small i{width:4px;height:4px;border-radius:50%;background:var(--chrome-mint);box-shadow:0 0 7px var(--chrome-mint)}
.demo-player-speed{width:34px;height:27px;border-radius:7px;font-size:8px;font-weight:700}
.demo-player-audio{width:29px;height:29px;border-radius:50%}
.demo-player-audio svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.demo-player-audio .audio-wave{display:none}.demo-player-audio .audio-muted{display:block}
.demo-player-audio[aria-pressed=true]{border-color:rgba(0,255,136,.4);color:var(--chrome-mint)}
.demo-player-audio[aria-pressed=true] .audio-wave{display:block}.demo-player-audio[aria-pressed=true] .audio-muted{display:none}
.demo-player-audio:disabled{cursor:not-allowed;opacity:.38}
.demo-player-progress{position:absolute;right:13px;bottom:5px;left:13px;height:2px;overflow:hidden;border-radius:4px;background:rgba(255,255,255,.1)}
.demo-player-progress i{display:block;width:0;height:100%;background:var(--chrome-mint);box-shadow:0 0 8px var(--chrome-mint);transition:width .15s linear}
.demo-footnote{padding:0 17px 13px;font-size:6px}
.demo-footnote>span:nth-child(2){display:none}
.demo-float-note{bottom:21px}
@media(max-width:900px){.chrome-hero{min-height:unset;padding-top:42px;padding-bottom:70px;grid-template-columns:1fr;gap:30px}.chrome-hero h1{font-size:clamp(48px,7vw,62px)}.chrome-demo-wrap{width:min(680px,100%);margin:auto}}
@media(max-width:600px){.chrome-hero{padding-top:38px;padding-bottom:64px;gap:25px}.chrome-hero h1{font-size:clamp(40px,11vw,54px);margin:18px 0 14px}.demo-workspace{padding:10px}.demo-document{padding:15px 14px 12px}.demo-document h2{font-size:20px}.demo-text{min-height:95px;font-size:10px;line-height:1.85}.demo-sentence{padding:2px 6px}.demo-player{gap:5px;min-height:58px;padding:7px 8px 11px}.demo-player-play{width:34px;height:34px}.demo-player-skip{width:26px;height:26px}.demo-player-voice{gap:5px}.demo-avatar{width:25px;height:25px;font-size:13px}.demo-player-voice b{font-size:8px}.demo-player-voice small{font-size:6px}.demo-player-speed{width:30px;height:25px}.demo-player-audio{width:27px;height:27px}.demo-player-progress{right:9px;left:9px;bottom:4px}.demo-footnote{padding:0 12px 11px;font-size:5px}}

/* Give the source tabs their familiar document surfaces while keeping one synced audio sample. */
.demo-document{display:flex;flex-direction:column;justify-content:flex-start;padding:0;background:#e7ece7}
.demo-document:after{display:none}
.demo-document-page{position:relative;z-index:1;flex:1;padding:21px 22px 18px;border-radius:10px;background:linear-gradient(145deg,#e7ece7,#cad5ce);color:#18251e}
.demo-text{font-size:clamp(13px,1.28vw,15px);line-height:1.85}
.demo-file-toolbar{display:none}
.demo-document.is-pdf,.demo-document.is-docs{display:block;padding:0;border-color:rgba(255,255,255,.08);background:#303640;color:#f4f6f8}
.demo-document.is-pdf .demo-file-toolbar,.demo-document.is-docs .demo-file-toolbar{display:flex;align-items:center;gap:9px;height:35px;padding:0 12px;color:#dce2e8;font-size:8px}
.demo-document.is-pdf .demo-file-toolbar{background:#252a32}
.mock-file-icon{display:grid;place-items:center;width:20px;height:20px;border-radius:4px;background:#d84843;color:white;font-size:7px;font-weight:800}
.mock-pdf-tools{margin-left:auto;color:#bdc5ce;font-size:8px;white-space:nowrap}
.demo-document.is-pdf .demo-document-page{width:82%;min-height:235px;margin:12px auto 0;padding:18px 18px 14px;border-radius:1px;background:#fff;color:#263128;box-shadow:0 4px 16px rgba(0,0,0,.22)}
.demo-document.is-pdf .demo-document-kicker{color:#7a8580}
.demo-document.is-pdf .demo-document-meta{color:#87928c}
.demo-document.is-pdf .demo-text{color:rgba(24,37,30,.66)}
.demo-document.is-docs{background:#e9edf5}
.demo-document.is-docs .demo-file-toolbar{height:45px;flex-wrap:wrap;gap:5px 8px;background:#f8f9fc;color:#263238}
.mock-doc-icon{color:#4285f4;font-size:14px}
.mock-doc-menus{flex-basis:100%;padding-left:22px;color:#5e6670;font-size:7px}
.mock-doc-tools{display:none}
.demo-document.is-docs .demo-document-page{width:86%;min-height:220px;margin:0 auto;padding:20px 21px 15px;border-radius:2px;background:#fff;color:#202124;box-shadow:0 2px 8px rgba(37,48,66,.15)}
.demo-document.is-docs .demo-document-kicker{color:#748090}
.demo-document.is-docs .demo-document-kicker i{background:#4285f4}
.demo-document.is-docs .demo-document-meta{color:#70757a}
.demo-document.is-docs .demo-text{color:#454a50}
.demo-document.is-docs .demo-sentence.is-sentence-active{border-left-color:#4285f4;background:rgba(66,133,244,.1);color:#202124}
.demo-document.is-docs .demo-word.is-lookahead{background:rgba(66,133,244,.16);color:#202124}
.demo-document.is-docs .demo-word.is-active{background:#00e889;color:#04150c;box-shadow:0 0 14px rgba(0,205,120,.4)}
.demo-player-speed{display:grid;place-items:center;flex:none;width:34px;height:27px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:rgba(255,255,255,.035);color:rgba(235,245,239,.72);font-size:8px;font-weight:700;cursor:default;user-select:none}
@media(max-width:600px){.demo-document{padding:0}.demo-document-page{padding:15px 14px 12px}.demo-text{font-size:13px;line-height:1.8}.demo-document.is-pdf .demo-document-page{width:88%;min-height:190px;padding:15px 13px 12px}.demo-document.is-docs .demo-file-toolbar{height:46px;padding:0 9px}.demo-document.is-docs .demo-document-page{width:90%;min-height:190px;padding:15px 14px 12px}.demo-file-toolbar{font-size:7px}.demo-player-speed{width:30px;height:25px}}