@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--ink:#09090d;--muted:#64616b;--paper:#f5f3ed;--accent:#d7ff44;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}img{max-width:100%}#root{min-height:100svh}.site-shell{color:#eeeef0;background:#18191c;min-height:100svh}.nav{z-index:20;color:#eeeef0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#18191ceb;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:80px;padding:0 max(32px,50vw - 590px);display:grid;position:fixed;top:0;left:0;right:0}.brand,.nav a,.footer a,.footer-link{color:inherit;text-decoration:none}button{cursor:pointer;border:0}.brand{align-items:center;width:max-content;display:inline-flex}.brand-logo{object-fit:contain;width:auto;max-width:120px;display:block}.nav-links{justify-content:center;align-items:center;gap:22px;display:flex}.nav-links a,.nav-cta,.text-link,.footer-link{font-size:12px;font-weight:700}.nav-links a{color:#eeeef0b8}.nav-links a:hover,.footer a:hover,.footer-link:hover{color:#31d8c6}.nav-cta{color:#18191c;background:#31d8c6;border-radius:999px;justify-self:end;padding:10px 16px}.hero{text-align:center;isolation:isolate;place-items:center;min-height:1128px;padding:120px 24px 96px;display:grid;position:relative}.hero:before{content:"";z-index:-1;background:linear-gradient(#18191ca3,#18191c 78%),linear-gradient(90deg,#18191cb3,#18191c47,#18191cb8);position:absolute;inset:0}.hero-video{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-copy{width:min(680px,100%);margin-top:-150px}.eyebrow{color:#31d8c6;letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:800}.hero h1,.feature h2,.included h2,.cta h2{color:#eeeef0;letter-spacing:-.035em;margin:0;font-size:72px;font-weight:800;line-height:1.05}.hero-lede{color:#eeeef0bd;max-width:560px;margin:22px auto 0;font-size:18px;line-height:1.5}.hero-actions{justify-content:center;gap:12px;margin-top:30px;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-size:13px;font-weight:800;text-decoration:none;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex}.button:hover,.nav-cta:hover{transform:translateY(-2px)}.button.primary{color:#18191c;background:#31d8c6;box-shadow:0 0 #31d8c600}.button.secondary{color:#eeeef0;background:#eeeef01f}.hero-reveal{animation:.9s cubic-bezier(.22,1,.36,1) both heroRise}.hero .button.primary,.cta .button.primary{animation:2.6s ease-in-out infinite softPulse}.reveal-group{opacity:0;filter:blur(14px);will-change:opacity, filter, transform;transition:opacity 1s cubic-bezier(.16,1,.3,1),filter 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transform:translateY(92px)scale(.96)}.reveal-group.is-visible{opacity:1;filter:blur();transform:translateY(0)scale(1)}.reveal-item{opacity:0;transition:opacity .88s cubic-bezier(.16,1,.3,1),transform .88s cubic-bezier(.16,1,.3,1);transition-delay:calc(.14s + var(--delay,0s));will-change:opacity, transform;transform:translateY(54px)}.reveal-group.is-visible .reveal-item{opacity:1;transform:translateY(0)}.hero-panel{display:none}.included,.feature,.footer{width:min(1180px,100% - 40px);margin:0 auto}.included{grid-template-columns:.78fr 1fr;gap:70px;padding:70px 0 120px;display:grid}.included h2{font-size:46px;line-height:1.06}.included ul{color:#eeeef0c7;margin:4px 0 0;padding:0;font-size:14px;line-height:1.65}.included li{margin:0 0 4px 18px}.included li::marker{color:#31d8c6}.feature{text-align:center;justify-items:center;gap:34px;padding:94px 0 84px;display:grid}.feature-copy{width:min(760px,100%)}.feature h2,.cta h2{font-size:48px;line-height:1.06}.cta h2{letter-spacing:-.015em;max-width:1080px;margin-inline:auto;line-height:1.28}.cta .eyebrow{margin-bottom:24px}.feature-copy>p:not(.eyebrow),.cta p,.footer p{color:#eeeef0ad;margin:18px auto 0;font-size:15px;line-height:1.55}.feature-copy>p:not(.eyebrow){max-width:650px}.text-link{color:#eeeef0;background:0 0;border-radius:0;margin-top:18px;padding:0;display:inline-flex}.text-link:after{content:" ->";padding-left:6px}.feature-visual{background:#101114;border-radius:10px;width:min(950px,100%);overflow:hidden;box-shadow:0 28px 70px #00000047}.feature-visual img{object-fit:cover;width:100%;transition:transform 1.2s cubic-bezier(.16,1,.3,1);display:block;transform:scale(1.09)}.reveal-group.is-visible .feature-visual img{transform:scale(1)}.feature-cards{text-align:left;grid-template-columns:repeat(3,1fr);gap:32px;width:100%;display:grid}.feature-cards article{min-height:132px;transition:opacity .88s cubic-bezier(.16,1,.3,1),transform .88s cubic-bezier(.16,1,.3,1),color .18s}.feature-cards article:hover h3{color:var(--feature-accent)}.feature-cards h3,.footer h3{color:#eeeef0;margin:0 0 12px;font-size:17px;line-height:1.22}.feature-cards p{color:#eeeef09e;margin:0;font-size:13px;line-height:1.5}.feature-violet{--feature-accent:#8b5cf6}.feature-blue{--feature-accent:#2563eb}.feature-green{--feature-accent:#17a34a}.feature-orange{--feature-accent:#eab308}.feature-pink{--feature-accent:#db2777}.feature .eyebrow{color:var(--feature-accent)}.cta{text-align:center;isolation:isolate;place-items:center;min-height:560px;margin-top:90px;padding:84px 24px;display:grid;position:relative}.cta img{z-index:-2;object-fit:cover;opacity:.42;width:100%;height:100%;position:absolute;inset:0}.cta:after{content:"";z-index:-1;background:#18191c8c;position:absolute;inset:0}.cta>div{width:min(1080px,100%)}.cta p{max-width:760px;margin-top:32px;line-height:1.8}.cta .button{margin-top:24px}.footer{grid-template-columns:1fr 1.4fr;gap:80px;padding:100px 0 70px;display:grid}.footer-grid{grid-template-columns:repeat(2,1fr);gap:42px;display:grid}.footer p,.footer a,.footer-link{color:#eeeef099;font-size:13px;line-height:1.6}.footer a,.footer-link{margin:8px 0;display:block}.footer-link{text-align:left;background:0 0;padding:0}.popup-backdrop{z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0b0eb8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.zalo-popup{color:#eeeef0;text-align:center;background:#18191c;border:1px solid #eeeef029;border-radius:10px;width:min(430px,100%);padding:34px;animation:.18s both popupIn;position:relative;box-shadow:0 28px 80px #0000006b}.zalo-popup h2{color:#eeeef0;margin:0;font-size:32px;line-height:1.08}.zalo-popup p:not(.eyebrow){color:#eeeef0b8;margin:16px 0 0;font-size:16px;line-height:1.55}.zalo-popup strong{color:#31d8c6}.popup-qr{aspect-ratio:1;object-fit:contain;background:#fff;border-radius:8px;width:min(190px,72vw);margin:22px auto 0;padding:10px;display:block}.popup-action{color:#18191c;background:#31d8c6;border-radius:999px;justify-content:center;align-items:center;min-height:42px;margin-top:22px;padding:0 18px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.popup-action:hover{transform:translateY(-2px)}.popup-close{color:#eeeef0b8;background:#eeeef014;border-radius:999px;place-items:center;width:34px;height:34px;font-size:24px;line-height:1;display:grid;position:absolute;top:12px;right:12px}.popup-close:hover{color:#18191c;background:#31d8c6}@keyframes heroRise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes softPulse{0%,to{box-shadow:0 0 #31d8c600}50%{box-shadow:0 0 34px #31d8c63d}}@keyframes popupIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=900px){.nav{grid-template-columns:1fr auto;height:68px;padding:0 20px}.nav-links{display:none}.hero{min-height:780px;padding-top:100px}.hero-copy{margin-top:-80px}.hero h1{font-size:clamp(44px,13vw,72px)}.included,.footer{grid-template-columns:1fr}.included{gap:24px;padding:56px 0 80px}.feature{padding:72px 0 58px}.feature h2,.included h2,.cta h2{font-size:clamp(36px,10vw,48px)}.feature-cards,.footer-grid{grid-template-columns:1fr;gap:22px}}@media (width<=560px){.brand-logo{max-width:96px;max-height:36px}.nav-cta{display:none}.nav{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:center}.button{width:max-content}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.reveal-group,.reveal-item{opacity:1;filter:none;transform:none}}