:root{--ink:#18201f;--muted:#65706b;--paper:#f7f3ec;--card:#fffdf9;--line:#ddd8cf;--orange:#ff5c39;--orange-dark:#df4628;--mint:#cde8d5;--blue:#d8e7ed;--serif:Georgia,'Times New Roman',serif;--sans:Manrope,ui-sans-serif,system-ui,sans-serif;--mono:'DM Mono',ui-monospace,monospace}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer}.site-header{display:flex;align-items:center;justify-content:space-between;max-width:1160px;margin:0 auto;padding:28px 32px}.wordmark{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;letter-spacing:-.04em;text-decoration:none}.wordmark-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--orange);color:var(--card);font-family:var(--serif);font-size:19px;font-weight:700}.header-note{color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;background:#54a56e}.app-shell{width:min(100% - 40px,980px);margin:0 auto;min-height:calc(100vh - 132px)}.hero-view{max-width:760px;padding:clamp(56px,12vh,135px) 0 80px}.eyebrow,.section-kicker{color:var(--orange-dark);font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.13em;text-transform:uppercase}.hero-view h1{max-width:720px;margin:20px 0 23px;font-size:clamp(48px,7.3vw,87px);font-weight:600;letter-spacing:-.07em;line-height:.98}.hero-view h1 em{font-family:var(--serif);font-weight:400}.hero-copy{max-width:545px;margin:0;color:var(--muted);font-size:18px;line-height:1.55}.proof-row{display:flex;gap:32px;margin:60px 0 44px;padding-top:20px;border-top:1px solid var(--line)}.proof-row div{display:flex;flex-direction:column;gap:10px}.proof-row strong{font-family:var(--mono);font-size:10px;color:var(--orange)}.proof-row span{font-size:12px;font-weight:600}.primary-cta,.secondary-cta{display:flex;align-items:center;justify-content:space-between;width:max-content;min-width:218px;padding:16px 19px;border:0;border-radius:4px;background:var(--orange);color:#fffaf2;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.primary-cta:hover{background:var(--orange-dark);transform:translateY(-1px)}.primary-cta span,.secondary-cta span{font-size:19px;font-weight:400}.secondary-cta{background:var(--ink)}.full-width{width:100%;margin-top:28px}.tiny-note,.small-muted{color:var(--muted);font-size:11px;line-height:1.5}.tiny-note{margin-top:14px}.practice-view{max-width:680px;padding:44px 0 80px}.hidden{display:none!important}.view-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:55px}.text-button{padding:0;border:0;background:transparent;color:var(--muted);font-size:12px}.text-button:hover{color:var(--ink)}.step-label{color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.08em}.practice-view h2{margin:15px 0 12px;font-size:clamp(30px,5vw,45px);font-weight:600;letter-spacing:-.06em;line-height:1.04}.section-copy{max-width:530px;color:var(--muted);font-size:14px;line-height:1.6}.task-list{display:grid;gap:10px;margin-top:33px}.task-card{display:flex;align-items:center;width:100%;padding:20px 18px;border:1px solid var(--line);border-radius:5px;background:var(--card);color:var(--ink);text-align:left;transition:border .2s,transform .2s}.task-card:hover,.task-card.selected{border-color:var(--orange);transform:translateX(2px)}.task-index{align-self:flex-start;margin:1px 17px 0 0;color:var(--orange);font-family:var(--mono);font-size:10px}.task-content{display:flex;flex:1;flex-direction:column;gap:7px}.task-content strong{font-size:14px}.task-content span{color:var(--muted);font-size:12px;line-height:1.45}.task-arrow{font-size:21px;font-weight:300}.prompt-card{margin-top:30px;padding:24px 25px;border-radius:5px;background:var(--ink);color:var(--card)}.prompt-tag,.card-label{font-family:var(--mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase}.prompt-tag{color:#ff9a86}.prompt-card p{margin:17px 0 13px;font-family:var(--serif);font-size:24px;line-height:1.28}.prompt-translation{display:block;color:#aab4b1;font-size:11px;line-height:1.5}.record-panel{display:flex;align-items:center;flex-direction:column;margin-top:26px;padding:35px 30px 29px;border:1px solid var(--line);border-radius:5px;background:var(--card)}.timer{display:flex;align-items:baseline;gap:4px;margin-bottom:25px;font-family:var(--mono)}.timer span{font-size:34px;letter-spacing:-.08em}.timer small{color:var(--muted);font-size:11px}.record-ring{display:grid;place-items:center;width:156px;height:156px;border:1px solid #f4b1a3;border-radius:50%;background:#fff4ef}.record-button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;width:120px;height:120px;border:0;border-radius:50%;background:var(--orange);color:#fffaf2;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.record-button:hover{background:var(--orange-dark);transform:scale(1.03)}.record-button.recording{background:var(--ink)}.record-icon{width:19px;height:19px;border-radius:50%;background:#fffaf2}.record-button.recording .record-icon{border-radius:3px}.record-status{min-height:17px;margin:24px 0 18px;color:var(--muted);font-size:12px}.record-progress{width:100%;height:3px;background:#e9e4dc}.record-progress span{display:block;width:0;height:100%;background:var(--orange);transition:width .2s}.privacy-note{display:flex;gap:9px;margin:17px 2px 0;color:var(--muted);font-size:11px;line-height:1.45}.privacy-note span:first-child{color:var(--orange);font-size:16px}.loading-card{padding:48px 35px;border:1px solid var(--line);background:var(--card);text-align:center}.loading-mark{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 36px;border-radius:14px;background:var(--orange);color:var(--card);font-family:var(--serif);font-size:29px}.loading-card h2{margin-top:14px}.loading-card p{max-width:420px;margin:0 auto;color:var(--muted);font-size:13px;line-height:1.6}.loading-line{width:100%;height:3px;margin-top:35px;background:#e9e4dc;overflow:hidden}.loading-line span{display:block;width:42%;height:100%;background:var(--orange);animation:load 1.5s ease-in-out infinite alternate}@keyframes load{to{transform:translateX(140%)}}.notice-bar{display:flex;justify-content:space-between;margin:29px 0 12px;padding:10px 12px;border-radius:3px;background:#fff0d7;color:#7e5e2f;font-family:var(--mono);font-size:9px;letter-spacing:.05em;text-transform:uppercase}.transcript-card,.next-step-card{padding:21px 22px;border:1px solid var(--line);border-radius:4px;background:var(--card)}.card-label{color:var(--muted)}.card-label span{color:#9ba39f}.transcript-card p{margin:14px 0 0;font-family:var(--serif);font-size:19px;line-height:1.43}.feedback-grid{display:grid;grid-template-columns:1fr 1.18fr;gap:14px;margin-top:14px}.feedback-grid>div{padding:21px 22px;border:1px solid var(--line);border-radius:4px;background:var(--card)}.feedback-grid ul{display:grid;gap:12px;margin:16px 0 0;padding:0;list-style:none}.feedback-grid li{position:relative;padding-left:17px;font-size:13px;line-height:1.5}.feedback-grid li:before{position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:#77ac85;content:''}.correction-list{display:grid;gap:14px;margin-top:15px}.correction{padding-left:12px;border-left:2px solid var(--orange)}.correction blockquote{margin:0 0 6px;color:var(--orange-dark);font-family:var(--serif);font-size:14px}.correction p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.next-step-card{display:flex;justify-content:space-between;gap:12px;margin-top:14px;background:var(--mint)}.next-step-card p{margin:11px 0 0;font-size:13px;line-height:1.5}.next-step-card>span{font-size:22px}.feedback-footnote{margin:14px 0 0}.unavailable-card{padding:45px 35px;border:1px solid var(--line);background:var(--card)}.unavailable-icon{display:block;margin-bottom:30px;color:var(--orange);font-size:39px}.unavailable-card p{max-width:520px;color:var(--muted);font-size:14px;line-height:1.6}.unavailable-card .small-muted{font-size:11px}.unavailable-card .secondary-cta{margin-top:27px}.site-footer{display:flex;justify-content:space-between;max-width:1160px;margin:0 auto;padding:22px 32px 30px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.site-footer span:first-child{color:var(--ink);font-weight:700}.site-footer a{color:var(--muted)}@media(max-width:620px){.site-header{padding:20px}.header-note{font-size:9px}.app-shell{width:min(100% - 32px,680px)}.hero-view{padding-top:70px}.hero-view h1{font-size:52px}.hero-copy{font-size:16px}.proof-row{gap:15px;margin-top:46px}.proof-row span{font-size:10px}.practice-view{padding-top:28px}.view-topline{margin-bottom:42px}.prompt-card{padding:20px}.prompt-card p{font-size:21px}.feedback-grid{grid-template-columns:1fr}.site-footer{gap:12px;padding:20px 16px;font-size:9px}.site-footer span:nth-child(2){display:none}.record-panel{padding-inline:20px}}
:root{--mobile-hero-space:40px}
@media(max-width:620px){.hero-view{padding-top:var(--mobile-hero-space)}.hero-view h1{font-size:48px}.proof-row{margin-top:35px;margin-bottom:32px}}
.recording-disclosure{display:grid;gap:7px;margin-top:19px;padding:14px 15px;border:1px solid #e8c7bc;border-radius:4px;background:#fff6f1;color:#6b4d45;font-size:11px;line-height:1.5}.recording-disclosure strong{color:var(--ink);font-size:11px}.site-footer span:last-child{color:var(--muted)}
:root{--paper:#fffdf9;--ink:#0b1933;--muted:#53627b;--card:#ffffff;--line:#dbe3f0;--orange:#2454ed;--orange-dark:#173cb9;--mint:#e8edff;--serif:'Iowan Old Style',Georgia,'Times New Roman',serif}
body{background:var(--paper);color:var(--ink)}.site-header{max-width:1240px;padding:25px 38px}.header-actions{display:flex;align-items:center;gap:20px}.header-note{color:var(--muted)}.account-button{padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font-size:11px;font-weight:700}.account-button:hover{border-color:var(--orange);color:var(--orange)}.app-shell{width:min(100% - 56px,1160px)}.hero-view{max-width:none;padding:clamp(48px,8vw,92px) 0 88px}.hero-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:clamp(42px,7vw,104px)}.hero-copy-column{max-width:650px}.hero-view h1{max-width:650px;margin:21px 0 25px;font-size:clamp(52px,6.5vw,88px);line-height:.95}.hero-copy{max-width:545px;font-size:18px}.proof-row{margin:46px 0 35px}.hero-media{position:relative;margin:0}.hero-media img{display:block;width:100%;aspect-ratio:3/4;max-height:620px;object-fit:cover;border-radius:8px;box-shadow:0 22px 54px rgba(19,43,93,.16)}.hero-media figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:13px;color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.04em;text-transform:uppercase}.hero-media figcaption span:first-child{color:var(--ink)}.plan-strip{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:13px;margin-top:27px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.03em;text-transform:uppercase}.plan-strip strong{color:var(--ink);font-family:var(--sans);font-size:14px;letter-spacing:-.02em;text-transform:none}.plan-strip small{font-size:9px;font-weight:500}.task-card{border-color:var(--line)}.primary-cta{background:var(--orange)}.secondary-cta{background:var(--ink)}.feedback-actions{display:flex;gap:10px;margin-top:28px}.feedback-actions .primary-cta,.feedback-actions .secondary-cta{flex:1;width:auto;min-width:0}.feedback-actions .secondary-cta{justify-content:center;background:transparent;border:1px solid var(--line);color:var(--ink)}.feedback-actions .secondary-cta:hover{border-color:var(--orange);color:var(--orange)}.upgrade-link{display:flex;justify-content:space-between;width:100%;margin-top:15px;padding:0;border:0;background:transparent;color:var(--orange);font-size:12px;font-weight:700;text-align:left}.upgrade-link span{font-size:18px;font-weight:400}.site-footer{max-width:1240px}.site-footer span:last-child{color:var(--muted)}button:focus-visible,a:focus-visible{outline:3px solid rgba(36,84,237,.32);outline-offset:3px}
@media(max-width:760px){.site-header{padding:20px 18px}.header-actions{gap:10px}.header-note{display:none}.app-shell{width:min(100% - 32px,680px)}.hero-view{padding-top:38px}.hero-layout{grid-template-columns:1fr;gap:44px}.hero-copy-column{max-width:none}.hero-view h1{font-size:clamp(47px,13vw,67px)}.hero-copy{font-size:16px}.hero-media{max-width:510px;margin:0 auto}.hero-media img{aspect-ratio:1.18;max-height:none}.plan-strip{grid-template-columns:auto auto;gap:8px 13px}.plan-strip span:last-child{grid-column:1/-1}.feedback-actions{flex-direction:column}.feedback-actions .primary-cta,.feedback-actions .secondary-cta{flex:auto;width:100%}}
.config-banner{display:flex;align-items:center;gap:14px;margin:16px 0 0;padding:12px 14px;border:1px solid #efd2b2;border-radius:5px;background:#fff7e9;color:#6d542f;font-size:11px;line-height:1.45}.config-banner strong{color:var(--ink);font-size:10px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase}.task-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}.filter-button{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:11px}.filter-button:hover,.filter-button.active{border-color:var(--orange);background:#edf1ff;color:var(--orange)}.task-content small{margin-top:7px;color:var(--orange);font-family:var(--mono);font-size:9px;letter-spacing:.03em;text-transform:uppercase}.prompt-hint{display:grid;gap:4px;margin-top:18px;padding-top:15px;border-top:1px solid rgba(255,255,255,.15);color:#d3daec;font-size:11px;line-height:1.45}.prompt-hint strong{color:#91aaff;font-family:var(--mono);font-size:9px;letter-spacing:.07em;text-transform:uppercase}.save-status{min-height:16px;margin:10px 0 0}.upgrade-link{cursor:pointer}
.recording-disclosure{grid-template-columns:20px 1fr;align-items:start;cursor:pointer}.recording-disclosure input{width:17px;height:17px;margin:1px 0 0;accent-color:var(--orange)}.recording-disclosure>span{display:grid;gap:5px}.recording-playback{width:min(100%,440px);margin-top:20px}.saved-attempt{align-items:flex-start;gap:14px}.saved-attempt .task-content{min-width:0}.saved-attempt .task-content span{overflow-wrap:anywhere}.saved-attempt .text-button{flex:none;color:var(--orange);padding:5px}.saved-attempt:hover{transform:none;border-color:var(--line)}
.upload-option{position:relative;display:block;margin:20px 0 0;color:var(--muted);font-size:12px;cursor:pointer}.upload-option span{color:var(--orange);font-weight:700;text-decoration:underline;text-underline-offset:3px}.upload-option input{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-option:focus-within{outline:3px solid rgba(36,84,237,.32);outline-offset:4px;border-radius:2px}
.plan-button{grid-column:1/-1;width:max-content;padding:5px 0;border:0;background:transparent;color:var(--orange);font-family:var(--sans);font-size:12px;font-weight:700;text-transform:none}.plan-button:hover{text-decoration:underline;text-underline-offset:3px}
.account-plan-status{margin:18px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:4px;background:var(--card);font-size:12px}
@media(max-width:420px){.hero-view h1{font-size:44px}.proof-row{gap:10px}.proof-row div{flex:1}.plan-strip{font-size:8px}.record-panel{padding-inline:15px}.config-banner{align-items:flex-start;flex-direction:column}.site-footer{flex-wrap:wrap}}