/* ══════════════════════════════════════════════════════════════════════
   gold-service.css — TaxClue premium service-page system (.gs-*)
   Aligned to the TaxClue design system (home-light .hr-* language):
   Fraunces headings · tricolor kicker · warm ivory rhythm · navy bands ·
   left-accent cards · slate body · brand red #E31937 / text-red #C01530.
   ══════════════════════════════════════════════════════════════════════ */

.gs{
  --gs-max:1520px; --gs-pad:40px;   /* match site .container (home width) */
  --ink:#0A132B; --slate:#5C6A80; --slate-2:#5F6E85;   /* slate-2 darkened for WCAG AA (was #93A0B4) */
  --red:#E31937; --red-ink:#C01530; --red-2:#F5405E; --gold-ink:#B7831F;
  --saffron:#FF9933; --green:#138808;
  --line:#E4E9EF; --line-2:#D3DAE3;   /* cool borders (was warm cream) */
  --paper:#FAFCFD; --warm:#EEF3F8; --white:#fff;   /* cool surfaces (was warm cream) */
  --navy-grad:radial-gradient(125% 125% at 12% 0%,#16233F 0%,#060E1F 62%);
  --sh-sm:0 1px 2px rgba(10,19,43,.05);
  --sh:0 10px 30px -18px rgba(10,19,43,.28);
  --sh-lg:0 24px 48px -24px rgba(10,19,43,.28);
  --sh-red:0 12px 28px rgba(227,25,55,.22);
  --r:16px; --r-lg:22px;
  /* Inherit the canonical site fonts (tc-tokens) so gold pages match everywhere */
  --serif:var(--tc-font-head,'Fraunces',Georgia,serif);
  --sans:var(--tc-font-body,'DM Sans',system-ui,-apple-system,sans-serif);
  --mono:var(--tc-font-mono,'JetBrains Mono',ui-monospace,monospace);
  color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.72;
  -webkit-font-smoothing:antialiased;
  /* Uniform cool-light system — mist gutter behind alternating content bands,
     matches the #E7EDF3 hero so the whole page reads as one light family. */
  background:linear-gradient(180deg,#EDF2F7 0%,#DFE7EF 100%);
  /* Astronomy STARFIELD tile (different style from the hero's constellation +
     orbit rings): scattered stars, two sparkle marks, one faint link. Tileable,
     very faint — sits subtly behind every content block. */
  --astro1:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='220'%20height='220'%20viewBox='0%200%20220%20220'%3E%3Cg%20stroke='%230A132B'%20stroke-opacity='0.16'%20fill='none'%3E%3Ccircle%20cx='58'%20cy='60'%20r='30'/%3E%3Ccircle%20cx='58'%20cy='60'%20r='54'/%3E%3C/g%3E%3Cg%20stroke='%230A132B'%20stroke-opacity='0.2'%20fill='none'%3E%3Cpath%20d='M150%2028L182%2066L158%20118L118%20138'/%3E%3C/g%3E%3Cg%20fill='%230A132B'%20fill-opacity='0.28'%3E%3Ccircle%20cx='150'%20cy='28'%20r='2.4'/%3E%3Ccircle%20cx='182'%20cy='66'%20r='2.8'/%3E%3Ccircle%20cx='158'%20cy='118'%20r='2.4'/%3E%3Ccircle%20cx='118'%20cy='138'%20r='2.2'/%3E%3Ccircle%20cx='58'%20cy='60'%20r='2'/%3E%3C/g%3E%3Cg%20fill='%230A132B'%20fill-opacity='0.15'%3E%3Ccircle%20cx='30'%20cy='170'%20r='1.4'/%3E%3Ccircle%20cx='192'%20cy='180'%20r='1.4'/%3E%3Ccircle%20cx='92'%20cy='100'%20r='1.2'/%3E%3C/g%3E%3C/svg%3E");
  --astro2:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='200'%20height='200'%20viewBox='0%200%20200%20200'%3E%3Cg%20fill='%230A132B'%20fill-opacity='0.24'%3E%3Ccircle%20cx='30'%20cy='30'%20r='2.2'/%3E%3Ccircle%20cx='120'%20cy='50'%20r='2.6'/%3E%3Ccircle%20cx='170'%20cy='30'%20r='2'/%3E%3Ccircle%20cx='80'%20cy='110'%20r='2.4'/%3E%3Ccircle%20cx='150'%20cy='140'%20r='2.6'/%3E%3Ccircle%20cx='40'%20cy='170'%20r='2.2'/%3E%3C/g%3E%3Cg%20fill='%230A132B'%20fill-opacity='0.13'%3E%3Ccircle%20cx='95'%20cy='75'%20r='1.2'/%3E%3Ccircle%20cx='185'%20cy='95'%20r='1.2'/%3E%3Ccircle%20cx='20'%20cy='110'%20r='1.2'/%3E%3Ccircle%20cx='140'%20cy='190'%20r='1.2'/%3E%3Ccircle%20cx='110'%20cy='150'%20r='1.2'/%3E%3C/g%3E%3Cg%20stroke='%230A132B'%20stroke-opacity='0.2'%20stroke-width='1.1'%3E%3Cpath%20d='M60%2040V52M54%2046H66'/%3E%3Cpath%20d='M160%20165V177M154%20171H166'/%3E%3C/g%3E%3C/svg%3E");
  --astro3:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='240'%20height='200'%20viewBox='0%200%20240%20200'%3E%3Cg%20stroke='%230A132B'%20stroke-opacity='0.2'%20fill='none'%3E%3Cpath%20d='M20%2060L70%2040L120%2070L170%2055L200%2090L150%20130L100%20110'/%3E%3C/g%3E%3Cg%20fill='%230A132B'%20fill-opacity='0.28'%3E%3Ccircle%20cx='20'%20cy='60'%20r='2.4'/%3E%3Ccircle%20cx='70'%20cy='40'%20r='2.6'/%3E%3Ccircle%20cx='120'%20cy='70'%20r='2.4'/%3E%3Ccircle%20cx='170'%20cy='55'%20r='2.6'/%3E%3Ccircle%20cx='200'%20cy='90'%20r='2.4'/%3E%3Ccircle%20cx='150'%20cy='130'%20r='2.6'/%3E%3Ccircle%20cx='100'%20cy='110'%20r='2.4'/%3E%3C/g%3E%3Cg%20fill='%230A132B'%20fill-opacity='0.14'%3E%3Ccircle%20cx='50'%20cy='150'%20r='1.4'/%3E%3Ccircle%20cx='215'%20cy='150'%20r='1.4'/%3E%3C/g%3E%3C/svg%3E");
  --astro4:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='220'%20height='220'%20viewBox='0%200%20220%20220'%3E%3Cg%20stroke='%230A132B'%20stroke-opacity='0.16'%20fill='none'%20stroke-dasharray='4%205'%3E%3Ccircle%20cx='110'%20cy='110'%20r='45'/%3E%3Ccircle%20cx='110'%20cy='110'%20r='80'/%3E%3C/g%3E%3Cg%20fill='%230A132B'%20fill-opacity='0.28'%3E%3Ccircle%20cx='110'%20cy='110'%20r='3'/%3E%3Ccircle%20cx='155'%20cy='110'%20r='2.4'/%3E%3Ccircle%20cx='110'%20cy='30'%20r='2.2'/%3E%3Ccircle%20cx='40'%20cy='150'%20r='2.2'/%3E%3C/g%3E%3Cg%20fill='%230A132B'%20fill-opacity='0.13'%3E%3Ccircle%20cx='30'%20cy='40'%20r='1.3'/%3E%3Ccircle%20cx='190'%20cy='60'%20r='1.3'/%3E%3Ccircle%20cx='180'%20cy='190'%20r='1.3'/%3E%3C/g%3E%3C/svg%3E");
  --astro5:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='200'%20height='200'%20viewBox='0%200%20200%20200'%3E%3Cg%20stroke='%230A132B'%20stroke-opacity='0.18'%20fill='none'%3E%3Cpath%20d='M40%2050L110%2030L90%20100Z'/%3E%3Cpath%20d='M110%2030L170%2080L90%20100'/%3E%3C/g%3E%3Cg%20fill='%230A132B'%20fill-opacity='0.28'%3E%3Ccircle%20cx='40'%20cy='50'%20r='2.4'/%3E%3Ccircle%20cx='110'%20cy='30'%20r='2.6'/%3E%3Ccircle%20cx='90'%20cy='100'%20r='2.4'/%3E%3Ccircle%20cx='170'%20cy='80'%20r='2.4'/%3E%3C/g%3E%3Cg%20fill='%230A132B'%20fill-opacity='0.14'%3E%3Ccircle%20cx='50'%20cy='160'%20r='1.4'/%3E%3Ccircle%20cx='150'%20cy='150'%20r='1.4'/%3E%3Ccircle%20cx='30'%20cy='120'%20r='1.2'/%3E%3C/g%3E%3C/svg%3E");
}
.gs *{box-sizing:border-box}
.gs-wrap{max-width:var(--gs-max);margin:0 auto;padding:0 var(--gs-pad)}
.gs p{margin:0 0 14px;color:var(--ink)}
.gs a{color:var(--red-ink);text-decoration:none}
.gs strong{color:var(--ink)}
/* Buttons must beat the generic `.gs a` link colour (else red-on-red = invisible) */
.gs .gs-btn,.gs .gs-btn-primary,.gs .gs-btn-wa{color:#fff}
.gs .gs-btn-ghost{color:var(--ink)}
.gs .gs-phone{color:var(--ink)}

/* ── Kicker (tricolor bar + mono) ── */
.gs-eyebrow{display:inline-flex;align-items:center;gap:11px;font-family:var(--mono);font-size:11.5px;
  font-weight:600;letter-spacing:2.6px;text-transform:uppercase;color:var(--red-ink);margin-bottom:16px}
.gs-eyebrow::before,.gs-eyebrow::after{content:"";width:26px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--saffron),var(--red) 55%,var(--green))}
.gs-eyebrow::after{background:linear-gradient(90deg,var(--green),var(--red) 45%,var(--saffron))}

/* ── Headings ── */
.gs h2{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3.2vw,40px);line-height:1.12;
  letter-spacing:-.6px;color:var(--ink);margin:0 0 8px;text-wrap:balance}
.gs h2 em{font-style:italic;color:var(--red-ink)}
.gs h3{font-family:var(--serif);font-weight:500;font-size:20px;line-height:1.2;color:var(--ink);margin:0 0 9px;letter-spacing:-.2px}
.gs-lead{font-size:18.5px;line-height:1.65;color:var(--slate);max-width:62ch;margin:14px 0 0}

/* ── Section rhythm — EVERY content block is its own full-width band ──
   Full-bleed via box-shadow spread + clip-path (content stays in .gs-wrap).
   Two-tone alternation: odd = white (A), even = cool mist (B). A DIFFERENT
   astronomy motif cycles behind each block (5 distinct patterns). */
.gs-sec{padding:56px 0;position:relative}
.gs-wrap>.gs-sec:not(.gs-cta-sec){
  --band:#FCFAF5;   /* colour A — soft warm white (complements the gold seam) */
  --astro:var(--astro1);
  background-color:var(--band);
  /* Astronomy sits on the SIDES only — two vertical rails (left + right),
     centre reading area stays clear. A different motif per block. */
  background-image:var(--astro),var(--astro);
  background-position:left -18px top, right -18px top;
  background-repeat:repeat-y,repeat-y;
  box-shadow:0 0 0 100vmax var(--band);
  clip-path:inset(0 -100vmax);
}
/* Alternate every second block to colour B (light champagne) — the warm-neutral
   pair sits well with the gold separator seam. */
