.landing-scroll .product-notes{grid-template-columns:minmax(0,.82fr) minmax(0,1fr);align-items:start;gap:clamp(48px,7vw,105px);margin-block:120px 140px;display:grid}.landing-scroll .section-intro{margin:0;display:block;position:sticky;top:15vh}.landing-scroll .section-intro h2{font-size:clamp(34px,3.7vw,50px)}.landing-scroll .section-intro>p{max-width:310px;margin-top:25px}.landing-scroll .product-features{grid-template-columns:minmax(0,1fr);gap:90px}.landing-scroll .product-features article{transform-origin:50% 75%;--reveal:1;padding:clamp(25px,3.1vw,40px);position:relative}.landing-scroll .product-features h3{letter-spacing:-1px;font-size:clamp(25px,2.5vw,33px);line-height:1.15}.landing-scroll .product-features p{max-width:42ch;font-size:15px;line-height:1.8}.landing-scroll .product-features a{gap:12px}.landing-scroll[data-scroll-motion=active] [data-scroll-card]{opacity:calc(.2 + var(--reveal) * .8);transform:translate3d(calc((1 - var(--reveal)) * 20px), calc((1 - var(--reveal)) * 60px), 0) rotate(calc((1 - var(--reveal)) * -1.2deg))}.landing-scroll .reading-progress{gap:0;max-width:270px;margin-top:42px;display:grid}.landing-scroll [data-progress-step]{border-left:2px solid var(--border-color);color:var(--text-2);padding:15px 0 15px 25px;font-size:13px;font-weight:600;transition:color .18s;position:relative}.landing-scroll [data-progress-step]:before{content:"";background:var(--bg);border:2px solid var(--border-color);border-radius:50%;width:8px;height:8px;transition:background .18s,transform .18s;position:absolute;top:23px;left:-5px}.landing-scroll [data-progress-step][data-active=true]{color:var(--text-1);font-weight:800}.landing-scroll [data-progress-step][data-active=true]:before{background:var(--primary);border-color:var(--primary);transform:scale(1.5)}.landing-scroll [data-progress-step][data-complete=true]:before{background:var(--primary)}.landing-scroll .listening-notes{gap:90px;margin-block:110px;padding-top:70px}.landing-scroll [data-scroll-note]{--reveal:1}.landing-scroll[data-scroll-motion=active] [data-scroll-note]{opacity:calc(.35 + var(--reveal) * .65);transform:translate3d(0, calc((1 - var(--reveal)) * 38px), 0)}.landing-scroll[data-scroll-motion=active] [data-scroll-note]:nth-child(2){transform:translate3d(calc((1 - var(--reveal)) * 25px), calc((1 - var(--reveal)) * 65px), 0)}.site .site-footer[data-home-footer]{grid-template-columns:1fr 1fr;gap:28px 40px;padding-top:65px;padding-bottom:40px;display:grid}.site-footer[data-home-footer] .footer-signoff{--reveal:1;color:var(--text-1);grid-column:1/-1;margin-bottom:35px;position:relative}.site-footer[data-home-footer] .footer-signoff>h2{letter-spacing:-.065em;max-width:14ch;font-size:clamp(48px,7.6vw,102px);font-weight:800;line-height:1.02}.site-footer[data-home-footer] .footer-signoff svg{width:100%;height:70px;color:var(--primary);margin-bottom:42px;display:block;overflow:visible}.site-footer[data-home-footer] .footer-signoff svg path{stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.site-footer[data-home-footer][data-scroll-motion=active] .footer-signoff{transform:translate3d(0, calc((1 - var(--reveal)) * 36px), 0)}.site-footer[data-home-footer][data-scroll-motion=active] .footer-signoff svg path{stroke-dashoffset:calc(1 - var(--reveal))}.site-footer[data-home-footer] nav{justify-content:flex-end;align-self:end}@media (max-width:760px){.landing-scroll .product-notes{margin-block:65px 70px;display:block}.landing-scroll .section-intro{margin-bottom:38px;position:static}.landing-scroll .section-intro h2{font-size:37px}.landing-scroll .section-intro>p{max-width:37ch;margin-top:22px}.landing-scroll .reading-progress{display:none}.landing-scroll .product-features{gap:40px}.landing-scroll .product-features article{padding:25px}.landing-scroll[data-scroll-motion=active] [data-scroll-card]{transform:translate3d(calc((1 - var(--reveal)) * 10px), calc((1 - var(--reveal)) * 45px), 0) rotate(calc((1 - var(--reveal)) * -.6deg))}.landing-scroll[data-scroll-motion=active] [data-scroll-note]:nth-child(2){transform:translate3d(0, calc((1 - var(--reveal)) * 45px), 0)}.landing-scroll .product-features h3{font-size:29px}.landing-scroll .product-features p{font-size:14px}.landing-scroll .listening-notes{gap:46px;margin-block:65px;padding-top:45px}.site .site-footer[data-home-footer]{grid-template-columns:1fr;gap:20px;padding-top:42px}.site-footer[data-home-footer] .footer-signoff{margin-bottom:22px}.site-footer[data-home-footer] .footer-signoff>h2{max-width:9ch;font-size:clamp(44px,12vw,70px)}.site-footer[data-home-footer] .footer-signoff svg{width:100%;height:38px;margin-bottom:32px}.site-footer[data-home-footer] nav{justify-content:flex-start;margin-top:0}}@media (prefers-reduced-motion:reduce){.landing-scroll [data-scroll-card],.landing-scroll [data-scroll-note],.site-footer[data-home-footer] .footer-signoff{opacity:1!important;transform:none!important}.site-footer[data-home-footer] .footer-signoff svg path{stroke-dashoffset:0!important}}.landing-scroll .reading-progress>span{color:var(--text-2);margin-bottom:17px;font-size:11px}.landing-scroll [data-progress-step] b{margin-right:13px;font-size:11px;font-weight:500}.landing-scroll .feature-preview{border:1px solid var(--border-color);color:#1a1a1a;border-radius:9px;min-height:205px;margin:-10px -10px 32px;padding:22px;overflow:hidden}.landing-scroll .preview-caption{margin-bottom:20px;font-size:10px;font-weight:600;display:block}.landing-scroll .source-list{background:#ffe296}.landing-scroll .source-list>div{transform:translateX(calc((1 - var(--reveal)) * -24px));border-bottom:1px solid #1a1a1a44;justify-content:space-between;gap:10px;padding:9px 0;font-size:13px;display:flex}.landing-scroll .source-list>div:nth-of-type(2){transform:translateX(calc((1 - var(--reveal)) * -44px))}.landing-scroll .source-list>div:nth-of-type(3){transform:translateX(calc((1 - var(--reveal)) * -64px))}.landing-scroll .feature-preview small{margin-top:18px;font-size:10px;display:block}.landing-scroll .mini-player{background:#bce7e3}.landing-scroll .preview-wave{justify-content:center;align-items:center;gap:7px;height:95px;margin-block:6px 20px;display:flex}.landing-scroll .preview-wave i{width:6px;transform:scaleY(calc(.18 + var(--reveal) * .82));background:#234b47;border-radius:6px;display:block}.landing-scroll .preview-player-controls{align-items:center;gap:10px;font-size:10px;font-weight:600;display:flex}.landing-scroll .preview-player-controls>span:first-child{border:1px solid #1a1a1a;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.landing-scroll .preview-player-controls b{margin-left:auto;font-size:11px}.landing-scroll .draft-review{background:#ffc6c6}.landing-scroll .draft-review>div{border-bottom:1px solid #1a1a1a33;align-items:center;gap:13px;padding:10px 0;font-size:12px;display:flex}.landing-scroll .draft-review>div>span{font-size:10px}.landing-scroll .draft-review i{transform:scale(calc(.4 + var(--reveal) * .6));margin-left:auto;font-style:normal}.site-footer[data-home-footer] .footer-signoff .site-button{gap:25px;margin-top:32px;font-size:15px;display:inline-flex}.site-footer[data-home-footer] .footer-signoff>p{color:var(--text-2);margin-top:17px;font-size:12px}@media (max-width:760px){.landing-scroll .feature-preview{margin:-7px -7px 26px;padding:18px}.landing-scroll .preview-player-controls{gap:7px;font-size:9px}}@media (max-height:650px) and (min-width:761px){.landing-scroll .section-intro{position:static}}@media (prefers-reduced-motion:reduce){.landing-scroll .feature-preview *{transform:none!important}.landing-scroll [data-progress-step],.landing-scroll [data-progress-step]:before{transition:none!important}}
.word-sound{width:100%;min-width:0;color:var(--text-1);background:var(--bg);isolation:isolate}.word-sound__eyeline{border-bottom:1px solid var(--border-color);color:var(--text-2);justify-content:space-between;align-items:center;gap:16px;padding:0 0 15px;font-size:10px;display:flex}.word-sound__eyeline>span:first-child{color:var(--text-1);font-size:12px;font-weight:800}.word-sound__stage{aspect-ratio:1000/620;width:100%;position:relative;overflow:hidden}.word-sound__stage canvas{width:100%;height:100%;display:block}.word-sound__transport{border-top:1px solid var(--border-color);align-items:center;gap:16px;padding:15px 0 11px;display:flex}.word-sound__play{border:2px solid var(--border-color);min-width:109px;min-height:44px;box-shadow:var(--shadow-sm);background:var(--primary);color:#1a1a1a;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:11px;font-weight:800;display:inline-flex}.word-sound__seek{flex:1;align-items:center;min-height:44px;display:flex}.word-sound__seek input{width:100%;accent-color:var(--primary);cursor:pointer;height:22px}.word-sound__time{font-variant-numeric:tabular-nums;color:var(--text-2);min-width:57px;font-size:10px}.word-sound__chapters{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.word-sound__chapters button{text-align:left;border-bottom:2px solid var(--border-color);cursor:pointer;min-height:48px;color:var(--text-2);padding:8px 0;font-size:11px;font-weight:700}.word-sound__chapters button>span{margin-bottom:3px;font-size:9px;font-weight:400;display:block}.word-sound__chapters button[aria-pressed=true]{border-color:var(--primary);color:var(--text-1)}.word-sound__description{grid-template-columns:100px 1fr;gap:16px;min-height:56px;margin-top:21px;display:grid}.site .word-sound__description h2{letter-spacing:0;font-size:13px;font-weight:800;line-height:1.6}.word-sound__description p{color:var(--text-2);max-width:48ch;font-size:12px;line-height:1.7}.word-sound__footnote{color:var(--text-2);max-width:65ch;margin-top:14px;font-size:9px;line-height:1.6}@media (max-width:760px){.word-sound__eyeline{gap:10px;font-size:8px}.word-sound__eyeline>span:first-child{font-size:11px}.word-sound__transport{gap:10px}.word-sound__play{min-width:101px;font-size:10px}.word-sound__time{min-width:51px;font-size:9px}.word-sound__chapters{gap:9px}.word-sound__chapters button{min-height:50px;font-size:10px}.word-sound__description{grid-template-columns:1fr;gap:6px;min-height:93px;margin-top:18px}.word-sound__description p{font-size:12px}.word-sound__footnote{font-size:9px}}
