*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--tvq-text:#0f172a;--tvq-text-secondary:#64748b;--tvq-border:#e2e8f0;--tvq-card-bg:#fff;--tvq-page-bg:#f8fafc;--tvq-orange:#ff9900;--tvq-orange-hover:#f3a847;--tvq-dark:#131921;--tvq-dark-secondary:#232f3e}
body{font-family:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#0f1111;line-height:1.5;-webkit-font-smoothing:antialiased;background:#f8fafc}
a{color:#0f1111;text-decoration:none}a:hover{color:#c7511f}
img{max-width:100%;height:auto;display:block}
.container{max-width:1280px;margin:0 auto;padding:0 1rem}

/* Header — Amazon-style dark bar */
.site-header{background:#131921;color:#fff;position:sticky;top:0;z-index:100}
.header-inner{max-width:1280px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;height:56px}
.logo{font-size:1.125rem;font-weight:700;display:flex;gap:2px;align-items:center;white-space:nowrap}
.logo .the{color:#fff}.logo .verified{color:#ff9900}.logo .hq{color:#fff}
.nav{display:flex;align-items:center;gap:1.5rem}
.nav a{color:rgba(255,255,255,0.9);font-size:0.85rem;font-weight:500}
.nav a:hover{color:#fff}
.nav .cta{background:#ff9900;color:#0f1111;padding:0.5rem 1rem;border-radius:6px;font-weight:600;font-size:0.85rem}
.nav .cta:hover{background:#f3a847;color:#0f1111}
.nav-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0.25rem}
@media(max-width:768px){
  .nav-toggle{display:block}
  .nav{display:none;position:absolute;top:56px;left:0;right:0;background:#232f3e;flex-direction:column;padding:1rem;gap:0.75rem;border-top:1px solid rgba(255,255,255,0.08)}
  .nav.is-open{display:flex}
  .nav a{width:100%;padding:0.5rem 0}
}

/* Hero — dark Amazon-style */
.hero{background:#131921;color:#fff;padding:3.5rem 0;text-align:center}
.hero h1{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;margin-bottom:0.75rem}
.hero p{color:rgba(255,255,255,0.7);max-width:640px;margin:0 auto 1.75rem;font-size:1rem}
.hero .search-bar{display:flex;max-width:560px;margin:0 auto;border-radius:4px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,0.3)}
.hero .search-bar input{flex:1;padding:0.875rem 1rem;border:none;font-size:0.95rem;color:#0f1111}
.hero .search-bar input:focus{outline:none}
.hero .search-bar button{background:#ff9900;border:none;padding:0.875rem 1.5rem;font-weight:600;color:#0f1111;cursor:pointer;font-size:0.9rem;display:flex;align-items:center;gap:0.5rem}
.hero .search-bar button:hover{background:#f3a847}

/* Sections */
.section-alt{background:#eaeded;padding:3rem 0}
.section-white{background:#fff;padding:3rem 0}
.section-title{font-size:1.5rem;font-weight:700;margin-bottom:0.5rem;text-align:center;color:#0f1111}
.section-sub{color:#565959;text-align:center;margin-bottom:2.5rem;font-size:0.95rem}

/* Cards */
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:1.5rem;transition:box-shadow 0.2s;display:block;color:#0f1111}
.card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.08);border-color:rgba(255,153,0,0.3);color:#0f1111}
.card .card-icon{width:48px;height:48px;border-radius:50%;background:rgba(255,153,0,0.12);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.5rem;color:#ff9900}
.card h3{font-weight:600;margin-bottom:0.375rem;font-size:1rem}
.card p{color:#565959;font-size:0.85rem;margin-bottom:0.5rem;line-height:1.5}
.card .price{color:#0f1111;font-weight:700;font-size:1.15rem}
.card .badge{display:inline-block;padding:0.2rem 0.6rem;border-radius:999px;font-size:0.7rem;font-weight:600;background:#ff9900;color:#0f1111}
.card .btn{display:inline-block;margin-top:0.75rem;padding:0.5rem 1rem;background:#ff9900;color:#0f1111;border-radius:6px;font-weight:600;font-size:0.85rem}
.card .btn:hover{background:#f3a847;color:#0f1111}

/* Features row */
.features-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center;max-width:960px;margin:0 auto}
.features-row .feature-icon{width:56px;height:56px;border-radius:50%;background:rgba(255,153,0,0.12);display:flex;align-items:center;justify-content:center;margin:0 auto 0.75rem;font-size:1.5rem;color:#ff9900}
.features-row h3{font-weight:600;margin-bottom:0.375rem;font-size:0.95rem}
.features-row p{color:#565959;font-size:0.85rem}

/* CTA */
.cta-section{background:#131921;color:#fff;padding:3rem 0;text-align:center}
.cta-section h2{font-size:1.5rem;font-weight:700;margin-bottom:0.75rem}
.cta-section p{color:rgba(255,255,255,0.6);margin-bottom:1.5rem}
.cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.cta-btns .btn-primary{background:#ff9900;color:#0f1111;padding:0.75rem 2rem;border-radius:6px;font-weight:600}
.cta-btns .btn-primary:hover{background:#f3a847}
.cta-btns .btn-outline{border:1px solid rgba(255,255,255,0.3);color:#fff;padding:0.75rem 2rem;border-radius:6px;font-weight:500}
.cta-btns .btn-outline:hover{background:rgba(255,255,255,0.08)}

/* Page header */
.page-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:2rem 0}
.page-header h1{font-size:1.5rem;font-weight:700;color:#0f1111}
.page-header p{color:#565959;margin-top:0.375rem;max-width:640px}
.page-header .eeat-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.375rem 0.875rem;background:rgba(255,153,0,0.08);border:1px solid rgba(255,153,0,0.2);border-radius:999px;font-size:0.8rem;font-weight:600;color:#c7511f;margin-top:0.75rem}

/* Content */
.content{padding:2rem 0}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:768px){.grid-2{grid-template-columns:1fr}}

/* Forms */
.form-box{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:2rem;max-width:560px;margin:0 auto}
.form-box h2{font-weight:700;margin-bottom:1.5rem;font-size:1.2rem}
.form-box label{display:block;font-size:0.85rem;font-weight:600;color:#0f1111;margin-bottom:0.3rem}
.form-box input,.form-box textarea,.form-box select{width:100%;padding:0.675rem 0.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:0.9rem;margin-bottom:1rem;font-family:inherit;color:#0f1111;background:#fff}
.form-box input:focus,.form-box textarea:focus{outline:none;border-color:#ff9900;box-shadow:0 0 0 3px rgba(255,153,0,0.15)}
.form-box .btn{width:100%;padding:0.75rem;background:#ff9900;color:#0f1111;border:none;border-radius:6px;font-weight:600;font-size:1rem;cursor:pointer}
.form-box .btn:hover{background:#f3a847}
.form-box .or-divider{text-align:center;color:#565959;font-size:0.85rem;margin:1rem 0;display:flex;align-items:center;gap:0.75rem}
.form-box .or-divider::before,.form-box .or-divider::after{content:"";flex:1;height:1px;background:#e2e8f0}
.form-box .google-btn{width:100%;padding:0.75rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:0.5rem;color:#0f1111}
.form-box .google-btn:hover{background:#f8fafc}
.form-box .note{color:#565959;font-size:0.8rem;text-align:center;margin-top:1rem}
.form-box .note a{color:#007185}
.form-box .note a:hover{color:#c7511f}

/* Info card */
.info-card{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:1.5rem}
.info-card h2{font-size:1rem;font-weight:700;margin-bottom:1rem;letter-spacing:-0.02em}
.info-card h3{font-size:0.8rem;font-weight:600;margin-bottom:0.5rem;color:#565959}

/* Data fields (mono) */
.data-table{width:100%}
.data-table td{padding:0.625rem 0;border-bottom:1px solid #f1f5f9;font-size:0.825rem}
.data-table td:first-child{color:#565959;width:180px;font-weight:500;font-family:'Geist Mono',monospace;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.02em}
.data-table tr:last-child td{border:none}
.data-table .mono{font-family:'Geist Mono',monospace;font-weight:500}

/* Company page */
.score-strip{border-bottom:1px solid #e2e8f0;background:rgba(255,255,255,0.95);padding:0.5rem 0}
.score-strip .inner{display:flex;justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:0 1rem}
.score-strip .label{font-size:0.8rem;color:#565959}
.score-strip .value{font-size:1.15rem;font-weight:700;color:#0f1111}
.company-layout{display:grid;grid-template-columns:1fr 300px;gap:1.5rem;padding:1.5rem 0}
@media(max-width:900px){.company-layout{grid-template-columns:1fr}}
.main-col>*{margin-bottom:1.5rem}
.side-col{position:sticky;top:72px;align-self:start}
.buy-box{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:1.5rem}
.buy-box h3{font-weight:700;margin-bottom:0.375rem;letter-spacing:-0.02em}
.buy-box .price{color:#0f1111;font-weight:700;margin-bottom:0.75rem}
.buy-box p{font-size:0.85rem;color:#565959;margin-bottom:1rem}
.buy-box .btn{width:100%;padding:0.75rem;background:#ff9900;color:#0f1111;border:none;border-radius:6px;font-weight:600;cursor:pointer;text-align:center;display:block}
.buy-box .btn:hover{background:#f3a847;color:#0f1111}
.buy-box .btn-outline{margin-top:0.5rem;width:100%;padding:0.75rem;background:#fff;border:1px solid #d1d5db;color:#0f1111;border-radius:6px;font-weight:500;cursor:pointer;text-align:center;display:block}
.buy-box .btn-outline:hover{background:#f8fafc}

/* Tags */
.tag{display:inline-block;padding:0.2rem 0.6rem;border-radius:999px;font-size:0.7rem;font-weight:600}
.tag-orange{background:rgba(255,153,0,0.1);color:#c7511f}
.tag-emerald{background:#ecfdf5;color:#065f46}
.tag-amber{background:#fffbeb;color:#92400e}
.tag-rose{background:#fff1f2;color:#9f1239}

/* Pricing */
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;max-width:960px;margin:0 auto}
.pricing-card{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:1.5rem;display:flex;flex-direction:column}
.pricing-card.featured{border-color:#ff9900;box-shadow:0 0 0 2px rgba(255,153,0,0.15)}
.pricing-card h3{font-weight:600}
.pricing-card .price{font-size:1.75rem;font-weight:700;margin:0.5rem 0 0.25rem;color:#0f1111}
.pricing-card .desc{color:#565959;font-size:0.85rem;margin-bottom:1rem}
.pricing-card ul{list-style:none;flex:1}
.pricing-card ul li{padding:0.375rem 0;font-size:0.85rem;display:flex;align-items:center;gap:0.5rem;color:#0f1111}
.pricing-card ul li::before{content:"✓";color:#ff9900;font-weight:700}
.pricing-card .btn{margin-top:1rem;display:block;text-align:center;padding:0.75rem;border-radius:6px;font-weight:600;font-size:0.9rem}
.pricing-card .btn-primary{background:#ff9900;color:#0f1111}
.pricing-card .btn-primary:hover{background:#f3a847}
.pricing-card .btn-outline{background:#fff;border:1px solid #d1d5db;color:#0f1111}
.pricing-card .btn-outline:hover{background:#f8fafc}
.deep-box{border:1px solid #e2e8f0;border-radius:6px;padding:1.5rem;background:#f8fafc;margin-top:2rem;max-width:960px;margin-left:auto;margin-right:auto}
.deep-box h3{font-weight:600;margin-bottom:0.5rem}
.deep-box p{font-size:0.85rem;color:#565959;margin-bottom:0.5rem}
.deep-box .btn{display:inline-block;padding:0.75rem 1.5rem;background:#059669;color:#fff;font-weight:600;border-radius:6px}

/* Prose */
.prose{max-width:720px;margin:0 auto;padding:2rem 0}
.prose h1{font-size:1.75rem;font-weight:700;margin-bottom:0.5rem;color:#0f1111;letter-spacing:-0.03em}
.prose h2{font-size:1.15rem;font-weight:600;margin:1.5rem 0 0.75rem;color:#0f1111}
.prose p{margin-bottom:0.75rem;color:#565959;font-size:0.9rem;line-height:1.7}

/* Method box */
.method-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:1rem;margin-bottom:1rem}
.method-box h3{font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:#565959;margin-bottom:0.5rem}

/* Trust score badge */
.trust-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:rgba(255,153,0,0.08);border:1px solid rgba(255,153,0,0.15);border-radius:999px;font-size:0.8rem;font-weight:600;color:#c7511f;margin-bottom:1rem}

/* Footer */
.site-footer{background:#131921;color:rgba(255,255,255,0.5);padding:2.5rem 0 1.5rem}
.site-footer .footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}
.site-footer .footer-grid h4{font-weight:600;color:#fff;margin-bottom:1rem;font-size:0.9rem}
.site-footer .footer-grid p{color:rgba(255,255,255,0.45);font-size:0.85rem;max-width:260px}
.site-footer .footer-grid ul{list-style:none}
.site-footer .footer-grid ul li{margin-bottom:0.5rem}
.site-footer .footer-grid ul li a{color:rgba(255,255,255,0.5);font-size:0.85rem}
.site-footer .footer-grid ul li a:hover{color:#fff}
.site-footer .footer-bottom{border-top:1px solid rgba(255,255,255,0.08);padding-top:1rem;text-align:center}
.site-footer .footer-bottom p{color:rgba(255,255,255,0.3);font-size:0.8rem}
.site-footer .live-audit{display:flex;align-items:center;justify-content:center;gap:0.5rem;margin-top:0.5rem;font-size:0.8rem;color:rgba(255,255,255,0.25)}

/* Ad slot */
.ad-slot{background:#f1f5f9;border:2px dashed #d1d5db;border-radius:6px;padding:2rem;text-align:center;color:#565959;font-size:0.8rem;margin:2rem 0}

/* Mock result */
.mock-result{border:1px solid #e2e8f0;border-radius:6px;padding:1rem;background:#f8fafc;margin-top:1rem}
.mock-result .row{display:flex;justify-content:space-between;padding:0.375rem 0;font-size:0.85rem;border-bottom:1px solid #f1f5f9}
.mock-result .row:last-child{border:none}
.mock-result .label{color:#565959}.mock-result .value{font-weight:500;color:#0f1111}

/* API docs */
.endpoint{border:1px solid #e2e8f0;border-radius:6px;padding:1.25rem;margin-bottom:1rem;background:#fff}
.endpoint .method{display:inline-block;padding:0.2rem 0.5rem;border-radius:4px;font-size:0.7rem;font-weight:700;font-family:'Geist Mono',monospace;margin-right:0.5rem}
.endpoint .method.get{background:rgba(5,150,105,0.1);color:#059669}
.endpoint .method.post{background:rgba(37,99,235,0.1);color:#2563eb}
.endpoint .path{font-family:'Geist Mono',monospace;font-size:0.85rem;font-weight:500}
.endpoint .desc{color:#565959;font-size:0.85rem;margin-top:0.375rem}

/* Badge preview */
.badge-preview{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.25rem;background:#131921;border:2px solid #059669;border-radius:6px;color:#fff;font-weight:600;font-size:0.9rem}
.badge-preview .shield{width:20px;height:20px;background:#ff9900;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.65rem;color:#0f1111;font-weight:900}