/* page.css — Compass landing page V4: the V3 layout re-set on ONE system, measured from Evan's references
   (VSL Engine, Hyros fb-lander, Acquisition.com workshop-marketing, the Foundr shot): content 1120px,
   section padding 96/64, type 56 · 40 · 20 · 18 · 16 · 14 · 11, spacing 4 8 12 16 24 32 48 64 96, radius 16/20.
   No borders, no hr, no hairlines anywhere (Evan, 3 burns). No per-section spacing overrides. */
.pg-compass{
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px;
  --t-hero:clamp(34px,3.5vw,50px); --t-h2:clamp(30px,2.9vw,40px); --t-h3:20px; --t-lede:18px; --t-body:16px; --t-small:14px;
  --w:1120px; --pad:var(--s7); --r:16px; --r-lg:20px;
  --c1:#171515; --c2:#1d1a1a; --band:#131111;
  background:var(--bg);color:var(--fg-body);font:400 var(--t-body)/1.55 var(--font-sans);
}
@media (max-width:767px){ .pg-compass{ --pad:var(--s6); --r:14px; --r-lg:16px; } }

/* ---------- shared layout */
.pg-compass .pgc-wrap{max-width:var(--w);margin:0 auto;}
.pg-compass section{padding:var(--pad) var(--edge);scroll-margin-top:var(--nav-clear);}
.pg-compass .pgc-band{background:var(--band);}
.pg-compass .k-eyebrow{justify-content:flex-start;margin:0;font-size:12px;line-height:16px;letter-spacing:.08em;}
.pg-compass .k-h2{margin:var(--s4) 0 0;max-width:18em;text-align:left;font-size:var(--t-h2);line-height:1.1;letter-spacing:-.03em;}
.pg-compass .k-h4{font-size:var(--t-h3);line-height:1.3;}
.pg-compass .k-lede{margin:var(--s5) 0 0;max-width:36em;font-size:var(--t-lede);line-height:1.55;}
.pg-compass .pgc-head{margin-bottom:var(--s6);}
.pg-compass .pgc-note{margin:var(--s6) 0 0;font-size:var(--t-body);color:var(--fg-small);}
.pg-compass .pgc-under{margin:var(--s3) 0 0;font-size:var(--t-small);color:var(--fg-small);}
.pg-compass .pgc-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4);}
.pg-compass .pgc-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4);}
.pg-compass .pgc-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4);}
.pg-compass .pgc-card{padding:var(--s5);border-radius:var(--r);background:var(--c1);}
.pg-compass .pgc-band .pgc-card{background:var(--c2);}
.pg-compass .pgc-card .k-h4{margin:0 0 var(--s4);line-height:26px;}
.pg-compass .pgc-card p{margin:0;font-size:var(--t-body);line-height:1.55;color:var(--fg-card);}
.pg-compass .pgc-n{display:block;margin:0 0 20px;font:400 28px/32px var(--font-pixel);color:var(--accent);}

/* ---------- 1 · hero: left column (facts, headline, video) and the booking card share a top and a bottom */
.pg-compass .pgc-hero{padding:calc(var(--nav-clear) + var(--s5)) var(--edge) var(--s8);
  background:radial-gradient(40% 55% at 28% 85%,rgba(250,85,57,.2),rgba(250,85,57,0) 70%),radial-gradient(36% 50% at 88% 25%,rgba(250,85,57,.08),rgba(250,85,57,0) 70%),var(--bg);}
