/* ================================================================
   RANK RESCUE v5.0 "MOTION ATELIER"
   Kinetic. Animated mesh. Split-text stagger. Cursor spotlight.
   Magnetic CTAs. 3D tilt. Countdown clock. Conic rotating border.
   Inline SVG ranking climb. Scroll reveals. Noise. View Transitions.
   Instrument Serif + Inter Variable + Geist Mono + Boldonse.
   ================================================================ */

@view-transition { navigation: auto; }

/* ---------- PRIMITIVE TOKENS ---------- */
:root{
  --ink-950:oklch(0.12 0.018 270);
  --ink-900:oklch(0.17 0.020 268);
  --ink-850:oklch(0.195 0.022 266);
  --ink-800:oklch(0.22 0.020 264);
  --ink-700:oklch(0.30 0.020 260);
  --ink-600:oklch(0.42 0.020 260);
  --ink-500:oklch(0.52 0.018 258);
  --ink-400:oklch(0.64 0.014 255);
  --ink-300:oklch(0.78 0.010 250);
  --ink-200:oklch(0.88 0.008 245);
  --ink-100:oklch(0.94 0.006 240);

  --cream-50:oklch(0.985 0.014 86);
  --cream-100:oklch(0.965 0.024 82);
  --cream-200:oklch(0.935 0.036 80);

  --orange-50:oklch(0.97 0.030 65);
  --orange-100:oklch(0.93 0.070 60);
  --orange-300:oklch(0.82 0.140 55);
  --orange-500:oklch(0.72 0.210 48);
  --orange-600:oklch(0.645 0.215 42);
  --orange-700:oklch(0.55 0.190 38);

  --amber-300:oklch(0.88 0.130 85);
  --amber-500:oklch(0.82 0.170 78);

  --rose-500:oklch(0.68 0.190 22);
  --magenta-500:oklch(0.62 0.200 350);

  --inkblue-700:oklch(0.36 0.100 260);
  --inkblue-500:oklch(0.52 0.140 258);

  --white:#FFFFFF;

  /* SEMANTIC */
  --bg:var(--cream-50);
  --bg-alt:#FFFFFF;
  --bg-hero:var(--ink-950);
  --bg-soft:var(--orange-50);
  --text:var(--ink-900);
  --text-muted:var(--ink-500);
  --text-on-dark:var(--cream-50);
  --text-on-dark-muted:var(--ink-300);
  --border:oklch(0.92 0.008 80);
  --border-strong:var(--ink-200);
  --primary:var(--orange-500);
  --primary-hover:var(--orange-600);
  --primary-deep:var(--orange-700);
  --accent:var(--amber-500);
  --focus-ring:0 0 0 3px oklch(0.72 0.210 48 / 0.40);

  /* TYPE */
  --f-display:'Instrument Serif',Georgia,serif;
  --f-sans:'Inter','Instrument Sans',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --f-mono:'Geist Mono','JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --f-accent:'Boldonse','Instrument Serif',serif;

  --t-display:clamp(3rem,7.2vw,6.5rem);
  --t-hero-sub:clamp(1.1rem,1.6vw,1.4rem);
  --t-5xl:clamp(2.5rem,5.2vw,4rem);
  --t-4xl:clamp(2rem,4vw,3rem);
  --t-3xl:clamp(1.6rem,2.8vw,2.25rem);
  --t-2xl:clamp(1.35rem,2.2vw,1.75rem);
  --t-xl:clamp(1.2rem,1.8vw,1.45rem);
  --t-lg:1.15rem;
  --t-md:1.0625rem;
  --t-sm:0.9375rem;
  --t-xs:0.8125rem;
  --t-2xs:0.72rem;

  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px;
  --s-7:32px; --s-8:40px; --s-9:48px; --s-10:64px; --s-11:80px;
  --s-12:96px; --s-13:120px; --s-14:160px;

  --r-sm:10px; --r-md:14px; --r-lg:20px; --r-xl:28px; --r-pill:999px;

  --e-1:0 1px 2px oklch(0.12 0.018 270 / 0.04),0 2px 8px oklch(0.12 0.018 270 / 0.05);
  --e-2:0 4px 14px oklch(0.12 0.018 270 / 0.07),0 12px 32px oklch(0.12 0.018 270 / 0.09);
  --e-3:0 8px 24px oklch(0.12 0.018 270 / 0.10),0 28px 64px oklch(0.12 0.018 270 / 0.14);
  --e-4:0 14px 40px oklch(0.12 0.018 270 / 0.14),0 44px 96px oklch(0.12 0.018 270 / 0.18);
  --e-primary:0 10px 34px oklch(0.72 0.210 48 / 0.34),0 2px 8px oklch(0.72 0.210 48 / 0.20);
  --e-primary-hover:0 18px 48px oklch(0.72 0.210 48 / 0.44),0 4px 12px oklch(0.72 0.210 48 / 0.24);

  --ease-out:cubic-bezier(.22,.9,.3,1);
  --ease-spring:cubic-bezier(.34,1.56,.64,1);
  --ease-premium:cubic-bezier(.16,1,.3,1);
  --dur-fast:160ms;
  --dur-base:280ms;
  --dur-slow:520ms;

  --container:1280px;
  --pad:clamp(20px,4vw,72px);

  --cursor-x:50%;
  --cursor-y:50%;
}

/* ---------- NOISE LAYER ---------- */
:root{
  --noise-svg:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 0.12  0 0 0 0 0.01  0 0 0 0 0.01  0 0 0 0.44 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}

/* ---------- RESET + BASE ---------- */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html::view-transition-old(root),
html::view-transition-new(root){animation-duration:.4s;animation-timing-function:var(--ease-out)}

body,body.wp-site-blocks,body.page,body.single{
  background:var(--bg) !important;
  color:var(--text) !important;
  font-family:var(--f-sans) !important;
  font-size:var(--t-md) !important;
  line-height:1.62 !important;
  font-feature-settings:"ss01","cv11";
  font-variation-settings:"opsz" 14;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  position:relative;
}
*,*::before,*::after{box-sizing:border-box}
::selection{background:var(--orange-300);color:var(--ink-950)}
a:focus-visible,button:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--r-sm)}

/* ---------- HIDE KADENCE HERO + PAGE TITLE ---------- */
.page .entry-hero,.page header.entry-header,.page .entry-header-wrap,
.single-post .entry-hero,body.page .kadence-title-container,
body.page .entry-hero-container-inner,body.single-post .entry-hero-container-inner,
body.single-post .entry-header,body .above-entry-meta,body.page .entry-meta{display:none !important}

/* ================================================================
   MOTION: ANIMATED MESH GRADIENT BACKDROP (fixed, site-wide)
   Multiple layered blobs each on its own slow keyframe.
   ================================================================ */
