/* GetMore satellites: the APPROVED GetMoreAiViews design, in each site's own colors (2026-10-03). Link LAST in <head>.
   1. depth layer  2. approved layer (parent-only headline sizing and logo rules removed)  3. satellite palette. Presentation only. */

/* ===== 1. depth layer ===== */
/* ===== depth pass (mockup): presentation only, every word unchanged ===== */
.zipbox{background:linear-gradient(180deg,#FFFFFF,#FBFCFE)!important;border:1px solid rgba(127,176,224,.55)!important;
  box-shadow:inset 0 1px 0 #FFFFFF,0 1px 2px rgba(11,19,36,.10),0 4px 10px -4px rgba(11,19,36,.16),0 26px 52px -18px rgba(19,83,138,.30)!important}
.hero-phone .phone{box-shadow:0 0 0 1px rgba(14,18,32,.35),inset 0 0 0 1.5px rgba(214,228,244,.5),inset 0 0 0 3px rgba(10,14,26,.9),
  0 46px 70px -34px rgba(11,19,36,.62),0 22px 36px -22px rgba(19,83,138,.5)!important}
.hero-phone .phone::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:2.5px;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(198,218,240,.45) 20%,rgba(127,176,224,0) 42%,rgba(127,176,224,0) 72%,rgba(186,208,232,.6) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.rec.you{border-color:rgba(242,207,102,.8)!important;transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 7px 18px -8px rgba(47,123,200,.8),0 0 22px -8px rgba(127,176,224,.55)!important}
@keyframes recpulse{0%{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 7px 18px -8px rgba(47,123,200,.8),0 0 0 0 rgba(242,207,102,.7)}
  70%{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 7px 18px -8px rgba(47,123,200,.8),0 0 0 10px rgba(242,207,102,0)}
  100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 7px 18px -8px rgba(47,123,200,.8),0 0 22px -8px rgba(127,176,224,.55)}}
@media (prefers-reduced-motion:no-preference){ .bubble.ai:not(.hidden) .rec.you{animation:recpulse 1.5s ease-out .35s 1 both} }
.zipmap{filter:saturate(.66) contrast(.96)}
.hero::before{background:linear-gradient(90deg,rgba(255,255,255,.80) 0%,rgba(255,255,255,.62) 30%,rgba(255,255,255,.22) 52%,rgba(255,255,255,0) 64%),
  radial-gradient(85% 75% at 74% 42%,rgba(255,255,255,0) 0%,rgba(255,255,255,.42) 60%,rgba(255,255,255,.9) 100%)!important}
@media (max-width:959px){ .hero::before{background:linear-gradient(180deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.6) 55%,rgba(255,255,255,.25) 80%,rgba(255,255,255,0) 100%)!important} }
.hero h1 .ai-mark{filter:drop-shadow(1.5px 3px 2px rgba(11,19,36,.28)) drop-shadow(6px 12px 12px rgba(11,19,36,.2))}
.arch-ai{filter:drop-shadow(.5px 1.5px 1px rgba(11,19,36,.35))}
.hero .answer span{background:linear-gradient(180deg,#4B92D6 0%,#2A6FB3 36%,#13538A 72%,#0F4573 100%)!important;color:#FFFFFF!important;text-shadow:0 1px 0 rgba(6,30,56,.35);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.55),inset 0 -3px 0 rgba(6,30,56,.55),0 2px 3px -1px rgba(8,30,60,.45),0 12px 22px -12px rgba(19,83,138,.7)!important}
.cert{box-shadow:0 0 0 1px rgba(19,83,138,.55),0 2px 4px rgba(11,19,36,.08),0 18px 36px -18px rgba(11,19,36,.30),0 60px 110px -60px rgba(14,18,32,.55)!important}
.cert .paper-fx{position:absolute;inset:calc(clamp(9px,1.1vw,14px) + 7px);pointer-events:none;z-index:2;background:linear-gradient(90deg,#B8891A,#F2CF66 55%,#C9981F) left top / 22px 2px no-repeat,linear-gradient(90deg,#B8891A,#F2CF66 55%,#C9981F) left top / 2px 22px no-repeat,linear-gradient(90deg,#B8891A,#F2CF66 55%,#C9981F) right top / 22px 2px no-repeat,linear-gradient(90deg,#B8891A,#F2CF66 55%,#C9981F) right top / 2px 22px no-repeat,linear-gradient(90deg,#B8891A,#F2CF66 55%,#C9981F) left bottom / 22px 2px no-repeat,linear-gradient(90deg,#B8891A,#F2CF66 55%,#C9981F) left bottom / 2px 22px no-repeat,linear-gradient(90deg,#B8891A,#F2CF66 55%,#C9981F) right bottom / 22px 2px no-repeat,linear-gradient(90deg,#B8891A,#F2CF66 55%,#C9981F) right bottom / 2px 22px no-repeat}
.cert .paper-fx::before{content:"";position:absolute;inset:calc(-1 * (clamp(9px,1.1vw,14px) + 7px));border-radius:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .42 0 0 0 0 .36 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}
.seal{filter:drop-shadow(0 3px 2px rgba(11,19,36,.35)) drop-shadow(0 18px 20px rgba(14,18,32,.34))!important}
footer{background:linear-gradient(180deg,#0F1D3A,#0A1428)!important;border-top:1px solid rgba(127,176,224,.7)!important;color:#C9D6E6!important;
  box-shadow:inset 0 1px 0 rgba(127,176,224,.35),inset 0 22px 34px -24px rgba(127,176,224,.3)}
footer .arch-logo{color:#FFFFFF!important}
footer a,footer .links a{color:#FFFFFF!important}
footer .attrib,footer .attrib a,footer small,footer p{color:#A9BBD0!important}

/* ===== 2. approved layer ===== */
/* Approved gold-highlight design — GetMoreAiViews.com
   Append after the existing gold-logo-and-depth styles.
   Presentation only: original wording, layout order and form wiring stay intact. */

:root {
  --depth-blue-top: #1268c5;
  --depth-blue-face: #095ab5;
  --depth-blue-base: #08458d;
  --marker-gold: #f4cb36;
}

/* Blue enamel: a narrow lit edge, a dark lower edge, then a soft cast shadow. */
.btn-primary, .btn-onnavy {
  background: linear-gradient(180deg, var(--depth-blue-top) 0%, var(--depth-blue-face) 45%, var(--depth-blue-base) 100%);
  border-color: #205d91;
  border-bottom-color: #0c335b;
  color: #fff;
  text-shadow: 0 1px 1px rgba(7, 30, 55, .32);
  box-shadow: inset 0 1px 0 rgba(225, 242, 255, .7), inset 0 -2px 0 rgba(7, 30, 55, .2),
    0 3px 0 #103a62, 0 7px 10px -5px rgba(13, 45, 75, .48), 0 16px 24px -15px rgba(19, 83, 138, .48);
}
@media (hover: hover) and (pointer: fine) {
  .btn-primary:hover, .btn-onnavy:hover {
    background: linear-gradient(180deg, #1a70cd 0%, #1263ba 45%, #084994 100%);
    border-color: #286da7;
    transform: translateY(-1px);
    box-shadow: inset 0 1px 0 rgba(225,242,255,.8), inset 0 -2px 0 rgba(7,30,55,.2),
      0 4px 0 #103a62, 0 9px 14px -5px rgba(13,45,75,.4), 0 18px 28px -15px rgba(19,83,138,.4);
  }
}
.btn-primary:active, .btn-onnavy:active {
  transform: translateY(2px);
  background: linear-gradient(175deg, #205d94, #134773);
  box-shadow: inset 0 1px 2px rgba(6, 28, 49, .25), 0 1px 0 #0c335b, 0 6px 14px -8px rgba(13, 45, 75, .4);
}
.btn-primary:focus-visible, .btn-onnavy:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 1px;
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px #0e1220;
}
.btn-primary:disabled, .btn-onnavy:disabled {
  transform: none;
  cursor: wait;
}
.nav {
  box-shadow: 0 1px 0 rgba(255,255,255,.92), 0 8px 22px -20px rgba(13,45,75,.6);
}
.nav .wrap { align-items: center; }
.navlinks a { color: #163f67; }
.navlinks a:focus-visible::after { transform: scaleX(1); }
.navmenu {
  min-width: 68px;
  min-height: 44px;
  padding: 12px 16px;
  border-color: #aab6c5;
  background: #fff;
}
.navmenu:active { transform: scale(.96); background: #f3f4f6; }
@media (min-width:1280px) { .navlinks { gap: 32px; } }

/* A white conversion panel, resting above the map. */
.zipbox {
  background: radial-gradient(ellipse at 20% 0%, #fff 25%, #f7faff 100%) !important;
  border: 1px solid #b6cfe4 !important;
  box-shadow: inset 0 1px 0 #fff, 0 1px 2px rgba(21,46,75,.06),
    0 10px 25px -5px rgba(21,46,75,.10), 0 8px 10px -6px rgba(21,46,75,.07) !important;
}
.zipform { display: flex; align-items: stretch; }
.zipform input {
  line-height: 1.2;
  background: linear-gradient(#f8fafc, #fff 45%);
  padding-inline: 20px;
  border: 1.5px solid #7f8fa5;
  box-shadow: inset 0 2px 4px rgba(24,51,83,.07), 0 1px 0 #fff;
}
.zipform input::placeholder { color: #6b7280; opacity: 1; }
.zipform input, .zipform .btn { min-height: 60px; }
.zipform input:focus {
  border-color: #1c659e;
  box-shadow: 0 0 0 4px rgba(72,139,196,.18), inset 0 1px 3px rgba(24,51,83,.06);
}
.zipbox.is-invalid input:focus, .mbody .is-invalid input:focus {
  border-color: var(--no);
  box-shadow: 0 0 0 4px rgba(167,55,63,.14);
}
.zipbox .undercta.guar {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #dbe5ee;
}
.undercta.guar svg { margin-top: 3px; }
.undercta.guar .guar-copy { min-width: 0; }
.hero .answer { align-items: baseline; line-height: 1.15; }
.hero-grid { grid-template-rows: max-content 1fr; }
.hero .answer span {
  color: var(--ink) !important;
  background: linear-gradient(180deg, transparent 65%, var(--marker-gold) 65%, var(--marker-gold) 96%, transparent 96%) !important;
  border: 0;
  border-radius: 2px;
  padding: 0 .15em;
  box-shadow: none !important;
  text-shadow: none;
  white-space: nowrap;
}
.proofs { gap: 24px; }
.proofs li { grid-template-columns: 26px minmax(0,1fr); align-items: start; gap: 14px; line-height: 1.6; }
.proofs .tick {
  width: 26px;
  height: 26px;
  margin-top: 0;
  color: #1761b2;
  border-color: #7fa4d3;
  background: linear-gradient(145deg, #fff, #e0edf8);
  box-shadow: inset 0 1px 0 #fff, 0 2px 3px rgba(20,59,95,.08);
}
.proofs .tick svg { width: 16px; height: 16px; }

/* Calm, cool cartography lets the gold badge and blue objects lead. */
.zipmap { filter: saturate(.82) contrast(.96); }
.hero::before {
  background: linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 16%),
    linear-gradient(90deg, rgba(255,255,255,.93) 0%, rgba(255,255,255,.73) 38%, rgba(255,255,255,.18) 72%, rgba(255,255,255,.12)),
    radial-gradient(ellipse at 43% 48%, rgba(255,255,255,.65), transparent 70%) !important;
}

.asking::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 120px;
  z-index: -1;
  background: linear-gradient(#fff, rgba(255,255,255,0));
  pointer-events: none;
}

/* Brushed silver-blue rim and an anchored, soft phone shadow. */
.hero-phone .phone {
  background: linear-gradient(135deg, #e0ecf7 0%, #7591af 13%, #26374e 32%, #101a2b 64%, #6385a5 88%, #c4daed 100%);
  box-shadow: 0 0 0 1px rgba(18,40,65,.58), inset 0 0 0 1px rgba(255,255,255,.76),
    inset 0 0 0 4px rgba(7,18,31,.75), 1px 4px 5px rgba(15,31,50,.24),
    8px 24px 28px -18px rgba(12,35,59,.5), 8px 30px 44px -12px rgba(15,41,65,.26) !important;
}
.hero-phone .phone::after {
  background: linear-gradient(130deg, #fff 0%, #cce5fa 12%, rgba(255,255,255,.08) 36%,
    rgba(128,177,218,.12) 70%, #8db8da 88%, #e1effb 100%);
}
.phone .screen {
  box-shadow: 0 0 0 1px #030b15, inset 0 1px 2px rgba(182,215,244,.15);
  background: radial-gradient(ellipse at 0% 0%, #17283e, transparent 52%), linear-gradient(#0d1525, #080f1d);
}
.phone .shead { border-bottom-color: rgba(148,192,230,.16); }
.phone .bubble.user {
  background: linear-gradient(150deg, #176abd, #115091);
  box-shadow: inset 0 1px 0 rgba(177,218,252,.2), 0 3px 7px rgba(0,0,0,.12);
}
.phone .caret { background: #e5f3ff; }
.phone .bubble.ai {
  background: linear-gradient(150deg, rgba(164,192,223,.09), rgba(164,192,223,.035));
  border-color: rgba(152,184,218,.17);
}
.phone .chat > .bubble { flex-shrink: 0; }
.phone .rec {
  grid-template-columns: 14px minmax(0,1fr);
  gap: 6px 8px;
  padding: 11px 10px;
}
.phone .rec > span:last-child:empty { display: none; }
.phone .rec.you {
  position: relative;
  background: linear-gradient(145deg, #28679a 0%, #19547f 42%, #164271 100%);
  border-color: #a9c8e1 !important;
  box-shadow: inset 0 1px 0 rgba(239,248,255,.45), inset 0 -2px 0 rgba(7,25,43,.25),
    0 2px 0 #0b2038, 0 7px 11px rgba(0,0,0,.27), 0 0 22px -8px rgba(133,197,244,.55) !important;
  animation: none !important;
}
.phone .rec.you .no { color: #efcd78; }
.phone .rec.you small { color: #c8ddec; }
.phone .rec.you b { color: #fff; }
.phone .badge-rec {
  grid-column: 2;
  justify-self: start;
  width: max-content;
  color: #122b43;
  background: linear-gradient(#f4dfaa, #dcb85e);
  border: 1px solid rgba(250,225,164,.75);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 2px 3px rgba(4,22,40,.18);
}
.phone .rec.you::after {
  content: "";
  position: absolute;
  inset: -1px;
  border: 1px solid #d9efff;
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
}
@media (prefers-reduced-motion: no-preference) {
  .phone .bubble.ai:not(.hidden) .rec.you::after { animation: recommendation-light 1.5s .35s ease-out both; }
}
@keyframes recommendation-light {
  0% { opacity: .8; box-shadow: 0 0 0 0 rgba(190,227,255,.3); }
  100% { opacity: 0; box-shadow: 0 0 0 9px rgba(190,227,255,0); }
}
.phone .send {
  background: linear-gradient(145deg, #63a1d3, #1a5c94);
  box-shadow: inset 0 1px 0 rgba(220,241,255,.5), 0 2px 4px rgba(0,0,0,.3);
}
.hero-side .story {
  max-width: 42ch;
  padding: 22px 24px;
  background: linear-gradient(130deg, rgba(255,255,255,.94), rgba(247,251,255,.82));
  border: 1px solid rgba(171,199,222,.7);
  border-radius: 14px;
  box-shadow: inset 0 1px 0 #fff, 0 2px 3px rgba(21,60,93,.05), 0 10px 25px rgba(21,60,93,.07);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #38475d;
}
.hero-side .story::before { content: none; }
.hero-side .story p { margin: 0; }
.hero-side .story .stem { color: inherit; }
.hero-side .story .voice {
  display: block;
  margin: 16px 0;
  padding: 0 0 0 20px;
  border-left: 3px solid #2563eb;
  font-family: var(--voice);
  font-size: 21px;
  font-weight: 550;
  line-height: 1.35;
  color: #1758ad;
}

/* The certificate sits above a visible paper edge, with a pressed metal seal. */
.cert {
  isolation: isolate;
  background: linear-gradient(140deg, #fff, #f9fafc);
  box-shadow: 0 0 0 1px #b0c7dc, inset 0 1px 0 #fff,
    0 3px 3px rgba(26,51,76,.12), 0 15px 20px -14px rgba(20,48,77,.35),
    0 44px 65px -36px rgba(18,49,77,.4) !important;
}
.cert::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 7px 3px -5px;
  border-radius: 9px;
  background: #e8eef4;
  border: 1px solid #b8cbdc;
  box-shadow: inset 0 -1px 0 #fff, 0 3px 4px rgba(20,48,77,.08);
  pointer-events: none;
}
.cert-inner {
  padding: clamp(36px, 5.7vw, 84px);
  border-color: #7296b7;
  outline-color: #c9d8e5;
  background-color: #fff;
  box-shadow: inset 0 0 28px rgba(218,228,237,.3);
}
.cert-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center, rgba(255,255,255,.8), rgba(248,250,252,.65));
  border-radius: inherit;
  pointer-events: none;
}
.cert-inner > * { position: relative; }
.cert .writing { margin-top: 8px; }
.cert .terms-body { margin-top: 24px; max-width: 65ch; font-weight: 400; color: #374151; line-height: 1.65; }
.cert .paper-fx { filter: drop-shadow(0 1px 0 #fff); }
.cert .terms { border-top-color: #c7d5e0; }
.cert .seal {
  filter: drop-shadow(1px 3px 1px rgba(19,43,67,.22)) drop-shadow(6px 13px 10px rgba(17,44,71,.25)) !important;
}
.seal .ring-t { fill: #c1def6; }
.seal .ribbon { filter: drop-shadow(0 2px 1px rgba(9,33,58,.45)); }
.report { box-shadow: 0 0 0 1px #b4cbdc, 0 3px 5px rgba(14,38,62,.08), 0 30px 65px -32px rgba(14,38,62,.34); }
.report-bar { background: linear-gradient(130deg, #1a304b, #0d1a2e 75%); }
footer { box-shadow: inset 0 1px 0 rgba(194,222,248,.22); }
footer .links { gap: 8px 24px; flex-wrap: wrap; }
footer .links a { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 0; font-weight: 400; }
footer .links .tel { font-weight: 600; }
footer .copy, footer .attrib, footer .attrib a { color: #cbd5e1 !important; font-size: 14px; line-height: 1.6; }
footer .links a:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
footer a:focus-visible, .lc .x:focus-visible { outline: 2px solid #e7f2ff; outline-offset: 4px; }

@media (max-width:959px) {
  
  .hero::before {
    background: linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 14%),
      linear-gradient(180deg, rgba(255,255,255,.82) 0%, rgba(255,255,255,.78) 35%, rgba(255,255,255,.26) 68%, rgba(255,255,255,.72)) !important;
  }
  .hero-side .story { align-self: center; width: 100%; }
}
@media (max-width:540px) {
  :root { --gut: clamp(20px, 6.15vw, 24px); }
  .hero { padding-top: calc(var(--safe-t) + var(--nav-h) + 32px); }
  
  .hero-phone .phone { width: min(290px, calc(100vw - 40px)); }
  .zipbox { box-shadow: inset 0 1px 0 #fff, 0 4px 6px -1px rgba(21,46,75,.10), 0 10px 20px -5px rgba(21,46,75,.12) !important; }
  .zipform input { text-align: left; }
  .hero-side .story { font-size: 15px; }
  .hero-side .story .voice { font-size: 20px; padding-left: 16px; }
  .cert-inner { padding: 25px 20px; }
  .cert .seal { width: min(210px, 90%); justify-self: center; }
  .cert h2 { font-size: clamp(32px, 8.8vw, 45px); }
  .mobilebar .btn { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .phone .rec.you::after { animation: none; }
  .btn-primary:hover, .btn-onnavy:hover { transform: none; }
  .navmenu:active { transform: none; }
}

/* ===== 3. satellite palette: the approved design in THIS site's own colors (reads --gold, --gold-ink, --lamp, --lamp-hi, --navy, --night, --ink) ===== */
:root{--depth-blue-top:color-mix(in srgb,var(--gold) 52%,#fff);--depth-blue-face:var(--gold);--depth-blue-base:color-mix(in srgb,var(--gold) 72%,var(--gold-ink));--marker-gold:color-mix(in srgb,var(--gold) 72%,#fff)}
.btn-primary,.btn-onnavy{color:var(--navy)!important;text-shadow:0 1px 0 rgba(255,255,255,.35)!important;border-color:color-mix(in srgb,var(--gold) 70%,var(--gold-ink))!important;border-bottom-color:var(--gold-ink)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(0,0,0,.12),0 2px 0 var(--gold-ink),0 10px 18px -10px color-mix(in srgb,var(--gold-ink) 60%,transparent)!important}
@media (hover:hover) and (pointer:fine){ .btn-primary:hover,.btn-onnavy:hover{background:linear-gradient(175deg,color-mix(in srgb,var(--gold) 40%,#fff) 0%,color-mix(in srgb,var(--gold) 88%,#fff) 42%,color-mix(in srgb,var(--gold) 80%,var(--gold-ink)) 100%)!important;border-color:var(--gold)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 0 rgba(0,0,0,.12),0 3px 0 var(--gold-ink),0 14px 22px -12px color-mix(in srgb,var(--gold-ink) 60%,transparent)!important} }
.btn-primary:active,.btn-onnavy:active{background:linear-gradient(175deg,color-mix(in srgb,var(--gold) 85%,var(--gold-ink)),color-mix(in srgb,var(--gold) 68%,var(--gold-ink)))!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.22),0 1px 0 var(--gold-ink)!important}
.btn-primary:focus-visible,.btn-onnavy:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--night)!important}
.hero .answer span{color:var(--ink)!important}
.nav{box-shadow:0 1px 0 rgba(255,255,255,.92),0 8px 22px -20px color-mix(in srgb,var(--night) 60%,transparent)!important}
.navlinks a{color:var(--navy)!important}
.navmenu{border-color:color-mix(in srgb,var(--navy) 32%,#fff)!important}
.zipbox{border-color:color-mix(in srgb,var(--gold-ink) 26%,#fff)!important;box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.06),0 10px 25px -5px rgba(0,0,0,.08),0 8px 10px -6px rgba(0,0,0,.04)!important}
.zipform input{border-color:color-mix(in srgb,var(--navy) 45%,#fff)!important}
.zipform input:focus{border-color:var(--gold-ink)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 28%,transparent),inset 0 1px 3px rgba(0,0,0,.06)!important}
.zipbox .undercta.guar{color:var(--ink);font-weight:600;border-top-color:color-mix(in srgb,var(--gold-ink) 18%,#fff)!important}
.undercta.guar svg{width:14px;height:14px;flex:none;color:var(--gold-ink)}
.proofs .tick{color:var(--gold-ink)!important;border-color:color-mix(in srgb,var(--gold) 60%,#fff)!important;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--gold) 16%,#fff))!important;box-shadow:inset 0 1px 0 #fff,0 2px 3px rgba(0,0,0,.08)!important}
.hero-phone .phone{background:linear-gradient(135deg,#eceff1 0%,#8f969c 13%,#2b3035 32%,#121518 64%,#7b8288 88%,#d8dde1 100%)!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.72),inset 0 0 0 4px rgba(8,10,12,.75),0 46px 70px -34px rgba(0,0,0,.55),0 22px 36px -22px color-mix(in srgb,var(--night) 60%,transparent)!important}
.hero-phone .phone::after{background:linear-gradient(130deg,#fff 0%,#e6eaee 12%,rgba(255,255,255,.08) 36%,rgba(205,212,218,.12) 70%,#b4bcc3 88%,#eef1f4 100%)!important}
.phone .screen{background:radial-gradient(ellipse at 0% 0%,var(--navy-2,var(--navy)),transparent 52%),linear-gradient(var(--navy),var(--night))!important;box-shadow:0 0 0 1px #000,inset 0 1px 2px rgba(255,255,255,.08)!important}
.phone .shead{border-bottom-color:rgba(255,255,255,.12)!important}
.phone .bubble.user{background:linear-gradient(150deg,var(--depth-blue-top),var(--gold) 55%,var(--depth-blue-base))!important;color:var(--navy)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 3px 7px rgba(0,0,0,.15)!important}
.phone .caret{background:var(--lamp-hi)!important}
.phone .bubble.ai{background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.03))!important;border-color:rgba(255,255,255,.14)!important}
.phone .rec.you{background:linear-gradient(145deg,color-mix(in srgb,var(--gold) 34%,var(--navy)) 0%,color-mix(in srgb,var(--gold) 20%,var(--navy)) 42%,color-mix(in srgb,var(--gold) 10%,var(--night)) 100%)!important;border-color:color-mix(in srgb,var(--gold) 75%,#fff)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 0 rgba(0,0,0,.25),0 2px 0 var(--night),0 10px 22px -10px color-mix(in srgb,var(--gold) 50%,transparent)!important}
.phone .rec.you .no{color:var(--lamp)!important}
.phone .rec.you small{color:var(--lamp-hi)!important}
.phone .badge-rec{color:var(--navy)!important;background:linear-gradient(var(--lamp-hi),var(--gold))!important;border-color:rgba(255,255,255,.6)!important}
.phone .rec.you::after{border-color:var(--lamp-hi)!important}
.phone .send{background:linear-gradient(145deg,var(--depth-blue-top),var(--depth-blue-base))!important}
.hero-side .story{border-color:color-mix(in srgb,var(--gold-ink) 22%,#fff)!important;background:linear-gradient(130deg,rgba(255,255,255,.94),rgba(250,251,252,.84))!important;box-shadow:inset 0 1px 0 #fff,0 2px 3px rgba(0,0,0,.05),0 10px 25px rgba(0,0,0,.07)!important}
.hero-side .story .voice{border-left-color:var(--gold)!important;color:var(--gold-ink)!important}
.cert{box-shadow:0 0 0 1px color-mix(in srgb,var(--gold-ink) 25%,#fff),inset 0 1px 0 #fff,0 3px 3px rgba(0,0,0,.1),0 15px 20px -14px rgba(0,0,0,.3),0 44px 65px -36px color-mix(in srgb,var(--night) 55%,transparent)!important}
.cert::before{background:color-mix(in srgb,var(--gold) 6%,#eef0f2)!important;border-color:color-mix(in srgb,var(--gold-ink) 22%,#fff)!important}
.cert-inner{border-color:var(--gold-ink)!important;outline-color:color-mix(in srgb,var(--gold) 30%,#fff)!important}
.cert .paper-fx{background:linear-gradient(90deg,var(--gold-ink),var(--gold) 55%,var(--gold-ink)) left top / 22px 2px no-repeat,linear-gradient(90deg,var(--gold-ink),var(--gold) 55%,var(--gold-ink)) left top / 2px 22px no-repeat,linear-gradient(90deg,var(--gold-ink),var(--gold) 55%,var(--gold-ink)) right top / 22px 2px no-repeat,linear-gradient(90deg,var(--gold-ink),var(--gold) 55%,var(--gold-ink)) right top / 2px 22px no-repeat,linear-gradient(90deg,var(--gold-ink),var(--gold) 55%,var(--gold-ink)) left bottom / 22px 2px no-repeat,linear-gradient(90deg,var(--gold-ink),var(--gold) 55%,var(--gold-ink)) left bottom / 2px 22px no-repeat,linear-gradient(90deg,var(--gold-ink),var(--gold) 55%,var(--gold-ink)) right bottom / 22px 2px no-repeat,linear-gradient(90deg,var(--gold-ink),var(--gold) 55%,var(--gold-ink)) right bottom / 2px 22px no-repeat!important}
.cert .terms{border-top-color:color-mix(in srgb,var(--gold-ink) 20%,#fff)!important}
.seal .ring-t{fill:var(--lamp-hi)!important}
.report{box-shadow:0 0 0 1px color-mix(in srgb,var(--gold-ink) 25%,#fff),0 3px 5px rgba(0,0,0,.08),0 30px 65px -32px color-mix(in srgb,var(--night) 50%,transparent)!important}
.report-bar{background:linear-gradient(130deg,var(--navy-2,var(--navy)),var(--night) 75%)!important}
footer{background:linear-gradient(180deg,var(--navy),var(--night))!important;border-top:1px solid color-mix(in srgb,var(--gold) 70%,transparent)!important;color:#C9D0D6!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 22px 34px -24px color-mix(in srgb,var(--gold) 22%,transparent)!important}
footer .wm{color:#fff!important} footer .wm i{color:var(--gold)!important} footer .wordmark small{color:#AEB5BB!important}
@media (max-width:540px){ .cert .seal{width:min(210px,90%)!important;max-width:100%!important;height:auto!important;justify-self:center} }
/* the seal starts large and rotated before its stamp animation: keep that pose from pushing the page sideways on phones */
.guarantee{overflow-x:clip!important}
@supports not (overflow:clip){ .guarantee{overflow-x:hidden!important} }
/* long site names (GetMoreMemberships.com): keep the footer logo inside small phone screens; same logo, scaled */
@media (max-width:420px){ footer .lockup .wordmark .wm{font-size:clamp(15px,5.2vw,21px)!important} footer .lockup .mark{width:clamp(40px,14vw,58px)!important;height:auto!important} }
/* ===== review fixes (2026-10-03) ===== */
/* 1. invalid ZIP: the red border and ring win over the palette (hero form and scan dialog) */
.zipbox.is-invalid input,.mbody .is-invalid input{border-color:var(--no)!important}
.zipbox.is-invalid input:focus,.mbody .is-invalid input:focus{border-color:var(--no)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--no) 18%,transparent),inset 0 1px 3px rgba(0,0,0,.06)!important}
/* 2. stronger ZIP borders; a gentler pressed shade keeps the dark label readable (Roofs 4.6:1, HVAC 5.8:1, Pools 6.8:1, Memberships 11.8:1) */
.zipform input{border-color:color-mix(in srgb,var(--navy) 62%,#fff)!important}
.btn-primary:active,.btn-onnavy:active{background:linear-gradient(175deg,color-mix(in srgb,var(--gold) 94%,var(--gold-ink)),color-mix(in srgb,var(--gold) 88%,var(--gold-ink)))!important}
/* 3. phones: the stronger form shadow from the approved design, which the palette rule above used to cancel */
@media (max-width:540px){ .zipbox{box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(0,0,0,.08),0 4px 6px -1px rgba(0,0,0,.10),0 16px 30px -12px rgba(0,0,0,.18)!important} }
/* headline icon after the niche word (Roofs, HVAC, Pools): the site's own icon at capital height, a small gap, kept with the word */
.hero h1 .gold{white-space:nowrap}
.hero h1 .h-mark{display:inline-block;height:.7em;width:auto;margin-left:.1em;vertical-align:baseline;overflow:visible}
/* GetMoreMemberships: the icon leads the headline, before "GET MORE", kept on one line with it */
.hero h1 .h-lead{white-space:nowrap}
.hero h1 .h-mark-lead{margin-left:0;margin-right:.12em}

/* hotfix 2026-10-03: keep the paper-lighting overlay under the certificate content, even when the layout reorders the seal to the top (narrow screens) */
.cert-inner::before{z-index:0!important}
.cert-inner > *{z-index:1}