:root {
  --ink: #14265b;
  --navy: #071b4a;
  --blue: #203f8f;
  --purple: #2458b8;
  --violet: #3688dd;
  --gold: #f3a400;
  --cyan: #19c7df;
  --soft: #f3f7fd;
  --line: #d9e1ef;
  --muted: #5e6984;
}

h1 em { color: var(--gold); }

.site-header {
  background: rgba(255,255,255,.97);
  color: var(--blue);
  border-bottom: 1px solid rgba(32,63,143,.14);
  box-shadow: 0 7px 25px rgba(13,36,91,.08);
}

.brand-logo { display:block; width:250px; height:62px; overflow:hidden; }
.brand-logo img { width:220px; height:69px; object-fit:contain; object-position:center; }
.button { background:linear-gradient(135deg,var(--gold),#f7b92f); color:var(--navy); box-shadow:0 12px 35px rgba(243,164,0,.25); }
.button:hover { box-shadow:0 17px 38px rgba(243,164,0,.38); }
.hero { background:radial-gradient(circle at 78% 36%,#173d8b 0,#0b255b 28%,#06163b 65%,#04102d 100%); }
.hero-lead { color:#cfdbf4; }
.eyebrow { color:#8edff0; }
.trust-row { color:#a9badd; }
.trust-row span:before, .text-link span { color:var(--gold); }

.market-strip { padding:22px 4vw; display:flex; justify-content:center; gap:clamp(20px,3vw,48px); align-items:center; }
.market-strip > div { display:flex; align-items:center; gap:10px; white-space:nowrap; color:var(--blue); font-weight:800; font-size:1rem; }
.local-mark { width:31px; height:31px; display:inline-grid; place-items:center; flex:0 0 31px; font-style:normal; font-family:Manrope,sans-serif; font-weight:800; line-height:1; }
.amazon-mark { color:#111827; font-size:1.8rem; position:relative; padding-bottom:4px; }
.amazon-mark:after { content:""; position:absolute; width:20px; height:7px; border-bottom:3px solid #f3a400; border-radius:0 0 50% 50%; bottom:1px; left:6px; transform:rotate(4deg); }
.tiktok-mark { background:#10121b; color:white; border-radius:9px; font-size:1.45rem; text-shadow:-2px 0 #25f4ee,2px 0 #fe2c55; }
.walmart-mark { color:#f3a400; font-size:2rem; }
.target-mark { color:#cc0000; border:6px solid #cc0000; border-radius:50%; background:white; font-size:0; position:relative; }
.target-mark:after { content:""; width:8px; height:8px; border-radius:50%; background:#cc0000; }
.chewy-mark { background:#137fdf; color:white; border-radius:50%; font-size:1.1rem; }
.iherb-mark { color:white; background:#5b8f33; border-radius:50%; font-size:.72rem; }
.market-strip .more-mark b { width:29px; height:29px; display:grid; place-items:center; border-radius:50%; background:var(--gold); color:var(--navy); font-size:1.25rem; }

.engine-visual { max-width:1080px; margin:55px auto; display:grid; grid-template-columns:minmax(280px,.85fr) 1.15fr; gap:48px; align-items:center; }
.engine-visual img { width:100%; border-radius:25px; box-shadow:0 25px 65px rgba(7,27,74,.22); }
.engine-visual p:last-child { color:var(--muted); }
.solution-label { font-size:1rem; letter-spacing:.14em; color:var(--blue); }
.branded-label { display:flex; align-items:center; gap:12px; font-size:1.08rem; }
.branded-label .local-mark { width:38px; height:38px; flex-basis:38px; }
.engine-visual h3 { font-size:clamp(2rem,3.25vw,3.7rem); max-width:720px; }
.solution-card .icon { background:var(--blue); }
.metric-panel { background:linear-gradient(145deg,var(--navy),#173e89); }
.metric-panel strong { color:var(--gold); }
.journey-image { width:100%; border-radius:16px; margin-top:20px; box-shadow:0 14px 34px rgba(15,38,91,.16); }
.review-note { margin-top:22px; background:#edf5ff; border:1px solid #c9dcf5; border-radius:15px; padding:20px; }
.review-note strong { color:var(--blue); }
.review-note p { font-size:.93rem; margin:6px 0 0; }
.fotolive-art { background:linear-gradient(145deg,#071b4a,#2458b8); }

.testimonials { padding:110px clamp(24px,7vw,110px); background:white; }
.testimonial-grid { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.testimonial-grid blockquote { margin:0; border-radius:24px; padding:34px; background:var(--soft); border:1px solid var(--line); display:flex; flex-direction:column; }
.testimonial-grid blockquote > p { font-size:1.06rem; color:#3f4c69; flex:1; }
.testimonial-grid blockquote footer { padding:18px 0 0; display:flex; flex-direction:column; gap:2px; border-top:1px solid var(--line); }
.testimonial-grid footer span { font-size:.85rem; color:var(--muted); }
.stars { color:var(--gold); letter-spacing:.18em; }

.ranking-pill { background:linear-gradient(135deg,#eaf3ff,#fff8e5); }
.pill-card.real-thumbnail { height:auto; padding:0; background:none; box-shadow:22px 28px 0 var(--gold); }
.real-thumbnail img { width:100%; display:block; border-radius:28px; }
.dark-button { background:var(--blue); color:white; }
.process, .final-cta { background:linear-gradient(135deg,#04102d,#0d2e6c); }
.footer-logo { display:block; width:220px; height:70px; overflow:hidden; }
.footer-logo img { width:210px; height:70px; object-fit:contain; }

@media (max-width:980px) {
  .brand-logo { width:190px; }
  .brand-logo img { width:180px; }
  .engine-visual { grid-template-columns:1fr; }
  .testimonial-grid { grid-template-columns:1fr 1fr; }
  .market-strip { justify-content:flex-start; overflow:auto; }
}

@media (max-width:680px) {
  .brand-logo { width:165px; height:55px; }
  .brand-logo img { width:160px; height:56px; }
  .testimonial-grid { grid-template-columns:1fr; }
  .testimonials { padding:75px 20px; }
  .market-strip { justify-content:flex-start; overflow:auto; flex-wrap:nowrap; }
  .pill-card.real-thumbnail { height:auto; padding:0; }
  .engine-visual { gap:24px; }
}