body::before{
  content:"";
  position:fixed;inset:-10% -10% -10% -10%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(34% 44% at var(--mx1,18%) var(--my1,22%), oklch(0.72 0.21 48 / 0.26), transparent 64%),
    radial-gradient(30% 36% at var(--mx2,82%) var(--my2,18%), oklch(0.82 0.17 78 / 0.24), transparent 60%),
    radial-gradient(42% 46% at var(--mx3,52%) var(--my3,88%), oklch(0.36 0.10 260 / 0.22), transparent 62%),
    radial-gradient(26% 30% at var(--mx4,88%) var(--my4,72%), oklch(0.62 0.20 350 / 0.18), transparent 60%),
    radial-gradient(24% 28% at var(--mx5,8%)  var(--my5,62%), oklch(0.68 0.19 22 / 0.18), transparent 60%);
  filter:blur(12px) saturate(118%);
  animation:rr-mesh 22s ease-in-out infinite alternate;
  will-change:transform;
}
body::after{
  content:"";
  position:fixed;inset:0;
  z-index:0;
  pointer-events:none;
  background-image:var(--noise-svg);
  background-size:240px 240px;
  opacity:0.26;
  mix-blend-mode:multiply;
}
@keyframes rr-mesh{
  0%  {--mx1:18%;--my1:22%;--mx2:82%;--my2:18%;--mx3:52%;--my3:88%;--mx4:88%;--my4:72%;--mx5:8%; --my5:62%; transform:translate3d(0,0,0) scale(1)}
  25% {--mx1:22%;--my1:32%;--mx2:78%;--my2:24%;--mx3:48%;--my3:82%;--mx4:84%;--my4:78%;--mx5:12%;--my5:56%; transform:translate3d(0,-6px,0) scale(1.02)}
  50% {--mx1:28%;--my1:28%;--mx2:72%;--my2:30%;--mx3:54%;--my3:78%;--mx4:90%;--my4:70%;--mx5:14%;--my5:66%; transform:translate3d(4px,0,0) scale(1.01)}
  75% {--mx1:14%;--my1:26%;--mx2:86%;--my2:14%;--mx3:56%;--my3:90%;--mx4:80%;--my4:80%;--mx5:10%;--my5:60%; transform:translate3d(-4px,4px,0) scale(1.02)}
  100%{--mx1:18%;--my1:22%;--mx2:82%;--my2:18%;--mx3:52%;--my3:88%;--mx4:88%;--my4:72%;--mx5:8%; --my5:62%; transform:translate3d(0,0,0) scale(1)}
}
@supports not (background: paint(worklet)){
  /* CSS custom properties in radial-gradient positions require Houdini registered props.
     Fallback: animate the whole backdrop position gently. */
  body::before{
    animation:rr-mesh-fallback 22s ease-in-out infinite alternate;
  }
  @keyframes rr-mesh-fallback{
    0%  {transform:translate3d(0,0,0) scale(1)}
    50% {transform:translate3d(3%,2%,0) scale(1.06) rotate(1.5deg)}
    100%{transform:translate3d(0,0,0) scale(1)}
  }
}
.site-container,.content-wrap,.site-main,.site-footer,.site-header-row-container{position:relative;z-index:1}

/* ================================================================
   CURSOR SPOTLIGHT (driven by JS-set --cursor-x / --cursor-y)
   Soft orange radial that follows the pointer, mixed over content.
   ================================================================ */
@media (hover:hover){
  body::before{
    /* keep mesh */
  }
  html{--spot-size:480px}
  body{position:relative}
  body > .rr-spotlight{
    position:fixed;inset:0;
    pointer-events:none;
    z-index:3;
    background:radial-gradient(var(--spot-size) var(--spot-size) at var(--cursor-x,50%) var(--cursor-y,50%),
      oklch(0.72 0.21 48 / 0.22) 0%,
      oklch(0.72 0.21 48 / 0.08) 22%,
      transparent 62%);
    mix-blend-mode:soft-light;
    transition:opacity .35s var(--ease-out);
    opacity:1;
  }
}

/* ================================================================
   SCROLL PROGRESS BAR (scroll-timeline, pure CSS)
   ================================================================ */
@supports (animation-timeline: scroll()){
  html::before{
    content:"";
    position:fixed;
    left:0;top:0;right:0;
    height:3px;
    background:linear-gradient(90deg,var(--orange-500),var(--amber-500),var(--rose-500));
    transform-origin:0 50%;
    transform:scaleX(0);
    animation:rr-progress linear both;
    animation-timeline:scroll(root);
    z-index:9999;
    box-shadow:0 0 20px oklch(0.72 0.21 48 / 0.45);
  }
  @keyframes rr-progress{to{transform:scaleX(1)}}
}

/* ================================================================
   TYPOGRAPHY
   ================================================================ */
.entry-content{
  font-family:var(--f-sans) !important;
  font-size:var(--t-md);
  line-height:1.62;
  color:var(--text);
  max-width:none;
}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4{
  color:var(--text) !important;
  font-family:var(--f-sans) !important;
  font-weight:700 !important;
  letter-spacing:-0.03em !important;
  line-height:1.03 !important;
}
.entry-content h1{
  font-family:var(--f-sans) !important;
  font-weight:800 !important;
  font-variation-settings:"wght" 300,"opsz" 144;
  font-size:var(--t-display) !important;
  letter-spacing:-0.045em !important;
  margin:0 0 var(--s-7) 0 !important;
  max-width:16ch;
  line-height:0.95 !important;
  animation:rr-weight-in 2s var(--ease-premium,.16,1,.3,1) .2s both;
}
@keyframes rr-weight-in{
  from{font-variation-settings:"wght" 300,"opsz" 144;letter-spacing:-0.02em;filter:blur(6px);opacity:0}
  60% {filter:blur(0);opacity:1}
  to  {font-variation-settings:"wght" 800,"opsz" 144;letter-spacing:-0.045em;filter:blur(0);opacity:1}
}
.entry-content h1 em,.entry-content h1 i{
  font-family:var(--f-display) !important;
  font-style:italic !important;
  font-weight:400 !important;
  letter-spacing:-0.02em !important;
  padding-right:0.08em;
  color:var(--text);
}
/* SPLIT-TEXT KINETIC REVEAL on all H1 words */
.entry-content h1 .rr-word{
  display:inline-block;
  transform:translateY(110%);
  opacity:0;
  animation:rr-word-up .9s var(--ease-spring) both;
  animation-delay:calc(var(--i,0) * 110ms + .3s);
  will-change:transform,opacity;
}
@keyframes rr-word-up{
  0%{transform:translateY(110%) skewY(6deg);opacity:0;filter:blur(8px)}
  60%{transform:translateY(0) skewY(0);filter:blur(0);opacity:1}
  100%{transform:translateY(0) skewY(0);filter:blur(0);opacity:1}
}
.entry-content h1 .rr-word-wrap{
  display:inline-block;
  overflow:hidden;
  line-height:inherit;
  vertical-align:top;
  margin-right:0.2em;
}

.entry-content h2{
  font-size:var(--t-4xl) !important;
  margin:var(--s-9) 0 var(--s-5) 0 !important;
  max-width:24ch;
  letter-spacing:-0.035em !important;
  line-height:1.05 !important;
}
.entry-content h2 em,.entry-content h2 i{
  font-family:var(--f-display) !important;
  font-style:italic !important;
  font-weight:400 !important;
}
.entry-content h3{
  font-family:var(--f-sans) !important;
  font-size:var(--t-xl) !important;
  font-weight:600 !important;
  letter-spacing:-0.02em !important;
  margin:var(--s-7) 0 var(--s-3) 0 !important;
  line-height:1.2 !important;
}
.entry-content p{
  font-size:var(--t-md);
  line-height:1.65;
  color:var(--text);
  max-width:66ch;
  margin:0 0 var(--s-5) 0;
}
.entry-content p:has(.rr-trustpill),
.entry-content p:has(.btn),
.entry-content p:has(.rr-bento),
.entry-content p:has(.rr-marquee),
.entry-content p:has(.rr-countdown),
.entry-content p:has(.rr-serp){max-width:none !important}
.entry-content a{
  color:var(--primary-deep);
  font-weight:600;
  text-decoration:none;
  background-image:linear-gradient(var(--primary),var(--primary));
  background-size:100% 2px;
  background-position:0 100%;
  background-repeat:no-repeat;
  padding-bottom:2px;
  transition:color var(--dur-base) var(--ease-out),background-size var(--dur-base) var(--ease-out);
}
.entry-content a:hover{color:var(--primary-hover);background-size:100% 100%;background-image:linear-gradient(oklch(0.72 0.21 48 / 0.18),oklch(0.72 0.21 48 / 0.18))}
.entry-content a.btn{background-image:none !important;padding-bottom:var(--s-4)}
.entry-content strong{color:var(--text);font-weight:700}
.entry-content ul,.entry-content ol{
  font-size:var(--t-md);line-height:1.65;color:var(--text);
  max-width:66ch;margin:0 0 var(--s-6) 0;padding-left:var(--s-6);
}
.entry-content ul li,.entry-content ol li{margin-bottom:var(--s-2)}

/* ---------- CONTAINER ---------- */
.site-container,.content-container,.content-container.site-container,
.content-wrap.site-content,.site-main{max-width:var(--container) !important}
.content-container.site-container{padding-top:0 !important;padding-bottom:var(--s-11) !important}
.entry-content > p:first-child,.entry-content > h1:first-child{margin-top:0 !important}

