/* ============================================================================
   blocks.css — Block/section layer for webworkskc.com
   ----------------------------------------------------------------------------
   Layer 3 of the system (tokens → components → BLOCKS → page shells → pages).
   Full-width page SECTIONS that any page composes from, via the macros in
   _includes/blocks.njk. These own only section rhythm + grid layout; the
   surfaces/typography inside come from components.css + tokens.css.
   Loaded after components.css, before per-page sheets.
   Last updated: 2026-06-21 UTC
   ============================================================================ */

/* ---- PAGE HEADER — the interior-page H1 band (pageHeader block).
   Generic: any page/layout can use it. Inner bits use the global components
   (.crumbs, .eyebrow, .page-h1, .hl-*, .lead, .trust). ---- */
.page-header{
  position:relative;
  background:linear-gradient(138deg,#f0f9fd 0%,#e8f5fb 55%,#eef7f0 100%);
  border-bottom:1px solid var(--border-lt);
  padding:120px 0 48px;
  overflow:hidden;
}
.page-header::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,147,203,.04) 1px,transparent 1px);
  background-size:36px 36px;
}
.page-header>.container{ position:relative;z-index:1; }
@media(max-width:768px){ .page-header{ padding:104px 0 40px; } }

/* ---- PAGE BODY — content wrapper under the header band, shared by the
   sidebar-page and landing page shells. The two-column grid (.page-cols/
   .page-rail) is sidebar-only and stays in sidebar-page.css. ---- */
.page-body{padding:56px 0 var(--sv)}
@media(max-width:768px){ .page-body{padding:40px 0 var(--sv)} }

/* ---- SECTION wrapper — vertical rhythm + background (override pad via --block-pad) ---- */
.block{ padding:var(--block-pad,var(--sv)) 0; }
.block--white{ background:var(--white); }
.block--tint{ background:var(--bg); }
.block--alt{ background:var(--bg-alt); }
.block--blue-bg{ background:var(--blue-bg); }
.block--top-border{ border-top:1px solid var(--border-lt); }

/* ---- BLOCK GRID — N responsive columns (set --cols; default 3) ---- */
.block-grid{
  display:grid;
  grid-template-columns:repeat(var(--cols,3),1fr);
  gap:var(--block-gap,22px);
  margin-top:52px;
}
@media(max-width:1024px){ .block-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:768px){  .block-grid{ grid-template-columns:1fr; } }

/* ---- FEATURE CARD — surface = .card variants in markup; padding + text here ---- */
.feature-card{ padding:32px 26px; }
.feature-ico{ font-size:34px;margin-bottom:18px;display:block; }
.feature-title{ font-family:var(--font-head);font-size:16px;font-weight:700;color:var(--text);margin-bottom:10px; }
.feature-desc{ font-size:13.5px;color:var(--text-lt);line-height:1.72; }
.feature-desc a{ color:var(--blue);font-weight:700; }

/* ---- PROSE — answer-first / editorial body (richText block) ---- */
.block-prose{ max-width:760px;font-size:16px;line-height:1.8;color:var(--text-md); }
.block-prose > * + *{ margin-top:18px; }
.block-prose h3{ font-family:var(--font-head);font-size:19px;font-weight:700;color:var(--text);margin-top:28px; }
.block-prose a{ color:var(--blue);font-weight:600; }
.block-prose ul,.block-prose ol{ padding-left:22px; }
.block-prose li{ margin:6px 0; }

/* ============================================================================
   SECTION BLOCKS — full-width homepage/page sections (lifted out of style.css
   so the blocks own their CSS layer). Section wrappers use .block + modifiers;
   only the grids/cards/text unique to each block live here.
   ============================================================================ */

