@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid var(--ds-accent-text);outline-offset:5px}p,h1,h2,h3,figure{margin:0}button{color:inherit}img{max-width:100%;height:auto;display:block}button{border:0}::selection{background:var(--ds-blue-100);color:var(--ink)}.wrap{width:min(1160px,calc(100% - 96px));margin-inline:auto}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:650;line-height:1.5}.dot{width:7px;height:7px;display:inline-block;margin-right:9px;background:var(--blue);border-radius:50%}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;line-height:.99}h1{font-size:clamp(76px,8.8vw,122px)}h2{font-size:clamp(48px,5.3vw,72px)}em{font-weight:400}.lead{font-size:22px;line-height:1.5}.smallprint{font-size:13px;color:var(--muted)}.scene-note{font-size:12px;line-height:1.7;color:var(--muted)}.button{background:var(--blue);color:var(--ds-raised);padding:16px 23px;border-radius:5px;font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:28px;justify-content:space-between;transition:background .2s,transform .2s;min-height:52px}.button:hover{background:var(--blue-dark);transform:translateY(-2px)}.button span{font-size:22px;font-weight:400;line-height:1}.button.small{padding:11px 17px;min-height:44px;font-size:14px;gap:23px}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:15px;font-weight:600;border-bottom:1px solid currentColor;padding-block:5px}.text-link:hover{color:var(--blue)}.skip{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--ink);color:var(--ds-raised);z-index:100}.skip:focus{top:10px}.nav{height:84px;max-width:1280px;margin:0 auto;padding-inline:48px;display:flex;align-items:center;gap:42px;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:25px;letter-spacing:-1px;font-weight:650}.brand-dot{font-size:10px;align-self:flex-start;margin-top:7px;margin-left:-7px}.nav nav{display:flex;gap:26px;margin-left:auto;align-items:center}.nav nav a{font-size:14px}.nav nav a:hover{color:var(--blue)}.menu-toggle{display:none}.hero{padding-top:76px;display:grid;grid-template-columns:1fr 1fr;gap:48px 70px;padding-bottom:0}.hero-copy h1{margin:22px 0 27px}.hero .lead{max-width:400px;font-size:23px}.hero-description{max-width:430px;margin-top:16px;color:var(--muted);font-size:17px;line-height:1.7}.actions{display:flex;gap:25px;align-items:center;margin-top:30px}.hero-copy .smallprint{margin-top:14px}.hero-stage{background:var(--ds-blue-100);align-self:center;min-width:0;padding:22px 27px 15px;position:relative;border:1px solid var(--ds-blue-200);border-radius:7px}.stage-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.11em;color:var(--ds-ink-secondary);margin-bottom:26px}.speech-note{margin-left:24px;background:var(--paper);border:1px solid var(--ds-border);padding:22px 25px 15px;transform:rotate(3deg);position:relative;z-index:1;border-radius:3px;box-shadow:0 8px 18px var(--ds-shadow)}.speech-note .eyebrow{font-size:10px;color:var(--muted)}.speech-note p{font-family:var(--serif);font-size:26px;line-height:1.22;margin:10px 0 13px;min-height:94px}.wave{display:flex;gap:4px;align-items:center;justify-content:center;height:27px}.wave i{display:block;width:3px;height:8px;background:var(--blue);border-radius:4px}.wave i:nth-child(3n){height:20px}.wave i:nth-child(4n){height:15px}.wave i:nth-child(5n){height:25px}.hero-stage.playing .wave i{animation:sound .55s alternate infinite}.wave i:nth-child(even){animation-delay:.2s!important}.output-window{position:relative;background:var(--ds-raised);border:1px solid var(--ds-blue-200);margin-top:20px;border-radius:6px;box-shadow:0 16px 25px var(--ds-shadow);transform:rotate(-2deg);overflow:hidden}.window-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ds-border);padding:12px 16px;font-size:12px;color:var(--ds-ink-secondary)}.window-dots{color:var(--ds-ink-tertiary);font-size:9px;letter-spacing:2px}.window-meta{padding:12px 20px;border-bottom:1px solid var(--ds-border);font-size:12px;color:var(--ds-ink-secondary)}.hero-result{padding:22px 20px;font-size:19px;line-height:1.55;min-height:140px;transition:opacity .3s}.hero-stage.playing .hero-result{opacity:.32}.window-bottom{padding:10px 20px 12px;font-size:11px;display:flex;justify-content:space-between;align-items:center;color:var(--ds-ink-secondary)}.window-bottom>span:first-child{display:flex;gap:9px;align-items:center}.status-check{color:var(--blue);font-size:17px}.demo-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:10px;color:var(--ds-ink-secondary)}.demo-footer button{background:none;font-size:12px;padding:8px 0;min-height:35px}.demo-footer button:hover{color:var(--blue)}.job-picker{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:14px}.job-picker button{background:none;padding:23px 20px;text-align:left;border-right:1px solid var(--line);display:flex;gap:16px;align-items:center;font-size:15px}.job-picker button:first-child{padding-left:0}.job-picker button:last-child{border-right:0;padding-right:0}.job-picker button>span:first-child{font-size:11px;color:var(--ds-ink-secondary)}.job-picker button>span:last-child{margin-left:auto;font-size:24px}.job-picker button.selected{color:var(--blue)}.job-picker button:hover{color:var(--blue)}.intro{padding-block:110px 92px}.intro h2{margin-top:25px;font-size:64px;max-width:850px}.intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-top:30px}.intro-bottom p{max-width:440px;color:var(--muted);font-size:17px}.use-strip{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:13px;white-space:nowrap}.use-strip b{font-weight:400;color:var(--ds-ink-tertiary)}.mac-section{background:var(--ice);padding-block:90px 70px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.story-copy h2{margin-block:23px 26px}.story-copy>.lead{margin-bottom:12px}.story-copy>p:not(.eyebrow):not(.lead):not(.smallprint):not(.scene-note){color:var(--ds-ink-secondary);font-size:16px;line-height:1.8;max-width:415px}.mode-list{margin:28px 0 25px;border-top:1px solid var(--ds-border)}.mode-list button{display:flex;width:100%;align-items:center;gap:17px;background:none;text-align:left;border-bottom:1px solid var(--ds-border);padding:18px 0;color:var(--ds-ink-secondary)}.mode-list button>span:first-child{font-size:11px}.mode-list button>span:last-child{font-size:23px;margin-left:auto;opacity:0}.mode-list strong{font-size:16px;font-weight:550;display:block}.mode-list small{display:block;font-size:13px;margin-top:3px}.mode-list button.active{color:var(--blue)}.mode-list button.active>span:last-child,.mode-list button:hover>span:last-child{opacity:1}.mac-scene{position:relative;min-width:0;padding-top:15px}.desktop-demo{border:1px solid var(--ds-border-strong);background:var(--ds-raised);border-radius:7px;position:relative;z-index:1;box-shadow:0 20px 35px var(--ds-shadow)}.desktop-main{padding:26px 28px 48px;min-height:325px}.desktop-label{font-size:10px;letter-spacing:.08em;color:var(--ds-ink-secondary);margin-bottom:20px}.desktop-main p{margin-bottom:14px;font-size:16px;line-height:1.7}.mic-pill{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);background:var(--ds-dark-base);color:var(--ds-raised);border:1px solid var(--ds-dark-base);display:flex;align-items:center;gap:14px;border-radius:40px;padding:11px 18px;white-space:nowrap;font-size:12px;box-shadow:0 8px 16px var(--ds-shadow)}.mic-pill img{filter:invert(1)}kbd{font-family:var(--sans);padding:1px 6px;border:1px solid var(--ds-dark-border-strong);border-radius:4px;font-size:15px}.desk-art{width:82%;margin:35px auto 0}.desk-art img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:3px;mix-blend-mode:multiply}.mac-scene>.scene-note{margin-top:15px;text-align:center}.phone-section{padding-block:100px;background:var(--peach);overflow:hidden}.phone-grid{grid-template-columns:1.08fr 1fr;gap:100px}.phone-scene{position:relative;min-height:650px;display:flex;align-items:flex-start;padding:18px 0 50px 5px}.phone-demo{width:282px;background:var(--ds-raised);border:5px solid var(--ds-ink);border-radius:43px;position:relative;z-index:2;box-shadow:9px 20px 0 var(--ds-shadow);transform:rotate(-5deg);overflow:hidden}.phone-status{padding:14px 21px 8px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600}.island{width:78px;height:23px;background:var(--ds-ink);border-radius:30px}.phone-app-title{padding:12px 19px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ds-border);font-size:15px;font-weight:550}.avatar{border-radius:50%;background:var(--ds-fill);width:30px;height:30px;display:grid;place-items:center;font-size:13px}.phone-body{padding:20px 17px 25px;min-height:300px}.phone-date{display:block;text-align:center;font-size:9px;color:var(--ds-ink-secondary);letter-spacing:.08em;margin-bottom:20px}.incoming,.outgoing{border-radius:13px;padding:13px;font-size:13px;line-height:1.55;max-width:205px}.incoming{background:var(--ds-fill);margin-right:17px}.outgoing{margin-top:19px;margin-left:18px;background:var(--ds-blue-50);color:var(--ds-blue-900)}.phone-hint{margin-top:13px;font-size:9px;text-align:right;color:var(--ds-ink-secondary)}.phone-toolbar{border-top:1px solid var(--ds-border);display:flex;justify-content:space-between;align-items:center;padding:14px 19px;font-size:11px;color:var(--ds-ink-secondary)}.phone-record{margin:0 12px;background:var(--ds-fill);border:1px solid var(--ds-border);border-radius:15px;display:flex;gap:9px;align-items:center;padding:18px 12px;font-size:11px}.phone-record>span:last-child{margin-left:auto}.mic-icon{color:var(--blue);font-size:22px}.home-indicator{width:87px;height:4px;background:var(--ds-ink);border-radius:2px;margin:18px auto 8px}.phone-art{position:absolute;width:68%;right:-15px;bottom:26px;transform:rotate(4deg);z-index:1;border:6px solid var(--paper);box-shadow:0 4px 0 var(--ds-shadow)}.phone-art img{aspect-ratio:1;object-fit:cover;width:100%}.scene-tag{position:absolute;bottom:-2px;left:20px;font-size:10px;letter-spacing:.12em;transform:rotate(-5deg)}.phone-section .mode-list,.phone-section .mode-list button{border-color:var(--ds-border)}.phone-section .story-copy>p:not(.eyebrow):not(.lead){color:var(--ds-ink-secondary)}.phone-section .smallprint{margin-top:14px}.phone-section .scene-note{margin-top:18px;max-width:415px}.translation{background:var(--blue);color:var(--ds-raised);padding-block:90px 36px}.translation-top{display:flex;justify-content:space-between;gap:70px;align-items:flex-end}.translation-top h2{margin-top:23px;font-size:78px}.translation-top>p{font-size:18px;line-height:1.8;max-width:365px;color:var(--ds-blue-50);padding-bottom:4px}.translation-demo{display:grid;grid-template-columns:1fr 45px 1fr;align-items:center;gap:22px;margin-top:56px}.translation-card{border:1px solid var(--ds-blue-300);background:var(--ds-blue-700);padding:27px;min-height:288px;display:flex;flex-direction:column;justify-content:space-between;border-radius:4px}.translation-card label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;letter-spacing:.08em}.translation-card select{font-size:14px;background:transparent;color:var(--ds-raised);border:1px solid var(--ds-blue-300);border-radius:4px;padding:8px 10px;max-width:50%}.translation-card select option{color:var(--ink);background:var(--ds-raised)}.translation-card>p{font-family:var(--serif);font-size:32px;line-height:1.25;margin-block:25px 30px}.translation-card.translated{background:var(--paper);color:var(--ink);border-color:var(--paper)}.translated select{color:var(--ink);border-color:var(--ds-border)}.translation-caption{font-size:11px;display:flex;justify-content:space-between;align-items:center;gap:10px}.translation-caption button{border:1px solid var(--ds-border);background:transparent;padding:7px 11px;border-radius:4px;font-size:12px}.translation-arrow{text-align:center;font-size:40px}.translation-foot{display:flex;justify-content:space-between;gap:30px;font-size:11px;color:var(--ds-blue-100);border-top:1px solid var(--ds-blue-300);margin-top:35px;padding-top:23px}.control-section{padding-block:105px}.control-section h2{margin-top:25px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:60px}.steps article{border-top:1px solid var(--line);padding-top:18px}.step-number{font-size:12px;color:var(--blue)}h3{font-weight:550;font-size:21px;letter-spacing:-.02em}.steps h3{margin:24px 0 12px}.steps p{font-size:16px;color:var(--muted);line-height:1.75}.faq-section{background:var(--ds-grouped);padding-block:88px}.faq-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:110px}.faq-grid h2{margin:24px 0 30px}.faq-grid p{color:var(--muted);font-size:16px;line-height:1.8}.faq-grid>div:first-child .text-link{margin-top:8px;font-size:14px}.faq-list{border-top:1px solid var(--ds-border)}.faq-list details{border-bottom:1px solid var(--ds-border)}.faq-list summary{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:16px;font-weight:500;padding:23px 0;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:21px;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details>p{font-size:15px;padding-bottom:25px}.faq-list a{text-decoration:underline}.final-cta{text-align:center;padding-block:95px 80px}.final-cta h2{font-size:90px;margin:27px auto 35px}.final-cta .smallprint{margin-top:19px}.footer{display:flex;align-items:center;gap:26px;border-top:1px solid var(--line);padding-block:30px;font-size:12px;color:var(--muted)}.footer .brand{color:var(--ink);font-size:23px}.footer>div{display:flex;gap:24px;margin-left:auto}.prototype-label{font-size:9px;letter-spacing:.12em;border:1px solid var(--line);padding:5px 8px;margin-left:18px}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:30px;width:min(480px,calc(100% - 32px));border-radius:8px;box-shadow:0 20px 100px var(--ds-overlay-shadow)}dialog::backdrop{background:var(--ds-overlay);backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.close-dialog{background:none;font-size:30px;min-width:44px;min-height:44px}.dialog-top+.eyebrow{font-size:10px}dialog h2{font-size:64px;margin:20px 0 30px}.platform-download{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-top:1px solid var(--line)}.platform-download:hover{color:var(--blue)}.platform-download strong{display:block;font-size:18px}.platform-download div span{font-size:12px;color:var(--muted);display:block;margin-top:6px}.platform-download>span{font-size:26px}dialog>.scene-note{margin-top:15px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:100;background:var(--ink);color:var(--ds-raised);border-radius:6px;padding:12px 22px;font-size:14px;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.fade-in{animation:arrive .55s both}.revealed{animation:arrive .65s both}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes sound{from{transform:scaleY(.45)}to{transform:scaleY(1.15)}}
@media(min-width:1440px){.hero{padding-top:95px;padding-bottom:15px}.nav{max-width:1280px}.hero-stage{margin-top:4px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav{padding-inline:32px;gap:20px}.nav nav{gap:18px}.hero{gap:42px;padding-top:58px}.hero-stage{padding:18px}.hero .lead{font-size:21px}.speech-note{margin-left:5px;padding:18px}.speech-note p{font-size:24px}.hero-result{font-size:17px}.story-grid,.phone-grid{gap:55px}.intro h2{font-size:60px}.intro-bottom{align-items:flex-start}.use-strip{max-width:330px;white-space:normal}.faq-grid{gap:60px}.phone-demo{width:266px}.phone-art{right:-5px}.translation-top h2{font-size:70px}.translation-card{padding:22px}.translation-card>p{font-size:28px}.translation-demo{gap:16px;grid-template-columns:1fr 30px 1fr}.footer{gap:18px}.prototype-label{margin-left:0}}
@media(max-width:800px){.nav nav{gap:15px}.nav nav a{font-size:12px}.nav .brand{font-size:22px}.nav-cta{display:none}.hero{gap:35px 25px}.hero .lead{font-size:19px}.hero-description{font-size:15px}.hero h1{font-size:80px}.hero-stage{padding:15px}.speech-note p{font-size:22px}.hero-result{min-height:157px;font-size:15px}.window-meta{font-size:10px}.actions{gap:18px;flex-wrap:wrap}.actions .text-link{font-size:13px}.hero .smallprint{font-size:11px}.job-picker button{font-size:13px;gap:9px;padding:20px 12px}.story-grid{gap:35px}.story-copy h2{font-size:56px}.story-copy>.lead{font-size:20px}.desktop-main{padding:22px 20px 40px;min-height:350px}.desktop-main p{font-size:14px}.mic-pill{gap:9px;padding:11px;font-size:10px}.phone-grid{grid-template-columns:1fr 1fr}.phone-scene{min-height:620px;padding-left:0}.phone-demo{width:245px;border-radius:36px}.phone-art{width:80%;right:-5px;bottom:0}.scene-tag{display:none}.mode-list strong{font-size:14px}.mode-list small{font-size:12px}.translation-top{gap:40px}.translation-top>p{font-size:16px;max-width:290px}.translation-top h2{font-size:62px}.translation-card label{align-items:flex-start;flex-direction:column;gap:12px}.translation-card select{max-width:100%}.translation-card>p{font-size:26px}.intro-bottom{flex-direction:column;gap:22px}.steps{gap:26px}.steps h3{font-size:19px}.steps p{font-size:14px}.footer{flex-wrap:wrap}.prototype-label{margin-left:auto}.footer>div{gap:18px}}
@media(max-width:640px){html{scroll-padding-top:25px}.wrap{width:calc(100% - 40px)}.nav{height:72px;padding-inline:20px;justify-content:space-between}.nav .brand{font-size:24px}.menu-toggle{display:flex;gap:10px;align-items:center;background:none;font-size:14px;padding:10px 0 10px 10px;min-height:44px}.menu-toggle span{font-size:21px}.nav nav{display:none;position:absolute;left:0;right:0;top:71px;background:var(--paper);padding:15px 20px 24px;border-bottom:1px solid var(--line);box-shadow:0 15px 30px var(--ds-shadow)}.nav nav.open{display:grid;gap:0}.nav nav a{font-size:16px;padding:13px 0}.hero{display:block;padding-top:45px}.hero h1{font-size:90px;margin:22px 0}.hero-copy .lead{font-size:21px;max-width:330px}.hero-description{font-size:16px;max-width:350px}.actions{gap:22px;margin-top:25px}.actions .text-link{font-size:14px}.hero-copy .smallprint{font-size:12px;margin-top:14px}.hero-stage{margin-top:37px;padding:18px 22px 12px}.stage-head{margin-bottom:22px}.speech-note{margin-left:8px;padding:18px 20px 12px}.speech-note p{font-size:25px;min-height:90px}.hero-result{font-size:17px;min-height:136px}.window-meta{font-size:11px}.demo-footer{margin-top:13px}.job-picker{margin-top:28px;display:flex;flex-direction:column}.job-picker button{border-right:0;border-bottom:1px solid var(--line);padding:17px 0;font-size:14px;gap:15px}.job-picker button:last-child{border-bottom:0}.intro{padding:68px 0}.intro h2{font-size:47px;line-height:1.05}.intro-bottom{margin-top:25px}.intro-bottom p{font-size:16px}.use-strip{font-size:12px;max-width:none;gap:12px}.mac-section{padding-block:62px 50px}.story-grid,.phone-grid{display:flex;flex-direction:column;gap:48px;align-items:stretch}.story-copy h2{font-size:62px;margin-block:20px 24px}.story-copy>.lead{font-size:22px}.mode-list strong{font-size:16px}.mode-list small{font-size:13px}.mode-list button{padding-block:18px}.desktop-main{min-height:300px;padding:25px 25px 40px}.desktop-main p{font-size:15px}.mic-pill{font-size:12px;padding:12px 16px;gap:12px}.mac-scene{padding-top:0}.desk-art{margin-top:42px;width:86%}.phone-section{padding-block:62px}.phone-grid{gap:42px}.phone-grid .story-copy{order:0}.phone-grid .phone-scene{order:1}.phone-scene{min-height:635px;width:340px;max-width:100%;margin:auto;padding-left:15px}.phone-demo{width:270px}.phone-art{width:66%;right:-1px;bottom:0}.phone-body{min-height:300px}.phone-date,.phone-hint{font-size:10px}.phone-record{font-size:12px}.phone-toolbar{font-size:12px}.translation{padding-block:65px 28px}.translation-top{display:block}.translation-top h2{font-size:66px;margin-top:20px}.translation-top>p{font-size:17px;max-width:100%;margin-top:27px}.translation-demo{grid-template-columns:1fr;gap:15px;margin-top:35px}.translation-card{padding:22px;min-height:245px}.translation-card label{flex-direction:row;align-items:center}.translation-card select{max-width:55%}.translation-card>p{font-size:31px}.translation-arrow{transform:rotate(90deg);font-size:30px;line-height:1;margin-block:0}.translation-foot{flex-direction:column;gap:12px;font-size:11px}.control-section{padding-block:68px}.control-section h2{font-size:49px}.steps{grid-template-columns:1fr;gap:28px;margin-top:40px}.steps article{display:grid;grid-template-columns:30px 1fr;column-gap:13px;padding-top:20px}.step-number{grid-row:1/3;padding-top:4px}.steps h3{margin:0 0 10px;font-size:20px}.steps p{font-size:16px;grid-column:2}.faq-section{padding-block:62px}.faq-grid{display:block}.faq-grid h2{font-size:62px}.faq-list{margin-top:35px}.faq-list summary{font-size:15px;line-height:1.6}.faq-list details>p{font-size:15px}.final-cta{padding-block:70px 55px}.final-cta h2{font-size:66px}.final-cta .eyebrow{font-size:10px}.final-cta .smallprint{font-size:12px}.footer{gap:22px 18px;padding-block:26px}.footer .brand{font-size:23px}.footer>div{margin-left:0;order:3;flex-basis:100%;gap:25px}.prototype-label{order:4;margin-left:0}.footer>span:nth-child(2){margin-left:auto;font-size:11px}.toast{max-width:calc(100% - 32px);white-space:normal;width:max-content}dialog{padding:24px}.platform-download div span{font-size:12px;max-width:270px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.speech-note,.output-window{transform:none}}

.mobile-download{display:none}@media(max-width:640px){.actions>a.button:not(.mobile-download){display:none}.mobile-download{display:inline-flex}}

/* Semantic color roles: use the accessible blue ramp for small text / CTAs. */
.button{background:var(--ds-blue-600)}
.button:hover{background:var(--ds-blue-700)}
.text-link:hover,.nav nav a:hover,.demo-footer button:hover,
.job-picker button.selected,.job-picker button:hover,.mode-list button.active,
.step-number,.platform-download:hover{color:var(--ds-accent-text)}
.status-check{color:var(--ds-success)}
.translation{background:var(--ds-blue-600)}
.mic-pill{color:var(--ds-dark-text)}
.mic-pill img{filter:none}
.phone-section .story-copy>p:not(.eyebrow):not(.lead){color:var(--ds-ink-secondary)}
.desk-art img{mix-blend-mode:normal}

.translation-foot{color:var(--ds-raised)}

.desk-art{position:relative}
.phone-scene{padding-top:165px;min-height:790px}
.phone-art{top:0;bottom:auto}
@media(max-width:640px){.phone-scene{padding-top:155px;min-height:770px}}
/* A fixed storyboard plays with hard cuts; the original remains the fallback. */
.motion-art{isolation:isolate}
.desk-art{position:relative}
.pose-frame{position:absolute;inset:0;display:block;pointer-events:none;border-radius:3px;background-size:200% 300%;background-repeat:no-repeat}
.pose-frame[hidden]{display:none}
.coffee-steam{position:absolute;left:19%;top:54%;width:12%;height:35%;pointer-events:none;overflow:visible;opacity:0;transition:opacity .6s;z-index:2}
.motion-art.is-animating .coffee-steam{opacity:1}
.coffee-steam img{position:absolute!important;inset:0;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:contain!important;mix-blend-mode:normal!important;transform-origin:50% 100%;animation:coffee-rise 6s linear infinite;animation-play-state:paused;opacity:0}
.coffee-steam img:nth-child(2){animation-delay:-2s}
.coffee-steam img:nth-child(3){animation-delay:-4s}
.motion-art.is-animating .coffee-steam img{animation-play-state:running}
@keyframes coffee-rise{0%{transform:translate(0,14%) scale(.65,.75);opacity:0}20%{opacity:.3}55%{transform:translate(10%,-10%) scale(.95,1);opacity:.22}100%{transform:translate(-12%,-34%) scale(1.2,1.15);opacity:0}}
.typing-track{display:grid!important;position:relative}
.typing-layout,.typing-visual{grid-area:1/1;min-width:0}
.typing-layout{visibility:hidden;pointer-events:none;user-select:none}
.typing-visual{transition:opacity .38s ease;overflow-wrap:break-word}
.typing-reset .typing-visual{opacity:0}
.typing-caret::after{content:"";display:inline-block;height:.9em;border-right:1.5px solid currentColor;vertical-align:-.08em;margin-left:2px;animation:typing-blink 1s step-end infinite}
.hero-stage.playing .hero-result{opacity:1}
@keyframes typing-blink{0%,60%{opacity:1}61%,100%{opacity:0}}
.motion-paused .typing-caret::after{display:none}
@media(prefers-reduced-motion:reduce){.coffee-steam,.pose-frame{display:none!important}.typing-caret::after{display:none}}

.keep-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:0 100px}
.keep-heading h2{font-size:clamp(44px,4.6vw,64px);margin-top:24px}
.keep-features article{display:flex;gap:20px;padding-block:23px;border-top:1px solid var(--line)}
.keep-features article>span{font-size:13px;color:var(--ds-accent-text);padding-top:4px}
.keep-features h3{font-size:20px;font-weight:550;margin-bottom:8px}
.keep-features p{font-size:16px;line-height:1.7;color:var(--muted);max-width:410px}
@media(max-width:800px){.keep-section{gap:36px}.keep-heading h2{font-size:48px}}
@media(max-width:640px){.keep-section{grid-template-columns:1fr;gap:30px;padding-block:0 68px}.keep-heading h2{font-size:52px}.keep-features h3{font-size:20px}}

/* Reader stories use the same application palette and editorial typography. */
.reviews-section{background:var(--ds-blue-50);padding-block:96px}
.reviews-heading h2{margin-top:24px}

.reviews-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:24px;margin-top:46px;align-items:start}
.review-card{min-width:0;background:var(--ds-raised);border:1px solid var(--ds-border);border-radius:6px;padding:30px}
.review-featured{background:var(--ds-blue-100)}
.review-context{font-size:.75rem;font-weight:650;letter-spacing:.1em;color:var(--ds-accent-text);margin-bottom:26px}
.review-card blockquote{margin:0}
.review-excerpt{font-family:var(--serif);font-size:2rem;line-height:1.18;letter-spacing:-.015em}
.review-featured .review-excerpt{font-size:2.25rem}
.review-card figcaption{display:flex;align-items:center;gap:12px;margin-top:26px;font-size:1rem;font-weight:600}
.review-card figcaption::before{content:"";height:1px;width:22px;background:var(--ds-accent-text)}
.review-full{margin-top:24px;border-top:1px solid var(--ds-border-strong)}
.review-full summary{display:flex;align-items:center;gap:12px;justify-content:space-between;padding-block:14px 0;min-height:44px;cursor:pointer;list-style:none;font-size:.875rem;font-weight:500;color:var(--ds-accent-text)}
.review-full summary::-webkit-details-marker{display:none}
.review-toggle{font-size:1.25rem;transition:transform .2s}
.review-full[open] .review-toggle{transform:rotate(45deg)}
.review-less,.review-full[open] .review-more{display:none}
.review-full[open] .review-less{display:inline}
.review-full blockquote{margin-top:20px;font-family:var(--sans);font-size:1rem;line-height:1.7}
.review-full blockquote p+p{margin-top:16px}
.review-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.reviews-note{font-size:.8125rem;color:var(--ds-ink-secondary);margin-top:26px}

/* The apricot chapter echoes the iPhone story and separates editorial reading from reviews. */
.press-reading-section{background:var(--landing-apricot);padding-block:86px 92px}
.press-reading{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}
.press-reading-copy .eyebrow{color:var(--ds-blue-700)}
.press-reading-copy h3{font-family:var(--serif);font-size:clamp(42px,4.6vw,62px);font-weight:400;letter-spacing:-.035em;line-height:1.02;margin:20px 0 22px;text-wrap:balance}
.press-reading-copy h3 em{color:var(--ds-blue-700)}
.press-reading-copy>p:last-child{max-width:350px;font-size:16px;line-height:1.7;color:var(--ds-ink-secondary)}
.press-reading-list{min-width:0}
.press-reading-link{display:block;position:relative;border-top:1px solid var(--ds-border-strong);padding:17px 43px 20px 0;min-height:92px}
.press-reading-link:nth-last-of-type(1){border-bottom:1px solid var(--ds-border-strong)}
.press-reading-meta{display:flex;gap:24px;align-items:baseline;justify-content:space-between;color:var(--ds-ink-secondary);font-size:12px;line-height:1.4}
.press-reading-source{font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-blue-700)}
.press-reading-title{display:block;margin-top:7px;font-family:var(--serif);font-size:clamp(23px,2.4vw,29px);line-height:1.13;letter-spacing:-.015em;transition:color .2s}
.press-reading-arrow{position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:24px;line-height:1;color:var(--ds-blue-700);transition:transform .2s}
.press-reading-link:hover .press-reading-title{color:var(--ds-blue-700)}
.press-reading-link:hover .press-reading-arrow{transform:translate(3px,calc(-50% - 3px))}
.press-reading-note{margin-top:18px;font-size:12px;line-height:1.6;color:var(--ds-ink-secondary)}
@media(max-width:1000px){.reviews-grid{gap:18px}.review-card{padding:24px}.review-excerpt{font-size:1.75rem}.review-featured .review-excerpt{font-size:2rem}}
@media(max-width:800px){.reviews-grid{grid-template-columns:1fr}.review-card{padding:30px}.review-excerpt,.review-featured .review-excerpt{font-size:2rem}.reviews-section{padding-block:68px}.review-context{margin-bottom:20px}.press-reading-section{padding-block:68px 72px}.press-reading{grid-template-columns:1fr;gap:32px}.press-reading-copy>p:last-child{max-width:600px}}
@media(max-width:640px){.reviews-heading h2{font-size:3.625rem}.reviews-grid{margin-top:32px;gap:18px}.review-card{padding:26px}.review-excerpt,.review-featured .review-excerpt{font-size:2rem}.reviews-note{line-height:1.6}.press-reading-section{padding-block:62px 68px}.press-reading{gap:28px}.press-reading-copy h3{font-size:clamp(43px,11vw,56px)}.press-reading-copy>p:last-child{font-size:15px}.press-reading-title{font-size:25px}.press-reading-link{padding-right:38px}.press-reading-note{margin-top:16px}}

/* One emphasis rule, with an accent selected by each section background. */
h1 em,h2 em{color:var(--heading-accent,var(--ds-accent-text))}
.translation{--heading-accent:var(--landing-apricot)}

/* Only the right sleeve and hand change during the keyboard press. */
.desk-click-hand{background-size:200% 100%;clip-path:polygon(51% 60%,59% 60%,63% 69%,67% 73%,67% 86%,62% 88%,55% 82%,49% 80%)}

/* Each example gets one complete typing + reading cycle before advancing. */
.example-selector{grid-column:1/-1;min-width:0}
.example-selector .mode-list{margin-bottom:4px}
.example-option{position:relative;--example-progress:0}
.example-option::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:currentColor;transform:scaleX(var(--example-progress));transform-origin:left center;opacity:0;pointer-events:none}
.example-option:is(.active,.selected)::after{opacity:1}
.examples-static .example-option::after{display:none}
.example-playback{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:6px 12px;font-size:12px;line-height:1.4;color:var(--ds-ink-secondary)}
.example-playback[hidden]{display:none}
.example-countdown{font-variant-numeric:tabular-nums}
.example-pause{background:transparent;padding:5px 0 5px 12px;min-height:32px;font-size:12px;color:var(--ds-accent-text);text-decoration:underline;text-underline-offset:3px}
.example-pause:hover{color:var(--ds-blue-700)}
.example-pause:disabled{opacity:.5;cursor:default}
.phone-section .example-playback{color:rgb(33 30 25 / 72%)}
.phone-section .example-pause{color:var(--ds-blue-700)}
@media(max-width:640px){.example-pause{min-height:44px}.example-playback{padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){.example-option::after{display:none}}

/* Keep longer localized headings inside the layout viewport. */
h1,h2{overflow-wrap:anywhere;text-wrap:balance}