:root{
  --base:#0b0f2e;
  --card:#141a40;
  --card-2:#1d2452;
  --card-3:#273064;
  --line:#2c3670;
  --line-2:#3b478c;
  --key:#ff3d8b;
  --key-2:#e01e70;
  --key-ink:#210a17;
  --key-grad:linear-gradient(135deg,#ff5c9d 0%,#e01e70 100%);
  --aqua:#33c9b3;
  --amber:#ffca4a;
  --text:#f4f1fb;
  --soft:#c6c2e2;
  --mute:#928dbe;
  --radius:10px;
  --span:1100px;
  --pad:40px;
  --bar:64px;
  --font-body:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-head:"Trebuchet MS","Segoe UI",system-ui,Verdana,sans-serif;
}
*{box-sizing:border-box}
html{overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:calc(var(--bar) + 12px)}
body{margin:0;padding-top:var(--bar);max-width:100%;overflow-x:hidden;background:var(--base);color:var(--text);
  font-family:var(--font-body);line-height:1.62;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--font-head);line-height:1.18;margin:0;font-weight:700;letter-spacing:.2px}
p{margin:0 0 1rem}
p,h1,h2,h3,li,td,th{overflow-wrap:break-word;word-wrap:break-word}
.wrapper{width:100%;max-width:calc(var(--span) + var(--pad)*2);margin-inline:auto;padding-inline:var(--pad)}

.cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;border:1px solid transparent;
  font-family:var(--font-body);font-weight:700;font-size:.95rem;line-height:1;padding:.8rem 1.5rem;border-radius:var(--radius);
  white-space:nowrap;transition:filter .15s,background .15s,border-color .15s,transform .12s,box-shadow .15s;color:var(--text)}
.cta--key{background:var(--key-grad);color:#fff;border:none}
.cta--key:hover{filter:brightness(1.08);transform:translateY(-1px)}
.cta--ghost{background:var(--card-2);border-color:var(--line-2)}
.cta--ghost:hover{background:var(--card-3);border-color:var(--key)}
.cta--wide{width:100%}
.cta--lg{padding:.98rem 1.9rem;font-size:1.02rem}
:focus-visible{outline:3px solid var(--aqua);outline-offset:2px;border-radius:6px}
@keyframes breathe{0%,100%{transform:scale(1);box-shadow:0 0 0 rgba(255,61,139,0)}50%{transform:scale(1.035);box-shadow:0 0 26px rgba(255,61,139,.45)}}
.cta--pulse{animation:breathe 2.7s ease-in-out infinite;will-change:transform}
.cta--pulse:hover{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.cta--pulse{animation:none}}

.topbar{position:fixed;top:0;left:0;right:0;z-index:60;background:var(--card);border-bottom:1px solid var(--line)}
.topbar__in{display:flex;align-items:center;gap:1rem;height:var(--bar);max-width:none;margin-inline:0;padding-inline:22px}
.mark img{height:34px;width:auto}
.navtoggle{position:absolute;opacity:0;pointer-events:none}
.navburger{display:none;flex-direction:column;gap:4px;width:42px;height:42px;align-items:center;justify-content:center;
  background:var(--card-2);border:1px solid var(--line);border-radius:10px;cursor:pointer;flex:0 0 auto;order:-1}
.navburger span{width:18px;height:2px;background:var(--text);border-radius:2px}
.mainmenu{display:flex;align-items:center;gap:1rem;margin-left:.3rem;flex:1}
.mainmenu__list{list-style:none;display:flex;gap:.4rem;margin:0;padding:0;flex-wrap:wrap}
.mainmenu__link{display:inline-flex;align-items:center;gap:.4rem;padding:.46rem .75rem;border-radius:9px;cursor:pointer;
  background:var(--card-2);border:1px solid var(--line);color:var(--soft);font-weight:600;font-size:.87rem;
  transition:background .14s,color .14s,border-color .14s}
.mainmenu__link img{width:17px;height:17px;opacity:.85}
.mainmenu__link:hover{background:var(--card-3);border-color:var(--line-2);color:var(--text)}
.mainmenu__act{margin-left:auto;display:flex;gap:.5rem}

.opening{padding-top:22px}
.opening__box{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:clamp(20px,3vw,34px)}
.opening__title{font-size:clamp(2rem,4.4vw,3.05rem);color:var(--key);margin:.2rem 0 .3rem}
.pill-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 .7rem;padding:0;list-style:none}
.pill{display:inline-flex;align-items:center;gap:.4rem;background:var(--card-2);border:1px solid var(--line);
  border-radius:999px;padding:.34rem .8rem;font-size:.8rem;color:var(--soft)}
