:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;color:#19201f;background:#f8faf8;font-synthesis:none;text-rendering:optimizeLegibility;--green: #08bdb7;--green-dark: #087d78;--lime: #b9f34b;--coral: #ff7448;--ink: #19201f;--muted: #687370;--line: #dce4e0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#f8faf8}button,a{font:inherit}a{color:inherit;text-decoration:none}button{border:0}.site-shell{overflow:hidden}.topbar{position:fixed;z-index:100;top:18px;left:50%;width:min(1180px,calc(100% - 40px));height:68px;transform:translate(-50%);display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 14px;border:1px solid rgba(255,255,255,.75);border-radius:8px;background:#ffffffe6;box-shadow:0 12px 36px #122c271a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:19px}.brand img{width:42px;height:42px;border-radius:8px;object-fit:cover}.nav-links{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:650}.nav-links>a:not(.nav-cta):hover{color:var(--green-dark)}.nav-cta{display:flex;align-items:center;gap:7px;padding:12px 16px;color:#fff;background:var(--ink);border-radius:6px}.menu-button{display:none;width:42px;height:42px;background:transparent;color:var(--ink);cursor:pointer}.hero{position:relative;min-height:min(860px,92vh);padding:172px max(6vw,calc((100vw - 1180px)/2)) 80px;display:grid;grid-template-columns:minmax(420px,.95fr) minmax(480px,1.05fr);align-items:center;gap:48px;background:#edf8f6;isolation:isolate}.hero:before{content:"";position:absolute;inset:0 0 auto;height:10px;background:linear-gradient(90deg,var(--green) 0 58%,var(--coral) 58% 76%,var(--lime) 76%);z-index:-1}.hero-accent{position:absolute;z-index:-1;transform:rotate(-12deg);background:#08bdb717}.hero-accent-one{width:54vw;height:140px;right:-12vw;top:19%}.hero-accent-two{width:44vw;height:86px;right:3vw;bottom:9%;background:#ff744814}.hero-copy{max-width:650px;position:relative;z-index:3}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:4px;color:#145a57;background:#fff;font-size:14px;font-weight:750;box-shadow:0 8px 24px #1a453f14}.hero h1{margin:27px 0 9px;font-size:clamp(64px,7.4vw,112px);line-height:.98;letter-spacing:0}.hero-lead{margin:0;font-size:clamp(28px,3vw,46px);line-height:1.24;font-weight:850;color:var(--green-dark)}.hero-detail{max-width:590px;margin:26px 0 0;font-size:18px;line-height:1.85;color:#4c5a56}.hero-actions{display:flex;gap:12px;margin-top:32px}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:9px;padding:0 20px;border-radius:6px;font-weight:800;transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px)}.button.primary{color:#fff;background:var(--ink);box-shadow:0 11px 24px #19201f2b}.button.secondary{border:1px solid #b9c8c3;background:#ffffff94}.hero-proof{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;color:#52625e;font-size:13px;font-weight:650}.hero-proof span{display:flex;align-items:center;gap:6px}.hero-proof svg{color:var(--green-dark)}.hero-scene{position:relative;min-height:620px}.phone{position:absolute;overflow:hidden;width:290px;aspect-ratio:9 / 19.5;border:9px solid #19201f;border-radius:34px;background:#fff;box-shadow:0 35px 70px #0f433d38}.phone:after{content:"";position:absolute;top:7px;left:50%;width:74px;height:19px;transform:translate(-50%);border-radius:20px;background:#19201f}.phone img{width:100%;height:100%;object-fit:cover;object-position:top center}.phone-back{left:1%;top:62px;transform:rotate(-7deg) scale(.89);opacity:.88}.phone-front{z-index:2;right:3%;top:0;transform:rotate(4deg)}.floating-note{position:absolute;z-index:4;display:flex;align-items:center;gap:12px;width:205px;padding:13px;border:1px solid white;border-radius:7px;background:#fffffff0;box-shadow:0 16px 38px #18373226;font-size:12px;line-height:1.45;color:#66736f}.floating-note strong{display:block;color:var(--ink);font-size:14px}.note-icon{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:6px}.note-icon.green{background:#d5f6ef;color:#087d78}.note-icon.coral{background:#ffe3d8;color:#d94c22}.note-progress{left:-5%;top:18px}.note-audio{right:-5%;bottom:65px}.fact-strip{max-width:1180px;margin:-24px auto 0;position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);background:#19201f;color:#fff}.fact-strip>div{min-height:126px;display:flex;align-items:center;justify-content:center;gap:16px;padding:24px;border-right:1px solid #3d4845}.fact-strip>div:last-child{border:0}.fact-strip strong{font-size:34px;color:var(--lime)}.fact-strip span{font-size:13px;line-height:1.65;color:#c8d2cf}.feature-section{padding:132px max(24px,calc((100vw - 1180px)/2));background:#fff}.section-heading{max-width:760px}.section-heading h2{margin:10px 0 18px;font-size:clamp(38px,4.8vw,66px);line-height:1.14;letter-spacing:0}.section-heading>p:last-child{max-width:580px;color:var(--muted);font-size:17px;line-height:1.8}.kicker{margin:0;color:var(--green-dark);text-transform:uppercase;font-size:13px;font-weight:850}.kicker.light{color:var(--lime)}.feature-tabs{display:flex;gap:7px;margin-top:58px;padding-bottom:15px;border-bottom:1px solid var(--line)}.feature-tabs button{position:relative;padding:13px 19px;border-radius:5px;color:#687370;background:#f1f5f3;font-weight:750;cursor:pointer}.feature-tabs button.active{color:#fff;background:var(--green-dark)}.feature-tabs button.active:after{content:"";position:absolute;left:20%;right:20%;bottom:-16px;height:3px;background:var(--lime)}.feature-stage{min-height:570px;display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;align-items:center;padding-top:64px}.feature-copy{animation:rise .35s ease-out}.feature-eyebrow{color:var(--coral)!important;font-size:13px!important;font-weight:850}.feature-copy h3{margin:11px 0 20px;font-size:clamp(31px,3.4vw,49px);line-height:1.24}.feature-copy>p{color:var(--muted);font-size:17px;line-height:1.8}.feature-copy ul{display:grid;gap:14px;margin:28px 0 0;padding:0;list-style:none}.feature-copy li{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:650}.feature-copy li svg{color:var(--green-dark)}.feature-visual{min-height:510px;position:relative;display:grid;place-items:center;background:#eef7f4;overflow:hidden;animation:rise .35s ease-out}.screenshot-visual:before{content:"";position:absolute;width:160px;height:100%;left:10%;background:#c8f3e9;transform:skew(-13deg)}.screen-frame{position:relative;z-index:1;width:255px;height:465px;overflow:hidden;border:8px solid #1c2422;border-radius:28px 28px 0 0;box-shadow:0 20px 50px #143c3633;transform:translateY(35px) rotate(-3deg);background:#fff}.screen-frame img{width:100%;height:100%;object-fit:cover;object-position:top}.progress-panel,.sentence-chip{position:absolute;z-index:2;padding:17px;background:#fff;border:1px solid #d6e2de;border-radius:7px;box-shadow:0 13px 32px #143c3626}.progress-panel{top:66px;right:6%;width:190px}.progress-panel span{color:var(--muted);font-size:12px}.progress-panel strong{display:block;margin:5px 0 12px;font-size:27px}.progress-line{height:6px;border-radius:4px;background:#e8edeb;overflow:hidden}.progress-line i{display:block;width:67%;height:100%;background:var(--green)}.dot-row{display:flex;gap:7px;margin-top:15px}.dot-row i{width:14px;height:14px;border-radius:3px;background:var(--green)}.dot-row i.muted{background:#dce4e0}.sentence-chip{right:5%;bottom:50px;display:flex;align-items:center;gap:10px}.sentence-chip svg{color:var(--coral)}.sentence-chip span{color:var(--muted);font-size:12px}.sentence-chip strong{display:block;color:var(--ink);font-size:14px}.score-visual{display:block;padding:42px;background:#f7f1ea}.score-header{display:flex;justify-content:space-between;color:#7c7167;font-size:13px}.score-header span:first-child{color:var(--ink);font-weight:800}.score-main{display:flex;align-items:baseline;justify-content:center;margin:42px 0}.score-main strong{font-size:90px;line-height:1;color:var(--coral)}.score-main span{color:#80746b}.score-bars{display:grid;gap:21px}.score-bars>div{display:grid;grid-template-columns:76px 1fr 42px;align-items:center;gap:12px;font-size:13px}.score-bars i{height:8px;background:#fff;overflow:hidden}.score-bars b{display:block;height:100%;background:var(--green)}.review-note{margin-top:40px;padding:18px;display:flex;gap:12px;align-items:center;background:#fff;border-left:4px solid var(--coral);color:#6d6259;font-size:13px}.review-note svg{color:var(--coral)}.review-note strong{display:block;color:var(--ink);font-size:15px}.listening-section{padding:120px max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center;background:#16201e;color:#fff}.listening-copy h2{margin:12px 0 20px;font-size:clamp(37px,4.4vw,62px);line-height:1.14}.listening-copy>p:not(.kicker){color:#b7c5c1;line-height:1.8}.mode-switch{display:inline-flex;margin-top:25px;padding:4px;background:#283532;border-radius:6px}.mode-switch span{padding:9px 17px;color:#9faeaa;font-size:13px;font-weight:750}.mode-switch .selected{background:var(--lime);color:#263021;border-radius:4px}.transcript-player{padding:34px;background:#f8faf8;color:var(--ink);border-radius:8px;box-shadow:20px 20px #087d78}.player-topline{display:flex;justify-content:space-between;color:#70807b;font-size:12px;font-weight:700}.waveform{height:92px;display:flex;align-items:center;gap:6px;margin:22px 0 29px;overflow:hidden}.waveform i{flex:1;min-width:3px;max-width:7px;background:#d7dfdc;border-radius:2px;transition:background .25s ease}.waveform i.played{background:var(--green)}.previous-sentence,.next-sentence{margin:18px 0;color:#a2aca9;font-size:14px;line-height:1.6}.active-sentence{min-height:88px;margin:0;font-size:clamp(25px,3vw,38px);line-height:1.45;font-weight:800}.active-sentence span{color:#b7c0bd;transition:color .5s ease}.active-sentence span.spoken{color:#17201f}.player-controls{display:flex;align-items:center;gap:14px;margin-top:27px;padding-top:21px;border-top:1px solid var(--line)}.player-controls button{width:52px;height:52px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;background:var(--green-dark);cursor:pointer}.player-controls button svg{width:21px}.player-controls div{display:grid;gap:3px}.player-controls div span{color:#7a8783;font-size:12px}.speed{margin-left:auto;padding:7px 10px;background:#e9efed;border-radius:4px;font-size:12px;font-weight:800}.workflow-section{padding:125px max(24px,calc((100vw - 1180px)/2));background:#f4f7f5}.section-heading.compact{max-width:820px}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:60px;background:#ccd6d2;border:1px solid #ccd6d2}.workflow-grid article{position:relative;min-height:285px;padding:34px;background:#fff}.workflow-grid svg{width:34px;height:34px;color:var(--green-dark)}.workflow-grid h3{margin:35px 0 10px;font-size:24px}.workflow-grid p{margin:0;color:var(--muted);line-height:1.8;font-size:14px}.step-number{position:absolute;right:24px;top:22px;color:#d6dfdc;font-size:32px;font-weight:900}.closing-section{min-height:430px;padding:85px max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:40px;background:var(--green-dark);color:#fff}.closing-section h2{margin:12px 0 0;font-size:clamp(40px,5.6vw,76px);line-height:1.12}.button.white{min-width:170px;color:var(--ink);background:#fff}footer{padding:46px max(24px,calc((100vw - 1180px)/2)) 32px;display:grid;grid-template-columns:1fr auto;gap:34px;background:#111716;color:#fff}.footer-brand{display:flex;align-items:center;gap:13px}.footer-brand img{width:47px;height:47px;border-radius:7px}.footer-brand div{display:grid;gap:4px}.footer-brand span{color:#8f9d99;font-size:12px}.footer-links{display:flex;align-items:center;gap:24px;color:#bdc7c4;font-size:13px}footer>p{grid-column:1 / -1;margin:0;padding-top:24px;border-top:1px solid #2b3432;color:#71807c;font-size:12px}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 980px){.hero{grid-template-columns:1fr;padding-top:150px;min-height:auto}.hero-copy{max-width:720px}.hero-scene{width:min(620px,100%);margin:0 auto}.fact-strip{margin:0;max-width:none}.feature-stage,.listening-section{grid-template-columns:1fr}.feature-stage{gap:35px}.listening-section{gap:50px}}@media (max-width: 720px){.topbar{top:10px;width:calc(100% - 20px);height:60px}.brand img{width:37px;height:37px}.brand{font-size:17px}.menu-button{display:grid;place-items:center}.nav-links{position:absolute;top:67px;left:0;right:0;display:none;padding:18px;align-items:stretch;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 16px 40px #17363124}.nav-links.is-open{display:flex}.nav-links a{padding:12px}.nav-cta{justify-content:space-between}.hero{padding:120px 20px 55px;gap:26px}.hero h1{font-size:clamp(55px,18vw,78px)}.hero-lead{font-size:28px}.hero-detail{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-proof{gap:10px 15px}.hero-scene{min-height:465px}.phone{width:205px;border-width:7px;border-radius:25px}.phone-back{left:0;top:52px}.phone-front{right:0}.floating-note{width:174px;padding:9px}.note-progress{top:5px;left:-2px}.note-audio{right:-3px;bottom:12px}.fact-strip{grid-template-columns:1fr 1fr}.fact-strip>div{min-height:110px;justify-content:flex-start;border-bottom:1px solid #3d4845}.feature-section,.workflow-section{padding-top:88px;padding-bottom:88px}.section-heading h2{font-size:39px}.feature-tabs{overflow-x:auto;margin-right:-24px;padding-right:24px}.feature-tabs button{flex:0 0 auto}.feature-stage{min-height:auto;padding-top:44px}.feature-visual{min-height:440px;margin:0 -24px}.screen-frame{width:215px;height:390px}.progress-panel{right:3%;width:150px}.sentence-chip{right:3%}.score-visual{padding:28px 23px}.score-main strong{font-size:72px}.listening-section{padding-top:88px;padding-bottom:95px}.transcript-player{padding:22px;box-shadow:10px 10px #087d78}.waveform{gap:4px}.active-sentence{min-height:102px;font-size:28px}.workflow-grid{grid-template-columns:1fr}.workflow-grid article{min-height:235px}.closing-section{min-height:430px;align-items:flex-start;flex-direction:column;justify-content:center}footer{grid-template-columns:1fr}.footer-links{align-items:flex-start;flex-direction:column;gap:14px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}