@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800&family=Inter:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap'); .bb-page * { box-sizing: border-box; } .bb-page {   background: #000;   color: #fff;   font-family: 'Inter', sans-serif;   line-height: 1.6;   margin: 0 calc(-50vw + 50%);   width:100%; } .bb-page h1, .bb-page h2, .bb-page h3, .bb-page h4 {   font-family: 'Montserrat', sans-serif;   line-height: 1.2; } .bb-page a { color: #00D2D2; text-decoration: none; } .bb-page a:hover { text-decoration: underline; } .bb-container {   max-width: 1200px;   margin: 0 auto;   padding: 0 24px; } /* Buttons */ .bb-btn {   display: inline-block;   padding: 14px 28px;   border-radius: 4px;   font-weight: 600;   font-family: 'Inter', sans-serif;   cursor: pointer;   transition: opacity 0.2s, transform 0.15s;   text-decoration: none;   font-size: 1rem; } .bb-btn:hover { opacity: 0.9; text-decoration: none; transform: translateY(-1px); } .bb-btn-teal { background: #00D2D2; color: #000; } .bb-btn-coral { background: #FF5E5B; color: #000; } .bb-btn-ghost { border: 1px solid #00D2D2; color: #00D2D2; background: transparent; } .bb-btn-ghost-coral { border: 1px solid #FF5E5B; color: #FF5E5B; background: transparent; } .bb-btn-lg { padding: 18px 36px; font-size: 1.1rem; } .bb-page a.bb-btn, .bb-page a.bb-btn:visited, .bb-page a.bb-btn:hover, .bb-page a.bb-btn:focus { text-decoration: none !important; } .bb-page a.bb-btn-coral, .bb-page a.bb-btn-coral:visited, .bb-page a.bb-btn-coral:hover, .bb-page a.bb-btn-coral:focus { color: #000 !important; } .bb-page a.bb-btn-teal, .bb-page a.bb-btn-teal:visited, .bb-page a.bb-btn-teal:hover, .bb-page a.bb-btn-teal:focus { color: #000 !important; } .bb-page a.bb-btn-ghost-coral, .bb-page a.bb-btn-ghost-coral:visited, .bb-page a.bb-btn-ghost-coral:hover, .bb-page a.bb-btn-ghost-coral:focus { color: #FF5E5B !important; } .bb-page a.bb-btn-ghost, .bb-page a.bb-btn-ghost:visited, .bb-page a.bb-btn-ghost:hover, .bb-page a.bb-btn-ghost:focus { color: #00D2D2 !important; } /* Sections */ .bb-section { padding: 80px 0; } .bb-section-dark { background: #111; } .bb-section-darker { background: #0A0A0A; } .bb-section-black { background: #000; } .bb-section-label {   font-family: 'Space Mono', monospace;   font-size: 0.7rem;   color: #FF5E5B;   letter-spacing: 2px;   text-transform: uppercase;   margin-bottom: 12px; } .bb-section-title {   font-size: clamp(1.6rem, 3vw, 2.2rem);   margin-bottom: 16px;   color: #fff; } .bb-section-sub {   color: #888;   font-size: 1rem;   max-width: 620px;   line-height: 1.7;   margin-bottom: 40px; } /* ============================    HERO ============================ */ .bb-hero {   background: #000;   padding: 96px 0 80px;   position: relative;   overflow: hidden;   border-top: 4px solid #FF5E5B;   text-align: center; } .bb-hero::after {   content: '';   position: absolute;   top: -150px; right: -150px;   width: 500px; height: 500px;   background: radial-gradient(circle, rgba(255,94,91,0.05) 0%, transparent 70%);   pointer-events: none; } .bb-hero-label {   font-family: 'Space Mono', monospace;   font-size: 0.72rem;   color: #FF5E5B;   letter-spacing: 2px;   text-transform: uppercase;   margin: 0 auto 20px;   display: flex;   align-items: center;   justify-content: center;   gap: 10px; } .bb-hero-label::before {   content: '';   display: inline-block;   width: 24px; height: 1px;   background: #FF5E5B; } .bb-hero h1 {   font-size: clamp(2rem, 4vw, 3.2rem);   font-weight: 800;   color: #fff;   margin: 0 auto 20px;   max-width: 800px; } .bb-hero h1 em { color: #FF5E5B; font-style: normal; } .bb-hero-sub {   font-size: 1.1rem;   color: #ccc;   max-width: 680px;   margin: 0 auto 36px;   line-height: 1.7; } .bb-hero-ctas { display: flex; gap: 16px; flex-wrap: wrap; justify-content: center; } .bb-hero-stat-bar {   display: flex;   gap: 0;   margin: 56px auto 0;   border: 1px solid #1a1a1a;   border-radius: 6px;   overflow: hidden;   max-width: 700px; } .bb-hero-stat {   flex: 1;   padding: 20px 24px;   background: #0d0d0d;   border-right: 1px solid #1a1a1a;   text-align: center; } .bb-hero-stat:last-child { border-right: none; } .bb-hero-stat-num {   display: block;   font-family: 'Space Mono', monospace;   font-size: 1.5rem;   font-weight: 700;   color: #FF5E5B;   margin-bottom: 4px; } .bb-hero-stat-label {   font-size: 0.75rem;   color: #666;   line-height: 1.4; } /* ============================    WHO IT'S FOR ============================ */ .bb-who-grid {   display: grid;   grid-template-columns: 1fr 1fr;   gap: 40px; } .bb-who-list { list-style: none; } .bb-who-list li {   padding: 14px 0;   border-bottom: 1px solid #1a1a1a;   color: #ccc;   display: flex;   align-items: flex-start;   gap: 12px;   font-size: 0.95rem;   line-height: 1.55; } .bb-who-list li:last-child { border-bottom: none; } .bb-who-check { color: #FF5E5B; font-weight: 700; flex-shrink: 0; margin-top: 2px; } .bb-risk-box {   background: #110808;   border: 1px solid #2a1010;   border-left: 4px solid #FF5E5B;   border-radius: 8px;   padding: 32px; } .bb-risk-box h4 {   font-family: 'Space Mono', monospace;   font-size: 0.75rem;   text-transform: uppercase;   letter-spacing: 1.5px;   color: #FF5E5B;   margin-bottom: 16px; } .bb-risk-box p {   color: #aaa;   font-size: 0.9rem;   line-height: 1.7;   margin-bottom: 12px; } .bb-risk-box p:last-child { margin-bottom: 0; } .bb-risk-tag {   display: inline-block;   background: #FF5E5B;   color: #fff;   font-family: 'Space Mono', monospace;   font-size: 0.65rem;   padding: 2px 8px;   border-radius: 3px;   letter-spacing: 1px;   font-weight: 700;   margin-bottom: 8px; } /* ============================    WHAT WE HANDLE ============================ */ .bb-handle-grid {   display: grid;   grid-template-columns: repeat(3, 1fr);   gap: 2px;   background: #111;   border-radius: 8px;   overflow: hidden; } .bb-handle-item {   background: #0d0d0d;   padding: 28px 24px;   border: 1px solid #111;   transition: background 0.2s, border-color 0.2s; } .bb-handle-item:hover { background: #111; border-color: #FF5E5B; } .bb-handle-icon { font-size: 1.5rem; margin-bottom: 10px; display: block; } .bb-handle-title {   font-family: 'Montserrat', sans-serif;   font-size: 0.95rem;   font-weight: 700;   color: #fff;   margin-bottom: 6px; } .bb-handle-desc {   font-size: 0.8rem;   color: #666;   line-height: 1.6; } .bb-handle-item.highlight { background: #110808; border-color: #2a1010; } .bb-handle-item.highlight .bb-handle-title { color: #FF5E5B; } /* ============================    DIAGNOSTIC CTA ============================ */ .bb-diag-cta { padding: 80px 0; background: #000; } .bb-diag-inner {   max-width: 820px;   margin: 0 auto;   background: #0A0A0A;   border: 1px solid #FF5E5B;   border-left: 5px solid #FF5E5B;   border-radius: 8px;   padding: 52px 52px 52px 48px; } .bb-diag-badge {   display: inline-block;   background: #FF5E5B;   color: #fff;   font-family: 'Space Mono', monospace;   font-size: 0.78rem;   font-weight: 700;   padding: 5px 14px;   border-radius: 20px;   margin-bottom: 20px;   letter-spacing: 0.5px; } .bb-diag-inner h2 { font-size: 2rem; margin-bottom: 14px; color: #fff; } .bb-diag-inner > p { color: #bbb; line-height: 1.75; margin-bottom: 28px; font-size: 1rem; } .bb-diag-bullets {   list-style: none;   display: grid;   grid-template-columns: 1fr 1fr;   gap: 10px;   margin-bottom: 36px; } .bb-diag-bullets li {   color: #ccc;   font-size: 0.9rem;   display: flex;   align-items: center;   gap: 8px; } .bb-diag-bullets li::before {   content: '✓';   color: #FF5E5B;   font-weight: 700;   flex-shrink: 0; } /* ============================    PROCESS ============================ */ .bb-process-grid {   display: grid;   grid-template-columns: repeat(4, 1fr);   gap: 18px; } .bb-process-card {   background: #0d0d0d;   border: 1px solid #1a1a1a;   border-radius: 8px;   padding: 26px 22px; } .bb-process-step {   font-family: 'Space Mono', monospace;   font-size: 0.7rem;   color: #FF5E5B;   letter-spacing: 1.5px;   text-transform: uppercase;   margin-bottom: 10px; } .bb-process-card h3 {   font-size: 1rem;   margin-bottom: 10px;   color: #fff; } .bb-process-card p {   color: #888;   font-size: 0.85rem;   line-height: 1.65; } .bb-proof-note {   margin-top: 34px;   background: #111;   border: 1px solid #222;   border-left: 4px solid #00D2D2;   border-radius: 6px;   padding: 22px 26px;   color: #aaa;   font-size: 0.92rem;   line-height: 1.7; } .bb-proof-note strong { color: #fff; } /* ============================    TOOLS STACK ============================ */ .bb-tools-grid {   display: grid;   grid-template-columns: repeat(4, 1fr);   gap: 20px;   margin-bottom: 24px; } .bb-tool-card {   background: #111;   border: 1px solid #1a1a1a;   border-radius: 8px;   padding: 24px 20px;   transition: border-color 0.2s, transform 0.15s, background 0.2s;   display: flex;   flex-direction: column;   color: inherit; } .bb-tool-card:hover { border-color: #333; } .bb-tool-icon { font-size: 1.8rem; margin-bottom: 10px; display: block; } .bb-tool-name {   font-family: 'Montserrat', sans-serif;   font-weight: 700;   font-size: 0.92rem;   color: #fff;   margin-bottom: 6px; } .bb-tool-desc { font-size: 0.78rem; color: #999; line-height: 1.55; flex: 1; } .bb-tool-badge {   display: inline-block;   font-family: 'Space Mono', monospace;   font-size: 0.6rem;   padding: 2px 6px;   border-radius: 3px;   margin-left: 6px;   vertical-align: middle; } .bb-tool-badge-primary { background: #FF5E5B; color: #000; } .bb-tool-badge-used { background: #1a1a1a; color: #999; } /* ============================    COST BASIS ============================ */ .bb-basis-grid {   display: grid;   grid-template-columns: repeat(3, 1fr);   gap: 24px;   margin-bottom: 40px; } .bb-basis-card {   background: #111;   border: 1px solid #1a1a1a;   border-radius: 8px;   padding: 32px 28px;   position: relative; } .bb-basis-card.recommended {   border-color: #FF5E5B;   background: #110808; } .bb-basis-recommended-tag {   position: absolute;   top: -1px; right: 20px;   background: #FF5E5B;   color: #fff;   font-family: 'Space Mono', monospace;   font-size: 0.62rem;   padding: 3px 10px;   font-weight: 700;   letter-spacing: 1px;   border-radius: 0 0 4px 4px; } .bb-basis-method {   font-family: 'Space Mono', monospace;   font-size: 0.72rem;   color: #FF5E5B;   letter-spacing: 2px;   text-transform: uppercase;   margin-bottom: 8px; } .bb-basis-card h3 {   font-size: 1.2rem;   margin-bottom: 12px;   color: #fff; } .bb-basis-card p {   font-size: 0.875rem;   color: #888;   line-height: 1.65;   margin-bottom: 16px; } .bb-basis-pro {   font-size: 0.8rem;   color: #ccc;   padding: 8px 0;   border-top: 1px solid #1a1a1a; } .bb-basis-pro span { color: #00D2D2; font-weight: 600; } .bb-basis-con span { color: #FF5E5B; font-weight: 600; } .bb-basis-con {   font-size: 0.8rem;   color: #ccc;   padding: 8px 0;   border-top: 1px solid #1a1a1a; } .bb-basis-callout {   background: #0d0d0d;   border: 1px solid #1a1a1a;   border-radius: 6px;   padding: 24px 28px;   font-size: 0.9rem;   color: #aaa;   line-height: 1.7; } .bb-basis-callout strong { color: #fff; } .bb-basis-actions { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 12px; } .bb-basis-link {   display: inline-block;   border: 1px solid #00D2D2;   color: #00D2D2 !important;   border-radius: 999px;   padding: 9px 14px;   font-size: 0.82rem;   font-weight: 700;   text-decoration: none !important; } .bb-basis-link:hover { text-decoration: none !important; opacity: 0.9; } /* ============================    FAQ ============================ */ .bb-faq {   max-width: 820px;   margin: 0 auto; } .bb-faq-item {   background: #0A0A0A;   border: 1px solid #1a1a1a;   border-radius: 8px;   margin-bottom: 14px;   overflow: hidden; } .bb-page .bb-faq-question {   width: 100% !important;   appearance: none;   -webkit-appearance: none;   background: #0A0A0A !important;   border: 0 !important;   color: #fff !important;   text-align: left;   padding: 22px 24px !important;   font-family: 'Montserrat', sans-serif;   font-size: 1rem;   font-weight: 700;   cursor: pointer;   display: flex !important;   justify-content: space-between;   align-items: center;   gap: 18px;   line-height: 1.35;   white-space: normal;   overflow-wrap: anywhere;   min-height: 0;   box-shadow: none !important; } .bb-page .bb-faq-question:hover, .bb-page .bb-faq-question:focus {   color: #FF5E5B !important;   background: #111 !important;   outline: none; } .bb-faq-icon {   font-size: 1.2rem;   color: #FF5E5B;   flex-shrink: 0;   transition: transform 0.25s;   font-style: normal;   line-height: 1; } .bb-faq-item.open .bb-faq-icon { transform: rotate(45deg); } .bb-faq-answer {   display: none;   padding: 0 24px 24px;   color: #bbb;   font-size: 0.95rem;   line-height: 1.8;   background: #0A0A0A !important;   overflow-wrap: anywhere; } .bb-faq-item.open .bb-faq-answer { display: block; } .bb-faq-answer p + p { margin-top: 12px; } .bb-faq-answer a { font-weight: 700; } .bb-audit-tag {   display: inline-block;   background: #FF5E5B;   color: #fff;   font-family: 'Space Mono', monospace;   font-size: 0.65rem;   padding: 2px 8px;   border-radius: 3px;   letter-spacing: 1px;   font-weight: 700;   margin-bottom: 6px; } /* ============================    IRS NOTICE BOX ============================ */ .bb-irs-box {   background: #0d0d0d;   border: 1px solid #222;   border-left: 3px solid #00D2D2;   border-radius: 6px;   padding: 20px 24px;   margin: 20px 0; } .bb-irs-box-label {   font-family: 'Space Mono', monospace;   font-size: 0.65rem;   color: #00D2D2;   letter-spacing: 1.5px;   text-transform: uppercase;   margin-bottom: 8px; } .bb-irs-box p { font-size: 0.875rem; color: #aaa; line-height: 1.65; } /* ============================    FINAL CTA ============================ */ .bb-final-cta {   text-align: center;   padding: 96px 0;   background: #0A0A0A;   border-top: 1px solid #111; } .bb-final-cta h2 { font-size: 2rem; margin-bottom: 16px; } .bb-final-cta p {   color: #888;   max-width: 540px;   margin: 0 auto 36px;   font-size: 1rem;   line-height: 1.7; } .bb-final-cta-btns {   display: flex;   gap: 16px;   justify-content: center;   flex-wrap: wrap; } /* Responsive */ @media (max-width: 960px) {   .bb-handle-grid { grid-template-columns: repeat(2, 1fr); }   .bb-tools-grid { grid-template-columns: repeat(2, 1fr); }   .bb-process-grid { grid-template-columns: repeat(2, 1fr); }   .bb-basis-grid { grid-template-columns: 1fr; }   .bb-who-grid { grid-template-columns: 1fr; } } @media (max-width: 640px) {   .bb-hero { padding: 64px 0 56px; border-top: 4px solid #FF5E5B; }   .bb-hero-stat-bar { flex-direction: column; max-width: 100%; }   .bb-hero-stat { border-right: none; border-bottom: 1px solid #1a1a1a; }   .bb-hero-stat:last-child { border-bottom: none; }   .bb-handle-grid { grid-template-columns: 1fr; }   .bb-tools-grid { grid-template-columns: 1fr; }   .bb-process-grid { grid-template-columns: 1fr; }   .bb-diag-inner { padding: 32px 24px 32px 20px; }   .bb-diag-bullets { grid-template-columns: 1fr; }   .bb-hero-ctas { flex-direction: column; }   .bb-final-cta-btns { flex-direction: column; align-items: center; }   .bb-page .bb-faq-question { padding: 18px 18px !important; font-size: 0.95rem; }   .bb-faq-answer { padding: 0 18px 20px; } }