:root{--ink:#1c1b29;--ink-soft:#5b5872;--line:#e9e6f2;--bg:#fff;--bg-soft:#f7f5fc;--violet:#8b5cf6;--violet-light:#c4a1ff;--violet-deep:#6025d9;--grad:linear-gradient(135deg, var(--violet-light), var(--violet-deep));--radius:18px;--card:#fff;--header:#fffc;--tag-text:var(--violet-deep);--band:var(--bg-soft);--footer:var(--bg-soft);--promo:var(--bg-soft);--dot:#1c1b2921;--ok:#16a34a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=dark]{--ink:#edebf5;--ink-soft:#a9a5be;--line:#2a2839;--bg:#0f0e17;--bg-soft:#15141f;--card:#1a1926;--header:#0f0e17bf;--tag-text:var(--violet-light);--band:#1a1926;--footer:#0a0910;--promo:#8b5cf624;--dot:#edebf517;--ok:#4ade80;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.logo-dark,[data-theme=dark] .logo-light{display:none}[data-theme=dark] .logo-dark{display:block}.theming,.theming *{transition:background-color .3s,border-color .3s,color .3s,stroke .3s,transform .3s!important}.theme-btn{border:1px solid var(--line);background:var(--bg-soft);cursor:pointer;border-radius:999px;justify-content:space-between;align-items:center;width:66px;height:36px;padding:0 10px;transition:border-color .2s;display:flex;position:relative}.theme-btn:hover{border-color:var(--violet-light)}.theme-btn:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.theme-btn:before{content:"";background:var(--grad);border-radius:50%;width:28px;height:28px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 8px -2px #6025d999}[data-theme=dark] .theme-btn:before{transform:translate(30px)}.theme-btn svg{fill:none;width:14px;height:14px;stroke:var(--ink-soft);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s;position:relative}.theme-btn .sun,[data-theme=dark] .theme-btn .moon{stroke:#fff}[data-theme=dark] .theme-btn .sun{stroke:var(--ink-soft)}.nav-right{align-items:center;gap:10px;display:flex}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--bg);font-family:Plus Jakarta Sans,system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1140px,100% - 32px);margin-inline:auto}.btn{border-radius:12px;align-items:center;gap:8px;padding:13px 22px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 8px 24px -8px #6025d98c}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px -8px #6025d9b3}.btn-ghost{border:1px solid var(--line);background:var(--card)}.btn-ghost:hover{border-color:var(--violet-light)}.btn:focus-visible,a:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.tag{letter-spacing:.14em;text-transform:uppercase;color:var(--tag-text);align-items:center;gap:12px;font-size:13px;font-weight:700;display:inline-flex}.tag:before{content:"";background:var(--grad);border-radius:2px;width:28px;height:2px}.grad-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}h1,h2,h3{letter-spacing:-.02em;line-height:1.15}h2{margin:16px 0 12px;font-size:clamp(28px,4vw,42px);font-weight:800}.lead{color:var(--ink-soft);max-width:560px;font-size:17px}section{padding:96px 0}.head{margin-bottom:48px}header{z-index:10;background:var(--header);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}nav{justify-content:space-between;align-items:center;height:72px;display:flex}.brand{align-items:center;gap:10px;font-size:19px;font-weight:800;display:flex}.brand img{width:auto;height:34px}.links{color:var(--ink-soft);gap:32px;font-size:15px;font-weight:500;display:flex}.links a:hover{color:var(--ink)}.hero{isolation:isolate;padding:88px 0 104px;position:relative;overflow:hidden}.hero:before,.final-card:before{content:"";z-index:-1;background-image:radial-gradient(var(--dot) 1.2px, transparent 1.2px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 70% at 72% 45%,#000 20%,#0000 75%);mask-image:radial-gradient(60% 70% at 72% 45%,#000 20%,#0000 75%)}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid}.hero h1{letter-spacing:-.035em;margin:0 0 20px;font-size:clamp(40px,6.4vw,72px);font-weight:800}.hero .cta{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-art{will-change:transform;justify-self:center;width:100%;max-width:440px}.hero-logo{width:100%;animation:6s ease-in-out infinite float}@keyframes float{50%{transform:translateY(-12px)}}.motion .hero-art{animation:1s .35s backwards fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}}.facts{border-top:1px solid var(--line);flex-wrap:wrap;gap:14px 28px;margin-top:44px;padding-top:28px;display:flex}.fact{color:var(--ink-soft);align-items:center;gap:12px;font-size:13.5px;display:flex}.fact strong{color:var(--ink);font-size:16px;display:block}.fact-ico{background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.fact-ico svg{fill:none;width:19px;height:19px;stroke:var(--violet);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.features{background:var(--bg-soft)}.feat-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.feat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px;transition:border-color .2s,transform .2s}.feat:hover,.step:hover{background:linear-gradient(var(--card), var(--card)) padding-box, var(--grad) border-box;border-color:#0000;transform:translateY(-4px)}.feat .icon{background:var(--grad);border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:20px;transition:transform .3s;display:grid;box-shadow:0 8px 18px -8px #6025d999}.feat:hover .icon{transform:rotate(-6deg)scale(1.08)}.feat .icon svg{stroke:#fff;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.feat h3{margin-bottom:8px;font-size:18px}.feat p{color:var(--ink-soft);font-size:15px}.offers-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid;position:relative}.offer{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);flex-direction:column;gap:14px;padding:32px;transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .2s;display:flex;position:relative}.offer.tilting{transition:transform .12s ease-out,box-shadow .3s,border-color .2s;box-shadow:0 30px 50px -28px #6025d973}.offer:hover{border-color:var(--violet-light);box-shadow:0 20px 40px -24px #6025d959}.offer.featured{background:linear-gradient(var(--card), var(--card)) padding-box, var(--grad) border-box;border:2px solid #0000}.offer .badge{background:var(--grad);color:#fff;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;position:absolute;top:-12px;right:24px}.offer h3{font-size:22px}.price{color:var(--ink-soft);font-size:14px}.price b{letter-spacing:-.02em;color:var(--ink);font-size:34px;font-weight:800}.offer ul{color:var(--ink-soft);flex:1;gap:8px;padding:0;font-size:15px;list-style:none;display:grid}.offer li{align-items:flex-start;gap:10px;display:flex}.offer li:before{content:"";background:var(--violet);flex:none;width:18px;height:18px;margin-top:2px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='m8 12.4 2.7 2.7L16.2 9.6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='m8 12.4 2.7 2.7L16.2 9.6'/%3E%3C/svg%3E") 50%/contain no-repeat}.offer .btn{justify-content:center}.plan{gap:0;padding:30px 28px 28px}.plan h3{text-align:center;font-size:22px;font-weight:800}.plan-price{justify-content:center;align-items:center;gap:8px;margin:10px 0 8px;animation:.35s price-in;display:flex}@keyframes price-in{0%{opacity:0;transform:translateY(6px)}}.plan-note{text-align:center;color:var(--ink-soft);margin-bottom:22px;font-size:13px}.plan-note b{color:var(--ink)}.billing{border:1px solid var(--line);background:var(--bg-soft);border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;width:max-content;margin:0 auto 36px;padding:5px;display:grid;position:relative}.billing:before{content:"";background:var(--card);border-radius:999px;width:calc(50% - 7px);transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;top:5px;bottom:5px;left:5px;box-shadow:0 4px 14px -6px #1c1b2959}.plans[data-billing=yearly] .billing:before{transform:translate(calc(100% + 4px))}.billing button{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background-color .2s,color .2s,box-shadow .2s;display:flex;position:relative}.billing button:hover,.billing button[aria-pressed=true]{color:var(--ink)}.billing button:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.save{color:var(--ok);background:color-mix(in srgb, var(--ok) 14%, transparent);border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:700}.plan-price b{letter-spacing:-.05em;color:var(--ink);font-size:68px;font-weight:800;line-height:.9}.plan-price span{color:var(--ink-soft);flex-direction:column;gap:2px;font-size:13px;font-weight:500;line-height:1.2;display:flex}.plan-price strong{letter-spacing:-.02em;color:var(--ink);font-size:24px;font-weight:800}.plan-specs{border-bottom:1px solid var(--line);gap:14px;margin:0;padding-bottom:22px;display:grid}.plan-specs div{justify-content:space-between;align-items:center;gap:12px;font-size:14.5px;display:flex}.plan-specs dt{color:var(--ink-soft);align-items:center;gap:10px;display:flex}.plan-specs dt svg{fill:none;width:18px;height:18px;stroke:var(--violet);stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none}.plan-specs dd{color:var(--ink);text-align:right;margin:0;font-weight:700}.plan-specs dd.accent{color:var(--ok)}.plan ul{gap:12px;margin:20px 0 24px}.plan li:before{background:var(--ok)}.plan .btn{border-radius:14px;padding:16px 22px;font-size:16px}.band{background:var(--band);border:1px solid var(--line);color:var(--ink);border-radius:28px;grid-template-columns:repeat(4,1fr);gap:32px;padding:64px;display:grid;position:relative;overflow:hidden}.band strong{margin-bottom:4px;font-size:32px;font-weight:800;display:block}.band strong span{color:var(--tag-text)}.band p{color:var(--ink-soft);font-size:15px}.final-card{isolation:isolate;text-align:center;border:1px solid var(--line);background:var(--bg-soft);border-radius:28px;padding:64px 32px;position:relative;overflow:hidden}.final-card:before{-webkit-mask-image:radial-gradient(60% 80%,#000 10%,#0000 70%);mask-image:radial-gradient(60% 80%,#000 10%,#0000 70%)}.final-card img{margin:0 auto 8px}.final .lead{margin:0 auto 32px}.final-card .cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.steps{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.step{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:30px;transition:transform .2s}.step-num{letter-spacing:-.03em;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:18px;font-size:44px;font-weight:800;line-height:1;display:block}.step h3{margin-bottom:8px;font-size:20px}.step p{color:var(--ink-soft);font-size:15px}.faq-wrap{grid-template-columns:.8fr 1.2fr;align-items:start;gap:48px;display:grid}.faq-list{gap:12px;display:grid}.faq{border:1px solid var(--line);background:var(--card);border-radius:14px;transition:border-color .2s}.faq[open],.faq:hover{border-color:var(--violet-light)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:focus-visible{outline:2px solid var(--violet);outline-offset:2px;border-radius:14px}.faq summary svg{fill:none;width:18px;height:18px;stroke:var(--violet);stroke-width:2.2px;stroke-linecap:round;flex:none;transition:transform .25s}.faq[open] summary svg{transform:rotate(45deg)}.faq p{color:var(--ink-soft);padding:0 20px 18px;font-size:15px}footer{background:var(--footer);border-top:1px solid var(--line);color:var(--ink-soft);padding:56px 0 32px;font-size:14px}.foot{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:32px;padding-bottom:32px;display:flex}.foot .brand{color:var(--ink)}.foot-cols{gap:56px;display:flex}.foot-cols div{gap:8px;display:grid}.foot-cols b{color:var(--ink);margin-bottom:4px}.foot-cols a:hover{color:var(--tag-text)}.copy{padding-top:24px}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-art{grid-row:1;max-width:260px}.feat-grid,.band{grid-template-columns:repeat(2,1fr)}.offers-grid,.steps,.faq-wrap{grid-template-columns:1fr}.faq-wrap{gap:0}.band{padding:40px}}@media (max-width:640px){.links{display:none}section{padding:72px 0}.feat-grid,.band{grid-template-columns:1fr}.band{padding:32px 24px}.foot-cols{flex-wrap:wrap;gap:32px}}@media (prefers-reduced-motion:reduce){.hero-logo{animation:none}*{transition:none!important}}.links a.active{color:var(--ink);font-weight:600}.links .mobile-only{display:none}nav{position:relative}.dd{align-items:center;height:72px;display:flex}.dd-link{align-items:center;gap:4px;display:flex}.dd-link svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;transition:transform .2s}.dd:hover .dd-link svg,.dd:focus-within .dd-link svg{transform:rotate(180deg)}.dd-panel{background:var(--card);border:1px solid var(--line);opacity:0;visibility:hidden;border-radius:20px;grid-template-columns:1fr 220px;gap:8px;width:min(780px,100%);padding:10px;transition:opacity .2s,transform .2s,visibility 0s .2s;display:grid;position:absolute;top:100%;left:50%;transform:translate(-50%,8px);box-shadow:0 24px 48px -20px #1c1b294d}.dd:hover .dd-panel,.dd:focus-within .dd-panel{opacity:1;visibility:visible;transition-delay:0s;transform:translate(-50%)}.dd-panel>div{padding:12px}.dd-intro{color:var(--ink-soft);font-size:13px}.dd-intro b{color:var(--ink);font-size:15px;display:block}.dd-grid{grid-template-columns:1fr 1fr;gap:4px;margin-top:12px;display:grid}.links .dd-item{color:var(--ink);border-radius:12px;align-items:center;gap:12px;padding:10px;transition:background .15s;display:flex}.dd-item:hover{background:var(--bg-soft)}.dd-ico{background:var(--grad);color:#fff;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:grid}.dd-ico svg{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.dd-item b{font-size:14px;display:block}.dd-item span{color:var(--ink-soft);font-size:12.5px;display:block}.links .dd-promo{background:var(--promo);color:var(--ink);border-radius:14px;flex-direction:column;gap:6px;padding:20px;display:flex}.dd-promo b{font-size:17px}.dd-promo p{color:var(--ink-soft);font-size:13.5px}.dd-promo span{color:var(--tag-text);margin-top:auto;font-size:14px;font-weight:600}.dd-promo:hover span{text-decoration:underline}.menu-btn{border:1px solid var(--line);background:var(--card);width:42px;height:36px;color:var(--ink);cursor:pointer;border-radius:10px;place-items:center;display:none}.menu-btn svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;fill:none;width:18px;height:18px}.page-hero{padding:72px 0 24px}.page-hero h1{margin:18px 0 16px;font-size:clamp(34px,5vw,56px);font-weight:800}.page-hero .cta{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.crumbs{color:var(--ink-soft);margin-bottom:18px;font-size:14px}.crumbs a:hover{color:var(--ink)}.game-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.game{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);transition:border-color .2s,transform .2s;display:block;overflow:hidden}.game:hover{border-color:var(--violet-light);transform:translateY(-3px)}.game .logo-tile{aspect-ratio:16/9;border-radius:0;padding:28px 36px}.game:hover .logo-tile img{transform:scale(1.06)}.logo-tile.game-art{background:linear-gradient(#0f0e178c, #0f0e17cc), var(--art) center / cover}.logo-tile.game-art img{filter:drop-shadow(0 4px 16px #0009)}.game-body{background:var(--card);justify-content:space-between;align-items:center;padding:16px 18px;display:flex;position:relative}.game b{font-size:17px;display:block}.game span{color:var(--ink-soft);font-size:14px}.game .arrow{color:var(--violet);font-weight:700}.logo-tile{border-radius:var(--radius);background:linear-gradient(135deg,#24203a,#141320);display:block}.logo-tile img{object-fit:contain;width:100%;height:100%;transition:transform .3s}.game-hero-logo{aspect-ratio:16/10;border:1px solid var(--line);justify-self:center;width:100%;max-width:440px;padding:48px}.dd-logo{border-radius:10px;flex:none;width:64px;height:38px;padding:6px 8px}.specs{color:var(--ink-soft);flex-wrap:wrap;gap:6px;font-size:14px;display:flex}.specs span{background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;padding:4px 10px}@media (max-width:640px){.menu-btn{display:grid}header.open .links{background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;gap:4px;padding:12px 16px 20px;display:flex;position:absolute;top:72px;left:0;right:0}.dd{height:auto;display:block}.dd-panel,.dd-link svg{display:none}header.open .links a{padding:10px 0}header.open .links .mobile-only{color:var(--violet);font-weight:600;display:block}.nav-right .btn{display:none}.page-hero{padding-top:48px}}.motion :is(.hero-grid>div:not(.hero-art)>*,.hero-grid>.logo-tile,.page-hero .wrap:not(.hero-grid)>*,.head,.feat-grid>*,.offers-grid>*,.band>*,.game-grid>*,.final .wrap>*,.marquee-section,.steps>*,.faq-list>*,.billing):not(.in){opacity:0;transform:translateY(28px)}.motion :is(.hero-grid>div:not(.hero-art)>*,.hero-grid>.logo-tile,.page-hero .wrap:not(.hero-grid)>*,.head,.feat-grid>*,.offers-grid>*,.band>*,.game-grid>*,.final .wrap>*,.marquee-section,.steps>*,.faq-list>*,.billing):not(.done){transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}header.scrolled{box-shadow:0 10px 30px -18px #1c1b2959}.to-top{z-index:20;background:var(--grad);color:#fff;cursor:pointer;opacity:0;visibility:hidden;border:0;border-radius:14px;place-items:center;width:48px;height:48px;transition:opacity .25s,transform .25s,visibility 0s .25s;display:grid;position:fixed;bottom:24px;right:24px;transform:translateY(12px);box-shadow:0 10px 24px -8px #6025d999}.to-top.show{opacity:1;visibility:visible;transition-delay:0s;transform:none}.to-top:hover{transform:translateY(-3px)}.to-top:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.to-top svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.marquee-section{padding:0 0 72px}.marquee{padding:8px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-track{gap:16px;width:max-content;animation:45s linear infinite marquee;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-item{flex:none;width:240px}.marquee-item .logo-tile{padding:26px 34px}@keyframes marquee{to{transform:translate(calc(-50% - 8px))}}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}
