/*
Theme Name: Smart Business Visibility
Theme URI: https://smartbusinessvisibility.co.ke/
Author: Arif Bukera
Author URI: https://smartgearselect.com/
Description: Conversion-focused WordPress theme for Smart Business Visibility in Nairobi, Kenya: business websites, WhatsApp landing pages, social media packs, domain/hosting guidance and practical digital support.
Version: 1.1.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: smart-business-visibility
Tags: custom-logo, custom-menu, featured-images, one-column, accessibility-ready
*/

:root{
  --sbv-ink:#0f172a;
  --sbv-muted:#526071;
  --sbv-soft:#f6f8fb;
  --sbv-line:#e4e9ef;
  --sbv-card:#ffffff;
  --sbv-brand:#0b6b57;
  --sbv-brand-dark:#075544;
  --sbv-accent:#f1a329;
  --sbv-blue:#1d5fd1;
  --sbv-warm:#fff8eb;
  --sbv-green-soft:#eaf8f3;
  --sbv-shadow:0 22px 60px rgba(15,23,42,.10);
  --sbv-radius:24px;
  --sbv-max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;color:var(--sbv-ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--sbv-blue);text-decoration:none}a:hover{text-decoration:none}
img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}
.sbv-container{width:min(var(--sbv-max),calc(100% - 40px));margin-inline:auto}
.sbv-section{padding:84px 0}.sbv-section--soft{background:var(--sbv-soft)}.sbv-section--warm{background:var(--sbv-warm)}
.sbv-kicker{display:inline-flex;align-items:center;gap:8px;font-weight:850;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--sbv-brand);margin-bottom:12px}
.sbv-kicker:before{content:"";width:26px;height:2px;background:currentColor;border-radius:99px}
.sbv-title{font-size:clamp(2rem,4vw,3.35rem);line-height:1.08;letter-spacing:-.045em;margin:0 0 18px}
.sbv-lead{font-size:clamp(1.04rem,2vw,1.18rem);color:var(--sbv-muted);max-width:780px;margin:0}.sbv-center{text-align:center}.sbv-center .sbv-lead{margin-inline:auto}
.sbv-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.sbv-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 20px;border-radius:14px;font-weight:850;border:1px solid transparent;transition:.2s ease;cursor:pointer}
.sbv-btn:hover{transform:translateY(-1px)}.sbv-btn--primary{background:var(--sbv-brand);color:#fff;box-shadow:0 12px 26px rgba(11,107,87,.18)}.sbv-btn--primary:hover{background:var(--sbv-brand-dark);color:#fff}
.sbv-btn--dark{background:var(--sbv-ink);color:#fff}.sbv-btn--dark:hover{background:#020617;color:#fff}.sbv-btn--ghost{background:#fff;color:var(--sbv-ink);border-color:var(--sbv-line)}.sbv-btn--ghost:hover{color:var(--sbv-ink);border-color:#cbd5e1}
.site-header{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(228,233,239,.95)}
.admin-bar .site-header{top:32px}.sbv-header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.sbv-brand-wrap{display:flex;align-items:center;gap:12px;min-width:0;color:var(--sbv-ink)}.custom-logo{max-height:46px;width:auto}.sbv-brand-text{display:flex;flex-direction:column;line-height:1.05}.sbv-brand-name{font-size:1.04rem;font-weight:950;letter-spacing:-.025em}.sbv-brand-tag{font-size:.72rem;color:var(--sbv-muted);margin-top:5px}
.sbv-nav{display:flex;align-items:center;gap:18px}.sbv-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:19px}.sbv-nav a{color:#334155;font-weight:750;font-size:.91rem}.sbv-nav a:hover{color:var(--sbv-brand)}
.sbv-menu-toggle{display:none;border:1px solid var(--sbv-line);background:#fff;border-radius:12px;padding:9px 11px;cursor:pointer;color:var(--sbv-ink)}
.sbv-hero{position:relative;overflow:hidden;padding:94px 0 74px;background:radial-gradient(circle at 8% 10%,rgba(29,95,209,.10),transparent 31%),radial-gradient(circle at 90% 15%,rgba(11,107,87,.14),transparent 31%),linear-gradient(180deg,#fff 0%,#f8fafc 100%)}
.sbv-hero-grid{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(340px,.93fr);gap:58px;align-items:center}.sbv-pill{display:inline-flex;padding:8px 12px;border-radius:999px;background:var(--green-soft);color:var(--sbv-brand-dark);font-size:.82rem;font-weight:850;margin-bottom:20px}
.sbv-hero h1{font-size:clamp(2.75rem,6vw,5.35rem);line-height:.98;letter-spacing:-.065em;margin:0 0 22px;max-width:880px}.sbv-hero h1 span{color:var(--sbv-brand)}.sbv-hero p{font-size:1.16rem;color:var(--sbv-muted);max-width:720px;margin:0}
.sbv-byline{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:18px;color:#334155;font-size:.9rem;font-weight:750}.sbv-byline strong{color:var(--sbv-ink)}
.sbv-proofline{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;color:#334155;font-size:.9rem;font-weight:750}.sbv-proofline span{display:flex;gap:7px;align-items:center}.sbv-proofline span:before{content:"✓";color:var(--sbv-brand);font-weight:950}
.sbv-hero-panel{background:var(--sbv-ink);color:#fff;border-radius:30px;padding:30px;box-shadow:0 28px 80px rgba(15,23,42,.22);position:relative;overflow:hidden}.sbv-hero-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,rgba(11,107,87,.35),transparent 40%);pointer-events:none}.sbv-panel-inner{position:relative;z-index:1}.sbv-panel-label{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;color:#a7b5c7;font-weight:850}.sbv-panel-price{font-size:3rem;line-height:1;font-weight:950;letter-spacing:-.055em;margin:10px 0 6px}.sbv-panel-price small{font-size:.9rem;font-weight:750;letter-spacing:0;color:#cbd5e1}.sbv-panel-copy{color:#cbd5e1;font-size:.95rem}.sbv-panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.sbv-metric{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:15px}.sbv-metric strong{display:block;font-size:1.05rem}.sbv-metric span{font-size:.75rem;color:#cbd5e1}
.sbv-strip{padding:22px 0;border-top:1px solid var(--sbv-line);border-bottom:1px solid var(--sbv-line)}.sbv-strip-inner{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;align-items:center;color:#475569;font-size:.9rem;font-weight:800}.sbv-strip strong{color:var(--sbv-ink)}
.sbv-grid{display:grid;gap:22px}.sbv-grid--2{grid-template-columns:repeat(2,1fr)}.sbv-grid--3{grid-template-columns:repeat(3,1fr)}.sbv-grid--4{grid-template-columns:repeat(4,1fr)}
.sbv-card{background:var(--sbv-card);border:1px solid var(--sbv-line);border-radius:var(--sbv-radius);padding:27px;box-shadow:0 12px 34px rgba(15,23,42,.04)}.sbv-card:hover{box-shadow:var(--sbv-shadow);transform:translateY(-2px);transition:.2s ease}.sbv-card h3{font-size:1.2rem;line-height:1.22;margin:0 0 10px}.sbv-card p{margin:0;color:var(--sbv-muted)}
.sbv-icon{width:48px;height:48px;border-radius:15px;background:#eaf8f3;display:grid;place-items:center;font-size:1.25rem;margin-bottom:16px}.sbv-tag{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eef4ff;color:#1e4fa7;font-weight:850;font-size:.75rem;margin-bottom:11px}.sbv-live{background:#eaf8f3;color:#075544}
.sbv-problem{border-left:4px solid #e11d48}.sbv-solution{border-left:4px solid var(--sbv-brand)}
.sbv-price-card{position:relative;display:flex;flex-direction:column}.sbv-price-card--featured{border:2px solid var(--sbv-brand);box-shadow:0 24px 70px rgba(11,107,87,.12);padding-top:40px}.sbv-offer-ribbon{position:absolute;left:50%;top:-15px;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:999px;background:linear-gradient(135deg,#0b6b57,#0f8a6e);color:#fff;font-size:.75rem;font-weight:900;letter-spacing:.02em;box-shadow:0 12px 28px rgba(11,107,87,.22);white-space:nowrap}.sbv-offer-ribbon:after{content:"";position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #0f8a6e}.sbv-price{font-size:2.5rem;font-weight:950;letter-spacing:-.05em;line-height:1;margin:13px 0 5px}.sbv-price-caption{color:var(--sbv-muted);font-size:.86rem}.sbv-list{list-style:none;margin:20px 0;padding:0}.sbv-list li{position:relative;padding:6px 0 6px 26px;color:#334155}.sbv-list li:before{content:"✓";position:absolute;left:0;color:var(--sbv-brand);font-weight:950}.sbv-price-card .sbv-btn{margin-top:auto;width:100%}
.sbv-cost-row{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:20px 0;border-bottom:1px solid var(--sbv-line)}.sbv-cost-row:last-child{border-bottom:0}.sbv-cost-row strong{display:block;margin-bottom:3px}.sbv-cost-row span{color:var(--sbv-muted)}.sbv-cost-chip{white-space:nowrap;padding:7px 10px;border-radius:999px;background:#fff;border:1px solid var(--sbv-line);font-size:.78rem;font-weight:850}
.sbv-project{overflow:hidden;padding:0}.sbv-project-top{padding:24px;background:linear-gradient(135deg,#e0f2fe,#f8fafc 55%,#ccfbf1);min-height:175px;display:flex;flex-direction:column;justify-content:flex-end}.sbv-project-top--warm{background:linear-gradient(135deg,#fff0f1,#fffaf5 55%,#ffe7c2)}.sbv-project-top--dark{background:linear-gradient(135deg,#111827,#1e293b 55%,#0b6b57);color:#fff}.sbv-project-body{padding:24px}.sbv-project-body h3{margin:0 0 8px}.sbv-project-body p{margin:0 0 14px;color:var(--sbv-muted)}.sbv-chips{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.sbv-chips span{font-size:.76rem;font-weight:800;padding:6px 9px;border-radius:999px;background:#f1f5f9;color:#475569}
.sbv-social-card{display:flex;align-items:flex-start;gap:14px}.sbv-social-card .sbv-icon{margin:0;flex:none}
.sbv-payment-box{background:var(--sbv-ink);color:#fff;border-radius:28px;padding:36px}.sbv-payment-box h3{font-size:1.7rem;line-height:1.2;margin:0 0 13px}.sbv-payment-box p{color:#cbd5e1}.sbv-payment-terms{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.sbv-payment-term{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:16px}.sbv-payment-term strong{display:block;margin-bottom:4px}.sbv-payment-term span{font-size:.82rem;color:#cbd5e1}
.sbv-process{counter-reset:step}.sbv-step{position:relative;padding-left:68px}.sbv-step:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:46px;height:46px;border-radius:14px;background:var(--sbv-ink);color:#fff;display:grid;place-items:center;font-weight:950}.sbv-step h3{margin:0 0 7px}.sbv-step p{margin:0;color:var(--sbv-muted)}
.sbv-detail-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.sbv-detail{border:1px solid var(--sbv-line);border-radius:16px;padding:15px;background:#fff;font-weight:800;color:#334155}
.sbv-cta{background:linear-gradient(135deg,var(--sbv-ink),#17324e);color:#fff;border-radius:30px;padding:44px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.sbv-cta h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;letter-spacing:-.04em;margin:0 0 10px}.sbv-cta p{margin:0;color:#cbd5e1;max-width:760px}
.sbv-faq details{border-bottom:1px solid var(--sbv-line);padding:19px 0}.sbv-faq summary{font-weight:850;cursor:pointer;list-style:none;padding-right:28px;position:relative}.sbv-faq summary::-webkit-details-marker{display:none}.sbv-faq summary:after{content:"+";position:absolute;right:0;font-size:1.3rem}.sbv-faq details[open] summary:after{content:"–"}.sbv-faq p{color:var(--sbv-muted);max-width:860px;margin:11px 0 0}
.sbv-note{font-size:.88rem;color:var(--sbv-muted);margin-top:14px}.sbv-small{font-size:.87rem;color:var(--sbv-muted)}
.site-footer{background:#0b1220;color:#d8e0ea;padding:62px 0 24px}.sbv-footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:34px}.sbv-footer-title{font-weight:950;font-size:1.25rem;color:#fff}.sbv-footer-copy{color:#9fb0c2;max-width:430px}.sbv-footer-head{font-weight:900;color:#fff;margin-bottom:12px}.sbv-footer-links{list-style:none;margin:0;padding:0}.sbv-footer-links li{margin:8px 0;color:#9fb0c2}.sbv-footer-links a{color:#cbd5e1}.sbv-footer-links a:hover{color:#fff}.sbv-footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.10);display:flex;gap:18px;flex-wrap:wrap;justify-content:space-between;color:#8293a6;font-size:.84rem}
.sbv-content{padding:70px 0}.sbv-content article{max-width:840px;margin:auto}.sbv-content h1{font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.05em;line-height:1.05}.sbv-content .entry-content{font-size:1.03rem}.sbv-content .entry-content img{border-radius:16px}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{position:fixed;top:12px;left:12px;z-index:10000;width:auto;height:auto;padding:10px 14px;background:#fff;color:#000;clip:auto;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15)}
@media(max-width:1024px){.sbv-hero-grid{grid-template-columns:1fr;gap:34px}.sbv-grid--4{grid-template-columns:repeat(2,1fr)}.sbv-footer-grid{grid-template-columns:repeat(2,1fr)}.sbv-detail-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.admin-bar .site-header{top:46px}.sbv-menu-toggle{display:inline-flex}.sbv-nav{position:absolute;left:20px;right:20px;top:68px;display:none;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--sbv-line);border-radius:18px;padding:18px;box-shadow:var(--sbv-shadow)}.sbv-nav.is-open{display:flex}.sbv-nav ul{flex-direction:column;align-items:stretch;gap:4px}.sbv-nav ul a{display:block;padding:9px}.sbv-grid--3,.sbv-grid--2{grid-template-columns:1fr}.sbv-payment-terms{grid-template-columns:1fr}.sbv-cta{grid-template-columns:1fr}.sbv-panel-grid{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:640px){.sbv-container{width:min(100% - 28px,var(--sbv-max))}.sbv-section{padding:62px 0}.sbv-hero{padding:68px 0 56px}.sbv-hero h1{font-size:clamp(2.45rem,13vw,4rem)}.sbv-hero-panel{padding:23px;border-radius:24px}.sbv-panel-grid{grid-template-columns:1fr}.sbv-grid--4{grid-template-columns:1fr}.sbv-detail-list{grid-template-columns:1fr 1fr}.sbv-cta{padding:30px 24px}.sbv-footer-grid{grid-template-columns:1fr}.sbv-footer-bottom{flex-direction:column}.sbv-brand-tag{display:none}.sbv-cost-row{grid-template-columns:1fr}.sbv-cost-chip{justify-self:start}}