@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--paper:#f4f2ed;--ink:#252822;--muted:#777a70;--line:#dcded3;--lime:#d3fa75;--green:#708043}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #798b48;outline-offset:6px}::selection{background:var(--lime);color:var(--ink)}.reading-progress{height:3px;background:var(--green);position:fixed;top:0;left:0;width:0;z-index:100}header{height:95px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid var(--line);background:#f4f2edf2;backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.wordmark{font-family:Manrope,sans-serif;font-size:29px;font-weight:800;letter-spacing:-1.6px;display:inline-flex;align-items:center;gap:9px}.brand-dot{color:var(--green);margin-left:-8px}.eyes{display:inline-flex;gap:3px;align-items:center}.eyes i{display:block;width:15px;height:21px;border:1.8px solid currentColor;border-radius:50%;position:relative;transform:rotate(12deg)}.eyes i:after{content:'';position:absolute;left:6px;top:7px;width:5px;height:7px;border-radius:50%;background:currentColor}nav{display:flex;align-items:center;gap:35px;font-size:13px;font-weight:550}.nav-cta{border:1px solid #c9cdbe;border-radius:7px;padding:12px 19px}.nav-cta span{margin-left:22px}.hero{padding:65px 5.5% 0;position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:30px;overflow:hidden}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.7px;display:flex;align-items:center;gap:9px}.live-dot{width:6px;height:6px;background:#7d944e;border-radius:100%;display:inline-block;box-shadow:0 0 0 4px #91aa5a14}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(65px,6.7vw,104px);font-weight:600;line-height:1.02;letter-spacing:-6.5px;margin:30px 0 25px}.outlined{-webkit-text-stroke:1.3px var(--ink);color:transparent}.lime-dot{color:var(--green);-webkit-text-stroke:0}.hero-copy>p{font-size:20px;line-height:1.55;color:#6a6e61}.hero-actions{display:flex;gap:27px;align-items:center;margin-top:29px}.button{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 24px;border-radius:6px;font-weight:550;font-size:13px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 7px 20px #25282217}.dark{background:var(--ink);color:white}.lime{background:var(--lime);color:var(--ink)}.text-link{font-size:12px;font-weight:550;display:inline-flex;gap:18px;align-items:center}.text-link:hover span{transform:translate(2px,2px)}.fine-print{font-size:11px;margin-top:15px}.fine-print span{color:var(--muted);margin-left:7px}.hero-art{position:relative;align-self:center;padding:70px 0 100px;min-width:0}.floating-label{position:absolute;top:23px;left:25px;font-size:8px;letter-spacing:1.35px;display:flex;gap:10px;align-items:center}.app-window{background:#fff;border:1px solid #d8dcce;border-radius:10px;box-shadow:0 20px 50px #303c1710;transform:rotate(-3deg);overflow:hidden}.window-bar{display:flex;align-items:center;justify-content:space-between;background:#fafbf7;border-bottom:1px solid #ebede5;height:37px;padding:0 14px;font-size:9px;color:#8a8c82}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#daddd3}.mock-dashboard{display:flex}.mock-sidebar{width:45px;border-right:1px solid #eef0e9;display:flex;align-items:center;flex-direction:column;gap:24px;font-size:16px;padding-top:23px;color:#9b9e91}.mock-sidebar b{color:#475134;margin-bottom:5px}.mock-sidebar .selected{color:#60733d;background:#ecf0df;padding:3px 8px;border-radius:4px}.dashboard-main{padding:25px;width:calc(100% - 45px)}.mock-title{font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:8px}.mock-title small{font-size:7px;font-weight:400;color:#8a8f7d;border:1px solid #eceee5;padding:6px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.metrics>div{position:relative}.metrics span,.metrics small{display:block;font-size:8px;color:#898e80}.metrics strong{font-size:29px;font-weight:550;letter-spacing:-1px;display:block;margin:8px 0}.metrics small{font-size:7px;color:#8a9c61}.error-metric{padding-left:10px}.chart-label{font-size:9px;margin:29px 0 15px;display:flex;justify-content:space-between}.chart-label span{color:#8a9c61;font-size:7px}.chart{width:100%;display:block}.chart-dates{display:flex;justify-content:space-between;font-size:7px;color:#989c8d;margin-top:6px}.cursor{position:absolute;right:16px;top:44%;font-size:32px;transform:rotate(10deg);z-index:2}.cursor span{background:var(--green);color:white;font-size:8px;padding:5px 9px;border-radius:3px;position:absolute;left:18px;top:30px;white-space:nowrap}.narration{background:#fff;border:1px solid #d6dbcd;border-radius:9px;padding:17px 20px;position:absolute;bottom:15px;left:12%;right:-3%;transform:rotate(2deg);box-shadow:0 10px 30px #34421e0c}.narration-top{display:flex;gap:7px;align-items:center;font-size:7px;letter-spacing:1px;color:#7d8273}.record-dot{background:#dc795f;width:6px;height:6px;border-radius:50%}.audio-time{margin-left:auto;letter-spacing:0}.narration p{font-size:15px;line-height:1.6;margin:14px 0}.audio-bottom{display:flex;align-items:center;justify-content:space-between}.audio-bottom>span{font-size:8px;color:#828977}.audio-bottom b{color:#7d944e;padding-left:8px}.wave{display:flex;align-items:center;gap:3px;height:22px}.wave i{width:3px;height:var(--h);background:#9dac7c;border-radius:3px;animation:pulse 1.7s ease-in-out infinite;animation-delay:var(--d)}@keyframes pulse{50%{transform:scaleY(.45)}}.artifact-caption{position:absolute;bottom:-22px;left:10px;right:0;display:flex;justify-content:space-between;color:#9a9e90;font-size:7px;letter-spacing:1px}.hero-bottom{grid-column:1/-1;margin-top:55px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0;font-size:8px;letter-spacing:1.2px;color:#7a7e70}.hero-bottom a span{margin-left:22px}.section-pad{padding:110px 8%}.problem{background:#e9ece1}.problem-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:13%;margin-top:50px}h2{font-size:clamp(38px,4.5vw,68px);font-weight:500;line-height:1.12;letter-spacing:-3px}em{font-family:Georgia,serif;font-weight:400}p{font-size:15px;line-height:1.8;color:#74796b}.lead{font-size:21px;line-height:1.6;color:#424a36;margin-bottom:22px}.problem-grid>div>p:not(.lead){max-width:420px}.chat-fragments{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:30px 0}.chat-fragments span{border:1px solid #d3d8c8;background:#f3f4ed;padding:12px 17px;font-size:12px;border-radius:8px 8px 8px 0;transform:translateX(0);transition:transform .4s}.chat-fragments span:nth-child(2){margin-left:20px}.chat-fragments span:nth-child(3){margin-left:6px}.chat-fragments span:hover{transform:translateX(8px)}.problem-close{color:#505b42;font-weight:500}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:11%;padding:110px 8% 50px;align-items:start}.workflow-sticky{position:sticky;top:135px}.workflow h2{margin:28px 0 35px;white-space:nowrap}.demo-panel{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 10px 40px #25282205}.demo-top{height:55px;display:flex;align-items:center;gap:8px;padding:0 20px;border-bottom:1px solid #eee;font-size:14px}.demo-top .eyes{transform:scale(.7)}.demo-top>span:last-child{margin-left:auto;font-size:9px;color:#85975e}.demo-preview{min-height:240px;padding:25px;text-align:center;background:#fcfcf8}.demo-step-label{font-size:8px;letter-spacing:1.5px;color:#8b9082;text-align:left}#demo-visual{height:115px;display:flex;gap:20px;justify-content:center;align-items:center}.demo-mic{font-size:32px;color:#899b5e}.large.wave{height:55px;gap:4px}.large.wave i{width:4px}.demo-preview p{font-size:13px;color:#535d43;max-width:280px;margin:5px auto 0}.demo-footer{display:flex;justify-content:space-between;font-size:9px;padding:17px 20px;border-top:1px solid #eee;color:#898d81}.demo-controls{display:flex;gap:12px;align-items:center;justify-content:center;margin:24px 0}.demo-controls button{border:1px solid #d6dcca;background:transparent;border-radius:50%;width:29px;height:29px;font-size:9px;color:#899378}.demo-controls button.active{background:var(--ink);border-color:var(--ink);color:white}.demo-controls>span{height:1px;width:28px;background:#d6dcca}.workflow-steps{padding-top:140px}.workflow-step{min-height:65vh;display:flex;flex-direction:column;justify-content:center;opacity:.35;transition:opacity .5s}.workflow-step.active{opacity:1}.step-number{font-size:11px;font-weight:500;color:#80925b;margin-bottom:25px}.workflow-step h3{font-size:35px;font-weight:500;letter-spacing:-1.5px;margin-bottom:19px}.workflow-step p{max-width:340px}.step-note{font-size:11px;color:#65744d;display:block;margin-top:28px}.use-cases{padding-top:65px}.use-cases>.eyebrow{margin-bottom:36px}.use-case-row{border-top:1px solid var(--line);display:grid;grid-template-columns:35px 1fr 1fr 20px;gap:25px;padding:35px 0;align-items:center}.use-case-row:last-child{border-bottom:1px solid var(--line)}.use-case-row>span{font-size:10px;color:#8c947e}.use-case-row h3{font-size:20px;letter-spacing:-.6px;font-weight:500}.use-case-row p{font-size:12px;max-width:300px}.privacy{background:#252d23;color:#f4f2ed;display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.privacy .eyebrow{color:#a8b29b}.privacy h2{margin:30px 0}.privacy em{color:#d3ed9f}.privacy p{color:#adb5a4;font-size:13px;margin-bottom:21px;max-width:360px}.privacy p.lead{font-size:21px;color:#ecf0e5}.privacy .text-link{margin-top:14px;color:#d3ed9f;font-size:11px}.privacy-diagram{text-align:center}.local-boundary{border:1px dashed #68745a;border-radius:16px;padding:38px 15px 25px;position:relative}.boundary-label{position:absolute;top:-6px;left:50%;transform:translateX(-50%);background:#252d23;padding:0 13px;font-size:8px;letter-spacing:2px;white-space:nowrap;color:#adb99d}.computer-icon{font-size:72px;line-height:1;color:#c5d5ac;margin-bottom:24px}.local-boundary strong{font-size:18px;font-weight:450}.local-items{display:flex;justify-content:center;gap:15px;margin:28px 0;font-size:9px;color:#c2ccb7}.local-pill{display:inline-flex;align-items:center;gap:10px;background:#333f2d;padding:11px 15px;border-radius:5px;font-size:9px;color:#d0e2b2}.local-pill .live-dot{background:var(--lime)}.connection{display:flex;align-items:center;flex-direction:column;font-size:8px;color:#9aa78d;gap:12px}.connection span{height:29px;width:1px;background:#627153}.connection b{font-weight:400}.destination-row{display:flex;gap:14px}.destination-row>span{width:50%;border:1px solid #49543f;border-radius:7px;padding:20px 8px;font-size:11px}.destination-row small{display:block;color:#94a584;font-size:8px;margin-top:9px}.pricing{display:grid;grid-template-columns:1.1fr 1fr;gap:15%;align-items:center}.pricing h2{margin:30px 0}.pricing-intro>p{font-size:14px;max-width:390px}.cost-comparison{display:flex;margin:32px 0 13px;gap:35px}.cost-comparison>div{display:flex;flex-direction:column;gap:10px}.cost-comparison>div:first-child{border-right:1px solid var(--line);padding-right:35px}.cost-comparison span{font-size:10px;color:#838a77}.cost-comparison strong{font-size:29px;letter-spacing:-1px;font-weight:500}.cost-comparison small{font-size:11px;letter-spacing:0;color:#8b927f}.cost-comparison>div:last-child strong{color:#708043}.comparison-note{font-size:8px;color:#8e9484;display:block;line-height:1.6}.price-card{background:#e9eddf;border:1px solid #d4dcc6;border-radius:12px;padding:30px;position:relative}.price-card:before{content:'';position:absolute;inset:8px -8px -8px 8px;border:1px solid #d4dcc6;border-radius:12px;z-index:-1}.price-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.price-card .wordmark{font-size:21px}.price-tag{font-size:7px;letter-spacing:1px;border:1px solid #ced8bf;padding:7px 9px;border-radius:20px}.price{font-family:Manrope,sans-serif;font-size:100px;letter-spacing:-7px;line-height:1.4;margin-top:20px}.price sup{font-size:38px;vertical-align:top;position:relative;top:24px;letter-spacing:-2px}.price>span{font:11px 'DM Sans',sans-serif;letter-spacing:0;margin-left:15px;color:#7a846a}.price-card>p{font-size:16px;color:#647052;line-height:1.5}.price-card ul{padding:20px 0;list-style:none;margin:12px 0 5px;border-top:1px solid #d3dcc5;margin-top:25px}.price-card li{font-size:11px;padding:9px 0;display:flex;align-items:center;gap:12px}.price-card li:before{content:'✓';color:#71884e}.purchase{width:100%;font-size:12px}.price-footnote{display:block;text-align:center;font-size:8px;color:#7b866b;margin-top:14px}.faq{padding-top:10px;padding-bottom:100px;max-width:1000px;margin:auto}.faq>.eyebrow{margin-bottom:30px}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:24px 0;font-size:14px;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary span{color:#80925b}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;padding:0 35px 25px 0;max-width:650px}.final-cta{padding:85px 5% 90px;background:#e9ece1;text-align:center}.final-cta .eyebrow{justify-content:center}.final-cta h2{margin:28px 0 35px;font-size:clamp(45px,5.3vw,80px)}.final-cta .button{font-size:12px;background:var(--ink);color:var(--lime)}footer{display:flex;justify-content:space-between;align-items:center;padding:35px 5.5%;gap:20px}footer>span,footer>a:last-child{font-size:9px;color:#8a907f}footer .wordmark{font-size:22px}dialog{border:1px solid var(--line);border-radius:12px;max-width:480px;width:calc(100% - 32px);background:var(--paper);color:var(--ink);padding:45px}dialog::backdrop{background:#1e281c88;backdrop-filter:blur(8px)}dialog h2{font-size:36px;letter-spacing:-1.5px;margin:25px 0 20px}dialog p{font-size:14px;margin-bottom:25px}#close-dialog{position:absolute;right:18px;top:12px;background:none;border:0;font-size:28px;color:#758466}.reveal{opacity:0;transform:translateY(25px);transition:opacity .75s,transform .75s}.reveal.visible{opacity:1;transform:none}
@media(min-width:1500px){main,header,footer{max-width:1700px;margin:auto}.hero{padding-top:100px;padding-bottom:20px}.hero-art{max-width:650px}.hero-bottom{margin-top:85px}}
@media(max-width:1000px){h1{letter-spacing:-4px}.hero{gap:25px;padding-top:45px}.hero-art{padding-bottom:80px}.dashboard-main{padding:18px}.metrics strong{font-size:24px}.mock-title{font-size:11px}.mock-title small{font-size:6px}.narration{left:0;right:-2%}.narration p{font-size:12px}.hero-actions{gap:18px}.button{gap:20px}.section-pad{padding:85px 6%}.problem-grid{gap:8%}.workflow{padding:85px 6% 35px;gap:7%}.workflow h2{font-size:40px}.workflow-step h3{font-size:30px}.privacy{gap:8%}.pricing{gap:9%}.price-card{padding:25px}.use-case-row{gap:15px}.use-case-row h3{font-size:17px}.price-tag{font-size:6px}.faq{padding-top:10px}}
@media(max-width:700px){header{height:76px;padding:0 6%}.wordmark{font-size:25px}nav{gap:16px}nav>a:not(.nav-cta){display:none}.nav-cta{font-size:11px;padding:10px 14px}.hero{grid-template-columns:1fr;padding:45px 6% 0;gap:0}h1{font-size:76px;letter-spacing:-5px;margin:25px 0}.eyebrow{font-size:8px;letter-spacing:1.35px}.hero-copy>p{font-size:18px}.hero-actions{margin-top:25px}.hero-art{max-width:500px;width:100%;margin:30px auto 45px;padding:55px 8px 88px}.floating-label{top:15px;left:12px;font-size:7px}.mock-title{font-size:12px}.mock-title small{font-size:7px}.metrics strong{font-size:28px}.narration{left:8%;right:0;bottom:0}.narration p{font-size:13px}.cursor{right:20px}.artifact-caption{bottom:-30px;font-size:6px}.hero-bottom{margin-top:25px;font-size:6px;letter-spacing:.9px;padding:20px 0}.section-pad{padding:70px 7%}h2{font-size:43px;letter-spacing:-2px}.problem-grid{grid-template-columns:1fr;gap:35px;margin-top:30px}.lead{font-size:19px}.problem-grid>div>p:not(.lead){max-width:none}.chat-fragments span{font-size:11px;padding:10px 13px}.workflow{display:block;padding:65px 7% 25px}.workflow-sticky{top:76px;background:var(--paper);padding-top:20px;z-index:3}.workflow h2{font-size:37px;margin:20px 0}.workflow .eyebrow{font-size:7px}.demo-preview{min-height:174px;padding:15px 20px}#demo-visual{height:75px}.demo-preview p{font-size:11px}.demo-top{height:42px;padding:0 14px}.demo-footer{padding:12px 15px;font-size:8px}.demo-controls{margin:14px 0;padding-bottom:8px}.workflow-steps{padding-top:0}.workflow-step{min-height:68vh;padding:35px 0}.workflow-step h3{font-size:31px}.workflow-step p{font-size:14px;max-width:none}.step-note{margin-top:20px}.use-cases{padding-top:30px}.use-case-row{grid-template-columns:22px 1fr 15px;gap:10px;padding:25px 0}.use-case-row p{grid-column:2;grid-row:2;max-width:none;font-size:12px}.use-case-row>span:last-child{grid-column:3;grid-row:1}.use-case-row h3{font-size:18px}.privacy{grid-template-columns:1fr;gap:55px}.privacy p{max-width:none}.privacy-diagram{max-width:420px;width:100%;margin:auto}.pricing{grid-template-columns:1fr;gap:45px}.price-card{max-width:440px;width:100%;margin:auto;padding:28px}.price-tag{font-size:7px}.price-card li{font-size:12px}.price-card .button{font-size:13px}.faq{padding-top:5px}.faq summary{font-size:12px}.final-cta{padding:65px 5%}.final-cta h2{font-size:43px}.final-cta .eyebrow{font-size:7px}footer{padding:28px 6%;flex-wrap:wrap}footer>span{display:none}footer>a:last-child{font-size:8px}dialog{padding:35px 25px}}
@media(max-width:700px){h1{font-size:clamp(48px,16vw,76px);letter-spacing:-3.5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.workflow-step{opacity:1}}

.header-brand{display:flex;align-items:center;gap:9px;min-width:0}.brand-pronunciation{font-family:Georgia,"Times New Roman",serif;font-size:14px;color:#68725d;white-space:nowrap}.pronounce{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;padding:5px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}.pronounce:hover{background:#e9eddf}.pronounce:focus-visible{outline:2px solid #708043;outline-offset:3px}.pronounce:disabled{opacity:.5;cursor:default}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:700px){.header-brand{gap:6px;flex-wrap:wrap;max-width:205px}.header-brand .wordmark{width:100%;font-size:23px}.brand-pronunciation{font-size:12px}.pronounce{width:24px;height:24px;padding:3px}header{gap:12px}.header-brand .eyes{transform:scale(.85)}}

/* Align the visible lettering with the eye and speaker icons, accounting for font metrics. */
.header-brand{align-items:center}.header-brand .wordmark{line-height:1}.header-brand .brand-name{display:block;transform:translateY(-2px)}.brand-pronunciation{display:inline-flex;align-items:center;line-height:1;transform:translateY(1px)}.pronounce svg{display:block}

.commentary-anchor{position:relative;display:inline-block}.narration .cursor{position:absolute;left:calc(100% + 5px);right:auto;top:-12px;font-size:22px;line-height:1;font-weight:400;letter-spacing:0;color:var(--ink);transform:none;pointer-events:none}.narration .cursor span{left:-6px;right:auto;top:-23px;font-size:8px;line-height:1.4;color:white;transform:rotate(4deg)}@media(max-width:700px){.narration .cursor{left:calc(100% + 3px);top:-10px;font-size:18px}.narration .cursor span{font-size:7px;left:-50px;top:-22px}}

.use-demo{min-width:0}.use-tabs{display:flex;gap:5px;margin-bottom:15px;flex-wrap:wrap}.use-tabs button{border:1px solid #ccd3bf;border-radius:20px;background:transparent;padding:9px 13px;font:inherit;font-size:11px;color:#69745d;cursor:pointer}.use-tabs button[aria-selected=true]{background:var(--ink);color:#f4f2ed;border-color:var(--ink)}.use-tabs button:focus-visible,#use-toggle:focus-visible{outline:2px solid #708043;outline-offset:3px}.use-stage{position:relative;overflow:hidden;background:#fff;border:1px solid #d3d8c9;border-radius:12px;min-height:380px;box-shadow:0 14px 35px #303c170a}.use-window-top{display:flex;align-items:center;gap:20px;padding:13px 17px;background:#fafbf7;border-bottom:1px solid #e8ebdf;font-size:10px;color:#89927a}.use-window-dots{font-size:7px;color:#c7cebc;letter-spacing:3px}.use-screen{padding:24px;min-height:160px;font-size:12px}.use-screen h4{font-size:18px;letter-spacing:-.5px;margin:0 0 18px}.use-screen .sample-line{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #edf0e7;color:#7d876f}.use-screen .sample-wrong{background:#f2f4e9;padding:10px;border-radius:5px;color:#39442d}.use-screen .sample-action{display:inline-block;background:#bd725c;color:white;padding:10px 17px;border-radius:4px;margin:12px 0 0;font-size:10px}.use-screen .sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.use-screen .sample-grid>div{padding:12px;background:#f3f5ee;border-radius:5px}.use-screen .sample-grid b{display:block;font-size:23px;margin-top:5px;color:#39442d}.use-screen .sample-output{font:11px/1.8 ui-monospace,monospace;background:#f2f4ed;padding:12px;border-radius:5px}.use-record-bar{display:flex;align-items:center;gap:8px;padding:10px 17px;background:#252d23;color:#e9efdd;font-size:9px}.use-record-bar b{font-size:12px;margin-right:auto}.use-record-light{width:5px;height:5px;border-radius:50%;background:#e5947b}#use-clock{font-variant-numeric:tabular-nums;min-width:28px}.use-narration{padding:20px 24px;min-height:139px}.use-narration>span{font-size:7px;letter-spacing:1.6px;color:#8b947d}.use-narration p{font-size:13px;line-height:1.6;margin:9px 0 12px;color:#4f5b40;min-height:42px}.use-audio-bars{height:15px;display:flex;gap:3px;align-items:center}.use-audio-bars i{display:block;width:3px;height:8px;background:#9da980;animation:use-wave .7s ease-in-out infinite alternate}.use-audio-bars i:nth-child(3n){height:14px;animation-delay:-.3s}.use-audio-bars i:nth-child(2n){animation-delay:-.5s}.use-capture-confirm{position:absolute;right:14px;top:58px;background:#e7edd9;border:1px solid #c6d5b0;color:#4c6635;padding:9px 12px;border-radius:5px;font-size:10px;opacity:0;transform:translateY(-5px);transition:opacity .3s,transform .3s}.use-stage[data-phase="1"] .use-capture-confirm{opacity:1;transform:none}.use-export{position:absolute;inset:44px 0 0;background:#f6f8f0f7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;opacity:0;visibility:hidden;transition:opacity .4s}.use-stage[data-phase="2"] .use-export{opacity:1;visibility:visible}.use-export>span{font-size:27px;color:#72894e;border:1px solid #c5d2b1;border-radius:50%;width:49px;height:49px;display:grid;place-items:center}.use-export strong{font-size:20px;font-weight:500}.use-export small{font-size:11px;color:#78856a}.use-export b{background:white;border:1px solid #d8dfcc;padding:12px 23px;border-radius:6px;font-size:12px;font-weight:500}.use-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.use-caption span{font-size:9px;letter-spacing:1px;color:#7b886b}.use-caption h3{font-size:20px;font-weight:500;letter-spacing:-.5px;margin:7px 0}#use-toggle{font:inherit;font-size:10px;color:#59664b;background:transparent;border:1px solid #ccd3bf;border-radius:20px;padding:8px 13px;cursor:pointer}.use-demo .use-disclosure{font-size:9px;color:#88917c;margin:8px 0 0}.use-demo.is-paused *{animation-play-state:paused}@keyframes use-wave{to{transform:scaleY(.35)}}@media(max-width:700px){.use-stage{min-height:365px}.use-screen{padding:20px}.use-narration{padding:18px 20px}.use-tabs button{font-size:10px;padding:8px 11px}.use-caption h3{font-size:19px}.use-capture-confirm{font-size:9px}.use-record-bar{font-size:8px}}@media(prefers-reduced-motion:reduce){.use-demo *{animation:none!important;transition:none!important}}

.use-meme{display:none}.meme-mode>:not(.use-meme){display:none}.meme-mode .use-meme{display:block}.meme-mode{min-height:0}.meme-row{display:grid;grid-template-columns:100px minmax(0,1fr);min-height:225px}.meme-row+.meme-row{border-top:1px solid #d3d8c9}.meme-reaction{background-repeat:no-repeat;background-color:#f1d650;align-self:stretch}.reaction-stacked{background-size:100% 200%}.reaction-stacked.reaction-no{background-position:center top}.reaction-stacked.reaction-yes{background-position:center bottom}.reaction-sideways{background-size:200% 100%}.reaction-sideways.reaction-no{background-position:left center}.reaction-sideways.reaction-yes{background-position:right center}.meme-content{padding:17px;min-width:0}.meme-label{font-size:8px;letter-spacing:1.5px;color:#839075}.old-way{background:#faf9f5}.new-way{background:#f3f6eb}.meme-chat{margin-top:12px;background:#eeede8;border:1px solid #e1dfd6;padding:12px;border-radius:9px 9px 2px 9px;min-height:166px}.meme-chat-label{font-size:8px;color:#929386}.meme-chat p{font-size:11px;line-height:1.7;color:#747969;margin:8px 0;display:inline}.meme-typing-caret{display:inline-block;width:1px;height:11px;background:#929386;animation:meme-blink .8s steps(2) infinite}.meme-capture{padding:10px 12px;background:white;border:1px solid #d5ddc8;border-radius:5px;margin-top:10px;font-size:8px;max-height:117px;overflow:hidden}.meme-capture h4{font-size:11px;margin:0 0 6px;font-weight:500}.meme-capture .sample-line{display:flex;justify-content:space-between;font-size:8px;padding:3px 0;color:#7b866f}.meme-capture .sample-action{display:inline-block;font-size:7px;background:#bd725c;color:white;padding:4px 7px;border-radius:3px}.meme-capture .sample-grid{display:flex;gap:15px;font-size:8px}.meme-capture .sample-grid b{display:block;font-size:13px}.meme-capture .sample-output{font-size:8px;line-height:1.7}.meme-spoken{display:flex;align-items:flex-start;gap:7px;margin-top:10px}.meme-spoken .use-record-light{flex-shrink:0;margin-top:5px}.meme-spoken p{font-size:11px;line-height:1.6;color:#455537;margin:0}.meme-result{display:block;font-size:8px;color:#778c58;margin-top:8px}.use-stage[data-phase="1"] .meme-capture{box-shadow:0 0 0 2px #a9bc89}.use-stage[data-phase="2"] .meme-result{color:#40582b;font-weight:600}@keyframes meme-blink{to{opacity:0}}@media(max-width:700px){.meme-row{grid-template-columns:78px minmax(0,1fr);min-height:230px}.meme-content{padding:13px}.meme-chat{padding:10px;min-height:180px}.meme-chat p,.meme-spoken p{font-size:10px}.meme-capture{padding:8px}.use-demo .use-disclosure{line-height:1.6}}

.meme-reaction{position:relative;background-image:none}.meme-reaction:before{content:'';position:absolute;left:0;top:50%;width:100%;aspect-ratio:1.15;transform:translateY(-50%);background-image:var(--reaction-image);background-repeat:no-repeat}.reaction-stacked:before{background-size:100% 200%}.reaction-stacked.reaction-no:before{background-position:center top}.reaction-stacked.reaction-yes:before{background-position:center bottom}.reaction-sideways{background-color:#dfddd6}.reaction-sideways:before{aspect-ratio:.5;background-size:200% 100%}.reaction-sideways.reaction-no:before{background-position:left center}.reaction-sideways.reaction-yes:before{background-position:right center}

.decision-slide{margin:0;padding:16px;background:#f7f7f1;display:flex;justify-content:center}.decision-slide img{display:block;width:100%;max-width:320px;height:auto;object-fit:contain}

.use-image-wrap{position:relative}.use-image-wrap .use-stage{cursor:pointer}.use-stage:focus-visible{outline:2px solid #708043;outline-offset:4px}.use-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:35px;height:44px;display:grid;place-items:center;border:1px solid #cdd5bf;border-radius:8px;background:#f8faf1ed;color:#34452b;font:30px/1 Georgia,serif;cursor:pointer;opacity:0;transition:opacity .18s;box-shadow:0 3px 12px #252d2320}.use-prev{left:8px}.use-next{right:8px}.use-image-wrap:hover .use-arrow,.use-image-wrap:focus-within .use-arrow{opacity:1}.use-arrow:focus-visible{outline:2px solid #708043;outline-offset:3px}.use-arrow:hover{background:white}@media(hover:none){.use-arrow{opacity:1}}