/* Grover look: logo blue, warm paper, Poppins and Inter. Loaded after style.css so it overrides the original colors. */
:root{
  --sbp-navy:#10243B; --sbp-navy-2:#2A598F;
  --sbp-orange:#2A598F; --sbp-orange-dark:#1F4670;
  --sbp-green:#F2B01E; --sbp-accent:#F2B01E; --sbp-accent-dark:#F2B01E; --sbp-accent-darker:#DB9A0C; --sbp-gold:#8F6200;
  --sbp-bg:#F7F4EE; --sbp-border:#DDD8CC; --sbp-muted:#5B6B7C; --sbp-text:#10243B;
  --sbp-radius:14px; --sbp-shadow:0 1px 2px rgba(16,36,59,.06),0 10px 30px rgba(16,36,59,.07);
}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:#fff}
h1,h2,h3,h4,.sbp-price,.sbp-btn{font-family:'Poppins',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
h1,h2,h3,h4{letter-spacing:-.01em}
h1{font-weight:700}h2{font-weight:700}h3{font-weight:600}

/* Buttons: pills, flat */
.sbp-btn{border-radius:999px;box-shadow:none;font-weight:600;padding:13px 26px}
.sbp-btn{background:var(--sbp-accent-dark)}
.sbp-btn:hover{background:var(--sbp-accent-darker);transform:none}
.sbp-btn.ghost{background:transparent;color:var(--sbp-orange)!important;border:1.5px solid var(--sbp-orange)}
.sbp-btn.ghost:hover{background:rgba(42,89,143,.08)}
.sbp-btn.dark{background:var(--sbp-navy)}
.sbp-btn.ghost:hover{background:rgba(42,89,143,.08)}

/* Pill + rule motif from the logo */
.sbp-pill{display:inline-flex;align-items:center;gap:6px;background:var(--sbp-orange);color:#fff;border-radius:999px;padding:5px 14px;font-family:'Poppins',sans-serif;font-weight:600;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.sbp-eb{display:flex;align-items:center;gap:12px;margin-bottom:18px;max-width:340px}
.sbp-eb i{flex:1;height:2px;background:var(--sbp-orange);border-radius:2px}
.sbp-eyebrow{display:inline-flex;align-items:center;gap:12px;background:var(--sbp-orange);color:#fff;border-radius:999px;padding:5px 14px;font-family:'Poppins',sans-serif;font-weight:600;font-size:.72rem;letter-spacing:.14em;margin-bottom:16px}

/* Header */
.sbp-header{background:rgba(247,244,238,.96)}
.sbp-nav a{font-weight:500}
.sbp-nav .sbp-btn{padding:9px 20px}

/* Hero: paper, not dark */
.sbp-hero{background:var(--sbp-bg);color:var(--sbp-navy);padding:76px 0 90px;position:relative;overflow:hidden;border-bottom:1px solid var(--sbp-border)}
.sbp-hero::before{content:"";position:absolute;right:-40px;bottom:-70px;width:430px;height:555px;background:url("logos/head-watermark.png") no-repeat center/contain;opacity:.07;pointer-events:none}
.sbp-hero .sbp-wrap{position:relative}
.sbp-hero h1{color:var(--sbp-navy);font-size:clamp(2.1rem,4.6vw,3.3rem);line-height:1.1}
.sbp-hero p.sbp-lead{color:var(--sbp-muted)}
.sbp-trust{color:var(--sbp-muted)}
.sbp-trust span::before{color:var(--sbp-orange)}
.sbp-hero-grid{align-items:center}

/* Rotating job card */
.sbp-jobcard{background:#fff;border:1px solid var(--sbp-border);border-radius:var(--sbp-radius);box-shadow:var(--sbp-shadow);padding:22px 24px}
.sbp-jc-in{transition:opacity .28s ease,transform .28s ease}
.sbp-jc-in.out{opacity:0;transform:translateY(6px)}
.sbp-jc-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.sbp-jc-num{font-size:.78rem;color:var(--sbp-muted);display:block}
.sbp-jc-top h3{font-size:1.15rem;margin:2px 0 0}
.sbp-jc-chip{font-size:.75rem;font-weight:500;color:var(--sbp-orange);background:#E7EEF6;border-radius:99px;padding:3px 12px;white-space:nowrap}
.sbp-jc-list{list-style:none;margin:14px 0 12px;padding:0;font-size:.92rem}
.sbp-jc-list li{display:flex;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--sbp-border)}
.sbp-jc-list li i{font-style:normal;color:var(--sbp-orange);font-weight:700;width:18px;text-align:center}
.sbp-jc-list li span{flex:1;min-width:0}
.sbp-jc-list li b{font-weight:500;color:var(--sbp-muted);white-space:nowrap}
.sbp-jc-list li.due b{color:var(--sbp-navy);font-weight:600}
.sbp-jc-bar{height:6px;background:#E7EEF6;border-radius:99px;overflow:hidden}
.sbp-jc-bar i{display:block;height:100%;background:var(--sbp-orange);border-radius:99px;transition:width .5s ease}
.sbp-jc-foot{font-size:.78rem;color:var(--sbp-muted);margin:8px 0 0}

/* Stats */
.sbp-stat strong{color:var(--sbp-orange)}

/* Steps and features */
.sbp-step{background:var(--sbp-bg)}
.sbp-step .num,.sbp-step:nth-child(2) .num,.sbp-step:nth-child(3) .num{background:var(--sbp-orange);border-radius:50%}
.sbp-feature{background:var(--sbp-bg)}
.sbp-section.alt{background:var(--sbp-bg)}
.sbp-section.alt .sbp-feature,.sbp-section.alt .sbp-step{background:#fff}

/* Pricing */
.sbp-plan.featured{border-color:var(--sbp-orange)}
.sbp-plan .badge{background:var(--sbp-orange)}
.sbp-plan li::before{color:var(--sbp-orange)}
.sbp-toggle{background:#E7EEF6}.sbp-toggle button.active{background:var(--sbp-orange)}

/* Wizard and FAQ */
.sbp-progress i.done{background:var(--sbp-orange)}
.sbp-choice input:checked + span{background:#E7EEF6;color:var(--sbp-orange-dark);border-color:var(--sbp-orange)}
.sbp-field input:focus,.sbp-field select:focus,.sbp-field textarea:focus{border-color:var(--sbp-orange);box-shadow:0 0 0 3px rgba(42,89,143,.18)}

/* CTA band: dark navy, flat */
.sbp-band{background:var(--sbp-navy);background-image:none}
.sbp-band h2{color:#fff}
.sbp-band .sbp-btn{background:#fff;color:var(--sbp-navy)!important}
.sbp-band .sbp-btn:hover{background:var(--sbp-bg)}

/* Footer */
.sbp-footer{background:#fff;color:var(--sbp-muted);border-top:1px solid var(--sbp-border)}
.sbp-footer a{color:var(--sbp-navy)}
.sbp-footer a:hover{color:var(--sbp-orange)}
.sbp-footer strong{color:var(--sbp-navy)!important}
.sbp-flogo{width:170px;height:auto;display:block}
.sbp-copy{border-top-color:var(--sbp-border)}

@media (max-width:900px){.sbp-hero::before{display:none}.sbp-eb{max-width:none}}
@media (prefers-reduced-motion:reduce){.sbp-jc-in,.sbp-jc-bar i{transition:none}}

/* Green accent: primary actions, the headline underline, money still owed, and the final step */
.sbp-hl{background:linear-gradient(transparent 62%,rgba(242,176,30,.5) 62%,rgba(242,176,30,.5) 90%,transparent 90%);padding:0 2px}
.sbp-trust span::before{color:var(--sbp-accent)}
.sbp-jc-list li.due i,.sbp-jc-list li.due span{color:var(--sbp-gold)}
.sbp-jc-list li.due span{font-weight:500}
.sbp-jc-list li.due b{color:var(--sbp-gold)}
.sbp-step:nth-child(3) .num{background:var(--sbp-accent-dark)}
.sbp-plan.featured{border-color:var(--sbp-accent)}
.sbp-plan .badge{background:var(--sbp-accent-dark)}
.sbp-plan li::before{color:var(--sbp-gold)}
.sbp-nav .sbp-btn,.sbp-mobile-cta .sbp-btn{background:var(--sbp-accent-dark)}
.sbp-nav .sbp-btn:hover,.sbp-mobile-cta .sbp-btn:hover{background:var(--sbp-accent-darker)}
.sbp-band .sbp-btn{background:#fff}
.sbp-band .sbp-btn:hover{background:var(--sbp-bg)}
.sbp-free-sent{background:#FFF4D1}

/* Header: paper bar with the type-only wordmark. Height follows --g-logo (Customizer > Header logo size). */
:root{--g-logo:60px}
.sbp-header{background:rgba(247,244,238,.97);border-bottom:1px solid var(--sbp-border);transition:box-shadow .2s}
.sbp-header .sbp-wrap{height:calc(var(--g-logo) + 36px);transition:height .2s ease}
.sbp-brand{display:inline-flex;align-items:center}
.sbp-hlogo{height:var(--g-logo);width:auto;display:block;transition:height .2s ease}
.sbp-header.is-scrolled{box-shadow:0 6px 18px rgba(16,36,59,.08)}
.sbp-header.is-scrolled .sbp-wrap{height:calc(var(--g-logo) * .8 + 24px)}
.sbp-header.is-scrolled .sbp-hlogo{height:calc(var(--g-logo) * .8)}
@media (max-width:900px){
  .sbp-header .sbp-wrap{height:calc(var(--g-logo) * .8 + 24px)}
  .sbp-hlogo{height:calc(var(--g-logo) * .8)}
  .sbp-header.is-scrolled .sbp-wrap{height:calc(var(--g-logo) * .7 + 20px)}
  .sbp-header.is-scrolled .sbp-hlogo{height:calc(var(--g-logo) * .7)}
  .sbp-nav{top:100%}
}
@media (prefers-reduced-motion:reduce){.sbp-header .sbp-wrap,.sbp-hlogo{transition:none}}
.sbp-nav .sbp-btn{background:var(--sbp-accent-dark)}
.sbp-nav .sbp-btn:hover{background:var(--sbp-accent-darker)}
/* Icon marks used outside the header */
.sbp-band-icon{display:block;width:76px;height:76px;margin:0 auto 18px;border-radius:20px;background:#F7F4EE;padding:3px}

.sbp-eb{max-width:420px}
.sbp-eb-icon{width:64px;height:64px;border-radius:18px;background:#fff;padding:2px;box-shadow:0 6px 16px rgba(16,36,59,.12);flex:none}
@media (max-width:900px){.sbp-eb-icon{width:52px;height:52px;border-radius:14px}}

/* Yellow accent needs navy text */
.sbp-btn:not(.ghost):not(.dark),.sbp-nav .sbp-btn,.sbp-mobile-cta .sbp-btn{color:#10243B!important}
.sbp-band .sbp-btn{background:var(--sbp-accent)}
.sbp-band .sbp-btn:hover{background:var(--sbp-accent-darker)}
.sbp-step:nth-child(3) .num,.sbp-plan .badge{color:#10243B}
.sbp-trust span::before{color:var(--sbp-gold)}