@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.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{--bg:#fbf8f3;--surface:#fff;--ink:#17171c;--muted:#5f5d66;--line:#ebe6dc;--accent:#f0661a;--accent-soft:#ffe7d6;--accent-ink:#fff;--sky:#cfe9fb;--sun:#ffe9a8;--band:#17171c;--band-ink:#fbf8f3;--shadow:0 1px 2px #17171c0f, 0 12px 32px -12px #17171c2e;--font-title:"Bricolage Grotesque Variable", system-ui, sans-serif;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--bg:#121216;--surface:#1b1b21;--ink:#efeef2;--muted:#a6a4b0;--line:#2b2a33;--accent:#ff7b33;--accent-soft:#3a2418;--accent-ink:#121216;--sky:#17324a;--sun:#3d3216;--band:#1f1f26;--band-ink:#efeef2;--shadow:0 1px 2px #0006, 0 16px 40px -16px #000000b3}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);flex-direction:column;min-height:100vh;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:17px;line-height:1.6;display:flex;overflow-x:hidden}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--font-title);letter-spacing:-.025em;line-height:1.1}.wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 20px}header.top{z-index:10;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}header.top .wrap{justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.brand{font-family:var(--font-title);align-items:center;gap:10px;font-size:19px;font-weight:700;text-decoration:none;display:flex}.brand-mark{background:var(--accent);color:#fff;letter-spacing:0;border-radius:10px;place-items:center;width:34px;height:34px;font-size:14px;display:grid}nav.top{gap:22px;display:flex}nav.top a{color:var(--muted);font-size:15px;font-weight:500;text-decoration:none}nav.top a:hover{color:var(--ink)}main{flex:1}.button{background:var(--accent);color:var(--accent-ink);border-radius:999px;align-items:center;gap:8px;padding:13px 22px;font-size:16px;font-weight:650;text-decoration:none;transition:transform .15s,filter .15s;display:inline-flex}.button:hover{filter:brightness(1.06);transform:translateY(-1px)}.button.ghost{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);background:0 0}.button.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--muted)}.hero{padding:72px 0 88px;position:relative}.hero:before{content:"";background:radial-gradient(circle at 60% 40%, var(--accent-soft), transparent 62%);pointer-events:none;z-index:-1;width:640px;height:640px;position:absolute;inset:-120px 0 auto auto}.hero .wrap{grid-template-columns:1.15fr .85fr;align-items:center;gap:48px;display:grid}.eyebrow{color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;margin-bottom:22px;padding:6px 14px;font-size:14px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px}.hero h1{margin:0 0 20px;font-size:clamp(38px,6vw,64px)}.hero h1 em{color:var(--accent);font-style:normal}.lead{color:var(--muted);max-width:540px;margin:0 0 32px;font-size:19px}.actions{flex-wrap:wrap;gap:12px;display:flex}.phone-stage{justify-content:center;display:flex;position:relative}.phone-stage:before{content:"";aspect-ratio:1;background:linear-gradient(160deg, var(--sky), var(--sun));border-radius:50%;width:78%;position:absolute;top:12%}.phone{aspect-ratio:9/16;background:#17171c;border:8px solid #17171c;border-radius:34px;width:min(260px,70vw);position:relative;overflow:hidden;transform:rotate(4deg);box-shadow:0 30px 60px -20px #17171c73}.phone img{object-fit:cover;width:100%;height:100%}.phone-badge{background:var(--surface);box-shadow:var(--shadow);font-family:var(--font-title);border-radius:18px;align-items:center;gap:10px;padding:10px 16px 10px 10px;font-weight:700;display:flex;position:absolute;bottom:36px;left:max(0px,50% - 190px);transform:rotate(-3deg)}.phone-badge img{border-radius:12px;width:44px;height:44px}.phone-badge small{color:var(--muted);font-family:system-ui,sans-serif;font-size:12px;font-weight:500;display:block}section.block{padding:40px 0 72px;scroll-margin-top:48px}.section-title{margin:0 0 12px;font-size:clamp(28px,4vw,40px)}.section-lead{color:var(--muted);max-width:620px;margin:0 0 36px;font-size:18px}.game{background:linear-gradient(150deg, var(--sky), var(--sun));border-radius:32px;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:48px;display:grid;overflow:hidden}.game-head{align-items:center;gap:16px;margin-bottom:18px;display:flex}.game-head img{width:76px;height:76px;box-shadow:var(--shadow);border-radius:20px}.game-head h3{margin:0;font-size:30px}.game-head span{color:var(--muted);font-size:15px}.game p{margin:0 0 18px}.features{gap:10px;margin:0 0 28px;padding:0;list-style:none;display:grid}.features li{align-items:baseline;gap:10px;display:flex}.features li:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px;transform:translateY(-2px)}.soon{color:var(--muted);margin-top:14px;font-size:14px}.crew{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.crew figure{background:color-mix(in srgb, var(--surface) 70%, transparent);text-align:center;font-family:var(--font-title);border-radius:22px;margin:0;padding:12px 8px 10px;font-size:15px;font-weight:650}.crew figure:nth-child(odd){transform:rotate(-2deg)}.crew figure:nth-child(2n){transform:rotate(2deg)translateY(8px)}.crew img{aspect-ratio:1;width:100%;max-width:110px;margin:0 auto 4px}.skills{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.skill{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:28px}.skill-icon{background:var(--accent-soft);width:48px;height:48px;color:var(--accent);border-radius:14px;place-items:center;margin-bottom:18px;display:grid}.skill h3{margin:0 0 8px;font-size:21px}.skill p{color:var(--muted);margin:0;font-size:16px}.contact-band{background:var(--band);color:var(--band-ink);border-radius:32px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:56px 48px;display:flex}.contact-band h2{margin:0 0 8px;font-size:clamp(28px,4vw,40px)}.contact-band p{color:color-mix(in srgb, var(--band-ink) 70%, transparent);margin:0}.contact-band .button{background:var(--accent);color:#fff;font-size:18px}.page{padding:64px 0 88px}.page h1{margin:0 0 32px;font-size:clamp(36px,5vw,52px)}.legal{gap:16px;max-width:760px;display:grid}.legal .card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px 28px}.legal h2{margin:0 0 12px;font-size:20px}.legal p{margin:0 0 6px}.legal p:last-child{margin-bottom:0}dl.facts{grid-template-columns:max-content 1fr;gap:6px 24px;margin:0;display:grid}dl.facts dt{color:var(--muted)}dl.facts dd{margin:0}footer.bottom{color:var(--muted);font-size:14px}footer.bottom .wrap{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:28px;padding-bottom:28px;display:flex}footer.bottom a{color:var(--muted)}footer.bottom a:hover{color:var(--ink)}@media (width<=860px){.hero{padding:48px 0 64px}.hero .wrap,.game{grid-template-columns:1fr}.phone-stage{margin-top:8px}.game{border-radius:26px;padding:32px 24px}.skills{grid-template-columns:1fr}.contact-band{border-radius:26px;padding:40px 28px}}@media (width<=520px){nav.top a.optional{display:none}dl.facts{grid-template-columns:1fr;gap:0}dl.facts dd{margin-bottom:10px}.phone-badge{bottom:12px;left:0}.crew{gap:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}