@font-face{font-family:Grandstander Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/grandstander-vietnamese-wght-normal.B5nfZGX5.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:Grandstander Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/grandstander-latin-ext-wght-normal.CbHBOYCY.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:Grandstander Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/grandstander-latin-wght-normal.CQwu0ja0.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}@layer tokens{:root{--night:#070b16;--night-2:#0d1426;--night-3:#142039;--violet:#7c3aed;--violet-ink:#b69cff;--tube:#ffa424;--cactus:#3ddc84;--bone:#f4ead9;--bone-dim:#b9b0a2;--bone-faint:#8e8778;--line:#f4ead924;--ink-on-light:#0a0f1c;--font-fun:"Grandstander Variable", "Comic Sans MS", system-ui, sans-serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--t-tag:.8rem;--t-body:1.0625rem;--t-lead:clamp(1.1rem, 1rem + .5vw, 1.35rem);--t-h3:clamp(1.4rem, 1.1rem + 1.2vw, 2rem);--t-h2:clamp(2.2rem, 1.3rem + 3.6vw, 4.2rem);--t-hero:clamp(2.8rem, 1.2rem + 5.4vw, 6.2rem);--sec:clamp(72px, 10vw, 136px);--r:18px;--r-l:28px;--pill:999px;--wrap:min(1240px, 100% - 32px);--measure:62ch;--sticker:3px 3px 0 var(--ink-on-light)}}@layer base{*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;color-scheme:dark}body{background:var(--night);color:var(--bone);font:400 var(--t-body)/1.65 var(--font-body);margin:0;padding-bottom:84px;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3,p,figure,blockquote{margin:0}:focus-visible{outline:3px solid var(--violet);outline-offset:3px;border-radius:6px}::selection{background:var(--tube);color:var(--night)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width>=900px){body{padding-bottom:0}}body:before{content:"";z-index:-1;pointer-events:none;opacity:.08;background:url(/hero/studio-1080.webp) 50%/cover no-repeat;position:fixed;inset:0}}@layer layout{.wrap{width:var(--wrap);margin-inline:auto}.sec{padding-block:var(--sec);content-visibility:auto;contain-intrinsic-size:auto 900px;position:relative}.split{gap:clamp(24px,4vw,64px);display:grid}@media (width>=900px){.split{grid-template-columns:5fr 7fr}}}@layer components{.fun{font-family:var(--font-fun);letter-spacing:-.01em;font-weight:800;line-height:.98}.h2{font-size:var(--t-h2)}.fun em,.fun i{color:var(--tube);text-shadow:0 0 22px #ffa42466;font-style:normal}.fun :is(h1,h2,h3,p,span,strong,b,div):not(.l2){font:inherit!important;color:inherit!important;text-align:inherit!important;margin:0!important}.h3{font:800 var(--t-h3)/1.1 var(--font-fun)}.lead{font-size:var(--t-lead);color:var(--bone-dim);max-width:var(--measure);line-height:1.55}.prose{max-width:var(--measure);color:#d9d0c1}.prose p+p{margin-top:1em}.prose a{color:var(--violet-ink)}.prose strong,.prose b{color:var(--bone)}.prose span[style*=background],.prose mark{font-weight:600;color:var(--violet-ink)!important;background:0 0!important}.prose h2,.prose h3{font:800 var(--t-h3)/1.15 var(--font-fun);margin:1.2em 0 .4em}.sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.doodle{flex:none;width:1em;height:1em;display:inline-block}.tag{font:700 var(--t-tag)/1 var(--font-fun);letter-spacing:.04em;text-transform:uppercase;background:var(--bone);color:var(--ink-on-light);border-radius:var(--pill);box-shadow:var(--sticker);align-items:center;gap:8px;margin-bottom:clamp(20px,3vw,32px);padding:9px 14px 8px;display:inline-flex;transform:rotate(-3deg)}.tag .doodle{width:18px;height:18px}.btn{border-radius:var(--pill);min-height:54px;font:800 1.05rem/1 var(--font-fun);border:2px solid var(--ink-on-light);box-shadow:var(--sticker);justify-content:center;align-items:center;gap:10px;padding:0 24px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{box-shadow:5px 5px 0 var(--ink-on-light);transform:translate(-2px,-2px)rotate(-1deg)}.btn:active{box-shadow:0 0 0 var(--ink-on-light);transform:translate(2px,2px)}.btn-solid{background:var(--tube);color:var(--ink-on-light)}.btn-wa{background:var(--cactus);color:var(--ink-on-light)}.btn-outline{background:var(--bone);color:var(--ink-on-light)}.btn-ghost{box-shadow:none;color:var(--bone-dim);text-decoration:underline wavy var(--tube);text-underline-offset:6px;border-color:#0000}.btn-ghost:hover{box-shadow:none;color:var(--bone)}.btn svg{flex:none;width:20px;height:20px}.btns{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.neon-line{background:linear-gradient(90deg, transparent, var(--violet), transparent);border:0;height:2px;margin:0;box-shadow:0 0 18px #7c3aed88}.live{background:var(--cactus);border-radius:50%;width:9px;height:9px;animation:1.6s ease-out infinite live;display:inline-block}@keyframes live{0%{box-shadow:0 0 #3ddc84aa}to{box-shadow:0 0 0 10px #3ddc8400}}.ticker-wrap{padding-block:18px;overflow:hidden}.ticker{border-block:2px solid var(--ink-on-light);background:var(--tube);color:var(--ink-on-light);overflow:hidden;transform:rotate(-1.5deg)scale(1.04);box-shadow:0 0 40px #ffa42433}.ticker-in{width:max-content;font:800 clamp(1.1rem, .9rem + 1vw, 1.6rem)/1 var(--font-fun);text-transform:uppercase;gap:28px;padding:14px 0;animation:28s linear infinite tick;display:flex}.ticker-in span{align-items:center;gap:28px;display:inline-flex}.ticker .doodle{width:26px;height:26px}@keyframes tick{to{transform:translate(-50%)}}.nav{z-index:50;position:sticky;top:0}.nav:before{content:"";z-index:-1;background:color-mix(in srgb, var(--night) 85%, transparent);-webkit-backdrop-filter:blur(12px);position:absolute;inset:0}.nav:after{content:"";background:linear-gradient(90deg,#0000,#7c3aed66,#0000);height:1px;position:absolute;inset:auto 0 0}.nav-in{width:var(--wrap);align-items:center;gap:14px;height:70px;margin-inline:auto;display:flex}.nav-logo{align-items:center;min-height:44px;margin-right:auto;display:flex}.nav-logo img{width:auto;height:46px}.nav-links{align-items:center;gap:2px;display:none}.nav-links a,.nav-links summary{font:700 .95rem/1 var(--font-fun);color:var(--bone-dim);cursor:pointer;border-radius:var(--pill);align-items:center;gap:6px;min-height:44px;padding:0 14px;text-decoration:none;list-style:none;display:inline-flex}.nav-links summary::-webkit-details-marker{display:none}.nav-links a:hover,.nav-links summary:hover,.nav-links details[open] summary{color:var(--bone);background:var(--night-3)}.nav-links details{position:relative}.dd{background:var(--bone);border:2px solid var(--ink-on-light);border-radius:var(--r);min-width:230px;box-shadow:5px 5px 0 var(--tube);padding:8px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.dd a{border-radius:12px;color:var(--ink-on-light)!important}.dd a:hover{background:#0a0f1c14!important}.nav-cta{display:none}.lang{font:800 .85rem/1 var(--font-fun);color:var(--bone);background:var(--violet);border:2px solid var(--ink-on-light);border-radius:var(--pill);min-width:44px;min-height:44px;box-shadow:var(--sticker);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.burger summary{cursor:pointer;border:2px solid var(--ink-on-light);background:var(--bone);border-radius:var(--pill);min-width:48px;min-height:44px;box-shadow:var(--sticker);place-items:center;list-style:none;display:grid}.burger summary::-webkit-details-marker{display:none}.burger summary span{background:var(--ink-on-light);width:18px;height:2.5px;box-shadow:0 -6px 0 var(--ink-on-light), 0 6px 0 var(--ink-on-light);border-radius:2px;position:relative}.burger[open] summary span{box-shadow:none;background:0 0}.burger[open] summary span:before,.burger[open] summary span:after{content:"";background:var(--ink-on-light);border-radius:2px;position:absolute;inset:0;transform:rotate(45deg)}.burger[open] summary span:after{transform:rotate(-45deg)}.drawer{background:var(--night);flex-direction:column;gap:7px;height:calc(100dvh - 70px);padding:16px 16px 110px;display:flex;position:fixed;inset:70px 0 0;overflow:auto}.drawer a{font:800 clamp(1.25rem, 3.6vh, 1.9rem)/1.1 var(--font-fun);border-radius:var(--r);background:var(--night-2);border:1px solid var(--line);color:var(--bone);justify-content:space-between;align-items:center;padding:clamp(9px,1.9vh,16px) 18px;text-decoration:none;display:flex}.drawer .doodle{color:var(--tube);opacity:.8;width:28px;height:28px}@media (width>=900px){.nav-links{display:inline-flex}.nav-cta{min-height:46px;display:inline-flex}.burger{display:none}}.bar{z-index:49;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--night) 92%, transparent);-webkit-backdrop-filter:blur(10px);grid-template-columns:1.4fr 1fr;gap:10px;display:grid;position:fixed;inset:auto 0 0}.bar a{border-radius:var(--pill);min-height:52px;font:800 1rem/1 var(--font-fun);border:2px solid var(--ink-on-light);box-shadow:var(--sticker);justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.bar .wa{background:var(--cactus);color:var(--ink-on-light)}.bar .call{background:var(--bone);color:var(--ink-on-light)}.bar svg{width:20px;height:20px}@media (width>=900px){.bar{display:none}}.hero{padding-block:clamp(28px,5vw,80px) clamp(48px,7vw,96px);position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#7c3aed26,#0000);width:60vw;height:60vw;position:absolute;inset:-20% -10% auto auto}.hero:after{content:"";pointer-events:none;background:radial-gradient(closest-side,#ffa42414,#0000);width:50vw;height:50vw;position:absolute;inset:auto auto -30% -15%}.hero-grid{z-index:1;align-items:center;gap:clamp(32px,5vw,64px);display:grid;position:relative}@media (width>=900px){.hero-grid{grid-template-columns:7fr 5fr}}.hero h1{font-size:var(--t-hero);margin:8px 0 24px}.hero h1 .l2{color:var(--violet);text-shadow:0 0 28px #7c3aed55;display:block}.hero .lead{margin-bottom:30px}.polaroid{background:var(--bone);box-shadow:0 0 0 2px var(--ink-on-light), 10px 10px 0 var(--violet), 0 0 70px #7c3aed33;border-radius:6px;padding:12px 12px 56px;position:relative;transform:rotate(2.5deg)}.polaroid img{aspect-ratio:4/3;object-fit:cover;border-radius:3px;width:100%}@media (width>=900px){.polaroid img{aspect-ratio:9/13}}.polaroid figcaption{font:800 1.15rem/1 var(--font-fun);color:var(--ink-on-light);justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.polaroid .tape-strip{background:#ffa424cc;border:1px solid #0a0f1c33;width:110px;height:30px;position:absolute;top:-14px;left:50%;transform:translate(-50%)rotate(-4deg)}.polaroid .st{color:var(--tube);filter:drop-shadow(0 0 8px #ffa42488);position:absolute}.polaroid .st1{width:54px;height:54px;color:var(--violet);top:-24px;right:-18px}.polaroid .st2{width:64px;height:64px;color:var(--violet);bottom:44px;left:-30px;transform:rotate(-10deg)}@media (width<=899px){.hero{align-items:center;min-height:calc(100svh - 154px);padding-block:20px 28px;display:flex}.hero-grid{width:var(--wrap);gap:22px}.hero-grid>div{display:contents}.hero .tag{order:1;justify-self:start;margin-bottom:0}.hero h1{order:2;margin:0}.hero .polaroid{order:3;margin:6px 10px 4px;padding:8px 8px 42px}.hero .polaroid img{aspect-ratio:1;object-position:50% 38%}.hero .polaroid figcaption{font-size:1rem;bottom:10px}.hero .lead{order:4;margin:0;font-size:1.05rem}.hero .btns{display:none}}.steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:18px;margin:clamp(28px,4vw,48px) 0 0;padding:0;list-style:none;display:grid}.step{background:var(--night-2);border:1px solid var(--line);border-radius:var(--r-l);padding:26px 22px 24px;transition:transform .2s,border-color .2s;position:relative}.step:hover{border-color:var(--violet);transform:translateY(-4px)rotate(-.6deg)}.step .num{width:52px;height:52px;font:800 1.4rem/1 var(--font-fun);color:var(--ink-on-light);border:2px solid var(--ink-on-light);box-shadow:var(--sticker);background:var(--tube);border-radius:50%;place-items:center;margin-bottom:18px;display:grid}.step .h3{margin-bottom:10px}.step .prose{color:var(--bone-dim);font-size:.98rem}.wall{scroll-snap-type:x mandatory;gap:18px;margin-right:-16px;padding:18px 16px 24px 4px;display:flex;overflow-x:auto}.wall figure{scroll-snap-align:center;background:var(--bone);box-shadow:0 0 0 2px var(--ink-on-light), 6px 6px 0 var(--ink-on-light);border-radius:4px;flex:0 0 72%;padding:8px 8px 30px}.wall figure:nth-child(odd){transform:rotate(-2deg)}.wall figure:nth-child(2n){transform:rotate(1.6deg)}.wall img{aspect-ratio:1;object-fit:cover;border-radius:2px;width:100%}.wall figcaption{font:800 .85rem/1 var(--font-fun);color:var(--ink-on-light);text-align:center;padding-top:9px}.wall figure:hover{z-index:2;transform:rotate(0)scale(1.03)}@media (width>=900px){.wall{grid-template-columns:repeat(5,1fr);gap:22px;margin-right:0;display:grid;overflow:visible}.wall figure{transition:transform .2s}}.bubbles{gap:26px;margin-top:clamp(28px,4vw,48px);display:grid}@media (width>=900px){.bubbles{grid-template-columns:1fr 1fr}}.bubble{background:var(--night-2);border:2px solid var(--line);border-radius:var(--r-l);padding:26px 26px 22px;position:relative}.bubble:after{content:"";background:var(--night-2);border-right:2px solid var(--line);border-bottom:2px solid var(--line);width:26px;height:26px;position:absolute;bottom:-14px;left:34px;transform:rotate(45deg)skew(8deg,8deg)}.bubble:hover,.bubble:hover:after{border-color:#7c3aed66}.bubble blockquote{color:#e4dccd;font-size:1.08rem}.bubble figcaption{font:700 .95rem/1.3 var(--font-fun);color:var(--bone-dim);margin-top:16px}.bubble figcaption b{color:var(--tube)}.sign{text-align:center;border-radius:var(--r-l);background:radial-gradient(80% 120% at 50% 0%, #ffa4241a, transparent 60%), var(--night-2);border:2px solid var(--violet);box-shadow:0 0 0 6px var(--night), 0 0 0 8px #ffa42466, 0 0 60px #7c3aed44, inset 0 0 40px #7c3aed22;padding:clamp(36px,7vw,96px) clamp(20px,5vw,64px);position:relative}.sign .h2{color:var(--bone);text-shadow:0 0 18px #7c3aed55}.sign .prose{color:var(--bone-dim);margin:22px auto 0}.sign .prose [style*=color]{color:var(--bone)!important}.sign .prose h3{font:800 var(--t-h3)/1.1 var(--font-fun)!important;color:var(--tube)!important;margin:0 0 1rem!important}.sign .prose p{justify-content:center}.sign .prose a[style*=background]{background:var(--night-3)!important;border:1px solid var(--line)!important}.sign .s1,.sign .s2{aspect-ratio:1;width:clamp(48px,7vw,86px);height:auto;position:absolute}.sign .s1{color:var(--violet);top:18px;left:18px;transform:rotate(-8deg)}.sign .s2{color:var(--tube);bottom:18px;right:18px;transform:rotate(8deg)}.row{align-items:center;gap:clamp(24px,4vw,56px);padding-block:clamp(24px,4vw,44px);display:grid}.row img{border-radius:var(--r-l);aspect-ratio:4/3;object-fit:cover;width:100%;box-shadow:8px 8px 0 var(--violet)}.row.flip img{box-shadow:-8px 8px 0 var(--violet)}@media (width>=900px){.row{grid-template-columns:1fr 1fr}.row.flip>:first-child{order:2}}.faqs{gap:12px;display:grid}.faq{background:var(--night-2);border:1px solid var(--line);border-radius:var(--r)}.faq[open]{border-color:var(--violet)}.faq summary{cursor:pointer;min-height:44px;font:700 1.1rem/1.3 var(--font-fun);justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";background:var(--tube);width:32px;height:32px;color:var(--ink-on-light);font:800 1.2rem/1 var(--font-fun);border-radius:50%;flex:none;place-items:center;transition:transform .2s;display:grid}.faq[open] summary:after{background:var(--violet);transform:rotate(45deg)}.faq p{color:var(--bone-dim);padding:0 20px 20px}.discs{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:14px;display:grid}.disc{background:var(--night-2);border:1px solid var(--line);border-radius:var(--r);grid-template-columns:minmax(104px,38%) 1fr;align-items:center;gap:14px;padding:10px;text-decoration:none;transition:transform .15s,border-color .15s;display:grid}.disc:hover{border-color:var(--violet);transform:translateY(-2px)}.disc .th{aspect-ratio:16/9;background:var(--night-3);border-radius:10px;display:block;position:relative;overflow:hidden}.disc .th img{object-fit:cover;width:100%;height:100%;display:block}.disc .th:after{content:"";background:var(--tube) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23070b16' d='M9 6.5v11l9-5.5z'/%3E%3C/svg%3E") center / 20px no-repeat;border-radius:50%;width:34px;height:34px;margin:auto;position:absolute;inset:0;box-shadow:0 2px 10px #0008}.disc .tx{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.disc b{font:700 1.02rem/1.25 var(--font-fun);display:block}.disc .tx>span{color:var(--bone-faint);font-size:.9rem}.disc i{font:800 .85rem/1 var(--font-fun);color:var(--bone);background:var(--violet);border-radius:var(--pill);margin-top:6px;padding:8px 12px;font-style:normal}.disc.now{grid-column:1/-1;width:100%;padding:0;display:block;position:relative;overflow:hidden}.disc.now:hover{transform:none}.live-frame{background:#000;height:166px;position:relative}.disc.now.video .live-frame{aspect-ratio:16/9;max-width:860px;height:auto;margin-inline:auto}.live-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.live-x{z-index:1;border:2px solid var(--ink-on-light);background:var(--tube);cursor:pointer;border-radius:50%;width:36px;height:36px;margin:8px 10px 8px auto;display:block;position:relative}.live-x:before,.live-x:after{content:"";background:var(--ink-on-light);width:14px;height:2.5px;margin:auto;position:absolute;inset:0;transform:rotate(45deg)}.live-x:after{transform:rotate(-45deg)}.form{background:var(--night-2);border:1px solid var(--line);border-radius:var(--r-l);gap:16px;padding:clamp(18px,3vw,32px);display:grid}@media (width>=700px){.form{grid-template-columns:1fr 1fr}.form .full{grid-column:1/-1}}.form label{font:700 .95rem/1.2 var(--font-fun);color:var(--bone-dim);gap:8px;display:grid}.form input,.form textarea,.form select{border:2px solid var(--line);background:var(--night);width:100%;min-height:52px;color:var(--bone);font:400 1rem/1.4 var(--font-body);border-radius:14px;padding:14px 16px}.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--violet);outline:none;box-shadow:0 0 0 4px #7c3aed22}.form-msg{color:var(--tube);font-family:var(--font-fun);grid-column:1/-1;font-weight:700}.frame{border-radius:var(--r-l);border:2px solid var(--line);overflow:hidden}.pull{font:700 clamp(1.5rem, 1.1rem + 1.8vw, 2.5rem)/1.2 var(--font-fun)}hr.div{background:linear-gradient(90deg, transparent, var(--violet), transparent);opacity:.6;border:0;height:2px;margin:0}.foot{background:var(--night-2);padding:clamp(56px,8vw,96px) 0 30px;position:relative;overflow:hidden}.foot:before{content:"";background:linear-gradient(90deg, var(--violet), var(--tube));height:2px;position:absolute;inset:0 0 auto}.foot-logo{width:min(260px,100%);height:auto;margin-bottom:18px}.foot-say{font:800 clamp(1.4rem, 1rem + 2vw, 2.4rem)/1.15 var(--font-fun);max-width:22ch;margin-bottom:clamp(32px,5vw,56px)}.foot-say em{color:var(--tube);font-style:normal}.foot-grid{border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:28px;padding-bottom:32px;display:grid}.foot h2{font:800 1rem/1 var(--font-fun);color:var(--violet-ink);margin-bottom:12px}.foot a{min-height:40px;color:var(--bone-dim);align-items:center;text-decoration:none;display:flex}.foot a:hover{color:var(--tube)}.foot-base{color:var(--bone-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:22px;font-size:.9rem;display:flex}.foot-base .doodle{width:28px;height:28px;color:var(--bone-faint)}.foot .big{color:#f4ead90d;pointer-events:none;width:clamp(180px,26vw,360px);height:auto;position:absolute;bottom:-40px;right:-40px}.piano-sec{padding:clamp(28px,6vw,64px) 0}.piano{border:3px solid var(--ink-on-light);border-radius:var(--r-l);background:var(--ink-on-light);max-width:760px;box-shadow:8px 8px 0 var(--violet);gap:2px;margin-inline:auto;display:flex;position:relative;overflow:hidden}.pkey{background:var(--bone);min-width:0;height:clamp(220px,60vw,300px);color:var(--brand,var(--ink-on-light));font:800 clamp(.8rem, 2.6vw, 1.05rem)/1 var(--font-fun);flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:center;gap:12px;padding-bottom:16px;text-decoration:none;transition:background .2s,transform .15s;display:flex}.pkey svg{flex:none;width:clamp(20px,5.4vw,30px);height:auto}.pkey span{writing-mode:vertical-rl;letter-spacing:.02em}.pkey:hover{background:#fff}.pkey:active{transform:translateY(3px)}.bkey{background:var(--night);pointer-events:none;border-radius:0 0 6px 6px;width:7%;height:55%;position:absolute;top:0;transform:translate(-50%)}.hero.lp .btns{flex-wrap:wrap}.chips{flex-wrap:wrap;gap:8px 10px;margin:18px 0 0;padding:0;list-style:none;display:flex}@media (width<=899px){.chips{order:5;margin:0}}.chips li{font:700 .85rem/1 var(--font-fun);color:var(--bone-dim);border:1px solid var(--line);border-radius:var(--pill);padding:8px 12px}.lp-intro{padding-bottom:0}.lp-intro+.sec{padding-top:clamp(24px,4vw,40px)}.lp-cols{gap:clamp(28px,5vw,56px);margin:28px 0 24px;display:grid}@media (width>=900px){.lp-cols{grid-template-columns:1fr 1fr;align-items:start}}.lp-sub{color:var(--bone-dim);margin:6px 0 16px}.lp-prices{gap:12px;margin:0;padding:0;list-style:none;display:grid}.lp-row{background:var(--night-2);border:1px solid var(--line);border-radius:var(--r);grid-template-columns:1fr auto;align-items:center;gap:18px;padding:16px 18px;display:grid}.lp-row b{font:800 1.15rem/1.2 var(--font-fun)}.lp-row strong{font:800 1.45rem/1 var(--font-fun);color:var(--tube)}.lp-cta{display:flex}@media (width<=899px){.lp-cta{display:none}}.sign .btns{justify-content:center;margin-top:22px}}
