@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(../media/space-grotesk-vietnamese-500-normal.124hzgul_x378.woff2)format("woff2"),url(../media/space-grotesk-vietnamese-500-normal.2cc7ynremmr7q.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(../media/space-grotesk-latin-ext-500-normal.24vi-5kullur3.woff2)format("woff2"),url(../media/space-grotesk-latin-ext-500-normal.3byb4h5ei5vbt.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(../media/space-grotesk-latin-500-normal.33jdofnh71adk.woff2)format("woff2"),url(../media/space-grotesk-latin-500-normal.22aucsocraley.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(../media/space-grotesk-vietnamese-600-normal.0g_243fsrgopq.woff2)format("woff2"),url(../media/space-grotesk-vietnamese-600-normal.1_4h7s4i8qtw0.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(../media/space-grotesk-latin-ext-600-normal.2p6ts50jbut9s.woff2)format("woff2"),url(../media/space-grotesk-latin-ext-600-normal.3bl6yn-84ll6f.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(../media/space-grotesk-latin-600-normal.406z--bjzi1j-.woff2)format("woff2"),url(../media/space-grotesk-latin-600-normal.2n2gt4u-8z3ue.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(../media/space-grotesk-vietnamese-700-normal.3nrnz1jykp0-d.woff2)format("woff2"),url(../media/space-grotesk-vietnamese-700-normal.00qvn3e43vadl.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(../media/space-grotesk-latin-ext-700-normal.12edwf9le6tro.woff2)format("woff2"),url(../media/space-grotesk-latin-ext-700-normal.1m348sgz_lwrz.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(../media/space-grotesk-latin-700-normal.16tiaqjgzwdo4.woff2)format("woff2"),url(../media/space-grotesk-latin-700-normal.2f82em-z48vvn.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-xl:14px;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-ink:#0b1b2b;--color-ink-2:#10283c;--color-ink-3:#17324a;--color-brand:#0e8fb8;--color-brand-2:#12a5c8;--color-brand-soft:#e3f3f9;--color-accent:#ff7a1a;--color-accent-soft:#fff1e6;--color-paper:#f5f8fa;--color-card:#fff;--color-line:#e2eaf0;--color-inktext:#1b2b3a;--color-muted:#5b6b7b;--color-ok:#0e8f6e;--font-disp:"Space Grotesk", "Microsoft YaHei", system-ui, sans-serif;--font-body:"Microsoft YaHei", "PingFang SC", system-ui, sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-inktext);background:var(--color-paper);-webkit-font-smoothing:antialiased;line-height:1.7}::selection{background:var(--color-brand-soft);color:var(--color-ink)}img{max-width:100%;display:block}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}section{padding:96px 0}.sec-head{text-align:center;max-width:720px;margin:0 auto 56px}.kicker{letter-spacing:.12em;color:var(--color-brand);text-transform:uppercase;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.kicker:before{content:"";background:var(--color-accent);width:22px;height:2px}.sec-head h2{font-family:var(--font-disp);color:var(--color-ink);margin:14px 0;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.25}.sec-head p{color:var(--color-muted);font-size:16px}.dark .kicker{color:var(--color-brand-2)}.btn{cursor:pointer;font-size:15px;font-weight:700;font-family:var(--font-body);border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;text-decoration:none;transition:transform .15s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--color-accent);color:#fff;box-shadow:0 6px 18px #ff7a1a59}.btn-primary:hover{box-shadow:0 8px 24px #ff7a1a73}.btn-ghost{color:#fff;background:0 0;border:1px solid #ffffff59}.btn-ghost:hover{background:#ffffff14;border-color:#fff}.btn-brand{background:var(--color-brand);color:#fff;box-shadow:0 6px 18px #0e8fb84d}.nav{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1b2beb;border-bottom:1px solid #ffffff14;position:fixed;top:0;left:0;right:0}.nav-inner{align-items:center;gap:28px;max-width:1180px;margin:0 auto;padding:12px 24px;display:flex}.brand{font-family:var(--font-disp);color:#fff;letter-spacing:.02em;align-items:center;gap:10px;padding:6px 2px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.brand b{color:var(--color-brand-2);font-weight:700}.nav-links{gap:26px;margin-left:auto;display:flex}.nav-links a{color:#ffffffc7;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#fff}.nav-cta{margin-left:8px}.nav-burger{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;line-height:1;display:none}.nav-burger:hover{background:#ffffff1a}.nav-links.open{background:var(--color-ink);border-bottom:1px solid #ffffff1a;flex-direction:column;gap:16px;padding:18px 24px;display:flex;position:absolute;top:62px;left:0;right:0}.hero{background:var(--color-ink);color:#fff;padding:170px 0 96px;position:relative;overflow:hidden}.hero-grid{background-image:linear-gradient(#12a5c81a 1px,#0000 1px),linear-gradient(90deg,#12a5c81a 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 80% at 50% 20%,#000 40%,#0000 75%);mask-image:radial-gradient(90% 80% at 50% 20%,#000 40%,#0000 75%)}.hero-sweep{pointer-events:none;border:1px solid #12a5c859;border-radius:50%;width:520px;height:520px;animation:9s linear infinite sweep;position:absolute;top:6%;left:52%}.hero-sweep:before{content:"";border:1px solid #12a5c840;border-radius:50%;position:absolute;inset:-1px;transform:scale(1.45)}.hero-sweep:after{content:"";background:conic-gradient(#0000 0deg 300deg,#12a5c880 340deg,#0000 360deg);border-radius:50%;animation:4s linear infinite rotate;position:absolute;inset:0}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes sweep{0%,to{opacity:.55}50%{opacity:1}}.hero-inner{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid;position:relative}.hero .kicker{color:var(--color-brand-2)}.hero h1{font-family:var(--font-disp);letter-spacing:.01em;margin:18px 0 22px;font-size:clamp(36px,5.4vw,58px);font-weight:700;line-height:1.14}.hero h1 .hl{color:var(--color-brand-2);position:relative}.hero h1 .hl:after{content:"";background:var(--color-accent);opacity:.9;border-radius:2px;height:4px;position:absolute;bottom:-6px;left:0;right:0}.hero-sub{color:#ffffffd1;max-width:540px;margin-bottom:34px;font-size:17px}.hero-sub b{color:#fff}.hero-cta{flex-wrap:wrap;gap:14px;margin-bottom:44px;display:flex}.hero-stats{border-top:1px solid #ffffff24;padding-top:26px;display:flex}.hstat{flex:1;padding-right:22px}.hstat+.hstat{border-left:1px solid #ffffff24;padding-left:22px}.hstat .num{font-family:var(--font-disp);color:#fff;font-size:26px;font-weight:700}.hstat .num em{color:var(--color-brand-2);font-style:normal}.hstat .lab{color:#fff9;margin-top:2px;font-size:13px}.mock{background:var(--color-ink-2);border:1px solid #ffffff1f;border-radius:16px;position:relative;box-shadow:0 24px 60px #00000073}.mock-bar{background:var(--color-ink-3);border-bottom:1px solid #ffffff14;border-radius:16px 16px 0 0;align-items:center;gap:6px;padding:12px 16px;display:flex}.mock-bar i{background:#ffffff38;border-radius:50%;width:9px;height:9px}.mock-bar span{color:#ffffff8c;font-size:12px;font-family:var(--font-disp);margin-left:10px}.mock-body{border-radius:0 0 16px 16px;grid-template-columns:118px 1fr;display:grid;overflow:hidden}.mock-side{border-right:1px solid #ffffff14;padding:14px 0}.mock-side div{color:#ffffff9e;border-radius:8px;margin:2px 8px;padding:8px 16px;font-size:12px}.mock-side div.on{color:#7fd4ea;background:#12a5c82e;font-weight:700}.mock-main{padding:14px 16px 16px}.mock-toolbar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.mock-title{color:#fff;font-size:14px;font-weight:700}.mock-tag{color:#ffb37e;background:#ff7a1a33;border-radius:999px;padding:3px 10px;font-size:10.5px;font-weight:700}.mock-cards{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.mcard{background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;padding:10px 12px}.mcard .v{font-family:var(--font-disp);color:#fff;font-size:17px;font-weight:700}.mcard .v small{color:#fff9;margin-left:2px;font-size:11px;font-weight:500}.mcard .k{color:#ffffff94;margin-top:2px;font-size:11px}.mcard.hot .v{color:#ffb37e}.mock-chart{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;margin-bottom:12px;padding:10px 12px}.mock-chart .mc-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mock-chart .mc-head b{color:#ffffffbf;font-size:11.5px}.mock-chart .mc-head span{color:#ffffff73;font-size:10.5px}.bars{align-items:flex-end;gap:6px;height:54px;display:flex}.bars i{background:linear-gradient(180deg, var(--color-brand-2), #12a5c840);border-radius:3px 3px 0 0;flex:1}.bars i.a{background:linear-gradient(180deg, var(--color-accent), #ff7a1a4d)}.mock-table{border-collapse:collapse;width:100%}.mock-table th{color:#ffffff80;text-align:left;border-bottom:1px solid #ffffff1a;padding:6px 8px;font-size:10.5px;font-weight:500}.mock-table td{color:#ffffffd1;font-size:11px;font-family:var(--font-disp);border-bottom:1px solid #ffffff0d;padding:7px 8px}.mock-table td.c{color:#ffffff8c}.pill{border-radius:999px;padding:1.5px 8px;font-size:10px;font-weight:700;display:inline-block}.pill.g{color:#6fe3c2;background:#0e8f6e40}.pill.o{color:#ffb37e;background:#ff7a1a38}.pill.b{color:#7fd4ea;background:#12a5c833}.hero-badge{color:#ffb37e;background:linear-gradient(135deg,#ff7a1a38,#ff7a1a0f);border-top:1px solid #ff7a1a59;border-radius:0 0 16px 16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:12.5px;font-weight:700;display:flex}.hero-badge small{opacity:.8;color:#fff9;font-size:11px;font-weight:500;display:block}.mock-float{color:var(--color-ink);background:#fff;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:700;position:absolute;top:-18px;right:-16px;box-shadow:0 12px 30px #0000004d}.mock-float .dot{background:var(--color-ok);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:6px;animation:1.6s infinite blink;display:inline-block}@keyframes blink{50%{opacity:.35}}.pain{background:#fff}.pain-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.pain-col h3{font-family:var(--font-disp);color:var(--color-ink);align-items:center;gap:10px;margin-bottom:22px;font-size:20px;font-weight:700;display:flex}.pain-col h3 .no{width:28px;height:28px;font-size:14px;font-family:var(--font-disp);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.pain-col.bad h3 .no{background:var(--color-accent-soft);color:var(--color-accent)}.pain-col.good h3 .no{background:var(--color-brand-soft);color:var(--color-brand)}.pitem{border:1px solid var(--color-line);border-radius:12px;gap:14px;margin-bottom:12px;padding:16px 18px;display:flex}.pain-col.bad .pitem{background:var(--color-paper)}.pain-col.good .pitem{background:var(--color-brand-soft);border-color:#0e8fb838}.pitem .ic{border:1px solid var(--color-line);background:#fff;border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.pitem b{color:var(--color-ink);margin-bottom:2px;font-size:15px;display:block}.pitem p{color:var(--color-muted);font-size:13.5px;line-height:1.6}.features{background:#fff}.feat-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.feat{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-xl);padding:28px 26px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.feat:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0b1b2b14}.feat:before{content:"";background:linear-gradient(90deg, var(--color-brand), var(--color-brand-2));opacity:0;height:3px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.feat:hover:before{opacity:1}.feat .fic{background:var(--color-brand-soft);width:46px;height:46px;color:var(--color-brand);border-radius:12px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.feat:nth-child(2n) .fic{background:var(--color-accent-soft);color:var(--color-accent)}.feat h3{color:var(--color-ink);margin-bottom:8px;font-size:18px;font-weight:700}.feat p{color:var(--color-muted);font-size:14px;line-height:1.75}.feat code{font-family:var(--font-disp);background:var(--color-paper);border:1px solid var(--color-line);color:var(--color-brand);border-radius:5px;padding:1px 5px;font-size:12.5px}.feat .tag{color:var(--color-brand);background:var(--color-brand-soft);border-radius:999px;margin-top:12px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-block}.mech{background:var(--color-ink);color:#fff}.mech .sec-head h2{color:#fff}.mech .sec-head p{color:#ffffffb3}.flow{grid-template-columns:repeat(4,1fr);align-items:center;margin:10px 0 30px;display:grid}.fstep{text-align:center;padding:0 10px}.fstep .box{background:var(--color-ink-3);color:#fff;border:1px solid #12a5c859;border-radius:12px;padding:18px 10px;font-size:14px;font-weight:700}.fstep .box small{color:#ffffff8c;margin-top:3px;font-size:11px;font-weight:500;display:block}.fstep .arr{color:var(--color-accent);font-size:20px;font-weight:700;font-family:var(--font-disp);margin:0 -8px}.fstep .box.hot{border-color:var(--color-accent);background:linear-gradient(135deg,#ff7a1a40,#ff7a1a14)}.eq{font-family:var(--font-disp);color:#ffffffd9;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:16px 22px;font-size:15px;display:flex}.eq .op{color:var(--color-brand-2);font-weight:700}.eq .res{color:var(--color-accent);font-size:17px;font-weight:700}.eq-note{text-align:center;color:#ffffff8c;margin-top:14px;font-size:13px}.eq-note b{color:#7fd4ea}.modules{background:#fff}.mod-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.mod-card{border:1px solid var(--color-line);border-radius:var(--radius-xl);background:var(--color-card);padding:26px 28px}.mod-card h3{color:var(--color-ink);align-items:center;gap:10px;margin-bottom:16px;font-size:17px;font-weight:700;display:flex}.mod-card h3 .mic{background:var(--color-brand-soft);width:34px;height:34px;color:var(--color-brand);border-radius:9px;flex:none;justify-content:center;align-items:center;display:flex}.mod-card ul{grid-template-columns:1fr 1fr;gap:8px 14px;margin:0;padding:0;list-style:none;display:grid}.mod-card li{color:var(--color-inktext);background:var(--color-paper);border-radius:8px;align-items:center;gap:8px;padding:7px 12px;font-size:13.5px;display:flex}.mod-card li:before{content:"";background:var(--color-brand-2);border-radius:2px;flex:none;width:6px;height:6px}.mod-card li b{color:var(--color-ink);font-weight:700}.mod-card li span{color:var(--color-muted);font-size:12px}.mod-foot{text-align:center;color:var(--color-muted);margin-top:30px;font-size:14px}.stack{background:var(--color-ink);color:#fff}.stack .sec-head h2{color:#fff}.stack .sec-head p{color:#ffffffb3}.stack-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.st-card{background:var(--color-ink-2);border-radius:var(--radius-xl);border:1px solid #ffffff1a;padding:26px}.st-card h3{color:#fff;align-items:center;gap:10px;margin-bottom:14px;font-size:16px;font-weight:700;display:flex}.st-card h3 svg{color:var(--color-brand-2)}.st-tags{flex-wrap:wrap;gap:8px;display:flex}.st-tags span{font-family:var(--font-disp);color:#ffffffd9;background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;padding:5px 12px;font-size:12.5px}.st-tags span.hl{color:#ffb37e;background:#ff7a1a2e;border-color:#ff7a1a66}.st-rules{color:#ffffff9e;border-top:1px solid #ffffff1a;margin-top:18px;padding-top:14px;font-size:12.5px;line-height:1.9}.st-rules b{color:#ffffffe6;font-weight:600}.st-rules code{font-family:var(--font-disp);color:#a8d8ea}.deploy{background:#fff}.dep-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.dep-card{border:1px solid var(--color-line);border-radius:var(--radius-xl);background:var(--color-card);padding:28px}.dep-card .num{font-family:var(--font-disp);color:var(--color-accent);letter-spacing:.1em;font-size:13px;font-weight:700}.dep-card h3{color:var(--color-ink);margin:10px 0 8px;font-size:18px;font-weight:700}.dep-card p{color:var(--color-muted);margin-bottom:14px;font-size:14px}.dep-card code{background:var(--color-ink);color:#a8d8ea;font-family:var(--font-disp);white-space:pre;border-radius:10px;padding:12px 14px;font-size:12.5px;line-height:1.7;display:block;overflow-x:auto}.demo{background:linear-gradient(160deg, var(--color-ink) 0%, var(--color-ink-2) 60%, #0d2237 100%);color:#fff;text-align:center}.demo .sec-head{margin-bottom:34px}.demo .sec-head h2{color:#fff}.demo .sec-head p{color:#ffffffb8}.demo-box{background:#ffffff0f;border:1px solid #ffffff24;border-radius:16px;max-width:640px;margin:0 auto;padding:30px}.demo-addr{font-family:var(--font-disp);color:var(--color-brand-2);word-break:break-all;font-size:19px;font-weight:700}.demo-acc{flex-wrap:wrap;justify-content:center;gap:12px;margin:18px 0 8px;display:flex}.acc-chip{cursor:pointer;color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;transition:background .2s;display:flex}.acc-chip:hover{background:#ffffff24}.acc-chip b{color:#ffb37e;font-weight:700;font-family:var(--font-disp)}.acc-chip span{color:#ffffffbf}.demo-tip{color:#ffffff80;margin-top:14px;font-size:12.5px}.faq{background:#fff}.faq-list{max-width:780px;margin:0 auto}.faq-item{border:1px solid var(--color-line);background:var(--color-card);border-radius:12px;margin-bottom:12px;overflow:hidden}.faq-q{text-align:left;width:100%;color:var(--color-ink);cursor:pointer;font-size:15.5px;font-weight:700;font-family:var(--font-body);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.faq-q .pm{background:var(--color-brand-soft);width:26px;height:26px;color:var(--color-brand);font-size:15px;font-family:var(--font-disp);border-radius:50%;flex:none;justify-content:center;align-items:center;transition:transform .25s;display:flex}.faq-item.open .pm{transform:rotate(45deg)}.faq-a{max-height:0;transition:max-height .3s;overflow:hidden}.faq-a p{color:var(--color-muted);padding:0 22px 20px;font-size:14px;line-height:1.8}.faq-a code{font-family:var(--font-disp);background:var(--color-paper);border:1px solid var(--color-line);color:var(--color-brand);border-radius:5px;padding:1px 5px;font-size:12.5px}footer{background:var(--color-ink);color:#ffffffb8;padding:60px 0 36px}.foot-grid{grid-template-columns:1.4fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.foot-brand{font-family:var(--font-disp);color:#fff;align-items:center;gap:10px;margin-bottom:12px;font-size:20px;font-weight:700;display:flex}.foot-brand b{color:var(--color-brand-2)}.foot-desc{max-width:320px;font-size:13.5px;line-height:1.8}.foot-col h4{color:#fff;letter-spacing:.08em;margin-bottom:14px;font-size:13px;font-weight:700}.foot-col a,.foot-col div{color:#ffffffad;margin-bottom:2px;padding:11px 0;font-size:14px;text-decoration:none;transition:color .2s;display:block}.foot-col a:hover{color:#fff}.foot-bottom{color:#ffffff73;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:22px;font-size:12.5px;display:flex}.foot-bottom .mit{align-items:center;gap:6px;display:inline-flex}.toast{background:var(--color-ink);color:#fff;opacity:0;z-index:200;pointer-events:none;border-radius:999px;padding:12px 22px;font-size:14px;font-weight:500;transition:all .3s;position:fixed;bottom:34px;left:50%;transform:translate(-50%)translateY(80px);box-shadow:0 12px 30px #0000004d}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast b{color:var(--color-brand-2)}@media (max-width:1024px){.hero-inner{grid-template-columns:1fr;gap:44px}.hero{padding:150px 0 72px}.feat-grid,.stack-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.nav-links{display:none}.nav-burger{display:flex}.nav-cta{margin-left:auto}.pain-grid,.mod-grid,.feat-grid{grid-template-columns:1fr}.flow{grid-template-columns:1fr;gap:0;max-width:400px;margin:0 auto 30px}.fstep .arr{margin:4px 0;transform:rotate(90deg)}.stack-grid,.dep-grid,.foot-grid{grid-template-columns:1fr}.hstat .num{font-size:21px}.hero-stats{gap:14px}.hstat+.hstat{padding-left:14px}.hero-sweep{width:340px;height:340px;left:30%}}@media (max-width:560px){section{padding:72px 0}.mod-card ul,.mock-body{grid-template-columns:1fr}.mock-side{display:none}.mock-float{right:-6px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}
