@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.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}:root{--rail:#05192d;--rail-raised:#0b2540;--rail-line:#b6c4d224;--rail-text:#b6c4d2;--canvas:#f3f5f8;--surface:#fff;--line:#dce3ea;--ink:#0f1c2a;--muted:#586777;--signal:#1f63c6;--signal-strong:#174f9f;--signal-light:#7fb0ff;--tally:#2fd27a;--font:"Archivo Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--gutter:clamp(16px, 4vw, 40px);--radius:10px;--ease-out:cubic-bezier(.05, .7, .1, 1);--ease-standard:cubic-bezier(.2, 0, 0, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{background:var(--rail);scrollbar-width:none;scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:80px}html::-webkit-scrollbar{display:none}body{font-family:var(--font);color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1.0625rem;line-height:1.6}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}img{display:block}a{color:inherit}:focus-visible{outline:3px solid var(--signal-light);outline-offset:3px;border-radius:4px}.container{width:100%;max-width:1200px;padding-inline:var(--gutter);margin-inline:auto}.skip-link{z-index:100;background:var(--surface);color:var(--ink);border-radius:6px;padding:10px 16px;font-weight:600;position:absolute;top:-60px;left:16px}.skip-link:focus{top:12px}.btn{min-height:48px;font:inherit;white-space:nowrap;cursor:pointer;transition:transform .2s var(--ease-standard), background-color .2s var(--ease-standard), border-color .2s var(--ease-standard), box-shadow .2s var(--ease-standard);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-weight:650;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--signal);color:#fff;box-shadow:0 8px 24px -12px #1f63c6e6}.btn-primary:after{content:"";transition:transform .7s var(--ease-out);background:linear-gradient(105deg,#0000 30%,#ffffff47 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.btn-primary:hover{background:var(--signal-strong);transform:translateY(-2px);box-shadow:0 14px 30px -12px #1f63c6f2}.btn-primary:hover:after{transform:translate(120%)}.btn-primary:active{transform:translateY(0)}.btn-ghost{border-color:var(--rail-line);color:#fff;background:#ffffff0a}.btn-ghost:hover{background:#ffffff14;border-color:#b6c4d266}.btn-small{background:var(--signal);color:#fff;min-height:40px;padding:0 18px;font-size:.9375rem}.btn-small:hover{background:var(--signal-strong)}.btn-large{min-height:56px;padding:0 32px;font-size:1.125rem}.btn-icon{flex:none;width:20px;height:20px}.site-header{z-index:50;color:#fff;transition:background-color .3s var(--ease-standard), box-shadow .3s var(--ease-standard);position:fixed;inset:0 0 auto}.site-header.is-scrolled{-webkit-backdrop-filter:saturate(140%)blur(14px);box-shadow:0 1px 0 var(--rail-line);background:#05192ddb}.header-bar{align-items:center;gap:32px;height:72px;display:flex}.logo{letter-spacing:-.01em;font-variation-settings:"wdth" 88;align-items:center;gap:10px;font-size:1.125rem;font-weight:700;text-decoration:none;display:inline-flex}.site-header nav{gap:28px;margin-left:auto;font-size:.9375rem;display:flex}.site-header nav a{color:var(--rail-text);text-decoration:none;transition:color .16s}.site-header nav a:hover{color:#fff}.fold{flex-direction:column;min-height:100svh;display:flex}.fold .hero{flex:1;align-content:center;display:grid}.hero{background:var(--rail);color:#fff;isolation:isolate;padding:140px 0 96px;position:relative;overflow:hidden}.hero-grid-bg{z-index:-1;background-image:linear-gradient(var(--rail-line) 1px, transparent 1px), linear-gradient(90deg, var(--rail-line) 1px, transparent 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 70% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(80% 70% at 70% 40%,#000 20%,#0000 75%)}.hero-grid-bg:after{content:"";background:linear-gradient(#0000,#7fb0ff2e 50%,#0000) 0 0/100% 220px no-repeat;animation:7s linear infinite scan;position:absolute;inset:0}@keyframes scan{0%{background-position:0 -220px}to{background-position:0 calc(100% + 220px)}}.hero-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:clamp(40px,6vw,88px);display:grid}.hero h1{font-variation-settings:"wdth" 68;letter-spacing:-.015em;text-wrap:balance;font-size:clamp(2.6rem,5.4vw,5.2rem);font-weight:800;line-height:.95}.hero h1 .line{display:block}.js .hero h1 .line{animation:rise .9s var(--ease-out) both}.js .hero h1 .line:nth-child(2){animation-delay:90ms}.js .hero h1 .line:nth-child(3){animation-delay:.18s}.hero-lead{max-width:56ch;color:var(--rail-text);margin-top:28px;font-size:clamp(1.0625rem,1.4vw,1.1875rem)}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:40px;display:flex}.js .hero-lead,.js .hero-actions{animation:rise .9s .28s var(--ease-out) both}.js .hero-actions{animation-delay:.36s}@keyframes rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.monitor{--t-upload:.3s;--t-ladder:1.6s;--t-player:3.7s;border:1px solid var(--rail-line);color:var(--rail-text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#ffffff0f,#ffffff05);border-radius:14px;font-size:.875rem;position:relative;box-shadow:0 40px 80px -40px #000c,inset 0 1px #ffffff0f}.js .monitor{animation:rise 1s .2s var(--ease-out) both}.monitor-head{border-bottom:1px solid var(--rail-line);color:#fff;align-items:center;gap:12px;padding:12px 16px;font-weight:600;display:flex}.monitor-dots{gap:6px;display:inline-flex}.monitor-dots i{background:#b6c4d240;border-radius:50%;width:9px;height:9px}.chain{gap:18px;padding:18px;display:grid}.stage{opacity:0;animation:stage-in .6s var(--ease-out) forwards;transform:translateY(10px)}.stage-upload{animation-delay:var(--t-upload);grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;display:grid}.stage-ladder{animation-delay:var(--t-ladder);gap:8px;display:grid}.stage-player{animation-delay:var(--t-player)}@keyframes stage-in{to{opacity:1;transform:none}}.stage-icon{width:22px;height:22px;color:var(--signal-light)}.file{justify-content:space-between;gap:12px;min-width:0;display:flex}.file strong{text-overflow:ellipsis;white-space:nowrap;color:#fff;font-weight:600;overflow:hidden}.swap{flex:none;display:grid}.swap>span{grid-area:1/1}.swap>span:first-child{animation:fade-out .3s calc(var(--t-upload) + 1.1s) forwards}.swap>span:last-child{opacity:0;color:var(--tally);animation:fade-in .3s calc(var(--t-upload) + 1.1s) forwards}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{to{opacity:1}}.meter{background:#b6c4d224;border-radius:3px;height:6px;position:relative;overflow:hidden}.meter i{border-radius:inherit;background:linear-gradient(90deg, var(--signal), var(--signal-light));transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.stage-upload .meter{grid-column:1/-1}.stage-upload .meter i{animation:fill 1.1s var(--ease-standard) var(--t-upload) forwards}@keyframes fill{to{transform:scaleX(1)}}.rung{grid-template-columns:52px 1fr 18px;align-items:center;gap:12px;display:grid}.rung-name{font-variant-numeric:tabular-nums;color:#fff;font-weight:600}.rung .meter i{animation:fill .9s var(--ease-standard) calc(var(--t-ladder) + .2s + var(--i) * .24s) forwards}.rung-check{width:18px;height:18px;color:var(--tally);opacity:0;animation:pop .4s var(--ease-out) calc(var(--t-ladder) + 1.1s + var(--i) * .24s) forwards;transform:scale(.4)}@keyframes pop{to{opacity:1;transform:none}}.screen{aspect-ratio:16/7;background:#020c17;border-radius:8px;position:relative;overflow:hidden}.screen-art{filter:blur(6px);background:radial-gradient(circle at 28% 60%,#1f63c6bf,#0000 45%),radial-gradient(circle at 75% 35%,#7fb0ff73,#0000 40%),radial-gradient(circle at 60% 90%,#2fd27a40,#0000 35%);animation:9s ease-in-out infinite alternate drift;position:absolute;inset:0}@keyframes drift{to{transform:scale(1.15)translate(-4%)}}.screen-play{width:48px;height:48px;animation:ping 2s ease-out calc(var(--t-player) + .6s) infinite;background:#ffffffeb;border-radius:50%;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%;box-shadow:0 0 #ffffff80}.screen-play:after{content:"";border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent var(--rail);position:absolute;top:50%;left:54%;transform:translate(-50%,-50%)}@keyframes ping{70%{box-shadow:0 0 0 14px #fff0}to{box-shadow:0 0 #fff0}}.scrubber{background:#ffffff40;border-radius:2px;height:3px;position:absolute;inset:auto 12px 10px;overflow:hidden}.scrubber i{background:var(--signal-light);transform-origin:0;animation:fill 7s linear calc(var(--t-player) + .6s) forwards;position:absolute;inset:0;transform:scaleX(0)}.status{color:#fff;align-items:center;gap:10px;margin-top:12px;font-weight:600;display:flex}.tally{background:var(--tally);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #2fd27a2e}.monitor.is-paused .chain *,.monitor.is-paused .chain{animation-play-state:paused}.monitor.is-still .chain *,.monitor.is-still .chain{opacity:1;animation:none;transform:none}.monitor.is-still .swap>span:first-child{opacity:0}.monitor.is-still .scrubber i{transform:scaleX(.4)}.stats{background:var(--rail-raised);color:#fff;border-top:1px solid var(--rail-line)}.stats-row{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stat{border-left:1px solid var(--rail-line);flex-direction:column-reverse;justify-content:flex-end;gap:4px;padding:36px 24px;display:flex}.stat:first-child{border-left:0;padding-left:0}.stat dd{font-variation-settings:"wdth" 72;font-variant-numeric:tabular-nums;font-size:clamp(2rem,3.6vw,3rem);font-weight:750;line-height:1}.stat dt{color:var(--rail-text)}.section{padding:clamp(80px,11vw,140px) 0}.section-title{font-variation-settings:"wdth" 74;letter-spacing:-.01em;text-wrap:balance;max-width:18ch;font-size:clamp(2.1rem,4.4vw,3.6rem);font-weight:780;line-height:1}.section-lead{max-width:58ch;color:var(--muted);margin-top:20px;font-size:1.125rem}h3{font-variation-settings:"wdth" 92;font-size:1.25rem;font-weight:680;line-height:1.25}.js .reveal{opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transform:translateY(24px)}.js .reveal.is-in{opacity:1;transform:none}.audience-list{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:56px;display:grid}.audience-list li{border-left:1px solid var(--line);padding:36px 32px 8px}.audience-list li:first-child{border-left:0;padding-left:0}.audience-icon{width:36px;height:36px;color:var(--signal);margin-bottom:24px}.audience-list p{color:var(--muted);margin-top:10px}.how{background:var(--surface)}.steps{--progress:0;counter-reset:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:64px;display:grid;position:relative}.steps:before,.steps:after{content:"";background:var(--line);height:2px;position:absolute;top:23px;left:24px;right:24px}.steps:after{background:linear-gradient(90deg, var(--signal), var(--signal-light));transform-origin:0;transition:transform 1.8s var(--ease-standard) .2s;transform:scaleX(0)}.steps.is-in:after{transform:scaleX(1)}.steps li{position:relative}.step-node{z-index:1;border:2px solid var(--line);background:var(--surface);width:48px;height:48px;color:var(--muted);transition:border-color .4s var(--ease-standard), background-color .4s var(--ease-standard), color .4s var(--ease-standard), box-shadow .4s var(--ease-standard);transition-delay:calc(.3s + var(--i) * .5s);border-radius:50%;place-items:center;margin-bottom:24px;font-weight:750;display:grid;position:relative}.steps.is-in .step-node{border-color:var(--signal);background:var(--signal);color:#fff;box-shadow:0 0 0 6px #1f63c624}.steps p{color:var(--muted);margin-top:10px}.product{background:var(--rail);color:#fff}.product .section-lead{color:var(--rail-text)}.product-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(48px,7vw,104px);display:grid}.product-intro{position:sticky;top:112px}.feature-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;display:grid}.feature-list li{border-top:1px solid var(--rail-line);padding:28px 0 28px 20px;position:relative}.feature-list li:before{content:"";background:var(--signal);width:3px;height:22px;transition:height .3s var(--ease-standard), background-color .3s;border-radius:2px;position:absolute;top:32px;left:0}.feature-list li:hover:before{background:var(--signal-light);height:calc(100% - 64px)}.feature-list p{color:var(--rail-text);margin-top:10px}.player-demo{--accent:var(--signal);margin-top:48px}.player{aspect-ratio:16/9;border-radius:var(--radius);background:#020c17;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #000000e6}.player-art{background:radial-gradient(circle at 30% 65%, color-mix(in srgb, var(--accent) 75%, transparent), transparent 45%), radial-gradient(circle at 72% 30%, #ffffff29, transparent 38%), linear-gradient(160deg, #0b2540, #020c17);filter:blur(10px);transition:background .5s var(--ease-standard);position:absolute;inset:-10%}.player-logo{background:var(--accent);width:40px;height:40px;transition:background-color .4s var(--ease-standard);animation:stage-in .3s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.player-play{background:var(--accent);width:64px;height:64px;transition:background-color .4s var(--ease-standard);border-radius:50%;margin:-32px 0 0 -32px;position:absolute;top:50%;left:50%}.player-play:after{content:"";border:11px solid #0000;border-left:18px solid #fff;border-right-width:0;position:absolute;top:50%;left:54%;transform:translate(-50%,-50%)}.player-bar{font-variant-numeric:tabular-nums;background:linear-gradient(#0000,#0000008c);align-items:center;gap:12px;padding:14px 16px;font-size:.8125rem;display:flex;position:absolute;inset:auto 0 0}.player-progress{background:#ffffff4d;border-radius:2px;flex:1;height:4px;position:relative}.player-progress:before{content:"";border-radius:inherit;background:var(--accent);transition:background-color .4s var(--ease-standard);position:absolute;inset:0 58% 0 0}.player-demo figcaption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.demo-label{color:var(--rail-text);font-size:.9375rem}.swatches{align-items:center;gap:10px;display:flex}.swatch{outline-offset:2px;cursor:pointer;width:30px;height:30px;box-shadow:inset 0 0 0 2px var(--rail);transition:transform .16s var(--ease-standard);border:2px solid #0000;border-radius:50%;padding:0}.swatch:hover{transform:scale(1.12)}.swatch[aria-pressed=true]{border-color:#fff}.logo-toggle{color:var(--rail-text);cursor:pointer;align-items:center;gap:6px;margin-left:8px;font-size:.9375rem;display:inline-flex}.logo-toggle input{width:18px;height:18px;accent-color:var(--signal)}.equation{flex-wrap:wrap;align-items:stretch;margin-top:56px;display:flex}.term{flex:240px;align-items:center;display:flex}.term>div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex:1;gap:6px;padding:28px;display:grid}.term strong{font-variation-settings:"wdth" 80;font-size:1.375rem;font-weight:720}.term span{color:var(--muted)}.operator{color:var(--signal);padding:0 18px;font-size:2rem;font-weight:300}.pricing-cta{flex-wrap:wrap;align-items:center;gap:20px;margin-top:40px;display:flex}.pricing-cta p{color:var(--muted)}.contact{background:var(--rail);color:#fff;text-align:center;isolation:isolate;padding:clamp(96px,13vw,168px) 0;position:relative;overflow:hidden}.contact:before{content:"";z-index:-1;aspect-ratio:1;border:1px solid var(--rail-line);border-radius:50%;width:min(1100px,140vw);position:absolute;bottom:-60%;left:50%;transform:translate(-50%);box-shadow:0 0 0 80px #05192d00,inset 0 0 0 80px #b6c4d208,inset 0 0 0 160px #b6c4d206}.contact-layout{justify-items:center;display:grid}.contact h2{font-variation-settings:"wdth" 68;text-wrap:balance;max-width:16ch;font-size:clamp(2.4rem,5.6vw,4.6rem);font-weight:800;line-height:.98}.contact-lead{color:var(--rail-text);margin-top:20px;font-size:1.1875rem}.contact-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:44px;display:flex}.copy{border:1px solid var(--rail-line);color:#fff;min-height:56px;font:inherit;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:10px;padding:0 20px;transition:border-color .2s;display:inline-flex}.copy:hover{border-color:#b6c4d273}.copy-state{color:var(--rail-text);font-size:.875rem}.site-footer{background:var(--rail);color:var(--rail-text);border-top:1px solid var(--rail-line);padding:32px 0;font-size:.9375rem}.footer-row{flex-wrap:wrap;align-items:center;gap:16px 32px;display:flex}.footer-row .logo{color:#fff;margin-right:auto}.footer-row a:not(.logo){text-decoration:none}.footer-row a:not(.logo):hover{color:#fff}.back-to-top{right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));z-index:60;color:#fff;cursor:pointer;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);width:56px;height:56px;transition:opacity .3s var(--ease-standard), transform .45s var(--ease-out), background-color .2s;background:#05192de6;border:0;border-radius:50%;padding:4px;position:fixed;transform:translateY(16px)scale(.6);box-shadow:0 12px 30px -10px #000000b3}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:none}.back-to-top:hover{background:var(--signal)}.back-to-top svg{fill:none;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block}.ring-track{stroke:#b6c4d233;stroke-width:2px}.ring-progress{stroke:var(--signal-light);stroke-width:2.5px;transform-origin:50%;transition:stroke-dashoffset .12s linear;transform:rotate(-90deg)}.back-to-top:hover .ring-progress{stroke:#fff}.arrow{stroke:currentColor;stroke-width:2.2px;transition:transform .25s var(--ease-out)}.back-to-top:hover .arrow{transform:translateY(-3px)}@media (width<=960px){.steps{grid-template-columns:1fr;gap:0;max-width:560px}.steps:before,.steps:after{width:2px;height:auto;display:block;inset:24px auto 24px 23px}.steps:after{transform-origin:top;transform:scaleY(0)}.steps.is-in:after{transform:scaleY(1)}.steps li{min-height:48px;padding:11px 0 36px 76px}.steps li:last-child{padding-bottom:0}.step-node{margin:0;position:absolute;top:0;left:0}.steps p{margin-top:6px}.hero{padding-top:120px}.hero-layout,.product-layout{grid-template-columns:1fr}.product-intro{position:static}.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:nth-child(3){border-left:0;padding-left:0}.stat:nth-child(n+3){border-top:1px solid var(--rail-line)}}@media (width<=720px){.site-header nav{display:none}.header-bar{justify-content:space-between}.section{padding:72px 0}.hero{padding:104px 0 56px}.hero-lead{margin-top:20px}.hero-actions{margin-top:28px}.chain{gap:14px;padding:14px}.audience-list,.feature-list{grid-template-columns:1fr}.audience-list{margin-top:36px}.audience-list li{border-left:0;grid-template-columns:28px 1fr;align-items:center;column-gap:14px;padding:24px 0;display:grid}.audience-list li+li{border-top:1px solid var(--line)}.audience-icon{width:28px;height:28px;margin:0}.audience-list p{grid-column:2;margin-top:6px}.steps{margin-top:44px}.feature-list li{padding:22px 0 22px 20px}.feature-list li:before{top:26px}.player-demo{margin-top:32px}.equation{margin-top:36px}.term>div{padding:20px 22px}.pricing-cta .btn{width:100%}.footer-row{flex-direction:column;align-items:flex-start;gap:12px}.footer-row .logo{margin:0 0 8px}.stat{padding:28px 16px}.operator{text-align:center;width:100%;padding:6px 0}.term{flex-wrap:wrap;flex-basis:100%}.hero-actions .btn,.contact-actions .btn,.copy{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.hero-grid-bg:after{display:none}}