:root{

  /* ── Color: brand palette, verbatim from brand.css ───────────────── */
  --depth:#020202;
  --deepwater:#05121A;
  --weir:#182232;
  --line:#283748;
  --spray:#DDE7F1;
  --muted:#BFCAD9;
  --beacon:#D6A558;
  --tide:#62BAF3;
  --aerate:#86E7D4;
  --gravel:#C1C1C1;
  --reed:#606663;
  --critical:#EE5F63;
  --high:#F2762E;
  --moderate:#E8B931;
  --low:#7BB661;

  /* ── Color: band surfaces ────────────────────────────────────────── */
  --color-band-hero:var(--deepwater);
  --color-band-light:var(--spray);
  --color-band-ghost:var(--gravel);
  --color-band-solid:var(--reed);
  --color-band-quote:var(--beacon);
  --color-band-measure:var(--deepwater);
  --color-band-table:var(--depth);
  --color-band-gray:var(--reed);
  --color-surface-raised:rgba(221,231,241,.04);
  --color-surface-block:var(--muted);

  /* ── Color: text levels ──────────────────────────────────────────── */
  --color-text-on-dark:var(--spray);
  --color-text-on-dark-dim:var(--muted);
  --color-text-on-light:var(--depth);
  --color-text-on-light-dim:var(--weir);
  --color-text-headline-light:var(--depth);
  --color-text-headline-deep:var(--deepwater);
  --color-text-ghost:rgba(221,231,241,.82);
  --color-text-quote:var(--depth);

  /* ── Color: accents, borders, states ─────────────────────────────── */
  --color-accent:var(--beacon);
  --color-accent-cool:var(--tide);
  --color-tick:var(--beacon);
  --color-strike:var(--beacon);
  --color-border:var(--line);
  --color-border-light:var(--depth);
  --color-border-hairline:rgba(221,231,241,.16);
  --color-rule-quote:var(--deepwater);
  --color-link:var(--depth);
  --color-link-hover:var(--beacon);
  --color-mark:var(--tide);

  /* ── Color: hero photo placeholder ───────────────────────────────── */
  --color-photo-base:#06202E;
  --color-photo-deep:#03101A;
  --color-photo-caustic:rgba(98,186,243,.34);
  --color-photo-aerate:rgba(134,231,212,.20);
  --color-photo-surf:rgba(221,231,241,.20);
  --color-photo-scrim:rgba(5,18,26,.86);

  /* ── Type: families ──────────────────────────────────────────────── */
  --display:'Archivo',system-ui,sans-serif;
  --body:'Public Sans',system-ui,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,monospace;

  /* ── Type: display scale ─────────────────────────────────────────── */
  --fs-display-1:168px;
  --fs-display-2:142px;
  --fs-display-3:126px;
  --fs-display-4:104px;
  --fs-display-5:62px;
  --fs-hero:64px;
  --fs-display-min-1:44px;
  --fs-display-min-2:40px;
  --fs-display-min-3:38px;
  --fs-display-min-4:36px;
  --fs-display-min-5:30px;
  --fs-hero-min:38px;
  --fs-display-fluid-1:11.2vw;
  --fs-display-fluid-2:9.6vw;
  --fs-display-fluid-3:8.6vw;
  --fs-display-fluid-4:7.6vw;
  --fs-display-fluid-5:4.4vw;
  --fs-hero-fluid:5.4vw;

  /* ── Type: body scale ────────────────────────────────────────────── */
  --fs-body-xl:21px;
  --fs-body-lg:19px;
  --fs-body:17px;
  --fs-body-sm:15px;
  --fs-body-xs:13.5px;
  --fs-quote:19px;
  --fs-table:14px;

  /* ── Type: mono scale ────────────────────────────────────────────── */
  --fs-mono-lg:13px;
  --fs-mono:12px;
  --fs-mono-sm:11px;
  --fs-mono-xs:10px;

  /* ── Type: weights ───────────────────────────────────────────────── */
  --fw-light:300;
  --fw-regular:400;
  --fw-medium:500;
  --fw-semibold:600;
  --fw-bold:700;

  /* ── Type: line heights ──────────────────────────────────────────── */
  --lh-display:1.0;
  --lh-hero:1.06;
  --lh-tight:1.18;
  --lh-body:1.6;
  --lh-loose:1.9;
  --lh-list:1.62;

  /* ── Type: letter spacing ────────────────────────────────────────── */
  --ls-display:-.035em;
  --ls-hero:-.025em;
  --ls-body:0em;
  --ls-mono:.18em;
  --ls-mono-tight:.1em;
  --ls-caps:.06em;

  /* ── Space: scale ────────────────────────────────────────────────── */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:88px;
  --space-10:120px;
  --space-11:160px;
  --space-12:210px;

  /* ── Space: band rhythm ──────────────────────────────────────────── */
  --band-pad-y:var(--space-10);
  --band-pad-y-hero-top:var(--space-11);
  --band-pad-y-hero-bottom:var(--space-10);
  --band-pad-y-tight:var(--space-9);
  --band-pad-y-split:var(--space-8);

  /* ── Other: containers ───────────────────────────────────────────── */
  --container-w:1320px;
  --container-narrow:960px;
  --container-pad:24px;

  /* ── Other: tick rule (see .eyebrow::before) ─────────────────────── */
  --tick-width:56px;
  --tick-height:9px;
  --tick-line-width:1px;
  --tick-pitch:7px;
  --tick-offset:2px;
  --tick-gap:14px;
  --rule-width:340px;
  --rule-height:22px;
  --rule-pitch:15px;
  --rule-major-pitch:75px;
  --rule-major-height:8px;

  /* ── Other: borders, radii, transitions ──────────────────────────── */
  --border-hairline:1px;
  --border-accent:3px;
  --radius:0px;
  --radius-sm:2px;
  --transition:180ms ease;
  --color-card-fill:rgba(2,2,2,.14);
  --shadow-card:0 2px 0 0 rgba(2,2,2,.22);
  --icon-size:30px;

  /* ── Other: section 3 ghost headline ─────────────────────────────── */
  --strike-width:2px;

  /* ── Other: section 4 quote figure ───────────────────────────────── */
  --quote-figure-w:230px;
  --quote-figure-gap:var(--space-8);
  --quote-figure-fade:rgba(2,2,2,.10);

  /* ── Other: section 5 centered measure ───────────────────────────── */
  --gaps-measure:720px;
  --gaps-col-gap:var(--space-8);

  /* ── Other: section 6 table emphasis ─────────────────────────────── */
  --color-table-highlight:rgba(214,165,88,.07);
  --color-table-highlight-edge:var(--beacon);
  --color-table-row-hover:rgba(221,231,241,.045);
  --color-table-head-rule:var(--beacon);
  --table-edge-w:2px;
  --table-cell-pad-y:var(--space-4);
  --table-cell-pad-x:var(--space-5);

  /* ── Other: section 8 overlap geometry ───────────────────────────── */
  --block-offset-left:16%;
  --block-rise:var(--space-6);
  --block-pad-y:var(--space-7);
  --block-pad-x:var(--space-8);
  --list-width:280px;
  --list-pad:var(--space-5);
  --list-top:var(--space-8);
  --connector-width:150px;
  --foot-offset-left:30%;

  /* ── Other: section 2 Anduril-style body indent ─────────────────── */
  --guess-body-indent:22%;
  --guess-body-right:8%;
}


*{box-sizing:border-box}

html{-webkit-text-size-adjust:100%}

body{
  margin:0;
  background:var(--depth);
  color:var(--color-text-on-dark);
  font-family:var(--body);
  font-weight:var(--fw-light);
  font-size:var(--fs-body);
  line-height:var(--lh-body);
  letter-spacing:var(--ls-body);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

/* ── Bands and containers ──────────────────────────────────────────── */

.band{
  width:100%;
  padding:var(--band-pad-y) 0;
  overflow-x:clip;
}

.wrap{
  max-width:var(--container-w);
  margin:0 auto;
  padding:0 var(--container-pad);
}

.wrap--narrow{max-width:var(--container-narrow)}

/* ── Eyebrow and tick rule (from brand.css) ────────────────────────── */

.eyebrow{
  font-family:var(--mono);
  font-size:var(--fs-mono-sm);
  letter-spacing:var(--ls-mono);
  text-transform:uppercase;
  color:var(--color-text-on-dark-dim);
  display:flex;
  align-items:center;
  gap:var(--tick-gap);
  margin:0 0 var(--space-4);
}

.eyebrow::before{
  content:"";
  width:var(--tick-width);
  height:var(--tick-height);
  flex:none;
  background:repeating-linear-gradient(to right,var(--color-tick) 0 var(--tick-line-width),transparent var(--tick-line-width) var(--tick-pitch));
  align-self:flex-end;
  margin-bottom:var(--tick-offset);
}

.eyebrow--bare::before{display:none}

/* Standalone ruler: same ::before engine, scaled up, with a baseline
   and taller major ticks layered on the element itself. */
.eyebrow--rule{
  --tick-width:var(--rule-width);
  --tick-height:var(--rule-height);
  --tick-pitch:var(--rule-pitch);
  --tick-offset:0px;
  width:var(--rule-width);
  max-width:100%;
  height:calc(var(--rule-height) + var(--rule-major-height));
  align-items:flex-end;
  gap:0;
  margin:var(--space-7) 0;
  border-bottom:var(--tick-line-width) solid var(--color-tick);
  background:repeating-linear-gradient(to right,var(--color-tick) 0 var(--tick-line-width),transparent var(--tick-line-width) var(--rule-major-pitch));
  background-position:bottom left;
  background-size:100% calc(var(--rule-height) + var(--rule-major-height));
  background-repeat:repeat-x;
}

.eyebrow--rule::before{margin-bottom:0;flex:1 1 auto;max-width:100%}

.eyebrow--center{margin-left:auto;margin-right:auto}

/* ── Shared type roles ─────────────────────────────────────────────── */

.display{
  font-family:var(--display);
  font-weight:var(--fw-semibold);
  line-height:var(--lh-display);
  letter-spacing:var(--ls-display);
  margin:0;
}

.lede{
  font-size:var(--fs-body-lg);
  line-height:var(--lh-body);
  margin:0;
}

p{margin:0 0 var(--space-4)}
p:last-child{margin-bottom:0}

a{color:var(--color-link);text-decoration:none}
a:focus-visible,button:focus-visible{outline:var(--border-accent) solid var(--color-accent-cool);outline-offset:var(--space-1)}

/* ─────────────────────────────────────────────────────────────────────
   1. Hero
   ──────────────────────────────────────────────────────────────────── */

.hero{
  position:relative;
  padding:var(--band-pad-y-hero-top) 0 var(--band-pad-y-hero-bottom);
  background:var(--color-band-hero);
  isolation:isolate;
}

.hero__photo{position:absolute;inset:0;z-index:-2;background-image:url(/wp-content/uploads/2026/09/HERO_Water_Banner2_Vivid.png);background-size:cover;background-position:center}

.hero__scrim{
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,var(--color-photo-scrim) 0%,rgba(5,18,26,.74) 34%,rgba(5,18,26,.22) 68%,rgba(5,18,26,0) 92%);
}

.hero__eyebrow{color:var(--color-text-on-dark-dim)}

.hero__title{
  font-family:var(--display);
  font-weight:var(--fw-bold);
  font-size:clamp(var(--fs-hero-min),var(--fs-hero-fluid),var(--fs-hero));
  line-height:var(--lh-hero);
  letter-spacing:var(--ls-hero);
  color:var(--color-text-on-dark);
  margin:0 0 var(--space-5);
  max-width:none;
}

.hero__title span{display:block}

.hero__lede{
  font-weight:var(--fw-regular);
  color:var(--color-text-on-dark);
  max-width:62ch;
  margin-bottom:0;
}

.hero__note{
  font-style:italic;
  font-size:var(--fs-body-sm);
  color:var(--color-text-on-dark-dim);
  max-width:52ch;
  margin:0;
}

/* ─────────────────────────────────────────────────────────────────────
   2. Light band — Stop Guessing
   ──────────────────────────────────────────────────────────────────── */

.guess{
  background:var(--color-band-light);
  color:var(--color-text-on-light);
  padding-bottom:var(--band-pad-y-tight);
}

.guess__title{
  font-family:var(--display);
  font-weight:var(--fw-semibold);
  font-size:clamp(var(--fs-display-min-1),var(--fs-display-fluid-2),var(--fs-display-2));
  line-height:var(--lh-display);
  letter-spacing:var(--ls-display);
  color:var(--color-text-headline-light);
  text-align:left;
  margin:0 0 var(--space-8);
}

.guess__copy{
  margin-left:var(--guess-body-indent);
  margin-right:var(--guess-body-right);
}

.guess__body{
  font-weight:var(--fw-regular);
  font-size:var(--fs-body-sm);
  color:var(--color-text-on-light);
  max-width:70ch;
}

.guess__body + .guess__body{margin-top:var(--space-5)}

.guess__expand{
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows 260ms ease;
}

.guess__expand[data-open="true"]{grid-template-rows:1fr}
.guess__expand > div{overflow:hidden}
.guess__expand[data-open="true"] > div{padding-top:var(--space-5)}

.guess__quote{color:var(--color-accent)}

.guess__more{
  display:block;
  margin-left:auto;
  background:none;
  border:0;
  cursor:pointer;
  text-align:right;
  font-family:var(--mono);
  font-size:var(--fs-mono-xs);
  font-weight:var(--fw-medium);
  letter-spacing:var(--ls-mono-tight);
  text-transform:uppercase;
  color:var(--color-link);
  margin-top:var(--space-7);
  transition:color var(--transition);
}

.guess__more:hover{color:var(--color-link-hover)}

/* ─────────────────────────────────────────────────────────────────────
   3. Two columns, no gap — prediction vs probability
   ──────────────────────────────────────────────────────────────────── */

.swap{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  padding:0;
}

.swap__col{
  display:flex;
  flex-direction:column;
  padding:var(--band-pad-y-split) var(--space-8) var(--space-9);
  min-width:0;
}

.swap__col--ghost{
  background:var(--color-band-ghost);
  color:var(--color-text-on-light);
  align-items:flex-start;
  padding-left:max(var(--container-pad),calc((100vw - var(--container-w)) / 2 + var(--container-pad)));
}

.swap__col--solid{
  background:var(--color-band-solid);
  color:var(--color-text-on-dark);
  padding-left:var(--space-8);
}

.swap__eyebrow{
  color:var(--color-text-on-light-dim);
  font-size:var(--fs-mono-sm);
  margin-bottom:var(--space-8);
}

.swap__col--solid .swap__eyebrow{color:var(--color-text-on-dark)}

.swap__title{
  font-family:var(--display);
  font-weight:var(--fw-semibold);
  font-size:clamp(var(--fs-display-min-3),var(--fs-display-fluid-4),var(--fs-display-4));
  line-height:var(--lh-display);
  letter-spacing:var(--ls-display);
  margin:0 0 var(--space-8);
}

.swap__title span{
  display:block;
  position:relative;
  width:max-content;
  max-width:100%;
}

/* Ghosted outline type: transparent fill, hairline stroke. */
.swap__title--ghost{color:var(--color-text-ghost)}

.swap__title--ghost span::after{
  content:"";
  position:absolute;
  left:0;
  right:calc(var(--space-5) * -1);
  top:56%;
  height:var(--strike-width);
  background:var(--color-strike);
}

.swap__title--solid{color:var(--color-text-on-dark)}

.swap__rule{margin:0 0 var(--space-5)}

.swap__body{
  margin-top:auto;
  font-weight:var(--fw-semibold);
  font-size:var(--fs-body-lg);
  max-width:34ch;
}

.swap__col--ghost .swap__body{color:var(--color-text-on-light-dim)}
.swap__col--solid .swap__body{color:var(--color-text-headline-deep)}

/* ─────────────────────────────────────────────────────────────────────
   4. Beacon band — Sun Tsu
   ──────────────────────────────────────────────────────────────────── */

.quote{
  background:var(--color-band-quote);
  color:var(--color-text-quote);
  padding:var(--band-pad-y-tight) 0 var(--space-10);
}

.quote__grid{
  display:grid;
  grid-template-columns:var(--quote-figure-w) 1fr;
  gap:var(--quote-figure-gap);
  align-items:center;
}

.quote__figure{margin:0}

.quote__img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 var(--space-3) var(--space-6) var(--quote-figure-fade));
}

.quote__source{
  color:var(--color-text-quote);
  font-weight:var(--fw-semibold);
  letter-spacing:var(--ls-mono-tight);
  margin-bottom:var(--space-7);
}

.quote__body{
  border-left:var(--border-accent) solid var(--color-rule-quote);
  padding-left:var(--space-5);
  margin:0;
  list-style:none;
}

.quote__body li{
  font-size:var(--fs-quote);
  font-weight:var(--fw-regular);
  line-height:var(--lh-loose);
  text-transform:uppercase;
  letter-spacing:var(--ls-caps);
}

/* ─────────────────────────────────────────────────────────────────────
   5. Deepwater band — Security Gaps
   ──────────────────────────────────────────────────────────────────── */

.gaps{
  background:var(--color-band-measure);
  color:var(--color-text-on-dark);
}

.gaps__inner{
  max-width:var(--gaps-measure);
  margin-inline:auto;
  text-align:center;
}

.gaps__title{
  font-family:var(--display);
  font-weight:var(--fw-semibold);
  font-size:clamp(var(--fs-display-min-5),var(--fs-display-fluid-5),var(--fs-display-5));
  line-height:var(--lh-tight);
  letter-spacing:var(--ls-hero);
  color:var(--color-text-on-dark);
  margin:0 0 var(--space-9);
  text-wrap:balance;
}

.gaps__accent{color:var(--color-accent)}

.gaps__cols{
  display:flex;
  flex-direction:column;
  gap:var(--gaps-col-gap);
  max-width:none;
}

