@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;500;600;700&family=Roboto+Mono:wght@500&display=swap');

:root {
  --ink: #102b36;
  --deep: #163b48;
  --teal: #2e7180;
  --mint: #9dc7b3;
  --copper: #cc7b52;
  --paper: #f4f7f4;
  --white: #ffffff;
  --muted: #577079;
  --line: #ccd9d5;
  --shadow: 0 24px 70px rgba(16, 43, 54, .12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: Manrope, Arial, sans-serif;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; }
img, svg { max-width: 100%; }
.wrap { width: min(1160px, calc(100% - 40px)); margin: 0 auto; }
.skip-link { position: absolute; left: -999px; top: 8px; z-index: 99; background: var(--white); padding: 10px 14px; }
.skip-link:focus { left: 8px; }

.affiliate-bar {
  background: var(--ink);
  color: #dce8e5;
  font-size: 12px;
  padding: 9px 20px;
  text-align: center;
}
.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: rgba(244,247,244,.94);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(16,43,54,.11);
}
.nav { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: flex; align-items: center; gap: 11px; text-decoration: none; font-weight: 700; letter-spacing: -.02em; }
.brand-mark { width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--teal); display: grid; place-items: center; position: relative; }
.brand-mark::before { content: ''; width: 7px; height: 20px; background: var(--copper); border-radius: 99px 99px 55% 55%; transform: rotate(24deg); }
.nav-links { display: flex; gap: 26px; align-items: center; font-size: 14px; }
.nav-links a { text-decoration: none; }
.nav-links a:not(.button):hover { color: var(--teal); }
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 21px;
  border-radius: 4px;
  border: 1px solid var(--ink);
  background: var(--ink);
  color: white;
  font-weight: 700;
  text-decoration: none;
  line-height: 1.2;
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.button:hover { transform: translateY(-2px); background: var(--deep); box-shadow: 0 10px 30px rgba(16,43,54,.18); }
.button.secondary { color: var(--ink); background: transparent; }
.button.secondary:hover { color: white; background: var(--ink); }
.button.small { padding: 10px 15px; font-size: 13px; }
.button .arrow { font-size: 19px; line-height: 1; }

.hero { position: relative; overflow: hidden; padding: 86px 0 78px; }
.hero::before {
  content: '';
  position: absolute;
  width: 560px;
  height: 560px;
  right: -220px;
  top: -190px;
  border: 1px solid rgba(46,113,128,.19);
  border-radius: 50%;
  box-shadow: 0 0 0 80px rgba(157,199,179,.08), 0 0 0 160px rgba(46,113,128,.04);
}
.hero-grid { display: grid; grid-template-columns: minmax(0, 1.14fr) minmax(330px, .86fr); gap: 70px; align-items: center; position: relative; }
.eyebrow { font-family: 'Roboto Mono', monospace; color: var(--teal); font-size: 12px; text-transform: uppercase; letter-spacing: .13em; font-weight: 500; }
h1, h2, h3 { font-family: 'DM Serif Display', Georgia, serif; font-weight: 400; line-height: 1.08; margin: 0; }
h1 { font-size: clamp(47px, 6vw, 79px); letter-spacing: -.04em; max-width: 790px; margin: 18px 0 24px; }
h1 em { color: var(--teal); font-weight: 400; }
.hero-copy { font-size: 19px; color: var(--muted); max-width: 680px; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin: 32px 0 17px; }
.micro { color: var(--muted); font-size: 12px; max-width: 600px; }

