/*
Theme Name: SellBuyBusiness Premium
Theme URI: https://sellbuybusiness.co.uk
Author: OpenAI
Description: Premium marketplace theme for UK business sales.
Version: 1.1.0
Text Domain: sellbuybusiness
*/
:root{
  --sbb-navy:#10233d;
  --sbb-blue:#24558d;
  --sbb-gold:#f4a31d;
  --sbb-bg:#f4f7fb;
  --sbb-text:#243648;
  --sbb-muted:#64748b;
  --sbb-line:#dde5ef;
  --sbb-white:#ffffff;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--sbb-bg);color:var(--sbb-text)}
a{color:inherit}.container{width:min(1240px,calc(100% - 32px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--sbb-line)}
.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0}
.brand{font-size:34px;font-weight:900;text-decoration:none;color:var(--sbb-navy);letter-spacing:-.04em}
.brand span{color:var(--sbb-gold)}
.primary-nav{display:flex;align-items:center;gap:28px}.primary-nav a{text-decoration:none;font-weight:700;color:var(--sbb-text)}
.header-actions{display:flex;align-items:center;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;text-decoration:none;font-weight:800;border:1px solid transparent}
.btn-primary{background:linear-gradient(135deg,var(--sbb-gold),#ffbf48);color:#fff;box-shadow:0 14px 28px rgba(244,163,29,.28)}
.btn-secondary{background:#fff;border-color:var(--sbb-line);color:var(--sbb-navy)}
.hero{padding:48px 0 24px}
.hero-card{display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;background:#fff;border:1px solid var(--sbb-line);border-radius:34px;box-shadow:0 24px 60px rgba(16,35,61,.08)}
.hero-copy{padding:56px}.eyebrow{margin:0 0 16px;font-size:15px;color:var(--sbb-blue);font-weight:700}.hero h1{margin:0 0 16px;font-size:58px;line-height:1.02;color:var(--sbb-navy);letter-spacing:-.05em}.hero-lead{font-size:18px;color:var(--sbb-muted);max-width:640px}
.hero-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.hero-tabs span{padding:11px 16px;border-radius:999px;background:#f3f7fc;color:var(--sbb-blue);font-weight:700}.hero-tabs .active{background:rgba(244,163,29,.12);color:#bf7600}
.hero-search{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;margin-top:20px}.search-field{padding:14px 16px;border:1px solid var(--sbb-line);border-radius:18px;background:#fff}.search-field label{display:block;font-size:12px;font-weight:700;color:var(--sbb-muted);margin-bottom:8px}.search-field input{border:none;outline:none;width:100%;font-size:16px}
.hero-search-button{border:none;border-radius:18px;padding:0 28px;background:linear-gradient(135deg,var(--sbb-gold),#ffbf48);color:#fff;font-weight:800;cursor:pointer}
.inline-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.hero-visual{position:relative;min-height:620px;background:linear-gradient(135deg,#153659,#1a4d85 35%,#6fb9dd 100%)}
.hero-visual::before{content:"";position:absolute;inset:0;background:url("assets/hero-pattern.svg") center/cover no-repeat;opacity:.18}
.hero-visual::after{content:"";position:absolute;inset:36px 0 36px 36px;background:#e9edf2;border-radius:36px 0 0 36px;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}
.hero-stat{position:absolute;z-index:2;background:#fff;border:1px solid var(--sbb-line);border-radius:20px;padding:18px 20px;box-shadow:0 16px 30px rgba(16,35,61,.1);max-width:280px}.hero-stat strong{display:block;color:var(--sbb-navy);margin-bottom:6px}.hero-stat span{color:var(--sbb-muted);font-size:14px}.hero-stat-top{top:56px;right:40px}.hero-stat-bottom{bottom:56px;left:30px}
.section{padding:38px 0}.section-alt{background:#eef3f9;border-top:1px solid #e4ebf3;border-bottom:1px solid #e4ebf3}.section-tight{padding-top:10px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head.split .section-lead{max-width:580px}.section-head.center-head{text-align:center;display:block}.section-title{font-size:40px;line-height:1.05;margin:0;color:var(--sbb-navy);letter-spacing:-.04em}.section-lead{margin:0;color:var(--sbb-muted);font-size:18px}.centered{max-width:800px;margin:14px auto 0}
.trust-grid,.process-grid,.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.trust-card,.process-card,.feature-card{background:#fff;border:1px solid var(--sbb-line);border-radius:26px;padding:28px;box-shadow:0 12px 30px rgba(16,35,61,.05)}
.trust-card span,.feature-card span{display:inline-flex;padding:9px 14px;border-radius:999px;background:#eef5ff;color:var(--sbb-blue);font-size:13px;font-weight:800}.trust-card.accent span{background:rgba(244,163,29,.12);color:#bf7600}.trust-card.dark{background:linear-gradient(145deg,#10233d,#183860);color:#fff}.trust-card.dark span{background:rgba(255,255,255,.12);color:#fff}
.process-card span{display:inline-flex;width:48px;height:48px;border-radius:16px;align-items:center;justify-content:center;background:rgba(244,163,29,.12);color:#bf7600;font-weight:900;font-size:18px;margin-bottom:16px}
.market-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.market-metric{padding:24px;border-radius:24px;background:#fff;border:1px solid var(--sbb-line)}.market-metric strong{display:block;font-size:36px;color:var(--sbb-navy)}.market-metric span{color:var(--sbb-muted)}
.text-link{text-decoration:none;color:var(--sbb-blue);font-weight:800}
.site-footer{margin-top:40px;padding:42px 0;background:#10233d;color:#d9e4f0}.site-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:22px}.site-footer h4{margin:0 0 14px;color:#fff}.site-footer a{text-decoration:none;color:#d9e4f0}.site-footer p{color:#bacee2}
@media (max-width:1100px){.hero-card{grid-template-columns:1fr}.hero-visual{min-height:360px}.hero h1{font-size:46px}.trust-grid,.process-grid,.feature-grid,.market-strip,.site-footer-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.primary-nav{display:none}.hero-copy{padding:30px}.hero h1{font-size:38px}.hero-search{grid-template-columns:1fr}.trust-grid,.process-grid,.feature-grid,.market-strip,.site-footer-grid{grid-template-columns:1fr}.brand{font-size:28px}}