.gaps__label{
  font-family:var(--mono);
  font-weight:var(--fw-regular);
  font-size:var(--fs-mono);
  letter-spacing:var(--ls-mono-tight);
  text-transform:uppercase;
  color:var(--color-accent);
  margin:0 0 var(--space-5);
}

.gaps__list{
  margin:0;
  padding:0;
  list-style:none;
  color:var(--color-text-on-dark);
}

.gaps__list li{
  line-height:var(--lh-list);
  font-size:var(--fs-body-sm);
}

.gaps__col--dim .gaps__list li{color:var(--color-text-on-dark-dim)}

.gaps__close{
  font-size:var(--fs-body-sm);
  font-weight:var(--fw-regular);
  line-height:var(--lh-body);
  max-width:62ch;
  margin-inline:auto;
}

.gaps__close strong{font-weight:var(--fw-bold)}

.gaps__close--dim{
  color:var(--color-text-on-dark-dim);
  margin-top:var(--space-5);
}

/* ─────────────────────────────────────────────────────────────────────
   6. Depth band — CDS vs. J100 vs. VSAT
   ──────────────────────────────────────────────────────────────────── */

.compare{
  background:var(--color-band-table);
  color:var(--color-text-on-dark);
}

.compare__title{
  font-family:var(--display);
  font-weight:var(--fw-bold);
  font-size:clamp(var(--fs-display-min-5),var(--fs-display-fluid-5),var(--fs-display-5));
  line-height:var(--lh-tight);
  letter-spacing:var(--ls-hero);
  color:var(--color-text-on-dark);
  background:var(--color-surface-raised);
  display:inline-block;
  padding:var(--space-3) var(--space-6) var(--space-3) var(--space-5);
  margin:0 0 var(--space-6);
}

.compare__intro{
  background:var(--color-surface-raised);
  border-left:var(--border-accent) solid var(--color-accent-cool);
  padding:var(--space-5) var(--space-6);
  font-size:var(--fs-body-lg);
  font-weight:var(--fw-regular);
  max-width:78ch;
  margin:0 0 var(--space-8);
}

.compare__intro em{font-style:italic}

.compare__label{
  color:var(--color-text-on-dark-dim);
  margin-bottom:var(--space-5);
}

.compare__table{
  width:100%;
  border-collapse:collapse;
  font-size:var(--fs-table);
  line-height:var(--lh-body);
}

.compare__table th{
  text-align:left;
  font-family:var(--mono);
  font-size:var(--fs-mono);
  font-weight:var(--fw-regular);
  letter-spacing:var(--ls-mono);
  text-transform:uppercase;
  color:var(--color-text-on-dark-dim);
  padding:0 var(--table-cell-pad-x) var(--space-4) var(--table-cell-pad-x);
  border-bottom:var(--table-edge-w) solid var(--color-table-head-rule);
  vertical-align:bottom;
  white-space:nowrap;
}

.compare__table td{
  padding:var(--table-cell-pad-y) var(--table-cell-pad-x);
  border-bottom:var(--border-hairline) solid var(--color-border);
  vertical-align:top;
  color:var(--color-text-on-dark-dim);
  transition:background var(--transition),color var(--transition);
}

.compare__table th:first-child,
.compare__table td:first-child{
  width:24%;
  padding-left:0;
  color:var(--color-text-on-dark);
  font-weight:var(--fw-semibold);
}

.compare__table tbody tr:hover td{
  background:var(--color-table-row-hover);
  color:var(--color-text-on-dark);
}

/* CDS / UtilitySTAT column carries the argument, so it reads as raised */
.compare__table th:last-child,
.compare__table td:last-child{
  background:var(--color-table-highlight);
  box-shadow:
    inset var(--table-edge-w) 0 0 0 var(--color-table-highlight-edge),
    inset calc(var(--table-edge-w) * -1) 0 0 0 var(--color-table-highlight-edge);
  color:var(--color-text-on-dark);
  font-weight:var(--fw-medium);
}

.compare__table th:last-child{
  color:var(--color-accent);
  font-weight:var(--fw-medium);
  box-shadow:
    inset var(--table-edge-w) 0 0 0 var(--color-table-highlight-edge),
    inset calc(var(--table-edge-w) * -1) 0 0 0 var(--color-table-highlight-edge),
    inset 0 var(--table-edge-w) 0 0 var(--color-table-highlight-edge);
}

.compare__table tbody tr:last-child td{border-bottom:0}

.compare__table tbody tr:last-child td:last-child{
  box-shadow:
    inset var(--table-edge-w) 0 0 0 var(--color-table-highlight-edge),
    inset calc(var(--table-edge-w) * -1) 0 0 0 var(--color-table-highlight-edge),
    inset 0 calc(var(--table-edge-w) * -1) 0 0 var(--color-table-highlight-edge);
}

.compare__yes{color:var(--color-mark)}
.compare__table td:last-child .compare__yes{color:var(--color-accent)}
.compare__none{color:var(--color-border)}

/* ─────────────────────────────────────────────────────────────────────
   7. Gray band — Meet AWIA Requirements Your Way
   ──────────────────────────────────────────────────────────────────── */

.awia{
  background:var(--color-band-gray);
  color:var(--color-text-on-dark);
}

.awia__head{
  display:grid;
  grid-template-columns:1.12fr 1fr;
  gap:var(--space-8);
  align-items:start;
  margin-bottom:var(--space-9);
}

.awia__title{
  font-family:var(--display);
  font-weight:var(--fw-regular);
  font-size:clamp(var(--fs-display-min-4),var(--fs-display-fluid-4),var(--fs-display-4));
  line-height:var(--lh-display);
  letter-spacing:var(--ls-display);
  color:var(--color-text-on-dark);
  margin:0;
}

.awia__body{
  font-size:var(--fs-body-lg);
  font-weight:var(--fw-regular);
  line-height:var(--lh-loose);
  color:var(--color-text-on-dark);
  padding-top:var(--space-4);
}

.awia__cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:var(--space-4);
}

.awia__card{
  background:var(--color-card-fill);
  border:var(--border-hairline) solid var(--color-border-light);
  border-top:var(--border-accent) solid var(--color-accent);
  box-shadow:var(--shadow-card);
  padding:var(--space-6) var(--space-5) var(--space-7);
  min-width:0;
}

.awia__icon{
  display:block;
  width:var(--icon-size);
  height:var(--icon-size);
  margin-bottom:var(--space-5);
  stroke:var(--color-accent);
  stroke-width:1.5;
  fill:none;
}

.awia__card h3{
  font-family:var(--mono);
  font-size:var(--fs-mono-lg);
  font-weight:var(--fw-semibold);
  letter-spacing:var(--ls-mono-tight);
  text-transform:uppercase;
  line-height:var(--lh-tight);
  color:var(--color-text-on-light);
  margin:0 0 var(--space-5);
}

.awia__card p{
  font-size:var(--fs-body-lg);
  font-weight:var(--fw-regular);
  line-height:var(--lh-loose);
  color:var(--color-text-on-light);
  margin:0;
}

/* ─────────────────────────────────────────────────────────────────────
   8. Light band — Security Requirements are Dynamic
   ──────────────────────────────────────────────────────────────────── */

.dynamic{
  background:var(--color-band-light);
  color:var(--color-text-on-light);
  padding-bottom:var(--space-11);
}

.dynamic__inner{position:relative}

.dynamic__title{
  font-family:var(--display);
  font-weight:var(--fw-regular);
  font-size:clamp(var(--fs-display-min-1),var(--fs-display-fluid-1),var(--fs-display-1));
  line-height:var(--lh-display);
  letter-spacing:var(--ls-display);
  color:var(--color-text-headline-deep);
  margin:0;
}

.dynamic__block{
  background:var(--color-surface-block);
  margin-left:var(--block-offset-left);
  margin-right:calc(-1 * (var(--container-pad) + max(0px,(100vw - var(--container-w)) / 2)));
  margin-top:calc(var(--block-rise) * -1);
  padding:var(--block-pad-y) var(--block-pad-x);
}

.dynamic__block-title{
  font-family:var(--display);
  font-weight:var(--fw-regular);
  font-size:clamp(var(--fs-display-min-1),var(--fs-display-fluid-2),var(--fs-display-2));
  line-height:var(--lh-display);
  letter-spacing:var(--ls-display);
  color:var(--color-text-headline-deep);
  margin:0;
}

.dynamic__list{
  position:absolute;
  z-index:1;
  left:0;
  bottom:var(--space-11);
  width:var(--list-width);
  border:var(--border-hairline) solid var(--color-text-headline-deep);
  padding:var(--list-pad);
  margin:0;
  list-style:none;
  text-align:right;
}

.dynamic__list li{
  font-family:var(--mono);
  font-size:var(--fs-mono-lg);
  font-weight:var(--fw-regular);
  letter-spacing:var(--ls-mono-tight);
  text-transform:uppercase;
  line-height:var(--lh-loose);
  color:var(--color-text-headline-deep);
}

.dynamic__list::after{
  content:"";
  position:absolute;
  right:calc(var(--connector-width) * -1);
  bottom:var(--space-7);
  width:var(--connector-width);
  height:var(--border-hairline);
  background:var(--color-text-headline-deep);
}

.dynamic__foot{
  margin-left:var(--foot-offset-left);
  margin-top:var(--space-7);
}

.dynamic__foot p{
  font-size:var(--fs-body-lg);
  font-weight:var(--fw-regular);
  color:var(--color-text-on-light);
  max-width:56ch;
}

.dynamic__foot p + p{
  font-weight:var(--fw-bold);
  margin-top:var(--space-6);
}


/* ─────────────────────────────────────────────────────────────────────
   V2 — match Kris mockup (2026-09-11). Overrides + new components.
   ──────────────────────────────────────────────────────────────────── */

.guess__title--center{text-align:center;font-size:clamp(38px,6.4vw,96px)}
.guess__title--center + .guess__copy{margin-inline:auto;max-width:66ch}

/* Nav */
.topnav{background:var(--depth);border-bottom:var(--border-hairline) solid var(--color-border)}
.topnav__row{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-4);padding-bottom:var(--space-4)}
.topnav__brand{font-family:var(--display);font-weight:var(--fw-semibold);font-size:var(--fs-body-lg);color:var(--spray)}
.topnav__link{font-family:var(--mono);font-size:var(--fs-mono-sm);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--muted);transition:color var(--transition)}
.topnav__link:hover{color:var(--tide)}

/* Asset placeholders */
.ph{display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed rgba(221,231,241,.4);background:rgba(221,231,241,.05);color:var(--muted);font-family:var(--mono);font-size:var(--fs-mono-xs);letter-spacing:var(--ls-mono-tight);text-transform:uppercase;line-height:1.7;padding:var(--space-4)}
.ph--bust{width:100%;height:300px}
.ph--illus{min-height:340px;height:100%}

/* Hero: glass panel + stacked sub */
.hero__phtag{position:absolute;right:var(--space-5);bottom:var(--space-4);z-index:0;margin:0;font-family:var(--mono);font-size:var(--fs-mono-xs);letter-spacing:var(--ls-mono-tight);text-transform:uppercase;color:rgba(221,231,241,.55)}
.hero__glass{display:inline-block;background:rgba(5,18,26,.74);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-7) var(--space-8);margin-bottom:var(--space-8);box-shadow:0 18px 40px rgba(2,2,2,.35)}
.hero__eyebrow{color:var(--tide);margin-bottom:var(--space-4)}
.hero__title{font-size:clamp(48px,7vw,92px);margin:0}
.hero__title .hero__tm{display:inline;font-size:.4em;vertical-align:super;letter-spacing:0}
.hero__sub{font-family:var(--display);font-weight:var(--fw-semibold);font-size:clamp(24px,3.1vw,40px);line-height:1.16;letter-spacing:var(--ls-hero);color:var(--spray);margin:0}

/* Sun Tzu: dark band, bust anchored to band bottom */
.quote{background:var(--depth);color:var(--spray);position:relative;padding-bottom:0}
.quote__grid{align-items:end}
.quote__figure{align-self:end;margin:0;width:100%;max-width:min(var(--quote-figure-w),24vw)}
.quote__text{padding-bottom:var(--band-pad-y-tight)}
.quote__source{color:var(--beacon)}
.quote__body{border-left-color:var(--beacon)}
.quote__body li{color:var(--spray)}

/* Security Gaps: stacked display + illustration slot + mono buckets */
.gaps__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--space-8);align-items:stretch;margin-bottom:var(--space-9)}
.gaps__title2{font-family:var(--display);font-weight:var(--fw-semibold);font-size:clamp(40px,8vw,116px);line-height:.98;letter-spacing:var(--ls-display);color:var(--spray);margin:0}
.gaps__title2 span{display:block}
.gaps__buckets{display:grid;grid-template-columns:auto 1fr;gap:var(--space-9);align-items:start;padding-bottom:var(--space-6)}
.gaps__blabel{font-family:var(--display);font-weight:var(--fw-semibold);font-size:var(--fs-body-xl);color:var(--spray);margin:0;max-width:16ch}
.gaps__mono{margin:0;padding:0;list-style:none;font-family:var(--mono);font-size:var(--fs-mono-lg);letter-spacing:var(--ls-mono-tight);text-transform:uppercase;color:var(--muted);line-height:2.1}

/* Black question banner */
.qband{background:var(--depth);border-top:var(--border-hairline) solid var(--color-border);border-bottom:var(--border-hairline) solid var(--color-border);padding:var(--space-6) 0}
.qband__text{font-family:var(--display);font-weight:var(--fw-medium);font-size:clamp(16px,1.9vw,21px);line-height:1.55;color:var(--spray);margin:0}

/* Compare: teal gradient panel, beacon title box, silt intro */
.compare{background:
  radial-gradient(85% 75% at 10% 52%,rgba(134,231,212,.30),transparent 68%),
  linear-gradient(112deg,rgba(98,186,243,.40) 0%,rgba(21,114,134,.28) 42%,rgba(5,18,26,0) 82%),
  var(--deepwater)}
.compare__head{margin-bottom:var(--space-8)}
.compare__head--icon{display:grid;grid-template-columns:auto 1fr;gap:var(--space-6);align-items:start}
.compare__head--icon .compare__intro2{grid-column:2}
.compare__ring{width:64px;height:64px;border:2px solid var(--beacon);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:var(--space-2)}
.compare__ring span{font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--beacon);text-align:center;line-height:1.4}
.compare__title2{font-family:var(--display);font-weight:var(--fw-semibold);font-size:clamp(28px,3.6vw,46px);line-height:1.32;letter-spacing:var(--ls-hero);color:var(--spray);margin:0 0 var(--space-6)}
.compare__box{display:inline-block;border:2px solid var(--beacon);padding:var(--space-2) var(--space-4);margin-bottom:var(--space-3)}
.compare__intro2{color:var(--muted);font-size:var(--fs-body);font-weight:var(--fw-regular);line-height:var(--lh-body);max-width:88ch;margin:0}

/* AWIA: deepwater band, full-width intro, beacon-top cards */
.awia{background:var(--deepwater)}
.awia__head{display:block;margin-bottom:var(--space-8)}
.awia__title{font-weight:var(--fw-semibold);margin-bottom:var(--space-6)}
.awia__body{padding-top:0;max-width:76ch;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--spray)}
.awia__cards{gap:var(--space-5)}
.awia__card{background:var(--weir);border:0;border-top:4px solid var(--beacon);box-shadow:none;padding:var(--space-7) var(--space-6)}
.awia__card h3{color:var(--beacon);font-weight:var(--fw-medium)}
.awia__card p{color:var(--muted);font-size:var(--fs-body-sm);line-height:var(--lh-body)}
.awia__icon{stroke:var(--beacon)}

/* Dynamic: numerals, dot grid + tide path, chip list, CTA */
.dynamic{overflow:hidden}
.dynamic__nums{position:relative;z-index:1;font-family:var(--display);font-weight:var(--fw-semibold);font-size:clamp(56px,8vw,120px);line-height:1;letter-spacing:.04em;color:var(--gravel);margin:0 0 var(--space-6);margin-left:calc(-1 * (var(--container-pad) + max(0px,(100vw - var(--container-w)) / 2)));padding-left:0;white-space:nowrap}
.dynamic__dots--low{top:auto;bottom:calc(-1 * var(--space-8));right:calc(-1 * var(--space-4));width:min(24%,300px);height:auto;opacity:.7}
.dynamic__dots{position:absolute;top:0;right:0;width:min(34%,400px);height:56%;z-index:0;pointer-events:none;opacity:.9}
.dynamic__dots svg{width:100%;height:100%}
.dynamic__dots .dpath{fill:var(--tide);animation:dpulse 4.6s ease-in-out infinite}
.dynamic__dots .dstat{fill:var(--tide)}
@keyframes dpulse{0%,100%{opacity:.3}50%{opacity:1}}
.dynamic__title{position:relative;z-index:1;font-weight:var(--fw-medium)}
.dynamic__block{position:relative;z-index:1;margin-top:var(--space-3)}
.dynamic__block-title{font-weight:var(--fw-medium)}
.dynamic__list{position:relative;z-index:1;left:auto;bottom:auto;width:auto;border:0;padding:0;margin:var(--space-8) 0 0;text-align:left;display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start}
.dynamic__list li{border:var(--border-hairline) solid var(--color-text-headline-deep);padding:var(--space-2) var(--space-4)}
.dynamic__list::after{display:none}
.dynamic__foot{position:relative;z-index:1}
.btn-quote{display:inline-block;margin-top:var(--space-6);background:var(--tide);color:var(--depth);font-family:var(--display);font-weight:var(--fw-semibold);font-size:var(--fs-mono-lg);letter-spacing:var(--ls-mono-tight);text-transform:uppercase;padding:var(--space-4) var(--space-6);transition:filter var(--transition)}
.btn-quote:hover{filter:brightness(1.08)}

