/*
Theme Name: Candy AI Review Pro
Author: Independent Editorial Theme
Description: A fast, responsive WordPress review theme for independent AI companion research. Includes long-form review sections, topical SEO pages, FAQ schema, internal navigation and a premium purple-pink interface. Includes expanded About, Contact, Privacy, Terms, Editorial and Affiliate Disclosure pages. No deceptive all-link redirects are bundled.
Version: 4.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: candy-ai-review
Tags: blog, news, one-column, two-columns, custom-logo, custom-menu, featured-images, translation-ready, accessibility-ready
*/

:root {
  --car-bg: #080711;
  --car-bg-soft: #100d1c;
  --car-surface: rgba(255,255,255,.055);
  --car-surface-strong: #171225;
  --car-card: rgba(20,16,34,.86);
  --car-border: rgba(255,255,255,.11);
  --car-text: #f7f4ff;
  --car-muted: #b8b1c9;
  --car-muted-2: #8f879f;
  --car-primary: #9d5cff;
  --car-secondary: #ff4fa3;
  --car-tertiary: #44d7ff;
  --car-success: #62e6ad;
  --car-warning: #ffc96b;
  --car-danger: #ff7a92;
  --car-radius: 24px;
  --car-radius-sm: 14px;
  --car-shadow: 0 24px 80px rgba(0,0,0,.35);
  --car-max: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--car-text);
  background:
    radial-gradient(circle at 10% -5%, rgba(157,92,255,.22), transparent 34%),
    radial-gradient(circle at 92% 10%, rgba(255,79,163,.17), transparent 28%),
    linear-gradient(180deg, #090711 0%, #080711 45%, #0c0915 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 17px;
  line-height: 1.74;
  min-height: 100vh;
  overflow-x: hidden;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  opacity: .34;
  background-image:
    linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: linear-gradient(to bottom, black, transparent 70%);
}

img { max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
a:hover { color: #fff; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
:focus-visible { outline: 3px solid rgba(68,215,255,.85); outline-offset: 3px; }

.car-container { width: min(var(--car-max), calc(100% - 40px)); margin-inline: auto; }
.car-section { padding: 92px 0; position: relative; }
.car-section--tight { padding: 64px 0; }
.car-section--surface {
  background: linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.012));
  border-block: 1px solid rgba(255,255,255,.055);
}
.car-grid { display: grid; gap: 24px; }
.car-grid--2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.car-grid--3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.car-grid--4 { grid-template-columns: repeat(4, minmax(0,1fr)); }

.screen-reader-text {
  border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px;
  margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal!important;
}
.skip-link:focus {
  clip: auto!important; clip-path: none; height: auto; width: auto; left: 16px; top: 16px;
  padding: 10px 14px; z-index: 99999; background: #fff; color: #111; border-radius: 8px;
}