/* ---------- EYEBROW ---------- */
.entry-content .rr-eyebrow,.entry-content p.rr-eyebrow{
  display:inline-flex !important;align-items:center;gap:var(--s-2);
  font-family:var(--f-mono) !important;
  font-size:0.78rem !important;
  font-weight:500 !important;
  color:var(--text-muted) !important;
  text-transform:uppercase !important;
  letter-spacing:0.18em !important;
  margin:0 0 var(--s-6) 0 !important;
  padding:0 !important;
  background:none !important;
  border:none !important;
  max-width:none !important;
  animation:rr-fade-in .8s var(--ease-out) .05s both;
}
.entry-content .rr-eyebrow::before{
  content:"";
  width:28px;
  height:1px;
  background:var(--primary);
  display:inline-block;
  margin-right:var(--s-1);
  animation:rr-bar-in 1s var(--ease-out) .3s both;
  transform-origin:left center;
}
@keyframes rr-fade-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@keyframes rr-bar-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* ---------- BUTTONS (magnetic-ready, ring pulse) ---------- */
.entry-content a.btn,.entry-content .btn,a.btn,.btn{
  position:relative;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:var(--s-3) !important;
  background:var(--primary) !important;
  color:var(--white) !important;
  border:0 !important;
  border-radius:var(--r-sm) !important;
  padding:var(--s-5) var(--s-8) !important;
  font-family:var(--f-sans) !important;
  font-size:var(--t-md) !important;
  font-weight:600 !important;
  letter-spacing:-0.01em !important;
  text-decoration:none !important;
  min-height:58px !important;
  box-shadow:var(--e-primary) !important;
  transition:
    background var(--dur-base) var(--ease-out),
    box-shadow var(--dur-base) var(--ease-out),
    transform var(--dur-fast) var(--ease-out) !important;
  margin:0 var(--s-3) var(--s-3) 0 !important;
  cursor:pointer !important;
  isolation:isolate;
  overflow:visible;
  /* magnetic offsets set by JS */
  transform:translate3d(var(--mag-x,0),var(--mag-y,0),0);
}
.entry-content a.btn::before,.entry-content .btn::before{
  content:"";
  position:absolute;
  inset:-4px;
  border-radius:calc(var(--r-sm) + 4px);
  border:2px solid var(--primary);
  opacity:0;
  z-index:-1;
  animation:rr-ring-pulse 3.6s var(--ease-out) infinite;opacity:0;
}
.entry-content a.btn::after{
  content:"\2192";
  font-family:var(--f-sans);
  font-weight:500;
  margin-left:var(--s-1);
  transition:transform var(--dur-base) var(--ease-out);
  display:inline-block;
}
.entry-content a.btn:hover{
  background:var(--primary-hover) !important;
  color:var(--white) !important;
  box-shadow:var(--e-primary-hover) !important;
}
.entry-content a.btn:hover::after{transform:translateX(5px)}
.entry-content a.btn:active{transform:translate3d(var(--mag-x,0),calc(var(--mag-y,0) + 1px),0)}
.entry-content a.btn.is-style-outline,.entry-content .btn.is-style-outline{
  background:transparent !important;
  color:var(--text) !important;
  border:1.5px solid var(--ink-700) !important;
  box-shadow:none !important;
}
.entry-content a.btn.is-style-outline::before{display:none}
.entry-content a.btn.is-style-outline:hover{
  background:var(--ink-950) !important;
  color:var(--cream-50) !important;
  border-color:var(--ink-950) !important;
  box-shadow:var(--e-2) !important;
}
@keyframes rr-ring-pulse{
  0%{opacity:0;transform:scale(.96)}
  30%{opacity:0.55}
  100%{opacity:0;transform:scale(1.12)}
}

/* ================================================================
   COUNTDOWN CLOCK (hero centerpiece)
   ================================================================ */
.entry-content .rr-countdown{
  position:relative;
  display:flex;
  align-items:flex-end;
  gap:var(--s-4);
  flex-wrap:wrap;
  margin:var(--s-4) 0 var(--s-8) 0;
  padding:var(--s-6) var(--s-7);
  background:linear-gradient(135deg, var(--ink-950) 0%, var(--ink-850) 100%);
  border:1px solid var(--ink-800);
  border-radius:var(--r-lg);
  box-shadow:var(--e-3), inset 0 1px 0 oklch(1 0 0 / 0.06);
  overflow:hidden;
  isolation:isolate;
}
.entry-content .rr-countdown::before{
  content:"";
  position:absolute;inset:0;
  background:
    radial-gradient(80% 90% at 100% 0%, oklch(0.72 0.21 48 / 0.30), transparent 55%),
    radial-gradient(60% 80% at 0% 100%, oklch(0.62 0.20 350 / 0.20), transparent 55%);
  z-index:-1;
}
.entry-content .rr-countdown::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background-image:var(--noise-svg);background-size:240px 240px;opacity:0.5;mix-blend-mode:overlay;
}
.entry-content .rr-countdown-label{
  font-family:var(--f-mono);
  font-size:0.72rem;
  font-weight:500;
  letter-spacing:0.2em;
  text-transform:uppercase;
  color:var(--amber-300);
  display:flex;align-items:center;gap:var(--s-2);
  padding-bottom:var(--s-2);
}
.entry-content .rr-countdown-label::before{
  content:"";
  width:8px;height:8px;border-radius:50%;
  background:var(--orange-500);
  box-shadow:0 0 0 3px oklch(0.72 0.21 48 / 0.18), 0 0 16px oklch(0.72 0.21 48 / 0.8);
  animation:rr-live 1.6s var(--ease-out) infinite;
}
@keyframes rr-live{
  0%,100%{box-shadow:0 0 0 3px oklch(0.72 0.21 48 / 0.18), 0 0 16px oklch(0.72 0.21 48 / 0.8);transform:scale(1)}
  50%{box-shadow:0 0 0 6px oklch(0.72 0.21 48 / 0.08), 0 0 28px oklch(0.72 0.21 48 / 1);transform:scale(1.08)}
}
.entry-content .rr-countdown-digits{
  display:flex;
  gap:var(--s-2);
  align-items:baseline;
  font-family:var(--f-mono) !important;
  font-size:clamp(2.6rem, 6vw, 4.4rem);
  font-weight:500;
  color:var(--cream-50);
  letter-spacing:-0.04em;
  line-height:1;
  font-variant-numeric:tabular-nums;
  text-shadow:0 0 30px oklch(0.72 0.21 48 / 0.35);
}
.entry-content .rr-countdown-digits .rr-unit{
  font-family:var(--f-mono);
  font-size:0.72rem;
  font-weight:500;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:var(--ink-300);
  margin-left:2px;
  margin-right:var(--s-3);
  vertical-align:text-bottom;
}
.entry-content .rr-countdown-digits .rr-colon{color:var(--orange-500);animation:rr-blink 1s step-start infinite}
@keyframes rr-blink{50%{opacity:.28}}

/* ================================================================
   SERP RANKING CLIMB SVG (hero decoration)
   ================================================================ */
.entry-content .rr-serp{
  position:relative;
  display:block;
  margin:var(--s-6) 0 var(--s-4);
  max-width:520px;
}
.entry-content .rr-serp svg{width:100%;height:auto;display:block}
.entry-content .rr-serp .rr-serp-line{
  stroke:var(--orange-500);
  stroke-width:2.5;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:600;
  stroke-dashoffset:600;
  filter:drop-shadow(0 4px 18px oklch(0.72 0.21 48 / 0.5));
  animation:rr-draw 3.2s var(--ease-premium) 1.2s both;
}
@keyframes rr-draw{to{stroke-dashoffset:0}}
.entry-content .rr-serp .rr-serp-dot{
  fill:var(--orange-500);
  opacity:0;
  animation:rr-pop 1.4s var(--ease-spring) 3.8s both, rr-pulse 3s var(--ease-out) 5.2s infinite;
  transform-origin:center;
  filter:drop-shadow(0 0 12px oklch(0.72 0.21 48 / 0.8));
}
@keyframes rr-pop{0%{opacity:0;r:0}70%{opacity:1;r:10}100%{opacity:1;r:8}}
@keyframes rr-pulse{0%,100%{r:8;opacity:1}50%{r:11;opacity:.75}}
.entry-content .rr-serp .rr-serp-label{
  font-family:var(--f-mono);
  font-size:0.68rem;
  fill:var(--ink-500);
  letter-spacing:0.1em;
  text-transform:uppercase;
}
.entry-content .rr-serp .rr-serp-rank{
  font-family:var(--f-display);
  font-style:italic;
  font-size:22px;
  fill:var(--ink-900);
  font-weight:400;
}
.entry-content .rr-serp .rr-serp-rank-new{fill:var(--orange-600);font-weight:500}