.gs-wrap>.gs-sec:nth-of-type(even):not(.gs-cta-sec){ --band:#F4EEE0 }
/* Cycle 5 distinct astronomy motifs across the blocks — each one different */
.gs-wrap>.gs-sec:not(.gs-cta-sec):nth-of-type(5n+1){ --astro:var(--astro1) }
.gs-wrap>.gs-sec:not(.gs-cta-sec):nth-of-type(5n+2){ --astro:var(--astro2) }
.gs-wrap>.gs-sec:not(.gs-cta-sec):nth-of-type(5n+3){ --astro:var(--astro3) }
.gs-wrap>.gs-sec:not(.gs-cta-sec):nth-of-type(5n+4){ --astro:var(--astro4) }
.gs-wrap>.gs-sec:not(.gs-cta-sec):nth-of-type(5n+5){ --astro:var(--astro5) }

/* Reviews + FAQ reuse OLD-homepage ids: quantum.css paints them dark and
   theme-light.css repaints #reviews WARM cream (#F6F1E7 !important) while #faq
   stays ivory — a warm/cool clash. Force both into the 2-tone rhythm (reviews =
   mist B, faq = white A) + starfield, with a selector specific enough to beat
   theme-light's !important. */
html[data-theme="light"] .gs #reviews{
  background-color:#F4EEE0 !important;
  background-image:var(--astro3),var(--astro3) !important;
  background-position:left -18px top, right -18px top !important;
  background-repeat:repeat-y,repeat-y !important;
  box-shadow:0 0 0 100vmax #F4EEE0 !important;
  clip-path:inset(0 -100vmax) !important;
}
html[data-theme="light"] .gs #faq{
  background-color:#FCFAF5 !important;
  background-image:var(--astro5),var(--astro5) !important;
  background-position:left -18px top, right -18px top !important;
  background-repeat:repeat-y,repeat-y !important;
  box-shadow:0 0 0 100vmax #FCFAF5 !important;
  clip-path:inset(0 -100vmax) !important;
}
.gs-wrap>.gs-sec#reviews::before,.gs-wrap>.gs-sec#reviews::after,
.gs-wrap>.gs-sec#faq::before,.gs-wrap>.gs-sec#faq::after{ display:none }

/* ── Royal / premium separator — gold ornamental rule + diamond medallion,
   drawn on the seam at the top of each band (skips the first block & CTA). ── */
