450;500;550;600;650;700&family=Inter:wght@400;500;600;650;700;750;800&display=swap');
:root{--paper:#f8f8f3;--ink:#171914;--lime:#d4f54a;--line:#d4d5cc;--muted:#72756b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'Inter',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #111111;outline-offset:5px}header{height:100px;margin:0 5%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:40px}.brand{font:800 31px 'Inter',Arial,sans-serif;letter-spacing:-1.7px;display:inline-flex;align-items:center}.brand-dot{width:9px;height:9px;background:var(--lime);border-radius:50%;margin:11px 0 0 3px}nav{display:flex;gap:32px;margin:auto;font-size:13px}nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.availability{font-size:11px;border:1px solid var(--line);padding:12px 16px;border-radius:30px;white-space:nowrap}.availability i,.closing i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b9de25;margin-right:6px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:25px;min-height:700px;padding:68px 5% 70px;overflow:hidden}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.6px;display:flex;align-items:center;gap:9px}.tiny-square{background:var(--ink);color:var(--paper);font-size:10px;width:19px;height:19px;display:grid;place-items:center;letter-spacing:0}h1{font:800 clamp(65px,6.8vw,108px)/1.03 'Inter',Arial,sans-serif;letter-spacing:-6px;margin:32px 0 26px}.speak{position:relative;z-index:0}.speak:before{content:'';position:absolute;background:var(--lime);inset:12% -10px 0;z-index:-1;transform:rotate(-3deg)}.speak svg{position:absolute;width:100%;left:0;bottom:-17px;fill:none;stroke:var(--ink);stroke-width:2}.hero-copy>p{font-size:18px;line-height:1.7;color:#62665b;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:33px}.primary{border:1px solid #222;border-radius:3px;background:var(--lime);padding:18px 22px;display:inline-flex;align-items:center;gap:20px;font-weight:650;font-size:13px;box-shadow:3px 3px 0 var(--ink);transition:transform .2s,box-shadow .2s}.primary:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.text-link{font-size:12px;display:flex;gap:15px}.launch-note{display:flex;align-items:center;gap:8px;color:#7a7d73;font-size:10px;margin-top:25px}.demo-scene{position:relative;margin-top:3px;padding:27px 12px 90px 40px;background-image:radial-gradient(#c8cbbe .6px,transparent .6px);background-size:12px 12px;min-height:538px}.scene-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;margin:-18px 0 18px;color:#707367}.browser{border:1px solid #bcbfb2;border-radius:8px;background:#fff;overflow:hidden;transform:rotate(-2deg);width:94%;box-shadow:0 12px 35px #30351d0a}.browser-top{display:flex;align-items:center;justify-content:space-between;height:33px;background:#f2f2ee;border-bottom:1px solid #e1e1da;font-size:8px;color:#8a8c83;padding:0 13px}.dots{display:flex;gap:4px}.dots i{width:5px;height:5px;background:#c5c8bd;border-radius:50%}.article{padding:20px 34px 30px}.article-brand{text-align:center;font:bold 20px Georgia,serif;border-bottom:1px solid #d7d9cf;padding-bottom:14px}.article-brand span{display:block;font:5px Arial;letter-spacing:1.6px;margin-top:6px}.article-meta{font-size:6px;letter-spacing:1px;margin-top:23px}.article h2{font:700 39px/1.07 Georgia,serif;letter-spacing:-1.7px;margin:12px 0}.article-lead{font:12px/1.5 Georgia,serif;color:#686b62}.article-rule{border-top:1px solid #dadad2;margin:18px 0}.article-body{font:13px/1.8 Georgia,serif;margin-bottom:10px}mark{background:#f0fbc9;padding:2px 1px;border-radius:2px}.ghost-lines i{display:block;background:#edede7;height:5px;margin-top:9px}.ghost-lines i:last-child{width:73%}.floating-player{position:absolute;width:76%;right:-1%;bottom:43px;background:#fff;border:1px solid #a4aa99;border-radius:7px;box-shadow:0 15px 35px #252e1221;padding:17px 20px;transform:rotate(2deg)}.player-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.player-heading strong{font:800 18px Inter;letter-spacing:-1px}.player-heading>span{font-size:14px}.track{display:flex;gap:12px;align-items:center}.track-art{width:43px;height:43px;background:#d5d5cb;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.track-art span{font-size:5px;letter-spacing:1px}.track strong{font-size:10px}.track small{display:block;font-size:8px;margin-top:5px;color:#7a7e71}.sound-bars{margin-left:auto;display:flex;gap:3px;align-items:center;height:18px}.sound-bars i{height:10px;width:3px;background:#b9de25}.sound-bars i:nth-child(2){height:19px}.sound-bars i:nth-child(3){height:14px}.progress{height:4px;background:#e4e4df;border-radius:5px;margin-top:18px;overflow:hidden}.progress span{display:block;height:100%;background:#b9de25;width:0;transition:width .3s}.timing{display:flex;justify-content:space-between;font-size:7px;color:#777d6c;margin-top:5px}.player-controls{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.player-controls button{border:0;background:transparent;font-size:19px;padding:6px}.player-controls #speed{font-size:10px}.player-controls .round-play{height:43px;width:43px;background:var(--lime);border:1px solid #b9de25;border-radius:50%;font-size:16px;display:grid;place-items:center}.hand-note{position:absolute;bottom:-19px;left:15%;font:italic 19px/1.1 Georgia,serif;transform:rotate(-8deg)}.hand-note svg{position:absolute;right:-100px;top:-24px;width:93px;fill:none;stroke:#454541;stroke-width:1.4;transform:rotate(18deg)}.benefit-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 5%;display:flex;justify-content:space-between;align-items:center}.benefit-strip>div{display:flex;align-items:center;gap:14px;font-size:12px}.benefit-strip>div>span{font-size:23px}.strip-note{font-size:8px;letter-spacing:1.6px;color:#888d7d}.section{padding:85px 5%}.section-top{display:flex;justify-content:space-between;align-items:center}.section-aside{font-size:11px;color:var(--muted)}h2{font:750 49px/1.12 Inter,Arial,sans-serif;letter-spacing:-2.5px;margin:27px 0 40px}.muted{color:#93978a}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.feature-visual{height:266px;background:#eeeee9;border:1px solid #ddddd5;position:relative;overflow:hidden}.selection-visual{padding:20px}.selection-visual>p{font:17px/1.7 Georgia;color:#747b65;margin:0}.selection-menu{position:absolute;right:24px;bottom:22px;background:#fff;border:1px solid #c1c1b3;border-radius:5px;width:225px;box-shadow:0 10px 22px #38431c19;transform:rotate(-3deg);padding:12px}.selection-menu strong{font:800 15px Inter;letter-spacing:-.7px}.selection-menu>span{display:block;border-top:1px solid #eeeee8;padding:10px 0 0;margin-top:9px;font-size:10px}.selection-menu kbd{float:right;color:#979d8b;font:9px Arial}.focus-visual{display:flex;justify-content:center;padding-top:27px}.focus-paper{background:#fff;border:1px solid #d7d7ce;width:73%;padding:25px;transform:rotate(4deg)}.focus-paper small{font-size:6px;letter-spacing:2px}.focus-paper h4{font:24px Georgia;margin:12px 0 20px}.focus-paper>div{height:5px;background:#e2e2dc;margin-top:10px}.focus-paper>div.highlight-line{background:#d4f54a;height:10px;margin-top:4px}.focus-paper>div.short{width:70%}.focus-badge{position:absolute;bottom:22px;left:20px;background:var(--lime);padding:12px 18px;font-size:11px;transform:rotate(-5deg);border:1px solid #d4f54a}.compact-visual{padding:25px}.background-tabs{display:flex;gap:20px;font-size:8px;color:#b1b6a6;border-bottom:1px solid #dadad1;padding-bottom:15px}.compact-card{margin:24px auto;background:#fff;border:1px solid #bfbfb0;border-radius:6px;padding:17px;width:94%;transform:rotate(-4deg);box-shadow:0 10px 25px #3c4a2414}.compact-card>strong{font:800 15px Inter;letter-spacing:-.8px}.compact-card>span{float:right}.compact-card h4{margin:17px 0 4px;font-size:11px}.compact-card small{font-size:9px;color:#8a907e}.mini-controls{display:flex;justify-content:space-between;align-items:center;font-size:9px;margin-top:10px}.mini-controls b{font-size:18px}.mini-play{background:var(--lime);border-radius:50%;height:30px;width:30px;display:grid;place-items:center}.feature-caption{display:flex;gap:16px;margin-top:24px}.feature-caption>span{font-size:10px;color:#7f8672;padding-top:5px}.feature-caption h3{font-size:17px;letter-spacing:-.4px;margin:0 0 12px}.feature-caption p{font-size:13px;line-height:1.8;color:#747b68;margin:0}.voice-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;border-top:1px solid var(--line);padding-top:75px;padding-bottom:75px}.voice-copy h2{margin-bottom:25px}.voice-copy>p{font-size:15px;line-height:1.8;color:#747b68}.voice-note{display:flex;gap:16px;align-items:center;margin-top:28px;font-size:25px}.voice-note span{font:italic 19px Georgia}.voice-copy .fineprint{font-size:10px;max-width:310px;margin-top:20px}.voice-library{border:1px solid #c3c3b6;background:#fff;border-radius:7px;padding:26px;box-shadow:6px 6px 0 #e5e5e0}.library-header{display:flex;justify-content:space-between;font:750 22px Inter;letter-spacing:-1px}.filters{display:flex;gap:7px;margin:20px 0}.filters button{border:1px solid #deded7;border-radius:20px;background:#fff;font-size:10px;padding:7px 13px}.filters button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.voice-row{width:100%;display:flex;align-items:center;gap:13px;background:transparent;border:0;border-radius:4px;padding:12px 9px;text-align:left}.voice-row.selected{background:#f0fbc9}.avatar{height:42px;width:42px;border-radius:50%;background:#d6d6cc;display:grid;place-items:center;font:20px Georgia;flex-shrink:0}.voice-row:nth-child(2) .avatar{background:#e8ddcf}.voice-row:nth-child(3) .avatar{background:#deded6}.voice-row:nth-child(4) .avatar{background:#d5d5cb}.voice-info{flex:1}.voice-info strong{font-size:13px;display:block;margin-bottom:5px}.voice-info small{font-size:8px;background:#f1f1ec;padding:3px 6px;border-radius:3px;margin-right:4px}.selected .voice-info small{background:#f0fbc9}.voice-radio{font-size:23px}.voice-triangle{font-size:11px}.library-footer{display:flex;justify-content:space-between;border-top:1px solid #e5e5df;margin-top:18px;padding-top:16px;font-size:7px;letter-spacing:1.5px;color:#949c85}.how{background:#eeeee7;border-block:1px solid #d8d8d0;padding-top:50px;padding-bottom:60px}.how-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:40px;margin-top:35px}.how h2{margin:0;font-size:43px}.step-no{font:12px monospace;border-bottom:1px solid #bfbfb0;display:block;padding:3px 0 16px}.how h3{font-size:15px;margin-top:22px}.how p{font-size:12px;line-height:1.8;color:#73736c}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:12%}.faq h2{margin-top:22px}.faq-list details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:21px 0;font-size:14px;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary span{font-size:18px}.faq-list p{font-size:13px;line-height:1.8;color:#737c65;padding-bottom:10px}.faq-list details[open] summary span{transform:rotate(45deg)}.closing{text-align:center;background:var(--lime);padding:65px 20px 70px;margin:0 5% 65px;border:1px solid #b9de25}.closing .eyebrow{justify-content:center;font-size:9px}.closing h2{font-size:47px;line-height:1.2;margin:26px 0}.closing h2>span{font-family:Georgia,serif;font-style:italic;font-weight:400}.closing .primary{background:var(--ink);color:white;box-shadow:none;min-width:185px;justify-content:space-between}.closing-note{display:block;font-size:10px;margin-top:17px;color:#3b3b38}footer{margin:0 5%;padding:28px 0 35px;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px}footer>span{font-size:8px;letter-spacing:2px;color:#7c8570}footer>a:not(.brand){font-size:11px;margin-left:auto}footer small{font-size:9px;color:#879077}#status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:90%;border-radius:5px;background:#1d1d1b;color:#fff;font-size:12px;padding:12px 20px;box-shadow:0 4px 20px #0002;z-index:10}#status:empty{display:none}@media(min-width:1500px){body{max-width:1600px;margin:auto}}@media(max-width:1100px){header{gap:20px}nav{gap:20px}.availability{font-size:9px;padding:10px}.hero{gap:12px;padding-top:55px;min-height:640px}h1{font-size:78px}.hero-copy>p{font-size:16px}.hero-actions{gap:15px;flex-wrap:wrap}.demo-scene{padding-left:10px}.article{padding:20px 25px}.article h2{font-size:32px}.floating-player{width:88%;bottom:43px}.hand-note{font-size:17px}.strip-note{display:none}.feature-grid{gap:15px}.feature-visual{height:240px}.selection-menu{right:12px;width:200px}.selection-visual>p{font-size:15px}.section{padding:65px 5%}.voice-section{gap:6%}.voice-library{padding:20px}.filters{gap:4px}.filters button{padding:7px 10px}.how-grid{gap:25px}.how h2{font-size:35px}.closing h2{font-size:42px}}@media(max-width:760px){header{height:78px;justify-content:space-between}.brand{font-size:26px}nav{display:none}.availability{padding:8px 10px;font-size:8px}.hero{grid-template-columns:1fr;padding-top:40px;gap:45px;padding-bottom:55px}.hero-copy .eyebrow{font-size:8px}h1{font-size:clamp(65px,13vw,94px);letter-spacing:-4px;margin-top:28px}.hero-copy>p{font-size:16px}.hero-actions{gap:25px}.primary{padding:16px 19px;font-size:12px}.launch-note{font-size:9px}.demo-scene{max-width:480px;width:100%;margin:0 auto;min-height:525px;padding-left:25px;padding-right:20px}.browser{width:94%}.article{padding:20px 29px 40px}.article h2{font-size:36px}.floating-player{right:0;width:81%;bottom:26px}.hand-note{bottom:-25px;left:10%}.benefit-strip{gap:10px;padding:18px 5%;flex-wrap:wrap}.benefit-strip>div{font-size:9px;gap:6px}.benefit-strip>div>span{font-size:19px}.benefit-strip>div:last-of-type{display:none}.section{padding:55px 5%}.section-aside{display:none}h2{font-size:36px;letter-spacing:-1.8px}.feature-grid{grid-template-columns:1fr;gap:35px}.feature-visual{height:280px}.selection-visual{padding:30px}.selection-visual>p{font-size:20px}.selection-menu{width:245px;right:30px;bottom:24px;padding:15px}.selection-menu>span{font-size:12px}.focus-paper{width:65%;max-width:270px}.focus-badge{left:17%}.compact-card{width:80%;max-width:280px}.feature-caption{margin-top:18px}.voice-section{grid-template-columns:1fr;gap:25px}.voice-copy h2{font-size:42px}.voice-library{padding:24px}.filters{gap:8px}.filters button{padding:7px 12px}.how-grid{grid-template-columns:1fr;gap:22px}.how h2{font-size:38px}.how-grid>div{display:grid;grid-template-columns:30px 1fr;column-gap:15px}.step-no{grid-row:span 2;border:0;padding-top:3px}.how h3{margin:0}.how p{margin:10px 0 0}.faq{grid-template-columns:1fr;gap:0}.faq h2{margin-bottom:16px}.closing{padding:45px 20px;margin-bottom:35px}.closing h2{font-size:32px}footer{flex-wrap:wrap;gap:20px}footer>span{display:none}footer small{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}