:root{--bg:#030305;--bg-elevated:#0a0a0f;--bg-card:#ffffff05;--bg-card-hover:#ffffff0d;--text:#f0f0f5;--text-secondary:#8b8b9e;--text-tertiary:#4a4a5e;--blue:#3b82f6;--blue-glow:#3b82f640;--purple:#8b5cf6;--purple-glow:#8b5cf633;--cyan:#06b6d4;--green:#10b981;--red:#ef4444;--amber:#f59e0b;--border:#ffffff0f;--border-active:#ffffff1f;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--cut-sm:6px;--cut-md:10px;--cut-lg:16px;--cut-xl:24px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 32px #0006;--code-bg:#0006}[data-theme=light]{--bg:#f5f5f7;--bg-elevated:#fff;--bg-card:#00000006;--bg-card-hover:#0000000d;--text:#1a1a2e;--text-secondary:#555570;--text-tertiary:#8888a0;--blue:#2563eb;--blue-glow:#2563eb26;--purple:#7c3aed;--purple-glow:#7c3aed1f;--cyan:#0891b2;--green:#059669;--red:#dc2626;--amber:#d97706;--border:#00000014;--border-active:#00000026;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 8px 32px #00000014;--code-bg:#0000000a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit}.clip-sm{clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%)}.clip-md{clip-path:polygon(var(--cut-md) 0%, 100% 0%, calc(100% - var(--cut-md)) 100%, 0% 100%)}.clip-lg{clip-path:polygon(var(--cut-lg) 0%, 100% 0%, calc(100% - var(--cut-lg)) 100%, 0% 100%)}.nav{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);border-bottom:1px solid var(--border);background:#030305bf;width:100%;position:fixed;top:0;left:0}[data-theme=light] .nav{background:#f5f5f7cc}.navInner{justify-content:space-between;align-items:center;gap:20px;max-width:1400px;height:60px;margin:0 auto;padding:0 40px;display:flex}.brand{flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}.brandMark{clip-path:polygon(15% 0%,100% 0%,85% 100%,0% 100%);background:linear-gradient(135deg,#3b82f626,#8b5cf626);border:1px solid #3b82f640;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:relative}.brandText{flex-direction:column;display:flex}.brandName{font-family:var(--font-display);letter-spacing:.02em;font-size:17px;font-weight:700;line-height:1.1}.brandTag{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.12em;text-transform:uppercase;font-size:10px}.navActions{scrollbar-width:none;flex:1;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.navActions::-webkit-scrollbar{display:none}.navLink{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;padding:6px 16px;font-size:14px;font-weight:500;transition:color .2s,background-color .2s}.navLink:hover,.navLinkActive{color:var(--text);background:#ffffff0a}.navDivider{background:var(--border);width:1px;height:18px;margin:0 4px}.navLinkAnchor{color:var(--text-tertiary);font-size:12px;text-decoration:none}.navLinkAnchor:hover{color:var(--text-secondary)}.themeToggle{border:1px solid var(--border);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all .3s var(--ease-out-expo);clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.themeToggle:hover{color:var(--text);border-color:var(--border-active);background:var(--bg-card-hover)}.themeToggle svg{width:18px;height:18px;transition:transform .4s var(--ease-spring)}.themeToggle:hover svg{transform:rotate(30deg)}@media (width<=900px){.navInner{gap:12px;padding:0 20px}.brandTag{display:none}.navLink{padding:6px 12px;font-size:13px}.navLinkAnchor{font-size:11px}}.btn{font-family:var(--font-display);letter-spacing:.01em;cursor:pointer;transition:all .25s var(--ease-out-expo);clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 22px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btnPrimary{background:linear-gradient(135deg, var(--blue) 0%, var(--purple) 100%);color:#fff;border:none}.btnPrimary:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%);transition:opacity .3s;position:absolute;inset:0}.btnPrimary:hover:before{opacity:1}.btnPrimary:hover{box-shadow:0 8px 32px var(--blue-glow);transform:translateY(-2px)}.btnGhost{border-color:var(--border-active);color:var(--text-secondary);background:0 0}.btnGhost:hover{border-color:var(--text-secondary);color:var(--text);background:#ffffff08}.btnLg{padding:14px 32px;font-size:16px}.btnFull{width:100%}.btnArrow{font-size:18px;transition:transform .2s}.btn:hover .btnArrow{transform:translate(4px)}.container{max-width:1200px;margin:0 auto;padding:0 40px}.section{padding:120px 0}.sectionHead{text-align:center;max-width:720px;margin:0 auto 72px}.sectionLabel{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--blue);align-items:center;gap:8px;margin-bottom:20px;font-size:12px;font-weight:600;display:inline-flex}.sectionLabelDot{background:var(--blue);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:6px;height:6px}.h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 20px;font-size:48px;font-weight:700;line-height:1.1}.h2TwoLine{flex-direction:column;gap:4px;display:flex}.h3{font-family:var(--font-display);letter-spacing:-.02em;font-size:24px;font-weight:600;line-height:1.2}.p{color:var(--text-secondary);font-size:18px;line-height:1.7}.gradText{background:linear-gradient(135deg, var(--text) 20%, var(--blue) 50%, var(--purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradTextBlue{background:linear-gradient(135deg, var(--blue) 0%, var(--cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card{background:var(--bg-card);border:1px solid var(--border);clip-path:polygon(var(--cut-md) 0%, 100% 0%, calc(100% - var(--cut-md)) 100%, 0% 100%);transition:all .35s var(--ease-out-expo);padding:32px;position:relative}.card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#3b82f64d,#0000);height:1px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.card:hover{background:var(--bg-card-hover);border-color:var(--border-active);transform:translateY(-4px)}.card:hover:before{opacity:1}.tag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue);clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);background:#3b82f61a;border:1px solid #3b82f633;align-items:center;gap:6px;padding:4px 14px;font-size:11px;font-weight:600;display:inline-flex}.tagDot{background:currentColor;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px}.codeBlock{background:var(--code-bg);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-secondary);padding:20px 24px;font-size:13px;line-height:1.8;position:relative;overflow-x:auto}.codeBlock:before{content:"";background:linear-gradient(180deg, var(--blue), var(--purple));width:3px;position:absolute;top:0;bottom:0;left:0}.footer{border-top:1px solid var(--border);background:#0000004d;padding:56px 40px 28px}[data-theme=light] .footer{background:#00000005}.footerInner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.footBrand{align-items:center;gap:10px;display:flex}.footText{flex-direction:column;display:flex}.footName{font-family:var(--font-display);font-size:15px;font-weight:600}.footSub{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.05em;font-size:11px}.footLinks{gap:28px;display:flex}.footLinks a{color:var(--text-tertiary);font-size:13px;transition:color .2s}.footLinks a:hover{color:var(--text-secondary)}.footContactBtn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;transition:color .2s}.footContactBtn:hover{color:var(--text-secondary)}.footModalOverlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;animation:.2s ease-out footModalFadeIn;display:flex;position:fixed;inset:0}@keyframes footModalFadeIn{0%{opacity:0}to{opacity:1}}.footModalContent{background:var(--bg-elevated);border:1px solid var(--border-active);clip-path:polygon(var(--cut-md) 0, calc(100% - var(--cut-md)) 0, 100% var(--cut-md), 100% 100%, calc(100% - var(--cut-md)) 100%, 0 100%, 0 var(--cut-md));text-align:center;min-width:320px;animation:footModalSlideUp .25s var(--ease-out-expo);padding:40px 48px;position:relative}@keyframes footModalSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.footModalTitle{font:700 18px/1 var(--font-display);color:var(--text);letter-spacing:-.01em;margin-bottom:24px}.footModalBody{flex-direction:column;align-items:center;gap:12px;display:flex}.footModalWechat{clip-path:polygon(var(--cut-sm) 0, 100% 0, calc(100% - var(--cut-sm)) 100%, 0 100%);color:var(--blue);background:#3b82f60f;border:1px solid #3b82f626;align-items:center;gap:10px;padding:12px 24px;display:flex}.footModalWechatId{font:700 18px/1 var(--font-mono);letter-spacing:.02em;color:var(--text);-webkit-user-select:all;user-select:all}.footModalHint{font:400 13px/1 var(--font-body);color:var(--text-tertiary)}.footModalClose{border:1px solid var(--border);width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;clip-path:polygon(var(--cut-sm) 0, 100% 0, calc(100% - var(--cut-sm)) 100%, 0 100%);background:0 0;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.footModalClose:hover{color:var(--text);border-color:var(--border-active)}.footBottom{text-align:center;font-family:var(--font-mono);color:var(--text-tertiary);border-top:1px solid #ffffff08;max-width:1200px;margin-top:40px;margin-left:auto;margin-right:auto;padding-top:24px;font-size:11px}[data-reveal]{opacity:0;transition:opacity .9s var(--ease-out-expo), transform .9s var(--ease-out-expo);transform:translateY(40px)}[data-reveal].is-revealed{opacity:1;transform:translateY(0)}[data-reveal-stagger]>*{opacity:0;transition:opacity .6s var(--ease-out-expo), transform .6s var(--ease-out-expo);transform:translateY(24px)}[data-reveal-stagger].is-revealed>:first-child{opacity:1;transition-delay:0s;transform:translateY(0)}[data-reveal-stagger].is-revealed>:nth-child(2){opacity:1;transition-delay:80ms;transform:translateY(0)}[data-reveal-stagger].is-revealed>:nth-child(3){opacity:1;transition-delay:.16s;transform:translateY(0)}[data-reveal-stagger].is-revealed>:nth-child(4){opacity:1;transition-delay:.24s;transform:translateY(0)}[data-reveal-stagger].is-revealed>:nth-child(5){opacity:1;transition-delay:.32s;transform:translateY(0)}[data-reveal-stagger].is-revealed>:nth-child(6){opacity:1;transition-delay:.4s;transform:translateY(0)}@media (width<=1024px){.navInner,.container{padding:0 24px}.h2{font-size:36px}.section{padding:80px 0}}@media (width<=768px){.navActions{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.navActions::-webkit-scrollbar{display:none}.navLink{padding:6px 8px;font-size:12px}.navInner,.container{padding:0 16px}.footerInner{text-align:center;flex-direction:column;gap:24px}.footLinks{flex-direction:column;gap:12px}.h2{font-size:30px}.p{font-size:16px}.section{padding:60px 0}.sectionHead{margin-bottom:48px}.btn{padding:11px 18px}.btn.btnLg{padding:13px 26px}.footer{padding:32px 16px 20px}}.welcomePage{min-height:100vh;position:relative;overflow:hidden}.heroBg{pointer-events:none;z-index:0;position:fixed;inset:0}.heroBg:before{content:"";background-color:#0000;background-image:linear-gradient(#3b82f608 1px,#0000 1px),linear-gradient(90deg,#3b82f608 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:64px 64px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 30%,#000 20%,#0000 70%);mask-image:radial-gradient(80% 60% at 50% 30%,#000 20%,#0000 70%)}.heroBg:after{content:"";filter:blur(80px);background:radial-gradient(circle,#3b82f60f 0%,#8b5cf608 40%,#0000 70%);width:70vw;height:70vw;animation:16s ease-in-out infinite alternate bgDrift;position:absolute;top:-20%;left:15%}@keyframes bgDrift{0%{opacity:.5;transform:translate(0)scale(1)}to{opacity:.8;transform:translate(4%,6%)scale(1.08)}}.heroSection{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:100px 40px 80px;display:flex;position:relative}.heroLabel{opacity:0;animation:fadeUp .8s var(--ease-out-expo) .15s forwards;align-items:center;gap:12px;margin-bottom:36px;display:inline-flex}.heroLabelTag{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue);clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);background:#3b82f614;border:1px solid #3b82f633;padding:5px 16px;font-size:11px;font-weight:600}.heroLabelDivider{background:linear-gradient(90deg,#0000,#3b82f666,#0000);width:28px;height:1px}.heroLabelSub{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.06em;font-size:11px}.heroTitle{font-family:var(--font-display);letter-spacing:-.04em;opacity:0;max-width:880px;animation:fadeUp .8s var(--ease-out-expo) .3s forwards;margin-bottom:28px;font-size:clamp(42px,6.5vw,78px);font-weight:700;line-height:1.05}.heroTitleGrad{background:linear-gradient(135deg, var(--text) 30%, var(--blue) 70%, var(--purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.heroSub{color:var(--text-secondary);opacity:0;max-width:580px;animation:fadeUp .8s var(--ease-out-expo) .45s forwards;margin-bottom:48px;font-size:19px;line-height:1.75}.heroEm{color:var(--text);font-weight:600}.heroCtas{opacity:0;animation:fadeUp .8s var(--ease-out-expo) .6s forwards;gap:16px;margin-bottom:88px;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pipelineWrap{opacity:0;width:100%;max-width:960px;animation:fadeUp 1s var(--ease-out-expo) .8s forwards}.pipelineRow{flex-wrap:nowrap;justify-content:center;align-items:flex-start;display:flex}.pipelineSegment{flex:none;align-items:flex-start;display:flex}.pipelineNode{cursor:default;flex-direction:column;flex:none;align-items:center;gap:14px;width:152px;min-height:132px;padding:0 10px;display:flex}.pipelineIconBox{background:var(--bg-elevated);border:1px solid var(--border);clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);width:60px;height:60px;transition:all .5s var(--ease-out-expo);justify-content:center;align-items:center;display:flex;position:relative}.pipelineIconBox svg{width:24px;height:24px;transition:all .4s}.pipelineNode.active .pipelineIconBox{border-color:var(--blue);box-shadow:0 0 32px var(--blue-glow);background:#3b82f60f}.pipelineNode.active .pipelineIconBox svg{fill:var(--blue);stroke:var(--blue)}.pipelineNodeLabel{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);text-align:center;font-size:10px;font-weight:600;line-height:1.35;transition:color .4s;display:block}.pipelineNode.active .pipelineNodeLabel{color:var(--blue)}.pipelineNodeTitle{font-family:var(--font-display);max-width:100%;min-height:2.8em;color:var(--text-tertiary);text-align:center;text-wrap:balance;font-size:13px;font-weight:600;line-height:1.4;transition:color .4s;display:block}.pipelineNode.active .pipelineNodeTitle{color:var(--text)}.pipelineConnector{background:#ffffff0f;flex:0 0 40px;height:2px;margin-top:29px;position:relative;overflow:visible}.pipelineConnectorFill{background:linear-gradient(90deg, var(--blue), var(--purple));width:0;height:100%;transition:width .5s var(--ease-out-expo);position:absolute;top:0;left:0}.pipelineConnector.filled .pipelineConnectorFill{width:100%}.pipelinePacket{background:var(--blue);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);opacity:0;width:10px;height:10px;box-shadow:0 0 12px var(--blue-glow);pointer-events:none;position:absolute;top:50%;left:0;transform:translateY(-50%)}.pipelineConnector.animating .pipelinePacket{animation:packetFly .7s var(--ease-out-expo) forwards}@keyframes packetFly{0%{opacity:0;left:-5px}15%{opacity:1}85%{opacity:1}to{opacity:0;left:calc(100% - 5px)}}.terminalWrap{max-width:680px;margin-top:48px;margin-left:auto;margin-right:auto}.terminal{background:var(--code-bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.terminalBar{background:var(--code-bg);border-bottom:1px solid var(--border);align-items:center;gap:7px;padding:10px 16px;display:flex}.termDot{border-radius:50%;width:10px;height:10px}.termDot.r{background:#ef4444}.termDot.y{background:#f59e0b}.termDot.g{background:#22c55e}.termBarLabel{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.06em;margin-left:auto;font-size:10px}.terminalBody{font-family:var(--font-mono);min-height:140px;padding:20px 24px;font-size:13px;line-height:2}.termLine{opacity:0;transform:translate(-6px)}.termLine.visible{animation:termLineIn .4s var(--ease-out-expo) forwards}.termKey{color:var(--blue)}.termVal{color:var(--text-secondary)}.termPunct{color:var(--text-tertiary)}.termComment{color:var(--text-tertiary);font-style:italic}.termHighlight{color:var(--green);font-weight:600}.termCursor{background:var(--blue);vertical-align:text-bottom;width:8px;height:16px;animation:1s step-end infinite cursorBlink;display:inline-block}@keyframes termLineIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.capSection{z-index:1;padding:0 40px 140px;position:relative}.capSectionHead{text-align:center;opacity:0;max-width:600px;transition:opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo);margin:0 auto 64px;transform:translateY(24px)}.capSectionHead.revealed{opacity:1;transform:translateY(0)}.capSectionLabel{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--blue);justify-content:center;align-items:center;gap:10px;margin-bottom:16px;font-size:11px;font-weight:600;display:flex}.capSectionLabelDot{background:var(--blue);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:6px;height:6px;box-shadow:0 0 8px var(--blue-glow)}.capSectionTitle{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:16px;font-size:40px;font-weight:700;line-height:1.15}.capSectionSub{color:var(--text-secondary);font-size:17px;line-height:1.7}.capGrid{grid-template-columns:repeat(4,1fr);gap:2px;max-width:1200px;margin:0 auto;display:grid}.capCard{background:var(--bg-card);border:1px solid var(--border);transition:all .4s var(--ease-out-expo);clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%);opacity:0;padding:36px 28px;position:relative;overflow:hidden;transform:translateY(20px)}.capCard.revealed{opacity:1;transform:translateY(0)}.capCard:before{content:"";background:linear-gradient(90deg, var(--blue), var(--purple));transform-origin:0;height:2px;transition:transform .5s var(--ease-out-expo);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.capCard:hover:before{transform:scaleX(1)}.capCard:hover{background:var(--bg-card-hover);border-color:var(--border-active);transform:translateY(-4px)}.capNum{font-family:var(--font-mono);color:var(--blue);letter-spacing:.1em;align-items:center;gap:10px;margin-bottom:24px;font-size:11px;font-weight:700;display:flex}.capNumLine{background:var(--border);flex:1;height:1px}.capIconBox{clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);background:#3b82f60f;border:1px solid #3b82f61f;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:20px;display:flex}.capIconBox svg{fill:none;width:22px;height:22px;stroke:var(--blue);stroke-width:1.8px}.capTitle{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:10px;font-size:17px;font-weight:600}.capDesc{color:var(--text-secondary);font-size:14px;line-height:1.7}.bottomSection{z-index:1;text-align:center;padding:60px 40px 140px;position:relative}.bottomQuote{font-family:var(--font-display);letter-spacing:-.03em;max-width:780px;margin:0 auto 20px;font-size:clamp(28px,4vw,48px);font-weight:700;line-height:1.2}.bottomSub{color:var(--text-secondary);max-width:480px;margin:0 auto 44px;font-size:17px;line-height:1.7}[data-theme=light] .heroBg:before{opacity:.3}[data-theme=light] .heroBg:after{opacity:.2}[data-theme=light] .terminal{background:var(--bg-elevated);box-shadow:var(--shadow-sm)}[data-theme=light] .terminalBar{background:#00000008}[data-theme=light] .pipelineIconBox{background:var(--bg-elevated);box-shadow:var(--shadow-sm)}@media (width<=1024px){.capGrid{grid-template-columns:repeat(2,1fr)}.pipelineRow{flex-wrap:wrap;justify-content:center;gap:20px}.pipelineSegment{justify-content:center}.pipelineConnector{display:none}}@media (width<=768px){.heroSection{padding:80px 20px 40px}.heroTitle{font-size:36px}.heroCtas{flex-direction:column;width:100%;max-width:320px}.capSection{padding:0 16px 80px}.capGrid{grid-template-columns:1fr}.pipelineWrap{display:block}.pipelineRow{display:none}.terminalWrap{margin-top:0}.capSectionTitle{font-size:30px}.bottomSection{padding:40px 20px 80px}}@media (width<=480px){.heroSection{padding:70px 16px 32px}.heroTitle{letter-spacing:-.03em;font-size:28px}.heroSub{margin-bottom:28px;font-size:16px}.heroCtas{gap:10px;margin-bottom:36px}.heroCtas .btn{text-align:center;width:100%;max-width:280px}.capSectionTitle{font-size:24px}.capSectionSub{font-size:15px}.capCard{padding:24px 18px}.bottomSection{padding:32px 16px 60px}}.aboutPage{background:var(--bg);min-height:100vh;color:var(--text);overflow-x:hidden}.aboutBg{z-index:-1;pointer-events:none;position:fixed;inset:0}.aboutBg:before{content:"";background-color:#0000;background-image:linear-gradient(#3b82f606 1px,#0000 1px),linear-gradient(90deg,#3b82f606 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:64px 64px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 50% at 50% 20%,#000 10%,#0000 70%);mask-image:radial-gradient(80% 50% at 50% 20%,#000 10%,#0000 70%)}.aboutBg .orbA{filter:blur(100px);background:radial-gradient(circle,#3b82f60d 0%,#0000 60%);width:60vw;height:60vw;animation:20s ease-in-out infinite alternate orbFloat;position:absolute;top:-15%;right:-5%}.aboutBg .orbB{filter:blur(100px);background:radial-gradient(circle,#8b5cf60a 0%,#0000 60%);width:50vw;height:50vw;animation:25s ease-in-out infinite alternate-reverse orbFloat;position:absolute;bottom:-10%;left:-10%}@keyframes orbFloat{0%{transform:translate(0)}to{transform:translate(30px,40px)}}.aboutHero{text-align:center;flex-direction:column;align-items:center;padding:140px 0 100px;display:flex;position:relative}.aboutHeroBadge{align-items:center;gap:12px;margin-bottom:36px;display:inline-flex}.aboutHeroTag{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue);clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);background:#3b82f614;border:1px solid #3b82f633;padding:5px 16px;font-size:11px;font-weight:600}.aboutHeroDivider{background:linear-gradient(90deg,#0000,#3b82f666,#0000);width:28px;height:1px}.aboutHeroSubtag{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.06em;font-size:11px}.aboutHeroTitle{font-family:var(--font-display);letter-spacing:-.04em;margin-bottom:24px;font-size:clamp(36px,5.5vw,64px);font-weight:700;line-height:1.1}.aboutHeroSub{color:var(--text-secondary);max-width:640px;margin:0 auto 48px;font-size:19px;line-height:1.7}.aboutHeroCtas{justify-content:center;gap:16px;display:flex}.scrollHint{opacity:.3;flex-direction:column;align-items:center;gap:8px;margin-top:80px;animation:2.5s ease-in-out infinite scrollHintPulse;display:flex}.scrollHintLine{background:linear-gradient(180deg, var(--text-secondary), transparent);width:1px;height:40px}.scrollHintText{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.1em;text-transform:uppercase;font-size:10px}@keyframes scrollHintPulse{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:.5;transform:translateY(4px)}}.compareSection{padding:120px 0}.compareGrid{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;max-width:1000px;margin:0 auto;display:grid}.compareCol{border:1px solid var(--border);padding:40px 36px;position:relative}.compareCol:first-child{clip-path:polygon(0 0,100% 0,100% 100%,10px 100%);background:#ffffff03}.compareCol:last-child{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 100%,0 100%);background:#3b82f608;border-color:#3b82f626}.compareColHeader{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:600}.compareColOld .compareColHeader{color:var(--text-tertiary)}.compareColNew .compareColHeader{color:var(--blue)}.compareColTitle{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:32px;font-size:22px;font-weight:600}.compareColOld .compareColTitle{color:var(--text-secondary)}.compareRow{border-top:1px solid #ffffff0a;align-items:flex-start;gap:12px;padding:16px 0;display:flex}.compareRow:first-of-type{border-top:none}.compareRowIcon{flex:none;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;font-size:14px;display:flex}.compareRowContent{flex:1}.compareRowLabel{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:11px}.compareRowText{color:var(--text-secondary);font-size:15px;line-height:1.5}.compareColNew .compareRowText{color:var(--text)}.compareDivider{background:var(--bg);z-index:2;justify-content:center;align-items:center;width:60px;display:flex;position:relative}.compareDividerText{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.1em;writing-mode:vertical-lr;text-orientation:mixed;font-size:12px;font-weight:700}.mechSection{padding:120px 0}.mechPipeline{max-width:900px;margin:0 auto;position:relative}.mechPipeline:before{content:"";background:linear-gradient(180deg, var(--blue), var(--purple), var(--cyan), var(--green));opacity:.2;width:2px;position:absolute;top:0;bottom:0;left:32px}.mechItem{grid-template-columns:64px 1fr;gap:32px;padding:48px 0;display:grid;position:relative}.mechItem+.mechItem{border-top:1px solid #ffffff08}.mechItemDot{z-index:2;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.mechItemIcon{background:var(--bg-elevated);border:1px solid var(--border);clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);width:56px;height:56px;transition:all .4s var(--ease-out-expo);justify-content:center;align-items:center;display:flex}.mechItemIcon svg{fill:none;width:24px;height:24px;stroke:var(--blue);stroke-width:1.8px}.mechItem:nth-child(2) .mechItemIcon svg{stroke:var(--purple)}.mechItem:nth-child(3) .mechItemIcon svg{stroke:var(--cyan)}.mechItem:nth-child(4) .mechItemIcon svg{stroke:var(--green)}.mechItem:hover .mechItemIcon{border-color:var(--blue);box-shadow:0 0 24px var(--blue-glow)}.mechItem:nth-child(2):hover .mechItemIcon{border-color:var(--purple);box-shadow:0 0 24px var(--purple-glow)}.mechItem:nth-child(3):hover .mechItemIcon{border-color:var(--cyan);box-shadow:0 0 24px #06b6d440}.mechItem:nth-child(4):hover .mechItemIcon{border-color:var(--green);box-shadow:0 0 24px #10b98140}.mechItemNum{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.1em;font-size:10px;font-weight:700}.mechItemContent{padding-top:8px}.mechItemLabel{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:8px;font-size:11px;font-weight:600}.mechItem:nth-child(2) .mechItemLabel{color:var(--purple)}.mechItem:nth-child(3) .mechItemLabel{color:var(--cyan)}.mechItem:nth-child(4) .mechItemLabel{color:var(--green)}.mechItemTitle{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:12px;font-size:28px;font-weight:700}.mechItemDesc{color:var(--text-secondary);max-width:600px;margin-bottom:20px;font-size:16px;line-height:1.7}.mechApiPreview{border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-secondary);background:#0006;max-width:500px;padding:16px 20px;font-size:13px;line-height:1.8;position:relative}.mechApiPreview:before{content:"";background:var(--blue);width:3px;position:absolute;top:0;bottom:0;left:0}.mechItem:nth-child(2) .mechApiPreview:before{background:var(--purple)}.mechItem:nth-child(3) .mechApiPreview:before{background:var(--cyan)}.mechItem:nth-child(4) .mechApiPreview:before{background:var(--green)}.apiKeyword{color:var(--blue)}.apiString{color:var(--green)}.apiComment{color:var(--text-tertiary);font-style:italic}.platformSection{text-align:center;padding:120px 0}.platformBanner{max-width:1000px;clip-path:polygon(var(--cut-lg) 0%, 100% 0%, calc(100% - var(--cut-lg)) 100%, 0% 100%);background:linear-gradient(135deg,#3b82f60f 0%,#8b5cf60a 100%);border:1px solid #3b82f626;margin:0 auto;padding:64px 48px;position:relative;overflow:hidden}.platformBanner:before{content:"";background-color:#0000;background-image:linear-gradient(#3b82f605 1px,#0000 1px),linear-gradient(90deg,#3b82f605 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.platformTitle{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:20px;font-size:36px;font-weight:700;position:relative}.platformDesc{color:var(--text-secondary);max-width:600px;margin:0 auto 48px;font-size:17px;line-height:1.8;position:relative}.platformCards{grid-template-columns:repeat(4,1fr);gap:2px;display:grid;position:relative}.platformCard{text-align:center;transition:all .35s var(--ease-out-expo);clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%);background:#0000004d;border:1px solid #ffffff0a;padding:28px 20px}.platformCard:hover{background:#ffffff08;border-color:#3b82f633;transform:translateY(-4px)}.platformCardIcon{font-family:var(--font-mono);color:var(--blue);margin-bottom:12px;font-size:20px}.platformCardTitle{font-family:var(--font-display);margin-bottom:6px;font-size:15px;font-weight:600}.platformCardDesc{color:var(--text-tertiary);font-size:13px;line-height:1.5}.caseSection{padding:120px 0}.caseStudy{background:var(--bg-elevated);border:1px solid var(--border);max-width:1000px;clip-path:polygon(var(--cut-md) 0%, 100% 0%, calc(100% - var(--cut-md)) 100%, 0% 100%);margin:0 auto;overflow:hidden}.caseTimeline{border-bottom:1px solid var(--border);display:flex;overflow-x:auto}.caseTimelineBtn{border:none;border-right:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-tertiary);cursor:pointer;text-align:center;background:0 0;flex:1;padding:16px 12px;font-size:11px;font-weight:600;transition:all .3s;position:relative}.caseTimelineBtn:last-child{border-right:none}.caseTimelineBtn:hover{color:var(--text-secondary);background:#ffffff05}.caseTimelineBtn.active{color:var(--blue);background:#3b82f60a}.caseTimelineBtn.active:after{content:"";background:var(--blue);height:2px;position:absolute;bottom:0;left:0;right:0}.caseBody{grid-template-columns:1fr 1fr;min-height:320px;display:grid}.caseBodyLeft{border-right:1px solid var(--border);padding:36px}.caseBodyTitle{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:12px;font-size:22px;font-weight:700}.caseBodyDesc{color:var(--text-secondary);margin-bottom:24px;font-size:15px;line-height:1.7}.caseDataRow{border-top:1px solid #ffffff0a;justify-content:space-between;padding:10px 0;font-size:14px;display:flex}.caseDataKey{color:var(--text-tertiary)}.caseDataVal{color:var(--text);font-weight:500}.caseBodyRight{background:#0003;padding:36px}.caseLogTitle{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);border-bottom:1px solid #ffffff0f;margin-bottom:20px;padding-bottom:12px;font-size:11px;font-weight:600}.caseLogRow{border-top:1px solid #ffffff08;gap:12px;padding:10px 0;font-size:13px;display:flex}.caseLogRow:first-of-type{border-top:none}.caseLogName{font-family:var(--font-mono);white-space:nowrap;flex:none;min-width:100px;font-weight:600}.caseLogName.blue{color:var(--blue)}.caseLogName.purple{color:var(--purple)}.caseLogName.cyan{color:var(--cyan)}.caseLogName.green{color:var(--green)}.caseLogAction{color:var(--text-secondary);line-height:1.5}.hilSection{padding:120px 0}.hilGrid{grid-template-columns:repeat(3,1fr);gap:2px;max-width:1000px;margin:0 auto;display:grid}.hilCard{background:var(--bg-card);border:1px solid var(--border);clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%);transition:all .35s var(--ease-out-expo);padding:36px 28px}.hilCard:hover{background:var(--bg-card-hover);border-color:var(--border-active);transform:translateY(-4px)}.hilCardIcon{clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);background:#3b82f60f;border:1px solid #3b82f61f;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:20px;display:flex}.hilCardIcon svg{fill:none;width:22px;height:22px;stroke:var(--blue);stroke-width:1.8px}.hilCardTitle{font-family:var(--font-display);margin-bottom:10px;font-size:17px;font-weight:600}.hilCardDesc{color:var(--text-secondary);font-size:14px;line-height:1.7}.archSection{padding:120px 0}.archBox{background:var(--bg-elevated);border:1px solid var(--border);max-width:1000px;clip-path:polygon(var(--cut-lg) 0%, 100% 0%, calc(100% - var(--cut-lg)) 100%, 0% 100%);margin:0 auto;padding:56px 48px;position:relative;overflow:hidden}.archBox:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.archHead{text-align:center;margin-bottom:48px;position:relative}.archBadge{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text);clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);background:#ffffff0f;border:1px solid #ffffff1f;margin-bottom:20px;padding:4px 14px;font-size:11px;font-weight:600;display:inline-block}.archLayers{flex-direction:column;gap:4px;display:flex;position:relative}.archLayer{clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);background:#ffffff05;border:1px solid #ffffff0a;grid-template-columns:180px 1fr;gap:24px;padding:20px 24px;transition:all .3s;display:grid}.archLayer:hover{background:#ffffff0a;border-color:#ffffff14}.archLayerName{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.archLayerDot{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:8px;height:8px}.archLayerDesc{color:var(--text-secondary);font-size:14px;line-height:1.6}.pricingSection{padding:120px 0}.pricingGrid{grid-template-columns:repeat(3,1fr);gap:2px;max-width:1000px;margin:0 auto;display:grid}.priceCard{background:var(--bg-card);border:1px solid var(--border);clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%);transition:all .35s var(--ease-out-expo);flex-direction:column;padding:40px 32px;display:flex;position:relative}.priceCard:hover{background:var(--bg-card-hover);transform:translateY(-4px)}.priceCard.featured{background:#3b82f60a;border-color:#3b82f633}.priceCard.featured:before{content:"";background:linear-gradient(90deg, var(--blue), var(--purple));height:2px;position:absolute;top:0;left:0;right:0}.priceBadge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--blue);clip-path:polygon(0 0,100% 0,calc(100% - 4px) 100%,4px 100%);padding:4px 12px;font-size:10px;font-weight:700;position:absolute;top:-1px;right:32px}.priceHead{margin-bottom:24px}.priceName{font-family:var(--font-display);margin-bottom:4px;font-size:20px;font-weight:600}.priceTag{color:var(--text-tertiary);font-size:13px}.priceAmount{align-items:baseline;gap:4px;margin-bottom:32px;display:flex}.priceCurrency{color:var(--text-secondary);padding-bottom:4px;font-size:16px}.priceNum{font-family:var(--font-display);letter-spacing:-.03em;font-size:48px;font-weight:700}.priceUnit{color:var(--text-tertiary);font-size:14px}.priceFeatures{flex-direction:column;flex:1;gap:12px;margin:0 0 28px;padding:0;list-style:none;display:flex}.priceFeatures li{color:var(--text-secondary);gap:10px;font-size:14px;display:flex}.priceCheck{color:var(--green);flex:none;font-weight:700}.visionSection{padding:120px 0;position:relative;overflow:hidden}.visionSection:before{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#8b5cf626 15%,#3b82f61a 50%,#06b6d426 85%,#0000 100%);width:1px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.visionTimeline{grid-template-columns:repeat(3,1fr);gap:2px;max-width:1000px;margin:0 auto 80px;display:grid;position:relative}.visionTimelineTrack{background:linear-gradient(90deg, var(--blue), var(--purple), var(--cyan));opacity:.25;height:2px;position:absolute;top:56px;left:10%;right:10%}.visionTimelineNode{text-align:center;z-index:2;padding:20px 16px;position:relative}.visionTimelineYear{font:700 clamp(28px, 4vw, 42px)/1 var(--font-display);letter-spacing:-.03em;margin-bottom:12px}.visionTimelineDot{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:10px;height:10px;transition:all .4s var(--ease-out-expo);margin:0 auto 16px}.visionTimelineNode:hover .visionTimelineDot{transform:scale(1.6)}.visionTimelineLabel{font:600 12px/1 var(--font-mono);letter-spacing:.06em;color:var(--text);margin-bottom:10px}.visionTimelineDesc{font:400 14px/1.7 var(--font-body);color:var(--text-secondary);max-width:260px;margin:0 auto}.visionTimelineNodeActive{clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%);background:#06b6d40a;border:1px solid #06b6d41f}.visionBridge{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;max-width:900px;margin:0 auto 80px;display:grid}.visionBridgeSide{border:1px solid var(--border);padding:36px 28px}.visionBridgeLeft{clip-path:polygon(0 0, 100% 0, 100% 100%, var(--cut-md) 100%);background:#8b5cf608;border-color:#8b5cf61f}.visionBridgeRight{clip-path:polygon(0 0, calc(100% - var(--cut-md)) 0, 100% 100%, 0 100%);background:#06b6d408;border-color:#06b6d41f}.visionBridgeSideLabel{font:600 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:8px}.visionBridgeSideTitle{font:700 28px/1.2 var(--font-display);letter-spacing:-.02em;margin-bottom:20px}.visionBridgeLeft .visionBridgeSideTitle{background:linear-gradient(135deg, var(--text) 30%, var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.visionBridgeRight .visionBridgeSideTitle{background:linear-gradient(135deg, var(--text) 30%, var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.visionBridgeItems{flex-direction:column;gap:10px;display:flex}.visionBridgeItem{font:400 14px/1.5 var(--font-body);color:var(--text-secondary);align-items:center;gap:10px;display:flex}.visionBridgeItemDot{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);flex-shrink:0;width:5px;height:5px}.visionBridgeCenter{background:var(--bg);z-index:2;flex-direction:column;justify-content:center;align-items:center;width:160px;padding:32px 16px;display:flex;position:relative}.visionBridgeCenterLabel{font:700 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:16px}.visionBridgeCenterIcon{width:64px;height:64px;margin-bottom:16px}.visionBridgeCenterIcon svg{width:100%;height:100%}.visionBridgeCenterText{font:italic 13px/1.7 var(--font-body);color:var(--text-secondary);text-align:center}.visionBridgePulse{pointer-events:none;background:radial-gradient(circle,#3b82f60f 0%,#0000 70%);width:120px;height:120px;animation:3s ease-in-out infinite bridgePulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes bridgePulse{0%,to{opacity:.3;transform:translate(-50%,-50%)scale(.8)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.2)}}.visionCompiler{grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1000px;margin:0 auto 80px;display:grid}.visionCompilerLoop{width:100%;padding-top:100%;position:relative}.visionLoopCenter{width:40%;height:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.visionLoopRing{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);border:1px solid #ffffff0f;width:100%;height:100%;animation:20s linear infinite loopSpin}@keyframes loopSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.visionLoopArrows{width:100%;height:100%;position:absolute;inset:0}.visionLoopNode{text-align:center;z-index:3;position:absolute}.visionLoopNode--top{top:4%;left:50%;transform:translate(-50%)}.visionLoopNode--right{top:50%;right:2%;transform:translateY(-50%)}.visionLoopNode--bottom{bottom:4%;left:50%;transform:translate(-50%)}.visionLoopNode--left{top:50%;left:2%;transform:translateY(-50%)}.visionLoopNodeDot{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:10px;height:10px;margin:0 auto 8px}.visionLoopNodeLabel{font:600 15px/1.2 var(--font-display);color:var(--text);white-space:nowrap;margin-bottom:2px}.visionLoopNodeSub{font:600 10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.visionCompilerMeta{border:1px solid var(--border);background:var(--bg-elevated);clip-path:polygon(var(--cut-md) 0%, 100% 0%, calc(100% - var(--cut-md)) 100%, 0% 100%);padding:40px;position:relative;overflow:hidden}.visionCompilerMeta:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.visionCompilerMetaTitle{font:700 24px/1.2 var(--font-display);letter-spacing:-.02em;margin-bottom:12px;position:relative}.visionCompilerMetaDesc{font:400 15px/1.7 var(--font-body);color:var(--text-secondary);margin-bottom:28px;position:relative}.visionCompilerMapping{flex-direction:column;gap:12px;display:flex;position:relative}.visionCompilerMapRow{clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%);background:#0000004d;border:1px solid #ffffff0a;grid-template-columns:1fr 24px 1fr;align-items:center;padding:12px 16px;display:grid}.visionCompilerMapFrom{font:400 14px/1 var(--font-body);color:var(--text)}.visionCompilerMapArrow{text-align:center;font:700 14px/1 var(--font-mono)}.visionCompilerMapTo{font:600 13px/1 var(--font-mono);letter-spacing:.04em}.visionNetwork{max-width:1000px;margin:0 auto 80px}.visionNetBox{border:1px solid var(--border);background:var(--bg-elevated);clip-path:polygon(var(--cut-lg) 0%, 100% 0%, calc(100% - var(--cut-lg)) 100%, 0% 100%);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-bottom:32px;padding:48px;display:grid;position:relative;overflow:hidden}.visionNetBox:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#3b82f604 1px,#0000 1px),linear-gradient(90deg,#3b82f604 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.visionNetSingle{text-align:center;position:relative}.visionNetNode{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);margin:0 auto}.visionNetNodeLarge{background:linear-gradient(135deg, var(--blue), var(--purple));width:48px;height:48px;margin-bottom:16px}.visionNetSingleLabel{font:600 17px/1.2 var(--font-display);margin-bottom:4px;position:relative}.visionNetSingleSub{font:400 13px/1.4 var(--font-body);color:var(--text-tertiary);position:relative}.visionNetArrow{justify-content:center;align-items:center;width:80px;display:flex;position:relative}.visionNetArrow svg{width:80px;height:24px}.visionNetMesh{text-align:center;position:relative}.visionNetMeshGrid{grid-template-rows:repeat(3,24px);grid-template-columns:repeat(3,24px);justify-content:center;gap:12px;margin-bottom:16px;display:grid;position:relative}.visionNetMeshGrid:before{content:"";clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);border:1px solid #3b82f626;position:absolute;inset:8px}.visionNetMeshGrid:after{content:"";border:1px dashed #8b5cf61a;position:absolute;inset:-4px}.visionNetNodeSmall{z-index:2;background:#3b82f64d;width:24px;height:24px;animation:2.5s ease-in-out infinite meshNodePulse;position:relative}@keyframes meshNodePulse{0%,to{opacity:.4}50%{opacity:1}}.visionNetMeshLabel{font:600 17px/1.2 var(--font-display);margin-bottom:4px;position:relative}.visionNetMeshSub{font:400 13px/1.4 var(--font-body);color:var(--text-tertiary);position:relative}.visionNetCaption{text-align:center;font:400 18px/1.8 var(--font-body);color:var(--text-secondary)}.visionClosing{text-align:center}.visionClosingInner{flex-direction:column;align-items:center;gap:32px;max-width:700px;margin:0 auto;display:flex}.visionClosingLine{background:linear-gradient(90deg, transparent, var(--purple), transparent);width:40px;height:1px}.visionClosingText{font:700 clamp(22px, 3.5vw, 34px)/1.4 var(--font-display);letter-spacing:-.02em;color:var(--text)}@media (width<=1024px){.visionCompiler{grid-template-columns:1fr;gap:32px}.visionCompilerLoop{max-width:360px;margin:0 auto}.visionBridge{gap:0}.visionBridgeCenter{width:120px;padding:24px 12px}.visionBridgeCenterIcon{width:48px;height:48px}}@media (width<=768px){.visionSection{padding:80px 0}.visionSection:before{display:none}.visionTimeline{grid-template-columns:1fr;gap:0;margin-bottom:60px}.visionTimelineTrack{background:linear-gradient(180deg, var(--blue), var(--purple), var(--cyan));width:2px;height:auto;inset:0 auto 0 20px}.visionTimelineNode{text-align:left;padding:20px 20px 20px 48px}.visionTimelineDot{margin:0;position:absolute;top:28px;left:14px}.visionTimelineDesc{max-width:none;margin:0}.visionBridge{grid-template-columns:1fr;gap:0}.visionBridgeLeft,.visionBridgeRight{clip-path:none}.visionBridgeCenter{flex-direction:row;gap:16px;width:100%;padding:24px 16px}.visionBridgeCenterText{text-align:left}.visionCompilerLoop{max-width:280px}.visionNetBox{clip-path:none;grid-template-columns:1fr;gap:32px;padding:32px 24px}.visionNetArrow{transform:rotate(90deg)}.visionCompilerMeta{padding:28px 20px}}@media (width<=480px){.visionBridgeSide{padding:24px 16px}.visionBridgeSideTitle{font-size:22px}.visionCompilerMeta{clip-path:none;padding:20px 14px}.visionNetBox{clip-path:none;padding:24px 14px}.visionClosingText{font-size:20px}.visionNetCaption{padding:0 8px;font-size:16px}}.faqSection{padding:120px 0}.faqList{flex-direction:column;gap:4px;max-width:800px;margin:0 auto 80px;display:flex}.faqItem{background:var(--bg-card);border:1px solid var(--border);clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%);overflow:hidden}.faqQ{cursor:pointer;font-family:var(--font-display);justify-content:space-between;align-items:center;padding:20px 24px;font-size:15px;font-weight:600;list-style:none;transition:background .2s;display:flex}.faqQ::-webkit-details-marker{display:none}.faqQ:hover{background:#ffffff05}.faqA{color:var(--text-secondary);border-top:1px solid #ffffff0a;margin:0;padding:16px 24px 20px;font-size:15px;line-height:1.7}.finalCta{max-width:900px;clip-path:polygon(var(--cut-lg) 0%, 100% 0%, calc(100% - var(--cut-lg)) 100%, 0% 100%);background:linear-gradient(135deg,#3b82f60f 0%,#8b5cf60a 100%);border:1px solid #3b82f626;justify-content:space-between;align-items:center;margin:0 auto;padding:56px 48px;display:flex}.finalCtaTitle{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:8px;font-size:28px;font-weight:700}.finalCtaDesc{color:var(--text-secondary);font-size:15px}.finalCtaRight{flex-shrink:0;gap:16px;display:flex}.scenarioSection{padding:120px 0}.scenarioGrid{grid-template-columns:repeat(3,1fr);gap:2px;max-width:1000px;margin:0 auto;display:grid}.scenarioCard{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%);transition:all .35s var(--ease-out-expo);padding:32px 24px;position:relative}.scenarioCard:hover{background:var(--bg-card-hover);border-color:var(--blue);transform:translateY(-4px);box-shadow:0 8px 32px #3b82f61a}.scenarioQ{font-family:var(--font-display);margin-bottom:12px;font-size:17px;font-weight:600;line-height:1.4}.scenarioA{color:var(--text-secondary);border-top:1px solid #ffffff0a;padding-top:12px;font-size:14px;line-height:1.6}.scenarioTip{font-family:var(--font-mono);color:var(--blue);opacity:0;margin-top:16px;font-size:12px;transition:all .3s;transform:translate(-8px)}.scenarioCard:hover .scenarioTip{opacity:1;transform:translate(0)}.mechItemClickable{transition:all .3s}.mechItemClickable:hover{background:#ffffff03}.mechItemTip{font-family:var(--font-mono);color:var(--blue);opacity:0;margin-top:12px;font-size:12px;transition:all .3s;transform:translate(-8px)}.mechItemClickable:hover .mechItemTip{opacity:1;transform:translate(0)}.chatDemo{text-align:left;max-width:860px;margin:0 auto}.chatTabs{flex-wrap:wrap;justify-content:center;gap:4px;margin-bottom:20px;display:flex}.chatTab{border:1px solid var(--border);color:var(--text-tertiary);cursor:pointer;font-family:var(--font-mono);clip-path:polygon(3px 0%,100% 0%,calc(100% - 3px) 100%,0% 100%);white-space:nowrap;background:#ffffff08;padding:5px 14px;font-size:12px;font-weight:500;transition:all .2s}.chatTab:hover{color:var(--text-secondary);background:#ffffff0f}.chatTabActive{background:var(--blue);color:#fff;border-color:var(--blue)}.chatWindow{border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%);background:#05050ad9;overflow:hidden}.chatWindowBar{border-bottom:1px solid var(--border);background:#0006;align-items:center;gap:7px;padding:10px 16px;display:flex}.chatDot{border-radius:50%;width:10px;height:10px}.chatDotR{background:#ef4444}.chatDotY{background:#f59e0b}.chatDotG{background:#22c55e}.chatWindowTitle{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.04em;margin-left:auto;font-size:10px}.chatBody{flex-direction:column;gap:20px;min-height:320px;max-height:520px;padding:24px;display:flex;overflow-y:auto}.chatRow{animation:chatSlideIn .3s var(--ease-out-expo)}@keyframes chatSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chatRow--user{justify-content:flex-end;display:flex}.chatRow--ai{justify-content:flex-start;display:flex}.chatRow--agent{justify-content:center;display:flex}.chatBubble{max-width:85%;padding:14px 18px;font-size:14px;line-height:1.6}.chatBubbleUser{background:linear-gradient(135deg, var(--blue), var(--purple));color:#fff;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%)}.chatBubbleAi{border:1px solid var(--border);clip-path:polygon(0 0,calc(100% - 6px) 0%,100% 100%,6px 100%);background:#ffffff0a}.chatFile{font-family:var(--font-mono);background:#00000040;align-items:center;gap:8px;margin-bottom:8px;padding:6px 10px;font-size:12px;display:flex}.chatFileIcon{color:var(--blue);font-weight:700}.chatAgentWrap{flex-direction:column;align-items:center;width:100%;display:flex}.chatAgentToggle{font-family:var(--font-mono);color:var(--purple);cursor:pointer;clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);background:#8b5cf614;border:1px solid #8b5cf633;align-items:center;gap:8px;padding:5px 14px;font-size:12px;transition:all .2s;display:inline-flex}.chatAgentToggle:hover{background:#8b5cf626}.chatAgentIcon{background:var(--purple);width:6px;height:6px;box-shadow:0 0 6px var(--purple);border-radius:50%;animation:1.5s ease-in-out infinite agentPulse}@keyframes agentPulse{0%,to{opacity:1}50%{opacity:.4}}.chatAgentProactive{color:var(--red);letter-spacing:.08em;background:#ef444433;padding:1px 6px;font-size:9px;font-weight:700}.chatChevron{margin-left:4px;font-size:8px;transition:transform .3s}.chatChevron.open{transform:rotate(180deg)}.chatAgentDetail{border:1px solid var(--border);width:100%;max-width:640px;animation:detailExpand .3s var(--ease-out-expo);background:#00000080;margin-top:12px;padding:16px;position:relative}.chatAgentDetail:before{content:"";background:linear-gradient(180deg, var(--purple), var(--blue));width:3px;position:absolute;top:0;bottom:0;left:0}.chatAgentDetail pre{font-family:var(--font-mono);color:var(--text-secondary);white-space:pre-wrap;margin:0;font-size:12px;line-height:1.8}@keyframes detailExpand{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.chatAiHead{align-items:center;gap:8px;margin-bottom:8px;display:flex}.chatAiDot{background:var(--blue);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:8px;height:8px}.chatAiName{font-family:var(--font-mono);color:var(--blue);letter-spacing:.04em;font-size:11px;font-weight:600}.chatAiContent{color:var(--text-secondary);font-size:14px;line-height:1.6}.miniChart{border:1px solid var(--border);background:#0000004d;margin-top:16px;padding:16px}.miniChartTitle{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;font-size:10px}.miniChartBars{align-items:flex-end;gap:12px;height:80px;display:flex}.miniChartCol{flex-direction:column;flex:1;align-items:center;gap:4px;height:100%;display:flex}.miniChartBarWrap{flex:1;align-items:flex-end;width:100%;display:flex}.miniChartBar{width:100%;min-height:4px;animation:miniBarGrow .6s var(--ease-out-expo) both;clip-path:polygon(2px 0%,100% 0%,calc(100% - 2px) 100%,0% 100%)}@keyframes miniBarGrow{0%{height:0!important}}.miniChartLabel{font-family:var(--font-mono);color:var(--text-tertiary);font-size:10px}.miniChartDelta{font-family:var(--font-mono);font-size:9px;font-weight:600}.miniChartDelta.up{color:var(--red)}.miniChartDelta.down{color:var(--green)}.modalOverlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;animation:modalFadeIn .3s var(--ease-out-expo);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modalContent{width:92%;max-width:920px;animation:modalScaleIn .3s var(--ease-out-expo);position:relative}.modalClose{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);background:0 0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex;position:absolute;top:-44px;right:0}.modalClose:hover{color:var(--text);background:#ffffff0f}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}[data-theme=light] .aboutBg .orbA,[data-theme=light] .aboutBg .orbB{opacity:.3}[data-theme=light] .aboutBg:before{opacity:.2}[data-theme=light] .compareCol:first-child{background:#00000004}[data-theme=light] .compareCol:last-child{background:#2563eb08}[data-theme=light] .mechApiPreview{background:var(--code-bg)}[data-theme=light] .platformBanner{background:#2563eb0a;border-color:#2563eb1f}[data-theme=light] .platformCard{background:#00000005}[data-theme=light] .caseStudy{background:var(--bg-elevated)}[data-theme=light] .caseBodyRight{background:#00000005}[data-theme=light] .archBox{background:var(--bg-elevated);box-shadow:var(--shadow-sm)}[data-theme=light] .archLayer{background:#00000005}[data-theme=light] .priceCard{background:var(--bg-elevated);box-shadow:var(--shadow-sm)}[data-theme=light] .priceCard.featured{background:#2563eb08}[data-theme=light] .faqItem{background:var(--bg-elevated)}[data-theme=light] .finalCta{background:#2563eb0a}[data-theme=light] .chatWindow{background:var(--bg-elevated);box-shadow:var(--shadow-md)}[data-theme=light] .chatWindowBar{background:#00000005}[data-theme=light] .chatBubbleUser{background:#2563eb14}[data-theme=light] .chatBubbleAi{background:#00000005}[data-theme=light] .chatAgentToggle{background:#7c3aed0f}[data-theme=light] .chatAgentDetail{background:var(--code-bg)}[data-theme=light] .miniChart{background:#00000005}[data-theme=light] .modalOverlay{background:#0006}@media (width<=1024px){.compareGrid{grid-template-columns:1fr;gap:0}.compareDivider{writing-mode:horizontal-tb;width:100%;height:40px}.compareDividerText{writing-mode:horizontal-tb}.compareCol:first-child,.compareCol:last-child{clip-path:none}.mechItem{grid-template-columns:48px 1fr;gap:24px}.mechItemIcon{width:48px;height:48px}.platformCards,.scenarioGrid{grid-template-columns:repeat(2,1fr)}.caseBody{grid-template-columns:1fr}.caseBodyLeft{border-right:none;border-bottom:1px solid var(--border)}.hilGrid{grid-template-columns:1fr}.archLayer{grid-template-columns:1fr;gap:8px}.pricingGrid{grid-template-columns:1fr;max-width:400px}}@media (width<=768px){.aboutHero{padding:100px 0 60px}.aboutHeroTitle{font-size:32px}.aboutHeroCtas{flex-direction:column}.compareSection,.mechSection,.platformSection,.scenarioSection,.caseSection,.hilSection,.archSection,.pricingSection,.faqSection{padding:80px 0}.scenarioGrid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.mechItemTitle{font-size:22px}.platformBanner{padding:40px 24px}.platformCards{grid-template-columns:1fr 1fr}.archBox{padding:32px 24px}.finalCta{text-align:center;flex-direction:column;gap:28px}.caseTimeline{overflow-x:auto}.caseTimelineBtn{white-space:nowrap;min-width:100px}.scrollHint{display:none}}@media (width<=480px){.aboutHero{padding:70px 0 36px}.aboutHeroSub{font-size:16px}.compareCol{padding:20px 14px}.compareColTitle{font-size:18px}.caseBodyLeft,.caseBodyRight{padding:18px 14px}.caseLogName{min-width:80px;font-size:11px}.platformBanner{clip-path:none;padding:24px 14px}.platformCards{grid-template-columns:1fr}.platformCard{padding:18px 14px}.hilCard{padding:24px 14px}.priceCard{padding:24px 16px}.priceNum{font-size:36px}.pricingGrid{max-width:100%}.finalCta{clip-path:none;padding:28px 14px}.finalCtaRight{flex-direction:column;width:100%}.finalCtaRight .btn{text-align:center;width:100%}.finalCtaTitle{font-size:22px}.modalContent{width:96%}.modalClose{width:44px;height:44px;top:-48px}}.demoAnimOverlay{z-index:9999;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.demoAnimBg{pointer-events:none;z-index:0;position:absolute;inset:0}.demoAnimBg:before{content:"";background:repeating-linear-gradient(0deg,#3b82f604 0,#0000 1px 4px) 0 0/100% 4px,linear-gradient(#3b82f608 1px,#0000 1px) 0 0/64px 64px,linear-gradient(90deg,#3b82f608 1px,#0000 1px) 0 0/64px 64px;animation:8s linear infinite scanlineDrift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 40%,#000 20%,#0000 70%);mask-image:radial-gradient(80% 60% at 50% 40%,#000 20%,#0000 70%)}@keyframes scanlineDrift{0%{background-position:0 0,0 0,0 0}to{background-position:0 16px,0 0,0 0}}.demoAnimBg:after{content:"";filter:blur(80px);background:radial-gradient(circle,#8b5cf60f 0%,#3b82f608 40%,#0000 70%);width:50vw;height:50vw;animation:20s ease-in-out infinite alternate animOrbDrift;position:absolute;top:-20%;left:30%}@keyframes animOrbDrift{0%{opacity:.3;transform:translate(0)scale(1)}to{opacity:.6;transform:translate(-8%,12%)scale(1.15)}}.demoAnimParticle{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);opacity:0;width:3px;height:3px;animation:particleDrift var(--dur,10s) var(--delay,0s) linear infinite;z-index:1;position:absolute}@keyframes particleDrift{0%{opacity:0;transform:translate(0)}15%{opacity:var(--peak,.5)}85%{opacity:var(--peak,.5)}to{transform:translate(var(--dx,60px), var(--dy,-120px));opacity:0}}.demoAnimTopBar{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0006;justify-content:space-between;align-items:center;padding:14px 32px;display:flex;position:relative}.demoAnimTitle{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-secondary);align-items:center;gap:10px;font-size:12px;display:flex}.demoAnimTitle .animDot{background:var(--green);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:8px;height:8px;animation:2s ease-in-out infinite animDotPulse}@keyframes animDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.demoAnimCloseBtn{border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%);background:0 0;padding:6px 16px;font-size:11px;transition:all .2s}.demoAnimCloseBtn:hover{border-color:var(--blue);color:var(--text);background:#3b82f614}.demoAnimProgress{z-index:10;background:#ffffff08;height:3px;position:relative;overflow:hidden}.demoAnimProgressFill{background:linear-gradient(90deg, var(--blue), var(--purple), var(--cyan));height:100%;transition:width .3s;position:relative;box-shadow:0 0 12px #3b82f666,0 0 4px #8b5cf64d}.demoAnimProgressFill:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:60px;height:7px;animation:2s linear infinite beamSweep;position:absolute;top:-2px;right:0}@keyframes beamSweep{0%{transform:translate(-60px)}to{transform:translate(60px)}}.demoAnimContent{z-index:5;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 64px;display:flex;position:relative;overflow:hidden}.phaseEnter{animation:phaseIn .6s var(--ease-out-expo) both}.phaseExit{animation:.3s ease-in both phaseOut}@keyframes phaseIn{0%{opacity:0;filter:blur(4px);transform:translateY(24px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes phaseOut{0%{opacity:1;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(4px);transform:scale(.97)}}.animMechBar{gap:16px;margin-top:auto;padding-top:24px;display:flex}.animMechPill{font-family:var(--font-mono);letter-spacing:.05em;border:1px solid var(--border);color:var(--text-tertiary);clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%);transition:all .5s var(--ease-out-expo);align-items:center;gap:6px;padding:6px 14px;font-size:11px;display:flex}.animMechPill .mechDot{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);background:var(--text-tertiary);width:6px;height:6px;transition:all .5s}.animMechPill.active{border-color:var(--mech-color);color:var(--mech-color);background:color-mix(in srgb, var(--mech-color) 8%, transparent);box-shadow:0 0 20px color-mix(in srgb, var(--mech-color) 20%, transparent)}.animMechPill.active .mechDot{background:var(--mech-color);animation:1.5s ease-in-out infinite mechPulse}@keyframes mechPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.6)}}.animIntro{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:32px;width:100%;max-width:1300px;display:flex}.animIntroLabel{font-family:var(--font-mono);letter-spacing:.15em;color:var(--blue);text-transform:uppercase;opacity:0;animation:fadeUp .6s .2s var(--ease-out-expo) forwards;font-size:11px}.animIntroTitle{font-family:var(--font-display);background:linear-gradient(135deg, var(--text) 0%, var(--blue) 50%, var(--purple) 100%);-webkit-text-fill-color:transparent;opacity:0;animation:fadeUp .8s .4s var(--ease-out-expo) forwards;-webkit-background-clip:text;background-clip:text;font-size:clamp(28px,4vw,48px);font-weight:700;line-height:1.2}.animIntroDesc{color:var(--text-secondary);opacity:0;max-width:1200px;animation:fadeUp .8s .6s var(--ease-out-expo) forwards;font-size:15px;line-height:1.7}.animPrismWrap{opacity:0;width:720px;height:240px;animation:fadeUp .8s 1s var(--ease-out-expo) forwards;margin:8px 0;position:relative}.animPrismSvg{width:100%;height:100%}.animPrismBody{filter:drop-shadow(0 0 12px #8b5cf64d);animation:4s ease-in-out infinite prismBreathe}@keyframes prismBreathe{0%,to{filter:drop-shadow(0 0 10px #8b5cf626)drop-shadow(0 0 25px #8b5cf60f)}50%{filter:drop-shadow(0 0 20px #8b5cf64d)drop-shadow(0 0 45px #8b5cf61f)}}.animPrismEdge{stroke-dasharray:200;stroke-dashoffset:200px;animation:prismEdgeDraw 2s 1.5s var(--ease-out-expo) forwards}@keyframes prismEdgeDraw{to{stroke-dashoffset:0}}.animBeamIn{stroke-dasharray:8 6;opacity:0;animation:1.5s linear infinite beamFlow}.animBeamIn.visible{opacity:1;transition:opacity .5s}@keyframes beamFlow{0%{stroke-dashoffset:28px}to{stroke-dashoffset:0}}.animRay{stroke-dasharray:6 4;opacity:0;animation:1.2s linear infinite beamFlow}.animRay.visible{opacity:1;filter:drop-shadow(0 0 6px var(--ray-color));transition:opacity .6s}.animPipelineRow{align-items:flex-start;gap:0;width:100%;max-width:1200px;margin-top:12px;display:flex}.animPipeUnit{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex;position:relative}.animPipeNode{font-family:var(--font-mono);letter-spacing:.06em;border:1px solid var(--border);color:var(--text-tertiary);clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%);transition:all .6s var(--ease-out-expo);white-space:nowrap;padding:10px 18px;font-size:12px;font-weight:600;position:relative}.animPipeNode.lit{border-color:var(--node-color);color:var(--node-color);background:color-mix(in srgb, var(--node-color) 8%, transparent);box-shadow:0 0 24px color-mix(in srgb, var(--node-color) 25%, transparent)}.animPipeDesc{color:var(--text-secondary);text-align:center;opacity:0;max-width:260px;transition:all .5s var(--ease-out-expo);font-size:12px;line-height:1.5;transform:translateY(8px)}.animPipeDesc.visible{opacity:1;transform:translateY(0)}.animPipeConnector{z-index:2;justify-content:center;align-items:center;width:32px;display:flex;position:absolute;top:18px;right:-16px}.animPipeConnector svg{overflow:visible}.animPipeConnectorLine{stroke-dasharray:4 3;transition:stroke .5s}.animPipeConnectorLine.lit{animation:1s linear infinite beamFlow}.animStageWrap{flex-direction:column;gap:24px;width:100%;max-width:1400px;display:flex}.animStageHeader{align-items:center;gap:12px;display:flex}.animStageNum{font-family:var(--font-mono);letter-spacing:.1em;border:1px solid var(--stage-color,var(--blue));color:var(--stage-color,var(--blue));clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%);padding:4px 12px;font-size:11px}.animStageLabel{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-tertiary);text-transform:uppercase;font-size:11px}.animStageTitle{font-family:var(--font-display);color:var(--text);font-size:clamp(22px,3vw,32px);font-weight:700;line-height:1.3}.animStageSubtitle{color:var(--text-secondary);max-width:900px;font-size:14px;line-height:1.6}.animStageBody{grid-template-columns:1fr 1fr;align-items:start;gap:56px;display:grid}.animLogPanel{border:1px solid var(--border);clip-path:polygon(0% 0%, 100% 0%, 100% calc(100% - var(--cut-md)), calc(100% - var(--cut-md)) 100%, 0% 100%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;overflow:hidden}.animLogPanelHeader{border-bottom:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-tertiary);background:repeating-linear-gradient(0deg,#ffffff02 0,#0000 1px 20px);align-items:center;gap:8px;padding:10px 16px;font-size:11px;display:flex}.animLogPanelHeader .logHeaderDot{background:var(--green);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:6px;height:6px}.animLogBody{flex-direction:column;gap:8px;max-height:280px;padding:12px 16px;display:flex;overflow-y:auto}.animLogEntry{opacity:0;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;display:flex;transform:translateY(8px)}.animLogEntry.visible{animation:logAppear .5s var(--ease-out-expo) forwards}@keyframes logAppear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animLogIcon{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);flex-shrink:0;width:6px;height:6px;margin-top:5px}.animLogIcon.blue{background:var(--blue)}.animLogIcon.purple{background:var(--purple)}.animLogIcon.cyan{background:var(--cyan)}.animLogIcon.green{background:var(--green)}.animLogMech{font-family:var(--font-mono);white-space:nowrap;font-weight:600}.animLogMech.blue{color:var(--blue)}.animLogMech.purple{color:var(--purple)}.animLogMech.cyan{color:var(--cyan)}.animLogMech.green{color:var(--green)}.animLogAction{color:var(--text-secondary)}.animInsight{border-left:2px solid var(--blue);color:var(--text-secondary);clip-path:polygon(0% 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%);opacity:0;animation:fadeUp .5s var(--ease-out-expo) forwards;animation-delay:var(--insight-delay,6s);background:linear-gradient(90deg,#3b82f60f,#8b5cf60f);align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.animInsightIcon{color:var(--blue);flex-shrink:0;font-size:14px}.animE1Visual{justify-content:center;align-items:center;gap:32px;min-height:420px;display:flex;position:relative}.animDocSvg{width:160px;height:300px;position:relative}.animDocRect{fill:#3b82f60a;stroke:var(--border);stroke-width:1px}.animDocLine{stroke:#ffffff14;stroke-width:1px;transition:stroke .3s,opacity .3s}.animDocLine.scanned{stroke:var(--blue);opacity:1;filter:drop-shadow(0 0 4px #3b82f666)}.animScanBeam{background:linear-gradient(90deg, transparent, var(--blue), #3b82f699, transparent);opacity:0;z-index:2;width:160px;height:3px;position:absolute;left:0;box-shadow:0 0 16px #3b82f680,0 0 4px #3b82f6cc}.animScanBeam.active{opacity:1;animation:scanDown 3s var(--ease-out-expo) forwards}@keyframes scanDown{0%{top:10px}to{top:190px}}.animExtractArrow{color:var(--blue);opacity:0;flex-direction:column;align-items:center;gap:4px;transition:opacity .5s;display:flex}.animExtractArrow.visible{opacity:1}.animExtractArrow svg{animation:1.5s ease-in-out infinite arrowPulse}@keyframes arrowPulse{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.animStructPanel{flex-direction:column;gap:8px;min-width:340px;display:flex}.animStructRow{opacity:0;clip-path:polygon(0% 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%);background:#3b82f60a;border-left:2px solid #0000;align-items:center;gap:10px;padding:8px 14px;font-size:13px;display:flex;transform:translate(20px)}.animStructRow.visible{animation:structSlideIn .5s var(--ease-out-expo) forwards;border-left-color:var(--blue)}@keyframes structSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animStructKey{font-family:var(--font-mono);color:var(--text-tertiary);min-width:60px;font-size:11px}.animStructVal{color:var(--text);font-weight:500}.animE2Visual{justify-content:center;align-items:center;min-height:450px;display:flex;position:relative}.animMeshSvg{width:580px;height:300px}.animMeshNode{opacity:0;transform-origin:50%;transition:all .5s var(--ease-spring)}.animMeshNode.visible{opacity:1}.animMeshNodeShape{fill:#06b6d414;stroke:var(--border);stroke-width:1px;transition:all .5s}.animMeshNode.visible .animMeshNodeShape{stroke:var(--cyan);filter:drop-shadow(0 0 8px #06b6d44d)}.animMeshNodeText{font-family:var(--font-mono);fill:var(--text-secondary);text-anchor:middle;dominant-baseline:central;font-size:10px}.animMeshLine{stroke:var(--border);stroke-width:1px;stroke-dasharray:200;stroke-dashoffset:200px;transition:stroke .5s}.animMeshLine.drawn{stroke:var(--cyan);stroke-dashoffset:0;transition:stroke-dashoffset 1s var(--ease-out-expo), stroke .5s;filter:drop-shadow(0 0 3px #06b6d44d)}.animMeshFlowDot{fill:var(--cyan);r:2;opacity:0}.animMeshFlowDot.active{opacity:1}.animEvidenceChain{clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%);font-family:var(--font-mono);background:#06b6d40a;border:1px solid #06b6d426;align-items:center;gap:4px;margin-top:16px;padding:10px 16px;font-size:11px;display:flex}.animEvidenceLayer{color:var(--text-tertiary);border:1px solid var(--border);transition:all .4s var(--ease-out-expo);padding:3px 8px}.animEvidenceLayer.lit{color:var(--cyan);border-color:var(--cyan);background:#06b6d414;box-shadow:0 0 8px #06b6d433}.animEvidenceArrow{color:var(--text-tertiary);font-size:10px;transition:color .4s}.animEvidenceArrow.lit{color:var(--cyan)}.animHashText{font-family:var(--font-mono);color:var(--cyan);opacity:0;white-space:nowrap;margin-left:8px;font-size:10px;overflow:hidden}.animHashText.visible{opacity:1;animation:1.5s steps(16,end) forwards typeHash}@keyframes typeHash{0%{width:0}to{width:10em}}.animE3Visual{flex-direction:column;align-items:center;gap:24px;min-height:480px;display:flex;position:relative}.animPrismScene{width:720px;height:180px;position:relative}.animPrismSceneSvg{width:100%;height:100%;overflow:visible}.animE3Prism{filter:drop-shadow(0 0 16px #8b5cf666);animation:4s ease-in-out infinite prismBreathe}.animE3PrismFlash{opacity:0}.animE3PrismFlash.active{animation:.6s ease-out forwards prismFlash}@keyframes prismFlash{0%{opacity:0}30%{opacity:.8}to{opacity:0}}.animWhiteBeam{stroke:#fffc;stroke-width:3px;stroke-dasharray:10 6;stroke-dashoffset:32px;opacity:0;filter:drop-shadow(0 0 6px #ffffff80)}.animWhiteBeam.visible{opacity:1;animation:1.2s linear infinite beamFlow}.animRefractedRay{stroke-width:2.5px;stroke-dasharray:8 5;opacity:0;transition:opacity .6s}.animRefractedRay.visible{opacity:1;animation:1s linear infinite beamFlow}.animBookCards{gap:16px;width:100%;display:flex}.animBookCard{border:1px solid var(--border);border-top:2px solid var(--book-color);clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#0000004d;flex:1;padding:16px;transform:translateY(16px)scale(.95)}.animBookCard.visible{animation:bookCardReveal .6s var(--ease-out-expo) forwards}@keyframes bookCardReveal{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.animBookCardLabel{font-family:var(--font-mono);letter-spacing:.1em;color:var(--book-color);text-transform:uppercase;margin-bottom:10px;font-size:10px}.animBookCardRow{color:var(--text-secondary);opacity:0;border-bottom:1px solid #ffffff08;justify-content:space-between;padding:4px 0;font-size:12px;display:flex}.animBookCardRow.visible{animation:slideIn .4s var(--ease-out-expo) forwards}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.animBookCardRow .rowLabel{color:var(--text-tertiary)}.animBookCardRow .rowValue{font-family:var(--font-mono);color:var(--text);font-weight:600}.animE4Visual{flex-direction:column;gap:16px;width:100%;min-height:420px;display:flex}.animE4DashGrid{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.animE4Card{border:1px solid var(--border);clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#0000004d;padding:18px;transform:translateY(12px)}.animE4Card.visible{animation:fadeUp .5s var(--ease-out-expo) forwards}.animE4CardTitle{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-tertiary);text-transform:uppercase;margin-bottom:12px;font-size:10px}.animE4BarChart{align-items:flex-end;gap:6px;height:150px;display:flex}.animE4BarCol{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.animE4Bar{clip-path:polygon(2px 0%,100% 0%,calc(100% - 2px) 100%,0% 100%);width:100%;min-height:2px;transition:height 1s var(--ease-out-expo)}.animE4BarLabel{font-family:var(--font-mono);color:var(--text-tertiary);font-size:9px}.animE4BarValue{font-family:var(--font-mono);color:var(--text-secondary);font-size:9px;transition:opacity .5s}.animDashCardValue{font-family:var(--font-display);color:var(--text);font-size:28px;font-weight:700}.animDashCardDelta{font-family:var(--font-mono);margin-top:4px;font-size:11px}.animDashCardDelta.up{color:var(--green)}.animDashCardDelta.down{color:var(--red)}.animMiniBarChart{align-items:flex-end;gap:6px;height:80px;margin-top:12px;display:flex}.animMiniBarCol{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.animMiniBar{clip-path:polygon(1px 0%,100% 0%,calc(100% - 1px) 100%,0% 100%);width:100%;transition:height 1.2s var(--ease-out-expo)}.animMiniBarLabel{font-family:var(--font-mono);color:var(--text-tertiary);font-size:9px}.animPredCurve{margin-top:12px}.animPredCurvePath{fill:none;stroke-width:2px;stroke-dasharray:300;stroke-dashoffset:300px;transition:stroke-dashoffset 2s var(--ease-out-expo)}.animPredCurvePath.drawn{stroke-dashoffset:0}.animPredCurveArea{opacity:0;transition:opacity 1s .5s}.animPredCurveArea.visible{opacity:.15}.animGaugeWrap{flex-direction:column;align-items:center;gap:8px;margin-top:8px;display:flex}.animGaugeArc{transition:stroke-dashoffset 1.5s var(--ease-out-expo)}.animGaugeLabel{font-family:var(--font-mono);color:var(--text-tertiary);font-size:10px}.animGaugeValue{font-family:var(--font-display);font-size:20px;font-weight:700}.animE5Visual{flex-direction:column;align-items:center;gap:20px;min-height:420px;display:flex;position:relative}.animReversalSvg{width:640px;height:300px;overflow:visible}.animOrigFlow{stroke:var(--blue);stroke-width:2px;stroke-dasharray:8 4;opacity:.4;transition:opacity .5s}.animOrigFlow.dimmed{opacity:.15}.animRevFlow{stroke:var(--red);stroke-width:2px;stroke-dasharray:8 4;stroke-dashoffset:24px;opacity:0;filter:drop-shadow(0 0 6px #ef444466)}.animRevFlow.active{opacity:1;animation:1.5s linear infinite reverseFlow}@keyframes reverseFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:24px}}.animRedFlash{opacity:0;pointer-events:none;background:radial-gradient(circle,#ef44441f 0%,#0000 60%);position:absolute;inset:0}.animRedFlash.active{animation:.8s ease-out forwards redFlashPulse}@keyframes redFlashPulse{0%{opacity:0}30%{opacity:1}to{opacity:0}}.animRevNode{opacity:0;transition:all .5s var(--ease-out-expo)}.animRevNode.visible{opacity:1}.animRevNodeRect{fill:#ef44440f;stroke:var(--border);stroke-width:1px;transition:all .4s}.animRevNode.visible .animRevNodeRect{stroke:var(--red);filter:drop-shadow(0 0 6px #ef44444d)}.animRevNodeText{font-family:var(--font-mono);fill:var(--text-secondary);text-anchor:middle;dominant-baseline:central;font-size:10px}.animOffsetCards{gap:16px;width:100%;display:flex}.animOffsetCard{border:1px solid var(--border);clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%);opacity:0;flex:1;padding:12px 16px;transform:translateY(12px)}.animOffsetCard.visible{animation:fadeUp .5s var(--ease-out-expo) forwards}.animOffsetCard.red{background:#ef44440a;border-color:#ef44444d}.animOffsetCard.green{background:#10b9810a;border-color:#10b9814d}.animOffsetCardTitle{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:6px;font-size:10px}.animOffsetCardValue{font-family:var(--font-display);font-size:20px;font-weight:700}.animOffsetCard.red .animOffsetCardValue{color:var(--red)}.animOffsetCard.green .animOffsetCardValue{color:var(--green)}.animOffsetCardDesc{color:var(--text-secondary);margin-top:4px;font-size:12px}.animE6Visual{justify-content:center;align-items:center;gap:32px;min-height:420px;display:flex;position:relative}.animLoopSvg{width:380px;height:380px;overflow:visible}.animLoopCircle{fill:none;stroke:var(--border);stroke-width:1.5px;stroke-dasharray:4 3}.animLoopCircle.active{stroke:var(--green);filter:drop-shadow(0 0 6px #10b9814d);animation:12s linear infinite loopRotate}@keyframes loopRotate{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100px}}.animLoopStageNode{opacity:0;transition:all .5s var(--ease-spring)}.animLoopStageNode.visible{opacity:1}.animLoopStageShape{fill:#10b9810f;stroke:var(--border);stroke-width:1px;transition:all .4s}.animLoopStageNode.visible .animLoopStageShape{stroke:var(--green);filter:drop-shadow(0 0 6px #10b98140)}.animLoopStageText{font-family:var(--font-mono);fill:var(--text-secondary);text-anchor:middle;dominant-baseline:central;font-size:9px}.animLoopHub{opacity:0;transition:all .6s var(--ease-out-expo)}.animLoopHub.visible{opacity:1}.animLoopHubCircle{fill:#10b98114;stroke:var(--green);stroke-width:1.5px;filter:drop-shadow(0 0 12px #10b9814d)}.animProfileCard{min-width:320px;clip-path:polygon(var(--cut-md) 0%, 100% 0%, calc(100% - var(--cut-md)) 100%, 0% 100%);opacity:0;background:#10b98108;border:1px solid #10b98126;flex-direction:column;gap:12px;padding:20px;display:flex;transform:translate(20px)}.animProfileCard.visible{animation:profileSlideIn .6s var(--ease-out-expo) forwards}@keyframes profileSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animProfileTitle{font-family:var(--font-mono);letter-spacing:.08em;color:var(--green);font-size:11px}.animProfileRow{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;display:flex}.animProfileKey{color:var(--text-secondary)}.animProfileVal{color:var(--text);font-weight:600;font-family:var(--font-mono);font-size:12px}.animProfileBadge{font-family:var(--font-mono);color:var(--green);border:1px solid var(--green);clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%);background:#10b98114;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.animProfileAction{color:var(--amber);margin-top:4px;font-size:12px;font-style:italic}.animSummary{text-align:center;flex-direction:column;align-items:center;gap:56px;width:100%;max-width:1200px;display:flex}.animSummaryTitle{font-family:var(--font-display);background:linear-gradient(135deg, var(--blue) 0%, var(--purple) 50%, var(--cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(24px,3.5vw,40px);font-weight:700}.animSummaryStats{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.animSummaryStat{border:1px solid var(--border);clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%);opacity:0;flex-direction:column;align-items:center;gap:6px;padding:16px 24px;display:flex;transform:translateY(16px)}.animSummaryStat.visible{animation:fadeUp .5s var(--ease-out-expo) forwards}.animSummaryStatValue{font-family:var(--font-display);color:var(--text);font-size:32px;font-weight:700}.animSummaryStatLabel{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-tertiary);text-transform:uppercase;font-size:10px}.animSummaryPipeline{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.animSummaryPipeNode{border:1px solid var(--border);clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%);opacity:0;transition:all .5s var(--ease-out-expo);flex-direction:column;align-items:center;gap:4px;padding:10px 16px;display:flex;transform:scale(.9)}.animSummaryPipeNode.visible{opacity:1;border-color:var(--node-color);box-shadow:0 0 16px color-mix(in srgb, var(--node-color) 20%, transparent);transform:scale(1)}.animSummaryPipeIcon{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:8px;height:8px}.animSummaryPipeLabel{font-family:var(--font-mono);letter-spacing:.06em;font-size:10px}.animSummaryPipeCount{font-family:var(--font-display);color:var(--text);font-size:18px;font-weight:700}.animSummaryArrow{color:var(--text-tertiary);font-size:14px}.animSummaryEvidence{clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%);font-family:var(--font-mono);color:var(--cyan);opacity:0;background:#06b6d40a;border:1px solid #06b6d426;align-items:center;gap:8px;padding:12px 20px;font-size:12px;display:flex}.animSummaryEvidence.visible{animation:fadeUp .5s var(--ease-out-expo) forwards}.animSummaryEvidenceIcon{background:var(--cyan);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);flex-shrink:0;width:10px;height:10px}.animOutro{text-align:center;animation:fadeUp .8s var(--ease-out-expo) both;flex-direction:column;align-items:center;gap:20px;display:flex}.animOutroTitle{font-family:var(--font-display);color:var(--text);font-size:clamp(20px,3vw,32px);font-weight:700;line-height:1.5}.animOutroHighlight{background:linear-gradient(135deg, var(--blue), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.animOutroDesc{color:var(--text-secondary);max-width:750px;font-size:15px}.animOutroCta{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text);border:1px solid var(--blue);clip-path:polygon(var(--cut-md) 0%, 100% 0%, calc(100% - var(--cut-md)) 100%, 0% 100%);cursor:pointer;transition:all .3s var(--ease-out-expo);background:linear-gradient(135deg,#3b82f626,#8b5cf626);padding:12px 32px;font-size:13px;position:relative;overflow:hidden}.animOutroCta:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;animation:3s ease-in-out infinite ctaShimmer;position:absolute;top:0;left:-100%}@keyframes ctaShimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.animOutroCta:hover{background:linear-gradient(135deg,#3b82f640,#8b5cf640);transform:translateY(-2px);box-shadow:0 0 24px #3b82f64d}.demoAnimTimeline{z-index:20;gap:4px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.demoAnimTimelineDot{background:var(--border);clip-path:polygon(2px 0%,100% 0%,calc(100% - 2px) 100%,0% 100%);width:28px;height:4px;transition:all .4s var(--ease-out-expo)}.demoAnimTimelineDot.active{background:var(--blue);width:44px;box-shadow:0 0 8px #3b82f666}.demoAnimTimelineDot.done{background:var(--purple)}@media (width<=1300px){.demoAnimContent{padding:20px 16px}.animStageBody{grid-template-columns:1fr}.animE1Visual,.animE6Visual{flex-direction:column;gap:20px}.animPrismWrap,.animPrismScene{width:360px}.animMeshSvg{width:300px;height:240px}.animPipelineRow{flex-wrap:wrap;gap:8px}.animPipeConnector{display:none}.animBookCards,.animOffsetCards{flex-direction:column}.animSummaryStats{gap:16px}}@media (width<=480px){.demoAnimTopBar{padding:10px 16px}.animStageTitle{font-size:20px}.animPrismWrap{width:280px;height:120px}.animPrismScene{width:280px;height:140px}.animMeshSvg{width:240px;height:300px}.animLoopSvg{width:200px;height:300px}.animReversalSvg{width:300px;height:240px}.animMechBar{flex-wrap:wrap;gap:8px}}[data-theme=light] .demoAnimOverlay{background:var(--bg)}[data-theme=light] .demoAnimTopBar{background:#fffc}[data-theme=light] .animLogPanel{background:#00000005}[data-theme=light] .animDocRect{fill:#3b82f608}[data-theme=light] .animProfileCard{background:#10b98108}[data-theme=light] .animOffsetCard.red{background:#ef444408}[data-theme=light] .animOffsetCard.green{background:#10b98108}.demoPage{min-height:100vh;position:relative;overflow:hidden}.demoBg{pointer-events:none;z-index:0;position:fixed;inset:0}.demoBg:before{content:"";background-color:#0000;background-image:linear-gradient(#3b82f608 1px,#0000 1px),linear-gradient(90deg,#3b82f608 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:64px 64px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 30%,#000 20%,#0000 70%);mask-image:radial-gradient(80% 60% at 50% 30%,#000 20%,#0000 70%)}.demoBg:after{content:"";filter:blur(80px);background:radial-gradient(circle,#8b5cf60f 0%,#3b82f608 40%,#0000 70%);width:60vw;height:60vw;animation:20s ease-in-out infinite alternate demoBgDrift;position:absolute;top:-20%;left:20%}@keyframes demoBgDrift{0%{opacity:.4;transform:translate(0)scale(1)}to{opacity:.7;transform:translate(-5%,8%)scale(1.1)}}.demoBanner{z-index:10;font-family:var(--font-mono);letter-spacing:.05em;color:var(--amber);background:#f59e0b0f;border-bottom:1px solid #f59e0b26;justify-content:center;align-items:center;gap:10px;margin-top:60px;padding:10px 20px;font-size:12px;display:flex;position:relative}.demoBannerIcon{flex-shrink:0;font-size:14px}.demoBannerText{opacity:.9}.demoBannerAnimBtn{color:var(--blue);font-family:var(--font-mono);letter-spacing:.06em;cursor:pointer;clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%);transition:all .25s var(--ease-out-expo);white-space:nowrap;background:linear-gradient(135deg,#3b82f626,#8b5cf626);border:1px solid #3b82f64d;flex-shrink:0;align-items:center;gap:6px;margin-left:auto;padding:5px 14px;font-size:11px;display:flex}.demoBannerAnimBtn:hover{border-color:var(--blue);background:linear-gradient(135deg,#3b82f640,#8b5cf640);transform:translateY(-1px);box-shadow:0 0 16px #3b82f633}.demoBannerAnimBtn svg{fill:currentColor;stroke:none}.demoMain{z-index:1;gap:16px;width:100%;max-width:100%;height:calc(100vh - 100px);min-height:600px;margin:0 auto;padding:16px 24px 24px;display:flex;position:relative}.demoSidebar{flex-direction:column;flex:2;gap:14px;min-width:0;padding-right:6px;display:flex;overflow-y:auto}.demoSidebar::-webkit-scrollbar{width:3px}.demoSidebar::-webkit-scrollbar-track{background:0 0}.demoSidebar::-webkit-scrollbar-thumb{background:#ffffff0f}.dashPanelWide{flex-shrink:0;width:100%}.dashGrid{flex-shrink:0;grid-template-columns:1fr 1fr;gap:14px;display:grid}.dashPanel{background:var(--bg-card);border:1px solid var(--border);clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%);position:relative;overflow:hidden}.dashPanel:before{content:"";pointer-events:none;background:linear-gradient(135deg,#3b82f60a 0%,#8b5cf605 100%);position:absolute;inset:0}.dashPanel:after{content:"";background:linear-gradient(90deg,#0000,#3b82f666,#8b5cf64d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.dashPanelHeader{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:12px 16px;display:flex;position:relative}.dashPanelTitle{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);font-size:12px;font-weight:600}.dashPanelBody{padding:14px 16px;position:relative}.dashKpi .dashPanelBody{flex-direction:column;gap:6px;display:flex}.kpiItem{padding:6px 4px;transition:all .2s}.kpiLabel{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px;font-size:11px}.kpiValue{font-family:var(--font-display);letter-spacing:-.02em;font-size:22px;font-weight:700}.kpiRevenue{color:var(--green)}.kpiExpense{color:var(--red)}.kpiProfit{color:var(--cyan)}.kpiSub{font-family:var(--font-mono);color:var(--text-tertiary);margin-top:2px;font-size:11px}.kpiDivider{background:var(--border);height:1px;margin:4px 0}.infraStatusDot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.infraStatusDot.online{background:var(--green);box-shadow:0 0 8px var(--green);animation:2s infinite infraDotPulse}.infraStatusDot.offline{background:var(--red);box-shadow:0 0 8px #ef444466}@keyframes infraDotPulse{0%,to{opacity:.6}50%{opacity:1}}.infraNodesRow{gap:8px;display:flex}.infraNodeItem{min-width:80px;font-family:var(--font-mono);clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%);background:#ffffff04;border:1px solid #ffffff0a;flex-direction:column;flex:1;align-items:center;gap:8px;padding:14px 8px;font-size:13px;transition:all .2s;display:flex}.infraNodeClickable{cursor:pointer}.infraNodeClickable:hover{background:#3b82f60f;border-color:#3b82f633;box-shadow:0 0 12px #3b82f614}.infraDiamond{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);flex-shrink:0;width:16px;height:16px;box-shadow:0 0 8px}.infraDiamondBlue{background:var(--blue);box-shadow:0 0 10px var(--blue-glow)}.infraDiamondPurple{background:var(--purple);box-shadow:0 0 10px var(--purple-glow)}.infraDiamondCyan{background:var(--cyan);box-shadow:0 0 10px #06b6d44d}.infraDiamondGreen{background:var(--green);box-shadow:0 0 10px #10b9814d}.infraDiamondAmber{background:var(--amber);box-shadow:0 0 10px #f59e0b4d}.infraNodeLabel{color:var(--text);letter-spacing:.04em;text-align:center;font-size:13px;font-weight:600}.infraNodeValue{color:var(--text-secondary);text-align:center;white-space:nowrap;font-size:12px}.infraOffline{font-family:var(--font-mono);color:var(--red);text-align:center;clip-path:polygon(3px 0%,100% 0%,calc(100% - 3px) 100%,0% 100%);background:#ef44440f;border:1px solid #ef444426;margin-top:8px;padding:10px 14px;font-size:13px}.monthBarRow{font-family:var(--font-mono);align-items:center;gap:10px;padding:8px 4px;font-size:13px;transition:all .2s;display:flex}.monthBarLabel{width:52px;color:var(--text-secondary);letter-spacing:.04em;text-align:right;flex-shrink:0;font-size:12px}.monthBarTrack{background:#ffffff05;flex:1;height:20px;position:relative;overflow:hidden}.monthBarFill{min-width:4px;height:100%;transition:width .6s var(--ease-out-expo);clip-path:polygon(2px 0%,100% 0%,calc(100% - 2px) 100%,0% 100%)}.monthBarRevenue{background:linear-gradient(90deg, var(--blue), var(--cyan))}.monthBarAmount{text-align:right;width:76px;color:var(--text);flex-shrink:0;font-size:13px;font-weight:600}.monthBarCount{text-align:right;width:36px;color:var(--text-tertiary);flex-shrink:0;font-size:11px}.expenseRow{font-family:var(--font-mono);margin-bottom:6px;padding:8px 4px;font-size:13px;transition:all .2s}.expenseRowTop{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.expenseCategory{color:var(--text-secondary);font-size:13px}.expenseAmount{color:var(--text);font-size:13px;font-weight:600}.expenseBarTrack{background:#ffffff08;height:8px;margin-bottom:2px;position:relative;overflow:hidden}.expenseBarFill{background:linear-gradient(90deg, var(--purple), var(--blue));clip-path:polygon(1px 0%,100% 0%,calc(100% - 1px) 100%,0% 100%);min-width:2px;height:100%;transition:width .6s var(--ease-out-expo)}.expensePct{color:var(--text-tertiary);font-size:11px}.cpRow{font-family:var(--font-mono);border-bottom:1px solid #ffffff05;justify-content:space-between;align-items:center;padding:8px 4px;font-size:13px;transition:all .2s;display:flex}.cpRow:last-child{border-bottom:none}.cpLeft{align-items:center;gap:8px;min-width:0;display:flex}.cpName{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:13px;overflow:hidden}.cpRole{letter-spacing:.06em;text-transform:uppercase;clip-path:polygon(2px 0%,100% 0%,calc(100% - 2px) 100%,0% 100%);flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:600}.cpRoleCustomer{color:var(--green);background:#10b9811a;border:1px solid #10b98133}.cpRoleSupplier{color:var(--amber);background:#f59e0b1a;border:1px solid #f59e0b33}.cpAmount{color:var(--text);flex-shrink:0;font-size:13px;font-weight:600}.pipelineTrack{justify-content:space-between;align-items:flex-start;padding:8px 4px;display:flex;position:relative}.pipelineSegment{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex;position:relative}.pipelineNode{width:20px;height:20px;transition:all .3s var(--ease-out-expo);justify-content:center;align-items:center;display:flex}.pipelineNode.pipelineNodeActive{filter:drop-shadow(0 0 6px var(--blue))}.pipelineDiamond{background:var(--border-active);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:16px;height:16px;transition:all .3s var(--ease-out-expo)}.pipelineNodeActive .pipelineDiamond{background:var(--blue);box-shadow:0 0 12px var(--blue-glow)}.pipelineLabel{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-tertiary);text-align:center;white-space:nowrap;margin-top:6px;font-size:10px;font-weight:600;transition:color .3s}.pipelineNodeActive~.pipelineLabel{color:var(--blue)}.pipelineStatus{font-family:var(--font-mono);color:var(--text-tertiary);margin-top:2px;font-size:9px;transition:color .3s}.pipelineStatus.pipelineStatusActive{color:var(--green)}.pipelineConnector{background:var(--border-active);z-index:0;height:1px;transition:background .3s;position:absolute;top:10px;left:calc(50% + 12px);right:calc(12px - 50%)}.pipelineConnector.pipelineConnectorActive{background:var(--blue);box-shadow:0 0 4px var(--blue-glow)}.dashPanelLog{flex-direction:column;flex-shrink:0;min-height:140px;max-height:180px;display:flex}.dashPanelLog .dashPanelBody{display:none}.demoLogDot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2s infinite logDotPulse}@keyframes logDotPulse{0%,to{opacity:.4}50%{opacity:1}}.demoLogBody{font-family:var(--font-mono);color:var(--text-secondary);flex:1;padding:12px;font-size:12px;line-height:1.8;overflow-y:auto}.demoLogBody::-webkit-scrollbar{width:3px}.demoLogBody::-webkit-scrollbar-track{background:0 0}.demoLogBody::-webkit-scrollbar-thumb{background:#ffffff0f}.logEntry{opacity:0;margin-bottom:4px;animation:.3s forwards logFadeIn}@keyframes logFadeIn{to{opacity:1}}.logTime{color:var(--text-tertiary);margin-right:6px}.logTool{color:var(--cyan)}.logRound{color:var(--purple)}.logSuccess{color:var(--green)}.logError{color:var(--red)}.logInfo{color:var(--text-secondary)}.demoChat{background:var(--bg-card);border:1px solid var(--border);min-width:360px;max-width:480px;clip-path:polygon(var(--cut-md) 0%, 100% 0%, calc(100% - var(--cut-md)) 100%, 0% 100%);flex-direction:column;flex:1;display:flex;overflow:hidden}.demoChatHeader{border-bottom:1px solid var(--border);background:#0003;flex-shrink:0;align-items:center;gap:10px;padding:12px 20px;display:flex}.demoChatDots{gap:6px;display:flex}.demoChatDot{border-radius:50%;width:10px;height:10px}.demoChatDot.r{background:#ff5f57}.demoChatDot.y{background:#febc2e}.demoChatDot.g{background:#28c840}.demoChatTitle{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.08em;flex:1;font-size:12px;font-weight:600}.demoChatModel{font-family:var(--font-mono);color:var(--text-tertiary);border:1px solid var(--border);clip-path:polygon(3px 0%,100% 0%,calc(100% - 3px) 100%,0% 100%);background:#ffffff08;padding:3px 10px;font-size:10px}.demoChatBody{flex-direction:column;flex:1;gap:16px;min-height:0;padding:20px;display:flex;overflow-y:auto}.demoChatBody::-webkit-scrollbar{width:4px}.demoChatBody::-webkit-scrollbar-track{background:0 0}.demoChatBody::-webkit-scrollbar-thumb{background:#ffffff14}.demoChatEmpty{opacity:.5;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.demoChatEmptyIcon{width:48px;height:48px;color:var(--blue);opacity:.4}.demoChatEmptyText{font-family:var(--font-mono);color:var(--text-tertiary);text-align:center;font-size:13px;line-height:1.8}.demoMsg{opacity:0;animation:msgAppear .4s var(--ease-out-expo) forwards;display:flex}@keyframes msgAppear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.demoMsg--user{justify-content:flex-end}.demoMsg--ai{justify-content:flex-start}.demoMsg--system{justify-content:center}.demoBubble{max-width:80%;clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%);padding:14px 18px;font-size:13.5px;line-height:1.7}.demoBubbleUser{color:var(--text);background:#3b82f61a;border:1px solid #3b82f633}.demoBubbleAi{border:1px solid var(--border);color:var(--text);background:#ffffff08}.demoAiHead{align-items:center;gap:8px;margin-bottom:10px;display:flex}.demoAiAvatar{background:linear-gradient(135deg, var(--blue), var(--purple));clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}.demoAiName{font-family:var(--font-mono);color:var(--blue);letter-spacing:.05em;font-size:11px;font-weight:600}.demoAiContent{white-space:pre-wrap;word-break:break-word}.demoAiContent p{margin-bottom:6px}.demoSystemMsg{font-family:var(--font-mono);color:var(--text-tertiary);border:1px solid var(--border);clip-path:polygon(3px 0%,100% 0%,calc(100% - 3px) 100%,0% 100%);background:#ffffff05;padding:6px 16px;font-size:11px}.demoSystemMsg.toolsMsg{color:var(--cyan);background:#06b6d40a;border-color:#06b6d426}.demoTyping{align-items:center;gap:12px;padding:12px 18px;display:flex}.demoTypingDots{gap:4px;display:flex}.demoTypingDot{background:var(--blue);border-radius:50%;width:6px;height:6px;animation:1.4s infinite typingBounce}.demoTypingDot:nth-child(2){animation-delay:.2s}.demoTypingDot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1.1)}}.demoTypingLabel{font-family:var(--font-mono);color:var(--text-tertiary);font-size:11px}.chatScenarioBar{border-top:1px solid var(--border);background:#00000026;flex-shrink:0;padding:10px 16px}.scenarioTabs{scrollbar-width:none;-ms-overflow-style:none;gap:4px;margin-bottom:8px;display:flex;overflow-x:auto}.scenarioTabs::-webkit-scrollbar{display:none}.scenarioTab{font-family:var(--font-mono);letter-spacing:.06em;border:1px solid var(--border);color:var(--text-tertiary);cursor:pointer;clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);white-space:nowrap;background:0 0;flex-shrink:0;padding:5px 16px;font-size:11px;font-weight:600;transition:all .2s}.scenarioTab:hover{color:var(--text-secondary);border-color:var(--border-active);background:#ffffff05}.scenarioTab.scenarioTabActive{color:var(--blue);background:#3b82f60f;border-color:#3b82f64d}.quickBtnRow{flex-wrap:wrap;gap:6px;display:flex}.quickChip{font-family:var(--font-body);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;clip-path:polygon(3px 0%,100% 0%,calc(100% - 3px) 100%,0% 100%);white-space:nowrap;background:0 0;padding:4px 12px;font-size:11px;transition:all .2s}.quickChip:hover{background:var(--bg-card-hover);color:var(--text);border-color:var(--border-active)}.quickChip:disabled{opacity:.4;cursor:not-allowed}.demoStats{border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.05em;background:#00000026;flex-shrink:0;align-items:center;gap:16px;padding:7px 20px;font-size:10px;display:flex}.demoStatItem{align-items:center;gap:5px;display:flex}.demoStatDot{border-radius:50%;width:5px;height:5px}.demoChatInput{border-top:1px solid var(--border);background:#0003;flex-shrink:0;align-items:center;gap:12px;padding:14px 20px;display:flex}.demoInput{border:1px solid var(--border);color:var(--text);font-family:var(--font-body);clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);background:#ffffff08;outline:none;flex:1;padding:10px 16px;font-size:13.5px;transition:border-color .2s}.demoInput::placeholder{color:var(--text-tertiary)}.demoInput:focus{border-color:#3b82f666}.demoInput:disabled{opacity:.5;cursor:not-allowed}.demoSendBtn{background:linear-gradient(135deg, var(--blue), var(--purple));color:#fff;cursor:pointer;width:42px;height:42px;clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%);border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.demoSendBtn:hover{filter:brightness(1.15);transform:scale(1.05)}.demoSendBtn:disabled{opacity:.4;cursor:not-allowed;filter:none;transform:none}.demoSendBtn svg{width:18px;height:18px}.imagePreviewBar{border-top:1px solid var(--border);scrollbar-width:none;background:#0000001a;flex-shrink:0;align-items:center;gap:8px;padding:8px 20px;display:flex;overflow-x:auto}.imagePreviewBar::-webkit-scrollbar{display:none}.imagePreviewItem{flex-shrink:0;width:56px;height:56px;position:relative}.imagePreviewItem img{object-fit:cover;border:1px solid var(--border);width:100%;height:100%;clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%)}.imagePreviewRemove{color:#fff;cursor:pointer;z-index:1;background:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:10px;line-height:1;transition:all .2s;display:flex;position:absolute;top:-6px;right:-6px}.imagePreviewRemove:hover{background:#ef4444;transform:scale(1.15)}.imagePreviewCount{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.05em;flex-shrink:0;font-size:10px}.imageUploadBtn{border:1px solid var(--border);width:36px;height:36px;color:var(--text-tertiary);cursor:pointer;clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%);background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.imageUploadBtn:hover{color:var(--blue);background:#3b82f60f;border-color:#3b82f64d}.imageUploadBtn:disabled{opacity:.3;cursor:not-allowed}.imageUploadBtn svg{width:16px;height:16px}[data-theme=light] .demoBg:before{opacity:.3}[data-theme=light] .demoBg:after{opacity:.15}[data-theme=light] .dashPanel{background:var(--bg-elevated);box-shadow:var(--shadow-sm)}[data-theme=light] .dashPanel:before{opacity:0}[data-theme=light] .dashPanel:after{background:linear-gradient(90deg,#0000,#2563eb33,#7c3aed26,#0000)}[data-theme=light] .infraNodeItem{background:#00000005;border-color:#0000000f}[data-theme=light] .demoChat{background:var(--bg-elevated);box-shadow:var(--shadow-md)}[data-theme=light] .demoChatHeader,[data-theme=light] .demoChatInput,[data-theme=light] .imagePreviewBar{background:#00000005}[data-theme=light] .imageUploadBtn{color:#0006;border-color:#0000001a}[data-theme=light] .chatScenarioBar,[data-theme=light] .demoStats{background:#00000005}[data-theme=light] .demoInput{background:#00000008}[data-theme=light] .demoBubbleUser{background:#2563eb14;border-color:#2563eb26}[data-theme=light] .demoBubbleAi{border-color:var(--border);background:#00000005}[data-theme=light] .demoSystemMsg{background:#00000005}[data-theme=light] .demoSystemMsg.toolsMsg{background:#0891b20f;border-color:#0891b226}[data-theme=light] .demoLogBody{background:#00000005}[data-theme=light] .demoBanner{background:#d977060f}[data-theme=light] .monthBarTrack,[data-theme=light] .expenseBarTrack{background:#0000000a}@media (width<=900px){.demoMain{flex-direction:column;height:auto;min-height:calc(100vh - 100px);padding:16px}.demoSidebar{display:none}.demoChat{width:100%;min-width:0;max-width:100%;min-height:calc(100vh - 160px);clip-path:polygon(var(--cut-sm) 0%, 100% 0%, calc(100% - var(--cut-sm)) 100%, 0% 100%)}.demoBubble{max-width:95%}}@media (width<=480px){.demoMain{padding:8px}.demoInput{font-size:16px}.demoChatInput{gap:8px;padding:10px 12px}.demoSendBtn{width:40px;height:40px}.demoBanner{flex-wrap:wrap;padding:8px 12px;font-size:11px}.scenarioTab{padding:10px 12px}.quickChip{padding:8px 10px}}.showcasePage{background:var(--bg);min-height:100vh;color:var(--text);position:relative;overflow-x:hidden}.showcaseBg{pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 50% 0,#3b82f612 0%,#0000 60%),radial-gradient(50% 40% at 85% 60%,#8b5cf60d 0%,#0000 60%),radial-gradient(40% 30% at 10% 80%,#06b6d40a 0%,#0000 60%);position:fixed;inset:0}.scGreen{color:var(--green)!important}.scRed{color:var(--red)!important}.scBlue{color:var(--blue)!important}.scPurple{color:var(--purple)!important}.scCyan{color:var(--cyan)!important}.scHighlight{font-weight:700;color:var(--blue)!important}.scHero{z-index:1;text-align:center;max-width:860px;margin:0 auto;padding:160px 24px 72px;position:relative}.scHeroBadge{font:600 12px/1 var(--font-mono);color:var(--amber);letter-spacing:.1em;clip-path:polygon(var(--cut-sm) 0, 100% 0, calc(100% - var(--cut-sm)) 100%, 0 100%);background:#f59e0b0f;border:1px solid #f59e0b33;align-items:center;gap:8px;margin-bottom:32px;padding:8px 18px;display:inline-flex}.scBadgeDot{background:var(--amber);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:7px;height:7px;animation:2s ease-in-out infinite scPulse}@keyframes scPulse{0%,to{opacity:1}50%{opacity:.3}}.scHeroTitle{font:800 clamp(48px, 8vw, 80px)/1.02 var(--font-display);letter-spacing:-.03em;margin:0 0 24px}.scHeroAccent{background:linear-gradient(135deg, var(--blue) 0%, var(--purple) 50%, var(--cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.scHeroTagline{font:500 clamp(18px, 2.5vw, 24px)/1.5 var(--font-display);color:var(--text);letter-spacing:-.01em;max-width:640px;margin:0 auto 16px}.scHeroSub{font:400 17px/1.7 var(--font-body);color:var(--text-secondary);max-width:560px;margin:0 auto 20px}.scHeroLabel{font:500 12px/1 var(--font-mono);color:var(--text-tertiary);letter-spacing:.08em;align-items:center;gap:8px;margin-bottom:36px;display:inline-flex}.scHeroLabelDot{background:var(--blue);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:5px;height:5px}.scHeroCta{justify-content:center;gap:14px;margin-bottom:52px;display:flex}.btn.btnLg{padding:14px 32px;font-size:16px}.scHeroStats{flex-wrap:wrap;justify-content:center;gap:36px;display:flex}.scStat{text-align:center}.scStatVal{font:700 36px/1 var(--font-display);color:var(--blue)}.scStatVal.scStatHighlight{background:linear-gradient(135deg, var(--green) 0%, var(--cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.scStatLabel{font:500 12px/1.4 var(--font-mono);color:var(--text-tertiary);letter-spacing:.06em;margin-top:6px}.scSection{z-index:1;padding:80px 24px;position:relative}.scSectionAlt{background:var(--bg-elevated)}.scSectionInner{max-width:960px;margin:0 auto}.scSectionWide{max-width:1140px}.scSectionTitle{font:700 clamp(30px, 4.5vw, 42px)/1.12 var(--font-display);text-align:center;letter-spacing:-.02em;margin:0 0 10px}.scSectionSub{font:400 16px/1.65 var(--font-body);color:var(--text-secondary);text-align:center;max-width:580px;margin:0 auto 48px}.scSectionPhilosophy{padding:80px 24px;overflow:hidden}.scPhiloQuote{font:500 clamp(24px, 4vw, 36px)/1.4 var(--font-display);text-align:center;color:var(--text);letter-spacing:-.01em;border:none;max-width:700px;margin:0 auto 48px;padding:24px 40px;position:relative}.scPhiloQuote:before{display:none}.scPhiloQuoteCorner{pointer-events:none;width:20px;height:20px;position:absolute}.scPhiloQuoteCornerTL{border-top:2px solid var(--blue);border-left:2px solid var(--blue);opacity:.4;top:0;left:0}.scPhiloQuoteCornerBR{border-bottom:2px solid var(--purple);border-right:2px solid var(--purple);opacity:.4;bottom:0;right:0}.scPhiloSub{font:400 16px/1.8 var(--font-body);color:var(--text-secondary);text-align:center;max-width:640px;margin:0 auto}.scPhiloContrast{align-items:center;gap:16px;max-width:780px;margin:40px auto 32px;display:flex}.scPhiloContrastCard{background:var(--bg-card);border:1px solid var(--border);clip-path:polygon(var(--cut-sm) 0, 100% 0, calc(100% - var(--cut-sm)) 100%, 0 100%);flex:1;padding:20px 22px}.scPhiloContrastLabel{font:700 13px/1 var(--font-mono);letter-spacing:.06em;margin-bottom:10px}.scPhiloContrastOld .scPhiloContrastLabel{color:var(--text-tertiary)}.scPhiloContrastOld{opacity:.7;border-color:#ffffff0a}.scPhiloContrastNew .scPhiloContrastLabel{color:var(--blue)}.scPhiloContrastNew{background:#3b82f60a;border-color:#3b82f633}.scPhiloContrastText{font:400 14px/1.7 var(--font-body);color:var(--text-secondary)}.scPhiloContrastArrow{color:var(--blue);opacity:.4;flex-shrink:0}@media (width<=640px){.scPhiloContrast{flex-direction:column;gap:12px}.scPhiloContrastArrow{transform:rotate(90deg)}.scPhiloContrastCard{padding:16px}}.scPrismStage{justify-content:center;align-items:center;width:100%;max-width:800px;height:280px;margin:0 auto 48px;display:flex;position:relative}.scPrismAmbient{pointer-events:none;z-index:0;background:radial-gradient(40% 60% at 30%,#3b82f60d 0%,#0000 70%),radial-gradient(30% 50%,#8b5cf60f 0%,#0000 60%),radial-gradient(40% 60% at 70%,#06b6d40a 0%,#0000 70%);position:absolute;inset:-40px}.scPrismScanlines{pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff04 2px 4px);position:absolute;inset:0}.scPrismParticles{pointer-events:none;z-index:2;position:absolute;inset:0}.scPrismParticle{left:var(--p-x);top:var(--p-y);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:2px;height:2px;animation:prismParticleDrift var(--p-duration,8s) ease-in-out infinite;animation-delay:var(--p-delay,0s);background:#8b5cf666;position:absolute}@keyframes prismParticleDrift{0%,to{opacity:.2;transform:translate(0)}25%{opacity:.6;transform:translate(8px,-12px)}50%{opacity:.3;transform:translate(-4px,-20px)}75%{opacity:.7;transform:translate(12px,-8px)}}.scPrismVisual{z-index:3;align-items:center;gap:0;width:100%;max-width:720px;display:flex;position:relative}.scPrismInputZone{flex:1;justify-content:flex-end;align-items:center;gap:16px;min-width:0;display:flex}.scPrismLabelCard{font:500 14px/1 var(--font-body);color:var(--text-secondary);white-space:nowrap;clip-path:polygon(var(--cut-sm) 0, 100% 0, calc(100% - var(--cut-sm)) 100%, 0 100%);background:#ffffff05;border:1px solid #ffffff0f;align-items:center;gap:8px;padding:8px 14px;display:flex}.scPrismLabelDot{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);background:#ffffff80;flex-shrink:0;width:6px;height:6px}.scPrismBeam{flex-shrink:0;width:100px;height:8px;position:relative}.scPrismBeamCore{background:linear-gradient(90deg,#0000 0%,#ffffff26 20%,#ffffff80 60%,#ffffffd9 85%,#fff 100%) 0 0/200% 100%;animation:2.5s linear infinite prismBeamFlow;position:absolute;inset:2px 0}.scPrismBeamGlow{filter:blur(4px);background:linear-gradient(90deg,#0000 0%,#ffffff0d 30%,#ffffff26 70%,#ffffff4d 100%) 0 0/200% 100%;animation:2.5s linear infinite prismBeamFlow;position:absolute;inset:-2px 0}@keyframes prismBeamFlow{0%{background-position:100% 0}to{background-position:-100% 0}}.scPrismCore{z-index:5;flex-shrink:0;justify-content:center;align-items:center;width:130px;height:130px;display:flex;position:relative}.scPrismGlass{filter:drop-shadow(0 0 12px #8b5cf633)drop-shadow(0 0 30px #8b5cf614);width:120px;height:120px;animation:4s ease-in-out infinite prismBreathe}.scPrismEdgeGlow{clip-path:polygon(50% 5%,95% 90%,5% 90%);pointer-events:none;background:linear-gradient(135deg,#3b82f61a 0%,#8b5cf614 25%,#06b6d41a 50%,#10b9810f 75%,#3b82f614 100%) 0 0/400% 400%;animation:6s linear infinite prismEdgeShimmer;position:absolute;inset:5px}@keyframes prismEdgeShimmer{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.scPrismOutputZone{flex-direction:column;flex:1.2;gap:20px;min-width:0;padding-left:0;display:flex}.scPrismRay{align-items:center;gap:0;display:flex;position:relative}.scPrismRay--blue{transform:translateY(-6px)}.scPrismRay--purple{transform:translateY(0)}.scPrismRay--cyan{transform:translateY(6px)}.scPrismRayBeam{background:linear-gradient(90deg, var(--ray-color) 0%, var(--ray-color) 40%, transparent 100%);width:80px;height:3px;animation:2s linear infinite prismRayFlow;animation-delay:var(--ray-delay,0s);box-shadow:0 0 8px var(--ray-glow), 0 0 16px var(--ray-glow);background-size:200% 100%;flex-shrink:0;position:relative}@keyframes prismRayFlow{0%{background-position:100% 0}to{background-position:-100% 0}}.scPrismRayLabel{font:600 13px/1 var(--font-mono);color:var(--ray-color);white-space:nowrap;border:1px solid color-mix(in srgb, var(--ray-color) 25%, transparent);clip-path:polygon(var(--cut-sm) 0, 100% 0, calc(100% - var(--cut-sm)) 100%, 0 100%);letter-spacing:.04em;transition:all .35s var(--ease-out-expo);background:#ffffff05;align-items:center;gap:8px;padding:8px 14px;display:flex}.scPrismRayLabel:hover{background:color-mix(in srgb, var(--ray-color) 8%, transparent);border-color:color-mix(in srgb, var(--ray-color) 40%, transparent);box-shadow:0 0 20px var(--ray-glow)}.scPrismRayDot{background:var(--ray-color);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:5px;height:5px;box-shadow:0 0 6px var(--ray-glow);flex-shrink:0}.scPrismRayEn{font:400 10px/1 var(--font-mono);color:var(--text-tertiary);letter-spacing:.08em;margin-left:4px}@media (prefers-reduced-motion:reduce){.scPrismBeamCore,.scPrismBeamGlow,.scPrismRayBeam,.scPrismParticle,.scPrismGlass,.scPrismEdgeGlow{animation:none!important}.scPrismBeamCore{background:linear-gradient(90deg,#0000,#ffffff80,#fff)}.scPrismRayBeam{background:linear-gradient(90deg, var(--ray-color), transparent)}}@media (width<=768px){.scPrismStage{height:240px}.scPrismVisual{transform-origin:50%;transform:scale(.85)}.scPrismLabelCard{padding:6px 10px;font-size:12px}.scPrismBeam{width:60px}.scPrismRayBeam{width:50px}.scPrismRayEn{display:none}}@media (width<=480px){.scPrismStage{height:380px}.scPrismVisual{flex-direction:column;gap:4px;transform:scale(1)}.scPrismInputZone{flex-direction:column;justify-content:center}.scPrismBeam{width:8px;height:40px}.scPrismBeamCore{background:linear-gradient(#0000 0%,#ffffff4d 40%,#fff 100%) 0 0/100% 200%;animation:2.5s linear infinite prismBeamFlowV}.scPrismBeamGlow{filter:blur(3px);background:linear-gradient(#0000 0%,#ffffff1a 50%,#ffffff4d 100%) 0 0/100% 200%;animation:2.5s linear infinite prismBeamFlowV}.scPrismOutputZone{align-items:center;gap:10px;padding-top:4px;padding-left:0}.scPrismRay{flex-direction:column;align-items:center;gap:4px}.scPrismRay--blue,.scPrismRay--purple,.scPrismRay--cyan{transform:none}.scPrismRayBeam{background:linear-gradient(180deg, var(--ray-color) 0%, transparent 100%);width:3px;height:20px;box-shadow:0 0 6px var(--ray-glow)}.scPrismCore{width:100px;height:100px}.scPrismGlass{width:90px;height:90px}.scPhiloQuote{margin-bottom:32px;padding:16px 24px}.scPhiloSub br{display:none}}@keyframes prismBeamFlowV{0%{background-position:0 100%}to{background-position:0 -100%}}.scScenario{flex-direction:column;gap:20px;max-width:720px;margin:0 auto;display:flex}.scScenarioUser{justify-content:flex-end;align-items:flex-start;gap:12px;display:flex}.scScenarioAvatar{width:32px;height:32px;font:700 12px/1 var(--font-mono);color:var(--text);clip-path:polygon(var(--cut-sm) 0, 100% 0, calc(100% - var(--cut-sm)) 100%, 0 100%);background:#ffffff0f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.scScenarioBubble{font:400 15px/1.6 var(--font-body);color:var(--text);clip-path:polygon(var(--cut-sm) 0, 100% 0, calc(100% - var(--cut-sm)) 100%, 0 100%);background:#3b82f614;border:1px solid #3b82f626;max-width:460px;padding:12px 18px}.scScenarioChain{background:var(--bg-card);border:1px solid var(--border);clip-path:polygon(0 0, calc(100% - var(--cut-lg)) 0, 100% var(--cut-lg), 100% 100%, var(--cut-lg) 100%, 0 calc(100% - var(--cut-lg)));padding:24px}.scScenarioAgentHead{border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:20px;padding-bottom:14px;display:flex}.scScenarioAgentAvatar{width:28px;height:28px;font:700 13px/1 var(--font-display);color:var(--blue);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#3b82f61a;justify-content:center;align-items:center;display:flex}.scScenarioAgentName{font:700 13px/1 var(--font-mono);color:var(--text);letter-spacing:.04em}.scScenarioAgentTag{font:500 11px/1 var(--font-mono);color:var(--green);clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%);background:#10b98114;margin-left:auto;padding:4px 10px}.scScenarioSteps{flex-direction:column;gap:0;padding-left:12px;display:flex}.scScenarioStep{animation:scScenarioFadeIn .5s var(--ease-out-expo) both;animation-delay:var(--step-delay,0s);align-items:flex-start;gap:16px;padding-bottom:16px;display:flex;position:relative}@keyframes scScenarioFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.scScenarioStepDot{background:var(--step-color,var(--blue));clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:10px;height:10px;box-shadow:0 0 8px color-mix(in srgb, var(--step-color,var(--blue)) 40%, transparent);flex-shrink:0;margin-top:5px}.scScenarioStepLine{background:linear-gradient(180deg, var(--step-color,var(--blue)) 0%, transparent 100%);opacity:.2;width:1px;position:absolute;top:18px;bottom:0;left:16px}.scScenarioStepContent{flex:1;min-width:0}.scScenarioStepApi{font:500 11px/1.2 var(--font-mono);color:var(--step-color,var(--blue));letter-spacing:.02em;opacity:.7;word-break:break-all;margin-bottom:6px}.scScenarioStepResult{font:400 14px/1.6 var(--font-body);color:var(--text-secondary);flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.scScenarioStepLabel{font:600 11px/1 var(--font-mono);color:var(--step-color,var(--blue));background:color-mix(in srgb, var(--step-color,var(--blue)) 8%, transparent);clip-path:polygon(2px 0,100% 0,calc(100% - 2px) 100%,0 100%);white-space:nowrap;flex-shrink:0;padding:3px 8px}.scScenarioStepLabel.scScenarioStepWarn{color:var(--amber);background:#f59e0b14}.scScenarioOutput{border:1px solid #3b82f61f;border-left:3px solid var(--blue);background:#3b82f60a;margin-top:16px;padding:16px 20px}.scScenarioOutputTitle{font:700 14px/1 var(--font-display);color:var(--blue);letter-spacing:-.01em;margin-bottom:10px}.scScenarioOutputBody{font:400 14px/1.8 var(--font-body);color:var(--text-secondary)}@media (width<=640px){.scScenarioUser{justify-content:flex-start}.scScenarioBubble{max-width:100%}.scScenarioChain{padding:16px}.scScenarioSteps{padding-left:4px}.scScenarioStepApi{font-size:10px}.scScenarioStepResult{flex-direction:column;gap:4px;font-size:13px}}.scMechPanel{grid-template-columns:280px 1fr;gap:24px;margin-bottom:48px;display:grid}.scMechNav{flex-direction:column;gap:0;display:flex}.scMechNavItem{text-align:left;cursor:pointer;color:var(--text-secondary);transition:all .3s var(--ease-out-expo);background:0 0;border:1px solid #0000;align-items:flex-start;gap:14px;padding:18px 16px;display:flex;position:relative}.scMechNavItem:hover{color:var(--text);background:var(--bg-card)}.scMechNavItem.scMechNavActive{color:var(--text);background:var(--bg-card);border-left:3px solid var(--mech-color,var(--blue));clip-path:polygon(0 0, 100% 0, calc(100% - var(--cut-sm)) 100%, 0 100%)}.scMechNavIcon{width:36px;height:36px;color:var(--mech-color,var(--text-tertiary));opacity:.6;flex-shrink:0;transition:opacity .3s}.scMechNavActive .scMechNavIcon{opacity:1}.scMechNavIcon svg{width:100%;height:100%}.scMechNavNum{font:700 11px/1 var(--font-mono);color:var(--mech-color,var(--text-tertiary));letter-spacing:.1em;margin-bottom:2px}.scMechNavTitle{font:700 16px/1.2 var(--font-display);color:inherit}.scMechNavSub{font:400 11px/1 var(--font-mono);color:var(--text-tertiary);margin-top:2px}.scMechNavConnector{background:var(--border);width:1px;height:8px;position:absolute;bottom:-1px;left:33px}.scMechDetail{background:var(--bg-card);border:1px solid var(--border);clip-path:polygon(0 0, calc(100% - var(--cut-lg)) 0, 100% var(--cut-lg), 100% 100%, var(--cut-lg) 100%, 0 calc(100% - var(--cut-lg)));animation:scSlideIn .4s var(--ease-out-expo);border-top:3px solid var(--mech-color,var(--blue));padding:36px 32px}@keyframes scSlideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.scMechDetailHead{align-items:center;gap:14px;margin-bottom:16px;display:flex}.scMechDetailNum{font:800 32px/1 var(--font-mono);color:var(--mech-color,var(--blue));opacity:.3}.scMechDetailTitle{font:700 26px/1.2 var(--font-display)}.scMechDetailSub{font:500 13px/1 var(--font-mono);color:var(--text-tertiary)}.scMechTagline{font:600 18px/1.4 var(--font-display);color:var(--mech-color,var(--blue));margin-bottom:16px}.scMechDesc{font:400 15px/1.8 var(--font-body);color:var(--text-secondary);margin:0 0 20px}.scMechEndpoint{font:500 13px/1 var(--font-mono);color:var(--mech-color,var(--blue));clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);background:#3b82f60f;margin-bottom:16px;padding:6px 14px;display:inline-block}.scMechRef{font:400 12px/1.5 var(--font-mono);color:var(--text-tertiary);opacity:.7;font-style:italic}.scPipelineFlow{justify-content:center;align-items:center;gap:0;padding:0 20px;display:flex}.scPipelineSegment{align-items:center;gap:0;display:flex}.scPipelineNode{background:var(--bg-card);border:1px solid var(--border);clip-path:polygon(var(--cut-sm) 0, 100% 0, calc(100% - var(--cut-sm)) 100%, 0 100%);font:600 13px/1 var(--font-display);color:var(--text-secondary);transition:all .4s var(--ease-out-expo);align-items:center;gap:8px;padding:10px 16px;display:flex}.scPipelineNode.scPipelineNodeActive{border-color:var(--mech-color,var(--blue));color:var(--mech-color,var(--blue));box-shadow:0 0 20px #3b82f626}.scPipelineDiamond{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);background:currentColor;width:8px;height:8px}.scPipelineConnector{background:var(--border);width:24px;height:2px;transition:background .4s}.scPipelineConnectorActive{background:linear-gradient(90deg, var(--blue), var(--purple))}.scDemoNotice{font:400 13px/1.5 var(--font-mono);color:var(--amber);clip-path:polygon(var(--cut-sm) 0, 100% 0, calc(100% - var(--cut-sm)) 100%, 0 100%);background:#f59e0b0d;border:1px solid #f59e0b26;align-items:center;gap:8px;margin-bottom:24px;padding:10px 16px;display:flex}.scDemoNoticeDot{background:var(--amber);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);flex-shrink:0;width:6px;height:6px}.scLiveDemo{grid-template-columns:320px 1fr;gap:20px;min-height:500px;display:grid}.scLiveSteps{flex-direction:column;gap:6px;display:flex}.scLiveStepBtn{text-align:left;background:var(--bg-card);border:1px solid var(--border);cursor:pointer;color:var(--text);clip-path:polygon(var(--cut-sm) 0, 100% 0, calc(100% - var(--cut-sm)) 100%, 0 100%);transition:all .25s var(--ease-out-expo);padding:16px 18px}.scLiveStepBtn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--blue)}.scLiveStepBtn:disabled{opacity:.3;cursor:not-allowed}.scLiveStepBtn.scLiveStepActive{border-color:var(--blue);background:#3b82f60f;box-shadow:inset 0 0 0 1px #3b82f61f}.scLiveStepBtn.scLiveStepDone .scLiveStepNum{background:var(--green);color:#fff;border-color:var(--green)}.scLiveStepHead{align-items:center;gap:8px;margin-bottom:6px;display:flex}.scLiveStepNum{width:24px;height:24px;font:700 11px/1 var(--font-mono);color:var(--blue);border:1.5px solid var(--blue);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.scLiveStepMethod{font:700 10px/1 var(--font-mono);letter-spacing:.05em;padding:3px 7px}.scLiveStepMethod[data-method=GET]{color:var(--green);background:#10b9811a}.scLiveStepMethod[data-method=POST]{color:var(--amber);background:#f59e0b1a}.scLiveStepLabel{font:600 15px/1 var(--font-display)}.scLiveStepDesc{font:400 13px/1.5 var(--font-body);color:var(--text-secondary)}.scLiveResultPanel{border:1px solid var(--border);clip-path:polygon(0 0, calc(100% - var(--cut-lg)) 0, 100% var(--cut-lg), 100% 100%, var(--cut-lg) 100%, 0 calc(100% - var(--cut-lg)));background:#080810;min-height:500px;overflow:hidden}.scLiveEmpty{text-align:center;height:100%;min-height:500px;color:var(--text-tertiary);font:400 16px/1.6 var(--font-body);flex-direction:column;justify-content:center;align-items:center;display:flex}.scLiveEmptyIcon svg{width:72px;height:72px;margin-bottom:20px}.scLiveEmptySub{opacity:.5;font-size:13px}.scLiveResultContent{padding:0}.scLiveResultHeader{border-bottom:1px solid var(--border);background:#ffffff05;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 22px;display:flex}.scLiveResultMethod{font:700 11px/1 var(--font-mono);padding:3px 8px}.scLiveResultMethod[data-method=GET]{color:var(--green);background:#10b9811a}.scLiveResultMethod[data-method=POST]{color:var(--amber);background:#f59e0b1a}.scLiveResultHeader code{font:400 13px/1 var(--font-mono);color:var(--text-secondary)}.scLiveAgentTag{font:500 11px/1 var(--font-mono);color:var(--blue);background:#3b82f614;margin-left:auto;padding:3px 8px}.scLiveLoading{height:240px;color:var(--text-secondary);font:400 15px/1 var(--font-mono);justify-content:center;align-items:center;gap:12px;display:flex}.scLiveSpinner{border:2px solid var(--border);border-top-color:var(--blue);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite scSpin}@keyframes scSpin{to{transform:rotate(360deg)}}.scLiveResult{animation:scSlideUp .35s var(--ease-out-expo);padding:22px}@keyframes scSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.scLiveKv{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.scLiveK{font:500 13px/1 var(--font-mono);color:var(--text-tertiary)}.scLiveV{font:500 14px/1 var(--font-mono);color:var(--text)}.scLiveSummary{font:400 14px/1.6 var(--font-body);color:var(--text-secondary);border-left:3px solid var(--blue);background:#3b82f60d;margin-top:14px;padding:12px 16px}.scLiveMetrics{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.scLiveMetric{text-align:center;border:1px solid var(--border);clip-path:polygon(var(--cut-sm) 0, 100% 0, calc(100% - var(--cut-sm)) 100%, 0 100%);background:#ffffff05;padding:16px 8px}.scLiveMetricVal{font:700 22px/1.2 var(--font-display);margin-bottom:6px}.scLiveMetricLabel{font:500 11px/1 var(--font-mono);color:var(--text-tertiary);letter-spacing:.06em}.scLiveTable{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px;display:grid}.scLiveTableHead{font:700 14px/1 var(--font-display);border-bottom:1px solid var(--border);margin-bottom:6px;padding:10px 0}.scLiveTableRow{font:400 13px/2 var(--font-mono);color:var(--text-secondary);justify-content:space-between;display:flex}.scLiveProfitBar{clip-path:polygon(var(--cut-sm) 0, 100% 0, calc(100% - var(--cut-sm)) 100%, 0 100%);font:600 16px/1 var(--font-display);background:#3b82f60f;border:1px solid #3b82f61f;align-items:center;gap:14px;padding:14px 18px;display:flex}.scLiveBadge{font:700 12px/1 var(--font-mono);color:var(--green);background:#10b9811a;margin-left:auto;padding:4px 10px}.scLiveCompile{grid-template-columns:1fr auto;gap:12px;margin:14px 0;display:grid}.scLiveCompileItem{border:1px solid var(--border);background:#ffffff05;padding:12px 16px}.scLiveCompileLabel{font:500 11px/1 var(--font-mono);color:var(--text-tertiary);letter-spacing:.05em;margin-bottom:6px}.scLiveCompileVal{font:500 14px/1.4 var(--font-mono)}.scLiveRiskItem{border-bottom:1px solid #ffffff0a;gap:14px;padding:12px 0;display:flex}.scLiveRiskLevel{font:700 11px/1 var(--font-mono);letter-spacing:.05em;clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%);height:fit-content;padding:5px 10px}.scRiskHIGH{color:#fff;background:var(--red)}.scRiskMEDIUM{color:#fff;background:var(--amber)}.scRiskLOW{color:var(--text);background:#ffffff1a}.scLiveRiskCat{font:600 14px/1.3 var(--font-display)}.scLiveRiskDesc{font:400 13px/1.5 var(--font-body);color:var(--text-secondary);margin:3px 0}.scLiveRiskAction{font:400 12px/1.3 var(--font-mono);color:var(--cyan)}.scLiveDriverRow{font:500 14px/1 var(--font-mono);border-bottom:1px solid #ffffff0a;align-items:center;gap:12px;padding:12px 0;display:flex}.scLiveDriverFactor{font:600 14px/1 var(--font-display);min-width:90px}.scLiveDriverVal{color:var(--text-secondary)}.scLiveDriverDelta{margin-left:auto;font-weight:700}.scLiveRaw{font:400 13px/1.6 var(--font-mono);color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;max-height:400px;padding:22px;overflow-y:auto}.scStepGrid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.scStepCard{background:var(--bg-card);border:1px solid var(--border);clip-path:polygon(var(--cut-md) 0, 100% 0, calc(100% - var(--cut-md)) 100%, 0 100%);padding:32px 28px}.scStepNum{width:32px;height:32px;font:700 15px/1 var(--font-mono);color:var(--blue);border:2px solid var(--blue);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);justify-content:center;align-items:center;margin-bottom:18px;display:inline-flex}.scStepCard h3{font:700 20px/1.3 var(--font-display);margin:0 0 14px}.scStepCode{border:1px solid var(--border);clip-path:polygon(var(--cut-sm) 0, 100% 0, calc(100% - var(--cut-sm)) 100%, 0 100%);background:#0006;margin:0 0 14px;padding:14px;overflow-x:auto}.scStepCode pre{font:400 12px/1.7 var(--font-mono);color:var(--green);white-space:pre-wrap;word-break:break-all;margin:0}.scStepDesc{font:400 14px/1.6 var(--font-body);color:var(--text-secondary);margin:0}.scCopyArea{text-align:center;margin-top:36px}.scCopyHint{font:400 14px/1.6 var(--font-body);color:var(--text-tertiary);margin:0 0 16px}.scCopyBtn{font:600 15px/1 var(--font-display);cursor:pointer;transition:all .25s var(--ease-out-expo);align-items:center;gap:8px;padding:12px 28px;display:inline-flex}.scCopyBtn svg{flex-shrink:0}.scCopyBtnDone{pointer-events:none;background:var(--green)!important;border-color:var(--green)!important}.scArchDiagram{flex-direction:column;align-items:center;max-width:720px;margin:0 auto;display:flex}.scArchLayer{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.scArchLayerEngines{gap:10px}.scArchConnector{color:var(--text-tertiary);font:500 11px/1 var(--font-mono);letter-spacing:.08em;flex-direction:column;align-items:center;padding:6px 0;display:flex}.scArchConnector:before{content:"";background:linear-gradient(to bottom, var(--blue), var(--purple));width:1px;height:22px;margin-bottom:4px}.scArchBox{text-align:center;border:1px solid var(--border);clip-path:polygon(var(--cut-sm) 0, 100% 0, calc(100% - var(--cut-sm)) 100%, 0 100%);background:var(--bg-card);padding:16px 22px}.scArchBoxTitle{font:700 15px/1.3 var(--font-display)}.scArchBoxSub{font:400 12px/1.4 var(--font-mono);color:var(--text-tertiary);margin-top:3px}.scArchAgent{border-color:var(--amber);min-width:360px}.scArchAgent .scArchBoxTitle{color:var(--amber)}.scArchCfo{border-color:var(--blue);border-top:3px solid var(--blue);min-width:420px;clip-path:polygon(var(--cut-md) 0, calc(100% - var(--cut-md)) 0, 100% var(--cut-md), 100% 100%, calc(100% - var(--cut-md)) 100%, 0 100%, 0 var(--cut-md));background:linear-gradient(135deg,#3b82f60f 0%,#8b5cf60a 100%);padding:20px 28px}.scArchCfo .scArchBoxTitle{background:linear-gradient(135deg, var(--blue) 0%, var(--purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px}.scArchCfo .scArchBoxSub{color:var(--text-secondary);font-size:12px}.scArchSkill{border-color:var(--blue);min-width:360px}.scArchSkill .scArchBoxTitle{color:var(--blue)}.scArchEngine{border-color:var(--engine-color,var(--border));min-width:110px;padding:12px 16px}.scArchEngine .scArchBoxTitle{color:var(--engine-color,var(--text));font-size:13px}.scArchDb .scArchBoxTitle{color:var(--text-tertiary)}.scCta{text-align:center;padding:88px 24px}.scCtaTitle{font:700 clamp(34px, 5vw, 48px)/1.1 var(--font-display);letter-spacing:-.02em;margin:0 0 24px}.scCtaCode{border:1px solid var(--border);text-align:left;max-width:620px;clip-path:polygon(var(--cut-md) 0, 100% 0, calc(100% - var(--cut-md)) 100%, 0 100%);background:#0c0c14;margin:0 auto 36px;padding:22px 28px}.scCtaCode code{font:400 14px/1.8 var(--font-mono);color:var(--green)}.scCtaBtns{justify-content:center;gap:14px;display:flex}@media (width<=960px){.scMechPanel{grid-template-columns:1fr}.scMechNav{flex-direction:row;gap:0;overflow-x:auto}.scMechNavItem{flex-shrink:0;min-width:160px}.scMechNavConnector{display:none}.scLiveDemo{grid-template-columns:1fr}.scLiveSteps{flex-direction:row;gap:8px;padding-bottom:8px;overflow-x:auto}.scLiveStepBtn{flex-shrink:0;min-width:220px}}@media (width<=640px){.scHero{padding:130px 16px 56px}.scStepGrid{grid-template-columns:1fr}.scLiveMetrics{grid-template-columns:repeat(2,1fr)}.scLiveTable{grid-template-columns:1fr}.scPipelineFlow{flex-wrap:wrap;gap:4px}.scPipelineConnector{width:12px}.scArchLayerEngines{gap:6px}.scArchEngine{min-width:85px;padding:10px 12px}.scArchAgent,.scArchSkill,.scArchCfo{min-width:280px}}@media (width<=480px){.scHero{padding:80px 14px 40px}.scHeroTagline{font-size:18px}.scHeroStats{gap:16px}.scStatVal{font-size:26px}.scHeroCta{flex-direction:column;align-items:center}.scHeroCta .btn{text-align:center;width:100%;max-width:280px}.scSection{padding:48px 14px}.scMechNavItem{min-width:130px;padding:12px 10px}.scMechDetail{padding:20px 16px}.scMechDetailTitle{font-size:20px}.scMechDetailNum{font-size:24px}.scMechTagline{font-size:15px}.scLiveStepBtn{min-width:150px;padding:10px 12px}.scLiveResultPanel,.scLiveEmpty{min-height:300px}.scLiveCompile{grid-template-columns:1fr}.scArchEngine{min-width:60px;padding:8px 6px}.scArchEngine .scArchBoxTitle{font-size:11px}.scArchCfo,.scArchAgent,.scArchSkill{min-width:220px}.scArchCfo{padding:14px 16px}.scArchCfo .scArchBoxTitle{font-size:15px}.scStepCard{padding:20px 14px}.scCtaCode{padding:12px 14px}.scCtaCode code{word-break:break-all;font-size:11px}.scCtaBtns{flex-direction:column;align-items:center}.scCtaBtns .btn{text-align:center;width:100%;max-width:280px}.scPipelineNode{padding:8px 10px;font-size:12px}.scPipelineDiamond{width:6px;height:6px}}