:root{color:#17130d;background:#f3f0e8;font-family:Avenir Next,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--brand: #ffd31c;--brand-soft: #fff0a6;--ink: #17130d;--muted: #6f695d;--canvas: #f3f0e8;--paper: #fffdf7;--line: rgba(39, 34, 24, .12);--purple: #6258e8}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth;background:var(--canvas)}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 82% 8%,rgba(255,211,28,.34),transparent 24rem),linear-gradient(115deg,#f8f5ed,#eeeae0)}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";pointer-events:none;background-image:linear-gradient(rgba(37,32,22,.027) 1px,transparent 1px);background-size:100% 8px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.4),transparent 72%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.4),transparent 72%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible,.runtime-state:focus-visible{outline:3px solid rgba(23,19,13,.72);outline-offset:4px}::selection{color:#17130d;background:#ffd31c}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#e8e3d8}::-webkit-scrollbar-thumb{border:3px solid #e8e3d8;border-radius:999px;background:#777064}.site-shell{width:min(100%,1680px);min-height:100svh;margin:0 auto;padding:0 4vw 30px}.site-header{min-height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px}.brand{width:fit-content;display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--brand);box-shadow:0 12px 28px #a676002e;font-size:14px;font-weight:950;letter-spacing:-.03em}.brand-copy{display:grid;gap:3px}.brand-copy strong{font-size:17px;font-weight:900;letter-spacing:-.02em}.brand-copy small{color:#736c5f;font-size:9px;font-weight:800;letter-spacing:.14em}.surface-switch{padding:4px;display:flex;gap:3px;border:1px solid rgba(28,24,16,.1);border-radius:14px;background:#fffdf7bd;box-shadow:0 8px 28px #2b241414}.surface-button{min-height:44px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;color:#6d665a;border:0;border-radius:10px;background:transparent;cursor:pointer;font-size:12px;font-weight:800;transition:color .18s ease,background .18s ease,box-shadow .18s ease}.surface-button svg,.primary-action svg,.secondary-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.surface-button.is-active{color:#17130d;background:var(--brand);box-shadow:0 5px 14px #b083002e}.runtime-state{justify-self:end;min-height:44px;padding:0 11px;display:inline-flex;align-items:center;gap:8px;color:#60594e;border-radius:999px;background:#fffdf7ad;cursor:pointer;font-size:11px;font-weight:750;font-variant-numeric:tabular-nums}.state-dot{width:7px;height:7px;border-radius:50%;background:#b2aa9d;box-shadow:0 0 0 4px #b2aa9d29}.runtime-state[data-state=ready] .state-dot{background:#218856;box-shadow:0 0 0 4px #21885624}.runtime-state[data-state=error]{color:#993c31}.runtime-state[data-state=error] .state-dot{background:#c04b3d;box-shadow:0 0 0 4px #c04b3d24}.showcase-main{min-height:calc(100svh - 122px);display:grid;grid-template-columns:minmax(380px,.84fr) minmax(530px,1.16fr);align-items:center;gap:clamp(32px,6vw,104px)}.narrative{max-width:620px;padding:26px 0 46px;display:grid;align-content:center}.narrative-copy h1{max-width:12ch;margin:0;color:var(--ink);font-size:clamp(48px,5vw,78px);font-weight:950;line-height:.99;letter-spacing:-.04em;text-wrap:balance}.headline-line{display:inline-block;white-space:nowrap}.story-lead{max-width:34rem;margin:26px 0 0;color:#5e574b;font-size:clamp(15px,1.2vw,18px);line-height:1.75}.story-detail{margin-top:clamp(32px,5vh,58px);padding-top:24px;border-top:1px solid var(--line)}.story-detail h2{margin:0;font-size:21px;font-weight:900;letter-spacing:-.025em}.story-detail>p{max-width:38rem;margin:11px 0 0;color:#6c655a;font-size:14px;line-height:1.75}.proof-line{margin-top:16px;display:flex;align-items:center;gap:9px;color:#4e493f;font-size:11px;font-weight:800}.proof-line svg{width:19px;height:19px;padding:3px;flex:0 0 auto;color:#17130d;border-radius:50%;background:var(--brand);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.scene-nav{margin-top:26px;display:flex;flex-wrap:wrap;gap:7px}.scene-button{min-height:44px;padding:0 10px 0 9px;display:inline-flex;align-items:center;gap:7px;color:#675f53;border:1px solid rgba(41,36,25,.11);border-radius:10px;background:#fffdf78f;cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s cubic-bezier(.2,.8,.2,1)}.scene-button:hover{color:#252017;border-color:#2924193b;transform:translateY(-1px)}.scene-button span{color:#71695c;font-size:8px;font-weight:850;font-variant-numeric:tabular-nums}.scene-button strong{font-size:11px;font-weight:800}.scene-button svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;opacity:0;transform:translate(-4px);transition:opacity .18s ease,transform .18s ease}.scene-button.is-active{color:#17130d;border-color:var(--brand);background:var(--brand)}.scene-button.is-active span{color:#554a18}.scene-button.is-active svg{opacity:1;transform:translate(0)}.demo-actions{margin-top:24px;display:flex;align-items:center;gap:10px}.primary-action,.secondary-action{min-height:46px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;cursor:pointer;font-size:12px;font-weight:850;text-decoration:none}.primary-action{color:#fffdf7;border:0;background:#18150f;box-shadow:0 13px 26px #17130d2b;transition:background .18s ease,transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease}.primary-action:hover{background:#332d23;box-shadow:0 16px 32px #17130d36;transform:translateY(-1px)}.secondary-action{color:#3c372e;border:1px solid rgba(39,34,24,.14);background:#fffdf7a8}.secondary-action:hover{border-color:#27221845;background:#fffdf7}.data-note{max-width:35rem;margin-top:23px;display:flex;align-items:flex-start;gap:10px;color:#5e574b}.data-note>span{margin-top:2px;padding:4px 6px;color:#1e5f41;border-radius:5px;background:#dff3e7;font-size:8px;font-weight:900;letter-spacing:.06em}.data-note p{margin:0;font-size:10px;line-height:1.65}.device-stage{position:relative;min-width:0;min-height:calc(100svh - 122px);display:grid;place-items:center;align-content:center;overflow:clip;padding:16px 0 30px;isolation:isolate}.phone-stage-slot{--phone-scale: 1;position:relative;width:calc(410px * var(--phone-scale));height:calc(864px * var(--phone-scale))}.phone-scale-wrap{position:absolute;top:0;left:0;width:410px;height:864px;transform:scale(var(--phone-scale));transform-origin:top left}.stage-glow{position:absolute;z-index:-2;width:min(70vw,760px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,214,50,.3) 0%,rgba(255,214,50,.08) 42%,transparent 70%);filter:blur(8px);transform:translate(9%,-2%)}.device-stage:before{position:absolute;z-index:-1;bottom:5%;left:50%;width:min(62vw,660px);height:12%;content:"";border-radius:50%;background:#2b231421;filter:blur(38px);transform:translate(-45%)}.phone-device{position:relative;width:410px;height:864px;margin:0;display:none;opacity:0;transform:translateY(18px) scale(.97)}.phone-device.is-visible,.site-shell[data-mode=coach] .phone-device{display:block;animation:deviceArrive .72s cubic-bezier(.16,1,.3,1) forwards}.phone-bezel{position:relative;width:410px;height:864px;padding:10px;overflow:hidden;border:1px solid #57544f;border-radius:54px;background:linear-gradient(145deg,#292824,#090908 58%,#24231f);box-shadow:0 42px 90px #2d24123b,0 14px 32px #16120a2e,inset 0 0 0 1px #ffffff1f}.phone-bezel:after{position:absolute;top:2px;right:2px;bottom:2px;left:2px;content:"";pointer-events:none;border:1px solid rgba(255,255,255,.12);border-radius:51px}.phone-bezel iframe{position:relative;z-index:1;width:390px;height:844px;display:block;aspect-ratio:auto;border:0;border-radius:44px;background:#f5f2ea}.dynamic-island{position:absolute;z-index:5;top:19px;left:50%;width:116px;height:32px;display:grid;place-items:center;border-radius:999px;background:#050505;box-shadow:inset 0 0 0 1px #ffffff0a;transform:translate(-50%);pointer-events:none}.dynamic-island span{position:absolute;right:10px;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#223d54,#06111c 72%)}.device-status{position:absolute;z-index:4;top:21px;left:30px;right:28px;height:28px;display:flex;align-items:center;justify-content:space-between;color:#1e1a13;pointer-events:none;font-size:11px;font-weight:850;font-variant-numeric:tabular-nums}.status-icons{display:flex;align-items:center;gap:5px}.status-icons svg{width:16px;height:12px;fill:currentColor;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.3}.status-icons svg:last-child{width:22px;fill:none}.status-icons .battery-fill{fill:currentColor;stroke:none}.home-indicator{position:absolute;z-index:5;bottom:18px;left:50%;width:112px;height:4px;border-radius:999px;background:#18150fb8;transform:translate(-50%);pointer-events:none}.phone-button{position:absolute;z-index:-1;width:4px;border-radius:4px 0 0 4px;background:linear-gradient(to right,#3a3935,#171613);box-shadow:inset 1px 0 #ffffff1f}.phone-button-silent{top:112px;left:-3px;height:34px}.phone-button-volume-up{top:165px;left:-3px;height:66px}.phone-button-volume-down{top:240px;left:-3px;height:66px}.phone-button-power{top:183px;right:-3px;height:86px;border-radius:0 4px 4px 0;background:linear-gradient(to left,#3a3935,#171613)}.screen-loader{position:absolute;top:10px;right:10px;bottom:10px;left:10px;z-index:3;display:grid;place-content:center;justify-items:center;gap:12px;border-radius:44px;color:#6f6759;background:#f5f2ea;transition:opacity .22s ease,visibility .22s ease}.screen-loader.is-hidden{opacity:0;visibility:hidden}.screen-loader span{width:28px;height:28px;border:3px solid rgba(31,27,20,.13);border-top-color:var(--brand);border-radius:50%;animation:spin .76s linear infinite}.screen-loader p{margin:0;font-size:11px;font-weight:750}.loader-recovery{display:none;align-items:center;justify-content:center;gap:8px}.screen-loader[data-state=error] .loader-spinner{display:none}.screen-loader[data-state=error] .loader-recovery{display:flex}.loader-recovery button,.loader-recovery a{min-height:44px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;color:#2e2a22;border:1px solid rgba(39,34,24,.2);border-radius:9px;background:#fffdf7;font-size:11px;font-weight:800;text-decoration:none}.loader-recovery button{border-color:#d7a900;background:var(--brand)}.admin-device{width:min(100%,980px);margin:0;display:none;overflow:hidden;border:1px solid rgba(28,24,19,.18);border-radius:16px;background:#fff;box-shadow:0 38px 86px #251e1236,0 14px 28px #251e1221;opacity:0;transform:translateY(18px) scale(.98)}.site-shell[data-mode=admin] .showcase-main{grid-template-columns:minmax(340px,.62fr) minmax(720px,1.38fr);align-items:start;gap:clamp(26px,4vw,72px)}.site-shell[data-mode=admin] .device-stage{min-height:0;align-content:start;padding-top:26px}.site-shell[data-mode=admin] .phone-stage-slot{display:none}.site-shell[data-mode=admin] .admin-device{display:block;animation:deviceArrive .72s cubic-bezier(.16,1,.3,1) forwards}.site-shell[data-mode=admin] .phone-device{display:none}.site-shell[data-mode=admin] .stage-glow{width:min(82vw,940px);opacity:.6}.browser-chrome{min-height:48px;padding:0 15px;display:grid;grid-template-columns:84px minmax(180px,1fr) 84px;align-items:center;gap:12px;border-bottom:1px solid #dedde5;background:#f3f3f7}.browser-controls{display:flex;gap:7px}.browser-controls span{width:9px;height:9px;border-radius:50%;background:#c8c7ce}.browser-controls span:first-child{background:#ff665f}.browser-controls span:nth-child(2){background:#f5bd45}.browser-controls span:last-child{background:#57c45d}.address-bar{min-height:29px;padding:0 11px;display:flex;align-items:center;justify-content:center;gap:7px;color:#74737e;border:1px solid #dedde4;border-radius:8px;background:#fff;font-size:10px;font-weight:650}.address-bar svg{width:12px;height:12px;fill:none;stroke:#72717c;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.browser-live{justify-self:end;display:inline-flex;align-items:center;gap:5px;color:#4f4e5a;font-size:8px;font-weight:850;letter-spacing:.05em}.browser-live i{width:6px;height:6px;border-radius:50%;background:#8e8c98}.browser-live[data-state=loading] i{background:#d2a216}.browser-live[data-state=external] i{background:#8e8c98}.browser-live[data-state=error]{color:#8f3027}.browser-live[data-state=error] i{background:#c04b3d}.admin-screen{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#f7f7fa}.admin-screen iframe{width:140%;height:140%;display:block;border:0;background:#f7f7fa;transform:scale(.7142857);transform-origin:top left}.admin-screen .screen-loader{top:0;right:0;bottom:0;left:0;border-radius:0;color:#646271;background:#f7f7fa}.admin-screen .screen-loader span{border-top-color:var(--purple)}.device-stage figcaption{margin-top:20px;color:#756e62;font-size:10px;font-weight:700;letter-spacing:.02em}@keyframes deviceArrive{0%{opacity:0;transform:translateY(18px) scale(.97);filter:blur(4px)}70%{opacity:1;transform:translateY(-2px) scale(1);filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-height: 900px) and (min-width: 980px){.site-shell{padding-bottom:0}.site-header{min-height:76px}.showcase-main,.device-stage{min-height:calc(100svh - 94px)}.narrative-copy h1{font-size:clamp(44px,4.4vw,66px)}.story-detail{margin-top:30px}.narrative{padding:12px 0 30px}}@media (max-height: 760px) and (min-width: 980px){.site-shell{padding-bottom:0}.site-header{min-height:68px}.showcase-main,.device-stage{min-height:calc(100svh - 68px)}.narrative{padding:4px 0 14px}.narrative-copy h1{font-size:clamp(42px,4.2vw,54px)}.story-lead{margin-top:17px;font-size:14px;line-height:1.65}.story-detail{margin-top:20px;padding-top:17px}.story-detail h2{font-size:18px}.story-detail>p{margin-top:7px;font-size:12px;line-height:1.65}.proof-line{margin-top:10px}.scene-nav{margin-top:15px}.scene-button{min-height:44px}.demo-actions{margin-top:14px}.primary-action,.secondary-action{min-height:44px}.data-note{margin-top:12px}.device-stage figcaption{margin-top:10px}}@media (max-width: 1180px){.site-shell{padding-inline:30px}.showcase-main,.site-shell[data-mode=admin] .showcase-main{grid-template-columns:minmax(330px,.82fr) minmax(480px,1.18fr);gap:36px}.site-shell[data-mode=admin] .admin-device{width:100%}.narrative-copy h1{font-size:clamp(44px,5vw,62px)}}@media (max-width: 900px){.site-shell{padding:0 22px 42px}.site-header{min-height:auto;padding:20px 0;grid-template-columns:1fr auto}.surface-switch{grid-column:1 / -1;grid-row:2;justify-self:stretch}.surface-button{flex:1}.runtime-state{grid-column:2;grid-row:1}.showcase-main,.site-shell[data-mode=admin] .showcase-main{min-height:0;grid-template-columns:minmax(0,1fr);gap:26px}.narrative{max-width:720px;padding:34px 0 6px}.narrative-copy h1{max-width:10.5ch;font-size:clamp(46px,10vw,72px)}.story-lead{max-width:42rem}.device-stage{min-height:auto;padding:20px 0 54px}.admin-device{width:100%}.admin-screen iframe{width:100%;height:100%;transform:none}}@media (max-width: 540px){.site-shell{padding-inline:15px}.site-header{gap:14px}.brand-copy small{display:none}.brand-mark{width:38px;height:38px;border-radius:12px}.runtime-state{padding:0 8px;font-size:9px}.narrative-copy h1{font-size:clamp(42px,14vw,62px)}.story-lead{font-size:15px}.story-detail{margin-top:34px}.scene-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.scene-button{width:100%;justify-content:flex-start}.scene-button svg{margin-left:auto}.demo-actions{align-items:stretch}.primary-action,.secondary-action{flex:1;padding-inline:11px}.phone-stage-slot{--phone-scale: .9;width:369px;height:778px}.phone-bezel{border-radius:54px}.phone-bezel iframe,.screen-loader{border-radius:40px}.browser-chrome{grid-template-columns:54px minmax(120px,1fr) 42px;padding-inline:10px}.browser-live{font-size:0}.browser-live i{width:7px;height:7px}.admin-screen{min-height:620px;aspect-ratio:auto}}@media (max-width: 430px){.headline-line{white-space:normal}.narrative-copy h1{max-width:100%;font-size:clamp(38px,11.5vw,50px)}.site-header{grid-template-columns:minmax(0,1fr) auto}.runtime-state{max-width:142px}.runtime-state span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}