:root{--ink:#101827;--muted:#627084;--cream:#fff7ed;--paper:#fffaf2;--coral:#ff6b57;--teal:#11b8a6;--sun:#f6c945;--blue:#2f6fed;--line:#1018271f;--shadow:0 30px 90px #1018272e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 8% 10%,#ff6b5738,#0000 28rem),radial-gradient(circle at 88% 4%,#11b8a633,#0000 24rem),linear-gradient(135deg,#fffaf2 0%,#f7fbf6 48%,#eff7ff 100%);min-height:100vh;margin:0;font-family:ui-rounded,Avenir Next,Nunito,Segoe UI,sans-serif}@keyframes floatIn{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes softFloat{0%,to{transform:translateY(0)rotate(1.5deg)}50%{transform:translateY(-10px)rotate(.4deg)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 6px #11b8a621}50%{box-shadow:0 0 0 10px #11b8a60f}}@keyframes shimmerLine{0%{background-position:0%}to{background-position:200%}}a{color:inherit;text-decoration:none}.shell{width:min(1160px,100% - 36px);margin:0 auto}.nav{z-index:50;border:1px solid #0000;border-radius:26px;justify-content:space-between;align-items:center;margin:8px 0 0;padding:16px 18px;transition:background .22s,border-color .22s,box-shadow .22s,backdrop-filter .22s;animation:.7s cubic-bezier(.2,.8,.2,1) both floatIn;display:flex;position:sticky;top:12px}.nav.is-stuck{backdrop-filter:blur(18px);background:#fffaf2c7;border-color:#1018271a;box-shadow:0 18px 50px #1018271f}.brand{letter-spacing:-.04em;align-items:center;gap:14px;font-weight:900;display:flex}.brand-name{color:var(--ink);letter-spacing:-.045em;font-size:1.18rem;line-height:1;position:relative}.brand-name:after{content:"";background:linear-gradient(90deg, var(--coral), var(--teal), var(--coral));opacity:.32;background-size:200% 100%;border-radius:999px;height:3px;animation:4s linear infinite shimmerLine;position:absolute;bottom:-7px;left:2px;right:2px}.logo{object-fit:cover;background:#fff;border-radius:18px;width:54px;height:54px;display:block;box-shadow:0 14px 35px #ff6b572e}.navlinks{align-items:center;gap:10px;display:flex}.lang-switch{border:1px solid var(--line);background:#ffffffb8;border-radius:999px;gap:4px;padding:4px;display:inline-flex}.lang-switch button{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 10px;font-weight:900}html[data-lang=en] .lang-switch button[data-lang=en],html[data-lang=vi] .lang-switch button[data-lang=vi]{background:var(--ink);color:#fff}html[data-lang=en] .vi,html[data-lang=vi] .en{display:none!important}.navlinks a{color:#334155;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-weight:750;display:inline-flex}.navlinks svg,.button svg{stroke:currentColor;fill:none;stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:17px;height:17px}.navlinks .github-icon{fill:currentColor;stroke:none}.navlinks a:last-child{background:var(--ink);color:#fff;box-shadow:0 10px 30px #1018272e}.hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:46px;padding:74px 0 54px;display:grid}.hero>*{animation:.8s cubic-bezier(.2,.8,.2,1) both floatIn}.hero>:nth-child(2){animation-delay:.12s}.eyebrow{border:1px solid var(--line);backdrop-filter:blur(14px);color:#475569;background:#ffffff9e;border-radius:999px;align-items:center;gap:9px;padding:8px 12px;font-weight:800;display:inline-flex}.eyebrow .pulse{background:var(--teal);border-radius:999px;flex:none;width:9px;height:9px;animation:2.4s ease-in-out infinite pulseGlow;box-shadow:0 0 0 6px #11b8a621}.eyebrow .en,.eyebrow .vi{width:auto;height:auto;box-shadow:none;background:0 0}h1{letter-spacing:-.075em;max-width:820px;margin:22px 0 18px;font-size:clamp(3.15rem,6.8vw,6.35rem);line-height:.88}.gradient-text{background:linear-gradient(120deg, var(--coral), #e1442f 35%, var(--teal) 88%);color:#0000;-webkit-background-clip:text}.lead{color:#334155;max-width:680px;margin:0 0 28px;font-size:clamp(1.18rem,2.3vw,1.55rem);line-height:1.55}.actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.button{border:1px solid var(--line);border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:15px 20px;font-weight:950;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button .arrow{transition:transform .18s}.button:hover .arrow{transform:translate(3px)}.primary{background:var(--ink);color:#fff;box-shadow:var(--shadow)}.secondary{backdrop-filter:blur(16px);color:var(--ink);background:#ffffffb8}.install{color:#d1fae5;background:#111827;border-radius:18px;align-items:center;gap:12px;margin-top:24px;padding:14px 16px;font-family:SFMono-Regular,Consolas,monospace;display:inline-flex;box-shadow:0 20px 60px #1018272e}.install b{color:#fff}.console-card{box-shadow:var(--shadow);backdrop-filter:blur(22px);background:#ffffff9e;border:1px solid #10182721;border-radius:34px;padding:16px;animation:7s ease-in-out infinite softFloat;position:relative;transform:rotate(1.5deg)}.console-card:before{content:"";background:var(--sun);opacity:.42;filter:blur(4px);z-index:-1;border-radius:42px;width:150px;height:150px;position:absolute;inset:-38px -18px auto auto;transform:rotate(18deg)}.terminal{color:#dbeafe;background:#0b1220;border-radius:24px;min-height:470px;font-family:SFMono-Regular,Consolas,monospace;overflow:hidden}.termbar{color:#94a3b8;background:#111827;justify-content:space-between;align-items:center;padding:14px 16px;font-size:.86rem;display:flex}.dots{gap:7px;display:flex}.dots i{border-radius:999px;width:11px;height:11px;display:block}.dots i:first-child{background:#ff6b57}.dots i:nth-child(2){background:#f6c945}.dots i:nth-child(3){background:#11b8a6}.term-body{gap:16px;padding:22px;display:grid}.line{color:#93c5fd}.ok{color:#5eead4}.warn{color:#fde68a}.bubble{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:18px;padding:15px;line-height:1.55}.banner-ascii{white-space:pre;letter-spacing:-.06em;color:#5eead4;scrollbar-width:thin;background:#5eead412;border:1px solid #5eead429;border-radius:16px;max-width:100%;margin:0;padding:14px;font-family:SFMono-Regular,Consolas,monospace;font-size:clamp(.38rem,1.02vw,.72rem);line-height:1.08;overflow-x:auto}.agent-face{background:linear-gradient(135deg, var(--coral), var(--teal));border-radius:28px;place-items:center;width:84px;height:84px;margin:6px 0;display:grid;box-shadow:0 18px 45px #11b8a638}.agent-face svg{width:54px;height:54px}section{padding:70px 0}.section-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px;display:flex}h2{letter-spacing:-.065em;max-width:780px;margin:0;font-size:clamp(2.2rem,5vw,4.1rem);line-height:.95}.section-head p{max-width:420px;color:var(--muted);font-weight:650;line-height:1.7}.grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card{border:1px solid var(--line);backdrop-filter:blur(16px);background:#ffffffa3;border-radius:28px;min-height:210px;padding:24px;transition:transform .22s,box-shadow .22s,border-color .22s;box-shadow:0 18px 50px #10182714}.card:hover{border-color:#11b8a638;transform:translateY(-5px);box-shadow:0 24px 70px #10182721}.card h3{letter-spacing:-.035em;margin:0 0 12px;font-size:1.35rem}.card p{color:var(--muted);margin:0;font-weight:620;line-height:1.65}.card:nth-child(2n){background:#fff7edc2}.card:nth-child(3n){background:#f0fdfabd}.icon{width:50px;height:50px;color:var(--ink);background:linear-gradient(135deg,#ff6b5729,#11b8a624);border:1px solid #10182714;border-radius:17px;place-items:center;margin-bottom:18px;display:grid}.icon svg{stroke:currentColor;fill:none;stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;width:27px;height:27px;transition:transform .22s}.card:hover .icon svg{transform:rotate(-5deg)scale(1.08)}.card:nth-child(2n) .icon{background:linear-gradient(135deg,#11b8a629,#f6c94529)}.card:nth-child(3n) .icon{background:linear-gradient(135deg,#2f6fed1f,#ff6b5724)}.architecture{grid-template-columns:.9fr 1.1fr;align-items:stretch;gap:18px;display:grid}.big-panel{background:var(--ink);color:#fff;min-height:430px;box-shadow:var(--shadow);border-radius:34px;padding:30px;position:relative;overflow:hidden}.big-panel:after{content:"";background:var(--teal);opacity:.24;border-radius:50%;width:230px;height:230px;position:absolute;bottom:-80px;right:-80px}.big-panel h2{color:#fff}.big-panel p{color:#cbd5e1;font-weight:650;line-height:1.7}.flow{gap:12px;display:grid}.flow div{border:1px solid var(--line);background:#ffffffb8;border-radius:22px;justify-content:space-between;align-items:center;padding:18px 20px;font-weight:900;transition:transform .2s,border-color .2s;display:flex}.flow div:hover{border-color:#ff6b5747;transform:translate(5px)}.flow span{color:var(--muted);font-weight:800}.channels{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.channels span{color:#fff;z-index:1;background:#ffffff1f;border:1px solid #ffffff38;border-radius:999px;padding:12px 15px;font-weight:900;position:relative}.steps{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.step{color:#fff;min-height:250px;box-shadow:var(--shadow);background:#101827;border-radius:28px;padding:26px;transition:transform .22s,box-shadow .22s;position:relative;overflow:hidden}.step:hover{transform:translateY(-5px);box-shadow:0 30px 80px #10182738}.step:after{content:"";background:#11b8a642;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-48px;right:-42px}.step-number{background:var(--sun);width:42px;height:42px;color:var(--ink);border-radius:15px;place-items:center;margin-bottom:24px;font-weight:1000;display:grid}.step h3{letter-spacing:-.035em;margin:0 0 12px;font-size:1.35rem}.step p{color:#cbd5e1;margin:0 0 18px;font-weight:650;line-height:1.65}.code{color:#d1fae5;background:#ffffff14;border:1px solid #ffffff1c;border-radius:14px;padding:13px 14px;font-family:SFMono-Regular,Consolas,monospace;font-size:.92rem;display:block;overflow-x:auto}.comparison{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.compare-card{border:1px solid var(--line);background:#ffffffad;border-radius:32px;padding:28px;box-shadow:0 18px 50px #10182714}.compare-card.bestie{color:#fff;background:linear-gradient(145deg,#101827,#17233a)}.compare-card h3{letter-spacing:-.04em;margin:0 0 18px;font-size:1.45rem}.compare-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.compare-list li{color:#475569;align-items:flex-start;gap:10px;font-weight:700;line-height:1.55;display:flex}.bestie .compare-list li{color:#dbeafe}.compare-list b{color:var(--coral)}.bestie .compare-list b{color:#5eead4}.cta{background:linear-gradient(135deg, var(--coral), #ff9f6e 48%, var(--teal));color:#fff;box-shadow:var(--shadow);border-radius:38px;grid-template-columns:1fr auto;align-items:center;gap:24px;margin:70px 0 36px;padding:42px;display:grid}.cta h2{color:#fff}.cta p{max-width:680px;margin:14px 0 0;font-size:1.1rem;line-height:1.6}footer{color:#64748b;flex-wrap:wrap;justify-content:space-between;gap:18px;padding:28px 0 46px;font-weight:700;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=900px){.hero,.architecture,.cta{grid-template-columns:1fr}.grid,.steps,.comparison{grid-template-columns:1fr 1fr}.section-head{display:block}.console-card{animation:none;transform:none}.console-card:before{border-radius:28px;width:92px;height:92px;top:-18px;right:8px}}@media (width<=620px){.shell{width:min(100% - 24px,1160px)}.nav{border-radius:22px;align-items:flex-start;padding:12px;top:8px}.navlinks a:not(:last-child){display:none}.hero{padding-top:42px}h1{font-size:clamp(2.72rem,14.5vw,4rem);line-height:.92}.grid,.steps,.comparison{grid-template-columns:1fr}.terminal{min-height:0}.console-card{border-radius:24px;padding:10px;overflow:hidden}.console-card:before{display:none}.install{width:100%;overflow-x:auto}.cta{border-radius:28px;padding:28px}}