/* ================================================================
   BENTO TRUST GRID with animated inline SVG icons
   ================================================================ */
.entry-content .rr-bento{
  display:grid !important;
  grid-template-columns:repeat(4,1fr);
  gap:var(--s-3);
  margin:var(--s-7) 0 var(--s-8) 0 !important;
  max-width:none;
}
.entry-content .rr-bento-tile{
  position:relative;
  background:var(--bg-alt);
  border:1px solid var(--border);
  border-radius:var(--r-md);
  padding:var(--s-6);
  display:flex;
  flex-direction:column;
  gap:var(--s-3);
  min-height:160px;
  overflow:hidden;
  transition:border-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);
}
.entry-content .rr-bento-tile::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(140% 110% at 100% 0%,oklch(0.72 0.21 48 / 0.09),transparent 55%);
  pointer-events:none;
  opacity:0;
  transition:opacity var(--dur-base) var(--ease-out);
}
.entry-content .rr-bento-tile:hover{
  border-color:var(--primary);
  transform:translateY(-4px);
  box-shadow:var(--e-2);
}
.entry-content .rr-bento-tile:hover::before{opacity:1}
.entry-content .rr-bento-icon{
  width:44px;height:44px;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--bg-soft);
  border:1px solid oklch(0.72 0.21 48 / 0.28);
  border-radius:var(--r-sm);
  color:var(--primary-deep);
  flex-shrink:0;
}
.entry-content .rr-bento-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
/* Animations per icon */
.entry-content .rr-bento-tile:nth-child(1) .rr-ic-hand{
  transform-origin:12px 12px;
  animation:rr-clock-tick 60s steps(60) infinite;
}
@keyframes rr-clock-tick{to{transform:rotate(360deg)}}
.entry-content .rr-bento-tile:nth-child(2) .rr-ic-shield{
  animation:rr-shield-pulse 5s var(--ease-out) infinite;
  transform-origin:center;
}
@keyframes rr-shield-pulse{0%,100%{opacity:1}50%{opacity:0.55;transform:scale(0.96)}}
.entry-content .rr-bento-tile:nth-child(3) .rr-ic-lock-bolt{
  animation:rr-bolt 4s var(--ease-out) infinite;
}
@keyframes rr-bolt{0%,90%,100%{opacity:0}10%,30%,50%{opacity:1}20%,40%{opacity:0}}
.entry-content .rr-bento-tile:nth-child(4) .rr-ic-flag-wave{
  animation:rr-flag 4s var(--ease-out) infinite;
  transform-origin:center;
}
@keyframes rr-flag{0%,100%{transform:skewY(0)}25%{transform:skewY(-3deg)}75%{transform:skewY(3deg)}}

.entry-content .rr-bento-title{
  font-family:var(--f-sans);
  font-size:var(--t-md);
  font-weight:600;
  color:var(--text);
  letter-spacing:-0.01em;
  line-height:1.25;
  margin:0;
}
.entry-content .rr-bento-desc{
  font-family:var(--f-sans);
  font-size:var(--t-sm);
  color:var(--text-muted);
  line-height:1.5;
  margin:0;
}
@media(max-width:900px){.entry-content .rr-bento{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.entry-content .rr-bento{grid-template-columns:1fr}}

/* ---------- MARQUEE ---------- */
.entry-content .rr-marquee{
  position:relative;
  margin:var(--s-7) calc(var(--pad) * -1) var(--s-8);
  padding:var(--s-6) 0;
  overflow:hidden;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
}
.entry-content .rr-marquee-track{
  display:flex;
  gap:var(--s-10);
  width:max-content;
  animation:rr-marquee 45s linear infinite;
}
.entry-content .rr-marquee-item{
  font-family:var(--f-display);
  font-style:italic;
  font-size:clamp(1.4rem,2.4vw,2rem);
  color:var(--text-muted);
  letter-spacing:-0.02em;
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  gap:var(--s-3);
}
.entry-content .rr-marquee-item::after{
  content:"\2217";
  color:var(--primary);
  font-family:var(--f-sans);
  font-style:normal;
  font-size:1.1rem;
  margin-left:var(--s-8);
}
@keyframes rr-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- PROBLEM LIST ---------- */
.entry-content ul.rr-problemlist{
  list-style:none !important;padding-left:0 !important;
  margin:var(--s-8) 0 var(--s-9) 0 !important;
  display:grid !important;
  grid-template-columns:repeat(2,1fr);
  gap:var(--s-3) !important;max-width:none;
}
.entry-content ul.rr-problemlist li{
  display:flex !important;align-items:flex-start !important;gap:var(--s-4) !important;
  font-size:var(--t-md) !important;line-height:1.55 !important;margin:0 !important;
  padding:var(--s-5) var(--s-6);
  background:var(--bg-alt);
  border:1px solid var(--border);
  border-radius:var(--r-md);
  transition:border-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out);
}
.entry-content ul.rr-problemlist li:hover{border-color:var(--primary);transform:translateY(-2px)}
.entry-content ul.rr-problemlist li::marker{content:""}
.entry-content ul.rr-problemlist li::before{
  content:"" !important;flex:0 0 auto !important;
  width:24px !important;height:24px !important;margin-top:2px !important;
  background:radial-gradient(circle at 30% 30%,oklch(0.82 0.14 55),oklch(0.72 0.21 48)) !important;
  border-radius:50% !important;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>"),radial-gradient(circle at 30% 30%,oklch(0.82 0.14 55),oklch(0.72 0.21 48)) !important;
  background-size:14px 14px,cover !important;
  background-repeat:no-repeat,no-repeat !important;
  background-position:center,center !important;
  box-shadow:0 3px 10px oklch(0.72 0.21 48 / 0.3);
}
@media(max-width:760px){.entry-content ul.rr-problemlist{grid-template-columns:1fr}}

/* ---------- GUARANTEE BLOCK ---------- */
.entry-content .rr-guarantee,.rr-guarantee{
  position:relative;
  background:
    radial-gradient(120% 90% at 100% 0%,oklch(0.55 0.19 38 / 0.24),transparent 55%),
    linear-gradient(135deg,var(--ink-950) 0%,var(--ink-800) 100%) !important;
  color:var(--text-on-dark) !important;
  border-radius:var(--r-xl) !important;
  padding:clamp(40px,6vw,72px) !important;
  margin:var(--s-12) 0 !important;
  box-shadow:var(--e-3);
  overflow:hidden;
  border:1px solid var(--ink-800);
}
.entry-content .rr-guarantee::before{
  content:"";position:absolute;top:0;left:0;width:6px;height:100%;
  background:linear-gradient(180deg,var(--amber-300) 0%,var(--orange-500) 40%,var(--orange-700) 100%);
}
.entry-content .rr-guarantee::after{
  content:"";position:absolute;inset:0;
  background-image:var(--noise-svg);background-size:240px 240px;
  opacity:0.5;mix-blend-mode:overlay;pointer-events:none;
}
.entry-content .rr-guarantee h2{
  color:var(--text-on-dark) !important;
  margin:var(--s-4) 0 var(--s-4) 0 !important;
  font-family:var(--f-sans) !important;
  font-weight:700 !important;
  font-size:var(--t-3xl) !important;
  max-width:none !important;
}
.entry-content .rr-guarantee p{
  color:var(--ink-300) !important;
  font-size:var(--t-lg) !important;
  line-height:1.55 !important;
  max-width:680px !important;
  margin:0 !important;
}
.entry-content .rr-badge,.rr-badge{
  display:inline-flex !important;align-items:center;gap:var(--s-2);
  background:transparent !important;
  color:var(--amber-300) !important;
  font-family:var(--f-mono) !important;
  font-weight:500 !important;
  font-size:0.72rem !important;
  letter-spacing:0.2em !important;
  text-transform:uppercase !important;
  padding:0 !important;
  border:0 !important;
  margin-bottom:var(--s-4) !important;
  border-radius:0 !important;
}
.entry-content .rr-badge::before{
  content:"";width:24px;height:1px;background:var(--amber-300);display:inline-block;margin-right:var(--s-1);
}

