/* Витрина подписок: оригинальные знаки без перекраски и искажения пропорций. */
.subscriptions{position:relative;overflow:hidden;padding:80px 0 44px;background:#10160f;border-bottom:1px solid #bac9b128}
.subscriptions__eyebrow{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:#bfcdB7}
.subscriptions__eyebrow>span:first-child{display:flex;align-items:center;gap:12px}
.subscriptions__eyebrow>span:first-child::before{content:'';width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 18px #c3f74e4d}
.subscriptions__edition{font-size:10px;letter-spacing:.15em;color:#94a28c}
.subscriptions__heading{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(250px,1fr);gap:60px;align-items:end;margin-top:31px}
.subscriptions .section-title{font-size:clamp(60px,6.2vw,94px);line-height:.96;letter-spacing:-.065em}
.subscriptions__heading>p{font-size:18px;line-height:1.7;max-width:365px;color:#c8d1c1;padding-bottom:7px}
.subscriptions__toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:34px 0 22px}
.service-filters{display:flex;flex-wrap:wrap;gap:9px}
.service-filters button{min-height:44px;padding:10px 17px;border:1px solid #a5b39a50;border-radius:999px;font-size:13px;font-weight:600;color:#cdd6c7;transition:background .25s,border-color .25s,color .25s}
.service-filters button:hover{border-color:var(--lime);color:var(--white)}
.service-filters button.is-selected{background:var(--lime);border-color:var(--lime);color:var(--ink)}

.service-grid{--service-columns:7;--service-gap:11px;display:flex;flex-wrap:wrap;gap:var(--service-gap);margin:0;padding:0;list-style:none}
.service-card{flex:1 1 calc((100% - (var(--service-columns) - 1)*var(--service-gap))/var(--service-columns));min-width:0;perspective:800px}
.service-card__surface{height:140px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:13px 8px 15px;border:1px solid #ffffff30;border-radius:18px;background:radial-gradient(ellipse at 10% 0%,#ffffff45,transparent 66%),var(--service-bg,#d8e7cd);color:var(--service-ink,#152218);transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s}
.service-card__surface::after{content:'';position:absolute;left:24px;right:24px;bottom:0;height:2px;background:#89bd25;transform:scaleX(0);transition:transform .45s var(--ease)}
.service-card:hover .service-card__surface{transform:translateY(-5px);border-color:#c3f74e;box-shadow:0 15px 30px #0003}
.service-card:hover .service-card__surface::after{transform:scaleX(1)}
.service-card__logo{height:56px;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.service-card__logo img{width:45px;height:45px;max-width:100%;object-fit:contain}
.service-card__logo--youtube img{width:80px;height:68px}
.service-card__logo--claude img{width:104px;height:42px}
.service-card__logo--codex img{width:60px;height:60px}
.service-card__logo--chatgpt img{width:76px;height:76px;max-width:none}
.service-card__logo--app img{border-radius:15px}
.service-card__logo--icloud img{width:57px;height:57px}
.service-card__logo--epicgames img{width:57px;height:57px}
.service-card__logo--amazon img{width:94px;height:38px}
.service-card__logo--ebay img{width:116px;height:116px}
.service-card__logo--soundcloud img{width:62px;height:44px}
.service-card__logo--gemini img,.service-card__logo--veo img{width:48px;height:48px}
.service-card h3{font-size:15px;font-weight:800;line-height:1.3;letter-spacing:-.035em;text-align:center;white-space:nowrap}
.service-card p{font-size:10px;line-height:1.5;color:var(--service-muted,#445844);margin-top:5px;text-align:center}


.js .service-card.reveal{transition-delay:var(--service-delay,0ms)}
.subscriptions__more{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:38px 0 33px;margin-top:14px;border-bottom:1px solid #adbd9d42}
.subscriptions__more h3{font-size:clamp(34px,3.7vw,54px);font-weight:800;letter-spacing:-.05em;line-height:1.1}
.subscriptions__more p{font-size:14px;line-height:1.7;color:#c4cfbb;margin-top:15px}
.subscriptions__more p span{display:block}
.subscriptions__more .button{font-size:15px;min-height:56px;gap:25px}
.subscriptions__note{font-size:11px;line-height:1.8;max-width:980px;color:#a0ad98;margin-top:22px}

/* Цвет поверхности поддерживает характер сервиса; исходный логотип не меняется. */
.service-card[data-brand="youtube"]{--service-bg:#ffd5d9;--service-ink:#531321;--service-muted:#713640}
.service-card[data-brand="spotify"]{--service-bg:#c9f6b6;--service-ink:#133f23;--service-muted:#315c3a}
.service-card[data-brand="claude"]{--service-bg:#edc7b1;--service-ink:#482b21;--service-muted:#674738}
.service-card[data-brand="codex"]{--service-bg:#cbd5ff;--service-ink:#222957;--service-muted:#464d77}
.service-card[data-brand="chatgpt"]{--service-bg:#0d6657;--service-ink:#fff;--service-muted:#d0f2e8}
.service-card[data-brand="netflix"]{--service-bg:#350512;--service-ink:#fff1f4;--service-muted:#ecc9d2}
.service-card[data-brand="figma"]{--service-bg:#e1d1ff;--service-ink:#3d205b;--service-muted:#644779}
.service-card[data-brand="notion"]{--service-bg:#dedbd4;--service-ink:#25251f;--service-muted:#55564d}
.service-card[data-brand="adobe"]{--service-bg:#ffcebc;--service-ink:#5a2636;--service-muted:#79414c}
.service-card[data-brand="canva"]{--service-bg:linear-gradient(135deg,#a0f0dd,#d3c1ff);--service-ink:#243655;--service-muted:#415471}
.service-card[data-brand="zoom"]{--service-bg:#133aaf;--service-ink:#fff;--service-muted:#d3e0ff}
.service-card[data-brand="icloud"]{--service-bg:#c6eaff;--service-ink:#163d60;--service-muted:#3e6080}


.service-card[data-brand="steam"]{--service-bg:#153652;--service-ink:#f1f7ff;--service-muted:#c1d8ee}
.service-card[data-brand="epicgames"]{--service-bg:#dfe8da;--service-ink:#233023;--service-muted:#536653}
.service-card[data-brand="soundcloud"]{--service-bg:#ffebbe;--service-ink:#61351a;--service-muted:#765639}
.service-card[data-brand="perplexity"]{--service-bg:#113e47;--service-ink:#eaffff;--service-muted:#b9dce1}
.service-card[data-brand="cursor"]{--service-bg:#39324f;--service-ink:#f6f1ff;--service-muted:#d5cdea}
.service-card[data-brand="gemini"]{--service-bg:#dfe8ff;--service-ink:#27345d;--service-muted:#536385}
.service-card[data-brand="veo"]{--service-bg:#d5f0dc;--service-ink:#233d36;--service-muted:#496b5f}
.service-card[data-brand="amazon"]{--service-bg:#ffdfab;--service-ink:#4b3218;--service-muted:#745331}
.service-card[data-brand="ebay"]{--service-bg:#f2ead6;--service-ink:#343c30;--service-muted:#686b56}

/* 21 плитка образует три полных ряда. При фильтрации остаток ряда растёт до краёв. */
@media(max-width:1200px){
  .subscriptions__heading{gap:36px}.subscriptions .section-title{font-size:7vw}.subscriptions__heading>p{font-size:16px}
  .service-grid{--service-columns:4}.service-card__surface{height:130px}
  .service-card--more{flex-basis:100%}.service-card--more .service-card__surface{height:110px;flex-direction:row;gap:34px;padding:10px 24px}
  .service-card--more .logo-wall{width:245px;max-width:50%;height:88px;margin:0}
  .service-card--more h3,.service-card--more p{text-align:left}.service-card--more h3{font-size:20px}.service-card--more p{font-size:11px}
}
@media(max-width:900px){
  .subscriptions{padding-top:68px}.subscriptions__heading{grid-template-columns:1.4fr 1fr;gap:30px}.subscriptions .section-title{font-size:7.1vw}.subscriptions__heading>p{font-size:14px;line-height:1.7}
  .subscriptions__toolbar{margin-top:29px;align-items:flex-start;gap:15px}.service-filters{gap:7px}.service-filters button{padding-inline:13px;font-size:12px}
  .service-grid{--service-columns:3;--service-gap:10px}.service-card__surface{height:132px}
  .service-card--more{flex-basis:calc((100% - (var(--service-columns) - 1)*var(--service-gap))/var(--service-columns))}.service-card--more .service-card__surface{height:132px;flex-direction:column;gap:0;padding:8px 8px 10px}
  .service-card--more .logo-wall{width:100%;max-width:none;height:72px;margin:0 0 5px}.service-card--more h3,.service-card--more p{text-align:center}.service-card--more h3{font-size:15px}.service-card--more p{font-size:10px}
  .subscriptions__more{gap:30px}.subscriptions__more p{font-size:12px}.subscriptions__more .button{font-size:13px;padding-inline:22px}.subscriptions__note{font-size:10px}
}
@media(max-width:640px){
  .subscriptions{padding:52px 0 33px}.subscriptions__eyebrow{font-size:9px;letter-spacing:.13em}.subscriptions__edition{display:none}
  .subscriptions__heading{display:block;margin-top:24px}.subscriptions .section-title{font-size:clamp(41px,10.6vw,66px);line-height:1.02}.subscriptions__heading>p{font-size:14px;line-height:1.7;margin-top:21px;max-width:420px;padding:0}
  .subscriptions__toolbar{display:block;margin:24px 0 16px}.service-filters{gap:7px}.service-filters button{font-size:11px;padding:10px 12px;min-height:42px}
  .service-grid{--service-columns:2;--service-gap:9px}.service-card__surface{height:122px;border-radius:16px;padding:11px 8px 12px}
  .service-card__logo{height:46px;margin-bottom:7px}.service-card__logo img{width:39px;height:39px}.service-card__logo--youtube img{width:70px;height:59px}.service-card__logo--claude img{width:95px;height:36px}.service-card__logo--codex img{width:52px;height:52px}.service-card__logo--chatgpt img{width:66px;height:66px}.service-card__logo--icloud img{width:49px;height:49px}
  .service-card__logo--epicgames img{width:48px;height:48px}.service-card__logo--amazon img{width:88px;height:32px}.service-card__logo--ebay img{width:104px;height:104px}.service-card__logo--soundcloud img{width:56px;height:38px}.service-card__logo--gemini img,.service-card__logo--veo img{width:42px;height:42px}
  .service-card h3{font-size:14px}.service-card p{font-size:10px;margin-top:4px}.service-card:nth-child(odd){--service-delay:0ms!important}.service-card:nth-child(even){--service-delay:65ms!important}
  .service-card--more{flex-basis:100%}.service-card--more .service-card__surface{height:112px;flex-direction:row;gap:20px;padding:10px 14px}.service-card--more .logo-wall{width:47%;max-width:180px;height:88px;margin:0}.service-card--more h3,.service-card--more p{text-align:left}.service-card--more h3{font-size:18px}.service-card--more p{font-size:10px}
  .subscriptions__more{display:block;padding:26px 0;margin-top:9px}.subscriptions__more h3{font-size:37px}.subscriptions__more p{font-size:13px;margin-top:15px;max-width:335px}.subscriptions__more p span{display:inline}.subscriptions__more .button{margin-top:24px;font-size:14px;min-height:53px;padding-inline:25px}.subscriptions__note{font-size:10px;line-height:1.8;margin-top:19px}
}
@media(max-width:360px){.subscriptions .section-title{font-size:10.6vw}.service-card h3{font-size:12px}.service-card p{font-size:9px}.service-card__surface{height:116px}.service-card--more .service-card__surface{gap:14px}.service-card--more h3{font-size:16px}.service-card--more p{font-size:9px}.service-filters button{padding-inline:11px;font-size:10px}.subscriptions__more h3{font-size:32px}}
@media(prefers-reduced-motion:reduce){.service-card:hover .service-card__surface{transform:none}.js .service-card.reveal{transition:none;opacity:1;transform:none}.service-card__surface::after{transition:none}}