.btvseo500-hub,
.btvseo500-insight,
.btvseo500-product-faq,
.btvseo500-directory {
--btvseo-ink: #1d231e;
--btvseo-muted: #647065;
--btvseo-ivory: #f6f3eb;
--btvseo-sage: #c9d2bf;
--btvseo-gold: #bca57f;
--btvseo-line: rgba(36, 48, 37, .16);
box-sizing: border-box;
font-family: inherit;
letter-spacing: normal;
text-transform: none;
}
.btvseo500-hub *, .btvseo500-insight *, .btvseo500-product-faq *, .btvseo500-directory * {
box-sizing: border-box;
}
.btvseo500-eyebrow {
margin: 0 0 13px;
color: var(--btvseo-muted);
font-size: .73rem;
font-weight: 700;
letter-spacing: .15em;
line-height: 1.5;
text-transform: uppercase;
}
.btvseo500-cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: .65em;
max-width: 100%;
min-height: 44px;
padding: .73rem 1.14rem;
border: 1px solid currentColor;
border-radius: 0;
font: inherit;
font-size: .9rem;
font-weight: 650;
line-height: 1.25;
text-align: center;
text-decoration: none !important;
transition: background .2s ease, color .2s ease, transform .2s ease;
}
.btvseo500-cta:hover, .btvseo500-cta:focus-visible {
transform: translateY(-1px);
}
.btvseo500-cta:focus-visible,
.btvseo500-local-nav a:focus-visible,
.btvseo500-directory a:focus-visible {
outline: 3px solid var(--btvseo-gold);
outline-offset: 3px;
}
.btvseo500-hub {
width: min(100%, 1220px);
margin: clamp(26px, 4vw, 66px) auto;
color: var(--btvseo-ink);
}
.btvseo500-hero {
padding: clamp(32px, 5vw, 85px);
color: #f7f5ee;
background: #202720;
}
.btvseo500-hero .btvseo500-eyebrow {
color: #c8d2c0;
}
.btvseo500-hero-statement {
max-width: 830px;
margin: 0 0 19px !important;
font-family: inherit;
font-weight: 500;
font-size: clamp(2rem, 4.8vw, 4.8rem);
letter-spacing: -.045em;
line-height: 1.05;
text-transform: none;
}
.btvseo500-hero-sub {
max-width: 730px;
margin: 0 0 20px !important;
color: #dce2d7;
font-size: clamp(1rem, 1.4vw, 1.2rem);
line-height: 1.65;
}
.btvseo500-hero-context {
max-width: 790px;
padding-left: 20px;
border-left: 2px solid var(--btvseo-gold);
color: #d3d9ce;
font-size: .98rem;
line-height: 1.7;
}
.btvseo500-hero-actions {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 16px 24px;
margin-top: 32px;
}
.btvseo500-hero-actions .btvseo500-cta {
color: #fff;
border-color: #b9c6b1;
}
.btvseo500-hero-actions > span {
color: #afbdac;
font-size: .78rem;
letter-spacing: .035em;
}
.btvseo500-local-nav {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin: 38px 0 0;
padding-top: 16px;
border-top: 1px solid rgba(232,236,226,.25);
}
.btvseo500-local-nav a {
display: inline-flex;
min-width: 40px;
min-height: 40px;
align-items: center;
justify-content: center;
border: 1px solid rgba(230,235,224,.3);
color: #eaf0e6 !important;
font-size: .76rem;
text-decoration: none;
}
.btvseo500-local-nav a:hover {
background: rgba(225,235,220,.12);
}
.btvseo500-cards {
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 1px;
border: 1px solid var(--btvseo-line);
background: var(--btvseo-line);
}
.btvseo500-card {
min-width: 0;
padding: clamp(25px,3.5vw,49px);
color: var(--btvseo-ink);
background: var(--btvseo-ivory);
scroll-margin-top: 120px;
}
.btvseo500-card:nth-child(4n + 2),
.btvseo500-card:nth-child(4n + 3) {
background: #fffdf7;
}
.btvseo500-card-index {
margin-bottom: 25px;
color: #687568;
font-size: .78rem;
font-weight: 650;
letter-spacing: .1em;
}
.btvseo500-card h2 {
margin: 0 0 17px !important;
color: var(--btvseo-ink) !important;
font-family: inherit;
font-size: clamp(1.3rem,2vw,1.8rem) !important;
font-weight: 550;
letter-spacing: -.025em;
line-height: 1.22;
text-transform: none;
}
.btvseo500-card p {
color: #444b45;
font-size: 1rem;
line-height: 1.75;
}
.btvseo500-card .btvseo500-cta {
min-height: 38px;
padding: .5rem 0;
border: 0;
border-bottom: 1px solid #778873;
color: #24382a !important;
font-size: .85rem;
}
.btvseo500-end {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
margin: 0;
padding: 32px clamp(24px,4vw,58px);
background: #dae0d1;
}
.btvseo500-end p {
margin: 0 !important;
color: #27352c;
font-size: clamp(1.1rem,1.8vw,1.6rem);
line-height: 1.35;
}
.btvseo500-end .btvseo500-cta {
color: #203124 !important;
}
.btvseo500-insight,
.btvseo500-product-faq,
.btvseo500-directory {
width: min(100%, 1180px);
margin: clamp(30px,4.5vw,70px) auto;
padding: clamp(25px,3.5vw,51px);
border: 1px solid var(--btvseo-line);
color: var(--btvseo-ink);
background: var(--btvseo-ivory);
}
.btvseo500-insight::before,
.btvseo500-product-faq::before {
content: "";
display: block;
width: 42px;
height: 2px;
margin: 0 0 24px;
background: var(--btvseo-gold);
}
.btvseo500-insight-title {
margin: 0 0 15px !important;
font-size: clamp(1.3rem,2.3vw,2rem);
font-weight: 530;
letter-spacing: -.023em;
line-height: 1.24;
}
.btvseo500-insight > p:not(.btvseo500-insight-title) {
max-width: 830px;
color: #485249;
font-size: 1rem;
line-height: 1.75;
}
.btvseo500-insight .btvseo500-cta {
margin-top: 15px;
color: #26342b !important;
}
.btvseo500-related {
width: min(100%,1180px);
margin: -14px auto 30px !important;
padding: 0 5px;
color: #425744;
font-size: .86rem;
line-height: 1.5;
}
.btvseo500-related a {
color: #33543a !important;
text-decoration: underline;
text-underline-offset: 3px;
}
.btvseo500-product-intro {
max-width: 850px;
margin: 0 0 20px !important;
color: #485249;
line-height: 1.75;
}
.btvseo500-faq {
padding: 17px 0;
border-top: 1px solid var(--btvseo-line);
}
.btvseo500-faq:last-child {
border-bottom: 1px solid var(--btvseo-line);
}
.btvseo500-faq summary {
cursor: pointer;
padding-right: 28px;
color: var(--btvseo-ink);
font-size: clamp(1rem,1.35vw,1.2rem);
font-weight: 570;
line-height: 1.5;
}
.btvseo500-faq p {
max-width: 820px;
margin: 12px 0;
color: #475248;
font-size: .96rem;
line-height: 1.7;
}
.btvseo500-faq .btvseo500-cta {
margin-top: 8px;
color: #26342b !important;
}
.btvseo500-directory {
background: #202720;
color: #f7f5ee;
}
.btvseo500-directory .btvseo500-eyebrow {
color: #c5d0be;
}
.btvseo500-directory .btvseo500-insight-title {
color: #fff;
}
.btvseo500-directory-grid {
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 28px 42px;
margin-top: 35px;
}
.btvseo500-directory .btvseo500-dir-title {
margin: 0 0 13px !important;
color: #e5eddf !important;
font-size: 1.18rem !important;
font-weight: 560;
}
.btvseo500-directory ul {
margin: 0;
padding: 0;
list-style: none;
}
.btvseo500-directory li {
padding: 9px 0;
border-bottom: 1px solid rgba(255,255,255,.17);
}
.btvseo500-directory li a {
color: #f5f5ef !important;
font-size: .94rem;
line-height: 1.5;
text-decoration: none !important;
}
.btvseo500-directory li a:hover {
text-decoration: underline !important;
}
@media(max-width:760px) {
.btvseo500-hub {margin: 23px auto}
.btvseo500-cards,
.btvseo500-directory-grid {grid-template-columns: minmax(0,1fr)}
.btvseo500-hero {padding: 34px 23px}
.btvseo500-hero-statement {font-size: clamp(1.85rem,9vw,3rem)}
.btvseo500-card {padding: 28px 24px}
.btvseo500-end {align-items: stretch;flex-direction: column}
.btvseo500-insight,.btvseo500-product-faq,.btvseo500-directory {margin: 24px auto;padding: 28px 22px}
.btvseo500-hero-actions {align-items:flex-start;flex-direction:column}
.btvseo500-local-nav a {min-width:38px}
}
@media(prefers-reduced-motion:reduce) {
.btvseo500-cta {transition:none}
}
@media print {
.btvseo500-hub,.btvseo500-insight,.btvseo500-directory,.btvseo500-product-faq {
break-inside:avoid;
color:#000!important;
background:#fff!important;
}
.btvseo500-cards {display:block}
.btvseo500-card {break-inside:avoid;border-bottom:1px solid #ccc}
} .btvseo1000{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));padding:24px;margin:32px 0;border:1px solid #3b4841;background:#111916;color:#f5f1e8;max-width:100%;border-radius:10px;font:inherit}
.btvseo1000 .btvseo1000-overline,.btvseo1000 .btvseo1000-title{grid-column:1/-1;margin:0;color:#f5f1e8!important}
.btvseo1000 .btvseo1000-overline{font-size:11px;letter-spacing:.09em;color:#c4a579!important}
.btvseo1000 .btvseo1000-title{font-size:clamp(19px,2.4vw,27px);font-weight:600;line-height:1.25}
.btvseo1000 p:not(.btvseo1000-overline){margin:0;font-size:14px;line-height:1.7;color:#e1e3dc!important}
.btvseo1000 a{font-size:13px;font-weight:650;color:#f0ce95!important;text-decoration:underline;text-underline-offset:4px;line-height:1.5}
.btvseo1000 a:focus-visible{outline:3px solid #f0ce95;outline-offset:3px}
@media(max-width:680px){.btvseo1000{grid-template-columns:1fr;padding:18px;margin:24px 0}}