.flow-card { position: relative; padding: 30px; background: var(--white); box-shadow: var(--shadow); border: 1px solid rgba(16,43,54,.1); }
.flow-card::before { content: ''; position: absolute; inset: 10px; border: 1px solid var(--line); pointer-events: none; }
.flow-head { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 19px; margin-bottom: 18px; border-bottom: 1px solid var(--line); }
.flow-head strong { font-family: 'DM Serif Display', serif; font-size: 24px; font-weight: 400; }
.flow-head span { font-family: 'Roboto Mono', monospace; font-size: 10px; color: var(--teal); text-transform: uppercase; }
.flow-line { position: absolute; left: 54px; top: 112px; bottom: 48px; width: 2px; background: var(--line); }
.flow-line::after { content: ''; position: absolute; left: -2px; width: 6px; height: 70px; border-radius: 10px; background: var(--copper); animation: travel 5s ease-in-out infinite; }
@keyframes travel { 0%, 100% { top: 0; } 50% { top: calc(100% - 70px); } }
.flow-step { position: relative; display: grid; grid-template-columns: 50px 1fr; gap: 16px; margin: 23px 0; }
.flow-dot { width: 14px; height: 14px; background: var(--paper); border: 3px solid var(--teal); border-radius: 50%; margin: 5px auto 0; z-index: 2; }
.flow-step b { display: block; font-size: 14px; margin-bottom: 2px; }
.flow-step p { margin: 0; font-size: 12px; color: var(--muted); }

.fact-strip { background: var(--ink); color: white; }
.facts { display: grid; grid-template-columns: repeat(4, 1fr); }
.fact { padding: 26px 24px; border-right: 1px solid rgba(255,255,255,.15); }
.fact:first-child { border-left: 1px solid rgba(255,255,255,.15); }
.fact small { display: block; color: #a9c5c7; font-family: 'Roboto Mono', monospace; font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }
.fact strong { display: block; margin-top: 4px; font-size: 15px; }

.section { padding: 100px 0; }
.section.white { background: var(--white); }
.section-head { display: grid; grid-template-columns: .68fr 1.32fr; gap: 50px; align-items: start; margin-bottom: 48px; }
.section h2 { font-size: clamp(38px, 5vw, 60px); letter-spacing: -.03em; }
.section-intro { margin: 8px 0 0; font-size: 18px; color: var(--muted); max-width: 680px; }

.evidence-grid { display: grid; grid-template-columns: repeat(5, 1fr); border: 1px solid var(--line); background: var(--white); }
.evidence-item { min-height: 190px; padding: 25px 20px; border-right: 1px solid var(--line); }
.evidence-item:last-child { border-right: 0; }
.evidence-item .index { color: var(--copper); font-family: 'Roboto Mono', monospace; font-size: 11px; }
.evidence-item h3 { font-family: Manrope, sans-serif; font-size: 15px; font-weight: 700; margin: 44px 0 7px; }
.evidence-item p { font-size: 12px; color: var(--muted); margin: 0; }

.decision-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.decision-card { background: var(--paper); border-top: 3px solid var(--teal); padding: 31px; min-height: 330px; }
.decision-card:nth-child(2) { border-color: var(--copper); }
.decision-card .num { font-family: 'DM Serif Display', serif; font-size: 55px; color: var(--line); }
.decision-card h3 { font-size: 27px; margin: 28px 0 13px; }
.decision-card p { color: var(--muted); margin: 0; font-size: 14px; }

.formula-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 72px; align-items: start; }
.formula-note { position: sticky; top: 112px; }
.formula-note h2 { margin: 14px 0 20px; }
.formula-note p { color: var(--muted); }
.ingredient-list { border-top: 1px solid var(--line); }
.ingredient { display: grid; grid-template-columns: 46px 1fr; gap: 18px; padding: 25px 0; border-bottom: 1px solid var(--line); }
.ingredient .tag { font-family: 'Roboto Mono', monospace; font-size: 11px; color: var(--teal); padding-top: 4px; }
.ingredient h3 { font-family: Manrope, sans-serif; font-weight: 700; font-size: 16px; margin-bottom: 5px; }
.ingredient p { margin: 0; color: var(--muted); font-size: 13px; }

.compare { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); }
.compare > div { padding: 38px; }
.compare > div + div { border-left: 1px solid var(--line); }
.compare h3 { font-size: 30px; margin-bottom: 22px; }
.clean-list { list-style: none; padding: 0; margin: 0; }
.clean-list li { padding: 14px 0 14px 28px; position: relative; border-top: 1px solid var(--line); color: var(--muted); font-size: 14px; }
.clean-list li::before { content: '+'; position: absolute; left: 0; color: var(--teal); font-family: 'Roboto Mono', monospace; font-weight: 700; }
.consider li::before { content: '!'; color: var(--copper); }

