@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=Space+Mono:wght@400;700&display=swap');

:root {
  --studio-black: #050505;
  --studio-panel: #0b0b0b;
  --studio-white: #c8c8c6;
  --studio-bright: #f0f0ec;
  --studio-muted: #747472;
  --studio-line: #292927;
  --studio-accent: #cfff41;
  --studio-acid: #9eea2f;
  --studio-sans: 'DM Sans', Arial, sans-serif;
  --studio-mono: 'Space Mono', monospace;
}

html { background: var(--studio-black); scrollbar-color: var(--studio-accent) var(--studio-black); overflow-x: hidden; }
body {
  background:
    linear-gradient(90deg, rgba(207,255,65,.035) 1px, transparent 1px) 0 0 / 72px 72px,
    linear-gradient(180deg, rgba(207,255,65,.025) 1px, transparent 1px) 0 0 / 72px 72px,
    var(--studio-black) !important;
  color: var(--studio-white) !important;
  font-family: var(--studio-sans) !important;
  overflow-x: hidden;
}
body::before { display: none !important; }
body::after {
  content: ''; position: fixed; inset: 0; z-index: 1; pointer-events: none;
  background:
    linear-gradient(transparent 0 49%, rgba(207,255,65,.045) 50%, transparent 51%) 0 0 / 100% 8px,
    radial-gradient(circle at var(--studio-cursor-x, 50%) var(--studio-cursor-y, 50%), rgba(207,255,65,.08), transparent 26vw);
  mix-blend-mode: screen; opacity: .55;
}
body > * { position: relative; z-index: 2; }
::selection { background: var(--studio-accent); color: var(--studio-black); }
.sr-only {
  position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important;
  margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important;
}

.studio-progress {
  position: fixed; z-index: 5000; top: 0; right: 4px; width: 5px; height: 100vh;
  background: var(--studio-accent); transform: scaleY(0); transform-origin: top; pointer-events: none;
}
.studio-cursor {
  position: fixed; z-index: 6000; top: -20px; left: -20px; width: 40px; height: 40px;
  pointer-events: none;
  transition:
    width .28s cubic-bezier(.16, 1, .3, 1),
    height .28s cubic-bezier(.16, 1, .3, 1),
    top .28s cubic-bezier(.16, 1, .3, 1),
    left .28s cubic-bezier(.16, 1, .3, 1),
    filter .28s ease;
  mix-blend-mode: difference;
  filter: drop-shadow(0 0 8px rgba(207,255,65,.28));
}
.studio-cursor span { position: absolute; width: 11px; height: 11px; border-color: var(--studio-bright); border-style: solid; transition: all .28s cubic-bezier(.16, 1, .3, 1); }
.studio-cursor span:nth-child(1) { top: 0; left: 0; border-width: 1px 0 0 1px; }
.studio-cursor span:nth-child(2) { top: 0; right: 0; border-width: 1px 1px 0 0; }
.studio-cursor span:nth-child(3) { right: 0; bottom: 0; border-width: 0 1px 1px 0; }
.studio-cursor span:nth-child(4) { bottom: 0; left: 0; border-width: 0 0 1px 1px; }
.studio-cursor::after {
  content: ''; position: absolute; top: 50%; left: 50%; width: 4px; height: 4px;
  background: var(--studio-accent); border-radius: 50%; transform: translate(-50%,-50%);
  box-shadow: 0 0 14px rgba(207,255,65,.9);
}
.studio-cursor i,
.studio-cursor b {
  position: absolute; display: block; background: var(--studio-accent); opacity: .9;
  transform: translate(-50%,-50%);
}
.studio-cursor i { top: 50%; left: 50%; width: 74px; height: 1px; background: linear-gradient(90deg, transparent, var(--studio-accent), transparent); }
.studio-cursor b { top: 50%; left: 50%; width: 1px; height: 74px; background: linear-gradient(180deg, transparent, var(--studio-accent), transparent); }
.studio-cursor em,
.studio-cursor strong {
  position: absolute; inset: 7px; display: block; border: 1px solid rgba(207,255,65,.32);
  border-radius: 50%; opacity: .7; transform: rotate(0deg); transition: all .28s cubic-bezier(.16, 1, .3, 1);
}
.studio-cursor em {
  border-color: rgba(240,240,236,.28);
  clip-path: polygon(0 0, 100% 0, 100% 42%, 0 42%);
  animation: cursor-scan-ring 4s linear infinite;
}
.studio-cursor strong {
  inset: 14px; border-color: rgba(207,255,65,.5); opacity: .35;
}
.studio-cursor.is-active {
  top: -28px; left: -28px; width: 56px; height: 56px;
  filter: drop-shadow(0 0 16px rgba(207,255,65,.42));
}
.studio-cursor.is-active span { width: 17px; height: 17px; border-color: var(--studio-accent); }
.studio-cursor.is-active em { inset: 4px; opacity: .95; border-color: rgba(207,255,65,.62); }
.studio-cursor.is-active strong { inset: 18px; opacity: .75; border-color: var(--studio-accent); }
@keyframes cursor-scan-ring {
  to { transform: rotate(360deg); }
}

