/* ==========================================================================
   Deskman Studio — Pricing (redesign)
   Loaded ONLY on the Pricing page, after main.css. Every selector is scoped
   under .prc-redesign so nothing here can affect any other page. Colour, type
   and spacing tokens are inherited from main.css :root (--electric, --violet,
   --coral, --ink, --paper, --font-display, --sp-*), so this file adds no new
   fonts and no new palette — it only composes the page. The local aliases
   below mirror services.css exactly, so Services and Pricing read as one
   system.
   ========================================================================== */

.prc-redesign{
  --pr-black:#0E0D0D;          /* near-black used for dark UI objects */
  --pr-black-2:#1A1818;        /* dark card surface on the process band */
  --pr-white:#FFFFFF;
  --pr-paper:#F4F3F1;
  --pr-line:#E5E4E1;
  --pr-ink:#191717;
  --pr-muted:#6E6A6A;
  --pr-lime:var(--electric);
  --pr-violet:var(--violet);
  --pr-coral:var(--coral);
  --pr-violet-soft:#ECE7FF;
  --pr-r:22px;                 /* large card radius */
  --pr-r-sm:14px;
  --pr-ease:cubic-bezier(.62,.05,0,1);
  background:var(--pr-paper);
  color:var(--pr-ink);
  overflow-x:clip;             /* contain decorative bleed — no h-scroll */
}
.prc-redesign *{ box-sizing:border-box; }
.prc-redesign .wrap{ position:relative; }

