/* =====================================================================
   RR Cooling Point — World-class design layer v6
   Brand source: the RR logo (navy -> royal blue -> cyan, speed lines, wave).
   Loads LAST. Remove this one <link> (and the v6 <script>) to roll back.
   ===================================================================== */

/* ---------- 1. Brand tokens (sampled from the logo) ---------- */
:root{
  --rr-abyss:#00123f;      /* deepest navy, footer / hero base */
  --rr-navy:#002a7a;       /* logo "R" shadow */
  --rr-deep:#0043a1;       /* logo "R" body */
  --rr-royal:#0069d6;      /* logo primary blue */
  --rr-azure:#0b86f0;      /* logo highlight */
  --rr-cyan:#01c7ff;       /* logo wave / speed lines */
  --rr-ice:#e8f6ff;
  --rr-mist:#f3f8ff;
  --rr-ink:#071a3d;
  --rr-muted:#47587a;
  --rr-line:#d8e5f6;
  --rr-brand:linear-gradient(120deg,#002a7a 0%,#0069d6 58%,#01c7ff 135%);
  --rr-brand-soft:linear-gradient(135deg,#e8f6ff,#f3f8ff);
  --rr-r-sm:12px; --rr-r:18px; --rr-r-lg:26px;
  --rr-sh-1:0 1px 2px rgba(0,18,63,.05),0 6px 18px -8px rgba(0,42,122,.14);
  --rr-sh-2:0 2px 4px rgba(0,18,63,.05),0 22px 44px -18px rgba(0,67,161,.28);
  --rr-glow:0 0 0 4px rgba(1,199,255,.22);
  --rr-font:Manrope,"Plus Jakarta Sans",Poppins,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  /* re-point the older layers to the logo palette */
  --blue:#0069d6; --navy:#002a7a; --ink:#071a3d; --sky:#e8f6ff; --line:#d8e5f6;
  --up-night:#00123f; --up-deep:#002a7a; --v4-grad:var(--rr-brand);
}
html{scroll-padding-top:96px}
html body{font-family:var(--rr-font);color:var(--rr-ink);background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html body h1,html body h2,html body h3,html body h4{font-family:var(--rr-font);color:var(--rr-ink)}
::selection{background:rgba(1,199,255,.28);color:var(--rr-ink)}
:focus-visible{outline:3px solid var(--rr-cyan)!important;outline-offset:3px;border-radius:6px}

/* ---------- 2. Signature: logo speed-lines + wave ---------- */
/* three tapering lines, like the left side of the logo */
.rr-speed,.pill::before,.sv-hero .crumb::before{
  content:"";display:inline-block;width:30px;height:12px;flex:none;vertical-align:middle;margin-right:10px;
  background:
    linear-gradient(90deg,var(--rr-cyan),rgba(1,199,255,0)) 0 0/100% 2px no-repeat,
    linear-gradient(90deg,var(--rr-azure),rgba(11,134,240,0)) 0 5px/78% 2px no-repeat,
    linear-gradient(90deg,var(--rr-royal),rgba(0,105,214,0)) 0 10px/56% 2px no-repeat;
}
#v-home .pill,.pill{
  display:inline-flex!important;align-items:center;background:none!important;border:0!important;border-radius:0!important;
  padding:0!important;color:var(--rr-royal)!important;font-size:13.5px!important;font-weight:800!important;
  letter-spacing:.005em!important;text-transform:none!important
}
/* wave divider used at the top of the footer and bottom of the hero */
.rr-wave{display:block;width:100%;height:56px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'><path d='M0 46C180 6 360 6 560 34s420 46 640 12c90-14 170-30 240-46V80H0z' fill='%23ffffff'/><path d='M0 58C200 20 400 24 600 46s400 30 600-6c90-16 170-30 240-34' fill='none' stroke='%2301c7ff' stroke-width='3' opacity='.85'/></svg>") center bottom/100% 100% no-repeat}

/* ---------- 3. Reading progress + header ---------- */
#rrp{position:fixed;left:0;top:0;height:3px;width:0;z-index:2147483000;background:linear-gradient(90deg,var(--rr-navy),var(--rr-royal),var(--rr-cyan));box-shadow:0 0 12px rgba(1,199,255,.7);transition:width .12s linear;pointer-events:none}
.top{background:linear-gradient(90deg,#00123f,#002a7a 60%,#00369a)!important;border-bottom:1px solid rgba(1,199,255,.35);font-size:12.5px;letter-spacing:.01em}
.top i{color:var(--rr-cyan)}
html body #hd{background:rgba(255,255,255,.88)!important;-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);
  border-bottom:1px solid var(--rr-line)!important;box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 10px 30px -22px rgba(0,42,122,.45)!important;transition:box-shadow .25s,background .25s}
html body #hd.rr-scrolled{background:rgba(255,255,255,.96)!important;box-shadow:0 14px 34px -20px rgba(0,42,122,.5)!important}
#hd .brand img{border-radius:6px}
#hd .dn a,#hd .dn .dd>a{font-family:var(--rr-font);font-size:14.5px!important;font-weight:700!important;letter-spacing:-.005em;color:var(--rr-ink)!important;background:none!important;box-shadow:none!important;border-radius:10px!important;position:relative;transition:color .2s}
#hd .dn a:hover{color:var(--rr-royal)!important}
#hd .dn a.on{color:var(--rr-royal)!important;background:none!important}
#hd .dn>a.on::after,#hd .dn .dd>a.on::after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--rr-royal),var(--rr-cyan))}
#hd .dm{border:1px solid var(--rr-line)!important;border-radius:16px!important;box-shadow:var(--rr-sh-2)!important;background:#fff!important;padding:8px!important}
#hd .dm a{border-radius:10px!important;font-weight:650!important}
#hd .dm a:hover{background:var(--rr-ice)!important;color:var(--rr-deep)!important}

/* buttons */
html body .btn{font-family:var(--rr-font);font-weight:750;letter-spacing:-.005em;border-radius:var(--rr-r-sm)!important;transition:transform .18s,box-shadow .2s,background .2s,border-color .2s,color .2s}
html body .btn.b1{background:var(--rr-brand)!important;color:#fff!important;border:0!important;box-shadow:0 10px 24px -10px rgba(0,105,214,.7),inset 0 1px 0 rgba(255,255,255,.28)!important}
html body .btn.b1:hover{transform:translateY(-1px);box-shadow:0 16px 30px -12px rgba(0,105,214,.8),0 0 0 4px rgba(1,199,255,.2),inset 0 1px 0 rgba(255,255,255,.3)!important}
html body .btn.b2{background:#fff!important;color:var(--rr-deep)!important;border:1.5px solid var(--rr-line)!important}
html body .btn.b2:hover{border-color:var(--rr-royal)!important;color:var(--rr-royal)!important;box-shadow:var(--rr-sh-1)!important}
html body .btn.bg{background:linear-gradient(135deg,#0c9b52,#16b865)!important;color:#fff!important;border:0!important;box-shadow:0 10px 22px -12px rgba(14,159,85,.8)!important}
#hd .acts .btn.b1:not(.bkhd){background:#fff!important;color:var(--rr-deep)!important;border:1.5px solid var(--rr-line)!important;box-shadow:none!important}
#hd .acts .btn.b1:not(.bkhd):hover{border-color:var(--rr-royal)!important}
.burger{border-radius:12px!important}

/* ---------- 4. Hero ---------- */
html body .hero.rr3{
  --ac:#01c7ff;--ac2:#0b86f0;
  background:
    url("/assets/img/rr-mark-ghost.webp") right -4% center/min(46vw,620px) auto no-repeat,
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 140' preserveAspectRatio='none'><path d='M0 84C220 24 420 30 640 74s420 52 640 6c70-15 120-34 160-52V140H0z' fill='%23ffffff' fill-opacity='.05'/><path d='M0 104C240 52 440 62 660 98s420 36 600-8c70-17 130-34 180-52' fill='none' stroke='%2301c7ff' stroke-width='2.5' opacity='.55'/></svg>") bottom/100% 120px no-repeat,
    radial-gradient(920px 560px at 86% -6%,rgba(1,199,255,.30),transparent 62%),
    radial-gradient(760px 520px at -4% 108%,rgba(0,105,214,.42),transparent 64%),
    linear-gradient(158deg,#00123f 0%,#002a7a 52%,#0043a1 100%)!important}
.hero.rr3 .tag{border-radius:12px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(1,199,255,.38)!important;color:#dff4ff!important;font-weight:700}
.hero.rr3 .h1{font-family:var(--rr-font)!important;font-weight:800!important;letter-spacing:-.045em!important;line-height:1!important}
.hero.rr3 .sub{font-family:var(--rr-font)!important;color:var(--rr-cyan)!important;font-weight:700!important}
.hero.rr3 .slide p{color:rgba(224,240,255,.86)!important}
.hero.rr3 .cta .btn{border-radius:14px!important;height:56px;font-weight:800}
.hero.rr3 .cta .b1{background:linear-gradient(135deg,#ffffff,#e3f5ff)!important;color:var(--rr-navy)!important;box-shadow:0 18px 38px -14px rgba(1,199,255,.75),0 0 0 1px rgba(255,255,255,.4)!important}
.hero.rr3 .cta .b2{background:rgba(255,255,255,.08)!important;border:1.5px solid rgba(255,255,255,.4)!important;color:#fff!important}
.hero.rr3 .panel img,.hero.rr3 .vis .ph1{border-radius:22px!important;border:1px solid rgba(255,255,255,.4)!important}
.hero.rr3 .chip{border-radius:12px!important;background:rgba(0,18,63,.82)!important;border-color:rgba(1,199,255,.5)!important;font-weight:800}
.hero.rr3 .sa{border-radius:14px!important}
.hero.rr3 .dots button::after{height:3px!important;border-radius:3px;background:linear-gradient(90deg,var(--rr-royal),var(--rr-cyan))!important}
.hero.rr3 .expert-tech-chip{border-radius:12px!important;border-color:rgba(1,199,255,.5)!important;background:rgba(0,18,63,.55)!important}

/* ---------- 5. Quick finder ---------- */
html body #v-home>.qs{background:linear-gradient(180deg,var(--rr-mist),#fff)!important;padding-top:0!important;margin-top:-1px}
html body .qs-card{margin-top:-46px;position:relative;z-index:6;border:1px solid var(--rr-line)!important;border-radius:var(--rr-r-lg)!important;box-shadow:var(--rr-sh-2)!important;background:#fff!important}
.qs-h{font-family:var(--rr-font);font-size:19px!important;font-weight:800;letter-spacing:-.02em}
.qs-live i{background:#16b865;box-shadow:0 0 0 4px rgba(22,184,101,.2)}
.qs-chips a{border-radius:var(--rr-r-sm)!important;border:1.5px solid var(--rr-line)!important;background:#fff!important;color:var(--rr-ink)!important;font-weight:750!important}
.qs-chips a:hover{border-color:var(--rr-cyan)!important;background:var(--rr-ice)!important;color:var(--rr-deep)!important;box-shadow:var(--rr-glow)}
.qs-chips a img{background:var(--rr-ice);border-radius:8px;padding:3px}

/* ---------- 6. Sections & headings ---------- */
html body #v-home>.sec{background:#fff!important}
html body #v-home>.sec:nth-of-type(odd){background:linear-gradient(180deg,#fff,var(--rr-mist) 22%,var(--rr-mist) 78%,#fff)!important}
html body #v-home>.sec .w>h2,html body #v-home>.sec .w>h3,html body .process-home h2,html body #v-home>.rv h2{font-family:var(--rr-font)!important;font-weight:800!important;letter-spacing:-.042em!important;color:var(--rr-ink)!important}
html body #v-home>.sec .w>p,.process-home .process-intro p{color:var(--rr-muted)!important}

/* service cards: one brand family instead of rainbow pastels */
html body #v-home .g4 .card{border:1px solid var(--rr-line)!important;border-radius:var(--rr-r)!important;box-shadow:var(--rr-sh-1)!important;background:#fff!important;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s!important}
html body #v-home .g4 .card::before{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--rr-royal),var(--rr-cyan));transition:width .4s cubic-bezier(.2,.8,.2,1);z-index:3}
html body #v-home .g4 .card:hover{transform:translateY(-6px);border-color:#9ed8ff!important;box-shadow:var(--rr-sh-2)!important}
html body #v-home .g4 .card:hover::before{width:100%}
html body #v-home .g4 .top2{background:radial-gradient(120% 120% at 20% 0%,#ffffff,var(--rr-ice) 70%,#d6efff)!important;border-radius:14px!important}
html body #v-home .g4 .top2 .ic{border:1px solid var(--rr-line)!important;border-radius:12px!important;box-shadow:var(--rr-sh-1)}
html body #v-home .g4 .card h3{font-family:var(--rr-font)!important;font-weight:800!important;letter-spacing:-.03em!important}
html body #v-home .g4 .vd,html body #v-home .g4 .card:nth-child(n) .vd{display:flex!important;justify-content:space-between;align-items:center;width:100%;padding:12px 14px!important;margin-top:14px!important;border-radius:var(--rr-r-sm)!important;background:var(--rr-ice)!important;color:var(--rr-deep)!important;font-weight:800!important;border:1px solid transparent;transition:background .25s,color .25s,border-color .25s}
html body #v-home .g4 .card:hover .vd{background:var(--rr-brand)!important;color:#fff!important}
.top2 .num,.card .num{background:#fff;color:var(--rr-royal)!important;border:1px solid var(--rr-line);border-radius:8px!important;font-weight:800}

/* one brand accent for every service card (older layer used a different colour per card) */
html body #services .g4>.card:nth-child(n){--ac:#0b86f0;--ac-soft:#e8f6ff;--ac-ink:#0043a1}

/* trust strip */
html body #v-home .svc-trust{gap:0!important;border:1px solid var(--rr-line);border-radius:var(--rr-r);overflow:hidden;background:#fff;box-shadow:var(--rr-sh-1)}
html body #v-home .svc-trust li{background:#fff!important;border:0!important;border-right:1px solid var(--rr-line)!important;border-radius:0!important}
html body #v-home .svc-trust li:last-child{border-right:0!important}
html body #v-home .svc-trust li i{background:var(--rr-brand)!important;color:#fff!important}
html body #v-home .svc-trust li b{font-size:14px!important;font-weight:800}

/* about */
html body #v-home>.about{background:linear-gradient(180deg,var(--rr-mist),#fff)!important}
html body #v-home>.about .ph{border-radius:var(--rr-r-lg)!important;box-shadow:18px 18px 0 -2px rgba(1,199,255,.16),var(--rr-sh-2)!important}
html body #v-home>.about h3{font-family:var(--rr-font)!important;font-weight:800!important;letter-spacing:-.04em!important}
html body #v-home>.about .chk i{background:var(--rr-brand)!important;color:#fff!important}
html body #v-home>.about .help{position:relative;overflow:hidden;border-radius:var(--rr-r-lg)!important;background:
  url("/assets/img/rr-mark-ghost.webp") right -40px bottom -30px/230px auto no-repeat,
  radial-gradient(260px 200px at 100% 0%,rgba(1,199,255,.35),transparent 70%),
  linear-gradient(150deg,#00123f,#002a7a 55%,#0043a1)!important;box-shadow:var(--rr-sh-2)!important}
html body #v-home>.about .help .btn{background:#fff!important;color:var(--rr-navy)!important}
html body #v-home>.about .btn.b1{border-radius:var(--rr-r-sm)!important}

/* benefit strip */
html body #v-home>.feat .ico{background:var(--rr-ice)!important;color:var(--rr-royal)!important;border-radius:14px!important}

/* process */
html body .process-steps li{border:1px solid var(--rr-line);border-radius:var(--rr-r);background:#fff;box-shadow:var(--rr-sh-1);overflow:hidden}
html body .process-steps li::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,var(--rr-royal),var(--rr-cyan));transform:scaleX(.18);transform-origin:left;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
html body .process-steps li:hover::after{transform:scaleX(1)}
html body .process-icon{background:var(--rr-brand)!important;color:#fff!important;border-radius:14px!important;box-shadow:0 12px 22px -12px rgba(0,105,214,.8)}
html body .process-no{color:var(--rr-royal)!important;font-size:13px!important;opacity:.55}
.process-steps h3{font-family:var(--rr-font);font-weight:800}
.process-foot a{color:var(--rr-royal)!important}

/* reviews, brands, areas */
html body #v-home>.rv{background:var(--rr-mist)!important}
.rc{border:1px solid var(--rr-line)!important;border-radius:var(--rr-r)!important;box-shadow:var(--rr-sh-1)!important;background:#fff!important}
html body #v-home>.bsec{background:#fff!important}
html body #v-home>.bsec h3{font-family:var(--rr-font)!important;font-weight:800!important}
html body #v-home>.bsec .bl{border:1px solid var(--rr-line)!important;border-radius:var(--rr-r-sm)!important;color:var(--rr-deep)!important;transition:border-color .2s,box-shadow .2s}
html body #v-home>.bsec .bl:hover{border-color:var(--rr-cyan)!important;box-shadow:var(--rr-glow)}
html body #v-home>#areas-home{background:var(--rr-mist)!important}
html body #v-home>#areas-home .chips a,.chips a{border:1.5px solid var(--rr-line)!important;border-radius:var(--rr-r-sm)!important;background:#fff!important;color:var(--rr-ink)!important;font-weight:700;transition:border-color .2s,background .2s,color .2s}
html body #v-home>#areas-home .chips a:hover,.chips a:hover{border-color:var(--rr-cyan)!important;background:var(--rr-ice)!important;color:var(--rr-deep)!important}
.area-toggle{border-radius:var(--rr-r-sm)!important;background:var(--rr-brand)!important;color:#fff!important;border:0!important}

/* ---------- 7. Footer ---------- */
html body footer{position:relative;background:
  url("/assets/img/rr-mark-ghost.webp") right -60px top 120px/420px auto no-repeat,
  radial-gradient(900px 420px at 90% 0%,rgba(1,199,255,.16),transparent 62%),
  linear-gradient(180deg,#00123f,#000b2b)!important;color:#c9dcf5}
html body footer .fcta{position:relative;background:var(--rr-brand)!important;border-radius:0!important;overflow:hidden}
html body footer .fcta::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.14) 50%,transparent 60%);transform:translateX(-100%);animation:rrSheen 6s ease-in-out 1.2s infinite}
@keyframes rrSheen{0%{transform:translateX(-100%)}40%,100%{transform:translateX(100%)}}
html body footer .fcta .btn{border-radius:14px!important}
html body footer .fcta .btn.bg{background:#fff!important;color:#0a7f43!important}
html body footer .fcta .btn.bg svg,html body footer .fcta .btn.bg svg path{fill:#16a34a!important}
html body footer a{transition:color .2s}
html body footer a:hover{color:var(--rr-cyan)!important}
html body footer .fc summary,html body footer h4{color:#fff!important;font-family:var(--rr-font)}
html body footer .fc summary::after,html body footer h4::after{background:linear-gradient(90deg,var(--rr-cyan),transparent)!important}
html body footer input[type=email],html body footer .nl input{border-radius:12px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important}
html body footer .nl .btn,html body footer .nl button{background:var(--rr-brand)!important;border-radius:12px!important}
html body footer .cp{border-top:1px solid rgba(1,199,255,.22)!important}
html body footer .fab,html body footer .fi{border-radius:12px!important}

/* floating actions */
.bkfab{background:var(--rr-brand)!important;border-radius:16px!important;box-shadow:0 18px 34px -12px rgba(0,105,214,.85),0 0 0 4px rgba(1,199,255,.2)!important;font-family:var(--rr-font);font-weight:800}
.fab a{border-radius:16px!important;box-shadow:0 14px 28px -12px rgba(0,18,63,.5)!important}

/* ---------- 8. Booking dialog & forms ---------- */
.bkmb{border-radius:var(--rr-r-lg)!important;box-shadow:0 40px 90px -30px rgba(0,18,63,.65)!important;overflow:hidden}
.bkh{background:linear-gradient(180deg,#fff,var(--rr-mist))!important;color:var(--rr-ink)!important;position:relative}
.bkh h2{color:var(--rr-ink)!important;font-family:var(--rr-font);font-weight:800;letter-spacing:-.03em}
.bkh p{color:var(--rr-muted)!important}
.bkh::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--rr-royal),var(--rr-cyan))}
.bkt li{color:var(--rr-deep)!important;font-weight:700}
.bkt li i{color:var(--rr-royal)!important}
#bkslot [role=radio][aria-checked=true],#bkslot button[aria-pressed=true]{background:var(--rr-brand)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 22px -12px rgba(0,105,214,.8)}
#bkslot [role=radio][aria-checked=true] i,#bkslot [role=radio][aria-checked=true] span{color:#fff!important;filter:none}
.bkq h3{font-family:var(--rr-font);font-weight:800;color:var(--rr-ink)}
html body input[type=text],html body input[type=tel],html body input[type=email],html body input[type=date],html body input[type=search],html body select,html body textarea{
  font-family:var(--rr-font);border:1.5px solid var(--rr-line)!important;border-radius:var(--rr-r-sm)!important;background:#fff;color:var(--rr-ink);transition:border-color .2s,box-shadow .2s}
html body input:focus,html body select:focus,html body textarea:focus{border-color:var(--rr-royal)!important;box-shadow:var(--rr-glow)!important;outline:0!important}
.bkm .chg button,.bkm .dchips button,.bkm .slots button,.bkm .bch{border-radius:var(--rr-r-sm)!important;border:1.5px solid var(--rr-line)!important;font-weight:700}
.bkm .chg button.on,.bkm .dchips button.on,.bkm .slots button.on,.bkm .bch.on{background:var(--rr-brand)!important;color:#fff!important;border-color:transparent!important}

/* drawer (mobile menu) */
.drawer{background:linear-gradient(180deg,#fff,var(--rr-mist))!important}
.drawer .dl a b{background:var(--rr-ice)!important;color:var(--rr-royal)!important;border-radius:12px!important}
.drawer .dl a.on{color:var(--rr-royal)!important}

/* ---------- 9. Inner pages (service, area, brand, blog, premium pages) ---------- */
.sv-hero,.pg-hero,.pm-hero{position:relative;color:#fff;background:
  url("/assets/img/rr-mark-ghost.webp") right 2% center/min(34vw,420px) auto no-repeat,
  radial-gradient(760px 420px at 90% 0%,rgba(1,199,255,.28),transparent 62%),
  linear-gradient(155deg,#00123f,#002a7a 58%,#0043a1)!important}
.sv-hero h1,.pg-hero h1,.pm-hero h1,.sv-hero p,.pg-hero p,.pm-hero p{color:#fff!important;font-family:var(--rr-font)}
.sv-hero h1,.pg-hero h1,.pm-hero h1{font-weight:800;letter-spacing:-.04em}
.crumb,.pm-crumb{font-size:13px;font-weight:650;color:rgba(224,240,255,.8)}
.crumb a,.pm-crumb a{color:var(--rr-cyan)!important}
.sv-body h2,.pg-body h2,.pm-prose h2{font-family:var(--rr-font);font-weight:800;letter-spacing:-.035em;color:var(--rr-ink)}
.sv-body h2::before,.pg-body h2::before{content:"";display:block;width:34px;height:12px;margin-bottom:12px;background:
  linear-gradient(90deg,var(--rr-cyan),rgba(1,199,255,0)) 0 0/100% 2px no-repeat,
  linear-gradient(90deg,var(--rr-azure),rgba(11,134,240,0)) 0 5px/78% 2px no-repeat,
  linear-gradient(90deg,var(--rr-royal),rgba(0,105,214,0)) 0 10px/56% 2px no-repeat}
.sv-side .sv-panel,.sv-panel,.pm-card,.pm-tile,.pm-plan,.cform{border:1px solid var(--rr-line)!important;border-radius:var(--rr-r)!important;box-shadow:var(--rr-sh-1)!important;background:#fff}
/* Equipment panel: DARK brand panel with white text + white icon.
   It used to sit in the white-card rule above, so the box turned white while its text stayed white
   (invisible text = big empty box on phones). Kept dark here, and made more compact on mobile. */
.pm-panel{border:1px solid rgba(255,255,255,.1);border-radius:var(--rr-r);background:linear-gradient(135deg,var(--rr-abyss) 0%,var(--rr-navy) 100%);box-shadow:var(--rr-sh-2);color:#fff}
.pm-panel p,.pm-panel a{color:#fff}
.pm-panel .pm-ic2{background:rgba(255,255,255,.14)}
.pm-panel .pm-ic2 svg{stroke:#fff}
@media(max-width:760px){
  .pm-panel{flex-direction:row;gap:14px;padding:20px}
  .pm-panel .pm-ic{width:40px;height:40px;border-radius:11px}
  .pm-panel .pm-ic svg{width:20px;height:20px}
  .pm-panel p{font-size:16px;line-height:1.65}
}
.pm-badge,.pm-tag{background:var(--rr-ice)!important;color:var(--rr-deep)!important;border-radius:8px!important;font-weight:800}
.faq details,.pm-faq details{border:1px solid var(--rr-line)!important;border-radius:var(--rr-r-sm)!important;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.faq details[open],.pm-faq details[open]{border-color:#9ed8ff!important;box-shadow:var(--rr-sh-1)}
.faq summary,.pm-faq summary{font-weight:800;color:var(--rr-ink)}
.pm-cta,.pm-ctab{background:var(--rr-brand)!important;border-radius:var(--rr-r-lg)!important;color:#fff!important}
.pm-steps li::before{background:var(--rr-brand)!important;color:#fff!important}
.toc{border:1px solid var(--rr-line)!important;border-radius:var(--rr-r)!important;background:var(--rr-mist)!important}
.toc a{color:var(--rr-deep)!important;font-weight:700}
table{border-collapse:separate;border-spacing:0}
.pm table th,.pg-body table th,.sv-body table th{background:var(--rr-ice);color:var(--rr-deep);font-weight:800}

/* ---------- 10. Responsive & motion ---------- */
@media(max-width:1000px){html body .qs-card{margin-top:-30px}}
@media(max-width:700px){
  html{scroll-padding-top:78px}
  html body .qs-card{margin-top:-24px;border-radius:20px!important}
  html body #v-home .svc-trust{border-radius:14px}
  html body #v-home .svc-trust li{border-right:0!important;border-bottom:1px solid var(--rr-line)!important}
  html body #v-home>.about .ph{box-shadow:10px 10px 0 -2px rgba(1,199,255,.16),var(--rr-sh-1)!important}
  .hero.rr3 .cta .btn{height:54px}
  html body footer{background-size:260px auto,auto,auto;background-position:right -40px top 90px,0 0,0 0}
}
@media(prefers-reduced-motion:reduce){
  html body footer .fcta::before{animation:none}
  #rrp{transition:none}
  *{scroll-behavior:auto!important}
}
@media print{#rrp,.fab,.bkfab,.top{display:none!important}}