:root{--bg:#080b14;--bg-soft:#0d1220;--card:#ffffff08;--card-border:#ffffff14;--text:#e6eaf2;--text-muted:#8b93a7;--primary:#5b7cfa;--primary-2:#8b5cf6;--accent:#22d3ee;--gradient:linear-gradient(120deg, #5b7cfa 0%, #8b5cf6 55%, #22d3ee 100%);--radius:16px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:clip}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:clip}a{color:inherit;text-decoration:none}.page{min-height:100%}.container{width:min(1120px,100% - 48px);margin:0 auto}.announcement-bar{background:#111a2c;border-bottom:1px solid #ffffff1a;margin-top:64px}.announcement-inner{gap:12px;width:min(1120px,100% - 48px);margin:0 auto;display:flex;overflow-x:auto}.announcement-item{min-width:min(100%,420px);color:var(--text-muted);flex:1;align-items:center;gap:10px;padding:11px 0;font-size:13px;display:flex}.announcement-item strong{color:var(--text);white-space:nowrap}.announcement-kind{color:var(--accent);white-space:nowrap;font-size:11px}.announcement-content{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.announcement-item.update{cursor:pointer}.announcement-action{color:var(--accent);white-space:nowrap;align-items:center;gap:3px;margin-left:auto;display:inline-flex}@media (width<=760px){.announcement-inner{width:min(100% - 32px,1120px)}.announcement-item{min-width:100%}.announcement-item:not(:first-child){display:none}}.navbar{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080b14b8;border-bottom:1px solid #ffffff0f;position:fixed;inset:0 0 auto}.nav-inner{justify-content:space-between;align-items:center;gap:24px;width:min(1120px,100% - 48px);height:64px;margin:0 auto;display:flex}.brand{letter-spacing:.2px;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.brand-logo{border-radius:18px;width:72px;height:72px}.footer-brand .brand-logo{border-radius:7px;width:28px;height:28px}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:var(--text-muted);font-size:14px;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-download{color:#fff;background:var(--gradient);border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 18px #5b7cfa59}.nav-download:hover{transform:translateY(-1px);box-shadow:0 6px 24px #5b7cfa80}.hero{text-align:center;padding:120px 0 64px;position:relative;overflow:hidden}.hero-bg{z-index:-1;background:radial-gradient(600px 380px at 50% -10%, #5b7cfa47, transparent 70%), radial-gradient(500px 320px at 82% 20%, #22d3ee1f, transparent 70%), radial-gradient(520px 360px at 12% 30%, #8b5cf624, transparent 70%), var(--bg);position:absolute;inset:0}.hero-bg:after{content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(700px 420px at 50% 0,#000 30%,#0000 75%);mask-image:radial-gradient(700px 420px at 50% 0,#000 30%,#0000 75%)}.hero-inner{width:min(900px,100% - 40px);margin:0 auto}.hero-badge{color:var(--accent);background:#22d3ee14;border:1px solid #22d3ee4d;border-radius:999px;align-items:center;gap:7px;margin-bottom:28px;padding:7px 16px;font-size:13px;display:inline-flex}.hero-title{letter-spacing:-1px;white-space:nowrap;font-size:clamp(26px,8vw,64px);font-weight:800;line-height:1.1}.gradient-text{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{max-width:640px;color:var(--text-muted);margin:22px auto 0;font-size:17px}.hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:38px;display:flex}.btn-primary{color:#fff;background:var(--gradient);border-radius:999px;align-items:center;gap:10px;padding:15px 32px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 32px #5b7cfa66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #5b7cfa8c}.btn-arrow{transition:transform .2s}.btn-primary:hover .btn-arrow{transform:translateY(3px)}.btn-ghost{color:var(--text);background:#ffffff08;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:14px 26px;font-size:15px;font-weight:600;transition:border-color .2s,background .2s;display:inline-flex}.btn-ghost:hover{background:#ffffff0f;border-color:#ffffff4d}.hero-meta{color:var(--text-muted);justify-content:center;align-items:center;gap:12px;margin-top:26px;font-size:13px;display:flex}.hero-meta .dot{background:var(--text-muted);opacity:.6;border-radius:50%;width:3px;height:3px}.hero-stats{border:1px solid var(--card-border);border-radius:var(--radius);background:var(--card);grid-template-columns:repeat(4,1fr);width:min(860px,100% - 40px);margin:72px auto 0;display:grid;overflow:hidden}.stat{flex-direction:column;align-items:center;gap:4px;padding:26px 12px;display:flex}.stat+.stat{border-left:1px solid var(--card-border)}.stat strong{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800}.stat span{color:var(--text-muted);font-size:13px}.section{padding:96px 0;position:relative}.section-heading{text-align:center;margin-bottom:52px}.eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-size:13px;font-weight:600;display:inline-block}.section-heading h2{letter-spacing:-.5px;font-size:clamp(28px,4vw,38px);font-weight:800}.section-heading p{margin-top:14px;max-width:640px;color:var(--text-muted);margin-inline:auto;font-size:15px}.features{background:var(--bg-soft);border-block:1px solid #ffffff0d}.card-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-card{border-radius:var(--radius);border:1px solid var(--card-border);background:var(--card);padding:30px 28px;transition:transform .25s,border-color .25s,box-shadow .25s}.feature-card:hover{border-color:#5b7cfa66;transform:translateY(-4px);box-shadow:0 16px 40px #00000059}.feature-icon{color:#a5b8ff;background:linear-gradient(135deg,#5b7cfa38,#8b5cf638);border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:18px;display:flex}.feature-card h3{margin-bottom:10px;font-size:18px;font-weight:700}.feature-card p{color:var(--text-muted);font-size:14px}.skills-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.skill-item{border:1px solid var(--card-border);background:var(--card);border-radius:12px;align-items:center;gap:14px;padding:18px 20px;transition:border-color .2s,background .2s;display:flex}.skill-item:hover{background:#22d3ee0a;border-color:#22d3ee59}.skill-index{color:#22d3eeb3;min-width:26px;font-size:13px;font-weight:700}.skill-name{color:var(--text);align-items:center;gap:8px;font-size:14px;display:inline-flex}.skill-name svg{color:var(--accent);flex-shrink:0}.workflow-steps{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:12px;display:flex}.workflow-step{border:1px solid var(--card-border);background:var(--card);border-radius:14px;flex-direction:column;align-items:center;gap:10px;min-width:110px;padding:22px 18px;display:flex}.step-num{background:var(--gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.step-name{color:var(--text-muted);font-size:13px}.step-arrow{color:#ffffff40;flex-shrink:0;align-self:center}.highlight-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.highlight-card{border-radius:var(--radius);border:1px solid var(--card-border);background:linear-gradient(#ffffff0b,#ffffff04);padding:32px 30px}.highlight-icon{width:50px;height:50px;color:var(--accent);background:#22d3ee1a;border:1px solid #22d3ee33;border-radius:13px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.highlight-card h3{margin-bottom:10px;font-size:19px;font-weight:700}.highlight-card p{color:var(--text-muted);font-size:14px}.docs{background:var(--bg-soft);border-block:1px solid #ffffff0d}.docs-list{gap:12px;max-width:900px;margin:0 auto;display:grid}.docs-item{border:1px solid var(--card-border);background:var(--card);border-radius:14px;transition:border-color .25s,background .25s;overflow:hidden}.docs-item.open{background:#ffffff0b;border-color:#5b7cfa73}.docs-item-header{width:100%;color:var(--text);text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:16px;padding:20px 22px;display:flex}.docs-item-icon{color:#a5b8ff;background:linear-gradient(135deg,#5b7cfa33,#8b5cf633);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.docs-item-title{flex:1;min-width:0}.docs-item-title strong{font-size:16px;font-weight:700;display:block}.docs-item-title small{color:var(--text-muted);margin-top:4px;font-size:13px;line-height:1.5;display:block}.docs-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .25s}.docs-item.open .docs-chevron{transform:rotate(180deg)}.docs-item-body{padding:2px 22px 24px 80px}.docs-block{margin-top:18px}.docs-block h4{color:var(--accent);margin-bottom:9px;font-size:14px;font-weight:700}.docs-block ul{gap:8px;list-style:none;display:grid}.docs-block li{color:var(--text-muted);padding-left:18px;font-size:14px;line-height:1.75;position:relative}.docs-block li:before{content:"";background:var(--gradient);border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:2px}.download{margin-bottom:96px;padding:0}.download-box{text-align:center;background:linear-gradient(#5b7cfa1f,#8b5cf60f);border:1px solid #5b7cfa59;border-radius:24px;padding:72px 32px;position:relative;overflow:hidden}.download-glow{pointer-events:none;background:radial-gradient(420px 200px at 50% 100%,#5b7cfa59,#0000 70%);height:80%;position:absolute;inset:auto -20% -60%}.download-box h2{letter-spacing:-.5px;font-size:clamp(26px,4vw,36px);font-weight:800}.download-box p{max-width:540px;color:var(--text-muted);margin:16px auto 0;font-size:15px}.download-mark{color:#5b7cfae6;margin:0 auto 22px}.btn-large{margin-top:34px;padding:18px 42px;font-size:18px}.download-meta{color:var(--text-muted);justify-content:center;align-items:center;gap:10px;margin-top:24px;font-size:13px;display:flex}.download-meta .dot{background:var(--text-muted);opacity:.6;border-radius:50%;width:3px;height:3px}.footer{background:var(--bg-soft);border-top:1px solid #ffffff0f;padding:40px 0}.footer-inner{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.footer-brand{align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.footer-text{color:var(--text-muted);font-size:13px}.footer-copy{color:#8b93a7b3;font-size:12px}@media (width<=900px){.card-grid,.skills-grid{grid-template-columns:repeat(2,1fr)}.highlight-grid{grid-template-columns:1fr}.hero-stats{grid-template-columns:repeat(2,1fr)}.stat+.stat{border-left:none}.stat:nth-child(odd){border-right:1px solid var(--card-border)}.stat:nth-child(-n+2){border-bottom:1px solid var(--card-border)}}@media (width<=640px){.nav-links{display:none}.card-grid,.skills-grid{grid-template-columns:1fr}.section{padding:72px 0}.workflow-steps{flex-direction:column;align-items:center}.step-arrow{transform:rotate(90deg)}.docs-item-body{padding:2px 20px 22px}}.reveal{opacity:0}.reveal.is-visible{animation:.7s cubic-bezier(.22,1,.36,1) both reveal-up}@keyframes reveal-up{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.hero-visual{width:min(1160px,100% - 32px);margin:40px auto 0}.hero-mockup-wrap{filter:drop-shadow(0 40px 80px #0000008c)}.hero-visual .mock-body{height:500px}.mock{--mock-titlebar:#0e1424;--mock-activity:#0a0e1a;--mock-side:#101828;--mock-editor:#0c1220;--mock-border:#ffffff0f;--mock-text:#c9d3e0;--mock-muted:#66718c;background:var(--mock-editor);color:var(--mock-text);text-align:left;-webkit-user-select:none;user-select:none;border:1px solid #ffffff1a;border-radius:16px;font-size:12px;line-height:1.5;overflow:hidden;box-shadow:0 24px 60px #00000073,inset 0 1px #ffffff0a}.mock-titlebar{background:var(--mock-titlebar);border-bottom:1px solid var(--mock-border);align-items:center;gap:12px;height:38px;padding:0 14px;display:flex}.mock-dots{gap:6px;display:flex}.mock-dot{border-radius:50%;width:11px;height:11px}.mock-dot.r{background:#ff5f57}.mock-dot.y{background:#febc2e}.mock-dot.g{background:#28c840}.mock-window-title{color:var(--mock-muted);letter-spacing:.3px;margin:0 auto;font-size:11px}.mock-titlebar-right{width:46px}.mock-body{height:440px;display:flex}.mock-activity{background:var(--mock-activity);border-right:1px solid var(--mock-border);flex-direction:column;align-items:center;gap:4px;width:48px;padding-top:10px;display:flex}.mock-activity-icon{width:40px;height:40px;color:var(--mock-muted);border-radius:9px;justify-content:center;align-items:center;display:flex;position:relative}.mock-activity-icon.active{color:#a5b8ff}.mock-activity-icon.active:before{content:"";background:var(--gradient);border-radius:2px;width:2px;height:20px;position:absolute;top:50%;left:-4px;transform:translateY(-50%)}.mock-sidebar{background:var(--mock-side);border-right:1px solid var(--mock-border);flex-shrink:0;width:196px;padding:14px 12px;overflow:hidden}.mock-sidebar-title{letter-spacing:1.5px;text-transform:uppercase;color:var(--mock-muted);margin-bottom:10px;font-size:11px}.mock-search{border:1px solid var(--mock-border);color:var(--mock-muted);background:#ffffff08;border-radius:6px;align-items:center;gap:6px;margin-bottom:14px;padding:5px 8px;display:flex}.mock-section-label{color:var(--mock-text);margin:8px 0 6px;font-size:11px;font-weight:700}.mock-paper{border-radius:6px;margin-bottom:2px;padding:7px 6px}.mock-paper:hover{background:#ffffff0a}.mock-paper-title{color:var(--mock-text);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.mock-paper-meta{color:var(--mock-muted);align-items:center;gap:5px;margin-top:2px;font-size:10px;display:flex}.mock-dot-status{border-radius:50%;flex-shrink:0;width:6px;height:6px}.mock-dot-status.verified{background:#28c840}.mock-dot-status.unverified{background:#febc2e}.mock-tree-row{color:var(--mock-text);border-radius:5px;align-items:center;gap:7px;padding:5px 6px;font-size:11.5px;display:flex}.mock-tree-row svg{color:#8b93a7}.mock-editor{background:var(--mock-editor);flex-direction:column;flex:1;min-width:0;display:flex}.mock-tabs{border-bottom:1px solid var(--mock-border);background:#ffffff04;align-items:center;gap:4px;height:34px;padding:0 10px;display:flex}.mock-tab{color:var(--mock-muted);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;display:inline-flex}.mock-tab.active{color:var(--mock-text);background:#ffffff0d}.mock-md{flex-direction:column;gap:12px;padding:22px 26px;display:flex;overflow:hidden}.mock-md-line{color:var(--mock-text);font-size:12px}.mock-md-line.mock-h1{font-size:17px;font-weight:800}.mock-md-line.mock-h2{color:#a5b8ff;margin-top:4px;font-size:14px;font-weight:700}.mock-md-line.mock-p{color:#aeb8c9;line-height:1.9}.mock-md-line.dim{color:var(--mock-muted)}.mock-hl{color:#dfe6ff;cursor:default;background:#5b7cfa47;border-radius:4px;padding:1px 3px;position:relative}.mock-tooltip{white-space:nowrap;color:#fff;background:linear-gradient(120deg,#5b7cfaf2,#8b5cf6f2);border-radius:8px;align-items:center;gap:5px;padding:6px 10px;font-size:11px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 8px 24px #5b7cfa66}.mock-tooltip:after{content:"";border:5px solid #0000;border-top-color:#8b5cf6f2;position:absolute;top:100%;left:14px}.mock--animate .mock-tooltip{animation:4s ease-in-out infinite tooltip-pulse}@keyframes tooltip-pulse{0%,18%{opacity:0;transform:translateY(8px)}40%,66%{opacity:1;transform:translateY(0)}86%,to{opacity:0;transform:translateY(8px)}}.mock-agent{background:var(--mock-side);border-left:1px solid var(--mock-border);flex-direction:column;flex-shrink:0;width:260px;display:flex}.mock-agent-head{border-bottom:1px solid var(--mock-border);align-items:center;gap:7px;height:42px;padding:0 14px;font-size:12px;font-weight:700;display:flex}.mock-agent-head svg{color:#a5b8ff}.mock-agent-online{color:#28c840;margin-left:auto;font-size:10px;font-weight:500}.mock-agent-body{flex:1;padding:12px;overflow:hidden}.mock-agent-input{border:1px solid var(--mock-border);color:var(--mock-muted);background:#ffffff08;border-radius:8px;margin:0 10px 10px;padding:8px 12px;font-size:11px}.mock-agent-canvas{background:var(--mock-editor)}.mock-agent-plan{flex-direction:column;gap:14px;padding:22px 24px;display:flex}.mock-plan-title{margin-bottom:4px;font-size:15px;font-weight:800}.mock-plan-step{color:var(--mock-muted);align-items:center;gap:9px;font-size:12px;display:flex}.mock-plan-step.done{color:#28c840}.mock-plan-step.active{color:var(--mock-text)}.mock-plan-dot{border:2px solid var(--mock-muted);border-radius:50%;flex-shrink:0;width:13px;height:13px}.mock-spin{animation:1s linear infinite mock-spin}@keyframes mock-spin{to{transform:rotate(360deg)}}.mock-chat{flex-direction:column;gap:10px;display:flex}.mock-msg{display:flex}.mock-msg.user{justify-content:flex-end}.mock-msg.agent{gap:7px}.mock-msg-bubble{max-width:92%;color:var(--mock-text);border:1px solid var(--mock-border);background:#ffffff0f;border-radius:12px;padding:8px 11px;font-size:11.5px;line-height:1.6;animation:.5s both reveal-up}.mock-msg.user .mock-msg-bubble{color:#fff;background:linear-gradient(120deg,#5b7cfae6,#8b5cf6e6);border-color:#0000;border-bottom-right-radius:4px}.mock-msg-avatar{color:#a5b8ff;background:linear-gradient(135deg,#5b7cfa40,#8b5cf640);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:2px;display:flex}.mock-msg-stack{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.mock-agent-thinking{color:#fff;margin-bottom:5px;font-weight:700}.mock-msg-list{gap:4px;list-style:none;display:grid}.mock-msg-list li{color:var(--mock-muted);padding-left:14px;position:relative}.mock-msg-list li:before{content:"";background:var(--gradient);border-radius:50%;width:5px;height:5px;position:absolute;top:8px;left:2px}.mock-msg-bubble.tool{color:var(--mock-muted);align-items:center;gap:6px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10.5px;display:flex}.mock-msg-bubble.done{color:#28c840;background:#28c84014;border-color:#28c84059;align-items:center;gap:6px;display:flex}.mock-file{color:#fff;font-weight:700}.mock-placeholder{color:#fff9}.mock-caret{vertical-align:-2px;background:#fff;width:2px;height:13px;margin-left:1px;animation:.9s step-end infinite mock-blink;display:inline-block}@keyframes mock-blink{50%{opacity:0}}.mock-statusbar{color:#fff;background:#5b7cfa;justify-content:space-between;align-items:center;height:28px;padding:0 14px;font-size:10.5px;display:flex}.mock-status-left,.mock-status-right{align-items:center;gap:14px;display:flex}.mock-status-item{align-items:center;gap:4px;display:inline-flex}.workstation{background:var(--bg-soft);border-block:1px solid #ffffff0d}.pain-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.pain-card{border-radius:var(--radius);border:1px solid var(--card-border);background:var(--card);padding:30px 28px;transition:transform .25s,border-color .25s}.pain-card:hover{border-color:#f472b659;transform:translateY(-4px)}.pain-icon{color:#f9a8d4;background:linear-gradient(135deg,#f472b629,#f8717129);border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:18px;display:flex}.pain-card h3{margin-bottom:10px;font-size:18px;font-weight:700}.pain-card p{color:var(--text-muted);font-size:14px}.solution-callout{border-radius:var(--radius);background:linear-gradient(120deg,#22d3ee14,#5b7cfa14);border:1px solid #22d3ee40;align-items:flex-start;gap:16px;margin-top:24px;padding:26px 30px;display:flex}.solution-icon{width:44px;height:44px;color:var(--accent);background:#22d3ee1f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.solution-callout p{color:var(--text-muted);font-size:15px;line-height:1.8}.solution-callout strong{color:var(--text)}.journey-list{max-width:820px;margin:0 auto}.journey-step{gap:20px;display:flex;position:relative}.journey-node{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.journey-num{color:#fff;background:var(--gradient);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:800;display:flex;box-shadow:0 6px 18px #5b7cfa59}.journey-line{background:linear-gradient(#5b7cfa80,#ffffff0f);flex:1;width:2px;margin-top:8px}.journey-card{border-radius:var(--radius);border:1px solid var(--card-border);background:var(--card);flex:1;min-width:0;margin-bottom:26px;padding:24px 28px;transition:border-color .25s,background .25s}.journey-card:hover{background:#ffffff0a;border-color:#5b7cfa66}.journey-title{margin-bottom:12px;font-size:20px;font-weight:800}.journey-problem,.journey-solution{align-items:flex-start;gap:10px;margin-bottom:10px;font-size:14px;line-height:1.7;display:flex}.journey-problem{color:var(--text-muted)}.journey-solution{color:var(--text)}.tag{white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;margin-top:2px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-flex}.tag-problem{color:#f9a8d4;background:#f472b61f;border:1px solid #f472b640}.tag-solution{color:#5eead4;background:#22d3ee1f;border:1px solid #22d3ee40}.journey-tags{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.tag-module{color:#a5b8ff;background:#5b7cfa1f;border:1px solid #5b7cfa38;font-weight:600}.demo{background:var(--bg-soft);border-block:1px solid #ffffff0d}.demo-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:48px;display:grid}.demo-copy{flex-direction:column;gap:30px;display:flex}.demo-steps{flex-direction:column;gap:26px;display:flex}.demo-step{gap:16px;display:flex}.demo-step-num{color:#fff;background:var(--gradient);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:800;display:flex}.demo-step-body p{color:var(--text-muted);margin-top:5px;font-size:14px;line-height:1.7}.demo-step-title{align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.demo-step-title svg{color:var(--accent)}.demo-cta{align-self:flex-start}.demo-visual{min-width:0}.guided-demo{position:relative}.guided-demo-bar{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.guided-demo-hint{color:var(--text-muted);align-items:center;gap:7px;font-size:12.5px;display:inline-flex}.guided-demo-hint svg{color:var(--accent)}.guided-demo-replay{color:var(--text);cursor:pointer;background:#ffffff08;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;transition:border-color .2s,background .2s;display:inline-flex}.guided-demo-replay:hover{background:#5b7cfa14;border-color:#5b7cfa73}@media (width<=900px){.pain-grid{grid-template-columns:1fr}.demo-grid{grid-template-columns:1fr;gap:32px}.mock-body{height:380px}.mock-sidebar{width:160px}.mock-agent{width:220px}}@media (width<=640px){.mock-activity,.mock-sidebar,.mock:not(.mock--agent) .mock-agent,.mock--agent .mock-agent-canvas{display:none}.mock-body{height:340px}.hero-visual .mock-body{height:360px}.mock-agent{width:100%}.journey-step{gap:14px}.journey-card{padding:20px 18px}.journey-num{width:34px;height:34px;font-size:13px}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important}.reveal.is-visible,.mock-spin,.mock-caret{animation:none}html{scroll-behavior:auto}}.dl-modal{z-index:200;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dl-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04060cb8;position:absolute;inset:0}.dl-modal-card{background:linear-gradient(#131b2e 0%,#0d1220 100%);border:1px solid #ffffff1a;border-radius:20px;width:min(660px,100%);max-height:calc(100vh - 48px);padding:28px 28px 24px;position:relative;overflow-y:auto;box-shadow:0 28px 70px #0000008c}.dl-modal-icon{width:44px;height:44px;color:var(--accent);background:#22d3ee1f;border:1px solid #22d3ee47;border-radius:12px;place-items:center;display:grid}.dl-modal-card h3{letter-spacing:-.2px;margin-top:16px;font-size:19px;font-weight:700}.dl-modal-lead{color:var(--text-muted);margin-top:10px;font-size:14px}.dl-modal-steps{gap:12px;margin-top:18px;list-style:none;display:grid}.dl-modal-steps li{border:1px solid var(--card-border);background:var(--card);border-radius:14px;gap:12px;padding:14px 16px;display:flex}.dl-step-num{color:#fff;background:var(--gradient);border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:grid}.dl-modal-steps strong{color:var(--text);font-size:14px;display:block}.dl-modal-steps p{color:var(--text-muted);margin-top:5px;font-size:13px;line-height:1.7}.dl-modal-tip{color:var(--text-muted);border:1px dashed #ffffff24;border-radius:10px;margin-top:16px;padding:10px 12px;font-size:12.5px}.dl-modal-body{align-items:flex-start;gap:22px;margin-top:18px;display:flex}.dl-modal-qr-col{text-align:center;background:radial-gradient(circle at 50% 0,#5b7cfa33,#5b7cfa0a 72%);border:1px solid #5b7cfa5c;border-radius:16px;flex-direction:column;flex:none;align-items:center;gap:8px;width:220px;padding:16px 14px;display:flex}.dl-modal-qr{object-fit:contain;background:#fff;border-radius:12px;width:180px;height:180px;box-shadow:0 10px 26px #0006}.dl-modal-qr-empty{color:var(--text-muted);box-shadow:none;background:#ffffff0a;place-items:center;padding:14px;font-size:12.5px;line-height:1.6;display:grid}.dl-modal-group-title{color:var(--text);font-size:14px;font-weight:700;display:block}.dl-modal-group-note{color:var(--text-muted);font-size:12px;line-height:1.6}.dl-modal-info-col{flex:1;min-width:0}.dl-modal-info-col .dl-modal-lead{margin-top:0}.dl-modal-info-col .dl-modal-steps,.dl-modal-info-col .dl-modal-tip{margin-top:12px}.dl-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:22px;display:flex}.dl-modal-actions .btn-ghost,.dl-modal-actions .btn-primary{cursor:pointer;border:none;padding:12px 22px;font-family:inherit;font-size:14px}.dl-modal-actions .btn-ghost{border:1px solid #ffffff24}@media (width<=560px){.dl-modal{padding:16px}.dl-modal-card{padding:22px 18px 18px}.dl-modal-body{flex-direction:column;gap:16px}.dl-modal-qr-col{width:100%}.dl-modal-actions{flex-direction:column-reverse}.dl-modal-actions .btn-ghost,.dl-modal-actions .btn-primary{justify-content:center;width:100%}}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.price-promo{color:#ffd8a8;background:#ffb0201a;border:1px solid #ffb02052;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:fit-content;margin:-24px auto 28px;padding:8px 18px;font-size:13.5px;font-weight:600;display:flex}.price-error,.price-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;margin-bottom:24px;font-size:14px;display:flex}.price-error{color:#fca5a5}.price-group{color:var(--text);margin:0 0 20px;font-size:17px;font-weight:700}.price-group:not(:first-of-type){margin-top:44px}.price-grid{grid-template-columns:repeat(auto-fit,minmax(228px,1fr));gap:20px;display:grid}.price-card{border-radius:var(--radius);border:1px solid var(--card-border);background:var(--card);flex-direction:column;padding:24px 22px;transition:transform .2s,border-color .2s;display:flex}.price-card:hover{border-color:#5b7cfa66;transform:translateY(-3px)}.price-card header{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.price-card h3{color:var(--text);font-size:16px;font-weight:700}.price-tier{color:var(--text-muted);white-space:nowrap;font-size:12px}.price-amount{align-items:baseline;gap:10px;margin:16px 0 18px;display:flex}.price-amount strong{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:800}.price-amount s{color:var(--text-muted);font-size:14px}.price-points{flex:1;gap:10px;margin-bottom:22px;list-style:none;display:grid}.price-points li{color:var(--text-muted);align-items:center;gap:8px;font-size:13.5px;display:flex}.price-points svg{color:var(--accent);flex:none}.price-buy{cursor:pointer;border:none;justify-content:center;padding:13px 20px;font-family:inherit;font-size:15px}.price-buy:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.price-note{text-align:center;color:var(--text-muted);margin-top:36px;font-size:13px;line-height:1.8}.price-cta{justify-content:center;margin-top:40px;display:flex}
