:root {
  --ink: #0b1116;
  --ink-2: #111a21;
  --navy: #0f1b24;
  --navy-2: #152631;
  --slate: #4f626f;
  --ivory: #f3f0e8;
  --warm: #e9e4d8;
  --paper: #faf9f5;
  --white: #fff;
  --brass: #b79a67;
  --brass-light: #d5c29a;
  --brass-dark: #8d7143;
  --line: rgba(18,31,40,.14);
  --cyan: #b79a67;
  --cyan-dim: #8d7143;
  --purple: #d5c29a;
  --purple-deep: #8d7143;
  --bg-black: #faf9f5;
  --bg-card: #fff;
  --bg-card-hover: #fff;
  --surface: #e9e4d8;
  --text-primary: #0b1116;
  --text-secondary: #59676f;
  --text-muted: #7d898f;
  --gradient-brand: linear-gradient(135deg,#d5c29a,#8d7143);
  --font-display: Georgia,'Times New Roman',serif;
  --font-body: 'Avenir Next',Avenir,'Segoe UI',Helvetica,Arial,sans-serif;
}

body.premium-product { margin: 0; overflow-x: hidden; background: var(--paper); color: var(--ink); font-family: var(--font-body); font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
body.premium-product::before { display: none; }
.premium-product * { box-sizing: border-box; }
.premium-product .hero-meta,
.premium-product .hero h1,
.premium-product .hero-tagline,
.premium-product .hero-ctas,
.premium-product .hero-video,
.premium-product .rv { opacity: 1 !important; transform: none !important; animation: none !important; }
.premium-product .site-header { position: sticky; top: 0; z-index: 200; background: rgba(11,17,22,.96); }
.premium-product .site-header .container, .premium-product .footer .container { width: min(calc(100% - 48px),1240px); max-width: none; padding: 0; }
.premium-product .site-header .brand, .premium-product .site-header .primary-nav a, .premium-product .site-header .text-link { text-decoration: none; }
.premium-product .primary-nav a[aria-current="page"] { color: var(--white); }
.premium-product .primary-nav a[aria-current="page"]::after { right: 0; }
.premium-product .button { border-radius: 0; }

.premium-product .crumbs { max-width: none; margin: 0; padding: 22px max(24px,calc((100vw - 1240px)/2)); background: var(--ink); }
.premium-product .crumbs ol { max-width: 1240px; margin: 0 auto; color: rgba(255,255,255,.35); font-family: var(--font-body); font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.premium-product .crumbs a { color: rgba(255,255,255,.58); }
.premium-product .crumbs a:hover { color: var(--brass-light); }
.premium-product .crumbs li:last-child { color: var(--brass-light); }

.premium-product .hero { position: relative; overflow: hidden; padding: 70px 24px 88px; background: var(--ink); color: var(--white); }
.premium-product .hero::before { content: ''; position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size: 82px 82px; mask-image: linear-gradient(to bottom,#000,transparent 92%); }
.premium-product .hero::after { content: ''; position: absolute; width: 720px; height: 560px; right: -210px; top: -260px; border-radius: 50%; background: radial-gradient(circle,rgba(71,117,137,.35),transparent 68%); }
.premium-product .hero .glow-c, .premium-product .hero .glow-p { display: none; }
.premium-product .hero-grid { opacity: 1; width: min(100%,1240px); max-width: 1240px; grid-template-columns: minmax(430px,.88fr) minmax(520px,1.12fr); gap: 72px; }
.premium-product .hero-meta { margin-bottom: 24px; }
.premium-product .tag { padding: 6px 9px; border-radius: 0; font-size: 8px; letter-spacing: .14em; }
.premium-product .tag.tv, .premium-product .tag.nt { border-color: rgba(213,194,154,.28); background: rgba(213,194,154,.07); color: var(--brass-light); }
.premium-product .hero h1 { max-width: 710px; color: var(--white); font-family: var(--font-display); font-size: clamp(58px,6.2vw,90px); font-weight: 400; letter-spacing: -.048em; line-height: 1.02; }
.premium-product .hero h1 em { background: none; color: var(--brass-light); -webkit-background-clip: initial; background-clip: initial; -webkit-text-fill-color: currentColor; }
.premium-product .hero-tagline { max-width: 660px; margin-top: 26px; color: rgba(255,255,255,.64); font-size: 18px; line-height: 1.7; }
.premium-product .hero-ctas { margin-top: 34px; }
.premium-product .btn-p, .premium-product .btn-s { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 24px; border-radius: 0; font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.premium-product .btn-p { background: var(--ivory); color: var(--ink); }
.premium-product .btn-p:hover { background: var(--white); }
.premium-product .btn-s { border-color: rgba(255,255,255,.24); color: var(--white); }
.premium-product .btn-s:hover { border-color: var(--brass-light); color: var(--brass-light); }
.premium-product .hero-video { border: 1px solid rgba(255,255,255,.14); border-radius: 0; background: #091016; box-shadow: 0 32px 75px rgba(0,0,0,.42); }
.premium-product .hero-video::before { background: linear-gradient(180deg,transparent,rgba(8,14,18,.18)); }
.premium-product .hero-video-poster { filter: saturate(.84) brightness(.8); }
.premium-product .hero-video:hover .hero-video-poster { filter: saturate(.95) brightness(.88); }
.premium-product .hero-video-play { width: 68px; height: 68px; background: var(--ivory); box-shadow: 0 12px 30px rgba(0,0,0,.45); }
.premium-product .hero-video:hover .hero-video-play { background: var(--brass-light); box-shadow: 0 0 0 8px rgba(213,194,154,.12),0 12px 30px rgba(0,0,0,.45); }
.premium-product .hero-video-pulse { border-color: var(--brass-light); }
.premium-product .hero-video-caption-label { color: var(--brass-light); }
.premium-product .hero-video-caption-meta { color: rgba(255,255,255,.44); }

.premium-product .quicknav { top: 76px; z-index: 90; border-color: rgba(255,255,255,.09); background: rgba(15,27,36,.96); }
.premium-product .quicknav-inner { max-width: 1240px; padding: 7px 24px; }
.premium-product .qnlink { padding: 11px 15px; color: rgba(255,255,255,.52); font-size: 9px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.premium-product .qnlink:hover { color: var(--white); }
.premium-product .qnlink.active { border-bottom-color: var(--brass-light); color: var(--brass-light); }

.premium-product .sec { padding: 104px 24px; }
.premium-product .con { max-width: 1240px; }
.premium-product .con-narrow { max-width: 940px; }
.premium-product .overview, .premium-product .signals, .premium-product .faq { background: var(--paper) !important; }
.premium-product .hiw, .premium-product .settings, .premium-product .mistakes { background: var(--warm) !important; }
.premium-product .slabel { margin-bottom: 18px; color: var(--brass-dark); font-size: 9px; font-weight: 850; letter-spacing: .2em; }
.premium-product .stitle { color: var(--ink); font-family: var(--font-display); font-size: clamp(42px,4.4vw,64px); font-weight: 400; letter-spacing: -.035em; line-height: 1.05; }
.premium-product .stitle em { background: none; color: var(--brass-dark); -webkit-background-clip: initial; background-clip: initial; -webkit-text-fill-color: currentColor; }
.premium-product .sdesc { color: #5d696f; font-size: 17px; line-height: 1.7; }
.premium-product .ov-grid { gap: 68px; }
.premium-product .ov-prose p { color: #59676f; font-size: 16px; line-height: 1.78; }
.premium-product .ov-prose p strong { color: var(--ink); }
.premium-product .ov-quote { border-left-color: var(--brass); color: var(--ink); font-size: 27px; }

.premium-product .callout, .premium-product .feature-card, .premium-product .settings-group, .premium-product .alert-group, .premium-product .faq-item { border: 1px solid rgba(11,17,22,.13); border-radius: 0; background: rgba(255,255,255,.78); box-shadow: 0 15px 40px rgba(11,17,22,.055); }
.premium-product .callout { padding: 36px 32px; }
.premium-product .callout-h { color: var(--brass-dark); font-size: 9px; }
.premium-product .callout-t { color: var(--ink); font-size: 26px; }
.premium-product .callout-num { border-radius: 0; background: rgba(183,154,103,.13); color: var(--brass-dark); }
.premium-product .callout-item p, .premium-product .feature-card p, .premium-product .tip p, .premium-product .settings-table td, .premium-product .alert-desc, .premium-product .faq-a p { color: #5d696f; }
.premium-product .callout-item p strong, .premium-product .feature-card strong, .premium-product .tip p strong, .premium-product .settings-table td:first-child, .premium-product .alert-name { color: var(--ink); }
.premium-product .feature-grid { gap: 20px; }
.premium-product .feature-card { padding: 30px 27px; }
.premium-product .feature-card:hover { border-color: rgba(141,113,67,.36); background: var(--white); box-shadow: 0 22px 48px rgba(11,17,22,.1); }
.premium-product .feature-card::before { height: 1px; background: var(--brass); }
.premium-product .feature-card h3 { color: var(--ink); font-size: 24px; }
.premium-product .feature-tag, .premium-product .feature-tag.purple, .premium-product .feature-tag.gray { border-radius: 0; background: rgba(183,154,103,.11); color: var(--brass-dark); }
.premium-product .tip { border: 1px solid rgba(141,113,67,.24); border-radius: 0; background: rgba(183,154,103,.075); }
.premium-product .tip-icon { color: var(--brass-dark); }

.premium-product .placement-img { border: 1px solid var(--line); border-radius: 0; background: var(--white); }
.premium-product .placement-img::before { background: linear-gradient(135deg,rgba(183,154,103,.06),rgba(79,98,111,.04)); }
.premium-product .settings-group, .premium-product .alert-group { overflow: hidden; }
.premium-product .settings-head, .premium-product .alert-group-head { border-bottom-color: var(--line); }
.premium-product .settings-head h3, .premium-product .alert-group-head h3 { color: var(--ink); }
.premium-product .settings-head-meta, .premium-product .alert-group-meta { color: #7d898f; }
.premium-product .alert-group-meta.prem { color: var(--brass-dark); }
.premium-product .settings-table tr + tr td { border-top-color: rgba(11,17,22,.075); }
.premium-product .settings-table tr:hover, .premium-product .alert-item:hover { background: rgba(183,154,103,.05); }
.premium-product .def-badge { border-radius: 0; background: rgba(183,154,103,.12); color: var(--brass-dark); }
.premium-product .alert-group-head { border-bottom-color: var(--line); }

.premium-product .mistake { border: 1px solid rgba(116,64,58,.13); border-left: 3px solid #9a6d62; border-radius: 0; background: rgba(255,255,255,.62); }
.premium-product .mistake:hover { border-left-color: #7d4f46; background: rgba(255,255,255,.9); }
.premium-product .mistake h4 { color: #7d4f46; }
.premium-product .mistake p { color: #5d696f; }
.premium-product .faq-item.open { border-color: rgba(141,113,67,.38); }
.premium-product .faq-q { color: var(--ink); }
.premium-product .faq-q:hover, .premium-product .faq-item.open .faq-toggle { color: var(--brass-dark); }

.premium-product .fcta { padding: 104px 24px; border-top: 1px solid rgba(255,255,255,.1); background: var(--ink); color: var(--white); }
.premium-product .fcta .glow-c { display: block; background: radial-gradient(circle,rgba(94,137,156,.19),transparent 68%); }
.premium-product .fcta .stitle { color: var(--white); }
.premium-product .fcta .stitle em { color: var(--brass-light); }
.premium-product .fcta .sdesc { color: rgba(255,255,255,.56); }
.premium-product .fcta .btn-p { background: var(--ivory); color: var(--ink); }
.premium-product .fcta .btn-s { border-color: rgba(255,255,255,.24); color: var(--white); }

.premium-product .footer { background: #080d11; color: var(--white); }
.premium-product .footer p { margin: 0; }
.premium-product .footer .footer__top { padding-top: 70px; padding-bottom: 50px; }

@media (max-width: 1024px) {
  .premium-product .hero-grid { grid-template-columns: 1fr; gap: 48px; }
  .premium-product .hero-right { max-width: 760px; }
  .premium-product .ov-grid, .premium-product .placement { gap: 42px; }
}

@media (max-width: 768px) {
  .premium-product .site-header .container, .premium-product .footer .container { width: min(calc(100% - 32px),1240px); }
  .premium-product .crumbs { padding: 18px 20px; }
  .premium-product .hero { padding: 46px 20px 64px; }
  .premium-product .hero h1 { font-size: clamp(50px,14vw,68px); }
  .premium-product .hero-tagline { font-size: 16px; }
  .premium-product .quicknav { top: 68px; }
  .premium-product .quicknav-inner { padding-inline: 15px; }
  .premium-product .sec { padding: 76px 20px; }
  .premium-product .fcta { padding: 76px 20px; }
  .premium-product .stitle { font-size: clamp(39px,11vw,52px); }
  .premium-product .settings-table { display: block; overflow-x: auto; }
}

@media (max-width: 480px) {
  .premium-product .hero-ctas, .premium-product .fcta-btns { max-width: none; }
  .premium-product .btn-p, .premium-product .btn-s { width: 100%; }
  .premium-product .callout, .premium-product .feature-card { padding: 25px 21px; }
}

/* Product hero contrast: isolate legacy hero markup from homepage decorative rules. */
body.premium-product main > .hero {
  background: #122630 !important;
}
body.premium-product main > .hero .hero-grid {
  position: relative;
  z-index: 3;
  opacity: 1 !important;
  filter: none !important;
}
body.premium-product main > .hero .hero-grid > * {
  opacity: 1 !important;
  filter: none !important;
}
body.premium-product main > .hero h1 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff;
  text-shadow: 0 4px 28px rgba(0,0,0,.28);
}
body.premium-product main > .hero h1 em {
  color: #dfc28d !important;
  -webkit-text-fill-color: #dfc28d;
}
body.premium-product main > .hero .hero-tagline {
  color: rgba(255,255,255,.88) !important;
}
body.premium-product main > .hero .tag.tv,
body.premium-product main > .hero .tag.nt {
  border-color: rgba(223,194,141,.55);
  background: rgba(223,194,141,.12);
  color: #ead2a8;
}
body.premium-product main > .hero .btn-p {
  background: #f7f3ea !important;
  color: #0b1116 !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.2);
}
body.premium-product main > .hero .hero-video::before {
  background: linear-gradient(180deg,transparent,rgba(4,10,14,.08));
}
body.premium-product main > .hero .hero-video-poster {
  filter: saturate(1.02) brightness(1.14) contrast(1.03) !important;
}
body.premium-product main > .hero .hero-video:hover .hero-video-poster {
  filter: saturate(1.08) brightness(1.2) contrast(1.03) !important;
}
body.premium-product main > .hero .hero-video.hero-video--poster {
  cursor: default;
}
body.premium-product main > .hero .hero-video.hero-video--poster:hover .hero-video-poster {
  filter: saturate(1.02) brightness(1.14) contrast(1.03) !important;
}
body.premium-product main > .hero .hero-grid { -webkit-mask-image: none !important; mask-image: none !important; }