.header {
  position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important;
  width: 100% !important; margin: 0 !important; padding: 0 !important;
  border: 0 !important; border-radius: 0 !important; background: linear-gradient(180deg, rgba(5,5,5,.96), rgba(5,5,5,0)) !important;
  box-shadow: none !important; backdrop-filter: none !important;
}
.header-inner { max-width: none !important; padding: 20px 30px !important; }
.logo, .nav-links a, .header .btn { color: var(--studio-bright) !important; font-size: .72rem !important; text-transform: uppercase; letter-spacing: .04em; }
.logo-icon { width: 34px !important; height: 22px !important; border-radius: 0 !important; background: var(--studio-bright) !important; color: var(--studio-black) !important; box-shadow: none !important; }
.nav-links { gap: 25px !important; }
.nav-links a::after { background: var(--studio-accent) !important; }
.header .btn {
  padding: 11px 19px !important; border: 1px solid var(--studio-accent) !important; border-radius: 0 !important;
  background: linear-gradient(135deg, var(--studio-accent) 0 7px, transparent 7px) !important; color: var(--studio-bright) !important;
  clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
}
.header .btn:hover { background: var(--studio-accent) !important; color: var(--studio-black) !important; }

.hero {
  min-height: 100svh !important; padding: 130px 30px 40px !important; border-radius: 0 !important;
  background: var(--studio-black) !important; color: var(--studio-bright) !important; overflow: hidden;
}
.hero::before {
  content: ''; display: block !important; position: absolute; inset: 82px 28px auto auto; width: min(36vw, 520px); height: 42vh;
  border: 1px solid rgba(207,255,65,.22); clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 24px 100%, 0 calc(100% - 24px));
  border-radius: 0 !important;
  background:
    linear-gradient(90deg, rgba(207,255,65,.18) 1px, transparent 1px) 0 0 / 24px 24px,
    linear-gradient(180deg, rgba(207,255,65,.12) 1px, transparent 1px) 0 0 / 24px 24px;
  opacity: .5; transform: translate3d(calc(var(--studio-pointer-x, 0) * -1), calc(var(--studio-pointer-y, 0) * -1), 0);
}
.hero::after {
  content: ''; display: block !important; position: absolute; left: 30px; right: 30px; bottom: 28px; height: 1px;
  background: linear-gradient(90deg, transparent, var(--studio-accent), transparent);
  transform: scaleX(.72); transform-origin: left;
}
.hero-inner { max-width: none !important; text-align: left !important; }
.hero-badge {
  margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important;
  color: var(--studio-muted) !important; font-family: var(--studio-mono) !important; font-size: .65rem !important;
  letter-spacing: .08em !important; text-transform: uppercase;
}
.hero h1 {
  max-width: none !important; margin: 8vh 0 0 !important; color: var(--studio-white) !important;
  font-family: var(--studio-sans) !important; font-size: clamp(4.2rem, 6.8vw, 7.5rem) !important;
  font-weight: 400 !important; line-height: .82 !important; letter-spacing: -.055em !important; text-transform: uppercase;
  transform: translate3d(var(--studio-pointer-x, 0), var(--studio-pointer-y, 0), 0);
  transition: transform .8s cubic-bezier(.2,.8,.2,1);
  text-shadow: 0 0 28px rgba(207,255,65,.08); position: relative;
}
.hero h1::before {
  content: ''; position: absolute; inset: -2vh 0 auto 0; height: 1px;
  background: linear-gradient(90deg, var(--studio-accent), transparent 58%);
}
.hero h1 span, .hero-line, .hero-line-accent {
  display: block !important; max-width: none !important; margin: 0 !important; color: var(--studio-white) !important;
  font-style: normal !important; background: none !important; -webkit-text-fill-color: currentColor !important;
}
.hero h1 .hero-kinetic-word {
  display: inline-block !important;
  margin-right: .08em;
  color: inherit !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  transform:
    translate3d(
      calc((var(--word-index, 0) - 1.5) * .08em),
      calc(.34em + (var(--line-index, 0) * .04em)),
      0
    )
    rotate(calc((var(--word-index, 0) - 1.5) * -1.25deg))
    scale(.96);
  opacity: .18;
  filter: blur(7px);
  animation: hero-word-pop .95s cubic-bezier(.16, 1, .3, 1) forwards;
  animation-delay: calc(.16s + (var(--line-index, 0) * 140ms) + (var(--word-index, 0) * 82ms));
  transform-origin: 50% 80%;
  will-change: transform, filter, opacity;
}
.hero h1:hover .hero-kinetic-word {
  transform: translate3d(0, -.08em, 0) rotate(calc((var(--word-index, 0) - 1.5) * .45deg)) skewX(-1.4deg);
  transition: transform .45s cubic-bezier(.16, 1, .3, 1), filter .45s ease;
  filter: blur(0);
}
.hero:not(.ambient-plane) h1 {
  max-width: 1180px !important;
  margin-top: clamp(56px, 10vh, 104px) !important;
  font-size: clamp(3.2rem, 5.45vw, 5.95rem) !important;
  line-height: .9 !important;
  letter-spacing: -.052em !important;
  transform: none !important;
}
.hero:not(.ambient-plane) h1::before {
  inset: -28px 0 auto 0;
}
@keyframes hero-word-pop {
  0% {
    opacity: .16;
    filter: blur(9px);
    transform:
      translate3d(
        calc((var(--word-index, 0) - 1.5) * .1em),
        .46em,
        0
      )
      rotate(calc((var(--word-index, 0) - 1.5) * -1.8deg))
      scale(.94);
  }
  62% {
    opacity: 1;
    filter: blur(0);
    transform:
      translate3d(0, -.075em, 0)
      rotate(calc((var(--word-index, 0) - 1.5) * .28deg))
      scale(1.012);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
  }
}
.hero h1 > span:last-child, .hero-line-accent { margin-left: clamp(0rem, 6vw, 7rem) !important; }
.hero-sub, .empower-note {
  max-width: 630px !important; margin: 8vh 0 0 30vw !important; color: var(--studio-white) !important;
  font-size: clamp(1.25rem, 2.1vw, 2rem) !important; line-height: 1.05 !important; text-transform: uppercase;
}
.hero-context, .empower-note {
  max-width: 510px !important; margin-top: 20px !important; color: var(--studio-muted) !important; font-size: .8rem !important;
  font-family: var(--studio-mono) !important; line-height: 1.6 !important; text-transform: none;
}
.hero-ctas { margin: 35px 0 0 30vw !important; justify-content: flex-start !important; }
.btn {
  border-radius: 0 !important; border: 1px solid var(--studio-line) !important; background: transparent !important;
  color: var(--studio-bright) !important; box-shadow: none !important; font-family: var(--studio-mono) !important;
  font-size: .68rem !important; letter-spacing: .04em; text-transform: uppercase;
  clip-path: polygon(7px 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%, 0 7px);
}
.btn:hover, .btn-primary:hover { border-color: var(--studio-accent) !important; background: var(--studio-accent) !important; color: var(--studio-black) !important; }
.btn-primary { border-color: var(--studio-accent) !important; background: transparent !important; }
.hero-summary-grid {
  margin-top: 8vh !important; border-color: var(--studio-line) !important; background: transparent !important;
  counter-reset: hero-metric;
}
.hero-summary-card {
  min-height: 190px; border-color: var(--studio-line) !important; background: transparent !important;
  counter-increment: hero-metric; position: relative; overflow: hidden;
}
.hero-summary-card::before {
  content: 'SIGNAL 0' counter(hero-metric); position: absolute; top: 16px; right: 18px;
  color: rgba(207,255,65,.75); font-family: var(--studio-mono); font-size: .58rem; letter-spacing: .08em;
}
.hero-summary-card::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 36%;
  background: repeating-linear-gradient(90deg, rgba(207,255,65,.18) 0 2px, transparent 2px 16px);
  opacity: .16; transform: skewX(-16deg);
}
.hero-summary-card > * { position: relative; z-index: 1; }
.hero-summary-label, .section-label, .pricing-tier, .article-meta { color: var(--studio-accent) !important; font-family: var(--studio-mono) !important; }
.hero-summary-card h3 { color: var(--studio-white) !important; font-family: var(--studio-sans) !important; font-size: 2rem !important; font-weight: 400 !important; text-transform: uppercase; }
.hero-summary-card p { color: var(--studio-muted) !important; font-family: var(--studio-mono); font-size: .68rem !important; }