.gs-wrap>.gs-sec:not(:first-of-type):not(.gs-cta-sec)::before{
  content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:100vw;height:1px;pointer-events:none;
  background:linear-gradient(90deg,
    transparent 4%,
    rgba(183,131,31,.08) 18%,
    rgba(183,131,31,.55) 40%,
    rgba(183,131,31,.75) 50%,
    rgba(183,131,31,.55) 60%,
    rgba(183,131,31,.08) 82%,
    transparent 96%);
}
.gs-wrap>.gs-sec:not(:first-of-type):not(.gs-cta-sec)::after{
  content:"";position:absolute;top:-5.5px;left:50%;pointer-events:none;
  width:11px;height:11px;border-radius:2px;
  transform:translateX(-50%) rotate(45deg);
  background:linear-gradient(135deg,#EFD08A 0%,var(--gold-ink) 55%,#8A5E12 100%);
  box-shadow:
    0 0 0 3px rgba(255,255,255,.55),
    0 0 0 4px rgba(183,131,31,.35),
    0 4px 10px -3px rgba(183,131,31,.65);
}
.gs-sec-head{margin-bottom:44px;text-align:center}
.gs-sec-head .gs-sh-l{max-width:980px;margin-left:auto;margin-right:auto}
/* lead now stacks & centers beneath the title (no more left/right split) */
.gs-sec-head.has-lead{display:block}
/* 980px lets medium headings (e.g. "What Documents Are Required for GST Registration?")
   sit on one line at desktop; longer ones still wrap, short ones stay centered-tight. */
.gs-sec-head.has-lead .gs-sh-l{max-width:980px}
.gs-sec-head.has-lead .gs-lead{max-width:64ch;margin:16px auto 0;padding-bottom:0}
.gs [id]{scroll-margin-top:140px}   /* clear fixed header (75px) + sticky sub-nav (56px) */

/* Reveal animation removed — content is always visible (no opacity:0 that could
   leave a blank viewport on deep-links / scroll-restoration / JS failure). */

/* ═══════════ BUTTONS ═══════════ */
.gs-btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-size:15px;font-weight:600;line-height:1;
  padding:15px 28px;border-radius:11px;text-decoration:none;cursor:pointer;border:1.5px solid transparent;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
.gs-btn-primary{background:var(--red);color:#fff;border-color:var(--red);box-shadow:var(--sh-red)}
.gs-btn-primary:hover{background:var(--red-ink);border-color:var(--red-ink);transform:translateY(-2px);box-shadow:0 18px 36px rgba(227,25,55,.28);color:#fff}
.gs-btn-wa{background:#1FA855;color:#fff;border-color:#1FA855;box-shadow:0 12px 28px rgba(31,168,85,.22)}
.gs-btn-wa:hover{background:#17904a;border-color:#17904a;transform:translateY(-2px);color:#fff}
.gs-btn-ghost{background:#fff;color:var(--ink);border-color:var(--line-2);box-shadow:var(--sh-sm)}
.gs-btn-ghost:hover{border-color:var(--ink);transform:translateY(-2px)}
.gs-phone{font-weight:700;color:var(--ink);text-decoration:none;font-size:15px;white-space:nowrap}
.gs-phone:hover{color:var(--red-ink)}

/* ═══════════ HERO ═══════════ */
.gs-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);
  /* Soft Cool Mist — flat #E7EDF3 with an extremely subtle navy atmospheric glow.
     No grid/dots/image/blob — keeps H1 + pricing + CTA + form clearly foreground. */
  background:
    radial-gradient(circle at 85% 20%,rgba(7,16,31,.07) 0%,rgba(7,16,31,.025) 32%,transparent 65%),
    #E7EDF3}
/* Astronomy motif — constellation dots + connecting lines + concentric orbit
   rings. TWO clusters: one top-right (behind the form) + one lower-left, so the
   sky spans both sides of the hero. Darker navy so the pattern reads clearly. */
.gs-hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background-repeat:no-repeat,no-repeat;
  background-position:right -30px top -20px, left -70px bottom -40px;
  background-size:660px auto, 560px auto;
  background-image:
    url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='520'%20height='420'%20viewBox='0%200%20520%20420'%20fill='none'%3E%3Cg%20stroke='%230A132B'%20stroke-opacity='0.22'%20fill='none'%3E%3Ccircle%20cx='390'%20cy='90'%20r='60'/%3E%3Ccircle%20cx='390'%20cy='90'%20r='110'/%3E%3Ccircle%20cx='390'%20cy='90'%20r='165'/%3E%3C/g%3E%3Cg%20stroke='%230A132B'%20stroke-opacity='0.38'%3E%3Cline%20x1='120'%20y1='70'%20x2='190'%20y2='130'/%3E%3Cline%20x1='190'%20y1='130'%20x2='260'%20y2='110'/%3E%3Cline%20x1='260'%20y1='110'%20x2='330'%20y2='180'/%3E%3Cline%20x1='330'%20y1='180'%20x2='300'%20y2='250'/%3E%3Cline%20x1='190'%20y1='130'%20x2='210'%20y2='210'/%3E%3C/g%3E%3Cg%20fill='%230A132B'%20fill-opacity='0.7'%3E%3Ccircle%20cx='120'%20cy='70'%20r='2.6'/%3E%3Ccircle%20cx='190'%20cy='130'%20r='3.2'/%3E%3Ccircle%20cx='260'%20cy='110'%20r='2.6'/%3E%3Ccircle%20cx='330'%20cy='180'%20r='3.2'/%3E%3Ccircle%20cx='300'%20cy='250'%20r='2.6'/%3E%3Ccircle%20cx='210'%20cy='210'%20r='2.2'/%3E%3C/g%3E%3Cg%20fill='%230A132B'%20fill-opacity='0.42'%3E%3Ccircle%20cx='70'%20cy='180'%20r='1.6'/%3E%3Ccircle%20cx='150'%20cy='260'%20r='1.6'/%3E%3Ccircle%20cx='420'%20cy='240'%20r='1.6'/%3E%3Ccircle%20cx='460'%20cy='140'%20r='1.6'/%3E%3Ccircle%20cx='360'%20cy='60'%20r='1.6'/%3E%3Ccircle%20cx='90'%20cy='90'%20r='1.6'/%3E%3Ccircle%20cx='250'%20cy='300'%20r='1.6'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='520'%20height='420'%20viewBox='0%200%20520%20420'%20fill='none'%3E%3Cg%20stroke='%230A132B'%20stroke-opacity='0.2'%20fill='none'%3E%3Ccircle%20cx='120'%20cy='300'%20r='55'/%3E%3Ccircle%20cx='120'%20cy='300'%20r='100'/%3E%3C/g%3E%3Cg%20stroke='%230A132B'%20stroke-opacity='0.34'%3E%3Cline%20x1='60'%20y1='330'%20x2='140'%20y2='280'/%3E%3Cline%20x1='140'%20y1='280'%20x2='210'%20y2='320'/%3E%3Cline%20x1='210'%20y1='320'%20x2='260'%20y2='250'/%3E%3Cline%20x1='140'%20y1='280'%20x2='150'%20y2='200'/%3E%3C/g%3E%3Cg%20fill='%230A132B'%20fill-opacity='0.62'%3E%3Ccircle%20cx='60'%20cy='330'%20r='2.6'/%3E%3Ccircle%20cx='140'%20cy='280'%20r='3.2'/%3E%3Ccircle%20cx='210'%20cy='320'%20r='2.6'/%3E%3Ccircle%20cx='260'%20cy='250'%20r='2.4'/%3E%3Ccircle%20cx='150'%20cy='200'%20r='2.4'/%3E%3C/g%3E%3Cg%20fill='%230A132B'%20fill-opacity='0.36'%3E%3Ccircle%20cx='230'%20cy='180'%20r='1.6'/%3E%3Ccircle%20cx='90'%20cy='230'%20r='1.6'/%3E%3Ccircle%20cx='300'%20cy='310'%20r='1.6'/%3E%3Ccircle%20cx='40'%20cy='270'%20r='1.6'/%3E%3C/g%3E%3C/svg%3E")}
/* Narrower, grouped hero — anchored to the left (logo). Capped width + tighter
   gap closes the empty canyon that opened between the copy and the form. */
.gs-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:clamp(38px,3.6vw,56px);align-items:center;padding:16px 0 52px;max-width:1320px}
.gs-hero-grid>*{min-width:0}   /* prevent grid blow-out from min-content (H1 / buttons) */
.gs-hero .sp-form{max-width:none;width:100%}
.gs-hero .sp-form h2{font-size:20px!important;line-height:1.25}   /* "Get Expert Help" — smaller */
.gs-hero .sp-fwa{display:flex!important;align-items:center;justify-content:center;gap:8px}   /* keep full-width */
.gs-hero .sp-fwa svg{flex-shrink:0}
/* DPDP consent + legible reassurance line (was ~2.9:1 @10px — fails AA) */
.gs-consent{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;color:var(--slate);margin:2px 0 12px;text-align:left}
.gs-consent input{margin-top:2px;flex-shrink:0;width:15px;height:15px;accent-color:var(--red)}
.gs-consent a{color:var(--red-ink);text-decoration:underline}
/* Consent gate — submit looks inert while the box is unticked */
.sp-fbtn:disabled,.gs-form .gs-btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none;filter:grayscale(.25)}
.gs-hero .sp-fnote{color:#5C6A80!important;font-size:12px!important}
.gs-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(32px,4.2vw,50px);line-height:1.06;letter-spacing:-1px;color:var(--ink);margin:0 0 18px;max-width:22ch}
.gs-hero h1 em{font-style:italic;color:var(--red-ink)}
.gs-hero-sub{font-size:18px;line-height:1.6;color:var(--slate);margin:0 0 26px;max-width:46ch}
.gs-pills{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}
.gs-pill{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:999px;
  padding:9px 17px 9px 14px;font-size:13px;font-weight:600;color:var(--ink);box-shadow:var(--sh-sm)}
.gs-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(19,136,8,.14)}
.gs-ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.gs-hero-rating{display:flex;align-items:center;gap:9px;margin-top:22px;font-size:14px;color:var(--slate);flex-wrap:wrap}
.gs-hero-rating .gs-stars{color:var(--saffron);letter-spacing:2px;font-size:15px}
.gs-hero-rating strong{color:var(--ink);font-weight:700}

/* ── Lead form (kept as the original glass + gradient-glow card) ── */
.gs-form{position:relative;background:#fff;border:1px solid var(--line-2);
  border-radius:var(--r-lg);padding:30px 28px;
  box-shadow:0 24px 48px -20px rgba(10,19,43,.30),0 0 0 1px rgba(10,19,43,.05)}
.gs-form::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(160deg,rgba(227,25,55,.5),transparent 40%,transparent 70%,rgba(255,153,51,.4));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.gs-form>*{position:relative}
.gs-form h2{font-family:var(--serif);font-weight:500;font-size:23px;margin:0 0 3px;letter-spacing:-.3px}
.gs-form-sub{font-size:13.5px;color:var(--slate);margin:0 0 12px}
.gs-form-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(19,136,8,.08);color:var(--green);
  border-radius:999px;padding:7px 14px;font-size:12px;font-weight:700;margin-bottom:18px}
.gs-form-badge b{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;box-shadow:0 0 0 3px rgba(19,136,8,.16);animation:gsPulse 1.9s infinite}
@keyframes gsPulse{0%,100%{opacity:1}50%{opacity:.4}}
.gs-fg{margin-bottom:14px}
.gs-fg label{display:block;font-size:12.5px;font-weight:600;color:var(--ink);margin-bottom:6px}
.gs-fg input{width:100%;border:1.5px solid var(--line-2);border-radius:11px;padding:13px 15px;font-size:15px;font-family:inherit;
  color:var(--ink);background:#fff;transition:border .18s,box-shadow .18s,background .18s}
.gs-fg input::placeholder{color:#98A4B5}
.gs-fg input:focus{outline:none;border-color:var(--red);background:#fff;box-shadow:0 0 0 4px rgba(227,25,55,.10)}
.gs-form .gs-btn-primary{width:100%;justify-content:center;margin-top:6px;font-size:16px}
.gs-form-fine{text-align:center;font-size:11px;color:var(--slate);margin:12px 0 0}

/* ═══════════ NAVY TRUST BAND ═══════════ */
.gs-trust{position:relative;overflow:hidden;background:var(--navy-grad);color:#EAE4D6;padding:0!important}
.gs-trust::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--saffron),#fff,var(--green))}
.gs-trust-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:var(--gs-max)}
.gs-trust-grid>div{padding:20px 20px;border-left:1px solid rgba(255,255,255,.10);display:flex;align-items:baseline;gap:10px;justify-content:center;white-space:nowrap}
.gs-trust-grid>div:first-child{border-left:none}
.gs-trust-num{font-family:var(--serif);font-weight:400;font-size:20px;line-height:1;color:#fff;white-space:nowrap}
.gs-trust-num span{color:var(--saffron)}
.gs-trust-lbl{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:rgba(234,228,214,.78)}

/* ═══════════ STICKY SECTION SUB-NAV ═══════════ */
.gs-subnav{position:sticky;top:calc(var(--ticker-h,3px) + var(--hdr-h,68px) + 12px);z-index:40;
  background:rgba(251,250,247,.94);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:12px;
  margin-top:10px;box-shadow:var(--sh-sm)}
.gs-sn-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:32px;height:32px;border-radius:9px;
  border:1px solid var(--line);background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;
  cursor:pointer;font-size:22px;line-height:1;box-shadow:0 2px 8px rgba(10,19,43,.12);transition:border-color .18s,color .18s}
.gs-sn-arrow:hover{border-color:var(--red);color:var(--red-ink)}
.gs-sn-arrow[hidden]{display:none}
.gs-sn-prev{left:8px}
.gs-sn-next{right:8px}
.gs-subnav ul{display:flex;gap:4px;list-style:none;margin:0;padding:9px 46px;overflow-x:auto;scrollbar-width:none;align-items:center;scroll-behavior:smooth}
.gs-subnav ul::-webkit-scrollbar{display:none}
.gs-subnav a{display:inline-block;white-space:nowrap;padding:8px 15px;border-radius:999px;font-size:13px;font-weight:600;
  color:var(--slate);text-decoration:none;transition:background .18s,color .18s,box-shadow .18s}
.gs-subnav a:hover{color:var(--ink);background:#fff}
.gs-subnav a.active{color:var(--red-ink);background:#fff;box-shadow:var(--sh-sm)}
.gs-subnav-cta{margin-left:auto}
.gs-subnav-cta a{background:var(--red);color:#fff!important;box-shadow:var(--sh-red)}
.gs-subnav-cta a:hover{background:var(--red-ink);color:#fff!important}
@media(max-width:900px){.gs-subnav{top:calc(var(--ticker-h,3px) + var(--hdr-h,68px) + 8px)}.gs-subnav-cta{display:none}}

/* ═══════════ QUICK ANSWER ═══════════ */
.gs-answer{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 30px 26px 34px;
  font-family:var(--sans);font-weight:400;font-size:clamp(16px,1.7vw,18px);line-height:1.65;color:var(--ink);box-shadow:var(--sh-sm)}
.gs-answer::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:4px;background:linear-gradient(180deg,var(--red),var(--gold-ink))}
.gs-answer strong{color:var(--red-ink);font-weight:500}

/* ── Author / reviewer byline (E-E-A-T) ── */
.gs-byline{display:inline-flex;align-items:center;gap:11px;margin:0 0 12px;background:#fff;border:1px solid var(--line);
  border-radius:999px;padding:7px 18px 7px 9px;box-shadow:var(--sh-sm)}
.gs-byline-ic{width:34px;height:34px;border-radius:50%;background:var(--navy-grad);color:#fff;
  display:flex;align-items:center;justify-content:center;flex-shrink:0}
.gs-byline-ic svg{width:19px;height:19px}
.gs-byline-tx{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13.5px;color:var(--slate);line-height:1.35}
.gs-byline-tx strong{color:var(--ink);font-weight:700}
.gs-byl-sep{color:var(--line)}
.gs-byl-upd time{font-weight:600;color:var(--ink)}
.gs-freshness{font-size:12.5px;line-height:1.6;color:var(--slate);margin:0 0 4px;max-width:78ch}
@media(max-width:560px){.gs-byline{border-radius:16px}.gs-byl-sep{display:none}.gs-byline-tx{gap:2px 10px}}

/* ── Official sources / legal references ── */
.gs-sources{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.gs-sources a{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:13px;
  padding:15px 17px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.gs-sources a:hover{transform:translateY(-3px);border-color:rgba(227,25,55,.28);box-shadow:var(--sh)}
.gs-src-ic{width:40px;height:40px;border-radius:10px;background:rgba(10,19,43,.05);color:var(--ink);
  display:flex;align-items:center;justify-content:center;flex-shrink:0}
.gs-src-ic svg{width:21px;height:21px}
.gs-src-tx{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.gs-src-tx strong{font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.25}
.gs-src-tx small{font-size:12px;color:var(--slate);line-height:1.4}
.gs-src-go{margin-left:auto;color:var(--red-ink);font-size:16px;font-weight:700;flex-shrink:0}

/* ── Intro row (quick-answer + fact) ── */
.gs-intro{display:grid;grid-template-columns:1.75fr 1fr;gap:22px;align-items:stretch;margin-top:26px}
@media(max-width:900px){.gs-intro{grid-template-columns:1fr}}

/* ── Fact callout ── */
.gs-fact{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid rgba(19,136,8,.28);
  border-radius:var(--r);padding:24px 26px;box-shadow:var(--sh-sm)}
.gs-intro .gs-fact{flex-direction:column;text-align:center;justify-content:center;gap:8px}
.gs-fact-num{font-family:var(--serif);font-size:clamp(30px,5vw,46px);font-weight:400;color:var(--green);line-height:1}
.gs-fact-lbl{font-size:14px;color:var(--slate)}
.gs-fact-lbl strong{display:block;color:var(--ink);font-size:15px;margin-bottom:2px}

/* ═══════════ QUICK-FACTS BAR ═══════════ */
.gs-facts{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.gs-fact-cell{position:relative;background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 13px;
  box-shadow:var(--sh-sm);transition:transform .2s,box-shadow .2s,border-color .2s}
.gs-fact-cell:hover{transform:translateY(-3px);box-shadow:var(--sh);border-color:rgba(227,25,55,.22)}
.gs-fact-ic{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;
  background:linear-gradient(150deg,rgba(227,25,55,.09),rgba(255,153,51,.10));color:var(--red-ink);margin-bottom:11px}
.gs-fact-ic svg{width:18px;height:18px}
.gs-fact-cell .k{font-family:var(--mono);font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--slate);margin-bottom:4px}
.gs-fact-cell .v{font-family:var(--serif);font-size:16px;font-weight:500;color:var(--ink);line-height:1.2}
@media(max-width:1080px){.gs-facts{grid-template-columns:repeat(4,1fr)}}
@media(max-width:560px){.gs-facts{grid-template-columns:repeat(2,1fr)}}

/* ═══════════ SPLIT / CHECK LISTS ═══════════ */
.gs-split{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.gs-panel{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;box-shadow:var(--sh-sm)}
.gs-panel h3{margin:0 0 16px}
.gs-check{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.gs-check li{position:relative;padding-left:32px;font-size:15px;color:var(--ink);line-height:1.5}
.gs-check li::before{content:"\2713";position:absolute;left:0;top:0;width:21px;height:21px;border-radius:7px;background:rgba(19,136,8,.12);
  color:var(--green);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}
.gs-xlist{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.gs-xlist li{position:relative;padding-left:32px;font-size:15px;color:var(--slate);line-height:1.5}
.gs-xlist li::before{content:"\2212";position:absolute;left:0;top:0;width:21px;height:21px;border-radius:7px;background:rgba(92,106,128,.12);
  color:var(--slate);font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center}   /* neutral minus, not error-red */
.gs-inline-cta{margin-top:20px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;
  background:#fff;border:1px solid var(--line);border-left:3px solid var(--red);border-radius:var(--r);padding:18px 22px;box-shadow:var(--sh-sm)}
.gs-inline-cta p{margin:0;font-size:15px;font-weight:600;color:var(--ink)}

/* ═══════════ DEFINITION BLOCKS ═══════════ */
.gs-def{display:grid;gap:14px}
.gs-def-row{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 24px 20px 28px;box-shadow:var(--sh-sm)}
.gs-def-row::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:4px;background:linear-gradient(180deg,var(--red),var(--gold-ink))}
.gs-def-row .lbl{font-family:var(--mono);font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--red-ink);font-weight:700;margin-bottom:7px}
.gs-def-row p{margin:0;font-size:16px;line-height:1.6}

/* ═══════════ CARDS (hr-cat language) ═══════════ */
.gs-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:18px}
.gs-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,#fff 0%,#FAFCFE 100%);
  border:1px solid var(--line-2);border-radius:var(--r);padding:26px 24px;overflow:hidden;box-shadow:var(--sh-sm);
  transition:transform .28s,border-color .28s,box-shadow .28s}
.gs-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--red),var(--gold-ink));transform:scaleY(0);transform-origin:top;transition:transform .28s}
.gs-card:hover{transform:translateY(-5px);border-color:rgba(227,25,55,.35);box-shadow:var(--sh-lg)}
.gs-card:hover::before{transform:scaleY(1)}
.gs-card-ic{width:50px;height:50px;border-radius:14px;background:linear-gradient(150deg,rgba(227,25,55,.10),rgba(255,153,51,.10));
  border:1px solid rgba(227,25,55,.14);color:var(--red-ink);display:flex;align-items:center;justify-content:center;font-size:23px;margin-bottom:18px}
.gs-card-ic svg{width:24px;height:24px}
.gs-card h3{margin:0 0 8px;font-size:19px}
.gs-card p{margin:0;font-size:14.5px;color:var(--slate);line-height:1.6}
.gs-card ul{margin:0;padding-left:18px;font-size:14px;line-height:1.8;color:var(--ink)}

/* ═══════════ TYPES · WHY — full redesign ═══════════
   Elevated paper tiles on the warm ivory band. Persistent left accent,
   corner index watermark, tricolor top-line reveal + lift on hover. */
/* Flex layout: 4 per row, and the last partial row CENTERS instead of
   leaving a dead gap on the right (7 cards → 4 + 3 centered, not 5 + 2). */
#types .gs-cards,#why .gs-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
#types .gs-card,#why .gs-card{
  flex:1 1 300px;max-width:390px;
  background:transparent;                        /* fill removed — white section shows through */
  border:1px solid #E4DED0;border-radius:18px;padding:28px 26px 26px;   /* border kept */
  box-shadow:none;
  counter-increment:gscard;
}
/* persistent thin left accent (was hover-only) */
#types .gs-card::before,#why .gs-card::before{transform:scaleY(1);width:3px;border-radius:0 3px 3px 0}
/* tricolor hairline that sweeps across the top on hover */
#types .gs-card::after,#why .gs-card::after{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;transform:scaleX(0);transform-origin:left;
  background:linear-gradient(90deg,var(--saffron),var(--red) 55%,var(--green));transition:transform .4s ease}
/* faint serif index watermark in the corner */
#types .gs-card>h3::before,#why .gs-card>h3::before{
  content:counter(gscard,decimal-leading-zero);position:absolute;top:16px;right:22px;
  font-family:var(--serif);font-style:italic;font-weight:600;font-size:38px;line-height:1;
  color:var(--ink);opacity:.05;pointer-events:none}
#types .gs-card,#why .gs-card{position:relative}
#types .gs-card h3,#why .gs-card h3{font-family:var(--serif);font-weight:500;font-size:19px;letter-spacing:-.2px}
#types .gs-card:hover,#why .gs-card:hover{
  transform:translateY(-6px);border-color:rgba(227,25,55,.28);
  box-shadow:0 26px 46px -24px rgba(10,19,43,.32);background:#fff}
#types .gs-card:hover::after,#why .gs-card:hover::after{transform:scaleX(1)}
#types .gs-cards{counter-reset:gscard}
#why .gs-cards{counter-reset:gscard}

/* ═══════════ TYPES — Editorial grouped (Option B) ═══════════
   Two labelled tiers: 2 main types as key-value cards + special-case list.
   No background numbers, accent reserved for the "Most common" card. */
.gs-ty-tier-label{display:flex;align-items:center;gap:14px;margin:8px 0 20px;
  font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:1.9px;text-transform:uppercase;color:var(--red-ink)}
.gs-ty-tier-label::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line-2),transparent)}
.gs-ty-tier-label.is-second{margin-top:42px}
/* main types */
.gs-ty-main{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.gs-ty-card{position:relative;padding:30px 30px 8px;border:1px solid var(--line-2);border-radius:16px;background:#fff;
  transition:border-color .25s,box-shadow .25s,transform .25s}
.gs-ty-card:hover{transform:translateY(-3px);box-shadow:0 20px 40px -26px rgba(10,19,43,.28)}
.gs-ty-card.is-tagged{border-color:rgba(227,25,55,.38);box-shadow:0 16px 34px -24px rgba(227,25,55,.45)}
.gs-ty-card.is-tagged::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:0 3px 3px 0;
  background:linear-gradient(180deg,var(--red),var(--gold-ink))}