.pill b{color:var(--text)}
.opening__lead{color:var(--soft);font-size:1.05rem;margin:0 0 1.2rem;max-width:none}
.opening__banner{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--line-2);margin:0 0 1.2rem;cursor:pointer}
.opening__banner img{width:100%;height:auto}
.opening__cta{display:flex;flex-wrap:wrap;gap:.6rem}

.content{padding:26px 0 6px}
.slab{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding-block:24px 28px;padding-inline:clamp(18px,2.3vw,34px);margin-top:22px}
.slab__title{font-size:clamp(1.5rem,2.7vw,2rem);margin:0 0 .7rem;color:var(--text)}
.slab__lead{color:var(--soft);margin:0 0 1.15rem}
.slab p{color:var(--soft)}
.slab h3{font-size:1.16rem;margin:1.6rem 0 .5rem;color:var(--text)}
.slab a.inline{color:var(--key);text-decoration:underline}
.mid{display:flex;justify-content:center;margin-top:22px}
.kicker{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--key);margin-bottom:.35rem}

.steps{margin:0 0 1.15rem;padding-left:1.3rem;color:var(--soft);display:grid;gap:.5rem}
.steps strong{color:var(--text)}
.bullets{margin:0 0 1.15rem;padding-left:1.2rem;color:var(--soft);display:grid;gap:.42rem}
.bullets strong{color:var(--text)}

.grid-table__wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--radius);margin:0 0 1.3rem}
.grid-table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:640px;background:var(--card-2)}
.grid-table th,.grid-table td{padding:.72rem 1.05rem;text-align:left;border-top:1px solid var(--line)}
.grid-table thead th{background:var(--key-grad);color:#fff;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;border-top:0;white-space:nowrap}
.grid-table tbody th{color:var(--text);font-weight:600;white-space:nowrap}
.grid-table td{color:var(--soft)}
.grid-table tbody tr:nth-child(even){background:var(--card-3)}

.figure{margin:1.2rem 0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--card-2)}
.figure img{width:100%;height:auto;max-height:340px;object-fit:cover;display:block}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin:1rem 0}
.cards--4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--card-2);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem;display:flex;flex-direction:column;gap:.4rem}
.card:hover{border-color:var(--line-2);background:var(--card-3)}
.card__ic{width:46px;height:46px}
.card h3{margin:.15rem 0 0;font-size:1.06rem}
.card p{margin:0;font-size:.88rem;flex:1}

.arcade__tabs{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;padding:0}
.arcade__tab{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .95rem;border-radius:999px;cursor:pointer;
  background:var(--card-2);border:1px solid var(--line);color:var(--soft);font-weight:700;font-size:.85rem}
.arcade__tab svg{width:19px;height:19px;fill:currentColor}
.arcade__tab.active{background:var(--key-grad);color:#fff;border-color:transparent}
.arcade__pane{display:none}
.arcade__pane.active{display:block}
.arcade__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem}
.chip{display:flex;flex-direction:column;cursor:pointer}
.chip__art{position:relative;overflow:hidden;border-radius:10px;border:1px solid var(--line);aspect-ratio:360/472;background:var(--card-3)}
.chip__art img{width:100%;height:100%;object-fit:cover;transition:transform .28s}
.chip:hover .chip__art img{transform:scale(1.05)}
.chip__hov{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:14px;opacity:0;
  background:linear-gradient(180deg,rgba(7,5,20,0) 40%,rgba(7,5,20,.72) 100%);transition:opacity .18s}