.faq { max-width: 900px; margin: 0 auto; }
.faq details { border-top: 1px solid var(--line); padding: 22px 0; }
.faq details:last-child { border-bottom: 1px solid var(--line); }
.faq summary { cursor: pointer; font-weight: 700; list-style: none; padding-right: 40px; position: relative; }
.faq summary::after { content: '+'; position: absolute; right: 5px; color: var(--teal); font-size: 22px; top: -5px; }
.faq details[open] summary::after { content: '−'; }
.faq details p { color: var(--muted); font-size: 14px; max-width: 760px; margin: 14px 0 0; }

.cta-section { background: var(--teal); color: white; padding: 76px 0; }
.cta-inner { display: grid; grid-template-columns: 1fr auto; gap: 50px; align-items: center; }
.cta-section h2 { font-size: clamp(36px, 5vw, 56px); max-width: 760px; }
.cta-section p { color: #d8e9e8; max-width: 720px; }
.cta-section .button { background: white; color: var(--ink); border-color: white; }

.footer { background: #0b222b; color: #c8d9da; padding: 52px 0 34px; }
.footer-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 60px; }
.footer .brand { color: white; margin-bottom: 18px; }
.footer p { font-size: 12px; max-width: 730px; }
.footer nav { display: flex; flex-wrap: wrap; gap: 12px 24px; align-content: start; justify-content: flex-end; }
.footer nav a { font-size: 12px; color: white; }
.copyright { border-top: 1px solid rgba(255,255,255,.13); margin-top: 36px; padding-top: 20px; font-size: 11px; }

.legal { min-height: 70vh; padding: 75px 0 100px; }
.legal article { max-width: 820px; background: white; border: 1px solid var(--line); padding: clamp(28px, 6vw, 70px); }
.legal h1 { font-size: clamp(42px, 6vw, 65px); }
.legal h2 { font-family: Manrope, sans-serif; font-size: 18px; font-weight: 700; margin-top: 34px; }
.legal p, .legal li { color: var(--muted); font-size: 14px; }
.back { display: inline-block; margin-bottom: 28px; color: var(--teal); font-weight: 700; }

:focus-visible { outline: 3px solid var(--copper); outline-offset: 4px; }
@media (max-width: 900px) {
  .nav-links a:not(.button) { display: none; }
  .hero { padding-top: 58px; }
  .hero-grid, .section-head, .formula-layout, .footer-grid { grid-template-columns: 1fr; }
  .hero-grid { gap: 50px; }
  .facts { grid-template-columns: 1fr 1fr; }
  .fact:nth-child(3) { border-left: 1px solid rgba(255,255,255,.15); }
  .evidence-grid { grid-template-columns: 1fr 1fr; }
  .evidence-item { border-bottom: 1px solid var(--line); }
  .evidence-item:nth-child(2n) { border-right: 0; }
  .evidence-item:last-child { grid-column: 1 / -1; }
  .decision-grid { grid-template-columns: 1fr; }
  .decision-card { min-height: auto; }
  .formula-note { position: static; }
  .cta-inner { grid-template-columns: 1fr; }
  .footer nav { justify-content: flex-start; }
}
@media (max-width: 600px) {
  .wrap { width: min(100% - 28px, 1160px); }
  .affiliate-bar { text-align: left; font-size: 10px; }
  .brand span:last-child { font-size: 14px; }
  .nav .button.small { display: none; }
  h1 { font-size: 48px; }
  .hero-copy { font-size: 17px; }
  .hero-actions .button { width: 100%; }
  .flow-card { padding: 24px 18px; }
  .flow-line { left: 40px; }
  .facts { grid-template-columns: 1fr; }
  .fact, .fact:first-child, .fact:nth-child(3) { border-left: 1px solid rgba(255,255,255,.15); border-bottom: 1px solid rgba(255,255,255,.15); }
  .section { padding: 75px 0; }
  .evidence-grid { grid-template-columns: 1fr; }
  .evidence-item, .evidence-item:nth-child(2n), .evidence-item:last-child { grid-column: auto; border-right: 0; min-height: auto; }
  .evidence-item h3 { margin-top: 20px; }
  .compare { grid-template-columns: 1fr; }
  .compare > div + div { border-left: 0; border-top: 1px solid var(--line); }
  .cta-section .button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* MAC Digital Global corporate identity */
.corporate-page { background: #eef3f7; color: #101d2b; }
.corporate-header { background: rgba(238,243,247,.94); border-color: rgba(16,29,43,.14); }
.mac-brand { letter-spacing: -.025em; }
.mac-monogram { width: 35px; height: 35px; display: grid; place-items: center; background: #2d5bff; color: white; font-family: 'Roboto Mono', monospace; font-size: 15px; transform: rotate(-4deg); box-shadow: 5px 5px 0 #79e0d0; }
.corporate-hero { position: relative; overflow: hidden; padding: 105px 0 95px; background: #101d2b; color: white; }
.corporate-hero::after { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 52px 52px; pointer-events: none; mask-image: linear-gradient(90deg, transparent 20%, black); }
.corporate-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1.15fr .85fr; gap: 80px; align-items: center; }
.corporate-hero h1 { max-width: 760px; }
.corporate-hero h1 em { color: #79e0d0; }
.corporate-hero .hero-copy { color: #b8c7d5; }
.corporate-hero .button { background: #2d5bff; border-color: #2d5bff; }
.corporate-hero .button.secondary { color: white; border-color: #627485; background: transparent; }
.corporate-hero .button.secondary:hover { background: white; color: #101d2b; }
.signal-board { border: 1px solid #435668; padding: 28px; background: rgba(17,36,51,.8); box-shadow: 20px 20px 0 rgba(121,224,208,.10); }
.signal-top { display: flex; justify-content: space-between; padding-bottom: 22px; border-bottom: 1px solid #435668; font: 11px 'Roboto Mono', monospace; text-transform: uppercase; letter-spacing: .1em; color: #8ea3b3; }
.signal-top strong { color: #79e0d0; }
.signal-axis { display: grid; grid-template-columns: 120px 1fr 70px; gap: 15px; align-items: center; margin: 28px 0; font-size: 12px; }
.signal-axis i { height: 3px; background: #2b4152; position: relative; }
.signal-axis i::after { content: ''; position: absolute; inset: 0; width: 76%; background: #2d5bff; }
.signal-axis:nth-child(3) i::after { width: 64%; background: #79e0d0; }
.signal-axis:nth-child(4) i::after { width: 88%; background: #f4b860; }
.signal-axis b { font: 10px 'Roboto Mono', monospace; color: #b8c7d5; text-transform: uppercase; }
.signal-readout { border-top: 1px solid #435668; padding-top: 23px; }
.signal-readout small { display: block; color: #8ea3b3; font: 10px 'Roboto Mono', monospace; text-transform: uppercase; }
.signal-readout strong { display: block; color: white; font: 28px 'DM Serif Display', serif; margin-top: 5px; }
.principles-band { background: #2d5bff; color: white; }
.principles-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.principles-grid span { padding: 19px 22px; text-align: center; border-right: 1px solid rgba(255,255,255,.24); font: 11px 'Roboto Mono', monospace; text-transform: uppercase; letter-spacing: .1em; }
.research-feature { display: grid; grid-template-columns: 150px 1fr 270px; gap: 36px; background: white; border: 1px solid #ced9e2; padding: 40px; align-items: center; box-shadow: 0 18px 50px rgba(16,29,43,.08); }
.research-code { align-self: stretch; padding-right: 28px; border-right: 1px solid #ced9e2; display: flex; flex-direction: column; justify-content: space-between; }
.research-code span { font: 10px 'Roboto Mono', monospace; color: #577079; }
.research-code strong { font: 76px 'DM Serif Display', serif; color: #dbe4ea; line-height: 1; }
.research-body h3 { font-size: 34px; margin: 7px 0 13px; }
.research-body p { color: #577079; font-size: 14px; }
.research-body ul { display: flex; list-style: none; gap: 12px; padding: 0; margin: 20px 0 0; flex-wrap: wrap; }
.research-body li { font: 10px 'Roboto Mono', monospace; border: 1px solid #ced9e2; padding: 7px 9px; text-transform: uppercase; }
.research-action { display: flex; flex-direction: column; gap: 12px; align-items: stretch; }
.research-action small { color: #70828f; font-size: 10px; text-align: center; }
.method-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; }
.method-list { border-top: 1px solid #ccd9d5; }
.method-list article { display: grid; grid-template-columns: 55px 1fr; gap: 22px; padding: 27px 0; border-bottom: 1px solid #ccd9d5; }
.method-list article > span { font: 11px 'Roboto Mono', monospace; color: #2d5bff; }
.method-list h3 { font-family: Manrope, sans-serif; font-size: 17px; font-weight: 700; }
.method-list p { color: #577079; font-size: 13px; margin: 5px 0 0; }
.corporate-cta { padding: 85px 0; background: #79e0d0; color: #101d2b; }
.corporate-cta-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.corporate-cta h2 { font-size: clamp(38px,5vw,58px); }
.corporate-cta p { font-size: 17px; }
.corporate-cta a { font-weight: 700; }
.corporate-footer { background: #101d2b; }
@media(max-width:900px){.corporate-hero-grid,.method-grid,.corporate-cta-grid{grid-template-columns:1fr}.research-feature{grid-template-columns:110px 1fr}.research-action{grid-column:1/-1}.principles-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.corporate-hero{padding:72px 0}.corporate-hero h1{font-size:49px}.signal-axis{grid-template-columns:100px 1fr 54px}.research-feature{grid-template-columns:1fr;padding:25px}.research-code{border-right:0;border-bottom:1px solid #ced9e2;padding:0 0 18px;flex-direction:row;align-items:end}.research-code strong{font-size:48px}.principles-grid{grid-template-columns:1fr}.principles-grid span{border-bottom:1px solid rgba(255,255,255,.24)}.research-body h3{font-size:29px}}

/* Concise product review */
.review-page { background: #f4f7f6; padding-bottom: 76px; }
.review-header { position: relative; background: #f4f7f6; }
.review-header-actions { display: flex; align-items: center; gap: 20px; }
.review-disclosure { color: var(--muted); font-size: 12px; }
.review-page .button { background: #16864b; border-color: #16864b; color: white; }
.review-page .button:hover { background: #0f6b3b; border-color: #0f6b3b; }
.review-hero { padding: 68px 0 72px; background: linear-gradient(135deg, #f4f7f6 0%, #edf3f0 100%); }
.review-hero-grid { display: grid; grid-template-columns: 1.18fr .82fr; gap: 68px; align-items: center; }
.review-copy h1 { max-width: 760px; margin: 15px 0 20px; font-size: clamp(49px, 6.2vw, 76px); }
.review-lead { max-width: 690px; margin: 0; color: var(--muted); font-size: 19px; }
.quick-facts { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 720px; margin: 30px 0; border-block: 1px solid var(--line); }
.quick-facts div { padding: 16px 18px 16px 0; }
.quick-facts small { display: block; color: var(--teal); font: 10px 'Roboto Mono', monospace; letter-spacing: .08em; text-transform: uppercase; }
.quick-facts strong { display: block; margin-top: 4px; font-size: 13px; }
.review-primary { padding: 16px 23px; }
.verdict-card { position: relative; padding: 34px; background: #102b36; color: white; box-shadow: 18px 18px 0 #9dc7b3; }
.verdict-card::before { content: ''; position: absolute; inset: 10px; border: 1px solid rgba(255,255,255,.12); pointer-events: none; }
.verdict-label { color: #9dc7b3; font: 10px 'Roboto Mono', monospace; letter-spacing: .12em; text-transform: uppercase; }
.verdict-card h2 { margin: 16px 0; font-size: 35px; }
.verdict-card > p { color: #c7d8da; font-size: 14px; }
.verdict-line { display: grid; grid-template-columns: 82px 1fr; gap: 18px; padding: 15px 0; border-top: 1px solid rgba(255,255,255,.15); }
.verdict-line span { color: #8fb0b5; font: 9px 'Roboto Mono', monospace; letter-spacing: .08em; text-transform: uppercase; }
.verdict-line strong { font-size: 12px; }
.review-essentials { padding: 78px 0; background: white; }
.essentials-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 80px; }
.review-essentials h2 { margin-top: 13px; font-size: clamp(38px, 4.5vw, 55px); }
.essential-list { border-top: 1px solid var(--line); }
.essential-list article { display: grid; grid-template-columns: 42px 1fr; gap: 20px; padding: 23px 0; border-bottom: 1px solid var(--line); }
.essential-list article > span { padding-top: 3px; color: var(--copper); font: 11px 'Roboto Mono', monospace; }
.essential-list h3 { font-family: Manrope, sans-serif; font-size: 16px; font-weight: 700; }
.essential-list p { margin: 5px 0 0; color: var(--muted); font-size: 13px; }
.review-final { padding: 58px 0; background: var(--teal); color: white; }
.review-final-inner { display: grid; grid-template-columns: 1fr auto; gap: 50px; align-items: center; }
.review-final .eyebrow { color: #d8ece7; }
.review-final h2 { margin: 8px 0; font-size: clamp(34px, 4vw, 48px); }
.review-final p { margin: 0; color: #d8ece7; }
.review-final .button { background: #16864b; border-color: #16864b; color: white; box-shadow: 0 10px 28px rgba(8, 65, 37, .24); }
.review-final .button:hover { background: #0f6b3b; border-color: #0f6b3b; }
.review-footer { padding-top: 38px; }
.review-footer-top { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; }
.review-footer-top p { margin: 0; }
.review-footer nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px 22px; }
.review-footer nav a { color: white; font-size: 12px; }
.review-legal { padding-top: 22px; border-top: 1px solid rgba(255,255,255,.13); margin-top: 25px; }
.offer-dock { position: fixed; inset: auto 0 0; z-index: 40; background: rgba(10, 40, 27, .97); color: white; border-top: 1px solid rgba(255,255,255,.16); box-shadow: 0 -8px 25px rgba(7, 31, 21, .18); }
.offer-dock-inner { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.offer-dock-copy { display: flex; align-items: baseline; gap: 13px; }
.offer-dock-copy strong { font-size: 14px; }
.offer-dock-copy span { color: #bcd4c8; font-size: 12px; }
.offer-dock .button { flex: 0 0 auto; padding: 12px 18px; }
@media (max-width: 900px) {
  .review-hero-grid, .essentials-grid, .review-final-inner { grid-template-columns: 1fr; }
  .review-hero-grid { gap: 52px; }
  .essentials-grid { gap: 35px; }
}
@media (max-width: 600px) {
  .review-page { padding-bottom: 66px; }
  .review-header .nav { min-height: 62px; }
  .review-header .mac-monogram { display: none; }
  .review-header .brand span:last-child { font-size: 12px; }
  .review-disclosure { display: none; }
  .review-header-actions .button.small { display: inline-flex; padding: 10px 12px; font-size: 11px; }
  .review-header-actions .arrow { display: none; }
  .review-hero { padding: 46px 0 54px; }
  .review-copy h1 { font-size: 46px; }
  .quick-facts { grid-template-columns: 1fr; }
  .quick-facts div { border-bottom: 1px solid var(--line); }
  .quick-facts div:last-child { border-bottom: 0; }
  .review-primary, .review-final .button { width: 100%; }
  .verdict-card { padding: 29px 25px; box-shadow: 10px 10px 0 #9dc7b3; }
  .review-essentials { padding: 60px 0; }
  .review-footer-top { grid-template-columns: 1fr; gap: 25px; }
  .review-footer nav { justify-content: flex-start; }
  .offer-dock-inner { min-height: 66px; gap: 12px; }
  .offer-dock-copy { display: block; }
  .offer-dock-copy strong { display: block; font-size: 12px; }
  .offer-dock-copy span { display: none; }
  .offer-dock .button { width: auto; padding: 11px 13px; font-size: 11px; }
  .offer-dock .arrow { display: none; }
}