/* ---- servicesGrid (section = .block .block--tint) ---- */
.service-featured{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:20px}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.service-card{background:var(--white);border-radius:var(--rad-lg);padding:28px 24px;border:1px solid var(--border-lt);border-top:3px solid transparent;box-shadow:var(--shadow-sm);transition:var(--trans);display:flex;flex-direction:column;text-decoration:none;color:inherit}
.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-top-color:var(--accent, var(--blue))}
.service-card.featured{background:linear-gradient(135deg,color-mix(in srgb,var(--accent, var(--blue)) 6%,var(--white)) 0%,var(--white) 100%);border-top-color:var(--accent, var(--blue))}
.service-card.featured:hover{box-shadow:0 14px 48px rgba(0,147,203,.2)}
.service-badge{display:inline-flex;align-items:center;gap:5px;background:var(--accent, var(--blue));color:var(--white);font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 12px;border-radius:var(--rad-full);margin-bottom:18px;width:fit-content}
/* icon + CTA recolour through --accent (set by the .rainbow rotation on the
   card containers — see servicesGrid in blocks.njk + main.js) */
.service-icon-wrap{width:52px;height:52px;border-radius:var(--rad-md);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px;flex-shrink:0;transition:var(--trans);background:color-mix(in srgb,var(--accent, var(--blue)) 11%,var(--white));color:var(--accent, var(--blue))}
.service-title{font-family:var(--font-head);font-size:16px;font-weight:700;color:var(--text);margin-bottom:10px;line-height:1.3}
.service-desc{font-size:13.5px;color:var(--text-lt);line-height:1.7;flex-grow:1;margin-bottom:20px}
.service-cta{font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:6px;transition:gap .2s;color:var(--accent, var(--blue))}
.service-card:hover .service-cta{gap:10px}
.service-all-btn{text-align:center;margin-top:40px}

/* ---- reviews (section = .block .block--tint; grid = .block-grid; cards below) ---- */
.rev-card{padding:28px}
.rev-stars{color:#faa300;font-size:16px;letter-spacing:2px;margin-bottom:14px}
.rev-source{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--text-lt);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.rev-quote{font-size:14px;color:var(--text-md);line-height:1.78;font-style:italic;margin-bottom:22px;flex-grow:1}
.rev-author{display:flex;align-items:center;gap:12px;border-top:1px solid var(--border-lt);padding-top:18px}
.rev-av{width:40px;height:40px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:13px;font-weight:900;color:var(--white);flex-shrink:0}
.rev-name{font-size:14px;font-weight:700;color:var(--text)}
.rev-meta{font-size:12px;color:var(--text-lt)}
.rev-cta{text-align:center;margin-top:38px}

/* ---- pillGrid (section = .block .block--white .block--top-border + style="--block-pad:72px";
        tiles = the global .pill / .pill__ico primitive in components.css) ---- */
.pill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:40px}

/* ---- faqBlock (section = .block .block--tint; 2-col + accordion) ---- */
.faq-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;align-items:flex-start}
.faq-intro{position:sticky;top:100px}
.faq-intro p{font-size:16px;color:var(--text-lt);line-height:1.75;margin:16px 0 30px}
.faq-list{display:flex;flex-direction:column;gap:4px}
.faq-item{border:1px solid var(--border-lt);border-radius:var(--rad-md);overflow:hidden;background:var(--white);transition:var(--trans)}
.faq-item.open{border-color:var(--blue);box-shadow:var(--shadow-sm)}
/* summary row = .acc__summary, toggle = .acc__toggle.acc__toggle--circle (components.css);
   .faq-btn only overrides the padding + gap to the FAQ's larger size */
.faq-btn{padding:18px 22px;gap:14px}
.faq-q{font-size:15px;font-weight:700;color:var(--text);line-height:1.4}
.faq-ans{display:none;padding:0 22px 18px;font-size:14px;color:var(--text-lt);line-height:1.78}
.faq-ans a{color:var(--blue);font-weight:700}
.faq-item.open .faq-ans{display:block}