.pg-compass .pgc-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:var(--s8);align-items:start;}
.pg-compass .pgc-hero-copy{width:min(100%,calc((100vh - 290px) * 16 / 9));min-width:min(100%,520px);}
.pg-compass .pgc-facts{margin:0;font:400 12px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);}
.pg-compass .pgc-h1{margin:var(--s4) 0 0;font:600 clamp(24px,calc((min(1120px, 100vw - 2 * var(--edge)) - 484px) / 16.8),36px)/1.15 var(--font-sans);letter-spacing:-.03em;color:var(--fg);white-space:nowrap;}
@media (max-width:1023px){.pg-compass .pgc-h1{font-size:clamp(16px,calc((100vw - 2 * var(--edge)) / 16.8),36px);}}
.pg-compass .pgc-money{color:var(--accent);white-space:nowrap;}
.pg-compass .pgc-video{margin-top:var(--s5);}
.pg-compass .pgc-video-btn{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:var(--r-lg);overflow:hidden;cursor:pointer;text-align:left;color:#fff;
  background:radial-gradient(60% 80% at 70% 30%,rgba(250,85,57,.4),rgba(250,85,57,0) 65%),linear-gradient(160deg,#2a2422 0%,#141212 62%);
  box-shadow:0 40px 90px -40px rgba(250,85,57,.45),0 24px 60px -30px rgba(0,0,0,.9);}
.pg-compass .pgc-video-btn:focus-visible{outline:2px solid var(--ring);outline-offset:3px;}
.pg-compass .pgc-video-pill{position:absolute;left:var(--s5);top:var(--s5);padding:var(--s2) var(--s3);border-radius:999px;background:rgba(255,255,255,.12);font:400 11px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;}
.pg-compass .pgc-play{position:absolute;left:50%;top:45%;display:grid;place-items:center;width:80px;height:80px;margin:-40px 0 0 -40px;border-radius:50%;background:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 12px rgba(250,85,57,.2);transition:transform .2s ease;}
.pg-compass .pgc-play svg{margin-left:4px;}
.pg-compass .pgc-video-btn:hover .pgc-play{transform:scale(1.06);}
.pg-compass .pgc-video-cap{position:absolute;left:var(--s5);right:var(--s5);bottom:var(--s5);display:grid;gap:var(--s1);}
.pg-compass .pgc-video-cap strong{font:600 var(--t-lede)/1.3 var(--font-sans);letter-spacing:-.01em;}
.pg-compass .pgc-video-cap span{font-size:var(--t-small);line-height:1.4;color:rgba(255,255,255,.75);}

/* ---------- the booking card (both slots) */
.pg-compass .pgc-form-card{display:flex;flex-direction:column;gap:0;padding:var(--s5) var(--s6) var(--s5);border-radius:var(--r-lg);box-shadow:0 40px 90px -36px rgba(0,0,0,.85);}
.pg-compass .pgc-prog{display:flex;justify-content:space-between;font:400 12px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#5b6b7b;}
.pg-compass .pgc-prog-bar{height:6px;margin:var(--s2) 0 var(--s5);border-radius:999px;background:#eef2f6;overflow:hidden;}
.pg-compass .pgc-prog-bar span{display:block;width:100%;height:100%;border-radius:999px;background:var(--accent);transform:scaleX(.5);transform-origin:left center;transition:transform .3s ease;}
.pg-compass .pgc-form-h{margin:0;font:600 var(--t-h3)/1.3 var(--font-sans);letter-spacing:-.015em;color:var(--accent-ink);}
.pg-compass .pgc-form-offer{margin:var(--s3) 0 var(--s5);padding:var(--s3) var(--s4);border-radius:12px;background:#fff1ed;font:500 var(--t-small)/1.45 var(--font-sans);color:#7a2410;}
.pg-compass .pgc-form{display:flex;flex-direction:column;flex:1;padding-top:0;}
.pg-compass .pgc-step{margin:0;padding:0;border:0;min-width:0;}
.pg-compass .pgc-form .k-field{margin:0 0 var(--s4);}
.pg-compass .pgc-form .k-field>span{margin:0 0 var(--s2);font-size:var(--t-small);}
.pg-compass .pgc-form .k-field input,.pg-compass .pgc-form .k-field select{border-color:transparent;background-color:#eef2f6;font-size:var(--t-body);}
.pg-compass .pgc-form .k-btn{width:100%;justify-content:center;height:52px;font-size:var(--t-body);margin-top:var(--s2);}
.pg-compass .pgc-back{display:block;margin:var(--s2) auto 0;padding:var(--s3) var(--s4);border:0;background:none;font:400 var(--t-small)/1 var(--font-sans);color:#5b6b7b;cursor:pointer;}
.pg-compass .pgc-nb{white-space:nowrap;}
.pg-compass .pgc-form-next{margin:var(--s4) auto 0;white-space:nowrap;text-align:center;font:400 13px/19px var(--font-sans);color:#33475b;}
.pg-compass .pgc-form-next strong{font-weight:600;color:var(--accent-ink);}
.pg-compass .pgc-form-proof{margin:var(--s4) 0 0;padding:var(--s3) var(--s4);border-radius:12px;background:#f4f6f8;font:400 var(--t-small)/1.45 var(--font-sans);color:#33475b;text-align:center;}
.pg-compass .pgc-form-proof strong{font-weight:600;color:#b23a1f;}
.pg-compass .pgc-form-h{margin-bottom:var(--s5);}
.pg-compass .pgc-form-status{margin:var(--s2) 0 0;font:500 var(--t-small)/1.45 var(--font-sans);color:var(--accent-ink);text-align:center;}
.pg-compass .pgc-form-status:empty{display:none;}

/* ---------- 2 · the offer in three numbers */
.pg-compass .pgc-nums{padding-top:0;}
.pg-compass .pgc-num-card{padding:var(--s6);border-radius:var(--r);background:var(--c1);}
.pg-compass .pgc-big{margin:0;font:400 80px/1 var(--font-pixel);letter-spacing:-.03em;color:var(--fg);}
.pg-compass .pgc-num-txt{margin:var(--s4) 0 0;font-size:var(--t-body);line-height:1.55;color:var(--fg-body);}
.pg-compass .pgc-nums-proof{margin:var(--s6) 0 0;font-size:var(--t-lede);line-height:1.55;color:var(--fg);}
.pg-compass .pgc-nums-proof strong,.pg-compass .pgc-case-result strong,.pg-compass .pgc-book-proof strong{font-weight:600;color:var(--accent);}

/* ---------- 3 · case */
.pg-compass .pgc-case-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--s8);align-items:start;}
.pg-compass .pgc-did{list-style:none;margin:var(--s6) 0 0;padding:0;display:grid;gap:var(--s3);}
.pg-compass .pgc-did li{display:flex;gap:var(--s4);align-items:baseline;font:500 var(--t-body)/1.5 var(--font-sans);color:var(--fg);}
.pg-compass .pgc-did span{font:400 11px/1 var(--font-mono);color:var(--accent);}
.pg-compass .pgc-case-result{margin:var(--s6) 0;font:500 var(--t-lede)/1.5 var(--font-sans);color:var(--fg);}
.pg-compass .pgc-quote{margin:0;padding:var(--s7) var(--s7) var(--s6);border-radius:var(--r-lg);background:var(--c2);}
.pg-compass .pgc-qmark{display:block;height:var(--s6);font:600 80px/1 var(--font-sans);color:var(--accent);}
.pg-compass .pgc-quote blockquote{margin:var(--s5) 0;}
.pg-compass .pgc-quote blockquote p{margin:0;font:500 var(--t-h3)/1.45 var(--font-sans);letter-spacing:-.01em;color:var(--fg);}
.pg-compass .pgc-quote figcaption{color:rgba(255,255,255,.62);}

/* ---------- 4 · where AI saves money */
.pg-compass .pgc-tile{padding:var(--s5);border-radius:var(--r);background:var(--c1);}
.pg-compass .pgc-tile .k-h4{margin:0 0 var(--s3);}
.pg-compass .pgc-tile-txt{margin:0;font-size:var(--t-body);line-height:1.55;color:var(--fg-card);}
@media (min-width:1024px){.pg-compass .pgc-grid4 .k-h4,.pg-compass .pgc-phases .k-h4{min-height:52px;}}

/* ---------- 6 · how */
.pg-compass .pgc-phases{list-style:none;margin:0;padding:0;}
.pg-compass .pgc-phases li{padding:var(--s5);border-radius:var(--r);background:var(--c1);}
.pg-compass .pgc-phases .k-h4{margin:0 0 var(--s3);line-height:26px;}
.pg-compass .pgc-phases p{margin:0;font-size:var(--t-body);line-height:1.55;color:var(--fg-card);}

/* ---------- 7 · guarantee: the page's one orange band */
.pg-compass .pgc-guar{background:var(--accent);color:var(--accent-ink);padding-top:var(--s9);padding-bottom:var(--s9);}
.pg-compass .pgc-guar-in{max-width:880px;text-align:center;}
.pg-compass .pgc-guar-eyebrow{margin:0;font:400 12px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);}
.pg-compass .pgc-guar-h{margin:var(--s4) auto 0;max-width:15em;font:600 var(--t-hero)/1.04 var(--font-sans);letter-spacing:-.035em;color:var(--accent-ink);text-wrap:balance;}
.pg-compass .pgc-terms{list-style:none;margin:var(--s6) auto var(--s7);padding:0;display:grid;gap:var(--s3);max-width:36em;text-align:left;}
.pg-compass .pgc-terms li{position:relative;padding-left:var(--s6);font:500 var(--t-lede)/1.5 var(--font-sans);color:var(--accent-ink);}
.pg-compass .pgc-terms li::before{content:"";position:absolute;left:2px;top:8px;width:13px;height:7px;border-left:3px solid var(--accent-ink);border-bottom:3px solid var(--accent-ink);transform:rotate(-45deg);}
.pg-compass .pgc-btn-ink{display:inline-flex;align-items:center;height:56px;padding:0 var(--s6);border-radius:999px;background:var(--accent-ink);color:#fff;font:500 var(--t-body)/1 var(--font-sans);text-decoration:none;transition:transform .12s ease,background .2s ease;}
.pg-compass .pgc-btn-ink:hover{background:#000;}
.pg-compass .pgc-btn-ink:active{transform:scale(.97);}
.pg-compass .pgc-btn-ink:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px;}

/* ---------- 8 · the call */
.pg-compass .pgc-call-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s8);align-items:start;}
.pg-compass .pgc-call-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3);}
.pg-compass .pgc-call-list li{position:relative;padding:var(--s5) var(--s5) var(--s5) var(--s7);border-radius:var(--r);background:var(--c1);font:500 var(--t-body)/1.5 var(--font-sans);color:var(--fg);}
.pg-compass .pgc-call-list li::before{content:"";position:absolute;left:var(--s5);top:31px;width:12px;height:6px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg);}

/* ---------- 9 · fit */
.pg-compass .pgc-fit-grid ul{margin:var(--s4) 0 0;padding:0;list-style:none;display:grid;gap:var(--s3);}
.pg-compass .pgc-fit-grid li{position:relative;padding-left:var(--s5);font-size:var(--t-body);line-height:1.55;color:var(--fg-card);}
.pg-compass .pgc-fit-grid li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:2px;background:var(--accent);}
.pg-compass .pgc-card--no li::before{background:rgba(255,255,255,.3);}

/* ---------- 10 · faq */
.pg-compass .pgc-faq-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:var(--s8);align-items:start;}
.pg-compass .pgc-faq-grid > div:first-child{position:sticky;top:calc(var(--nav-clear) + var(--s6));}
.pg-compass .pgc-faq-list{display:grid;gap:var(--s3);}
.pg-compass .pgc-faq-list > div{padding:var(--s5) var(--s6);border-radius:var(--r);background:var(--c1);}
.pg-compass .pgc-faq-list .k-h4{font-size:var(--t-lede);}
.pg-compass .pgc-faq-list p{margin:var(--s2) 0 0;font-size:var(--t-body);line-height:1.55;color:var(--fg-card);}

