.x8dekG_section{background:var(--accent);color:#11100e;isolation:isolate;border-radius:34px;min-height:100svh;position:relative;overflow:hidden}.x8dekG_marquee{--marquee-size:clamp(180px, 19vw, 360px);bottom:calc(var(--marquee-size) * -.16);z-index:-1;pointer-events:none;width:100%;position:absolute;left:0;overflow:hidden}.x8dekG_marqueeTrack{will-change:transform;width:max-content;animation:56s linear infinite x8dekG_protocol-marquee;display:flex}.x8dekG_marqueeTrack span{color:#ffffff1f;font-family:var(--font-display), sans-serif;font-size:var(--marquee-size);letter-spacing:-.065em;white-space:nowrap;flex:none;padding-right:.2em;font-weight:650;line-height:.8}@keyframes x8dekG_protocol-marquee{to{transform:translate(-50%)}}.x8dekG_heading{z-index:5;text-align:center;flex-direction:column;align-items:center;padding:clamp(70px,7vw,105px) 24px 0;display:flex;position:relative}.x8dekG_heading h2{color:#fff;max-width:840px;font-size:var(--home-section-heading-size);letter-spacing:-.05em;text-wrap:balance;margin:0;font-weight:600;line-height:1.03}.x8dekG_lede{color:#fff;text-wrap:balance;max-width:46ch;margin:clamp(16px,1.6vw,22px) 0 0;font-size:clamp(1rem,1.2vw,1.13rem);line-height:1.6}.x8dekG_compareLink{margin-top:clamp(22px,2.2vw,30px)}.x8dekG_stage{--phone-width:clamp(380px, 28vw, 470px);--card-inset:clamp(20px, 3vw, 105px);--card-room:calc((100% - var(--phone-width)) / 2 - var(--card-inset) - 24px);--stage-height:790px;width:100%;height:var(--stage-height);margin-top:24px;position:relative}.x8dekG_phone{--enter-rise:calc(100% + 200px);z-index:4;width:var(--phone-width);position:absolute;top:62px;left:50%;transform:translate(-50%)}.x8dekG_phone img{filter:drop-shadow(0 30px 60px #1c1b1842);width:100%;height:auto;display:block}.x8dekG_mathCard{--card-depth:-24px}.x8dekG_rhythmCard{--card-depth:-62px}.x8dekG_libraryCard{--card-depth:-100px}.x8dekG_scheduleCard{--card-depth:-150px}.x8dekG_floatCard{--enter-rise:calc(var(--stage-height) - var(--card-top) + 60px);z-index:1;top:var(--card-top);transform:rotate(var(--tilt,0deg)) translate3d(0, calc(var(--parallax,0) * var(--card-depth,0px)), 0);width:clamp(250px, var(--card-room), 455px);background:#fffffff5;border-radius:24px;position:absolute;box-shadow:0 2px 4px #1c1b180a,0 24px 52px #1c1b181a}.x8dekG_stage[data-enter=out] .x8dekG_phone,.x8dekG_stage[data-enter=out] .x8dekG_floatCard{translate:0 var(--enter-rise)}@keyframes x8dekG_showcaseRise{to{translate:0}}.x8dekG_stage[data-enter=in] .x8dekG_phone,.x8dekG_stage[data-enter=in] .x8dekG_floatCard{translate:0 var(--enter-rise);animation:x8dekG_showcaseRise .56s var(--ease-settle) var(--enter-delay,0s) both}.x8dekG_cardTopline{justify-content:space-between;align-items:baseline;gap:24px;display:flex}.x8dekG_cardTopline span{font-size:19px;font-weight:520}.x8dekG_cardTopline strong{letter-spacing:-.04em;font-size:28px;font-weight:620}.x8dekG_mathCard{--card-top:168px;--tilt:-2.4deg;left:var(--card-inset);min-height:245px;padding:27px 28px}.x8dekG_drawTrack{background:repeating-linear-gradient(-45deg,#1c1b1814 0 2px,#0000 2px 10px);border-radius:999px;height:68px;margin-top:18px;position:relative;overflow:hidden}.x8dekG_drawTrack i{border-radius:inherit;background:#dd5a30;position:absolute;inset:0 33% 0 0}.x8dekG_drawTrack span{z-index:2;color:#fff;font-size:13px;font-weight:600;position:absolute;top:50%;left:22px;transform:translateY(-50%)}.x8dekG_mathCard>p{color:#1c1b18ad;max-width:28ch;margin:18px 88px 0 0;font-size:14px;line-height:1.4}.x8dekG_cardActions{gap:8px;display:flex;position:absolute;bottom:20px;right:24px}.x8dekG_cardActions span,.x8dekG_cardIcon{color:#1c1b18;background:#f3eee7;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.x8dekG_cardActions span:last-child{color:#fff;background:#dd5a30}.x8dekG_scheduleCard,.x8dekG_libraryCard{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:106px;padding:20px 22px;display:grid}.x8dekG_scheduleCard{--card-top:492px;--tilt:-1.8deg;left:var(--card-inset)}.x8dekG_scheduleCard strong,.x8dekG_libraryCard strong{font-size:15px;font-weight:620}.x8dekG_scheduleCard p,.x8dekG_libraryCard p{color:#1c1b18ad;margin:3px 0 0;font-size:12px}.x8dekG_readTime{color:var(--accent-deep);font-size:13px;font-weight:650}.x8dekG_rhythmCard{--card-top:138px;--tilt:2.4deg;right:var(--card-inset);min-height:245px;padding:27px 28px 24px}.x8dekG_rhythmCard .x8dekG_cardTopline strong{color:var(--accent-deep);font-size:17px}.x8dekG_chart{grid-template-columns:repeat(5,1fr);align-items:end;gap:10px;height:136px;margin-top:26px;display:grid}.x8dekG_chart>div{text-align:center;grid-template-rows:1fr auto;gap:9px;height:100%;display:grid}.x8dekG_chart i{background:repeating-linear-gradient(-45deg,#1c1b1817 0 2px,#0000 2px 9px);border-radius:999px 999px 7px 7px;align-self:end;width:100%;min-height:24px}.x8dekG_chart span{font-size:11px;font-weight:560}.x8dekG_chart .x8dekG_activeBar i{background:#dd5a30}.x8dekG_libraryCard{--card-top:464px;--tilt:1.8deg;right:var(--card-inset)}.x8dekG_libraryCard .x8dekG_cardIcon{color:#fff;background:#1c1b18}@media (max-width:1280px){.x8dekG_cardTopline{gap:12px}.x8dekG_cardTopline strong{font-size:24px}.x8dekG_mathCard,.x8dekG_rhythmCard{min-height:220px;padding:22px 22px 20px}.x8dekG_drawTrack{height:56px}.x8dekG_mathCard>p{margin-right:62px}.x8dekG_cardActions{bottom:16px;right:18px}.x8dekG_cardActions span,.x8dekG_cardIcon{width:38px;height:38px}.x8dekG_scheduleCard,.x8dekG_libraryCard{gap:12px;padding:16px 18px}}@media (max-width:1024px){.x8dekG_heading h2{max-width:620px}.x8dekG_stage{--stage-height:900px}.x8dekG_phone{width:min(56vw,430px);top:265px}.x8dekG_mathCard,.x8dekG_rhythmCard{--card-top:44px;width:min(50% - 32px,400px);min-height:205px;padding:22px}.x8dekG_mathCard{--card-top:56px;--tilt:-3deg;left:22px}.x8dekG_rhythmCard{--card-top:32px;--tilt:3deg;right:22px}.x8dekG_drawTrack{height:52px}.x8dekG_mathCard>p,.x8dekG_cardActions,.x8dekG_scheduleCard,.x8dekG_libraryCard{display:none}.x8dekG_chart{height:100px;margin-top:18px}}@media (max-width:640px){.x8dekG_section{border-radius:24px}.x8dekG_heading{text-align:left;align-items:flex-start;padding:60px 18px 0}.x8dekG_heading h2{text-wrap:wrap;max-width:none;font-size:clamp(40px,13vw,64px)}.x8dekG_lede{max-width:34ch;font-size:.97rem}.x8dekG_stage{--stage-height:690px;margin-top:18px}.x8dekG_phone{width:72vw;top:215px}.x8dekG_mathCard,.x8dekG_rhythmCard{--card-top:35px;border-radius:16px;width:calc(50% - 16px);min-height:128px;padding:16px}.x8dekG_mathCard{--card-top:40px;--tilt:-3.6deg;left:7px}.x8dekG_rhythmCard{--card-top:28px;--tilt:3.6deg;right:7px}.x8dekG_cardTopline{align-items:flex-start;gap:7px}.x8dekG_cardTopline span{font-size:12px}.x8dekG_cardTopline strong{font-size:17px}.x8dekG_drawTrack{height:38px;margin-top:12px}.x8dekG_drawTrack span{font-size:8px;left:10px}.x8dekG_rhythmCard .x8dekG_cardTopline strong{font-size:11px}.x8dekG_chart{gap:4px;height:58px;margin-top:10px}.x8dekG_chart>div{gap:4px}.x8dekG_chart span{font-size:8px}}@media (prefers-reduced-motion:reduce){.x8dekG_marqueeTrack{animation-play-state:paused}.x8dekG_floatCard{transform:rotate(var(--tilt,0deg))}.x8dekG_stage[data-enter=out] .x8dekG_phone,.x8dekG_stage[data-enter=out] .x8dekG_floatCard,.x8dekG_stage[data-enter=in] .x8dekG_phone,.x8dekG_stage[data-enter=in] .x8dekG_floatCard{animation:none;translate:none}}