.studio-marquee {
  overflow: hidden; border-top: 1px solid var(--studio-line); border-bottom: 1px solid var(--studio-line);
  background: linear-gradient(90deg, rgba(207,255,65,.12), transparent 22%, rgba(207,255,65,.08)); color: var(--studio-accent);
}
.studio-marquee-track {
  display: flex; width: max-content; padding: 9px 0; animation: studio-marquee 30s linear infinite;
  font-family: var(--studio-mono); font-size: .63rem; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap;
}
.studio-marquee-track span { padding-right: 5rem; }
@keyframes studio-marquee { to { transform: translateX(-50%); } }

section:not(.hero) { padding: 100px 30px !important; background: var(--studio-black) !important; border-color: var(--studio-line) !important; color: var(--studio-white) !important; }
#features::after { display: none !important; }
.section-inner { max-width: none !important; }
.section-label { font-size: .62rem !important; letter-spacing: .08em !important; }
.section-label::before { background: var(--studio-accent) !important; }
.section-title, .cta-card h2 {
  max-width: 1200px !important; color: var(--studio-white) !important; font-family: var(--studio-sans) !important;
  font-size: clamp(3.8rem, 7vw, 7.8rem) !important; font-weight: 400 !important; line-height: .9 !important;
  letter-spacing: -.044em !important; text-transform: uppercase;
  position: relative;
}
.kinetic-word {
  display: inline-block;
  margin-right: .075em;
  transform: translate3d(0, .22em, 0) rotate(.8deg);
  opacity: .58;
  transition:
    transform .9s cubic-bezier(.16, 1, .3, 1),
    opacity .9s ease,
    filter .9s ease;
  transition-delay: calc(var(--word-index, 0) * 38ms);
  will-change: transform;
}
.pricing-name .kinetic-word { margin-right: .04em; }
.kinetic-word:last-child { margin-right: 0; }
.is-kinetic-visible .kinetic-word {
  opacity: 1;
  transform: translate3d(0, 0, 0) rotate(0deg);
}
.section-title:hover .kinetic-word,
.cta-card h2:hover .kinetic-word {
  transform: translate3d(calc((var(--word-index, 0) - 3) * .012em), -.06em, 0) skewX(-1.5deg);
}
.pricing-name .kinetic-word {
  transition-duration: .55s;
  transition-delay: calc(var(--word-index, 0) * 24ms);
}
.pricing-card:hover .pricing-name .kinetic-word,
.pricing-card.is-explorer-active .pricing-name .kinetic-word {
  transform: translate3d(0, -.08em, 0) skewX(-2deg);
  filter: brightness(1.12);
}
[data-studio-heading]::after {
  display: none;
}
.section-subtitle, .pricing-intro, .panel-copy, .small-note {
  max-width: 620px !important; margin-top: clamp(1.75rem, 3vw, 3rem) !important;
  color: var(--studio-muted) !important; font-family: var(--studio-mono) !important; font-size: .75rem !important;
}