.car-site-header {
  position: sticky; top: 0; z-index: 1000;
  backdrop-filter: blur(18px);
  background: rgba(8,7,17,.72);
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.car-header-inner { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.car-brand { display: inline-flex; align-items: center; gap: 11px; min-width: max-content; }
.car-brand-mark {
  width: 38px; height: 38px; display: grid; place-items: center; border-radius: 13px;
  background: linear-gradient(135deg, var(--car-primary), var(--car-secondary));
  box-shadow: 0 10px 30px rgba(157,92,255,.32);
}
.car-brand-mark svg { width: 22px; height: 22px; }
.car-brand-name { font-size: 1.08rem; font-weight: 850; letter-spacing: -.03em; }
.car-brand-kicker { display: block; color: var(--car-muted-2); font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; }
.custom-logo { max-height: 48px; width: auto; }
.car-nav-wrap { display: flex; align-items: center; gap: 20px; }
.car-primary-menu, .car-primary-menu ul { list-style: none; margin: 0; padding: 0; }
.car-primary-menu { display: flex; align-items: center; gap: 6px; }
.car-primary-menu a { display: block; padding: 10px 12px; color: var(--car-muted); font-size: .91rem; font-weight: 650; border-radius: 10px; }
.car-primary-menu a:hover, .car-primary-menu .current-menu-item > a { color: #fff; background: rgba(255,255,255,.065); }
.car-primary-menu li { position: relative; }
.car-primary-menu .sub-menu { position: absolute; z-index: 30; top: calc(100% + 10px); left: 0; min-width: 220px; display: none; padding: 10px; list-style: none; border: 1px solid var(--car-border); border-radius: 16px; background: rgba(13,10,23,.98); box-shadow: var(--car-shadow); }
.car-primary-menu .sub-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 12px; }
.car-primary-menu li:hover > .sub-menu, .car-primary-menu li:focus-within > .sub-menu { display: grid; gap: 3px; }
.car-primary-menu .sub-menu a { white-space: nowrap; padding: 10px 12px; }
.car-primary-menu .menu-item-has-children > a::after { content: "▾"; margin-left: 6px; color: var(--car-muted-2); font-size: .72rem; }
.car-header-cta { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 999px; font-weight: 800; font-size: .88rem; background: linear-gradient(135deg, var(--car-primary), var(--car-secondary)); box-shadow: 0 14px 32px rgba(157,92,255,.25); }
.car-menu-toggle { display: none; width: 44px; height: 44px; border: 1px solid var(--car-border); border-radius: 13px; background: rgba(255,255,255,.045); color: #fff; }
.car-menu-toggle span, .car-menu-toggle::before, .car-menu-toggle::after { content: ""; display: block; width: 20px; height: 2px; background: currentColor; margin: 4px auto; border-radius: 5px; transition: .2s ease; }

.car-notice-bar { border-bottom: 1px solid rgba(255,255,255,.06); background: rgba(157,92,255,.09); }
.car-notice-inner { min-height: 38px; display: flex; align-items: center; justify-content: center; gap: 10px; color: #dcd5eb; font-size: .78rem; text-align: center; }
.car-notice-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--car-success); box-shadow: 0 0 14px var(--car-success); }

.car-hero { padding: 96px 0 72px; overflow: hidden; }
.car-hero::after {
  content: ""; position: absolute; width: 500px; height: 500px; border-radius: 50%;
  background: radial-gradient(circle, rgba(255,79,163,.16), transparent 65%); right: -180px; top: 80px; pointer-events: none;
}
.car-hero-grid { display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: 66px; }
.car-eyebrow { display: inline-flex; align-items: center; gap: 9px; padding: 8px 12px; border: 1px solid rgba(157,92,255,.28); border-radius: 999px; background: rgba(157,92,255,.09); color: #d9caff; font-size: .76rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.car-eyebrow::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: linear-gradient(135deg, var(--car-tertiary), var(--car-secondary)); box-shadow: 0 0 14px rgba(68,215,255,.65); }
.car-hero h1 { margin: 24px 0 18px; font-size: clamp(2.8rem, 6.2vw, 5.35rem); line-height: .98; letter-spacing: -.065em; max-width: 850px; }
.car-gradient-text { background: linear-gradient(105deg, #fff 5%, #d8c5ff 38%, #ff8fc4 72%, #77ddff 100%); background-clip: text; -webkit-background-clip: text; color: transparent; }
.car-hero-lead { margin: 0; color: var(--car-muted); font-size: clamp(1.12rem, 1.55vw, 1.28rem); line-height: 1.72; max-width: 720px; }
.car-keyword-row { margin-top: 20px; display: flex; gap: 8px; flex-wrap: wrap; }
.car-keyword-chip { padding: 7px 10px; border-radius: 999px; background: rgba(255,255,255,.04); border: 1px solid var(--car-border); color: #c8c1d8; font-size: .78rem; }
.car-hero-actions { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 12px; }
.car-btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 50px; padding: 0 20px; border-radius: 14px; border: 1px solid transparent; font-weight: 850; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.car-btn:hover { transform: translateY(-2px); }
.car-btn--primary { background: linear-gradient(135deg, var(--car-primary), var(--car-secondary)); box-shadow: 0 16px 38px rgba(157,92,255,.28); }
.car-btn--secondary { background: rgba(255,255,255,.055); border-color: var(--car-border); color: #fff; }
.car-btn--small { min-height: 42px; padding: 0 15px; font-size: .85rem; }
.car-hero-footnote { margin-top: 20px; display: flex; align-items: flex-start; gap: 9px; color: var(--car-muted-2); font-size: .78rem; max-width: 650px; }
.car-hero-footnote svg { flex: 0 0 auto; margin-top: 3px; }

.car-hero-visual { position: relative; min-height: 540px; display: grid; place-items: center; }
.car-orbit { position: absolute; inset: 3% 0 0; border-radius: 50%; border: 1px solid rgba(255,255,255,.07); animation: car-spin 24s linear infinite; }
.car-orbit::before, .car-orbit::after { content: ""; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: var(--car-tertiary); box-shadow: 0 0 18px rgba(68,215,255,.8); }
.car-orbit::before { top: 20%; left: 4%; }
.car-orbit::after { right: 10%; bottom: 16%; background: var(--car-secondary); box-shadow: 0 0 18px rgba(255,79,163,.8); }
@keyframes car-spin { to { transform: rotate(360deg); } }
.car-profile-card { position: relative; width: min(420px, 92%); border-radius: 32px; overflow: hidden; background: linear-gradient(160deg, rgba(255,255,255,.11), rgba(255,255,255,.035)); border: 1px solid rgba(255,255,255,.14); box-shadow: var(--car-shadow); transform: rotate(2deg); }
.car-profile-media { aspect-ratio: 4/4.5; background: linear-gradient(135deg, #25163f, #10263d); overflow: hidden; position: relative; }
.car-profile-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.car-profile-media::after { content: ""; position: absolute; inset: auto 0 0; height: 45%; background: linear-gradient(to top, rgba(10,7,18,.95), transparent); }
.car-live-pill { position: absolute; top: 18px; left: 18px; z-index: 2; display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border-radius: 999px; background: rgba(8,7,17,.64); border: 1px solid rgba(255,255,255,.14); font-size: .72rem; font-weight: 850; letter-spacing: .08em; }
.car-live-pill::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--car-success); box-shadow: 0 0 12px var(--car-success); }
.car-profile-copy { position: absolute; left: 22px; right: 22px; bottom: 22px; z-index: 2; }
.car-profile-title { font-size: 1.5rem; line-height: 1.1; margin: 0 0 6px; letter-spacing: -.03em; }
.car-profile-copy p { margin: 0; color: #c9c2d7; font-size: .87rem; }
.car-floating-stat { position: absolute; z-index: 5; padding: 13px 15px; border-radius: 16px; background: rgba(18,14,31,.78); border: 1px solid rgba(255,255,255,.12); backdrop-filter: blur(14px); box-shadow: 0 16px 50px rgba(0,0,0,.27); }
.car-floating-stat strong { display: block; font-size: 1rem; }
.car-floating-stat span { color: var(--car-muted-2); font-size: .7rem; text-transform: uppercase; letter-spacing: .09em; font-weight: 750; }
.car-floating-stat--one { left: -12px; top: 16%; }
.car-floating-stat--two { right: -8px; bottom: 13%; }

.car-trust-strip { padding: 0 0 48px; }
.car-trust-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--car-border); background: rgba(255,255,255,.025); border-radius: 20px; overflow: hidden; }
.car-trust-item { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 72px; color: #d6cfdf; font-weight: 750; font-size: .85rem; border-right: 1px solid var(--car-border); text-align: center; padding: 14px; }
.car-trust-item:last-child { border-right: 0; }
.car-trust-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; background: rgba(157,92,255,.1); color: #d8c4ff; }

.car-section-head { max-width: 780px; margin-bottom: 34px; }
.car-section-head--center { text-align: center; margin-inline: auto; }
.car-kicker { display: inline-block; margin-bottom: 10px; color: #c8adff; font-size: .77rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.car-section-title { margin: 0 0 12px; font-size: clamp(2rem, 4.2vw, 3.5rem); line-height: 1.04; letter-spacing: -.05em; }
.car-section-copy { margin: 0; color: var(--car-muted); font-size: 1.02rem; }

.car-card { position: relative; padding: 25px; border: 1px solid var(--car-border); border-radius: var(--car-radius); background: linear-gradient(155deg, rgba(255,255,255,.065), rgba(255,255,255,.025)); box-shadow: 0 16px 50px rgba(0,0,0,.12); }
.car-card::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: linear-gradient(135deg, rgba(157,92,255,.07), transparent 38%, rgba(255,79,163,.045)); }
.car-card > * { position: relative; }
.car-card:hover { border-color: rgba(157,92,255,.28); }
.car-icon-box { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px; background: linear-gradient(135deg, rgba(157,92,255,.2), rgba(255,79,163,.13)); border: 1px solid rgba(157,92,255,.18); margin-bottom: 18px; color: #eedfff; }
.car-card h3 { margin: 0 0 9px; font-size: 1.17rem; letter-spacing: -.02em; }
.car-card p { margin: 0; color: var(--car-muted); font-size: 1rem; line-height: 1.72; }

.car-summary-layout { display: grid; grid-template-columns: 1.14fr .86fr; gap: 28px; align-items: stretch; }
.car-review-panel { padding: 30px; border-radius: 28px; border: 1px solid rgba(157,92,255,.24); background: linear-gradient(145deg, rgba(157,92,255,.11), rgba(255,255,255,.035)); box-shadow: var(--car-shadow); }
.car-review-panel h2 { margin: 0 0 12px; font-size: clamp(1.8rem, 3vw, 2.7rem); letter-spacing: -.04em; }
.car-review-panel p { color: var(--car-muted); font-size: 1.07rem; line-height: 1.8; }
.car-verdict { margin-top: 22px; padding: 20px; border-radius: 18px; background: rgba(8,7,17,.46); border: 1px solid rgba(255,255,255,.09); }
.car-verdict-label { color: #d3bfff; font-size: .73rem; text-transform: uppercase; letter-spacing: .12em; font-weight: 850; }
.car-verdict strong { display: block; margin-top: 6px; font-size: 1.08rem; line-height: 1.5; }
.car-checklist { display: grid; gap: 12px; margin: 24px 0 0; padding: 0; list-style: none; }
.car-checklist li { display: flex; gap: 10px; align-items: flex-start; color: #d7d0e2; }
.car-checklist .car-check { flex: 0 0 auto; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: rgba(98,230,173,.12); color: var(--car-success); margin-top: 2px; }
.car-facts { display: grid; gap: 12px; }
.car-fact-row { display: grid; grid-template-columns: .92fr 1.08fr; gap: 14px; align-items: start; padding: 15px 0; border-bottom: 1px solid var(--car-border); }
.car-fact-row:last-child { border-bottom: 0; }
.car-fact-row span { color: var(--car-muted-2); font-size: .86rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.car-fact-row strong { font-size: 1rem; line-height: 1.55; font-weight: 720; }
.car-updated { margin-top: 18px; color: var(--car-muted-2); font-size: .76rem; }

.car-toc { position: sticky; top: 104px; padding: 22px; }
.car-toc h3 { margin: 0 0 13px; font-size: .95rem; }
.car-toc ol { margin: 0; padding-left: 18px; color: var(--car-muted); }
.car-toc li { margin: 7px 0; }
.car-toc a:hover { color: #fff; }
.car-content-layout { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 38px; align-items: start; }
.car-prose { color: #d5cfdf; font-size: 1.06rem; line-height: 1.82; }
.car-prose h2 { scroll-margin-top: 110px; margin: 52px 0 14px; font-size: clamp(1.6rem, 2.8vw, 2.35rem); letter-spacing: -.04em; line-height: 1.15; color: #fff; }
.car-prose h2:first-child { margin-top: 0; }
.car-prose h3 { margin: 28px 0 10px; font-size: 1.2rem; color: #fff; }
.car-prose p { margin: 0 0 20px; font-size: 1.06rem; line-height: 1.82; }
.car-prose ul, .car-prose ol { padding-left: 22px; }
.car-prose li { margin: 10px 0; font-size: 1.03rem; line-height: 1.72; }
.car-prose a { color: #c9aeff; text-decoration: underline; text-underline-offset: 3px; }
.car-callout { margin: 24px 0; padding: 21px 22px; border-radius: 18px; border: 1px solid rgba(255,201,107,.2); background: rgba(255,201,107,.055); }
.car-callout strong { color: #ffe2a3; }

.car-character-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }
.car-character { overflow: hidden; padding: 0; border-radius: 24px; background: rgba(255,255,255,.04); border: 1px solid var(--car-border); transition: transform .2s ease, border-color .2s ease; }
.car-character:hover { transform: translateY(-5px); border-color: rgba(255,79,163,.3); }
.car-character-media { aspect-ratio: 4/5; overflow: hidden; position: relative; background: #171226; }
.car-character-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.car-character:hover img { transform: scale(1.035); }
.car-character-badge { position: absolute; top: 13px; left: 13px; padding: 6px 9px; border-radius: 999px; background: rgba(8,7,17,.67); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,.12); font-size: .68rem; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.car-character-body { padding: 18px; }
.car-character-body h3 { margin: 0 0 5px; font-size: 1.08rem; }
.car-character-body p { margin: 0; color: var(--car-muted); font-size: .83rem; }
.car-character-meta { margin-top: 12px; display: flex; justify-content: space-between; gap: 10px; color: var(--car-muted-2); font-size: .73rem; }

.car-bento { display: grid; grid-template-columns: repeat(12,1fr); gap: 20px; }
.car-bento-card { min-height: 230px; overflow: hidden; }
.car-bento-card:nth-child(1), .car-bento-card:nth-child(4) { grid-column: span 7; }
.car-bento-card:nth-child(2), .car-bento-card:nth-child(3) { grid-column: span 5; }
.car-bento-art { position: absolute; right: -38px; bottom: -52px; width: 210px; height: 210px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, rgba(255,255,255,.35), rgba(157,92,255,.26) 25%, rgba(255,79,163,.08) 58%, transparent 70%); filter: blur(.2px); }
.car-bento-card:nth-child(2) .car-bento-art { background: radial-gradient(circle at 35% 35%, rgba(255,255,255,.35), rgba(68,215,255,.24) 25%, rgba(157,92,255,.08) 58%, transparent 70%); }
.car-bento-card:nth-child(3) .car-bento-art { background: radial-gradient(circle at 35% 35%, rgba(255,255,255,.35), rgba(98,230,173,.20) 25%, rgba(68,215,255,.08) 58%, transparent 70%); }

.car-steps { counter-reset: car-step; display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
.car-step { counter-increment: car-step; position: relative; padding: 24px; border-radius: 22px; background: rgba(255,255,255,.035); border: 1px solid var(--car-border); }
.car-step::before { content: counter(car-step, decimal-leading-zero); display: block; margin-bottom: 34px; color: #cdb7ff; font-size: .83rem; font-weight: 900; letter-spacing: .1em; }
.car-step::after { content: ""; position: absolute; top: 36px; right: -12px; width: 24px; height: 1px; background: rgba(255,255,255,.16); }
.car-step:last-child::after { display: none; }
.car-step h3 { margin: 0 0 8px; font-size: 1.05rem; }
.car-step p { margin: 0; color: var(--car-muted); font-size: .98rem; line-height: 1.68; }

.car-pros-cons { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.car-list-panel { padding: 28px; border-radius: 24px; border: 1px solid var(--car-border); background: rgba(255,255,255,.035); }
.car-list-panel h3 { margin: 0 0 18px; font-size: 1.25rem; }
.car-list-panel ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 13px; }
.car-list-panel li { display: flex; gap: 10px; color: #d5cedf; font-size: 1rem; line-height: 1.62; }
.car-list-panel--pros { border-color: rgba(98,230,173,.18); }
.car-list-panel--cons { border-color: rgba(255,201,107,.18); }
.car-list-dot { flex: 0 0 auto; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: rgba(98,230,173,.1); color: var(--car-success); font-size: .72rem; margin-top: 2px; }
.car-list-panel--cons .car-list-dot { background: rgba(255,201,107,.1); color: var(--car-warning); }

.car-table-wrap { overflow-x: auto; border: 1px solid var(--car-border); border-radius: 22px; background: rgba(255,255,255,.025); }
.car-table { width: 100%; border-collapse: collapse; min-width: 720px; }
.car-table th, .car-table td { padding: 17px 18px; text-align: left; border-bottom: 1px solid var(--car-border); }
.car-table th { color: #e9e1f4; font-size: .77rem; text-transform: uppercase; letter-spacing: .08em; background: rgba(255,255,255,.035); }
.car-table td { color: var(--car-muted); font-size: .98rem; line-height: 1.6; }
.car-table tr:last-child td { border-bottom: 0; }
.car-status { display: inline-flex; padding: 5px 8px; border-radius: 999px; font-size: .7rem; font-weight: 850; }
.car-status--high { color: #a9f8d6; background: rgba(98,230,173,.1); }
.car-status--check { color: #ffe0a1; background: rgba(255,201,107,.1); }
.car-status--varies { color: #cdb9ff; background: rgba(157,92,255,.1); }

.car-faq { display: grid; gap: 12px; max-width: 900px; margin-inline: auto; }
.car-faq-item { border: 1px solid var(--car-border); border-radius: 17px; background: rgba(255,255,255,.032); overflow: hidden; }
.car-faq-question { width: 100%; min-height: 64px; padding: 16px 20px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border: 0; background: transparent; color: #fff; text-align: left; font-weight: 780; }
.car-faq-question::after { content: "+"; width: 30px; height: 30px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; background: rgba(157,92,255,.11); color: #d8c7ff; font-size: 1.2rem; transition: transform .2s ease; }
.car-faq-item.is-open .car-faq-question::after { transform: rotate(45deg); }
.car-faq-answer { display: none; padding: 0 20px 21px; color: var(--car-muted); font-size: 1.02rem; line-height: 1.75; }
.car-faq-item.is-open .car-faq-answer { display: block; }
.car-faq-answer p:last-child { margin-bottom: 0; }

.car-article-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.car-article-card { min-height: 238px; display: flex; flex-direction: column; }
.car-article-card .car-tag { align-self: flex-start; }
.car-tag { display: inline-flex; padding: 6px 9px; border-radius: 999px; background: rgba(157,92,255,.1); color: #d6c2ff; font-size: .68rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.car-article-card h3 { margin-top: 18px; font-size: 1.28rem; line-height: 1.35; }
.car-article-card p { margin-bottom: 22px; }
.car-text-link { margin-top: auto; display: inline-flex; align-items: center; gap: 7px; font-weight: 800; font-size: .96rem; color: #decfff; }

.car-cta { padding: 50px; border-radius: 32px; border: 1px solid rgba(157,92,255,.28); background:
  radial-gradient(circle at 85% 15%, rgba(255,79,163,.2), transparent 28%),
  radial-gradient(circle at 12% 90%, rgba(68,215,255,.13), transparent 32%),
  linear-gradient(135deg, rgba(157,92,255,.16), rgba(255,255,255,.035));
  text-align: center;
}
.car-cta h2 { margin: 0 0 12px; font-size: clamp(2rem,4vw,3.3rem); letter-spacing: -.05em; line-height: 1.04; }
.car-cta p { max-width: 720px; margin: 0 auto 24px; color: var(--car-muted); }

.car-site-footer { padding: 66px 0 28px; border-top: 1px solid rgba(255,255,255,.07); background: rgba(5,4,10,.48); }
.car-footer-grid { display: grid; grid-template-columns: 1.35fr .72fr .72fr .72fr; gap: 38px; }
.car-footer-about { max-width: 520px; color: var(--car-muted); font-size: 1rem; line-height: 1.72; }
.car-footer-title { margin: 0 0 15px; font-size: .92rem; letter-spacing: .08em; text-transform: uppercase; }
.car-footer-menu, .car-footer-links { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; color: var(--car-muted); font-size: .98rem; line-height: 1.55; }
.car-footer-bottom { margin-top: 44px; padding-top: 22px; border-top: 1px solid var(--car-border); display: flex; justify-content: space-between; gap: 20px; color: var(--car-muted-2); font-size: .75rem; }

.car-page-hero { padding: 84px 0 44px; }
.car-page-hero h1 { margin: 18px 0 12px; font-size: clamp(2.35rem,5vw,4.7rem); line-height: 1.02; letter-spacing: -.055em; max-width: 900px; }
.car-page-hero p { max-width: 860px; color: var(--car-muted); font-size: 1.15rem; line-height: 1.72; }
.car-breadcrumbs { display: flex; flex-wrap: wrap; gap: 7px; color: var(--car-muted-2); font-size: .78rem; }
.car-breadcrumbs span { opacity: .6; }
.car-entry { padding: 30px; }
.car-entry h1, .car-entry h2, .car-entry h3 { line-height: 1.18; letter-spacing: -.035em; }
.car-entry-meta { color: var(--car-muted-2); font-size: .9rem; }
.car-post-list { display: grid; gap: 20px; }
.car-pagination { margin-top: 32px; }
.car-pagination .nav-links { display: flex; gap: 8px; flex-wrap: wrap; }
.car-pagination a, .car-pagination span { padding: 8px 12px; border-radius: 10px; border: 1px solid var(--car-border); }

.car-search-form { display: flex; gap: 8px; }
.car-search-form input[type="search"] { width: 100%; min-height: 48px; padding: 0 14px; border-radius: 12px; border: 1px solid var(--car-border); background: rgba(255,255,255,.05); color: #fff; }
.car-search-form button { min-height: 48px; padding: 0 16px; border-radius: 12px; border: 0; color: #fff; background: linear-gradient(135deg,var(--car-primary),var(--car-secondary)); font-weight: 800; }

.car-age-note { display: flex; gap: 12px; align-items: flex-start; padding: 18px; border-radius: 16px; border: 1px solid rgba(255,122,146,.18); background: rgba(255,122,146,.05); color: #ded6e5; font-size: .98rem; line-height: 1.62; }
.car-age-badge { flex: 0 0 auto; width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,122,146,.12); color: #ffacc0; font-weight: 900; }


.car-guide-meta { margin-top: 22px; display: flex; flex-wrap: wrap; gap: 10px; }
.car-guide-meta span { display: inline-flex; align-items: center; min-height: 34px; padding: 0 11px; border-radius: 999px; border: 1px solid var(--car-border); background: rgba(255,255,255,.035); color: var(--car-muted); font-size: .86rem; font-weight: 700; }
.car-key-takeaways { margin: 0 0 34px; padding: 24px; border-radius: 20px; border: 1px solid rgba(157,92,255,.24); background: linear-gradient(145deg, rgba(157,92,255,.11), rgba(255,255,255,.03)); }
.car-key-takeaways h2 { margin: 0 0 14px!important; font-size: 1.5rem!important; }
.car-key-takeaways ul { margin: 0; padding-left: 22px; }
.car-key-takeaways li { margin: 9px 0; }
.car-topic-faq { margin-top: 54px; }
.car-topic-faq > h2 { margin-bottom: 22px; }
.car-source-note { margin-top: 28px; padding: 18px 20px; border-left: 3px solid var(--car-tertiary); background: rgba(68,215,255,.05); color: var(--car-muted); border-radius: 0 14px 14px 0; font-size: .98rem; }
.car-footer-links a:hover, .car-footer-menu a:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }

@media (max-width: 1050px) {
  .car-hero-grid { gap: 30px; }
  .car-character-grid { grid-template-columns: repeat(2,1fr); }
  .car-grid--4 { grid-template-columns: repeat(2,1fr); }
  .car-steps { grid-template-columns: repeat(2,1fr); }
  .car-step:nth-child(2)::after { display: none; }
  .car-content-layout { grid-template-columns: 1fr; }
  .car-toc { position: static; order: -1; }
}

@media (max-width: 860px) {
  .car-menu-toggle { display: block; }
  .car-nav-wrap { position: absolute; left: 20px; right: 20px; top: 84px; display: none; padding: 18px; border: 1px solid var(--car-border); border-radius: 18px; background: rgba(13,10,23,.97); box-shadow: var(--car-shadow); }
  .car-nav-wrap.is-open { display: block; }
  .car-primary-menu { display: grid; gap: 4px; }
  .car-primary-menu a { padding: 12px; }
  .car-primary-menu .sub-menu { position: static; display: grid; min-width: 0; margin: 2px 0 6px 14px; padding: 4px 0 4px 10px; border: 0; border-left: 1px solid var(--car-border); border-radius: 0; background: transparent; box-shadow: none; }
  .car-primary-menu .sub-menu a { padding: 8px 10px; font-size: .9rem; }
  .car-header-cta { margin-top: 12px; width: 100%; justify-content: center; }
  .car-hero { padding-top: 66px; }
  .car-hero-grid { grid-template-columns: 1fr; }
  .car-hero-copy { text-align: center; }
  .car-hero-lead { margin-inline: auto; }
  .car-keyword-row, .car-hero-actions { justify-content: center; }
  .car-hero-footnote { justify-content: center; margin-inline: auto; }
  .car-hero-visual { min-height: 500px; }
  .car-summary-layout { grid-template-columns: 1fr; }
  .car-trust-grid { grid-template-columns: repeat(2,1fr); }
  .car-trust-item:nth-child(2) { border-right: 0; }
  .car-trust-item:nth-child(-n+2) { border-bottom: 1px solid var(--car-border); }
  .car-bento-card:nth-child(n) { grid-column: span 12; }
  .car-article-grid { grid-template-columns: 1fr 1fr; }
  .car-footer-grid { grid-template-columns: 1fr 1fr; }
  .car-footer-grid > :first-child { grid-column: 1/-1; }
}

@media (max-width: 620px) {
  .car-container { width: min(100% - 28px, var(--car-max)); }
  .car-section { padding: 68px 0; }
  .car-hero h1 { font-size: clamp(2.55rem, 15vw, 4rem); }
  .car-hero-visual { min-height: 420px; }
  .car-profile-card { width: 94%; }
  .car-floating-stat--one { left: -4px; top: 12%; }
  .car-floating-stat--two { right: -4px; bottom: 8%; }
  .car-trust-grid, .car-grid--2, .car-grid--3, .car-grid--4, .car-character-grid, .car-steps, .car-pros-cons, .car-article-grid { grid-template-columns: 1fr; }
  .car-trust-item { border-right: 0; border-bottom: 1px solid var(--car-border)!important; }
  .car-trust-item:last-child { border-bottom: 0!important; }
  .car-step::after { display: none; }
  .car-footer-grid { grid-template-columns: 1fr; }
  .car-footer-grid > :first-child { grid-column: auto; }
  .car-footer-bottom { display: grid; }
  .car-cta { padding: 34px 22px; }
  .car-review-panel, .car-card, .car-entry { padding: 22px; }
  .car-fact-row { grid-template-columns: 1fr; gap: 5px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms!important; animation-iteration-count: 1!important; transition-duration: .01ms!important; }
}

/* Expanded informational pages */
.car-prose .car-lead { font-size: clamp(1.18rem, 1.8vw, 1.36rem); line-height: 1.75; color: #eee9f8; margin-bottom: 32px; }
.car-prose code { padding: .15em .42em; border: 1px solid rgba(255,255,255,.12); border-radius: 7px; background: rgba(255,255,255,.06); color: #f3eaff; font-size: .9em; }
.car-prose strong { color: #fff; }