
:root{
  --ink:#0E1320;
  --ink-2:#161D30;
  --paper:#F7F9FC;
  --white:#FFFFFF;
  --link:#1A4FFF;
  --link-deep:#0F36C0;
  --cite-green:#0B7A4B;
  --line:#E3E8F1;
  --line-dark:rgba(255,255,255,.12);
  --muted:#5B6678;
  --muted-dark:#9AA5BC;
  --ai-a:#7B5CFF;
  --ai-b:#19C2A8;
  --radius:14px;
  --font-display:"Bricolage Grotesque",sans-serif;
  --font-body:"Instrument Sans",sans-serif;
  --font-mono:"IBM Plex Mono",monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--font-body);color:var(--ink);background:var(--paper);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--link)}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
h1,h2,h3,h4{font-family:var(--font-display);line-height:1.08;letter-spacing:-.01em}
.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.eyebrow.on-dark{color:var(--muted-dark)}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-weight:600;font-size:15.5px;padding:13px 22px;border-radius:999px;text-decoration:none;border:1.5px solid transparent;transition:transform .15s ease, background .15s ease;cursor:pointer}
.btn:focus-visible{outline:3px solid var(--link);outline-offset:3px}
.btn-primary{background:var(--link);color:#fff}
.btn-primary:hover{background:var(--link-deep);transform:translateY(-1px)}
.btn-ghost-dark{border-color:var(--line-dark);color:#fff}
.btn-ghost-dark:hover{background:rgba(255,255,255,.07)}
.btn-ghost{border-color:var(--ink);color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:#fff}

/* ---------- header / nav ---------- */
header{position:sticky;top:0;z-index:50;background:rgba(14,19,32,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-dark)}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{font-family:var(--font-display);font-weight:800;font-size:21px;color:#fff;text-decoration:none;letter-spacing:-.01em}
.logo .tm{font-size:10px;vertical-align:super;font-weight:500}
.logo .go{color:transparent;background:linear-gradient(100deg,var(--ai-a),var(--ai-b));-webkit-background-clip:text;background-clip:text}
.nav-links{display:flex;align-items:center;gap:26px}
.nav-links > a, .dd > button{color:var(--muted-dark);text-decoration:none;font-size:15px;font-weight:500;background:none;border:none;font-family:var(--font-body);cursor:pointer;display:flex;align-items:center;gap:5px}
.nav-links > a:hover, .dd > button:hover{color:#fff}
.nav .btn{padding:9px 18px;font-size:14.5px;color:#fff}
.dd{position:relative}
.dd-menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(14,19,32,.18);min-width:280px;padding:8px;display:none;flex-direction:column}
.dd.open .dd-menu{display:flex}
.dd-menu a{display:block;text-decoration:none;color:var(--ink);font-size:15px;font-weight:500;padding:11px 14px;border-radius:9px}
.dd-menu a:hover{background:var(--paper);color:var(--link-deep)}
.dd-menu a span{display:block;font-weight:400;font-size:13px;color:var(--muted)}
.dd-menu .dd-head{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);padding:10px 14px 4px}
.burger{display:none;background:none;border:none;cursor:pointer;width:40px;height:40px;color:#fff}
.burger svg{width:24px;height:24px}
@media(max-width:920px){
  .burger{display:block}
  .nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:var(--ink);flex-direction:column;align-items:stretch;padding:14px 24px 26px;gap:4px;border-bottom:1px solid var(--line-dark);max-height:calc(100vh - 68px);overflow:auto}
  .nav-links.open{display:flex}
  .nav-links > a, .dd > button{padding:12px 0;font-size:17px;width:100%;justify-content:space-between}
  .dd-menu{position:static;transform:none;box-shadow:none;border:none;background:var(--ink-2);border-radius:10px;margin:4px 0 8px}
  .dd-menu a{color:#fff}
  .dd-menu a span{color:var(--muted-dark)}
  .dd-menu a:hover{background:rgba(255,255,255,.06);color:#fff}
  .nav-links .btn{margin-top:12px;justify-content:center}
}

/* ---------- page system ---------- */
/* .page router removed — not needed in WordPress */
/* .page.active router removed — not needed in WordPress */
@keyframes fadein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ---------- shared sections ---------- */
.hero{background:var(--ink);color:#fff;padding:84px 0 92px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:auto -20% -55% -20%;height:70%;background:radial-gradient(60% 100% at 50% 100%, rgba(26,79,255,.28), transparent 70%);pointer-events:none}
.hero .wrap{position:relative;z-index:1}
.hero h1{font-size:clamp(38px,6vw,68px);font-weight:700;max-width:16ch;margin-top:18px}
.hero h1 em{font-style:normal;color:transparent;background:linear-gradient(100deg,#6E8BFF,var(--ai-b));-webkit-background-clip:text;background-clip:text}
.hero .sub{margin-top:22px;font-size:clamp(17px,2vw,20px);color:var(--muted-dark);max-width:56ch}
.hero .sub strong{color:#fff;font-weight:600}
.hero-ctas{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
.page-hero{background:var(--ink);color:#fff;padding:70px 0 64px;position:relative;overflow:hidden}
.page-hero::after{content:"";position:absolute;inset:auto -20% -70% -20%;height:80%;background:radial-gradient(55% 100% at 50% 100%, rgba(26,79,255,.22), transparent 70%);pointer-events:none}
.page-hero .wrap{position:relative;z-index:1}
.page-hero h1{font-size:clamp(34px,5vw,56px);font-weight:700;margin-top:16px;max-width:18ch}
.page-hero p.lead{margin-top:18px;color:var(--muted-dark);font-size:19px;max-width:58ch}
.page-hero p.lead strong{color:#fff}

.section{padding:88px 0}
.section.tint{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-head{max-width:62ch;margin-bottom:42px}
.section-head h2{font-size:clamp(28px,4vw,42px);font-weight:700;margin-top:10px}
.section-head p{margin-top:14px;color:var(--muted);font-size:18px}

/* searchbar signature */
.searchbar{margin-top:54px;max-width:760px;border-radius:999px;background:#fff;display:flex;align-items:center;gap:14px;padding:16px 24px;box-shadow:0 18px 60px rgba(0,0,0,.45)}
.searchbar .mode{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:5px 11px;border-radius:999px;white-space:nowrap;transition:background .4s,color .4s}
.searchbar .mode.google{background:#E9EFFF;color:var(--link-deep)}
.searchbar .mode.ai{background:linear-gradient(100deg,rgba(123,92,255,.15),rgba(25,194,168,.15));color:#5a43d6}
.searchbar .query{font-family:var(--font-mono);font-size:clamp(13.5px,1.8vw,16.5px);color:var(--ink);white-space:nowrap;overflow:hidden}
.caret{display:inline-block;width:2px;height:1.15em;background:var(--link);vertical-align:text-bottom;animation:blink 1s steps(1) infinite;margin-left:2px}
@keyframes blink{50%{opacity:0}}
.hero-note{margin-top:16px;font-family:var(--font-mono);font-size:12.5px;color:var(--muted-dark)}
.hero-note b{color:#fff;font-weight:500}

/* pathways */
.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:840px){.path-grid{grid-template-columns:1fr}}
.path{border-radius:var(--radius);padding:38px 34px;display:flex;flex-direction:column;gap:18px;border:1px solid var(--line);background:var(--white)}
.path.ai-path{background:linear-gradient(var(--white),var(--white)) padding-box, linear-gradient(120deg,var(--ai-a),var(--ai-b)) border-box;border:1.5px solid transparent}
.path h3{font-size:26px;font-weight:700}
.path .tag{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;align-self:flex-start;padding:5px 12px;border-radius:999px}
.ai-path .tag{background:linear-gradient(100deg,rgba(123,92,255,.12),rgba(25,194,168,.12));color:#5a43d6}
.classic-path .tag{background:#E9EFFF;color:var(--link-deep)}
.path p{color:var(--muted)}
.path ul, .ticklist{list-style:none;display:flex;flex-direction:column;gap:11px;margin-top:4px}
.path li, .ticklist li{padding-left:26px;position:relative;font-size:16px}
.path li::before, .ticklist li::before{content:"→";position:absolute;left:0;color:var(--link);font-weight:600}
.ai-path li::before{color:var(--ai-a)}
.path .btn{margin-top:auto;align-self:flex-start}

/* the FairGo difference */
.diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media(max-width:840px){.diff-grid{grid-template-columns:1fr}}
.diff{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:32px 30px}
.section.tint .diff{background:var(--paper)}
.diff .num{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;color:var(--link);text-transform:uppercase}
.diff h3{font-size:23px;font-weight:700;margin:10px 0 10px}
.diff p{color:var(--muted);font-size:16px}
.diff p b{color:var(--ink)}
.vs{display:flex;gap:14px;margin-top:18px;font-family:var(--font-mono);font-size:13px;flex-wrap:wrap}
.vs span{padding:7px 14px;border-radius:999px}
.vs .them{background:#FBEAEA;color:#9B2C2C;text-decoration:line-through}
.vs .us{background:#E7F6EE;color:var(--cite-green);font-weight:500}

/* SERP services */
.serp{max-width:780px;display:flex;flex-direction:column;gap:8px}
.serp-count{font-family:var(--font-mono);font-size:13px;color:var(--muted);margin-bottom:18px}
.result{display:block;text-decoration:none;padding:22px 22px;border-radius:12px;transition:background .15s ease;cursor:pointer}
.result:hover{background:var(--paper)}
.section.tint .result:hover{background:var(--paper)}
.result .crumb{font-family:var(--font-mono);font-size:13px;color:var(--cite-green)}
.result .title{font-family:var(--font-display);font-weight:600;font-size:22px;color:var(--link);margin:4px 0 6px;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.result:hover .title{color:var(--link-deep)}
.result .snippet{color:var(--muted);font-size:15.5px;max-width:62ch}
.result .snippet b{color:var(--ink);font-weight:600}

/* why cards */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:8px}
@media(max-width:980px){.why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.why-grid{grid-template-columns:1fr}}
.why-card{border-top:2px solid var(--ink);padding-top:18px}
.why-card .k{font-family:var(--font-display);font-size:29px;font-weight:700}
.why-card .k span{color:var(--link)}
.why-card p{color:var(--muted);font-size:15.5px;margin-top:8px}

/* service page internals */
.deliverables{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:36px 34px;max-width:820px}
.deliverables h3{font-size:24px;margin-bottom:8px}
.deliverables p.note{color:var(--muted);margin-bottom:20px;font-size:16px}
.dl-list{list-style:none;display:flex;flex-direction:column;gap:0}
.dl-list li{display:flex;gap:16px;padding:15px 0;border-bottom:1px solid var(--line);font-size:16px;align-items:baseline}
.dl-list li:last-child{border-bottom:none}
.dl-list .when{font-family:var(--font-mono);font-size:12.5px;color:var(--link);min-width:96px;text-transform:uppercase;letter-spacing:.06em}
.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:920px}
@media(max-width:760px){.timeline{grid-template-columns:1fr}}
.t-step{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px}
.section.tint .t-step{background:var(--paper)}
.t-step .d{font-family:var(--font-mono);font-size:12px;color:var(--link);letter-spacing:.1em;text-transform:uppercase}
.t-step h4{font-size:19px;margin:8px 0 8px}
.t-step p{color:var(--muted);font-size:15px}
.fit{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:920px}
@media(max-width:760px){.fit{grid-template-columns:1fr}}
.fit-col{border-radius:var(--radius);padding:28px 26px;border:1px solid var(--line);background:var(--white)}
.fit-col h4{font-size:18px;margin-bottom:14px}
.fit-col.yes h4{color:var(--cite-green)}
.fit-col.no h4{color:#9B2C2C}
.fit-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.fit-col li{padding-left:24px;position:relative;font-size:15.5px;color:var(--muted)}
.fit-col.yes li::before{content:"✓";position:absolute;left:0;color:var(--cite-green);font-weight:700}
.fit-col.no li::before{content:"✕";position:absolute;left:0;color:#9B2C2C;font-weight:700}

/* video reporting band */
.video-band{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
@media(max-width:840px){.video-band{grid-template-columns:1fr}}
.video-mock{background:var(--ink);border-radius:var(--radius);aspect-ratio:16/10;position:relative;overflow:hidden;box-shadow:0 24px 60px rgba(14,19,32,.25)}
.video-mock::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 90% at 30% 80%, rgba(123,92,255,.35), transparent 60%), radial-gradient(60% 80% at 80% 20%, rgba(26,79,255,.4), transparent 60%)}
.video-mock .play{position:absolute;inset:0;margin:auto;width:72px;height:72px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.video-mock .play::after{content:"";border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent var(--link);margin-left:5px}
.video-mock .vm-label{position:absolute;left:18px;bottom:16px;font-family:var(--font-mono);font-size:12px;color:#fff;background:rgba(0,0,0,.45);padding:6px 12px;border-radius:8px}
.video-copy h2{font-size:clamp(28px,3.6vw,40px);font-weight:700;margin-top:10px}
.video-copy p{color:var(--muted);margin-top:14px;font-size:17px}
.video-copy p b{color:var(--ink)}

/* vertical process timeline */
.vtl{display:flex;flex-direction:column;gap:0;max-width:780px;margin:0 auto;position:relative}
.vtl-item{display:grid;grid-template-columns:72px 1fr;gap:0;align-items:flex-start;position:relative}
.vtl-left{display:flex;flex-direction:column;align-items:center;position:relative}
.vtl-node{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:18px;font-weight:800;color:#fff;flex-shrink:0;z-index:1;position:relative;box-shadow:0 6px 20px rgba(29,29,31,.18)}
.vtl-line{width:2px;flex:1;min-height:32px;background:linear-gradient(to bottom,var(--ink),#E8E8E4)}
.vtl-item:last-child .vtl-line{display:none}
.vtl-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px;margin:0 0 20px 16px}
.vtl-card h3{font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:7px;display:flex;align-items:center;gap:10px}
.vtl-card h3 .tick{color:#0A6640;font-size:16px}
.vtl-card p{color:var(--muted);font-size:15.5px;line-height:1.6}

/* performance band */
.perf-band{background:var(--ink);color:#fff;padding:72px 0;position:relative;overflow:clip;text-align:center}
.perf-band::after{content:"";position:absolute;inset:auto -20% -60% -20%;height:80%;background:radial-gradient(60% 100% at 50% 100%, rgba(255,255,255,.07), transparent 70%);pointer-events:none}
.perf-band .wrap{position:relative;z-index:1}
.perf-number{font-family:var(--font-display);font-size:clamp(56px,10vw,120px);font-weight:800;line-height:1;color:#fff;letter-spacing:-.02em}
.perf-number em{font-style:normal;color:transparent;background:linear-gradient(100deg,#fff,#B8B8C0);-webkit-background-clip:text;background-clip:text;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.perf-band h2{font-size:clamp(22px,3.5vw,36px);font-weight:700;margin-top:16px;max-width:22ch;margin-left:auto;margin-right:auto;color:#fff}
.perf-band p{color:var(--muted-dark);margin-top:14px;font-size:17px;max-width:52ch;margin-left:auto;margin-right:auto}
.perf-band p b{color:#fff}
.perf-tag{display:inline-block;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(255,255,255,.2);padding:7px 18px;border-radius:999px;color:rgba(255,255,255,.6);margin-bottom:24px}

/* platform page */
.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.platform-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.platform-grid{grid-template-columns:1fr}}
.plat{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px}
.section.tint .plat{background:var(--paper)}
.plat .ico{font-size:28px;margin-bottom:12px;display:block}
.plat h3{font-size:18px;font-weight:700;margin-bottom:8px}
.plat p{color:var(--muted);font-size:15px;line-height:1.55}
.plat .save{display:inline-block;margin-top:12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--cite-green);background:#E7F6EE;padding:4px 10px;border-radius:999px}

/* agentic reminders */

/* agentic comparison table */
.cmp{width:100%;max-width:880px;border-collapse:separate;border-spacing:0;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;font-size:15.5px}
.cmp th,.cmp td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.cmp tr:last-child td{border-bottom:none}
.cmp thead th{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;background:var(--paper);color:var(--muted)}
.cmp thead th.ag{color:#5a43d6}
.cmp td:first-child{font-weight:600;color:var(--ink);width:24%}
.cmp .them-col{color:var(--muted)}
.cmp .us-col{color:var(--ink)}
@media(max-width:640px){.cmp th,.cmp td{padding:12px 12px;font-size:13.5px}}

/* pricing */
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:900px){.price-grid{grid-template-columns:1fr}}
.price{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:34px 30px;display:flex;flex-direction:column;gap:14px}
.price.featured{background:linear-gradient(var(--white),var(--white)) padding-box, linear-gradient(120deg,var(--ai-a),var(--ai-b)) border-box;border:1.5px solid transparent}
.price h3{font-size:23px}
.price .amt{font-family:var(--font-display);font-size:38px;font-weight:700}
.price .amt span{font-size:15px;font-family:var(--font-body);font-weight:400;color:var(--muted)}
.price .for{font-size:15px;color:var(--muted)}
.price ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin:6px 0 8px}
.price li{padding-left:24px;position:relative;font-size:15px;color:var(--muted)}
.price li::before{content:"✓";position:absolute;left:0;color:var(--cite-green);font-weight:700}
.price .btn{margin-top:auto;justify-content:center}
.price .tagp{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#5a43d6}

/* faq accordion */
.faq{max-width:820px;display:flex;flex-direction:column;gap:12px}
.faq-item{background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.faq-item > button{width:100%;background:none;border:none;font-family:var(--font-display);font-size:18px;font-weight:600;text-align:left;padding:20px 22px;cursor:pointer;display:flex;justify-content:space-between;gap:16px;color:var(--ink)}
.faq-item > button::after{content:"+";font-size:22px;color:var(--link);flex-shrink:0;line-height:1}
.faq-item.open > button::after{content:"–"}
.faq-item .a{display:none;padding:0 22px 20px;color:var(--muted);font-size:16px}
.faq-item.open .a{display:block}

/* case studies */
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:900px){.case-grid{grid-template-columns:1fr}}
.case{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:30px 28px}
.case .ind{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.case .stat{font-family:var(--font-display);font-size:40px;font-weight:700;color:var(--link);margin:10px 0 2px}
.case h3{font-size:19px;margin-bottom:8px}
.case p{color:var(--muted);font-size:15px}

/* blog cards */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:900px){.blog-grid{grid-template-columns:1fr}}
.post{display:block;text-decoration:none;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px;transition:transform .15s ease}
.post:hover{transform:translateY(-3px)}
.post .cat{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#5a43d6}
.post h3{font-size:19px;color:var(--ink);margin:10px 0 8px}
.post p{color:var(--muted);font-size:15px}
.post .read{margin-top:14px;font-weight:600;color:var(--link);font-size:14.5px;display:inline-block}

/* CTA + footer */
.cta{background:var(--ink);color:#fff;padding:92px 0;position:relative;overflow:clip}
.cta::before{content:"";position:absolute;inset:-40% -10% auto;height:90%;background:radial-gradient(50% 80% at 50% 0%, rgba(123,92,255,.22), transparent 70%);pointer-events:none}
.cta .wrap{position:relative;text-align:center;max-width:760px}
.cta h2{font-size:clamp(30px,4.4vw,50px);font-weight:700}
.cta p{margin:18px auto 0;color:var(--muted-dark);font-size:18px;max-width:48ch}
.cta .btn{margin-top:30px}
.cta .fine{margin-top:18px;font-family:var(--font-mono);font-size:12.5px;color:var(--muted-dark)}
footer{background:var(--ink);color:var(--muted-dark);border-top:1px solid var(--line-dark);padding:44px 0}
.foot{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px;font-size:14.5px}
@media(max-width:760px){.foot{grid-template-columns:1fr}}
.foot h5{color:#fff;font-family:var(--font-mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:12px;font-weight:500}
.foot a{color:var(--muted-dark);text-decoration:none;display:block;padding:3px 0}
.foot a:hover{color:#fff}
.foot .blurb{max-width:34ch}
.foot-bottom{margin-top:36px;padding-top:20px;border-top:1px solid var(--line-dark);font-size:13.5px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}

/* contact page */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:980px}
@media(max-width:800px){.contact-grid{grid-template-columns:1fr}}
.contact-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:34px 32px}
.contact-card h3{font-size:22px;margin-bottom:14px}
.contact-card .row{display:flex;gap:12px;padding:10px 0;font-size:16px;align-items:baseline}
.contact-card .row .lbl{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);min-width:74px}

@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
}

/* ============ MONOCHROME REBRAND ============ */
:root{
  --ink:#0A0A0B;
  --ink-2:#151517;
  --paper:#F6F6F4;
  --link:#0A0A0B;
  --link-deep:#000;
  --line:#E4E4E1;
  --muted:#5C5C60;
  --muted-dark:#A6A6AC;
  --serp-blue:#1A4FFF;
  --serp-green:#0B7A4B;
}
a{text-underline-offset:3px}
.hero::after{background:radial-gradient(60% 100% at 50% 100%, rgba(255,255,255,.10), transparent 70%)}
.page-hero::after{background:radial-gradient(55% 100% at 50% 100%, rgba(255,255,255,.08), transparent 70%)}
.cta::before{background:radial-gradient(50% 80% at 50% 0%, rgba(255,255,255,.10), transparent 70%)}
.hero h1 em{background:linear-gradient(100deg,#FFFFFF,#B8B8C0);-webkit-background-clip:text;background-clip:text;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.logo .go{background:linear-gradient(100deg,#FFFFFF,#B8B8C0);-webkit-background-clip:text;background-clip:text}
.btn-primary{background:#0A0A0B;color:#fff}
.btn-primary:hover{background:#000}
.hero .btn-primary,.page-hero .btn-primary,.cta .btn-primary,.nav .btn-primary{background:#fff;color:#0A0A0B}
.hero .btn-primary:hover,.page-hero .btn-primary:hover,.cta .btn-primary:hover,.nav .btn-primary:hover{background:#E9E9E6}
.searchbar .mode.google{background:#EFEFED;color:#0A0A0B}
.searchbar .mode.ai{background:linear-gradient(100deg,#E9E9EC,#D4D4D9);color:#0A0A0B}
.caret{background:var(--serp-blue)}
.ai-path{background:linear-gradient(var(--white),var(--white)) padding-box, linear-gradient(120deg,#0A0A0B,#9A9AA2) border-box;border:1.5px solid transparent}
.ai-path .tag{background:#0A0A0B;color:#fff}
.classic-path .tag{background:#EFEFED;color:#0A0A0B}
.ai-path li::before,.path li::before,.ticklist li::before{color:#0A0A0B}
.vs .them{background:#EFEFED;color:#7A7A80}
.vs .us{background:#0A0A0B;color:#fff}
.result .crumb{color:var(--serp-green)}
.result .title{color:var(--serp-blue)}
.result:hover .title{color:#0F36C0}
.why-card .k span{color:var(--muted)}
.cmp thead th.ag{color:#0A0A0B}
.price li::before{color:#0A0A0B}
.price.featured{background:var(--white);border:2px solid #0A0A0B}
.price .tagp{color:#0A0A0B}
.post .cat{color:var(--muted)}
.post:hover{border-color:#0A0A0B}
.case .stat{color:#0A0A0B}
.faq-item > button::after{color:#0A0A0B}
.dl-list .when{color:#0A0A0B}
.t-step .d{color:var(--muted)}
.video-mock::before{background:radial-gradient(70% 90% at 30% 80%, rgba(255,255,255,.14), transparent 60%), radial-gradient(60% 80% at 80% 20%, rgba(255,255,255,.10), transparent 60%)}
.video-mock .play::after{border-color:transparent transparent transparent #0A0A0B}
.dd-menu a:hover{background:var(--paper);color:#0A0A0B}

/* reviews + specialist band */
.stars{margin-top:18px;font-size:15px;color:var(--muted-dark)}
.stars .s{color:#F5B301;letter-spacing:2px}
.stars b{color:#fff;font-weight:600}
.specialist{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
@media(max-width:840px){.specialist{grid-template-columns:1fr}}
.headshot{width:100%;max-width:380px;border-radius:var(--radius);border:1px solid var(--line);display:block;box-shadow:0 16px 40px rgba(10,10,11,.14)}
.badge-img{max-width:300px;width:100%;margin-top:22px;display:block;border-radius:10px}
.spec-copy h2{font-size:clamp(28px,3.6vw,40px);font-weight:700;margin-top:10px}
.spec-copy p{color:var(--muted);margin-top:14px;font-size:17px}
.spec-copy p b{color:var(--ink)}

/* human manifesto */
.manifesto{background:var(--ink);color:#fff;padding:100px 0;position:relative;overflow:clip}
.manifesto::after{content:"";position:absolute;inset:auto -20% -60% -20%;height:80%;background:radial-gradient(60% 100% at 50% 100%, rgba(255,255,255,.08), transparent 70%);pointer-events:none}
.manifesto .wrap{position:relative;z-index:1}
.manifesto h2{font-size:clamp(28px,4.2vw,52px);font-weight:700;max-width:22ch;line-height:1.1;word-break:break-word;overflow-wrap:break-word}
.manifesto h2 em{font-style:italic;color:transparent;background:linear-gradient(100deg,#FFFFFF,#B8B8C0);-webkit-background-clip:text;background-clip:text;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.manifesto .lead-m{margin-top:24px;color:var(--muted-dark);font-size:clamp(17px,2vw,19px);max-width:60ch}
.manifesto .lead-m b{color:#fff;font-weight:600}
.mani-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:54px}
@media(max-width:840px){.mani-grid{grid-template-columns:1fr}}
.mani{border-top:1px solid var(--line-dark);padding-top:20px}
.mani h4{font-size:19px;color:#fff;margin-bottom:8px}
.mani p{color:var(--muted-dark);font-size:15.5px}
.mani-tag{margin-top:54px;font-family:var(--font-mono);font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.mani-tag span{color:var(--muted-dark)}
.mani-top{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:center}
@media(max-width:840px){.mani-top{grid-template-columns:1fr}}
.mani-photo{margin:0}
.mani-photo img{width:100%;max-width:360px;border-radius:var(--radius);filter:grayscale(100%) contrast(1.08);border:1px solid rgba(255,255,255,.18);display:block}
.mani-photo figcaption{margin-top:14px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--muted-dark)}

/* custom review card */
.review-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:40px 36px;max-width:380px}
.review-card .big{font-family:var(--font-display);font-size:64px;font-weight:700;line-height:1;color:var(--ink)}
.review-card .strs{color:#F5B301;font-size:22px;letter-spacing:4px;margin:10px 0 6px}
.review-card .lbl{color:var(--muted);font-size:15.5px}
.review-card .lbl b{color:var(--ink)}
.review-card .div{height:1px;background:var(--line);margin:24px 0}
.review-card .k2{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--ink)}
.review-card .src{margin-top:18px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

/* ============ SOFT & LIGHT PASS ============ */
:root{
  --ink:#1D1D1F;
  --ink-2:#29292C;
  --paper:#FAFAF8;
  --line:#EAEAE6;
  --muted:#6B6B70;
  --muted-dark:#8A8A90;
  --radius:16px;
}
body{color:#2B2B2E}
h1,h2,h3,h4{color:var(--ink)}
header{background:rgba(255,255,255,.92);border-bottom:1px solid var(--line)}
.logo{color:var(--ink)}
.logo .go{background:linear-gradient(100deg,#1D1D1F,#8E8E94);-webkit-background-clip:text;background-clip:text}
.nav-links > a,.dd > button{color:var(--muted)}
.nav-links > a:hover,.dd > button:hover{color:var(--ink)}
.burger{color:var(--ink)}
.nav .btn-primary{background:var(--ink);color:#fff}
.nav .btn-primary:hover{background:#000}
.hero,.page-hero{background:#FFFFFF;color:var(--ink)}
.hero::after,.page-hero::after{background:radial-gradient(60% 100% at 50% 100%, rgba(29,29,31,.05), transparent 70%)}
.hero h1 em{background:linear-gradient(100deg,#1D1D1F,#9C9CA2);-webkit-background-clip:text;background-clip:text}
.hero .sub,.page-hero p.lead{color:var(--muted)}
.hero .sub strong,.page-hero p.lead strong{color:var(--ink)}
.eyebrow.on-dark{color:var(--muted)}
.manifesto .eyebrow.on-dark{color:var(--muted-dark)}
.stars{color:var(--muted)}
.stars b{color:var(--ink)}
.hero-note{color:var(--muted)}
.hero-note b{color:var(--ink)}
.btn-ghost-dark{border-color:var(--ink);color:var(--ink)}
.btn-ghost-dark:hover{background:var(--ink);color:#fff}
.hero .btn-primary,.page-hero .btn-primary{background:var(--ink);color:#fff}
.hero .btn-primary:hover,.page-hero .btn-primary:hover{background:#000}
.searchbar{border:1px solid var(--line);box-shadow:0 14px 40px rgba(29,29,31,.10)}
.cta{background:var(--paper);color:var(--ink);border-top:1px solid var(--line)}
.cta::before{display:none}
.cta p,.cta .fine{color:var(--muted)}
.cta .btn-primary{background:var(--ink);color:#fff}
.cta .btn-primary:hover{background:#000}
footer{background:#fff;color:var(--muted);border-top:1px solid var(--line)}
.foot h5{color:var(--ink)}
.foot a{color:var(--muted)}
.foot a:hover{color:var(--ink)}
.foot-bottom{border-top:1px solid var(--line)}
.manifesto{background:#1B1B1E}
.manifesto h2,.manifesto h3,.manifesto h4{color:#fff}
.manifesto h2 em{color:transparent}
.video-mock{background:#1B1B1E}
.headshot{box-shadow:0 14px 36px rgba(29,29,31,.10);filter:grayscale(100%) contrast(1.06)}
@media(max-width:920px){
  .nav-links{background:#fff;border-bottom:1px solid var(--line)}
  .nav-links > a,.dd > button{color:var(--ink)}
  .dd-menu{background:var(--paper)}
  .dd-menu a{color:var(--ink)}
  .dd-menu a span{color:var(--muted)}
  .dd-menu a:hover{background:#fff;color:var(--ink)}
}



