@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-vietnamese-wdth-normal-BKE08zty.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;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-ext-wdth-normal-DoS1gVTC.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;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-wdth-normal-Dtb2a5nO.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}.home{--bg:#ebeae5;--ink:#0f0f14;--mute:#6c6c75;--grad:linear-gradient(96deg, #3a2ff2 0%, #9a2fd8 34%, #e8307c 68%, #ff6a33 100%);--display:"Bricolage Grotesque Variable", "Inter Variable", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease:cubic-bezier(.2, .8, .2, 1);--cw:480px;--ch:384px;--tint:#f4a259;height:100vh;background:var(--bg);height:100svh;min-height:560px;color:var(--ink);-webkit-user-select:none;user-select:none;grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) clamp(88px,8.4vw,132px);display:grid;position:relative;overflow:hidden}.home :where(a){color:inherit}.home-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.home-bg i{display:block;position:absolute}.home-bg .home-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--g) 52%, transparent), transparent 100%);opacity:0;will-change:opacity;width:62vw;max-width:980px;height:62vw;max-height:980px;transition:opacity .9s;top:50%;right:-6%;transform:translateY(-50%)}.home-bg .home-glow.on{opacity:.5}.home-bg:before{content:"";background:radial-gradient(70% 60% at 18% 8%,#fff 0%,#fff0 70%),radial-gradient(60% 50% at 90% 100%,#ffffffb3 0%,#fff0 70%);position:absolute;inset:0}.home-bg .home-grain{opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");inset:0}.home-top{z-index:5;letter-spacing:.14em;text-transform:uppercase;animation:fade-in 1s var(--ease) .1s both;justify-content:space-between;align-items:center;padding:clamp(18px,2.4vw,34px) clamp(22px,4vw,64px);font-size:12px;display:flex;position:absolute;top:0;left:0;right:0}.home-logo{font-family:var(--display);letter-spacing:.1em;align-items:center;gap:9px;font-size:14px;display:inline-flex}.home-logo b{font-weight:800}.home-logo span{color:var(--mute);font-weight:400}.home-top-note{color:var(--mute);font-family:var(--mono);letter-spacing:.18em;font-size:10.5px}.home-foot{z-index:5;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);animation:fade-in 1s var(--ease) .5s both;justify-content:space-between;align-items:center;gap:16px;padding:clamp(16px,2vw,28px) clamp(22px,4vw,64px);font-size:10.5px;display:flex;position:absolute;bottom:0;left:0;right:0}.home-hint{padding-left:26px;position:relative}.home-hint:before{content:"";opacity:.7;border:1.5px solid;border-radius:8px;width:14px;height:22px;margin-top:-11px;position:absolute;top:50%;left:0}.home-hint:after{content:"";background:currentColor;border-radius:2px;width:2px;height:5px;margin-top:-7px;animation:1.8s ease-in-out infinite wheel;position:absolute;top:50%;left:6px}@keyframes wheel{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(7px)}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.home-brand{z-index:4;grid-column:1;align-self:center;margin-top:1vh;padding:0 0 0 clamp(22px,4vw,64px);position:relative}.eyebrow{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--mute);align-items:center;gap:14px;margin:0 0 clamp(14px,2vh,26px);font-size:11px;display:flex}.eyebrow i{opacity:.6;transform-origin:0;width:44px;height:1px;animation:line-in 1s var(--ease) .25s both;background:currentColor;display:block}@keyframes line-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.wordmark{font-family:var(--display);font-variation-settings:"wdth" 100;letter-spacing:-.045em;margin:0;font-size:clamp(64px,10.6vw,196px);font-weight:800;line-height:.9}.wm-mask{margin-bottom:-.16em;margin-right:-.22em;padding:.04em .22em .16em 0;display:block;overflow:hidden}.wm-mask:first-child{margin-bottom:-.2em}.wm-line{transform-origin:0 100%;animation:wm-in 1.15s var(--ease) calc(.2s + var(--i) * .13s) both;padding-right:.08em;display:inline-block;transform:translateY(0)skew(-9deg)}.wm-ink{color:var(--ink)}.wm-grad{background:var(--grad);color:#0000;-webkit-text-fill-color:transparent;background-size:100% 100%;-webkit-background-clip:text;background-clip:text}@keyframes wm-in{0%{transform:translateY(108%)skew(-9deg)}to{transform:translateY(0)skew(-9deg)}}.lede{color:#4a4a54;max-width:40ch;animation:rise 1s var(--ease) calc(.3s + var(--i) * .12s) both;margin:clamp(18px,3vh,34px) 0 clamp(20px,3.4vh,38px);font-size:clamp(14px,1.12vw,17px);line-height:1.6}.cta{background:var(--ink);color:#fff;letter-spacing:.01em;height:54px;transition:transform .45s var(--ease), box-shadow .45s var(--ease);animation:rise 1s var(--ease) calc(.3s + var(--i) * .12s) both;border-radius:999px;align-items:center;gap:16px;padding:0 9px 0 26px;font-size:14px;font-weight:500;display:inline-flex;box-shadow:0 16px 32px -14px #0f0f1499,inset 0 2px #ffffff1f}.cta b{font-weight:700}.cta i{width:36px;height:36px;transition:transform .45s var(--ease), background .3s;background:#ffffff24;border-radius:50%;place-items:center;display:grid}.cta:hover{transform:translateY(-2px);box-shadow:0 22px 38px -14px #0f0f14b3,inset 0 2px #ffffff1f}.cta:hover i{background:var(--tint);color:#111;transform:translate(3px)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.home-stage{z-index:3;touch-action:none;cursor:grab;grid-column:2;min-width:0;min-height:0;position:relative}.home-stage:active{cursor:grabbing}.cards{margin:0;padding:0;list-style:none;position:absolute;inset:clamp(64px,9vh,92px) 0 clamp(52px,7vh,72px)}.card{width:var(--cw);height:var(--ch);margin:calc(var(--ch) / -2) 0 0 calc(var(--cw) / -2);transform-origin:50% 100%;will-change:transform, opacity;opacity:0;position:absolute;top:50%;left:50%}.card-face{isolation:isolate;transition:box-shadow .5s var(--ease);--gx:50%;--gy:30%;--mx:.5;--my:.5;-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-drag:none;background:#1a1a1f;border-radius:clamp(18px,2.1vw,30px);display:block;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff80,0 34px 60px -28px #1a163080,0 14px 26px -14px #1a163047}.card-face:hover{box-shadow:0 0 0 1px #fff9 inset, 0 46px 80px -28px #1a16309e, 0 0 0 1.5px color-mix(in srgb, var(--tint) 70%, transparent)}.card-face:focus-visible{outline-offset:4px;outline:3px solid #3a2ff2}.card-thumb{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:transform 1.1s var(--ease);display:block;position:absolute;inset:0;transform:scale(1.015)translate(0)}.card-face:hover .card-thumb{transform:scale(1.09) translate(calc((var(--mx) - .5) * -22px), calc((var(--my) - .5) * -16px));transition-duration:.5s}.card-veil{opacity:0;pointer-events:none;will-change:opacity;background:#0a0a12;position:absolute;inset:0}.card-glare{pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--gx) var(--gy), #ffffff57, #fff0 55%);transition:opacity .4s;position:absolute;inset:0}.card-face:hover .card-glare{opacity:1}.card-scrim{pointer-events:none;opacity:0;will-change:opacity;background:linear-gradient(#08080e00 0%,#08080e80 58%,#08080ed1 100%);height:62%;position:absolute;bottom:0;left:0;right:0}.card-top{z-index:2;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;top:14px;left:14px;right:14px}.pill{color:#fff;white-space:nowrap;height:26px;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;background:#0e0e1675;border:1px solid #ffffff47;border-radius:999px;align-items:center;padding:0 11px;font-size:10.5px;display:inline-flex}.pill-no{font-variant-numeric:tabular-nums}.pill-tag{opacity:.92;text-overflow:ellipsis;overflow:hidden}.card-info{z-index:2;color:#fff;opacity:0;will-change:opacity, transform;gap:4px;padding:clamp(16px,1.9vw,28px);display:grid;position:absolute;bottom:0;left:0;right:0}.card-chapter{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;opacity:.78;font-size:10.5px}.card-title{font-family:var(--display);font-variation-settings:"wdth" 92;letter-spacing:-.025em;padding-right:52px;font-size:clamp(26px,2.9vw,44px);font-weight:750;line-height:1.02}.card-line{opacity:.82;max-width:30ch;font-size:clamp(12px,.95vw,14px);line-height:1.45}.card-go{color:#0f0f14;width:42px;height:42px;transition:transform .45s var(--ease), background .3s;background:#ffffffeb;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:clamp(16px,1.9vw,28px);right:clamp(16px,1.9vw,28px)}.card-face:hover .card-go{background:#fff;transform:translate(2px,-2px)scale(1.08)}.home-rail{z-index:4;height:min(66vh,560px);animation:fade-in 1s var(--ease) .7s both;flex-direction:column;grid-column:3;place-self:center;align-items:center;gap:14px;display:flex;position:relative}.rail-count{font-family:var(--display);align-items:baseline;gap:2px;line-height:1;display:flex}.rail-count b{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(30px,3.1vw,52px);font-weight:800}.rail-count span{color:var(--mute);font-size:12px;font-weight:500}.rail-track{flex:1;width:22px;position:relative}.rail-line,.rail-fill{border-radius:2px;width:2px;margin-left:-1px;display:block;position:absolute;top:0;bottom:0;left:50%}.rail-line{background:#0f0f1424}.rail-fill{transform-origin:top;background:linear-gradient(#3a2ff2,#9a2fd8 60%,#e8307c);transform:scaleY(0)}.rail-dot{left:50%;top:calc(var(--k) * 100%);cursor:pointer;background:0 0;border:0;place-items:center;width:22px;height:22px;margin:-11px 0 0 -11px;padding:0;display:grid;position:absolute}.rail-dot:before{content:"";width:7px;height:7px;transition:transform .4s var(--ease), background .3s, box-shadow .3s;background:#b9b8c0;border-radius:50%}.rail-dot:hover:before{background:#3a2ff2;transform:scale(1.5)}.rail-dot.on:before{background:#3a2ff2;transform:scale(1.9);box-shadow:0 0 0 5px #3a2ff22e}.rail-dot:focus-visible{outline-offset:1px;border-radius:50%;outline:2px solid #3a2ff2}.rail-name{writing-mode:vertical-rl;font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--ink);white-space:nowrap;min-height:8.5em;font-size:11px}.home.is-leaving .home-brand,.home.is-leaving .home-top,.home.is-leaving .home-foot,.home.is-leaving .home-rail{opacity:0;transition:opacity .4s;animation:none}.home.is-leaving .cards .card{pointer-events:none!important}@media (max-width:900px){.home{height:auto;min-height:100vh;grid-template-rows:auto auto minmax(430px,1fr) auto;grid-template-columns:minmax(0,1fr);min-height:100svh;overflow:hidden auto}.home-top{grid-row:1;padding:18px 22px 0;position:relative}.home-brand{grid-area:2/1;align-self:start;margin:0;padding:22px 22px 0}.wordmark{font-size:clamp(56px,19vw,132px)}.lede{max-width:46ch;margin:14px 0 18px;font-size:14px}.cta{height:48px;font-size:13px}.home-stage{grid-area:3/1;min-height:430px}.cards{inset:8px 0}.home-rail{flex-direction:row;grid-area:4/1;justify-self:stretch;gap:16px;width:100%;height:auto;padding:4px 22px 22px}.rail-count b{font-size:30px}.rail-track{flex:1;width:auto;height:22px}.rail-line,.rail-fill{width:auto;height:2px;margin:-1px 0 0;inset:50% 0 auto}.rail-fill{transform-origin:0;transform:scaleX(0)}.rail-dot{left:calc(var(--k) * 100%);margin:-11px 0 0 -11px;top:50%}.rail-name{writing-mode:horizontal-tb;text-align:right;letter-spacing:.18em;min-width:9.5em;min-height:0;font-size:10px}.card-title{padding-right:46px;font-size:clamp(19px,5.6vw,26px)}.card-go{width:38px;height:38px}.home-foot,.home-top-note{display:none}.home-bg .home-glow{width:130vw;height:130vw;top:66%;right:-30%}}@media (max-width:900px) and (max-height:720px){.lede{display:none}}@media (min-width:901px) and (max-height:700px){.lede{display:none}.wordmark{font-size:clamp(56px,9vw,150px)}}@media (prefers-reduced-motion:reduce){.home *,.home :before,.home :after{animation:none!important}.home .wm-line{transform:skew(-9deg)}.card-thumb,.card-face{transition:none}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.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}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body,#root{min-height:100%}body{color:#ece8e1;-webkit-font-smoothing:antialiased;background:#0b0b0d;margin:0;font-family:Inter Variable,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent,#d9b26f);outline-offset:3px}.showcase{width:100%;color:var(--ink,#fff);position:relative}.stage-sticky{height:100vh;width:100%;height:100dvh;position:sticky;top:0;overflow:hidden}.canvas-wrap{position:absolute;inset:0}.canvas-wrap canvas{touch-action:pan-y;cursor:grab;outline:none}.canvas-wrap canvas:active{cursor:grabbing}.overlay{pointer-events:none;position:absolute;inset:0}.overlay [data-interactive],.overlay button,.overlay a{pointer-events:auto}.hud{pointer-events:none;z-index:20;letter-spacing:.08em;text-transform:uppercase;font-size:12px;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud-back{top:max(18px, env(safe-area-inset-top));border:1px solid color-mix(in srgb, var(--ink) 28%, transparent);background:color-mix(in srgb, var(--paper) 55%, transparent);-webkit-backdrop-filter:blur(10px);border-radius:999px;padding:8px 14px;transition:background .25s,transform .25s;position:absolute;left:20px}.hud-back:hover{background:color-mix(in srgb, var(--paper) 85%, transparent);transform:translate(-2px)}.stage-dots{flex-direction:column;gap:6px;display:flex;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.stage-dots button{opacity:.55;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:10px;padding:6px 0;transition:opacity .25s;display:flex}.stage-dots button span{font-variant-numeric:tabular-nums;font-size:10px}.stage-dots button i{background:currentColor;width:22px;height:1px;transition:width .35s cubic-bezier(.2,.8,.2,1),background .25s}.stage-dots button:hover{opacity:.9}.stage-dots button.on{opacity:1;color:var(--accent)}.stage-dots button.on i{width:40px}.hud-controls{left:20px;bottom:max(20px, env(safe-area-inset-bottom));gap:8px;display:flex;position:absolute}.hud-controls button{border:1px solid color-mix(in srgb, var(--ink) 28%, transparent);background:color-mix(in srgb, var(--paper) 55%, transparent);-webkit-backdrop-filter:blur(10px);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;min-width:38px;height:38px;padding:0 14px;font-size:11px;transition:background .25s}.hud-controls button:hover{background:color-mix(in srgb, var(--paper) 85%, transparent)}.scroll-hint{opacity:calc(1 - var(--p,0) * 14);flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%);pointer-events:none!important}.scroll-hint span{font-size:10px}.scroll-hint i{background:linear-gradient(var(--ink), transparent);transform-origin:top;width:1px;height:38px;animation:1.8s ease-in-out infinite hint}@keyframes hint{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.hud-help{right:20px;bottom:max(24px, env(safe-area-inset-bottom));letter-spacing:.08em;opacity:.55;text-align:right;max-width:38ch;margin:0;font-size:10px;position:absolute;pointer-events:none!important}.variant-picker{pointer-events:auto;align-items:center;gap:14px;display:flex}.variant-label{letter-spacing:.14em;text-transform:uppercase;min-width:11ch;font-size:11px}.variant-chips{gap:10px;display:flex}.chip{border:1px solid color-mix(in srgb, var(--ink) 40%, transparent);width:30px;height:30px;box-shadow:inset 0 0 0 3px var(--paper);border-radius:50%;padding:0;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}.chip:hover{transform:scale(1.12)}.chip.on{box-shadow:inset 0 0 0 3px var(--paper), 0 0 0 2px var(--accent);transform:scale(1.08)}@media (max-width:720px){.hud-help{display:none}.stage-dots{right:10px}.stage-dots button i{width:12px}.stage-dots button.on i{width:24px}.hud-back,.hud-controls{left:14px}.hud-controls button[data-testid=zoom-in],.hud-controls button[data-testid=zoom-out]{min-width:34px;padding:0 10px}}@media (prefers-reduced-motion:reduce){.scroll-hint i{animation:none}}