.gs-ty-tag{position:absolute;top:-11px;left:24px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;
  color:#fff;background:linear-gradient(135deg,var(--red),var(--red-ink));padding:5px 12px;border-radius:999px;box-shadow:0 6px 14px -6px rgba(227,25,55,.6)}
.gs-ty-card h3{font-family:var(--serif);font-weight:500;font-size:22px;letter-spacing:-.3px;margin:4px 0 9px}
.gs-ty-card>p{margin:0 0 20px;font-size:14.5px;line-height:1.62;color:var(--slate)}
/* key-value as a clean spec sheet: label left, value right, airy dividers — never crams in a half-width card */
.gs-ty-kv{display:flex;flex-direction:column;margin-top:2px;border-top:1px solid var(--line)}
.gs-ty-kv>div{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:13px 2px;border-bottom:1px solid var(--line)}
.gs-ty-kv span{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;color:var(--slate-2);margin:0;white-space:nowrap;flex-shrink:0}
.gs-ty-kv b{font-size:14px;font-weight:600;color:var(--ink);line-height:1.35;text-align:right}
/* special-case list */
.gs-ty-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 44px}
.gs-ty-list li{display:flex;align-items:center;gap:14px;padding:15px 2px;border-bottom:1px solid var(--line)}
.gs-ty-list .gs-card-ic{flex-shrink:0;width:38px;height:38px;margin:0;border-radius:10px;font-size:0;
  background:var(--warm);border:1px solid var(--line);color:var(--red-ink);display:flex;align-items:center;justify-content:center}
.gs-ty-list .gs-card-ic svg{width:18px;height:18px}
.gs-ty-list strong{display:block;font-size:15px;font-weight:600;color:var(--ink);margin-bottom:1px}
.gs-ty-list span{font-size:13px;color:var(--slate);line-height:1.4}
@media(max-width:820px){.gs-ty-main{grid-template-columns:1fr}.gs-ty-list{grid-template-columns:1fr;gap:0}}

/* full-bleed warm band behind Why-It-Matters — even, cohesive fill so the white
   tiles pop and the band reads as a deliberate section at any viewport width. */
/* quantum.css paints #why/#faq/#reviews dark for the OLD homepage; those ids are
   reused on gold pages. theme-light repairs #reviews but not #why/#faq. Neutralize
   here with .gs-scoped selectors (0,1,1 > quantum's 0,1,0). */
#why.gs-why-band{position:relative;width:100vw;margin-left:calc(50% - 50vw);
  background-color:#F4EEE0;background-image:var(--astro4),var(--astro4);background-position:left -18px top,right -18px top;background-repeat:repeat-y,repeat-y;
  border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
/* balanced grid: 6 reasons -> 3 x 2 (no orphan). NB: line ~285 sets #why .gs-cards
   to display:flex, which IGNORES grid-template-columns — so re-assert display:grid. */
#why .gs-cards{display:grid;grid-template-columns:repeat(3,1fr)!important}
@media(max-width:900px){#why .gs-cards{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:560px){#why .gs-cards{grid-template-columns:1fr!important}}
/* richer icon chip */
#types .gs-card-ic,#why .gs-card-ic{
  width:52px;height:52px;border-radius:15px;
  background:linear-gradient(150deg,rgba(227,25,55,.12),rgba(255,153,51,.12));
  border:1px solid rgba(227,25,55,.16);box-shadow:0 6px 16px -8px rgba(227,25,55,.35)}

/* ═══════════ WHY IT MATTERS — complete revamp: numbered editorial ledger ═══════════
   Not cards. Six hairline-ruled cells on the warm band; a big serif numeral is the
   anchor, the icon sits quiet, and a brand rule sweeps in on hover. Scoped to #why. */
#why.gs-why-band{box-shadow:none}                       /* kill the inherited full-bleed white ring */
/* `.gs .gs-why-answer` (0,2,0) beats `.gs p{margin:0 0 14px}` (0,1,1) — otherwise the
   generic paragraph reset zeroes the auto side-margins and the intro hugs the left. */
.gs .gs-why-answer{max-width:72ch;margin:-20px auto 34px;font-size:16px;line-height:1.7;color:var(--slate);text-align:center}

.gs-why-grid{list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(3,1fr);
  border-top:1px solid #E4DED0;border-left:1px solid #E4DED0;
  border-radius:16px;overflow:hidden}
.gs-why-item{position:relative;padding:34px 32px 32px;
  border-right:1px solid #E4DED0;border-bottom:1px solid #E4DED0;
  transition:background .28s}
.gs-why-item:hover{background:rgba(255,255,255,.55)}
/* brand rule reveals along the top edge on hover */
.gs-why-item::after{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;
  background:linear-gradient(90deg,var(--red),var(--gold-ink));
  transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.gs-why-item:hover::after{transform:scaleX(1)}
/* header row: big serif index + quiet round icon */
.gs-why-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.gs-why-idx{font-family:var(--serif);font-style:italic;font-weight:600;font-size:40px;line-height:.9;
  letter-spacing:-1px;color:var(--red-ink)}
.gs-why-ic{flex-shrink:0;width:40px;height:40px;border-radius:50%;
  background:rgba(10,19,43,.05);color:var(--ink);
  display:flex;align-items:center;justify-content:center}
.gs-why-ic svg{width:19px;height:19px}
.gs-why-item h3{font-family:var(--serif);font-weight:500;font-size:20px;letter-spacing:-.2px;
  margin:0 0 9px;color:var(--ink)}
.gs-why-item p{margin:0;font-size:14.5px;line-height:1.65;color:var(--slate)}
@media(max-width:900px){.gs-why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.gs-why-grid{grid-template-columns:1fr}}

/* ═══════════ ELIGIBILITY — premium redesign (scoped to #eligibility) ═══════════
   Entity types as refined icon tiles + eligibility criteria as a check-chip card. */
.gs-elig{display:grid;gap:24px}
/* Who can apply — icon tiles */
.gs-elig-who{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gs-elig-tile{display:flex;align-items:center;gap:14px;padding:18px 20px;
  border:1px solid #E4DED0;border-radius:14px;background:#fff;
  transition:transform .25s,border-color .25s,box-shadow .25s}
.gs-elig-tile:hover{transform:translateY(-3px);border-color:rgba(227,25,55,.32);
  box-shadow:0 16px 32px -24px rgba(10,19,43,.30)}
.gs-elig-ic{flex-shrink:0;width:44px;height:44px;border-radius:12px;
  background:linear-gradient(150deg,rgba(227,25,55,.09),rgba(255,153,51,.10));
  color:var(--red-ink);display:flex;align-items:center;justify-content:center}
.gs-elig-ic svg{width:21px;height:21px}
.gs-elig-tile>span:last-child{font-size:14.5px;font-weight:600;color:var(--ink);line-height:1.32}
/* Eligibility criteria — check-chip card */
.gs-elig-crit{border:1px solid #E4DED0;border-radius:16px;background:#fff;
  padding:26px 30px;box-shadow:var(--sh-sm)}
.gs-elig-crit-hd{display:flex;align-items:center;gap:13px;margin-bottom:6px;
  padding-bottom:16px;border-bottom:1px solid var(--line)}
.gs-elig-crit-ic{flex-shrink:0;width:38px;height:38px;border-radius:11px;
  background:rgba(19,136,8,.10);color:#138808;display:flex;align-items:center;justify-content:center}
.gs-elig-crit-ic svg{width:19px;height:19px}
.gs-elig-crit-hd h3{margin:0;font-family:var(--serif);font-weight:500;font-size:20px;color:var(--ink)}
.gs-elig-crit ul{list-style:none;margin:0;padding:0}
.gs-elig-crit li{position:relative;padding:15px 0 15px 36px;border-bottom:1px solid var(--line);
  font-size:14.5px;line-height:1.6;color:var(--slate)}
.gs-elig-crit li:last-child{border-bottom:0;padding-bottom:2px}
.gs-elig-crit li::before{content:"\2713";position:absolute;left:0;top:14px;width:22px;height:22px;border-radius:7px;
  background:rgba(19,136,8,.12);color:#138808;font-size:12px;font-weight:800;
  display:flex;align-items:center;justify-content:center;line-height:1}
@media(max-width:820px){.gs-elig-who{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.gs-elig-who{grid-template-columns:1fr}}

/* ═══════════ DOCUMENTS — full redesign (premium checklist) ═══════════
   Elevated cards on the warm band, big serif index, gold-tinted header strip,
   green tick chips, corner-fold accent + lift on hover. */
.gs-doc-notes{margin-top:48px;margin-bottom:0}
.gs-doc-notes .gs-keynotes{grid-template-columns:repeat(5,1fr);gap:12px}
.gs-doc-notes .gs-keynote{flex-direction:column;gap:12px;padding:20px 18px;text-align:left}
.gs-doc-notes .gs-keynote-ic{width:46px;height:46px;border-radius:13px;
  background:linear-gradient(150deg,rgba(227,25,55,.12),rgba(255,153,51,.14));border:1px solid rgba(227,25,55,.14)}
.gs-doc-notes .gs-keynote h4{font-size:14.5px}
.gs-doc-notes .gs-keynote p{font-size:12.5px;line-height:1.55}
@media(max-width:1100px){.gs-doc-notes .gs-keynotes{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.gs-doc-notes .gs-keynotes{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.gs-doc-notes .gs-keynotes{grid-template-columns:1fr}.gs-doc-notes .gs-keynote{flex-direction:row}}

/* ═══ Business-type tab selector (premium segmented) ═══ */
.gs-doctabs-label{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--slate-2);margin:0 0 14px;display:flex;align-items:center;gap:12px}
.gs-doctabs-label::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line-2),transparent)}
.gs-doctabs-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gs-doctab{appearance:none;cursor:pointer;font:inherit;text-align:left;color:var(--slate);
  display:flex;align-items:center;gap:14px;padding:16px 20px;
  background:linear-gradient(170deg,#fff,#F8FBFD);border:1px solid var(--line);border-radius:16px;
  position:relative;overflow:hidden;transition:transform .24s,box-shadow .24s,border-color .24s,color .24s}
.gs-doctab::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--red),var(--gold-ink));transform:scaleY(0);transform-origin:top;transition:transform .28s}
.gs-doctab:hover{transform:translateY(-3px);box-shadow:0 18px 34px -24px rgba(10,19,43,.4);border-color:var(--line-2);color:var(--ink)}
.gs-doctab-ic{flex-shrink:0;width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;
  background:var(--warm);border:1px solid var(--line);color:var(--slate-2);transition:transform .24s,background .24s,color .24s,border-color .24s}