/* ---------- 11 · booking block */
.pg-compass .pgc-book{padding:0 var(--edge) var(--pad);}
.pg-compass .pgc-book-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:var(--s8);align-items:center;max-width:calc(var(--w) + var(--s8) * 2);margin:0 auto;padding:var(--s8);border-radius:var(--r-lg);overflow:hidden;isolation:isolate;}
.pg-compass .pgc-book-bg{position:absolute;inset:0;z-index:-1;}
.pg-compass .pgc-book-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;}
.pg-compass .pgc-book-bg::after{content:"";position:absolute;inset:0;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-image:linear-gradient(rgba(0,0,0,.35) 30%,rgba(102,102,102,.3) 80%);}
.pg-compass .pgc-book-h{margin:var(--s4) 0 var(--s5);font:600 var(--t-h2)/1.1 var(--font-sans);letter-spacing:-.03em;color:var(--fg);text-wrap:balance;}
.pg-compass .pgc-book-h em{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:0;}
.pg-compass .pgc-book-proof{margin:0;max-width:30em;font-size:var(--t-lede);line-height:1.55;color:var(--fg);}

/* ---------- phone bottom bar */
.pg-compass .pgc-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4) calc(var(--s3) + env(safe-area-inset-bottom));background:rgba(15,13,13,.97);box-shadow:0 -12px 30px rgba(0,0,0,.6);}
.pg-compass .pgc-bar p{margin:0;font-size:var(--t-small);line-height:1.4;color:var(--fg-small);}
.pg-compass .pgc-bar .k-btn{flex:none;}