/* ---------- PRICING GRID + 3D TILT + CONIC BORDER ---------- */
.entry-content .rr-pricing-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:var(--s-5);
  margin:var(--s-9) 0 var(--s-11) 0;
  max-width:none;
  perspective:1200px;
}
.entry-content .rr-pricecard,.rr-pricecard{
  position:relative;
  background:var(--bg-alt) !important;
  border:1px solid var(--border) !important;
  border-radius:var(--r-lg) !important;
  padding:var(--s-8) !important;
  margin:0 !important;max-width:none !important;
  box-shadow:var(--e-1);
  transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);
  display:flex;flex-direction:column;
  overflow:hidden;
  transform:perspective(1200px) rotateX(var(--ry,0)) rotateY(var(--rx,0)) translate3d(0,0,0);
  transform-style:preserve-3d;
  will-change:transform;
}
.entry-content .rr-pricecard::after{
  content:"";position:absolute;inset:0;
  background-image:var(--noise-svg);background-size:240px 240px;
  opacity:0.12;mix-blend-mode:multiply;pointer-events:none;
}
.entry-content .rr-pricecard:hover,.rr-pricecard:hover{
  border-color:var(--ink-300);
  box-shadow:var(--e-3);
}
.entry-content .rr-pricecard.featured,.rr-pricecard.featured{
  background:linear-gradient(180deg,var(--bg-soft) 0%,var(--bg-alt) 55%) !important;
  border:1.5px solid var(--primary) !important;
  box-shadow:0 24px 64px oklch(0.72 0.21 48 / 0.28),var(--e-3) !important;
}
.entry-content .rr-pricecard.featured::before{
  content:"MOST POPULAR";
  position:absolute;top:-14px;left:50%;transform:translateX(-50%);
  background:var(--ink-950);
  color:var(--amber-300);
  font-family:var(--f-mono);
  font-size:0.68rem;
  font-weight:500;
  padding:var(--s-2) var(--s-4);
  border-radius:var(--r-pill);
  letter-spacing:0.2em;
  white-space:nowrap;
  border:1px solid var(--ink-800);
  box-shadow:0 6px 16px oklch(0.12 0.018 270 / 0.4);
  z-index:2;
}
.entry-content .rr-pricecard > *{position:relative;z-index:1}
.entry-content .rr-pricecard .role,.rr-pricecard .role{
  font-family:var(--f-mono) !important;
  font-size:0.72rem !important;
  font-weight:500 !important;
  color:var(--text-muted) !important;
  text-transform:uppercase !important;
  letter-spacing:0.18em !important;
  margin-bottom:var(--s-3) !important;
}
.entry-content .rr-pricecard h3,.rr-pricecard h3{
  font-family:var(--f-sans) !important;
  font-size:var(--t-xl) !important;
  font-weight:600 !important;
  margin:0 0 var(--s-3) 0 !important;
  letter-spacing:-0.015em !important;
  color:var(--text) !important;
}
.entry-content .rr-pricecard .amount,.rr-pricecard .amount{
  font-family:var(--f-display) !important;
  font-style:italic;
  font-size:clamp(2.8rem,4.4vw,3.8rem) !important;
  font-weight:400 !important;
  color:var(--text) !important;
  letter-spacing:-0.035em !important;
  margin:var(--s-3) 0 var(--s-4) 0 !important;
  font-variant-numeric:tabular-nums !important;
  line-height:0.95 !important;
}
.entry-content .rr-pricecard .amount small,.rr-pricecard .amount small{
  font-family:var(--f-mono) !important;
  font-style:normal;
  font-size:0.8rem !important;
  color:var(--text-muted) !important;
  font-weight:400 !important;
  margin-left:var(--s-2) !important;
}
.entry-content .rr-pricecard p{
  font-size:var(--t-sm) !important;
  color:var(--text-muted) !important;
  line-height:1.55 !important;
  flex:1;
  margin-bottom:var(--s-5) !important;
}
.entry-content .rr-pricecard .btn{
  width:100% !important;
  padding:var(--s-4) var(--s-5) !important;
  min-height:52px !important;
  font-size:var(--t-sm) !important;
  margin:0 !important;
}

/* Animated conic gradient wrapper for featured */
.entry-content .rr-glow-wrap{
  position:relative;
  padding:2px;
  border-radius:calc(var(--r-lg) + 2px);
  isolation:isolate;
}
.entry-content .rr-glow-wrap::before{
  content:"";
  position:absolute;inset:-2px;
  border-radius:inherit;
  background:conic-gradient(from 0deg,
    var(--orange-500),
    var(--amber-500),
    var(--rose-500),
    var(--magenta-500),
    var(--orange-700),
    var(--orange-500));
  animation:rr-spin 6s linear infinite;
  z-index:-1;
  filter:blur(2px);
}
.entry-content .rr-glow-wrap::after{
  content:"";
  position:absolute;inset:0;
  background:var(--bg-alt);
  border-radius:inherit;
  z-index:-1;
}
@keyframes rr-spin{to{transform:rotate(1turn)}}

/* ---------- FAQ details ---------- */
.entry-content details{
  background:var(--bg-alt);
  border:1px solid var(--border);
  border-radius:var(--r-md);
  padding:var(--s-5) var(--s-6);
  margin-bottom:var(--s-3);
  transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);
}
.entry-content details[open]{
  border-color:var(--primary);
  box-shadow:0 10px 32px oklch(0.72 0.21 48 / 0.14);
}
.entry-content details summary{
  font-family:var(--f-sans);
  font-weight:600;
  font-size:var(--t-lg);
  cursor:pointer;
  list-style:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:var(--s-4);
  color:var(--text);
  letter-spacing:-0.01em;
}
.entry-content details summary::-webkit-details-marker{display:none}
.entry-content details summary::after{
  content:"";
  flex-shrink:0;
  width:28px;height:28px;border-radius:50%;
  border:1.5px solid var(--ink-300);
  background:
    linear-gradient(currentColor,currentColor) center/10px 1.5px no-repeat,
    linear-gradient(currentColor,currentColor) center/1.5px 10px no-repeat;
  color:var(--text-muted);
  transition:transform var(--dur-base) var(--ease-out),color var(--dur-base),border-color var(--dur-base);
}
.entry-content details[open] summary::after{
  transform:rotate(135deg);
  color:var(--primary);
  border-color:var(--primary);
}

/* ---------- SECTION DIVIDERS ---------- */
.entry-content > h2{
  position:relative;
  padding-top:var(--s-10);
  border-top:1px solid var(--border);
}
.entry-content > h2::before{
  content:"";position:absolute;top:-1px;left:0;
  width:80px;height:2px;
  background:linear-gradient(90deg,var(--primary),var(--amber-500));
  border-radius:var(--r-pill);
}

/* ---------- HEADER ---------- */
body .site-header-row-container{
  background:oklch(0.985 0.014 86 / 0.72) !important;
  backdrop-filter:saturate(200%) blur(18px);
  -webkit-backdrop-filter:saturate(200%) blur(18px);
  border-bottom:1px solid oklch(0.92 0.008 80 / 0.8) !important;
}
.site-branding .site-title,.site-branding .site-title a,.site-title a{
  font-family:var(--f-sans) !important;
  color:var(--text) !important;
  font-weight:700 !important;
  font-size:1.35rem !important;
  letter-spacing:-0.03em !important;
  text-decoration:none !important;
  background:none !important;padding:0 !important;
  display:inline-flex;align-items:center;gap:var(--s-2);
}
.site-branding .site-title a::before{
  content:"";display:inline-block;
  width:10px;height:10px;
  background:var(--primary);
  border-radius:50%;
  box-shadow:
    0 0 0 3px oklch(0.72 0.21 48 / 0.18),
    0 4px 12px oklch(0.72 0.21 48 / 0.35);
  animation:rr-dot-pulse 2.8s var(--ease-out) infinite;
}
@keyframes rr-dot-pulse{
  0%,100%{box-shadow:0 0 0 3px oklch(0.72 0.21 48 / 0.18),0 4px 12px oklch(0.72 0.21 48 / 0.35)}
  50%{box-shadow:0 0 0 5px oklch(0.72 0.21 48 / 0.08),0 4px 18px oklch(0.72 0.21 48 / 0.55)}
}
.main-navigation .menu > li > a,.header-navigation .menu-item a,
.site-main-header-inner-wrap .menu > li > a{
  font-family:var(--f-sans) !important;
  color:var(--text) !important;
  font-weight:500 !important;
  font-size:var(--t-sm) !important;
  letter-spacing:-0.005em !important;
  text-decoration:none !important;
  background-image:none !important;
  padding:var(--s-3) var(--s-4) !important;
  transition:color var(--dur-base) var(--ease-out);
}
.main-navigation .menu > li > a:hover{color:var(--primary) !important}

