.bb-bookkeeping, .bb-bookkeeping * {   box-sizing:border-box; } .bb-bookkeeping {   --teal:#00D2D2;   --teal-soft:rgba(0,210,210,.12);   --coral:#FF5E5B;   --coral-soft:rgba(255,94,91,.12);   --white:#FFFFFF;   --black:#000000;   --dark:#111111;   --darker:#080808;   --card:#0c0c0c;   --gray:#A8A8A8;   --gray-light:#D0D0D0;   --line:#222222;   --font-heading:'Montserrat','Segoe UI',Arial,sans-serif;   --font-body:'Inter','Segoe UI',system-ui,sans-serif;   --font-mono:'Space Mono','Courier New',monospace;   background:#000;   color:#fff;   font-family:var(--font-body);   overflow-x:hidden; } .bb-bookkeeping a {   color:var(--teal);   text-decoration:none; } .bb-bookkeeping a:hover {   text-decoration:none; } .bb-bookkeeping .bb-full {   width:100%; margin-left:0; margin-right:0; overflow-x:hidden; } .bb-bookkeeping .bb-container {   width:100%;   max-width:1180px;   margin:0 auto;   padding:0 24px; } .bb-bookkeeping section {   padding:88px 0; } .bb-bookkeeping h1, .bb-bookkeeping h2, .bb-bookkeeping h3, .bb-bookkeeping p, .bb-bookkeeping blockquote {   margin-top:0; } .bb-bookkeeping h1, .bb-bookkeeping h2, .bb-bookkeeping h3 {   font-family:var(--font-heading);   color:#fff;   line-height:1.12; } .bb-bookkeeping h1 {   max-width:900px;   margin:0 auto 24px;   font-size:clamp(42px,7vw,76px);   font-weight:900;   letter-spacing:-2.5px;   text-align:center; } .bb-bookkeeping h1 em {   color:var(--teal);   font-style:normal; } .bb-bookkeeping h2 {   max-width:860px;   margin:0 auto 18px;   font-size:clamp(30px,4vw,46px);   font-weight:900;   letter-spacing:-1px;   text-align:center; } .bb-bookkeeping h3 {   margin:0 0 12px;   font-size:21px;   font-weight:800; } .bb-bookkeeping p {   margin-bottom:0;   color:var(--gray);   line-height:1.75; } .bb-bookkeeping .bb-eyebrow {   display:block;   margin:0 auto 16px;   color:var(--teal);   font-family:var(--font-mono);   font-size:11px;   font-weight:700;   letter-spacing:3px;   line-height:1.4;   text-align:center;   text-transform:uppercase; } .bb-bookkeeping .bb-intro {   max-width:750px;   margin:0 auto 46px;   color:#b8b8b8;   font-size:17px;   line-height:1.75;   text-align:center; } .bb-bookkeeping .bb-btn-row {   display:flex;   flex-wrap:wrap;   justify-content:center;   gap:14px;   margin-top:30px; } .bb-bookkeeping .bb-btn {   display:inline-flex;   align-items:center;   justify-content:center;   min-height:48px;   padding:15px 28px;   border-radius:5px;   font-size:15px;   font-weight:800;   line-height:1.1;   text-decoration:none;   transition:transform .2s ease, opacity .2s ease, background .2s ease; } .bb-bookkeeping .bb-btn:hover {   transform:translateY(-2px);   opacity:.94; } .bb-bookkeeping .bb-btn-primary {   background:var(--teal);   color:#000; } .bb-bookkeeping .bb-btn-coral {   background:var(--coral);   color:#fff; } .bb-bookkeeping .bb-btn-ghost {   border:1px solid var(--teal);   background:transparent;   color:var(--teal); } .bb-bookkeeping .bb-hero {   padding:104px 0 84px;   background:     radial-gradient(circle at 50% 0%, rgba(0,210,210,.18), transparent 36%),     radial-gradient(circle at 88% 22%, rgba(255,94,91,.10), transparent 27%),     #000; } .bb-bookkeeping .bb-hero-sub {   max-width:760px;   margin:0 auto;   color:#d0d0d0;   font-size:19px;   line-height:1.7;   text-align:center; } .bb-bookkeeping .bb-hero-note {   margin-top:13px;   color:#7f7f7f;   font-size:14px;   font-style:italic;   text-align:center; } .bb-bookkeeping .bb-trust-bar {   display:flex;   flex-wrap:wrap;   justify-content:center;   gap:10px;   margin-top:38px; } .bb-bookkeeping .bb-pill {   padding:8px 14px;   border:1px solid #2a2a2a;   border-radius:999px;   background:#0b0b0b;   color:#aaa;   font-family:var(--font-mono);   font-size:11px;   line-height:1.3; } .bb-bookkeeping .bb-pill.teal {   border-color:rgba(0,210,210,.42);   color:var(--teal); } .bb-bookkeeping .dark {   background:#111; } .bb-bookkeeping .black {   background:#000; } .bb-bookkeeping .darker {   background:#080808; } .bb-bookkeeping .bb-grid-2 {   display:grid;   grid-template-columns:repeat(2,minmax(0,1fr));   gap:26px; } .bb-bookkeeping .bb-grid-3 {   display:grid;   grid-template-columns:repeat(3,minmax(0,1fr));   gap:22px; } .bb-bookkeeping .bb-card {   height:100%;   padding:32px;   border:1px solid #202020;   border-radius:13px;   background:linear-gradient(180deg,#0d0d0d 0%,#090909 100%);   box-shadow:0 14px 35px rgba(0,0,0,.16);   transition:transform .2s ease, border-color .2s ease; } .bb-bookkeeping .bb-card:hover {   transform:translateY(-3px);   border-color:#343434; } .bb-bookkeeping .bb-card.teal {   border-top:3px solid var(--teal); } .bb-bookkeeping .bb-card.coral {   border-top:3px solid var(--coral); } .bb-bookkeeping .bb-card p {   color:#aaa;   font-size:15px; } /* Clean checkmark lists */ .bb-bookkeeping ul.bb-list, .bb-bookkeeping ol.bb-list {   display:block;   margin:20px 0 0 !important;   padding:0 !important;   list-style:none !important;   counter-reset:none !important; } .bb-bookkeeping .bb-list li {   display:block;   position:relative;   margin:0 !important;   padding:11px 0 11px 30px !important;   border-bottom:1px solid #1d1d1d;   color:#c1c1c1;   font-size:15px;   line-height:1.55;   list-style:none !important;   counter-increment:none !important; } .bb-bookkeeping .bb-list li:last-child {   border-bottom:none; } .bb-bookkeeping .bb-list li::marker {   content:"" !important;   font-size:0 !important; } .bb-bookkeeping .bb-list li::before {   content:"✓" !important;   position:absolute;   top:11px;   left:0;   width:20px;   height:20px;   border:1px solid rgba(0,210,210,.40);   border-radius:50%;   background:var(--teal-soft);   color:var(--teal);   font-size:12px;   font-weight:900;   line-height:18px;   text-align:center; } .bb-bookkeeping .bb-card.coral .bb-list li::before {   border-color:rgba(255,94,91,.40);   background:var(--coral-soft);   color:var(--coral); } .bb-bookkeeping .bb-diagnostic {   max-width:800px;   margin:0 auto;   padding:52px;   border:1px solid rgba(0,210,210,.30);   border-radius:16px;   background:     linear-gradient(180deg,rgba(0,210,210,.04),transparent 38%),     #080808;   box-shadow:0 0 70px rgba(0,210,210,.07);   text-align:center; } .bb-bookkeeping .bb-diagnostic h2 {   max-width:700px; } .bb-bookkeeping .bb-diagnostic > p {   max-width:650px;   margin-left:auto;   margin-right:auto; } .bb-bookkeeping .bb-price {   display:block;   color:var(--teal);   font-family:var(--font-heading);   font-size:clamp(58px,8vw,80px);   font-weight:900;   letter-spacing:-4px;   line-height:1; } .bb-bookkeeping .bb-price-label {   margin:9px 0 26px;   color:#8c8c8c;   font-family:var(--font-mono);   font-size:12px;   letter-spacing:.05em;   text-transform:uppercase; } .bb-bookkeeping .bb-definition {   margin:30px 0;   padding:23px 24px;   border:1px solid #2a2a2a;   border-left:3px solid var(--teal);   border-radius:0 9px 9px 0;   background:#111;   text-align:left; } .bb-bookkeeping .bb-definition strong {   display:block;   margin-bottom:8px;   color:var(--teal);   font-family:var(--font-mono);   font-size:11px;   letter-spacing:2px;   text-transform:uppercase; } .bb-bookkeeping .bb-definition p {   color:#bbb; } .bb-bookkeeping .bb-diagnostic-list {   max-width:590px;   margin:24px auto 34px !important;   text-align:left; } .bb-bookkeeping .bb-diagnostic .bb-list li::before {   border-color:rgba(0,210,210,.40);   background:var(--teal-soft);   color:var(--teal); } .bb-bookkeeping .bb-steps {   display:grid;   grid-template-columns:repeat(3,minmax(0,1fr));   gap:24px;   margin-top:46px; } .bb-bookkeeping .bb-step {   position:relative;   padding:32px 28px;   border:1px solid #202020;   border-radius:13px;   background:#0b0b0b;   text-align:center; } .bb-bookkeeping .bb-step-num {   display:flex;   align-items:center;   justify-content:center;   width:50px;   height:50px;   margin:0 auto 20px;   border:2px solid var(--teal);   border-radius:50%;   background:rgba(0,210,210,.05);   color:var(--teal);   font-family:var(--font-heading);   font-size:18px;   font-weight:900; } /* Testimonials */ .bb-bookkeeping .bb-testimonial-grid {   display:grid;   grid-template-columns:repeat(3,minmax(0,1fr));   gap:22px;   margin-top:46px; } .bb-bookkeeping .bb-testimonial {   display:flex;   flex-direction:column;   min-height:100%;   padding:32px;   border:1px solid #242424;   border-radius:14px;   background:     radial-gradient(circle at 100% 0%, rgba(0,210,210,.07), transparent 34%),     linear-gradient(180deg,#0e0e0e 0%,#090909 100%);   box-shadow:0 18px 40px rgba(0,0,0,.18); } .bb-bookkeeping .bb-testimonial:nth-child(2) {   background:     radial-gradient(circle at 100% 0%, rgba(255,94,91,.07), transparent 34%),     linear-gradient(180deg,#0e0e0e 0%,#090909 100%); } .bb-bookkeeping .bb-testimonial-stars {   margin-bottom:22px;   color:var(--teal);   font-size:17px;   letter-spacing:4px;   line-height:1; } .bb-bookkeeping .bb-testimonial:nth-child(2) .bb-testimonial-stars {   color:var(--coral); } .bb-bookkeeping .bb-quote-mark {   display:block;   height:36px;   margin-bottom:6px;   color:rgba(0,210,210,.35);   font-family:Georgia,serif;   font-size:60px;   font-weight:700;   line-height:1; } .bb-bookkeeping .bb-testimonial:nth-child(2) .bb-quote-mark {   color:rgba(255,94,91,.35); } .bb-bookkeeping .bb-testimonial blockquote {   flex-grow:1;   margin:0 0 26px;   padding:0;   border:0;   color:#d1d1d1;   font-family:var(--font-body);   font-size:16px;   font-style:normal;   line-height:1.75; } .bb-bookkeeping .bb-testimonial-footer {   padding-top:20px;   border-top:1px solid #222; } .bb-bookkeeping .bb-testimonial-name {   display:block;   margin-bottom:5px;   color:#fff;   font-family:var(--font-heading);   font-size:15px;   font-weight:800; } .bb-bookkeeping .bb-testimonial-type {   display:block;   color:#858585;   font-family:var(--font-mono);   font-size:10px;   font-weight:700;   letter-spacing:1.4px;   line-height:1.5;   text-transform:uppercase; } .bb-bookkeeping .bb-review-note {   max-width:720px;   margin:30px auto 0;   color:#777;   font-size:13px;   line-height:1.6;   text-align:center; } .bb-bookkeeping .bb-faq {   max-width:900px;   margin:42px auto 0;   border-top:1px solid #1d1d1d; } .bb-bookkeeping .bb-faq-item {   border-bottom:1px solid #1d1d1d; } .bb-bookkeeping .bb-faq-q {   display:flex;   align-items:center;   justify-content:space-between;   width:100%;   gap:20px;   padding:23px 0;   border:0;   background:none;   color:#fff;   cursor:pointer;   font-family:var(--font-heading);   font-size:17px;   font-weight:750;   line-height:1.4;   text-align:left; } .bb-bookkeeping .bb-faq-q:hover {   color:var(--teal); } .bb-bookkeeping .bb-faq-icon {   flex:0 0 auto;   color:var(--teal);   font-family:var(--font-body);   font-size:24px;   font-weight:400; } .bb-bookkeeping .bb-faq-a {   max-height:0;   overflow:hidden;   transition:max-height .3s ease; } .bb-bookkeeping .bb-faq-a.is-open {   max-height:700px; } .bb-bookkeeping .bb-faq-a p {   padding:0 48px 24px 0;   color:#aaa;   font-size:15px; } .bb-bookkeeping .bb-final {   max-width:780px;   margin:0 auto;   padding:54px 38px;   border:2px solid var(--teal);   border-radius:13px;   background:linear-gradient(180deg,rgba(0,210,210,.04),transparent);   text-align:center; } .bb-bookkeeping .bb-final p {   max-width:630px;   margin:0 auto; } @media (max-width:900px) {   .bb-bookkeeping .bb-grid-2,   .bb-bookkeeping .bb-grid-3,   .bb-bookkeeping .bb-steps,   .bb-bookkeeping .bb-testimonial-grid {     grid-template-columns:1fr;   }   .bb-bookkeeping .bb-card,   .bb-bookkeeping .bb-step,   .bb-bookkeeping .bb-testimonial {     width:100%;     max-width:720px;     margin-left:auto;     margin-right:auto;   } } @media (max-width:700px) {   .bb-bookkeeping section {     padding:64px 0;   }   .bb-bookkeeping .bb-hero {     padding:72px 0 64px;   }   .bb-bookkeeping .bb-container {     padding:0 20px;   }   .bb-bookkeeping .bb-card,   .bb-bookkeeping .bb-testimonial {     padding:27px 23px;   }   .bb-bookkeeping .bb-diagnostic {     padding:38px 22px;   }   .bb-bookkeeping .bb-final {     padding:40px 23px;   }   .bb-bookkeeping .bb-btn {     width:100%;     max-width:360px;   }   .bb-bookkeeping .bb-faq-a p {     padding-right:10px;   } }