/* ---------- shared type ---------------------------------------------- */
.prc-redesign .prc-eyebrow{
  display:inline-flex; align-items:center; gap:.6em; margin:0 0 var(--sp-24);
  font-family:var(--font-mono); font-size:11px; font-weight:600;
  text-transform:uppercase; letter-spacing:.14em; color:var(--pr-ink);
}
.prc-redesign .prc-eyebrow .d{
  width:9px; height:9px; border-radius:50%; background:var(--pr-lime);
  display:inline-block; flex:none;
}
.prc-redesign .prc-eyebrow--violet .d{ background:var(--pr-violet); }
.prc-redesign .prc-eyebrow--onDark{ color:#EDEBEB; }
.prc-redesign .prc-eyebrow--onViolet{ color:#fff; }
.prc-redesign .prc-eyebrow--onViolet .d{ background:var(--pr-lime); }

.prc-redesign .prc-h2{
  font-family:var(--font-display); font-weight:700; letter-spacing:-.04em;
  line-height:1.0; font-size:clamp(2.1rem,4.6vw,3.4rem); color:var(--pr-ink);
  margin:0;
}
.prc-redesign .prc-h2 em{ font-style:italic; font-weight:700; }
.prc-redesign .prc-h2--onDark{ color:#F5F4F4; }

/* The lime rule under a heading word.
   Deliberately NOT z-index:-1 — a negative index would drop it behind the
   section's own background and it would never be seen. It sits above the
   text instead and is positioned low enough that it only grazes the
   descenders, which is exactly the hand-drawn look in the reference. */
.prc-redesign .prc-underline{
  position:absolute; left:0; right:6%; bottom:.07em; height:.1em;
  background:var(--pr-lime); border-radius:3px; transform:rotate(-.7deg);
  pointer-events:none; mix-blend-mode:multiply;
}
.prc-redesign .prc-underline--sm{ height:.09em; right:0; bottom:.05em; }

/* handwritten micro-notes ---------------------------------------------- */
.prc-redesign .prc-note{
  font-family:var(--font-script); font-weight:700; color:var(--pr-ink);
  font-size:clamp(1.02rem,1.45vw,1.3rem); line-height:1.08; position:relative;
  display:inline-block;
}
.prc-redesign .prc-note__arc{
  position:absolute; width:44px; height:auto; color:var(--pr-ink); opacity:.8;
}

/* ==========================================================================
   01 · HERO
   ========================================================================== */
.prc-redesign .prc-hero{
  padding:calc(var(--nav-top) + var(--nav-h) + var(--ticker-h) + var(--sp-56)) 0 var(--sp-64);
}
.prc-redesign .prc-hero__grid{
  display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-48);
  align-items:center;
}
.prc-redesign .prc-h1{
  position:relative; font-family:var(--font-display); font-weight:800;
  letter-spacing:-.055em; line-height:.9;
  font-size:clamp(3rem,7.4vw,5.9rem); color:var(--pr-ink);
  margin:.06em 0 var(--sp-32);
}
.prc-redesign .prc-h1__l1,
.prc-redesign .prc-h1__l2{ display:block; position:relative; width:max-content; max-width:100%; }
.prc-redesign .prc-star{
  color:var(--pr-violet); font-weight:400; font-size:.46em; vertical-align:.5em;
  margin-left:.16em; display:inline-block; transform:rotate(3deg);
}
.prc-redesign .prc-lead{
  max-width:44ch; font-size:1.04rem; line-height:1.6; color:var(--pr-muted);
}

/* hero artwork — three floating studio artifacts -------------------------- */
.prc-redesign .prc-hero__art{
  position:relative; display:flex; align-items:center; justify-content:center;
  min-height:390px;
}
.prc-redesign .prc-deck{
  position:relative; display:flex; align-items:center; justify-content:center;
  width:100%; padding:var(--sp-24) 0 var(--sp-64);
}
.prc-redesign .prc-chip{
  position:relative; border-radius:26px; padding:var(--sp-24);
  aspect-ratio:1/1.06; flex:none;
  box-shadow:0 30px 60px -32px rgba(0,0,0,.5);
  transition:transform .55s var(--pr-ease), box-shadow .55s var(--pr-ease);
}
.prc-redesign .prc-chip__num{
  font-family:var(--font-mono); font-size:11px; letter-spacing:.1em;
  opacity:.75; display:block;
}
.prc-redesign .prc-chip__txt{
  position:absolute; left:var(--sp-24); bottom:var(--sp-24);
  font-family:var(--font-display); font-weight:700; letter-spacing:-.035em;
  font-size:clamp(1.05rem,2.1vw,1.65rem); line-height:1.02;
}
.prc-redesign .prc-chip__go{
  position:absolute; right:16px; bottom:16px; width:42px; height:42px;
  border-radius:50%; display:grid; place-items:center;
  transition:transform .45s var(--pr-ease);
}
.prc-redesign .prc-chip__go svg{ width:19px; height:19px; }

/* 01 — light card, sits back-left and lower.
   The three widths plus the negative margins are tuned to total just under
   100% so the deck never pushes the grid column wider than its track. */
.prc-redesign .prc-chip--light{
  width:33%; background:var(--pr-white); color:var(--pr-ink);
  transform:rotate(-8deg) translateY(9%); z-index:1;
}
.prc-redesign .prc-chip--light .prc-chip__go{
  background:var(--pr-black); color:#fff;
}
/* 02 — violet hero card, tallest and on top */
.prc-redesign .prc-chip--violet{
  width:36%; aspect-ratio:1/1.16; background:var(--pr-violet); color:#fff;
  transform:rotate(-1.5deg) translateY(-8%); margin-inline:-2%; z-index:3;
}
.prc-redesign .prc-chip--violet .prc-chip__go{
  background:var(--pr-lime); color:var(--pr-black);
}
.prc-redesign .prc-chip__burst{
  position:absolute; right:12px; top:6px; font-size:3.4rem; line-height:1;
  color:rgba(255,255,255,.34); pointer-events:none;
}
/* 03 — black card, rotated the other way */
.prc-redesign .prc-chip--dark{
  width:34%; background:var(--pr-black); color:#EDEBEB;
  transform:rotate(7deg) translateY(3%); z-index:2;
}
.prc-redesign .prc-chip--dark .prc-chip__go{
  background:var(--pr-lime); color:var(--pr-black);
}
.prc-redesign .prc-chip__dot{
  position:absolute; right:18px; top:18px; width:10px; height:10px;
  border-radius:50%; background:var(--pr-lime);
}
@media (hover:hover){
  .prc-redesign .prc-chip:hover{ transform:rotate(0deg) translateY(-6px) scale(1.03); }
  .prc-redesign .prc-chip:hover .prc-chip__go{ transform:rotate(45deg); }
}

.prc-redesign .prc-note--hero{ position:absolute; top:-8%; right:0; text-align:left; }
.prc-redesign .prc-note--hero .prc-note__arc{ left:-40px; top:14px; }
.prc-redesign .prc-note--deck{ position:absolute; bottom:0; left:22%; }
.prc-redesign .prc-note--deck .prc-note__arc{ left:-38px; top:2px; }

/* float idle — a barely-there drift on the decorative cards */
@media (prefers-reduced-motion:no-preference){
  .prc-redesign .prc-chip--light{ animation:prcFloatA 9s ease-in-out infinite; }
  .prc-redesign .prc-chip--violet{ animation:prcFloatB 11s ease-in-out infinite; }
  .prc-redesign .prc-chip--dark{ animation:prcFloatC 10s ease-in-out infinite; }
  @media (hover:hover){
    .prc-redesign .prc-chip:hover{ animation-play-state:paused; }
  }
}
@keyframes prcFloatA{
  0%,100%{ transform:rotate(-8deg) translateY(9%); }
  50%    { transform:rotate(-6.6deg) translateY(6.4%); }
}
@keyframes prcFloatB{
  0%,100%{ transform:rotate(-1.5deg) translateY(-8%); }
  50%    { transform:rotate(-.4deg) translateY(-11%); }
}
@keyframes prcFloatC{
  0%,100%{ transform:rotate(7deg) translateY(3%); }
  50%    { transform:rotate(5.6deg) translateY(.4%); }
}

/* ==========================================================================
   02 · ASSURANCE BAND
   ========================================================================== */
.prc-redesign .prc-assure-sec{
  border-top:1px solid var(--pr-line); border-bottom:1px solid var(--pr-line);
  background:#F0EFED;
}
.prc-redesign .prc-assure{
  display:grid; grid-template-columns:repeat(4,1fr); margin:0; padding:0;
  list-style:none;
}
.prc-redesign .prc-assure__item{
  display:flex; align-items:center; gap:var(--sp-16);
  padding:var(--sp-24) var(--sp-24) var(--sp-24) 0;
}
.prc-redesign .prc-assure__item + .prc-assure__item{
  border-left:1px solid var(--pr-line); padding-left:var(--sp-24);
}
.prc-redesign .prc-assure__ic{
  width:34px; height:34px; flex:none; color:var(--pr-ink);
  display:grid; place-items:center;
  transition:transform .4s var(--pr-ease);
}
.prc-redesign .prc-assure__ic svg{ width:24px; height:24px; }
.prc-redesign .prc-assure__txt{ display:flex; flex-direction:column; gap:.35em; }
.prc-redesign .prc-assure__txt b{
  font-family:var(--font-mono); font-size:11px; font-weight:600;
  letter-spacing:.1em; text-transform:uppercase; color:var(--pr-ink);
  line-height:1.35;
}
.prc-redesign .prc-assure__txt i{
  font-style:normal; font-size:.86rem; color:var(--pr-muted); line-height:1.35;
}
@media (hover:hover){
  .prc-redesign .prc-assure__item:hover .prc-assure__ic{
    transform:translateY(-3px) scale(1.06); color:var(--pr-violet);
  }
}

/* ==========================================================================
   03 · PLANS
   ========================================================================== */
.prc-redesign .prc-plans{ padding:var(--sp-80) 0 var(--sp-72); }
.prc-redesign .prc-plans__head{
  display:grid; grid-template-columns:1.02fr .98fr; gap:var(--sp-48);
  align-items:end; margin-bottom:var(--sp-48);
}
.prc-redesign .prc-plans__body{ position:relative; padding-right:19%; }
.prc-redesign .prc-plans__body p{
  font-size:1rem; line-height:1.62; color:var(--pr-muted); max-width:48ch;
}
.prc-redesign .prc-note--plans{
  position:absolute; right:0; bottom:-8px; width:16.5%; min-width:132px;
  text-align:left;
}
.prc-redesign .prc-note--plans .prc-note__arc{ left:-26px; bottom:-26px; width:38px; }

/* --- the three cards --------------------------------------------------- */
.prc-redesign .prc-cards{
  display:grid; grid-template-columns:repeat(3,1fr); gap:var(--sp-24);
  align-items:stretch;
}
.prc-redesign .prc-card{
  position:relative; display:flex; flex-direction:column;
  border-radius:var(--pr-r); padding:var(--sp-32); overflow:hidden;
  transition:transform .5s var(--pr-ease), box-shadow .5s var(--pr-ease),
             border-color .5s var(--pr-ease);
}
.prc-redesign .prc-card--light{
  background:var(--pr-white); color:var(--pr-ink);
  border:1px solid var(--pr-line);
}
.prc-redesign .prc-card--violet{
  background:var(--pr-violet); color:#fff; border:1px solid transparent;
  box-shadow:0 34px 62px -36px rgba(104,64,255,.72);
}
/* the feature card sits proud of its neighbours */
.prc-redesign .prc-card.is-feature{ margin-block:-14px; padding-block:calc(var(--sp-32) + 14px); }

/* decorative shape behind the top-right corner of each card */
.prc-redesign .prc-card__blob{
  position:absolute; pointer-events:none; z-index:0;
}
.prc-redesign .prc-card--light .prc-card__blob{
  right:22px; top:56px; width:52px; height:52px; border-radius:12px;
  background:var(--pr-violet-soft); transform:rotate(-12deg);
  transition:transform .6s var(--pr-ease);
}
.prc-redesign .prc-card--light:nth-of-type(3) .prc-card__blob{
  border-radius:14px 14px 30px 14px;
  background:linear-gradient(150deg,#E4DDFF 0%,#F0ECFF 100%);
  transform:rotate(10deg);
}
.prc-redesign .prc-card--violet .prc-card__blob{
  right:-30px; top:-26px; width:210px; height:210px;
  background:
    conic-gradient(from 0deg,
      rgba(255,255,255,.30) 0 6deg, transparent 6deg 24deg,
      rgba(255,255,255,.30) 24deg 30deg, transparent 30deg 48deg,
      rgba(255,255,255,.30) 48deg 54deg, transparent 54deg 72deg,
      rgba(255,255,255,.30) 72deg 78deg, transparent 78deg 96deg,
      rgba(255,255,255,.30) 96deg 102deg, transparent 102deg 120deg,
      rgba(255,255,255,.30) 120deg 126deg, transparent 126deg 144deg,
      rgba(255,255,255,.30) 144deg 150deg, transparent 150deg 168deg,
      rgba(255,255,255,.30) 168deg 174deg, transparent 174deg 192deg,
      rgba(255,255,255,.30) 192deg 198deg, transparent 198deg 216deg,
      rgba(255,255,255,.30) 216deg 222deg, transparent 222deg 240deg,
      rgba(255,255,255,.30) 240deg 246deg, transparent 246deg 264deg,
      rgba(255,255,255,.30) 264deg 270deg, transparent 270deg 288deg,
      rgba(255,255,255,.30) 288deg 294deg, transparent 294deg 312deg,
      rgba(255,255,255,.30) 312deg 318deg, transparent 318deg 336deg,
      rgba(255,255,255,.30) 336deg 342deg, transparent 342deg 360deg);
  -webkit-mask-image:radial-gradient(circle,#000 22%,rgba(0,0,0,.55) 52%,transparent 72%);
          mask-image:radial-gradient(circle,#000 22%,rgba(0,0,0,.55) 52%,transparent 72%);
  transition:transform 1.2s var(--pr-ease);
}

.prc-redesign .prc-card > *:not(.prc-card__blob){ position:relative; z-index:1; }

.prc-redesign .prc-card__top{
  display:flex; align-items:center; justify-content:space-between;
  gap:var(--sp-16); margin-bottom:var(--sp-32);
}
.prc-redesign .prc-card__num{
  font-family:var(--font-mono); font-size:12px; letter-spacing:.12em;
  color:var(--pr-muted);
}
.prc-redesign .prc-card--violet .prc-card__num{ color:rgba(255,255,255,.72); }
.prc-redesign .prc-card__badge{
  font-family:var(--font-mono); font-size:9.5px; font-weight:600;
  letter-spacing:.12em; text-transform:uppercase;
  background:var(--pr-lime); color:var(--pr-black);
  border-radius:999px; padding:6px 12px; white-space:nowrap;
}
.prc-redesign .prc-card__name{
  font-family:var(--font-display); font-weight:700; letter-spacing:-.03em;
  font-size:1.42rem; line-height:1.1; margin:0 0 .35em;
}
.prc-redesign .prc-card__cat{
  font-family:var(--font-mono); font-size:10.5px; font-weight:500;
  letter-spacing:.11em; text-transform:uppercase; color:var(--pr-muted);
  margin:0 0 var(--sp-24);
}
.prc-redesign .prc-card--violet .prc-card__cat{ color:rgba(255,255,255,.78); }
.prc-redesign .prc-card__price{
  font-family:var(--font-display); font-weight:700; letter-spacing:-.04em;
  font-size:clamp(1.7rem,2.6vw,2.15rem); line-height:1.02;
  margin:0 0 var(--sp-24);
}
.prc-redesign .prc-card--violet .prc-card__price{ font-size:clamp(1.8rem,2.9vw,2.35rem); }

.prc-redesign .prc-card__feats{
  list-style:none; margin:0 0 var(--sp-32); padding:0;
  display:flex; flex-direction:column; gap:.62em;
}
.prc-redesign .prc-card__feats li{
  display:flex; align-items:flex-start; gap:.7em;
  font-size:.94rem; line-height:1.45; color:#3B3838;
}
.prc-redesign .prc-card--violet .prc-card__feats li{ color:rgba(255,255,255,.94); }
.prc-redesign .prc-card__tick{
  flex:none; width:19px; height:19px; margin-top:.1em; border-radius:50%;
  display:grid; place-items:center; background:var(--pr-violet); color:#fff;
}
.prc-redesign .prc-card--violet .prc-card__tick{ background:#fff; color:var(--pr-violet); }
.prc-redesign .prc-card__tick svg{ width:12px; height:12px; }

.prc-redesign .prc-card__cta{
  display:inline-flex; align-items:center; justify-content:space-between;
  gap:.6em; margin-top:auto; height:52px; padding-inline:1.35rem;
  border-radius:999px; font-weight:600; font-size:.96rem; text-decoration:none;
  transition:transform .35s var(--pr-ease), background .35s var(--pr-ease),
             color .35s var(--pr-ease), border-color .35s var(--pr-ease);
}
.prc-redesign .prc-card__cta .ar{ transition:transform .35s var(--pr-ease); }
/* 01 — outlined; 02 — lime on violet; 03 — solid black */
.prc-redesign .prc-card--light:nth-of-type(1) .prc-card__cta{
  background:transparent; color:var(--pr-ink); border:1.5px solid var(--pr-ink);
}
.prc-redesign .prc-card--light:nth-of-type(3) .prc-card__cta{
  background:var(--pr-black); color:#fff; border:1.5px solid var(--pr-black);
}
.prc-redesign .prc-card--violet .prc-card__cta{
  background:var(--pr-lime); color:var(--pr-black); border:1.5px solid var(--pr-lime);
}
@media (hover:hover){
  .prc-redesign .prc-card:hover{ transform:translateY(-6px); }
  .prc-redesign .prc-card--light:hover{
    box-shadow:0 30px 54px -34px rgba(0,0,0,.34); border-color:#D6D4D0;
  }
  .prc-redesign .prc-card--violet:hover{ box-shadow:0 40px 70px -34px rgba(104,64,255,.8); }
  .prc-redesign .prc-card--light:hover .prc-card__blob{ transform:rotate(6deg) scale(1.1); }
  .prc-redesign .prc-card--violet:hover .prc-card__blob{ transform:rotate(28deg); }
  .prc-redesign .prc-card__cta:hover .ar{ transform:translateX(4px); }
  .prc-redesign .prc-card--light:nth-of-type(1) .prc-card__cta:hover{
    background:var(--pr-ink); color:#fff;
  }
  .prc-redesign .prc-card--light:nth-of-type(3) .prc-card__cta:hover{
    background:transparent; color:var(--pr-ink);
  }
  .prc-redesign .prc-card--violet .prc-card__cta:hover{ background:#fff; border-color:#fff; }
}

.prc-redesign .prc-card__foot{
  margin:var(--sp-24) 0 0; padding-top:var(--sp-24);
  border-top:1px solid var(--pr-line);
  font-size:.84rem; line-height:1.5; color:var(--pr-muted);
}
.prc-redesign .prc-card--violet .prc-card__foot{
  border-top-color:rgba(255,255,255,.26); color:rgba(255,255,255,.82);
}
.prc-redesign .prc-cards__note{
  margin:var(--sp-32) 0 0; font-family:var(--font-mono); font-size:11px;
  letter-spacing:.06em; color:var(--pr-muted); max-width:70ch;
}

/* ==========================================================================
   04 · SCOPE PATH (dark band)
   ========================================================================== */
/* The dark surface lives on an inner panel, not on the section, so its edges
   line up exactly with the pricing cards above it rather than running wider
   than the content column. */
.prc-redesign .prc-path{ padding:var(--sp-8) 0; }
.prc-redesign .prc-path__panel{
  position:relative; background:var(--pr-black); color:#EDEBEB;
  border-radius:28px; padding:var(--sp-56) var(--sp-48); overflow:hidden;
}
.prc-redesign .prc-path__spark{
  position:absolute; right:-30px; top:-40px; font-size:12rem; line-height:1;
  color:rgba(161,255,98,.07); pointer-events:none;
}
.prc-redesign .prc-path__grid{
  display:grid; grid-template-columns:auto 1fr auto; gap:var(--sp-40);
  align-items:center;
}
.prc-redesign .prc-h2--onDark .prc-h2__mark{
  position:relative; display:inline-block;
}
.prc-redesign .prc-h2--onDark .prc-h2__mark::after{
  content:""; position:absolute; left:0; right:14%; bottom:-.06em; height:.09em;
  background:var(--pr-lime); border-radius:3px; transform:rotate(-.8deg);
}

.prc-redesign .prc-steps{
  list-style:none; margin:0; padding:0;
  display:flex; align-items:flex-start; justify-content:center;
  gap:clamp(var(--sp-16),2.4vw,var(--sp-40));
}
.prc-redesign .prc-step{
  position:relative; display:flex; flex-direction:column; align-items:center;
  gap:.55em; text-align:center; flex:none;
}
/* the connecting arrow between nodes */
.prc-redesign .prc-step + .prc-step::before{
  content:"\2192";
  position:absolute; left:calc(-1 * clamp(var(--sp-16),2.4vw,var(--sp-40)) / 2 - .32em);
  top:2.35em; font-size:.9rem; color:#6C6969; line-height:1;
}
.prc-redesign .prc-step__num{
  font-family:var(--font-mono); font-size:10px; letter-spacing:.12em;
  color:#7C7979;
}
.prc-redesign .prc-step__dot{
  width:42px; height:42px; border-radius:50%; background:var(--pr-black-2);
  border:1px solid rgba(255,255,255,.14); display:grid; place-items:center;
  transition:transform .4s var(--pr-ease), border-color .4s var(--pr-ease);
}
.prc-redesign .prc-step__dot::after{
  content:""; width:15px; height:15px; border-radius:50%;
  background:var(--pr-violet);
}
.prc-redesign .prc-step:nth-child(even) .prc-step__dot::after{ background:var(--pr-lime); }
.prc-redesign .prc-step__label{
  font-family:var(--font-display); font-weight:600; font-size:.98rem;
  letter-spacing:-.01em; color:#F0EEEE;
}
@media (hover:hover){
  .prc-redesign .prc-step:hover .prc-step__dot{
    transform:translateY(-3px) scale(1.08); border-color:rgba(161,255,98,.5);
  }
}
.prc-redesign .prc-note--path{
  color:#DCDADA; max-width:150px; text-align:left; padding-bottom:var(--sp-32);
}
.prc-redesign .prc-note--path .prc-note__arc{
  left:8px; bottom:-6px; width:46px; color:#BFBDBD;
}

/* ==========================================================================
   05 · FAQ
   ========================================================================== */
.prc-redesign .prc-faq-sec{ padding:var(--sp-80) 0 var(--sp-64); }
.prc-redesign .prc-faq__head{
  display:grid; grid-template-columns:1fr auto; gap:var(--sp-40);
  align-items:end; margin-bottom:var(--sp-40);
}
.prc-redesign .prc-h2--faq{ font-size:clamp(2.3rem,5.2vw,3.6rem); }
.prc-redesign .prc-h2--faq > span{ position:relative; display:inline-block; }
.prc-redesign .prc-faq__aside{
  display:flex; align-items:center; gap:var(--sp-32);
}
.prc-redesign .prc-faq__aside p{
  font-size:.92rem; line-height:1.5; color:var(--pr-muted); margin:0;
}
.prc-redesign .prc-faq__btn{
  display:inline-flex; align-items:center; gap:.55em; flex:none;
  height:44px; padding-inline:1.15rem; border-radius:999px;
  border:1.5px solid var(--pr-ink); color:var(--pr-ink); text-decoration:none;
  font-size:.9rem; font-weight:600;
  transition:background .35s var(--pr-ease), color .35s var(--pr-ease);
}
.prc-redesign .prc-faq__btn .ar{ transition:transform .35s var(--pr-ease); }
@media (hover:hover){
  .prc-redesign .prc-faq__btn:hover{ background:var(--pr-ink); color:#fff; }
  .prc-redesign .prc-faq__btn:hover .ar{ transform:translateX(4px); }
}

/* rows — native <details>, so keyboard + SR support is free */
.prc-redesign .prc-faq{ border-top:1px solid var(--pr-line); }
.prc-redesign .prc-faq__row{
  border-bottom:1px solid var(--pr-line); position:relative;
  transition:border-color .35s var(--pr-ease);
}
.prc-redesign .prc-faq__row::before{
  content:""; position:absolute; left:0; top:0; bottom:-1px; width:2px;
  background:var(--pr-violet); transform:scaleY(0); transform-origin:top;
  transition:transform .4s var(--pr-ease);
}
.prc-redesign .prc-faq__row[open]::before{ transform:scaleY(1); }
.prc-redesign .prc-faq__q{
  display:flex; align-items:center; gap:var(--sp-24);
  padding:var(--sp-24) var(--sp-16) var(--sp-24) var(--sp-16);
  cursor:pointer; list-style:none;
  transition:padding-left .4s var(--pr-ease), background .4s var(--pr-ease);
}
.prc-redesign .prc-faq__q::-webkit-details-marker{ display:none; }
.prc-redesign .prc-faq__q:focus-visible{
  outline:2px solid var(--pr-violet); outline-offset:-3px; border-radius:6px;
}
.prc-redesign .prc-faq__num{
  font-family:var(--font-mono); font-size:11px; letter-spacing:.12em;
  color:var(--pr-muted); flex:none; width:2.2em;
}
.prc-redesign .prc-faq__text{
  flex:1; font-family:var(--font-display); font-weight:700;
  font-size:clamp(1rem,1.55vw,1.14rem); letter-spacing:-.015em;
  color:var(--pr-ink); line-height:1.3;
}
/* the +/x control */
.prc-redesign .prc-faq__pm{
  position:relative; flex:none; width:34px; height:34px; border-radius:50%;
  border:1px solid var(--pr-line); background:transparent;
  transition:background .4s var(--pr-ease), border-color .4s var(--pr-ease),
             transform .45s var(--pr-ease);
}
.prc-redesign .prc-faq__pm::before,
.prc-redesign .prc-faq__pm::after{
  content:""; position:absolute; left:50%; top:50%; background:var(--pr-ink);
  border-radius:2px; transition:transform .45s var(--pr-ease), background .4s var(--pr-ease);
}
.prc-redesign .prc-faq__pm::before{ width:13px; height:1.6px; transform:translate(-50%,-50%); }
.prc-redesign .prc-faq__pm::after{ width:1.6px; height:13px; transform:translate(-50%,-50%); }
/* open: rotate to an x, fill violet */
.prc-redesign .prc-faq__row[open] .prc-faq__pm{
  background:var(--pr-violet); border-color:var(--pr-violet);
  transform:rotate(180deg);
}
.prc-redesign .prc-faq__row[open] .prc-faq__pm::before{ background:#fff; }
.prc-redesign .prc-faq__row[open] .prc-faq__pm::after{
  background:#fff; transform:translate(-50%,-50%) scaleY(0);
}
@media (hover:hover){
  .prc-redesign .prc-faq__row:hover{ border-bottom-color:#D3D1CD; }
  .prc-redesign .prc-faq__q:hover{ padding-left:var(--sp-24); }
  .prc-redesign .prc-faq__q:hover .prc-faq__text{ color:var(--pr-violet); }
  .prc-redesign .prc-faq__q:hover .prc-faq__pm{ border-color:var(--pr-violet); transform:rotate(90deg); }
  .prc-redesign .prc-faq__row[open] .prc-faq__q:hover .prc-faq__pm{ transform:rotate(180deg); }
}
.prc-redesign .prc-faq__body{ overflow:hidden; }
.prc-redesign .prc-faq__inner{
  padding:0 calc(var(--sp-40) + var(--sp-24)) var(--sp-24) calc(var(--sp-16) + 2.2em + var(--sp-24));
}
.prc-redesign .prc-faq__inner p{
  margin:0; font-size:.96rem; line-height:1.62; color:var(--pr-muted);
  max-width:78ch;
}

/* ==========================================================================
   06 · CTA
   ========================================================================== */
.prc-redesign .prc-cta{ padding:var(--sp-48) 0 var(--sp-80); }
.prc-redesign .prc-cta__panel{
  position:relative; display:grid; grid-template-columns:1.05fr .95fr;
  gap:var(--sp-40); align-items:center;
  background:var(--pr-violet); color:#fff; border-radius:28px;
  padding:var(--sp-56) var(--sp-48); overflow:hidden;
  box-shadow:0 40px 70px -40px rgba(104,64,255,.65);
}
.prc-redesign .prc-cta__h{
  font-family:var(--font-display); font-weight:700; letter-spacing:-.04em;
  line-height:.98; font-size:clamp(2.1rem,4.3vw,3.2rem);
  margin:var(--sp-16) 0 .32em; color:#fff;
}
.prc-redesign .prc-cta__sub{
  max-width:46ch; color:rgba(255,255,255,.88); font-size:1.02rem;
  line-height:1.55; margin:0 0 var(--sp-32);
}
.prc-redesign .prc-cta__btns{ display:flex; flex-wrap:wrap; gap:var(--sp-16); }
.prc-redesign .prc-cta__btn{
  display:inline-flex; align-items:center; gap:.55em; height:3rem;
  padding-inline:1.55rem; border-radius:999px; font-weight:600; font-size:1rem;
  text-decoration:none;
  transition:transform .3s var(--pr-ease), background .3s var(--pr-ease),
             color .3s var(--pr-ease);
}
.prc-redesign .prc-cta__btn .ar{ transition:transform .3s var(--pr-ease); }
.prc-redesign .prc-cta__btn--lime{ background:var(--pr-lime); color:var(--pr-black); }
.prc-redesign .prc-cta__btn--ghost{
  background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.6);
}
@media (hover:hover){
  .prc-redesign .prc-cta__btn:hover{ transform:translateY(-2px); }
  .prc-redesign .prc-cta__btn--lime:hover{ background:#fff; }
  .prc-redesign .prc-cta__btn--lime:hover .ar{ transform:translateX(4px); }
  .prc-redesign .prc-cta__btn--ghost:hover{ background:#fff; color:var(--pr-violet); border-color:#fff; }
}

/* aside: rotated black card + handwritten scope tree */
.prc-redesign .prc-cta__aside{
  position:relative; display:flex; align-items:center; gap:var(--sp-32);
  min-height:250px;
}
.prc-redesign .prc-cta__card{
  position:relative; flex:none; width:58%; aspect-ratio:1/.92;
  background:var(--pr-black); color:#EDEBEB; border-radius:22px;
  padding:var(--sp-24); transform:rotate(-6deg);
  box-shadow:0 32px 56px -30px rgba(0,0,0,.65);
}
.prc-redesign .prc-cta__brand{
  font-family:var(--font-display); font-weight:700; font-size:.95rem; color:#fff;
}
.prc-redesign .prc-cta__brand i{ color:var(--pr-lime); font-style:normal; }
.prc-redesign .prc-cta__cardtxt{
  position:absolute; left:var(--sp-24); bottom:3.1em;
  font-family:var(--font-display); font-weight:700; letter-spacing:-.03em;
  font-size:clamp(1.1rem,1.9vw,1.5rem); line-height:1.05;
}
.prc-redesign .prc-cta__cardbrand{
  position:absolute; left:var(--sp-24); bottom:var(--sp-24);
  font-family:var(--font-display); font-weight:700; font-size:.7rem; color:#fff;
}
.prc-redesign .prc-cta__cardbrand i{ font-style:normal; color:#8B8888; }
/* the little lime scribble poking out of the card's left edge */
.prc-redesign .prc-cta__scribble{
  position:absolute; left:-26px; bottom:26%; width:40px; height:46px;
  background:
    linear-gradient(76deg,transparent 46%,var(--pr-lime) 46% 53%,transparent 53%),
    linear-gradient(64deg,transparent 46%,var(--pr-lime) 46% 53%,transparent 53%),
    linear-gradient(52deg,transparent 46%,var(--pr-lime) 46% 53%,transparent 53%);
  background-size:100% 33%; background-repeat:no-repeat;
  background-position:0 0,0 50%,0 100%;
  transform:rotate(-4deg);
}
.prc-redesign .prc-cta__tree{
  list-style:none; margin:0; padding:0; position:relative; z-index:1; flex:1;
  display:flex; flex-direction:column; gap:.7em;
}
.prc-redesign .prc-cta__tree li{
  display:flex; align-items:center; gap:.6em;
  font-family:var(--font-script); font-weight:700; font-size:1.2rem;
  color:#fff;
}
.prc-redesign .prc-cta__leaf{
  width:20px; height:1.5px; background:rgba(255,255,255,.5);
  display:inline-block; flex:none;
}

/* the page's own block-editor content, if any */
.prc-redesign .pagey{ max-width:70ch; }

/* ==========================================================================
   REVEAL — hook into main.js's .fade/.anim system, add a small stagger.
   Content is visible by default; only hidden once html.anim is set (GSAP
   confirmed + motion allowed), so a blocked script never leaves a blank page.
   ========================================================================== */
html.anim .prc-redesign .fade.d1{ transition-delay:.06s; }
html.anim .prc-redesign .fade.d2{ transition-delay:.12s; }
html.anim .prc-redesign .fade.d3{ transition-delay:.18s; }

@media (prefers-reduced-motion:reduce){
  .prc-redesign *,
  .prc-redesign *::before,
  .prc-redesign *::after{
    transition:none !important; animation:none !important;
  }
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width:1024px){
  .prc-redesign .prc-hero__grid{ grid-template-columns:1fr; gap:var(--sp-40); }
  .prc-redesign .prc-hero__art{ order:2; min-height:290px; width:100%; max-width:560px; }
  .prc-redesign .prc-note--hero{ top:-6%; right:2%; }
  .prc-redesign .prc-note--deck{ left:4%; bottom:-2%; }

  .prc-redesign .prc-assure{ grid-template-columns:1fr 1fr; }
  .prc-redesign .prc-assure__item{ padding:var(--sp-24); }
  .prc-redesign .prc-assure__item:nth-child(odd){ padding-left:0; border-left:0; }
  .prc-redesign .prc-assure__item:nth-child(n+3){ border-top:1px solid var(--pr-line); }

  .prc-redesign .prc-plans__head{ grid-template-columns:1fr; gap:var(--sp-24); align-items:start; }
  .prc-redesign .prc-plans__body{ padding-right:0; }
  .prc-redesign .prc-note--plans{
    position:static; display:inline-block; width:auto; margin-top:var(--sp-24);
    transform:rotate(-2deg);
  }
  .prc-redesign .prc-note--plans .prc-note__arc{ display:none; }

  /* cards: 2 up, feature first and full width */
  .prc-redesign .prc-cards{ grid-template-columns:1fr 1fr; }
  .prc-redesign .prc-card.is-feature{
    grid-column:1 / -1; order:-1; margin-block:0;
    padding-block:var(--sp-32);
  }

  .prc-redesign .prc-path__grid{ grid-template-columns:1fr; gap:var(--sp-32); }
  .prc-redesign .prc-steps{ justify-content:flex-start; flex-wrap:wrap; gap:var(--sp-32); }
  .prc-redesign .prc-step + .prc-step::before{ display:none; }
  .prc-redesign .prc-note--path{
    position:static; display:inline-block; padding-bottom:0; max-width:none;
    transform:rotate(-2deg);
  }
  .prc-redesign .prc-note--path .prc-note__arc{ display:none; }

  .prc-redesign .prc-faq__head{ grid-template-columns:1fr; align-items:start; gap:var(--sp-24); }
  .prc-redesign .prc-faq__aside{ flex-wrap:wrap; gap:var(--sp-16); }

  .prc-redesign .prc-cta__panel{ grid-template-columns:1fr; gap:var(--sp-40); }
  .prc-redesign .prc-cta__aside{ order:2; min-height:auto; }
}

@media (max-width:700px){
  .prc-redesign .prc-hero{
    padding-top:calc(var(--nav-top) + var(--nav-h) + var(--ticker-h) + var(--sp-40));
    padding-bottom:var(--sp-48);
  }
  .prc-redesign .prc-h1{ font-size:clamp(2.6rem,12.5vw,3.6rem); }
  .prc-redesign .prc-h1__l1,
  .prc-redesign .prc-h1__l2{ width:auto; }

  /* Hero deck, recomposed rather than shrunk.
     The art block becomes a column so the handwritten note falls BELOW the
     cards instead of being laid out beside them as a flex sibling, and each
     card's arrow moves up onto the number row — at this width there is no
     room for it to sit beside the label without covering it. */
  .prc-redesign .prc-hero__art{
    min-height:0; margin-inline:auto; width:100%;
    flex-direction:column; align-items:flex-start; justify-content:flex-start;
  }
  .prc-redesign .prc-deck{ padding:var(--sp-16) 0 var(--sp-24); }
  .prc-redesign .prc-note--hero{ display:none; }
  .prc-redesign .prc-note--deck{
    position:static; display:block; align-self:flex-start;
    margin:0 0 var(--sp-8); transform:rotate(-2deg);
  }
  .prc-redesign .prc-note--deck .prc-note__arc{ display:none; }

  .prc-redesign .prc-chip{ padding:var(--sp-16); border-radius:18px; }
  /* less rotation and less overlap so the labels have room to breathe */
  .prc-redesign .prc-chip--light{ width:35%; transform:rotate(-6deg) translateY(7%); }
  .prc-redesign .prc-chip--violet{ width:37%; margin-inline:-1.5%; transform:rotate(-1deg) translateY(-6%); }
  .prc-redesign .prc-chip--dark{ width:35%; transform:rotate(5deg) translateY(2%); }
  .prc-redesign .prc-chip__num{ font-size:10px; }
  .prc-redesign .prc-chip__txt{
    left:var(--sp-16); right:var(--sp-16); bottom:var(--sp-16);
    font-size:.92rem; letter-spacing:-.03em;
  }
  /* arrow up top, clear of the label */
  .prc-redesign .prc-chip__go{
    width:28px; height:28px; right:12px; top:12px; bottom:auto;
  }
  .prc-redesign .prc-chip__go svg{ width:13px; height:13px; }
  /* the lime dot would land under the relocated arrow */
  .prc-redesign .prc-chip__dot{ display:none; }
  .prc-redesign .prc-chip__burst{ font-size:1.9rem; right:auto; left:8px; bottom:34%; top:auto; }
  /* The idle float keyframes carry the desktop transforms, so they would
     override the mobile rotations above. Drop the animation here — it also
     saves a continuous compositor job on the devices least able to spare it. */
  .prc-redesign .prc-chip--light,
  .prc-redesign .prc-chip--violet,
  .prc-redesign .prc-chip--dark{ animation:none; }

  .prc-redesign .prc-plans{ padding:var(--sp-56) 0 var(--sp-48); }
  /* mobile: single column, 01 / 02 / 03 in order, Growth still dominant */
  .prc-redesign .prc-cards{ grid-template-columns:1fr; gap:var(--sp-24); }
  .prc-redesign .prc-card.is-feature{ order:0; grid-column:auto; }
  .prc-redesign .prc-card{ padding:var(--sp-24); }
  .prc-redesign .prc-card.is-feature{ padding:var(--sp-32) var(--sp-24); }
  .prc-redesign .prc-card--violet .prc-card__blob{ width:170px; height:170px; }

  .prc-redesign .prc-path__panel{ border-radius:22px; padding:var(--sp-40) var(--sp-24); }
  .prc-redesign .prc-path__spark{ font-size:8rem; right:-20px; top:-24px; }
  .prc-redesign .prc-steps{ gap:var(--sp-24) var(--sp-32); }

  .prc-redesign .prc-faq-sec{ padding:var(--sp-56) 0 var(--sp-40); }
  .prc-redesign .prc-faq__q{ gap:var(--sp-16); padding-inline:0; }
  .prc-redesign .prc-faq__num{ width:1.9em; }
  .prc-redesign .prc-faq__pm{ width:30px; height:30px; }
  .prc-redesign .prc-faq__inner{
    padding:0 0 var(--sp-24) calc(1.9em + var(--sp-16));
  }
  @media (hover:hover){
    .prc-redesign .prc-faq__q:hover{ padding-left:var(--sp-8); }
  }

  .prc-redesign .prc-cta__panel{ padding:var(--sp-32) var(--sp-24); border-radius:22px; }
  .prc-redesign .prc-cta__btns{ flex-direction:column; align-items:stretch; }
  .prc-redesign .prc-cta__btn{ justify-content:center; }
  .prc-redesign .prc-cta__aside{ flex-direction:column; align-items:flex-start; gap:var(--sp-24); }
  .prc-redesign .prc-cta__card{ width:78%; max-width:270px; }
  .prc-redesign .prc-cta__scribble{ display:none; }
}

@media (max-width:420px){
  .prc-redesign .prc-assure{ grid-template-columns:1fr; }
  .prc-redesign .prc-assure__item{ padding-inline:0; border-left:0; }
  .prc-redesign .prc-assure__item + .prc-assure__item{
    border-left:0; border-top:1px solid var(--pr-line); padding-left:0;
  }
  .prc-redesign .prc-steps{ gap:var(--sp-24); }
  .prc-redesign .prc-step{ flex-direction:row; align-items:center; gap:.75em; width:100%; }
  .prc-redesign .prc-step__dot{ width:34px; height:34px; }
  .prc-redesign .prc-step__dot::after{ width:12px; height:12px; }
}