/* ---------- FOOTER ---------- */
.site-footer,.site-footer *{
  background:var(--ink-950) !important;
  color:var(--ink-300) !important;
  border:0 !important;
}
.site-footer{
  position:relative;
  padding:var(--s-12) 0 var(--s-10) 0 !important;
  border-top:1px solid var(--ink-800) !important;
}
.site-footer::before{
  content:"";position:absolute;inset:0;
  background-image:var(--noise-svg);background-size:240px 240px;
  opacity:0.35;mix-blend-mode:overlay;pointer-events:none;
}
.site-footer a{color:var(--ink-300) !important;background-image:none !important;padding:0 !important;font-weight:500}
.site-footer a:hover{color:var(--primary) !important}

/* ---------- HERO HOME ---------- */
.rr-home .content-container.site-container{padding-top:0 !important}
.rr-home .entry-content{position:relative}
.rr-home .entry-content > p.rr-eyebrow{padding-top:0 !important}
.rr-home .entry-content > h1{
  font-size:var(--t-display) !important;
  line-height:0.95 !important;
  letter-spacing:-0.05em !important;
  max-width:18ch;
}

/* ================================================================
   SCROLL REVEALS (animation-timeline: view())
   ================================================================ */
@supports (animation-timeline:view()){
  .entry-content .rr-bento-tile,
  .entry-content ul.rr-problemlist li,
  .entry-content .rr-pricecard,
  .entry-content details,
  .entry-content .rr-countdown,
  .entry-content .rr-serp{
    animation:rr-reveal both;
    animation-timeline:view();
    animation-range:entry 0% entry 55%;
  }
  @keyframes rr-reveal{
    from{opacity:0;transform:translateY(28px)}
    to{opacity:1;transform:translateY(0)}
  }
}

/* ---------- RESPONSIVE ---------- */
@media(max-width:900px){
  .entry-content h1{font-size:var(--t-4xl) !important;max-width:none}
  .entry-content h2{font-size:var(--t-3xl) !important;max-width:none}
  .entry-content .rr-guarantee{padding:var(--s-9) !important}
  .entry-content .rr-pricing-grid{grid-template-columns:1fr;perspective:none}
  .entry-content .rr-pricecard{transform:none !important}
}
@media(max-width:560px){
  .entry-content a.btn{width:100% !important;margin-right:0 !important}
  .content-container.site-container{padding-top:var(--s-8) !important}
  .entry-content .rr-marquee{margin-left:-20px;margin-right:-20px}
}

/* ================================================================
   REDUCED MOTION
   ================================================================ */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
  body::before,body::after{animation:none !important}
  body > .rr-spotlight{display:none !important}
  .entry-content h1{font-variation-settings:"wght" 800,"opsz" 144 !important}
  .entry-content h1 .rr-word{transform:none !important;opacity:1 !important;animation:none !important;filter:none !important}
}


/* ================================================================
   v6 HERO SECTION (dark, 2-column, choreographed)
   ================================================================ */
.rr-hero{
  position:relative;
  width:100vw;left:50%;margin-left:-50vw;
  background:var(--ink-950);
  padding:clamp(72px,9vw,130px) 0 clamp(56px,7vw,96px);
  overflow:hidden;isolation:isolate;
  margin-bottom:0;
}
.rr-hero::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(55% 45% at 65% 25%,oklch(0.72 0.21 48 / 0.18),transparent 58%),
    radial-gradient(45% 55% at 25% 75%,oklch(0.52 0.14 258 / 0.14),transparent 52%),
    radial-gradient(40% 35% at 85% 65%,oklch(0.62 0.20 350 / 0.10),transparent 48%);
  animation:rr-hero-glow 20s ease-in-out infinite alternate;z-index:0;
}
@keyframes rr-hero-glow{
  0%{opacity:.65;transform:scale(1)}
  50%{opacity:1;transform:scale(1.05) translate(1.5%,-1%)}
  100%{opacity:.65;transform:scale(1)}
}
.rr-hero::after{
  content:"";position:absolute;inset:0;
  background-image:var(--noise-svg);background-size:240px 240px;
  opacity:0.30;mix-blend-mode:overlay;pointer-events:none;z-index:0;
}
.rr-hero-inner{
  position:relative;z-index:1;
  max-width:var(--container);margin:0 auto;padding:0 var(--pad);
  display:grid;grid-template-columns:1.35fr 1fr;
  gap:var(--s-7) var(--s-10);align-items:center;
}
.rr-hero-text{display:flex;flex-direction:column;gap:0}
.rr-hero .rr-eyebrow{
  color:var(--ink-300) !important;margin-bottom:var(--s-5) !important;
  padding:0 !important;animation:rr-fade-in .8s var(--ease-premium) .1s both;
}
.rr-hero .rr-eyebrow::before{background:var(--orange-500)}
.rr-hero h1{
  color:var(--cream-50) !important;margin-bottom:var(--s-5) !important;
  max-width:16ch;font-size:var(--t-display) !important;
}
.rr-hero h1 em{color:var(--orange-300) !important}
.rr-hero .rr-hero-lead{
  color:var(--ink-300) !important;font-size:var(--t-hero-sub) !important;
  line-height:1.6 !important;max-width:46ch !important;
  margin-bottom:var(--s-7) !important;
  animation:rr-fade-in .8s var(--ease-premium) .55s both;
}
.rr-hero .rr-hero-actions{
  display:flex !important;flex-wrap:wrap;gap:var(--s-3);
  margin-bottom:0 !important;max-width:none !important;
  animation:rr-fade-in .8s var(--ease-premium) .7s both;
}
.rr-hero .btn{
  font-size:var(--t-md) !important;min-height:60px !important;
  padding:var(--s-5) var(--s-9) !important;
  box-shadow:0 12px 40px oklch(0.72 0.21 48 / 0.4),0 2px 10px oklch(0.72 0.21 48 / 0.25) !important;
}
.rr-hero .btn:hover{
  box-shadow:0 18px 52px oklch(0.72 0.21 48 / 0.55),0 4px 14px oklch(0.72 0.21 48 / 0.3) !important;
  transform:translate3d(var(--mag-x,0),calc(var(--mag-y,0) - 2px),0) !important;
}
.rr-hero .btn.is-style-outline{
  border-color:var(--ink-600) !important;color:var(--cream-50) !important;
  box-shadow:none !important;
}
.rr-hero .btn.is-style-outline:hover{
  background:var(--cream-50) !important;color:var(--ink-950) !important;
  border-color:var(--cream-50) !important;box-shadow:var(--e-2) !important;
}
.rr-hero-visual{
  position:relative;display:flex;flex-direction:column;gap:var(--s-4);
  animation:rr-hero-vis-in 1.2s var(--ease-premium) .4s both;
}
@keyframes rr-hero-vis-in{
  from{opacity:0;transform:translateY(30px) scale(.96);filter:blur(8px)}
  to{opacity:1;transform:none;filter:none}
}
.rr-hero .rr-serp{
  margin:0;max-width:none;
  background:oklch(0.16 0.018 268 / 0.65);
  border:1px solid oklch(0.28 0.02 264);
  border-radius:var(--r-lg);padding:var(--s-5) var(--s-6);
  box-shadow:0 20px 60px oklch(0.12 0.018 270 / 0.5),
    inset 0 1px 0 oklch(1 0 0 / 0.04);
  backdrop-filter:blur(10px);
}
.rr-hero .rr-serp svg{width:100%;height:auto}
.rr-hero .rr-serp .rr-serp-label{fill:var(--ink-400)}
.rr-hero .rr-serp .rr-serp-rank{fill:var(--ink-300)}
.rr-hero .rr-serp .rr-serp-rank-new{fill:var(--orange-500)}
.rr-hero .rr-serp .rr-serp-line{
  stroke:var(--orange-500);
  filter:drop-shadow(0 0 24px oklch(0.72 0.21 48 / 0.65));
}
.rr-hero .rr-countdown{
  margin:0;padding:var(--s-3) var(--s-5);
  background:oklch(0.16 0.018 268 / 0.5);
  border:1px solid oklch(0.28 0.02 264);
  border-radius:var(--r-md);backdrop-filter:blur(10px);
}
.rr-hero .rr-countdown-digits{font-size:clamp(1.4rem,2.6vw,2rem)}
/* Hero bottom edge gradient */
.rr-hero-fade{
  position:absolute;bottom:-1px;left:0;right:0;height:120px;
  background:linear-gradient(to bottom,transparent,var(--bg));
  z-index:2;pointer-events:none;
}
@media(max-width:900px){
  .rr-hero-inner{grid-template-columns:1fr;gap:var(--s-7)}
  .rr-hero h1{max-width:none;font-size:var(--t-4xl) !important}
  .rr-hero-visual{order:2}
}
@media(max-width:560px){
  .rr-hero .rr-hero-actions{flex-direction:column}
  .rr-hero .btn{width:100% !important;margin-right:0 !important}
}
/* Remove scroll-reveal from elements inside .rr-hero */
@supports(animation-timeline:view()){
  .rr-hero .rr-countdown,.rr-hero .rr-serp{animation:none !important;opacity:1 !important;transform:none !important}
}