/* Quote cards: glass, horizontal scroll */
.quotes{background:var(--deepwater)}
.quotes__row{display:flex;gap:var(--space-5);overflow-x:auto;padding-bottom:var(--space-4);scroll-snap-type:x proximity}
.qcard{flex:0 0 min(340px,82vw);margin:0;scroll-snap-align:start;background:rgba(221,231,241,.055);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(221,231,241,.26),0 14px 28px rgba(2,2,2,.4);padding:var(--space-6)}
.qcard__text{margin:0;font-style:italic;font-size:var(--fs-body-sm);line-height:var(--lh-body);color:var(--muted);text-align:center}
.qcard__text::before{content:"\201C";display:block;font-family:var(--display);font-size:36px;line-height:1;color:var(--beacon);margin-bottom:var(--space-2)}
.qcard__who{display:block;font-family:var(--body);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);line-height:1.5;color:var(--spray);text-align:center;margin-bottom:var(--space-4)}

/* Footer placeholder */
.foot{background:var(--depth);border-top:var(--border-hairline) solid var(--color-border);padding:var(--space-6) 0}
.foot__row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-5)}
.foot__brand{font-family:var(--display);font-weight:var(--fw-semibold);color:var(--spray);margin:0}
.foot__note{font-family:var(--mono);font-size:var(--fs-mono-xs);letter-spacing:var(--ls-mono-tight);text-transform:uppercase;color:var(--muted);margin:0}

/* ─────────────────────────────────────────────────────────────────────
   Responsive
   ──────────────────────────────────────────────────────────────────── */

@media (max-width:1024px){
  :root{
    --band-pad-y:var(--space-9);
    --band-pad-y-hero-top:var(--space-10);
    --space-11:120px;
    --block-pad-x:var(--space-6);
    --foot-offset-left:0%;
    --list-width:250px;
  }
  .awia__head{grid-template-columns:1fr;gap:var(--space-6)}
  .awia__cards{grid-template-columns:1fr}
  .awia__card + .awia__card{border-left:0;border-top:var(--border-hairline) solid var(--color-border-light)}
  .dynamic__list{position:static;width:auto;max-width:var(--list-width);margin:var(--space-8) 0 0;text-align:left}
  .dynamic__list::after{display:none}
  .dynamic__block{margin-left:0}
}

@media (max-width:720px){
  :root{
    --band-pad-y:var(--space-8);
    --band-pad-y-hero-top:var(--space-9);
    --band-pad-y-tight:var(--space-8);
    --band-pad-y-split:var(--space-7);
    --rule-width:220px;
    --rule-major-pitch:60px;
    --block-pad-y:var(--space-6);
    --block-rise:var(--space-4);
  }
  .swap{grid-template-columns:1fr}
  .swap__col--ghost{padding-left:var(--container-pad);padding-right:var(--container-pad)}
  .swap__col--solid{padding-left:var(--container-pad);padding-right:var(--container-pad)}
  .swap__title{margin-bottom:var(--space-6)}
  .swap__body{margin-top:var(--space-5)}
  .guess__title{text-align:left}
  .quote__body li{font-size:var(--fs-body)}
  .quote__grid{grid-template-columns:1fr;gap:var(--space-6);justify-items:start}
  .quote__figure{width:var(--quote-figure-w)}
}

@media (max-width:560px){
  :root{
    --fs-body-lg:17px;
    --fs-body:16px;
    --container-pad:20px;
  }
  .compare__table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .compare__table,
  .compare__table tbody,
  .compare__table tr,
  .compare__table td{display:block;width:auto}
  .compare__table tr{border-bottom:var(--border-hairline) solid var(--color-border);padding:var(--space-4) 0}
  .compare__table td{border:0;padding:var(--space-1) 0}
  .compare__table td:last-child{
    background:var(--color-table-highlight);
    box-shadow:inset var(--table-edge-w) 0 0 0 var(--color-table-highlight-edge);
    padding:var(--space-2) var(--space-4);
    margin-top:var(--space-2);
  }
  .compare__table tbody tr:last-child td:last-child{
    box-shadow:inset var(--table-edge-w) 0 0 0 var(--color-table-highlight-edge);
  }
  .compare__table tbody tr:last-child td{border-bottom:0}
  .compare__table td:first-child{
    width:auto;
    font-family:var(--mono);
    font-size:var(--fs-mono);
    letter-spacing:var(--ls-mono-tight);
    text-transform:uppercase;
    color:var(--color-text-on-dark-dim);
    padding-left:0;
    margin-bottom:var(--space-2);
  }
  .compare__table td:not(:first-child)::before{
    content:attr(data-col) " — ";
    font-family:var(--mono);
    font-size:var(--fs-mono-xs);
    letter-spacing:var(--ls-mono-tight);
    color:var(--color-text-on-dark-dim);
  }
  .compare__title{padding:var(--space-2) var(--space-4)}
}

@media (max-width:400px){
  :root{--container-pad:16px;--space-8:40px;--space-9:56px;--space-10:64px;--space-11:80px}
}

@media (prefers-reduced-motion:reduce){
  *{transition:none !important;animation:none !important}
}
/* V2 responsive fixes (must come after the base media blocks) */
@media (max-width:1024px){
  .awia__card + .awia__card{border-top:4px solid var(--beacon)}
  .dynamic__list{display:flex;max-width:none}
}
@media (max-width:720px){
  .gaps__grid{grid-template-columns:1fr}
  .ph--illus{min-height:220px}
  .gaps__buckets{grid-template-columns:1fr;gap:var(--space-5)}
  .dynamic__dots{display:none}
  .quote__figure{max-width:min(var(--quote-figure-w),60vw)}
  .qband__text{font-size:var(--fs-body)}
  .hero__glass{padding:var(--space-6) var(--space-5)}
}

/* ─────────────────────────────────────────────────────────────────────
   V3 — Promo_Website4 approved mockup (2026-09-11)
   ──────────────────────────────────────────────────────────────────── */

.topnav__row{justify-content:flex-start;gap:var(--space-4)}
.topnav__sep{color:var(--line)}

/* Hero: quote top right, brand bottom left */
.hero{padding:var(--space-8) 0 var(--space-9);min-height:660px;display:flex;align-items:stretch}
.hero__grid{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-9);width:100%}
.hero__quote{align-self:flex-end;position:relative;width:min(500px,88%);min-height:250px;background:rgba(2,10,16,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.hero__qslide{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);padding:var(--space-5) var(--space-6);opacity:0;transition:opacity 900ms ease;pointer-events:none}
.hero__qslide.is-active{opacity:1;pointer-events:auto}
.hero__qwho{font-family:var(--display);font-weight:var(--fw-semibold);font-size:var(--fs-body-lg);line-height:1.35;color:var(--spray);text-align:right;margin:0}
.hero__qtext{margin:0;font-style:italic;font-size:var(--fs-body-sm);line-height:1.9;color:var(--spray)}
.hero__brand{margin-top:auto}
.hero__title{font-size:clamp(40px,4.6vw,60px);margin:0 0 var(--space-3)}
.hero__title .hero__tm{display:inline;font-size:.4em;vertical-align:super;letter-spacing:0}
.hero__rule{--rule-width:190px;--rule-major-pitch:38px;--rule-pitch:9px;--rule-height:14px;margin:0 0 var(--space-4)}
.hero__kicker{font-family:var(--display);font-weight:var(--fw-regular);font-size:var(--fs-body-xl);letter-spacing:.02em;color:var(--spray);margin:0}

/* Swap: rotating ghost questions with strike lines fading in */
.swap__rotor{position:relative;min-height:5.6em;margin-bottom:var(--space-8);font-size:clamp(var(--fs-display-min-3),var(--fs-display-fluid-4),var(--fs-display-4))}
.swap__rotor > .swap__title{position:absolute;inset:0 auto auto 0;margin:0;opacity:0;transition:opacity 800ms ease;pointer-events:none}
.swap__rotor > .swap__title.is-active{opacity:1}
.swap__rotor .swap__title--ghost span::after{transform:scaleX(0);transform-origin:left;transition:transform 900ms ease 900ms}
.swap__rotor .swap__title--ghost.is-active span::after{transform:scaleX(1)}
@media (prefers-reduced-motion:reduce){
  .swap__rotor > .swap__title{display:none}
  .swap__rotor > .swap__title:first-child{display:block;opacity:1}
  .swap__rotor .swap__title--ghost span::after{transform:none}
}

/* Gaps: categories top-left, graphic right, title + measure line below */
.gaps__top{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start;margin-bottom:var(--space-8)}
.gaps__cats{padding-top:var(--space-6)}
.gaps__blabel{font-family:var(--display);font-weight:var(--fw-semibold);font-size:var(--fs-body-xl);line-height:1.3;color:var(--spray);margin:0 0 var(--space-5)}
.gaps__mono{margin:0;padding:0;list-style:none;font-family:var(--mono);font-size:var(--fs-mono-lg);letter-spacing:var(--ls-mono-tight);text-transform:uppercase;color:var(--muted);line-height:2.1}
.ph--illus{min-height:420px;height:100%}
.gaps__bottom{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-8);align-items:end}
.gaps__measure{padding-bottom:var(--space-4)}
.gaps__mtext{font-family:var(--display);font-weight:var(--fw-semibold);font-size:var(--fs-body-lg);line-height:1.4;color:var(--spray);margin:0 0 var(--space-4);max-width:30ch}
.gaps__mrule{--rule-width:260px;--rule-major-pitch:52px;margin:0}

.gaps__img{display:block;width:100%;height:auto}
.quote__img{display:block;width:100%;height:auto;opacity:.75}

/* Question banner: italic */
.qband__text{font-style:italic}

/* Compare: gradient flipped (dark left → teal right); UtilitySTAT column leads, gold-boxed */
.compare{background:
  radial-gradient(85% 75% at 92% 55%,rgba(134,231,212,.42),transparent 68%),
  linear-gradient(248deg,rgba(98,186,243,.42) 0%,rgba(21,114,134,.30) 42%,rgba(5,18,26,0) 82%),
  var(--deepwater)}
.compare__sub{display:block;font-size:.62em;font-weight:var(--fw-semibold);margin-top:var(--space-2)}
.compare__table th.hl,
.compare__table td.hl{
  background:var(--color-table-highlight);
  box-shadow:inset var(--table-edge-w) 0 0 0 var(--color-table-highlight-edge),inset calc(var(--table-edge-w) * -1) 0 0 0 var(--color-table-highlight-edge);
  color:var(--color-text-on-dark);
  font-weight:var(--fw-medium)}
.compare__table th.hl{color:var(--color-accent);box-shadow:inset var(--table-edge-w) 0 0 0 var(--color-table-highlight-edge),inset calc(var(--table-edge-w) * -1) 0 0 0 var(--color-table-highlight-edge),inset 0 var(--table-edge-w) 0 0 var(--color-table-highlight-edge)}
.compare__table tbody tr:last-child td.hl{box-shadow:inset var(--table-edge-w) 0 0 0 var(--color-table-highlight-edge),inset calc(var(--table-edge-w) * -1) 0 0 0 var(--color-table-highlight-edge),inset 0 calc(var(--table-edge-w) * -1) 0 0 var(--color-table-highlight-edge)}
.compare__table th:last-child,.compare__table td:last-child{background:none;box-shadow:none;color:var(--color-text-on-dark-dim);font-weight:var(--fw-light)}
.compare__table th:last-child{color:var(--color-text-on-dark-dim);font-weight:var(--fw-regular)}
.compare__table tbody tr:last-child td:last-child{box-shadow:none}
.compare__table td.hl .compare__yes{color:var(--color-accent)}
.compare__table th{white-space:normal}

/* AWIA: black band, Your Way in the gray-blue, brand label above cards */
.awia{background:var(--depth)}
.awia__yourway{color:#6E87A0}
.awia__brand{font-family:var(--display);font-weight:var(--fw-semibold);font-size:var(--fs-body-lg);color:var(--spray);margin:0 0 var(--space-5)}

/* Dynamic: glass formula card replaces numerals; gold CTA */
.glasscard{position:relative;z-index:1;display:inline-block;background:rgba(2,2,2,.06);border-top:1px solid rgba(2,2,2,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 10px 22px rgba(2,2,2,.16);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:var(--space-5) var(--space-7);margin-bottom:var(--space-7)}
.glasscard__brand{font-family:var(--display);font-weight:var(--fw-semibold);font-size:var(--fs-body-lg);color:var(--color-text-headline-deep);margin:0 0 var(--space-2)}
.glasscard__formula{font-family:var(--mono);font-size:var(--fs-body-xl);letter-spacing:.02em;color:var(--color-text-headline-deep);margin:0;white-space:nowrap}
.glasscard__formula sub{font-size:.62em}
.dynamic__dots .dpath--b{animation-duration:5.4s}
.dynamic__dots .dpath--c{animation-duration:6.1s}
.btn-quote{background:var(--beacon);color:var(--depth)}
.btn-quote:hover{filter:brightness(1.06)}

@media (max-width:480px){
  .glasscard__formula{font-size:var(--fs-body-lg)}
  .glasscard{padding:var(--space-4) var(--space-5)}
}
@media (max-width:900px){
  .hero__quote{width:100%}
  .hero__qslide{grid-template-columns:1fr}
  .hero__qwho{text-align:left}
  .gaps__top{grid-template-columns:1fr}
  .gaps__bottom{grid-template-columns:1fr}
  .ph--illus{min-height:240px}
}

/* ─── V4 review fixes (2026-09-11 evening) ─── */
.eyebrow--rule{border-bottom:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 30' preserveAspectRatio='none'%3E%3Cpath d='M0 29.2H400' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M1 29V3' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M10 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M20 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M30 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M40 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M50 29V3' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M60 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M70 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M80 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M90 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M100 29V3' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M110 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M120 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M130 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M140 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M150 29V3' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M160 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M170 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M180 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M190 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M200 29V3' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M210 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M220 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M230 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M240 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M250 29V3' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M260 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M270 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M280 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M290 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M300 29V3' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M310 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M320 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M330 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M340 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M350 29V3' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M360 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M370 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M380 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M390 29V17' stroke='%23D6A558' stroke-width='1.5'/%3E%3Cpath d='M399 29V3' stroke='%23D6A558' stroke-width='1.5'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat}
.eyebrow--rule::before{display:none}

.gaps__grid2{display:grid;grid-template-columns:1.15fr .85fr;grid-template-areas:"cats img" "title img" "title measure";column-gap:var(--space-9);row-gap:var(--space-8);align-items:start}
.gaps__cats{grid-area:cats;padding-top:var(--space-6)}
.gaps__img{grid-area:img;display:block;width:100%;height:auto}
.gaps__title2{grid-area:title;align-self:end}
.gaps__measure{grid-area:measure;align-self:start;padding-bottom:0}

.glasscard{background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.38));border-top:0;box-shadow:0 14px 28px rgba(24,34,50,.16),inset 0 1px 0 rgba(255,255,255,.95)}
.dynamic__dots{width:min(28%,340px);height:50%}
.dynamic__title{font-size:clamp(var(--fs-display-min-1),8.4vw,140px)}
.dynamic__row{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;column-gap:var(--space-9);align-items:start;margin-top:var(--space-8)}
.dynamic__row .dynamic__list{margin-top:0}
.dynamic__row .dynamic__foot{margin-left:0;margin-top:var(--space-5);padding-left:12%}

@media (max-width:900px){
  .gaps__grid2{grid-template-columns:1fr;grid-template-areas:"cats" "img" "title" "measure"}
  .dynamic__row{grid-template-columns:1fr}
  .dynamic__row .dynamic__foot{padding-left:0;margin-top:var(--space-7)}
}