.proof, .proof-strip { padding: 0 30px !important; border-top: 1px solid var(--studio-line) !important; border-bottom: 1px solid var(--studio-line) !important; }
.proof-grid { border-left: 1px solid var(--studio-line); }
.proof-item { padding: 32px !important; border-color: var(--studio-line) !important; background: transparent !important; }
.proof-icon { border: 1px solid var(--studio-accent) !important; border-radius: 50% !important; background: transparent !important; color: var(--studio-accent) !important; }
.proof-text h3 { color: var(--studio-white) !important; font-family: var(--studio-sans) !important; font-size: 1.6rem !important; font-weight: 400 !important; text-transform: uppercase; }
.proof-text p { color: var(--studio-muted) !important; font-family: var(--studio-mono); font-size: .66rem !important; }

.features-grid, .steps-grid, .trust-grid, .support-grid {
  gap: 0 !important; border-top: 1px solid var(--studio-line) !important; border-left: 1px solid var(--studio-line) !important;
  counter-reset: studio-card;
}
.feature-card, .step, .trust-item, .support-card, .support-card.featured {
  min-height: 390px !important; padding: 30px !important; border: 0 !important; border-right: 1px solid var(--studio-line) !important;
  border-bottom: 1px solid var(--studio-line) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
  color: var(--studio-white) !important; transform: none !important; counter-increment: studio-card; position: relative; overflow: hidden;
}
.feature-card::before, .step::before, .trust-item::before, .support-card::before {
  content: 'AVS / 0' counter(studio-card); position: absolute; top: 24px; right: 24px;
  color: rgba(207,255,65,.5); font-family: var(--studio-mono); font-size: .58rem; letter-spacing: .08em;
}
.feature-card::after, .step::after, .trust-item::after, .support-card::after {
  content: ''; position: absolute; inset: auto 0 0 0; height: 24%;
  background:
    linear-gradient(135deg, transparent 0 48%, rgba(207,255,65,.08) 48% 50%, transparent 50%),
    repeating-linear-gradient(90deg, rgba(207,255,65,.045) 0 1px, transparent 1px 15px);
  opacity: .28;
}
.feature-card > *, .step > *, .trust-item > *, .support-card > * { position: relative; z-index: 1; }
.studio-card-art {
  position: relative;
  height: clamp(220px, 20vw, 300px);
  margin: -10px -10px 28px;
  border: 1px solid rgba(207,255,65,.16);
  overflow: hidden;
  background: var(--studio-black);
}
.studio-card-art::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    linear-gradient(180deg, rgba(5,5,5,.2) 0%, transparent 34%, rgba(5,5,5,.52) 100%),
    radial-gradient(circle at 50% 50%, transparent 34%, rgba(5,5,5,.38) 100%);
  pointer-events: none;
}
.studio-card-art img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  filter: grayscale(.04) contrast(1.08) brightness(.86) saturate(.96);
  transform: scale(.985);
  transition: transform .8s cubic-bezier(.16, 1, .3, 1), filter .8s ease;
}
.offer-stack-grid .feature-icon { display: none !important; }
.offer-stack-grid .feature-card h3 { margin-top: 24px !important; }
.offer-stack-grid .feature-card:hover {
  background: #070707 !important;
  color: var(--studio-white) !important;
}
.offer-stack-grid .feature-card:hover p { color: var(--studio-muted) !important; }
.feature-card:hover, .step:hover, .trust-item:hover, .support-card:hover {
  background: var(--studio-accent) !important; color: var(--studio-black) !important; box-shadow: none !important;
}
.feature-icon { border: 1px solid var(--studio-line) !important; border-radius: 50% !important; background: transparent !important; color: var(--studio-accent) !important; }
.feature-card h3, .step h3, .trust-item h3, .support-card h2 {
  margin-top: 120px !important; color: inherit !important; font-family: var(--studio-sans) !important; font-size: clamp(2rem, 3vw, 3.6rem) !important;
  font-weight: 400 !important; line-height: .9 !important; letter-spacing: -.05em; text-transform: uppercase;
}
.feature-card p, .step p, .trust-item p, .support-card p { color: var(--studio-muted) !important; font-family: var(--studio-mono); font-size: .68rem !important; }
.feature-card:hover p, .step:hover p, .trust-item:hover p, .support-card:hover p { color: #4b4b48 !important; }
.step-number { color: var(--studio-accent) !important; font-family: var(--studio-mono) !important; font-size: 1rem !important; }

.pricing { background: var(--studio-black) !important; }
.pricing-explorer {
  border: 1px solid var(--studio-line) !important; border-radius: 0 !important; background: var(--studio-panel) !important;
}
.pricing-explorer-name { color: var(--studio-white) !important; font-family: var(--studio-sans) !important; font-weight: 400; text-transform: uppercase; }
.pricing-explorer-sentence {
  grid-column: 1;
  color: var(--studio-muted);
  font-family: var(--studio-sans);
  font-size: clamp(2.2rem, 5vw, 4.8rem);
  font-weight: 400;
  line-height: .95;
  letter-spacing: -.055em;
  text-transform: uppercase;
}
.pricing-explorer-sentence strong { color: var(--studio-white); font-weight: 400; }
.pricing-explorer-kicker, .pricing-explorer-labels button.is-active { color: var(--studio-accent) !important; }
.pricing-explorer-control input::-webkit-slider-thumb { background: var(--studio-accent) !important; box-shadow: 0 0 0 1px var(--studio-accent) !important; }
.pricing-explorer-track { background: linear-gradient(90deg, var(--studio-accent) 0 var(--pricing-progress), var(--studio-line) var(--pricing-progress) 100%) !important; }
.pricing-grid { gap: 0 !important; border-top: 1px solid var(--studio-line); border-left: 1px solid var(--studio-line); }
.pricing-grid { counter-reset: pricing-card; }
.pricing-card, .pricing-card:nth-child(3), .pricing-card:nth-child(4), .pricing-card.featured {
  padding: 32px !important; border: 0 !important; border-right: 1px solid var(--studio-line) !important; border-bottom: 1px solid var(--studio-line) !important;
  border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--studio-white) !important; transform: none !important;
  counter-increment: pricing-card; position: relative; overflow: hidden;
}
.pricing-card::before {
  content: 'OFFER NODE / 0' counter(pricing-card); position: absolute; top: 22px; right: 24px;
  color: rgba(207,255,65,.75); font-family: var(--studio-mono); font-size: .58rem; letter-spacing: .08em;
}
.pricing-card > * { position: relative; z-index: 1; }
.pricing-card.is-explorer-active { background: var(--studio-accent) !important; color: var(--studio-black) !important; box-shadow: none !important; }
.pricing-card.is-explorer-muted { opacity: .58 !important; }
.pricing-name, .pricing-price { color: inherit !important; font-family: var(--studio-sans) !important; font-weight: 400 !important; text-transform: uppercase; }
.pricing-desc, .pricing-one-time, .pricing-features li, .pricing-best-for { color: var(--studio-muted) !important; font-family: var(--studio-mono); font-size: .67rem !important; }
.pricing-card.is-explorer-active :is(.pricing-tier,.pricing-badge,.pricing-name,.pricing-price,.pricing-desc,.pricing-one-time,.pricing-features li,.pricing-best-for,.pricing-best-for strong) { color: var(--studio-black) !important; }
.pricing-card.is-explorer-active .pricing-features li span { color: var(--studio-black) !important; }
.pricing-card.is-explorer-active::before { color: rgba(5,5,5,.62) !important; }
.pricing-card.is-explorer-active .btn {
  border-color: var(--studio-black) !important; color: var(--studio-black) !important; background: transparent !important;
}
.pricing-card.is-explorer-active .btn:hover {
  background: var(--studio-black) !important; color: var(--studio-accent) !important;
}
.pricing-tier, .pricing-badge { border: 0 !important; background: transparent !important; color: var(--studio-accent) !important; }