/* v6 fix: remove white strip above hero */
.rr-home .entry-content-wrap{padding-top:0 !important;padding-bottom:0 !important}
.rr-home .content-area{margin-top:0 !important}


/* v6 fix: hero dark-bg text colors */
.rr-hero .rr-hero-lead strong{color:var(--cream-50) !important}
.rr-hero .entry-content a.btn.is-style-outline,
.rr-hero a.btn.is-style-outline,
.rr-hero .btn.is-style-outline{
  color:var(--cream-50) !important;
  border-color:var(--ink-600) !important;
}
.rr-hero .entry-content a.btn.is-style-outline:hover,
.rr-hero a.btn.is-style-outline:hover,
.rr-hero .btn.is-style-outline:hover{
  background:var(--cream-50) !important;
  color:var(--ink-950) !important;
  border-color:var(--cream-50) !important;
}
.rr-hero .entry-content a.btn.is-style-outline::before{display:none}


/* ================================================================
   v6 BELOW-FOLD REFINEMENT
   ================================================================ */
/* 5-step method: numbered counters on H3s */
.rr-home .entry-content > h2 ~ h3{
  display:flex !important;align-items:center;gap:var(--s-4);
  font-size:var(--t-xl) !important;font-weight:700 !important;
  padding:var(--s-4) 0;margin:var(--s-5) 0 var(--s-2) 0 !important;
  border-bottom:1px solid var(--border);
}
/* FAQ section: style H3+P pairs as expandable-looking blocks */
.rr-home .entry-content > h2:last-of-type ~ h3{
  background:var(--bg-alt);border:1px solid var(--border);
  border-radius:var(--r-md);padding:var(--s-4) var(--s-5) !important;
  margin:0 0 var(--s-2) 0 !important;
  cursor:default;border-bottom:none;
  transition:border-color var(--dur-base) var(--ease-out);
}
.rr-home .entry-content > h2:last-of-type ~ h3:hover{border-color:var(--primary)}
.rr-home .entry-content > h2:last-of-type ~ h3 + p{
  padding:0 var(--s-5) var(--s-4) var(--s-5);
  margin-top:-2px !important;
  background:var(--bg-alt);border:1px solid var(--border);
  border-top:0;border-radius:0 0 var(--r-md) var(--r-md);
  margin-bottom:var(--s-3) !important;
}
/* Soft background band for problem section */
.entry-content .rr-problemlist{
  background:var(--bg-alt);border-radius:var(--r-lg);
  padding:var(--s-5) !important;
}
/* Section separator enhancement */
.entry-content > h2{
  position:relative;padding-top:var(--s-9) !important;
}
/* ================================================================
   BLOG POST TEMPLATE STYLING
   ================================================================ */
.single-post .entry-content{
  max-width:760px !important;margin:0 auto;
}
.single-post .entry-content h2{
  font-size:var(--t-3xl) !important;margin:var(--s-9) 0 var(--s-4) 0 !important;
}
.single-post .entry-content h3{
  font-size:var(--t-xl) !important;margin:var(--s-7) 0 var(--s-3) 0 !important;
}
.single-post .entry-content p{font-size:var(--t-md);line-height:1.72;margin-bottom:var(--s-5)}
.single-post .entry-content ul,.single-post .entry-content ol{
  margin:var(--s-4) 0 var(--s-6) var(--s-5);line-height:1.72;
}
.single-post .entry-content li{margin-bottom:var(--s-2)}
.single-post .entry-content blockquote{
  border-left:3px solid var(--primary);padding:var(--s-4) var(--s-6);
  margin:var(--s-6) 0;background:var(--bg-soft);border-radius:0 var(--r-md) var(--r-md) 0;
  font-style:italic;color:var(--text-muted);
}
.single-post .entry-content strong{color:var(--text);font-weight:700}
.single-post .entry-header{
  max-width:760px;margin:0 auto;padding:var(--s-10) 0 var(--s-6);
}
/* Blog index styling */
.blog .entry-content,.archive .entry-content{max-width:none !important}
.blog article,.archive article{
  border-bottom:1px solid var(--border);padding-bottom:var(--s-7);margin-bottom:var(--s-7);
}
.blog article:last-child,.archive article:last-child{border-bottom:none}
.blog .entry-title a,.archive .entry-title a{
  font-family:var(--f-sans) !important;font-weight:700 !important;
  font-size:var(--t-2xl) !important;letter-spacing:-0.02em !important;
  text-decoration:none !important;background:none !important;
  color:var(--text) !important;
}
.blog .entry-title a:hover,.archive .entry-title a:hover{color:var(--primary) !important}
.blog .entry-summary p,.archive .entry-summary p{
  font-size:var(--t-md);color:var(--text-muted);line-height:1.6;
}
.blog .entry-meta,.archive .entry-meta,.single-post .entry-meta{
  font-family:var(--f-mono) !important;font-size:var(--t-2xs) !important;
  color:var(--text-muted) !important;text-transform:uppercase;letter-spacing:0.1em;
}


/* v6 fix: hide all WP/theme branding */
.site-footer .footer-widget-area .site-info,
.site-footer .kadence-footer-credit,
.site-info .powered-by-wordpress,
.footer-html a[href*="developer.wordpress"],
.footer-html a[href*="developer.wordpress.org"],
.footer-html a[href*="kadencewp"],
.footer-html a[href*="developer.wordpress"]{display:none !important}
.site-footer .site-info{font-family:var(--f-mono) !important;font-size:var(--t-2xs) !important;color:var(--ink-500) !important;letter-spacing:0.08em}


/* ================================================================
   v7 POLISH  scroll reveals, method grid, energy section
   ================================================================ */
