@font-face{font-family:Nunito;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/nunito-vietnamese.woff2)format("woff2");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:Nunito;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/nunito-latin-ext.woff2)format("woff2");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:Nunito;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/nunito-latin.woff2)format("woff2");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{--brand:#221ab2;--brand-deep:#170f86;--blue:#2563eb;--blue-bright:#3b82f6;--ink:#0f172a;--body:#334155;--muted:#64748b;--faint:#94a3b8;--surface:#f4f7fb;--line:#e5ebf3;--cream:#f6e6c3;--straw:#e2c48a;--white:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--white);color:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:var(--blue);text-underline-offset:3px}h1,h2,h3{color:var(--ink);margin:0;line-height:1.2}:focus-visible{outline:3px solid var(--blue-bright);outline-offset:3px;border-radius:8px}.hero{background:radial-gradient(120% 80% at 50% 0%, #2d25c9 0%, var(--brand) 55%, var(--brand-deep) 100%);color:var(--white);text-align:center;padding:16px 20px 150px;position:relative;overflow:hidden}.bar{justify-content:flex-end;max-width:1040px;margin:0 auto;display:flex}.lang{color:var(--white);border:1.5px solid #ffffff59;border-radius:999px;padding:6px 14px;font-size:15px;font-weight:700;text-decoration:none}.lang:hover{background:#ffffff1f}.hero .wordmark{width:min(78vw,380px);margin:28px auto 0}.tagline{color:var(--white);letter-spacing:-.02em;margin-top:18px;font-size:clamp(40px,11vw,68px);font-weight:900}.lede{color:#ffffffdb;max-width:30ch;margin:10px auto 0;font-size:clamp(18px,4.6vw,22px);font-weight:600}.badge{background:var(--cream);color:var(--brand);border-radius:999px;align-items:center;gap:10px;margin:28px 0 0;padding:12px 22px;font-weight:800;text-decoration:none;transition:transform .15s;display:inline-flex;box-shadow:0 10px 30px #0a064659}.badge:hover{transform:translateY(-1px)}.badge:active{transform:scale(.97)}.badge .dot{background:#22c55e;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #22c55e33}.hint{color:#ffffffb3;margin:12px 0 0;font-size:15px;font-weight:600}.web-hint{margin-top:6px}.web-hint a{color:var(--white);font-weight:800}.showcase{justify-content:center;margin-top:-120px;padding:0 20px;display:flex;position:relative}.phone{background:#0b0b1f;border-radius:42px;width:250px;padding:10px;box-shadow:0 30px 60px #0f172a47,inset 0 0 0 2px #2a2a45}.screen{background:linear-gradient(170deg,#c9d8ff 0%,#f3d9ec 55%,#ffe7cc 100%);border-radius:33px;height:470px;padding:44px 16px 16px;position:relative;overflow:hidden}.clock{color:var(--ink);font-size:13px;font-weight:800;position:absolute;top:12px;left:22px}.widget{background:#ffffff80;border-radius:26px;grid-template-columns:1fr 1fr;gap:8px;padding:8px;display:grid;box-shadow:0 10px 24px #221ab21f}.shot{aspect-ratio:1;border-radius:18px;position:relative;overflow:hidden}.shot-sun{background:radial-gradient(circle at 50% 62%,#fff4c2 0 14%,#0000 15%),linear-gradient(#ff9a62 0%,#ff6f91 55%,#7b5cff 100%)}.shot-sun:after{content:"";clip-path:polygon(0 45%,18% 20%,34% 50%,55% 10%,75% 45%,100% 25%,100% 100%,0 100%);background:linear-gradient(#3a2a8f,#211866);height:32%;position:absolute;inset:auto 0 0}.shot-print{background:var(--cream);grid-template-rows:repeat(4,1fr);gap:4px;padding:8px 30%;display:grid}.shot-print i{background:linear-gradient(135deg,#7aa7ff,#a78bfa);border-radius:3px}.shot-print i:nth-child(2){background:linear-gradient(135deg,#fda4af,#fb7185)}.shot-print i:nth-child(3){background:linear-gradient(135deg,#fde68a,#f59e0b)}.shot-print i:nth-child(4){background:linear-gradient(135deg,#86efac,#14b8a6)}.apps{grid-template-columns:repeat(4,1fr);gap:16px 14px;margin-top:26px;padding:0 6px;display:grid}.apps i{aspect-ratio:1;background:#ffffff9e;border-radius:14px}.apps .app-pose{background:var(--brand) url(/icon-192.png) center / cover}.features{gap:16px;max-width:1040px;margin:0 auto;padding:56px 20px 24px;display:grid}.feature{border:1px solid var(--line);background:var(--surface);border-radius:28px;padding:24px}.feature .icon{background:var(--white);border-radius:18px;place-items:center;width:52px;height:52px;font-size:28px;display:grid;box-shadow:0 6px 16px #0f172a0f}.feature h2{margin-top:16px;font-size:22px;font-weight:900}.feature p{margin:6px 0 0}@media (width>=720px){.features{grid-template-columns:repeat(2,1fr);gap:20px}}@media (width>=1040px){.features{grid-template-columns:repeat(3,1fr)}}.invite-band{background:var(--brand);color:#ffffffd9;text-align:center;border-radius:32px;max-width:1000px;margin:24px auto 0;padding:36px 24px}.invite-band h2{color:var(--white);font-size:clamp(26px,6vw,34px);font-weight:900}.invite-band p{max-width:36ch;margin:10px auto 0;font-weight:600}.invite-band .link-pill{background:var(--white);color:var(--brand);border-radius:999px;margin-top:20px;padding:12px 22px;font-size:clamp(17px,4.4vw,20px);font-weight:900;display:inline-block}@media (width<=1040px){.invite-band{margin-left:20px;margin-right:20px}}.footer{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 20px 40px;font-size:15px;display:flex}.footer img{border-radius:12px;width:44px}.footer nav{flex-wrap:wrap;justify-content:center;gap:8px 20px;display:flex}.footer a{color:var(--body);font-weight:700;text-decoration:none}.footer a:hover{color:var(--blue);text-decoration:underline}.footer p{margin:0}.stage{background:radial-gradient(120% 70% at 50% 0%, #2d25c9 0%, var(--brand) 55%, var(--brand-deep) 100%);flex-direction:column;align-items:center;min-height:100dvh;padding:28px 16px 32px;display:flex}.stage .wordmark{width:min(52vw,210px)}.card{background:var(--white);text-align:center;border-radius:32px;width:min(100%,420px);margin-top:22px;padding:30px 24px 26px;box-shadow:0 24px 60px #0a064659}.avatar{background:linear-gradient(145deg, #4f8df9, var(--blue));width:84px;height:84px;color:var(--white);border-radius:50%;place-items:center;margin:0 auto;font-size:38px;font-weight:900;display:grid;box-shadow:0 0 0 6px #eef4ff}.card h1{overflow-wrap:anywhere;margin-top:18px;font-size:clamp(26px,7vw,32px);font-weight:900}.handle{color:var(--blue);margin:2px 0 0;font-weight:800}.card .message{color:var(--body);margin:14px 0 0;font-size:18px;font-weight:600}.button{background:linear-gradient(180deg, #4f8df9, var(--blue));color:var(--white);border-radius:18px;margin-top:24px;padding:16px 20px;font-size:18px;font-weight:900;text-decoration:none;display:block;box-shadow:0 10px 24px #2563eb4d}.button:active{transform:translateY(1px)}.button.quiet{background:var(--surface);color:var(--brand);box-shadow:none}.note{color:var(--muted);margin:16px 0 0;font-size:15px}.soon{color:#7a5a1c;background:#fff8e8;border-radius:18px;margin-top:22px;padding:14px 16px;font-size:15px;font-weight:700}.soon a{color:inherit}.stage-foot{color:#ffffffb8;text-align:center;margin-top:auto;padding-top:28px;font-size:14px;font-weight:700}.stage-foot a{color:var(--white)}.doc-head{background:var(--brand);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.doc-head img{width:104px}.doc{max-width:740px;margin:0 auto;padding:36px 20px 16px}.doc h1{font-size:clamp(30px,7vw,40px);font-weight:900}.doc .updated{color:var(--muted);margin:6px 0 0;font-size:15px}.doc h2{margin-top:34px;font-size:22px;font-weight:900}.doc p,.doc li{margin:10px 0 0}.doc ul,.doc ol{margin:10px 0 0;padding-left:22px}.doc strong{color:var(--ink)}.doc .callout{background:var(--surface);border:1px solid var(--line);border-radius:20px;margin-top:24px;padding:18px 20px}
