:root{color-scheme:dark;--navy:#081724;--gold:#ffc251;--white:#f4f7fa;--muted:#a3b4c3;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}body{margin:0;background:#03090f;color:var(--white);font-family:'Microsoft YaHei','PingFang SC',sans-serif;overflow:hidden}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}#viewport{position:fixed;inset:0;display:grid;place-items:center;overflow:hidden}#stage{position:relative;width:1600px;height:900px;flex-shrink:0;overflow:hidden;background:var(--navy);transform-origin:center center}.ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 100% 0%,#18324a55,transparent 65%)}.slide{position:absolute;inset:0;padding:78px 100px 90px;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(90px,0,0) scale(1.025);filter:blur(7px);transition:opacity .65s ease,transform .85s var(--ease),filter .65s ease,visibility .85s;contain:layout style}.slide.active{visibility:visible;opacity:1;pointer-events:auto;transform:translate3d(0,0,0) scale(1);filter:blur(0)}.slide.past{transform:translate3d(-70px,0,0) scale(.975)}h1,h2,h3,p{margin:0}h2{position:relative;font-size:54px;font-weight:650;letter-spacing:-1.5px;line-height:1.35}h3{font-weight:600}.gold{color:var(--gold)}.muted{color:var(--muted);font-size:32px}.caption{color:var(--muted);font-size:30px}.reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity .65s ease,transform .9s var(--ease);transition-delay:0s}.active .reveal{opacity:1;transform:translate3d(0,0,0);transition-delay:var(--delay,.15s)}.scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.055);transition:transform 8s linear}.active .scene{transform:scale(1)}.cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,#06152170,transparent 65%)}.cover-copy{position:relative;z-index:1}.eyebrow{font-size:33px;color:var(--gold);font-weight:650;letter-spacing:4px}.cover h1{font-size:138px;line-height:1.14;letter-spacing:-6px;font-weight:500;margin-top:87px}.cover-sub{font-size:43px;margin-top:89px;color:var(--gold)}.page-marker{position:absolute;right:60px;bottom:42px;display:flex;align-items:center;gap:16px;font-size:19px;color:#7890a2;letter-spacing:1px}.page-marker span:first-child{color:#e5edf3}.page-marker i{width:36px;height:1px;background:#587183}.income-grid{display:grid;grid-template-columns:1fr 1fr;gap:116px;margin-top:84px}.amount{font-size:170px;font-weight:650;line-height:1.2;letter-spacing:-7px;margin:20px 0}.amount span{font-size:50px;letter-spacing:0;margin-left:14px}.experienced .amount{color:var(--gold)}.track{height:16px;background:#ffffff08;margin-top:27px}.track i{height:100%;display:block;background:#9eb0c0;width:var(--value);transform:scaleX(0);transform-origin:left;transition:transform 1.3s var(--ease) .35s}.active .track i{transform:scaleX(1)}.experienced .track i{background:var(--gold);box-shadow:0 0 28px #ffc25122}.takeaway{margin-top:69px}.takeaway strong{font-size:43px;color:var(--gold);font-weight:600}.takeaway p{font-size:33px;margin-top:22px}.churn-layout{display:grid;grid-template-columns:660px 1fr;gap:125px;margin-top:55px}.churn-hero{text-align:center}.ring{position:relative;width:455px;height:455px;margin:0 auto}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:17}.ring-base{stroke:#233746}.ring-fill{stroke:var(--gold);stroke-dasharray:1068;stroke-dashoffset:1068;transition:stroke-dashoffset 1.6s var(--ease) .3s}.active .ring-fill{stroke-dashoffset:106.8}.ring strong{position:absolute;inset:0;display:grid;place-content:center;color:var(--gold);font-size:131px;letter-spacing:-5px}.churn-hero>p{font-size:34px;margin-top:21px}.time-comparison{padding-top:25px;display:grid;gap:55px}.time-comparison h3{font-size:64px;margin:17px 0 20px;letter-spacing:-2px}.product-layout{display:grid;grid-template-columns:1000px 1fr;gap:54px;margin-top:59px;align-items:start}.product-image{background:white;box-shadow:0 28px 70px #0004;overflow:hidden}.product-image img{width:100%;display:block}.product-copy{padding-top:10px}.data-list{list-style:none;padding:0;margin:26px 0 0;font-size:34px;line-height:1.9}.product-question{margin-top:48px;padding-top:28px;border-top:1px solid #ffc25155}.product-question h3{color:var(--gold);font-size:39px}.product-question p{font-size:28px;margin-top:21px;white-space:nowrap}.stages-head{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px;margin-bottom:22px}.stages-head>div{display:flex;align-items:center;gap:24px}.stages-head span{font-size:33px;color:var(--gold);font-variant-numeric:tabular-nums}.stages-head h3{font-size:38px}.coaching-scene{height:279px;overflow:hidden;position:relative}.coaching-scene img{width:100%;height:100%;object-fit:cover}.coaching-scene:after{content:'';position:absolute;inset:0;box-shadow:inset 0 -12px 25px #08172477}.stages-captions{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;color:var(--muted);font-size:28px;margin-top:22px}.costs{margin-top:40px;border-top:1px solid #ffffff12;padding-top:28px;font-size:32px}.costs p{display:flex;gap:55px;margin-bottom:24px}.costs strong{color:var(--gold);font-weight:600}.comparison-table{margin-top:52px}.compare-row{display:grid;grid-template-columns:190px 590px 1fr;align-items:center;min-height:128px;border-bottom:1px solid #ffffff12;font-size:33px;gap:24px}.compare-row>span,.compare-row p{color:var(--muted)}.compare-row strong{color:var(--gold);font-weight:600;font-size:38px}.headings{min-height:85px;border-bottom:1px solid #ffc25166}.headings strong{font-size:40px}.comparison-end{font-size:37px;margin-top:50px;font-weight:600}.focus h2{font-size:49px}.focus-layout{display:grid;grid-template-columns:650px 1fr;gap:110px;margin-top:100px}.focus-statement h3{font-size:64px;color:var(--gold);line-height:1.4;margin-top:88px;letter-spacing:-2px}.questions>div{display:flex;gap:34px;align-items:center;padding:28px 0 48px;margin-bottom:30px;border-bottom:1px solid #ffffff14}.questions span{font-size:47px;color:var(--gold)}.questions p{font-size:37px;font-weight:600;white-space:nowrap}.path-art{width:500px;height:100px;margin-top:35px;overflow:visible}.path-art path{fill:none;stroke:#ffc25150;stroke-width:2;stroke-dasharray:620;stroke-dashoffset:620;transition:stroke-dashoffset 2s ease .3s}.active .path-art path{stroke-dashoffset:0}.path-art circle{fill:var(--gold);filter:drop-shadow(0 0 9px #ffc251)}.deployment .scene{opacity:.85}.city-shade{position:absolute;inset:0;background:linear-gradient(90deg,#08172499,transparent 75%)}.deployment-stats{position:relative;display:flex;gap:95px;margin-top:73px}.deployment-stats strong{font-size:103px;color:var(--gold);font-weight:650;letter-spacing:-3px}.deployment-stats p{font-size:30px;color:var(--muted);margin-top:16px}.deployment-message{position:relative;margin-top:71px}.deployment-message h3{font-size:44px}.deployment-message p{font-size:32px;margin-top:20px}.potential{position:relative;font-size:36px;color:var(--gold);font-weight:600;line-height:1.5;margin-top:53px}.source{position:relative;font-size:19px;color:var(--muted);margin-top:26px}.closing-copy{position:relative;margin-top:78px}.closing-copy>p:first-child{font-size:48px}.closing h2{color:var(--gold);font-size:71px;line-height:1.35;margin-top:69px;font-weight:600}.closing-sub{font-size:33px;margin-top:108px}.thanks{font-size:28px;color:var(--muted);margin-top:88px}
#controls{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);display:flex;align-items:center;gap:9px;padding:7px 10px;background:#102333eb;border:1px solid #ffffff1a;border-radius:13px;opacity:0;transition:.25s;z-index:20;backdrop-filter:blur(18px)}body.controls-visible #controls,#controls:focus-within,#controls:hover{opacity:1;transform:translate(-50%,0)}#controls button{width:38px;height:36px;border:0;background:transparent;color:#dce5ec;font-size:25px;border-radius:7px}#controls button:hover{background:#ffffff13;color:var(--gold)}#controls button:disabled{opacity:.25;cursor:default}#position{font-size:12px;font-variant-numeric:tabular-nums;color:#9daebc;padding:0 6px}.control-divider{width:1px;height:18px;background:#ffffff20;margin:0 3px}.progress{position:fixed;bottom:0;left:0;right:0;height:3px;background:#ffffff05;z-index:10}.progress i{display:block;height:100%;background:var(--gold);width:11.111%;transition:width .8s var(--ease)}dialog{border:1px solid #304457;border-radius:18px;background:#0d2030;color:var(--white);padding:26px;width:min(1000px,90vw);box-shadow:0 30px 120px #0008}dialog::backdrop{background:#020912cc;backdrop-filter:blur(14px)}dialog header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}dialog h3{font-size:23px}dialog button{color:inherit;background:transparent;border:0}dialog header button{font-size:28px}#overviewGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}#overviewGrid button{text-align:left;padding:20px;min-height:112px;border:1px solid #ffffff12;background:#142a3b;border-radius:8px;font-size:15px;line-height:1.6}#overviewGrid button[aria-current=true]{border-color:var(--gold);background:#ffc25110}#overviewGrid span{display:block;color:var(--gold);font-size:12px;margin-bottom:12px}#help{max-width:650px}#help dl{display:grid;grid-template-columns:120px 1fr;gap:20px;font-size:15px}#help dt{color:var(--gold)}#help dd{margin:0;color:var(--muted)}#help>p{margin-top:28px;color:var(--muted);font-size:14px;line-height:1.7}#blackout{position:fixed;inset:0;background:#000;z-index:100}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body.idle{cursor:none}body.idle button{cursor:pointer}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important}}@media(max-width:600px){#overviewGrid{grid-template-columns:repeat(2,1fr)}#overviewGrid button{min-height:85px;padding:10px;font-size:12px}#help dl{grid-template-columns:80px 1fr;gap:14px;font-size:13px}}
/* 电脑屏幕：画布铺满视口，内容区保持等比居中。 */
#viewport{display:block}
#stage{position:absolute;left:50%;top:50%;width:var(--canvas-width,1600px);height:var(--canvas-height,900px);transform-origin:center}
.slide{padding-top:calc(78px + (var(--canvas-height,900px) - 900px)/2);padding-left:calc(100px + (var(--canvas-width,1600px) - 1600px)/2);padding-right:calc(100px + (var(--canvas-width,1600px) - 1600px)/2)}
.scene{object-position:center}