:root{--bg: #F7F6F2;--bg-soft: #EFEDE7;--bg-deep: #E8E5DC;--ink: #191917;--ink-2: #55544F;--ink-3: #8C8A82;--line: #E3E1D9;--white: #FFFFFF;--accent: #5B6BD6;--accent-100: #D6DDF6;--accent-200: #B9CBF5;--accent-300: #A9BCF2;--accent-400: #8FA3E8;--accent-ink: #3D4AB5;--accent-600: #3B4CC0;--accent-800: #3A4A8C;--accent-cool: #C9CFF5;--accent-soft: #ECEFFA;--danger: #C0392B;--danger-soft: #FCEAE7;--warn: #C77E2E;--warn-soft: #FBF0E0;--warn-line: #EED9B8;--good: #2E9E72;--good-soft: #E2F5EE;--good-line: #BEE6D6;--viz-green: #5FC9A6;--viz-orange: #E8A95C;--viz-red: #E5736B;--grad-stack: #F3F1F8;--grad-ui: #F1EFF7;--hero-bg: #E9E9EC;--contact-bg: #191917;--contact-ink: #F7F6F2;--nav-bg: rgba(250, 249, 246, .88);--font-sans: "Inter Variable", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--container: 1560px;--gutter: clamp(24px, 4vw, 64px);--section-pad: clamp(96px, 12vh, 160px);--radius: 20px;--radius-sm: 12px;--shadow: 0 1px 2px rgba(25, 25, 23, .04), 0 12px 40px rgba(25, 25, 23, .06);--shadow-lg: 0 2px 4px rgba(25, 25, 23, .05), 0 32px 80px rgba(25, 25, 23, .1);--ease: cubic-bezier(.22, .61, .36, 1)}@media (prefers-color-scheme: dark){:root{--bg: #141416;--bg-soft: #1C1C20;--bg-deep: #26262B;--ink: #EDEDE9;--ink-2: #B8B7B0;--ink-3: #83827B;--line: #2E2E34;--white: #1E1E22;--accent: #8FA3E8;--accent-100: #1E2134;--accent-200: #262A42;--accent-300: #39406E;--accent-400: #5B6BD6;--accent-ink: #A9BCF2;--accent-600: #8FA3E8;--accent-800: #A9BCF2;--accent-cool: #C9CFF5;--accent-soft: #22253A;--danger: #E5736B;--danger-soft: #31201E;--warn: #E8A95C;--warn-soft: #31271C;--warn-line: #453922;--good: #5FC9A6;--good-soft: #1B2A25;--good-line: #2C463C;--grad-stack: #17171B;--grad-ui: #16161B;--nav-bg: rgba(20, 20, 23, .88);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 40px rgba(0, 0, 0, .4);--shadow-lg: 0 2px 4px rgba(0, 0, 0, .4), 0 32px 80px rgba(0, 0, 0, .5)}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;font-weight:400;letter-spacing:.01em}::selection{background:var(--accent-soft)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}button:focus-visible,a:focus-visible{outline-offset:4px}.container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}.section{padding:var(--section-pad) 0;position:relative}.section-divider-top{position:relative}.section-divider-top:before{content:"";position:absolute;top:0;left:0;right:0;height:140px;pointer-events:none;background:linear-gradient(180deg,var(--bg-deep),transparent)}.eyebrow{font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-3);margin-bottom:24px;font-weight:500}.section-title{font-size:clamp(34px,4.4vw,72px);font-weight:600;letter-spacing:-.02em;line-height:1.05}.section-sub{font-size:17px;color:var(--ink-2);max-width:640px;margin-top:24px;font-weight:400}.p-stat b,.about-stat strong,.kpi strong,.pain strong,.viz-hero strong,.mseg strong,.delta-item b,.delta-item strong,.lat b,.bar b,.pp-param span,.ergo strong,.market-item strong{font-variant-numeric:tabular-nums}.scroll-title{display:flex;flex-direction:column}.scroll-title .st-line{display:block}.scroll-title .st-line-em{color:var(--accent-ink)}.scroll-title .st-ch{display:inline-block}.scroll-title .st-ch-em{color:var(--accent-ink)}@supports (animation-timeline: view()){.scroll-title .st-ch{opacity:0;transform:translateY(22px);animation:stRise .3s var(--ease) both;animation-timeline:view();animation-range:entry 0% entry 45%;animation-delay:calc(var(--i) * 45ms)}@keyframes stRise{to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.scroll-title .st-ch{animation:none;opacity:1;transform:none}}}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .3s var(--ease),transform .3s var(--ease)}.js .reveal.in{opacity:1;transform:none}.reveal-d1{transition-delay:.08s}.reveal-d2{transition-delay:.16s}.reveal-d3{transition-delay:.24s}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:999px;font-size:15px;font-weight:500;border:1px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer;transition:all .2s var(--ease)}.btn:hover{border-color:var(--ink);transform:translateY(-2px)}.btn-solid{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn-solid:hover{background:var(--accent-ink);border-color:var(--accent-ink)}.tag{display:inline-block;font-size:12px;font-weight:500;color:var(--ink-2);background:var(--bg-soft);padding:6px 14px;border-radius:999px;letter-spacing:.02em}section[id]{scroll-margin-top:70px}[data-anim]{opacity:0}.js [data-anim].in{opacity:1;transition:opacity .3s var(--ease)}[data-anim=bar],[data-anim=fill]{opacity:1}[data-anim=bar] i,[data-anim=fill] i{width:0!important;transition:width .3s var(--ease) .05s}[data-anim=bar].in i,[data-anim=fill].in i{width:var(--w)!important}[data-anim=stagger]>*{opacity:0;transform:translateY(16px);transition:opacity .3s var(--ease),transform .3s var(--ease)}.js [data-anim=stagger].in>*{opacity:1;transform:none}[data-anim=stagger].in>*:nth-child(1){transition-delay:.02s}[data-anim=stagger].in>*:nth-child(2){transition-delay:.04s}[data-anim=stagger].in>*:nth-child(3){transition-delay:.06s}[data-anim=stagger].in>*:nth-child(4){transition-delay:.08s}[data-anim=stagger].in>*:nth-child(5){transition-delay:.1s}[data-anim=stagger].in>*:nth-child(6){transition-delay:.12s}[data-anim=stagger].in>*:nth-child(7){transition-delay:.14s}[data-anim=stagger].in>*:nth-child(8){transition-delay:.16s}[data-anim=stagger].in>*:nth-child(9){transition-delay:.18s}[data-anim=stagger].in>*:nth-child(10){transition-delay:.2s}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:200;background:linear-gradient(90deg,var(--accent-400),var(--accent-ink));transform-origin:0 50%;transform:scaleX(0)}.stack-card.stack-card,.r-b.r-b,.bento-card.bento-card,.market-item.market-item,.b-return.b-return,.pain.pain,.mseg.mseg,.bar.bar,.rg2.rg2,.src-box.src-box,.ergo.ergo,.cmf.cmf,.def-step.def-step,.def-badge.def-badge,.flow-step.flow-step,.d-step.d-step,.shot-frame.shot-frame,.ev-link.ev-link{transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease),background-color .2s var(--ease)}@media (hover: hover){.stack-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.stack-card .stack-ico{transition:transform .2s var(--ease);transform-origin:center}.stack-card:hover .stack-ico{transform:rotate(-6deg) scale(1.12)}.market-item:hover{transform:translateY(-2px)}.market-item strong{transition:color .2s var(--ease),transform .2s var(--ease);display:inline-block}.market-item:hover strong{transform:scale(1.05);color:var(--accent-ink)}.b-return:hover{transform:translateY(-3px);box-shadow:0 8px 32px #5b6bd62e}.b-return .return-hero strong{transition:transform .2s var(--ease);display:inline-block}.b-return:hover .return-hero strong{transform:scale(1.04)}.r-b:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.r-b .r-txt b{transition:transform .2s var(--ease),color .2s var(--ease);display:inline-block}.r-b:hover .r-txt b{transform:translate(3px);color:var(--accent-ink)}.pain{overflow:hidden}.pain:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--danger);border-radius:3px 0 0 3px;transform:scaleY(0);transform-origin:top;transition:transform .2s var(--ease);z-index:1}.pain:hover{transform:translateY(-3px);border-color:var(--danger)}.pain:hover:before{transform:scaleY(1)}.mseg:hover{transform:translateY(-2px);filter:brightness(1.08)}.bar-track{transition:background-color .2s var(--ease)}.bar:hover .bar-track{background-color:var(--accent-soft)}.bar b{transition:color .2s var(--ease)}.bar:hover b{color:var(--accent-ink)}.rg2{transition:opacity .2s var(--ease),border-color .2s var(--ease),box-shadow .6s var(--ease)}.rg2:hover{opacity:1;border-color:var(--accent)}.rg2.pick{transition:opacity .2s var(--ease),box-shadow .6s var(--ease)}.rg2.pick:hover{box-shadow:0 0 0 2px var(--accent),0 12px 36px #5b6bd647}.src-box{transition:transform .2s var(--ease),border-color .2s var(--ease)}.src-box:hover{transform:translateY(-2px);border-color:var(--accent)}.ergo{transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}.ergo:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 4px 16px #0000000a}.ergo strong{transition:transform .2s var(--ease),color .2s var(--ease);display:inline-block}.ergo:hover strong{transform:scale(1.06);color:var(--accent-ink)}.cmf{transition:transform .2s var(--ease),border-color .2s var(--ease)}.cmf:hover{transform:translate(4px);border-bottom-color:var(--accent)}.cmf b{transition:color .2s var(--ease)}.cmf:hover b{color:var(--accent-ink)}.def-step{transition:transform .2s var(--ease),border-color .2s var(--ease)}.def-step:hover{transform:translate(4px);border-color:var(--accent)}.def-badge{transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.def-badge:hover{transform:scale(1.02);box-shadow:0 6px 20px #c0392b33}.verdict{transition:transform .2s var(--ease),background-color .2s var(--ease);display:inline-block}.verdict:hover{transform:scale(1.05);background-color:var(--accent-soft)}.flow-step{transition:transform .2s var(--ease),border-color .2s var(--ease)}.flow-step:hover{transform:translateY(-2px);border-color:var(--accent)}.d-step{transition:transform .2s var(--ease),border-color .2s var(--ease)}.d-step:hover{transform:translate(4px);border-bottom-color:var(--accent)}.d-step b{transition:color .2s var(--ease)}.d-step:hover b{color:var(--accent-ink)}.shot-frame{transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}.shot-frame:hover{border-color:var(--accent)}.meta-line{position:relative}.meta-line:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:2px;height:60%;background:var(--accent);border-radius:2px;transition:transform .3s var(--ease);z-index:1}.meta-line:hover:before{transform:translateY(-50%) scaleY(1)}.meta-line b{transition:color .25s var(--ease)}.meta-line:hover b{color:var(--accent-ink)}.btn:active,.report-link:active,.eval-links a:active,.ev-link:active,.demo-toggle:active,.panel-explore:active{transform:scale(.97)}}.stack-card,.r-b,.bento-card,.shot-frame,.ev-link{overflow:hidden}.stack-card:after,.r-b:after,.bento-card:after,.shot-frame:after,.ev-link:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translate(-100%);pointer-events:none;z-index:1}@media (hover: hover){.stack-card:hover:after,.r-b:hover:after,.bento-card:hover:after,.shot-frame:hover:after,.ev-link:hover:after{transform:translate(100%);transition:transform .3s var(--ease)}}.stack-card,.r-b,.bento-card,.market-item,.b-return,.pain,.mseg,.ergo,.cmf,.shot-frame,.ev-link{position:relative}.stack-card:before,.r-b:before,.bento-card:before,.market-item:before,.b-return:before,.pain:before,.mseg:before,.ergo:before,.cmf:before,.shot-frame:before,.ev-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(360px circle at var(--mx, 50%) var(--my, 50%),rgba(91,107,214,.2),transparent 60%);opacity:0;transition:opacity .2s var(--ease);pointer-events:none;z-index:0}@media (hover: hover){.stack-card:hover:before,.r-b:hover:before,.bento-card:hover:before,.market-item:hover:before,.b-return:hover:before,.pain:hover:before,.mseg:hover:before,.ergo:hover:before,.cmf:hover:before,.shot-frame:hover:before,.ev-link:hover:before{opacity:1}}@media (prefers-color-scheme: dark){.stack-card:before,.r-b:before,.bento-card:before,.market-item:before,.b-return:before,.pain:before,.mseg:before,.ergo:before,.cmf:before,.shot-frame:before,.ev-link:before{background:radial-gradient(360px circle at var(--mx, 50%) var(--my, 50%),rgba(143,163,232,.22),transparent 60%)}}@media (prefers-color-scheme: dark){.stack-card:after,.r-b:after,.bento-card:after,.shot-frame:after,.ev-link:after{background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%)}}@media (prefers-reduced-motion: reduce){[data-anim],.js .reveal,[data-anim=stagger]>*,[data-anim=bar] i{opacity:1!important;transform:none!important;transition:none!important;width:var(--w, auto)!important}.scroll-progress{display:none}.stack-card,.r-b,.bento-card,.market-item,.b-return,.pain,.mseg,.bar,.rg2,.src-box,.ergo,.cmf,.def-step,.def-badge,.flow-step,.d-step,.shot-frame,.ev-link,.meta-line,.verdict{transform:none!important}.stack-card:after,.r-b:after,.bento-card:after,.shot-frame:after,.ev-link:after,.stack-card:before,.r-b:before,.bento-card:before,.market-item:before,.b-return:before,.pain:before,.mseg:before,.ergo:before,.cmf:before,.shot-frame:before,.ev-link:before{transition:none!important;opacity:0!important;transform:translate(-100%)!important}.stack-card:hover:before,.r-b:hover:before,.bento-card:hover:before,.market-item:hover:before,.b-return:hover:before,.pain:hover:before,.mseg:hover:before,.ergo:hover:before,.cmf:hover:before,.shot-frame:hover:before,.ev-link:hover:before{opacity:.9!important}.pain:before,.meta-line:before{transform:scaleY(1)!important}}.ph-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1.5px dashed var(--line);border-radius:var(--radius-sm);background:var(--bg-soft);color:var(--ink-3);text-align:center;padding:14px;min-height:96px}.ph-slot b{font-size:14px;color:var(--ink-2);font-weight:650}.ph-slot em{font-style:normal;font-size:11px;letter-spacing:.1em;color:var(--ink-3);line-height:1.6}.ph-slot .ph-ico{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--white);border:1px solid var(--line);color:var(--accent-ink);flex:none}.ph-slot-4x3{aspect-ratio:4 / 3}.ph-slot-16x9{aspect-ratio:16 / 9}.ph-slot-square{aspect-ratio:1 / 1}.ph-slot-phone{aspect-ratio:9 / 19.5}.ph-slot-portrait{aspect-ratio:3 / 3.55}@media (prefers-reduced-motion: reduce){.ph-slot{transition:none}}
