@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Xanh+Mono&display=swap";@import "https://api.fontshare.com/v2/css?f[]=general-sans@400,500,600&display=swap";:root{--bg:#191a1e;--accent:#acffce;--text:#fff;--dim:#ffffffa6;--faint:#ffffff80;--line:#ffffff24;--panel:#191a1e99;--stress:#ff9c8a;--enter:16px;--display:"Xanh Mono","Courier New",monospace;--mono:"Space Mono",monospace;--ease:cubic-bezier(.2,.8,.2,1);color:var(--text);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:General Sans,helvetica,arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);scroll-snap-type:y mandatory;overscroll-behavior-y:none}@media (height<=640px){html{scroll-snap-type:y proximity}}html.is-gated{overflow:hidden}html[data-dir=up]{--enter:-16px}body{background:0 0;margin:0;font-size:16px;line-height:1.5}h1,h2,h3,p{margin:0}a{color:inherit;text-underline-offset:4px}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}::selection{background:var(--accent);color:var(--bg)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:60;background:var(--accent);color:var(--bg);padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:none}.caps{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;font-size:12px;line-height:1.2}.title-big{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;max-width:20ch;margin-inline:auto;font-size:clamp(30px,3.6vw,48px);font-weight:400;line-height:1.15}.title-small{font-family:var(--display);text-transform:uppercase;font-size:clamp(19px,1.6vw,22px);font-weight:400;line-height:1.25}.text-medium{max-width:40ch;margin-inline:auto;font-size:clamp(16px,1.3vw,18px);font-weight:500;line-height:1.35}.accent{color:var(--accent)}.dim{color:var(--dim)}.fine{color:var(--faint);max-width:60ch;margin:22px auto 0;font-size:13px;line-height:1.5}.link-caps{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;text-underline-offset:5px;color:var(--dim);font-size:12px;text-decoration:underline}.link-caps:hover{color:var(--accent)}.btn{min-height:46px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;transition:background .5s var(--ease),color .5s var(--ease),border-color .5s var(--ease),transform .5s var(--ease);border-radius:99px;justify-content:center;align-items:center;gap:12px;padding:12px 22px 12px 16px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.btn .dots{fill:currentColor;width:16px;height:16px;transition:transform 1s var(--ease)}.btn:hover .dots{transform:rotate(90deg)}.btn.ghost{color:var(--accent);border:1px solid var(--line);background:#191a1eb8}.btn.ghost:hover{border-color:var(--accent)}.btn.mint{background:var(--accent);color:var(--bg);border:1px solid var(--accent)}.btn.mint:hover{background:#c8ffe0}.field{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}html:not(.has-field) .field{background:radial-gradient(circle at 50% 45%,#acffce14,#0000 45%)}main{z-index:2;position:relative}.gate{z-index:50;background:radial-gradient(circle,#191a1ebf,#191a1e59 60%);place-items:center;padding:24px;animation:.6s both fade-in;display:grid;position:fixed;inset:0}main,.topbar,.bottombar{transition:opacity 1s var(--ease)}html.is-gated main,html.is-gated .topbar,html.is-gated .bottombar{opacity:0;visibility:hidden}.gate-inner{text-align:center;justify-items:center;gap:18px;max-width:380px;display:grid}.gate-logo{text-transform:uppercase;letter-spacing:.04em;justify-items:center;gap:10px;margin-bottom:22px;font-size:17px;font-weight:600;display:grid}.gate-logo .logo{width:58px;height:58px}.gate p{color:var(--text);font-weight:500;line-height:1.35}.gate .btn{margin-top:14px}.gate .link-caps{margin-top:4px}.topbar{z-index:40;pointer-events:none;justify-content:space-between;align-items:flex-start;padding:20px 28px;display:flex;position:fixed;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.brand{text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:10px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.logo{width:30px;height:30px;color:var(--text)}.chapters{align-items:flex-start;gap:14px;display:flex}.chapters ol{margin:0 6px 0 0;padding:0;list-style:none;display:flex}.chapters li{margin-left:-3px;position:relative}.chapters li:nth-child(2n){margin-top:10px}.chapters li a{background:var(--bg);width:26px;height:26px;font-family:var(--mono);border:1px solid #ffffffb3;border-radius:50%;place-items:center;font-size:12px;font-weight:700;text-decoration:none;transition:background .25s,color .25s,border-color .25s;display:grid}.chapters li a:hover{border-color:var(--accent);color:var(--accent)}.chapters li a.is-active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.chapters em{color:var(--accent);white-space:nowrap;font-size:10px;font-style:normal;position:absolute;top:32px;left:50%;transform:translate(-50%)}.top-link{padding-top:7px;font-weight:700;text-decoration:none}.top-link:hover{color:var(--accent)}.menu-btn{align-items:center;gap:10px;font-weight:700;display:none}.mark-sm{border:1px solid var(--accent);width:26px;height:26px;color:var(--accent);font-family:var(--display);border-radius:50%;place-items:center;font-size:15px;display:inline-grid}.mobile-menu{z-index:35;background:#191a1ef7;flex-direction:column;justify-content:center;gap:28px;padding:90px 28px 40px;display:flex;position:fixed;inset:0}.mobile-menu ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.mobile-menu a:not(.btn){font-family:var(--display);text-transform:uppercase;align-items:center;gap:14px;padding:10px 0;font-size:24px;text-decoration:none;display:flex}.mobile-menu .title-big{margin:0}.mobile-menu .btn{align-self:flex-start}.hero{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;--chaos:0;flex-direction:column;justify-content:center;min-height:100svh;padding:120px 5vw 110px;display:flex;position:relative}.hero:active{cursor:grabbing}.hero-title{font-family:var(--display);text-transform:uppercase;color:var(--accent);letter-spacing:.01em;font-size:clamp(46px,7.6vw,118px);font-weight:400;line-height:1.15}.hero-title .row{flex-wrap:wrap;justify-content:space-around;gap:0 .5em;display:flex}.hero-title .row span{transform:translate3d(calc(var(--chaos) * var(--jx,4px)),calc(var(--chaos) * var(--jy,-3px)),0);will-change:transform;animation:blur-in 2.2s var(--ease) both;display:inline-block}.hero-title .row span:nth-child(2){--jx:-6px;--jy:4px;animation-delay:.25s}.hero-title .row span:nth-child(3){--jx:5px;--jy:6px;animation-delay:.5s}.hero-title .row:nth-child(2) span{animation-delay:.75s}.hero-title .row:nth-child(2) span:nth-child(2){--jx:-4px;--jy:-6px;animation-delay:1s}.hero-foot{text-align:center;justify-items:center;gap:22px;margin-top:clamp(28px,5vh,56px);display:grid}.hero-foot .text-medium{max-width:36ch;animation:blur-in 1.8s 1.2s var(--ease) both}.hero-actions{animation:blur-in 1.8s 1.5s var(--ease) both;flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hint{color:var(--faint);animation:3s ease-in-out infinite blink-soft}.coarse-pointer{display:none}@media (pointer:coarse){.coarse-pointer{display:inline}.fine-pointer{display:none}}.tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:linear-gradient(var(--text),var(--text)) top left/6px 1px,linear-gradient(var(--text),var(--text)) top left/1px 6px,linear-gradient(var(--text),var(--text)) top right/6px 1px,linear-gradient(var(--text),var(--text)) top right/1px 6px,linear-gradient(var(--text),var(--text)) bottom left/6px 1px,linear-gradient(var(--text),var(--text)) bottom left/1px 6px,linear-gradient(var(--text),var(--text)) bottom right/6px 1px,linear-gradient(var(--text),var(--text)) bottom right/1px 6px;background-repeat:no-repeat;align-items:center;gap:8px;padding:7px 10px;font-size:11px;font-weight:700;display:inline-flex;position:absolute}.tag:before{content:"";background:var(--accent);width:5px;height:5px;transition:background .3s}.hero .tag{transform:translate3d(calc(var(--chaos) * var(--tx)),calc(var(--chaos) * var(--ty)),0);will-change:transform;animation:1.6s 1.6s both fade-in}.t1{--tx:-30px;--ty:-18px;top:15%;left:12%}.t2{--tx:26px;--ty:-22px;top:14%;right:10%}.t3{--tx:34px;--ty:20px;top:62%;right:16%}.t4{--tx:-28px;--ty:24px;top:70%;left:7%}.tag.static{align-self:flex-start;position:static}.chapter{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;max-width:720px;min-height:100svh;margin-inline:auto;padding:84px 24px 64px;display:flex}.hero,.chapter{scroll-snap-align:start;scroll-snap-stop:always}.chapter.wide{max-width:1120px}.mark{border:1px solid var(--accent);width:34px;height:34px;color:var(--accent);font-family:var(--display);background:var(--bg);border-radius:50%;place-items:center;font-size:19px;display:grid}.chapter .btn{margin-top:8px}.title-big .w{white-space:pre;display:inline-block}[data-reveal]:not(.title-big){opacity:0;translate:0 var(--enter);transition:opacity 1.2s var(--ease) var(--d,0s),translate 1.2s var(--ease) var(--d,0s)}.is-live [data-reveal]:not(.title-big){opacity:1;translate:0}.chapter>.text-medium{--d:.3s}.chapter>.chips,.chapter>.btn,.chapter>.cards,.chapter>.checks{--d:.48s}.chapter>.fine{--d:.65s}.chapter .mark{opacity:0;transition:opacity .9s var(--ease),scale .9s var(--ease);scale:.7}.is-live .mark{opacity:1;scale:1}.title-big[data-reveal] .w{opacity:0;translate:0 calc(var(--enter) * .6);transition:opacity 1.2s var(--ease),translate 1.2s var(--ease);transition-delay:calc(var(--i) * 90ms)}.is-live .title-big[data-reveal] .w{opacity:1;translate:0}.panel{border:1px solid var(--line);background:#191a1edb;border-radius:14px}.chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chips button{border:1px solid var(--line);min-height:42px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;background:#ffffff08;border-radius:99px;padding:10px 16px;font-size:12px;font-weight:700;transition:border-color .2s,background .2s,color .2s}.chips button:hover{border-color:var(--accent)}.chips button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--bg)}.reply{max-width:560px;animation:fade-in .6s var(--ease);padding:26px 28px}.chapter>.reply,.chapter>.demo{opacity:0;translate:0 var(--enter);transition:opacity 1.2s var(--ease) .4s,translate 1.2s var(--ease) .4s}.is-live>.reply,.is-live>.demo{opacity:1;translate:0}.reply .text-medium{max-width:none}.reply-step{border-top:1px solid var(--line);color:var(--dim);margin-top:18px;padding-top:16px}.reply-step a{color:var(--accent)}.demo{text-align:left;gap:16px;width:min(640px,100%);display:grid}.chat{overflow:hidden}.chat-head{border-bottom:1px solid var(--line);color:var(--dim);align-items:center;gap:10px;padding:14px 18px;display:flex}.pulse{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2.4s infinite ping;box-shadow:0 0 #acffce99}.pulse.busy{background:var(--stress);animation-duration:.9s}.chat-body{flex-direction:column;gap:14px;min-height:300px;padding:20px 18px;display:flex}.msg{max-width:88%;animation:fade-in .4s var(--ease);border-radius:14px;padding:13px 16px;font-size:15px;line-height:1.45}.msg.you{background:var(--accent);color:var(--bg);border-bottom-right-radius:3px;align-self:flex-end;font-weight:500}.msg.ai{border:1px solid var(--line);background:#ffffff0a;border-bottom-left-radius:3px;align-self:flex-start}.msg .label{color:var(--accent);margin-bottom:6px;font-size:11px;display:block}.caret{background:var(--accent);vertical-align:-2px;width:7px;height:1em;margin-left:2px;animation:.8s step-end infinite blink-hard;display:inline-block}.typing{border:1px solid var(--line);border-radius:14px;align-self:flex-start;gap:5px;padding:13px 15px;display:flex}.typing span{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite dot}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}.approve{border:1px solid var(--accent);animation:fade-in .4s var(--ease);border-radius:14px;align-self:flex-end;align-items:center;gap:12px;padding:10px 16px 10px 10px;display:flex}.approve>span{background:var(--accent);width:30px;height:30px;color:var(--bg);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.approve b{font-size:14px;display:block}.approve small{color:var(--dim);font-size:13px}.demo .fine{margin:0}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;margin-top:12px;display:grid}.card{text-align:left;transition:border-color .3s,transform .3s var(--ease);flex-direction:column;align-items:flex-start;gap:14px;padding:20px 18px 22px;display:flex}.card:hover{border-color:#acffce80;transform:translateY(-3px)}.card p{color:var(--dim);font-size:15px;line-height:1.45}.card .link-caps{margin-top:auto}.steps{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);width:100%;margin:28px 0 0;padding:0;list-style:none;display:grid}.steps li{text-align:left;border-left:1px solid var(--line);padding:20px 18px 0}.steps li:first-child{border-left:0;padding-left:0}.steps p{color:var(--dim);margin-top:10px;font-size:15px}.checks{text-align:left;gap:10px;width:100%;margin:8px 0 0;padding:0;list-style:none;display:grid}.checks li{border-bottom:1px solid var(--line);color:var(--dim);grid-template-columns:150px 1fr;align-items:baseline;gap:16px;padding:16px 0;font-size:15px;display:grid}.faq{text-align:left;width:100%;margin-top:18px}.faq-label{margin-bottom:10px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;padding:15px 0;font-size:17px;font-weight:500;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.plus{flex-shrink:0;width:14px;height:14px;position:relative}.plus:before,.plus:after{content:"";background:var(--accent);width:100%;height:1px;position:absolute;top:50%;left:0}.plus:after{transition:transform .3s var(--ease);transform:rotate(90deg)}.faq details[open] .plus:after{transform:rotate(0)}.faq details p{color:var(--dim);padding:0 30px 20px 0;font-size:15.5px;line-height:1.55}.contact{padding-bottom:90px}.site-footer{color:var(--faint);flex-wrap:wrap;justify-content:center;gap:10px 28px;margin-top:60px;display:flex}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--accent)}.bottombar{z-index:30;pointer-events:none;justify-content:space-between;align-items:center;padding:16px 28px;font-size:11px;display:flex;position:fixed;bottom:0;left:0;right:0}.meter{color:var(--dim);align-items:center;gap:10px;font-weight:700;display:inline-flex}.meter b{color:var(--text);min-width:3.2ch}.track{--load:0;background:#ffffff59;width:90px;height:1px;position:relative}.track i{top:-5px;left:calc(var(--load) * 100%);border:1.5px solid var(--text);background:var(--bg);border-radius:50%;width:11px;height:11px;margin-left:-5px;position:absolute}@keyframes blur-in{0%{opacity:0;filter:blur(14px)}}@keyframes fade-in{0%{opacity:0}}@keyframes blink-soft{50%{opacity:.4}}@keyframes blink-hard{50%{opacity:0}}@keyframes ping{0%{box-shadow:0 0 #acffce8c}80%,to{box-shadow:0 0 0 9px #acffce00}}@keyframes dot{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@media (width<=1000px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.chapters ol{display:none}}@media (width<=760px){.topbar{align-items:center;padding:16px 18px}.chapters{display:none}.menu-btn{display:inline-flex}.hero{padding:110px 18px 90px}.hero-title{font-size:clamp(40px,12.5vw,64px);line-height:1.1}.hero-title .row{justify-content:space-between}.tag{font-size:10px}.t1{top:13%;left:6%}.t2{top:16%;right:4%}.t3{top:auto;bottom:16%;right:4%}.t4{display:none}.chapter{padding:100px 18px}.cards,.steps{grid-template-columns:1fr}.steps li,.steps li:first-child{border-left:0;border-bottom:1px solid var(--line);padding-bottom:18px;padding-left:0}.checks li{grid-template-columns:1fr;gap:6px}.bottombar{padding:12px 18px}.bottombar>.dim{display:none}.hint{font-size:10.5px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}[data-reveal]:not(.title-big),.title-big[data-reveal] .w,.chapter .mark,.chapter>.reply,.chapter>.demo{opacity:1;translate:none;scale:1}.hero{cursor:default}.hint{display:none}}