.tabletop-page{font-family:DM Sans,sans-serif;background:var(--white, #ffffff);color:var(--text, #1a1a2e);line-height:1.6;overflow-x:hidden;--navy: #0d1b35;--navy-mid: #152340;--navy-light: #1e3058;--orange: #BB5522;--orange-hover:#BB5522;--orange-bg: rgba(187,85,34,.07);--cream: #faf8f5;--white: #ffffff;--text: #1a1a2e;--muted: #6b7280;--border: #e5e7eb;--border-strong:#d1d5db}.tabletop-page .breadcrumb{padding:.8rem 2.5rem;font-size:.78rem;color:var(--muted);border-bottom:1px solid var(--border);background:var(--cream)}.tabletop-page .breadcrumb a{color:var(--muted);text-decoration:none;transition:color .2s}.tabletop-page .breadcrumb a:hover{color:var(--orange)}.tabletop-page .breadcrumb span{margin:0 .45rem;color:var(--border-strong)}.tabletop-page .hero{background:var(--cream);padding:5rem 2.5rem 4rem;border-bottom:1px solid var(--border);position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 340px;gap:3rem;max-width:1100px;margin:0 auto}.tabletop-page .hero:after{content:"";position:absolute;bottom:-60px;right:-60px;width:280px;height:280px;border-radius:50%;border:40px solid rgba(187,85,34,.06);pointer-events:none}.tabletop-page .hero-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:1.25rem}.tabletop-page .hero-label:before,.tabletop-page .hero-label:after{content:"";display:block;width:24px;height:1px;background:var(--orange);opacity:.5}.tabletop-page .hero h1{font-family:"DM Serif Display",serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:400;color:var(--navy);line-height:1.15;margin-bottom:1.25rem}.tabletop-page .hero h1 em{font-style:italic;color:var(--orange)}.tabletop-page .hero-sub{font-size:1rem;color:var(--muted);line-height:1.75;margin-bottom:2rem;max-width:520px}.tabletop-page .hero-badges{display:flex;flex-wrap:wrap;gap:.5rem}.tabletop-page .hero-badge{font-size:.72rem;font-weight:700;color:var(--navy);background:var(--white);border:1px solid var(--border-strong);padding:.3rem .75rem;border-radius:100px}.tabletop-page .hero-card{background:var(--navy);border-radius:14px;padding:2rem;align-self:start;position:sticky;top:80px}.tabletop-page .hero-card h3{font-family:"DM Serif Display",serif;font-size:1.1rem;font-weight:400;color:var(--white);margin-bottom:.5rem}.tabletop-page .hero-card p{font-size:.83rem;color:#ffffff8c;line-height:1.6;margin-bottom:1.5rem}.tabletop-page .btn-orange{display:block;width:100%;background:var(--orange);color:var(--white);padding:.8rem 1.5rem;border-radius:8px;text-decoration:none;font-size:.875rem;font-weight:600;text-align:center;transition:opacity .2s;margin-bottom:.75rem}.tabletop-page .btn-orange:hover{opacity:.9}.tabletop-page .btn-outline-orange{display:block;width:100%;background:transparent;color:var(--orange);padding:.8rem 1.5rem;border-radius:8px;text-decoration:none;font-size:.875rem;font-weight:600;text-align:center;border:1.5px solid var(--orange);transition:background .2s}.tabletop-page .btn-outline-orange:hover{background:var(--orange-bg)}.tabletop-page .card-sep{display:flex;align-items:center;gap:.75rem;margin:.75rem 0}.tabletop-page .card-sep:before,.tabletop-page .card-sep:after{content:"";flex:1;height:1px;background:#ffffff1a}.tabletop-page .card-sep span{font-size:.72rem;color:#ffffff4d;text-transform:uppercase;letter-spacing:.08em}.tabletop-page .section{max-width:1100px;margin:0 auto;padding:4rem 2.5rem}.tabletop-page .section-label{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:.75rem}.tabletop-page .section-title{font-family:"DM Serif Display",serif;font-size:clamp(1.4rem,3vw,2rem);font-weight:400;color:var(--navy);line-height:1.2;margin-bottom:.75rem}.tabletop-page .section-title em{font-style:italic;color:var(--orange)}.tabletop-page .section-sub{font-size:.95rem;color:var(--muted);max-width:520px;line-height:1.75;margin-bottom:2.5rem}.tabletop-page .compare-table{display:grid;grid-template-columns:1fr 1fr;border-radius:14px;overflow:hidden;border:1px solid var(--border)}.tabletop-page .compare-col{display:flex;flex-direction:column}.tabletop-page .compare-col.active{border:3px solid var(--orange);border-radius:0;margin:-1px;position:relative;z-index:1}.tabletop-page .compare-col-header{padding:1.5rem 2rem;background:var(--navy);display:flex;flex-direction:column;gap:.4rem}.tabletop-page .compare-col.active .compare-col-header{background:var(--orange)}.tabletop-page .compare-col-tag{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff9}.tabletop-page .compare-col.active .compare-col-tag{color:#ffffffd9}.tabletop-page .compare-col-title{font-family:"DM Serif Display",serif;font-size:1.2rem;font-weight:400;color:var(--white)}.tabletop-page .compare-col-sub{font-size:.78rem;color:#ffffff8c;margin-top:.25rem}.tabletop-page .compare-col.active .compare-col-sub{color:#fffc}.tabletop-page .compare-col-you{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#fff3;color:var(--white);padding:.2rem .6rem;border-radius:100px;margin-top:.5rem;width:-moz-fit-content;width:fit-content}.tabletop-page .compare-rows{flex:1}.tabletop-page .compare-row{padding:1rem 2rem;border-bottom:1px solid var(--border);font-size:.85rem;color:var(--text);background:var(--white);line-height:1.5}.tabletop-page .compare-col.active .compare-row{background:#fff8f5}.tabletop-page .compare-row:last-child{border-bottom:none}.tabletop-page .compare-row-label{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.25rem}.tabletop-page .compare-col.active .compare-row-label{color:var(--orange)}.tabletop-page .compare-row-value{font-size:.875rem;color:var(--text);font-weight:500}.tabletop-page .compare-col-footer{padding:1.25rem 2rem;border-top:1px solid var(--border);background:var(--cream)}.tabletop-page .compare-col.active .compare-col-footer{background:var(--orange-bg);border-top:1px solid rgba(187,85,34,.2)}.tabletop-page .compare-footer-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;color:var(--muted);text-decoration:none;transition:color .2s}.tabletop-page .compare-footer-link:hover{color:var(--navy)}.tabletop-page .compare-col.active .compare-footer-link{color:var(--orange)}.tabletop-page .compare-col.active .compare-footer-link:hover{color:var(--navy)}.tabletop-page .signals{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.tabletop-page .signal-item{background:var(--cream);border:1px solid var(--border);border-left:3px solid var(--orange);border-radius:10px;padding:1.25rem 1.5rem;transition:background .2s}.tabletop-page .signal-item:hover{background:#f0ede8}.tabletop-page .signal-item p{font-size:.875rem;color:var(--text);line-height:1.65}.tabletop-page .deliverables{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.tabletop-page .deliverable{background:var(--cream);border:1px solid var(--border);border-top:3px solid var(--orange);border-radius:10px;padding:1.5rem}.tabletop-page .deliverable-icon{font-size:1.5rem;margin-bottom:.75rem}.tabletop-page .deliverable h3{font-size:.95rem;font-weight:700;color:var(--navy);margin-bottom:.4rem;line-height:1.3}.tabletop-page .deliverable p{font-size:.82rem;color:var(--muted);line-height:1.6}.tabletop-page .method-grid{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:14px;overflow:hidden}.tabletop-page .method-step{display:grid;grid-template-columns:56px 1fr;gap:1.5rem;padding:1.5rem 2rem;border-bottom:1px solid var(--border);align-items:start;background:var(--white);transition:background .2s}.tabletop-page .method-step:last-child{border-bottom:none}.tabletop-page .method-step:hover{background:var(--cream)}.tabletop-page .step-num{font-family:"DM Serif Display",serif;font-size:1.75rem;color:var(--orange);opacity:.7;line-height:1;text-align:center;padding-top:2px}.tabletop-page .step-body h3{font-size:.95rem;font-weight:700;color:var(--navy);margin-bottom:.3rem}.tabletop-page .step-body p{font-size:.83rem;color:var(--muted);line-height:1.65}.tabletop-page .cta-section{border-top:1px solid var(--border);background:var(--cream)}.tabletop-page .cta-inner{max-width:1100px;margin:0 auto;padding:4rem 2.5rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.tabletop-page .cta-left h2{font-family:"DM Serif Display",serif;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:400;color:var(--navy);margin-bottom:.75rem}.tabletop-page .cta-left p{font-size:.9rem;color:var(--muted);line-height:1.7}.tabletop-page .cta-right{display:flex;flex-direction:column;gap:.75rem}.tabletop-page .cta-btn-primary{background:var(--orange);color:var(--white);padding:.9rem 1.75rem;border-radius:8px;text-decoration:none;font-size:.9rem;font-weight:600;text-align:center;transition:opacity .2s;display:block}.tabletop-page .cta-btn-primary:hover{opacity:.9}.tabletop-page .cta-btn-calendly{background:var(--navy);color:var(--orange);padding:.9rem 1.75rem;border-radius:8px;text-decoration:none;font-size:.9rem;font-weight:600;text-align:center;border:1.5px solid var(--orange);transition:background .2s;display:block}.tabletop-page .cta-btn-calendly:hover{background:var(--navy-light)}.tabletop-page .blog-link-section{border-top:1px solid var(--border);padding:2.5rem;max-width:1100px;margin:0 auto}.tabletop-page .blog-link-card{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:var(--white);border:1px solid var(--border);border-left:4px solid var(--orange);border-radius:10px;padding:1.5rem 2rem;text-decoration:none;color:inherit;transition:background .2s}.tabletop-page .blog-link-card:hover{background:var(--cream)}.tabletop-page .blog-link-card:hover .blog-arrow{color:var(--orange);transform:translate(4px)}.tabletop-page .blog-link-label{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);margin-bottom:.35rem}.tabletop-page .blog-link-title{font-size:.95rem;font-weight:700;color:var(--navy);margin-bottom:.25rem}.tabletop-page .blog-link-desc{font-size:.82rem;color:var(--muted)}.tabletop-page .blog-arrow{font-size:.8rem;font-weight:600;color:var(--muted);white-space:nowrap;transition:color .2s,transform .2s;flex-shrink:0}.tabletop-page .divider{border:none;border-top:1px solid var(--border)}@keyframes tabletopFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.tabletop-page .hero{animation:tabletopFadeUp .5s ease both}.tabletop-page .section{animation:tabletopFadeUp .5s .1s ease both}.tabletop-page .section-dark{background:var(--navy);padding:4rem 2.5rem}.tabletop-page .section-dark>*{max-width:1100px;margin-left:auto;margin-right:auto}.tabletop-page .section-dark .section-label{color:var(--orange)}.tabletop-page .section-dark .section-title{color:var(--white)}.tabletop-page .section-dark .section-title em{color:var(--orange)}.tabletop-page .section-dark .section-sub{color:#fff9}.tabletop-page .section-dark .signal-item{background:#ffffff0d;border-color:#ffffff1a;border-left-color:var(--orange)}.tabletop-page .section-dark .signal-item:hover{background:#ffffff14}.tabletop-page .section-dark .signal-item p{color:#fffc}.tabletop-page .section-dark .method-grid{border-color:#ffffff1a}.tabletop-page .section-dark .method-step{background:#ffffff08;border-bottom-color:#ffffff14}.tabletop-page .section-dark .method-step:hover{background:#ffffff0f}.tabletop-page .section-dark .step-body h3{color:var(--white)}.tabletop-page .section-dark .step-body p{color:#ffffff8c}@media (max-width: 900px){.tabletop-page .hero{grid-template-columns:1fr;padding:3rem 1.5rem}.tabletop-page .hero-card{position:static}.tabletop-page .cta-inner{grid-template-columns:1fr}.tabletop-page .section,.tabletop-page .section-dark{padding:3rem 1.5rem}.tabletop-page .compare-table{grid-template-columns:1fr}}
