/* WinRolo: wspólna identyfikacja strony, konta i aplikacji. */
:root{
  --bg:#ECEEEA;--card:#FFFFFF;--ink:#1C2124;--ink-2:#4A5257;--ink-3:#616C70;
  --night:#1C2124;--anth:#383E42;--acc:#FFC24A;--acc-dark:#F2AE24;--acc-soft:#FFF1CF;--acc-ink:#7A4E00;
}
.winrolo-logo{display:inline-flex;flex:none;gap:0;line-height:1}
.winrolo-logo img{display:block;width:170px;height:auto;max-width:100%;object-fit:contain}
.winrolo-logo .winrolo-logo-dark{display:none}
.home .top .winrolo-logo-light{display:none}
.home .top .winrolo-logo-dark{display:block}
.home .top .wrap{background:rgba(28,33,36,.86)}
.home .hero{background:radial-gradient(70% 60% at 68% 42%,rgba(255,194,74,.16),transparent 60%),radial-gradient(120% 90% at 80% 0%,#56605F 0%,#353E40 38%,#252D30 62%,#1C2124 100%)}
.home .s3-ui{background:rgba(28,33,36,.88)}
.home .s3-dim,.home .s3-price{background:rgba(28,33,36,.82)}
.plan.pop .for,.plan.pop .yr,.plan.pop .price small{color:#CFD5D0}
.platform-brand{display:block;align-self:flex-start;padding:0 .45rem .15rem;line-height:1;flex:none}
.platform-brand img{display:block;width:160px;height:auto}
.company-brand{padding:.25rem .55rem .65rem;gap:.5rem}
.company-brand .mark{width:26px;height:26px;border-radius:8px;font-family:var(--f-b);font-size:.8rem}
.company-brand img{max-height:26px;max-width:72px}
.company-brand b{font-family:var(--f-b);font-size:.84rem;letter-spacing:0}
.company-brand small{font-size:.7rem;color:#BAC3C6}
.mobile-platform{display:flex;align-items:center;flex:none}
.mobile-platform img{display:block;width:28px;height:28px}
.topbar>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--f-b);font-size:.9rem}
.topbar .tb-search{flex:none}
.topbar .btn-acc{flex:none}
.cta-label-short{display:none}
@media(max-width:560px){
  .winrolo-logo img{width:144px}
  .home .top .wrap{gap:.4rem}
  .auth-top .winrolo-logo img{width:156px}
  .topbar{gap:.45rem}
  .topbar .tb-search{margin-left:auto}
  .topbar .btn-acc{margin-left:0}
  .home .top .cta a.btn-ghost{display:none}
  .home .top .cta .cta-label-long{display:none}
  .home .top .cta .cta-label-short{display:inline}
  .mini-head{flex-wrap:wrap;gap:.65rem}
  .mini-tabs{max-width:100%;flex-wrap:wrap}
  .home .plans{grid-template-columns:minmax(0,1fr)}
  .home .plan{min-width:0;padding:1.4rem}
  .home .plan .price{font-size:clamp(1.6rem,8vw,2.6rem)}
  .home .plan h3{overflow-wrap:anywhere}
}
@media(max-width:380px){.home .top .winrolo-logo img{width:128px}}