.gs-doctab-ic svg{width:22px;height:22px}
.gs-doctab-tx{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.gs-doctab-tx b{font-size:15.5px;font-weight:600;color:inherit}
.gs-doctab-tx small{font-size:12px;color:var(--slate-2);margin-top:2px}
.gs-doctab.is-active{color:var(--ink);border-color:rgba(227,25,55,.4);background:#fff;
  box-shadow:0 16px 36px -22px rgba(227,25,55,.55),0 2px 4px rgba(10,19,43,.04);transform:translateY(-3px)}
.gs-doctab.is-active::before{transform:scaleY(1)}
.gs-doctab.is-active .gs-doctab-ic{background:linear-gradient(150deg,var(--red),var(--red-ink));border-color:transparent;color:#fff;transform:scale(1.04)}
.gs-doctabs-panels{margin-top:22px}
.gs-doctab-panel{animation:gsFade .3s ease}
.gs-doctab-panel[hidden]{display:none}
@keyframes gsFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Rich checklist card (selected tab) */
.gs-doc-lg{max-width:none}
.gs-doc-lg .gs-doc-head{gap:16px;padding:22px 28px}
.gs-doc-lg .gs-doc-idx{width:50px;height:50px;border-radius:15px}
.gs-doc-lg .gs-doc-idx svg{width:24px;height:24px}
.gs-doc-htx{display:flex;flex-direction:column;line-height:1.2}
.gs-doc-htx h3{font-size:20px}
.gs-doc-sub{font-size:13px;color:var(--slate-2);margin-top:3px}
.gs-doc-count{margin-left:auto;flex-shrink:0;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
  color:var(--red-ink);background:rgba(227,25,55,.08);border:1px solid rgba(227,25,55,.16);border-radius:999px;padding:6px 13px}
.gs-doc-list-2{grid-template-columns:1fr 1fr;gap:14px 32px;padding:24px 28px 28px}
.gs-doc-list-2 li{font-size:15px}
@media(max-width:640px){.gs-doctabs-nav{grid-template-columns:1fr}.gs-doc-list-2{grid-template-columns:1fr}.gs-doc-count{display:none}}

/* ═══ Complete document checklist (tickable master grid) ═══ */
.gs-docguide{margin-top:36px;background:linear-gradient(170deg,#fff,#F9FCFE);border:1px solid var(--line);
  border-radius:20px;padding:26px 28px 28px;box-shadow:0 1px 2px rgba(10,19,43,.04),0 18px 40px -30px rgba(10,19,43,.3)}
.gs-docguide-top{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap;margin-bottom:22px;
  padding-bottom:20px;border-bottom:1px solid var(--line)}
.gs-docguide-htx{flex:1 1 300px;min-width:0}
.gs-docguide-htx h3{margin:0 0 6px;font-family:var(--serif);font-weight:500;font-size:21px;letter-spacing:-.3px;color:var(--ink)}
.gs-docguide-htx p{margin:0;font-size:14px;color:var(--slate);line-height:1.6;max-width:64ch}
.gs-docguide-count{flex-shrink:0;font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.5px;
  color:var(--red-ink);background:rgba(227,25,55,.07);border:1px solid rgba(227,25,55,.18);border-radius:999px;padding:8px 16px;white-space:nowrap}
.gs-docguide-count b{font-size:16px}
.gs-docguide-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 26px}
.gs-dgi{position:relative;display:flex;align-items:flex-start;gap:14px;cursor:pointer;
  padding:14px 16px 14px 14px;border-radius:13px;border:1px solid transparent;
  transition:background .18s,border-color .18s}
.gs-dgi:hover{background:#fff;border-color:var(--line)}
.gs-dgi-cb{position:absolute;opacity:0;pointer-events:none}
.gs-dgi-ic{flex-shrink:0;width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(150deg,rgba(227,25,55,.10),rgba(255,153,51,.12));border:1px solid rgba(227,25,55,.12);
  color:var(--red-ink);transition:background .2s,color .2s,border-color .2s}
.gs-dgi-ic svg{width:20px;height:20px}
.gs-dgi-tx{display:flex;flex-direction:column;min-width:0;padding-right:26px}
.gs-dgi-tx b{font-size:14.5px;font-weight:600;color:var(--ink);line-height:1.3}
.gs-dgi-tx small{font-size:12.5px;color:var(--slate);line-height:1.5;margin-top:2px}
.gs-dgi-box{position:absolute;top:16px;right:14px;width:22px;height:22px;border-radius:7px;flex-shrink:0;
  border:1.5px solid var(--line-2);background:#fff;transition:background .2s,border-color .2s;
  background-repeat:no-repeat;background-position:center}
.gs-dgi.is-checked{background:rgba(19,136,8,.05);border-color:rgba(19,136,8,.28)}
.gs-dgi.is-checked .gs-dgi-ic{background:linear-gradient(150deg,rgba(19,136,8,.16),rgba(19,136,8,.08));border-color:rgba(19,136,8,.28);color:var(--green)}
.gs-dgi.is-checked .gs-dgi-box{border-color:var(--green);background-color:var(--green);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}
.gs-docguide-cta{margin-top:24px;text-align:center}
@media(max-width:640px){.gs-docguide-grid{grid-template-columns:1fr}}

.gs-docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}
.gs-doc{position:relative;background:linear-gradient(170deg,#FFFFFF 0%,#F8FBFD 100%);
  border:1px solid #EBE3D3;border-radius:18px;padding:0;overflow:hidden;
  box-shadow:0 1px 2px rgba(10,19,43,.04),0 14px 30px -22px rgba(10,19,43,.20);
  transition:transform .28s,box-shadow .28s,border-color .28s}
.gs-doc::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--saffron),var(--red) 55%,var(--green));z-index:2}
.gs-doc:hover{transform:translateY(-5px);box-shadow:0 26px 46px -24px rgba(10,19,43,.32);border-color:rgba(227,25,55,.26)}
/* header strip — gold-tinted, index badge + group title */
.gs-doc-head{display:flex;align-items:center;gap:14px;margin:0;padding:22px 24px;
  background:linear-gradient(180deg,rgba(183,131,31,.07),rgba(183,131,31,0));
  border-bottom:1px solid var(--line)}
.gs-doc-idx{flex-shrink:0;width:44px;height:44px;border-radius:13px;
  font-family:var(--serif);font-style:italic;font-size:19px;font-weight:600;color:#fff;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(150deg,var(--red),var(--red-ink));box-shadow:0 8px 18px -8px rgba(227,25,55,.55)}
.gs-doc-head h3{margin:0;font-family:var(--serif);font-weight:500;font-size:18px;letter-spacing:-.2px}
.gs-doc-list{margin:0;padding:20px 24px 24px;list-style:none;display:grid;gap:12px}
.gs-doc-list li{position:relative;padding-left:30px;font-size:14.5px;line-height:1.55;color:var(--ink)}
.gs-doc-list li::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:7px;
  background:rgba(19,136,8,.14);border:1px solid rgba(19,136,8,.22);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%23138808' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center}

/* ═══════════ EDITORIAL LIST (no cards) ═══════════ */
.gs-editorial{display:grid;grid-template-columns:1fr 1fr;gap:30px 56px}
.gs-ed-item{padding-top:18px;border-top:2px solid var(--line)}
.gs-ed-item h4{font-family:var(--serif);font-weight:500;font-size:19px;margin:0 0 7px;color:var(--ink);letter-spacing:-.2px}
.gs-ed-item h4::before{content:"";display:inline-block;width:20px;height:2px;background:var(--red);vertical-align:middle;margin-right:10px;margin-top:-3px}
.gs-ed-item p{margin:0;font-size:15px;color:var(--slate);line-height:1.6}
@media(max-width:760px){.gs-editorial{grid-template-columns:1fr;gap:22px}}
/* -- "Why choose us" premium card grid (whyUs) -- */
.gs-why{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gs-why-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-lg);padding:28px 26px 26px;box-shadow:var(--sh-sm);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.gs-why-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;transform:scaleX(0);transform-origin:left;
  background:linear-gradient(90deg,var(--saffron),var(--red) 55%,var(--green));transition:transform .32s ease}
.gs-why-card:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:var(--line-2)}
.gs-why-card:hover::before{transform:scaleX(1)}
.gs-why-num{position:absolute;top:14px;right:20px;font-family:var(--serif);font-style:italic;font-weight:600;
  font-size:44px;line-height:1;color:var(--ink);opacity:.06;pointer-events:none}
.gs-why-ic{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:15px;
  background:linear-gradient(150deg,rgba(227,25,55,.10),rgba(255,153,51,.10));color:var(--red-ink);
  margin-bottom:18px;transition:transform .22s ease}
.gs-why-card:hover .gs-why-ic{transform:scale(1.06)}
.gs-why-ic svg{width:24px;height:24px}
.gs-why-card h4{font-family:var(--serif);font-weight:500;font-size:20px;margin:0 0 8px;color:var(--ink);letter-spacing:-.2px;line-height:1.2}
.gs-why-card p{margin:0;font-size:14.5px;color:var(--slate);line-height:1.6}
@media(max-width:900px){.gs-why{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.gs-why{grid-template-columns:1fr}}

/* ═══════════ JOURNEY ═══════════ */
.gs-journey{display:grid;gap:0}
.gs-journey .gs-jrow{display:grid;grid-template-columns:auto 1fr;gap:20px;padding:0 0 26px}
.gs-jnum{width:46px;height:46px;border-radius:14px;background:var(--navy-grad);color:#fff;font-family:var(--mono);font-weight:700;
  display:flex;align-items:center;justify-content:center;font-size:14px;position:relative;z-index:1;box-shadow:0 8px 18px -8px rgba(10,19,43,.5)}
.gs-journey .gs-jrow:not(:last-child) .gs-jnum::after{content:"";position:absolute;top:46px;left:50%;transform:translateX(-50%);width:2px;height:calc(100% - 20px);background:linear-gradient(var(--red),var(--line))}
.gs-jbody{padding-top:8px}
.gs-jbody h4{margin:0 0 4px;font-family:var(--serif);font-weight:500;font-size:18px;color:var(--ink)}
.gs-jbody p{margin:0;font-size:15px;color:var(--slate)}

/* ═══════════ SNAKE / ROAD FLOW — serpentine L→R, drop, R→L (process / what-we-handle) ═══════════
   4-col grid on desktop. Even visual rows are reversed via nth-child so the path
   winds like a road. Dashed connectors + red arrowheads sit in the constant grid gaps
   (row-gap/col-gap are fixed, so fixed-length connectors always align). */
.gs-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:46px 40px;grid-auto-flow:row dense;align-items:stretch}
.gs-flow-step{position:relative;display:flex;flex-direction:column;gap:12px;
  background:linear-gradient(180deg,#fff,#FAFCFE);border:1px solid var(--line-2);border-radius:16px;
  padding:20px 20px 22px;box-shadow:var(--sh-sm);transition:transform .2s,box-shadow .2s,border-color .2s}
.gs-flow-step:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:rgba(227,25,55,.28)}
.gs-flow-num{font-family:var(--mono);font-weight:700;font-size:14px;color:#fff;background:var(--navy-grad);
  width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px -8px rgba(10,19,43,.5)}
.gs-flow-body h4{font-family:var(--serif);font-weight:500;font-size:17px;margin:0 0 5px;color:var(--ink);line-height:1.25}
.gs-flow-body p{margin:0;font-size:14px;color:var(--slate);line-height:1.55}

/* — Snake placement: reverse the 2nd row of every 8-item (2-row) band — */
.gs-flow-step:nth-child(8n+5){grid-column:4}
.gs-flow-step:nth-child(8n+6){grid-column:3}
.gs-flow-step:nth-child(8n+7){grid-column:2}
.gs-flow-step:nth-child(8n+8){grid-column:1}

/* — Road connectors (dashed line ::before, arrowhead ::after) — */
.gs-flow-step::before,.gs-flow-step::after{content:"";position:absolute;z-index:1}
.gs-flow-step:last-child::before,.gs-flow-step:last-child::after{display:none}
/* rightward legs (positions 1,2,3 of a band) */
.gs-flow-step:nth-child(8n+1)::before,.gs-flow-step:nth-child(8n+2)::before,.gs-flow-step:nth-child(8n+3)::before{
  top:41px;right:-40px;width:40px;height:0;border-top:2px dashed var(--line-2)}