/* ---- section-block responsive (matches the homepage breakpoints) ---- */
@media(max-width:1024px){
  .service-featured{grid-template-columns:1fr 1fr;gap:16px}
  .service-grid{grid-template-columns:repeat(3,1fr)}
  .pill-grid{grid-template-columns:repeat(3,1fr)}
  .faq-layout{grid-template-columns:1fr 1.2fr;gap:48px}
}
@media(max-width:768px){
  .service-featured{grid-template-columns:1fr}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .pill-grid{grid-template-columns:repeat(2,1fr)}
  .faq-layout{grid-template-columns:1fr}
  .faq-intro{position:static}
}
@media(max-width:480px){
  .service-featured{grid-template-columns:1fr}
  .service-grid{grid-template-columns:1fr}
  .pill-grid{grid-template-columns:1fr 1fr}
}

/* ---- statsStrip (dark headline-numbers band) ---- */
.stats-strip{background:var(--text);padding:52px 0}
.stats-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.stat-item{text-align:center;padding:12px 48px;flex-shrink:0}
.stat-num{font-family:var(--font-head);font-size:42px;font-weight:900;color:var(--orange);line-height:1;margin-bottom:7px}
.stat-label{font-size:11.5px;font-weight:600;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.08em}
.stat-div{width:1px;height:54px;background:rgba(255,255,255,.12);flex-shrink:0}

/* ---- logoStrip (trusted-platforms row) ---- */
.trust-bar{background:var(--white);border-bottom:1px solid var(--border-lt);padding:22px 0}
.trust-bar-inner{display:flex;align-items:center;gap:28px;flex-wrap:wrap;justify-content:center}
.trust-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-xlt);white-space:nowrap}
.trust-divider{width:1px;height:26px;background:var(--border);flex-shrink:0}
.trust-logos{display:flex;align-items:center;gap:26px;flex-wrap:wrap;justify-content:center}
.t-logo{font-size:12px;font-weight:700;color:var(--text-lt);opacity:.7;transition:var(--trans);white-space:nowrap;letter-spacing:.03em}
.t-logo:hover{opacity:1;color:var(--blue)}
.t-logo--link{text-decoration:none;color:var(--text-lt);cursor:pointer}
.t-logo--link:hover{opacity:1;color:var(--blue)}

/* ---- processSteps (section = .block .block--blue-bg) ---- */
.process-steps{display:grid;grid-template-columns:repeat(5,1fr);position:relative;margin-top:56px;gap:8px}
.process-steps::before{content:'';position:absolute;top:30px;left:calc(10% + 25px);right:calc(10% + 25px);height:2px;background:linear-gradient(90deg,var(--blue) 0%,rgba(0,147,203,.2) 100%);z-index:0}
.proc-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 8px;position:relative;z-index:1}
.proc-num{width:60px;height:60px;border-radius:50%;background:var(--white);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:18px;font-weight:900;color:var(--blue);margin-bottom:18px;box-shadow:var(--shadow-sm);transition:var(--trans)}
.proc-step:hover .proc-num{background:var(--orange);color:var(--white);border-color:var(--orange);box-shadow:0 6px 22px rgba(250,163,0,.35)}
.proc-label{font-family:var(--font-head);font-size:13.5px;font-weight:700;color:var(--text);margin-bottom:8px}
.proc-desc{font-size:12.5px;color:var(--text-lt);line-height:1.6}
.process-cta{text-align:center;margin-top:56px}

/* ---- relatedLinks (internal-link grid) ---- */
.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:40px}
.related-card{display:flex;flex-direction:column;gap:6px;padding:18px 20px;text-decoration:none;color:inherit}
.related-label{font-family:var(--font-head);font-size:15px;font-weight:700;color:var(--blue)}
.related-desc{font-size:13px;color:var(--text-lt);line-height:1.6}

