/* ============================================================
   Get Results PR — shared site design system
   Poppins (display) + Nunito Sans (body) · brand greens
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&family=Nunito+Sans:ital,opsz,wght@0,6..12,400;0,6..12,600;0,6..12,700;1,6..12,400&family=DM+Mono:wght@400;500&display=swap');

:root{
  --green:#3CBA91; --accent:#2AAF67; --cta:#43CB83; --deep:#0E6B4E; --deeper:#0A4F3A;
  --mint:#BCE8DA; --wash:#E2F7ED; --mist:#EFF9F4;
  --ink:#0E2A1F; --inkSoft:#1B3A2C; --body:#3F5A4D; --mute:#7B8E84;
  --paper:#FBFBF8; --line:#E7ECE8;
  --sky:#CCE3F5; --butter:#F6E6A8; --blush:#F7D6D2; --lilac:#D7CFF1; --peach:#F4CFB6;
  --shadow:0 24px 50px -34px rgba(14,42,31,.42);
  --shadow-sm:0 12px 28px -18px rgba(14,42,31,.35);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:'Nunito Sans',sans-serif; font-size:17px; line-height:1.65;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
img{max-width:100%; display:block;}
a{color:inherit; text-decoration:none;}

h1,h2,h3,h4{font-family:'Poppins',sans-serif; color:var(--ink); margin:0; letter-spacing:-0.03em; line-height:1.05; font-weight:800;}
p{margin:0;}
.serif{font-style:italic;}

/* ---------- layout ---------- */
.wrap{max-width:1180px; margin:0 auto; padding:0 40px;}
.wrap-sm{max-width:920px; margin:0 auto; padding:0 40px;}
section{position:relative;}
.sec{padding:108px 0;}
.sec-sm{padding:76px 0;}
.center{text-align:center;}

