html{scroll-behavior:smooth;scroll-padding-top:76px}html,body{height:auto}body{text-rendering:optimizelegibility;min-height:100%;font-size:15px;line-height:1.6}a{color:inherit}h1,h2,h3,p{margin:0}.wrap{max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}.mono{font-family:var(--font-mono)}.mk{flex:none;display:block;overflow:visible}.mk-stroke{fill:none;stroke:currentColor;stroke-width:var(--mk-stroke,4.4)}.mk-datum{stroke:currentColor;stroke-width:2px}.mk-ticks{stroke:currentColor;stroke-width:.6px;opacity:.3}.mk-anchor{fill:var(--pivot);stroke:currentColor;stroke-width:1.15px}.mk-glow{transform-box:fill-box;transform-origin:50%;animation:.6s ease-out 1.4s both site-glow}.btn{white-space:nowrap;height:46px;transition:background-color var(--d2) var(--ease-out), border-color var(--d2) var(--ease-out), transform var(--d2) var(--ease-out), box-shadow var(--d2) var(--ease-out);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn-small{border-radius:8px;height:34px;padding:0 14px;font-size:13.5px}.btn-solid,.btn-primary{background:var(--stage-ink);color:var(--stage)}.btn-solid:hover,.btn-primary:hover{background:#fff;box-shadow:0 6px 24px #7f9cff47}.btn-solid:hover{transform:translateY(-1px)}.btn-ghost{color:var(--stage-ink);border-color:#d6e6ff38}.btn-ghost:hover{background:#d6e6ff12;border-color:#d6e6ff5c}.btn-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transition:transform var(--d2) var(--ease-out)}.btn:hover .btn-icon{transform:translate(2px)}.bar{z-index:20;color:var(--stage-ink);background:color-mix(in srgb, var(--stage) 84%, transparent);-webkit-backdrop-filter:saturate(140%)blur(14px);transition:border-color var(--d3) var(--ease-out), background-color var(--d3) var(--ease-out);border-bottom:1px solid #0000;position:sticky;top:0}.bar.is-scrolled{background:color-mix(in srgb, var(--stage) 94%, transparent);border-bottom-color:#d6e6ff17}.bar-inner{align-items:center;gap:24px;height:64px;display:flex}.brand{color:var(--stage-ink);align-items:center;gap:9px;text-decoration:none;display:flex}.brand-mark{--mk-stroke:5.4;width:28px;height:28px}.brand-word{font:700 18px / 1 var(--font-brand);letter-spacing:-.3px}.brand-product{letter-spacing:.4px;color:var(--stage-muted);padding-top:3px;font-size:12px}.nav{gap:28px;margin-left:20px;font-size:14px;display:flex}.nav a{color:var(--stage-muted);transition:color var(--d2) var(--ease-out);text-decoration:none}.nav a:hover{color:var(--stage-ink)}.bar-tools{align-items:center;gap:12px;margin-left:auto;display:flex}.lang{border:1px solid #d6e6ff29;border-radius:999px;padding:2px;display:flex}.lang button{min-width:42px;height:26px;color:var(--stage-muted);transition:color var(--d2) var(--ease-out), background-color var(--d2) var(--ease-out);border-radius:999px;padding:0 10px;font-size:12.5px}.lang button:hover{color:var(--stage-ink)}.lang button[aria-pressed=true]{color:var(--stage-ink);background:#d6e6ff21}.hero,.cta{background:var(--stage);color:var(--stage-ink);position:relative;overflow:hidden}.hero:before,.cta:before{content:"";pointer-events:none;background-image:linear-gradient(#d6e6ff0e 1px,#0000 1px),linear-gradient(90deg,#d6e6ff0e 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 62% 40%,#000 8%,#0000 70%);mask-image:radial-gradient(at 62% 40%,#000 8%,#0000 70%)}.hero:after{content:"";pointer-events:none;background:radial-gradient(640px at 78% 42%,#7f9cff29,#0000 62%),radial-gradient(520px at 8% 100%,#7f9cff12,#0000 60%);position:absolute;inset:0}.hero{padding:clamp(40px,7vw,88px) 0 clamp(72px,9vw,120px)}.hero-grid{z-index:1;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);align-items:center;gap:clamp(40px,5vw,64px);display:grid;position:relative}.hero-mark{width:60px;height:60px;color:var(--stage-ink);margin-bottom:26px}.eyebrow{color:#c3d1ff;letter-spacing:.6px;background:#7f9cff14;border:1px solid #7f9cff57;border-radius:999px;padding:5px 13px;font-size:12.5px;display:inline-block}.hero h1{font:650 clamp(34px, 4.4vw, 54px) / 1.14 var(--font-ui);letter-spacing:-.01em;text-wrap:balance;margin-top:22px}:lang(zh) .hero h1{font-size:clamp(30px,3.2vw,46px)}:lang(en) .hero h1{letter-spacing:-.025em;font-size:clamp(30px,3.4vw,44px)}:lang(zh) h1,:lang(zh) h2,:lang(zh) h3{word-break:keep-all;overflow-wrap:anywhere}.hero h1 em{background:linear-gradient(92deg,#d2dcff 0%,#8fa8ff 55%,#7f9cff 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.lead{color:#eef3ffb8;max-width:560px;margin-top:22px;font-size:clamp(16px,1.35vw,18px);line-height:1.7}.proof{color:var(--stage-ink);flex-wrap:wrap;gap:10px 24px;margin:22px 0 0;padding:0;font-size:14.5px;font-weight:500;list-style:none;display:flex}.proof li{padding-left:26px;position:relative}.proof li:before{content:"";background:#7f9cff29;border-radius:50%;width:18px;height:18px;position:absolute;top:2px;left:0}.proof li:after{content:"";border:1.8px solid #b4c6ff;border-width:0 1.8px 1.8px 0;width:4px;height:8px;position:absolute;top:6px;left:7px;transform:rotate(45deg)}.actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.invite{color:var(--stage-muted);margin-top:20px;font-size:13.5px}.invite a{color:#b4c6ff;text-underline-offset:3px}.invite a:hover{color:#d2dcff}.hero-visual{padding:0 0 clamp(64px,9vw,104px) clamp(0px,3vw,36px);position:relative}.window{animation:site-rise .8s var(--ease-out) both;background:#0d1524;border:1px solid #d6e6ff1f;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 40px 90px #00000080,inset 0 2px #ffffff0a}.window-bar{color:#a9b5ca;background:#111a2b;border-bottom:1px solid #d6e6ff14;align-items:center;gap:9px;height:42px;padding:0 14px;font-size:12px;display:flex}.window-mark{color:#e7edf8;--mk-stroke:7;width:16px;height:16px}.window-brand{font:700 13px / 1 var(--font-brand);color:#e7edf8}.tabs{gap:2px;margin-left:10px;display:flex}.tab{white-space:nowrap;border-radius:6px;padding:5px 10px}.tab.is-active{color:#e7edf8;background:#7f9cff24}.pill{color:#87caa4;white-space:nowrap;background:#87caa41f;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:3px 10px;display:flex}.pill-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.viewport{aspect-ratio:16/11;background-color:#0a101c;background-image:radial-gradient(110% 90% at 50% 28%,#1c2943 0%,#0a101c 72%);position:relative}.viewport:before{content:"";background-image:linear-gradient(#7f9cff0f 1px,#0000 1px),linear-gradient(90deg,#7f9cff0f 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 60%,#000 10%,#0000 75%);mask-image:radial-gradient(at 50% 60%,#000 10%,#0000 75%)}.iso{width:84%;height:84%;position:absolute;inset:9% 7% 7% 9%}.iso-top{fill:#e3e8ef}.iso-left{fill:#b6bfcd}.iso-right{fill:#96a1b4}.iso-floor{fill:#8fb0f0}.iso-hole{fill:url(#iso-hole);stroke:#1d2638;stroke-width:1.1px}.iso-hole-a{stop-color:#2b3447}.iso-hole-b{stop-color:#5a6579}.iso-edge{fill:none;stroke:#1d2638;stroke-width:1.3px;stroke-linejoin:round}.iso-ext{stroke:#8fa8ff8c;stroke-width:.8px}.iso-dim{fill:none;stroke:#8fa8ff;stroke-width:1px}.iso-arrow path{fill:#8fa8ff}.iso-text{fill:#c3d1ff;font:600 12px var(--font-mono);text-anchor:middle}.viewport-label{color:#c9d4e6;background:#0b111da8;border:1px solid #d6e6ff14;border-radius:6px;padding:4px 9px;font-size:12px;position:absolute;top:12px;left:12px}.triad{fill:none;stroke-width:2px;stroke-linecap:round;width:34px;height:34px;position:absolute;bottom:10px;right:12px}.triad-x{stroke:#f08a7e}.triad-y{stroke:#5cc08d}.triad-z{stroke:#83b9ed}.sheet{color:#1d2638;width:50%;animation:site-rise .8s var(--ease-out) .18s both;background:#fbfcfd;border-radius:10px;position:absolute;bottom:0;left:-2%;overflow:hidden;box-shadow:0 28px 70px #0000008c,0 0 0 1px #0000001f}.sheet-head{color:#44506a;background:#f2f4f8;border-bottom:1px solid #e3e7ee;justify-content:space-between;gap:8px;padding:7px 12px;font-size:11.5px;font-weight:600;display:flex}.drawing{width:100%;height:auto;display:block}.dw-frame,.dw-title{fill:none;stroke:#1d2638;stroke-width:.8px}.dw-obj{fill:none;stroke:#1d2638;stroke-width:1.4px}.dw-hid{stroke:#1d2638;stroke-width:.8px;stroke-dasharray:4 2.5}.dw-ctr{stroke:#8b98ae;stroke-width:.6px;stroke-dasharray:9 2 2 2}.dw-guide{stroke:#4f72ee;stroke-width:.9px;stroke-dasharray:1.5 2.5}.dw-ext{stroke:#5d6a82;stroke-width:.6px}.dw-dim{fill:none;stroke:#44506a;stroke-width:.7px}.dw-arrow path{fill:#44506a}.dw-text{fill:#1d2638;font:600 9.5px var(--font-mono)}.dw-small{fill:#44506a;font:7px var(--font-mono)}.check-chip{-webkit-backdrop-filter:blur(8px);color:#e7edf8;max-width:62%;animation:site-rise .8s var(--ease-out) .36s both;background:#111a2beb;border:1px solid #87caa45c;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-size:12.5px;display:flex;position:absolute;top:44%;right:-8px;box-shadow:0 16px 40px #00000073}.check-chip svg{fill:none;stroke:#87caa4;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;background:#87caa42e;border-radius:50%;flex:none;width:20px;height:20px;padding:3px}.section{background:var(--ground);padding:clamp(72px,9vw,112px) 0}.section-alt{background:var(--surface);border-block:1px solid var(--line)}.section-head{max-width:720px;margin-bottom:clamp(36px,5vw,52px)}.label{letter-spacing:1.6px;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:12.5px;font-weight:600}.section h2{font:650 clamp(26px, 3vw, 38px) / 1.22 var(--font-ui);letter-spacing:-.01em;color:var(--ink);text-wrap:balance}.section-head p,.split-copy>p{color:var(--ink-2);margin-top:16px;font-size:16px;line-height:1.75}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.card{border:1px solid var(--line);background:var(--surface);transition:border-color var(--d3) var(--ease-out), transform var(--d3) var(--ease-out), box-shadow var(--d3) var(--ease-out);border-radius:14px;padding:28px 26px}.section-alt .card{background:var(--ground)}.card:hover{border-color:var(--accent-line);transform:translateY(-2px);box-shadow:0 18px 40px #05080e1f}.icon{background:var(--accent-weak);width:44px;height:44px;color:var(--accent);border-radius:11px;place-items:center;margin-bottom:20px;display:inline-grid}.icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.card h3{color:var(--ink);margin-bottom:8px;font-size:17px;font-weight:650}.card p{color:var(--ink-2);font-size:14.5px;line-height:1.7}.formats{color:var(--ink-3);margin-top:28px;font-size:13.5px}.steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.step{border-top:2px solid var(--line-strong);padding:26px 4px 0 0;position:relative}.step:before{content:"";border:2px solid var(--accent);background:var(--surface);border-radius:50%;width:12px;height:12px;position:absolute;top:-7px;left:0}.step:first-child{border-top-color:var(--accent)}.step-n{font:600 13px var(--font-mono);color:var(--accent);margin-bottom:10px;display:block}.step h3{color:var(--ink);margin-bottom:8px;font-size:16.5px;font-weight:650}.step p{color:var(--ink-2);font-size:14px;line-height:1.7}.split{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(40px,6vw,80px);display:grid}.points{gap:14px;margin:30px 0 0;padding:0;list-style:none;display:grid}.points li{color:var(--ink);padding-left:30px;font-size:15px;position:relative}.points li:before{content:"";background:var(--accent-weak);border-radius:50%;width:18px;height:18px;position:absolute;top:3px;left:0}.points li:after{content:"";border:solid var(--accent);border-width:0 1.8px 1.8px 0;width:4px;height:8px;position:absolute;top:7px;left:7px;transform:rotate(45deg)}.panels{gap:16px;display:grid}.panel{border:1px solid var(--line);background:var(--surface);border-radius:14px;overflow:hidden;box-shadow:0 20px 50px #05080e1a}.panel-head{border-bottom:1px solid var(--line);color:var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:13px 18px;font-size:14px;font-weight:650;display:flex}.legend{flex-wrap:wrap;gap:6px;display:flex}.tag,.state{white-space:nowrap;border-radius:6px;padding:1px 8px;font-size:12px;font-weight:500;line-height:1.6;display:inline-block}.tag-given{color:var(--accent);background:var(--accent-weak)}.tag-answered{color:var(--pass);background:var(--pass-weak)}.tag-provisional{color:var(--amber);background:var(--amber-weak)}.params{border-collapse:collapse;width:100%;font-size:14px}.params th{text-align:left;color:var(--ink-3);padding:9px 18px;font-size:12.5px;font-weight:500}.params td{border-top:1px solid var(--line);color:var(--ink);padding:8px 18px}.params td.mono{white-space:nowrap;font-size:13px}.checks{margin:0;padding:6px 0;list-style:none}.checks li{color:var(--ink);align-items:center;gap:12px;padding:8px 18px;font-size:14px;display:flex}.state{text-align:center;min-width:58px}.state-pass{color:var(--pass);background:var(--pass-weak)}.state-warn{color:var(--amber);background:var(--amber-weak)}.state-skip{color:var(--ink-3);background:var(--sunken)}.cta{text-align:center;padding:clamp(80px,10vw,128px) 0}.cta:before{-webkit-mask-image:radial-gradient(#000 5%,#0000 68%);mask-image:radial-gradient(#000 5%,#0000 68%)}.cta-inner{max-width:820px;position:relative}.cta-mark{width:52px;height:52px;color:var(--stage-ink);margin:0 auto 24px}.cta h2{font:650 clamp(26px, 3vw, 38px) / 1.22 var(--font-ui);letter-spacing:-.01em}.cta p{color:#eef3ffb3;max-width:620px;margin:16px auto 0;font-size:16px;line-height:1.75}.cta .actions{justify-content:center}.foot{background:var(--stage);color:var(--stage-muted);border-top:1px solid #d6e6ff14;padding:30px 0;font-size:13px}.foot-inner{flex-wrap:wrap;align-items:center;gap:14px 28px;display:flex}.foot-brand{color:var(--stage-ink);align-items:center;gap:8px;display:flex}.foot-mark{--mk-stroke:6;width:22px;height:22px}.foot .brand-word{font-size:15px}.motto i{font-family:var(--font-brand);color:var(--stage-ink)}.foot-links{gap:22px;margin-left:auto;display:flex}.foot-links a{color:var(--stage-muted);text-decoration:none}.foot-links a:hover{color:var(--stage-ink)}html[data-reveal] .reveal{opacity:0;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);transform:translateY(14px)}html[data-reveal] .reveal.is-visible{opacity:1;transform:none}.cards .card:nth-child(3n+2),.steps .step:nth-child(2){transition-delay:70ms}.cards .card:nth-child(3n),.steps .step:nth-child(3){transition-delay:.14s}.steps .step:nth-child(4){transition-delay:.21s}.steps .step:nth-child(5){transition-delay:.28s}@keyframes site-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes site-glow{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]){scroll-behavior:auto}html:not([data-motion=full]) .window,html:not([data-motion=full]) .sheet,html:not([data-motion=full]) .check-chip,html:not([data-motion=full]) .mk-glow{animation:none}html[data-reveal]:not([data-motion=full]) .reveal{opacity:1;transition:none;transform:none}}html[data-motion=reduce]{scroll-behavior:auto}html[data-motion=reduce] .window,html[data-motion=reduce] .sheet,html[data-motion=reduce] .check-chip,html[data-motion=reduce] .mk-glow{animation:none}html[data-reveal][data-motion=reduce] .reveal{opacity:1;transition:none;transform:none}@media (width<=1080px){.nav{gap:20px;margin-left:8px}.steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:36px}}@media (width<=920px){.nav{display:none}.hero-grid,.split{grid-template-columns:minmax(0,1fr)}.hero-visual{width:100%;max-width:640px;margin:0 auto}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.cards,.cards-3{grid-template-columns:minmax(0,1fr)}.steps{grid-template-columns:minmax(0,1fr);row-gap:0}.step{border-top:0;border-left:2px solid var(--line-strong);padding:0 0 28px 26px}.step:first-child{border-left-color:var(--accent)}.step:last-child{padding-bottom:0}.step:before{top:2px;left:-7px}.hero-visual{padding-bottom:72px;padding-left:0}.sheet{width:66%;left:0}.check-chip,.tabs .tab:not(.is-active),.pill{display:none}.actions .btn{flex:auto}.foot-links{margin-left:0}}@media (width<=420px){.bar-inner{gap:12px}.brand-product{display:none}.bar-tools{gap:8px}.lang button{min-width:36px;padding:0 8px}}