/* ---- section-block responsive (stats + process) ---- */
@media(max-width:1024px){
  .process-steps{grid-template-columns:repeat(3,1fr);gap:16px}
  .process-steps::before{display:none}
}
@media(max-width:768px){
  .process-steps{grid-template-columns:repeat(2,1fr)}
  .stat-item{padding:12px 28px}
  .stat-div{display:none}
  .stats-row{display:grid;grid-template-columns:1fr 1fr;gap:0}
  .stats-row .stat-item:nth-child(even){border-left:1px solid rgba(255,255,255,.1)}
}
@media(max-width:480px){
  .process-steps{grid-template-columns:1fr}
  .stats-row{grid-template-columns:1fr 1fr}
}

/* ---- mediaText (media + text split) ---- */
.media-text{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.media-text--flip .media-text__media{order:2}
.media-text__media img{width:100%;border-radius:var(--rad-xl);display:block}
.media-text__list{display:flex;flex-direction:column;gap:10px;margin:18px 0 26px;padding:0;list-style:none}
.media-text__list li{position:relative;padding-left:26px;font-size:15px;color:var(--text-md);line-height:1.6}
.media-text__list li::before{content:'✓';position:absolute;left:0;top:0;color:var(--blue);font-weight:800}
.media-text__cta{margin-top:8px}

/* ---- bioSplit (founder photo + bio + creds) ---- */
.bio-split{display:grid;grid-template-columns:5fr 7fr;gap:72px;align-items:center}
.bio-media{position:relative}
.bio-photo{background:var(--blue-bg);border-radius:var(--rad-xl);aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;overflow:hidden;border:3px solid var(--blue-pale)}
.bio-photo img{width:100%;height:100%;object-fit:cover}
.bio-photo__ph{text-align:center;padding:40px}
.bio-photo__icon{font-size:72px;margin-bottom:14px;opacity:.5}
.bio-photo__ph p{font-size:13px;color:var(--text-lt);line-height:1.6;font-style:italic}
.bio-badge{position:absolute;bottom:-16px;right:-16px;background:var(--white);border:1px solid var(--border);border-radius:var(--rad-md);padding:14px 20px;box-shadow:var(--shadow-md);max-width:220px}
.bio-badge__label{font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-lt);margin-bottom:5px}
.bio-badge__val{font-family:var(--font-head);font-size:15px;font-weight:700;color:var(--text)}
.bio-creds{display:flex;flex-direction:column;gap:12px;margin:24px 0 32px}
.cred-item{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-md);font-weight:500}
.cred-ico{width:32px;height:32px;background:var(--blue-pale);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}

/* ---- authorByline (E-E-A-T byline) ---- */
.byline-wrap{padding:18px 0}
.byline{display:inline-flex;align-items:center;gap:12px}
.byline__avatar{width:40px;height:40px;border-radius:50%;background:var(--blue);color:var(--white);display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:13px;font-weight:900;flex-shrink:0}
.byline__text{display:flex;flex-direction:column;line-height:1.3}
.byline__name{font-size:14px;font-weight:700;color:var(--text)}
.byline__meta{font-size:12.5px;color:var(--text-lt)}

/* ---- localArea (service-area / NAP band) ---- */
.local-area{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:center}
.local-area__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px 16px;list-style:none;margin:0;padding:0}
.local-area__list li{position:relative;padding-left:18px;font-size:14px;color:var(--text-md);font-weight:600}
.local-area__list li::before{content:'📍';position:absolute;left:0;font-size:11px}

/* ---- responsive (mediaText / bioSplit / localArea) ---- */
@media(max-width:1024px){ .bio-split{grid-template-columns:1fr 1fr;gap:48px} }
@media(max-width:768px){
  .media-text{grid-template-columns:1fr;gap:32px}
  .media-text--flip .media-text__media{order:0}
  .bio-split{grid-template-columns:1fr}
  .bio-photo{max-width:360px;margin:0 auto}
  .bio-badge{position:static;margin-top:16px}
  .local-area{grid-template-columns:1fr;gap:20px}
}
.local-area__intro{font-size:14.5px;color:var(--text-md);line-height:1.7;margin:8px 0 0}