/* section color variants */
.bg-paper{background:var(--paper);}
.bg-mist{background:var(--mist);}
.bg-wash{background:var(--wash);}
.bg-mint{background:var(--mint);}
.bg-deep{background:#2AAF67; color:#fff;}
.bg-deep h1,.bg-deep h2,.bg-deep h3,.bg-deep h4{color:#fff;}
.bg-deeper{background:var(--deeper); color:#fff;}
.bg-deeper h1,.bg-deeper h2,.bg-deeper h3{color:#fff;}

/* ---------- eyebrow / badge ---------- */
.eyebrow{
  display:inline-flex; align-items:center; gap:9px;
  background:#fff; border:1px solid var(--wash);
  padding:8px 16px 8px 14px; border-radius:100px;
  font-family:'Poppins',sans-serif; font-weight:600; font-size:12px;
  letter-spacing:1.4px; text-transform:uppercase; color:var(--inkSoft);
}
.eyebrow .d{width:8px; height:8px; border-radius:50%; background:var(--green);}
.eyebrow.on-dark{background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.22); color:#fff;}
.eyebrow.on-dark .d{background:#fff;}

/* ---------- headings scale ---------- */
.display{font-size:clamp(40px,6vw,68px);}
.h-xl{font-size:clamp(34px,4.6vw,52px);}
.h-lg{font-size:clamp(28px,3.4vw,38px);}
.h-md{font-size:clamp(22px,2.4vw,27px);}
.lead{font-size:20px; line-height:1.65; color:var(--body); }
.bg-deep .lead,.bg-deeper .lead{color:rgba(255,255,255,.9);}
.muted{color:var(--mute);}

/* marker highlight */
.mark{
  background:linear-gradient(to top, var(--mint) 0%, var(--mint) 52%, transparent 52%);
  border-radius:3px; padding:0 .06em;
  -webkit-box-decoration-break:clone; box-decoration-break:clone;
}
.mark-butter{background:linear-gradient(to top,#EAFEF1 0%,#EAFEF1 52%,transparent 52%);}
.ul-soft{ text-decoration:none; background:linear-gradient(currentColor,currentColor) bottom left/100% 2px no-repeat; padding-bottom:2px;}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex; align-items:center; gap:9px;
  font-family:'Poppins',sans-serif; font-weight:600; font-size:15.5px;
  padding:15px 28px; border-radius:100px; cursor:pointer; border:none;
  transition:transform .15s ease, background .15s ease, border-color .15s ease;
  white-space:nowrap;
}
.btn-cta{background:var(--cta); color:var(--ink); box-shadow:0 12px 26px -12px rgba(42,175,103,.6);}
.btn-cta:hover{background:var(--accent); transform:translateY(-2px);}
.btn-solid{background:var(--ink); color:#fff;}
.btn-solid:hover{transform:translateY(-2px);}
.btn-ghost{background:transparent; color:var(--ink); border:1.5px solid rgba(14,42,31,.16);}
.btn-ghost:hover{border-color:var(--green);}
.btn-white{background:#fff; color:var(--ink);}
.btn-white:hover{transform:translateY(-2px);}
.on-dark .btn-ghost,.bg-deep .btn-ghost,.bg-deeper .btn-ghost{color:#fff; border-color:rgba(255,255,255,.4);}
.btn-row{display:flex; gap:14px; flex-wrap:wrap; align-items:center;}

/* ---------- cards ---------- */
.card{background:#fff; border:1px solid var(--line); border-radius:22px; padding:30px; box-shadow:var(--shadow);}
.card-flat{background:#fff; border:1px solid var(--line); border-radius:20px; padding:26px;}
.grid{display:grid; gap:24px;}
.g2{grid-template-columns:repeat(2,1fr);}
.g3{grid-template-columns:repeat(3,1fr);}
.g4{grid-template-columns:repeat(4,1fr);}

/* chip */
.chip{
  display:inline-flex; align-items:center; gap:8px; white-space:nowrap;
  background:#fff; border:1px solid var(--line); border-radius:100px;
  padding:9px 16px; font-weight:700; font-size:14px; color:var(--inkSoft);
}
.chip .d{width:9px; height:9px; border-radius:50%;}
.chips{display:flex; flex-wrap:wrap; gap:10px;}

/* number token */
.numtok{
  width:46px; height:46px; border-radius:13px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  font-family:'Poppins',sans-serif; font-weight:800; font-size:18px;
  background:var(--wash); color:var(--deep);
}

/* ---------- nav ---------- */
.nav{position:sticky; top:0; z-index:50; background:rgba(251,251,248,.86); backdrop-filter:blur(12px); border-bottom:1px solid var(--line);}
.nav-in{display:flex; align-items:center; justify-content:space-between; height:74px;}
.brand{display:inline-flex; align-items:center;}
.brand-logo{height:52px; width:auto; display:block;}
.brand-logo--footer{height:60px;}
@media(max-width:860px){ .brand-logo{height:44px;} }
.nav-links{display:flex; align-items:center; gap:30px;}
.nav-links a{font-weight:600; font-size:15px; color:var(--body); transition:color .15s;}
.nav-links a:hover,.nav-links a.active{color:var(--green);}
.nav-cta{display:flex; align-items:center; gap:14px;}
.nav-burger{display:none;}
@media(max-width:860px){
  .nav-links{display:none;}
  .nav-cta .btn{padding:11px 18px; font-size:14px;}
}

/* ---------- footer ---------- */
.footer{background:var(--deeper); color:rgba(255,255,255,.78); padding:72px 0 36px;}
.footer h4{color:#fff; font-family:'Poppins',sans-serif; font-size:14px; letter-spacing:.06em; text-transform:uppercase; margin-bottom:16px; font-weight:700;}
.footer a{color:rgba(255,255,255,.78); font-size:15px; line-height:2.1; transition:color .15s;}
.footer a:hover{color:#fff;}
.footer-top{display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr 1fr; gap:36px; padding-bottom:48px; border-bottom:1px solid rgba(255,255,255,.14);}
.footer .brand{color:#fff;}
.footer .brand .logo{background:#fff; color:var(--deep);}
.footer .brand b{color:var(--mint);}
.footer-bottom{display:flex; justify-content:space-between; align-items:center; padding-top:28px; font-size:13.5px; color:rgba(255,255,255,.55); flex-wrap:wrap; gap:12px;}
@media(max-width:760px){.footer-top{grid-template-columns:1fr 1fr;}}

/* ---------- decorative shapes ---------- */
.blob{position:absolute; z-index:0;}
.dot{position:absolute; border-radius:50%; z-index:1;}
.curve-mint{position:absolute; border-radius:50%; background:var(--mint); z-index:0;}

/* ---------- misc ---------- */
.kicker{font-family:'DM Mono',monospace; font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--green);}

/* ---------- press carousel (marquee, scrolls left → right) ---------- */
.marquee{overflow:hidden; -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 9%, #000 91%, transparent 100%); mask-image:linear-gradient(90deg, transparent 0, #000 9%, #000 91%, transparent 100%);}
.marquee-track{display:flex; align-items:center; gap:58px; width:max-content; animation:marquee-rtl 80s linear infinite; will-change:transform;}
.marquee:hover .marquee-track{animation-play-state:paused;}
.press-logo{font-family:'Poppins',sans-serif; font-weight:800; font-size:20px; color:var(--inkSoft); letter-spacing:-.01em; white-space:nowrap; opacity:.66;}
@keyframes marquee-rtl{ from{transform:translateX(-50%);} to{transform:translateX(0);} }
@media (prefers-reduced-motion: reduce){
  .marquee{overflow-x:auto; -webkit-mask-image:none; mask-image:none;}
  .marquee-track{animation:none; transform:none;}
}
.price{font-family:'Poppins',sans-serif; font-weight:800; letter-spacing:-0.03em; color:var(--ink);}
.divider{height:1px; background:var(--line); border:none; margin:0;}
.tick{display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:var(--wash); color:var(--deep); flex-shrink:0; margin-top:2px;}
.ticklist{list-style:none; padding:0; margin:0; display:grid; gap:13px;}
.ticklist li{display:flex; gap:12px; align-items:flex-start; line-height:1.5;}
.eyebrow-wrap{margin-bottom:22px;}

@media(max-width:860px){
  .sec{padding:72px 0;}
  .g3,.g4{grid-template-columns:1fr;}
  .g2{grid-template-columns:1fr;}
  .wrap,.wrap-sm{padding:0 24px;}
}

/* entrance: intentionally none — keeps content reliably visible everywhere
   (some capture/export tools restart CSS animations at frame 0). .reveal is
   kept as a harmless hook in the markup for optional future motion. */
.reveal{opacity:1;}

/* ---------- home: free audit bar ---------- */
.audit-bar{background:#fff; border:1px solid var(--mint); border-radius:18px; padding:20px 26px; display:flex; align-items:flex-start; gap:16px; margin-top:32px;}
.audit-bar-icon{font-size:26px; flex-shrink:0; margin-top:2px;}
.audit-bar strong{display:block; font-family:'Poppins',sans-serif; font-size:14px; font-weight:700; color:var(--ink); margin-bottom:4px;}
.audit-bar p{font-size:14px; color:var(--body); line-height:1.6; margin:0;}

/* ---------- home: negation callout ---------- */
.negation{border-left:4px solid var(--green); padding:16px 22px; background:var(--wash); border-radius:0 14px 14px 0; margin:28px 0; font-size:18px; color:var(--ink); line-height:1.7;}

/* ---------- home: old-vs-new compare ---------- */
.compare{display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:40px;}
.compare-col{border-radius:14px; padding:24px;}
.compare-col.old{background:#f7f7f5; border:1px solid var(--line);}
.compare-col.new{background:var(--wash); border:1px solid var(--mint);}
.compare-lbl{font-size:11px; text-transform:uppercase; letter-spacing:.12em; font-weight:700; font-family:'Poppins',sans-serif; margin-bottom:14px;}
.compare-col.old .compare-lbl{color:var(--mute);}
.compare-col.new .compare-lbl{color:var(--accent);}
.compare-row{font-size:14px; color:var(--body); line-height:1.6; padding:7px 0; border-bottom:1px solid rgba(0,0,0,.06); display:flex; align-items:center; gap:10px;}
.compare-row:last-child{border-bottom:none;}

/* ---------- home: process list ---------- */
.process-list{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:0;}
.process-item{display:flex; gap:22px; padding:26px 0; border-bottom:1px solid var(--line);}
.process-item:last-child{border-bottom:none;}
.process-num{width:40px; height:40px; border-radius:12px; background:var(--wash); color:var(--deep); font-family:'Poppins',sans-serif; font-weight:800; font-size:16px; display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:2px;}
.process-body h3{font-family:'Poppins',sans-serif; font-size:17px; font-weight:700; color:var(--ink); margin:0 0 6px 0; letter-spacing:-0.02em;}
.process-body p{font-size:15px; color:var(--body); line-height:1.7; margin:0;}

/* ---------- packages: feature list ---------- */
.pkg-list{list-style:none; padding:0; margin:0 0 24px 0; display:flex; flex-direction:column; gap:11px;}
.pkg-list li{font-size:14px; color:var(--body); line-height:1.55; display:flex; align-items:flex-start; gap:10px;}
.pkg-list li>span:first-child{color:var(--green); font-weight:800; flex-shrink:0; margin-top:1px;}
.pkg-list li>span:not(:first-child){min-width:0; flex:1;}

/* ---------- link cards (hub pages) ---------- */
.linkcard{display:flex; flex-direction:column; background:#fff; border:1px solid var(--line); border-radius:20px; padding:28px; box-shadow:var(--shadow); transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; height:100%;}
.linkcard:hover{transform:translateY(-4px); box-shadow:0 30px 56px -30px rgba(14,42,31,.42); border-color:var(--mint);}
.linkcard-ic{width:50px; height:50px; border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:24px; margin-bottom:18px;}
.linkcard h3{font-family:'Poppins',sans-serif; font-size:21px; font-weight:800; letter-spacing:-0.02em; color:var(--ink); margin:0 0 8px 0;}
.linkcard p{font-size:15px; color:var(--body); line-height:1.6; margin:0 0 18px 0; flex:1;}
.linkcard .more{font-family:'Poppins',sans-serif; font-weight:700; font-size:14px; color:var(--green); display:inline-flex; align-items:center; gap:7px;}
.linkcard:hover .more{gap:11px;}

/* ---------- feature row (services hub) ---------- */
.feature{display:grid; grid-template-columns:auto 1fr; gap:22px; align-items:start; padding:30px 0; border-bottom:1px solid var(--line);}
.feature:last-child{border-bottom:none;}
.feature h3{font-family:'Poppins',sans-serif; font-size:23px; font-weight:800; letter-spacing:-0.02em; color:var(--ink); margin:0 0 8px 0;}
.feature p{font-size:16px; color:var(--body); line-height:1.65; margin:0;}
.feature .more{font-family:'Poppins',sans-serif; font-weight:700; font-size:14px; color:var(--green); display:inline-flex; align-items:center; gap:7px; margin-top:12px;}

/* ---------- breadcrumb ---------- */
.crumb{font-family:'DM Mono',monospace; font-size:12.5px; letter-spacing:.06em; color:var(--mute); margin-bottom:18px;}
.crumb a{color:var(--mute);}
.crumb a:hover{color:var(--green);}
.crumb span{color:var(--ink);}

/* ---------- stat band ---------- */
.statband{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.statband .s b{font-family:'Poppins',sans-serif; font-weight:800; font-size:42px; letter-spacing:-0.03em; color:var(--ink); display:block; line-height:1;}
.statband .s p{font-size:14.5px; color:var(--mute); margin-top:8px;}
.bg-deep .statband .s b{color:#fff;}
.bg-deep .statband .s p{color:rgba(255,255,255,.8);}

/* ---------- FAQ ---------- */
.faq{border-top:1px solid var(--line);}
.faq details{border-bottom:1px solid var(--line); padding:20px 0;}
.faq summary{font-family:'Poppins',sans-serif; font-weight:700; font-size:18px; color:var(--ink); cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:16px; letter-spacing:-0.01em;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+"; font-size:24px; color:var(--green); font-weight:400; flex-shrink:0; transition:transform .2s;}
.faq details[open] summary::after{transform:rotate(45deg);}
.faq p{font-size:15.5px; color:var(--body); line-height:1.7; margin:14px 0 0 0;}

@media(max-width:860px){
  .compare{grid-template-columns:1fr;}
  .audit-bar{flex-direction:column;}
  .feature{grid-template-columns:1fr; gap:12px;}
  .statband{grid-template-columns:1fr; gap:30px;}
}

/* ---------- pricing comparison table ---------- */
.ptable{width:100%; border-collapse:collapse; background:#fff; border:1px solid var(--line); border-radius:18px; overflow:hidden;}
.ptable th,.ptable td{padding:15px 18px; text-align:center; border-bottom:1px solid var(--line); font-size:14.5px;}
.ptable thead th{font-family:'Poppins',sans-serif; font-weight:800; font-size:16px; color:var(--ink); background:var(--mist); letter-spacing:-0.01em;}
.ptable thead th.feat{text-align:left;}
.ptable thead th .pp{display:block; font-weight:700; font-size:13px; color:var(--green); margin-top:3px; font-family:'Nunito Sans',sans-serif;}
.ptable td.feat{text-align:left; font-weight:600; color:var(--inkSoft); font-family:'Nunito Sans',sans-serif;}
.ptable td .yes{color:var(--green); font-weight:800; font-size:17px;}
.ptable td .no{color:#cdd5cf; font-weight:700;}
.ptable td.qty{font-weight:700; color:var(--inkSoft);}
.ptable tbody tr:last-child td{border-bottom:none;}
.ptable-wrap{border-radius:18px;}
@media(max-width:760px){
  .ptable-wrap{overflow-x:auto; -webkit-overflow-scrolling:touch;}
  .ptable{min-width:640px;}
}