/* ─── V4 review fixes, round 2 ─── */
/* Hero quote sits directly on the photo like the mockup; a soft top-right scrim carries legibility */
.hero__quote{background:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.hero__qslide{padding:0}
.hero__scrim2{background:linear-gradient(180deg,rgba(2,2,2,.5),transparent 38%),radial-gradient(58% 60% at 76% 16%,rgba(2,8,14,.55),transparent 72%)}

/* Question rotors: keep every word inside its own column */
.swap__rotor{width:100%;font-size:clamp(var(--fs-display-min-3),6.2vw,92px);min-height:5.6em}
.swap__rotor > .swap__title{font-size:inherit;inset:0 0 auto 0;max-width:100%}

/* ─── Dynamic section — matched to the mockup close-up ─── */
.dynamic__dots{position:absolute;top:var(--space-5);right:calc(-1 * var(--space-4));bottom:var(--space-9);width:min(16%,205px);height:auto;z-index:2;opacity:1;pointer-events:none}
.dynamic__dots svg{width:100%;height:100%}
.dwhite{fill:#FFFFFF;opacity:.95}
.dpathd{fill:#101E2E;animation:dwave 5.2s ease-in-out infinite}
@keyframes dwave{0%,100%{opacity:.55}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.dpathd{animation:none}}

.dynamic__row2{position:relative;z-index:3;display:grid;grid-template-columns:255px 1fr;column-gap:var(--space-9);align-items:start}
.dynamic__card{position:relative;z-index:3;margin-top:-170px;background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.5));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;box-shadow:0 20px 34px rgba(24,34,50,.22),inset 0 1px 0 rgba(255,255,255,.95);padding:var(--space-5) var(--space-5) var(--space-6)}
.dynamic__cardbrand{font-family:var(--display);font-weight:var(--fw-bold);font-size:21px;color:var(--color-text-headline-deep);margin:0}
.dynamic__cardrule{--rule-width:140px;--rule-height:12px;--rule-major-height:5px;--rule-major-pitch:28px;margin:var(--space-2) 0 var(--space-4)}
.dynamic__formula{font-family:Georgia,'Times New Roman',serif;font-size:18px;letter-spacing:.01em;color:var(--color-text-headline-deep);margin:0 0 var(--space-5)}
.dynamic__formula em{font-style:italic}
.dynamic__formula sub{font-size:.68em}
.dynamic__card .dynamic__list{position:static;display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;width:auto;border:0;text-align:left}
.dynamic__card .dynamic__list li{border:1px solid var(--color-text-headline-deep);padding:7px 10px;font-size:var(--fs-mono-xs);letter-spacing:var(--ls-mono-tight);text-align:center;line-height:1.4}
.dynamic__row2 .dynamic__foot{margin:0;padding:var(--space-7) 10% 0 0;margin-left:0;padding-left:6%}
.dynamic__update::before{content:"";display:inline-block;width:44px;height:2px;background:var(--color-text-headline-deep);vertical-align:middle;margin-right:var(--space-4)}
.dynamic__bold{font-weight:var(--fw-bold);max-width:62ch;margin-top:var(--space-5)}
.dynamic__row2 .btn-quote{display:block;width:max-content;margin-left:auto;margin-top:var(--space-7)}

@media (max-width:900px){
  .dynamic__row2{grid-template-columns:1fr;row-gap:var(--space-7)}
  .dynamic__card{margin-top:var(--space-6);max-width:300px}
  .dynamic__row2 .dynamic__foot{padding:0}
}


/* ─────────────────────────────────────────────────────────────────────
   V5 — Promo_Desktop_Approved + Promo_Website1_Mobile (2026-09-16)
   ──────────────────────────────────────────────────────────────────── */

.only-m{display:none}

/* Nav: links right on dark hero background, no border */
.topnav{background:#0A1016;border-bottom:0}
.topnav__row{justify-content:flex-end;gap:var(--space-4)}
.topnav__mbrand,.topnav__mactions{display:none}
.topnav__brand{font-size:var(--fs-body);font-weight:var(--fw-semibold)}
.topnav__link{color:var(--spray);font-weight:var(--fw-medium)}

/* Hero: inset photo panel, quote as headline */
.hero{background:#0A1016;padding:var(--space-6) 0 var(--space-8);min-height:0;display:block}
.hero__panel{position:relative;width:min(1524px,calc(100% - 2 * var(--space-7)));margin:0 auto;min-height:clamp(480px,41.5vw,800px);overflow:hidden;isolation:isolate}
.hero__photo{position:absolute;inset:0;z-index:0}
.hero__scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,14,22,.42),rgba(4,14,22,.18) 55%,rgba(4,14,22,.38))}
.hero__scrim2{background:none}
.hero__quote{position:absolute;inset:0;z-index:2;width:auto;min-height:0;background:none;align-self:auto}
.hero__qslide{position:absolute;inset:0;display:block;padding:clamp(36px,5.6vw,104px) 8% 0 7.4%;grid-template-columns:none}
.hero__qtext{font-family:var(--display);font-weight:var(--fw-semibold);font-style:normal;font-size:clamp(26px,3.35vw,64px);line-height:1.2;letter-spacing:-.018em;color:#fff;max-width:22.5ch;margin:0}
.hero__gold{color:var(--beacon)}
.hero__attr{position:absolute;right:6.6%;bottom:clamp(20px,4.2vw,74px);width:clamp(180px,17vw,260px)}
.hero__flag{display:block;width:100%;height:auto;fill:var(--beacon);margin-bottom:var(--space-4);transform:translateX(6%)}
.hero__qwho{font-family:var(--body);font-weight:var(--fw-bold);font-size:clamp(14px,1.15vw,20px);line-height:1.4;color:#fff;text-align:left;margin:0 0 0 auto;max-width:15ch}
.hero__ind{display:none}
.hero__brand{width:min(1808px,calc(100% - 2 * var(--space-6)));margin:var(--space-6) auto 0}
.hero__title{font-size:clamp(34px,2.9vw,50px);margin:0 0 var(--space-2)}
.hero__rule{--rule-width:150px;--rule-major-pitch:30px;--rule-pitch:7.5px;--rule-height:12px;margin:0 0 var(--space-3)}
.hero__kicker{font-size:clamp(16px,1.25vw,22px)}

/* Stop Guessing: warm light gray, bigger type, left-aligned copy */
.guess{background:#ECEAE6}
.guess__title--center{font-size:clamp(42px,7.6vw,148px);letter-spacing:-.03em}
.guess__at{display:none}
.guess__title--center + .guess__copy{margin-left:19%;margin-right:10%;max-width:none;margin-inline:19% 10%}
.guess__body{font-size:clamp(17px,1.35vw,24px);max-width:62ch;font-weight:var(--fw-regular)}
.guess__more{font-size:var(--fs-mono-sm)}

/* Swap: bigger everything, sparse ruler, warmer panels */
:root{--color-band-ghost:#C9C9C7;--color-band-solid:#666E6A}
.swap__eyebrow{font-size:13.5px;font-weight:var(--fw-medium);color:#63676293}
.swap__col--ghost .swap__eyebrow{color:#6d6f6b}
.swap__col--solid .swap__eyebrow{color:#c9cecb}
.swap__rotor{font-size:clamp(38px,6.9vw,118px);min-height:5em}
.swap__body{font-size:clamp(17px,1.45vw,26px);max-width:32ch}
.swap__rule{--rule-width:min(620px,86%);--rule-height:30px;--rule-pitch:24px;--rule-major-pitch:120px;--rule-major-height:12px}

/* Sun Tsu: white kicker above, white rule, bigger caps */
.quote{padding-top:var(--space-9)}
.quote__source{font-family:var(--display);font-weight:var(--fw-bold);font-size:clamp(15px,1.15vw,20px);letter-spacing:.03em;text-transform:uppercase;color:#fff;margin:0 0 var(--space-8)}
.quote__grid{grid-template-columns:clamp(120px,10.5vw,175px) 1fr;gap:clamp(32px,4.5vw,84px);align-items:start}
.quote__figure{align-self:start;max-width:none}
.quote__text{padding-bottom:var(--space-9)}
.quote__body{border-left:1px solid #fff;padding-left:clamp(24px,3vw,52px)}
.quote__body li{font-size:clamp(15px,1.45vw,27px);line-height:2.05;color:#fff;letter-spacing:.02em}
.quote__mrule{margin:var(--space-6) auto 0}

/* Gaps: lighter navy, sentence-case mono list w/ rule, bigger art */
.gaps{background:#172030}
.gaps__grid2{grid-template-columns:1.02fr .98fr;column-gap:var(--space-8)}
.gaps__blabel{font-size:clamp(19px,1.5vw,27px)}
.gaps__mono{text-transform:none;letter-spacing:.06em;font-size:clamp(13px,1.05vw,18px);line-height:2.05;border-left:1px solid rgba(221,231,241,.4);padding-left:var(--space-5);color:#B9C4D2}
.gaps__title2{font-size:clamp(40px,6.9vw,128px)}
.gaps__mtext{font-size:clamp(17px,1.35vw,24px);max-width:26ch}
.gaps__mrule{--rule-width:min(320px,90%)}

/* Question band: centered single line */
.qband{background:#0B0E14;padding:var(--space-7) 0}
.qband__text{text-align:center;font-size:clamp(15px,1.28vw,24.5px);line-height:1.5;font-weight:var(--fw-semibold)}

/* Compare: white bold headers, status marks, left-packed columns */
.compare__gear{width:clamp(56px,4.8vw,86px);height:auto;color:var(--beacon);margin-top:var(--space-2)}
.compare__title2{font-size:clamp(30px,3.9vw,58px)}
.compare__sub{font-size:.6em}
.compare__intro2{color:#fff;font-size:clamp(15px,1.15vw,20px);line-height:1.85;max-width:86ch}
.compare__mtitle{display:none}
.compare__table{margin-top:var(--space-6)}
.compare__table th{font-family:var(--body);font-weight:var(--fw-bold);font-size:clamp(13px,1vw,17px);line-height:1.35;letter-spacing:0;text-transform:none;color:#fff;text-align:center;border-bottom:0;padding-bottom:var(--space-5)}
.compare__table th:first-child,.compare__table td:first-child{width:23%;font-size:clamp(12px,.95vw,15.5px);letter-spacing:.02em}
.compare__table th.hl{color:#fff}
.compare__table td{text-align:center;vertical-align:middle;padding:var(--space-4) var(--space-4)}
.compare__table td:first-child{text-align:left}
.compare__table th:nth-child(2),.compare__table td:nth-child(2),
.compare__table th:nth-child(3),.compare__table td:nth-child(3),
.compare__table th:nth-child(4),.compare__table td:nth-child(4){width:clamp(96px,9vw,150px)}
.fillcol{background:none !important;box-shadow:none !important}
.compare__table th.fillcol{border:0}
.st{display:inline-flex;flex-direction:column;align-items:center;gap:7px;font-family:var(--mono);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase}
.st svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5}
.st .half{fill:currentColor;stroke:none}
.st--full{color:var(--aerate)}
td.hl .st--full{color:var(--beacon)}
.st--part{color:var(--muted)}
.st--none{color:rgba(191,202,217,.48)}

/* AWIA: bigger cards, inline icon+title heads */
.awia__title{font-size:clamp(44px,6.6vw,122px)}
.awia__body{font-size:clamp(15px,1.2vw,21px);line-height:1.8;max-width:72ch}
.awia__brand{font-size:clamp(19px,1.5vw,27px);margin-bottom:var(--space-6)}
.awia__card{background:#2A3646;border-top:5px solid var(--beacon);padding:var(--space-6) var(--space-6) var(--space-8)}
.awia__cardhead{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}
.awia__icon{flex:none;width:38px;height:38px;margin:0;padding:7px;border:1.5px solid rgba(214,165,88,.6);border-radius:50%;stroke:var(--beacon);stroke-width:1.5;fill:none;box-sizing:border-box}
.awia__card h3{font-family:var(--body);font-weight:var(--fw-bold);font-size:clamp(12.5px,1vw,16px);letter-spacing:.04em;line-height:1.35;color:var(--beacon);margin:0}
.awia__card p{color:#E4EBF3;font-size:clamp(15px,1.25vw,21px);line-height:1.55;font-weight:var(--fw-regular)}
.awia__rail{display:none}

/* Dynamic: card chrome removed, elements on the background */
.dynamic__title{font-size:clamp(42px,6.6vw,122px);font-weight:var(--fw-medium)}
.dynamic__block-title{font-size:clamp(42px,6.6vw,122px);font-weight:var(--fw-medium);color:#0E1622}
.dynamic__card{margin-top:-120px;background:none;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}
.dynamic__cardbrand{font-size:clamp(21px,1.7vw,30px)}
.dynamic__cardrule{--rule-width:170px;--rule-height:14px;--rule-major-height:6px;--rule-major-pitch:34px}
.dynamic__formula{font-size:clamp(18px,1.45vw,25px)}
.dynamic__row2{grid-template-columns:clamp(230px,20vw,300px) 1fr}
.dynamic__card .dynamic__list{gap:0}
.dynamic__card .dynamic__list li{width:100%;text-align:right;font-size:clamp(11px,.95vw,15px);padding:9px 16px;border:1px solid #10161f;box-sizing:border-box}
.dynamic__card .dynamic__list li + li{margin-top:-1px}
.dynamic__row2 .dynamic__foot{padding-top:var(--space-10)}
.dynamic__update{font-size:clamp(16px,1.3vw,23px)}
.dynamic__bold{font-size:clamp(16px,1.3vw,23px)}

/* ── V5 mobile layer ─────────────────────────────────────────────── */
@media (max-width:720px){
  .only-m{display:block}
  body{display:flex;flex-direction:column}
  body > *{order:0}
  .band.quote{order:10}
  .foot{order:11}

  /* Mobile header */
  .topnav__links{display:none}
  .topnav__mbrand{display:block}
  .topnav__mactions{display:flex;align-items:center;gap:var(--space-4)}
  .topnav__row{justify-content:space-between;padding-top:var(--space-3);padding-bottom:var(--space-3)}
  .topnav__mword{font-family:var(--display);font-weight:var(--fw-bold);font-size:22px;color:#fff}
  .topnav__mtm{font-size:.45em}
  .topnav__mrule{--rule-width:112px;--rule-height:9px;--rule-major-height:4px;--rule-major-pitch:22px;--rule-pitch:5.5px;display:block;margin:2px 0 0}
  .topnav__cta{display:inline-block;background:var(--beacon);color:var(--depth);font-family:var(--mono);font-size:10px;font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase;padding:6px 10px}
  .topnav__burger{background:none;border:0;padding:4px;display:flex;flex-direction:column;gap:5px;cursor:pointer}
  .topnav__burger span{display:block;width:24px;height:2px;background:#fff}

  /* Hero */
  .hero{padding:var(--space-4) 0 var(--space-6)}
  .hero__panel{width:calc(100% - 2 * var(--container-pad));min-height:560px}
  .hero__qslide{padding:44px 7% 0}
  .hero__qtext{font-size:clamp(27px,7.8vw,34px);max-width:none;line-height:1.28}
  .hero__qtext::before{content:"\201C"}
  .hero__qtext::after{content:"\201D"}
  .hero__attr{position:absolute;left:7%;right:auto;bottom:26px;width:auto;max-width:80%}
  .hero__flag{width:130px;margin-left:auto;margin-bottom:var(--space-4);transform:none}
  .hero__qwho{max-width:none;margin:0}
  .hero__qwho br{display:none}
  .hero__ind{display:flex;position:absolute;top:-16px;right:4px;gap:7px;align-items:center}
  .hero__ind span{width:7px;height:7px;border-radius:50%;background:rgba(221,231,241,.55)}
  .hero__ind span.is-active{width:26px;height:4px;border-radius:2px;background:#fff}
  .hero__brand{display:none}

  /* Stop Guessing */
  .guess__title--center{text-align:left;font-size:clamp(40px,11.5vw,54px)}
  .guess__at{display:inline}
  .guess__title--center + .guess__copy{margin-inline:0}
  .guess__copy{border-left:1px solid #14100b;padding-left:var(--space-4)}
  .chg{display:block}

  /* Sun Tsu (now last section) */
  .quote .quote__source{position:absolute;right:6%;top:calc(var(--space-9) + 26vw);width:38%;margin:0;font-size:15px}
  .quote{position:relative}
  .quote__grid{grid-template-columns:1fr;gap:var(--space-5)}
  .quote__figure{width:56%;max-width:230px}
  .quote__body{border-left:0;padding-left:0}
  .quote__body li{font-size:17px;line-height:1.75}
  .quote__text{padding-bottom:var(--space-6)}
  .quote__mrule{--rule-width:200px}

  /* Gaps */
  .gaps__mono{font-size:13px}
  .gaps__title2{font-size:clamp(38px,10.5vw,52px)}

  /* ASK section replaces the question strip */
  .qband{background:#10141D;padding:var(--space-7) 0}
  .qband__text{display:none}
  .ask__label{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 var(--space-4)}
  .ask__q{font-family:var(--display);font-weight:var(--fw-medium);font-size:clamp(20px,5.8vw,26px);line-height:1.3;color:#fff;margin:0}
  .ask__lead{color:var(--beacon)}
  .ask__dots{display:flex;gap:6px;margin:var(--space-3) 0 var(--space-5)}
  .ask__dots span{width:4px;height:4px;border-radius:50%;background:var(--beacon)}
  .ask__dots span:nth-child(2){background:rgba(221,231,241,.6)}

  /* Compare: intro + accordion cards */
  .compare__title2{display:none}
  .compare__mtitle{display:block;font-family:var(--display);font-weight:var(--fw-semibold);font-size:clamp(21px,6vw,26px);line-height:1.35;color:#fff;margin:0 0 var(--space-5)}
  .compare__mtitle .aq{color:var(--aerate)}
  .compare__head--icon{grid-template-columns:1fr}
  .compare__gear{width:48px}
  .compare__table{margin-top:var(--space-2)}
  .compare__table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .compare__table,.compare__table tbody{display:block;width:auto}
  .compare__table tr{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:var(--space-4) 0 var(--space-5);border-bottom:1px solid rgba(221,231,241,.14)}
  .compare__table td{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;border:1px solid #2C3B4E;background:rgba(16,26,38,.55);padding:var(--space-4) var(--space-2);width:auto}
  .compare__table td:first-child{grid-column:1/-1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border:0;background:none;padding:0 0 var(--space-2);width:auto;font-size:16px;color:#fff}
  .compare__table td:first-child::after{content:"\2304";font-size:18px;color:var(--muted);line-height:1}
  .compare__table td.hl{background:rgba(134,231,212,.07);border-color:rgba(134,231,212,.5);box-shadow:none}
  .compare__table td:not(:first-child)::before{content:attr(data-col);font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:center;white-space:pre-line}
  .compare__table td.hl .st--full{color:var(--aerate)}
  .fillcol{display:none !important}
  .compare__table tbody tr:last-child td:last-child{box-shadow:none}

  /* AWIA: rotated rail + stacked cards */
  .awia__head,.awia__brand{display:none}
  .awia__body2{display:grid;grid-template-columns:30px 1fr;gap:var(--space-4);align-items:stretch}
  .awia__rail{display:block;writing-mode:vertical-rl;transform:rotate(180deg);justify-self:start;font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--spray);margin:0}
  .awia__cards{grid-template-columns:1fr;gap:var(--space-6)}
  .awia__card + .awia__card{border-top:5px solid var(--beacon)}
  .awia__card{padding:var(--space-5)}
  .awia__card p{font-size:16px}

  /* Dynamic */
  .dynamic__card{margin-top:var(--space-7);max-width:none}
  .dynamic__row2{grid-template-columns:1fr}
  .dynamic__card .dynamic__list{max-width:230px}
  .dynamic__row2 .dynamic__foot{padding-top:var(--space-5)}
  .dynamic__dots{display:block;width:min(30%,150px)}
}


/* ── V5 pass 2 — fidelity fixes from side-by-side review ─────────── */
:root{--gold-vivid:#E9AC15}
.topnav__brand{font-size:17px}
.topnav__link{font-size:13px}

.hero__scrim{background:linear-gradient(180deg,rgba(4,14,22,.52),rgba(4,14,22,.30) 55%,rgba(4,14,22,.46))}
.hero__qtext{max-width:39ch;font-size:clamp(25px,3.3vw,63px);line-height:1.19}
.hero__gold{color:var(--gold-vivid)}
.hero__flag{fill:var(--gold-vivid)}
.hero__attr{width:clamp(230px,22.5vw,430px);right:5.8%}
.hero__flag{margin-bottom:var(--space-4)}
.hero__qwho{margin-left:56%;max-width:none}

.guess__body{max-width:90ch}

.swap__eyebrow{font-size:15px;letter-spacing:.22em}
.swap__rotor{font-size:clamp(40px,7.55vw,148px);min-height:4.75em}
.swap__rule{background-image:none;border-bottom:2px solid var(--gold-vivid);height:32px;
  background:
    repeating-linear-gradient(to right,var(--gold-vivid) 0 2px,transparent 2px 27px) bottom left / 100% 17px repeat-x,
    repeating-linear-gradient(to right,var(--gold-vivid) 0 2px,transparent 2px 135px) bottom left / 100% 32px repeat-x}

.quote__grid{grid-template-columns:clamp(105px,8.3vw,150px) 1fr;gap:clamp(28px,3.4vw,64px);align-items:center}
.quote__body li{font-size:clamp(15px,1.26vw,24px);letter-spacing:.015em;line-height:1.92}

.gaps__title2{color:#fff}
.gaps__accent{color:var(--gold-vivid)}
.gaps__grid2{grid-template-columns:.94fr 1.06fr}
.gaps__mono{font-size:clamp(13px,.92vw,17px)}

.compare__title2{font-size:clamp(30px,4vw,62px)}
.compare__table td{padding-top:22px;padding-bottom:22px}

.dynamic__card .dynamic__list{align-items:flex-end}
.dynamic__card .dynamic__list li{width:max-content;min-width:150px}
.dynamic__cardrule{filter:brightness(0)}
.dynamic__dots{width:min(19%,245px)}

@media (max-width:720px){
  .hero__qtext{max-width:none}
  .hero__qwho{margin-left:0}
  .hero__attr{width:auto}
  .swap__rotor{min-height:5.4em}
  .dynamic__cardrule{filter:brightness(0)}
  .dynamic__card .dynamic__list{align-items:flex-start}
  .dynamic__card .dynamic__list li{width:100%;min-width:0;text-align:left}
}


/* ── V5 pass 3 — mobile polish ───────────────────────────────────── */
@media (max-width:720px){
  .hero__ind{top:10px;right:10px}
  .compare__table td:first-child{font-family:var(--body);font-weight:var(--fw-semibold);text-transform:none;letter-spacing:0;font-size:16.5px;color:#fff}
  .quote .quote__source{top:calc(var(--space-8) + 30vw);right:5%;left:auto;width:37%;line-height:1.4}
}


/* ── V5 pass 4 — cascade repairs (keep last) ─────────────────────── */
.swap__rotor{font-size:clamp(38px,6.75vw,130px);min-height:4.9em}
.swap__eyebrow{font-size:14px;letter-spacing:.18em}
@media (max-width:720px){
  .quote__grid{grid-template-columns:1fr;gap:var(--space-5);align-items:start}
  .quote__figure{width:56%;max-width:230px}
  .quote__body{border-left:0;padding-left:0}
  .quote__body li{font-size:17px;line-height:1.78}
  .swap__rotor{min-height:5.6em}
}


/* ── WPBakery-native adaptation (v1.4) ─────────────────────────── */
.vc_row.wpb_row{margin-left:0 !important;margin-right:0 !important;margin-bottom:0 !important}
.wpb_column,.vc_column_container{padding-left:0 !important;padding-right:0 !important}
.vc_column-inner{padding:0 !important}
.wpb_text_column,.wpb_content_element,.wpb_raw_code{margin-bottom:0 !important}
.wpb_wrapper>p:first-child{margin-top:0}
.vcwrap>.wpb_column>.vc_column-inner>.wpb_wrapper{max-width:var(--container-w);margin:0 auto;padding:0 var(--container-pad)}
.vc_row.band.guess{padding-top:var(--band-pad-y);padding-bottom:var(--band-pad-y-tight)}
.vc_row.band.awia{padding-top:var(--band-pad-y);padding-bottom:var(--band-pad-y)}
@media (max-width:720px){
  .row-quote{order:10}
  footer.foot{order:11}
}

/* icons as CSS (WPBakery-native page) */
.hero__flag{display:block;aspect-ratio:420/96;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 420 96%22%3E%3Cpath fill=%22%23E9AC15%22 d=%22M0 0H420V30H238L212 92 196 30H0Z%22/%3E%3C/svg%3E") center/contain no-repeat}
.compare__gear{display:block;aspect-ratio:1;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cg fill=%22none%22 stroke=%22%23D6A558%22%3E%3Cpath stroke-width=%221.6%22 d=%22M29.5 7.1 L34.5 7.1 L36.3 12.5 L40.0 13.7 L44.6 10.4 L48.6 13.3 L46.9 18.7 L49.3 21.9 L54.9 21.9 L56.4 26.7 L51.9 30.0 L51.9 34.0 L56.4 37.3 L54.9 42.1 L49.3 42.1 L46.9 45.3 L48.6 50.7 L44.6 53.6 L40.0 50.3 L36.3 51.5 L34.5 56.9 L29.5 56.9 L27.7 51.5 L24.0 50.3 L19.4 53.6 L15.4 50.7 L17.1 45.3 L14.7 42.1 L9.1 42.1 L7.6 37.3 L12.1 34.0 L12.1 30.0 L7.6 26.7 L9.1 21.9 L14.7 21.9 L17.1 18.7 L15.4 13.3 L19.4 10.4 L24.0 13.7 L27.7 12.5Z%22/%3E%3Ccircle cx=%2232%22 cy=%2232%22 r=%228.5%22 stroke-width=%221.6%22/%3E%3Cpath stroke-width=%221.4%22 d=%22M27.5 32h3.5m2 0h3.5%22 /%3E%3Cpath stroke-width=%221.8%22 d=%22M54 16a30 30 0 0 1 5.4 20.6%22/%3E%3Cpath fill=%22%23D6A558%22 stroke=%22none%22 d=%22M60.8 33.4 57 39l-2.6-5.4Z%22/%3E%3Cpath stroke-width=%221.8%22 d=%22M10 48a30 30 0 0 1-5.4-20.6%22/%3E%3Cpath fill=%22%23D6A558%22 stroke=%22none%22 d=%22M3.2 30.6 7 25l2.6 5.4Z%22/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.st::before{content:"";display:block;width:21px;height:21px;background-size:contain;background-repeat:no-repeat;background-position:center}.st--full::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 20 20%22 fill=%22none%22 stroke=%22%2386E7D4%22 stroke-width=%221.5%22%3E%3Ccircle cx=%2210%22 cy=%2210%22 r=%228.4%22/%3E%3Cpath d=%22M6.2 10.4l2.5 2.5 5-5.4%22/%3E%3C/svg%3E")}td.hl .st--full::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 20 20%22 fill=%22none%22 stroke=%22%23D6A558%22 stroke-width=%221.5%22%3E%3Ccircle cx=%2210%22 cy=%2210%22 r=%228.4%22/%3E%3Cpath d=%22M6.2 10.4l2.5 2.5 5-5.4%22/%3E%3C/svg%3E")}.st--part::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 20 20%22 fill=%22none%22 stroke=%22%23BFCAD9%22 stroke-width=%221.5%22%3E%3Ccircle cx=%2210%22 cy=%2210%22 r=%228.4%22/%3E%3Cpath d=%22M10 1.6a8.4 8.4 0 0 0 0 16.8Z%22 fill=%22%23BFCAD9%22 stroke=%22none%22/%3E%3C/svg%3E")}.st--none::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 20 20%22 fill=%22none%22 stroke=%22%2377828F%22 stroke-width=%221.5%22%3E%3Ccircle cx=%2210%22 cy=%2210%22 r=%228.4%22/%3E%3Cpath d=%22M6.4 10h7.2%22/%3E%3C/svg%3E")}@media (max-width:720px){td.hl .st--full::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 20 20%22 fill=%22none%22 stroke=%22%2386E7D4%22 stroke-width=%221.5%22%3E%3Ccircle cx=%2210%22 cy=%2210%22 r=%228.4%22/%3E%3Cpath d=%22M6.2 10.4l2.5 2.5 5-5.4%22/%3E%3C/svg%3E")}}
.awia__icon--shield{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23D6A558%22 stroke-width=%221.5%22%3E%3Cpath d=%22M12 3l8 3.5v5c0 4.6-3.2 8.2-8 9.5-4.8-1.3-8-4.9-8-9.5v-5Z%22/%3E%3Cpath d=%22M9 12h2.5v4H9Z%22/%3E%3Cpath d=%22M13 9h2.5v7H13Z%22/%3E%3C/svg%3E")}
.awia__icon--people{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23D6A558%22 stroke-width=%221.5%22%3E%3Ccircle cx=%229%22 cy=%228%22 r=%223.2%22/%3E%3Cpath d=%22M3 20c0-3.3 2.7-5.5 6-5.5s6 2.2 6 5.5%22/%3E%3Ccircle cx=%2217.5%22 cy=%229.5%22 r=%222.4%22/%3E%3Cpath d=%22M16 15c2.8 0 5 1.9 5 5%22/%3E%3C/svg%3E")}
.awia__icon--doc{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23D6A558%22 stroke-width=%221.5%22%3E%3Cpath d=%22M4 20V6a2 2 0 0 1 2-2h9l5 5v11a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2Z%22/%3E%3Cpath d=%22M14 4v6h6%22/%3E%3Cpath d=%22M8.5 15.5l2 2 4.5-4.5%22/%3E%3C/svg%3E")}
.awia__icon{display:block;background-origin:content-box;background-size:contain;background-repeat:no-repeat;background-position:center}
.dynamic__dots{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 198 572%22%3E%3Cstyle%3E.dwhite%7Bfill:%23FFFFFF;opacity:.95%7D.dpathd%7Bfill:%23101E2E;animation:dw 5.2s ease-in-out infinite%7D@keyframes dw%7B0%25,100%25%7Bopacity:.55%7D50%25%7Bopacity:1%7D%7D@media (prefers-reduced-motion:reduce)%7B.dpathd%7Banimation:none%7D%7D%3C/style%3E%3Ccircle class=%22dwhite%22 cx=%22143%22 cy=%2233%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22165%22 cy=%2233%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2211%22 cy=%2255%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2233%22 cy=%2255%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2277%22 cy=%2255%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2211%22 cy=%2277%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2233%22 cy=%2277%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2255%22 cy=%2277%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2277%22 cy=%2277%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2299%22 cy=%2277%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22187%22 cy=%2277%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2211%22 cy=%2299%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2233%22 cy=%2299%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2255%22 cy=%2299%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2277%22 cy=%2299%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2299%22 cy=%2299%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22187%22 cy=%2299%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2211%22 cy=%22121%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2233%22 cy=%22121%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2255%22 cy=%22121%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2277%22 cy=%22121%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22165%22 cy=%22121%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22187%22 cy=%22121%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2211%22 cy=%22143%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2233%22 cy=%22143%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2255%22 cy=%22143%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22143%22 cy=%22143%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22165%22 cy=%22143%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22187%22 cy=%22143%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2211%22 cy=%22165%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2233%22 cy=%22165%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2255%22 cy=%22165%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22165%22 cy=%22165%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22187%22 cy=%22165%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2211%22 cy=%22187%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2233%22 cy=%22187%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22143%22 cy=%22187%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22165%22 cy=%22187%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22187%22 cy=%22187%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2211%22 cy=%22209%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2255%22 cy=%22209%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2277%22 cy=%22209%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22165%22 cy=%22209%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22187%22 cy=%22209%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2211%22 cy=%22231%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2233%22 cy=%22231%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2255%22 cy=%22231%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2277%22 cy=%22231%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22165%22 cy=%22231%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22187%22 cy=%22231%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2211%22 cy=%22253%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2233%22 cy=%22253%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2255%22 cy=%22253%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22143%22 cy=%22253%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22165%22 cy=%22253%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22187%22 cy=%22253%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2211%22 cy=%22275%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2233%22 cy=%22275%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2255%22 cy=%22275%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22143%22 cy=%22275%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22187%22 cy=%22275%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2211%22 cy=%22297%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2233%22 cy=%22297%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2255%22 cy=%22297%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22143%22 cy=%22297%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22165%22 cy=%22297%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22187%22 cy=%22297%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2211%22 cy=%22319%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2233%22 cy=%22319%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2255%22 cy=%22319%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2277%22 cy=%22319%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22165%22 cy=%22319%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22187%22 cy=%22319%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2211%22 cy=%22341%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2233%22 cy=%22341%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2255%22 cy=%22341%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2277%22 cy=%22341%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2299%22 cy=%22341%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22187%22 cy=%22341%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2211%22 cy=%22363%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2233%22 cy=%22363%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2255%22 cy=%22363%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2277%22 cy=%22363%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2299%22 cy=%22363%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22187%22 cy=%22363%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2211%22 cy=%22385%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2233%22 cy=%22385%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2255%22 cy=%22385%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2277%22 cy=%22385%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22165%22 cy=%22385%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22187%22 cy=%22385%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2211%22 cy=%22407%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2233%22 cy=%22407%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2255%22 cy=%22407%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22143%22 cy=%22407%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22165%22 cy=%22407%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22187%22 cy=%22407%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2211%22 cy=%22429%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22121%22 cy=%22429%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22143%22 cy=%22429%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22165%22 cy=%22429%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2211%22 cy=%22451%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2233%22 cy=%22451%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22121%22 cy=%22451%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22165%22 cy=%22451%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22187%22 cy=%22451%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2211%22 cy=%22473%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2233%22 cy=%22473%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2255%22 cy=%22473%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22143%22 cy=%22473%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22165%22 cy=%22473%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22187%22 cy=%22473%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2211%22 cy=%22495%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2233%22 cy=%22495%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2255%22 cy=%22495%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22143%22 cy=%22495%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22165%22 cy=%22495%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22187%22 cy=%22495%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2211%22 cy=%22517%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2233%22 cy=%22517%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2255%22 cy=%22517%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22143%22 cy=%22517%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22165%22 cy=%22517%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22187%22 cy=%22517%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2211%22 cy=%22539%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%2233%22 cy=%22539%22 r=%224.2%22/%3E%3Ccircle class=%22dwhite%22 cx=%22165%22 cy=%22539%22 r=%224.2%22/%3E%3Ccircle class=%22dpathd%22 cx=%2277%22 cy=%2211%22 r=%224.2%22 style=%22animation-delay:0.00s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2299%22 cy=%2211%22 r=%224.2%22 style=%22animation-delay:0.00s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22121%22 cy=%2211%22 r=%224.2%22 style=%22animation-delay:0.00s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2277%22 cy=%2233%22 r=%224.2%22 style=%22animation-delay:0.12s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2299%22 cy=%2233%22 r=%224.2%22 style=%22animation-delay:0.12s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22121%22 cy=%2233%22 r=%224.2%22 style=%22animation-delay:0.12s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2299%22 cy=%2255%22 r=%224.2%22 style=%22animation-delay:0.24s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22121%22 cy=%2255%22 r=%224.2%22 style=%22animation-delay:0.24s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22143%22 cy=%2255%22 r=%224.2%22 style=%22animation-delay:0.24s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22121%22 cy=%2277%22 r=%224.2%22 style=%22animation-delay:0.36s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22143%22 cy=%2277%22 r=%224.2%22 style=%22animation-delay:0.36s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22165%22 cy=%2277%22 r=%224.2%22 style=%22animation-delay:0.36s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22121%22 cy=%2299%22 r=%224.2%22 style=%22animation-delay:0.48s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22143%22 cy=%2299%22 r=%224.2%22 style=%22animation-delay:0.48s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22165%22 cy=%2299%22 r=%224.2%22 style=%22animation-delay:0.48s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2299%22 cy=%22121%22 r=%224.2%22 style=%22animation-delay:0.60s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22121%22 cy=%22121%22 r=%224.2%22 style=%22animation-delay:0.60s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22143%22 cy=%22121%22 r=%224.2%22 style=%22animation-delay:0.60s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2277%22 cy=%22143%22 r=%224.2%22 style=%22animation-delay:0.72s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2299%22 cy=%22143%22 r=%224.2%22 style=%22animation-delay:0.72s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22121%22 cy=%22143%22 r=%224.2%22 style=%22animation-delay:0.72s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2277%22 cy=%22165%22 r=%224.2%22 style=%22animation-delay:0.84s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2299%22 cy=%22165%22 r=%224.2%22 style=%22animation-delay:0.84s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22121%22 cy=%22165%22 r=%224.2%22 style=%22animation-delay:0.84s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2277%22 cy=%22187%22 r=%224.2%22 style=%22animation-delay:0.96s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2299%22 cy=%22187%22 r=%224.2%22 style=%22animation-delay:0.96s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22121%22 cy=%22187%22 r=%224.2%22 style=%22animation-delay:0.96s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2299%22 cy=%22209%22 r=%224.2%22 style=%22animation-delay:1.08s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22121%22 cy=%22209%22 r=%224.2%22 style=%22animation-delay:1.08s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22143%22 cy=%22209%22 r=%224.2%22 style=%22animation-delay:1.08s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2299%22 cy=%22231%22 r=%224.2%22 style=%22animation-delay:1.20s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22121%22 cy=%22231%22 r=%224.2%22 style=%22animation-delay:1.20s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22143%22 cy=%22231%22 r=%224.2%22 style=%22animation-delay:1.20s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2277%22 cy=%22253%22 r=%224.2%22 style=%22animation-delay:1.32s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2299%22 cy=%22253%22 r=%224.2%22 style=%22animation-delay:1.32s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22121%22 cy=%22253%22 r=%224.2%22 style=%22animation-delay:1.32s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2277%22 cy=%22275%22 r=%224.2%22 style=%22animation-delay:1.44s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2299%22 cy=%22275%22 r=%224.2%22 style=%22animation-delay:1.44s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22121%22 cy=%22275%22 r=%224.2%22 style=%22animation-delay:1.44s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2277%22 cy=%22297%22 r=%224.2%22 style=%22animation-delay:1.56s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2299%22 cy=%22297%22 r=%224.2%22 style=%22animation-delay:1.56s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22121%22 cy=%22297%22 r=%224.2%22 style=%22animation-delay:1.56s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2299%22 cy=%22319%22 r=%224.2%22 style=%22animation-delay:1.68s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22121%22 cy=%22319%22 r=%224.2%22 style=%22animation-delay:1.68s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22143%22 cy=%22319%22 r=%224.2%22 style=%22animation-delay:1.68s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22121%22 cy=%22341%22 r=%224.2%22 style=%22animation-delay:1.80s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22143%22 cy=%22341%22 r=%224.2%22 style=%22animation-delay:1.80s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22165%22 cy=%22341%22 r=%224.2%22 style=%22animation-delay:1.80s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22121%22 cy=%22363%22 r=%224.2%22 style=%22animation-delay:1.92s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22143%22 cy=%22363%22 r=%224.2%22 style=%22animation-delay:1.92s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22165%22 cy=%22363%22 r=%224.2%22 style=%22animation-delay:1.92s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2299%22 cy=%22385%22 r=%224.2%22 style=%22animation-delay:2.04s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22121%22 cy=%22385%22 r=%224.2%22 style=%22animation-delay:2.04s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22143%22 cy=%22385%22 r=%224.2%22 style=%22animation-delay:2.04s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2277%22 cy=%22407%22 r=%224.2%22 style=%22animation-delay:2.16s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2299%22 cy=%22407%22 r=%224.2%22 style=%22animation-delay:2.16s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22121%22 cy=%22407%22 r=%224.2%22 style=%22animation-delay:2.16s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2255%22 cy=%22429%22 r=%224.2%22 style=%22animation-delay:2.28s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2277%22 cy=%22429%22 r=%224.2%22 style=%22animation-delay:2.28s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2299%22 cy=%22429%22 r=%224.2%22 style=%22animation-delay:2.28s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2255%22 cy=%22451%22 r=%224.2%22 style=%22animation-delay:2.40s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2277%22 cy=%22451%22 r=%224.2%22 style=%22animation-delay:2.40s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2299%22 cy=%22451%22 r=%224.2%22 style=%22animation-delay:2.40s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2277%22 cy=%22473%22 r=%224.2%22 style=%22animation-delay:2.52s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2299%22 cy=%22473%22 r=%224.2%22 style=%22animation-delay:2.52s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22121%22 cy=%22473%22 r=%224.2%22 style=%22animation-delay:2.52s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2277%22 cy=%22495%22 r=%224.2%22 style=%22animation-delay:2.64s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2299%22 cy=%22495%22 r=%224.2%22 style=%22animation-delay:2.64s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22121%22 cy=%22495%22 r=%224.2%22 style=%22animation-delay:2.64s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2277%22 cy=%22517%22 r=%224.2%22 style=%22animation-delay:2.76s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2299%22 cy=%22517%22 r=%224.2%22 style=%22animation-delay:2.76s%22/%3E%3Ccircle class=%22dpathd%22 cx=%22121%22 cy=%22517%22 r=%224.2%22 style=%22animation-delay:2.76s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2255%22 cy=%22539%22 r=%224.2%22 style=%22animation-delay:2.88s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2277%22 cy=%22539%22 r=%224.2%22 style=%22animation-delay:2.88s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2299%22 cy=%22539%22 r=%224.2%22 style=%22animation-delay:2.88s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2255%22 cy=%22561%22 r=%224.2%22 style=%22animation-delay:3.00s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2277%22 cy=%22561%22 r=%224.2%22 style=%22animation-delay:3.00s%22/%3E%3Ccircle class=%22dpathd%22 cx=%2299%22 cy=%22561%22 r=%224.2%22 style=%22animation-delay:3.00s%22/%3E%3C/svg%3E") top right/contain no-repeat}.dynamic__dots svg{display:none}

/* ── v1.4.1 live fixes ──────────────────────────────────────────── */
/* WP auto-formatting artifacts: empty <p>s and the <p> wrapped around the CDS image */
.wpb_wrapper p:empty:not(.eyebrow){display:none}
.gaps__grid2 > p{grid-area:img;margin:0}
.gaps__grid2 > p > .gaps__img{width:100%}
.hero__attr > p:not(.hero__qwho){margin:0}
/* Desktop compare table: cells stay empty for now; statuses remain on mobile */
@media (min-width:721px){
  .compare__table .st{display:none}
  .compare__table tbody td{height:66px}
}
.compare__table th{padding-left:var(--space-2);padding-right:var(--space-2)}
/* AWIA module spacing */
.band.awia .wpb_text_column{margin-bottom:var(--space-6) !important}
.band.awia .awia__body{max-width:76ch}
.awia__card{padding-bottom:var(--space-6)}

/* ── v1.4.2: slide indicators (hero desktop + question rotors) ──── */
.rotind{display:flex;gap:8px;align-items:center;margin:0 0 28px}
.rotind span{width:8px;height:8px;border-radius:50%;transition:all 300ms ease}
.rotind span.is-active{width:30px;height:4px;border-radius:2px}
.swap__col--ghost .rotind span{background:rgba(2,2,2,.30)}
.swap__col--ghost .rotind span.is-active{background:#141414}
.swap__col--solid .rotind span{background:rgba(221,231,241,.45)}
.swap__col--solid .rotind span.is-active{background:#fff}
.hero__ind{display:flex;position:absolute;top:16px;right:18px;gap:8px;align-items:center;z-index:3}
.hero__ind span{width:8px;height:8px;border-radius:50%;background:rgba(221,231,241,.5);transition:all 300ms ease}
.hero__ind span.is-active{width:30px;height:4px;border-radius:2px;background:#fff}
@media (max-width:720px){
  .hero__ind{top:10px;right:10px}
  .rotind{margin-bottom:20px}
}

/* ── v1.4.3: brand lockup — ruler sits under "STAT" ─────────────── */
.hero__rule{--rule-width:calc(clamp(34px,2.9vw,50px) * 2.42);margin-left:calc(clamp(34px,2.9vw,50px) * 2.63)}
.topnav__mrule{--rule-width:53px;margin-left:58px}
.dynamic__cardrule{--rule-width:calc(clamp(21px,1.7vw,30px) * 2.42);margin-left:calc(clamp(21px,1.7vw,30px) * 2.63)}

/* ── v1.4.4: wider container, gaps section rebalance ────────────── */
:root{--container-w:1500px}
.gaps__grid2{grid-template-columns:1.3fr .7fr}

/* ── v1.4.5: type weights matched to mockup, hero panel tune ────── */
.guess__title--center{font-weight:var(--fw-regular);letter-spacing:-.022em}
.gaps__title2{font-weight:var(--fw-regular)}
.awia__title{font-weight:var(--fw-regular)}
.dynamic__title{font-weight:var(--fw-regular)}
.dynamic__block-title{font-weight:var(--fw-regular)}
.hero__panel{width:min(1560px,calc(100% - 2 * var(--space-7)))}
.hero__scrim{background:linear-gradient(180deg,rgba(5,19,28,.64),rgba(5,19,28,.40) 55%,rgba(5,19,28,.58))}
.hero__attr{right:8%;width:clamp(230px,21vw,400px)}

/* ── v1.4.5: mockup fidelity pass 2 ─────────────────────────────── */
.guess__body{font-size:clamp(18px,1.42vw,26px)}
.gaps__grid2{grid-template-columns:1.15fr .85fr}
.hero__qslide{padding-top:clamp(46px,6.4vw,122px)}
.hero__photo{background-position:50% 76%}
.hero__qwho{margin-left:50%}
.topnav__brand{font-size:18px;font-weight:var(--fw-medium)}
.topnav__link{font-size:14px}
.topnav__row{padding-top:var(--space-5);padding-bottom:var(--space-5);gap:var(--space-5)}

/* ── v1.4.6: brand lockups use the logo files ───────────────────── */
.hero__brand > *{display:none}
.hero__brand{background:url("/wp-content/uploads/2026/09/UtilityStatLogo_WhiteYellow.png") left center/contain no-repeat;height:clamp(76px,6vw,110px)}
.topnav__brand{display:inline-block;font-size:0;color:transparent;width:127px;height:29px;background:url("/wp-content/uploads/2026/09/UtilityStatLogo_White_NoTag.png") center/contain no-repeat;vertical-align:middle}
.dynamic__cardbrand{font-size:0;color:transparent;background:url("/wp-content/uploads/2026/09/UtilityStatLogo_Black_NoTag.png") left center/contain no-repeat;height:54px;margin:0 0 10px}
.dynamic__cardrule{display:none}
.awia__brand{font-size:0;color:transparent;background:url("/wp-content/uploads/2026/09/UtilityStatLogo_White_NoTag.png") left center/contain no-repeat;height:34px}
.foot__brand{font-size:0;color:transparent;background:url("/wp-content/uploads/2026/09/UtilityStatLogo_White_NoTag.png") left center/contain no-repeat;height:22px;width:98px}
@media (max-width:720px){
  .topnav__mword,.topnav__mrule{display:none}
  .topnav__mbrand{background:url("/wp-content/uploads/2026/09/UtilityStatLogo_WhiteYellow_NoTag.png") left center/contain no-repeat;height:36px;width:160px}
}

/* ── v1.4.7: rotors sized for their longest question ────────────── */
.swap__rotor{font-size:clamp(38px,6.3vw,120px);min-height:0}

/* ── v1.4.8: Sun Tsu band matched to mockup line breaks ─────────── */
.quote{padding-top:var(--space-10);padding-bottom:var(--space-6)}
.quote__source{margin-bottom:var(--space-9)}
.quote__grid{grid-template-columns:clamp(105px,7.2vw,138px) 1fr;gap:clamp(28px,2.6vw,50px)}
.quote__body{padding-left:clamp(22px,2.2vw,42px)}
.quote__body li{font-size:clamp(14px,1.2vw,23px);letter-spacing:.012em;line-height:1.95}
.quote__text{padding-bottom:var(--space-8)}

/* ── v1.5.0: rotor collapse safety net + chip connector line ────── */
.swap__rotor{min-height:4.9em}
.dynamic__card .dynamic__list li:nth-child(4){position:relative}
.dynamic__card .dynamic__list li:nth-child(4)::after{content:"";position:absolute;left:100%;top:50%;width:calc(var(--space-9) + 4.4vw);height:1.5px;background:var(--color-text-headline-deep)}
.dynamic__update::before{display:none}
.dynamic__row2 .dynamic__foot{padding-top:calc(var(--space-10) + 16px)}
@media (max-width:720px){
  .dynamic__card .dynamic__list li:nth-child(4)::after{display:none}
  .dynamic__update::before{display:inline-block}
  .dynamic__row2 .dynamic__foot{padding-top:var(--space-5)}
}

/* ── v1.5.1: measured chip connector + guess copy width (mockup line breaks) ── */
.dynamic__card .dynamic__list li:nth-child(4)::after{display:none}
.connline{position:absolute;height:1.5px;background:var(--color-text-headline-deep);z-index:3;pointer-events:none}
@media (max-width:900px){.connline{display:none}.dynamic__update::before{display:inline-block}}
@media (min-width:721px){.guess__copy{margin-left:13.8%;margin-right:12.7%}}

/* ── v1.5.2: dynamic white card per mockup + media-library icon/rulers ── */
@media (min-width:901px){
  .dynamic__card{background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6);border-radius:14px;padding:22px 20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 24px 48px -12px rgba(15,23,42,.22),0 6px 16px rgba(15,23,42,.08);width:300px;box-sizing:border-box}
  .dynamic__card .dynamic__list{width:100%}
  .dynamic__card .dynamic__list li{display:block;width:100%;min-width:0;box-sizing:border-box;text-align:right;border:0;border-bottom:1px solid rgba(16,22,31,.45);padding:0 2px;line-height:42px;margin:0}
  .dynamic__card .dynamic__list li:first-child{border-top:1px solid rgba(16,22,31,.45)}
  .dynamic__row2 .dynamic__foot{padding-left:0;padding-right:3%}
  .dynamic__row2 .dynamic__foot p{max-width:none}
  .dynamic__row2 .dynamic__foot .dynamic__update{font-size:clamp(16px,1.66vw,25.4px)}
  .dynamic__row2 .dynamic__foot .dynamic__bold{font-size:clamp(16px,1.66vw,25.4px);max-width:40.7em}
}
.hero__rule,.gaps__mrule,.quote__mrule{background-image:url(/wp-content/uploads/2026/09/Gauge_Rule_Yellow.png)}
.dynamic__cardrule{background-image:url(/wp-content/uploads/2026/09/Gauge_Rule_Black.png);filter:none}
.compare__gear{background-image:url(/wp-content/uploads/2026/09/Assessment_Icon_Yellow.png)}

/* ── v1.5.3: Christi call — mobile nav simplification + floating quote button ── */
.quote-fab{display:none}
@media (max-width:720px){
  .quote-fab{display:inline-block;position:fixed;right:14px;bottom:14px;z-index:60;background:var(--beacon);color:var(--depth);font-family:var(--mono);font-size:12px;font-weight:var(--fw-semibold);letter-spacing:.1em;text-transform:uppercase;padding:14px 18px;box-shadow:0 10px 24px rgba(2,2,2,.35);text-decoration:none}
  .quote-fab:active{filter:brightness(1.06)}
}
@media (max-width:720px){
  /* Hero: bigger quote, fill the panel, attribution tight below text */
  .hero__qtext{font-size:clamp(27px,8.1vw,32px);line-height:1.27}
  .hero__panel{width:calc(100% - 24px);min-height:600px}
  .hero__qslide{padding:44px 5% 0}
  .hero__attr{bottom:20px}
  .hero__qwho{font-size:15px;width:100%}
  .hero__attr{left:5%;right:5%;width:auto;max-width:none}
  /* Stop Guessing: inset + breathing room below title, copy border closer in */
  .guess__title--center{margin-left:4%;margin-bottom:var(--space-7)}
  .guess__copy{margin-left:10% !important;margin-right:2% !important}
  /* Swap cards: both fit one viewport */
  .swap__col{padding-top:24px;padding-bottom:24px}
  .swap__eyebrow{font-size:10.5px;margin-bottom:12px}
  .swap__rotor{font-size:clamp(32px,9vw,37px);margin-bottom:14px}
  .swap__col .rotind{margin-bottom:10px}
  .swap__body{font-size:14px;font-weight:var(--fw-semibold);max-width:36ch;margin-top:10px}
  .swap__rule{--rule-height:20px;--rule-major-height:8px;margin:10px 0}
  /* Sun Tzu: attribution back in flow (no overlap) */
  .quote .quote__source{position:static;width:auto;top:auto;right:auto;margin:0 0 var(--space-6);font-size:15px}
  /* Gaps: title above the photo, ruler centered + enlarged, photo as its own band */
  .gaps__grid2{grid-template-columns:1fr;grid-template-areas:"cats" "title" "measure" "img"}
  .gaps__cats{grid-area:cats}
  .gaps__title2{grid-area:title}
  .gaps__measure{grid-area:measure;display:flex;flex-direction:column}
  .gaps__mrule{order:-1;--rule-width:84%;width:84%;margin:var(--space-5) auto;align-self:center}
  .gaps__mtext{max-width:none}
  .gaps__grid2 > p{grid-area:img;margin:var(--space-7) 0 0}
  .gaps__img{grid-area:img;width:100%;max-width:none;margin-top:var(--space-7)}
  /* Dynamic chips: bigger, even spacing */
  .dynamic__card .dynamic__list{max-width:290px;gap:0}
  .dynamic__card .dynamic__list li{width:100%;box-sizing:border-box;padding:13px 16px;font-size:13px}
  .dynamic__card .dynamic__list li + li{border-top:0}
}

/* ── v1.5.5: gaps image smaller + flush left in its column ── */
@media (min-width:721px){
  .gaps__grid2 > p{justify-self:stretch;width:100%}
  .gaps__grid2 img{width:76%;margin-left:0;margin-right:auto;display:block}
}

/* ══ v1.6.0: PRICING PAGE ══════════════════════════════════════════ */
/* Hero */
.phero{background:#0F1A26;padding:var(--space-8) 0 var(--space-10)}
.phero{position:relative}
.phero__inner{position:static}
.phero__brand{width:min(300px,42vw);aspect-ratio:254/80;background:url(/wp-content/uploads/2026/09/UtilityStatLogo_WhiteYellow.png) no-repeat left top/contain;margin-bottom:var(--space-8)}
.phero__brand span{display:none}
.phero__inner > p:not([class]){display:none}
.tier__rail > p:not([class]),.tier__grid > p:not([class]){display:none}
.phero__photo{position:absolute;top:clamp(16px,2.2vw,44px);right:0;width:62vw;aspect-ratio:1198/900;background:url(/wp-content/uploads/2026/09/Pricing_Hero_Water.png) no-repeat center/cover;z-index:0}
.phero__photo::after{content:"";position:absolute;right:11%;bottom:8%;width:26%;height:26px;background:url(/wp-content/uploads/2026/09/Gauge_Rule_Yellow.png) no-repeat center/100% 100%}
.phero__title{position:relative;z-index:1;font-family:var(--display);font-weight:var(--fw-regular);font-size:clamp(44px,7.4vw,142px);line-height:1.02;letter-spacing:var(--ls-display);color:#fff;margin:clamp(24px,4vw,80px) 0 var(--space-8);max-width:min(9ch,calc(38vw - max((100vw - 1500px) / 2, 24px) - 56px))}
.phero__intro{position:relative;z-index:1;font-size:clamp(15px,1.2vw,22px);line-height:1.75;color:var(--spray);max-width:52ch;margin:0 0 var(--space-6)}
.phero__terms{position:relative;z-index:1;font-weight:var(--fw-bold);font-size:clamp(15px,1.25vw,23px);letter-spacing:.04em;color:#D5AF39;margin:0}

@media (min-width:1780px){.phero__title{font-size:118px}}

/* Tier bands */
.tier{padding:var(--space-9) 0 var(--space-10)}
/* One continuous field: every band shares base #0F1A26; the tiers are glows
   inside it, mirrored across seams so the color flows like the mockup. */
.tier--1{background:
  radial-gradient(1200px 1000px at -4% 45%,rgba(19,116,158,.9),rgba(17,104,143,.32) 48%,rgba(17,104,143,0) 74%),
  radial-gradient(1200px 700px at 52% 112%,rgba(11,127,126,.38),rgba(11,127,126,0) 62%),
  #0F1A26}
.tier--2{background:
  radial-gradient(1200px 700px at 52% -12%,rgba(11,127,126,.38),rgba(11,127,126,0) 62%),
  radial-gradient(1500px 1000px at 56% 58%,rgba(11,127,126,.72),rgba(11,127,126,.28) 52%,rgba(11,127,126,0) 80%),
  radial-gradient(1300px 600px at 22% 112%,rgba(6,67,84,.45),rgba(6,67,84,0) 65%),
  #0F1A26}
.tier--3{background:
  radial-gradient(1300px 600px at 22% -12%,rgba(6,67,84,.45),rgba(6,67,84,0) 65%),
  linear-gradient(102deg,rgba(6,67,84,.6) 0%,rgba(6,67,84,.34) 42%,rgba(6,67,84,.12) 62%,rgba(6,67,84,0) 80%),
  #0F1A26}
.tier__grid{display:grid;grid-template-columns:.34fr .66fr;column-gap:0;border-top:1px solid rgba(126,203,224,.5);padding-top:var(--space-8)}
.tier__body{position:relative;padding-left:clamp(28px,4vw,80px)}
.tier__body::before{content:"";position:absolute;left:0;top:calc(-1 * var(--space-8));width:1px;height:clamp(280px,30vw,560px);background:rgba(126,203,224,.5)}
.tier__num{font-family:var(--display);font-weight:var(--fw-bold);font-size:clamp(64px,6.8vw,130px);line-height:.9;color:#fff;margin:0 0 var(--space-5) -0.05em}
.tier__brand{width:min(258px,84%);aspect-ratio:254/57;background:url(/wp-content/uploads/2026/09/UtilityStatLogo_WhiteYellow_NoTag.png) no-repeat left center/contain}
.tier__brand span{display:none}
.tier__name{font-family:var(--display);font-weight:var(--fw-bold);font-size:clamp(22px,2vw,38px);letter-spacing:.02em;text-transform:uppercase;color:#fff;margin:var(--space-2) 0 0 -0.04em}
.tier__eyebrow{font-family:var(--mono);font-weight:var(--fw-semibold);font-size:clamp(13px,1vw,19px);letter-spacing:.14em;text-transform:uppercase;color:#18C3B6;margin:0 0 var(--space-5)}
.tier--2 .tier__eyebrow,.tier--3 .tier__eyebrow{color:var(--aerate)}
.tier__head{font-family:var(--display);font-weight:var(--fw-medium);font-size:clamp(28px,2.9vw,56px);line-height:1.12;letter-spacing:-.01em;color:#fff;margin:0 0 var(--space-6);max-width:20ch}
.tier__sub{font-size:clamp(17px,1.45vw,28px);font-weight:var(--fw-light);line-height:1.55;color:#EAF1F8;max-width:44ch;margin:0 0 var(--space-7)}
.tier__list{list-style:none;margin:0 0 var(--space-8);padding:0 0 0 clamp(8px,4vw,96px);max-width:60ch}
.tier__list li{position:relative;padding-left:22px;font-size:clamp(15px,1.15vw,22px);line-height:2.1;color:#C7D3DF}
.tier__list li::before{content:"\2022";position:absolute;left:0;top:0;color:#8FA5B8;font-size:.8em;line-height:2.6}
.tier__note{font-weight:var(--fw-bold);font-size:clamp(14px,1.05vw,20px);letter-spacing:.03em;line-height:1.95;text-transform:uppercase;color:#E0B84E;max-width:74ch;margin:0 0 var(--space-6);padding-left:clamp(4px,2.6vw,64px)}
.tier__cta{display:inline-block;background:#E3B84A;color:#12202E;font-family:var(--mono);font-weight:var(--fw-semibold);font-size:clamp(13px,1vw,18px);letter-spacing:.08em;text-transform:uppercase;padding:12px 22px;border-radius:8px;margin-left:clamp(4px,2.6vw,64px);transition:filter var(--transition)}
.tier__cta:hover{filter:brightness(1.07)}

/* Utility form band */
.pform{background:#0F1A26;padding:var(--space-10) 0 var(--space-11)}
.pform{position:relative}
.pform__top{position:static;min-height:calc(46vw * 512 / 877);margin-bottom:var(--space-8)}
.pform__photo{position:absolute;top:var(--space-10);right:0;width:46vw;aspect-ratio:877/512;background:url(/wp-content/uploads/2026/09/Pricing_Form_Facility.png) no-repeat center/cover}
.pform__title{position:relative;z-index:1;max-width:11ch;font-family:var(--display);font-weight:var(--fw-regular);font-size:clamp(42px,6.2vw,118px);line-height:1.04;letter-spacing:var(--ls-display);color:#fff;margin:clamp(16px,2.5vw,50px) 0;max-width:12ch}
.pform__fields{max-width:88%;margin:0 auto 0 6%}
.pform__label{font-family:var(--mono);font-weight:var(--fw-semibold);font-size:clamp(13px,1.05vw,20px);letter-spacing:.14em;text-transform:uppercase;color:var(--aerate);margin:var(--space-7) 0 var(--space-3)}
.pform__opts{background:rgba(221,231,241,.07);border-top:1px solid rgba(221,231,241,.16);border-bottom:1px solid rgba(221,231,241,.16);padding:clamp(14px,1.4vw,26px) clamp(16px,1.6vw,30px);font-size:clamp(16px,1.35vw,26px);line-height:1.6;color:#C9D4E0;margin:0}
.pform__cta{display:inline-block;background:#E3B84A;color:#12202E;font-family:var(--mono);font-weight:var(--fw-semibold);font-size:clamp(14px,1.1vw,20px);letter-spacing:.04em;padding:14px 26px;border-radius:10px;margin:var(--space-9) 0 0 6%;transition:filter var(--transition)}
.pform__cta:hover{filter:brightness(1.07)}

/* Pricing mobile */
@media (max-width:720px){
  .phero__inner{display:flex;flex-direction:column}
  .phero__brand{display:none}
  .phero__title{order:1;max-width:none;font-size:clamp(40px,11vw,54px);margin-top:var(--space-4)}
  .phero__photo{order:2;position:relative;top:auto;right:auto;width:100%;margin:var(--space-2) 0 var(--space-5)}
  .phero__photo::after{left:6%;right:auto;bottom:6%;width:42%;height:20px}
  .phero__intro{order:3}
  .phero__terms{order:4}
  .tier__grid{grid-template-columns:1fr;border-top:0;padding-top:0}
  .tier__rail{display:grid;grid-template-columns:auto 1fr;column-gap:var(--space-4);align-items:center;border-left:1px solid rgba(126,203,224,.55);border-bottom:1px solid rgba(126,203,224,.4);padding:0 0 var(--space-4) var(--space-4);margin-bottom:var(--space-6)}
  .tier__num{grid-row:1/3;font-size:64px;margin:0}
  .tier__brand{width:170px}
  .tier__name{font-size:24px}
  .tier__body{padding-left:var(--space-4)}
  .tier__body::before{display:none}
  .tier__list{padding-left:0}
  .tier__note,.tier__cta{margin-left:0;padding-left:0}
  .pform__photo{position:static;width:100%;margin:var(--space-5) 0}
  .pform__title{max-width:none;font-size:clamp(38px,10.5vw,50px)}
  .pform__fields{max-width:none;margin:0}
  .pform__cta{margin-left:0}
}

/* ══ v1.6.1: Christi review batch (2026-09-17) ═════════════════════ */
/* Depth bands with Silt hairlines (qband already had them; Sun Tzu joins) */
.qband{background:#020202;border-top:1px solid rgba(191,202,217,.35);border-bottom:1px solid rgba(191,202,217,.35)}
.quote{background:#020202;border-top:1px solid rgba(191,202,217,.35);border-bottom:1px solid rgba(191,202,217,.35)}

/* Sun Tzu: attribution small top-left, bust large bottom-left, quote right, room to breathe */
@media (min-width:721px){
  .band.quote{padding:var(--space-8) 0 0}
  .quote__source{font-size:15px;margin:0 0 var(--space-7)}
  .quote__grid{grid-template-columns:clamp(200px,17vw,320px) 1fr;column-gap:clamp(32px,4.5vw,80px);align-items:end}
  .quote__figure{align-self:end;margin:0;width:100%;max-width:none}
  .quote__figure img{display:block;width:100%;height:auto}
  .quote__text{align-self:start;padding-bottom:var(--space-10)}
  .quote__body li{font-size:clamp(14px,1.12vw,21px);line-height:1.8}
}

/* Glass card: glassier */
@media (min-width:901px){
  .dynamic__card{background:rgba(255,255,255,.36);-webkit-backdrop-filter:blur(22px) saturate(1.2);backdrop-filter:blur(22px) saturate(1.2);border:1px solid rgba(255,255,255,.5)}
}

/* Compare: breathing room above the highlighted header */
.compare__table thead th{padding-top:16px}

/* Swap: one indicator for the whole module, top right */
.swap{position:relative}
#swap-ind-b{display:none}
#swap-ind-a{position:absolute;top:clamp(16px,2vw,30px);right:clamp(18px,2.6vw,44px);margin:0;z-index:3}

@media (max-width:720px){
  /* Mobile hero: tighten */
  .hero__panel{min-height:570px}
  .hero__attr{bottom:16px}
  /* Swap card ruler: the gauge image, smaller */
  .swap__rule{border-bottom:0;background:url(/wp-content/uploads/2026/09/Gauge_Rule_Yellow.png) no-repeat left center/100% 100%;height:22px;width:60%}
  /* Section intros: brand mark above each major title */
  .gaps__title2::before,.compare__mtitle::before,.awia__title::before{content:"";display:block;width:170px;aspect-ratio:254/57;background:url(/wp-content/uploads/2026/09/UtilityStatLogo_WhiteYellow_NoTag.png) no-repeat left center/contain;margin:0 0 var(--space-5)}
  .dynamic__title::before{content:"";display:block;width:170px;aspect-ratio:254/57;background:url(/wp-content/uploads/2026/09/UtilityStatLogo_Black_NoTag.png) no-repeat left center/contain;margin:0 0 var(--space-5)}
  /* Dynamic: reorder — brand, bold, update, formula + chips; fab replaces the bottom button */
  .dynamic__row2{display:flex;flex-direction:column}
  .dynamic__card,.dynamic__row2 .dynamic__foot{display:contents}
  .dynamic__cardbrand{order:1;margin:0;width:210px;height:47px}
  .dynamic__cardrule{order:2;--rule-width:150px;width:150px;height:16px;margin:var(--space-2) 0 var(--space-6)}
  .dynamic__bold{order:3;margin:0 0 var(--space-5) !important}
  .dynamic__update{order:4;margin:0 0 var(--space-6) !important}
  .dynamic__formula{order:5;margin:0 0 var(--space-4) !important}
  .dynamic__card .dynamic__list{order:6}
  .dynamic__row2 .btn-quote{display:none}
}

/* Pricing form: Contact Form 7 controls in the pform strips */
.pform .wpcf7 .pform__opts{padding:clamp(12px,1.2vw,20px) clamp(14px,1.4vw,24px)}
.pform .wpcf7-form-control-wrap{display:block}
.pform .wpcf7-list-item{display:inline-block;margin:6px 10px 6px 0}
.pform .wpcf7-list-item label{cursor:pointer}
.pform .wpcf7-list-item input{position:absolute;opacity:0;pointer-events:none}
.pform .wpcf7-list-item-label{display:inline-block;border:1px solid rgba(221,231,241,.3);border-radius:6px;padding:9px 14px;font-size:clamp(15px,1.1vw,20px);color:#C9D4E0;transition:background var(--transition),color var(--transition)}
.pform .wpcf7-list-item input:checked+.wpcf7-list-item-label{background:#E3B84A;border-color:#E3B84A;color:#12202E;font-weight:var(--fw-semibold)}
.pform .wpcf7-list-item input:focus-visible+.wpcf7-list-item-label{outline:2px solid var(--tide);outline-offset:2px}
.pform input[type=text].wpcf7-form-control,.pform input[type=email].wpcf7-form-control,.pform input[type=tel].wpcf7-form-control{width:100%;background:rgba(221,231,241,.07);border:1px solid rgba(221,231,241,.16);color:#EAF1F8;font-family:var(--body);font-size:clamp(16px,1.2vw,22px);padding:clamp(12px,1.2vw,20px) clamp(14px,1.4vw,24px)}
.pform input.wpcf7-form-control::placeholder{color:rgba(201,212,224,.55)}
.pform .wpcf7-submit{display:inline-block;background:#E3B84A;color:#12202E;border:0;cursor:pointer;font-family:var(--mono);font-weight:var(--fw-semibold);font-size:clamp(14px,1.1vw,20px);letter-spacing:.04em;padding:14px 26px;border-radius:10px;margin-top:var(--space-8);transition:filter var(--transition)}
.pform .wpcf7-submit:hover{filter:brightness(1.07)}
.pform .wpcf7-response-output{border:1px solid rgba(221,231,241,.3);color:#EAF1F8;font-size:16px;padding:14px 18px;margin:var(--space-6) 0 0}
.pform .wpcf7-not-valid-tip{color:#EE5F63;font-size:14px;margin-top:6px}


/* ── v1.6.3: one JS-computed page gradient; bands transparent when live ── */
html.grad-live body{background:#0F1A26}
html.grad-live .phero,html.grad-live .tier--1,html.grad-live .tier--2,html.grad-live .tier--3,html.grad-live .pform{background:transparent}
@media (max-width:720px){
  .phero__photo{position:relative;top:auto;right:auto;width:100%}
  .pform__top{min-height:0}
  .pform__photo{position:relative;top:auto;right:auto;width:100%;margin:var(--space-5) 0}
}

/* ── v1.6.8: logo art carries 7px left padding (2.76% of 254w) — compensate ── */
.tier__brand,.phero__brand,.dynamic__cardbrand,.awia__brand,.foot__brand{transform:translateX(-2.76%)}
@media (max-width:720px){
  .gaps__title2::before,.compare__mtitle::before,.awia__title::before,.dynamic__title::before{transform:translateX(-2.76%)}
}

/* v1.6.9: tier 2 headline holds the mockup's two lines */
.tier--2 .tier__head{max-width:34ch}

/* ── v1.7.0: form bottom — inputs never overflow; submit aligns with field column ── */
.pform input[type=text].wpcf7-form-control,.pform input[type=email].wpcf7-form-control,.pform input[type=tel].wpcf7-form-control{box-sizing:border-box;max-width:100%}
.pform .wpcf7-submit{margin-left:6%}
@media (max-width:720px){
  .pform .wpcf7-submit{margin-left:0}
  /* mobile mockup: tier sections close on the gold pricing note — no buttons */
  .tier__cta{display:none}
  .tier__body > p:not([class]){margin:0}
}

/* ── v1.7.1: pricing mobile — two nav options (?mnav=burger) + full-screen sections ── */
.topnav__mlinks,.topnav__burger,.topnav__menu{display:none}
@media (max-width:720px){
  .topnav--pricing .topnav__mbrand{display:none}
  .topnav--pricing .topnav__row{position:relative;justify-content:flex-start;min-height:34px}
  /* option A (default): inline links, mockup "OVERVIEW | CONTACT" */
  .topnav--pricing .topnav__mlinks{display:flex;align-items:center;gap:var(--space-4)}
  .topnav--pricing .topnav__mlinks .topnav__link{color:var(--muted);font-weight:var(--fw-medium);font-size:13px}
  /* option B (?mnav=burger): burger + drop panel */
  html.mnav-burger .topnav--pricing .topnav__mlinks{display:none}
  html.mnav-burger .topnav--pricing .topnav__burger{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:0;padding:6px 4px;cursor:pointer}
  .topnav--pricing .topnav__burger span{display:block;width:24px;height:2px;background:#fff}
  html.mnav-burger.mnav-open .topnav--pricing .topnav__menu{display:flex;flex-direction:column;gap:24px;position:absolute;top:calc(100% + 6px);left:0;background:rgba(5,9,14,.94);padding:24px 30px 28px 26px;min-width:196px;z-index:60}
  .topnav__menu-link{font-family:var(--mono);font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--spray)}
  /* each pricing section fills one phone screen; gold note pins to the bottom */
  .phero__brand{display:block;order:0;width:200px;margin:0 0 var(--space-2)}
  .phero{display:flex;flex-direction:column;min-height:calc(100vh - 62px);min-height:calc(100svh - 62px);padding:28px 0 48px}
  .phero .phero__inner{flex:1}
  .phero__title{margin-top:8px;margin-bottom:28px}
  .phero__photo{margin-bottom:20px}
  .phero__intro{margin-bottom:24px}
  .phero__terms{margin-top:auto;padding-top:16px}
  .tier{display:flex;flex-direction:column;min-height:100vh;min-height:100svh;padding:44px 0 56px}
  .tier .tier__grid{flex:1;display:flex;flex-direction:column}
  .tier .tier__body{flex:1;display:flex;flex-direction:column}
  .tier .tier__body::before{display:none}
  .tier__rail{margin-bottom:24px}
  .tier__head{margin-bottom:24px}
  .tier__sub{margin-bottom:28px}
  .tier__list{margin-bottom:28px}
  .tier__list li{line-height:1.75}
  .tier__list li::before{line-height:2.15}
  .tier__note{margin-top:auto;margin-bottom:0;padding-top:var(--space-6);line-height:1.75}
}

/* ── v1.7.3: mockup rail line runs through the intro text; quote tab on right edge; slack spread, not pooled ── */
@media (max-width:720px){
  .tier__rail{margin-bottom:0}
  .tier .tier__body{padding-left:0}
  .tier__eyebrow{border-left:1px solid rgba(126,203,224,.55);margin:0;padding:24px 0 10px var(--space-4)}
  .tier__head{border-left:1px solid rgba(126,203,224,.55);margin:0;padding:0 0 14px var(--space-4)}
  .tier__sub{border-left:1px solid rgba(126,203,224,.55);margin:0;padding:0 0 8px var(--space-4)}
  .tier__list{margin-top:auto;margin-bottom:0;padding-top:16px;padding-left:var(--space-4)}
  .tier__note{padding-left:var(--space-4)}
  .phero__photo{margin-top:auto}
  .quote-fab{right:0;bottom:48px;writing-mode:vertical-rl;transform:rotate(180deg);padding:16px 9px;font-size:11px;letter-spacing:.14em;border-radius:0;box-shadow:0 0 18px rgba(2,2,2,.3)}
}

/* ── v1.7.4: mobile nav stays fixed on screen; sections fit the space under it ── */
@media (max-width:720px){
  .topnav--pricing{position:sticky;top:0;z-index:70}
  .phero{min-height:calc(100vh - 74px);min-height:calc(100svh - 74px)}
  .tier{min-height:calc(100vh - 74px);min-height:calc(100svh - 74px);padding:36px 0 48px}
  .phero__brand{margin-bottom:0}
  .phero__title{margin-bottom:24px}
  .phero__photo{margin-bottom:16px}
  .phero__intro{margin-bottom:20px}
  .tier__rail{padding-bottom:12px}
  .tier__eyebrow{padding-top:18px;padding-bottom:8px}
  .tier__head{padding-bottom:10px}
  .tier__sub{padding-bottom:6px}
  .tier__list{padding-top:12px}
  .tier__list li{line-height:1.65}
  .tier__note{padding-top:20px;line-height:1.65}
}

/* ── v1.7.5: Get a Quote lives in the fixed navbar; lockup tightened; tier-to-form gap cut ── */
.topnav--pricing .topnav__cta{display:none}
@media (max-width:720px){
  .topnav--pricing .topnav__row{justify-content:space-between}
  .topnav--pricing .topnav__cta{display:inline-block;font-size:11px;line-height:1.4;letter-spacing:.1em;padding:6px 11px;text-decoration:none}
  .quote-fab{display:none}
  .pform{padding-top:40px}
  .tier__num{line-height:1}
  .tier__brand{margin:0}
  .tier__name{margin-top:0}
  .phero__brand{background-image:url(/wp-content/uploads/2026/09/UtilityStatLogo_WhiteYellow_NoTag.png);aspect-ratio:254/57;width:190px}
}

/* ── v1.8.0: pricing desktop tier redesign (Christi 2026-09-17 call) ──
   gradient Public Sans number, horizontal lockup, split columns */
@media (min-width:721px){
  .tier{padding:var(--space-8) 0 var(--space-9)}
  .tier__grid{display:block;border-top:0;padding-top:0}
  .tier__rail{display:grid;grid-template-columns:max-content 1fr;column-gap:clamp(18px,2vw,36px);align-items:center;border-left:0;border-bottom:1px solid rgba(126,203,224,.5);padding:0 0 var(--space-5);margin-bottom:var(--space-7)}
  .tier__num{grid-column:1/-1;font-family:'Public Sans',var(--body),sans-serif;font-weight:700;font-size:clamp(96px,10.5vw,200px);line-height:.92;margin:0 0 var(--space-4) -0.05em;color:#8FBCCB;background:linear-gradient(180deg,#AEE1E6,#5793AA)}
  @supports ((-webkit-background-clip:text) or (background-clip:text)){
    .tier__num{-webkit-background-clip:text;background-clip:text;color:transparent}
  }
  .tier--2 .tier__num{background-image:linear-gradient(180deg,#A9E2D8,#4E9C93)}
  .tier--3 .tier__num{background-image:linear-gradient(180deg,#B7D3DF,#557E93)}
  .tier__brand{margin:0;width:min(258px,26vw)}
  .tier__name{margin:0;font-size:clamp(26px,2.2vw,42px)}
  .tier__body{display:grid;grid-template-columns:54% 1fr;position:relative;padding-left:0}
  .tier__body::before{content:"";position:absolute;left:54%;top:calc(-1 * var(--space-7));bottom:0;width:1px;height:auto;background:rgba(126,203,224,.5)}
  .tier__body > p:not([class]){grid-column:1;grid-row:5;align-self:end;justify-self:start;margin:0}
  .tier__eyebrow{grid-column:2;grid-row:1;align-self:start;margin:0 0 var(--space-4);padding-left:clamp(24px,3vw,56px)}
  .tier__head{grid-column:1;grid-row:1/3;margin:0 0 var(--space-5);padding-right:clamp(24px,3vw,56px)}
  .tier__sub{grid-column:1;grid-row:3;align-self:start;margin:0 0 var(--space-7);padding-right:clamp(24px,3vw,56px)}
  .tier__list{grid-column:2;grid-row:2/6;align-self:start;margin:0;padding-left:clamp(24px,3vw,56px)}
  .tier__note{grid-column:1;grid-row:4;align-self:end;margin:0 0 var(--space-5);padding-left:0;padding-right:clamp(24px,3vw,56px)}
  .tier__cta{grid-column:1;grid-row:5;align-self:end;justify-self:start;margin-left:0}
}

/* ── v1.8.5: David call items — footer contact, shorter home page, AWIA title size ── */
.foot__contact{display:flex;align-items:center;gap:var(--space-4);font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--muted)}
.foot__contact a{color:var(--spray);text-decoration:none}
.foot__contact a:hover{color:var(--tide)}
.foot__csep{color:var(--line)}
@media (max-width:720px){
  .foot__row{flex-direction:column;align-items:flex-start;gap:var(--space-3)}
  .foot__contact{flex-wrap:wrap;row-gap:6px}
}
.band.guess,.band.quote,.band.gaps,.band.compare,.band.awia,.band.dynamic{padding-top:var(--space-9);padding-bottom:var(--space-9)}
.awia__title{font-size:clamp(32px,4.8vw,72px)}

/* ── v1.8.6: AWIA section matched to approved mockup (off-black bg, smaller title, anchored brand) ── */
.awia{background:#02121B}
.awia__title{font-size:clamp(26px,3.5vw,52px)}
@media (min-width:721px){
  .awia__brand{width:clamp(180px,16vw,250px);aspect-ratio:254/57;height:auto;margin:var(--space-2) 0 var(--space-6)}
  .awia__body .awia__intro,.awia__body p{margin-bottom:var(--space-4)}
}
@media (min-width:721px){
  .gaps__img{width:84%;justify-self:end}
}

/* ── v1.8.7: swap questions break lines dynamically; strikes follow the real lines ── */
.swap__title.is-splitting span{display:inline;width:auto;position:static}
.swap__title.is-splitting span::after{display:none}
@media (min-width:721px){
  .swap__rotor{font-size:clamp(34px,5vw,84px)}
}
.swap__rotor{transition:min-height 700ms ease}

/* ── v1.8.8: compare table — indent to intro edge, wider one-line columns; smaller dynamic quote btn ── */
@media (min-width:721px){
  .compare__table{
    margin-left:calc(clamp(56px,4.8vw,86px) + var(--space-6));
    width:calc(100% - clamp(56px,4.8vw,86px) - var(--space-6));
  }
  .compare__table .fillcol{display:none}
  .compare__table th:first-child,.compare__table td:first-child{width:29%}
  .compare__table th:nth-child(2),.compare__table td:nth-child(2),
  .compare__table th:nth-child(3),.compare__table td:nth-child(3),
  .compare__table th:nth-child(4),.compare__table td:nth-child(4){width:auto}
  .compare__table td{padding:var(--space-3) var(--space-4)}
  .compare__table td:not(:first-child):not(.fillcol){font-size:clamp(12px,.92vw,14px)}
  .btn-quote{font-size:11px;padding:var(--space-3) var(--space-5);letter-spacing:.1em}
}

/* ── v1.8.9: dynamic — glass card shifted left, grey smaller title per approved mockup ── */
@media (min-width:901px){
  .dynamic__card{margin-left:min(0px, calc(8.6vw - (100vw - var(--container-w)) / 2 - var(--container-pad)))}
}
@media (min-width:721px){
  .dynamic__title{font-size:clamp(38px,5.6vw,108px);color:#24384A}
}

/* ── v1.8.9b: hero quote mark matched to approved mockup (thicker bar, right-edge pointer, sits low with attribution beside the tail) ── */
@media (min-width:721px){
  .hero__attr{width:clamp(300px,29.2vw,561px);bottom:clamp(10px,1vw,18px)}
  .hero__flag{width:75.2%;aspect-ratio:422/117;height:auto;transform:none;margin:0 0 calc(-1 * clamp(18px,1.35vw,26px));background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 422 117%22%3E%3Cpath fill=%22%23E9AC15%22 d=%22M0 0H422V37H245V117L165 37H0Z%22/%3E%3C/svg%3E") left top/contain no-repeat}
  .hero__qwho{margin-left:54%}
}

/* ── v1.8.10: form options as square checkboxes (David) ── */
.pform .wpcf7-list-item{margin:8px 26px 8px 0}
.pform .wpcf7-list-item-label{display:inline-flex;align-items:center;gap:11px;border:0;border-radius:0;padding:0;color:#C9D4E0}
.pform .wpcf7-list-item-label::before{content:"";flex:none;width:19px;height:19px;box-sizing:border-box;border:1.5px solid rgba(221,231,241,.45);background:rgba(221,231,241,.05);transition:background var(--transition),border-color var(--transition)}
.pform .wpcf7-list-item input:checked+.wpcf7-list-item-label{background:none;border:0;color:#fff;font-weight:var(--fw-semibold)}
.pform .wpcf7-list-item input:checked+.wpcf7-list-item-label::before{background:#E3B84A url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 16 16%22%3E%3Cpath fill=%22none%22 stroke=%22%2312202E%22 stroke-width=%222.4%22 d=%22M3 8.5 6.5 12 13 4.5%22/%3E%3C/svg%3E") center/13px no-repeat;border-color:#E3B84A}
.pform .wpcf7-list-item input:focus-visible+.wpcf7-list-item-label::before{outline:2px solid var(--tide);outline-offset:2px}

/* ── v1.8.11: tier photo backgrounds + feature icon rows (Christi mockups) ── */
.tier{position:relative}
.tier > .wrap{position:relative}
.tier::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1}
.tier--2::before{background:
  linear-gradient(90deg,rgba(4,10,16,.5),rgba(4,10,16,0) 16%,rgba(4,10,16,0) 84%,rgba(4,10,16,.5)) 0 0/100% 100% no-repeat,
  linear-gradient(180deg,rgba(2,10,16,.72),rgba(2,10,16,.24) 42%,rgba(2,12,16,.52)) 0 0/100% 100% no-repeat,
  url(/wp-content/uploads/2026/09/SurfaceBubbles-scaled.jpg) center/cover no-repeat}
.tier--3::before{
  background-color:#123449;
  background-image:
    linear-gradient(180deg,rgba(2,14,20,.5),rgba(12,50,72,.2) 45%,rgba(2,12,16,.6)),
    url(/wp-content/uploads/2026/09/SurfaceBubbles_FADE-scaled.png);
  background-position:0 0,center -34vw;
  background-size:100% 100%,200% auto;
  background-repeat:no-repeat;
  background-blend-mode:normal,multiply;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,1) 90px,rgba(0,0,0,1) calc(100% - 110px),rgba(0,0,0,0) 100%);mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,1) 90px,rgba(0,0,0,1) calc(100% - 110px),rgba(0,0,0,0) 100%)}
.tier--3::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(55% 60% at 62% 52%,rgba(40,110,150,.24),rgba(40,110,150,0) 75%)}
.tier__icons{display:flex;align-items:center;gap:20px;margin:0 0 var(--space-4)}
.tier__icons img{height:40px;width:auto;display:block}
@media (min-width:721px){
  .tier--1::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:url(/wp-content/uploads/2026/09/Splash-scaled.jpg) left -6% top 55%/44% auto no-repeat;filter:invert(1) saturate(.4) brightness(.9) blur(1px);mix-blend-mode:screen;opacity:.2;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,1) 90px,rgba(0,0,0,1) calc(100% - 110px),rgba(0,0,0,0) 100%);mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,1) 90px,rgba(0,0,0,1) calc(100% - 110px),rgba(0,0,0,0) 100%)}
  .tier__icons{position:absolute;top:-18px;left:calc(54% + clamp(24px,3vw,56px));gap:clamp(8px,.9vw,16px);margin:0}
  .tier__icons img{height:clamp(56px,4.6vw,86px);aspect-ratio:1;object-fit:cover}
  .tier__eyebrow{padding-top:clamp(46px,3.6vw,64px)}
}

/* ── v1.8.11b: tier lockup — GUIDED/ESSENTIALS/EXPERT baseline-aligned and cap-height-matched to the wordmark ── */
@media (min-width:721px){
  .tier__rail{align-items:end;column-gap:0}
  .tier__brand{margin-right:calc(min(258px,26vw) * -.05)}
  .tier__rail .tier__name{font-size:calc(min(258px,26vw) * .132);line-height:1;margin-top:0}
}
/* editor strips the brand span, leaving raw text over the logo — hide any text inside the image box */
.tier__brand{font-size:0;line-height:0;color:transparent}

/* ── v1.8.12: live pass — tier-2 multiply bg, Sun Tzu quote mark, gaps image scale, WPBakery cascade fixes ── */
@media (min-width:721px){
  .tier--2::before{
    background-color:#0C4148;
    background-image:
      linear-gradient(180deg,rgba(2,14,20,.42),rgba(8,70,66,.18) 45%,rgba(2,12,16,.62)),
      url(/wp-content/uploads/2026/09/SurfaceBubbles_FADE-scaled.png);
    background-position:0 0,center -10vw;
    background-size:100% 100%,175% auto;
    background-repeat:no-repeat;
    background-blend-mode:normal,multiply;
    -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,1) 90px,rgba(0,0,0,1) calc(100% - 110px),rgba(0,0,0,0) 100%);mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,1) 90px,rgba(0,0,0,1) calc(100% - 110px),rgba(0,0,0,0) 100%);
  }
  .tier--2::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(55% 60% at 60% 50%,rgba(16,120,104,.3),rgba(16,120,104,0) 75%)}
  .gaps__grid2 > p > .gaps__img,.gaps__grid2 > .gaps__img,.gaps__img{width:min(84%,28vw);justify-self:start;margin-left:0}
  .quote__text::before{content:"";display:block;width:clamp(200px,16vw,300px);aspect-ratio:422/117;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 422 117%22%3E%3Cpath fill=%22%23E9AC15%22 d=%22M0 0H422V37H245V117L165 37H0Z%22/%3E%3C/svg%3E") left top/contain no-repeat;margin-bottom:var(--space-5)}
}
@media (max-width:720px){
  .quote__text::before{content:"";display:block;width:150px;aspect-ratio:422/117;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 422 117%22%3E%3Cpath fill=%22%23E9AC15%22 d=%22M0 0H422V37H245V117L165 37H0Z%22/%3E%3C/svg%3E") left top/contain no-repeat;margin-bottom:var(--space-4)}
}
/* v1.8.12: drop the UtilitySTAT brand from the top nav (keep the Pricing link) */
.topnav__links .topnav__brand,.topnav__links .topnav__brand + .topnav__sep{display:none}
/* v1.8.13: icons use the library's white-bg _converted PNGs — white removed via invert+screen */
.tier__icons img{filter:invert(1) brightness(2.6) hue-rotate(180deg) saturate(1.1);mix-blend-mode:screen}

/* ── v1.8.14: mobile pass — kill x-overflow (hero attribution, dynamic dots), Sun Tzu single column, source unpinned ── */
@media (max-width:720px){
  body{overflow-x:hidden}
  .hero__qwho{margin-left:0;max-width:80%}
  .dynamic__dots{right:8px;max-width:56px;overflow:hidden}
  .quote__grid{grid-template-columns:1fr;gap:var(--space-5);align-items:start}
  .quote__figure{width:44vw;max-width:190px;align-self:start}
  .quote__body{border-left:0;padding-left:0}
  .quote__body li{font-size:16px;line-height:1.9}
  .quote__text{padding-bottom:var(--space-6)}
  .quote .quote__source{position:static;width:auto;margin:0 0 var(--space-2);font-size:14px}
}

/* ── v1.8.15: mobile dial-in per Pricing_Mobile1 + Promo_Website1_Mobile mockups ── */
/* brand elements are logo images — never render their raw text, even when the editor strips spans */
.phero__brand,.hero__brand,.foot__brand,.awia__brand,.topnav__mbrand{font-size:0!important;line-height:0!important;color:transparent!important}
@media (max-width:720px){
  /* compact sections: content-height, not screen-height */
  .phero{min-height:0;padding:14px 0 44px}
  .tier{min-height:0;padding:38px 0 46px}
  .phero__title{margin-top:6px;margin-bottom:18px}
  .phero__photo{margin-top:0;margin-bottom:14px}
  .phero__intro{margin-top:0}
  .band.guess,.band.quote,.band.gaps,.band.compare,.band.awia,.band.dynamic{min-height:0;padding-top:var(--space-7);padding-bottom:var(--space-7)}
  /* mockup tiers carry no icon row on phones */
  .tier__icons{display:none}
  /* hero: smaller quote type so the long quote clears the mark + attribution */
  .hero__qtext{font-size:clamp(21px,5.9vw,26px);line-height:1.4;padding-bottom:130px}
  .quote-fab{display:none}
}
/* v1.8.16: mobile compare cells wrap inside their cards */
@media (max-width:720px){
  .compare__table td{overflow-wrap:anywhere}
  .compare__table td:not(:first-child){font-size:12px;line-height:1.45}
}