/* ==========================================================================
   RaconCodes — design v4  "neon console"
   Cleaner and calmer than v3. Same colours and content, different structure:
   glass cards with hairline borders, Space Grotesk headings, dot-tag labels,
   flat top bar, vertical plan cards, picture-tile services, full-screen numbered menu.
   Loaded LAST — it replaces v2/v3 shapes (cut corners, hard shadows).
   ========================================================================== */
:root{--f-head:"Space Grotesk","Segoe UI",system-ui,sans-serif;--f-body:"Manrope","Segoe UI",system-ui,sans-serif;
  --g-card:linear-gradient(180deg,rgb(255 255 255 / .075),rgb(255 255 255 / .025)),rgb(26 7 46 / .78);
  --g-line:rgb(255 255 255 / .15);--g-pink:#ff2fa0;--g-gold:#ffd457;--g-ink:#12031f;--r:20px;
  --g-btn:linear-gradient(135deg,#ffd457,#ff9a2e)}
html body,html body *:not(svg):not(svg *){font-family:var(--f-body) !important}
html body h1,html body h2,html body h3,html body .brand span,html body .plan-name strong,html body .plan-price strong,html body .counter,html body .stat-num,html body .gallery-panel-head strong,
html body .bear-tile strong,html body .service-item h2,html body .m-item,html body .ch-tab,html body .ch-sw,html body .hs-chip{font-family:var(--f-head) !important;font-weight:700 !important;letter-spacing:-.01em}
html body h1,html body h2{text-transform:none !important;line-height:1.08 !important;letter-spacing:-.025em !important}
html body h2{font-size:clamp(30px,4vw,50px) !important;font-weight:700 !important}
html body h1,html body .hero h1,html body .hero h1 *{font-size:inherit}
html body .hero h1{font-size:clamp(38px,5vw,72px) !important;line-height:1.02 !important;text-transform:none !important;font-weight:700 !important}
html body .hero h1 em,html body h1 em,html body h2 em,html body .ch-hero h1 span{background:linear-gradient(90deg,#ffd457,#ff9a2e 45%,#ff4fa8) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important;padding:0 !important;transform:none !important;display:inline;text-decoration:none !important;font-style:normal}

/* ---------- cards: soft glass, hairline border, gentle hover ---------- */
html body .plan-row,html body .bear-tile,html body .watch-card,html body .ch-card,html body .sl-panel,html body .ct-card,html body .ct-map-card,html body .ct-float-card,html body .dl-codebox,
html body .guide-row,html body .gallery-tile,html body .rs-card,html body .ac-card,html body .sv-card,html body .testimonial-chat,html body .dl-app,html body .m-hero,html body .community-feature{
  clip-path:none !important;border-radius:var(--r) !important;background:var(--g-card) !important;border:1px solid var(--g-line) !important;
  box-shadow:0 14px 34px rgb(0 0 0 / .28),inset 0 1px 0 rgb(255 255 255 / .1) !important;backdrop-filter:none !important}
html body .plan-row,html body .watch-card,html body .ch-card,html body .guide-row{transition:transform .25s,border-color .25s}
html body .plan-row:hover,html body .watch-card:hover,html body .ch-card:hover{transform:translateY(-3px);border-color:rgb(255 47 160 / .6) !important}
html body .plan-row::before,html body .watch-card::before,html body .bear-tile::before{box-shadow:none}
html body .guide-row{border-radius:14px !important}
html body .ch-card{border-radius:14px !important;box-shadow:0 8px 20px rgb(0 0 0 / .22),inset 0 1px 0 rgb(255 255 255 / .08) !important}

/* ---------- header: flat top bar ---------- */
html body .site-header{background:rgb(13 2 24 / .88) !important;border:0 !important;border-bottom:1px solid var(--g-line) !important;box-shadow:0 10px 30px rgb(0 0 0 / .3) !important;min-height:70px !important}
html body .brand span{font-size:24px !important;text-transform:none !important;letter-spacing:-.02em !important;font-weight:700 !important}
html body .brand-badge{border-radius:12px !important;box-shadow:0 0 0 2px rgb(255 47 160 / .8) !important;border:0}
html body .desktop-nav a{font-family:var(--f-body) !important;font-weight:700 !important;font-size:14px !important;letter-spacing:.01em !important;text-transform:none !important;color:#eadcf8 !important;background:none !important;border:0 !important;border-radius:10px !important;padding:9px 12px !important;position:relative}
html body .desktop-nav a::after{content:"" !important;display:block !important;position:absolute;left:50%;bottom:1px;width:5px;height:5px;border-radius:50%;background:var(--g-pink);transform:translateX(-50%) scale(0);transition:transform .2s}
html body .desktop-nav a:hover{color:#fff !important;background:rgb(255 255 255 / .06) !important}
html body .desktop-nav a.active,html body .desktop-nav a[aria-current]{color:var(--g-gold) !important;background:none !important}
html body .desktop-nav a.active::after,html body .desktop-nav a[aria-current]::after{transform:translateX(-50%) scale(1)}
html body .nav-live{border-radius:6px !important;background:rgb(37 211 102 / .18) !important;color:#7dffb8 !important;border:1px solid rgb(125 255 184 / .5) !important}
html body .pill-cta,html body .m-servers,html body .menu-control{clip-path:none !important;border-radius:12px !important;box-shadow:none !important}
html body .pill-cta{background:var(--g-btn) !important;color:var(--g-ink) !important;border:0 !important;font-family:var(--f-body) !important;font-weight:800 !important;font-size:13px !important;letter-spacing:.04em !important;text-transform:uppercase}
html body .m-servers{background:rgb(37 211 102 / .14) !important;color:#9dffc9 !important;border:1px solid rgb(125 255 184 / .45) !important;font-family:var(--f-body) !important;font-weight:800 !important}
html body .menu-control{background:rgb(255 255 255 / .08) !important;border:1px solid var(--g-line) !important}
html body .menu-control i{background:#fff !important}

/* ---------- buttons ---------- */
html body .primary-cta,html body .outline-cta,html body .dark-cta,html body .footer-cta,html body .sv-cta,html body .hero-actions a,html body .plan-row>a,html body .ch-more,html body .chsave,html body .m-hero-tx em{
  clip-path:none !important;border-radius:14px !important;font-family:var(--f-body) !important;font-weight:800 !important;font-size:14px !important;letter-spacing:.04em !important;text-transform:uppercase;border:1px solid transparent !important;box-shadow:none !important;transition:transform .2s,box-shadow .2s,background .2s}
html body .primary-cta,html body .hero-actions a:first-child,html body .plan-row>a,html body .footer-cta,html body .sv-cta{background:var(--g-btn) !important;color:var(--g-ink) !important;box-shadow:0 10px 24px rgb(255 154 46 / .3) !important}
html body .hero-actions a:nth-child(2){background:rgb(255 255 255 / .06) !important;color:#fff !important;border-color:rgb(255 255 255 / .35) !important}
html body .hero-actions a:nth-child(3){background:rgb(37 211 102 / .14) !important;color:#9dffc9 !important;border-color:rgb(125 255 184 / .5) !important}
html body .hero-actions a:hover,html body .plan-row>a:hover,html body .primary-cta:hover{transform:translateY(-2px)}
html body .plan-row:not(.featured)>a{background:rgb(255 255 255 / .06) !important;color:#fff !important;border:1px solid rgb(255 255 255 / .35) !important;box-shadow:none !important}

/* ---------- labels & section titles ---------- */
html body .eyebrow{background:rgb(255 47 160 / .12) !important;border:1px solid rgb(255 47 160 / .5) !important;color:#ffb3dc !important;padding:7px 14px !important;border-radius:999px !important;transform:none !important;box-shadow:none !important;gap:9px !important;font-size:11.5px !important;letter-spacing:.16em !important;font-weight:800 !important;text-transform:uppercase;display:inline-flex;align-items:center}
html body .eyebrow::before{content:"" !important;display:block !important;width:7px !important;height:7px !important;border-radius:50% !important;background:var(--g-pink) !important;box-shadow:0 0 10px var(--g-pink) !important;color:transparent !important}
html body .eyebrow::after{display:none !important}
html body .hero .eyebrow::before{content:"" !important}
html body .eyebrow-light{background:rgb(255 212 87 / .14) !important;border-color:rgb(255 212 87 / .5) !important;color:var(--g-gold) !important}

/* ---------- hero: text left, raccoon scene right (as before) ---------- */
@media(min-width:901px){
  html body .hero-scene{left:auto !important;right:max(0px,calc((100vw - 1340px)/2)) !important}
  html body .hero .hero-content,html body.has-sv-topbar .hero .hero-content{right:auto !important;left:max(32px,calc((100vw - 1230px)/2)) !important;width:min(600px,47%) !important}
  html body .hero-medallion{right:auto !important;left:max(32px,calc((100vw - 1230px)/2)) !important;bottom:112px !important}
  html body .price-badge{left:calc(max(32px,calc((100vw - 1230px)/2)) + 300px) !important;right:auto !important;top:auto !important;bottom:100px !important;transform:rotate(-6deg) !important}
}
html body .price-badge{background:linear-gradient(135deg,#ff2fa0,#c21fe0) !important;color:#fff !important;border:0 !important;box-shadow:0 12px 28px rgb(255 47 160 / .4) !important;border-radius:50% !important;width:112px !important;height:112px !important}
html body .price-badge *{color:#fff !important}
html body .hero-medallion span{border-radius:12px !important;background:rgb(255 255 255 / .07) !important;border:1px solid var(--g-line) !important;color:#fff !important}
html body .hs-chip{border-radius:12px !important;border:0 !important;box-shadow:0 8px 20px rgb(255 47 160 / .35) !important;font-size:13px !important;letter-spacing:.04em !important}

/* ---------- feature bar under hero ---------- */
html body .bear-tiles-inner{background:var(--g-card) !important;border:1px solid var(--g-line) !important;border-radius:22px !important;box-shadow:0 18px 40px rgb(0 0 0 / .32) !important;clip-path:none !important;gap:0 !important;overflow:hidden}
html body .bear-tile{background:none !important;border:0 !important;border-right:1px solid var(--g-line) !important;box-shadow:none !important;border-radius:0 !important;min-width:0 !important;color:#fff !important}
html body .bear-tile:last-child{border-right:0 !important}
html body .bear-tile strong{font-size:16px !important;text-transform:none;color:#fff !important}
html body .bear-tile small{color:#cdb9e3 !important;font-size:12.5px !important;opacity:1 !important;line-height:1.35}
html body .bear-tile-icon{clip-path:none !important;border-radius:14px !important;background:linear-gradient(135deg,#ff2fa0,#8a2be2) !important;box-shadow:0 8px 18px rgb(255 47 160 / .35) !important;width:48px !important;height:48px !important;flex:none}
html body .bear-tile-icon svg{color:#fff !important}

/* ---------- plans ---------- */
html body .plan-row{padding:28px 22px 22px !important;gap:14px !important}
html body .plan-row.featured{border-color:rgb(255 47 160 / .75) !important;background:linear-gradient(180deg,rgb(255 47 160 / .16),rgb(255 255 255 / .03)),rgb(32 8 54 / .85) !important;box-shadow:0 18px 44px rgb(255 47 160 / .28),inset 0 1px 0 rgb(255 255 255 / .12) !important}
html body .plan-row.featured::before{background:var(--g-btn) !important;color:var(--g-ink) !important;border-radius:999px !important;clip-path:none !important;top:-13px !important;left:50% !important;right:auto !important;transform:translateX(-50%) !important;padding:7px 16px !important;font:800 11.5px/1 var(--f-body) !important;letter-spacing:.12em !important;border:0 !important;box-shadow:0 8px 18px rgb(255 154 46 / .4) !important}
html body .plan-row .plan-name strong{font-size:22px !important;text-transform:none !important}
html body .plan-row .plan-name img{clip-path:none !important;border-radius:14px !important;border:1px solid var(--g-line);height:130px !important}
html body .plan-row .plan-price{border-top:1px solid var(--g-line) !important;border-bottom:1px solid var(--g-line) !important;border-left:0 !important;border-right:0 !important}
html body .plan-row .plan-price strong{font-size:54px !important;color:var(--g-gold) !important;letter-spacing:-.03em !important;font-weight:700 !important}
html body .plan-row .plan-price strong span{font-size:15px !important;color:#ff9acb !important;font-family:var(--f-body) !important;font-weight:800 !important;letter-spacing:.1em}
html body .plan-row li{font-weight:600;color:#eadcf8}
html body .plan-row li svg{color:var(--g-gold) !important}

/* ---------- services: picture tiles ---------- */
html body .service-orbit{clip-path:none !important;border-radius:var(--r) !important;border:1px solid var(--g-line) !important;box-shadow:0 14px 34px rgb(0 0 0 / .3) !important;aspect-ratio:4/5 !important}
html body .service-orbit::after{display:block !important;inset:0 !important;border-radius:var(--r) !important;background:linear-gradient(180deg,transparent 45%,rgb(14 2 26 / .94)) !important;box-shadow:none !important}
html body .service-item h2{position:absolute !important;left:16px !important;right:16px !important;bottom:14px !important;margin:0 !important;padding:0 !important;background:none !important;color:#fff !important;font-size:19px !important;width:auto !important;border:0 !important;border-radius:0 !important;text-transform:none !important;text-shadow:0 2px 10px rgb(0 0 0 / .6) !important}
html body .service-item h2::before{display:block !important;content:"";width:30px;height:3px;border-radius:3px;margin-bottom:8px;background:var(--g-btn)}
html body .service-item{transition:none}html body .service-item:hover{transform:none}

/* ---------- picture strip ---------- */
html body .community-portrait{clip-path:none !important;background:none !important;padding:0 !important;border:2px solid rgb(255 255 255 / .85) !important;border-radius:26px !important;box-shadow:0 12px 26px rgb(0 0 0 / .35) !important;overflow:hidden !important;transform:none !important}
html body .community-portrait img{clip-path:none !important;border-radius:0 !important}
html body .community-track .community-portrait:nth-child(n){transform:none !important}
html body .community-feature{background:var(--g-btn) !important;border:0 !important;color:var(--g-ink) !important;box-shadow:0 14px 30px rgb(255 154 46 / .35) !important}
html body .community-feature *{color:var(--g-ink) !important}

/* ---------- channels / chips ---------- */
html body .ch-tab{clip-path:none !important;border-radius:999px !important;background:rgb(255 255 255 / .06) !important;border:1px solid var(--g-line) !important;color:#eadcf8 !important;font-size:14px !important;box-shadow:none !important;font-family:var(--f-body) !important;font-weight:700 !important}
html body .ch-tab.on{background:var(--g-btn) !important;color:var(--g-ink) !important;border-color:transparent !important}
html body .ch-tab small{border-radius:999px !important;background:rgb(0 0 0 / .28) !important}
html body .ch-tab.on small{background:rgb(18 3 31 / .18) !important;color:var(--g-ink) !important}
html body .ch-switch,html body .ch-search{clip-path:none !important;border-radius:999px !important;background:rgb(255 255 255 / .06) !important;border:1px solid var(--g-line) !important}
html body .ch-sw{border-radius:999px !important;font-size:14px !important;font-family:var(--f-body) !important;font-weight:800 !important}
html body .ch-sw.on{background:var(--g-btn) !important;color:var(--g-ink) !important;box-shadow:none !important}
html body .ch-ini{clip-path:none !important;border-radius:50% !important;background:linear-gradient(135deg,#ff2fa0,#8a2be2) !important}
html body .ch-tag{border-radius:999px !important;background:rgb(255 212 87 / .16) !important;color:var(--g-gold) !important;border:1px solid rgb(255 212 87 / .45) !important}
html body .ch-flag{border-radius:4px;box-shadow:0 0 0 1px rgb(255 255 255 / .35) !important}
html body .pay-chip{clip-path:none !important;border-radius:10px !important;box-shadow:0 6px 14px rgb(0 0 0 / .3) !important;border:0}
html body .pay-strip>b{background:none;color:var(--g-gold);padding:0;font-family:var(--f-body) !important;font-weight:800 !important;font-size:11.5px !important;letter-spacing:.18em}

/* ---------- misc ---------- */
html body .watch-card{overflow:hidden}html body .watch-card img{border-bottom:1px solid var(--g-line) !important}
html body footer{border-top:1px solid var(--g-line) !important}
html body footer h3,html body footer h4{font-family:var(--f-body) !important;font-weight:800 !important;letter-spacing:.18em !important;font-size:11.5px !important;color:var(--g-gold) !important;text-transform:uppercase}

/* ---------- MENU: full-screen, numbered ---------- */
html body .gallery-panel{position:fixed !important;inset:0 !important;left:0 !important;right:0 !important;width:100% !important;max-width:none !important;height:100% !important;border:0 !important;border-radius:0 !important;
  background:radial-gradient(900px 500px at 90% -10%,rgb(255 47 160 / .22),transparent 60%),#12031f !important;box-shadow:none !important;display:flex !important;flex-direction:column;overflow-y:auto !important;padding-bottom:30px}
html body .gallery-panel-head{position:sticky;top:0;z-index:5;background:rgb(18 3 31 / .94) !important;border-bottom:1px solid var(--g-line) !important;padding:16px 20px !important}
html body .gallery-panel-head span{font-size:11.5px !important;letter-spacing:.2em !important;color:var(--g-pink) !important;font-weight:800;font-family:var(--f-body) !important}
html body .gallery-panel-head strong{font-size:32px !important;color:#fff !important;display:block;line-height:1.1}
html body .gallery-close{border-radius:14px !important;background:rgb(255 255 255 / .08) !important;color:#fff !important;border:1px solid var(--g-line) !important;box-shadow:none !important;width:48px !important;height:48px !important}
html body .m-menu{counter-reset:mm;display:flex !important;flex-direction:column;gap:0 !important;padding:6px 20px 0 !important;order:1}
html body .m-menu .m-item{counter-increment:mm;clip-path:none !important;background:none !important;border:0 !important;border-bottom:1px solid rgb(255 255 255 / .12) !important;border-radius:0 !important;box-shadow:none !important;min-height:68px !important;padding:8px 0 !important;font-size:28px !important;text-transform:none;color:#fff !important;gap:16px !important;line-height:1.1}
html body .m-menu .m-item::before{content:counter(mm,decimal-leading-zero);display:block !important;font:800 12px var(--f-body) !important;color:var(--g-pink);min-width:26px;letter-spacing:.1em}
html body .m-menu .m-item:hover,html body .m-menu .m-item:active{color:var(--g-gold) !important}
html body .m-menu .m-item .m-ic{display:none !important}
html body .m-menu .m-item>span:not(.m-ic){flex:1;min-width:0}
html body .m-countries{order:2;padding:20px 20px 0 !important}
html body .m-countries a{background:rgb(255 255 255 / .05) !important;border:1px solid var(--g-line) !important;border-radius:14px !important;box-shadow:none !important}
html body .m-contact{order:3;padding:18px 20px 0 !important}
html body .m-hero{order:4;margin:22px 20px 0 !important}
html body .gallery-connect,html body .gallery-socials{order:5}
@media(min-width:1200px){html body .gallery-panel{left:auto !important;width:min(540px,100%) !important;border-left:1px solid var(--g-line) !important}}

/* ---------- header on tablets / small laptops: compact bar with the menu button ---------- */
@media(min-width:901px) and (max-width:1199px){
  html body .desktop-nav,html body .pill-cta{display:none !important}
  html body .m-servers{display:inline-flex !important}
  html body .site-header{justify-content:space-between}
  html body .gallery-panel{left:auto !important;width:min(480px,100%) !important}
}
@media(min-width:1200px){
  html body .site-header{gap:8px !important;padding-left:28px !important;padding-right:24px !important}
  html body .desktop-nav{margin-left:auto !important;margin-right:auto !important;gap:2px !important}
  html body .brand{margin-right:12px !important}
}

/* ---------- responsive tuning ---------- */
@media(max-width:1100px){
  html body .bear-tiles-inner{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  html body .bear-tile{flex-direction:column !important;align-items:flex-start !important;gap:10px !important;border-right:0 !important;border-bottom:1px solid var(--g-line) !important;padding:16px !important}
}
@media(max-width:900px){
  html body .hero-scene{margin-top:92px !important}
  html body .price-badge{top:calc(92px + min(100vw,460px) - 96px) !important;bottom:auto !important;left:14px !important;transform:rotate(-6deg) scale(.8) !important;transform-origin:left top}
}
@media(max-width:640px){
  html body .brand span{font-size:21px !important}
  html body h2{font-size:clamp(28px,8vw,38px) !important}
  html body .hero h1{font-size:clamp(36px,10.5vw,50px) !important}
  html body .plan-row .plan-price strong{font-size:48px !important}
  html body .plan-row .plan-name{flex-direction:column-reverse !important}
  html body .plan-row .plan-name img{width:100% !important;height:120px !important}
  html body .m-menu .m-item{font-size:26px !important}
  html body .m-servers{padding:0 11px !important;font-size:13px !important}
}

/* ---------- v4 fixes ---------- */
html body .hero-medallion{display:none !important}
html body .eyebrow{width:fit-content;max-width:100%}
html body .community-intro .eyebrow,html body .testimonials-section .eyebrow,html body .testimonials-head .eyebrow{margin-left:auto !important;margin-right:auto !important}
html body .hero h1{font-size:clamp(36px,4.1vw,60px) !important}
@media(min-width:901px){
  html body .price-badge{left:auto !important;right:calc(max(0px,calc((100vw - 1340px)/2)) + min(49vw,700px) - 30px) !important;top:150px !important;bottom:auto !important;transform:rotate(-8deg) !important}
}
@media(max-width:640px){html body .m-menu .m-item{font-size:24px !important;min-height:62px !important}html body .gallery-panel-head strong{font-size:28px !important}}

/* =================== v4.1: hero, trial button, plan cards, footer contact, language =================== */
/* hero: small "Welcome to" line + big name, trial button, trust points */
html body .hero h1 .line:first-child{display:block;font-size:.38em !important;letter-spacing:.22em !important;text-transform:uppercase !important;color:#d9c2ff !important;font-weight:600 !important;margin-bottom:.5em;line-height:1.2 !important}
html body .hero h1 .line:first-child *{-webkit-text-fill-color:#d9c2ff !important}
html body .hero h1 .line:nth-child(2){display:block}
html body .hero h1 em{font-size:1.04em}
html body .trial-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 24px;border-radius:14px;background:linear-gradient(135deg,#ff2fa0,#c21fe0) !important;color:#fff !important;font:800 14px/1 var(--f-body) !important;letter-spacing:.05em;text-transform:uppercase;border:0;box-shadow:0 12px 28px rgb(255 47 160 / .45);animation:rc-pulse 3.2s ease-in-out infinite}
html body .trial-cta svg{width:18px;height:18px}
@keyframes rc-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
html body .hero-actions{gap:12px}
html body .hero-points{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;margin:20px 0 0;padding:0}
html body .hero-points li{position:relative;padding-left:22px;font-size:13.5px;font-weight:700;color:#d9c7ec}
html body .hero-points li::before{content:"";position:absolute;left:0;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:linear-gradient(135deg,#ffd457,#ff9a2e)}
html body .hero-points li::after{content:"";position:absolute;left:4.5px;top:50%;width:4px;height:7px;margin-top:-5px;border:solid #12031f;border-width:0 2px 2px 0;transform:rotate(45deg)}
@media(max-width:640px){html body .trial-cta{width:100%}}

/* plan cards: picture banner, colour price band, clear feature list */
html body .plan-list{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:26px !important;align-items:stretch;margin-top:56px}
html body .plan-row{--t1:#6a38ff;--t2:#d21fd6;display:flex !important;flex-direction:column;padding:0 !important;gap:0 !important;overflow:hidden !important;border-radius:26px !important;position:relative}
html body .plan-row:nth-child(2){--t1:#ff2fa0;--t2:#ff7a1a}
html body .plan-row:nth-child(3){--t1:#e9a213;--t2:#ff7a1a}
html body .plan-row .plan-name{position:relative !important;display:block !important;height:170px;order:1;margin:0 !important}
html body .plan-row .plan-name img{position:absolute !important;inset:0;width:100% !important;height:100% !important;object-fit:cover;border:0 !important;border-radius:0 !important}
html body .plan-row .plan-name::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(18 3 31 / .05) 30%,rgb(18 3 31 / .85))}
html body .plan-row .plan-name strong{position:absolute !important;left:22px;right:22px;bottom:16px;z-index:2;font-size:24px !important;line-height:1.1;color:#fff !important;text-shadow:0 2px 12px rgb(0 0 0 / .6)}
html body .plan-row .plan-price{order:2 !important;margin:0 !important;padding:16px 22px !important;display:flex !important;align-items:baseline !important;gap:8px;width:auto !important;height:auto !important;border:0 !important;border-radius:0 !important;background:linear-gradient(110deg,var(--t1),var(--t2)) !important;box-shadow:none !important}
html body .plan-row .plan-price strong{font-size:58px !important;line-height:1 !important;color:#fff !important;letter-spacing:-.04em !important;display:flex;align-items:baseline;gap:8px}
html body .plan-row .plan-price strong span{font-size:16px !important;color:#fff !important;opacity:.92;letter-spacing:.12em}
html body .plan-row .plan-price small{margin-left:auto;font-size:13px !important;font-weight:800;color:#fff !important;background:rgb(18 3 31 / .28);padding:6px 12px;border-radius:999px;letter-spacing:.04em}
html body .plan-row ul{order:3 !important;display:grid !important;grid-template-columns:1fr !important;gap:12px !important;padding:22px 22px 6px !important;margin:0 !important;flex:1}
html body .plan-row li{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:600;color:#eadcf8}
html body .plan-row li svg,html body .plan-row li i{flex:none;width:20px !important;height:20px !important;padding:3px;border-radius:50%;background:rgb(255 212 87 / .16);color:#ffd457 !important}
html body .plan-row>a:not(.plan-trial){order:4 !important;margin:14px 22px 0 !important;width:auto !important;min-height:52px}
html body .plan-row .plan-trial{order:5;display:block;text-align:center;margin:10px 22px 22px;font-size:13px;font-weight:700;color:#ffb3dc;text-decoration:underline;text-underline-offset:4px}
html body .plan-row.featured{transform:translateY(-12px);border-color:rgb(255 47 160 / .9) !important;box-shadow:0 26px 60px rgb(255 47 160 / .32),0 0 0 1px rgb(255 47 160 / .6) !important}
html body .plan-row.featured::before{top:14px !important;right:14px !important;left:auto !important;transform:none !important;z-index:5;padding:7px 14px !important}
html body .plan-row:hover{transform:translateY(-6px)}html body .plan-row.featured:hover{transform:translateY(-16px)}
html body .plan-row.featured>a:not(.plan-trial){background:linear-gradient(135deg,#ff2fa0,#ff7a1a) !important;color:#fff !important;border:0 !important;box-shadow:0 12px 26px rgb(255 47 160 / .4) !important}
@media(max-width:1000px){html body .plan-list{grid-template-columns:1fr !important;max-width:520px;margin-left:auto;margin-right:auto}html body .plan-row.featured{transform:none}html body .plan-row.featured:hover,html body .plan-row:hover{transform:none}}

/* footer contact column */
html body .footer-contact{display:flex;flex-direction:column;gap:12px}
html body .footer-contact a,html body .footer-contact>span{display:flex;align-items:center;gap:10px;color:#eadcf8 !important;font-size:14.5px;font-weight:600;overflow-wrap:anywhere}
html body .footer-contact a:hover{color:#ffd457 !important}
html body .footer-contact svg{flex:none;width:18px;height:18px;color:#ff4fa8}
html body .footer-contact i{flex:none}

/* language switcher */
html body .rc-lang{position:relative;display:none}
@media(min-width:901px){html body .rc-lang{display:block}}
html body .rc-lang-btn{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 13px;border-radius:12px;background:rgb(255 255 255 / .08);border:1px solid var(--g-line);color:#fff;font:800 13px/1 var(--f-body);letter-spacing:.06em;cursor:pointer}
html body .rc-lang-btn:hover{background:rgb(255 255 255 / .14)}
html body .rc-lang-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:190px;background:#1b0630;border:1px solid var(--g-line);border-radius:16px;padding:6px;display:none;z-index:60;box-shadow:0 20px 50px rgb(0 0 0 / .55)}
html body .rc-lang.open .rc-lang-menu{display:grid;gap:2px}
html body .rc-lang-opt{display:block;width:100%;text-align:left;padding:11px 14px;border:0;border-radius:10px;background:none;color:#eadcf8;font:700 15px var(--f-body);cursor:pointer}
html body .rc-lang-opt:hover{background:rgb(255 255 255 / .08);color:#fff}
html body .rc-lang-opt.on{background:linear-gradient(135deg,rgb(255 212 87 / .2),rgb(255 154 46 / .2));color:#ffd457}
html body .m-lang{order:6;padding:22px 20px 0}
html body .m-lang-t{margin:0 0 10px;font-size:11.5px;letter-spacing:.18em;font-weight:800;color:#ffd457;text-transform:uppercase}
html body .m-lang-list{display:flex;flex-wrap:wrap;gap:8px}
html body .m-lang-opt{padding:10px 15px;border-radius:12px;border:1px solid var(--g-line);background:rgb(255 255 255 / .05);color:#fff;font:700 15px var(--f-body);cursor:pointer}
html body .m-lang-opt.on{background:var(--g-btn);color:#12031f;border-color:transparent}

/* translated "most popular" tag + right-to-left (Arabic) */
html[lang="de"] .plan-row.featured::before{content:"BELIEBTESTE"}
html[lang="fr"] .plan-row.featured::before{content:"LE PLUS POPULAIRE"}
html[lang="es"] .plan-row.featured::before{content:"MÁS POPULAR"}
html[lang="it"] .plan-row.featured::before{content:"PIÙ POPOLARE"}
html[lang="pt"] .plan-row.featured::before{content:"MAIS POPULAR"}
html[lang="nl"] .plan-row.featured::before{content:"POPULAIRST"}
html[lang="ar"] .plan-row.featured::before{content:"الأكثر شعبية"}
html[lang="tr"] .plan-row.featured::before{content:"EN POPÜLER"}
html[lang="ar"] body,html[lang="ar"] body *:not(svg):not(svg *){font-family:"Noto Sans Arabic","Segoe UI",Tahoma,system-ui,sans-serif !important}
html[dir="rtl"] *{letter-spacing:0 !important}
html[dir="rtl"] body{direction:rtl;text-align:right}
html[dir="rtl"] .hero-content,html[dir="rtl"] .ch-head,html[dir="rtl"] .section-heading,html[dir="rtl"] .footer-main{text-align:right}
html[dir="rtl"] .rc-lang-menu{right:auto;left:0}html[dir="rtl"] .rc-lang-opt{text-align:right}
html[dir="rtl"] .plan-row .plan-price small{margin-left:0;margin-right:auto}
html[dir="rtl"] .plan-row.featured::before{right:auto !important;left:14px !important}
html[dir="rtl"] .hero-points li{padding-left:0;padding-right:22px}html[dir="rtl"] .hero-points li::before{left:auto;right:0}html[dir="rtl"] .hero-points li::after{left:auto;right:4.5px}

/* ---- plan card fixes ---- */
html body .plan-row{align-items:stretch !important}
html body .plan-row .plan-name{width:100% !important}
html body .plan-row .plan-price{width:100% !important;box-sizing:border-box}
html body .plan-row .plan-price strong{-webkit-text-fill-color:#fff !important;background:none !important;color:#fff !important;width:auto !important;text-align:left !important}
html body .plan-row .plan-price strong span{-webkit-text-fill-color:#fff !important;color:#fff !important;font-family:var(--f-body) !important}
html body .plan-row .plan-price small{-webkit-text-fill-color:#fff !important;color:#fff !important}
html body .plan-row>a:not(.plan-trial){align-self:stretch !important;width:auto !important}
html body .plan-row>a.plan-trial{background:none !important;border:0 !important;box-shadow:none !important;min-height:0 !important;padding:0 !important;text-transform:none !important;letter-spacing:0 !important;font-size:13.5px !important;font-weight:700 !important;color:#ffb3dc !important;text-decoration:underline;text-underline-offset:4px;align-self:center !important;transform:none !important;clip-path:none !important}
html body .plan-row>a.plan-trial:hover{color:#fff !important;transform:none !important}
html body .plan-row ul{align-self:stretch}
html body .hero-actions a.trial-cta{background:linear-gradient(135deg,#ff2fa0,#c21fe0) !important;color:#fff !important;border:0 !important;box-shadow:0 12px 28px rgb(255 47 160 / .45) !important}
html body .hero-actions a.trial-cta:hover{transform:translateY(-2px)}
html body .plan-row .plan-price strong span{display:inline-block !important;margin-left:4px}
html body .plan-row .plan-price strong{flex-wrap:nowrap !important}

/* =================== v4.2: brand title, menu button, redesigned menu, richer plan cards =================== */
/* hero title: same colours as the logo text — Racon white, Codes gold — then OTT */
html body .hero h1 em{background:none !important;-webkit-text-fill-color:#fff !important;color:#fff !important}
html body .hero h1 em b{font-weight:700;font-style:normal;-webkit-text-fill-color:inherit}
html body .hero h1 em .rc-a{color:#fff6e6 !important;-webkit-text-fill-color:#fff6e6 !important}
html body .hero h1 em .rc-b{color:#ffb21b !important;-webkit-text-fill-color:#ffb21b !important}
html body .hero h1 em .rc-c{color:#fff6e6 !important;-webkit-text-fill-color:#fff6e6 !important}

/* menu button: bright, easy to see */
html body .menu-control{background:linear-gradient(135deg,#ffd457,#ff9a2e) !important;border:0 !important;box-shadow:0 8px 20px rgb(255 154 46 / .35) !important}
html body .menu-control i,html body .gallery-grid-icon i{background:#12031f !important}
html body .m-servers{font-weight:800}

/* ---------- menu ---------- */
html body .gallery-panel{display:flex !important;flex-direction:column;background:radial-gradient(700px 420px at 100% -5%,rgb(255 47 160 / .26),transparent 60%),#12031f !important;padding-bottom:30px}
html body .gallery-panel-head{padding:14px 18px !important;display:flex !important;align-items:center;justify-content:space-between;gap:12px}
html body .gp-brand{display:flex;align-items:center;gap:12px;min-width:0}
html body .gp-brand img{width:44px;height:44px;border-radius:12px;box-shadow:0 0 0 2px rgb(255 47 160 / .8);flex:none}
html body .gp-brand span{display:block;font:800 11px/1 var(--f-body) !important;letter-spacing:.2em !important;color:#ff7ec0 !important;text-transform:uppercase}
html body .gp-brand strong{display:block;font-size:24px !important;line-height:1.1;margin-top:4px}
html body .m-actions{order:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 18px 6px}
html body .m-trial,html body .m-wa2{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;border-radius:14px;font:800 14px/1 var(--f-body) !important;letter-spacing:.04em !important;text-transform:uppercase;text-align:center}
html body .m-trial{background:linear-gradient(135deg,#ff2fa0,#c21fe0);color:#fff !important;box-shadow:0 10px 24px rgb(255 47 160 / .4)}
html body .m-wa2{background:#25d366;color:#06210f !important;box-shadow:0 10px 24px rgb(37 211 102 / .3)}
html body .m-wa2 img{filter:brightness(0) saturate(100%) invert(10%) sepia(35%) saturate(900%) hue-rotate(95deg)}
html body .m-menu{order:2 !important;display:grid !important;gap:10px !important;padding:12px 18px 4px !important}
html body .m-menu .m-item{display:flex !important;align-items:center;gap:14px !important;min-height:62px !important;padding:10px 14px !important;border:1px solid var(--g-line) !important;border-radius:16px !important;background:var(--g-card) !important;font-size:17px !important;line-height:1.2;color:#fff !important;box-shadow:none !important;text-transform:none}
html body .m-menu .m-item::before{display:none !important}
html body .m-menu .m-item .m-ic{display:grid !important;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#ff2fa0,#8a2be2) !important;color:#fff !important;box-shadow:0 6px 14px rgb(255 47 160 / .3)}
html body .m-menu .m-item .m-ic svg{width:20px;height:20px}
html body .m-menu .m-item .m-tx{flex:1;min-width:0;font-family:var(--f-head) !important;font-weight:700}
html body .m-menu .m-item .nav-live{flex:none}
html body .m-menu .m-item .m-go{flex:none;opacity:.7;display:grid;place-items:center}
html body .m-menu .m-item .m-go svg{width:18px;height:18px}
html body .m-menu .m-item:hover,html body .m-menu .m-item:active{border-color:rgb(255 47 160 / .7) !important;color:#fff !important}
html body .m-countries{order:3 !important;padding:20px 18px 0 !important}
html body .m-countries small{display:block;margin:0 0 10px;font:800 11.5px/1 var(--f-body) !important;letter-spacing:.18em;color:#ffd457;text-transform:uppercase}
html body .m-countries>div{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important}
html body .m-countries a{display:flex !important;align-items:center;gap:10px;min-height:46px;padding:0 12px !important;border-radius:12px !important;font-size:14.5px !important;font-weight:700;color:#fff !important;background:rgb(255 255 255 / .05) !important;border:1px solid var(--g-line) !important}
html body .m-hero{order:4 !important;margin:20px 18px 0 !important}
html body .m-info{order:5;display:grid;gap:8px;padding:22px 18px 0}
html body .m-info-t{margin:0 0 4px;font:800 11.5px/1 var(--f-body);letter-spacing:.18em;color:#ffd457;text-transform:uppercase}
html body .m-info a{display:flex;align-items:center;gap:12px;min-height:50px;padding:0 14px;border:1px solid var(--g-line);border-radius:14px;background:rgb(255 255 255 / .05);color:#fff;font-size:14.5px;font-weight:700;overflow-wrap:anywhere}
html body .m-info a:hover{border-color:rgb(255 47 160 / .6)}
html body .m-info svg,html body .m-info img{flex:none;width:20px;height:20px;color:#ff4fa8}
html body .m-lang{order:6 !important}
html body .gallery-links,html body .gallery-connect,html body .gallery-socials,html body .m-contact{display:none !important}
@media(min-width:1200px){html body .gallery-panel{width:min(460px,100%) !important}}

/* ---------- richer plan cards ---------- */
html body .plan-row .plan-name::before{content:"";position:absolute;top:14px;left:16px;width:46px;height:46px;border-radius:14px;z-index:3;background:rgb(18 3 31 / .62) center/24px no-repeat;border:1px solid rgb(255 255 255 / .3);box-shadow:0 8px 18px rgb(0 0 0 / .35)}
html body .plan-row:nth-child(1) .plan-name::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffd457'%3E%3Cpath d='M12 2l3 6.9 7.4.6-5.6 4.8 1.7 7.2L12 17.8 5.5 21.5l1.7-7.2L1.6 9.5 9 8.9z'/%3E%3C/svg%3E")}
html body .plan-row:nth-child(2) .plan-name::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffd457'%3E%3Cpath d='M3 7l4.5 4L12 4l4.5 7L21 7l-2 12H5z'/%3E%3C/svg%3E")}
html body .plan-row:nth-child(3) .plan-name::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffd457'%3E%3Cpath d='M6 3h12l4 6-10 12L2 9z'/%3E%3C/svg%3E")}
html body .plan-row .plan-mo{order:2;margin:0;padding:11px 22px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:rgb(18 3 31 / .4);font-size:13.5px;font-weight:700;color:#eadcf8;border-bottom:1px solid var(--g-line)}
html body .plan-row .plan-save{font-style:normal;background:linear-gradient(135deg,#ffd457,#ff9a2e);color:#12031f;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.02em}
html body .plan-row ul{padding-top:20px !important}
html body .plan-row li{font-size:14.5px}
html body .plan-row .plan-name strong{font-size:25px !important;padding-left:0}
html body .plan-row:not(.featured){border-color:rgb(255 255 255 / .18) !important}
html body .plan-row:not(.featured):hover{border-color:rgb(255 255 255 / .4) !important}
html body .plan-row.featured .plan-name::after{background:linear-gradient(180deg,rgb(255 47 160 / .08) 25%,rgb(18 3 31 / .88))}
html[dir="rtl"] .plan-row .plan-name::before{left:auto;right:16px}
html[dir="rtl"] .plan-row .plan-name strong{text-align:right}

/* external links in the menu keep their own colours (an old rule painted every _blank link gold) */
html body .gallery-panel .m-wa2{background:#25d366 !important;background-image:none !important;color:#06210f !important}
html body .gallery-panel .m-trial{background:linear-gradient(135deg,#ff2fa0,#c21fe0) !important;background-image:linear-gradient(135deg,#ff2fa0,#c21fe0) !important;color:#fff !important}
html body .gallery-panel .m-info a{background:rgb(255 255 255 / .05) !important;background-image:none !important;color:#fff !important}
html body .gallery-panel .m-wa2 img{filter:none}

/* =================== v4.3: phone-first polish — hero, footer payments, pricing cards, contact bar =================== */
@media(max-width:900px){
  html body .hero .hero-content,html body.has-sv-topbar .hero .hero-content{left:0 !important;right:0 !important;top:0 !important;width:100% !important;transform:none !important;padding:8px 18px 0 !important}
  html body .hero .eyebrow{font-size:10.5px !important;padding:6px 12px !important;letter-spacing:.12em !important}
  html body .hero h1{font-size:clamp(30px,8.6vw,38px) !important;line-height:1.05 !important;margin-top:12px}
  html body .hero h1 .line:first-child{font-size:.4em !important;letter-spacing:.2em !important}
  html body .hero-copy{font-size:14.5px !important;line-height:1.6 !important;color:#d9c7ec !important;margin-top:12px !important}
  html body .hero-actions{display:grid !important;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px !important}
  html body .hero-actions .trial-cta{grid-column:1/-1;min-height:52px;width:100%}
  html body .hero-actions a{min-height:48px;font-size:13px !important;padding:0 12px;justify-content:center;width:auto}
  html body .hero-actions .hero-servers{grid-column:1/-1}
  html body .hero-points{gap:6px 14px;margin-top:16px}
  html body .hero-points li{font-size:12.5px}
}
@media(max-width:640px){
  /* footer payment methods: tidy 3-column grid */
  html body .pay-strip{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:18px}
  html body .pay-strip>b{grid-column:1/-1;margin:0 0 2px}
  html body .pay-chip{justify-content:center;gap:6px;height:46px;padding:0 6px;font-size:11px;white-space:nowrap;overflow:hidden}
  html body .pay-chip svg{height:20px;flex:none}
  html body .footer-pay{width:calc(100% - 40px)}
}

/* ---------- pricing cards: compact, clean, easy to compare ---------- */
html body .plan-list{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:22px !important;margin-top:48px}
html body .plan-row{--t1:#8a5bff;--t2:#d21fd6;padding:0 !important;border-radius:22px !important;overflow:hidden !important;display:flex !important;flex-direction:column;align-items:stretch !important;background:var(--g-card) !important;border:1px solid var(--g-line) !important;position:relative}
html body .plan-row:nth-child(2){--t1:#ff2fa0;--t2:#ff7a1a}
html body .plan-row:nth-child(3){--t1:#ffd457;--t2:#ff9a2e}
html body .plan-row::after{content:"";position:absolute;top:0;left:22px;right:22px;height:3px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,var(--t1),var(--t2))}
html body .plan-row .plan-name{position:relative !important;display:flex !important;align-items:center;gap:12px;order:1;height:auto !important;padding:26px 22px 0 !important;margin:0 !important;width:100% !important}
html body .plan-row .plan-name::after{display:none !important}
html body .plan-row .plan-name::before{position:static !important;flex:none;width:42px !important;height:42px !important;border-radius:13px !important;background-color:rgb(255 255 255 / .08) !important;background-position:center;background-repeat:no-repeat;background-size:22px;border:1px solid rgb(255 255 255 / .18) !important;box-shadow:none !important}
html body .plan-row .plan-name img{display:none !important}
html body .plan-row .plan-name strong{position:static !important;font-size:20px !important;line-height:1.15;color:#fff !important;text-shadow:none !important}
html body .plan-badge{position:absolute;top:18px;right:16px;padding:6px 12px;border-radius:999px;background:linear-gradient(135deg,#ffd457,#ff9a2e);color:#12031f;font:800 11px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase}
html body .plan-row.featured::before{top:18px !important;right:16px !important}
html body .plan-row .plan-price{order:2 !important;display:flex !important;flex-wrap:wrap;align-items:baseline !important;gap:4px 10px;padding:20px 22px 0 !important;background:none !important;border:0 !important;width:100% !important}
html body .plan-row .plan-price strong{font-size:64px !important;line-height:1 !important;color:#fff !important;-webkit-text-fill-color:#fff !important;letter-spacing:-.04em !important}
html body .plan-row .plan-price strong span{font-size:18px !important;color:#ffd457 !important;-webkit-text-fill-color:#ffd457 !important;letter-spacing:.1em;margin-left:8px}
html body .plan-row .plan-price small{margin:0 !important;padding:5px 12px;border-radius:999px;background:rgb(255 255 255 / .09) !important;color:#d9c7ec !important;-webkit-text-fill-color:#d9c7ec !important;font-size:12.5px !important;font-weight:700}
html body .plan-row .plan-mo{order:2 !important;padding:8px 22px 18px !important;background:none !important;border-bottom:1px solid var(--g-line) !important;color:#7dffb8 !important;font-size:14.5px;font-weight:800;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-start}
html body .plan-row .plan-save{background:rgb(37 211 102 / .14);color:#7dffb8;border:1px solid rgb(125 255 184 / .5);padding:3px 11px;border-radius:999px;font-size:12px;font-weight:800;font-style:normal}
html body .plan-row ul{order:3 !important;padding:18px 22px 4px !important;gap:11px !important}
html body .plan-row li{font-size:14.5px;font-weight:600}
html body .plan-row>a:not(.plan-trial){order:4 !important;margin:16px 22px 0 !important;min-height:54px;background:var(--g-btn) !important;color:#12031f !important;border:0 !important;box-shadow:0 10px 24px rgb(255 154 46 / .28) !important}
html body .plan-row.featured>a:not(.plan-trial){background:linear-gradient(135deg,#ff2fa0,#ff7a1a) !important;color:#fff !important;box-shadow:0 12px 26px rgb(255 47 160 / .4) !important}
html body .plan-row .plan-trial{order:5 !important;margin:12px 22px 22px !important}
html body .plan-row.featured{border-color:rgb(255 47 160 / .85) !important;box-shadow:0 22px 54px rgb(255 47 160 / .28) !important}
@media(max-width:1000px){html body .plan-list{grid-template-columns:1fr !important;max-width:520px;margin-left:auto;margin-right:auto;gap:18px !important}}
@media(max-width:480px){html body .plan-row .plan-price strong{font-size:56px !important}html body .plan-row .plan-name strong{font-size:18.5px !important}}
html[dir="rtl"] .plan-badge{right:auto;left:16px}

/* ---------- mobile contact bar: Chat on WhatsApp + Telegram ---------- */
html body .cta-bar{display:none}
@media(max-width:900px){
  html body .cta-bar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;gap:10px;padding:14px 14px calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,rgb(18 3 31 / 0),rgb(18 3 31 / .94) 42%)}
  html body .cta-wa{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border-radius:14px;background:#25d366 !important;background-image:none !important;color:#06210f !important;font:800 15.5px/1 var(--f-body) !important;box-shadow:0 10px 26px rgb(37 211 102 / .35)}
  html body .cta-tg{flex:none;width:58px;min-height:54px;border-radius:14px;background:#229ed9 !important;background-image:none !important;display:grid;place-items:center;box-shadow:0 10px 26px rgb(34 158 217 / .35)}
  html body .wa-float{display:none !important}
  html body{padding-bottom:84px}
}
html body .plan-row .plan-name{flex-direction:row !important;flex-wrap:nowrap !important}
html body .plan-row .plan-price strong{flex-direction:row !important;align-items:baseline !important;flex-wrap:nowrap !important}
html body .plan-row .plan-price strong span{display:inline-block !important}
html body .cta-wa svg{flex:none;width:24px;height:24px;color:#06210f}
html body .cta-wa{color:#06210f !important}

/* ---- final touches ---- */
html body .plan-row{padding-top:36px !important}
html body .plan-row .plan-name{padding-top:6px !important}
html body .plan-badge{top:10px !important;right:16px !important;padding:6px 12px;border-radius:999px}
html body .plan-row.featured::before{top:10px !important;right:16px !important;padding:6px 12px !important}
html body .plan-row::after{top:0}
html[dir="rtl"] .plan-badge,html[dir="rtl"] .plan-row.featured::before{right:auto !important;left:16px !important}
@media(max-width:640px){
  html body .pay-chip{white-space:normal;line-height:1.15;text-align:left;font-size:11px;padding:0 8px;gap:6px;justify-content:center}
  html body .pay-chip svg{height:18px}
}
html body .plan-row .plan-name{position:static !important}