:root{color-scheme:dark;--bg:#080b19;--ink:#f5f5ff;--muted:#a1a9c4;--line:rgba(174,182,233,.16);--violet:#9274ff;--cyan:#71dfe8;--gold:#f6c98d;--panel:#12182c;--page-width:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--cyan);outline-offset:4px;border-radius:5px}
.site{min-height:100vh;position:relative;overflow-x:clip;overflow-y:visible;background:radial-gradient(circle at 48% -12%,rgba(105,73,187,.2),transparent 36%),#090c19}
.wrap{width:min(var(--page-width),calc(100% - 64px));margin-inline:auto}
.ambient{position:absolute;z-index:0;border-radius:50%;filter:blur(80px);pointer-events:none}
.ambient-one{width:430px;height:430px;left:-180px;top:340px;background:rgba(122,76,211,.14)}
.ambient-two{width:470px;height:470px;right:-220px;top:80px;background:rgba(38,154,179,.11)}
.site-header,.site main,.site-footer{position:relative;z-index:1}
.site-header{height:82px;width:min(1340px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em;font-size:18px}.brand small{display:block;color:#98a1bb;font-size:10px;font-weight:600;letter-spacing:.11em;margin-top:1px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(140deg,#8363f3,#5141aa);box-shadow:0 8px 24px rgba(96,70,207,.4);font-size:19px;color:white}
.site-nav{display:flex;align-items:center;gap:28px;color:#aeb5cd;font-size:13px;font-weight:600}.site-nav>a{transition:color .2s ease}.site-nav>a:hover,.site-nav>a.current{color:#fff}.site-nav .nav-cta{border:1px solid rgba(174,182,233,.3);border-radius:999px;padding:10px 16px;color:white;background:rgba(255,255,255,.035)}.site-nav .nav-cta:hover{border-color:var(--violet);background:rgba(142,115,255,.12)}
.eyebrow,.kicker{color:#b3a3ff;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid rgba(176,153,255,.24);border-radius:999px;background:rgba(159,132,255,.07)}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:#91e5df;box-shadow:0 0 12px #91e5df}
h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.045em}h1 em{font-style:normal;color:#bcaaff}h2{font-size:clamp(32px,4vw,50px);line-height:1.16}p{line-height:1.75}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 21px;border-radius:12px;font-size:14px;font-weight:750;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(110deg,#a182ff,#795ce8);color:#fff;box-shadow:0 16px 34px rgba(106,74,224,.27)}.button-ghost{border:1px solid rgba(183,187,229,.3);color:#dfe0f4;background:rgba(255,255,255,.025)}.button-ghost:hover{background:rgba(255,255,255,.07)}.button-light{color:#2c2452;background:#f3efff}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.promo-hero{min-height:680px;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:50px;padding-block:64px 88px}.hero-copy h1{font-size:clamp(46px,5.2vw,75px);line-height:1.1;margin:22px 0}.hero-lead{max-width:540px;color:#b3bad1;font-size:16px;line-height:1.85;margin-bottom:30px}.hero-footnote{display:flex;gap:8px;align-items:center;color:#8590ae;font-size:11px;margin-top:23px}.hero-footnote span{color:var(--gold)}
.hero-visual{position:relative;border:1px solid rgba(170,165,240,.25);border-radius:19px;background:#11182c;box-shadow:0 30px 90px rgba(0,0,0,.42),0 0 80px rgba(103,78,215,.12);transform:perspective(900px) rotateY(-4deg) rotateX(2deg)}.visual-top,.window-top{height:42px;display:flex;align-items:center;gap:5px;padding:0 15px;border-bottom:1px solid var(--line);color:#a4acc7;font-size:11px}.visual-top b{font-size:10px;font-weight:700;margin-left:10px}.tiny-orb,.window-dots i{width:7px;height:7px;border-radius:50%;background:#565f7e}.tiny-orb:nth-child(2),.window-dots i:nth-child(2){background:#826eae}.tiny-orb:nth-child(3),.window-dots i:nth-child(3){background:#72a4ac}.visual-badge{margin-left:auto;padding:3px 7px;border-radius:5px;color:#cfc3ff;background:rgba(139,113,255,.15)}.visual-body{min-height:405px;display:grid;grid-template-columns:31% 69%;font-size:11px}.visual-side{padding:19px 14px;border-right:1px solid var(--line)}.visual-side>span,.visual-main>span{color:#8e9bbd;font-size:9px;font-weight:800;letter-spacing:.13em}.mock-input{display:grid;gap:10px;margin-top:17px;padding:12px;border:1px solid #2d3551;border-radius:8px;color:#e0e4f4}.mock-input small{color:#8e9bbd}.mock-input.tall{height:135px;align-content:start}.mock-input i,.mock-bullet i{height:6px;border-radius:9px;background:#303b5f}.mock-input i.short{width:60%}.mock-button{margin-top:18px;border-radius:7px;padding:12px 3px;text-align:center;background:#775de9;color:#fff;font-weight:700}.visual-main{padding:19px 17px}.visual-main h3{display:flex;justify-content:space-between;font-size:12px;margin:19px 0 10px}.visual-main h3 small{font-size:9px;color:#9c9fc7}.mock-title{line-height:1.55;background:#1a213b;border:1px solid #303b5f;border-radius:8px;padding:13px;color:#e4e6f6}.mock-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.mock-tags b{font-size:9px;font-weight:600;color:#c8baff;background:rgba(134,105,238,.13);border-radius:4px;padding:5px}.mock-tags b:nth-child(2){color:#9adee1;background:rgba(73,184,186,.12)}.mock-tags b:nth-child(3){color:#ffd1aa;background:rgba(255,165,96,.1)}.mock-line{height:1px;background:var(--line);margin:20px 0}.mock-bullet{display:flex;gap:10px;margin:10px 0;padding:12px;background:#192039;border:1px solid #303851;border-radius:8px}.mock-bullet span{color:#c6b7ff;font-weight:800}.mock-bullet div{display:grid;gap:9px;width:100%}.mock-bullet strong{font-size:10px;color:#e5e3f4}.mock-bullet i.short{width:63%}.mock-bullet i.medium{width:78%}.floating-note{position:absolute;right:-24px;bottom:-30px;display:flex;align-items:center;gap:10px;padding:14px 17px;border-radius:12px;border:1px solid #4d477a;background:#211e3e;box-shadow:0 15px 35px #070815}.floating-note>span{font-size:24px;color:#c8baff}.floating-note strong,.floating-note small{display:block}.floating-note strong{font-size:12px}.floating-note small{font-size:10px;color:#9ea5bf;margin-top:4px}
.trust-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px 28px;color:#9ca9c5;font-size:12px;letter-spacing:.03em;border:1px solid var(--line);border-radius:12px;background:rgba(24,31,56,.62)}.trust-strip i{width:3px;height:3px;border-radius:50%;background:#8974db}
.section{padding-block:125px}.section-heading{text-align:center;max-width:780px;margin:0 auto 42px}.section-heading p:last-child{color:#aeb6ce}.section-heading h2{margin:13px 0 18px}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.problem-card{min-height:260px;padding:30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(160deg,rgba(42,39,78,.55),rgba(21,27,48,.75))}.problem-card:nth-child(2){background:linear-gradient(160deg,rgba(33,69,83,.35),rgba(21,27,48,.75))}.problem-card:nth-child(3){background:linear-gradient(160deg,rgba(91,54,77,.33),rgba(21,27,48,.75))}.card-number{font-size:10px;letter-spacing:.15em;font-weight:800;color:#aa9bda}.problem-card h3{margin:48px 0 12px;font-size:20px}.problem-card p{font-size:13px;color:#aeb5cb;margin:0}
.process-section{background:linear-gradient(180deg,rgba(28,32,59,.1),rgba(39,37,74,.35),rgba(28,32,59,.1));border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.split-heading{max-width:none;display:flex;align-items:end;justify-content:space-between;text-align:left;gap:40px}.split-heading>p{max-width:340px;margin-bottom:14px;font-size:13px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step{padding:22px 0;border-top:1px solid rgba(176,168,244,.4)}.step-index{color:#ad97fb;font-size:13px;font-weight:850}.step h3{font-size:18px;margin:24px 0 12px}.step p{font-size:13px;color:#acb4ce}
.sample-section{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:80px}.sample-copy h2{font-size:clamp(38px,4.3vw,57px)}.sample-copy>p:not(.kicker){color:#aeb6ce}.text-link{display:inline-flex;gap:15px;color:#c5b6ff;font-weight:700;margin-top:20px}.sample-card{border:1px solid rgba(166,156,228,.27);border-radius:18px;padding:28px;background:linear-gradient(155deg,#1e213b,#11182b);box-shadow:0 25px 70px rgba(0,0,0,.24)}.sample-label{display:inline-block;padding:6px 10px;background:#2d2949;border-radius:999px;color:#bbabf7;font-size:10px}.sample-title{display:flex;align-items:center;gap:10px;margin-top:24px}.sample-title span{display:grid;place-items:center;background:#8f6dff;border-radius:7px;width:30px;height:30px}.sample-title small{margin-left:auto;color:#8f9dbc}.sample-en{font-size:15px;line-height:1.65;margin:18px 0 10px}.sample-zh{font-size:12px;color:#adb9d6}.sample-divider{height:1px;background:var(--line);margin:20px 0}.sample-caption{font-size:10px;color:#8c99b9;letter-spacing:.12em;font-weight:800;margin-bottom:8px}.sample-chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.sample-chips span{border-radius:6px;padding:7px 9px;background:#302b51;color:#d8caff;font-size:11px}.sample-chips span:nth-child(2){background:#3a294a;color:#ffbdd0}.sample-chips span:nth-child(3){background:#333b37;color:#a6ddc0}.sample-keyword{display:flex;align-items:center;gap:10px;color:#9ca7c5;font-size:11px}.sample-keyword strong{padding:6px 9px;color:#91e2bd;border:1px solid #396551;border-radius:5px}
.final-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:90px;padding:42px 48px;border-radius:19px;background:radial-gradient(circle at 78% 10%,rgba(104,207,204,.22),transparent 36%),linear-gradient(120deg,#493b9c,#282754);border:1px solid rgba(185,178,255,.32)}.final-cta h2{font-size:38px;margin-bottom:8px}.final-cta p:last-child{margin:0;color:#cbc9e3}.site-footer{display:flex;align-items:center;gap:22px;justify-content:space-between;min-height:80px;border-top:1px solid var(--line);color:#7f8ba8;font-size:11px}.site-footer a{color:#bcaafa}
.demo-page{background:radial-gradient(circle at 65% 4%,rgba(58,111,158,.18),transparent 30%),#090d1a}.demo-hero{min-height:590px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:90px;padding-block:75px}.demo-hero h1{font-size:clamp(50px,5.6vw,78px);line-height:1.08;margin:16px 0 24px}.demo-hero-copy>p:not(.kicker){max-width:530px;color:#b3bcd4;font-size:16px}.demo-hero-copy .hero-actions{margin-top:31px}.demo-example-note{display:block;color:#8491b0;font-size:11px;margin-top:24px}.demo-hero-art{height:380px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(136,155,233,.2);border-radius:50%;transform:rotate(-24deg)}.orbit-a{width:360px;height:200px}.orbit-b{width:430px;height:250px;transform:rotate(28deg);border-color:rgba(112,213,221,.14)}.orbit-core{width:165px;height:165px;border-radius:36px;display:grid;place-items:center;background:linear-gradient(140deg,#705ad5,#20375b);box-shadow:0 0 90px rgba(102,91,231,.3),inset 0 0 30px rgba(255,255,255,.08);border:1px solid #7771d2;font-size:47px;font-weight:900;transform:rotate(-8deg)}.orbit-core span{position:absolute;top:12px;right:16px;color:#abf0e3;font-size:24px}.orbit-label{position:absolute;z-index:2;border-radius:999px;border:1px solid #4b5781;background:#1c2641;color:#c7d3f5;padding:8px 13px;font-size:10px;font-weight:850;letter-spacing:.12em}.label-one{top:47px;left:10%}.label-two{right:6%;top:145px}.label-three{bottom:56px;left:15%}.scene-nav{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.scene-nav a{display:flex;align-items:center;gap:12px;padding:24px;color:#aeb9d2;font-size:12px;font-weight:750}.scene-nav a:not(:last-child){border-right:1px solid var(--line)}.scene-nav a:hover{color:white;background:rgba(255,255,255,.035)}.scene-nav span{color:#aa95ff;font-size:11px}
.scene-section{min-height:630px;display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:84px;padding-block:110px;scroll-margin-top:30px}.scene-intro{max-width:380px}.scene-num{display:inline-block;color:#a88ff4;font-size:11px;font-weight:850;letter-spacing:.16em;margin-bottom:15px}.scene-intro h2{margin-bottom:20px}.scene-intro>p{color:#b0bad0;font-size:14px}.scene-list{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:11px;color:#d1d7e7;font-size:12px}.scene-list li{display:flex;gap:10px;line-height:1.5}.scene-list li::before{content:'✓';color:#84d8d1;font-weight:900}.scene-band{background:linear-gradient(180deg,rgba(35,39,71,.25),rgba(24,29,52,.14));border-block:1px solid rgba(255,255,255,.045)}.scene-reverse{grid-template-columns:1.25fr .75fr}.scene-reverse .scene-intro{order:2}.scene-reverse .scene-window{order:1}
.scene-window{border:1px solid rgba(156,169,224,.23);border-radius:17px;background:#111a2d;box-shadow:0 35px 75px rgba(0,0,0,.28);overflow:hidden}.window-top{height:42px;padding-inline:18px}.window-dots{display:flex;gap:5px}.window-top strong{margin-left:12px;color:#d5dced;font-size:10px}.window-top small{margin-left:auto;color:#ad9df5}.window-content{padding:22px}.field-label{display:flex;justify-content:space-between;color:#d1daf0;font-size:11px;font-weight:750;margin:0 0 8px}.field-label:not(:first-child){margin-top:17px}.field-label b{font-size:9px;color:#8493b8}.demo-field,.demo-textarea{border:1px solid #33405c;border-radius:8px;background:#17223a;padding:11px 13px;color:#d6def0;font-size:11px}.demo-field{display:flex;align-items:center;justify-content:space-between;min-height:42px}.demo-field small{color:#7584a4}.asin-pill{color:#b9c9e9;padding:5px 8px;border-radius:6px;background:#273454}.asin-pill em{font-style:normal;color:#8e9fbe}.small-ai{color:#baa9fb}.demo-textarea{height:135px;display:grid;align-content:start;gap:8px}.demo-textarea span{display:block;background:#273451;border-radius:4px;padding:5px 8px}.demo-textarea small{color:#8595b3;margin-top:3px}.demo-generate{background:#7e63eb;color:white;text-align:center;border-radius:7px;padding:12px;margin-top:18px;font-weight:750;font-size:12px}
.demo-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid #33405a;border-radius:8px;overflow:hidden;margin-bottom:14px}.demo-tabs span{padding:9px;text-align:center;color:#8392b4;font-size:10px}.demo-tabs span:first-child{background:#2c2b57;color:#cbbfff}.canvas-card{border:1px solid #33405b;border-radius:10px;padding:16px;background:#172038;margin:12px 0}.canvas-card-head{display:flex;align-items:center;gap:8px;font-size:11px}.canvas-card-head small{margin-left:auto;color:#8b98b6;font-size:9px}.icon-square{display:grid;place-items:center;background:#745ae9;border-radius:5px;width:22px;height:22px;color:#fff;font-size:11px}.icon-square.sparkle{background:#a05dca}.canvas-faux-title{margin:13px 0 9px;color:#dfe6f8;font-size:12px;font-weight:700;line-height:1.5}.canvas-card p{color:#91a1c0;font-size:10px;margin-bottom:10px}.canvas-faux-tags{display:flex;flex-wrap:wrap;gap:5px}.canvas-faux-tags span{padding:5px 7px;border-radius:5px;background:#304463;color:#9fd6ee;font-size:9px}.canvas-faux-tags span:nth-child(2){background:#304c47;color:#a5e0bf}.canvas-faux-tags span:nth-child(3){background:#5b3d34;color:#ffc7a0}.bullet-preview{margin-bottom:0}
.signal-filters{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:14px}.signal-filters span{padding:7px 9px;border-radius:6px;color:#9ba9c7;background:#222d47;font-size:9px}.signal-filters .selected{color:white;background:#715ce4}.signal-card{position:relative;padding:15px;border:1px solid #35425e;border-radius:9px;margin-top:10px;background:#172137}.signal-card>div{display:grid;gap:5px}.signal-card strong{font-size:12px}.signal-card small{font-size:10px;color:#8d9cb8}.signal-card p{font-size:10px;color:#a3b0ca;margin:10px 0 0;padding-top:10px;border-top:1px dashed #38445f}.signal-state{position:absolute;right:14px;top:14px;border:1px solid;border-radius:5px;padding:4px 6px;font-size:9px}.signal-state.embedded{color:#8bdab8;border-color:#4b9b78}.signal-state.missing{color:#ebc58b;border-color:#9b794a}.demo-outro{text-align:center;padding:105px 24px 120px;border-top:1px solid var(--line)}.demo-outro h2{margin:14px 0}.demo-outro>p:not(.kicker){color:#abb5cd}.demo-outro .hero-actions{justify-content:center;margin-top:26px}
@media(max-width:1050px){.promo-hero,.demo-hero{gap:28px}.hero-visual{transform:none}.floating-note{right:8px}.scene-section,.scene-reverse{gap:38px}.sample-section{gap:45px}}
@media(max-width:780px){.wrap{width:min(100% - 36px,var(--page-width))}.site-header{width:calc(100% - 36px);height:auto;min-height:70px;gap:10px;flex-wrap:wrap;padding:14px 0}.site-nav{gap:12px;font-size:11px}.site-nav .nav-cta{padding:8px 10px}.promo-hero,.demo-hero,.scene-section,.scene-reverse,.sample-section{grid-template-columns:1fr}.promo-hero{padding-block:55px 80px;gap:55px}.hero-visual{max-width:610px;width:100%;margin:auto}.demo-hero{gap:0;padding-block:60px 15px}.demo-hero-art{height:290px;transform:scale(.8)}.scene-section{padding-block:85px;min-height:0}.scene-reverse .scene-intro,.scene-reverse .scene-window{order:initial}.scene-intro{max-width:650px}.section{padding-block:85px}.problem-grid,.steps{grid-template-columns:1fr}.problem-card{min-height:0}.problem-card h3{margin-top:30px}.split-heading{display:block}.sample-section{gap:35px}.final-cta{padding:34px;flex-wrap:wrap}.trust-strip{flex-wrap:wrap;justify-content:center}.site-footer{flex-wrap:wrap;justify-content:center;text-align:center;padding-block:24px}.scene-nav a{justify-content:center;padding:17px 6px;font-size:10px}}
@media(max-width:520px){.brand{font-size:15px}.brand small{font-size:8px}.site-nav{width:100%;justify-content:space-between}.site-nav .nav-cta{margin-left:auto}.hero-copy h1,.demo-hero h1{font-size:43px}.hero-lead,.demo-hero-copy>p:not(.kicker){font-size:14px}.hero-actions .button{width:100%}.visual-body{grid-template-columns:34% 66%}.visual-side{padding:12px 8px}.visual-main{padding:12px 9px}.visual-main h3 small{display:none}.mock-tags b{font-size:8px;padding:4px}.floating-note{position:static;margin:10px;border:0;box-shadow:none}.trust-strip{gap:9px;padding:18px 10px;font-size:10px}.trust-strip i{display:none}.trust-strip span{padding:5px}.section-heading{text-align:left}.final-cta h2{font-size:31px}.demo-hero-art{margin:-20px auto;transform:scale(.65);width:430px;max-width:100%;left:50%;translate:-50%}.scene-window .window-content{padding:14px}.scene-nav span{display:none}.sample-card{padding:20px}}
@media(max-width:520px){.demo-hero{grid-template-columns:minmax(0,1fr)}.demo-hero-copy{min-width:0}.demo-hero-art{width:100%;left:auto;translate:none;transform:none;overflow:hidden}.orbit-a{width:95%;height:180px}.orbit-b{width:100%;height:225px}.ambient-two{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}