:root{--bg:#050506;--panel:#09090b;--line:rgba(255,255,255,.12);--line-light:rgba(255,255,255,.22);--text:#f5f4f7;--muted:#79777f;--purple:#7c3cff}
*{scrollbar-color:#39343f #08080a}
html{background:var(--bg)}
body{background:#050506;color:var(--text);font-family:Inter,Arial,sans-serif;letter-spacing:-.01em}
body:before{display:none!important}
.shell{width:min(1320px,calc(100% - 64px))}
.topbar{height:84px;margin-top:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:rgba(5,5,6,.72);box-shadow:none;backdrop-filter:blur(18px)}
.brand{font-size:17px;letter-spacing:-.05em}.brand b{color:var(--purple)}
.topbar nav{margin-right:auto;gap:30px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.nav-actions{gap:16px}.online-pill{border:0;background:none;padding:0;font-size:10px;letter-spacing:.08em}.online-pill i{box-shadow:none}
.language-button{border:0;background:none}.login-button{height:auto;padding:0;border:0;background:none;color:#a4a1aa;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.login-button:after{content:"  ↗"}.login-button:hover{background:none;color:#fff}
.login-button.signed-in{max-width:190px;display:inline-flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0;color:#e9e5ed}
.login-button.signed-in .nav-user-avatar{width:24px;height:24px;flex-basis:24px;border-color:rgba(255,255,255,.12);background:#17121e;color:#b888ff}
.login-button.signed-in .nav-user-name{font-size:11px;font-weight:650}
.hero{--light-x:72%;--light-y:45%;min-height:820px;margin-top:-84px;padding:84px 0 0;text-align:left;overflow:hidden;border-bottom:1px solid var(--line);background:#050506}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 49.94%,rgba(255,255,255,.05) 50%,transparent 50.06%),linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px);background-size:100% 100%,100% 112px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 88%);pointer-events:none}
.hero:after{content:"";position:absolute;inset:-10%;z-index:1;background:radial-gradient(ellipse 34% 42% at var(--light-x) var(--light-y),rgba(124,60,255,.18),rgba(124,60,255,.055) 44%,transparent 74%);opacity:.95;transition:background-position .12s linear;pointer-events:none}
.hero-layout{min-height:735px;display:flex;align-items:center;position:relative;z-index:2}
.hero-copy{width:min(920px,78vw);margin:0;padding:62px 0 80px;position:relative;text-align:left}
.hero-index,.overline{display:block;color:#77737e;font-size:9px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.hero-copy h1{max-width:920px;margin:27px 0 27px;font-size:clamp(68px,8vw,124px);font-weight:500;line-height:.88;letter-spacing:-.075em;text-wrap:balance}
.hero-copy h1 span,.hero-copy h1 b{display:block;color:#f4f3f6;font-weight:500}
.hero-copy h1 b{color:#706d75}
.hero-copy>p{max-width:485px;margin:0;color:#8b8990;font-size:15px;line-height:1.7}
.hero-actions{justify-content:flex-start;margin-top:38px;gap:28px}
.hero-actions .primary-button{width:auto;min-height:50px;padding:0 22px;border:0;border-radius:999px;background:#f2f1f3;color:#080809;font-size:12px;font-weight:650;box-shadow:none}.hero-actions .primary-button i{margin-left:38px;font-style:normal}
.hero-actions .primary-button:hover{transform:translateY(-2px);background:#fff;box-shadow:0 8px 35px rgba(255,255,255,.1)}
.hero-actions .secondary-button{width:auto;height:auto;padding:0;border:0;background:none;color:#77747c;font-size:10px;font-weight:650;letter-spacing:.13em;text-transform:uppercase}.hero-actions .secondary-button i{margin-left:12px;font-style:normal}.hero-actions .secondary-button:hover{border:0;background:none;color:#fff}
.hero-product{--scroll-y:0px;--scroll-scale:1;--scroll-tilt:2.5deg;height:720px;position:relative;display:grid;place-items:center;perspective:1400px;transform:translate3d(0,var(--scroll-y),0) scale(var(--scroll-scale));transform-origin:center;will-change:transform;animation:product-enter 1.15s .18s cubic-bezier(.16,.72,.2,1) both}
.hero-product:before{content:"";width:88%;height:64%;position:absolute;background:radial-gradient(ellipse,rgba(124,60,255,.2),rgba(124,60,255,.07) 38%,transparent 70%);filter:blur(34px);transform:translate(6%,5%);pointer-events:none}
.product-frame{--pointer-x:0deg;--pointer-y:0deg;width:min(760px,57vw);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:3px;background:#0d0d10;box-shadow:0 55px 130px rgba(0,0,0,.72),0 0 80px rgba(124,60,255,.1);transform:rotateY(calc(-5deg + var(--scroll-tilt) + var(--pointer-x))) rotateX(calc(1.5deg + var(--pointer-y)));transform-origin:center;transition:transform .16s linear,box-shadow .35s ease}
.product-frame:hover{box-shadow:0 65px 145px rgba(0,0,0,.78),0 0 110px rgba(124,60,255,.17)}
.product-frame:after{content:"";position:absolute;inset:34px 0 auto;z-index:8;height:38%;background:linear-gradient(115deg,rgba(255,255,255,.09),transparent 40%);mix-blend-mode:screen;pointer-events:none}
.product-bar{height:34px;padding:0 12px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.09);background:#09090c;color:#65616b;font:8px ui-monospace,monospace;letter-spacing:.12em}.product-bar span{margin-right:auto}.product-bar small{margin-right:14px;color:#5f5b65;font:7px ui-monospace,monospace;letter-spacing:.14em}.product-bar i{width:5px;height:5px;margin-left:7px;border-radius:50%;background:#302d35}.product-bar i:first-of-type{background:#7c3cff;box-shadow:0 0 12px #7c3cff}
.product-stage{position:relative;overflow:hidden;aspect-ratio:794/483;background:#111115}
.product-shot{width:100%;height:100%;position:absolute;inset:0;display:block;object-fit:cover;opacity:0;clip-path:inset(0 0 0 100%);transform:translate3d(4%,0,0) scale(1.025);filter:blur(10px) saturate(.75) contrast(1.08);transition:opacity .62s ease,clip-path .85s cubic-bezier(.16,.75,.2,1),transform .85s cubic-bezier(.16,.75,.2,1),filter .7s ease}
.product-shot.active{z-index:2;opacity:1;clip-path:inset(0);transform:none;filter:blur(0) saturate(.88) contrast(1.06)}
.screen-scan{height:1px;position:absolute;z-index:6;left:0;right:0;top:-4%;background:linear-gradient(90deg,transparent,rgba(164,117,255,.75),transparent);box-shadow:0 0 18px rgba(124,60,255,.55);opacity:.5;animation:screen-scan 4.8s linear infinite;pointer-events:none}
.cursor-light{width:38%;aspect-ratio:1;position:absolute;z-index:5;right:-10%;bottom:-36%;border-radius:50%;background:radial-gradient(circle,rgba(124,60,255,.16),transparent 68%);filter:blur(12px);animation:screen-light 6s ease-in-out infinite;pointer-events:none}
.product-switcher{height:42px;padding:0 13px;display:flex;align-items:center;border-top:1px solid rgba(255,255,255,.08);background:#09090c}.product-switcher strong{color:#8c8792;font:8px ui-monospace,monospace;letter-spacing:.16em}.product-dots{margin-left:auto;display:flex;gap:7px}.product-dots button{width:18px;height:18px;padding:0;display:grid;place-items:center;border:0;background:none}.product-dots button:after{content:"";width:4px;height:4px;border-radius:50%;background:#3a3640;transition:.25s}.product-dots button.active:after{width:15px;border-radius:8px;background:#8c55ff;box-shadow:0 0 10px rgba(124,60,255,.65)}
.product-progress{height:1px;position:absolute;z-index:12;left:0;right:0;bottom:0;background:rgba(255,255,255,.05)}.product-progress i{height:100%;display:block;background:linear-gradient(90deg,#7c3cff,#b38cff);transform:scaleX(0);transform-origin:left}.product-progress i.running{animation:slide-progress 4.6s linear forwards}
.product-caption{position:absolute;right:2%;bottom:15%;padding-left:38px;color:#625e68;font:8px ui-monospace,monospace;letter-spacing:.16em}.product-caption:before{content:"";width:28px;height:1px;position:absolute;left:0;top:50%;background:#7c3cff}
.hero-word{position:absolute;left:-.025em;bottom:-.21em;color:#fff;font-size:clamp(150px,24vw,380px);font-weight:800;line-height:1;letter-spacing:-.09em;opacity:.017;pointer-events:none}
@keyframes product-enter{from{opacity:0;transform:translate3d(70px,35px,0) scale(.96)}to{opacity:1;transform:translate3d(0,var(--scroll-y),0) scale(var(--scroll-scale))}}
@keyframes screen-scan{0%{top:-4%;opacity:0}10%{opacity:.5}88%{opacity:.35}100%{top:104%;opacity:0}}
@keyframes screen-light{0%,100%{transform:translate3d(0,0,0) scale(.9);opacity:.45}50%{transform:translate3d(-36%,-22%,0) scale(1.2);opacity:.85}}
@keyframes slide-progress{to{transform:scaleX(1)}}
.section{padding-top:150px;padding-bottom:150px}.section-heading{margin-bottom:62px}.section-heading.centered{max-width:none;margin-left:0;margin-right:0;text-align:left}.section-heading h2,.status-panel h2{margin:18px 0 13px;font-size:clamp(36px,5vw,62px);font-weight:500;letter-spacing:-.06em}.section-heading p{max-width:520px;font-size:13px;line-height:1.65}
.pricing-section{position:relative}.pricing-section:before{display:none}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.price-card,.price-card.featured{min-height:370px;padding:30px 24px;overflow:hidden;border:0;border-right:1px solid var(--line);border-radius:0;background:none;box-shadow:none}.price-card:after{content:"";height:1px;position:absolute;left:24px;right:100%;top:-1px;background:linear-gradient(90deg,#7c3cff,transparent);transition:right .55s cubic-bezier(.16,.75,.2,1)}.price-card:last-child{border-right:0}.price-card:hover{transform:none;border-color:var(--line);box-shadow:none;background:rgba(255,255,255,.012)}.price-card:hover:after{right:24px}
.price-card .popular{top:30px;right:24px;padding:0;border:0;border-radius:0;background:none;color:#9f75ff;font-size:8px;letter-spacing:.12em}.price-card .plan-name{color:#706d75;font:9px ui-monospace,monospace;letter-spacing:.12em}.price-card>strong{max-width:180px;margin-top:58px;font-size:26px;font-weight:500;line-height:1.06}.price-card ul{margin:30px 0;padding-top:22px;border-color:var(--line);color:#77747c;font-size:11px;line-height:1.5}.price-card li:before{content:"—";color:#55515b}.price-card>a{width:auto;min-height:auto;margin-top:auto;display:inline-flex;place-items:unset;border:0;border-radius:0;background:none;color:#d8d5dc;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.price-card>a:after{content:" ↗";margin-left:10px}.price-card>a:hover{transform:none;border:0;background:none;color:#fff}
#status{padding-top:40px;padding-bottom:40px}.status-panel{grid-template-columns:1fr 1fr;gap:90px;padding:72px 0;position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.status-panel:after{content:"";width:24%;height:1px;position:absolute;left:-28%;bottom:-1px;background:linear-gradient(90deg,transparent,#7c3cff,transparent);animation:status-signal 7s ease-in-out infinite}.status-panel h2{font-size:42px}.status-panel p{max-width:460px;font-size:12px;line-height:1.7}.status-display{min-height:0;padding:0 0 0 32px;border:0;border-left:1px solid var(--line);border-radius:0;background:none;box-shadow:none}.status-display .status-dot{box-shadow:0 0 14px currentColor;animation:status-pulse 2s ease-in-out infinite}.status-display strong{font-size:28px;font-weight:500;letter-spacing:-.04em}.status-display>span{color:#65616a;font:10px ui-monospace,monospace}
@keyframes status-signal{0%,18%{left:-28%;opacity:0}28%{opacity:1}72%{opacity:1}82%,100%{left:104%;opacity:0}}@keyframes status-pulse{50%{opacity:.45;transform:scale(.72)}}
.faq-section{padding-top:150px}.faq-list{max-width:none;margin:0;display:block;border-top:1px solid var(--line)}.faq-list details{padding:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;transition:padding-left .3s ease}.faq-list details:hover,.faq-list details[open]{padding-left:12px;border-color:var(--line);background:none}.faq-list summary{min-height:92px;padding:0;color:#d1ced5;font-size:18px;font-weight:450}.faq-list summary:after{color:#64616a;font-size:18px;transition:transform .3s ease,color .3s ease}.faq-list details[open] summary:after{transform:rotate(180deg);color:#9b70ff}.faq-list p{max-width:680px;margin:-8px 0 32px;padding:0;color:#78757e;font-size:13px;line-height:1.8}
.discord-community{margin-top:60px;margin-bottom:100px;padding:52px 0;grid-template-columns:1fr auto;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none}.discord-community:before,.discord-icon{display:none}.discord-copy h2{font-size:36px;font-weight:500;letter-spacing:-.05em}.discord-copy p{font-size:12px}.discord-button{min-width:0;padding:0;border:0;background:none;color:#aaa6af;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.discord-button:hover{background:none;color:#fff;transform:none}
footer{border-top:0;color:#5f5c64;font-size:10px}.footer-links{font-size:9px;letter-spacing:.05em}
.reveal,.scroll-reveal{opacity:1!important;transform:none!important}
.concept-reveal{opacity:0;transform:translate3d(0,34px,0);transition:opacity .75s ease,transform .85s cubic-bezier(.16,.75,.2,1)}.concept-reveal.visible{opacity:1;transform:none}.faq-list details.concept-reveal:nth-child(2){transition-delay:.06s}.faq-list details.concept-reveal:nth-child(3){transition-delay:.12s}.faq-list details.concept-reveal:nth-child(4){transition-delay:.18s}
@media(max-width:1050px){.hero-layout{grid-template-columns:1fr 1fr}.hero-copy h1{font-size:62px}.hero-product{height:620px}.pricing-grid{grid-template-columns:repeat(2,1fr)}.price-card:nth-child(2){border-right:0}.price-card:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:760px){.topbar{height:68px;margin-top:0;justify-content:flex-start;gap:0}.topbar nav,.nav-actions{display:none}.hero{min-height:auto;margin-top:-68px;padding-top:68px}.hero-layout{width:calc(100% - 40px)!important;min-height:auto;margin-inline:auto;display:flex;flex-direction:column;padding-top:82px}.hero-copy{width:100%;min-width:0;padding:0}.hero-copy h1{font-size:53px;line-height:.94}.hero-copy>p{width:100%;max-width:100%;font-size:13px}.hero-actions{align-items:flex-start;flex-direction:row;gap:20px}.hero-actions .primary-button{min-height:46px}.hero-actions .secondary-button{min-height:46px}.hero-meta{margin-top:48px;gap:14px;flex-wrap:wrap}.hero-product{width:100%;height:390px;margin-top:38px}.hero-product:before{width:115%;height:82%}.product-frame{width:118vw;max-width:620px;transform:rotateY(0) rotateX(0)}.product-caption{right:0;bottom:3%}.section{padding-top:100px;padding-bottom:100px}.pricing-grid{grid-template-columns:1fr}.price-card,.price-card.featured{min-height:310px;border-right:0;border-bottom:1px solid var(--line)}.price-card:last-child{border-bottom:0}.status-panel{grid-template-columns:1fr;gap:45px;padding:58px 0}.status-display{padding:26px 0 0;border-left:0;border-top:1px solid var(--line)}.faq-list summary{font-size:15px}.discord-community{margin-bottom:60px;padding:42px 0;grid-template-columns:1fr;gap:28px}.discord-copy h2{font-size:30px}.footer-links{gap:15px}}
@media(prefers-reduced-motion:reduce){.hero-product{animation:none;transform:none}.product-frame,.product-shot,.concept-reveal{transition:none}.screen-scan,.cursor-light,.product-progress i,.status-panel:after,.status-display .status-dot{animation:none}.concept-reveal{opacity:1;transform:none}}

/* Quiet motion system inspired by editorial product pages. */
html{scrollbar-gutter:stable}
body{overflow-x:clip}
.topbar{opacity:0;filter:blur(6px)}
.hero-index,.hero-copy h1 span,.hero-copy h1 b,.hero-copy>p,.hero-actions{opacity:0;filter:blur(8px);transform:translateY(12px)}
.concept-ready .topbar{animation:concept-nav-in .72s .04s cubic-bezier(.22,.61,.36,1) both}
.concept-ready .hero-index{animation:concept-hero-in .72s .12s cubic-bezier(.22,.61,.36,1) both}
.concept-ready .hero-copy h1 span{animation:concept-hero-in .9s .19s cubic-bezier(.22,.61,.36,1) both}
.concept-ready .hero-copy h1 b{animation:concept-hero-in .9s .27s cubic-bezier(.22,.61,.36,1) both}
.concept-ready .hero-copy>p{animation:concept-hero-in .78s .39s cubic-bezier(.22,.61,.36,1) both}
.concept-ready .hero-actions{animation:concept-hero-in .72s .48s cubic-bezier(.22,.61,.36,1) both}
@keyframes concept-nav-in{to{opacity:1;filter:blur(0)}}
@keyframes concept-hero-in{to{opacity:1;filter:blur(0);transform:translateY(0)}}

.concept-reveal{opacity:0;filter:blur(7px);transform:translate3d(0,20px,0);transition:opacity .78s cubic-bezier(.22,.61,.36,1) var(--reveal-delay,0ms),filter .78s cubic-bezier(.22,.61,.36,1) var(--reveal-delay,0ms),transform .84s cubic-bezier(.22,.61,.36,1) var(--reveal-delay,0ms)}
.concept-reveal.visible{opacity:1;filter:blur(0);transform:none}

.topbar nav{min-width:380px;display:grid;grid-template-columns:repeat(3,90px) 64px;gap:6px}
.topbar nav a{width:100%;white-space:nowrap}
.nav-actions{min-width:250px;justify-content:flex-end}
.language-button{width:34px;min-width:34px;padding-inline:0;text-align:center}
.login-button{min-width:78px;max-width:210px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.hero-copy h1 span,.hero-copy h1 b{white-space:nowrap}
html[lang="ru"] .hero-copy h1{font-size:clamp(64px,7.35vw,112px)}
.hero-copy>p{min-height:52px}
.section-heading h2{min-height:1.08em}
.section-heading>p{min-height:43px}
.status-panel p{min-height:42px}

.hero-actions .primary-button{min-height:46px;padding:4px 7px 4px 18px;gap:22px;transition:color .22s ease,background .22s ease,transform .3s cubic-bezier(.22,.61,.36,1)}
.hero-actions .primary-button i{width:32px;height:32px;margin-left:0;display:grid;place-items:center;border:1px solid rgba(0,0,0,.12);border-radius:50%;transition:transform .3s cubic-bezier(.22,.61,.36,1)}
.hero-actions .primary-button:hover i{transform:translate(2px,-2px)}
.hero-actions .secondary-button{min-height:46px;gap:4px;transition:color .22s ease}
.hero-actions .secondary-button i{display:inline-block;transition:transform .3s cubic-bezier(.22,.61,.36,1)}
.hero-actions .secondary-button:hover i{transform:translate(2px,-2px)}
.price-card>a,.discord-button{transition:color .22s ease,transform .3s cubic-bezier(.22,.61,.36,1)}
.price-card>a:hover,.discord-button:hover{transform:translateX(3px)}
.price-card .plan-name{display:block;min-height:12px}.price-card>strong{min-height:56px}.price-card ul{min-height:104px}

[data-i18n]{transition:opacity .16s ease,filter .16s ease}
.language-changing [data-i18n]{opacity:.35;filter:blur(2px)}
::view-transition-old(root){animation:language-old .13s ease both}
::view-transition-new(root){animation:language-new .24s cubic-bezier(.22,.61,.36,1) both}
@keyframes language-old{to{opacity:0;filter:blur(3px)}}
@keyframes language-new{from{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}}

@media(max-width:1050px){.topbar nav{min-width:330px;grid-template-columns:repeat(3,78px) 58px}.nav-actions{min-width:210px}.hero-copy{width:min(820px,88vw)}.hero-copy h1 span,.hero-copy h1 b{white-space:normal}}
@media(max-width:760px){.topbar{opacity:0}.hero-copy h1 span,.hero-copy h1 b{white-space:normal}.hero-actions .primary-button{padding-left:16px}.hero-actions{flex-wrap:wrap}.nav-actions{min-width:0}}
@media(prefers-reduced-motion:reduce){.topbar,.hero-index,.hero-copy h1 span,.hero-copy h1 b,.hero-copy>p,.hero-actions{opacity:1;filter:none;transform:none;animation:none!important}.concept-reveal{opacity:1;filter:none;transform:none;transition:none}}

/* Brighter violet atmosphere, still deliberately restrained. */
:root{--bg:#08060d;--panel:#0d0a14;--line:rgba(184,145,255,.13);--line-light:rgba(205,180,255,.24);--text:#f7f4fb;--muted:#9791a0;--purple:#8f52ff}
html{background:#08060d;scroll-behavior:smooth}
body{background:
  radial-gradient(1100px 760px at 82% 4%,rgba(121,65,222,.20),transparent 67%),
  radial-gradient(850px 680px at -8% 43%,rgba(101,55,185,.12),transparent 72%),
  radial-gradient(900px 700px at 93% 76%,rgba(88,43,168,.10),transparent 74%),
  linear-gradient(180deg,#09070f 0%,#07060b 42%,#0a0710 100%);
  background-attachment:fixed;color:var(--text)}
.topbar{border-color:rgba(190,153,255,.16);background:rgba(10,7,16,.70);box-shadow:0 18px 70px rgba(36,17,67,.12)}
.topbar nav a,.login-button{color:#aaa4b2}.topbar nav a:hover,.login-button:hover{color:#fff}
.language-button{color:#b7aaca}.online-pill{color:#b6afbd}

.hero{background:
  radial-gradient(ellipse 58% 68% at 77% 42%,rgba(129,70,235,.20),rgba(75,37,143,.08) 48%,transparent 76%),
  linear-gradient(145deg,#0b0813 0%,#07060b 58%,#0d0816 100%)}
.hero:before{background:
  linear-gradient(90deg,transparent 0 49.94%,rgba(190,150,255,.085) 50%,transparent 50.06%),
  linear-gradient(rgba(190,150,255,.045) 1px,transparent 1px);
  background-size:100% 100%,100% 112px}
.hero:after{background:radial-gradient(ellipse 39% 48% at var(--light-x) var(--light-y),rgba(148,85,255,.29),rgba(112,57,211,.09) 43%,transparent 73%);filter:saturate(1.08)}
.hero-index,.overline{color:#9f92ad}
.hero-copy h1 b{color:#aaa3b1}
.hero-copy>p{color:#aaa4b1}
.hero-word{color:#b38aff;opacity:.035}

.concept-section{position:relative;background:radial-gradient(560px 360px at 8% 12%,rgba(115,63,207,.055),transparent 72%)}
.concept-section::before{content:"";display:block;width:100%;height:1px;position:absolute;left:0;top:0;background:linear-gradient(90deg,transparent,rgba(165,112,255,.34),rgba(255,255,255,.09),transparent);transform:scaleX(0);transform-origin:left;opacity:0;transition:transform 1.15s cubic-bezier(.22,.61,.36,1),opacity .45s ease;pointer-events:none}
.concept-section.section-visible::before{transform:scaleX(1);opacity:1}
.pricing-section{background:radial-gradient(720px 440px at 88% 18%,rgba(128,70,230,.085),transparent 73%)}
.faq-section{background:radial-gradient(620px 420px at 7% 22%,rgba(117,61,214,.075),transparent 75%)}

.section-heading.concept-reveal{opacity:1;filter:none;transform:none}
.section-heading.concept-reveal>*{opacity:0;filter:blur(7px);transform:translateY(18px);transition:opacity .72s cubic-bezier(.22,.61,.36,1),filter .72s cubic-bezier(.22,.61,.36,1),transform .82s cubic-bezier(.22,.61,.36,1)}
.section-heading.concept-reveal.visible>*{opacity:1;filter:blur(0);transform:none}
.section-heading.concept-reveal.visible>*:nth-child(2){transition-delay:80ms}
.section-heading.concept-reveal.visible>*:nth-child(3){transition-delay:150ms}
.price-card.concept-reveal{transform:translate3d(0,28px,0) scale(.985)}
.price-card.concept-reveal.visible{transform:none}

.pricing-grid{border-color:rgba(188,148,255,.18)}
.price-card,.price-card.featured{border-color:rgba(188,148,255,.14);background:linear-gradient(155deg,rgba(146,88,244,.045),rgba(255,255,255,.008) 48%,transparent);transition:background .36s ease,border-color .36s ease}
.price-card:hover{background:linear-gradient(155deg,rgba(151,91,255,.095),rgba(255,255,255,.018) 52%,transparent)}
.price-card .plan-name,.price-card ul{color:#938c9b}.price-card li:before{color:#8463b4}
.price-card>a{color:#e3ddec}.price-card>a:after{color:#a674ff}
.status-panel{border-color:rgba(188,148,255,.18);background:linear-gradient(90deg,rgba(134,76,232,.055),transparent 48%,rgba(134,76,232,.035))}
.status-display{border-color:rgba(188,148,255,.18)}
.faq-list{border-color:rgba(188,148,255,.18)}
.faq-list details{border-color:rgba(188,148,255,.13)}
.faq-list details:hover,.faq-list details[open]{background:linear-gradient(90deg,rgba(142,83,240,.065),transparent 70%)}
.faq-list summary{color:#ded8e5}.faq-list p{color:#9992a1}
.faq-list details[open] p{animation:faq-copy-in .36s cubic-bezier(.22,.61,.36,1) both}
@keyframes faq-copy-in{from{opacity:0;filter:blur(4px);transform:translateY(-8px)}to{opacity:1;filter:blur(0);transform:none}}
.discord-community{border-color:rgba(188,148,255,.18);background:linear-gradient(90deg,rgba(136,77,235,.06),transparent 64%)}

.hero-actions .primary-button{background:#f8f5fb;color:#0b0810;box-shadow:0 12px 38px rgba(111,58,202,.17)}
.hero-actions .primary-button:hover{background:#fff;box-shadow:0 15px 48px rgba(138,76,245,.25)}
.hero-actions .secondary-button{color:#aaa2b2}.hero-actions .secondary-button:hover{color:#fff}
.price-card>a,.discord-button{color:#c9c1d1}.price-card>a:hover,.discord-button:hover{color:#fff}

.auth-dialog{border-color:rgba(190,151,255,.23);background:linear-gradient(145deg,rgba(29,19,45,.97),rgba(10,7,16,.98));box-shadow:0 38px 130px rgba(0,0,0,.62),0 0 80px rgba(109,55,207,.13)}
.auth-dialog::backdrop{background:rgba(4,2,8,.72);backdrop-filter:blur(15px)}
.auth-form input,.redeem-form input{border-color:rgba(196,163,255,.19);background:rgba(25,17,38,.76);color:#fff;transition:border-color .24s ease,background .24s ease,box-shadow .24s ease,transform .24s ease}
.auth-form input:hover,.redeem-form input:hover{border-color:rgba(196,163,255,.32);background:rgba(31,21,47,.84)}
.auth-form input:focus,.redeem-form input:focus{border-color:rgba(164,106,255,.82);background:rgba(30,18,48,.96);box-shadow:0 0 0 4px rgba(142,80,244,.13),0 14px 42px rgba(0,0,0,.21)}
.auth-tabs{background:rgba(143,83,240,.045)}
.auth-tabs button.active{background:rgba(157,103,248,.12)}

@media(max-width:760px){body{background:radial-gradient(700px 520px at 80% 5%,rgba(121,65,222,.19),transparent 68%),linear-gradient(180deg,#09070f,#07060b 55%,#0a0710)}.hero{background:radial-gradient(ellipse 80% 54% at 72% 26%,rgba(129,70,235,.20),transparent 72%),linear-gradient(145deg,#0b0813,#07060b 68%,#0d0816)}.section-heading.concept-reveal>*{transform:translateY(12px)}}
@media(prefers-reduced-motion:reduce){.concept-section::before{transform:none;opacity:1;transition:none}.section-heading.concept-reveal>*{opacity:1;filter:none;transform:none;transition:none}}

/* Final restraint pass: flat surfaces, thin rules, one accent. */
:root{--bg:#09070c;--panel:#0c0a10;--line:rgba(255,255,255,.105);--line-light:rgba(255,255,255,.17);--text:#f4f1f6;--muted:#8f8a94;--purple:#8d58e8}
html{background:#09070c}
body{background:radial-gradient(900px 620px at 76% 4%,rgba(112,65,184,.105),transparent 68%),linear-gradient(180deg,#0a080e 0%,#08070b 48%,#0a080e 100%);background-attachment:fixed}
*{scrollbar-color:#443b50 #0a080e}
::-webkit-scrollbar-track{background:#0a080e}
::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{border-color:#0a080e;background:#443b50}

.topbar{border-color:var(--line);background:rgba(9,7,12,.82);box-shadow:none;backdrop-filter:blur(16px)}
.online-pill,.language-button,.login-button{height:auto!important;min-height:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;transform:none!important}
.online-pill{padding:0!important;gap:8px;color:#96919b;font-size:9px;font-weight:600;letter-spacing:.11em}
.online-pill:hover{color:#bbb6c0;background:transparent!important;box-shadow:none!important;transform:none!important}
.online-pill i,.online-pill.ready i{width:5px;height:5px;background:#65c990;box-shadow:none!important;animation:none!important}
.language-button{color:#928d97;background:transparent!important;box-shadow:none!important;transform:none!important}
.language-button:hover{color:#fff;background:transparent!important;box-shadow:none!important;transform:none!important}
.login-button{padding:0!important;color:#9e99a3;background:transparent!important;box-shadow:none!important;transform:none!important}
.login-button:hover{color:#fff;background:transparent!important;box-shadow:none!important;transform:none!important}
.topbar nav a{color:#8f8a94;transition:color .2s ease}.topbar nav a:hover{color:#f1edf4;background:none}

.hero{background:linear-gradient(145deg,rgba(22,15,31,.82),rgba(8,7,11,.98) 58%,rgba(15,10,21,.86))}
.hero:before{background:linear-gradient(90deg,transparent 0 49.94%,rgba(255,255,255,.055) 50%,transparent 50.06%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:100% 100%,100% 112px}
.hero:after{background:radial-gradient(ellipse 38% 46% at var(--light-x) var(--light-y),rgba(133,78,213,.15),rgba(104,60,168,.035) 46%,transparent 73%);filter:none}
.hero-copy h1 b{color:#938e98}.hero-copy>p{color:#97929c}.hero-word{color:#9d73db;opacity:.022}

.concept-section,.pricing-section,.faq-section{background:none}
.concept-section::before{background:linear-gradient(90deg,transparent,var(--line),rgba(141,88,232,.34),var(--line),transparent)}
.pricing-grid{border-color:var(--line)}
.price-card,.price-card.featured{border-color:var(--line);background:transparent!important;box-shadow:none!important;border-radius:0!important}
.price-card:hover{border-color:var(--line);background:rgba(255,255,255,.014)!important;box-shadow:none!important;transform:none!important}
.price-card:after{background:#8d58e8}
.price-card .popular{background:none!important;box-shadow:none!important;border-radius:0!important}
.price-card>a{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.price-card>a:hover{background:none!important;box-shadow:none!important}
.status-panel{border-color:var(--line);background:none;box-shadow:none}
.status-display{background:none!important;box-shadow:none!important;border-radius:0!important}
.status-display .status-dot{box-shadow:none!important;animation:none!important}
.faq-list,.faq-list details{border-color:var(--line)}
.faq-list details{background:none!important;border-radius:0!important;box-shadow:none!important}
.faq-list details:hover,.faq-list details[open]{background:none!important;border-color:rgba(255,255,255,.17)}
.discord-community{border-color:var(--line);background:none;box-shadow:none;border-radius:0!important}
.discord-community:before,.discord-community:after{display:none!important}

.hero-actions .primary-button{min-height:44px;padding:0 17px;border:1px solid #e8e3eb;border-radius:3px;background:#eeeaf0;color:#0b0910;box-shadow:none!important}
.hero-actions .primary-button i{width:auto;height:auto;border:0;border-radius:0;color:#635d67}
.hero-actions .primary-button:hover{background:#fff;box-shadow:none!important;transform:none}
.hero-actions .secondary-button{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
.hero-actions .secondary-button:hover{background:none!important;box-shadow:none!important;transform:none!important}
.discord-button{padding:0;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.discord-button:hover{background:none!important;box-shadow:none!important}
.primary-button{border:1px solid #e8e3eb!important;border-radius:3px!important;background:#eeeaf0!important;color:#0b0910!important;box-shadow:none!important;transform:none!important}
.primary-button:hover{background:#fff!important;box-shadow:none!important;transform:none!important}
.secondary-button{box-shadow:none!important}
.guest-panel,.profile-card,.dashboard-main,.license-item,.empty-license,.download-box{border-color:var(--line)!important;border-radius:3px!important;background:transparent!important;box-shadow:none!important}
.download-box a{border-radius:3px!important;background:#eeeaf0!important;color:#0b0910!important;box-shadow:none!important}
.redeem-form button{border-color:var(--line-light)!important;background:transparent!important;color:#d8d3dc!important}
.redeem-form button:hover{border-color:rgba(255,255,255,.26)!important;background:rgba(255,255,255,.025)!important}

.auth-dialog{border-color:rgba(255,255,255,.14);border-radius:4px;background:#0e0b12;box-shadow:0 34px 100px rgba(0,0,0,.58)}
.auth-tabs{background:none;border-bottom:1px solid var(--line)}
.auth-tabs button{border-radius:0!important;background:none!important;box-shadow:none!important}
.auth-tabs button.active{color:#fff;background:none!important;box-shadow:inset 0 -1px #8d58e8!important}

/* Auth: keep the active marker inside the tab and remove the old pill shell. */
.auth-tabs{
  width:auto!important;
  height:52px!important;
  margin:20px 24px 0!important;
  padding:0!important;
  gap:24px!important;
  border:0!important;
  border-bottom:1px solid var(--line)!important;
  border-radius:0!important;
  background:none!important;
}
.auth-tabs button{
  min-width:0!important;
  padding:0 3px!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
}
.auth-tabs button.active{
  color:#fff!important;
  background:none!important;
  box-shadow:none!important;
}
.auth-tabs button.active::after{
  display:block!important;
  left:3px!important;
  right:3px!important;
  bottom:-1px!important;
  height:1px!important;
  background:var(--purple)!important;
}

/* Brand stays readable without relying on hover. */
.brand,
.brand span{
  color:#f4f1f6!important;
}
.brand:hover,
.brand:hover span{
  color:#fff!important;
}
.brand b{
  color:var(--purple)!important;
}
.auth-form input,.redeem-form input{border-color:rgba(255,255,255,.14);border-radius:3px!important;background:#0a080d;box-shadow:none!important}
.auth-form input:hover,.redeem-form input:hover{border-color:rgba(255,255,255,.22);background:#0c0a10}
.auth-form input:focus,.redeem-form input:focus{border-color:#7950ba;background:#0c0a10;box-shadow:none!important}
.auth-form .primary-button,.redeem-form button{border-radius:3px!important;box-shadow:none!important}
.dialog-close{top:10px!important;right:18px!important;border-radius:2px!important;background:transparent!important;box-shadow:none!important}
.dialog-close:hover{background:rgba(255,255,255,.04)!important}

@media(max-width:760px){body{background:radial-gradient(640px 460px at 78% 3%,rgba(112,65,184,.10),transparent 70%),#09070c}.hero{background:linear-gradient(150deg,rgba(22,15,31,.82),#08070b 65%,rgba(15,10,21,.86))}}

/* Clean editorial layout: no bars, grids or decorative separators. */
body{background:linear-gradient(180deg,#0b0910 0%,#09080c 52%,#0b0910 100%)}
.topbar{height:72px;margin:0;border:0!important;background:transparent;box-shadow:none;backdrop-filter:none}
.brand{font-size:16px}.topbar>.brand{font-size:20px!important}
.topbar nav{font-size:10px;letter-spacing:.105em}
.nav-actions{gap:18px}
.hero{min-height:760px;margin-top:-72px;padding-top:72px;border:0;background:radial-gradient(760px 520px at 74% 42%,rgba(119,72,185,.10),transparent 72%)}
.hero:before{display:none}
.hero:after{inset:0;background:radial-gradient(ellipse 32% 38% at var(--light-x) var(--light-y),rgba(124,76,193,.105),transparent 74%);opacity:.8}
.hero-layout{min-height:688px}
.hero-copy{width:min(850px,76vw);padding:52px 0 72px}
.hero-copy h1{max-width:850px;font-size:clamp(64px,7.1vw,108px);line-height:.91;letter-spacing:-.067em}
html[lang="ru"] .hero-copy h1{font-size:clamp(60px,6.7vw,102px)}
.hero-copy>p{max-width:460px;color:#98939d;font-size:14px;line-height:1.68}
.hero-word{display:none}
.hero-actions{margin-top:34px;gap:24px}

.section{padding-top:124px;padding-bottom:124px}
.section-heading{margin-bottom:50px}
.section-heading h2,.status-panel h2{font-size:clamp(34px,4.3vw,55px);letter-spacing:-.052em}
.concept-section,.pricing-section,.faq-section{background:none!important}
.concept-section::before{display:none!important}
.pricing-grid{border-color:rgba(255,255,255,.095)}
.price-card,.price-card.featured{min-height:350px;padding:27px 22px}
.price-card:after{display:none}
.price-card:hover{background:rgba(255,255,255,.01)!important}
.price-card>strong{margin-top:48px;font-size:24px}
.price-card ul{margin:26px 0;color:#8c8791}
.status-panel{padding:62px 0}
.faq-section{padding-top:124px}
.faq-list summary{min-height:82px;font-size:17px}
.discord-community{margin-top:40px;margin-bottom:76px;padding:44px 0}

.hero-index,.overline{color:#8d8793;font-size:8px;letter-spacing:.18em}
.concept-reveal{filter:none;transform:translate3d(0,14px,0);transition:opacity .68s cubic-bezier(.22,.61,.36,1) var(--reveal-delay,0ms),transform .74s cubic-bezier(.22,.61,.36,1) var(--reveal-delay,0ms)}
.section-heading.concept-reveal>*{filter:none;transform:translateY(12px);transition:opacity .62s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}
.concept-ready .topbar,.concept-ready .hero-index,.concept-ready .hero-copy h1 span,.concept-ready .hero-copy h1 b,.concept-ready .hero-copy>p,.concept-ready .hero-actions{filter:none}

@media(max-width:760px){.topbar{height:64px}.hero{margin-top:-64px;padding-top:64px;min-height:650px;background:radial-gradient(520px 400px at 75% 28%,rgba(119,72,185,.09),transparent 74%)}.hero-layout{min-height:586px;padding-top:74px}.hero-copy{width:100%;padding:0 0 64px}.hero-copy h1,html[lang="ru"] .hero-copy h1{font-size:clamp(44px,13vw,57px)}.section{padding-top:94px;padding-bottom:94px}}

/* Stronger subscription hierarchy without glow-heavy cards. */
.pricing-grid{gap:8px;border:0}
.price-card,.price-card.featured{min-height:372px;padding:28px 26px;border:1px solid rgba(255,255,255,.115)!important;background:rgba(255,255,255,.012)!important;transition:border-color .24s ease,background .24s ease,transform .28s cubic-bezier(.22,.61,.36,1)!important}
.price-card:hover{border-color:rgba(255,255,255,.22)!important;background:rgba(255,255,255,.022)!important;transform:translateY(-2px)!important}
.price-card.featured{border-color:rgba(141,88,232,.58)!important;background:rgba(141,88,232,.045)!important}
.price-card .plan-name{min-height:16px;color:#b9b2c1!important;font-size:10px!important;font-weight:650;letter-spacing:.13em}
.price-card .popular{top:28px;right:26px;color:#ad7cff;font-size:9px;font-weight:700}
.price-card>strong{max-width:210px;min-height:60px;margin-top:48px;font-size:27px}
.price-card ul{min-height:112px;color:#97919d!important}
.price-card>a{min-height:38px!important;margin-top:auto!important;padding:0 13px!important;align-items:center!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:2px!important;color:#e3dfe6!important;transition:border-color .2s ease,color .2s ease!important}
.price-card>a:hover{border-color:rgba(255,255,255,.32)!important;color:#fff!important;transform:none!important}

/* Discord identity is visible again, without a glowing tile. */
.discord-community{grid-template-columns:auto minmax(0,1fr) auto;gap:24px}
.discord-icon{width:46px;height:46px;display:grid!important;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:3px;background:transparent;box-shadow:none}
.discord-icon img{width:29px;height:29px;display:block;object-fit:contain}
@media(max-width:760px){.pricing-grid{gap:7px}.price-card,.price-card.featured{border:1px solid rgba(255,255,255,.115)!important}.discord-community{grid-template-columns:auto 1fr}.discord-button{grid-column:2}}

/* Balanced desktop header: identity, centered navigation, account controls. */
@media(min-width:761px){
  .topbar{height:92px;margin:0 auto!important;display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);align-items:center;gap:24px}
  .topbar>.brand{grid-column:1;justify-self:start}
  .topbar>nav{grid-column:auto!important;grid-area:auto!important;position:absolute;left:50%;margin:0!important;min-width:0!important;width:max-content;display:flex!important;grid-template-columns:none!important;gap:42px;transform:translateX(-50%)}
  .topbar>nav a{width:auto!important;text-align:center}
  .topbar>.nav-actions{grid-column:3;justify-self:end;margin:0;min-width:0;gap:20px}
  .hero{margin-top:-92px;padding-top:92px}
  .hero-layout{min-height:668px}
  .login-button.signed-in{max-width:200px;gap:9px}
  .login-button.signed-in .nav-user-avatar{width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;flex:0 0 30px!important;border-radius:50%!important;clip-path:circle(50%)}
}
@media(min-width:761px) and (max-width:980px){
  .topbar>nav{gap:24px}
  .topbar>.nav-actions{gap:13px}
  .online-pill{display:none}
}