/* VOLT POP · cobalt, comic dots and objects out in the open. */
html[data-pilot="volt"] { --ink: #12214a; --muted: #485878; --green: #1649e8; --green-hover: #1039b7; --green-soft: #e5ecff; --surface: #eaf0ff; --line: #c7d2eb; --white: #ffffff; --paper: #f6f8ff; --accent: #ffe94d; --accent-two: #97f2dc; --display-font: 'SV Space Grotesk'; }
html[data-pilot="volt"] body { background: var(--paper); }
html[data-pilot="volt"] body::before { content: ''; position: fixed; z-index: -1; inset: 0; pointer-events: none; background: radial-gradient(ellipse at 94% 10%, #bcd4ff88, transparent 36%), radial-gradient(ellipse at 0 64%, #97f2dc44, transparent 30%); }
html[data-pilot="volt"] .site-header { border-bottom: 2px solid var(--ink); }
html[data-pilot="volt"] .mega-nav-list { justify-content: flex-start; }
html[data-pilot="volt"] .brand { border-radius: 4px; }
html[data-pilot="volt"] :is(.mega-toggle,.mega-direct a) { border-radius: 6px; }
html[data-pilot="volt"] .hero.hero-compact.discovery-hero { column-gap: 38px; }
html[data-pilot="volt"] .discovery-hero h1 { color: var(--green); font-weight: 700; letter-spacing: -.07em; }
html[data-pilot="volt"] .discovery-hero h1 span { display: inline; position: relative; color: var(--ink); background: linear-gradient(transparent 65%, var(--accent) 65%, var(--accent) 96%, transparent 96%); }
html[data-pilot="volt"] .discovery-hero .hero-copy > p.eyebrow { display: inline-block; background: var(--ink); color: #ffffff; padding: 4px 12px; transform: rotate(-3deg); letter-spacing: .13em; }
html[data-pilot="volt"] .volt-orbit { border: 3px solid var(--ink); background: radial-gradient(#12214a25 1px, transparent 1.5px) 0 0 / 8px 8px, var(--accent); border-radius: 48% 52% 45% 55%; box-shadow: 10px 12px 0 #1649e81a; }
html[data-pilot="volt"] .volt-stage::before { content: ''; position: absolute; width: 45%; height: 42%; left: 0; top: -2%; background: radial-gradient(var(--green) 1.5px,transparent 2px) 0 0 / 10px 10px; opacity: .42; z-index: -1; transform: rotate(-12deg); }
html[data-pilot="volt"] .volt-stage::after { content: ''; position: absolute; left: 10%; bottom: 5%; width: 45px; height: 45px; background: var(--green); clip-path: polygon(50% 0,62% 37%,100% 50%,63% 63%,50% 100%,37% 62%,0 50%,38% 38%); }
html[data-pilot="volt"] .volt-spark { background: var(--accent-two); filter: drop-shadow(3px 3px 0 #12214a); }
html[data-pilot="volt"] .home-shortcuts button { border: 2px solid var(--ink); border-radius: 6px; color: var(--ink); box-shadow: 3px 3px 0 #12214a; background: #ffffffc9; }
html[data-pilot="volt"] .section-heading h2 { color: var(--green); letter-spacing: -.055em; }
html[data-pilot="volt"] .section-heading { border-top: 2px solid var(--ink); padding-top: 18px; }
html[data-pilot="volt"] .home-story-grid .section-heading { border-top: 0; }
html[data-pilot="volt"] .top-card img { filter: drop-shadow(0 18px 10px #1649e821); }
html[data-pilot="volt"] .top-card strong { font-size: 1.55rem; }
html[data-pilot="volt"] .product-card { position: relative; }
html[data-pilot="volt"] :is(.product-image,.review-card-image) { background: radial-gradient(ellipse at 50% 58%, #dfe8ff85, transparent 66%); }
html[data-pilot="volt"] .deal-image { background: radial-gradient(ellipse at 50% 56%, #ffe94d77, transparent 67%); }
html[data-pilot="volt"] .deal-total strong { font-size: 2.8rem; color: var(--green); letter-spacing: -.06em; }
html[data-pilot="volt"] .deal-badge { box-shadow: 3px 3px 0 var(--ink); }
html[data-pilot="volt"] .btn-primary { color: #ffffff; background: #1649e8; border: 2px solid #1649e8; box-shadow: 3px 3px 0 var(--ink); border-radius: 8px; }
html[data-pilot="volt"] .btn-secondary { background: #ffffffb8; border-radius: 8px; color: var(--green); }
html[data-pilot="volt"] .btn-quiet { border-radius: 8px; }
html[data-pilot="volt"] .thread-card .thread-type { border-radius: 4px; }
html[data-pilot="volt"] .thread-title { letter-spacing: -.035em; font-size: 1.5rem; }
html[data-pilot="volt"] .thread-card { padding-left: 18px; }
html[data-pilot="volt"] .thread-card::before { content: ''; position: absolute; top: 34px; left: 0; width: 5px; height: 35px; background: var(--green); }
html[data-pilot="volt"] .community-invitation { background: radial-gradient(#12214a16 1px,transparent 1.5px) right top / 9px 9px, var(--accent); border: 2px solid var(--ink); box-shadow: 6px 6px 0 var(--ink); }
html[data-pilot="volt"] .community-invitation h2 { max-width: 24ch; font-size: clamp(1.9rem,3.4vw,3.6rem); }
html[data-pilot="volt"] .site-footer { background: #1649e8; border-top: 4px solid var(--ink); }
html[data-pilot="volt"] .footer-invitation { border-radius: 0; border-width: 2px; }
html[data-pilot="volt"] .compare-table-wrap { border-radius: 10px; box-shadow: none; }
html[data-pilot="volt"] .comparison-summary { border-radius: 0; border-left: 5px solid var(--green); }
html[data-pilot="volt"] .mobile-nav a[aria-current] { border-radius: 8px; }
html[data-pilot="volt"] :focus-visible { outline: 3px solid #1649e8; outline-offset: 5px; }
html[data-pilot="volt"] .site-footer :focus-visible { outline-color: #ffe94d; }
@media (hover:hover) and (pointer:fine) {
  html[data-pilot="volt"] .home-shortcuts button:hover { background: var(--accent); color: var(--ink); translate: -1px -1px; }
  html[data-pilot="volt"] .btn-primary:hover { background: #1039b7; border-color: #1039b7; translate: -1px -1px; }
  html[data-pilot="volt"] .top-card:hover strong { color: var(--green); }
}
@media (max-width:767px) {
  html[data-pilot="volt"] .hero.hero-compact.discovery-hero { column-gap: 0; }
  html[data-pilot="volt"] .discovery-hero h1 { max-width: 11ch; }
  html[data-pilot="volt"] .volt-stage { height: 200px; width: 94%; margin-block: 4px 6px; }
  html[data-pilot="volt"] .volt-stage::before { background-size: 8px 8px; top: 0; }
  html[data-pilot="volt"] .volt-orbit { border-width: 2px; box-shadow: 6px 7px 0 #1649e81a; }
  html[data-pilot="volt"] .top-card strong { font-size: 1.2rem; }
  html[data-pilot="volt"] .section-heading { padding-top: 14px; }
  html[data-pilot="volt"] .community-invitation { padding: 24px 20px; box-shadow: 4px 4px 0 var(--ink); }
  html[data-pilot="volt"] .thread-card { padding-left: 14px; }
  html[data-pilot="volt"] .thread-title { font-size: 1.22rem; }
}
@media (max-width:359px) { html[data-pilot="volt"] .volt-stage { height: 180px; } }
@media (prefers-reduced-motion:reduce) {
  html[data-pilot="volt"] *,html[data-pilot="volt"] *::before,html[data-pilot="volt"] *::after { animation: none !important; transition: none !important; }
  html[data-pilot="volt"] :is(.btn-primary,.home-shortcuts button):hover { translate: none; }
}