@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");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}*,:before,:after{box-sizing:border-box}body{margin:0}:root{--text:#4b4d78;--text-h:#00003b;--text-muted:#8082b0;--bg:#f9faff;--bg-2:#eff1fb;--border:#d9dcee;--accent:#4b1af5;--accent-deep:#250d98;--accent-bg:#4b1af514;--green:#0f7a44;--radius:12px;--sans:"Space Grotesk Variable", system-ui, sans-serif;--mono:ui-monospace, "Cascadia Code", Consolas, monospace;--container:1120px;--nav-h:72px;font:400 16px/1.6 var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--text:#a3a6d8;--text-h:#f9faff;--text-muted:#6e70a8;--bg:#00003b;--bg-2:#0a0b4e;--border:#23246b;--accent:#7c6af5;--accent-deep:#c6bdf6;--accent-bg:#4b1af52e;--green:#5be38c}}h1,h2,h3,h4{font-family:var(--sans);color:var(--text-h);margin:0;line-height:1.15}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--container);margin:0 auto;padding:0 36px}.nav{height:var(--nav-h);z-index:100;border-bottom:1px solid #0000;transition:background .25s,border-color .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s;position:fixed;top:0;left:0;right:0}.nav.scrolled{border-bottom-color:var(--border);-webkit-backdrop-filter:blur(14px);background:#f9faffd1}@media (prefers-color-scheme:dark){.nav.scrolled{background:#00003bd1}}.nav-inner{height:var(--nav-h);align-items:center;gap:32px;display:flex}.nav-brand{color:var(--text-h);letter-spacing:-.01em;flex-shrink:0;align-items:center;gap:10px;font-size:18px;font-weight:600;text-decoration:none;display:flex}.nav-brand:hover{color:var(--text-h);text-decoration:none}.brand-mark{width:15px;height:28px;color:var(--accent);flex-shrink:0}.nav-spacer{flex:1}.nav-actions{align-items:center;gap:10px;display:flex}.btn{font:500 14px/1 var(--sans);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff;text-decoration:none}.btn-ghost{color:var(--text-h);border-color:var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-2);color:var(--text-h);text-decoration:none}.btn-lg{border-radius:10px;padding:13px 26px;font-size:15px}.hero{padding:calc(var(--nav-h) + 96px) 0 96px;grid-template-columns:1fr 480px;align-items:center;gap:64px;display:grid}.hero-text{flex-direction:column;gap:24px;display:flex}.hero-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:var(--accent-bg);border:1px solid #4b1af533;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.hero-eyebrow-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:6px;height:6px}.hero h1{letter-spacing:-.035em;font-size:clamp(38px,5vw,60px);font-weight:700;line-height:1.06}.hero-sub{color:var(--text);max-width:460px;font-size:18px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.hero-glow{pointer-events:none;background:radial-gradient(circle,#4b1af524 0%,#0000 68%);border-radius:50%;width:400px;height:400px;position:absolute}.hero-img{z-index:1;filter:drop-shadow(0 28px 52px #4b1af533);width:300px;height:auto;animation:7s ease-in-out infinite float;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.section{padding:88px 0}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:11px;font-weight:600}.section-title{letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(28px,3.5vw,42px);font-weight:700}.section-sub{color:var(--text);max-width:520px;font-size:17px;line-height:1.65}.features-section{background:var(--bg-2)}.features-header{margin-bottom:52px}.features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);border-top:3px solid #0000;flex-direction:column;gap:16px;padding:32px 28px;transition:transform .2s,box-shadow .2s,border-top-color .2s;display:flex}.feature-card:hover{border-top-color:var(--accent);transform:translateY(-3px);box-shadow:0 10px 36px #4b1af517}.feature-icon{background:var(--accent-bg);width:44px;height:44px;color:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-icon svg{width:22px;height:22px}.feature-card h3{letter-spacing:-.01em;font-size:18px;font-weight:600}.feature-card p{color:var(--text);font-size:14px;line-height:1.7}.steps-grid{grid-template-columns:repeat(3,1fr);gap:48px;margin-bottom:52px;display:grid}.step{flex-direction:column;gap:12px;display:flex}.step-num{color:var(--accent);letter-spacing:.06em;font-size:13px;font-weight:700}.step h3{letter-spacing:-.01em;font-size:18px;font-weight:600}.step p{color:var(--text);font-size:14px;line-height:1.7}.code-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.code-bar{background:#0d0f62;border-bottom:1px solid #ffffff12;align-items:center;gap:6px;padding:11px 16px;display:flex}.code-dot{border-radius:50%;width:10px;height:10px}.code-dot-r{background:#ff5f57}.code-dot-y{background:#febc2e}.code-dot-g{background:#28c840}.code-title{color:#ffffff59;font-size:12px;font-family:var(--mono);margin-left:8px}.code-body{background:#0a0b4e;padding:24px 28px;overflow-x:auto}.code-body pre{font:13px/1.8 var(--mono);color:#c8caff;white-space:pre;margin:0}.c-kw{color:#a78bfa}.c-str{color:#86efac}.c-key{color:#7dd3fc}.c-cmt{color:#6b70b8;font-style:italic}.c-fn{color:#f0abfc}.c-num{color:#fca5a5}.cta-section{padding:80px 0}.cta-card{text-align:center;background:linear-gradient(135deg,#3612d4 0%,#4b1af5 55%,#2c0fa8 100%);border-radius:20px;flex-direction:column;align-items:center;gap:24px;padding:72px 48px;display:flex}.cta-card h2{color:#fff;letter-spacing:-.025em;max-width:520px;font-size:clamp(28px,3.5vw,40px);font-weight:700}.cta-card p{color:#ffffffb8;max-width:420px;font-size:17px;line-height:1.6}.cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn-white{color:var(--accent-deep);background:#fff;border-color:#fff}.btn-white:hover{color:var(--accent-deep);background:#eef0ff;border-color:#eef0ff;text-decoration:none}.btn-outline-white{color:#fff;background:0 0;border-color:#fff6}.btn-outline-white:hover{color:#fff;background:#ffffff1a;text-decoration:none}.footer{border-top:1px solid var(--border);padding:48px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-brand{color:var(--text-h);align-items:center;gap:10px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.footer-brand:hover{color:var(--text-h);text-decoration:none}.footer-copy{color:var(--text-muted);font-size:13px}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--text-muted);font-size:13px;text-decoration:none}.footer-links a:hover{color:var(--text-h)}@media (width<=960px){.hero{text-align:center;padding-top:calc(var(--nav-h) + 56px);grid-template-columns:1fr}.hero-sub{max-width:100%}.hero-actions{justify-content:center}.hero-visual{display:none}.features-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr;gap:32px}.container{padding:0 20px}.cta-card{padding:48px 24px}.footer-inner{flex-direction:column;align-items:flex-start;gap:16px}}