/* ---------- responsive */
@media (max-width:1023px){
  .pg-compass .pgc-hero-grid,.pg-compass .pgc-case-grid,.pg-compass .pgc-book-card,.pg-compass .pgc-call-grid,.pg-compass .pgc-faq-grid{grid-template-columns:minmax(0,1fr);gap:var(--s6);}
  .pg-compass .pgc-hero-grid{max-width:640px;margin:0 auto;}
  .pg-compass .pgc-hero-copy{display:contents;}
  .pg-compass .pgc-hero-grid{gap:0;}
  .pg-compass .pgc-facts{order:1;} .pg-compass .pgc-h1{order:2;} .pg-compass .pgc-video{order:3;} .pg-compass .pgc-hero-grid > .pgc-form-card{order:4;margin-top:var(--s5);}   .pg-compass .pgc-grid4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .pg-compass .pgc-book-card{padding:var(--s6);}
}
@media (max-width:767px){
  .pg-compass .pgc-grid2,.pg-compass .pgc-grid3,.pg-compass .pgc-grid4{grid-template-columns:minmax(0,1fr);}
  .pg-compass .pgc-hero{padding:calc(var(--nav-clear) + var(--s3)) var(--edge) var(--s7);}
  .pg-compass .pgc-facts{font-size:11px;line-height:14px;letter-spacing:.05em;}
  .pg-compass .pgc-h1{margin-top:var(--s3);}
  .pg-compass .k-lede{font-size:16px;line-height:24px;}
  .pg-compass .pgc-case .k-h2{font-size:28px;line-height:31px;}
  .pg-compass .pgc-logos{margin-top:var(--s6);}
  .pg-compass .pgc-did{gap:var(--s3);}
  .pg-compass .pgc-case .k-h2{margin-top:var(--s4);}
  .pg-compass .pgc-case .k-lede{margin-top:20px;}
  .pg-compass .pgc-did{margin-top:var(--s5);}
  .pg-compass .pgc-hero-grid > .pgc-form-card{margin-top:var(--s4);}
  .pg-compass .pgc-hero .pgc-form-card{padding-top:var(--s4);}
  .pg-compass .pgc-hero .pgc-form-h{margin-bottom:var(--s4);}
  .pg-compass .pgc-hero .pgc-prog-bar{margin-bottom:var(--s4);}
  .pg-compass .pgc-video{margin-top:var(--s4);}
  .pg-compass .pgc-play{top:38%;width:52px;height:52px;margin:-26px 0 0 -26px;box-shadow:0 0 0 8px rgba(250,85,57,.2);}
  .pg-compass .pgc-play svg{width:22px;height:22px;}
  .pg-compass .pgc-video-cap{left:var(--s4);right:var(--s4);bottom:var(--s4);}
  .pg-compass .pgc-video-cap strong{font-size:var(--t-small);}
  .pg-compass .pgc-video-pill{left:var(--s3);top:var(--s3);}
  .pg-compass .pgc-form-card{padding:var(--s5);}
  .pg-compass .pgc-card,.pg-compass .pgc-tile,.pg-compass .pgc-num-card,.pg-compass .pgc-phases li{padding:var(--s5);}
  .pg-compass .pgc-quote{padding:var(--s6) var(--s5) var(--s5);}
  .pg-compass .pgc-big{font-size:56px;}
  .pg-compass .pgc-faq-grid > div:first-child{position:static;}
  .pg-compass .pgc-book{padding:0 var(--s2) var(--pad);}
  .pg-compass .pgc-book-card{padding:var(--s6) var(--s4);}
  .pg-compass .pgc-bar.is-on{display:flex;}
}

/* client logos under the hero, testimonials */
.pg-compass .pgc-logos{margin-top:var(--s7);}
.pg-compass .pgc-logos-t{margin:0 0 var(--s4);font:400 12px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-caption);}
.pg-compass .pgc-tqs .k-quote{min-height:0;border:0;background:var(--c1);}
.pg-compass .pgc-tqs .k-quote-link{padding-bottom:var(--s6);}
.pg-compass .pgc-tqs .k-quote:hover{border:0;}