.gs-flow-step:nth-child(8n+1)::after,.gs-flow-step:nth-child(8n+2)::after,.gs-flow-step:nth-child(8n+3)::after{
  top:37px;right:-15px;width:9px;height:9px;border-top:2px solid var(--red);border-right:2px solid var(--red);transform:rotate(45deg)}
/* leftward legs (positions 5,6,7 of a band) */
.gs-flow-step:nth-child(8n+5)::before,.gs-flow-step:nth-child(8n+6)::before,.gs-flow-step:nth-child(8n+7)::before{
  top:41px;left:-40px;width:40px;height:0;border-top:2px dashed var(--line-2)}
.gs-flow-step:nth-child(8n+5)::after,.gs-flow-step:nth-child(8n+6)::after,.gs-flow-step:nth-child(8n+7)::after{
  top:37px;left:-15px;width:9px;height:9px;border-bottom:2px solid var(--red);border-left:2px solid var(--red);transform:rotate(45deg)}
/* downward turns (end of each row: positions 4 and 8) */
.gs-flow-step:nth-child(8n+4)::before,.gs-flow-step:nth-child(8n+8)::before{
  left:50%;bottom:-46px;width:0;height:46px;border-left:2px dashed var(--line-2);transform:translateX(-50%)}
.gs-flow-step:nth-child(8n+4)::after,.gs-flow-step:nth-child(8n+8)::after{
  left:50%;bottom:-22px;width:9px;height:9px;border-right:2px solid var(--red);border-bottom:2px solid var(--red);transform:translateX(-50%) rotate(45deg)}

/* — Tablet: 2-col snake (reverse every 4) — */
@media(max-width:1023px){
  .gs-flow{grid-template-columns:repeat(2,1fr);gap:44px 34px;grid-auto-flow:row dense}
  .gs-flow-step{grid-column:auto!important}
  .gs-flow-step:nth-child(4n+3){grid-column:2!important}
  .gs-flow-step:nth-child(4n+4){grid-column:1!important}
  .gs-flow-step::before,.gs-flow-step::after{content:"";display:block}
  .gs-flow-step:last-child::before,.gs-flow-step:last-child::after{display:none!important}
  /* right leg (pos 1) */
  .gs-flow-step:nth-child(4n+1)::before{top:41px!important;right:-34px!important;left:auto!important;bottom:auto!important;width:34px!important;height:0!important;border:0!important;border-top:2px dashed var(--line-2)!important}
  .gs-flow-step:nth-child(4n+1)::after{top:37px!important;right:-13px!important;left:auto!important;bottom:auto!important;width:9px!important;height:9px!important;border:0!important;border-top:2px solid var(--red)!important;border-right:2px solid var(--red)!important;transform:rotate(45deg)!important}
  /* left leg (pos 3) */
  .gs-flow-step:nth-child(4n+3)::before{top:41px!important;left:-34px!important;right:auto!important;bottom:auto!important;width:34px!important;height:0!important;border:0!important;border-top:2px dashed var(--line-2)!important}
  .gs-flow-step:nth-child(4n+3)::after{top:37px!important;left:-13px!important;right:auto!important;bottom:auto!important;width:9px!important;height:9px!important;border:0!important;border-bottom:2px solid var(--red)!important;border-left:2px solid var(--red)!important;transform:rotate(45deg)!important}
  /* down turns (pos 2 and 4) */
  .gs-flow-step:nth-child(4n+2)::before,.gs-flow-step:nth-child(4n+4)::before{left:50%!important;bottom:-44px!important;top:auto!important;right:auto!important;width:0!important;height:44px!important;border:0!important;border-left:2px dashed var(--line-2)!important;transform:translateX(-50%)!important}
  .gs-flow-step:nth-child(4n+2)::after,.gs-flow-step:nth-child(4n+4)::after{left:50%!important;bottom:-21px!important;top:auto!important;right:auto!important;width:9px!important;height:9px!important;border:0!important;border-right:2px solid var(--red)!important;border-bottom:2px solid var(--red)!important;transform:translateX(-50%) rotate(45deg)!important}
}

/* — Mobile: single-column vertical road — */
@media(max-width:600px){
  .gs-flow{grid-template-columns:1fr;gap:30px;max-width:460px;margin:0 auto}
  .gs-flow-step,
  .gs-flow-step:nth-child(4n+3),.gs-flow-step:nth-child(4n+4),
  .gs-flow-step:nth-child(8n+5),.gs-flow-step:nth-child(8n+6),
  .gs-flow-step:nth-child(8n+7),.gs-flow-step:nth-child(8n+8){grid-column:auto!important}
  .gs-flow-step::before{top:auto!important;left:50%!important;right:auto!important;bottom:-30px!important;width:0!important;height:30px!important;border:0!important;border-left:2px dashed var(--line-2)!important;transform:translateX(-50%)!important}
  .gs-flow-step::after{top:auto!important;left:50%!important;right:auto!important;bottom:-15px!important;width:9px!important;height:9px!important;border:0!important;border-right:2px solid var(--red)!important;border-bottom:2px solid var(--red)!important;transform:translateX(-50%) rotate(45deg)!important}
  .gs-flow-step:last-child::before,.gs-flow-step:last-child::after{display:none!important}
}

/* ═══════════ DELIVERABLES ═══════════ */
.gs-deliver{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:12px}
.gs-deliver div{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 17px;
  font-size:14.5px;color:var(--ink);box-shadow:var(--sh-sm);transition:transform .18s,box-shadow .18s}
.gs-deliver div:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.gs-deliver div::before{content:"\2713";flex-shrink:0;width:24px;height:24px;border-radius:8px;background:linear-gradient(180deg,var(--red),var(--gold-ink));
  color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}

/* ═══════════ STEPS ═══════════ */
.gs-steps{counter-reset:gs;list-style:none;padding:0;margin:0;display:grid;gap:14px}
.gs-steps li{counter-increment:gs;display:flex;gap:20px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;
  box-shadow:var(--sh-sm);transition:transform .2s,box-shadow .2s}
.gs-steps li:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.gs-steps li::before{content:counter(gs,decimal-leading-zero);flex-shrink:0;width:44px;height:44px;border-radius:13px;
  background:var(--navy-grad);color:#fff;font-family:var(--mono);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:15px;box-shadow:0 8px 18px -8px rgba(10,19,43,.5)}
.gs-steps li strong{font-family:var(--serif);font-weight:500;font-size:18px;color:var(--ink)}
.gs-steps li p{margin:5px 0 0;font-size:15px;color:var(--slate)}

/* ═══════════ TIMELINE ═══════════ */
.gs-timeline{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.gs-tl{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;box-shadow:var(--sh-sm);transition:transform .2s,box-shadow .2s}
.gs-tl:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.gs-tl-lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;color:var(--red-ink);font-weight:700;margin-bottom:8px}
.gs-tl-big{font-family:var(--serif);font-size:30px;font-weight:400;color:var(--ink);line-height:1}
.gs-tl p{margin:8px 0 0;font-size:13px;color:var(--slate)}

/* ═══════════ TABLES ═══════════ */
.gs-tbl-wrap{overflow-x:auto;margin:0;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);background:#fff}
.gs-tbl{width:100%;border-collapse:collapse;font-size:14.5px;min-width:520px}
.gs-tbl th{background:#EFF4F9;color:var(--ink);font-family:var(--mono);font-size:11px;letter-spacing:.7px;text-transform:uppercase;padding:15px 18px;text-align:left;font-weight:700;border-bottom:2px solid var(--red)}
.gs-tbl td{padding:14px 18px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink)}
.gs-tbl tr:last-child td{border-bottom:none}
.gs-tbl tbody tr:nth-child(even) td{background:var(--paper)}
.gs-tbl tbody tr:hover td{background:rgba(227,25,55,.04)}
.gs-tbl td strong{color:var(--ink)}
/* ── Notes / footnotes — unified premium info callout (shared by .gs-note & .gs-pkg-foot) ── */
/* NB: use `.gs .gs-note` (0,2,0) so the top margin beats `.gs p{margin:0 0 14px}`
   (0,1,1) — a plain `.gs-note` selector lost that battle and the note stuck to
   the content above it. */
.gs .gs-note{position:relative;font-size:13.5px;color:var(--slate);font-style:normal;line-height:1.72;margin:32px 0 0;
  background:linear-gradient(180deg,#FAFCFE,#F1F6FA);border:1px solid #DFE6EE;border-radius:12px;
  padding:16px 22px 16px 52px}
.gs-note::before{content:"i";position:absolute;left:16px;top:15px;width:24px;height:24px;border-radius:8px;
  background:linear-gradient(150deg,var(--saffron),var(--gold-ink));color:#fff;
  font-family:var(--serif);font-style:italic;font-weight:700;font-size:14px;
  display:flex;align-items:center;justify-content:center;line-height:1;
  box-shadow:0 4px 10px -4px rgba(183,131,31,.5)}


/* -- Premium "good to know" callout grid (whoMustRegister.notes) -- */
.gs-keynotes-wrap{margin-top:40px}
.gs-keynotes-hd{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:11px;
  font-weight:600;letter-spacing:2.2px;text-transform:uppercase;color:var(--red-ink);margin-bottom:14px}
.gs-keynotes-hd::before{content:"";width:22px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--saffron),var(--red) 55%,var(--green))}
.gs-keynotes{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.gs-keynote{position:relative;display:flex;gap:15px;background:#fff;border:1px solid var(--line);
  border-radius:14px;padding:18px 20px 18px 22px;box-shadow:var(--sh-sm);overflow:hidden;
  transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}
.gs-keynote::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--saffron),var(--red) 55%,var(--green))}
.gs-keynote:hover{box-shadow:var(--sh);transform:translateY(-2px);border-color:var(--line-2)}
.gs-keynote-ic{flex:none;width:42px;height:42px;border-radius:12px;
  background:linear-gradient(150deg,rgba(227,25,55,.10),rgba(255,153,51,.10));
  color:var(--red-ink);display:flex;align-items:center;justify-content:center}
.gs-keynote-ic svg{width:21px;height:21px}
.gs-keynote-bd{min-width:0}
.gs-keynote h4{margin:0 0 5px;font-size:15px;font-weight:700;color:var(--ink);font-family:var(--sans);line-height:1.3}
.gs-keynote p{margin:0;font-size:13.5px;color:var(--slate);line-height:1.62}
.gs-keynote .gs-tagref{display:inline-block;margin-top:10px;font-family:var(--mono);font-size:10px;
  letter-spacing:.6px;text-transform:uppercase;color:var(--red-ink);background:rgba(227,25,55,.07);
  border:1px solid rgba(227,25,55,.18);border-radius:999px;padding:3px 10px;font-weight:600}
@media(max-width:720px){.gs-keynotes{grid-template-columns:1fr}}
/* ═══════════ PRICING ═══════════ */
.gs-price{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:start}
.gs-price-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;box-shadow:var(--sh)}
.gs-price-rows .r{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}
.gs-price-rows .r.total{border-bottom:none;font-weight:800;color:var(--ink);font-size:18px;padding-top:14px}
.gs-price-rows .r span:last-child{font-weight:700;color:var(--ink)}
/* Light champagne card + dark text. NB: theme-light forces every [class*="-card"]
   to background:#FFFFFF, which made the old navy card white-on-white — so we own
   the surface with !important and use ink/slate text that reads on light. */