.chip:hover .chip__hov{opacity:1}
.chip__go{background:var(--key-grad);color:#fff;font-weight:800;font-size:.78rem;padding:.4rem .95rem;border-radius:999px}
.chip__name{display:block;font-weight:600;font-size:.85rem;padding:.5rem .1rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.ticker{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;padding:0;margin:0}
.ticker__row{display:flex;align-items:center;gap:.7rem;min-width:0;background:var(--card-2);border:1px solid var(--line);border-radius:10px;padding:.55rem .8rem}
.ticker__row.fresh{animation:tin .5s ease}
@keyframes tin{from{opacity:0;transform:translateY(-8px);border-color:var(--key)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ticker__row.fresh{animation:none}}
.ticker__row img{width:42px;height:55px;object-fit:cover;border-radius:6px;flex:0 0 auto}
.ticker__row span{flex:1;min-width:0;display:flex;flex-direction:column}
.ticker__row b{font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ticker__row small{color:var(--mute);font-size:.74rem}
.ticker__row em{font-style:normal;font-weight:800;color:var(--key);font-size:.95rem}

.verdict{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}
.verdict__col{background:var(--card-2);border:1px solid var(--line);border-radius:var(--radius);padding:1.15rem 1.25rem}
.verdict__col h3{margin:0 0 .5rem;font-size:1.08rem}
.verdict__col--plus{border-left:3px solid var(--aqua)}
.verdict__col--minus{border-left:3px solid var(--amber)}
.verdict__col ul{margin:0;padding-left:1.15rem;color:var(--soft);display:grid;gap:.4rem}

.marks{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:.55rem;padding:0;margin:0 0 1.2rem}
.marks li{background:var(--card-2);border:1px solid var(--line);border-radius:10px;padding:.6rem .4rem;display:flex;align-items:center;justify-content:center;min-width:0}
.marks img{max-width:100%;height:auto;max-height:30px;width:auto;object-fit:contain}

.getapp__in{display:grid;grid-template-columns:1.4fr .9fr;gap:1.5rem;align-items:center}
.store{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.store__btn{display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;background:var(--card-2);border:1px solid var(--line);
  border-radius:10px;padding:.55rem 1rem;transition:border-color .15s,background .15s}
.store__btn:hover{border-color:var(--key);background:var(--card-3)}
.store__btn img{width:26px;height:26px}
.store__btn small{display:block;color:var(--mute);font-size:.68rem}
.store__btn b{font-size:.9rem}

.voices{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-top:1rem}
.voices__item{background:var(--card-2);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem}
.voices__head{display:flex;align-items:center;gap:.65rem;margin-bottom:.4rem}
.voices__avatar{width:46px;height:46px;border-radius:50%}
.voices__head b{display:block;font-size:.9rem}
.voices__head small{color:var(--mute);font-size:.76rem}
.voices__stars{color:var(--amber);letter-spacing:.05em;margin-bottom:.3rem}
.voices__item p{margin:0;font-size:.87rem}

.qa{display:grid;gap:.6rem}
.qa__item{background:var(--card-2);border:1px solid var(--line);border-radius:11px;padding:1rem 1.2rem}
.qa__item h3{margin:0 0 .35rem;font-size:1.02rem;color:var(--text)}
.qa__item p{margin:0;color:var(--soft);font-size:.9rem}

.freshness{margin-top:26px}
.freshness__box{display:flex;align-items:center;gap:.9rem;background:var(--card-2);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.3rem}
.freshness__box img{width:32px;height:32px;flex:0 0 auto}
.freshness__box p{margin:0;color:var(--soft);font-size:.88rem}
.freshness__box strong{color:var(--text)}
.freshness__box time{color:var(--key);font-weight:700}

.foot{border-top:1px solid var(--line);background:var(--card);margin-top:40px;padding:clamp(26px,4vw,38px) 0 26px}
.foot__top{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.1fr;gap:1.5rem;margin-bottom:1.3rem}
.foot__info img{height:36px;width:auto;margin-bottom:.6rem}
.foot__info p{color:var(--soft);font-size:.85rem;max-width:46ch}
.foot__social{margin-top:.85rem}
.foot__social-h{color:var(--mute);font-size:.78rem;margin:0 0 .4rem}
.foot__social ul{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem;padding:0;margin:0}
.foot__social span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;cursor:pointer;
  background:var(--card-2);border:1px solid var(--line);border-radius:10px;transition:border-color .15s,background .15s}
.foot__social span:hover{border-color:var(--aqua);background:var(--card-3)}
.foot__social img{width:22px;height:22px}
.foot__col{display:flex;flex-direction:column;gap:.42rem}
.foot__h{font-family:var(--font-head);font-weight:700;font-size:.98rem;color:var(--text);margin:0 0 .3rem}
.foot__col span[role=link]{color:var(--soft);font-size:.85rem;cursor:pointer}
.foot__col span[role=link]:hover{color:var(--key)}
.foot__app p:not(.foot__h){color:var(--mute);font-size:.82rem;margin:0 0 .55rem}
.foot__legal{border-top:1px solid var(--line);padding-top:1.15rem}
.foot__pay{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:center;padding:0 0 1.05rem;margin:0 0 1.05rem;border-bottom:1px solid var(--line)}
.foot__pay li{background:var(--card-2);border:1px solid var(--line);border-radius:9px;padding:.4rem .7rem;display:flex;align-items:center;justify-content:center}
.foot__pay img{max-height:24px;width:auto;max-width:100%;object-fit:contain}
.foot__seals{list-style:none;display:grid;grid-template-columns:repeat(8,1fr);gap:.45rem;align-items:center;padding:0;margin:0 0 1.15rem}
.foot__seals li{display:flex;align-items:center;justify-content:center;min-width:0}
.foot__seals a,.foot__seals .badge{display:flex;align-items:center;justify-content:center;width:100%;background:var(--card-2);border:1px solid var(--line);border-radius:9px;padding:.5rem .3rem;transition:border-color .15s,background .15s}
.foot__seals a:hover{border-color:var(--key);background:var(--card-3)}
.foot__seals img{max-height:28px;max-width:100%;width:auto;height:auto;object-fit:contain}
.badge-age{font-weight:800;color:var(--amber);font-size:.95rem;letter-spacing:.02em}
.foot__disc{color:var(--soft);font-size:.83rem;margin:.45rem 0}
.foot__disc strong{color:var(--text)}
.foot__copy{color:var(--mute);font-size:.75rem;line-height:1.6;margin:.6rem 0 0}

.backtop{position:fixed;right:20px;bottom:20px;z-index:70;width:46px;height:46px;border-radius:12px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;border:1px solid var(--line-2);background:var(--card-2);color:var(--key);
  font-size:1.3rem;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s,background .15s,border-color .15s}
.backtop.on{opacity:1;visibility:visible}
.backtop:hover{background:var(--card-3);border-color:var(--key)}

.arcade,.voices,.foot,#studios,#reviews,#sisters{content-visibility:auto;contain-intrinsic-size:600px}

@media(max-width:1250px){.marks{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1100px){
  .navburger{display:flex}
  .mainmenu{position:fixed;top:var(--bar);left:0;right:0;flex-direction:column;align-items:stretch;gap:.6rem;
    background:var(--card);border-bottom:1px solid var(--line);padding:14px 22px;max-height:0;overflow:hidden;margin-left:0;
    transition:max-height .25s ease,padding .25s ease;padding-top:0;padding-bottom:0}
  .navtoggle:checked~.mainmenu{max-height:80vh;padding-top:14px;padding-bottom:16px;overflow:auto}
  .mainmenu__list{flex-direction:column}
  .mainmenu__act{margin-left:0;flex-direction:column}
  .getapp__in{grid-template-columns:1fr}
  .cards,.cards--4{grid-template-columns:1fr 1fr}
  .voices{grid-template-columns:1fr 1fr}
  .ticker{grid-template-columns:1fr 1fr}
  .arcade__grid{grid-template-columns:repeat(3,1fr)}
  .foot__top{grid-template-columns:1fr 1fr}
}
@media(max-width:1000px){.foot__seals{grid-template-columns:repeat(4,1fr)}}
@media(max-width:768px){
  :root{--pad:24px}
  .slab{padding-inline:20px}
  .arcade__grid{grid-template-columns:repeat(3,1fr)}
  .verdict{grid-template-columns:1fr}
  .voices{grid-template-columns:1fr}
  .ticker{grid-template-columns:1fr}
  .grid-table{min-width:560px;font-size:.84rem}
  .grid-table th,.grid-table td{padding:.56rem .66rem}
}
@media(max-width:560px){
  :root{--pad:18px}
  .cards,.cards--4{grid-template-columns:1fr}
  .arcade__grid{grid-template-columns:repeat(2,1fr)}
  .marks{grid-template-columns:repeat(3,1fr)}
  .foot__top{grid-template-columns:1fr}
  .foot__seals{grid-template-columns:repeat(4,1fr)}
  .grid-table{min-width:480px;font-size:.78rem}
  .backtop{right:12px;bottom:12px;width:42px;height:42px}
}
@media(max-width:380px){
  :root{--pad:14px}
  .arcade__grid{grid-template-columns:repeat(2,1fr)}
  .grid-table{min-width:420px}
}