/* Brand alignment layer for the Search Everywhere Optimization page.
   Same system as the homepage override (LinkedIn Personal Branding page +
   CrazyDi Brand Guidelines v2.0), mapped to seo-service.css class names.
   Layout, content and section order are untouched. Loaded after seo-service.css. */
:root{--emerald-d:#238a5c;--sage:#5C6D66;--mint-on-dark:#8ff0c4;}

/* TYPE: Sora 700-800 headings, Inter 400 body */
body{font-weight:400;}
h1,h2,h3,h4,h5{font-family:'Sora',sans-serif;font-weight:700;}
.hero-left h1{font-weight:800;letter-spacing:-0.03em;}
.hero-subtitle{font-family:'Sora',sans-serif;font-weight:600;}
.fstrip-text h3,.why-card-title,.acronym-bottom-text h3,.final-cta-form-title{font-family:'Sora',sans-serif;font-weight:700;}
.process-title{font-family:'Sora',sans-serif;font-weight:600;}
.process-num{font-family:'Sora',sans-serif;font-weight:700;}
.ind-card-name,.acr-full,.seo-item-number{font-weight:600;}
.problem-fig-label{font-weight:600;}
.plat-name,.seo-scan-label{font-weight:500;}
.sim-query{font-family:'Inter',sans-serif;}
.hero-stat-num,.badge-number,.shift-stat{font-family:'Sora',sans-serif;font-weight:800;}
/* quote text: Sora has no true italic, so set it upright */
.google-quote-text,.testi-quote{font-family:'Sora',sans-serif;font-style:normal;font-weight:500;}

/* CORAL EMPHASIS: one coral word per heading, never italic */
.accent,h2 .accent,.hero-subtitle .accent{font-style:normal!important;}  /* beats each section's "h2 .accent" italic rule */
.hero-subtitle .accent{color:inherit;}                 /* hero already has coral "Search Everywhere" */
.badge-number,.shift-stat{color:var(--emerald);}       /* stats in emerald, not coral */

/* WORDMARK: CrazyDi with capital C and D, Sora 800, coral Di, no italic */
.nav-logo .wordmark{font-family:'Sora',sans-serif;font-size:22px;font-weight:800;letter-spacing:-0.03em;text-transform:none;}
.nav-logo .wordmark .di{font-family:'Sora',sans-serif;font-style:normal;font-size:inherit;}

/* NAV: plain links, forest 12px-radius CTA */
.nav-links a{font-size:14px;font-weight:500;}
.nav-links a::after{display:none;}
.nav-links a.active,.nav-mobile-menu a.active{color:var(--forest);font-weight:600;}
.nav-cta{font-family:'Sora',sans-serif;font-weight:600;font-size:13px;padding:10px 20px;border-radius:12px;}
.nav-mobile-menu .nav-cta-mobile{font-family:'Sora',sans-serif;font-weight:600;border-radius:14px;}

/* BUTTONS: emerald primary, 14px radius, Sora 600 */
.btn-primary,.btn-coral{background:var(--emerald);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:15px;padding:15px 28px;border-radius:14px;box-shadow:0 8px 22px rgba(47,171,115,0.28);}
.btn-primary:hover,.btn-coral:hover{background:var(--emerald-d);box-shadow:0 8px 22px rgba(47,171,115,0.28);}
.btn-coral.form-submit{font-size:15px!important;padding:15px 28px!important;}
.hero-cta-row .btn-primary{font-size:14px;padding:15px 24px;}   /* keeps "See how it works" on the same line */

/* NO DECORATIVE ACCENT LINES: gradient/colour bars and coral edges removed */
.glow-card::before,.process-card::before,.acr-card::before,.bento-cell::after{display:none;}
.google-quote{border-left:1.5px solid var(--border-subtle);}
.google-quote-source{color:var(--emerald-d);}   /* one coral per view: the heading keeps it */

/* PALETTE: only brand colours (no blue, purple, off-brand yellow/green) */
.glow-ico,.glow-ico.gi-coral,.glow-ico.gi-blue,.glow-ico.gi-amber,.glow-ico.gi-purple{background:rgba(47,171,115,0.08);color:var(--emerald);}
.glow-li .ico-fail{color:#c2ccc7;}
.sim-dot-y{background:var(--amber);}
.sim-cited{color:var(--emerald);}

/* FAQ: arrow flips to point down on a coral circle when open (as on the homepage) */
.faq-toggle{color:var(--emerald);transition:transform .4s ease,background .3s,color .3s;}
.faq-item.open .faq-toggle{transform:rotate(90deg);background:var(--coral);color:#fff;}
.faq-question:hover{color:var(--coral);}

/* MOBILE: keep slide-in animations from widening the page on phones */
html,body{overflow-x:clip;}
@supports not (overflow-x:clip){body{overflow-x:hidden;}}

/* TESTIMONIAL AVATARS: client photos 404 on crazydi.ai; show initials (LinkedIn-page
   monogram style) until real photos are uploaded */
.testi-avatar.testi-initials{background:linear-gradient(135deg,var(--forest),var(--emerald));border-color:rgba(255,255,255,0.12);color:#fff;font-family:'Sora',sans-serif;font-weight:700;letter-spacing:-0.02em;}

/* "WHERE THEY SEARCH NOW": real platform logos in the tiles (were letters/emoji) */
.plat-ico svg{width:20px;height:20px;display:block;}
@media(max-width:480px){.plat-ico svg{width:16px;height:16px;}}

/* CLIENT LOGOS: always full colour (were grayscale at 45% until hover) */
.logo-slot,.logo-slot:hover{filter:none;}

/* WHAT YOU GET: bento grid of the five Search Everywhere workstreams. Each card:
   what you get, the platforms it shows up on (real logos), and why it matters. */
.wyg-section .included-header{max-width:none;margin-bottom:40px;}
.wyg-section .included-header h2{max-width:none;}
.wyg-bento{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;}
.wyg-card{background:#fff;border:1px solid var(--border-subtle);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:18px;transition:box-shadow .25s,transform .25s;}
.wyg-card:hover{box-shadow:0 14px 34px rgba(26,60,52,.08);transform:translateY(-2px);}
.wyg-c1,.wyg-c2{grid-column:span 3;}
.wyg-c3,.wyg-c4,.wyg-c5{grid-column:span 2;}
.wyg-card h3{font-family:'Sora',sans-serif;font-weight:700;font-size:19px;color:var(--forest);margin:6px 0 10px;line-height:1.3;}
.wyg-card p{font-size:14px;line-height:1.6;color:var(--sage);margin:0;}
.wyg-platforms{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:auto;}
.wyg-plat-label{font-family:'Sora',sans-serif;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sage);}
.wyg-plat-icons{display:flex;align-items:center;gap:10px;}
.wyg-logo{width:30px;height:30px;border-radius:9px;background:var(--offwhite);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;}
.wyg-logo svg{width:17px;height:17px;display:block;}
.wyg-why{padding-top:16px;border-top:1px solid var(--border-subtle);}
.wyg-why-label{display:block;font-family:'Sora',sans-serif;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--emerald-d);margin-bottom:6px;}
.wyg-why p{font-size:14px;line-height:1.6;color:var(--forest);font-weight:500;min-height:4.8em;}  /* 3 lines, so rows align */
@media(max-width:960px){
  .wyg-bento{grid-template-columns:1fr;}
  .wyg-c1,.wyg-c2,.wyg-c3,.wyg-c4,.wyg-c5{grid-column:auto;}
  .wyg-why p{min-height:0;}
}

/* TESTIMONIALS: less empty space above and below on desktop (was 120px each side) */
@media (min-width:1025px){
  .testimonials-section{padding-top:72px;padding-bottom:72px;}
  .testimonials-header{margin-bottom:40px;}
}

/* FINAL CTA + AUDIT FORM: same section as the homepage (copied from the homepage
   theme + its brand tweaks), so both pages share one form design. */
.cta-band .container{max-width:1240px;margin:0 auto;padding:0 40px;}
@media(max-width:768px){.cta-band .container{padding:0 20px;}}
.cta-band{background: var(--forest-deep); padding: 100px 0; position: relative; overflow: hidden;}
.cta-band::before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 20% 50%, rgba(47,171,115,0.08) 0%, transparent 60%), radial-gradient(circle at 80% 30%, rgba(232,101,58,0.05) 0%, transparent 50%); pointer-events: none;}
.cta-band-grid{display: grid; grid-template-columns: 1fr 1.15fr; gap: 60px; align-items: center; position: relative; z-index: 2;}
.cta-band-left{position: relative; padding: 0;}
.cta-band-left h2{font-size: clamp(30px, 3.2vw, 46px); color: var(--white); letter-spacing: -0.02em; line-height: 1.15; margin-bottom: 16px;}
.cta-band-left h2 span{color: var(--coral);}
.cta-band-left .cta-subtitle{font-size: 17px; color: rgba(255,255,255,0.85); line-height: 1.7; margin-bottom: 36px; max-width: 460px;}
.cta-band-stats{display: flex; gap: 40px; margin-top: 48px; padding-top: 36px; border-top: 1px solid rgba(255,255,255,0.1);}
.cta-band-stat{text-align: left;}
.cta-band-stat-number{font-family: 'Sora', serif; font-size: 42px; color: var(--coral); line-height: 1;}
.cta-band-stat-label{font-size: 14px; color: rgba(255,255,255,0.7); margin-top: 6px; font-family: 'Inter', sans-serif;}
.cta-band-checklist{list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 16px;}
.cta-band-checklist li{display: flex; align-items: flex-start; gap: 12px; font-size: 16px; color: rgba(255,255,255,0.9); line-height: 1.6; font-family: 'Inter', sans-serif;}
.cta-band-checklist li .check-icon{width: 22px; height: 22px; border-radius: 50%; flex-shrink: 0; margin-top: 1px; background: rgba(47,171,115,0.15); display: flex; align-items: center; justify-content: center;}
.cta-band-checklist li .check-icon svg{width: 12px; height: 12px;}
.cta-band-right{background: var(--white); border-radius: 24px; padding: 48px; box-shadow: 0 24px 80px rgba(0,0,0,0.3); position: relative;}
.cta-band-right::before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--emerald), var(--amber), var(--coral)); border-radius: 24px 24px 0 0;}
.cta-form-eyebrow{font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; color: var(--emerald); margin-bottom: 8px; font-family: 'Inter', sans-serif;}
.cta-band-right h3{font-size: 28px; color: var(--forest-deep); margin-bottom: 6px; font-family: 'Sora', serif; line-height: 1.2;}
.cta-form-subtitle{font-size: 15px; color: var(--sage); margin-bottom: 32px; line-height: 1.6;}
.cta-form-row{display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 18px;}
.cta-form-field{display: flex; flex-direction: column;}
.cta-form-field.full-width{grid-column: 1 / -1;}
.cta-form-field label{font-size: 13px; font-weight: 700; color: var(--forest-deep); margin-bottom: 7px; letter-spacing: 0.02em;}
.cta-form-field input, .cta-form-field select{padding: 14px 18px; border: 1.5px solid #e0e4e3; border-radius: 12px; font-family: 'Inter', sans-serif; font-size: 15px; color: var(--forest-deep); background: var(--white); transition: all 0.25s;}
.cta-form-field input:focus, .cta-form-field select:focus{outline: none; border-color: var(--emerald); box-shadow: 0 0 0 4px rgba(47,171,115,0.1);}
.cta-form-field input::placeholder{color: #b5b5b5;}
.cta-services-label{font-size: 13px; font-weight: 700; color: var(--forest-deep); margin: 24px 0 12px;}
.cta-services-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-bottom: 28px;}
.cta-checkbox{display: flex; align-items: center; gap: 10px; cursor: pointer; font-size: 14px; color: var(--forest-deep); font-family: 'Inter', sans-serif; padding: 10px 14px; border-radius: 10px; transition: all 0.2s; border: 1.5px solid transparent;}
.cta-checkbox:hover{background: var(--mint); border-color: rgba(47,171,115,0.2);}
.cta-checkbox input[type="checkbox"]{width: 18px; height: 18px; accent-color: var(--emerald); cursor: pointer; flex-shrink: 0;}
.cta-form-divider{height: 1px; background: #eee; margin: 24px 0;}
.cta-submit-btn{width: 100%; padding: 18px; background: var(--coral); color: var(--white); border: none; border-radius: 14px; font-family: 'Inter', sans-serif; font-size: 17px; font-weight: 700; cursor: pointer; transition: all 0.3s; letter-spacing: 0.01em; position: relative; overflow: hidden;}
.cta-submit-btn:hover{background: #d4542e; transform: translateY(-2px); box-shadow: 0 8px 28px rgba(232,101,58,0.4);}
.cta-form-trust{display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 16px; font-size: 12px; color: var(--sage); font-family: 'Inter', sans-serif;}
.cta-form-trust svg{width: 14px; height: 14px; flex-shrink: 0;}
@media (max-width: 768px){
  .cta-band{padding: 60px 0;}
  .cta-band-grid{grid-template-columns: 1fr; gap: 40px;}
  .cta-band-left .cta-subtitle{max-width: 100%;}
  .cta-band-right{padding: 28px 20px;}
  .cta-form-row{grid-template-columns: 1fr;}
  .cta-services-grid{grid-template-columns: 1fr;}
  .cta-band-stats{gap: 20px; flex-wrap: wrap;}
  .cta-band-stat-number{font-size: 28px;}
}
/* brand tweaks, as on the homepage */
.stat-number,.cs-stat-number,.cta-band-stat-number,.step-counter-number,.step-number{font-family:'Sora',sans-serif;font-weight:800;}
.cs-stat-number,.cta-band-stat-number{color:var(--emerald);}
.cs-card-title,.service-card h3,.industry-panel-content h4,.team-card-info h4,.cta-band-right h3{font-family:'Sora',sans-serif;font-weight:700;}
.cta-submit-btn{background:var(--emerald);color:#fff;font-family:'Sora',sans-serif;font-weight:600;border-radius:14px;box-shadow:0 8px 22px rgba(47,171,115,0.28);}
.cta-submit-btn:hover{background:var(--emerald-d);}
.cs-card-tag,.blog-tag,.cta-form-eyebrow,.industry-panel-eyebrow,.cs-stat-label{font-family:'Sora',sans-serif;}
.cta-band-right::before{display:none;}
.cta-band-left h2{font-size:clamp(26px,2.4vw,34px);line-height:1.18;margin-bottom:12px;}
.cta-band-left .cta-subtitle{font-size:15px;line-height:1.6;margin-bottom:22px;}
.cta-band-checklist{gap:10px;}
.cta-band-checklist li{font-size:14.5px;line-height:1.5;}
.cta-band-checklist li .check-icon{width:20px;height:20px;}
.cta-band-stat-label{font-size:13px;}
.cta-form-eyebrow{margin-bottom:6px;}
.cta-band-right h3{font-size:22px;margin-bottom:4px;}
.cta-form-subtitle{font-size:14px;line-height:1.5;margin-bottom:20px;}
.cta-form-row{gap:12px;margin-bottom:12px;}
.cta-form-field label{font-size:12px;margin-bottom:5px;}
.cta-form-field input,.cta-form-field select{padding:10px 14px;font-size:14px;border-radius:10px;}
.cta-services-label{font-size:12px;margin:14px 0 6px;}
.cta-services-grid{gap:2px;margin-bottom:14px;}
.cta-checkbox{font-size:13.5px;padding:6px 10px;}
.cta-checkbox input[type="checkbox"]{width:16px;height:16px;}
.cta-form-divider{margin:14px 0;}
.cta-submit-btn{padding:14px;font-size:15px;}
.cta-form-trust{margin-top:10px;}
@media (min-width:769px){
  .cta-band{padding:48px 0;}
  .cta-band-grid{gap:56px;grid-template-columns:1fr 1.1fr;}
  .cta-band-stats{margin-top:28px;padding-top:22px;}
  .cta-band-stat-number{font-size:30px;}
  .cta-band-right{padding:30px 34px;border-radius:20px;}
}
.cta-form-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A3C34' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px 16px;cursor:pointer;}

/* SEO CASE STUDIES: three compact result blocks between the process and the client logos */
.scs-section{background:var(--mint-light,#EDF7F0);padding:88px 60px;}
.scs-inner{max-width:1200px;margin:0 auto;}
.scs-header{text-align:center;max-width:760px;margin:0 auto 44px;}
.scs-header h2{font-family:'Sora',sans-serif;font-weight:700;font-size:clamp(2rem,3.4vw,2.8rem);line-height:1.1;letter-spacing:-0.02em;color:var(--forest);margin:0 0 12px;}
.scs-header h2 .accent{color:var(--coral);}
.scs-header p{font-size:16px;line-height:1.6;color:var(--sage);margin:0;}
.scs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.scs-card{background:#fff;border:1px solid var(--border-subtle);border-radius:20px;padding:28px;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s;}
.scs-card:hover{box-shadow:0 14px 34px rgba(26,60,52,.08);transform:translateY(-2px);}
.scs-tag{align-self:flex-start;font-family:'Sora',sans-serif;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--emerald-d);background:rgba(47,171,115,0.10);padding:5px 12px;border-radius:20px;}
.scs-card h3{font-family:'Sora',sans-serif;font-weight:700;font-size:19px;line-height:1.3;color:var(--forest);margin:16px 0 10px;}
.scs-card p{font-size:14px;line-height:1.65;color:var(--sage);margin:0 0 22px;}
.scs-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:auto;padding-top:18px;border-top:1px solid var(--border-subtle);}
.scs-stat{display:flex;flex-direction:column;gap:4px;}
.scs-stat b{font-family:'Sora',sans-serif;font-weight:800;font-size:24px;line-height:1;color:var(--emerald);letter-spacing:-0.02em;}
.scs-stat span{font-family:'Sora',sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--sage);line-height:1.3;}
@media(max-width:1024px){.scs-section{padding:72px 24px;}.scs-grid{grid-template-columns:1fr;max-width:640px;margin:0 auto;}}
@media(max-width:768px){.scs-section{padding:60px 16px;}}

/* BANNER: LinkedIn-page style (forest-to-emerald gradient, soft glows, masked grid),
   replaces the old boxed hero with stock photo. Sits flush under the fixed nav. */
.sb-banner{margin-top:65px;position:relative;overflow:hidden;text-align:center;
  background:linear-gradient(120deg,#0F2A23,#1A3C34 45%,#238a5c);}
.sb-banner::before{content:'';position:absolute;inset:0;opacity:.5;pointer-events:none;
  background-image:radial-gradient(circle at 20% 30%,rgba(47,171,115,0.35),transparent 40%),radial-gradient(circle at 85% 70%,rgba(232,101,58,0.22),transparent 42%);}
.sb-banner::after{content:'';position:absolute;inset:0;opacity:.15;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:44px 44px;
  -webkit-mask-image:radial-gradient(circle at 50% 40%,#000,transparent 75%),linear-gradient(to bottom,#000 50%,transparent 78%);-webkit-mask-composite:source-in;mask-image:radial-gradient(circle at 50% 40%,#000,transparent 75%),linear-gradient(to bottom,#000 50%,transparent 78%);mask-composite:intersect;}  /* grid fades out before the stat strip */
.sb-in{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:64px 24px 48px;}
.sb-banner h1{color:#fff;font-family:'Sora',sans-serif;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;letter-spacing:-0.03em;line-height:1.08;margin:0;}
.sb-tag{font-family:'Sora',sans-serif;font-weight:800;color:#fff;font-size:clamp(1.35rem,2.6vw,2.1rem);line-height:1.2;margin:16px 0 0;}
.sb-tag .accent{color:var(--coral);font-style:normal;}
.sb-lead{color:rgba(255,255,255,0.82);font-size:16px;line-height:1.6;max-width:640px;margin:16px auto 0;font-weight:400;}
.sb-cta{margin-top:26px;display:flex;justify-content:center;}
.sb-cta .btn-primary{text-decoration:none;}
.sb-pills{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px;}
.sb-pill{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:#eafff4;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.18);padding:8px 15px;border-radius:40px;}
.sb-pill i{color:#8ff0c4;font-size:15px;}
/* brand stat strip along the bottom of the banner */
.sb-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:0 auto;border-top:1px solid rgba(255,255,255,0.12);}
.sb-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 12px 24px;}
.sb-stat + .sb-stat{border-left:1px solid rgba(255,255,255,0.08);}
.sb-stat b{font-family:'Sora',sans-serif;font-weight:800;font-size:26px;line-height:1;color:#fff;}
.sb-stat b .pl{color:#8ff0c4;}
.sb-stat span{font-size:12.5px;color:rgba(255,255,255,0.65);}
@media(max-width:768px){
  .sb-banner{margin-top:57px;}   /* nav is 57px tall on phones */
  .sb-in{padding:48px 18px 36px;}
  .sb-stats{grid-template-columns:repeat(2,1fr);}
  .sb-stat:nth-child(3){border-left:none;}
  .sb-stat:nth-child(n+3){border-top:1px solid rgba(255,255,255,0.08);}
}


/* audit form: a little air above the submit button (the divider line was removed) */
.cta-submit-btn{margin-top:8px;}

/* PHONES: centre the section headings, their intro copy and CTAs (matching the
   sections that were already centred), and the final CTA band */
@media (max-width:768px){
  .problem-header,.seo-left,.process-header,.acronym-header,#book-audit .cta-band-left{text-align:center;}
  .seo-left-cta{display:flex;justify-content:center;}
  #book-audit .cta-band-checklist{width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;text-align:left;}
  #book-audit .cta-band-stats{justify-content:center;flex-wrap:nowrap;gap:28px;}
  #book-audit .cta-band-stat{text-align:center;}
}

/* SPACING: more room above and below the audit form band, and at the top of the footer (was crowded) */
section.cta-band{padding:96px 0;}
@media (max-width:768px){section.cta-band{padding:72px 0;}}
.footer{padding-top:96px;}