.gs .gs-quote-card{position:relative;overflow:hidden;
  background:linear-gradient(120deg,#FBF6EA,#F4EEE0)!important;
  border:1px solid #E7D4A6!important;box-shadow:0 14px 34px -20px rgba(10,19,43,.28)!important;
  color:var(--ink);border-radius:var(--r-lg);padding:38px 30px;text-align:center}
.gs .gs-quote-card .big{font-family:var(--serif);font-weight:500;font-size:28px;color:var(--ink)!important;margin:0 0 8px}
.gs .gs-quote-card p{color:var(--slate)!important}

/* ═══════════ PACKAGES ═══════════ */
.gs-packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(264px,1fr));gap:22px}
.gs-pkg{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:30px 26px;position:relative;box-shadow:var(--sh-sm);transition:transform .28s,box-shadow .28s}
.gs-pkg:hover{transform:translateY(-5px);box-shadow:var(--sh-lg)}
.gs-pkg.pop{border-color:rgba(227,25,55,.4)}
.gs-pkg-tag{position:absolute;top:-12px;left:24px;background:var(--red);color:#fff;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:5px 13px;border-radius:999px;box-shadow:var(--sh-red)}
.gs-pkg h3{margin:0 0 2px}
.gs-pkg .for{font-size:13px;color:var(--slate);margin-bottom:16px;min-height:32px}
.gs-pkg-price{font-family:var(--serif);font-size:32px;font-weight:400;color:var(--ink);line-height:1;margin:0 0 4px}
.gs-pkg-price span{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--slate)}
.gs-pkg-pnote{font-size:12px;color:var(--slate);margin:0 0 18px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.gs-pkg ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:14px}
.gs .gs-pkg-foot{position:relative;font-size:13px;color:var(--slate);line-height:1.72;max-width:none;margin:32px 0 0;
  background:linear-gradient(180deg,#FAFCFE,#F1F6FA);border:1px solid #DFE6EE;border-radius:12px;
  padding:16px 22px 16px 52px}
.gs-pkg-foot::before{content:"i";position:absolute;left:16px;top:15px;width:24px;height:24px;border-radius:8px;
  background:linear-gradient(150deg,var(--saffron),var(--gold-ink));color:#fff;
  font-family:var(--serif);font-style:italic;font-weight:700;font-size:14px;
  display:flex;align-items:center;justify-content:center;line-height:1;
  box-shadow:0 4px 10px -4px rgba(183,131,31,.5)}
/* CTA hierarchy: only the popular plan's button is the dominant red; others outline */
.gs-pkg:not(.pop) .gs-btn-primary{background:#fff;color:var(--ink);border-color:var(--line-2);box-shadow:none}
.gs-pkg:not(.pop) .gs-btn-primary:hover{background:#fff;border-color:var(--ink);transform:translateY(-2px)}
.gs-pkg ul li{padding-left:26px;position:relative;font-size:14.5px;line-height:1.5;color:var(--ink)}
.gs-pkg ul li::before{content:"\2713";position:absolute;left:0;color:var(--green);font-weight:800}

/* ═══════════ DIY vs US ═══════════ */
.gs-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.gs-compare .col{border-radius:var(--r-lg);padding:26px;border:1px solid var(--line);background:#fff}
.gs-compare .col.us{border-color:rgba(227,25,55,.3);box-shadow:var(--sh)}
.gs-compare .col h3{display:flex;align-items:center;gap:9px;font-size:19px}
.gs-compare ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.gs-compare .diy li,.gs-compare .us li{padding-left:30px;position:relative;font-size:15px}
.gs-compare .diy li{color:var(--slate)}
.gs-compare .diy li::before{content:"\2715";position:absolute;left:6px;color:#c0392b;font-weight:700;font-size:12px}
.gs-compare .us li{color:var(--ink)}
.gs-compare .us li::before{content:"\2713";position:absolute;left:4px;color:var(--green);font-weight:800}

/* ═══════════ MISTAKES ═══════════ */
.gs-mistakes{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;counter-reset:m}
.gs-mistakes div{counter-increment:m;background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 17px 15px 50px;position:relative;font-size:14.5px;color:var(--ink);box-shadow:var(--sh-sm)}
.gs-mistakes div::before{content:counter(m);position:absolute;left:13px;top:13px;width:25px;height:25px;border-radius:8px;background:rgba(240,68,56,.12);color:#F04438;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}

/* ═══════════ INFO BOXES ═══════════ */
.gs-infobox{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px 26px;box-shadow:var(--sh-sm)}
.gs-infobox.warn{border-left:4px solid var(--saffron)}
.gs-infobox.safe{border-left:4px solid var(--green)}

/* ═══════════ ONGOING ═══════════ */
.gs-ongoing{display:grid;grid-template-columns:repeat(auto-fit,minmax(214px,1fr));gap:16px}
.gs-ongoing .oc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;box-shadow:var(--sh-sm);border-top:3px solid var(--red)}
.gs-ongoing .oc h4{margin:0 0 13px;font-family:var(--mono);font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--red-ink)}
.gs-ongoing .oc ul{margin:0;padding-left:18px;font-size:14px;line-height:1.85;color:var(--ink)}

/* ═══════════ USE CASES ═══════════ */
.gs-usecases{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:16px}
.gs-uc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;box-shadow:var(--sh-sm);transition:transform .2s,box-shadow .2s}
.gs-uc:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.gs-uc h4{margin:0 0 6px;font-family:var(--serif);font-weight:500;font-size:17px;color:var(--ink)}
.gs-uc p{margin:0;font-size:14px;color:var(--slate)}
.gs-uc .arrow{color:var(--red-ink);font-weight:700}

/* ═══════════ CASE STUDY ═══════════ */
.gs-case{position:relative;overflow:hidden;background:var(--navy-grad);color:#EAE4D6;border-radius:var(--r-lg);padding:36px;display:grid;gap:16px}
.gs-case::before{content:"";position:absolute;inset:0;opacity:.5;background:radial-gradient(50% 60% at 90% 8%,rgba(255,153,51,.28),transparent 60%)}
.gs-case>*{position:relative}
.gs-case .cs{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:baseline}
.gs-case .cs .k{font-family:var(--mono);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--saffron);white-space:nowrap;min-width:104px}
.gs-case .cs p{margin:0;color:rgba(234,228,214,.92);font-size:15.5px}

/* ═══════════ LEGAL ═══════════ */
.gs-legal{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:12px}
.gs-legal .lc{position:relative;padding:16px 16px;background:#fff;border:1px solid var(--line);border-radius:13px;
  box-shadow:var(--sh-sm);transition:transform .2s,box-shadow .2s,border-color .2s}
.gs-legal .lc:hover{transform:translateY(-3px);box-shadow:var(--sh);border-color:rgba(227,25,55,.22)}
.gs-legal .lc .k{font-family:var(--mono);font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--slate);margin-bottom:5px}
.gs-legal .lc .v{font-size:15px;font-weight:700;color:var(--ink);line-height:1.25}
@media(max-width:560px){.gs-legal{grid-template-columns:repeat(2,1fr)}}

/* ═══════════ REVIEWS (carousel + arrows) ═══════════ */
.gs-reviews-wrap{position:relative}
.gs-reviews{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  padding:6px 2px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.gs-reviews::-webkit-scrollbar{display:none}
.gs-rev{scroll-snap-align:start;flex:0 0 clamp(280px,32%,360px);display:flex;flex-direction:column;
  background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:var(--sh-sm)}
.gs-rev .stars{color:var(--saffron);font-size:15px;margin-bottom:12px;letter-spacing:3px}
.gs-rev p{font-family:var(--serif);font-weight:400;font-size:16.5px;line-height:1.55;color:var(--ink);margin:0 0 14px}
.gs-rev .who{font-family:var(--mono);font-size:12px;letter-spacing:.4px;font-weight:600;color:var(--slate);margin-top:auto}
.gs-rev-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:46px;height:46px;border-radius:50%;
  border:1px solid var(--line-2);background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;
  cursor:pointer;font-size:26px;line-height:1;box-shadow:var(--sh);transition:border-color .18s,color .18s,transform .18s}
.gs-rev-arrow:hover{border-color:var(--red);color:var(--red-ink);transform:translateY(-50%) scale(1.06)}
.gs-rev-arrow[hidden]{display:none}
.gs-rev-prev{left:-12px}
.gs-rev-next{right:-12px}
@media(max-width:600px){.gs-rev-arrow{display:none}.gs-rev{flex-basis:86%}}

/* ═══════════ FAQ (native <details>, separate cards) ═══════════ */
.gs-faq{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:none;margin:0;counter-reset:faq;align-items:start}
.gs-faq details{background:var(--white);border:1px solid var(--line-2);border-radius:14px;box-shadow:var(--sh-sm);
  transition:box-shadow .22s,border-color .22s;overflow:hidden;counter-increment:faq}
.gs-faq details:hover{border-color:rgba(227,25,55,.24)}
.gs-faq details[open]{border-color:rgba(227,25,55,.32);box-shadow:var(--sh)}
.gs-faq summary{list-style:none;cursor:pointer;padding:22px 26px;font-weight:600;font-size:17px;color:var(--ink);
  display:flex;align-items:center;gap:16px;transition:color .2s}
.gs-faq summary:hover{color:var(--red-ink)}
.gs-faq summary::-webkit-details-marker{display:none}
.gs-faq summary::before{content:counter(faq,decimal-leading-zero);flex-shrink:0;width:26px;
  font-family:var(--mono);font-size:13px;font-weight:600;color:var(--red-ink);letter-spacing:.5px}
.gs-faq summary::after{content:"+";margin-left:auto;flex-shrink:0;width:32px;height:32px;border-radius:10px;
  background:rgba(227,25,55,.08);color:var(--red);font-size:22px;line-height:1;
  display:flex;align-items:center;justify-content:center;transition:transform .25s,background .2s,color .2s}
.gs-faq details[open] summary{color:var(--red-ink)}
.gs-faq details[open] summary::after{transform:rotate(45deg);background:var(--red);color:#fff}
.gs-faq-a{padding:2px 26px 24px 68px;font-size:15.5px;line-height:1.78;color:var(--slate)}
@media(max-width:760px){.gs-faq{grid-template-columns:1fr}}
@media(max-width:560px){.gs-faq summary{padding:18px 20px;font-size:15.5px;gap:12px}.gs-faq-a{padding:2px 20px 20px 20px}}

/* ═══════════ RELATED ═══════════ */
.gs-rel{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:14px}
.gs-rel a{position:relative;display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;overflow:hidden;transition:transform .24s,box-shadow .24s,border-color .24s}
.gs-rel a::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--red),var(--gold-ink));transform:scaleY(0);transform-origin:top;transition:transform .24s}
.gs-rel a:hover{transform:translateY(-4px);border-color:rgba(227,25,55,.3);box-shadow:var(--sh-lg)}
.gs-rel a:hover::before{transform:scaleY(1)}
.gs-rel a strong{display:block;font-family:var(--serif);font-weight:500;color:var(--ink);font-size:16.5px;margin-bottom:5px}
.gs-rel a span{font-size:12.5px;color:var(--slate)}

/* ═══════════ GUIDES — article carousel (matches reviews rail) ═══════════ */
.gs-guides-wrap{position:relative}
.gs-guides{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  padding:6px 2px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.gs-guides::-webkit-scrollbar{display:none}
.gs-guide{scroll-snap-align:start;flex:0 0 clamp(258px,30%,320px);position:relative;display:flex;flex-direction:column;
  background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px 24px 22px;overflow:hidden;box-shadow:var(--sh-sm);
  transition:transform .24s,box-shadow .24s,border-color .24s}
.gs-guide::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;transform:scaleX(0);transform-origin:left;
  background:linear-gradient(90deg,var(--saffron),var(--red) 55%,var(--green));transition:transform .3s}
.gs-guide:hover{transform:translateY(-5px);border-color:rgba(227,25,55,.28);box-shadow:var(--sh-lg)}
.gs-guide:hover::before{transform:scaleX(1)}
.gs-guide-tag{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10.5px;font-weight:600;
  letter-spacing:1.5px;text-transform:uppercase;color:var(--red-ink);margin-bottom:14px}
.gs-guide-tag svg{width:15px;height:15px}
.gs-guide h3{font-family:var(--serif);font-weight:500;font-size:18px;line-height:1.3;color:var(--ink);margin:0 0 18px;letter-spacing:-.2px}
.gs-guide-more{margin-top:auto;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;
  color:var(--slate);display:inline-flex;align-items:center;gap:7px}
.gs-guide-more span{color:var(--red-ink);transition:transform .18s}
.gs-guide:hover .gs-guide-more span{transform:translateX(4px)}
@media(max-width:600px){.gs-guide{flex-basis:82%}}

/* ═══════════ LEAD MAGNET — now rendered as a .gs-ad--soft card ═══════════ */
/* Strip the section's inherited band (bg/shadow/astronomy/separator) so only the
   inner ad card shows, matching the other inline ad banners. */
.gs-magnet-sec{padding:0!important;border-top:none!important;background:transparent!important;
  background-image:none!important;box-shadow:none!important;clip-path:none!important}
.gs-magnet-sec::before,.gs-magnet-sec::after{content:none!important}
.gs-magnet{position:relative;overflow:hidden;width:100vw;margin-left:calc(50% - 50vw);
  background:var(--warm);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:34px clamp(20px,6vw,var(--gs-pad))}
.gs-magnet::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(180deg,var(--saffron),var(--red) 55%,var(--green))}
.gs-magnet-inner{max-width:var(--gs-max);margin:0 auto;display:flex;flex-wrap:wrap;gap:20px 30px;
  align-items:center;justify-content:space-between}