/* ---------- 3 · case study (V8b): the $1.5M is the anchor; context and steps sit on space, not boxes */
.pg-compass .pgc-case-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s8);align-items:end;}
.pg-compass .pgc-case-top .k-h2{max-width:none;}
.pg-compass .pgc-case-story{margin:0;font-size:var(--t-lede);line-height:1.55;color:var(--fg-body);}
.pg-compass .pgc-proofrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s4);margin-top:var(--s7);}
.pg-compass .pgc-anchor{display:flex;flex-direction:column;justify-content:flex-end;min-height:240px;padding:var(--s6);border-radius:var(--r-lg);background:var(--c2);}
.pg-compass .pgc-anchor-num{margin:0;font:600 96px/1 var(--font-sans);letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--accent);}
.pg-compass .pgc-anchor-txt{margin:var(--s4) 0 0;font:500 var(--t-lede)/1.4 var(--font-sans);color:var(--fg);}
.pg-compass .pgc-context{display:grid;grid-template-rows:1fr 1fr;gap:var(--s4);}
.pg-compass .pgc-ctx{display:flex;align-items:center;gap:var(--s5);padding:var(--s5) var(--s6);border-radius:var(--r-lg);background:var(--c2);}
.pg-compass .pgc-ctx-num{flex:none;min-width:128px;margin:0;font:600 40px/1 var(--font-sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--fg);}
.pg-compass .pgc-ctx-txt{margin:0;font-size:var(--t-body);line-height:1.45;color:var(--fg-card);}
.pg-compass .pgc-found{margin-top:var(--s7);}
.pg-compass .pgc-found-t{margin:0 0 var(--s4);font:400 12px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-caption);}
.pg-compass .pgc-found-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s6);}
.pg-compass .pgc-found-steps li{display:flex;gap:var(--s4);align-items:center;font:500 var(--t-body)/1.4 var(--font-sans);color:var(--fg);}
.pg-compass .pgc-found-n{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(250,85,57,.14);font:400 12px/1 var(--font-mono);color:var(--accent);}
.pg-compass .pgc-pull{display:flex;gap:var(--s5);align-items:flex-start;margin:var(--s7) 0 0;max-width:840px;}
.pg-compass .pgc-pull .pgc-qmark{flex:none;height:auto;font:600 64px/.8 var(--font-sans);color:var(--accent);}
.pg-compass .pgc-pull blockquote{margin:0 0 var(--s3);}
.pg-compass .pgc-pull blockquote p{margin:0;font:500 22px/1.45 var(--font-sans);letter-spacing:-.01em;color:var(--fg);}
.pg-compass .pgc-pull figcaption{color:rgba(255,255,255,.62);}
.pg-compass .pgc-case-cta{display:flex;align-items:center;gap:var(--s5);flex-wrap:wrap;margin-top:var(--s7);}
.pg-compass .pgc-case-cta .k-btn{height:52px;padding:0 var(--s6);font-size:var(--t-body);}
.pg-compass .pgc-case-guar{margin:0;font:500 var(--t-body)/1.4 var(--font-sans);color:var(--fg);}
@media (max-width:1023px){
  .pg-compass .pgc-case-top,.pg-compass .pgc-proofrow{grid-template-columns:minmax(0,1fr);gap:var(--s5);}
  .pg-compass .pgc-found-steps{grid-template-columns:minmax(0,1fr);gap:var(--s4);}
}
@media (max-width:767px){
  .pg-compass .pgc-anchor{min-height:0;padding:var(--s5);}
  .pg-compass .pgc-anchor-num{font-size:72px;}
  .pg-compass .pgc-ctx{padding:var(--s4) var(--s5);gap:var(--s4);}
  .pg-compass .pgc-ctx-num{min-width:96px;font-size:32px;}
  .pg-compass .pgc-pull blockquote p{font-size:19px;}
  .pg-compass .pgc-pull .pgc-qmark{font-size:48px;}
  .pg-compass .pgc-case-cta{flex-direction:column;align-items:stretch;text-align:center;}
}
@media (max-width:359px){.pg-compass .pgc-form-next{white-space:normal;}}

/* ---------- 10b · verified reviews wall */
.pg-compass .pgc-rev-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s5);flex-wrap:wrap;margin-bottom:var(--s6);}
.pg-compass .pgc-rev-link{padding:var(--s3) 0;font:500 var(--t-body)/1 var(--font-sans);color:var(--accent);text-underline-offset:4px;}
.pg-compass .pgc-rev-wall{column-count:3;column-gap:var(--s4);}
.pg-compass .pgc-rev{break-inside:avoid;margin:0 0 var(--s4);padding:var(--s5);border-radius:var(--r);background:var(--c1);}
.pg-compass .pgc-stars{display:block;margin:0 0 var(--s3);font-size:15px;letter-spacing:2px;color:var(--accent);}
.pg-compass .pgc-rev blockquote{margin:0 0 var(--s4);}
.pg-compass .pgc-rev blockquote p{margin:0;font-size:var(--t-body);line-height:1.55;color:var(--fg);}
.pg-compass .pgc-rev figcaption{display:grid;gap:2px;font-size:var(--t-small);line-height:1.4;color:var(--fg-small);}
.pg-compass .pgc-rev figcaption strong{font-weight:600;color:var(--fg);}
.pg-compass .pgc-rev-more{display:block;margin:var(--s5) auto 0;height:48px;padding:0 var(--s6);border:0;border-radius:999px;background:rgba(255,255,255,.08);color:var(--fg);font:500 var(--t-body)/1 var(--font-sans);cursor:pointer;}
@media (max-width:1023px){.pg-compass .pgc-rev-wall{column-count:2;}}
@media (max-width:767px){
  .pg-compass .pgc-rev-wall{column-count:1;}
  .pg-compass .pgc-rev-wall.is-short .pgc-rev[data-pg-compass-extra]{display:none;}
}
.pg-compass .pgc-head .k-h2{max-width:none;}
.pg-compass .pgc-rev-more[hidden]{display:none;}
.pg-compass .pgc-rev-head .k-h2{max-width:none;}

/* ---------- V10 (2026-10-06): ported from the order management page (pages/order-management/src/page.css, V24),
   on Evan's "anything from number two we should incorporate on number one". Same values, pgc- prefix. */
/* hero: the form column narrows 420 -> 380 and the gap 64 -> 48, so the video gains about 56px each way and the
   headline grows to 40px on one line */