/* FIX 1: Scroll-triggered reveal on every below-fold element */
@supports (animation-timeline:view()){
  .entry-content > *:not(.rr-hero):not(.rr-bento):not(.rr-marquee){
    animation:rr-reveal-up .8s cubic-bezier(.16,1,.3,1) both;
    animation-timeline:view();
    animation-range:entry 0% entry 28%;
  }
  .entry-content .rr-bento-tile,
  .entry-content ul.rr-problemlist li,
  .entry-content .rr-method-step{
    animation:rr-reveal-up .7s cubic-bezier(.16,1,.3,1) both;
    animation-timeline:view();
    animation-range:entry 0% entry 35%;
  }
  @keyframes rr-reveal-up{
    from{opacity:0;transform:translateY(36px);filter:blur(4px)}
    to{opacity:1;transform:translateY(0);filter:none}
  }
}
/* FIX 2: Method grid  alternating 2-col editorial */
.rr-method-grid{
  display:grid !important;gap:var(--s-5);margin:var(--s-7) 0 var(--s-8) !important;max-width:none;
}
.rr-method-step{
  display:grid;grid-template-columns:auto 1fr;gap:var(--s-4) var(--s-6);
  align-items:start;padding:var(--s-5) var(--s-6);
  background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--r-lg);
  transition:border-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out);
}
.rr-method-step:hover{border-color:var(--primary);transform:translateY(-3px)}
.rr-method-num{
  font-family:var(--f-display);font-style:italic;
  font-size:clamp(2.4rem,4vw,3.4rem);color:var(--orange-300);
  line-height:1;grid-row:1/3;align-self:center;
}
.rr-method-step h3{margin:0 !important;font-size:var(--t-xl) !important;font-weight:700 !important;padding:0 !important;border:none !important;display:block !important}
.rr-method-step p{margin:0 !important;color:var(--text-muted);font-size:var(--t-sm)}
@media(min-width:700px){
  .rr-method-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:699px){
  .rr-method-grid{grid-template-columns:1fr}
}
/* FIX 5: Dark energy section */
.rr-energy{
  position:relative;
  width:100vw;left:50%;margin-left:-50vw;
  background:var(--ink-950);
  padding:clamp(56px,8vw,96px) 0;
  text-align:center;overflow:hidden;isolation:isolate;
  margin-top:var(--s-8) !important;margin-bottom:var(--s-8) !important;
}
.rr-energy::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(60% 55% at 50% 45%,oklch(0.72 0.21 48 / 0.14),transparent 60%);
  z-index:0;
}
.rr-energy::after{
  content:"";position:absolute;inset:0;
  background-image:var(--noise-svg);background-size:240px 240px;
  opacity:0.28;mix-blend-mode:overlay;pointer-events:none;z-index:0;
}
.rr-energy-inner{
  position:relative;z-index:1;
  max-width:var(--container);margin:0 auto;padding:0 var(--pad);
}
.rr-energy .rr-badge{margin-bottom:var(--s-4) !important;display:inline-flex !important}
.rr-energy h2{
  color:var(--cream-50) !important;font-size:var(--t-5xl) !important;
  font-weight:800 !important;letter-spacing:-0.04em !important;
  line-height:1.05 !important;margin:0 0 var(--s-5) !important;max-width:20ch !important;
  margin-left:auto !important;margin-right:auto !important;
}
.rr-energy h2 strong,.rr-energy h2 em{
  color:var(--orange-300) !important;font-family:var(--f-display) !important;
  font-style:italic !important;font-weight:400 !important;
}
.rr-energy p{
  color:var(--ink-300) !important;font-size:var(--t-hero-sub) !important;
  max-width:52ch !important;margin:0 auto var(--s-6) !important;line-height:1.6 !important;
}
.rr-energy .btn{
  box-shadow:0 12px 40px oklch(0.72 0.21 48 / 0.4),0 2px 10px oklch(0.72 0.21 48 / 0.25) !important;
}


/* v7.1 fix: blog cover image  full width, no crop */
.entry-thumbnail img,
.post-thumbnail img,
.attachment-post-thumbnail{
  object-fit:contain !important;
  object-position:center center !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:1200/630 !important;
  background:linear-gradient(135deg,#1a1a2e,#16213e);
  border-radius:var(--r-md);
}
.blog article .post-thumbnail,.archive article .post-thumbnail{
  overflow:hidden;border-radius:var(--r-md);margin-bottom:var(--s-4);
  background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:var(--r-md);
}


/* v7.1.1 fix: override Kadence forced thumbnail ratio */
a.post-thumbnail.kadence-thumbnail-ratio-2-3{
  padding-bottom:0 !important;
  height:auto !important;
  aspect-ratio:1200/630 !important;
  display:block !important;
}
a.post-thumbnail.kadence-thumbnail-ratio-2-3 .post-thumbnail-inner{
  position:relative !important;
  padding-bottom:0 !important;
  height:auto !important;
}
a.post-thumbnail.kadence-thumbnail-ratio-2-3 img{
  position:relative !important;
  top:auto !important;left:auto !important;
  width:100% !important;height:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  aspect-ratio:1200/630 !important;
  background:linear-gradient(135deg,#1a1a2e,#16213e);
  border-radius:var(--r-md);
}

/* ---------- KADENCE VAR MAP ---------- */
:root{
  --global-heading-font-family:'Inter',system-ui,sans-serif;
  --global-body-font-family:'Inter',system-ui,sans-serif;
  --global-primary-nav-font-family:'Inter',system-ui,sans-serif;
  --global-palette1:#FF6A00;
  --global-palette2:#E05E00;
  --global-palette3:#1a1b1e;
  --global-palette4:#2a2b30;
  --global-palette5:#5a5c64;
  --global-palette6:#cbcdd3;
  --global-palette7:#e5e2db;
  --global-palette8:#faf7f2;
  --global-palette9:#ffffff;
}

/* v8 HEADER FIX: hide redundant site title text, logo only */
.site-branding .site-title-wrap,
.site-branding .site-title,
.mobile-site-branding .site-title-wrap,
.mobile-site-branding .site-title {
  display: none !important;
}
.site-branding a.brand img.custom-logo {
  max-height: 50px;
  width: auto;
}
.mobile-site-branding a.brand img.custom-logo {
  max-height: 40px;
  width: auto;
}

/* v8.1 LOGO SIZE FIX: bigger logo on all viewports */
.site-branding a.brand img.custom-logo,
.site-branding a.brand img,
.custom-logo {
  max-height: 56px !important;
  height: 56px !important;
  width: auto !important;
  max-width: 300px !important;
}
@media (max-width: 1024px) {
  .site-branding a.brand img.custom-logo,
  .mobile-site-branding a.brand img.custom-logo,
  .site-branding a.brand img,
  .mobile-site-branding a.brand img,
  .custom-logo {
    max-height: 44px !important;
    height: 44px !important;
    width: auto !important;
    max-width: 260px !important;
  }
}

/* v8.2 LOGO SIZE FIX: header logo must be legible as a wordmark */
.site-branding a.brand img.custom-logo,
.site-branding a.brand img,
.site-branding .custom-logo,
.custom-logo {
  max-height: 100px !important;
  height: 100px !important;
  width: auto !important;
  max-width: 360px !important;
}
.site-branding,
.site-branding-wrap {
  display: flex !important;
  align-items: center !important;
}
@media (max-width: 1024px) {
  .site-branding a.brand img.custom-logo,
  .mobile-site-branding a.brand img.custom-logo,
  .site-branding a.brand img,
  .mobile-site-branding a.brand img,
  .site-branding .custom-logo,
  .mobile-site-branding .custom-logo,
  .custom-logo {
    max-height: 76px !important;
    height: 76px !important;
    width: auto !important;
    max-width: 280px !important;
  }
}
@media (max-width: 560px) {
  .site-branding a.brand img.custom-logo,
  .mobile-site-branding a.brand img.custom-logo,
  .site-branding a.brand img,
  .mobile-site-branding a.brand img,
  .site-branding .custom-logo,
  .mobile-site-branding .custom-logo,
  .custom-logo {
    max-height: 64px !important;
    height: 64px !important;
    max-width: 240px !important;
  }
}

/* v8.3 LOGO: push further so wordmark is clearly legible */
.site-branding a.brand img.custom-logo,
.site-branding a.brand img,
.site-branding .custom-logo,
.custom-logo {
  max-height: 130px !important;
  height: 130px !important;
  width: auto !important;
  max-width: none !important;
}
.site-header .site-branding,
.site-header .site-branding-wrap {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
@media (max-width: 1024px) {
  .site-branding a.brand img.custom-logo,
  .mobile-site-branding a.brand img.custom-logo,
  .site-branding a.brand img,
  .mobile-site-branding a.brand img,
  .site-branding .custom-logo,
  .mobile-site-branding .custom-logo,
  .custom-logo {
    max-height: 96px !important;
    height: 96px !important;
    max-width: none !important;
  }
}
@media (max-width: 560px) {
  .site-branding a.brand img.custom-logo,
  .mobile-site-branding a.brand img.custom-logo,
  .site-branding a.brand img,
  .mobile-site-branding a.brand img,
  .site-branding .custom-logo,
  .mobile-site-branding .custom-logo,
  .custom-logo {
    max-height: 78px !important;
    height: 78px !important;
    max-width: 260px !important;
  }
}

/* v8.4 LOGO: final mobile uplift */
@media (max-width: 560px) {
  .mobile-site-branding a.brand img.custom-logo,
  .mobile-site-branding .custom-logo,
  .mobile-site-branding a.brand img {
    max-height: 92px !important;
    height: 92px !important;
    max-width: 300px !important;
    width: auto !important;
  }
}