.how-stage{background:hsl(var(--landing-ink,222 11% 7%));color:#f4f1eb;border-radius:32px;padding:56px 56px 64px;position:relative;overflow:hidden}.how-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 20% 0,rgba(30,91,255,.18),transparent 70%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(255,106,77,.1),transparent 70%);pointer-events:none}.how-stage>*{position:relative;z-index:1}.how-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:48px;flex-wrap:wrap}.how-head-left{max-width:580px}.how-eyebrow{color:#6ddfab;margin-bottom:12px;font-family:var(--font-geist-sans),monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600}.how-head h2{font-family:var(--font-display),system-ui,sans-serif;font-weight:700;font-size:56px;line-height:56px;letter-spacing:-.03em;color:#fff;margin:0}.how-head h2 em{font-style:normal;color:#6ddfab}.how-head p{font-size:18px;line-height:28px;color:hsla(40,31%,94%,.65);margin-top:16px}.how-clock{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:16px 22px;text-align:right;min-width:200px}.how-clock-lbl{font-family:var(--font-geist-sans),monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:hsla(40,31%,94%,.5);margin-bottom:4px;display:flex;align-items:center;gap:8px;justify-content:flex-end}.how-clock-lbl:before{content:"";width:6px;height:6px;border-radius:50%;background:#3fd591;box-shadow:0 0 0 3px rgba(61,214,140,.2);animation:how-pulse 1.4s ease-in-out infinite}@keyframes how-pulse{50%{box-shadow:0 0 0 6px rgba(61,214,140,.04)}}.how-clock-time{font-family:var(--font-display),system-ui,sans-serif;font-weight:700;font-size:24px;line-height:28px;letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums}.how-clock-unit{font-size:14px;line-height:14px;font-weight:500;color:hsla(40,31%,94%,.5);margin-left:4px;letter-spacing:0}.how-player{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:stretch}.how-rail{display:flex;flex-direction:column;gap:0;position:relative;isolation:isolate}.how-rail:before{bottom:24px;background:hsla(0,0%,100%,.08)}.how-rail:after,.how-rail:before{content:"";position:absolute;left:19px;top:24px;width:2px;border-radius:2px;z-index:0}.how-rail:after{height:var(--rail-progress,0);background:linear-gradient(180deg,#708dff,#ff704d 60%,#3fd591);transition:height .5s cubic-bezier(.22,1,.36,1);box-shadow:0 0 12px rgba(61,214,140,.3)}.how-rail-step{display:grid;grid-template-columns:40px 1fr;gap:16px;padding:14px 0;cursor:pointer;position:relative;z-index:1;align-items:flex-start;background:transparent;border:0;text-align:left;color:inherit;width:100%}.how-rail-step .how-rail-meta{transition:opacity .3s cubic-bezier(.22,1,.36,1);opacity:.6}.how-rail-step.active .how-rail-meta,.how-rail-step.done .how-rail-meta{opacity:1}.how-rail-step:hover .how-rail-meta{opacity:.85}.how-rail-step.active:hover .how-rail-meta,.how-rail-step.done:hover .how-rail-meta{opacity:1}.how-rail-step:focus-visible{outline:2px solid #6ddfab;outline-offset:4px;border-radius:8px}.how-rail-dot{width:40px;height:40px;border-radius:50%;background:#1e2024;border:2px solid hsla(0,0%,100%,.15);display:flex;align-items:center;justify-content:center;color:hsla(40,31%,94%,.5);font-family:var(--font-geist-sans),monospace;font-weight:700;font-size:13px;transition:all .3s;position:relative;z-index:2}.how-rail-step.active .how-rail-dot{background:#f4f1eb;color:#101114;border-color:#3fd591;box-shadow:0 0 0 6px rgba(61,214,140,.15)}.how-rail-step.done .how-rail-dot{background:#239f67;color:#f4f1eb;border-color:#239f67}.how-rail-step.done .how-rail-num{display:none}.how-rail-step.done .how-rail-dot:before{content:"✓";font-size:16px;font-weight:700}.how-rail-meta{padding-top:6px}.how-rail-duration{font-family:var(--font-geist-sans),monospace;font-size:12px;letter-spacing:.06em;color:hsla(40,31%,94%,.6);margin-bottom:4px}.how-rail-step.active .how-rail-duration{color:#6ddfab}.how-rail-meta h5{font-weight:600;font-size:16px;line-height:20px;letter-spacing:-.01em;color:#f4f1eb;margin:0}.how-tier-mini{display:inline-block;font-family:var(--font-geist-sans),monospace;letter-spacing:.08em;text-transform:uppercase;padding:1px 6px;border-radius:4px;margin-top:4px;font-size:10px;font-weight:700}.how-tier-mini.free{background:rgba(61,214,140,.15);color:#6ddfab}.how-tier-mini.pro{background:rgba(255,106,77,.15);color:#ff9980}.how-viewport{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;padding:40px;min-height:420px;position:relative;overflow:hidden;display:flex;flex-direction:column}.how-scene{display:none;flex:1;flex-direction:column;gap:20px}.how-scene.active{display:flex;animation:how-scene-in .5s ease}@keyframes how-scene-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.how-scene-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.how-scene-title{font-family:var(--font-display),system-ui,sans-serif;font-weight:700;font-size:30px;line-height:34px;letter-spacing:-.02em;color:#f4f1eb;margin:0}.how-scene-tier{font-family:var(--font-geist-sans),monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px;font-weight:600}.how-scene-tier.free{background:rgba(61,214,140,.15);color:#6ddfab;border:1px solid rgba(61,214,140,.3)}.how-scene-tier.pro{background:rgba(255,106,77,.15);color:#ff9980;border:1px solid rgba(255,106,77,.3)}.how-scene-desc{font-size:15px;line-height:24px;color:hsla(40,31%,94%,.7);max-width:520px;margin:0}.how-upload{margin-top:auto;padding:32px;background:hsla(0,0%,100%,.03);border:2px dashed hsla(0,0%,100%,.18);border-radius:14px;gap:20px}.how-file-icon,.how-upload{display:flex;align-items:center}.how-file-icon{width:56px;height:72px;border-radius:6px;background:linear-gradient(180deg,#fff,#f4f1eb);color:#101114;flex-direction:column;justify-content:center;font-family:var(--font-geist-sans),monospace;font-weight:700;font-size:11px;line-height:11px;position:relative;flex-shrink:0;animation:how-float 2.4s ease-in-out infinite;box-shadow:0 8px 24px rgba(0,0,0,.4)}@keyframes how-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.how-file-icon:before{content:"";position:absolute;top:6px;right:6px;width:12px;height:12px;border-bottom:2px solid #8d929a;border-left:2px solid #8d929a}.how-file-progress{flex:1}.how-file-progress .how-file-name{font-family:var(--font-geist-sans),monospace;font-weight:500;font-size:14px;line-height:18px;color:#fff;margin-bottom:8px}.how-file-progress .how-file-size{font-family:var(--font-geist-sans),monospace;font-size:12px;color:hsla(40,31%,94%,.5)}.how-file-bar{height:4px;background:hsla(0,0%,100%,.08);border-radius:2px;margin-top:12px;overflow:hidden}.how-file-bar-fill{height:100%;background:#3fd591;border-radius:2px;width:0;animation:how-fill-up 1.4s ease forwards}@keyframes how-fill-up{to{width:100%}}.how-score{flex:1;display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center;margin-top:auto}.how-score-ring{width:180px;height:180px;flex-shrink:0}.how-score-ring .track{stroke:hsla(0,0%,100%,.08)}.how-score-ring .progress{stroke:url(#how-score-grad);stroke-dasharray:440;stroke-dashoffset:440;animation:how-score-fill 1.6s ease forwards}@keyframes how-score-fill{to{stroke-dashoffset:202}}.how-score-ring .num{font-family:var(--font-display),system-ui,sans-serif;font-weight:700;font-size:64px;line-height:64px;letter-spacing:-.03em;fill:#fff}.how-score-ring .num,.how-score-ring .num-out{opacity:0;animation:how-num-fade .5s ease 1.4s forwards}.how-score-ring .num-out{font-size:14px;line-height:14px;font-weight:500;fill:hsla(40,31%,94%,.5)}@keyframes how-num-fade{to{opacity:1}}.how-score-side h4{font-weight:600;font-size:18px;line-height:22px;color:#fff;margin:0 0 12px}.how-score-chips{display:flex;flex-direction:column;gap:8px}.how-score-row{display:flex;align-items:center;gap:8px;font-family:var(--font-geist-sans),monospace;font-size:13px;line-height:16px}.how-score-row.match{color:#6ddfab}.how-score-row.miss{color:#ff9980}.how-score-glyph{width:16px;height:16px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;flex-shrink:0}.how-score-row.match .how-score-glyph{background:rgba(61,214,140,.15)}.how-score-row.miss .how-score-glyph{background:rgba(255,106,77,.15)}.how-ai{display:flex;flex-direction:column;gap:16px;flex:1}.how-ai-status{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(255,106,77,.08);border:1px solid rgba(255,106,77,.2);border-radius:12px}.how-ai-spinner{border-radius:50%;border:2px solid rgba(255,106,77,.2);border-top-color:#ff9980;animation:how-spin .9s cubic-bezier(.4,0,.2,1) infinite}.how-ai-check,.how-ai-spinner{width:18px;height:18px;flex-shrink:0}.how-ai-check{border-radius:50%;background:#239f67;color:#f4f1eb;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;animation:how-check-pop .32s cubic-bezier(.22,1,.36,1) backwards}@keyframes how-check-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.how-ai-status.settled{background:rgba(61,214,140,.08);border-color:rgba(61,214,140,.25);transition:background .4s cubic-bezier(.22,1,.36,1),border-color .4s cubic-bezier(.22,1,.36,1)}.how-ai-status.settled .how-ai-label{color:#6ddfab}@keyframes how-spin{to{transform:rotate(1turn)}}.how-ai-status .how-ai-label{font-weight:500;line-height:16px;color:#ff9980;transition:color .3s cubic-bezier(.22,1,.36,1)}.how-ai-rewrites,.how-ai-status .how-ai-label{font-family:var(--font-geist-sans),monospace;font-size:13px;flex:1}.how-ai-rewrites{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;padding:16px 20px;line-height:1.8;overflow:hidden;position:relative}.how-rw-line{display:block;opacity:0;transform:translateX(-8px)}.how-scene.active .how-rw-line.r1{animation:how-line-in .4s ease .3s forwards;color:hsla(40,31%,94%,.5)}.how-scene.active .how-rw-line.r2{animation:how-line-in .4s ease .9s forwards;color:rgba(255,106,77,.7);text-decoration:line-through}.how-scene.active .how-rw-line.r3{animation:how-line-in .4s ease 1.5s forwards;color:#6ddfab}.how-scene.active .how-rw-line.r4{animation:how-line-in .4s ease 2.1s forwards;color:#6ddfab}.how-scene.active .how-rw-line.r5{animation:how-line-in .4s ease 2.7s forwards;color:#6ddfab}.how-scene.active .how-rw-line.r6{animation:how-line-in .4s ease 3.3s forwards;color:hsla(40,31%,94%,.4)}@keyframes how-line-in{to{opacity:1;transform:translateX(0)}}.how-rw-add:before{content:"+ ";color:#3fd591}.how-rw-rem:before{content:"− "}.how-rw-line strong{color:#fff;font-weight:700}.how-ai-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.how-ai-meta-cell{background:hsla(0,0%,100%,.04);border-radius:10px;padding:10px 14px}.how-ai-meta-cell .num{font-family:var(--font-display),system-ui,sans-serif;font-weight:700;font-size:22px;line-height:22px;letter-spacing:-.02em;color:#fff}.how-ai-meta-cell .lbl{font-family:var(--font-geist-sans),monospace;font-size:12px;letter-spacing:.06em;color:hsla(40,31%,94%,.5);margin-top:2px}.how-dl{flex:1;display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap}.how-dl-ring{width:180px;height:180px;position:relative;flex-shrink:0}.how-dl-ring .progress{stroke:url(#how-dl-grad);stroke-dasharray:440;stroke-dashoffset:440}.how-scene.active .how-dl-ring .progress{animation:how-dl-fill 1.4s ease .3s forwards}@keyframes how-dl-fill{to{stroke-dashoffset:17}}.how-dl-ring .num{font-family:var(--font-display),system-ui,sans-serif;font-weight:700;font-size:64px;line-height:64px;letter-spacing:-.03em;fill:#6ddfab;opacity:0}.how-scene.active .how-dl-ring .num{animation:how-num-fade .5s ease 1.4s forwards}.how-dl-delta{position:absolute;top:0;right:0;background:#3fd591;color:#fff;font-family:var(--font-geist-sans),monospace;font-weight:700;font-size:13px;line-height:13px;padding:6px 10px;border-radius:999px;transform:scale(0);box-shadow:0 4px 16px rgba(61,214,140,.4)}.how-scene.active .how-dl-delta{animation:how-pop .4s ease 1.5s forwards}@keyframes how-pop{to{transform:scale(1)}}.how-dl-cta{display:flex;flex-direction:column;gap:16px;max-width:280px}.how-dl-cta h4{font-family:var(--font-display),system-ui,sans-serif;font-weight:700;font-size:28px;line-height:30px;letter-spacing:-.02em;color:#fff;margin:0}.how-dl-cta p{font-size:14px;line-height:22px;color:hsla(40,31%,94%,.65);margin:0}.how-dl-btn{background:#3fd591;color:#101114;border:none;align-self:flex-start;padding:14px 22px;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;text-decoration:none;display:inline-block}.how-dl-btn:hover{background:#6ddfab}.how-vp-controls{margin-top:20px;display:flex;align-items:center;gap:12px;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.06)}.how-play-pause{width:32px;height:32px;border-radius:50%;background:#3fd591;color:#101114;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.how-play-pause:hover{background:#6ddfab}.how-play-pause:focus-visible{outline:2px solid #6ddfab;outline-offset:3px}.how-vp-progress{flex:1;height:4px;background:hsla(0,0%,100%,.08);border-radius:2px;position:relative;overflow:hidden}.how-vp-progress-fill{height:100%;background:linear-gradient(90deg,#708dff,#ff704d,#3fd591);border-radius:2px;transition:width .4s linear}.how-vp-stage-name{font-family:var(--font-geist-sans),monospace;font-size:12px;letter-spacing:.06em;color:hsla(40,31%,94%,.5);min-width:80px;text-align:right}.how-cta-strip{margin-top:56px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:28px 32px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:18px}.how-cta-strip-pre{font-family:var(--font-display),system-ui,sans-serif;font-weight:600;font-size:22px;line-height:26px;letter-spacing:-.01em;color:#fff;margin:0}.how-cta-strip-pre span{color:#6ddfab}.how-cta-strip-btn{background:#ff704d;color:#fff;border:none;padding:14px 24px;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;text-decoration:none;display:inline-block}.how-cta-strip-btn:hover{background:#ff8d70}@media (max-width:980px){.how-stage{padding:40px 32px 48px}.how-head h2{font-size:40px;line-height:44px}.how-player{grid-template-columns:1fr}.how-rail{flex-direction:row;gap:0;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:14px;overflow:hidden;padding-bottom:0}.how-rail:after,.how-rail:before{display:none}.how-rail-step{flex:1;grid-template-columns:unset;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 8px;border-radius:0;border-right:1px solid hsla(0,0%,100%,.06);min-width:0}.how-rail-step:last-child{border-right:none}.how-rail-step.active{background:hsla(0,0%,100%,.07)}.how-rail-dot{width:32px;height:32px;font-size:12px}.how-rail-meta{padding-top:0;display:flex;flex-direction:column;align-items:center;gap:2px}.how-rail-meta h5{font-size:11px;line-height:14px;text-align:center;letter-spacing:0}.how-rail-duration{font-size:10px;letter-spacing:.02em}.how-tier-mini{display:none}.how-scene-title{font-size:24px;line-height:28px}}@media (max-width:640px){.how-stage{padding:28px 18px 36px;border-radius:24px}.how-head{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}.how-head h2{font-size:28px;line-height:32px}.how-head p{font-size:15px;line-height:23px;margin-top:6px}.how-clock{min-width:0;width:100%;text-align:left;padding:12px 14px}.how-clock-lbl{justify-content:flex-start}.how-clock-time{font-size:22px;line-height:26px}.how-rail-dot{width:26px;height:26px;font-size:10px}.how-rail-meta h5{font-size:10px;line-height:12px}.how-rail-duration{display:none}.how-rail-step{padding:12px 6px;gap:6px;min-height:64px}.how-viewport{padding:20px 18px;min-height:280px;border-radius:14px}.how-scene-title{font-size:20px;line-height:24px}.how-scene-head{gap:8px}.how-scene-desc{font-size:14px;line-height:21px}.how-upload{padding:18px 14px;gap:12px;border-radius:10px}.how-file-icon{width:40px;height:52px;font-size:10px}.how-file-progress .how-file-name{font-size:13px}.how-score{grid-template-columns:1fr;justify-items:center;gap:16px}.how-score-ring{width:120px;height:120px}.how-score-side{width:100%}.how-score-side h4{font-size:13px;line-height:17px;margin-bottom:8px}.how-score-chips{gap:6px}.how-score-row{font-size:12px;gap:6px}.how-ai{gap:12px}.how-ai-status{padding:10px 12px;gap:8px;border-radius:10px}.how-ai-status .how-ai-label{font-size:12px}.how-ai-rewrites{padding:12px 14px;font-size:12px;border-radius:10px}.how-ai-meta{gap:8px}.how-ai-meta-cell{padding:8px 10px;border-radius:8px}.how-ai-meta-cell .num{font-size:18px;line-height:18px}.how-ai-meta-cell .lbl{font-size:9px}.how-dl{flex-direction:column;align-items:center;gap:20px;flex-wrap:nowrap}.how-dl-ring{width:120px;height:120px}.how-dl-cta{max-width:100%;text-align:center;gap:10px}.how-dl-cta h4{font-size:20px;line-height:24px}.how-dl-cta p{font-size:13px;line-height:20px}.how-dl-btn{align-self:stretch;text-align:center;padding:14px 20px;font-size:15px;border-radius:10px}.how-vp-controls{gap:8px;padding-top:14px;margin-top:14px}.how-play-pause{width:36px;height:36px}.how-vp-stage-name{display:none}.how-cta-strip{flex-direction:column;text-align:center;align-items:center;padding:20px 18px;margin-top:24px;gap:14px;border-radius:14px}.how-cta-strip-pre{font-size:17px;line-height:24px}.how-cta-strip-btn{width:100%;text-align:center;padding:15px 20px;font-size:15px;border-radius:12px;box-sizing:border-box}}@media (prefers-reduced-motion:reduce){.how-ai-spinner,.how-clock-lbl:before,.how-dl-delta,.how-dl-ring .num,.how-dl-ring .progress,.how-file-bar-fill,.how-file-icon,.how-rail:after,.how-rw-line,.how-scene.active,.how-score-ring .num,.how-score-ring .num-out,.how-score-ring .progress,.how-vp-progress-fill{animation:none!important;transition:none!important}.how-rw-line{opacity:1;transform:none}.how-dl-delta{transform:scale(1)}.how-scene.active{opacity:1;transform:none}.how-dl-ring .num,.how-score-ring .num,.how-score-ring .num-out{opacity:1}.how-score-ring .progress{stroke-dashoffset:202}.how-dl-ring .progress{stroke-dashoffset:17}.how-file-bar-fill{width:100%}}