.platform-intro{--color-paper:oklch(98.5% 0.004 250);--color-paper-2:oklch(96% 0.006 250);--color-rule:oklch(91% 0.006 250);--color-rule-2:oklch(83% 0.008 250);--color-neutral:oklch(46% 0.012 250);--color-muted:oklch(42% 0.012 250);--color-ink:oklch(24% 0.020 258);--color-ink-2:oklch(34% 0.018 257);--color-graphite:oklch(22% 0.016 260);--color-graphite-2:oklch(28% 0.018 260);--color-graphite-ink:oklch(92% 0.008 250);--color-graphite-muted:oklch(70% 0.010 250);--color-accent:oklch(55% 0.23 256);--color-accent-deep:oklch(48% 0.20 256);--color-accent-on-dark:oklch(64% 0.18 256);--color-accent-ink:oklch(99% 0.01 250);--color-focus:oklch(48% 0.20 256);--font-display:"Space Grotesk","PingFang SC","Microsoft YaHei",sans-serif;--font-body:"Geist","PingFang SC","Microsoft YaHei",system-ui,sans-serif;--font-mono:"JetBrains Mono","SF Mono",Consolas,monospace;--text-xs:0.8rem;--text-sm:0.875rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.5625rem;--text-xl:1.9531rem;--text-2xl:2.4414rem;--text-display:clamp(2.1rem,3.4vw + 1rem,3.5rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-hover:0 1px 2px oklch(24% 0.02 258/0.05),0 8px 24px -12px oklch(24% 0.02 258/0.10);--ease-out:cubic-bezier(0.16,1,0.3,1);--dur-fast:160ms;--dur:280ms;--dur-slow:600ms;overflow-x:clip;min-height:100vh;background:var(--color-paper);color:var(--color-ink-2);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.platform-intro *,.platform-intro :after,.platform-intro :before{-webkit-box-sizing:border-box;box-sizing:border-box}.platform-intro h1,.platform-intro h2,.platform-intro h3{font-family:var(--font-display);color:var(--color-ink);font-weight:600;line-height:1.1;letter-spacing:-.02em;margin:0;overflow-wrap:anywhere}.platform-intro p{margin:0}.platform-intro a{color:inherit;text-decoration:none}.platform-intro img,.platform-intro svg{display:block;max-width:100%}.platform-intro :focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:3px}.platform-intro .wrap{width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2rem)}.platform-intro .eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-deep);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-2)}.platform-intro .eyebrow:before{content:"";width:18px;height:2px;background:var(--color-accent);display:inline-block}.platform-intro .nav{position:sticky;top:0;z-index:50;background:oklch(98.5% .004 250/.78);backdrop-filter:blur(10px) saturate(1.1);border-bottom:1px solid var(--color-rule);-webkit-transition:background var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out);transition:background var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.platform-intro .nav.is-scrolled{background:oklch(98.5% .004 250/.92);border-bottom-color:var(--color-rule-2)}.platform-intro .nav__inner{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--space-6);height:64px}.platform-intro .brand,.platform-intro .nav__inner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.platform-intro .brand{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:var(--space-2);font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--color-ink);letter-spacing:-.01em;white-space:nowrap}.platform-intro .brand svg{width:22px;height:22px;color:var(--color-accent);-webkit-box-flex:0;-ms-flex:none;flex:none}.platform-intro .brand small{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--color-neutral);letter-spacing:.04em}.platform-intro .nav__links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-6);margin-left:auto}.platform-intro .nav__links a{font-size:var(--text-sm);color:var(--color-ink-2);white-space:nowrap;position:relative;padding-block:var(--space-2)}.platform-intro .nav__links a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;background:var(--color-accent);-webkit-transition:right var(--dur) var(--ease-out);transition:right var(--dur) var(--ease-out)}.platform-intro .nav__links a:focus-visible:after,.platform-intro .nav__links a:hover:after{right:0}.platform-intro .nav__cta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-4)}.platform-intro .nav__textlink{font-size:var(--text-sm);color:var(--color-ink-2);white-space:nowrap}.platform-intro .nav__textlink:hover{color:var(--color-accent-deep)}.platform-intro .btn{font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);border-radius:var(--radius-sm);padding:0 var(--space-5);height:40px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:var(--space-2);cursor:pointer;border:1px solid transparent;white-space:nowrap;-webkit-transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),-webkit-transform var(--dur-fast) var(--ease-out);transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),-webkit-transform var(--dur-fast) var(--ease-out);transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),-webkit-transform var(--dur-fast) var(--ease-out)}.platform-intro .btn--primary{background:var(--color-accent-deep);color:var(--color-accent-ink)}.platform-intro .btn--primary:hover{background:oklch(42% .19 256)}.platform-intro .btn--primary:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.platform-intro .btn--lg{height:48px;font-size:var(--text-base);padding-inline:var(--space-8)}.platform-intro .nav__toggle{display:none;width:44px;height:44px;border:1px solid var(--color-rule-2);background:transparent;border-radius:var(--radius-sm);cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.platform-intro .nav__toggle span,.platform-intro .nav__toggle span:after,.platform-intro .nav__toggle span:before{content:"";display:block;width:18px;height:2px;background:var(--color-ink);position:relative}.platform-intro .nav__toggle span:before{position:absolute;top:-6px}.platform-intro .nav__toggle span:after{position:absolute;top:6px}.platform-intro .hero{padding-block:clamp(3.5rem,8vw,6rem) var(--space-16)}.platform-intro .hero__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.95fr);gap:clamp(2rem,5vw,4.5rem);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.platform-intro .hero h1{font-size:var(--text-display);margin-block:var(--space-5) var(--space-6);max-width:18ch}.platform-intro .hero__lede{font-size:var(--text-md);color:var(--color-ink-2);max-width:42ch;line-height:1.55}.platform-intro .hero__actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--space-5);margin-top:var(--space-8);-ms-flex-wrap:wrap;flex-wrap:wrap}.platform-intro .hero__actions,.platform-intro .link-arrow{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.platform-intro .link-arrow{font-size:var(--text-sm);color:var(--color-ink);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:var(--space-2);white-space:nowrap}.platform-intro .link-arrow svg{width:16px;height:16px;-webkit-transition:-webkit-transform var(--dur) var(--ease-out);transition:-webkit-transform var(--dur) var(--ease-out);transition:transform var(--dur) var(--ease-out);transition:transform var(--dur) var(--ease-out),-webkit-transform var(--dur) var(--ease-out)}.platform-intro .link-arrow:hover{color:var(--color-accent-deep)}.platform-intro .link-arrow:hover svg{-webkit-transform:translateX(4px);transform:translateX(4px)}.platform-intro .modcard{border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper);padding:var(--space-6)}.platform-intro .modcard__head{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-neutral);margin-bottom:var(--space-4)}.platform-intro .modcard__tags{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--space-2)}.platform-intro .tag{font-size:var(--text-sm);color:var(--color-ink-2);border:1px solid var(--color-rule);border-radius:999px;padding:6px 12px;background:var(--color-paper-2);white-space:nowrap}.platform-intro .section{padding-block:var(--space-16)}.platform-intro .section__head{max-width:56ch;margin-bottom:var(--space-10)}.platform-intro .section__head h2{font-size:var(--text-xl);margin-top:var(--space-3)}.platform-intro .section__head p{color:var(--color-muted);margin-top:var(--space-4);font-size:var(--text-md)}.platform-intro .bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(168px,auto);gap:var(--space-4)}.platform-intro .cell{border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper);padding:var(--space-6);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-3);-webkit-transition:border-color var(--dur) var(--ease-out),-webkit-box-shadow var(--dur) var(--ease-out),-webkit-transform var(--dur) var(--ease-out);transition:border-color var(--dur) var(--ease-out),-webkit-box-shadow var(--dur) var(--ease-out),-webkit-transform var(--dur) var(--ease-out);transition:border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),transform var(--dur) var(--ease-out);transition:border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),transform var(--dur) var(--ease-out),-webkit-box-shadow var(--dur) var(--ease-out),-webkit-transform var(--dur) var(--ease-out)}.platform-intro .cell:hover{border-color:var(--color-accent);-webkit-box-shadow:var(--shadow-hover);box-shadow:var(--shadow-hover);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.platform-intro .cell__icon{width:30px;height:30px;color:var(--color-accent)}.platform-intro .cell__icon svg{width:100%;height:100%}.platform-intro .cell h3{font-size:var(--text-md)}.platform-intro .cell p{font-size:var(--text-sm);color:var(--color-muted);line-height:1.55}.platform-intro .cell--big{grid-column:span 2;grid-row:span 2;background:var(--color-paper-2)}.platform-intro .cell--big h3{font-size:var(--text-lg)}.platform-intro .cell--big p{font-size:var(--text-base);color:var(--color-ink-2)}.platform-intro .cell--wide{grid-column:span 2}.platform-intro .cell__more{margin-top:auto;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-accent-deep)}.platform-intro .flow{background:var(--color-graphite);color:var(--color-graphite-ink);border-radius:var(--radius-lg);padding:clamp(2rem,5vw,3.5rem)}.platform-intro .flow h2{color:var(--color-graphite-ink);font-size:var(--text-xl)}.platform-intro .flow__sub{color:var(--color-graphite-muted);font-family:var(--font-mono);font-size:var(--text-sm);margin-top:var(--space-3);letter-spacing:.03em}.platform-intro .flow__diagram{display:grid;grid-template-columns:1fr auto 1.1fr auto 1fr;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--space-4);margin-top:var(--space-10)}.platform-intro .flow__node{border:1px solid oklch(40% .02 260);border-radius:var(--radius-md);padding:var(--space-5);background:oklch(26% .018 260)}.platform-intro .flow__node--mid{border-color:var(--color-accent-on-dark);background:oklch(30% .06 256)}.platform-intro .flow__node h3{color:var(--color-graphite-ink);font-size:var(--text-md)}.platform-intro .flow__node p{color:var(--color-graphite-muted);font-size:var(--text-sm);margin-top:var(--space-2)}.platform-intro .flow__node--mid h3{color:var(--color-accent-on-dark)}.platform-intro .flow__arrow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--color-graphite-muted)}.platform-intro .flow__arrow svg{width:26px;height:26px}.platform-intro .faq{display:grid;gap:0;border-top:1px solid var(--color-rule)}.platform-intro .faq__item{border-bottom:1px solid var(--color-rule);padding-block:var(--space-6);display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,1fr);gap:var(--space-6)}.platform-intro .faq__q{font-family:var(--font-display);font-weight:600;color:var(--color-ink);font-size:var(--text-md)}.platform-intro .faq__a{color:var(--color-muted);font-size:var(--text-sm);line-height:1.7}.platform-intro .cta{text-align:center;padding-block:var(--space-20);border-top:1px solid var(--color-rule)}.platform-intro .cta h2{font-size:var(--text-2xl);max-width:20ch;margin-inline:auto}.platform-intro .cta p{color:var(--color-muted);margin-top:var(--space-4);font-size:var(--text-md)}.platform-intro .cta .btn{margin-top:var(--space-8)}.platform-intro .footer{border-top:1px solid var(--color-rule);padding-block:var(--space-10);background:var(--color-paper-2)}.platform-intro .footer__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:var(--space-8);-ms-flex-wrap:wrap;flex-wrap:wrap}.platform-intro .footer__brand{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-2)}.platform-intro .footer__brand .brand{font-size:1.15rem}.platform-intro .footer__tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-neutral);letter-spacing:.04em}.platform-intro .footer__links{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--space-6);-ms-flex-wrap:wrap;flex-wrap:wrap}.platform-intro .footer__links a{font-size:var(--text-sm);color:var(--color-ink-2);white-space:nowrap}.platform-intro .footer__links a:hover{color:var(--color-accent-deep)}.platform-intro .footer__copy{font-size:var(--text-xs);color:var(--color-neutral);margin-top:var(--space-6);font-family:var(--font-mono);letter-spacing:.03em}.platform-intro .reveal{opacity:0;-webkit-transform:translateY(12px);transform:translateY(12px);-webkit-transition:opacity var(--dur-slow) var(--ease-out),-webkit-transform var(--dur-slow) var(--ease-out);transition:opacity var(--dur-slow) var(--ease-out),-webkit-transform var(--dur-slow) var(--ease-out);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out),-webkit-transform var(--dur-slow) var(--ease-out)}.platform-intro .reveal.is-in{opacity:1;-webkit-transform:none;transform:none}@media(max-width:960px){.platform-intro .hero__grid{grid-template-columns:1fr}.platform-intro .modcard{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.platform-intro .bento{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-intro .cell--big{grid-column:span 2;grid-row:span 1}.platform-intro .cell--wide{grid-column:span 2}.platform-intro .flow__diagram{grid-template-columns:1fr}.platform-intro .flow__arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.platform-intro .faq__item{grid-template-columns:1fr;gap:var(--space-2)}}@media(max-width:768px){.platform-intro .nav__links{position:absolute;top:64px;left:0;right:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:var(--space-2);background:var(--color-paper);border-bottom:1px solid var(--color-rule);padding:var(--space-4) clamp(1.25rem,4vw,2rem);margin-left:0;display:none}.platform-intro .nav__links.is-open{display:-webkit-box;display:-ms-flexbox;display:flex}.platform-intro .nav__toggle{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.platform-intro .nav__cta{margin-left:auto}.platform-intro .nav__textlink{display:none}}@media(max-width:640px){.platform-intro .bento{grid-template-columns:1fr}.platform-intro .cell--big,.platform-intro .cell--wide{grid-column:span 1;grid-row:span 1}.platform-intro .hero__actions{gap:var(--space-4)}.platform-intro .footer__inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media(prefers-reduced-motion:reduce){.platform-intro .reveal{opacity:1;-webkit-transform:none;transform:none;-webkit-transition:none;transition:none}}