@font-face{font-family:'RCC Display';font-weight:800;font-display:swap;src:url(rccd.woff2) format('woff2')}

@property --rccb-n{syntax:'<integer>';initial-value:38;inherits:false}
.rccb{--ink:#0C0D0F;--line:#2A2E34;--txt:#F4F3EF;--mut:#A2A5AC;--acc:#E8FF59;--u:1px;position:relative;display:block;overflow:hidden;box-sizing:border-box;background:var(--ink) radial-gradient(circle at 0 100%,rgba(232,255,89,.18),rgba(232,255,89,0) 62%);color:var(--txt);font-family:'Instrument Sans','Open Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;text-decoration:none!important;border-radius:4px;box-shadow:0 6px 18px rgba(0,0,0,.08);line-height:1;-webkit-font-smoothing:antialiased}
.rccb *{box-sizing:border-box;margin:0;padding:0}
.rccb:not(.rccb-play) .rccb-h,.rccb:not(.rccb-play) .rccb-s,.rccb:not(.rccb-play) .rccb-dial,.rccb:not(.rccb-play) .rccb-dial *,.rccb:not(.rccb-play) .rccb-tags,.rccb:not(.rccb-play) .rccb-tags span,.rccb:not(.rccb-play) .rccb-btn,.rccb:not(.rccb-play) .rccb-dl,.rccb:not(.rccb-play) .rccb-url{animation:none!important;opacity:0}
/* cât nu e în ecran (sau fără IntersectionObserver) stă pe faza finală, statică: titlu + buton */
.rccb:not(.rccb-play) .rccb-ph3,.rccb:not(.rccb-play) .rccb-btn,.rccb:not(.rccb-play) .rccb-url,.rccb:not(.rccb-play) .rccb-mark{opacity:1!important}
.rccb::after{content:'';position:absolute;left:0;right:0;bottom:0;height:calc(3*var(--u));background:var(--acc)}
.rccb-mark{position:absolute;display:flex;align-items:center;gap:calc(8*var(--u));font-family:'Bricolage Grotesque',sans-serif;font-weight:800;color:var(--txt);white-space:nowrap}
.rccb-mark i{width:calc(9*var(--u));height:calc(9*var(--u));border-radius:50%;background:var(--acc);flex:none}
.rccb-url{position:absolute;font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;font-size:calc(10*var(--u));color:var(--mut);letter-spacing:.02em;white-space:nowrap}
.rccb-h{position:absolute;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;color:var(--txt);letter-spacing:-.02em;white-space:nowrap;opacity:0;animation:rccb-ph 7.2s ease-in-out infinite both}
.rccb-s{position:absolute;font-size:calc(12*var(--u));color:var(--mut);white-space:nowrap;opacity:0;animation:rccb-ph 7.2s ease-in-out infinite both}
.rccb-ph2{animation-delay:2.4s}.rccb-ph3{animation-delay:4.8s}
.rccb-dial{position:absolute;opacity:0;animation:rccb-ph 7.2s ease-in-out infinite both}
.rccb-dial svg{display:block;transform:rotate(-90deg)}
.rccb-dial .rccb-tr{fill:none;stroke:var(--line);stroke-width:8}
.rccb-dial .rccb-pr{fill:none;stroke:#3FCF6B;stroke-width:8;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:175;animation:rccb-arc 7.2s ease-out infinite both}
.rccb-dial b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;color:#3FCF6B;animation:rccb-num 7.2s ease-out infinite both;--rccb-n:38;counter-reset:rccbn var(--rccb-n)}
.rccb-dial b::after{content:counter(rccbn)}
.rccb-tags{position:absolute;display:flex;flex-direction:column;gap:calc(8*var(--u));opacity:0;animation:rccb-ph 7.2s ease-in-out infinite both;animation-delay:2.4s}
.rccb-tags span{display:flex;align-items:center;gap:calc(8*var(--u));font-size:calc(12*var(--u));font-weight:600;color:var(--txt);white-space:nowrap;opacity:0;animation:rccb-tag 7.2s ease-out infinite both}
.rccb-tags span::before{content:'';width:calc(6*var(--u));height:calc(6*var(--u));background:var(--acc);flex:none}
.rccb-tags span:nth-child(1){animation-delay:2.6s}.rccb-tags span:nth-child(2){animation-delay:2.85s}.rccb-tags span:nth-child(3){animation-delay:3.1s}
.rccb-btn{position:absolute;display:flex;align-items:center;justify-content:center;background:var(--acc);color:var(--ink);font-weight:600;border-radius:999px;white-space:nowrap;opacity:0;animation:rccb-ph 7.2s ease-in-out infinite both,rccb-pulse 1.05s ease-in-out infinite;animation-delay:4.8s,0s}
.rccb-btn.rccb-static{opacity:1;animation:rccb-pulse 1.4s ease-in-out infinite}
@keyframes rccb-ph{0%{opacity:0;transform:translateY(calc(6*var(--u)))}3.5%{opacity:1;transform:none}30.5%{opacity:1;transform:none}33.3%{opacity:0;transform:translateY(calc(-4*var(--u)))}100%{opacity:0}}
@keyframes rccb-tag{0%{opacity:0;transform:translateX(calc(-6*var(--u)))}4%{opacity:1;transform:none}25%{opacity:1}30%{opacity:0}100%{opacity:0}}
@keyframes rccb-arc{0%{stroke-dashoffset:175;stroke:#E5484D}12%{stroke:#F5A524}26%{stroke-dashoffset:3;stroke:#3FCF6B}100%{stroke-dashoffset:3;stroke:#3FCF6B}}
@keyframes rccb-num{0%{--rccb-n:38;color:#E5484D}12%{color:#F5A524}26%{--rccb-n:99;color:#3FCF6B}100%{--rccb-n:99;color:#3FCF6B}}
@keyframes rccb-pulse{0%,100%{scale:1}50%{scale:1.04}}
@media (prefers-reduced-motion:reduce){.rccb *{animation-play-state:paused!important}.rccb .rccb-ph3,.rccb-btn{opacity:1}.rccb-h:not(.rccb-ph3),.rccb-s:not(.rccb-ph3),.rccb-dial,.rccb-tags{display:none}}
/* — formate — */
.rccb-wide{width:100%;aspect-ratio:1456/180;--u:calc(100cqw/728)}
.rccb-wide .rccb-mark{left:calc(18*var(--u));top:calc(28*var(--u));font-size:calc(17*var(--u))}
.rccb-wide .rccb-url{left:calc(35*var(--u));top:calc(52*var(--u))}
.rccb-wide .rccb-sep{position:absolute;left:calc(196*var(--u));top:calc(18*var(--u));width:1px;height:calc(54*var(--u));background:var(--line)}
.rccb-wide .rccb-h{left:calc(216*var(--u));top:calc(24*var(--u));font-size:calc(24*var(--u))}
.rccb-wide .rccb-s{left:calc(216*var(--u));top:calc(55*var(--u))}
.rccb-wide .rccb-dial{left:calc(574*var(--u));top:calc(19*var(--u));width:calc(52*var(--u));height:calc(52*var(--u))}
.rccb-wide .rccb-dial b{font-size:calc(18*var(--u))}
.rccb-wide .rccb-dl{position:absolute;left:calc(636*var(--u));top:calc(34*var(--u));font-family:'JetBrains Mono',monospace;font-size:calc(10*var(--u));line-height:1.3;color:var(--mut);opacity:0;animation:rccb-ph 7.2s ease-in-out infinite both}
.rccb-wide .rccb-tags{left:calc(560*var(--u));top:calc(18*var(--u))}
.rccb-wide .rccb-btn{left:calc(548*var(--u));top:calc(27*var(--u));width:calc(162*var(--u));height:calc(36*var(--u));font-size:calc(14*var(--u))}
.rccb-side{width:100%;aspect-ratio:300/250;--u:calc(100cqw/300)}
.rccb-side .rccb-mark{left:calc(20*var(--u));top:calc(22*var(--u));font-size:calc(16*var(--u))}
.rccb-side .rccb-h{left:calc(20*var(--u));top:calc(70*var(--u));font-size:calc(30*var(--u));line-height:1.1;white-space:normal;width:calc(200*var(--u))}
.rccb-side .rccb-s{left:calc(20*var(--u));top:calc(140*var(--u));font-size:calc(13*var(--u));line-height:1.35;white-space:normal;width:calc(260*var(--u))}
.rccb-side .rccb-dial{left:calc(216*var(--u));top:calc(66*var(--u));width:calc(60*var(--u));height:calc(60*var(--u))}
.rccb-side .rccb-dial b{font-size:calc(20*var(--u))}
.rccb-side .rccb-tags{left:calc(214*var(--u));top:calc(70*var(--u))}
.rccb-side .rccb-btn{left:calc(20*var(--u));top:calc(190*var(--u));width:calc(200*var(--u));height:calc(40*var(--u));font-size:calc(14*var(--u))}
.rccb-side .rccb-url{left:calc(35*var(--u));top:calc(42*var(--u));font-size:calc(10*var(--u))}
.rccb-sq{width:100%;aspect-ratio:1/1;--u:calc(100cqw/300)}
.rccb-sq .rccb-mark{left:calc(22*var(--u));top:calc(24*var(--u));font-size:calc(17*var(--u))}
.rccb-sq .rccb-h{left:calc(22*var(--u));top:calc(84*var(--u));font-size:calc(36*var(--u));line-height:1.08;white-space:normal;width:calc(196*var(--u))}
.rccb-sq .rccb-s{left:calc(22*var(--u));top:calc(178*var(--u));font-size:calc(14*var(--u));line-height:1.4;white-space:normal;width:calc(256*var(--u))}
.rccb-sq .rccb-dial{left:calc(208*var(--u));top:calc(82*var(--u));width:calc(70*var(--u));height:calc(70*var(--u))}
.rccb-sq .rccb-dial b{font-size:calc(23*var(--u))}
.rccb-sq .rccb-tags{left:calc(208*var(--u));top:calc(88*var(--u))}
.rccb-sq .rccb-tags span{font-size:calc(13*var(--u))}
.rccb-sq .rccb-btn{left:calc(22*var(--u));top:calc(232*var(--u));width:calc(200*var(--u));height:calc(46*var(--u));font-size:calc(15*var(--u))}
.rccb-sq .rccb-url{left:calc(39*var(--u));top:calc(46*var(--u));font-size:calc(11*var(--u))}
.rccb-mob{width:100%;aspect-ratio:320/100;--u:calc(100cqw/320)}
.rccb-mob .rccb-mark{left:calc(12*var(--u));top:calc(14*var(--u));font-size:calc(13*var(--u))}
.rccb-mob .rccb-sep{position:absolute;left:calc(12*var(--u));right:calc(12*var(--u));top:calc(36*var(--u));height:1px;background:var(--line)}
.rccb-mob .rccb-h{left:calc(12*var(--u));top:calc(45*var(--u));font-size:calc(18*var(--u))}
.rccb-mob .rccb-s{left:calc(12*var(--u));top:calc(73*var(--u));font-size:calc(11*var(--u))}
.rccb-mob .rccb-dial{left:calc(260*var(--u));top:calc(42*var(--u));width:calc(44*var(--u));height:calc(44*var(--u))}
.rccb-mob .rccb-dial b{font-size:calc(15*var(--u))}
.rccb-mob .rccb-tags{left:calc(224*var(--u));top:calc(44*var(--u));gap:calc(3*var(--u))}
.rccb-mob .rccb-tags span{font-size:calc(10*var(--u))}
.rccb-mob .rccb-btn{left:calc(196*var(--u));top:calc(44*var(--u));width:calc(112*var(--u));height:calc(30*var(--u));font-size:calc(13*var(--u))}
.rccb-mob .rccb-url{left:calc(196*var(--u));width:calc(112*var(--u));text-align:center;top:calc(82*var(--u));font-size:calc(9*var(--u));opacity:0;animation:rccb-ph 7.2s ease-in-out infinite both;animation-delay:4.8s}
.rccb-box{container-type:inline-size;display:block;width:100%;margin:0 auto}
.rccb-box-side{max-width:300px}
.rccb-box-mob{max-width:480px}
.rccb-box-sq{max-width:300px}
.rccb-box-wide{max-width:1170px}
/* Fontul RCC Display (31,5 KB) se incarca abia cand bannerul intra in ecran; pana atunci scrie cu fontul de rezerva. 24.09.2026 */
html.rccb-seen .rccb-mark,html.rccb-seen .rccb-h,html.rccb-seen .rccb-dial b{font-family:'RCC Display','Bricolage Grotesque',sans-serif}