.faq-list { border-color: var(--studio-line) !important; }
.faq-item { border-color: var(--studio-line) !important; background: transparent !important; }
.faq-question { color: var(--studio-white) !important; font-family: var(--studio-sans) !important; font-size: clamp(1.6rem, 3vw, 3rem) !important; text-transform: uppercase; }
.faq-answer { color: var(--studio-muted) !important; font-family: var(--studio-mono); font-size: .72rem !important; }

.info-panel, .cta-card {
  border: 1px solid var(--studio-line) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--studio-white) !important; transform: none !important;
}
.info-panel .section-title { font-size: clamp(3rem, 5vw, 5rem) !important; }
.list li { border-color: var(--studio-line) !important; color: var(--studio-muted) !important; font-family: var(--studio-mono); font-size: .7rem; }
.tick { border: 1px solid var(--studio-accent) !important; background: transparent !important; color: var(--studio-accent) !important; }
.cta-card p { color: var(--studio-muted) !important; font-family: var(--studio-mono); font-size: .75rem !important; }
.technical-proof {
  padding: 60px 30px !important;
  border-top: 1px solid var(--studio-line) !important;
  border-bottom: 1px solid var(--studio-line) !important;
  background: var(--studio-black) !important;
}
.technical-proof .section-inner {
  max-width: none !important;
  opacity: 1 !important;
}
.technical-proof h3 {
  color: var(--studio-accent) !important;
  font-family: var(--studio-mono) !important;
}
.technical-proof summary {
  width: fit-content;
  color: var(--studio-white) !important;
  font-family: var(--studio-sans) !important;
}
.technical-proof details[open] > div {
  border: 1px solid var(--studio-line) !important;
  border-radius: 0 !important;
  background: var(--studio-panel) !important;
  color: var(--studio-muted) !important;
}
.technical-proof strong { color: var(--studio-white) !important; }
.final-cta {
  padding: 80px 30px 100px !important;
  background: var(--studio-black) !important;
}
.final-cta .section-inner { max-width: none !important; }
.final-cta .cta-card {
  min-height: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(2rem, 5vw, 4.5rem) !important;
  display: grid !important;
  gap: 1.5rem !important;
  text-align: left !important;
  overflow: visible !important;
}
.final-cta .cta-card h2 {
  margin: 0 !important;
  color: var(--studio-white) !important;
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
}
.final-cta .cta-card p {
  max-width: 720px !important;
  margin: 0 !important;
}
.final-cta-buttons {
  justify-content: flex-start !important;
  margin-top: .75rem !important;
}

