:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#172e27;--muted:#465c52;--paper:#fbfaf4;--line:#d8dfd5;--green:#174636;--lime:#e3f6ab}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font:16px/1.65 system-ui,sans-serif}a{color:inherit;text-underline-offset:.22em}a:focus-visible{outline-offset:5px;outline:3px solid #638d36}.wrap{width:min(1120px,100% - 48px);margin-inline:auto}.header{border-bottom:1px solid var(--line)}.bar,.brand,nav{align-items:center;gap:1rem;display:flex}.bar{flex-wrap:wrap;justify-content:space-between;min-height:72px;padding-block:.75rem}.brand{font-weight:800;text-decoration:none}.site-logo{object-fit:contain;flex-shrink:0;width:40px;height:40px;display:block}nav{flex-wrap:wrap;column-gap:1.6rem}nav a{font-size:.88rem;font-weight:650}.skip{background:#fff;padding:.6rem;position:absolute;top:-10rem;left:1rem}.skip:focus{top:1rem}.hero{background:#edf2e5;padding:clamp(1.5rem,3vw,2.5rem) 0 clamp(3.5rem,9vw,8rem);overflow-x:clip}.hero-grid>*,.feature-layout>*,.footer-grid>*{min-width:0}video{max-width:100%}h1,h2,h3,.brand{overflow-wrap:anywhere}.hero-grid{grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(2rem,7vw,6rem);display:grid}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.045em;text-wrap:balance;font-family:Georgia,serif;font-weight:500;line-height:1.03}h1{font-size:clamp(3rem,7vw,6.4rem)}h2{font-size:clamp(2rem,4.5vw,3.6rem)}h3{margin:.8rem 0 .3rem;font-size:1.25rem}.eyebrow,.number{letter-spacing:.11em;text-transform:uppercase;color:var(--green);font:700 .75rem/1.5 ui-monospace,monospace}.eyebrow{margin-bottom:1rem}.lede{color:var(--muted);max-width:48ch;margin:1.2rem 0 1.65rem;font-size:1.12rem}.button{background:var(--green);color:#fff;border-radius:8px;align-items:center;gap:1rem;padding:.75rem 1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.button:hover{background:#225f49}.demo{color:#fff;background:#133b2e;border-radius:18px;margin:0;overflow:hidden;box-shadow:0 20px 50px #17463624}.demo figcaption{border-bottom:1px solid #ffffff32;padding:.85rem 1.4rem;font-size:.85rem;font-weight:700}.dot{background:var(--lime);border-radius:50%;width:8px;height:8px;margin-right:.5rem;display:inline-block}.demo-body{padding:1.6rem}.demo .eyebrow,.transcript span{color:var(--lime)}.sample{font:1.6rem Georgia,serif}.wave{align-items:center;gap:4px;height:70px;margin-block:.65rem;display:flex}.wave i{background:#8cbe91;border-radius:5px;flex:1;max-width:10px}.transcript{background:#0c2d22;border:1px solid #ffffff32;border-radius:6px;padding:.8rem;font-family:ui-monospace,monospace}.section{padding-block:clamp(3rem,7vw,6rem)}.steps{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.steps li{border-top:2px solid var(--green);padding-top:1rem}.steps p,.guide{color:var(--muted)}.practice{background:#eaf1de}.feature-section{border-top:1px solid var(--line)}.feature-section:nth-child(odd){background:#edf2e5}.feature-layout{grid-template-columns:1fr 1.2fr;align-items:start;gap:2rem clamp(2rem,8vw,7rem);display:grid}.feature-list>div{border-top:1px solid var(--line);padding:1rem 0}.feature-list h3{margin-top:0}.feature-list p{color:var(--muted)}.feature-heading-centered{text-align:center;grid-column:1/-1}.feature-heading-centered+div .session-setup-video{margin-top:0}.passage-layout{grid-template-columns:1.2fr 1fr}.passage-layout>.feature-list{grid-area:2/1}.passage-layout>.feature-heading-centered+div{grid-area:2/2}@media (max-width:760px){.passage-layout{grid-template-columns:1fr}.passage-layout>.feature-heading-centered+div{grid-area:3/1}}.session-setup-video{aspect-ratio:9/10;border-radius:20px;width:100%;height:auto;margin-top:1.75rem;display:block}@media (max-width:760px){.feature-layout{grid-template-columns:1fr}}.guide{margin:0 0 1rem;padding-left:1.4rem}.guide li+li,.article li+li{margin-top:.55rem}.footer{color:#fff;background:#133b2e;padding:3rem 0 1.4rem}.footer-grid{grid-template-columns:1fr 2fr;gap:2rem 3rem;display:grid}.footer-about p{color:#d9e9df;max-width:32ch;margin:.8rem 0}.footer-about a{overflow-wrap:anywhere}.footer-links{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1.5rem;display:grid}.footer-links h2{letter-spacing:normal;color:var(--lime);font:700 .95rem/1.5 system-ui,sans-serif}.footer-links ul{margin:.7rem 0 0;padding:0;list-style:none}.footer-links li+li{margin-top:.35rem}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer a:focus-visible{outline-color:var(--lime)}.footer-meta{color:#d9e9df;border-top:1px solid #ffffff40;margin-top:2rem;padding-top:1rem;font-size:.85rem}@media (max-width:760px){.footer-grid{grid-template-columns:1fr}}@media (max-width:480px){.footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}}.article{overflow-wrap:anywhere;max-width:780px;padding-block:clamp(2.5rem,7vw,6rem)}.article h1{font-size:clamp(2.7rem,6vw,4.8rem)}.back{margin-bottom:2rem;display:inline-block}.article h2{margin:2rem 0 .65rem;font-size:clamp(1.65rem,4vw,2.4rem)}.article-content p+p{margin-top:1rem}.notice{background:#ecf2df;border-left:4px solid #75914b;margin-block:1rem;padding:1rem 1.2rem}.notice p{margin-top:.25rem}@media (max-width:760px){.hero-grid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:420px){.wrap{width:calc(100% - 32px)}.steps{grid-template-columns:1fr}.bar nav{gap:.8rem}}.walkthrough{background:#eaf1de}.walkthrough-controls{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.walkthrough-controls button{font:inherit;color:var(--green);background:var(--paper);border:1px solid var(--green);cursor:pointer;border-radius:6px;padding:.45rem .65rem;font-size:.85rem}.walkthrough-controls button[aria-pressed=true]{background:var(--lime);font-weight:700}.walkthrough button:focus-visible{outline-offset:3px;outline:3px solid #638d36}.walkthrough-play{font:inherit;cursor:pointer;border:0;font-weight:700}.walkthrough-screen{color:#fff;background:#133b2e;border-radius:18px;padding:clamp(1rem,4vw,2rem);overflow:hidden}.walkthrough-screen .eyebrow{color:var(--lime)}.walkthrough-scene{animation:.35s ease-out walkthrough-enter}.walkthrough-scene ul{gap:.5rem;margin:1rem 0;padding:0;list-style:none;display:grid}.walkthrough-scene li{border:1px solid #ffffff40;border-radius:6px;padding:.45rem .7rem}@keyframes walkthrough-enter{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.walkthrough-scene{animation:none}}.hero-preview{isolation:isolate;min-width:0;margin:0;padding:30px 12px 60px;position:relative}.hero-orbit{z-index:-1;background:radial-gradient(#96c7a64d,#0000 67%);border:1px solid #91b19d55;border-radius:50%;position:absolute;inset:-8% -4% 4%;transform:rotate(-25deg)}.hero-orbit:after{content:"";border:1px dashed #91b19d66;border-radius:50%;position:absolute;inset:24px -18px}.hero-workspace{background:#fbfcf5;border:1px solid #d7e2d4;border-radius:18px;animation:7s ease-in-out infinite hero-float;overflow:hidden;transform:rotate(-3deg);box-shadow:0 30px 70px #123e2926,0 4px 12px #123e2910}.hero-workspace-bar{border-bottom:1px solid #dce5d5;align-items:center;gap:9px;padding:15px;font-size:13px;display:flex}.hero-live{letter-spacing:.1em;color:#0f766e;background:#dcf2e7;border-radius:20px;margin-left:auto;padding:5px 8px;font:700 9px monospace}.hero-workspace-body{padding:24px}.hero-session-label{color:#59735f;justify-content:space-between;gap:8px;font:10px monospace;display:flex}.hero-prompt{margin:24px 0 18px;font:clamp(22px,2.4vw,30px)/1.3 Georgia,serif}.hero-input{color:#245c43;background:#eaf1df;border:1px solid #ccdbbb;border-radius:10px;min-height:94px;padding:16px;font:clamp(11px,1.2vw,14px)/1.9 monospace}.hero-input span{white-space:nowrap;width:0;max-width:100%;animation:9s steps(24,end) infinite hero-type;display:block;overflow:hidden}.hero-input span+span{animation-delay:2s}.hero-keyboard{margin-top:24px}.hero-keyboard>div{justify-content:center;gap:4px;margin:4px 0;display:flex}.hero-keyboard i{background:#f1f4eb;border:1px solid #d7dfd2;border-bottom:3px solid #c7d4c1;border-radius:5px;flex:0 26px;place-items:center;height:28px;font:10px monospace;animation:3.8s infinite hero-key;display:grid}.hero-keyboard .hero-space{flex-basis:130px;font-size:9px}.hero-speed-card{color:#fff;background:#143d2f;border-radius:14px;width:142px;padding:16px 18px;animation:7s ease-in-out 1s infinite hero-float;position:absolute;top:0;right:-12px;transform:rotate(5deg);box-shadow:0 15px 30px #173e3026}.hero-card-label{letter-spacing:.15em;color:#d2e9b2;font:9px monospace}.hero-speed-card strong{font-size:30px;line-height:1.5;display:block}.hero-speed-card small{color:#d2e9b2;font-size:11px;font-weight:500}.hero-speed-bars{align-items:flex-end;gap:4px;height:35px;display:flex}.hero-speed-bars i{transform-origin:bottom;background:#c2e891;border-radius:3px 3px 0 0;flex:1;animation:6s ease-in-out infinite hero-bars}.hero-score-card{background:#fffdf7;border:1px solid #dce5d5;border-radius:13px;align-items:center;gap:12px;padding:16px 20px;animation:9s infinite hero-result;display:flex;position:absolute;bottom:49px;left:-20px;box-shadow:0 15px 40px #173e3020}.hero-check{color:#174636;background:#e3f6ab;border-radius:50%;place-items:center;width:36px;height:36px;font-size:20px;display:grid}.hero-score-card strong{font-size:13px}.hero-score-card p{color:#59735f;font-size:11px}.hero-preview-caption{color:#526850;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.hero-preview-caption button{font:inherit;color:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:8px 0;text-decoration:underline}.hero-preview-caption button:focus-visible{outline-offset:3px;outline:2px solid #174636}.hero-preview.is-paused *{animation-play-state:paused!important}@keyframes hero-float{50%{translate:0 -9px}}@keyframes hero-type{0%,8%{width:0}45%,86%{width:25ch}to{width:0}}@keyframes hero-key{0%,12%,to{background:#f1f4eb}5%{background:#c1e89e;translate:0 2px}}@keyframes hero-bars{0%,to{scale:1 .45}45%,80%{scale:1}}@keyframes hero-result{0%,35%,to{opacity:0;translate:0 15px}45%,90%{opacity:1;translate:0}}@media (max-width:760px){.hero-preview{width:min(460px,100%);margin-inline:auto}.hero-speed-card{right:0}.hero-score-card{left:0}.hero-input{font-size:13px}}@media (prefers-reduced-motion:reduce){.hero-preview *{animation:none!important}.hero-input span{width:25ch}.hero-preview-caption button{display:none}}.autoplay-video::-webkit-media-controls{display:none!important}.autoplay-video::-webkit-media-controls-start-playback-button{display:none!important}