/* ---- pricing (tier cards; .price-* shared with the website-repair partial) ---- */
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:40px}
.pricing-intro{text-align:center;max-width:640px;margin:0 auto;font-size:14.5px;color:var(--text-md);line-height:1.7}
.pricing-intro a,.pricing-note a{color:var(--blue);font-weight:600}
.pricing-note{text-align:center;font-size:13.5px;color:var(--text-md);margin-top:18px}
.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.price-card{display:block;padding:18px 16px;text-align:center;text-decoration:none}
.price-badge{font-size:10px;font-weight:700;letter-spacing:.07em;padding:2px 9px;margin-bottom:8px}
.price-hours{font-family:var(--font-head);font-size:22px;font-weight:800;color:var(--text);line-height:1;margin-bottom:4px}
.price-rate{font-size:13px;color:var(--blue);font-weight:700;margin-bottom:3px}
.price-total{font-size:18px;font-weight:700;color:var(--text-md);margin-bottom:8px}
.price-blurb{font-size:12.5px;color:var(--text-lt);line-height:1.5;margin:0}

/* ---- leadForm (static contact form card; endpoint is a pre-launch TODO) ---- */
.lead-form{padding:24px}
.lead-form__title{font-size:18px;font-weight:700;color:var(--text);margin:0 0 8px}
.lead-form__intro{font-size:13.5px;color:var(--text-md);line-height:1.65;margin:0 0 18px}
.lead-form__form{display:flex;flex-direction:column;gap:13px}

/* ---- contactPanel (form + contact methods) ---- */
.contact-panel{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:start;margin-top:40px}
.contact-panel__info{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.contact-method{display:flex;align-items:flex-start;gap:14px}
.contact-method__ico{font-size:20px;flex-shrink:0;line-height:1.4}
.contact-method__text{display:flex;flex-direction:column;font-size:14px;line-height:1.5}
.contact-method__label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-lt)}
.contact-method__value{color:var(--text);font-weight:600}
a.contact-method__value{color:var(--blue)}

@media(max-width:768px){
  .pricing-grid{grid-template-columns:1fr 1fr}
  .contact-panel{grid-template-columns:1fr;gap:28px}
}
@media(max-width:560px){ .price-grid{grid-template-columns:1fr} }
@media(max-width:480px){ .pricing-grid{grid-template-columns:1fr} }

/* ---- schedulerEmbed (external booking widget — Book Like a Boss, etc.) ---- */
.sched-embed{max-width:760px;margin:0 auto;padding:0;overflow:hidden}
.sched-embed__frame{display:block;width:100%;height:var(--sched-h,720px);border:0}
.sched-embed__widget{min-height:var(--sched-h,720px)}
.sched-embed__widget iframe{display:block;width:100%;border:0}
.sched-embed__alt{font-size:12.5px;color:var(--text-lt);text-align:center;padding:12px 16px;margin:0;border-top:1px solid var(--border-lt)}
.sched-embed__alt a{color:var(--blue);font-weight:600}