.blog-section { max-width: none !important; background: var(--studio-black) !important; }
body:has(#blog-search) .hero {
  min-height: auto !important;
  padding-top: clamp(96px, 11vw, 132px) !important;
  padding-bottom: clamp(34px, 5vw, 58px) !important;
}
body:has(#blog-search) .hero h1 {
  margin-top: clamp(18px, 3vw, 38px) !important;
  font-size: clamp(4.6rem, 10vw, 9rem) !important;
}
body:has(#blog-search) .hero p {
  margin-top: clamp(1.2rem, 2vw, 1.8rem) !important;
}
body:has(#blog-search) .search-container {
  margin-top: clamp(1.3rem, 2.5vw, 2rem) !important;
}
body:has(#blog-search) .blog-section {
  padding-top: clamp(22px, 3vw, 42px) !important;
}
.blog-grid { gap: 0 !important; border-top: 1px solid var(--studio-line); border-left: 1px solid var(--studio-line); }
.article-card, .article-card:first-child {
  margin: 0 !important; padding: 0 !important; border: 0 !important; border-right: 1px solid var(--studio-line) !important;
  border-bottom: 1px solid var(--studio-line) !important; background: transparent !important; color: var(--studio-white) !important;
}
.article-image { filter: grayscale(1) contrast(1.15) !important; }
.article-card:hover .article-image { filter: grayscale(0) contrast(1) !important; }
.article-content, .article-card:first-child .article-content { padding: 25px !important; }
.article-title, .article-card:first-child .article-title {
  color: var(--studio-white) !important; font-family: var(--studio-sans) !important; font-weight: 400 !important; line-height: .9 !important; text-transform: uppercase;
}
body:has(#blog-search) .article-title,
body:has(#blog-search) .article-card:first-child .article-title {
  font-size: clamp(1.55rem, 2.1vw, 2.3rem) !important;
  line-height: .96 !important;
  letter-spacing: -.035em !important;
  margin-bottom: 1rem !important;
}
.article-excerpt { color: var(--studio-muted) !important; font-family: var(--studio-mono); font-size: .67rem !important; }
.article-link { color: var(--studio-accent) !important; border-color: var(--studio-accent) !important; }
.search-container input { border-color: var(--studio-line) !important; border-radius: 0 !important; background: transparent !important; color: var(--studio-bright) !important; }

/* Public legacy pages: blog posts, legal pages, retired support/product pages */
.article-container,
.legal-content,
.product-container,
.support-container,
.page-container {
  max-width: min(1180px, calc(100vw - 60px)) !important;
  color: var(--studio-white) !important;
}
.article-container { padding-top: clamp(8rem, 14vw, 11rem) !important; }
.article-header,
.legal-header,
.product-header,
.support-header {
  text-align: left !important;
  border-bottom: 1px solid var(--studio-line) !important;
  padding-bottom: clamp(2rem, 5vw, 4rem) !important;
  margin-bottom: clamp(2rem, 5vw, 4rem) !important;
}
.article-title,
.legal-header h1,
.product-header h1,
.support-header h1 {
  max-width: 1120px !important;
  color: var(--studio-white) !important;
  font-family: var(--studio-sans) !important;
  font-size: clamp(3rem, 7vw, 7.5rem) !important;
  font-weight: 400 !important;
  line-height: .9 !important;
  letter-spacing: -.05em !important;
  text-transform: uppercase !important;
}
.article-dek,
.subtitle,
.legal-header p,
.product-header p,
.support-header p {
  max-width: 720px !important;
  margin-left: 0 !important;
  color: var(--studio-muted) !important;
  font-family: var(--studio-mono) !important;
  font-size: .78rem !important;
  line-height: 1.7 !important;
}
.article-hero-image,
.article-body img {
  border: 1px solid var(--studio-line) !important;
  border-radius: 0 !important;
  filter: grayscale(.35) contrast(1.08) brightness(.78);
}
.article-body {
  max-width: 860px !important;
  color: var(--studio-muted) !important;
  font-size: clamp(1.05rem, 1.4vw, 1.22rem) !important;
  line-height: 1.78 !important;
}
.article-body h2,
.article-body h3,
.article-body h4,
.legal-content h2,
.legal-content h3 {
  color: var(--studio-white) !important;
  font-family: var(--studio-sans) !important;
  font-weight: 400 !important;
  letter-spacing: -.035em !important;
  text-transform: uppercase !important;
}
.article-body h2,
.article-body h3 {
  font-size: clamp(2rem, 3.8vw, 4rem) !important;
  line-height: .95 !important;
}
.article-body a,
.legal-content a,
.origin-link {
  color: var(--studio-accent) !important;
  text-decoration-color: rgba(207,255,65,.45) !important;
}
.article-body pre,
.article-body blockquote,
.post-cta,
.legal-section,
.product-card,
.support-card,
.info-panel {
  border: 1px solid var(--studio-line) !important;
  border-radius: 0 !important;
  background: var(--studio-panel) !important;
  box-shadow: none !important;
}
.post-cta { text-align: left !important; }
.post-cta h3 {
  color: var(--studio-white) !important;
  font-family: var(--studio-sans) !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
}

.studio-signal-panel {
  position: absolute; right: 30px; top: 82px; width: min(30vw, 430px); height: 42vh;
  border: 1px solid rgba(207,255,65,.18); padding: 18px; opacity: .38;
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
}
.studio-signal-panel span {
  display: none;
}
.studio-signal-panel span:nth-child(2) { width: 72%; animation-delay: .25s; }
.studio-signal-panel span:nth-child(3) { width: 88%; animation-delay: .5s; }
.studio-signal-panel span:nth-child(4) { width: 54%; animation-delay: .75s; }
.studio-signal-panel span:nth-child(5) { width: 94%; animation-delay: 1s; }
@keyframes studio-signal-pulse {
  0%, 100% { transform: scaleX(.28); opacity: .35; }
  45% { transform: scaleX(1); opacity: .95; }
}

.footer { background: var(--studio-black) !important; border-top: 1px solid var(--studio-line) !important; }
.footer-logo, .footer h4 { color: var(--studio-white) !important; }
.footer h4 { font-family: var(--studio-mono) !important; font-size: .6rem !important; text-transform: uppercase; }
.footer-tagline, .footer-links a, .footer-disclaimer { color: var(--studio-muted) !important; font-family: var(--studio-mono); font-size: .62rem !important; }

@media (max-width: 768px) {
  .studio-cursor { display: none; }
  .header-inner { padding: 16px 20px !important; }
  .hero { padding: 105px 20px 45px !important; }
  .hero h1 { margin-top: 10vh !important; font-size: clamp(4.3rem, 19vw, 6rem) !important; line-height: .88 !important; letter-spacing: -.048em !important; }
  .hero h1 > span:last-child, .hero-line-accent { margin-left: 0 !important; }
  .hero-sub, .empower-note, .hero-context, .hero-ctas { margin-left: 0 !important; }
  .hero-sub { font-size: 1.05rem !important; }
  .hero-summary-grid { margin-top: 6vh !important; }
  .studio-signal-panel { display: none; }
  section:not(.hero) { padding: 70px 20px !important; }
  .section-title, .cta-card h2 { font-size: clamp(3.9rem, 17vw, 5.5rem) !important; line-height: .9 !important; letter-spacing: -.044em !important; }
  .features-grid, .steps-grid, .trust-grid, .support-grid {
    display: flex !important; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;
  }
  .feature-card, .step, .trust-item, .support-card, .support-card.featured {
    flex: 0 0 84vw; min-height: 430px !important; scroll-snap-align: start;
  }
  .studio-card-art { height: 235px; margin: -8px -8px 24px; }
  .pricing-grid { display: block !important; }
  .pricing-card, .pricing-card:nth-child(3), .pricing-card:nth-child(4) { margin: 0 !important; }
  .pricing-card.is-explorer-muted { opacity: .78 !important; }
  .pricing-card.is-explorer-active { opacity: 1 !important; }
  .pricing-explorer-sentence { font-size: 2.45rem; }
  .faq-header { display: block !important; }
  .article-card, .article-card:first-child { margin: 0 !important; }
  body:has(.hero-line) .hero h1 { font-size: clamp(3.6rem, 16vw, 4.8rem) !important; line-height: .82 !important; }
}

@media (prefers-reduced-motion: reduce) {
  .studio-cursor, .studio-progress { display: none; }
  .studio-marquee-track { animation: none; }
  .hero h1 .hero-kinetic-word {
    opacity: 1;
    filter: none;
    animation: none;
    transform: none !important;
  }
  .kinetic-word { opacity: 1; transform: none !important; transition: none !important; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; }
}