/* r115-sites: generated by price/r115_sites.py — do not edit by hand */


.r5s{--s5-a:#E0A04A;--s5-al:#F7C987;--s5-t:#EEEBE6;--s5-m:#ADA79E;--s5-m2:#8d877e;--s5-g:#7fe0a6;--s5-b:#9fc3ff;--s5-bd:rgba(255,255,255,.08)}
.r5s .s5-ic svg,.r5s .s5-cb svg,.r5s .s5-catnote svg,.r5s .s5-cic svg,.r5s .s5-ribbon svg,.r5s .s5-free svg,.r5s .s5-bki svg,.r5s .s5-cart svg,.r5s .s5-spam svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ---- tier cards ---- */
.s5-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.s5-card{position:relative;background:#1d1d1f;border:1px solid var(--s5-bd);border-radius:18px;padding:16px 20px 22px;display:flex;flex-direction:column;box-shadow:0 30px 60px -28px #000;min-width:0}
.s5-card.s5-pop{background:#26262a;border-color:rgba(224,160,74,.22)}
.s5-badge{position:absolute;top:-11px;left:20px;background:var(--s5-a);color:#1a1206;font:800 9px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:99px;z-index:3}
.s5-strip{position:relative;height:128px;border-radius:12px;background:#121214;border:1px solid rgba(255,255,255,.06);overflow:hidden;margin:0 0 18px}
.s5-pop .s5-strip{background:#18181b}
.s5-strip:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(247,201,135,.35),transparent) top/60% 1px no-repeat;animation:s5-edge 6s linear infinite;opacity:.8}
@keyframes s5-edge{0%{background-position:-80% 0}100%{background-position:200% 0}}
.s5-tag{position:absolute;right:8px;bottom:7px;font:600 8.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--s5-m2);background:rgba(10,10,12,.75);padding:3px 7px;border-radius:6px;z-index:4;backdrop-filter:blur(4px)}
.s5-tag b{color:var(--s5-al)}
.s5-mapc{bottom:auto;top:7px}
.s5-tn{font:700 18px var(--f-body);color:var(--s5-t);margin:0 0 6px}
.s5-sub{font-size:13px;color:var(--s5-m);margin:-2px 0 6px}
.s5-pr{font:800 38px/1.1 var(--f-display);color:var(--s5-t);letter-spacing:-.01em;margin:4px 0 6px}
.s5-term{font:500 11px var(--f-mono);color:var(--s5-m);margin-bottom:16px}
.s5-cb{background:#141416;border-radius:12px;padding:12px 14px;margin-bottom:22px}
.s5-pop .s5-cb{background:#323238}
.s5-cbh{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--s5-m)}.s5-cbh b{color:var(--s5-t)}
.s5-cbh svg,.s5-cbf svg{width:13px;height:13px;color:var(--s5-a);flex:none}
.s5-cbp{font:800 18px var(--f-body);color:var(--s5-t);margin:6px 0 4px}.s5-cbp s{font-size:11px;color:var(--s5-m2);font-weight:500}
.s5-cbf{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--s5-m)}
.s5-btn{display:flex;align-items:center;justify-content:center;height:46px;border-radius:99px;background:#3a3a40;color:var(--s5-t);font:700 14.5px var(--f-body);text-decoration:none;transition:transform .25s,background .25s,box-shadow .25s}
.s5-btn:hover{transform:translateY(-1px);background:#45454c}
.s5-btna{background:#E3A048;color:#1a1206;box-shadow:0 10px 30px -12px rgba(224,160,74,.7)}.s5-btna:hover{background:#efb05a}
.s5-feat{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:12px}
.s5-feat li{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--s5-t)}
.s5-ic{width:30px;height:30px;border-radius:9px;background:rgba(224,160,74,.08);display:grid;place-items:center;color:var(--s5-a);flex:none}.s5-ic svg{width:15px;height:15px}

/* landing browser */
.s5-br{position:absolute;inset:10px 14px 0;border-radius:9px 9px 0 0;background:#0c0c0e;border:1px solid rgba(255,255,255,.09);border-bottom:0;overflow:hidden}
.s5-brbar{height:18px;display:flex;align-items:center;gap:4px;padding:0 7px;border-bottom:1px solid rgba(255,255,255,.06)}
.s5-brbar i{width:5px;height:5px;border-radius:50%;background:#3a3a3f}
.s5-brbar span{margin:0 auto;font:500 7.5px var(--f-mono);color:var(--s5-m2);background:#18181b;padding:2px 10px;border-radius:5px;transform:translateX(-10px)}
.s5-brvp{position:absolute;top:18px;left:0;right:0;bottom:0;overflow:hidden}
.s5-lp{padding:7px 10px;animation:s5-scroll 10s cubic-bezier(.6,0,.3,1) infinite alternate}
@keyframes s5-scroll{0%,10%{transform:translateY(0)}45%,55%{transform:translateY(-118px)}90%,100%{transform:translateY(-236px)}}
.s5-thumb{position:absolute;right:2px;top:3px;width:2px;height:28px;border-radius:2px;background:rgba(247,201,135,.5);animation:s5-thumb 10s cubic-bezier(.6,0,.3,1) infinite alternate}
@keyframes s5-thumb{0%,10%{transform:translateY(0)}45%,55%{transform:translateY(32px)}90%,100%{transform:translateY(64px)}}
.s5-ln{display:block;height:4px;border-radius:2px;background:rgba(255,255,255,.13);margin:4px 0}
.s5-lnb{height:6px;background:rgba(255,255,255,.55)}
.s5-lnav{display:flex;align-items:center;gap:6px;margin-bottom:6px}.s5-lnav .s5-ln{margin:0}
.s5-ldot{width:9px;height:9px;border-radius:3px;background:var(--s5-a);margin-right:auto}
.s5-lbtn{width:22px;height:8px;border-radius:4px;background:rgba(224,160,74,.6)}
.s5-lhero{height:62px;border-radius:7px;padding:9px 10px;background:radial-gradient(80% 120% at 85% 20%,rgba(224,160,74,.45),transparent 60%),linear-gradient(135deg,#2a241c,#151517);margin-bottom:8px}
.s5-lpill{display:inline-block;margin-top:5px;font:700 6.5px var(--f-body);color:#1a1206;background:var(--s5-al);padding:2px 7px;border-radius:5px}
.s5-l3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}.s5-l3 i{height:34px;border-radius:6px;background:#1c1c20;border:1px solid rgba(255,255,255,.05)}
.s5-limg{height:56px;border-radius:7px;margin:8px 0;background:linear-gradient(120deg,rgba(159,195,255,.25),rgba(255,143,168,.15) 60%,rgba(224,160,74,.2))}
.s5-lq{display:flex;gap:8px;align-items:center;margin:8px 0}
.s5-lav{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#7a6450,#3a3430);flex:none}
.s5-lcta{height:30px;border-radius:7px;background:linear-gradient(90deg,#E0A04A,#F7C987);color:#1a1206;font:700 8px var(--f-body);display:grid;place-items:center;margin:8px 0}
.s5-lfoot{display:flex;gap:8px;padding-top:4px}

/* 5 pages */
.s5-tabs{position:relative;display:grid;grid-template-columns:repeat(5,1fr);height:17px;border-bottom:1px solid rgba(255,255,255,.06)}
.s5-tabs span{font:600 7.5px var(--f-mono);color:var(--s5-m2);display:grid;place-items:center;letter-spacing:.02em}
.s5-tabind{position:absolute;left:0;bottom:-1px;width:20%;height:2px;background:var(--s5-a);box-shadow:0 0 8px var(--s5-a);border-radius:2px;animation:s5-tab 10s infinite}
@keyframes s5-tab{0%,17%{transform:translateX(0)}20%,37%{transform:translateX(100%)}40%,57%{transform:translateX(200%)}60%,77%{transform:translateX(300%)}80%,97%{transform:translateX(400%)}100%{transform:translateX(0)}}
.s5-pages{position:absolute;top:36px;left:0;right:0;bottom:0}
.s5-pg{position:absolute;inset:8px 10px;opacity:0;animation:s5-pg 10s infinite both}
.s5-pg:nth-child(2){animation-delay:2s}.s5-pg:nth-child(3){animation-delay:4s}.s5-pg:nth-child(4){animation-delay:6s}.s5-pg:nth-child(5){animation-delay:8s}
@keyframes s5-pg{0%{opacity:0;transform:translateX(14px)}4%,18%{opacity:1;transform:none}21%,100%{opacity:0;transform:translateX(-10px)}}
.s5-lhero2{height:58px;margin:0}
.s5-pgab{display:flex;gap:12px;align-items:center}.s5-lav2{width:44px;height:44px}
.s5-pgsv,.s5-pgpr{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.s5-pgsv i,.s5-pgpr i{border-radius:7px;background:#1c1c20;border:1px solid rgba(255,255,255,.06);height:56px;position:relative}
.s5-pgsv b{position:absolute;left:8px;top:8px;width:14px;height:14px;border-radius:5px;background:rgba(224,160,74,.35)}
.s5-pgsv i:after{content:"";position:absolute;left:8px;right:10px;bottom:10px;height:4px;border-radius:2px;background:rgba(255,255,255,.14);box-shadow:0 -8px 0 rgba(255,255,255,.22)}
.s5-pgpr i{display:grid;place-items:center}.s5-pgpr em{font:700 10px var(--f-display);color:var(--s5-t);font-style:normal}
.s5-pgpr i.on{border-color:rgba(224,160,74,.6);box-shadow:0 0 14px -4px rgba(224,160,74,.6)}.s5-pgpr i.on em{color:var(--s5-al)}
.s5-pgct{display:grid;grid-template-columns:1.3fr 1fr;gap:8px}
.s5-fld{display:block;height:13px;border-radius:4px;background:#1c1c20;border:1px solid rgba(255,255,255,.07);margin-bottom:5px}
.s5-fldb{background:var(--s5-a);border:0;font:700 7px var(--f-body);color:#1a1206;display:grid;place-items:center;width:50%}
.s5-minimap{border-radius:7px;height:52px;position:relative;background:linear-gradient(0deg,transparent 48%,rgba(255,255,255,.08) 50%,transparent 52%),linear-gradient(90deg,transparent 38%,rgba(255,255,255,.08) 40%,transparent 42%),#18201c}
.s5-minimap b{position:absolute;left:36%;top:30%;width:8px;height:8px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#ff8fa8}

/* sitemap */
.s5-map{position:absolute;inset:6px 8px 4px;width:calc(100% - 16px);height:calc(100% - 10px)}
.s5-edges path{fill:none;stroke:rgba(224,160,74,.55);stroke-width:1.2;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .4s ease}
.s5-edges path.on{stroke-dashoffset:0}
.s5-nd{opacity:0;transition:opacity .35s}
.s5-nd rect{fill:#1d1d21;stroke:rgba(255,255,255,.14);stroke-width:.8;transition:fill .4s}
.s5-nd text{fill:var(--s5-m);font:600 8px var(--f-mono);text-anchor:middle}
.s5-nd.on{opacity:1}
.s5-nd.on.s5-new rect{fill:#3a2d1a;stroke:var(--s5-a)}
.s5-root rect{fill:rgba(224,160,74,.18);stroke:var(--s5-a)}.s5-root text{fill:var(--s5-al)}

/* shop: start */
.s5-cart{position:absolute;right:10px;top:9px;width:26px;height:26px;border-radius:8px;background:#1d1d21;color:var(--s5-m);display:grid;place-items:center;z-index:3}
.s5-cart svg{width:14px;height:14px}
.s5-cart b{position:absolute;top:-4px;right:-4px;min-width:14px;height:14px;border-radius:7px;background:var(--s5-a);color:#1a1206;font:800 8px var(--f-body);display:grid;place-items:center;animation:s5-badgepop 7.5s infinite}
@keyframes s5-badgepop{0%,22%{transform:scale(0)}25%{transform:scale(1.35)}28%,92%{transform:scale(1)}96%,100%{transform:scale(0)}}
.s5-sc{position:absolute;inset:0;display:grid;place-items:center;opacity:0;animation:s5-sc 7.5s infinite both}
.s5-sc2{animation-delay:2.5s}.s5-sc3{animation-delay:5s}
@keyframes s5-sc{0%{opacity:0;transform:translateY(8px) scale(.98)}5%,30%{opacity:1;transform:none}34%,100%{opacity:0;transform:translateY(-6px)}}
.s5-prod{display:flex;gap:12px;align-items:center;background:#1c1c20;border:1px solid rgba(255,255,255,.07);border-radius:11px;padding:9px 14px 9px 9px}
.s5-pimg{width:62px;height:62px;border-radius:8px;background:radial-gradient(60% 60% at 50% 40%,hsla(var(--h),55%,62%,.7),hsla(var(--h),40%,30%,.5) 70%),#222;flex:none}
.s5-prod em,.s5-mailr em{display:block;font:600 11px var(--f-body);color:var(--s5-t);font-style:normal}
.s5-prod strong{display:block;font:700 13px var(--f-display);color:var(--s5-al);margin:2px 0 6px}
.s5-add{display:inline-block;font:700 8.5px var(--f-body);color:#1a1206;background:var(--s5-a);padding:4px 9px;border-radius:6px;animation:s5-press 7.5s infinite}
@keyframes s5-press{0%,18%{transform:none;box-shadow:0 0 0 0 rgba(224,160,74,.6)}21%{transform:scale(.9)}24%{transform:none;box-shadow:0 0 0 8px rgba(224,160,74,0)}100%{transform:none}}
.s5-pay{width:68%;background:#1c1c20;border:1px solid rgba(255,255,255,.07);border-radius:11px;padding:10px 12px}
.s5-payr{display:flex;justify-content:space-between;font:500 9.5px var(--f-mono);color:var(--s5-m);margin-bottom:6px}.s5-payr em{color:var(--s5-t);font-style:normal}
.s5-paybtn{position:relative;overflow:hidden;display:block;text-align:center;font:700 9.5px var(--f-body);color:#1a1206;background:#c78b3c;border-radius:7px;padding:6px}
.s5-paybtn i{position:absolute;inset:0;background:var(--s5-al);transform-origin:left;transform:scaleX(0);animation:s5-payp 7.5s infinite;mix-blend-mode:screen;opacity:.6}
.s5-sc2 .s5-paybtn{z-index:0}
@keyframes s5-payp{0%,38%{transform:scaleX(0)}58%,100%{transform:scaleX(1)}}
.s5-paid{display:flex;align-items:center;gap:12px}
.s5-ok{width:46px;height:46px;border-radius:50%;background:rgba(127,224,166,.12);border:1px solid rgba(127,224,166,.5);display:grid;place-items:center;box-shadow:0 0 30px -6px rgba(127,224,166,.6)}
.s5-ok svg{width:24px;height:24px;fill:none;stroke:var(--s5-g);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20;animation:s5-okd 7.5s infinite}
@keyframes s5-okd{0%,70%{stroke-dashoffset:20}78%,100%{stroke-dashoffset:0}}
.s5-paid strong{display:block;font:700 16px var(--f-display);color:var(--s5-g)}.s5-paid em{font:500 9.5px var(--f-mono);color:var(--s5-m);font-style:normal}

/* shop: business */
.s5-biz{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;padding:0 6px 0 14px}
.s5-var em{display:block;font:600 11px var(--f-body);color:var(--s5-t);font-style:normal;margin-bottom:8px}
.s5-sizes{position:relative;display:grid;grid-template-columns:repeat(4,1fr);width:116px;height:22px;border-radius:6px;background:#1d1d21;margin-bottom:9px}
.s5-sizes span{position:relative;z-index:1;display:grid;place-items:center;font:700 8.5px var(--f-mono);color:var(--s5-m)}
.s5-szind{position:absolute;left:0;top:0;width:25%;height:100%;border-radius:6px;border:1px solid var(--s5-a);background:rgba(224,160,74,.14);animation:s5-sz 6s infinite cubic-bezier(.6,0,.3,1)}
@keyframes s5-sz{0%,20%{transform:translateX(100%)}25%,45%{transform:translateX(200%)}50%,70%{transform:translateX(0)}75%,95%{transform:translateX(300%)}100%{transform:translateX(100%)}}
.s5-cols{position:relative;display:flex;gap:9px}.s5-cols i{width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.15)}
.s5-colind{position:absolute;left:-3px;top:-3px;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--s5-al);animation:s5-ci 6s infinite cubic-bezier(.6,0,.3,1)}
@keyframes s5-ci{0%,30%{transform:translateX(0)}35%,63%{transform:translateX(23px)}68%,95%{transform:translateX(46px)}100%{transform:translateX(0)}}
.s5-route{width:100%;height:112px}
.s5-rpath{fill:none;stroke:rgba(224,160,74,.45);stroke-width:1.4;stroke-dasharray:3 4;animation:s5-dash 1.6s linear infinite}
@keyframes s5-dash{to{stroke-dashoffset:-14}}
.s5-rhome{fill:#1d1d21;stroke:rgba(255,255,255,.2)}
.s5-rlock{fill:#2a2418;stroke:var(--s5-a)}
.s5-rhi{fill:none;stroke:var(--s5-al);stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.s5-rdot{fill:var(--s5-al);filter:drop-shadow(0 0 4px #E0A04A)}
.s5-rlbl{fill:var(--s5-m);font:600 7.5px var(--f-mono);text-anchor:end}

/* shop: pro */
.s5-pro{padding:9px 10px}
.s5-grid10{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;height:100%;padding-right:30px}
.s5-grid10 i{position:relative;border-radius:6px;background:linear-gradient(160deg,hsla(var(--h),45%,55%,.35),hsla(var(--h),30%,25%,.25)),#1b1b1f;border:1px solid rgba(255,255,255,.05)}
.s5-grid10 s{position:absolute;left:5px;right:5px;bottom:5px;height:3px;border-radius:2px;background:rgba(255,255,255,.25);box-shadow:0 -5px 0 rgba(255,255,255,.12)}
.s5-bdg{position:absolute;left:50%;top:-1px;transform:translate(-50%,0) scale(.6);opacity:0;white-space:nowrap;font:800 6.5px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;padding:2px 5px;border-radius:4px;z-index:2;animation:s5-bdg 9s infinite}
.s5-bdg1{background:var(--s5-a);color:#1a1206;animation-delay:.6s}
.s5-bdg2{background:var(--s5-b);color:#0d1a2e;animation-delay:1.8s}
@keyframes s5-bdg{0%,4%{opacity:0;transform:translate(-50%,0) scale(.6)}8%,80%{opacity:1;transform:translate(-50%,0) scale(1)}86%,100%{opacity:0;transform:translate(-50%,0) scale(.8)}}
.s5-grid10 i:nth-child(2),.s5-grid10 i:nth-child(8){animation:s5-tglow 9s infinite}
.s5-grid10 i:nth-child(8){animation-delay:1.2s}
@keyframes s5-tglow{0%,8%{box-shadow:none}14%,70%{box-shadow:0 0 0 1px rgba(247,201,135,.5),0 0 16px -4px rgba(224,160,74,.6)}80%,100%{box-shadow:none}}
.s5-mail{position:absolute;right:10px;bottom:10px;width:150px;background:#f3efe8;border-radius:9px;padding:8px 9px;box-shadow:0 18px 30px -10px #000;z-index:3;opacity:0;animation:s5-mail 9s infinite}
@keyframes s5-mail{0%,40%{opacity:0;transform:translateY(24px) scale(.96)}46%,84%{opacity:1;transform:none}90%,100%{opacity:0;transform:translateY(10px)}}
.s5-mailh{display:flex;gap:5px;align-items:center;font:700 9px var(--f-body);color:#1d1b18;margin-bottom:5px}.s5-mailh span{color:#b5762a}
.s5-mailr{display:flex;gap:6px;align-items:center;margin-bottom:6px}
.s5-mailr i{width:22px;height:22px;border-radius:5px;background:linear-gradient(160deg,hsla(var(--h),45%,55%,.8),hsla(var(--h),30%,30%,.8))}
.s5-mailr em{color:#1d1b18;font-size:8.5px}.s5-mailr small{font:500 7px var(--f-mono);color:#7a7268}
.s5-mailb{display:block;text-align:center;font:700 7.5px var(--f-body);color:#fff;background:#1d1b18;border-radius:5px;padding:4px}

/* ---- catalog ---- */
.s5-cat{background:linear-gradient(160deg,rgba(34,30,26,.82),rgba(14,14,17,.82));border:1px solid var(--s5-bd);border-radius:22px;padding:22px;box-shadow:0 30px 60px -28px #000}
.s5-stage{display:grid;grid-template-columns:300px 1fr;gap:18px;margin-bottom:22px}
.s5-chat{border-radius:16px;overflow:hidden;background:#0f1412;border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;min-height:300px}
.s5-chath{display:flex;gap:9px;align-items:center;padding:10px 12px;background:#1a211e;border-bottom:1px solid rgba(255,255,255,.05)}
.s5-chath b{display:block;font:700 12px var(--f-body);color:var(--s5-t)}.s5-chath small{font-size:10px;color:var(--s5-m2)}
.s5-chav{width:28px;height:28px;border-radius:50%;background:var(--s5-a);color:#1a1206;font:800 9px var(--f-display);display:grid;place-items:center}
.s5-chatb{flex:1;padding:12px;display:flex;flex-direction:column;gap:8px;background:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1.2px) 0 0/14px 14px}
.s5-day{align-self:center;font:600 9px var(--f-mono);color:var(--s5-m2);background:#1a211e;padding:3px 8px;border-radius:6px}
.s5-msg{max-width:88%;font:500 12.5px/1.4 var(--f-body);color:var(--s5-t);padding:8px 10px 6px;border-radius:12px;opacity:0;transform:translateY(8px) scale(.98);transition:opacity .4s,transform .4s;display:none}
.s5-msg.on{opacity:1;transform:none;display:block}
.s5-msg small{display:block;text-align:right;font:500 9px var(--f-mono);color:rgba(238,235,230,.5);margin-top:3px}.s5-msg small b{color:var(--s5-b)}
.s5-me{align-self:flex-end;background:#1f4a3a;border-bottom-right-radius:4px}
.s5-us{align-self:flex-start;background:#23262a;border-bottom-left-radius:4px}
.s5-typing{padding:10px 12px;display:none;gap:4px}.s5-typing.on{display:flex}
.s5-typing i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.6);animation:s5-typ 1s infinite}.s5-typing i:nth-child(2){animation-delay:.15s}.s5-typing i:nth-child(3){animation-delay:.3s}
@keyframes s5-typ{0%,100%{opacity:.3;transform:none}50%{opacity:1;transform:translateY(-2px)}}
.s5-att{display:flex;gap:4px;margin-top:6px}.s5-att i{width:30px;height:30px;border-radius:6px;background:linear-gradient(160deg,hsla(var(--h),45%,55%,.8),hsla(var(--h),30%,30%,.8))}
.s5-att em{width:30px;height:30px;border-radius:6px;background:rgba(0,0,0,.3);display:grid;place-items:center;font:700 10px var(--f-mono);font-style:normal}
.s5-store{border-radius:16px;background:#141417;border:1px solid rgba(255,255,255,.07);padding:12px;display:flex;flex-direction:column;min-width:0}
.s5-storeh{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:8px}
.s5-url{font:500 10px var(--f-mono);color:var(--s5-m);background:#1d1d21;padding:4px 10px;border-radius:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s5-langs{display:flex;gap:4px}.s5-langs span{font:700 9px var(--f-mono);color:var(--s5-m2);padding:4px 7px;border-radius:6px;border:1px solid rgba(255,255,255,.08);transition:.3s}
.s5-langs span.on{color:#1a1206;background:var(--s5-a);border-color:var(--s5-a);box-shadow:0 0 14px -3px rgba(224,160,74,.7)}
.s5-sgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;flex:1;transition:opacity .5s}
.s5-sgrid.out{opacity:0}
.s5-pc2{border-radius:9px;background:#1c1c20;border:1px solid rgba(255,255,255,.06);padding:5px;opacity:0;transform:translateY(10px) scale(.94);transition:opacity .45s,transform .45s cubic-bezier(.2,.8,.2,1.2),border-color .6s;min-width:0}
.s5-pc2.on{opacity:1;transform:none}
.s5-pc2.new{border-color:rgba(224,160,74,.7);box-shadow:0 0 16px -6px rgba(224,160,74,.7)}
.s5-pc2 i{display:block;aspect-ratio:1/1;border-radius:6px;background:radial-gradient(60% 60% at 50% 40%,hsla(var(--h),50%,60%,.6),hsla(var(--h),35%,25%,.4) 75%),#222}
.s5-pn{display:block;font:600 9.5px/1.25 var(--f-body);color:var(--s5-t);margin:5px 1px 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .2s,opacity .2s}
.s5-pn.flip{transform:rotateX(90deg);opacity:0}
.s5-pp{display:block;font:700 9px var(--f-mono);color:var(--s5-al);margin:0 1px}
.s5-ctr{display:grid;grid-template-columns:auto auto;justify-content:space-between;align-items:center;gap:6px 10px;margin-top:12px;font:600 10px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--s5-m)}
.s5-ctr b{font:700 15px var(--f-display);color:var(--s5-t);letter-spacing:0}.s5-ctr b em{font-style:normal;color:var(--s5-al)}
.s5-cbar{grid-column:1/-1;height:5px;border-radius:3px;background:#26262b;overflow:hidden}
.s5-cbar i{display:block;height:100%;width:25%;border-radius:3px;background:linear-gradient(90deg,#E0A04A,#F7C987);box-shadow:0 0 10px #E0A04A;transition:width .3s}
.s5-ct4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.s5-mc{position:relative;background:#1d1d1f;border:1px solid var(--s5-bd);border-radius:16px;padding:16px;display:flex;flex-direction:column;min-width:0}
.s5-mc.s5-pop{background:#26262a;border-color:rgba(224,160,74,.25)}
.s5-mc h5{font:700 15px var(--f-body);color:var(--s5-t);margin:0 0 4px}
.s5-mp{font:800 28px var(--f-display);color:var(--s5-t);margin-bottom:10px}.s5-mp small{font:500 12px var(--f-body);color:var(--s5-m)}
.s5-mv{background:#141416;border-radius:10px;padding:8px 10px;margin-bottom:10px}.s5-pop .s5-mv{background:#323238}
.s5-mv span{display:block;font:600 9.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--s5-m2)}.s5-mv b{font:700 14px var(--f-body);color:var(--s5-t)}
.s5-mm{margin-bottom:14px}.s5-mm span{display:block;height:4px;border-radius:2px;background:#2b2b30;overflow:hidden}
.s5-mm i{display:block;height:100%;border-radius:2px;background:rgba(224,160,74,.75);transition:width .3s}
.s5-mm small{display:block;margin-top:5px;font:500 10px var(--f-mono);color:var(--s5-m2)}.s5-mm small em{font-style:normal;color:var(--s5-al)}
.s5-mmlive i{background:linear-gradient(90deg,#E0A04A,#F7C987);box-shadow:0 0 8px #E0A04A}
.s5-btns{height:38px;font-size:13px;margin-top:auto}
.s5-catnote{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:16px;font-size:13px;color:var(--s5-m)}
.s5-catnote span{display:flex;align-items:center;gap:7px}.s5-catnote b{color:var(--s5-t)}.s5-catnote svg{width:14px;height:14px;color:var(--s5-a)}

/* ---- compare 1 ---- */
.s5-cmp{background:#1c1c1d;border:1px solid var(--s5-bd);border-radius:20px;padding:22px 0 8px}
.s5-cmph{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:0 22px 16px;flex-wrap:wrap}
.s5-cmph h4{font:800 22px var(--f-display);color:var(--s5-t);margin:0 0 4px}.s5-cmph small{font:500 11px var(--f-mono);color:var(--s5-m)}
.s5-sw{display:flex;align-items:center;gap:9px;font:600 13px var(--f-body);color:var(--s5-t);background:#26262a;border:1px solid var(--s5-bd);border-radius:99px;padding:7px 14px 7px 8px;cursor:pointer}
.s5-sw i{position:relative;width:30px;height:17px;border-radius:9px;background:#3a3a40;transition:.25s}
.s5-sw i:after{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:#d6d1c9;transition:.25s}
.s5-sw[aria-pressed="true"] i{background:var(--s5-a)}.s5-sw[aria-pressed="true"] i:after{transform:translateX(13px);background:#1a1206}
.s5-tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;color:var(--s5-t)}
.s5-tbl th{position:sticky;top:66px;z-index:2;background:rgba(28,28,29,.92);backdrop-filter:blur(10px);font:700 16px var(--f-body);padding:14px 10px 12px;text-align:center;border-bottom:1px solid rgba(255,255,255,.08)}
.s5-tbl th small{display:block;font:600 12.5px var(--f-mono);color:var(--s5-m);margin-top:3px}
.s5-tbl th.s5-pc{color:var(--s5-al);background:linear-gradient(180deg,rgba(80,58,28,.95),rgba(36,32,28,.95));border:1px solid rgba(224,160,74,.55);border-bottom-color:rgba(224,160,74,.3);border-radius:14px 14px 0 0;animation:s5-glow 4s ease-in-out infinite}
.s5-tbl th.s5-pc small{color:var(--s5-al);opacity:.8}
@keyframes s5-glow{0%,100%{box-shadow:0 -6px 24px -10px rgba(224,160,74,.4)}50%{box-shadow:0 -6px 34px -6px rgba(224,160,74,.65)}}
.s5-tbl td{padding:13px 10px;text-align:center;border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s}
.s5-tbl td:first-child{text-align:left;padding-left:22px;color:#ddd8d0}
.s5-tbl th:first-child{text-align:left}
.s5-tbl td.s5-pc{background:rgba(224,160,74,.045);border-left:1px solid rgba(224,160,74,.35);border-right:1px solid rgba(224,160,74,.35)}
.s5-tbl tr:last-child td.s5-pc{border-bottom:1px solid rgba(224,160,74,.35);border-radius:0 0 14px 14px}
.s5-tbl tr:last-child td{border-bottom:0}
.s5-g td{font:700 9.5px var(--f-mono)!important;letter-spacing:.16em;text-transform:uppercase;color:var(--s5-a)!important;padding:16px 22px 7px!important;text-align:left!important;background:none!important;border-left:0!important;border-right:0!important}
.s5-tbl tr.s5-hr td:not(.s5-g td){background:rgba(255,255,255,.035)}
.s5-tbl .s5-hc{background:rgba(255,255,255,.035)}
.s5-tbl tr.s5-hr td.s5-hc{background:rgba(224,160,74,.12)}
.s5-tbl th.s5-hc{color:var(--s5-al)}
.s5-ck{display:inline-block;width:20px;height:20px;border-radius:50%;background:rgba(224,160,74,.1);position:relative;vertical-align:middle;transform:scale(.5);opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1.4),opacity .3s;transition-delay:var(--d,0s)}
.s5-ck:after{content:"";position:absolute;left:6.5px;top:4px;width:5px;height:9px;border:solid var(--s5-a);border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .35s;transition-delay:calc(var(--d,0s) + .2s)}
.s5-in .s5-ck{transform:none;opacity:1}.s5-in .s5-ck:after{transform:rotate(45deg) scale(1)}
.s5-diff tr:not([data-diff]):not(.s5-g){display:none}
.s5-diff tr.s5-g.s5-nod{display:none}
.s5-diff tr[data-diff] td{animation:s5-fl .9s}
@keyframes s5-fl{0%{background:rgba(224,160,74,.18)}100%{}}

/* ---- compare 2 ---- */
.s5-c2{display:grid;grid-template-columns:350px 1fr;gap:22px;background:#1c1c1d;border:1px solid var(--s5-bd);border-radius:20px;padding:22px;touch-action:pan-y}
.s5-c2l{display:flex;flex-direction:column;gap:16px}
.s5-seg{position:relative;display:grid;grid-template-columns:repeat(3,1fr);background:#141416;border-radius:99px;padding:4px;border:1px solid var(--s5-bd)}
.s5-seg button{position:relative;z-index:1;background:none;border:0;color:var(--s5-m);font:700 12px var(--f-body);padding:9px 4px;cursor:pointer;transition:color .3s;white-space:nowrap}
.s5-seg button.on{color:#1a1206}
.s5-segind{position:absolute;left:4px;top:4px;bottom:4px;width:calc((100% - 8px)/3);border-radius:99px;background:var(--s5-a);box-shadow:0 6px 20px -8px rgba(224,160,74,.8);transition:transform .45s cubic-bezier(.6,0,.2,1)}
.s5-c2p{padding:6px 2px}.s5-c2n{display:block;font:800 44px var(--f-display);color:var(--s5-t);transition:opacity .2s,transform .2s}
.s5-c2n.sw{opacity:0;transform:translateY(6px)}
.s5-c2t{font:500 12px var(--f-mono);color:var(--s5-m)}
.s5-dots{display:flex;gap:6px;justify-content:center}.s5-dots i{width:6px;height:6px;border-radius:3px;background:#3a3a40;transition:.3s}.s5-dots i.on{width:18px;background:var(--s5-a)}
.s5-c2r{display:grid;grid-template-columns:1fr 1fr;gap:4px 26px;align-content:start}
.s5-c2g{grid-column:1/-1;font:700 9.5px var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--s5-a);padding:12px 0 4px}
.s5-c2g:first-child{padding-top:0}
.s5-c2row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:13.5px;color:#ddd8d0;min-width:0}
.s5-c2row b{font:700 13px var(--f-body);color:var(--s5-t);white-space:nowrap;display:flex;align-items:center;gap:6px;border-radius:6px;padding:2px 6px;margin:-2px -6px}
.s5-c2row b .s5-ck{transform:none;opacity:1;width:18px;height:18px}.s5-c2row b .s5-ck:after{transform:rotate(45deg) scale(1);left:6px;top:3.5px}
.s5-c2row b.chg{animation:s5-chg 1.4s}
.s5-c2row b em{font:800 9px var(--f-mono);color:#1a1206;background:var(--s5-al);border-radius:4px;padding:1px 4px;font-style:normal}
@keyframes s5-chg{0%{background:rgba(224,160,74,.35);color:var(--s5-al)}100%{background:transparent}}

/* ---- care 1 ---- */
.s5-care{position:relative;display:grid;grid-template-columns:1fr 1.15fr;gap:26px;background:linear-gradient(160deg,rgba(34,30,26,.82),rgba(14,14,17,.82));border:1px solid var(--s5-bd);border-radius:22px;padding:26px;overflow:hidden;box-shadow:0 30px 60px -28px #000}
.s5-care:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--s5-ang,0deg),transparent 0 70%,rgba(247,201,135,.6) 80%,transparent 90%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:s5-spin 8s linear infinite;pointer-events:none}
@property --s5-ang{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes s5-spin{to{--s5-ang:360deg}}
.s5-ribbon{position:absolute;top:30px;right:-58px;transform:rotate(35deg);background:linear-gradient(90deg,#E0A04A,#F7C987);color:#1a1206;font:800 10px var(--f-body);padding:7px 66px;display:flex;gap:6px;align-items:center;box-shadow:0 8px 24px -8px rgba(224,160,74,.8);z-index:2;white-space:nowrap}
.s5-ribbon svg{width:13px;height:13px}
.s5-careh{display:flex;gap:12px;align-items:center;margin-bottom:18px}
.s5-cic{width:44px;height:44px;border-radius:13px;background:rgba(224,160,74,.12);color:var(--s5-a);display:grid;place-items:center;flex:none}.s5-cic svg{width:22px;height:22px}
.s5-careh h4,.s5-tlh h4{font:500 19px var(--f-body);color:var(--s5-m);margin:0}.s5-careh h4 b,.s5-tlh h4 b{color:var(--s5-t)}
.s5-careh small,.s5-tlh small{font-size:12.5px;color:var(--s5-m2)}
.s5-ctrl{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.s5-chips,.s5-per{display:flex;background:#141416;border:1px solid var(--s5-bd);border-radius:99px;padding:3px}
.s5-chips button,.s5-per button{background:none;border:0;color:var(--s5-m);font:700 12px var(--f-body);padding:7px 12px;border-radius:99px;cursor:pointer;transition:.25s;white-space:nowrap}
.s5-chips button.on{background:#323238;color:var(--s5-t)}
.s5-per button.on{background:#323238;color:var(--s5-t)}.s5-per em{font-style:normal;color:var(--s5-a);font-size:10.5px}
.s5-cprice{display:flex;align-items:baseline;gap:8px}
.s5-cpn{font:800 48px var(--f-display);color:var(--s5-t);transition:opacity .2s,transform .2s}.s5-cpn.sw{opacity:0;transform:translateY(8px)}
.s5-cpu{font:600 15px var(--f-body);color:var(--s5-m)}.s5-cpo{font:500 14px var(--f-body);color:var(--s5-m2)}
.s5-cpsub{font:500 11.5px var(--f-mono);color:var(--s5-m);margin:2px 0 18px;min-height:16px}.s5-cpsub b{color:var(--s5-g)}
.s5-inc{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:9px 14px}
.s5-inc li{position:relative;padding-left:22px;font-size:13.5px;color:#ddd8d0}
.s5-inc li:before{content:"";position:absolute;left:0;top:2px;width:15px;height:15px;border-radius:50%;background:rgba(224,160,74,.12)}
.s5-inc li:after{content:"";position:absolute;left:5.5px;top:5px;width:3.5px;height:7px;border:solid var(--s5-a);border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}
.s5-dash{background:#101012;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:14px;align-self:end;margin-top:44px;margin-right:18px;min-width:0}
.s5-dh{display:flex;justify-content:space-between;align-items:center;font:700 12px var(--f-body);color:var(--s5-t)}.s5-dh span{display:flex;align-items:center;gap:7px}
.s5-dh em{font:500 10px var(--f-mono);color:var(--s5-m2);font-style:normal}
.s5-live{width:7px;height:7px;border-radius:50%;background:var(--s5-g);box-shadow:0 0 0 0 rgba(127,224,166,.6);animation:s5-live 2s infinite}
@keyframes s5-live{0%{box-shadow:0 0 0 0 rgba(127,224,166,.6)}80%,100%{box-shadow:0 0 0 7px rgba(127,224,166,0)}}
.s5-dok{font:600 9.5px var(--f-mono);color:var(--s5-g);letter-spacing:.08em;text-transform:uppercase;margin:4px 0 12px 14px}
.s5-dg{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.s5-dt{background:#18181b;border:1px solid rgba(255,255,255,.05);border-radius:11px;padding:9px 11px;min-width:0}
.s5-dtw{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:10px}
.s5-dtw .s5-ping{text-align:right}
.s5-dt small{display:block;font:600 8.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--s5-m2);grid-column:1/-1}
.s5-dt b{display:block;font:700 15px var(--f-display);color:var(--s5-t);margin:3px 0 2px;white-space:nowrap}
.s5-dt b em{font-style:normal;color:var(--s5-al)}
.s5-dt>span{font:500 10px var(--f-mono);color:var(--s5-m)}
.s5-ping em{font-style:normal;color:var(--s5-g)}
.s5-bars{grid-column:1/-1;display:flex;gap:2px;height:22px;align-items:flex-end;margin-top:6px;overflow:hidden}
.s5-bars i{flex:1;border-radius:1.5px;background:rgba(127,224,166,.55);transition:height .5s}
.s5-bars i.w{background:rgba(224,160,74,.7)}
.s5-bars i:last-child{background:var(--s5-g);box-shadow:0 0 6px var(--s5-g)}
.s5-bk{display:flex;align-items:center;gap:6px}
.s5-bk i{width:12px;height:12px;border-radius:50%;border:2px solid rgba(127,224,166,.25);border-top-color:var(--s5-g);flex:none}
.s5-bk.run i{animation:s5-rot .8s linear infinite}
@keyframes s5-rot{to{transform:rotate(360deg)}}
.s5-chb{display:flex;gap:3px;margin-top:5px}.s5-chb i{flex:1;height:5px;border-radius:2px;background:#2b2b30;transition:background .4s}.s5-chb i.on{background:linear-gradient(90deg,#E0A04A,#F7C987)}

/* ---- care 2 ---- */
.s5-tl{background:#1c1c1d;border:1px solid var(--s5-bd);border-radius:20px;padding:22px;box-shadow:0 30px 60px -28px #000}
.s5-tlh{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.s5-free{position:relative;overflow:hidden;display:flex;align-items:center;gap:7px;font:600 13px var(--f-body);color:#1a1206;background:linear-gradient(90deg,#E0A04A,#F7C987);padding:8px 16px;border-radius:99px;box-shadow:0 10px 28px -10px rgba(224,160,74,.8)}
.s5-free b{font-weight:800}.s5-free svg{width:15px;height:15px}
.s5-free:after{content:"";position:absolute;top:0;bottom:0;width:40px;left:-60px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-20deg);animation:s5-shine 4s infinite}
@keyframes s5-shine{0%,60%{left:-60px}100%{left:110%}}
.s5-tlm{background:#101012;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:16px 18px}
.s5-tlmh{display:flex;justify-content:space-between;font:600 10px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--s5-m2);margin-bottom:16px}
.s5-tld{font-style:normal;color:var(--s5-al)}
.s5-track{position:relative;height:34px}
.s5-days{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center}
.s5-days:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(255,255,255,.1)}
.s5-days i{position:relative;width:5px;height:5px;border-radius:50%;background:#2e2e33;transition:background .3s,box-shadow .3s}
.s5-days i.on{background:rgba(127,224,166,.7)}
.s5-days i.ev{width:12px;height:12px;border:1.5px solid #4a4a50;background:#18181b}
.s5-days i.ev.on{border-color:var(--s5-a);background:#3a2d1a;box-shadow:0 0 12px -2px rgba(224,160,74,.8)}
.s5-head{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:linear-gradient(180deg,transparent,var(--s5-al),transparent);box-shadow:0 0 12px var(--s5-a);left:0}
.s5-evt{display:flex;gap:12px;align-items:center;margin-top:14px;padding:12px 14px;border-radius:12px;background:#18181b;border:1px solid rgba(255,255,255,.06);transition:opacity .25s,transform .25s}
.s5-evt.sw{opacity:0;transform:translateY(5px)}
.s5-evt b{display:block;font:700 13.5px var(--f-body);color:var(--s5-t)}.s5-evt small{font:500 11px var(--f-mono);color:var(--s5-m)}
.s5-evi{width:30px;height:30px;border-radius:9px;background:rgba(224,160,74,.14);flex:none;position:relative}
.s5-evi:after{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--s5-a);box-shadow:0 0 10px var(--s5-a)}
.s5-tl3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.s5-tl3 div{padding:12px 14px;border-radius:12px;border:1px solid var(--s5-bd)}
.s5-tl3 small{display:block;font:600 9.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--s5-a);margin-bottom:4px}
.s5-tl3 b{font:600 13.5px var(--f-body);color:var(--s5-t)}

/* ---- extras ---- */
.s5-ex{display:grid;grid-template-columns:1.55fr 1fr 1fr;gap:16px}
.s5-bk1{background:radial-gradient(120% 80% at 0% 0%,rgba(224,160,74,.12),transparent 50%),#1c1c1d;border:1px solid rgba(224,160,74,.35);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:14px;min-width:0}
.s5-bkh{display:flex;gap:12px;align-items:center}
.s5-bki{width:42px;height:42px;border-radius:12px;background:linear-gradient(160deg,#E0A04A,#a8702c);color:#1a1206;display:grid;place-items:center;flex:none;box-shadow:0 8px 20px -8px rgba(224,160,74,.8)}.s5-bki svg{width:20px;height:20px}
.s5-bkh h4,.s5-xb h4{font:700 18px var(--f-body);color:var(--s5-t);margin:0}.s5-bkh small{font-size:13px;color:var(--s5-m)}
.s5-slots{display:flex;flex-wrap:wrap;align-items:center;gap:6px;background:#141416;border-radius:12px;padding:10px 12px}
.s5-slots span{font:700 11px var(--f-body);color:var(--s5-t);margin-right:6px}
.s5-slots i{font:600 10px var(--f-mono);font-style:normal;color:var(--s5-m);background:#222226;padding:5px 9px;border-radius:7px}
.s5-slots i.on{background:var(--s5-a);color:#1a1206;animation:s5-slot 3s infinite}
@keyframes s5-slot{0%,100%{box-shadow:0 0 0 0 rgba(224,160,74,.5)}50%{box-shadow:0 0 0 5px rgba(224,160,74,0)}}
.s5-bk2{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1}
.s5-bko{background:#18181b;border:1px solid var(--s5-bd);border-radius:14px;padding:14px;display:flex;flex-direction:column}
.s5-bkoa{border-color:rgba(224,160,74,.35);background:linear-gradient(160deg,rgba(60,44,22,.5),#18181b)}
.s5-bko small{font:700 9px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--s5-a)}
.s5-bko b{font:700 16px var(--f-body);color:var(--s5-t);margin:4px 0 6px}
.s5-bko p,.s5-xb p,.s5-nc p{font-size:13px;line-height:1.5;color:var(--s5-m);margin:0 0 12px}
.s5-exf{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}
.s5-exf strong{font:800 18px var(--f-display);color:var(--s5-t)}.s5-exf span{font:500 10.5px var(--f-mono);color:var(--s5-m2)}
.s5-arr{margin-left:auto;width:30px;height:30px;border-radius:50%;background:#2a2a2e;color:var(--s5-t);display:grid;place-items:center;font-size:14px}
.s5-xc{background:#1c1c1d;border:1px solid var(--s5-bd);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.s5-xb{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}.s5-xb h4{margin-bottom:8px}
.s5-gm{position:relative;height:190px;overflow:hidden;border-bottom:1px solid var(--s5-bd)}
.s5-gmap{position:absolute;inset:0;width:100%;height:100%}
.s5-st{fill:none;stroke:#2a2d30;stroke-width:5}.s5-st2{fill:none;stroke:#22262a;stroke-width:2.5}
.s5-river{fill:none;stroke:#1d3040;stroke-width:12}.s5-park{fill:#1a2a20}
.s5-pin{position:absolute;left:50%;top:22px;width:26px;height:34px;margin-left:-13px;opacity:0;transform:translateY(-50px);z-index:2}
.s5-pin svg{width:100%;height:100%;fill:#ea4d3d;filter:drop-shadow(0 6px 6px rgba(0,0,0,.5))}.s5-pin circle{fill:#fff}
.s5-gm.p .s5-pin{opacity:1;transform:none;transition:transform .55s cubic-bezier(.3,1.6,.5,1),opacity .2s}
.s5-ripple{position:absolute;left:50%;top:52px;width:40px;height:14px;margin-left:-20px;border-radius:50%;border:2px solid rgba(234,77,61,.6);opacity:0}
.s5-gm.p .s5-ripple{animation:s5-rip 1.6s .4s infinite}
@keyframes s5-rip{0%{transform:scale(.3);opacity:1}100%{transform:scale(2.2);opacity:0}}
.s5-gcard{position:absolute;left:12px;right:12px;bottom:10px;background:#f6f3ee;border-radius:12px;padding:9px 12px;box-shadow:0 14px 30px -10px #000;opacity:0;transform:translateY(30px);transition:opacity .45s,transform .5s cubic-bezier(.2,.8,.2,1);z-index:3}
.s5-gm.c .s5-gcard{opacity:1;transform:none}
.s5-gcard>b{font:700 12.5px var(--f-body);color:#1d1b18}
.s5-rate{display:flex;align-items:center;gap:5px;font:600 10.5px var(--f-body);color:#5a544c;margin:2px 0}
.s5-rate>em{font-style:normal;color:#1d1b18;font-weight:700}
.s5-stars{position:relative;color:#d8d2c8;font-size:11px;letter-spacing:1px;line-height:1}
.s5-sfill{position:absolute;left:0;top:0;width:0;overflow:hidden;white-space:nowrap;color:#f2a91e;transition:width 1.4s ease-out}
.s5-gm.c .s5-sfill{width:98%}
.s5-rate small{font-size:10px}.s5-rate small em{font-style:normal}
.s5-open{display:flex;align-items:center;gap:5px;font:600 10px var(--f-body);color:#188038}
.s5-open i{width:6px;height:6px;border-radius:50%;background:#1aa34a}
.s5-gbtn{display:flex;gap:5px;margin-top:6px}
.s5-gbtn span{font:700 9px var(--f-body);color:#1a5fb4;border:1px solid #cfd7e3;border-radius:99px;padding:3px 8px}
.s5-gbtn .s5-dir{background:#1a73e8;color:#fff;border-color:#1a73e8}
.s5-gm.c .s5-dir{animation:s5-dirp 1.8s 1s infinite}
@keyframes s5-dirp{0%{box-shadow:0 0 0 0 rgba(26,115,232,.55)}80%,100%{box-shadow:0 0 0 8px rgba(26,115,232,0)}}
.s5-ib{height:190px;padding:12px;display:flex;flex-direction:column;gap:7px;border-bottom:1px solid var(--s5-bd);background:#141416}
.s5-ibh{display:flex;justify-content:space-between;align-items:center;gap:6px;font:600 9.5px var(--f-mono);color:var(--s5-al)}
.s5-spam{display:flex;align-items:center;gap:4px;color:var(--s5-g);white-space:nowrap}.s5-spam svg{width:12px;height:12px}.s5-spam em{font-style:normal;font-weight:800}
.s5-spam.bump svg{animation:s5-bump .4s}
@keyframes s5-bump{50%{transform:scale(1.35)}}
.s5-ibl{position:relative;flex:1;overflow:hidden}
.s5-it{position:absolute;left:0;right:0;height:28px;display:flex;align-items:center;gap:8px;background:#1d1d21;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:0 9px;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s}
.s5-it i{width:16px;height:16px;border-radius:50%;flex:none;font:700 8px var(--f-body);color:#1a1206;display:grid;place-items:center;font-style:normal}
.s5-it b{font:700 10px var(--f-body);color:var(--s5-t);white-space:nowrap}.s5-it span{font:500 9.5px var(--f-body);color:var(--s5-m);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.s5-it small{font:500 8.5px var(--f-mono);color:var(--s5-m2)}
.s5-it.nu{border-color:rgba(224,160,74,.5)}.s5-it.nu b:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--s5-a);margin-right:5px;vertical-align:middle}
.s5-sig{display:flex;gap:8px;align-items:center;border-top:1px dashed rgba(255,255,255,.1);padding-top:7px}
.s5-slogo{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,#E0A04A,#a8702c);color:#1a1206;font:800 8px var(--f-display);display:grid;place-items:center}
.s5-sig b{display:block;font:700 10px var(--f-body);color:var(--s5-t)}.s5-sig small{font:500 8.5px var(--f-mono);color:var(--s5-m2)}
.s5-new{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.s5-nc{position:relative;background:#1c1c1d;border:1px solid var(--s5-bd);border-radius:18px;padding:16px 18px 18px;display:flex;flex-direction:column}
.s5-nb{position:absolute;top:14px;right:14px;font:800 8.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--s5-g);border:1px solid rgba(127,224,166,.4);border-radius:99px;padding:3px 8px}
.s5-nv{height:46px;display:flex;align-items:center;gap:10px;margin-bottom:10px}
.s5-nc h5{font:700 15.5px var(--f-body);color:var(--s5-t);margin:0 0 6px}
.s5-mig span{font:600 9.5px var(--f-mono);color:var(--s5-m);background:#141416;border:1px solid var(--s5-bd);padding:5px 8px;border-radius:7px}
.s5-mig .s5-mn{color:var(--s5-al);border-color:rgba(224,160,74,.45)}
.s5-mig i{position:relative;flex:0 1 70px;height:2px;background:#2b2b30;border-radius:2px}
.s5-mig i b{position:absolute;top:-2px;left:0;width:6px;height:6px;border-radius:50%;background:var(--s5-al);box-shadow:0 0 8px var(--s5-a);animation:s5-mig 2.2s ease-in-out infinite}
@keyframes s5-mig{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 6px);opacity:0}}
.s5-spark{width:120px;height:34px}.s5-spark path{fill:none;stroke:var(--s5-g);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:160;stroke-dashoffset:160;animation:s5-spk 4s ease-in-out infinite}
@keyframes s5-spk{0%{stroke-dashoffset:160}45%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
.s5-vis{font:700 10px var(--f-mono);color:var(--s5-g);font-style:normal}
.s5-cookie{display:flex;align-items:center;gap:6px;font:600 10px var(--f-body);color:var(--s5-t);background:#141416;border:1px solid var(--s5-bd);border-radius:10px;padding:7px 9px;animation:s5-ck2 5s infinite}
.s5-cookie i{font-style:normal;font:700 9px var(--f-body);padding:3px 7px;border-radius:5px;background:#2a2a2e}.s5-cookie i:first-of-type{background:var(--s5-a);color:#1a1206}
@keyframes s5-ck2{0%{transform:translateY(16px);opacity:0}12%,80%{transform:none;opacity:1}92%,100%{transform:translateY(16px);opacity:0}}

/* ---- responsive ---- */
@media (max-width:1100px){.s5-ex{grid-template-columns:1fr 1fr}.s5-bk1{grid-column:1/-1}.s5-ct4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){
  .s5-tiers{grid-template-columns:1fr;gap:26px}
  .s5-stage{grid-template-columns:1fr}.s5-chat{min-height:0}
  .s5-c2,.s5-care{grid-template-columns:1fr}
  .s5-new{grid-template-columns:1fr}
}
@media (max-width:640px){
  .s5-cat,.s5-care,.s5-tl,.s5-c2{padding:16px;border-radius:18px}
  .s5-sgrid{grid-template-columns:repeat(4,1fr)}
  .s5-ct4,.s5-ex,.s5-bk2,.s5-tl3,.s5-c2r,.s5-inc{grid-template-columns:1fr}
  .s5-c2r{gap:0}
  .s5-tbl{font-size:12px}.s5-tbl th{font-size:12px;padding:10px 4px;top:56px}.s5-tbl th small{font-size:10.5px}
  .s5-tbl td{padding:10px 4px}.s5-tbl td:first-child{padding-left:12px}.s5-cmph{padding:0 12px 14px}
  .s5-g td{padding:14px 12px 6px!important}
  .s5-ck{width:17px;height:17px}.s5-ck:after{left:5.5px;top:3px;width:4px;height:8px}
  .s5-cpn{font-size:40px}
  .s5-ribbon{position:relative;top:auto;right:auto;transform:none;display:inline-flex;width:max-content;padding:7px 14px;border-radius:99px;margin-bottom:14px;font-size:11px}
  .s5-care{display:block}.s5-dash{margin:22px 0 0}
  .s5-seg button{font-size:11px;padding:9px 2px}
  .s5-days i{width:3px;height:3px}.s5-days i.ev{width:9px;height:9px}
  .s5-chips button,.s5-per button{padding:7px 9px;font-size:11.5px}
}
@media (prefers-reduced-motion:reduce){
  .r5s [class*="s5-"],.r5s [class*="s5-"] *{animation:none!important;transition:none!important}
  .s5-pg,.s5-sc{opacity:0}.s5-pg:first-child,.s5-sc3{opacity:1}
  .s5-cart b{transform:none}.s5-ok svg{stroke-dashoffset:0}
  .s5-bdg{opacity:1;transform:translate(-50%,0)}.s5-mail{opacity:1}
  .s5-spark path{stroke-dashoffset:0}.s5-cookie{opacity:1}
}

/* ===== round 114 ===== */
.r5s .s5-chp svg,.r5s .s5-k svg,.r5s .s5-c svg,.r5s .s5-cr svg,.r5s .s5-an svg,.r5s .s5-bkc svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ===== 1. compact tier cards ===== */
.s5-tc .s5-card{padding:14px 18px 16px}
.s5-tc .s5-strip{height:118px;margin:0 0 14px}
.s5-tc .s5-tn{margin:0 0 2px}
.s5-tc .s5-sub{margin:0 0 2px;font-size:12.5px}
.s5-tc .s5-pr{font-size:34px;margin:2px 0 2px}
.s5-tc .s5-term{margin-bottom:12px}
.s5-tc .s5-cb{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;padding:10px 12px;margin-bottom:12px}
.s5-tc .s5-cbh{grid-column:1/-1}
.s5-tc .s5-cbp{margin:0;font-size:17px}
.s5-tc .s5-cbf{justify-self:end;font-size:11px}
.s5-tc .s5-btn{height:44px}
.s5-chips3{display:flex;margin-top:12px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);overflow:hidden}
.s5-pop .s5-chips3{background:rgba(224,160,74,.05);border-color:rgba(224,160,74,.16)}
.s5-chp{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 5px;font:600 11px/1.2 var(--f-body);color:#ddd8d0;white-space:nowrap;min-width:0;cursor:default}
.s5-chp+.s5-chp{border-left:1px solid rgba(255,255,255,.07)}
.s5-chp i{flex:none;width:18px;height:18px;border-radius:6px;background:rgba(224,160,74,.1);color:var(--s5-a);display:grid;place-items:center}
.s5-chp svg{width:12px;height:12px}

/* ===== 2. catalog scene ===== */
.s5-k{background:linear-gradient(160deg,rgba(34,30,26,.82),rgba(14,14,17,.82));border:1px solid var(--s5-bd);border-radius:22px;padding:22px;box-shadow:0 30px 60px -28px #000}
.s5-k-stage{position:relative;display:grid;grid-template-columns:318px minmax(0,1fr);gap:18px;margin-bottom:20px}
.s5-k-chat{border-radius:18px;overflow:hidden;background:#0b141a;border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;box-shadow:0 24px 50px -30px #000;min-width:0}
.s5-k-ch{display:flex;align-items:center;gap:9px;padding:9px 12px 9px 8px;background:#1f2c33}
.s5-k-bk{width:18px;height:18px;color:#aebac1;flex:none}
.s5-k-av{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#F0B562,#a9712c);display:grid;place-items:center;color:#1a1206;flex:none}.s5-k-av svg{width:17px;height:17px}
.s5-k-cht{min-width:0}.s5-k-cht b{display:block;font:600 13px var(--f-body);color:#e9edef}.s5-k-cht small{display:block;font:400 10.5px var(--f-body);color:#8696a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s5-k-chi{margin-left:auto;display:flex;gap:14px;color:#aebac1}.s5-k-chi svg{width:16px;height:16px}
.s5-k-cb{flex:1;position:relative;padding:10px 14px 14px;display:flex;flex-direction:column;gap:7px;background:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1.4px) 0 0/16px 16px,#0b141a}
.s5-k-day{align-self:center;font:500 10px var(--f-body);color:#8696a0;background:#182229;padding:4px 10px;border-radius:7px;margin-bottom:2px}
.s5-k-m{position:relative;max-width:86%;padding:6px 8px 4px 9px;border-radius:9px;font:400 12.5px/1.38 var(--f-body);color:#e9edef;box-shadow:0 1px 1.5px rgba(0,0,0,.3);opacity:0;transform:translateY(12px) scale(.94);transition:opacity .35s ease,transform .55s cubic-bezier(.2,.9,.25,1.15)}
.s5-k-m.on{opacity:1;transform:none}
.s5-k-o{align-self:flex-end;background:#005c4b;border-top-right-radius:2px;transform-origin:100% 0}
.s5-k-o:after{content:"";position:absolute;top:0;right:-7px;border-left:8px solid #005c4b;border-bottom:9px solid transparent}
.s5-k-i{align-self:flex-start;background:#202c33;border-top-left-radius:2px;transform-origin:0 0}
.s5-k-i:after{content:"";position:absolute;top:0;left:-7px;border-right:8px solid #202c33;border-bottom:9px solid transparent}
.s5-k-mt{display:flex;justify-content:flex-end;align-items:center;gap:3px;font:400 9.5px var(--f-body);color:rgba(233,237,239,.6);margin-top:1px}
.s5-k-tk{width:16px;height:10px;stroke:#8696a0!important;stroke-width:1.5!important;transition:stroke .4s}
.s5-k-tk.rd{stroke:#53bdeb!important}
.s5-k-m1{padding:3px 3px 4px}
.s5-k-pg{display:grid;grid-template-columns:1fr 1fr;gap:2px;width:200px;border-radius:7px;overflow:hidden}
.s5-k-pg>span{position:relative;aspect-ratio:1/1}
.s5-k-pg em{position:absolute;inset:0;background:rgba(11,20,26,.55);display:grid;place-items:center;font:600 19px var(--f-body);font-style:normal;color:#fff}
.s5-k-cap{padding:5px 6px 0;max-width:200px}
.s5-k-m1 .s5-k-mt{padding-right:4px}
.s5-k-vo{display:flex;align-items:center;gap:8px;width:214px;padding:3px 0 0}
.s5-k-va{position:relative;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#c9a27a,#7a5236);display:grid;place-items:center;font:700 13px var(--f-body);color:#fff;flex:none}
.s5-k-va i{position:absolute;right:-3px;bottom:-2px;width:16px;height:16px;border-radius:50%;background:#005c4b;display:grid;place-items:center;color:#53bdeb}.s5-k-va svg{width:11px;height:11px}
.s5-k-play{color:#aebac1;flex:none;display:grid}.s5-k-play svg{width:20px;height:20px;fill:currentColor!important;stroke:none!important}
.s5-k-wv{position:relative;flex:1;display:flex;align-items:center;gap:2px;height:28px}
.s5-k-wv i{flex:1;border-radius:2px;background:rgba(233,237,239,.38);height:var(--h);transition:background .15s;transition-delay:calc(var(--i)*50ms)}
.s5-k-wv.pl i{background:#53bdeb}
.s5-k-wv b{position:absolute;left:0;top:50%;width:10px;height:10px;margin:-5px 0 0 -3px;border-radius:50%;background:#53bdeb;box-shadow:0 0 0 3px rgba(83,189,235,.2);transition:transform 1.5s linear}
.s5-k-wv.pl b{transform:translateX(var(--w,150px))}
.s5-k-dur{margin-right:auto;padding-left:44px}
.s5-k-slot{position:relative;align-self:flex-start;min-height:34px}
.s5-k-ty{position:absolute;left:0;top:0;display:flex;gap:4px;background:#202c33;border-radius:9px;border-top-left-radius:2px;padding:11px 13px;opacity:0;transform:scale(.8);transform-origin:0 0;transition:opacity .25s,transform .3s}
.s5-k-ty.on{opacity:1;transform:none}
.s5-k-ty i{width:6px;height:6px;border-radius:50%;background:#8696a0;animation:s5-k-ty 1.1s infinite}.s5-k-ty i:nth-child(2){animation-delay:.15s}.s5-k-ty i:nth-child(3){animation-delay:.3s}
@keyframes s5-k-ty{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.s5-k-m3{max-width:250px}
.s5-k-snd{display:block;font:600 11.5px var(--f-body);color:#F7C987;margin-bottom:1px}
.s5-k-dn{display:flex;align-items:center;gap:5px;font:600 14px var(--f-body);color:#e9edef}
.s5-k-okc{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#25d366;color:#0b141a}
.s5-k-okc svg{width:13px;height:13px;stroke-width:2.8!important;stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .5s .35s}
.s5-k-m3.on .s5-k-okc svg{stroke-dashoffset:0}
.s5-k-sub{font-size:11.5px;color:#aebac1;margin-top:1px}
/* admin */
.s5-k-adm{position:relative;border-radius:18px;background:#121215;border:1px solid rgba(255,255,255,.08);overflow:hidden;display:flex;flex-direction:column;min-width:0;box-shadow:0 24px 50px -30px #000}
.s5-k-ab{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.06);background:#18181b;flex:none}
.s5-k-ab>i{width:7px;height:7px;border-radius:50%;background:#3a3a3f}
.s5-k-url{margin:0 auto;display:flex;align-items:center;gap:5px;font:500 10px var(--f-mono);color:var(--s5-m);background:#0f0f11;padding:4px 14px;border-radius:7px;white-space:nowrap;overflow:hidden;max-width:60%}
.s5-k-url svg{width:10px;height:10px;color:var(--s5-g);flex:none}.s5-k-url em{font-style:normal;color:var(--s5-m2);transition:opacity .2s}
.s5-k-live{display:flex;align-items:center;gap:5px;font:700 8.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--s5-g)}
.s5-k-live b{width:6px;height:6px;border-radius:50%;background:var(--s5-g);animation:s5-live 2s infinite}
.s5-k-bd{flex:1;display:grid;grid-template-columns:50px minmax(0,1fr)}
.s5-k-sd{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 0;background:#141417;border-right:1px solid rgba(255,255,255,.06)}
.s5-k-sd span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#6f6a63}.s5-k-sd span.on{background:rgba(224,160,74,.14);color:var(--s5-a)}
.s5-k-sd svg{width:15px;height:15px}
.s5-k-sd .s5-k-lo{background:linear-gradient(135deg,#F0B562,#a9712c);color:#1a1206;font:800 12px var(--f-display);margin-bottom:6px}
.s5-k-mn{position:relative;padding:12px 14px;display:flex;flex-direction:column;min-width:0}
.s5-k-tb{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.s5-k-tw small{display:block;font:600 8.5px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--s5-m2)}
.s5-k-tt{display:block;font:700 15px var(--f-body);color:var(--s5-t);white-space:nowrap;transition:opacity .2s,transform .2s}
.s5-k-tt.fl{opacity:0;transform:translateY(-5px)}
.s5-k-cnt{font:600 9.5px var(--f-mono);color:var(--s5-m);background:#1d1d21;border:1px solid rgba(255,255,255,.06);padding:3px 8px;border-radius:99px;white-space:nowrap;align-self:flex-end;margin-bottom:1px}
.s5-k-cnt em{font-style:normal;color:var(--s5-t)}
.s5-k-lg{margin-left:auto;position:relative;display:grid;grid-template-columns:repeat(3,34px);background:#0c0c0e;border:1px solid rgba(255,255,255,.07);border-radius:9px;padding:2px}
.s5-k-lg span{position:relative;z-index:1;text-align:center;font:700 9.5px/24px var(--f-mono);color:var(--s5-m2);transition:color .3s}.s5-k-lg span.on{color:#1a1206}
.s5-k-lg b{position:absolute;left:2px;top:2px;width:34px;height:24px;border-radius:7px;background:var(--s5-a);box-shadow:0 0 14px -3px rgba(224,160,74,.8);transition:transform .45s cubic-bezier(.6,0,.2,1)}
.s5-k-add{flex:none;font:700 11px var(--f-body);color:#1a1206;background:linear-gradient(180deg,#F2B865,#DF9C43);border-radius:9px;padding:7px 12px;box-shadow:0 8px 18px -10px rgba(224,160,74,.9);transition:transform .15s,box-shadow .3s;white-space:nowrap}
.s5-k-add.prs{transform:scale(.9);box-shadow:0 0 0 5px rgba(224,160,74,.18)}
.s5-k-gr{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.s5-k-sl{position:relative;border-radius:11px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 6px,transparent 6px 12px);border:1px dashed rgba(255,255,255,.07);min-width:0}
.s5-k-pc{position:relative;background:#1b1b1f;border:1px solid rgba(255,255,255,.07);border-radius:11px;padding:5px;opacity:0;transform:translateY(16px) scale(.88);transition:opacity .4s ease,transform .65s cubic-bezier(.2,.9,.25,1.18),border-color .9s,box-shadow .9s}
.s5-k-pc.on{opacity:1;transform:none}
.s5-k-pc.nu{border-color:rgba(224,160,74,.8);box-shadow:0 0 20px -6px rgba(224,160,74,.8)}
.s5-k-im{position:relative;display:block;aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:radial-gradient(70% 60% at 50% 36%,rgba(255,255,255,.11),transparent 72%),linear-gradient(165deg,var(--tc),rgba(0,0,0,0) 78%),#26231f}
.s5-k-pg .s5-k-im{border-radius:0}
.s5-k-im svg{position:absolute;left:5%;top:5%;width:90%;height:90%}
.r5s .s5-k .s5-k-im svg{fill:none;stroke:none;stroke-width:1}
.s5-k-im:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);transform:translateX(-120%)}
.s5-k-pc.nu .s5-k-im:after{transition:transform .9s ease;transform:translateX(120%)}
.s5-k-nt{position:absolute;left:8px;top:8px;z-index:2;font:800 7px var(--f-mono);letter-spacing:.1em;color:#1a1206;background:var(--s5-al);padding:2px 5px;border-radius:4px;opacity:0;transform:scale(.6);transition:opacity .3s,transform .35s cubic-bezier(.2,.9,.3,1.4)}
.s5-k-pc.nu .s5-k-nt{opacity:1;transform:none}
.s5-k-pn{display:block;font:600 10px/1.25 var(--f-body);color:var(--s5-t);margin:6px 2px 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s,transform .2s}
.s5-k-pn.fl{opacity:0;transform:translateY(-5px)}
.s5-k-pp{display:block;font:700 9.5px var(--f-mono);color:var(--s5-al);margin:0 2px 1px}
.s5-k-ft{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:12px}
.s5-k-ft small{font:600 9px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--s5-m);white-space:nowrap}
.s5-k-n{font:700 15px var(--f-display);color:var(--s5-t);white-space:nowrap}
.s5-k-n em{display:inline-block;font-style:normal;color:var(--s5-al);min-width:2ch;text-align:right}
.s5-k-n em.tk{animation:s5-k-tick .35s}
@keyframes s5-k-tick{0%{transform:translateY(-6px);opacity:.2}100%{transform:none;opacity:1}}
.s5-k-bar{flex:1;height:5px;border-radius:3px;background:#26262b;overflow:hidden;min-width:40px}
.s5-k-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#E0A04A,#F7C987);box-shadow:0 0 10px #E0A04A;transform-origin:0 50%;transform:scaleX(.25);transition:transform .3s}
.s5-k-pl{font:700 8.5px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--s5-a);border:1px solid rgba(224,160,74,.35);border-radius:99px;padding:3px 8px;white-space:nowrap}
.s5-k-up{position:absolute;right:14px;top:50px;z-index:4;display:flex;flex-direction:column;gap:6px;width:180px;background:#1d1d21;border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:9px 11px;box-shadow:0 16px 30px -12px #000;opacity:0;transform:translateY(-6px);transition:opacity .25s,transform .3s}
.s5-k-up.on{opacity:1;transform:none}
.s5-k-up span{display:flex;align-items:center;gap:6px;font:600 10.5px var(--f-body);color:var(--s5-t)}.s5-k-up svg{width:12px;height:12px;color:var(--s5-a)}
.s5-k-up i{display:block;height:4px;border-radius:2px;background:#2b2b30;overflow:hidden}
.s5-k-up b{display:block;height:100%;background:linear-gradient(90deg,#E0A04A,#F7C987);transform-origin:0 50%;transform:scaleX(0)}
.s5-k-up.go b{transform:scaleX(1);transition:transform .6s cubic-bezier(.4,0,.2,1)}
.s5-k-toast{position:absolute;right:14px;bottom:40px;z-index:4;display:flex;align-items:center;gap:9px;background:#11231a;border:1px solid rgba(127,224,166,.35);border-radius:12px;padding:9px 13px 9px 10px;box-shadow:0 18px 34px -14px #000;opacity:0;transform:translateY(12px) scale(.96);transition:opacity .3s,transform .45s cubic-bezier(.2,.9,.25,1.15)}
.s5-k-toast.on{opacity:1;transform:none}
.s5-k-tok{width:24px;height:24px;border-radius:50%;background:rgba(127,224,166,.18);color:var(--s5-g);display:grid;place-items:center}.s5-k-tok svg{width:14px;height:14px;stroke-width:2.6!important}
.s5-k-toast b{display:block;font:700 11.5px var(--f-body);color:var(--s5-t)}.s5-k-toast small{font:500 9px var(--f-mono);color:var(--s5-g)}
.s5-k-cur{position:absolute;left:0;top:0;z-index:8;pointer-events:none;opacity:0;transition-property:transform,opacity;transition-duration:.65s,.3s;transition-timing-function:cubic-bezier(.55,0,.2,1),ease;will-change:transform}
.s5-k-cur.on{opacity:1}
.s5-k-cur svg{display:block;width:17px;height:20px;fill:#fff!important;stroke:#121212!important;stroke-width:1.3!important;filter:drop-shadow(0 3px 4px rgba(0,0,0,.55));transition:transform .12s}
.s5-k-cur.dn svg{transform:scale(.85)}
.s5-k-cur em{position:absolute;left:14px;top:17px;font:700 9px var(--f-body);font-style:normal;color:#1a1206;background:var(--s5-a);padding:3px 7px;border-radius:2px 8px 8px 8px;white-space:nowrap;box-shadow:0 6px 14px -6px rgba(0,0,0,.6)}
.s5-k-cur i{position:absolute;left:-12px;top:-12px;width:26px;height:26px;border-radius:50%;border:2px solid var(--s5-al);opacity:0}
.s5-k-cur.clk i{animation:s5-k-ring .55s ease-out}
@keyframes s5-k-ring{0%{transform:scale(.3);opacity:1}100%{transform:scale(1.6);opacity:0}}
.s5-k-stage.rs .s5-k-m,.s5-k-stage.rs .s5-k-pc,.s5-k-stage.rs .s5-k-cur{opacity:0!important;transition:opacity .45s!important}
.s5-k .s5-ct4{margin-top:0}

/* ===== 3. compare (site look) ===== */
.s5-c{position:relative;background:#1C1C1D;border:1px solid #33302C;border-radius:16px;overflow:hidden}
.s5-c-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:12px 16px;padding:24px 22px 0;flex-wrap:wrap}
.s5-c-hd h4{font:700 24px var(--f-body);color:var(--s5-t);margin:0 0 6px;letter-spacing:-.01em}
.s5-c-sub{font:500 11px var(--f-body);color:var(--s5-m);transition:opacity .2s}
.s5-c-sub b{color:var(--s5-al);font-weight:700}
.s5-c-df{display:flex;align-items:center;gap:9px;font:600 13px var(--f-body);color:var(--s5-t);background:#232325;border:1px solid #33302C;border-radius:99px;padding:6px 8px 6px 7px;cursor:pointer;transition:border-color .3s,background .3s,box-shadow .3s}
.s5-c-df:hover{border-color:rgba(224,160,74,.5)}
.s5-c-dfi{width:24px;height:24px;border-radius:50%;background:rgba(224,160,74,.13);color:var(--s5-a);display:grid;place-items:center;transition:background .3s,color .3s}.s5-c-dfi svg{width:14px;height:14px}
.s5-c-sw{position:relative;width:30px;height:17px;border-radius:9px;background:#3a3a40;transition:background .25s}
.s5-c-sw:after{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:#d6d1c9;transition:transform .3s cubic-bezier(.4,0,.2,1.4),background .25s}
.s5-c-df[aria-pressed="true"]{border-color:rgba(224,160,74,.6);background:rgba(224,160,74,.1);box-shadow:0 0 22px -8px rgba(224,160,74,.6)}
.s5-c-df[aria-pressed="true"] .s5-c-dfi{background:var(--s5-a);color:#1a1206}
.s5-c-df[aria-pressed="true"] .s5-c-sw{background:var(--s5-a)}
.s5-c-df[aria-pressed="true"] .s5-c-sw:after{transform:translateX(13px);background:#1a1206}
.s5-c-wr{position:relative;overflow:hidden;transition:height .5s cubic-bezier(.4,0,.2,1)}
.s5-c:not(.open):not(.dif) .s5-c-wr{max-height:446px}
.s5-c-t{width:100%;border-collapse:separate;border-spacing:0;font-size:14.5px;color:var(--s5-m)}
.s5-c-t th,.s5-c-t td{padding:12px 18px;border-top:1px solid #33302C;text-align:center;vertical-align:middle;transition:background .2s}
.s5-c-t th:first-child,.s5-c-t td:first-child{text-align:left;color:var(--s5-t);width:40%}
.s5-c-t thead th{border-top:0;font:700 16px var(--f-body);color:var(--s5-t);padding:22px 12px 14px}
.s5-c-t thead th small{display:block;font:500 13px var(--f-body);color:var(--s5-m);margin-top:6px}
.s5-c-t thead th.hi{position:relative;color:var(--s5-a);background:linear-gradient(180deg,rgba(224,160,74,.2),rgba(224,160,74,.06));border:1px solid rgba(224,160,74,.55);border-bottom:0;border-radius:14px 14px 0 0;animation:s5-glow 4s ease-in-out infinite}
.s5-c-t thead th.hi small{color:var(--s5-al);opacity:.85}
.s5-c-pop{position:absolute;left:50%;top:-1px;transform:translate(-50%,-50%);font:800 8.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#1a1206;background:var(--s5-a);padding:3px 9px;border-radius:99px;white-space:nowrap;box-shadow:0 4px 14px -4px rgba(224,160,74,.8)}
.s5-c-t thead tr th.hi{top:0}
.s5-c-t td.hi{background:rgba(224,160,74,.05);border-left:1px solid rgba(224,160,74,.4);border-right:1px solid rgba(224,160,74,.4);color:var(--s5-t);font-weight:700}
.s5-c-t tbody tr:last-child td.hi{border-bottom:1px solid rgba(224,160,74,.4);border-radius:0 0 14px 14px}
.s5-c-t tbody{position:relative}
.s5-c-t tr.s5-c-r1 td{background:rgba(255,255,255,.03)}
.s5-c-t tr.s5-c-r1 td.hi{background:rgba(224,160,74,.09)}
.s5-c-t tbody tr:hover td{background:rgba(238,235,230,.05)}
.s5-c-t tbody tr:hover td.hi{background:rgba(224,160,74,.11)}
.s5-c-wr{padding:26px 0 0}
.s5-c-y{display:inline-block;position:relative;width:22px;height:22px;border-radius:50%;background:rgba(224,160,74,.14);vertical-align:middle}
.s5-c-y:after{content:"";position:absolute;left:8px;top:5px;width:4.5px;height:8.5px;border:solid var(--s5-a);border-width:0 1.8px 1.8px 0;transform:rotate(45deg)}
td.hi .s5-c-y{background:rgba(224,160,74,.22);box-shadow:0 0 12px -3px rgba(224,160,74,.55)}
td.hi .s5-c-y:after{border-color:var(--s5-al)}
.s5-c.dif tr.s5-c-nd{display:none}
.s5-c tr.fi td{animation:s5-c-fi .45s ease both}
@keyframes s5-c-fi{from{opacity:0}to{opacity:1}}
.s5-c tr.fl td{animation:s5-c-fl 1.3s ease}
.s5-c tr.fl td:first-child{animation-name:s5-c-fl1}
@keyframes s5-c-fl{0%{background:rgba(224,160,74,.2)}100%{}}
@keyframes s5-c-fl1{0%{background:rgba(224,160,74,.2);box-shadow:inset 3px 0 0 var(--s5-a)}100%{box-shadow:inset 0 0 0 transparent}}
.s5-c.dif .s5-c-t td{color:var(--s5-t)}
.s5-c:after{content:"";position:absolute;left:0;right:0;bottom:0;height:190px;background:linear-gradient(to bottom,rgba(28,28,29,0),#1C1C1D 78%);pointer-events:none;transition:opacity .35s}
.s5-c.open:after,.s5-c.dif:after{opacity:0}
.s5-c-tg{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:2;display:flex;align-items:center;gap:8px;border:1px solid #33302C;background:#1C1C1D;color:var(--s5-t);font:600 14px var(--f-body);padding:9px 14px 9px 18px;border-radius:999px;cursor:pointer;box-shadow:0 12px 28px -14px rgba(0,0,0,.6);transition:border-color .25s,opacity .25s;white-space:nowrap}
.s5-c-tg:hover{border-color:var(--s5-a)}
.s5-c-tg svg{width:16px;height:16px;transition:transform .3s}
.s5-c-cnt{font:600 11.5px var(--f-mono);padding:2px 7px;border-radius:999px;background:#2E261B;color:var(--s5-al)}
.s5-c.open .s5-c-tg{position:relative;left:auto;bottom:auto;transform:none;margin:14px auto 16px}
.s5-c.open .s5-c-tg svg{transform:rotate(180deg)}
.s5-c.open .s5-c-cnt{display:none}
.s5-c.dif .s5-c-tg{display:none}
.s5-c.dif .s5-c-wr{padding-bottom:14px}

/* ===== 4. care ===== */
.s5-cr{position:relative;background:linear-gradient(160deg,rgba(34,30,26,.82),rgba(14,14,17,.82));border:1px solid var(--s5-bd);border-radius:22px;box-shadow:0 30px 60px -28px #000}
.s5-cr:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--s5-ang,0deg),transparent 0 70%,rgba(247,201,135,.6) 80%,transparent 90%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:s5-spin 8s linear infinite;pointer-events:none}
.s5-cr-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:28px;padding:26px}
.s5-cr-h{display:flex;gap:12px;align-items:center;margin-bottom:18px}
.s5-cr-ic{width:44px;height:44px;border-radius:13px;background:rgba(224,160,74,.12);color:var(--s5-a);display:grid;place-items:center;flex:none}.s5-cr-ic svg{width:22px;height:22px}
.s5-cr-h h4{font:500 19px var(--f-body);color:var(--s5-m);margin:0}.s5-cr-h h4 b{color:var(--s5-t)}
.s5-cr-h small{font-size:12.5px;color:var(--s5-m2)}
.s5-cr-ctl{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.s5-cr-chips,.s5-cr-per{position:relative;display:flex;background:#141416;border:1px solid var(--s5-bd);border-radius:99px;padding:3px}
.s5-cr-chips button,.s5-cr-per button{background:none;border:0;color:var(--s5-m);font:700 12px var(--f-body);padding:7px 12px;border-radius:99px;cursor:pointer;transition:background .25s,color .25s;white-space:nowrap}
.s5-cr-chips button.on,.s5-cr-per button.on{background:#323238;color:var(--s5-t)}
.s5-cr-per em{font-style:normal;color:var(--s5-a);font-size:10.5px}
.s5-cr-pr{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.s5-cr-pn{font:800 48px/1.05 var(--f-display);color:var(--s5-t);transition:opacity .2s,transform .2s}.s5-cr-pn.sw{opacity:0;transform:translateY(8px)}
.s5-cr-pu{font:600 15px var(--f-body);color:var(--s5-m)}
.s5-cr-po{font:500 16px var(--f-body);color:var(--s5-m2);transition:opacity .25s}
.s5-cr-po.hd{opacity:0}
.s5-cr-sub{font:500 11.5px var(--f-mono);color:var(--s5-m);margin:4px 0 12px;min-height:16px}.s5-cr-sub b{color:var(--s5-g)}
.s5-cr-gift{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:7px;font:600 12px var(--f-body);color:var(--s5-al);background:rgba(224,160,74,.09);border:1px solid rgba(224,160,74,.32);padding:5px 12px 5px 9px;border-radius:99px;margin-bottom:18px;white-space:nowrap}
.s5-cr-gift svg{width:14px;height:14px;color:var(--s5-a)}
.s5-cr-gift:after{content:"";position:absolute;top:0;bottom:0;width:30px;left:-40px;background:linear-gradient(90deg,transparent,rgba(247,201,135,.35),transparent);transform:skewX(-20deg);animation:s5-shine 5s infinite}
.s5-cr-inc{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:9px 14px}
.s5-cr-inc li{position:relative;padding-left:22px;font-size:13.5px;color:#ddd8d0}
.s5-cr-inc li:before{content:"";position:absolute;left:0;top:2px;width:15px;height:15px;border-radius:50%;background:rgba(224,160,74,.12)}
.s5-cr-inc li:after{content:"";position:absolute;left:5.5px;top:5px;width:3.5px;height:7px;border:solid var(--s5-a);border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}
.s5-cr-d{background:#0f0f11;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:8px;min-width:0;box-shadow:0 20px 40px -24px #000}
.s5-cr-dh{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font:700 12px var(--f-body);color:var(--s5-t);margin-bottom:2px}
.s5-cr-dh span{display:flex;align-items:center;gap:7px}
.s5-cr-dh em{font:500 10px var(--f-mono);color:var(--s5-m2);font-style:normal}
.s5-cr-dh strong{margin-left:auto;font:600 8.5px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--s5-g)}
.s5-cr-live{width:7px;height:7px;border-radius:50%;background:var(--s5-g);animation:s5-live 2s infinite}
.s5-cr-t{background:#17171a;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:10px 12px;min-width:0;position:relative}
.s5-cr-t small{display:block;font:600 8.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--s5-m2)}
.s5-cr-t b{display:block;font:700 15px var(--f-display);color:var(--s5-t);margin:3px 0 2px;white-space:nowrap}
.s5-cr-ur{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:10px}
.s5-cr-ur small{grid-column:1/-1}
.s5-cr-ping{text-align:right;font:500 10px var(--f-mono);color:var(--s5-m)}.s5-cr-ping em{font-style:normal;color:var(--s5-g)}
.s5-cr-hb{height:44px;margin:4px -4px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 84%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 84%,transparent)}
.s5-cr-hb svg,.s5-cr-mini svg{display:block;width:100%;height:100%;overflow:visible}
.s5-cr-hbg{animation:s5-cr-hb 1.8s linear infinite}
@keyframes s5-cr-hb{from{transform:translateX(0)}to{transform:translateX(-100px)}}
.s5-cr [class] .s5-cr-hbl{fill:none;stroke:var(--s5-g);stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.s5-cr [class] .s5-cr-hbw{fill:none;stroke:rgba(127,224,166,.18);stroke-width:6;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.s5-cr-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.s5-cr-bq{display:flex;gap:3px;margin:7px 0 6px;overflow:hidden}
.s5-cr-bq i{flex:0 0 calc((100% - 39px)/14);height:14px;border-radius:3px;background:rgba(127,224,166,.42);transition:flex-basis .4s,margin .4s,opacity .4s}
.s5-cr-bq i.nu{animation:s5-cr-bq .5s cubic-bezier(.2,.9,.3,1.4)}
.s5-cr-bq i.bz{background:rgba(224,160,74,.25);box-shadow:inset 0 0 0 1px var(--s5-a);animation:s5-cr-run .8s ease-in-out infinite alternate}
.s5-cr-bq i.out{flex-basis:0;margin-right:-3px;opacity:0}
@keyframes s5-cr-bq{0%{transform:scale(.2)}100%{transform:none}}
@keyframes s5-cr-run{to{background:rgba(224,160,74,.55)}}
.s5-cr-bs,.s5-cr-ss{display:flex;align-items:center;gap:6px;font:500 10px var(--f-mono);color:var(--s5-m);white-space:nowrap}
.s5-cr-bs i,.s5-cr-ss i{width:11px;height:11px;border-radius:50%;border:2px solid rgba(127,224,166,.25);border-top-color:var(--s5-g);flex:none;opacity:.35}
.s5-cr-bs.bz i,.s5-cr-ss.bz i{opacity:1;animation:s5-rot .8s linear infinite}
.s5-cr-bs em,.s5-cr-ss em{font-style:normal}
.s5-cr-up2{display:block;margin-top:5px;font:500 10px var(--f-mono);color:var(--s5-m2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s5-cr-rh{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.s5-cr-rh span{font:500 10px var(--f-mono);color:var(--s5-m)}
.s5-cr-rh b{display:inline-block;font:700 13px var(--f-display);color:var(--s5-al);margin:0}
.s5-cr-rh b.tk{animation:s5-k-tick .4s}
.s5-cr-seg{display:flex;gap:3px;margin:6px 0 0}.s5-cr-seg i{flex:1;height:4px;border-radius:2px;background:#2b2b30;transition:background .5s}.s5-cr-seg i.on{background:linear-gradient(90deg,#E0A04A,#F7C987)}
.s5-cr-rc{position:relative;overflow:hidden;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;background:#1e1e22;border:1px solid rgba(255,255,255,.06);border-radius:11px;padding:9px 10px 10px;margin-top:9px;opacity:0;transform:translateY(10px);transition:opacity .35s,transform .45s cubic-bezier(.2,.9,.25,1.15),border-color .5s}
.s5-cr-rc.in{opacity:1;transform:none}
.s5-cr-rc.dn{border-color:rgba(127,224,166,.35)}
.s5-cr-wa{width:28px;height:28px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center}.s5-cr-wa svg{width:16px;height:16px;stroke-width:1.6!important}
.s5-cr-rt b{font:600 10.5px var(--f-body);color:var(--s5-m);margin:0}.s5-cr-rt b span{color:var(--s5-t)}
.s5-cr-msg{margin:2px 0 0;font:500 12px/1.35 var(--f-body);color:var(--s5-t);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s5-cr-st{font:800 8.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:99px;white-space:nowrap;transition:background .3s,color .3s}
.s5-cr-st.q0{background:rgba(159,195,255,.14);color:var(--s5-b)}
.s5-cr-st.q1{background:rgba(224,160,74,.16);color:var(--s5-al)}
.s5-cr-st.q2{background:rgba(127,224,166,.16);color:var(--s5-g)}
.s5-cr-pg{position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#E0A04A,#F7C987);transform-origin:0 50%;transform:scaleX(0)}
.s5-cr-pg.go{transform:scaleX(1);transition:transform 2.2s cubic-bezier(.4,0,.6,1)}
.s5-cr-rc.dn .s5-cr-pg{background:var(--s5-g)}
/* fold */
.s5-cr-bar{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px 14px 14px;background:none;border:0;cursor:pointer;color:inherit;text-align:left;font:inherit;border-radius:22px}
.s5-cr-bar .s5-cr-ic{width:40px;height:40px;border-radius:12px}.s5-cr-bar .s5-cr-ic svg{width:20px;height:20px}
.s5-cr-bt{display:flex;align-items:baseline;gap:4px 10px;flex-wrap:wrap;font:500 16px var(--f-body);color:var(--s5-m)}
.s5-cr-bt b{color:var(--s5-t);font-weight:700}
.s5-cr-from{color:var(--s5-t);font-weight:700}
.s5-cr-mini{width:74px;height:22px;flex:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}
.s5-cr-gs{margin:0;font-size:11.5px;padding:4px 10px 4px 8px}
.s5-cr-more{margin-left:auto;display:flex;align-items:center;gap:7px;font:600 13px var(--f-body);color:var(--s5-t);background:#26262a;border:1px solid var(--s5-bd);padding:8px 12px 8px 15px;border-radius:99px;white-space:nowrap;transition:border-color .25s,background .25s}
.s5-cr-bar:hover .s5-cr-more{border-color:rgba(224,160,74,.5)}
.s5-cr-more svg{width:15px;height:15px;transition:transform .35s}
.s5-cr-fold.open .s5-cr-more svg{transform:rotate(180deg)}
.s5-cr-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.4,0,.2,1)}
.s5-cr-fold.open .s5-cr-body{grid-template-rows:1fr}
.s5-cr-bin{overflow:hidden;min-height:0}
.s5-cr-fold .s5-cr-g{border-top:1px solid rgba(255,255,255,.06);margin:0 14px;padding:22px 12px 22px;opacity:0;transform:translateY(-10px);transition:opacity .35s,transform .45s}
.s5-cr-fold.open .s5-cr-g{opacity:1;transform:none;transition-delay:.12s}

/* ===== 5. extras ===== */
.s5-slots{position:relative}
.s5-slots i{transition:background .3s,color .3s,opacity .3s,box-shadow .3s}
.s5-slots i.pk{background:rgba(224,160,74,.25);color:var(--s5-al);box-shadow:0 0 0 1px var(--s5-a)}
.s5-slots i.on{animation:s5-slot 1.4s infinite}
.s5-slots i.tk{opacity:.35;text-decoration:line-through;background:#1c1c20}
.s5-bkc{margin-left:auto;display:flex;align-items:center;gap:5px;font:600 10px var(--f-body);color:var(--s5-g);background:rgba(127,224,166,.1);border:1px solid rgba(127,224,166,.35);padding:4px 9px 4px 6px;border-radius:99px;white-space:nowrap;opacity:0;transform:translateX(8px);transition:opacity .3s,transform .4s cubic-bezier(.2,.9,.3,1.3)}
.s5-bkc.on{opacity:1;transform:none}
.s5-bkc svg{width:12px;height:12px;stroke-width:2.6!important}.s5-bkc b{color:var(--s5-t)}
.s5-rt{fill:none;stroke:#4a8df0;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:.95}
.s5-gm.c .s5-rt{stroke-dashoffset:0;transition:stroke-dashoffset 1.3s .5s cubic-bezier(.5,0,.3,1)}
.s5-me{fill:#4a8df0;stroke:#fff;stroke-width:1.6}
.s5-meh{fill:rgba(74,141,240,.25);transform-origin:40px 40px;animation:s5-meh 2s ease-out infinite}
@keyframes s5-meh{0%{transform:scale(.5);opacity:1}100%{transform:scale(1.8);opacity:0}}
.s5-gmap{transform-origin:50% 30%;animation:s5-pan 14s ease-in-out infinite alternate}
@keyframes s5-pan{from{transform:scale(1)}to{transform:scale(1.06) translateX(-4px)}}
.s5-it.sp{border-color:rgba(255,143,168,.45);background:#2a1c21}
.s5-it.sp b{color:#ff8fa8}
.s5-it.gone{transform:translate(70%,-30px) scale(.4)!important;opacity:0!important;transition:transform .6s cubic-bezier(.5,0,.8,.4),opacity .55s!important}
/* analytics card */
.s5-an{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:22px;margin-top:16px;background:radial-gradient(90% 120% at 100% 0%,rgba(127,224,166,.06),transparent 55%),#1c1c1d;border:1px solid var(--s5-bd);border-radius:20px;padding:20px;overflow:hidden}
.s5-an-tx{display:flex;flex-direction:column;min-width:0}
.s5-an-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.s5-an-ic{width:42px;height:42px;border-radius:12px;background:linear-gradient(160deg,#E0A04A,#a8702c);color:#1a1206;display:grid;place-items:center;box-shadow:0 8px 20px -8px rgba(224,160,74,.8)}.s5-an-ic svg{width:20px;height:20px;stroke-width:2.2!important}
.s5-an .s5-nb{position:static}
.s5-an h4{font:700 18px var(--f-body);color:var(--s5-t);margin:0 0 8px}
.s5-an p{font-size:13px;line-height:1.5;color:var(--s5-m);margin:0 0 12px}
.s5-an-li{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.s5-an-li li{font:600 11.5px var(--f-body);color:#ddd8d0;background:#26262a;border:1px solid var(--s5-bd);border-radius:99px;padding:4px 10px}
.s5-an .s5-an-nt{font-size:12px;color:var(--s5-m2);padding-left:10px;border-left:2px solid rgba(127,224,166,.4)}
.s5-an-sc{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:12px;min-width:0;align-items:stretch;align-self:center}
.s5-an-br{position:relative;border-radius:14px;background:#0e0e10;border:1px solid rgba(255,255,255,.08);overflow:hidden;min-height:230px}
.s5-an-bb{display:flex;align-items:center;gap:4px;height:24px;padding:0 9px;border-bottom:1px solid rgba(255,255,255,.06);background:#161618}
.s5-an-bb i{width:6px;height:6px;border-radius:50%;background:#3a3a3f}
.s5-an-bb span{margin:0 auto;font:500 9px var(--f-mono);color:var(--s5-m2);background:#0e0e10;padding:2px 12px;border-radius:5px;transform:translateX(-10px)}
.s5-an-pg{padding:10px 12px;transition:filter .5s,opacity .5s}
.s5-an-br.dim .s5-an-pg{opacity:.45;filter:blur(1px)}
.s5-an-nv{display:flex;align-items:center;gap:7px;margin-bottom:9px}.s5-an-nv b{width:12px;height:12px;border-radius:4px;background:var(--s5-a);margin-right:auto}.s5-an-nv i{width:22px;height:4px;border-radius:2px;background:rgba(255,255,255,.14)}
.s5-an-hero{border-radius:9px;padding:12px;background:radial-gradient(80% 120% at 85% 20%,rgba(224,160,74,.4),transparent 60%),linear-gradient(135deg,#2a241c,#151517);margin-bottom:9px}
.s5-an-hero i{display:block;height:6px;border-radius:3px;background:rgba(255,255,255,.5);margin-bottom:5px}.s5-an-hero i.s{height:4px;background:rgba(255,255,255,.18)}
.s5-an-hero span{display:inline-block;margin-top:4px;font:700 8px var(--f-body);color:#1a1206;background:var(--s5-al);padding:3px 8px;border-radius:5px}
.s5-an-c3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.s5-an-c3 i{height:36px;border-radius:7px;background:#1b1b1f;border:1px solid rgba(255,255,255,.05)}
.s5-an-ck{position:absolute;left:8px;right:8px;bottom:8px;z-index:2;display:flex;flex-direction:column;gap:8px;background:#f4f0ea;border-radius:11px;padding:10px 11px;box-shadow:0 18px 34px -10px #000;transform:translateY(130%);transition:transform .55s cubic-bezier(.2,.9,.25,1.05)}
.s5-an-ck.on{transform:none}
.s5-an-ckt b{display:block;font:700 10.5px var(--f-body);color:#1d1b18}.s5-an-ckt small{font:500 9px/1.3 var(--f-body);color:#6b645b}
.s5-an-ckb{display:flex;gap:6px;justify-content:flex-end}
.s5-an-ckb span{font:700 9.5px var(--f-body);padding:5px 12px;border-radius:7px;border:1px solid #d6cfc4;color:#1d1b18;transition:transform .12s}
.s5-an-ckb .s5-an-b1{background:#1d1b18;border-color:#1d1b18;color:#fff}
.s5-an-b1.prs{transform:scale(.9)}
.s5-an-ok{position:absolute;left:50%;top:40%;z-index:3;display:flex;align-items:center;gap:6px;font:700 10.5px var(--f-body);color:var(--s5-g);background:#11231a;border:1px solid rgba(127,224,166,.4);padding:6px 12px 6px 9px;border-radius:99px;opacity:0;transform:translate(-50%,8px) scale(.9);transition:opacity .3s,transform .4s cubic-bezier(.2,.9,.3,1.3);white-space:nowrap}
.s5-an-ok.on{opacity:1;transform:translate(-50%,0)}
.s5-an-ok svg{width:12px;height:12px;stroke-width:2.6!important}
.s5-an-cur{position:absolute;left:0;top:0;z-index:4;opacity:0;transition:transform .7s cubic-bezier(.55,0,.2,1),opacity .3s;pointer-events:none}
.s5-an-cur.on{opacity:1}
.s5-an-cur svg{display:block;width:15px;height:18px;fill:#fff!important;stroke:#121212!important;stroke-width:1.3!important;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}
.s5-an-ga{display:flex;flex-direction:column;border-radius:14px;background:#121214;border:1px solid rgba(255,255,255,.08);padding:12px;min-width:0;transition:opacity .5s,filter .5s}
.s5-an-ga.dim{opacity:.5;filter:grayscale(1)}
.s5-an-gh{display:flex;align-items:center;gap:7px;margin-bottom:10px;flex-wrap:wrap}
.s5-an-gl{display:flex;align-items:flex-end;gap:2px;height:13px}.s5-an-gl i{width:3.5px;border-radius:1px;background:#f9ab00}.s5-an-gl i:nth-child(1){height:6px}.s5-an-gl i:nth-child(2){height:10px;background:#e37400}.s5-an-gl i:nth-child(3){height:13px;background:#e8710a}
.s5-an-gh b{font:700 12px var(--f-body);color:var(--s5-t)}.s5-an-gh em{font:500 9px var(--f-mono);font-style:normal;color:var(--s5-m2)}
.s5-an-st{margin-left:auto;font:700 8px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--s5-m2);display:flex;align-items:center;gap:5px;white-space:nowrap}
.s5-an-st:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.s5-an-st.live{color:var(--s5-g)}.s5-an-st.live:before{animation:s5-live 2s infinite}
.s5-an-kp{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}
.s5-an-kp div{background:#19191c;border:1px solid rgba(255,255,255,.05);border-radius:9px;padding:6px 8px;min-width:0}
.s5-an-kp small{display:block;font:600 8px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--s5-m2)}
.s5-an-kp b{display:block;font:700 15px var(--f-display);color:var(--s5-t)}
.s5-an-kp b.tk{animation:s5-k-tick .35s}
.s5-an-ch{width:100%;height:52px;display:block}
.s5-an [class] .s5-an-ln{fill:none;stroke:var(--s5-g);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.s5-an-ch{clip-path:inset(0 100% 0 0)}
.s5-an-ga.go .s5-an-ch{clip-path:inset(0 0 0 0);transition:clip-path 1.4s cubic-bezier(.4,0,.2,1)}
.s5-an [class] .s5-an-ar{fill:rgba(127,224,166,.1);stroke:none;opacity:0;transition:opacity .8s .6s}
.s5-an-ga.go .s5-an-ar{opacity:1}
.s5-an-ev{display:flex;flex-direction:column;gap:5px;margin-top:8px}
.s5-an-ev span{display:flex;align-items:center;gap:6px;font:600 9.5px var(--f-mono);color:var(--s5-t);background:#19191c;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:5px 8px;opacity:0;transform:translateX(10px);transition:opacity .3s,transform .4s cubic-bezier(.2,.9,.3,1.3),border-color .8s}
.s5-an-ev span.on{opacity:1;transform:none;border-color:rgba(127,224,166,.3)}
.s5-an-ev i{width:6px;height:6px;border-radius:50%;background:var(--s5-g);box-shadow:0 0 6px var(--s5-g)}
.s5-an-ev em{margin-left:auto;font-style:normal;color:var(--s5-m2);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ===== responsive ===== */
@media (max-width:1100px){.s5-an{grid-template-columns:1fr}}
@media (max-width:900px){
  .s5-k-stage{grid-template-columns:1fr}
  .s5-cr-g{grid-template-columns:1fr}
  .s5-cr-gs,.s5-cr-mini{display:none}
}
@media (max-width:640px){
  .s5-k{padding:14px;border-radius:18px}
  .s5-k-bd{grid-template-columns:1fr}.s5-k-sd{display:none}
  .s5-k-tb{flex-wrap:wrap;gap:8px}
  .s5-k-tw{flex:1 1 auto}
  .s5-k-lg{margin-left:0}
  .s5-k-add{margin-left:auto}
  .s5-k-gr{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .s5-k-pn{font-size:8.5px}.s5-k-pp{font-size:8.5px}
  .s5-k-mn{padding:10px}
  .s5-k-pl{display:none}
  .s5-k-up{top:96px}
  .s5-k-cur em{display:none}
  .s5-k-pg{width:180px}
  .s5-chp{flex:1 1 0;flex-direction:column;gap:5px;padding:9px 4px 8px;font-size:11px;white-space:normal;text-align:center}.s5-chp i{width:22px;height:22px}
  .s5-c-hd{padding:18px 12px 6px}.s5-c-hd h4{font-size:20px}
  .s5-c-t{font-size:12px;table-layout:fixed}
  .s5-c-t th,.s5-c-t td{padding:10px 4px}
  .s5-c-t th:first-child,.s5-c-t td:first-child{padding-left:12px;width:34%}
  .s5-c-t thead th{font-size:11.5px;padding:18px 3px 10px;line-height:1.2}
  .s5-c-t thead th small{font-size:11px}
  .s5-c-pop{font-size:7px;padding:2px 6px}
  .s5-c-y{width:18px;height:18px}.s5-c-y:after{left:6.3px;top:3.6px;width:4px;height:7.5px}
  .s5-c-tg{font-size:13px}
  .s5-cr-g{padding:18px 16px;gap:22px}
  .s5-cr-fold .s5-cr-g{margin:0 10px;padding:18px 6px}
  .s5-cr-pn{font-size:40px}
  .s5-cr-inc{grid-template-columns:1fr}
  .s5-cr-chips button,.s5-cr-per button{padding:7px 9px;font-size:11.5px}
  .s5-cr-two{grid-template-columns:1fr}
  .s5-cr-dh strong{margin-left:0;width:100%}
  .s5-cr-bar{gap:10px;padding:12px}
  .s5-cr-bar .s5-cr-ic{width:34px;height:34px}
  .s5-cr-bt{font-size:14px;flex-direction:column;gap:1px}
  .s5-cr-more{padding:7px 10px}.s5-cr-ml{display:none}
  .s5-an{padding:16px}
  .s5-an-sc{grid-template-columns:1fr}
  .s5-slots{gap:5px}
}
@media (prefers-reduced-motion:reduce){
  .s5-an-ch{clip-path:none}
  .s5-an-ck{transform:none}
}

.s5-an-src{margin-top:10px}
.s5-an-src small{display:block;font:600 8px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--s5-m2);margin-bottom:5px}
.s5-an-sb{display:flex;gap:2px;height:6px;border-radius:3px;overflow:hidden;background:#1e1e22}
.s5-an-sb i{width:0;transition:width 1s cubic-bezier(.4,0,.2,1)}
.s5-an-sb i:nth-child(1),.s5-an-sl em:nth-child(1) b{background:#7fe0a6}.s5-an-sb i:nth-child(2),.s5-an-sl em:nth-child(2) b{background:#9fc3ff}.s5-an-sb i:nth-child(3),.s5-an-sl em:nth-child(3) b{background:#F7C987}
.s5-an-ga.go .s5-an-sb i{width:var(--w)}
.s5-an-ga.go .s5-an-sb i:nth-child(2){transition-delay:.15s}.s5-an-ga.go .s5-an-sb i:nth-child(3){transition-delay:.3s}
.s5-an-sl{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:6px}
.s5-an-sl em{display:flex;align-items:center;gap:4px;font:500 9px var(--f-mono);font-style:normal;color:var(--s5-m)}
.s5-an-sl b{width:6px;height:6px;border-radius:2px}
@media (prefers-reduced-motion:reduce){.s5-an-sb i{width:var(--w)}}


/* ===== r116: closed bar variants ===== */
.c6-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 14px 14px 14px;border-radius:22px}
.c6-bar .s5-cr-ic{width:42px;height:42px;border-radius:13px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.01)),#17171a;border:1px solid rgba(224,160,74,.55);color:#F7C987;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 22px -12px rgba(224,160,74,.6)}
.c6-bar .s5-cr-ic svg{width:20px;height:20px;stroke-width:1.7}
.c6-t{min-width:0}
.c6-t b{display:block;font:700 16px var(--f-body);color:var(--s5-t)}
.c6-t b em{font-style:normal;font-weight:500;color:var(--s5-m)}
.c6-t small{display:block;margin-top:3px;font:500 12.5px var(--f-body);color:#d9c3a0}
.c6-r{display:flex;align-items:center;gap:0}
.c6-r>*{padding:0 18px}
.c6-r>*+*{border-left:1px solid rgba(255,255,255,.08)}
.c6-r>.c6-more{margin-left:18px;padding:9px 13px 9px 17px;border-left:1px solid var(--s5-bd)}
.c6-r>.c6-mid:empty{display:none}
.c6-r>.c6-mid:empty+*{border-left:0}
.c6-p{display:flex;align-items:baseline;gap:4px;white-space:nowrap}
.c6-p small{font:500 12.5px var(--f-body);color:var(--s5-m)}
.c6-p b{font:800 24px var(--f-display);color:var(--s5-t);letter-spacing:-.01em}
.c6-more{background:#26262a;border:1px solid rgba(255,255,255,.1)!important;transition:border-color .3s,background .3s,box-shadow .3s}
.c6-bar:hover .c6-more{border-color:rgba(224,160,74,.6)!important;background:#2c2a27;box-shadow:0 0 22px -8px rgba(224,160,74,.55)}
.c6-icons{display:flex;gap:6px}
.c6-icons i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:#8d877e;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.05);transition:color .3s,border-color .3s}
.c6-icons svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.c6-bar:hover .c6-icons i{color:#c9b28e;border-color:rgba(224,160,74,.2)}
.c6-st{display:flex;align-items:center;gap:8px;font:500 12.5px var(--f-body);color:rgba(127,224,166,.8);white-space:nowrap}
.c6-st i{width:7px;height:7px;border-radius:50%;background:#7fe0a6;box-shadow:0 0 0 0 rgba(127,224,166,.5);animation:s5-live 2.6s infinite}
.c6-shine:after{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;border-radius:22px;background:linear-gradient(90deg,transparent,rgba(247,201,135,.85),transparent) 0 0/30% 100% no-repeat;animation:c6-sh 7s ease-in-out infinite;pointer-events:none}
@keyframes c6-sh{0%,55%{background-position:-40% 0;opacity:0}60%{opacity:1}95%{opacity:1}100%{background-position:140% 0;opacity:0}}
.c6.open .c6-more{background:#2a2a2e}
@media (max-width:900px){.c6-mid{display:none!important}.c6-r>.c6-p{border-left:0}}
@media (max-width:640px){.c6-bar{grid-template-columns:auto minmax(0,1fr);gap:12px}.c6-r{grid-column:1/-1;justify-content:space-between}.c6-r>*{padding:0}.c6-r>.c6-more{margin-left:auto}.c6-t b{font-size:14.5px}.c6-bar .s5-cr-ml{display:inline}.c6-p b{font-size:21px}}
@media (prefers-reduced-motion:reduce){.c6-shine:after{display:none}}

.c6-chips{display:flex;gap:6px}
.c6-chips span{display:inline-flex;align-items:center;gap:6px;font:600 11px var(--f-body);color:#c9c3ba;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:99px;padding:4px 10px 4px 7px;white-space:nowrap}
.c6-chips i{position:relative;width:12px;height:12px;border-radius:50%;background:rgba(127,224,166,.16)}
.c6-chips i:after{content:"";position:absolute;left:4.3px;top:2.4px;width:2.6px;height:5px;border:solid #7fe0a6;border-width:0 1.4px 1.4px 0;transform:rotate(45deg)}
.c6-shine{box-shadow:0 0 0 1px rgba(224,160,74,.1),0 30px 60px -28px #000}
.c6-icons i{transition:color .35s,border-color .35s,background .35s,box-shadow .35s;transition-delay:var(--d,0ms)}
.c6-bar:hover .c6-icons i{color:#F7C987;border-color:rgba(224,160,74,.45);background:rgba(224,160,74,.1);box-shadow:0 0 14px -4px rgba(224,160,74,.6)}
@media (max-width:1180px){.c6-chips span:nth-child(n+3){display:none}}

/* ===== r115 sites: site-specific layer ===== */
.r5s .s5-chp svg,.r5s .s5-df svg,.r5s .s5-bki svg,.r5s .s5-an-ic svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* --- tier cards: refined (r116) --- */
.s5-tc .tier.s5-t{background:radial-gradient(120% 70% at 0% 0%,rgba(224,160,74,.07),transparent 55%),linear-gradient(160deg,rgba(34,30,26,.86),rgba(14,14,17,.86));border-color:rgba(255,255,255,.08);box-shadow:0 30px 60px -34px rgba(0,0,0,.9);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .45s}
.s5-tc .tier.s5-t.tier--hi{background:radial-gradient(120% 70% at 0% 0%,rgba(224,160,74,.16),transparent 55%),linear-gradient(160deg,rgba(64,47,27,.95),rgba(21,19,17,.96));border-color:rgba(224,160,74,.32)}
.s5-tc .tier.s5-t .t-name{letter-spacing:-.005em}
.s5-tc .tier.s5-t .t-price{letter-spacing:-.015em}
.s5-tc .tier.s5-t .t-feat li{line-height:1.35}
:root:not([data-theme="light"]) .s5-tc .tier.s5-t .kc-care{background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.05)}
:root:not([data-theme="light"]) .s5-tc .tier.s5-t.tier--hi .kc-care{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.07)}
.s5-tc .tier.s5-t:hover{transform:translateY(-6px);border-color:rgba(224,160,74,.5);box-shadow:0 0 0 1px rgba(224,160,74,.16),0 30px 60px -28px rgba(224,160,74,.38),0 34px 64px -32px rgba(0,0,0,.8)}
.s5-tc .tier.s5-t.tier--hi:hover{border-color:rgba(247,201,135,.75);box-shadow:0 0 0 1px rgba(247,201,135,.4),0 0 56px -8px rgba(224,160,74,.5),0 36px 72px -28px rgba(224,160,74,.5)}
:root[data-theme="light"] .s5-tc .tier.s5-t:not(.tier--hi){background:radial-gradient(120% 70% at 0% 0%,rgba(224,160,74,.1),transparent 55%),linear-gradient(160deg,#F8F1E8,#EDE1D3);border-color:var(--line);box-shadow:0 24px 50px -34px rgba(90,55,30,.45)}
:root[data-theme="light"] .s5-tc .tier.s5-t:not(.tier--hi):hover{border-color:rgba(168,100,31,.45);box-shadow:0 0 0 1px rgba(224,160,74,.2),0 28px 56px -28px rgba(168,100,31,.45)}
:root[data-theme="light"] .s5-tc .tier.s5-t.tier--hi:hover{box-shadow:0 0 0 1px rgba(224,160,74,.45),0 0 50px -10px rgba(224,160,74,.55),0 36px 70px -30px rgba(60,30,10,.7)!important}
@media (prefers-reduced-motion:reduce){.s5-tc .tier.s5-t:hover{transform:none}}

/* --- catalog --- */
.s5-k{background:linear-gradient(160deg,rgba(34,30,26,.82),rgba(14,14,17,.82));border:1px solid var(--line);border-radius:22px;padding:20px;margin:18px 0 18px;box-shadow:0 30px 60px -28px rgba(0,0,0,.8)}
.s5-k .s5-k-stage{margin:0}
:root[data-theme="light"] .s5-k{background:var(--surface);box-shadow:var(--shadow)}
.s5-ct4 .tier.s5-cc{padding:16px 16px 16px;gap:10px;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s}
.s5-ct4 .tier.s5-cc:hover{transform:translateY(-4px);border-color:rgba(224,160,74,.5);box-shadow:0 26px 50px -26px rgba(224,160,74,.4)}
.s5-cc .t-name{margin:0}
.s5-cp{font:800 28px/1.1 var(--f-display);white-space:nowrap}
.s5-cp small{font:500 12px var(--f-body);opacity:.65;margin-left:4px}.s5-cp s{font:400 12px var(--f-body);opacity:.45;margin-left:4px}
.s5-cv{background:var(--bg);border-radius:10px;padding:8px 10px}
.tier--hi .s5-cv{background:rgba(255,255,255,.07)}
.s5-cv span{display:block;font:600 9.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;opacity:.6}
.s5-cv b{font:700 14px var(--f-body)}
.s5-cm span{display:block;height:4px;border-radius:2px;background:color-mix(in srgb,var(--fg) 12%,transparent);overflow:hidden}
.tier--hi .s5-cm span{background:rgba(255,255,255,.14)}
.s5-cm i{display:block;height:100%;border-radius:2px;background:rgba(224,160,74,.8);transition:width .3s}
.s5-cm.s5-mmlive i{background:linear-gradient(90deg,#E0A04A,#F7C987);box-shadow:0 0 8px #E0A04A}
.s5-cm small{display:block;margin-top:5px;font:500 10px var(--f-mono);opacity:.65}.s5-cm em{font-style:normal;color:#E0A04A;font-weight:700}
.s5-cg{display:inline-flex;align-items:center;gap:6px;font-size:12px;opacity:.75}.s5-cg svg{color:var(--leaf);flex:none}.tier--hi .s5-cg svg{color:#F0C27E}
.s5-cc .btn{margin-top:auto}

/* --- comparison --- */
.s5-cmp .cmp caption{position:relative}
.s5-df{position:absolute;right:22px;top:24px;display:inline-flex;align-items:center;gap:9px;font:600 13px var(--f-body);color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:6px 8px 6px 7px;cursor:pointer;transition:border-color .3s,background .3s,box-shadow .3s}
.s5-df:hover{border-color:rgba(224,160,74,.55)}
.s5-dfi{width:24px;height:24px;border-radius:50%;background:rgba(224,160,74,.14);color:#E0A04A;display:grid;place-items:center;transition:background .3s,color .3s}.s5-dfi svg{width:14px;height:14px}
.s5-sw{position:relative;width:30px;height:17px;border-radius:9px;background:color-mix(in srgb,var(--fg) 22%,transparent);transition:background .25s}
.s5-sw:after{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:#fff;transition:transform .3s cubic-bezier(.4,0,.2,1.4)}
.s5-df[aria-pressed="true"]{border-color:rgba(224,160,74,.65);background:rgba(224,160,74,.1);box-shadow:0 0 22px -8px rgba(224,160,74,.6)}
.s5-df[aria-pressed="true"] .s5-dfi{background:#E0A04A;color:#1a1206}
.s5-df[aria-pressed="true"] .s5-sw{background:#E0A04A}
.s5-df[aria-pressed="true"] .s5-sw:after{transform:translateX(13px);background:#1a1206}
.s5-cmp .cmp .cap-s b{color:var(--leaf)}
.s5-cmp .cmp thead th.hi{position:relative;border-radius:14px 14px 0 0}
.s5-cmp .cmp thead th.hi::before{display:none!important}
.s5-cmp .cmp thead th.hi::after{content:"";position:absolute;inset:0 0 -1px;border:1px solid rgba(224,160,74,.6);border-bottom:0;border-radius:14px 14px 0 0;pointer-events:none;animation:s5-cglow 4s ease-in-out infinite}
@keyframes s5-cglow{0%,100%{box-shadow:0 -6px 22px -10px rgba(224,160,74,.35)}50%{box-shadow:0 -8px 32px -6px rgba(224,160,74,.65)}}
.s5-pop{position:absolute;left:50%;top:-1px;transform:translate(-50%,-50%);font:800 8.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#1a1206;background:#E0A04A;padding:3px 9px;border-radius:99px;white-space:nowrap;box-shadow:0 4px 14px -4px rgba(224,160,74,.8);z-index:2}
.s5-cmp .cmp-wrap{padding-top:8px}
.s5-cmp.s5-dif tr.s5-same{display:none!important}
.s5-cmp.s5-fit .cmp-wrap{max-height:none!important;padding-bottom:14px}
.s5-cmp.s5-fit::after{opacity:0!important;height:0!important}
.s5-cmp.s5-fit .cmp-toggle{display:none!important}
.s5-cmp tr.s5-fl td{animation:s5-fl 1.3s ease}
@keyframes s5-fl{0%{background:rgba(224,160,74,.2)}100%{}}
@media (max-width:760px){.s5-df{position:relative;right:auto;top:auto;margin-top:12px;display:flex;width:max-content}}

/* --- extras --- */
#x-grid.s5-on{display:block!important}
.s5-exw{min-width:0}
.s5-ex .s5-bko{text-decoration:none;color:inherit;transition:border-color .3s,transform .3s}
.s5-ex .s5-bko:hover{border-color:rgba(224,160,74,.55);transform:translateY(-2px)}
a.s5-arr{text-decoration:none;transition:background .25s,color .25s}
a.s5-arr:hover{background:#E0A04A;color:#1a1206}
.s5-xc,.s5-an,.s5-bk1{transition:border-color .35s,box-shadow .35s,transform .35s}
.s5-xc:hover,.s5-an:hover{border-color:rgba(224,160,74,.4);box-shadow:0 24px 50px -28px rgba(224,160,74,.35)}
.r5s .s5-bki,.r5s .s5-an-ic{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.01)),#17171a;border:1px solid rgba(224,160,74,.6);color:#F7C987;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 4px rgba(224,160,74,.06),0 10px 26px -12px rgba(224,160,74,.55)}
.r5s .s5-bki svg,.r5s .s5-an-ic svg{stroke-width:1.7!important}
:root[data-theme="light"] .r5s .s5-bki,:root[data-theme="light"] .r5s .s5-an-ic{background:linear-gradient(160deg,#fffaf3,#f3e7d8);border-color:rgba(168,100,31,.55);color:#A8641F;box-shadow:inset 0 1px 0 #fff,0 0 0 4px rgba(168,100,31,.06),0 10px 24px -14px rgba(120,70,20,.45)}
:root[data-theme="light"] .s5-bk1{background:radial-gradient(120% 80% at 0% 0%,rgba(224,160,74,.14),transparent 50%),var(--surface);border-color:rgba(168,100,31,.35)}
:root[data-theme="light"] .s5-xc,:root[data-theme="light"] .s5-an{background:var(--surface);border-color:var(--line)}
:root[data-theme="light"] .s5-an{background:radial-gradient(90% 120% at 100% 0%,rgba(127,224,166,.1),transparent 55%),var(--surface)}
:root[data-theme="light"] .s5-bko{background:color-mix(in srgb,#fff 45%,transparent);border-color:var(--line)}
:root[data-theme="light"] .s5-bkoa{background:linear-gradient(160deg,rgba(224,160,74,.16),transparent);border-color:rgba(168,100,31,.4)}
:root[data-theme="light"] .r5s .s5-bkh h4,:root[data-theme="light"] .r5s .s5-xb h4,:root[data-theme="light"] .r5s .s5-an h4,:root[data-theme="light"] .r5s .s5-bko b,:root[data-theme="light"] .r5s .s5-exf strong{color:var(--fg)}
:root[data-theme="light"] .r5s .s5-bkh small,:root[data-theme="light"] .r5s .s5-bko p,:root[data-theme="light"] .r5s .s5-xb p,:root[data-theme="light"] .r5s .s5-an p,:root[data-theme="light"] .r5s .s5-exf span{color:var(--muted)}
:root[data-theme="light"] .r5s .s5-bko small{color:var(--chip-fg)}
:root[data-theme="light"] .r5s .s5-exf{border-top-color:var(--line)}
:root[data-theme="light"] .r5s .s5-arr{background:var(--chip);color:var(--chip-fg)}
:root[data-theme="light"] .r5s .s5-an-li li{background:var(--chip);border-color:transparent;color:var(--chip-fg)}
:root[data-theme="light"] .r5s .s5-nb{color:#2f8a57;border-color:rgba(47,138,87,.45)}
:root[data-theme="light"] .r5s .s5-an .s5-an-nt{color:var(--muted);border-left-color:rgba(47,138,87,.5)}
:root[data-theme="light"] .r5s .s5-slots{background:var(--tint)}
:root[data-theme="light"] .r5s .s5-slots span{color:var(--fg)}
:root[data-theme="light"] .r5s .s5-slots i{background:color-mix(in srgb,#fff 55%,transparent);color:var(--muted)}
:root[data-theme="light"] .r5s .s5-slots i.on{background:#E0A04A;color:#1a1206}
:root[data-theme="light"] .r5s .s5-slots i.tk{background:transparent}
:root[data-theme="light"] .r5s .s5-bkc{background:rgba(47,138,87,.1);color:#2f8a57;border-color:rgba(47,138,87,.35)}
:root[data-theme="light"] .r5s .s5-bkc b{color:var(--fg)}
:root[data-theme="light"] .r5s .s5-gm,:root[data-theme="light"] .r5s .s5-ib{border-bottom-color:var(--line)}
.r5s a.s5-arr{color:#EEEBE6}
:root[data-theme="light"] .r5s a.s5-arr{color:var(--chip-fg)}
.s5-cmp .cmp-toggle{white-space:nowrap}
.s5-cmp .cmp thead th.hi{box-shadow:none!important;background-clip:padding-box}

/* --- care (r117): care116-c bar + open panel --- */
#care-sites .s5-cr,#care-shops .s5-cr{margin-top:14px}
.s5-cr .c6-icons svg{width:13px;height:13px}
:root[data-theme="light"] .s5-cr{background:radial-gradient(120% 80% at 0% 0%,rgba(224,160,74,.12),transparent 55%),linear-gradient(160deg,#F8F1E8,#EDE1D3);border-color:var(--line);box-shadow:0 24px 50px -34px rgba(90,55,30,.45)}
:root[data-theme="light"] .s5-cr .c6-t b{color:var(--fg)}
:root[data-theme="light"] .s5-cr .c6-t b em{color:var(--muted)}
:root[data-theme="light"] .s5-cr .c6-t small{color:#A8641F}
:root[data-theme="light"] .s5-cr .c6-p b{color:var(--fg)}
:root[data-theme="light"] .s5-cr .c6-p small{color:var(--muted)}
:root[data-theme="light"] .s5-cr .c6-r>*+*{border-left-color:var(--line)}
:root[data-theme="light"] .s5-cr .c6-more{background:rgba(255,255,255,.55);color:var(--fg);border-color:var(--line)!important}
:root[data-theme="light"] .s5-cr .c6-bar:hover .c6-more{background:#fff;border-color:rgba(168,100,31,.5)!important}
:root[data-theme="light"] .s5-cr.open .c6-more{background:rgba(255,255,255,.7)}
:root[data-theme="light"] .s5-cr .c6-icons i{color:#9a8574;background:rgba(255,255,255,.5);border-color:var(--line)}
:root[data-theme="light"] .s5-cr .c6-bar:hover .c6-icons i{color:#A8641F;background:rgba(224,160,74,.14);border-color:rgba(168,100,31,.4)}
:root[data-theme="light"] .s5-cr .c6-bar .s5-cr-ic{background:linear-gradient(160deg,#fffaf3,#f3e7d8);border-color:rgba(168,100,31,.55);color:#A8641F;box-shadow:inset 0 1px 0 #fff,0 10px 24px -14px rgba(120,70,20,.45)}
:root[data-theme="light"] .s5-cr-fold .s5-cr-g{border-top-color:var(--line)}
:root[data-theme="light"] .s5-cr-chips,:root[data-theme="light"] .s5-cr-per{background:rgba(255,255,255,.55);border-color:var(--line)}
:root[data-theme="light"] .s5-cr-chips button,:root[data-theme="light"] .s5-cr-per button{color:var(--muted)}
:root[data-theme="light"] .s5-cr-chips button.on,:root[data-theme="light"] .s5-cr-per button.on{background:var(--fg);color:#fff}
:root[data-theme="light"] .s5-cr-per em{color:#A8641F}
:root[data-theme="light"] .s5-cr-per button.on em{color:#F7C987}
:root[data-theme="light"] .s5-cr-pn{color:var(--fg)}
:root[data-theme="light"] .s5-cr-pu,:root[data-theme="light"] .s5-cr-po,:root[data-theme="light"] .s5-cr-sub{color:var(--muted)}
:root[data-theme="light"] .s5-cr-sub b{color:#2f8a57}
:root[data-theme="light"] .s5-cr-gift{color:#8A5419;background:rgba(224,160,74,.12);border-color:rgba(168,100,31,.35)}
:root[data-theme="light"] .s5-cr-gift svg{color:#A8641F}
:root[data-theme="light"] .s5-cr-inc li{color:var(--fg)}

/* --- catalog how box + scene (r117) --- */
.s5-k[hidden]{display:none!important}
.s5-hw{gap:14px}
.s5-hw-in{margin:0;font-size:15px;line-height:1.55;color:var(--muted);max-width:780px}
.s5-hw-sc .s5-k-stage{margin:0}
.s5-hw-mo{position:relative;max-height:150px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 25%,transparent 95%);mask-image:linear-gradient(#000 25%,transparent 95%)}
.s5-hw.open .s5-hw-mo{max-height:none;-webkit-mask-image:none;mask-image:none}
.s5-hw-mi{display:grid;gap:12px;padding-top:4px}
.s5-hw-mi .how5__note{margin:0}
.s5-hw-tg{justify-self:center;display:flex;align-items:center;gap:8px;margin:-8px 0 18px;border:1px solid var(--line);background:var(--surface);color:var(--fg);font:600 14px var(--f-body);padding:9px 14px 9px 18px;border-radius:99px;cursor:pointer;position:relative;z-index:1;box-shadow:0 12px 28px -14px rgba(0,0,0,.5);transition:border-color .25s}
.s5-hw-tg:hover{border-color:#E0A04A}
.s5-hw-tg svg{transition:transform .3s}
.s5-hw.open .s5-hw-tg{margin-top:0}
.s5-hw.open .s5-hw-tg svg{transform:rotate(180deg)}
.s5-hw .s5-hw-sc.s5-k,:root[data-theme="light"] .s5-hw .s5-hw-sc.s5-k{background:none;border:0;padding:0;margin:0;box-shadow:none;border-radius:0}