/* ---- serviceBuckets (outcome buckets — featured AI hero panel + supporting minis) ---- */
.svc-buckets{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;align-items:stretch;margin-top:34px}
/* break/fix callout — sits inline with the "View all services" button (bottom of the section) */
.svc-callout{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;padding:16px 26px;background:var(--orange-pale);border:2px solid rgba(250,163,0,.5);border-radius:var(--rad-full);text-decoration:none;transition:var(--trans)}
.svc-callout:hover{box-shadow:0 8px 24px rgba(250,163,0,.22);transform:translateY(-2px)}
.svc-callout__ico{font-size:18px;line-height:1}
.svc-callout__txt{font-size:14px;font-weight:600;color:var(--text)}
.svc-callout__cta{font-size:14px;font-weight:800;color:var(--orange-dk);white-space:nowrap}
.svc-feat{position:relative;overflow:hidden;background:var(--blue);color:#fff;border-radius:var(--rad-xl);padding:32px 34px;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}
.svc-feat::after{content:'';position:absolute;bottom:-80px;right:-70px;width:280px;height:280px;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 65%);pointer-events:none}
.svc-feat__badge{display:inline-flex;align-items:center;gap:6px;background:var(--orange);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;padding:5px 13px;border-radius:var(--rad-full);width:fit-content;margin-bottom:14px}
.svc-feat__nm{font-family:var(--font-head);font-size:26px;font-weight:900;line-height:1.1;letter-spacing:-.02em;color:#fff}
.svc-feat__tg{font-size:14.5px;color:rgba(255,255,255,.85);line-height:1.6;margin:10px 0 22px;max-width:340px}
.svc-feat__list{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.svc-feat__list a{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-size:14px;font-weight:600;padding:11px 13px;border-radius:var(--rad-md);background:rgba(255,255,255,.12);transition:var(--trans)}
.svc-feat__list a:hover{background:rgba(255,255,255,.22);transform:translateX(2px)}
.svc-feat__cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:800;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.32);border-radius:var(--rad-full);padding:10px 20px;text-decoration:none;transition:var(--trans)}
.svc-feat__cta:hover{background:rgba(255,255,255,.28);transform:translateX(2px)}
.svc-rest{display:flex;flex-direction:column;gap:16px}
.svc-mini{background:var(--white);border:1px solid var(--border-lt);border-top:3px solid var(--accent,var(--blue));border-radius:var(--rad-md);padding:18px 20px;flex:1;transition:var(--trans)}
.svc-mini:hover{box-shadow:var(--shadow-sm)}
.svc-mini__h{display:flex;align-items:center;gap:9px;margin-bottom:5px}
.svc-mini__ic{font-size:18px}
.svc-mini__nm{font-family:var(--font-head);font-size:15.5px;font-weight:800;color:var(--text)}
.svc-mini__tg{font-size:12px;color:var(--text-lt);font-weight:600;margin-bottom:11px}
.svc-mini__sv{display:flex;flex-wrap:wrap;gap:6px}
.svc-mini__sv a{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--accent,var(--blue));background:color-mix(in srgb,var(--accent,var(--blue)) 8%,var(--white));border:1px solid color-mix(in srgb,var(--accent,var(--blue)) 24%,var(--white));border-radius:var(--rad-full);padding:5px 11px;text-decoration:none;transition:var(--trans)}
.svc-mini__sv a:hover{background:var(--accent,var(--blue));color:#fff}
.svc-buckets__all{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin-top:44px}

/* ---- proofGrid (statement + proof cards — the "why us / anti-agency" section) ---- */
.proof-statement{font-family:var(--font-head);font-size:clamp(20px,2.6vw,30px);font-weight:800;line-height:1.3;letter-spacing:-.01em;text-align:center;max-width:760px;margin:0 auto 44px;color:var(--text)}
.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.proof-card{padding:24px}
.proof-card__ico{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:color-mix(in srgb,var(--accent,var(--blue)) 12%,var(--white));color:var(--accent,var(--blue));font-size:20px;margin-bottom:13px}
.proof-card__title{font-family:var(--font-head);font-size:15.5px;font-weight:700;color:var(--text);margin-bottom:6px;line-height:1.3}
.proof-card__desc{font-size:13.5px;color:var(--text-lt);line-height:1.6}
@media(max-width:860px){ .proof-grid{grid-template-columns:1fr 1fr} }
@media(max-width:560px){ .proof-grid{grid-template-columns:1fr} }
@media(max-width:860px){.svc-buckets{grid-template-columns:1fr}}
@media(max-width:480px){.svc-feat__list{grid-template-columns:1fr}.svc-feat{padding:26px 22px}}
.sched-embed__ph{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:48px 28px}
.sched-embed__ico{font-size:40px;line-height:1}
.sched-embed__msg{font-size:15px;color:var(--text-md);line-height:1.65;max-width:420px;margin:0}