@media (min-width:1024px){
  .pg-compass .pgc-hero-grid{grid-template-columns:minmax(0,1fr) 380px;gap:var(--s7);}
  .pg-compass .pgc-h1{font-size:clamp(24px,calc((min(1120px, 100vw - 2 * var(--edge)) - 428px) / 16.8),40px);}
  .pg-compass .pgc-hero .pgc-form-card{padding-left:var(--s5);padding-right:var(--s5);}
}
.pg-compass .pgc-sub{margin:var(--s3) 0 0;max-width:36em;font-size:var(--t-lede);line-height:1.45;color:var(--fg-body);text-wrap:pretty;}
@media (min-width:1100px){.pg-compass .pgc-hero .pgc-sub{max-width:none;white-space:nowrap;}}
@media (max-width:1023px){.pg-compass .pgc-sub{order:2;}}
@media (max-width:767px){.pg-compass .pgc-sub{font-size:var(--t-body);line-height:1.45;margin-top:var(--s2);}}
/* the video takes the height left beside the booking card, so the column and the card share a top and a bottom */
@media (min-width:1200px){
  .pg-compass .pgc-hero-grid{align-items:stretch;}
  .pg-compass .pgc-hero-copy{display:flex;flex-direction:column;width:auto;min-width:0;}
  .pg-compass .pgc-video{flex:1 1 0;min-height:0;display:flex;margin-top:var(--s4);}
  .pg-compass .pgc-video-btn{width:auto;height:100%;max-width:100%;aspect-ratio:16/9;}
  .pg-compass .pgc-hero-grid > .pgc-form-card{display:flex;flex-direction:column;min-height:550px;}
  .pg-compass .pgc-hero-grid > .pgc-form-card .pgc-form{flex:1;display:flex;flex-direction:column;}
  .pg-compass .pgc-hero-grid > .pgc-form-card .pgc-form-h{margin-top:var(--s6);}
  .pg-compass .pgc-hero-grid > .pgc-form-card .pgc-form-proof{margin-top:auto;}
}
/* the poster: play button above the caption (they can never collide), the caption is the title card */
.pg-compass .pgc-hero .pgc-video-btn{display:flex;flex-direction:column;background:radial-gradient(45% 60% at 50% 42%,rgba(250,85,57,.38),rgba(250,85,57,0) 70%),linear-gradient(160deg,#2a2422 0%,#141212 62%);box-shadow:0 32px 64px -40px rgba(250,85,57,.32),0 24px 60px -30px rgba(0,0,0,.9);}
.pg-compass .pgc-hero .pgc-play{position:relative;left:auto;top:auto;flex:none;margin:auto;}
.pg-compass .pgc-hero .pgc-video-cap{position:relative;left:auto;right:auto;bottom:auto;flex:none;padding:0 var(--s4) var(--s4);}
@media (min-width:768px){.pg-compass .pgc-hero .pgc-video-cap{padding:0 var(--s6) var(--s6);}}
@media (min-width:1024px){
  .pg-compass .pgc-hero .pgc-video-cap{gap:var(--s2);}
  .pg-compass .pgc-video-cap strong{max-width:22em;font:600 28px/1.2 var(--font-sans);letter-spacing:-.02em;text-wrap:balance;}
  .pg-compass .pgc-video-cap span{font-size:var(--t-body);}
  .pg-compass .pgc-video-pill{left:var(--s6);top:var(--s6);font-size:12px;}
}
@media (min-width:1024px) and (max-width:1199px){.pg-compass .pgc-hero .pgc-video-cap strong{font-size:var(--t-h3);}}
.pg-compass .pgc-video-cap span{text-wrap:balance;color:var(--fg-body);}
.pg-compass .pgc-video-cap .pgc-cap-sub{display:flex;align-items:center;gap:var(--s3);}
.pg-compass .pgc-cap-pete{flex:none;width:32px;height:32px;border-radius:50%;object-fit:cover;}
@media (max-width:767px){.pg-compass .pgc-cap-pete{width:24px;height:24px;}}
@media (max-width:600px){.pg-compass .pgc-hero .pgc-video-btn{aspect-ratio:16/10;} .pg-compass .pgc-hero .pgc-video-pill{display:block;left:var(--s3);top:var(--s3);}}
@media (max-width:359px){.pg-compass .pgc-hero .pgc-video-btn{aspect-ratio:16/10;} .pg-compass .pgc-hero .pgc-video-pill{display:none;}}
/* the booking card: a one-line sub under the heading; the trust note (guarantee + rating) at the card's foot */
.pg-compass .pgc-form-h{margin-bottom:var(--s1);}
.pg-compass .pgc-form-sub{margin:0 0 var(--s4);font:400 16px/22px var(--font-sans);color:#33475b;}
.pg-compass .pgc-book .pgc-form-sub{display:none;}
.pg-compass .pgc-book .pgc-form-h{margin-bottom:var(--s5);}
.pg-compass .pgc-form-proof{font-size:var(--t-body);}
.pg-compass .pgc-form-proof strong{color:#b23a1f;}
.pg-compass .pgc-form-rate{display:block;margin-top:var(--s1);font-weight:500;color:#33475b;}
/* phone: a short eyebrow, and the guarantee and rating as one line between the video and the form */
.pg-compass .pgc-facts-s{display:none;}
@media (max-width:767px){.pg-compass .pgc-facts-l{display:none;} .pg-compass .pgc-facts-s{display:inline;}}
.pg-compass .pgc-hero-proof{display:none;}
@media (max-width:767px){
  .pg-compass .pgc-hero-proof{display:block;order:3;margin:var(--s2) 0 0;font:400 var(--t-body)/1.4 var(--font-sans);color:var(--fg);text-align:center;}
  .pg-compass .pgc-hero-proof strong{font-weight:600;}
  .pg-compass .pgc-hero-proof span{color:var(--fg-body);}
  .pg-compass .pgc-hero .pgc-form-proof{display:none;}
  .pg-compass .pgc-hero-grid > .pgc-form-card{margin-top:var(--s2);}
  .pg-compass .pgc-hero .pgc-form-h{font-size:18px;}
}
/* FAQ: click to expand */
.pg-compass .pgc-faq-list > .pgc-qa{padding:0;}
.pg-compass .pgc-qa{border-radius:var(--r);background:var(--c1);}
.pg-compass .pgc-qa summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:64px;padding:var(--s4) var(--s5);cursor:pointer;list-style:none;}
.pg-compass .pgc-qa summary::-webkit-details-marker{display:none;}
.pg-compass .pgc-qa summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r);}
.pg-compass .pgc-qa summary .k-h4{margin:0;font-size:var(--t-lede);}
.pg-compass .pgc-qa-i{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.08);color:var(--accent);transition:transform .2s ease;}
.pg-compass .pgc-qa[open] .pgc-qa-i{transform:rotate(45deg);}
.pg-compass .pgc-faq .pgc-faq-list .pgc-qa > p{margin:0;padding:0 var(--s5) var(--s5);max-width:none;}
@media (prefers-reduced-motion:reduce){.pg-compass .pgc-qa-i{transition:none;}}
/* reviews: even rows, the first 6 at every width (3 on phones) behind "Show all 20 reviews" */
.pg-compass .pgc-rev-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4);column-count:auto;align-items:stretch;}
.pg-compass .pgc-rev{margin:0;display:flex;flex-direction:column;}
.pg-compass .pgc-rev figcaption{margin-top:auto;}
@media (max-width:1023px){.pg-compass .pgc-rev-wall{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:767px){.pg-compass .pgc-rev-wall{grid-template-columns:minmax(0,1fr);} .pg-compass .pgc-rev-wall.is-short .pgc-rev[data-pg-compass-phone-extra]{display:none;}}
.pg-compass .pgc-rev-wall.is-short .pgc-rev[data-pg-compass-extra]{display:none;}
/* the closing block carries the call: Pete, what happens on it, who Gnar is (the separate call section is gone) */
.pg-compass .pgc-book-card{align-items:start;}
.pg-compass .pgc-book-who{display:flex;align-items:center;gap:var(--s4);margin:0 0 var(--s5);font:500 var(--t-lede)/1.45 var(--font-sans);color:var(--fg);}
.pg-compass .pgc-book-pete{flex:none;width:56px;height:56px;border-radius:50%;object-fit:cover;}
.pg-compass .pgc-book .pgc-call-list{gap:var(--s3);}
.pg-compass .pgc-book .pgc-call-list li{padding:0 0 0 var(--s6);background:none;border-radius:0;font:500 var(--t-body)/1.5 var(--font-sans);color:var(--fg);text-wrap:pretty;}
.pg-compass .pgc-book .pgc-call-list li::before{left:2px;top:8px;}
.pg-compass .pgc-book-co{margin:var(--s6) 0 0;max-width:30em;font-size:var(--t-body);line-height:1.5;color:var(--fg-body);}
@media (min-width:1200px){.pg-compass .pgc-book-card{grid-template-columns:minmax(0,1fr) 380px;}}
@media (min-width:768px){.pg-compass .pgc-book .pgc-form-card{padding:var(--s5);}}
@media (max-width:767px){
  .pg-compass .pgc-book-card{display:flex;flex-direction:column;}
  .pg-compass .pgc-book-left{display:contents;}
  .pg-compass .pgc-book-co{order:9;margin-top:var(--s5);}
  .pg-compass .pgc-book-pete{width:48px;height:48px;}
  .pg-compass .pgc-book .pgc-call-list{margin-bottom:var(--s5);}
}
/* V10 phone: the hero form's heading sits right on its sub line; the poster title reads at body size */
.pg-compass .pgc-hero .pgc-form-h{margin-bottom:var(--s1);}
@media (max-width:767px){.pg-compass .pgc-video-cap strong{font-size:var(--t-body);} .pg-compass .pgc-hero-proof{text-wrap:balance;}}
/* ---------- V10 system gate (ported from the order management page's 2026-10-02 block): one type scale
   (12 14 16 18 20 + display), one spacing scale (4 8 12 16 24 32 48 64 96) */
@media (min-width:810px){.pg-compass{--edge:48px;}}
.pg-compass .pgc-hero{padding-top:96px;}
.pg-compass .k-btn{padding-left:var(--s5);padding-right:var(--s5);}
.pg-compass .pgc-video-pill{font-size:12px;}
.pg-compass .pgc-form .k-field select{padding-right:var(--s6);}
.pg-compass legend.sr-only{font-size:var(--t-body);}
.pg-compass .k-quote-co{font-size:12px;}
.pg-compass .k-quote-role{font-size:var(--t-body);line-height:1.35;}
.pg-compass .k-quote-text{font-size:var(--t-lede);}
.pg-compass .k-quote-body{gap:var(--s2);}
.pg-compass .k-quote-author{gap:var(--s5);}
@media (min-width:810px){.pg-compass .pgc-tqs .k-quote-link{padding:var(--s5) var(--s6) var(--s6);gap:var(--s8);}}
.pg-compass .pgc-stars{font-size:var(--t-small);}
.pg-compass .pgc-rev figcaption{font-size:var(--t-body);}
@media (max-width:767px){
  .pg-compass .pgc-hero{padding-top:64px;}
  .pg-compass .pgc-h1{font-size:min(20px,calc((100vw - 2 * var(--edge)) / 16.8));}
  .pg-compass .pgc-facts{font-size:12px;line-height:16px;}
}
.pg-compass .pgc-form-card{box-shadow:none;}
@media (min-width:1024px){
  .pg-compass .pgc-tqs .pgc-grid3{grid-template-rows:auto 1fr;}
  .pg-compass .pgc-tqs .k-quote{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0;}
  .pg-compass .pgc-tqs .k-quote-link{display:grid;grid-row:span 2;grid-template-rows:subgrid;align-content:start;}
  .pg-compass .pgc-tqs .k-quote-author{align-items:flex-start;}
}
.pg-compass .pgc-facts,.pg-compass .pgc-form-proof{text-wrap:balance;}
.pg-compass .pgc-video-cap strong{text-wrap:pretty;}
.pg-compass .pgc-video-cap span{font-size:var(--t-body);}

/* Gnar 10/8: the guarantee band uses the order management page's seal treatment ($, checkmark, weeks) */
.pg-compass .pgc-guar-in{max-width:1040px;}
.pg-compass .pgc-badges{list-style:none;margin:var(--s7) auto var(--s7);padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s6);max-width:960px;}
.pg-compass .pgc-badge{display:flex;flex-direction:column;align-items:center;text-align:center;}
.pg-compass .pgc-seal{display:block;width:160px;height:160px;margin-bottom:var(--s5);}
.pg-compass .pgc-seal-rosette{fill:var(--accent-ink);}
.pg-compass .pgc-seal-line{fill:none;stroke:var(--accent);stroke-width:1.5;}
.pg-compass .pgc-seal-in{fill:var(--accent-ink);stroke:var(--accent);stroke-width:1.5;}
.pg-compass .pgc-seal-ring{font:500 12px/1 var(--font-mono);letter-spacing:0;fill:#fff;text-transform:uppercase;}
.pg-compass .pgc-seal-big{font:700 44px/1 var(--font-sans);fill:var(--accent);}
.pg-compass .pgc-seal-num{font:700 28px/1 var(--font-sans);fill:var(--accent);letter-spacing:-.02em;}
.pg-compass .pgc-seal-sm{font:500 12px/1 var(--font-mono);letter-spacing:.08em;fill:var(--accent);text-transform:uppercase;}
.pg-compass .pgc-seal-check{fill:none;stroke:var(--accent);stroke-width:8;stroke-linecap:round;stroke-linejoin:round;}
.pg-compass .pgc-badge-h{margin:0;color:var(--accent-ink);font:var(--h4-w) var(--h4)/var(--h4-lh) var(--font-sans);letter-spacing:-.01em;}
.pg-compass .pgc-badge p{margin:var(--s2) 0 0;max-width:20em;font:500 var(--t-body)/1.5 var(--font-sans);color:var(--accent-ink);text-wrap:pretty;}
@media (max-width:767px){
  .pg-compass .pgc-badges{grid-template-columns:minmax(0,1fr);gap:var(--s5);margin:var(--s6) auto;text-align:left;}
  .pg-compass .pgc-badge{display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:var(--s4);align-items:center;text-align:left;}
  .pg-compass .pgc-badge .pgc-seal{grid-row:1 / span 2;width:120px;height:120px;margin:0;}
  .pg-compass .pgc-badge-h{align-self:end;}
  .pg-compass .pgc-badge p{align-self:start;margin-top:var(--s1);}
  .pg-compass .pgc-guar .pgc-btn-ink{display:flex;justify-content:center;width:100%;}
}
/* Gnar 10/8: credentials row (Clutch + Anthropic Select tier) as seals, like the guarantee band, on the dark ground */
.pg-compass .pgc-creds{padding-top:var(--s8);padding-bottom:0;}
.pg-compass .pgc-creds-row{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s6);max-width:720px;}
.pg-compass .pgc-cred{display:flex;flex-direction:column;align-items:center;text-align:center;}
.pg-compass .pgc-cred .pgc-seal{width:140px;height:140px;margin-bottom:var(--s4);}
.pg-compass .pgc-cred .pgc-seal-rosette{fill:var(--accent);}
.pg-compass .pgc-cred .pgc-seal-line{stroke:var(--accent-ink);}
.pg-compass .pgc-cred .pgc-seal-ring{fill:var(--accent-ink);}
.pg-compass .pgc-cred-h{margin:0;font:var(--h4-w) var(--h4)/var(--h4-lh) var(--font-sans);letter-spacing:-.01em;color:#fff;}
.pg-compass .pgc-cred p{margin:var(--s1) 0 0;font:400 var(--t-body)/1.5 var(--font-sans);color:var(--fg-body,rgba(255,255,255,.72));}
@media (max-width:767px){
  .pg-compass .pgc-creds-row{grid-template-columns:minmax(0,1fr);gap:var(--s5);}
  .pg-compass .pgc-cred{display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:var(--s4);align-items:center;text-align:left;}
  .pg-compass .pgc-cred .pgc-seal{grid-row:1 / span 2;width:120px;height:120px;margin:0;}
  .pg-compass .pgc-cred-h{align-self:end;} .pg-compass .pgc-cred p{align-self:start;}
}
.pg-compass .pgc-cred-badge{display:block;width:140px;height:140px;margin-bottom:var(--s4);}
@media (max-width:767px){.pg-compass .pgc-cred .pgc-cred-badge{grid-row:1 / span 2;width:120px;height:120px;margin:0;}}