.gs-magnet .gs-btn{flex:none}
.gs-magnet h3{margin:0 0 5px}
.gs-magnet p{margin:0;font-size:14.5px;color:var(--slate)}

/* ═══════════ FINAL CTA (full-bleed band) ═══════════ */
.gs-cta-sec{padding:0!important;border-top:none!important;margin-top:0}
.gs-cta{position:relative;overflow:hidden;background:var(--navy-grad);color:#EAE4D6;border-radius:0;
  width:100vw;margin-left:calc(50% - 50vw);padding:76px clamp(20px,6vw,80px);text-align:center}
.gs-cta::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--saffron),#fff,var(--green))}
.gs-cta::before{content:"";position:absolute;inset:0;opacity:.55;background:radial-gradient(50% 70% at 20% 0,rgba(227,25,55,.32),transparent 55%),radial-gradient(50% 70% at 85% 100%,rgba(255,153,51,.22),transparent 55%)}
.gs-cta-inner{position:relative;z-index:1;max-width:780px;margin:0 auto}
.gs-cta h2{color:#EEF3F8;font-size:clamp(28px,4vw,44px)}
.gs-cta h2 em{color:var(--saffron)}
.gs-cta p{color:rgba(234,228,214,.82);max-width:58ch;margin:0 auto 26px}
.gs-cta .gs-ctas{justify-content:center}
.gs-cta-trust{margin-top:20px;font-family:var(--mono);font-size:12px;letter-spacing:.6px;color:rgba(234,228,214,.72);
  display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}
.gs-cta-lock{display:inline-flex}
.gs-cta-lock svg{width:15px;height:15px;stroke:var(--saffron)}

/* ═══════════ INLINE AD-STYLE CTA BANNERS (.gs-ad) ═══════════
   Contained rounded promo cards inserted between sections. Rendered as <div>
   (not <section>) so they do NOT disturb the section nth-of-type alternation. */
.gs-ad{position:relative;overflow:hidden;border-radius:0;
  width:100vw;margin:0;margin-left:calc(50% - 50vw);   /* full-bleed, flush (no bluish gutter gap) */
  padding-block:clamp(30px,3.6vw,46px);
  /* align content to the same left/right edge as .gs-wrap sections */
  padding-inline:max(var(--gs-pad),calc((100vw - var(--gs-max))/2 + var(--gs-pad)));
  display:grid;grid-template-columns:1fr auto;gap:clamp(22px,3vw,40px);align-items:center}
.gs-ad>*{position:relative;z-index:1;min-width:0}
.gs-ad-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;font-weight:700;
  letter-spacing:1.6px;text-transform:uppercase;padding:6px 13px;border-radius:999px;margin-bottom:14px}
.gs-ad-badge b{width:7px;height:7px;border-radius:50%;display:inline-block}
.gs-ad h3{font-family:var(--serif);font-weight:500;font-size:clamp(21px,2.6vw,31px);line-height:1.12;letter-spacing:-.4px;margin:0 0 8px}
.gs-ad h3 em{font-style:normal}
.gs-ad p{font-size:15px;line-height:1.55;margin:0;max-width:56ch}
.gs-ad-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch;min-width:230px}
.gs-ad-actions .gs-btn{justify-content:center;white-space:nowrap}
.gs-ad-fine{font-size:11.5px;line-height:1.5;text-align:center;margin:18px 0 0;padding-top:2px;opacity:.82}
/* decorative astronomy accent — bottom-LEFT, away from the button + note area
   (top-right) so the note never sits inside the busy pattern. */
.gs-ad::after{content:"";position:absolute;left:-40px;bottom:-50px;width:260px;height:260px;pointer-events:none;opacity:.42;
  background:var(--astro1);background-repeat:repeat;
  -webkit-mask-image:radial-gradient(62% 62% at 18% 82%,#000,transparent 72%);mask-image:radial-gradient(62% 62% at 18% 82%,#000,transparent 72%)}

/* Variant · NAVY (bold display ad) */
.gs-ad--navy{background:var(--navy-grad);color:#EAE4D6}
.gs-ad--navy::before{content:"";position:absolute;inset:0;opacity:.6;pointer-events:none;
  background:radial-gradient(60% 90% at 12% 0,rgba(227,25,55,.28),transparent 55%),radial-gradient(50% 80% at 92% 100%,rgba(255,153,51,.2),transparent 55%)}
.gs-ad--navy h3{color:#F4EFE4}
.gs-ad--navy h3 em{color:var(--saffron)}
.gs-ad--navy p{color:rgba(234,228,214,.8)}
.gs-ad--navy .gs-ad-badge{background:rgba(255,153,51,.16);color:#FFC77D}
.gs-ad--navy .gs-ad-badge b{background:var(--saffron)}
.gs-ad--navy .gs-ad-fine{color:rgba(234,228,214,.7)}

/* Variant · GOLD (soft premium champagne) */
.gs-ad--gold{background:linear-gradient(120deg,#FBF6EA,#F3E7C9);color:var(--ink);border:1px solid #E7D4A6}
.gs-ad--gold h3 em{color:var(--gold-ink)}
.gs-ad--gold p{color:var(--slate)}
.gs-ad--gold .gs-ad-badge{background:rgba(183,131,31,.14);color:var(--gold-ink)}
.gs-ad--gold .gs-ad-badge b{background:var(--gold-ink)}
.gs-ad--gold::after{opacity:.32}
.gs-ad--gold .gs-ad-fine{color:var(--slate)}

/* Variant · RED (attention) */
.gs-ad--red{background:linear-gradient(120deg,#fff,#FFF1F1);color:var(--ink);border:1px solid rgba(227,25,55,.28)}
.gs-ad--red h3 em{color:var(--red-ink)}
.gs-ad--red p{color:var(--slate)}
.gs-ad--red .gs-ad-badge{background:rgba(227,25,55,.1);color:var(--red-ink)}
.gs-ad--red .gs-ad-badge b{background:var(--red)}
.gs-ad--red::after{opacity:.3}
.gs-ad--red .gs-ad-fine{color:var(--slate)}

/* Variant · SOFT (lead-magnet / checklist — coupon feel, dashed gold border) */
.gs-ad--soft{background:linear-gradient(120deg,#FCFAF5,#F4EEE0);color:var(--ink);border:1.5px dashed rgba(183,131,31,.5)}
.gs-ad--soft h3 em{color:var(--gold-ink)}
.gs-ad--soft p{color:var(--slate)}
.gs-ad--soft .gs-ad-badge{background:rgba(10,19,43,.06);color:var(--ink)}
.gs-ad--soft .gs-ad-badge b{background:var(--gold-ink)}
.gs-ad--soft::after{opacity:.28}
.gs-ad--soft .gs-ad-fine{color:var(--slate)}

@media(max-width:760px){
  .gs-ad{grid-template-columns:1fr;gap:20px;text-align:center;padding:28px 22px}
  .gs-ad p,.gs-ad-badge{margin-left:auto;margin-right:auto}
  .gs-ad-actions{min-width:0}
  .gs-ad::after{display:none}
}

/* ═══════════ STICKY MOBILE CTA ═══════════ */
.gs-sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);
  border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(10,19,43,.12);padding:11px 14px;display:none;gap:10px;align-items:center}
.gs-sticky .gs-btn{flex:1;justify-content:center;padding:13px;font-size:14px}

/* ═══════════ RESPONSIVE ═══════════ */
/* Match header .tc-hdr-inner padding EXACTLY at every breakpoint so the hero
   (and every section) lines up: left edge → logo, right edge → last header button. */
@media(max-width:1520px){ .gs{--gs-pad:28px} }
@media(max-width:1340px){ .gs{--gs-pad:22px} }
@media(max-width:1180px){ .gs{--gs-pad:24px} }
@media(max-width:1024px){ .gs{--gs-pad:20px} }
@media(max-width:900px){
  .gs-hero-grid{grid-template-columns:1fr;gap:26px;padding:20px calc(var(--gs-pad) + 4px) 32px;text-align:center;justify-items:center}
  .gs-hero .gs-eyebrow{justify-content:center}
  .gs-hero h1,.gs-hero-sub{max-width:38ch;margin-left:auto;margin-right:auto}
  .gs-pills,.gs-ctas,.gs-hero-rating{justify-content:center}
  .gs-hero .sp-form,.gs-hero .gs-form{text-align:left;width:100%}   /* form fields stay left, card full-width */
  .gs-trust-grid{grid-template-columns:1fr 1fr}
  .gs-trust-grid>div:nth-child(3){border-left:none}
  .gs-split,.gs-price,.gs-compare{grid-template-columns:1fr}
  .gs-sec-head.has-lead{grid-template-columns:1fr;gap:16px;align-items:start}
  .gs-sec-head.has-lead .gs-lead{padding-bottom:0}
  /* Side astronomy rails off on narrow screens — content is too narrow, the
     rails would sit behind the text. */
  .gs-wrap>.gs-sec:not(.gs-cta-sec),
  html[data-theme="light"] .gs #reviews,
  html[data-theme="light"] .gs #faq,
  #why.gs-why-band{ background-image:none!important }
}
@media(max-width:600px){
  .gs{font-size:16px;--gs-pad:20px}
  .gs-sec{padding:44px 0}
  .gs-fact{flex-direction:column;text-align:center}
  /* Fixed mobile CTA removed — no sticky bar, no reserved bottom padding */
  .gs-cta-sec{margin-top:56px}
  .gs-cta{padding:56px 20px}
  /* Hero: shrink H1, let it wrap, drop the desktop max-widths that overflowed */
  .gs-hero{background:#E7EDF3}   /* flatten the navy glow on mobile */
  /* Astronomy motif ON for mobile too — smaller clusters pinned to the top
     corners + faded, so it stays behind the centered copy without clutter. */
  .gs-hero::after{opacity:.5;background-position:right -60px top -40px,left -70px top 40px;background-size:360px auto,300px auto}
  .gs-hero-grid{max-width:none}
  .gs-hero h1{font-size:clamp(25px,7.6vw,32px);line-height:1.14;letter-spacing:-.4px;max-width:none}
  .gs-hero-sub{max-width:none;font-size:16px}
  .gs-ctas .gs-btn{flex:1 1 auto;justify-content:center}
  /* Trust strip: stack number over label + allow wrap so the nowrap min-width
     doesn't blow the 2-col grid past the viewport (was clipping 5,000+ / 100%). */
  .gs-trust-grid>div{flex-direction:column;white-space:normal;align-items:center;text-align:center;gap:4px;padding:16px 10px}
  .gs-trust-lbl{letter-spacing:.6px;line-height:1.3}
}

/* ── Mobile overflow safety: nothing should exceed the viewport width ── */
.gs{overflow-x:clip}
.gs h1,.gs h2,.gs h3,.gs-ty-card h3,.gs-hero h1{overflow-wrap:break-word;word-break:normal}

/* ═══════════ POST-AUDIT ADDITIONS ═══════════ */
/* Icon sizing for inline line-icons used outside card slots */
.gs-phone{display:inline-flex;align-items:center;gap:7px}
.gs-phone svg{width:18px;height:18px}
.gs-hero .sp-fnote{display:flex;align-items:center;justify-content:center;gap:6px}
.gs-hero .sp-fnote .sp-lock{display:inline-flex}
.gs-hero .sp-fnote svg{width:14px;height:14px;stroke:var(--green)}

/* Merged "Legal & Regulatory Framework" heading inside Quick Facts */
.gs-legal-head{display:flex;align-items:center;gap:9px;margin:38px 0 14px;font-family:var(--mono);font-size:12px;
  font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--red-ink)}
.gs-legal-head svg{width:18px;height:18px;flex-shrink:0}

/* DIY vs Us — line-icon headers (replaces emoji) */
.gs-cmp-ic{display:inline-flex;flex-shrink:0}
.gs-cmp-ic svg{width:22px;height:22px}
.gs-compare .diy .gs-cmp-ic{color:var(--slate-2)}
.gs-compare .us .gs-cmp-ic{color:var(--green)}

/* (Per-ID full-bleed bands removed — every .gs-sec is now a full-width
   alternating band handled by the section-rhythm rules above.) */

/* Consistent keyboard focus ring across interactive elements */
.gs a:focus-visible,.gs .gs-btn:focus-visible,.gs-subnav a:focus-visible,.gs-faq summary:focus-visible,
.gs-rev-arrow:focus-visible,.gs-sn-arrow:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:9px}