:root {
  color-scheme: light;
  --bg: #f4fbf8;
  --bg-2: #eaf6f2;
  --panel: #ffffff;
  --text: #10201d;
  --muted: #667873;
  --line: #d7e7e2;
  --accent: #16b886;
  --accent-2: #377dff;
  --accent-3: #ffb84d;
  --accent-dark: #057753;
  --danger: #d84d45;
  --warn: #a97605;
  --ink: #0c1715;
  --shadow: 0 24px 80px rgba(28, 69, 59, 0.14);
  --shadow-soft: 0 14px 34px rgba(28, 69, 59, 0.08);
}

/* Public marketing and production account additions */
.nav-actions,.hero-actions{display:flex;align-items:center;gap:12px}.primary.small{padding:10px 18px}.marketing-hero{min-height:680px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;padding:90px max(6vw,24px);background:radial-gradient(circle at 75% 25%,rgba(69,196,176,.18),transparent 34%),#f7faf9}.marketing-hero h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.94;letter-spacing:-.065em;max-width:900px;margin:16px 0 28px}.marketing-hero .subcopy{max-width:680px}.visual-card{background:#101c1a;color:#fff;padding:36px;border-radius:28px;box-shadow:0 28px 80px rgba(11,38,34,.2);transform:rotate(2deg)}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#54e4b4;box-shadow:0 0 0 7px rgba(84,228,180,.12)}.waveform{font-size:clamp(1.5rem,4vw,3rem);letter-spacing:5px;color:#79e9c5;overflow:hidden;margin:45px 0}.clean-meter{height:8px;background:#273a36;border-radius:10px;margin:20px 0}.clean-meter span{display:block;width:88%;height:100%;background:#54e4b4;border-radius:inherit}.marketing-section{padding:100px max(6vw,24px)}.marketing-section>h2{font-size:clamp(2.2rem,5vw,4rem);max-width:900px;letter-spacing:-.04em}.marketing-section.muted{background:#eef5f2}.feature-grid,.steps,.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px}.feature-grid article,.steps article,.pricing-grid article{background:#fff;border:1px solid #dce9e5;border-radius:22px;padding:28px}.feature-grid article{min-height:190px}.steps b{font-size:2rem;color:#17a77e}.pricing-grid{grid-template-columns:repeat(4,1fr);align-items:stretch}.pricing-grid article{position:relative;display:flex;flex-direction:column}.pricing-grid ul{padding-left:20px;line-height:1.9;flex:1}.pricing-grid .popular{border:2px solid #19a880;box-shadow:0 18px 45px rgba(20,130,101,.14);transform:translateY(-12px)}.plan-tag{position:absolute;top:-15px;right:18px;background:#101c1a;color:#fff;padding:7px 12px;border-radius:20px;font-size:.75rem}.price{font-size:2rem;font-weight:800;margin:20px 0}.price small{font-size:.8rem;font-weight:500}.offer{color:#0b8a68;font-weight:700}.wide{text-align:center;display:block}.center-note{text-align:center;color:#58706a;margin-top:30px}.cta{text-align:center;padding:100px 24px;background:#11211e;color:#fff}.cta h2{font-size:clamp(2.2rem,5vw,4.5rem);margin:0 0 16px}footer{padding:42px max(6vw,24px);display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;border-top:1px solid #dce9e5}footer div{display:flex;gap:18px;flex-wrap:wrap}.content-page{max-width:850px;margin:auto;padding:110px 24px;min-height:65vh}.content-page h1{font-size:clamp(2.5rem,6vw,5rem);letter-spacing:-.05em}.content-page p{font-size:1.12rem;line-height:1.85}.google-button{display:block;text-align:center;border:1px solid #cbdad6;border-radius:10px;padding:12px;font-weight:700}.media-preview,.video-preview{width:100%;margin:20px 0;border-radius:12px}.media-preview[hidden],.video-preview[hidden]{display:none}
body{overflow-x:hidden}.marketing-hero>*{min-width:0}.marketing-hero h1{font-size:clamp(3rem,6vw,5rem)}.visual-card{max-width:100%;overflow:hidden}.nav-actions a{white-space:nowrap}
@media(max-width:1400px){.marketing-hero{grid-template-columns:1fr;min-height:auto}.public-nav nav{display:none}.visual-card{transform:none}}
@media(max-width:1100px){.feature-grid,.steps{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.marketing-hero{padding-top:65px}.visual-card{transform:none}.feature-grid,.steps,.pricing-grid{grid-template-columns:1fr}.pricing-grid .popular{transform:none}.nav-actions .ghost{display:none}footer{align-items:flex-start;flex-direction:column}}

/* Keep premium auth overrides last in the cascade. */
.auth-body .auth-shell { width: min(1120px, calc(100% - 40px)); grid-template-columns: minmax(0, 1.08fr) minmax(360px, 470px); gap: clamp(48px, 8vw, 112px); }
.auth-body .auth-copy .brand { margin-bottom: 64px; }
.auth-body .auth-copy h1 { color: #f6fffc; font-size: clamp(46px, 6vw, 78px); line-height: .98; letter-spacing: -.055em; }
.auth-body .auth-card { border: 1px solid rgba(255,255,255,.16); border-radius: 26px; background: linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,250,247,.96)); box-shadow: 0 38px 100px rgba(0,8,6,.42),inset 0 1px 0 #fff; padding: clamp(28px,4vw,42px); }
.auth-body .auth-card input { min-height: 52px; border-color: #cbded8; border-radius: 12px; background: rgba(255,255,255,.82); }
.auth-body .auth-card .primary { width: 100%; border-radius: 12px; }
.auth-body .plan-note { border-radius: 12px; }
@media (max-width:820px) {
  .auth-body .auth-shell { grid-template-columns: 1fr; gap: 30px; width: min(560px,calc(100% - 28px)); }
  .auth-body .auth-copy .brand { margin-bottom: 30px; }
  .auth-body .auth-copy h1 { font-size: clamp(38px,12vw,56px); }
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-height: 100vh;
  background:
    linear-gradient(135deg, rgba(22, 184, 134, 0.13), transparent 34%),
    linear-gradient(225deg, rgba(55, 125, 255, 0.11), transparent 30%),
    linear-gradient(180deg, var(--bg) 0%, #ffffff 58%, var(--bg-2) 100%);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
}

.nav,
main {
  width: min(1160px, calc(100% - 32px));
  margin: 0 auto;
}

.nav {
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.brand,
.nav nav,
.trust-row,
.job-top,
.job-actions,
.section-head {
  display: flex;
  align-items: center;
}

.brand {
  gap: 10px;
  font-size: 18px;
  font-weight: 950;
}

.brand-logo {
  display: block;
  width: 68px;
  height: 38px;
  border-radius: 10px;
  object-fit: cover;
  object-position: center;
  box-shadow: 0 12px 24px rgba(16, 32, 29, 0.18);
}

.brand-mark {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: var(--ink);
  color: var(--accent);
  box-shadow: 0 12px 24px rgba(16, 32, 29, 0.18);
}

.nav nav {
  gap: 8px;
  padding: 6px;
  border: 1px solid rgba(215, 231, 226, 0.8);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(18px);
}

.nav nav a {
  border-radius: 999px;
  padding: 9px 14px;
  color: #48615b;
  font-size: 14px;
  font-weight: 850;
  transition: background 180ms ease, color 180ms ease, transform 180ms ease;
}

.nav nav a:hover {
  background: var(--ink);
  color: #fff;
  transform: translateY(-1px);
}

.account-box {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(215, 231, 226, 0.8);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  padding: 6px;
  box-shadow: var(--shadow-soft);
}

.account-box span {
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 10px;
  color: #36514b;
  font-size: 13px;
  font-weight: 900;
}

.account-box button {
  min-height: 34px;
  border: 0;
  border-radius: 999px;
  background: var(--ink);
  color: #fff;
  padding: 0 12px;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}

select {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.86);
  color: var(--text);
  padding: 0 13px;
  outline: none;
  box-shadow: var(--shadow-soft);
}

.auth-body {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 28px 0;
}

/* Premium account experience */
.auth-body {
  position: relative;
  overflow: hidden;
  padding: 48px 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(34, 211, 158, .22), transparent 28%),
    radial-gradient(circle at 88% 82%, rgba(55, 125, 255, .18), transparent 30%),
    linear-gradient(135deg, #071713 0%, #0d2922 48%, #102b34 100%);
}

.auth-body::before,
.auth-body::after {
  content: "";
  position: fixed;
  pointer-events: none;
  border: 1px solid rgba(116, 234, 198, .1);
  border-radius: 50%;
}

.auth-body::before { width: 520px; height: 520px; top: -300px; right: -120px; }
.auth-body::after { width: 360px; height: 360px; bottom: -240px; left: 8%; }

.auth-shell {
  width: min(1120px, calc(100% - 40px));
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 470px);
  gap: clamp(48px, 8vw, 112px);
}

.auth-copy { color: #f4fffb; }
.auth-copy .brand { margin-bottom: 64px; }
.auth-brand { width: fit-content; }
.auth-brand .brand-logo {
  width: 126px;
  height: 64px;
  border-radius: 14px;
  object-fit: contain;
  box-shadow: none;
}
.auth-kicker {
  margin-bottom: 18px;
  color: #6fe3bd;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.auth-copy h1 {
  max-width: 650px;
  color: #f6fffc;
  font-size: clamp(46px, 6vw, 78px);
  line-height: .98;
  letter-spacing: -.055em;
}
.auth-copy .subcopy { color: #afc9c1; font-size: 18px; }
.auth-assurance {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 28px;
  color: #c8ddd7;
  font-size: 13px;
  font-weight: 700;
}
.auth-assurance span {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgba(53, 214, 165, .16);
  color: #67e0ba;
}
.auth-card {
  position: relative;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 26px;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(239,250,247,.96));
  box-shadow: 0 38px 100px rgba(0, 8, 6, .42), inset 0 1px 0 #fff;
  padding: clamp(28px, 4vw, 42px);
}
.auth-card::before {
  content: "";
  position: absolute;
  inset: 0 28px auto;
  height: 3px;
  border-radius: 0 0 10px 10px;
  background: linear-gradient(90deg, #20bd8b, #4f8fff);
}
.auth-card-heading { margin-bottom: 22px; }
.auth-card-heading h2 { color: #10231e; font-size: clamp(28px, 3vw, 38px); letter-spacing: -.035em; }
.auth-card-heading > p:last-child { margin-top: 10px; color: #667d76; font-size: 14px; line-height: 1.55; }
.auth-card label { color: #29463e; letter-spacing: .01em; }
.auth-card input {
  min-height: 52px;
  border-color: #cbded8;
  border-radius: 12px;
  background: rgba(255,255,255,.82);
  transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}
.auth-card input::placeholder { color: #9aaca7; }
.auth-card input:focus { background: #fff; }
.auth-card .primary { width: 100%; border-radius: 12px; box-shadow: 0 13px 28px rgba(5,119,83,.2); }
.auth-card .google-button { margin-top: 12px; border-radius: 12px; background: rgba(255,255,255,.78); }
.auth-message {
  min-height: 0;
  margin-top: 14px;
  border-radius: 12px;
  line-height: 1.55;
}
.auth-message:not(:empty) { padding: 12px 14px; background: #fff0ef; border: 1px solid #f4d0cc; }
.auth-message.success { color: #086849; }
.auth-message.success:not(:empty) { background: #eaf9f3; border-color: #bfe8d8; }
.plan-note { border-radius: 12px; }

@media (max-width: 820px) {
  .auth-body { overflow: auto; padding: 28px 0; }
  .auth-shell { grid-template-columns: 1fr; gap: 30px; width: min(560px, calc(100% - 28px)); }
  .auth-copy .brand { margin-bottom: 30px; }
  .auth-copy h1 { font-size: clamp(38px, 12vw, 56px); }
  .auth-copy .subcopy { font-size: 16px; }
  .auth-assurance { margin-top: 20px; }
}

.auth-shell {
  width: min(1040px, calc(100% - 32px));
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 430px);
  gap: 44px;
  align-items: center;
}

.auth-copy .brand {
  margin-bottom: 40px;
}

.auth-copy h1 {
  font-size: clamp(44px, 6vw, 74px);
}

.auth-card {
  border: 1px solid rgba(215, 231, 226, 0.95);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: var(--shadow);
  padding: 28px;
}

.auth-card label {
  display: block;
  margin-top: 14px;
  color: #36514b;
  font-size: 13px;
  font-weight: 900;
}

.auth-card input {
  width: 100%;
  min-height: 48px;
  margin-top: 7px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--text);
  padding: 0 13px;
  font: inherit;
  outline: none;
}

.auth-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.plan-note {
  display: grid;
  gap: 4px;
  margin: 16px 0 2px;
  border: 1px solid rgba(22, 184, 134, 0.28);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(22, 184, 134, 0.1), rgba(55, 125, 255, 0.07));
  padding: 13px 14px;
}

.plan-note strong {
  color: var(--accent-dark);
  font-size: 14px;
}

.plan-note span {
  color: #4d625d;
  font-size: 13px;
  line-height: 1.45;
}

.auth-card input:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 4px rgba(22, 184, 134, 0.12);
}

.auth-message {
  min-height: 20px;
  margin-top: 12px;
  color: var(--danger);
  font-size: 13px;
  font-weight: 800;
}

.auth-message.success {
  color: #057753;
}

.auth-dialog {
  width: min(92vw, 470px);
  border: 1px solid #dce9e5;
  border-radius: 24px;
  padding: 34px;
  color: #101c1a;
  text-align: center;
  box-shadow: 0 30px 90px rgba(7, 32, 27, 0.25);
}

.auth-dialog::backdrop {
  background: rgba(5, 20, 17, 0.72);
  backdrop-filter: blur(5px);
}

.auth-dialog-icon {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  margin: 0 auto 18px;
  border-radius: 50%;
  background: #e5faf3;
  color: #057753;
  font-size: 2rem;
  font-weight: 900;
}

.auth-dialog h2 {
  margin: 0 0 12px;
}

.auth-dialog p {
  color: #38534d;
  line-height: 1.6;
}

.auth-dialog .primary {
  margin-top: 12px;
}

.auth-card .primary {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 18px;
  border-radius: 10px;
}

.auth-switch {
  color: var(--muted);
  font-size: 14px;
  text-align: center;
}

.auth-switch a {
  color: var(--accent-dark);
  font-weight: 950;
}

.hero {
  min-height: 660px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(390px, 500px);
  gap: 42px;
  align-items: center;
  padding: 26px 0 34px;
}

.tools-hero {
  min-height: auto;
  padding: 58px 0 44px;
}

.hero-copy {
  max-width: 650px;
}

.eyebrow {
  margin: 0 0 12px;
  color: var(--accent-dark);
  font-size: 13px;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

h1,
h2,
h3,
p {
  margin: 0;
}

h1 {
  max-width: 680px;
  font-size: clamp(42px, 6vw, 74px);
  line-height: 0.94;
  letter-spacing: 0;
}

h2 {
  font-size: clamp(27px, 3.4vw, 42px);
  line-height: 1.04;
  letter-spacing: 0;
}

h3 {
  font-size: 18px;
}

.subcopy {
  max-width: 590px;
  margin-top: 20px;
  color: var(--muted);
  font-size: 19px;
  line-height: 1.55;
}

.trust-row {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.trust-row span {
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  padding: 9px 12px;
  color: #36514b;
  font-size: 13px;
  font-weight: 900;
}

.upload-card,
.feature-band,
.job {
  border: 1px solid rgba(215, 231, 226, 0.95);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--shadow);
}

.upload-card {
  position: relative;
  overflow: hidden;
  padding: 20px;
}

.upload-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(22, 184, 134, 0.12), transparent 38%),
    linear-gradient(315deg, rgba(55, 125, 255, 0.09), transparent 34%);
}

.upload-card > * {
  position: relative;
}

.sound-preview {
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 14px;
}

.sound-preview span {
  width: 8px;
  height: 18px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--accent-2), var(--accent));
  animation: wave 1.1s ease-in-out infinite;
}

.sound-preview span:nth-child(2) { animation-delay: 80ms; }
.sound-preview span:nth-child(3) { animation-delay: 160ms; }
.sound-preview span:nth-child(4) { animation-delay: 240ms; }
.sound-preview span:nth-child(5) { animation-delay: 320ms; }
.sound-preview span:nth-child(6) { animation-delay: 400ms; }

.dropzone {
  min-height: 190px;
  border: 2px dashed #8bdcc2;
  border-radius: 8px;
  background: rgba(248, 255, 252, 0.88);
  display: grid;
  place-items: center;
  text-align: center;
  padding: 24px;
  cursor: pointer;
  transition: border-color 180ms ease, transform 180ms ease, background 180ms ease;
}

.dropzone:hover,
.upload-card.has-file .dropzone {
  border-color: var(--accent);
  background: #f1fff9;
  transform: translateY(-2px);
}

.dropzone input,
.preset-card input,
.mini-drop input {
  display: none;
}

.upload-icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  color: #fff;
  font-size: 40px;
  line-height: 1;
  margin-bottom: 12px;
  box-shadow: 0 16px 32px rgba(22, 184, 134, 0.28);
}

.dropzone strong {
  font-size: 22px;
}

.dropzone small,
.preset-card small,
.privacy-note,
.job p,
.feature-band span,
.mini-drop small {
  color: var(--muted);
}

.dropzone small {
  margin-top: 8px;
  overflow-wrap: anywhere;
}

.quick-options {
  display: grid;
  gap: 10px;
  margin: 14px 0 0;
}

.quick-options.compact {
  grid-template-columns: 1fr;
}

.preset-card {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  padding: 13px;
  cursor: pointer;
  transition: border-color 180ms ease, background 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.preset-card:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-soft);
}

.preset-card::before {
  content: "";
  width: 18px;
  height: 18px;
  border: 2px solid #9cb2ac;
  border-radius: 50%;
  flex: 0 0 auto;
}

.preset-card:has(input:checked) {
  border-color: rgba(22, 184, 134, 0.8);
  background: #edfff8;
}

.preset-card:has(input:checked)::before {
  border: 6px solid var(--accent);
}

.preset-card strong,
.preset-card small,
.mini-drop span,
.mini-drop small,
.feature-band strong,
.feature-band span {
  display: block;
}

.preset-card small {
  margin-top: 2px;
}

.field-label {
  display: block;
  margin: 4px 0 8px;
  color: #36514b;
  font-size: 13px;
  font-weight: 900;
}

.extra-files {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 12px;
}

.mini-drop {
  border: 1px dashed #adc4bd;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.75);
  padding: 14px;
  cursor: pointer;
}

.mini-drop span {
  font-weight: 900;
}

.mini-drop small {
  margin-top: 4px;
}

.primary,
.ghost {
  min-height: 48px;
  border-radius: 8px;
  font: inherit;
  font-weight: 950;
  cursor: pointer;
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.primary {
  width: 100%;
  margin-top: 16px;
  border: 0;
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  color: #fff;
  box-shadow: 0 18px 38px rgba(22, 184, 134, 0.26);
}

.secondary-action {
  background: linear-gradient(135deg, var(--ink), var(--accent-2));
}

.primary:hover,
.ghost:hover {
  transform: translateY(-2px);
}

.primary:disabled {
  cursor: wait;
  opacity: 0.7;
  transform: none;
}

.ghost {
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.9);
  color: var(--text);
  padding: 0 18px;
}

.privacy-note {
  margin-top: 10px;
  font-size: 13px;
  text-align: center;
}

.feature-band {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 0 0 38px;
  overflow: hidden;
}

.feature-band div {
  padding: 20px;
  border-right: 1px solid var(--line);
}

.feature-band div:last-child {
  border-right: 0;
}

.feature-band span {
  margin-top: 6px;
  line-height: 1.45;
}

.result-section {
  padding: 22px 0 62px;
  scroll-margin-top: 7rem;
}

.gallery-shortcut {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  width: fit-content;
  margin-top: 1.35rem;
  padding: 0.75rem 1rem;
  color: var(--ink);
  text-decoration: none;
  border: 1px solid rgba(15, 118, 110, 0.2);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 12px 30px rgba(15, 118, 110, 0.08);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.gallery-shortcut > span:first-child {
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  color: white;
  border-radius: 0.65rem;
  background: linear-gradient(135deg, #0f766e, #2563eb);
}

.gallery-shortcut > span:last-child {
  display: grid;
  gap: 0.08rem;
}

.gallery-shortcut small {
  color: var(--muted);
}

.gallery-shortcut:hover {
  transform: translateY(-2px);
  border-color: rgba(15, 118, 110, 0.42);
  box-shadow: 0 16px 34px rgba(15, 118, 110, 0.13);
}

.section-head {
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.single-result {
  display: grid;
  grid-template-columns: minmax(0, 680px);
}

.job {
  padding: 18px;
  animation: liftIn 420ms ease both;
}

.job.empty {
  background: rgba(255, 255, 255, 0.65);
}

.job-top {
  justify-content: space-between;
  gap: 16px;
}

.job p {
  margin-top: 5px;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.badge {
  border-radius: 999px;
  padding: 6px 10px;
  background: #edf2f0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.badge.completed {
  background: #d9f8ed;
  color: var(--accent-dark);
}

.badge.failed {
  background: #ffe7e5;
  color: var(--danger);
}

.badge.running {
  background: #fff3cd;
  color: var(--warn);
}

.bar {
  height: 10px;
  border-radius: 999px;
  margin: 16px 0;
  background: #edf2f0;
  overflow: hidden;
}

.bar span {
  display: block;
  height: 100%;
  width: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--accent), var(--accent-2), var(--accent-3));
  transition: width 240ms ease;
}

.job-actions {
  display: grid;
  grid-template-columns: minmax(220px, 360px);
  gap: 12px;
  align-items: center;
}

.job-actions a {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 900;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.job-actions .download {
  position: relative;
  overflow: hidden;
  border: 0;
  background: linear-gradient(135deg, var(--ink), var(--accent-dark) 48%, var(--accent-2));
  color: #fff;
  box-shadow: 0 16px 34px rgba(22, 184, 134, 0.25);
}

.job-actions .download::before {
  content: "";
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background: currentColor;
  clip-path: polygon(42% 0, 58% 0, 58% 48%, 78% 48%, 50% 78%, 22% 48%, 42% 48%);
}

.job-actions .download::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, 0.22) 42%, transparent 70%);
  transform: translateX(-120%);
  transition: transform 420ms ease;
}

.job-actions .download:hover::after {
  transform: translateX(120%);
}

.job-actions a:hover {
  transform: translateY(-1px);
  border-color: var(--accent);
}

.job-actions a.disabled {
  pointer-events: none;
  opacity: 1;
}

.job-actions .download.disabled {
  background: #e8efed;
  color: #82938e;
  box-shadow: none;
}

.job-actions .download.disabled::before {
  clip-path: circle(44% at 50% 50%);
}

.reveal {
  animation: liftIn 520ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

.delay-1 {
  animation-delay: 90ms;
}

.delay-2 {
  animation-delay: 160ms;
}

@keyframes liftIn {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes wave {
  0%, 100% {
    height: 16px;
  }
  50% {
    height: 46px;
  }
}

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

@media (max-width: 900px) {
  .nav {
    flex-wrap: wrap;
    padding: 14px 0;
  }

  .nav nav {
    order: 3;
    width: 100%;
    justify-content: center;
  }

  .hero,
  .tools-hero {
    min-height: auto;
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 32px 0;
  }

  .feature-band {
    grid-template-columns: 1fr;
  }

  .feature-band div {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .feature-band div:last-child {
    border-bottom: 0;
  }

  .auth-shell {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .auth-copy .brand {
    margin-bottom: 22px;
  }
}

@media (max-width: 560px) {
  .nav,
  main {
    width: min(100% - 20px, 1160px);
  }

  .account-box {
    width: 100%;
    justify-content: space-between;
  }

  .nav nav {
    gap: 4px;
    overflow-x: auto;
    justify-content: flex-start;
  }

  .nav nav a {
    white-space: nowrap;
  }

  h1 {
    font-size: 40px;
  }

  .subcopy {
    font-size: 16px;
  }

  .upload-card {
    padding: 14px;
  }

  .auth-card {
    padding: 20px;
  }

  .auth-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .sound-preview {
    height: 42px;
  }

  .dropzone {
    min-height: 170px;
  }

  .extra-files {
    grid-template-columns: 1fr;
  }

  .section-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .job-top,
  .job-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .job-actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .job-actions a {
    width: 100%;
  }
}

/* Final responsive overrides for public pages */
body{overflow-x:hidden}.marketing-hero>*{min-width:0}.marketing-hero h1{font-size:clamp(3rem,6vw,5rem)}.visual-card{max-width:100%;overflow:hidden}.nav-actions a{white-space:nowrap}
@media(max-width:1400px){.marketing-hero{grid-template-columns:1fr;min-height:auto}.public-nav nav{display:none}.visual-card{transform:none}}
@media(max-width:1100px){.feature-grid,.steps,.pricing-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.feature-grid,.steps,.pricing-grid{grid-template-columns:1fr}.public-nav{flex-wrap:nowrap}.public-nav nav{display:none}.marketing-hero{padding-top:65px}.visual-card{transform:none}.pricing-grid .popular{transform:none}.nav-actions .ghost{display:none}footer{align-items:flex-start;flex-direction:column}}

.pricing-section {
  background: linear-gradient(180deg, #ffffff 0%, #f3fbf8 100%);
}

.pricing-intro { max-width:760px; color:#58706a; font-size:1.05rem; line-height:1.7; }
.plan-comparison,.yearly-pricing { margin-top:42px; padding:30px; border:1px solid #dce9e5; border-radius:24px; background:#fff; box-shadow:0 18px 50px rgba(13,46,39,.07); }
.pricing-subhead h3 { margin:6px 0 20px; font-size:clamp(1.5rem,3vw,2.2rem); }
.comparison-scroll { overflow-x:auto; }
.comparison-table { width:100%; min-width:760px; border-collapse:collapse; }
.comparison-table th,.comparison-table td { padding:16px 14px; border-bottom:1px solid #e4eeeb; text-align:center; }
.comparison-table th:first-child { text-align:left; }
.comparison-table thead th { color:#102b26; background:#f1f8f6; font-size:.82rem; text-transform:uppercase; letter-spacing:.06em; }
.comparison-table tbody th { color:#294c45; }
.comparison-table tbody td { color:#49655f; font-weight:700; }
.comparison-table tbody tr:hover { background:#f8fcfb; }
.yearly-table td:nth-child(3),.yearly-table td:last-child { color:#08765f; font-weight:850; }
.yearly-note { margin:18px 0 0; color:#667873; font-size:.9rem; }

.pro-pricing {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}

.pricing-grid .price-card {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 18px;
  border: 1px solid #dce9e5;
  background: linear-gradient(180deg, #ffffff 0%, #fbfffd 100%);
  padding: 24px;
  box-shadow: 0 18px 48px rgba(13, 46, 39, 0.08);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.pricing-grid .price-card:hover {
  transform: translateY(-5px);
  border-color: rgba(22, 184, 134, 0.45);
  box-shadow: 0 28px 68px rgba(13, 46, 39, 0.14);
}

.pricing-grid .price-card.popular {
  border: 2px solid #16b886;
  transform: translateY(-14px);
  box-shadow: 0 30px 76px rgba(22, 184, 134, 0.18);
}

.plan-head {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
}

.plan-head h3 {
  margin: 0;
  line-height: 1.15;
}

.plan-audience {
  margin: 4px 0 0;
  color: #667873;
  font-size: 0.8rem;
  font-weight: 750;
  line-height: 1.3;
}

.plan-value {
  min-height: 52px;
  margin: -2px 0 14px;
  color: #58706a;
  font-size: 0.88rem;
  line-height: 1.5;
}

.business-value {
  color: #086f50;
  font-weight: 750;
}

.business-tag {
  background: #e8f8f2;
  color: #057753;
}

.plan-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #e9fbf4;
  color: #057753;
  font-weight: 950;
}

.plan-icon.starter {
  background: #eef4ff;
  color: #265ddf;
}

.plan-icon.pro {
  background: #101c1a;
  color: #54e4b4;
}

.plan-icon.business {
  background: #fff4df;
  color: #9b6100;
}

.pricing-grid .price {
  margin: 18px 0 14px;
  font-size: 2.1rem;
  line-height: 1;
}

.pricing-grid .price small {
  color: #667873;
  font-size: 0.88rem;
}

.pricing-grid .price-card ul {
  flex: 1;
  margin: 0 0 22px;
  padding: 0;
  list-style: none;
  line-height: 1.55;
}

.pricing-grid .price-card li {
  position: relative;
  margin: 10px 0;
  padding-left: 24px;
  color: #38534d;
}

.pricing-grid .price-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.58em;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #16b886;
  box-shadow: 0 0 0 4px rgba(22, 184, 134, 0.12);
}

.advanced-features {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 20px;
}

.advanced-features span {
  border-radius: 999px;
  background: #edf8f4;
  color: #086f50;
  padding: 6px 9px;
  font-size: 0.74rem;
  font-weight: 850;
}

.paygo-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.9fr);
  gap: 24px;
  align-items: center;
  margin-top: 26px;
  border: 1px solid #dce9e5;
  border-radius: 22px;
  background: #101c1a;
  color: #ffffff;
  padding: 30px;
  box-shadow: 0 26px 72px rgba(13, 46, 39, 0.16);
}

.paygo-card .eyebrow {
  color: #54e4b4;
}

.paygo-card h3 {
  margin: 0 0 10px;
  font-size: clamp(1.5rem, 3vw, 2.2rem);
}

.paygo-card p {
  color: #bdd5cf;
  line-height: 1.65;
}

.credit-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.credit-grid a,.credit-grid>div {
  display: grid;
  gap: 8px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.08);
  padding: 18px;
  text-align: center;
}

.credit-grid strong {
  font-size: 0.95rem;
}

.credit-grid span,.credit-grid small {
  color: #54e4b4;
  font-size: 1.7rem;
  font-weight: 950;
}

@media(max-width:1200px){
  .pro-pricing{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pricing-grid .price-card.popular{transform:none}
}

@media(max-width:760px){
  .pro-pricing{grid-template-columns:1fr}
  .paygo-card{grid-template-columns:1fr;padding:22px}
  .credit-grid{grid-template-columns:1fr}
  .plan-comparison,.yearly-pricing{padding:20px}
}

/* Legal and contact page sections inside the existing public site shell. */
.legal-page{min-height:100vh;background:radial-gradient(circle at 80% 5%,rgba(8,174,186,.15),transparent 28rem),radial-gradient(circle at 5% 45%,rgba(16,225,207,.08),transparent 30rem),#020a10;color:#e8f5f3}.legal-shell{width:min(1180px,calc(100% - 40px));margin:auto;padding:54px 0 96px}.legal-hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;min-height:450px;align-items:center;gap:28px;overflow:hidden;border:1px solid rgba(34,220,206,.3);border-radius:24px;padding:46px;background:linear-gradient(125deg,rgba(3,18,26,.98),rgba(2,11,17,.84));box-shadow:0 28px 80px rgba(0,0,0,.34)}.legal-hero:before{content:"";position:absolute;inset:0;opacity:.45;background-image:linear-gradient(rgba(24,227,211,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(24,227,211,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse at 77% 50%,#000,transparent 66%)}.legal-copy{position:relative;z-index:2;max-width:610px}.legal-kicker{margin:0 0 17px;color:#1ce5d2;font-size:.77rem;font-weight:850;letter-spacing:.12em}.legal-copy h1{margin:0;color:#f7fbfa;font-size:clamp(3.2rem,6.2vw,6.4rem);line-height:.91;letter-spacing:-.075em}.legal-copy h1 em{font-style:normal;color:#19e4d0}.legal-intro{max-width:610px;margin:23px 0 0;color:#a8c0bd;font-size:1rem;line-height:1.75}.legal-date{color:#9bb3b0;line-height:1.65}.legal-date strong,.legal-page a{color:#25e5d1}.legal-art{position:relative;min-height:330px;display:grid;place-items:center}.legal-art img{position:relative;z-index:2;width:min(295px,72%);filter:drop-shadow(0 0 26px rgba(18,233,215,.44));animation:legalFloat 5s ease-in-out infinite}.legal-rings{position:absolute;width:290px;aspect-ratio:1;border:1px solid rgba(25,228,212,.55);border-radius:50%;box-shadow:0 0 0 24px rgba(25,228,212,.04),0 0 55px rgba(19,226,211,.2);background:repeating-radial-gradient(circle,transparent 0 22px,rgba(25,228,212,.12) 23px 24px,transparent 25px 42px);animation:legalOrbit 18s linear infinite}.legal-lock,.legal-shield{position:absolute;z-index:3;display:grid;place-items:center;width:88px;height:88px;border:2px solid #29e9d5;border-radius:24px;background:#042b32;color:#48f4df;font-size:2.6rem;box-shadow:0 0 28px rgba(26,230,212,.42)}.legal-lock{top:28%;left:22%}.legal-shield{bottom:8%;left:13%;border-radius:50%}.legal-document{position:relative;z-index:2;display:grid;gap:14px;width:225px;min-height:275px;border:2px solid #2ce8d4;border-radius:18px;padding:40px 28px;background:linear-gradient(145deg,#073339,#04161d);box-shadow:0 0 38px rgba(21,230,212,.35)}.legal-document b{color:#37ecdb;font-size:1.4rem}.legal-document i{height:6px;border-radius:99px;background:rgba(37,232,214,.42)}.legal-card{position:relative;overflow:hidden;border:1px solid rgba(43,211,201,.32);border-radius:16px;padding:27px;background:linear-gradient(135deg,rgba(7,31,38,.9),rgba(2,13,19,.92));box-shadow:inset 0 1px rgba(255,255,255,.025),0 16px 42px rgba(0,0,0,.18)}.legal-card:after{content:"";position:absolute;right:-20%;bottom:-80%;width:250px;height:180px;background:radial-gradient(circle,rgba(18,229,210,.11),transparent 68%);pointer-events:none}.legal-card h2{position:relative;z-index:1;margin:0 0 12px;color:#f0fbfa;font-size:1.25rem;letter-spacing:-.03em}.legal-card p,.legal-card li{position:relative;z-index:1;margin:0;color:#a9c0bd;font-size:.9rem;line-height:1.7}.legal-card p+p{margin-top:13px}.legal-card ul{position:relative;z-index:1;display:grid;gap:6px;margin:14px 0 0;padding:0;list-style:none}.legal-card li:before{content:"✓";margin-right:8px;color:#25e5d1}.legal-highlight{display:flex;align-items:flex-start;gap:20px;margin:16px 0}.legal-highlight>b,.legal-contact>b{display:grid;flex:0 0 auto;place-items:center;width:55px;height:55px;border:1px solid #25e5d1;border-radius:16px;color:#25e5d1;font-size:1.6rem}.legal-grid{display:grid;gap:16px;margin-top:16px}.legal-grid--two{grid-template-columns:repeat(2,1fr)}.legal-grid--three{grid-template-columns:repeat(3,1fr)}.legal-contact{display:flex;align-items:center;gap:18px;margin-top:16px}.legal-reach{display:grid;grid-template-columns:auto 1fr;align-items:start}.legal-reach nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.legal-reach nav a{display:grid;gap:4px;padding:13px;border:1px solid rgba(36,226,209,.2);border-radius:10px;background:rgba(3,20,27,.65);font-size:.88rem}.legal-reach small{color:#7b9794;text-transform:uppercase;font-size:.64rem;letter-spacing:.08em}.legal-faq{margin-top:16px}.legal-faq details{position:relative;z-index:1;border-top:1px solid rgba(58,188,182,.2);padding:14px 0}.legal-faq summary{cursor:pointer;color:#d5e9e6;font-weight:750}.legal-faq details p{margin:10px 0 0}@keyframes legalFloat{50%{transform:translateY(-11px)}}@keyframes legalOrbit{to{transform:rotate(360deg)}}@media(max-width:780px){.legal-shell{width:min(100% - 24px,1180px);padding:20px 0 55px}.legal-hero{grid-template-columns:1fr;min-height:0;padding:30px 22px}.legal-copy h1{font-size:clamp(3rem,15vw,4.4rem)}.legal-art{min-height:260px}.legal-grid--two,.legal-grid--three{grid-template-columns:1fr}.legal-reach nav{grid-template-columns:1fr}.legal-highlight,.legal-contact{padding:21px;gap:14px}.legal-highlight>b,.legal-contact>b{width:45px;height:45px;font-size:1.25rem}.legal-lock{left:12%;width:70px;height:70px}.legal-document{transform:scale(.84)}}@media(prefers-reduced-motion:reduce){.legal-page *{animation:none!important}}

.billing-section{padding:72px max(6vw,24px);background:#f4f8f7;border-top:1px solid #dce9e5}
.billing-section .section-head{align-items:flex-end}
.billing-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}
.billing-plans article{position:relative;background:#fff;border:1px solid #d7e5e1;border-radius:22px;padding:28px;box-shadow:0 14px 36px rgba(17,47,40,.06)}
.billing-plans article.featured{border:2px solid #19a880;transform:translateY(-7px)}
.billing-plans h3{font-size:1.4rem;margin:0 0 8px}
.billing-price{font-size:2rem;font-weight:800;margin:12px 0}
.billing-price small{font-size:.85rem;font-weight:600;color:#58706a}
.billing-plans button{width:100%;margin-top:16px}
.billing-note{color:#58706a;text-align:center;margin:26px auto 0;max-width:760px}
@media(max-width:760px){.billing-plans{grid-template-columns:1fr}.billing-plans article.featured{transform:none}}

.rich-page {
  width: min(1120px, calc(100% - 32px));
  margin: 0 auto;
  padding: 60px 0 90px;
}

.rich-hero {
  border: 1px solid #dce9e5;
  border-radius: 26px;
  background: linear-gradient(135deg, rgba(22, 184, 134, 0.14), transparent 38%),
    linear-gradient(315deg, rgba(55, 125, 255, 0.12), transparent 36%), #ffffff;
  padding: clamp(34px, 6vw, 64px);
  box-shadow: 0 28px 76px rgba(13, 46, 39, 0.12);
}

.rich-hero h1 {
  max-width: 900px;
  margin: 0 0 22px;
  font-size: clamp(2.8rem, 6vw, 5.8rem);
  line-height: 0.96;
  letter-spacing: -0.055em;
}

.rich-hero p {
  max-width: 880px;
  color: #526a64;
  font-size: 1.14rem;
  line-height: 1.8;
}

.contact-hero {
  background: linear-gradient(135deg, rgba(22, 184, 134, 0.16), transparent 35%), #101c1a;
  color: #ffffff;
}

.contact-hero .eyebrow {
  color: #54e4b4;
}

.contact-hero p {
  color: #c5d9d4;
}

.contact-email {
  display: inline-flex;
  width: auto;
  margin-top: 24px;
  padding: 14px 20px;
}

.rich-section {
  margin-top: 28px;
  border: 1px solid #dce9e5;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.9);
  padding: clamp(24px, 4vw, 38px);
  box-shadow: 0 16px 44px rgba(13, 46, 39, 0.07);
}

.rich-section h2 {
  margin: 0 0 16px;
  font-size: clamp(1.8rem, 4vw, 3rem);
  letter-spacing: -0.035em;
}

.rich-section p {
  color: #526a64;
  font-size: 1.04rem;
  line-height: 1.78;
}

.rich-section a {
  color: #057753;
  font-weight: 850;
}

.team-grid,
.rich-tools {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.team-grid article {
  border: 1px solid #dce9e5;
  border-radius: 18px;
  background: #fbfffd;
  padding: 22px;
}

.team-grid h3 {
  margin: 0 0 7px;
}

.team-grid strong {
  display: block;
  color: #057753;
  margin-bottom: 12px;
}

.split-rich {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}

.value-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.value-list span {
  border: 1px solid rgba(22, 184, 134, 0.22);
  border-radius: 999px;
  background: #ecfbf5;
  color: #057753;
  padding: 9px 13px;
  font-size: 0.92rem;
  font-weight: 850;
}

.check-list {
  columns: 2;
  column-gap: 34px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.check-list li {
  position: relative;
  break-inside: avoid;
  margin: 0 0 12px;
  padding-left: 24px;
  color: #38534d;
  line-height: 1.55;
}

.check-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #16b886;
  box-shadow: 0 0 0 4px rgba(22, 184, 134, 0.12);
}

@media(max-width:760px){
  .rich-page{width:min(100% - 20px,1120px);padding-top:30px}
  .team-grid,.rich-tools,.split-rich{grid-template-columns:1fr}
  .check-list{columns:1}
  .rich-hero h1{font-size:2.65rem}
}

/* Final public-site polish: keep link buttons centered instead of inheriting form-button width. */
a.primary,
a.ghost,
.nav-actions a,
.hero-actions a,
.pricing-grid a,
.cta a {
  width: auto;
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
  border-radius: 14px;
  padding: 0 24px;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

.nav-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

.nav-actions a {
  min-height: 48px;
  padding: 0 22px;
}

.nav-actions .primary {
  background: linear-gradient(135deg, #15b98a, #327dff);
  color: #fff;
  box-shadow: 0 12px 28px rgba(22, 184, 134, 0.22);
}

.nav-actions .ghost {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid #dce9e5;
  color: #101c1a;
  box-shadow: 0 10px 24px rgba(13, 46, 39, 0.06);
}

.hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
}

.hero-actions .primary {
  min-width: 260px;
  background: linear-gradient(135deg, #15b98a, #327dff);
}

.hero-actions .ghost {
  min-width: 160px;
  background: #fff;
  border: 1px solid #dce9e5;
  color: #101c1a;
}

.pricing-grid .wide {
  width: 100%;
  min-height: 52px;
  margin-top: auto;
}

.pricing-grid .price-card .primary {
  background: linear-gradient(135deg, #101c1a, #057753 55%, #327dff);
  color: #fff;
}

.pricing-grid .price-card .ghost {
  background: #fff;
  border: 1px solid #dce9e5;
  color: #101c1a;
}

.cta .primary {
  width: auto;
  min-width: 220px;
  margin-top: 22px;
  background: linear-gradient(135deg, #54e4b4, #327dff);
  color: #071411;
  box-shadow: 0 18px 42px rgba(84, 228, 180, 0.22);
}

.visual-card {
  position: relative;
}

.voice-wave {
  height: 132px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 36px 0;
  padding: 18px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.055);
  overflow: hidden;
}

.voice-wave span {
  width: 10px;
  height: 24px;
  border-radius: 999px;
  background: linear-gradient(180deg, #9cf8da, #16b886);
  box-shadow: 0 0 24px rgba(84, 228, 180, 0.28);
  animation: voicePulse 1.15s ease-in-out infinite;
}

.voice-wave span:nth-child(2) { animation-delay: 80ms; height: 42px; }
.voice-wave span:nth-child(3) { animation-delay: 160ms; height: 70px; }
.voice-wave span:nth-child(4) { animation-delay: 240ms; height: 46px; }
.voice-wave span:nth-child(5) { animation-delay: 320ms; height: 92px; }
.voice-wave span:nth-child(6) { animation-delay: 400ms; height: 56px; }
.voice-wave span:nth-child(7) { animation-delay: 480ms; height: 78px; }
.voice-wave span:nth-child(8) { animation-delay: 560ms; height: 38px; }
.voice-wave span:nth-child(9) { animation-delay: 640ms; height: 98px; }
.voice-wave span:nth-child(10) { animation-delay: 720ms; height: 52px; }
.voice-wave span:nth-child(11) { animation-delay: 800ms; height: 74px; }
.voice-wave span:nth-child(12) { animation-delay: 880ms; height: 34px; }

@keyframes voicePulse {
  0%, 100% { transform: scaleY(0.55); opacity: 0.72; }
  50% { transform: scaleY(1.28); opacity: 1; }
}

@media(max-width:760px){
  .nav-actions a{min-height:44px;padding:0 16px}
  .hero-actions{align-items:stretch}
  .hero-actions a{width:100%;min-width:0}
  .voice-wave{height:100px;gap:7px}
  .voice-wave span{width:8px}
}

/* Professional workspace refresh and uploaded-file feedback */
body {
  background:
    radial-gradient(circle at 8% 4%, rgba(28, 196, 157, 0.12), transparent 27rem),
    radial-gradient(circle at 92% 10%, rgba(44, 112, 220, 0.1), transparent 30rem),
    linear-gradient(180deg, #f5f9f8 0%, #eef5f3 52%, #ffffff 100%);
}

.brand-logo {
  width: 150px;
  height: 70px;
  border: 0;
  border-radius: 0;
  background: transparent;
  object-fit: contain;
  object-position: center;
  box-shadow: none;
  filter: drop-shadow(0 10px 20px rgba(7, 42, 35, 0.12));
}

.workspace-body {
  background:
    radial-gradient(circle at 12% 8%, rgba(45, 214, 167, 0.16), transparent 28rem),
    radial-gradient(circle at 88% 12%, rgba(47, 112, 224, 0.12), transparent 30rem),
    linear-gradient(180deg, #edf6f3 0%, #f8fbfa 36%, #ffffff 100%);
}

.workspace-nav {
  position: relative;
  z-index: 10;
  margin-top: 14px;
  padding: 8px 14px;
  border: 1px solid rgba(190, 215, 207, 0.72);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 18px 55px rgba(13, 60, 49, 0.09);
  backdrop-filter: blur(18px);
}

.selected-file-preview {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid #cfe4dd;
  border-radius: 14px;
  background: linear-gradient(135deg, #f8fffc, #eef7ff);
  box-shadow: 0 12px 30px rgba(20, 82, 67, 0.08);
}

.selected-file-preview[hidden] {
  display: none;
}

.selected-file-thumb {
  height: 96px;
  overflow: hidden;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: linear-gradient(135deg, #0d2521, #123b47);
}

.selected-file-thumb video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.selected-audio-thumb {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  color: #64e8bd;
  font-size: 3rem;
}

.selected-file-copy {
  min-width: 0;
}

.selected-file-copy strong,
.selected-file-copy small {
  display: block;
  overflow-wrap: anywhere;
}

.selected-file-copy strong {
  margin: 8px 0 4px;
  color: #102a25;
}

.selected-file-copy small {
  color: #627872;
}

.upload-state-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 5px 10px;
  background: #e5f4ef;
  color: #11684f;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.upload-state-badge.uploading {
  background: #fff3cf;
  color: #8b6100;
}

.upload-state-badge.uploaded {
  background: #d8f8ec;
  color: #057753;
}

.upload-state-badge.failed {
  background: #ffe7e5;
  color: #b93731;
}

.upload-status {
  margin: 9px 0 0;
  color: #3f5b54;
  font-size: 0.82rem;
  line-height: 1.45;
}

.workspace-footer {
  width: min(1160px, calc(100% - 32px));
  margin: 24px auto 0;
  padding: 34px 0 42px;
  border-top: 1px solid #cfe0db;
}

.workspace-footer .footer-brand {
  display: flex;
  align-items: center;
  gap: 10px;
}

.workspace-footer .footer-brand img {
  width: 58px;
  height: 38px;
  border-radius: 9px;
  background: #fff;
  object-fit: cover;
  object-position: center top;
}

.workspace-footer .footer-links {
  display: flex;
  gap: 10px 18px;
  flex-wrap: wrap;
}

.workspace-footer a {
  color: #36564e;
  font-size: 0.88rem;
  font-weight: 750;
}

.workspace-footer a:hover {
  color: #057753;
}

.workspace-footer p {
  margin: 0;
  color: #6a7e79;
  font-size: 0.82rem;
}

@media(max-width:760px) {
  .workspace-nav {
    margin-top: 8px;
    padding: 7px 9px;
  }

  .workspace-nav nav {
    display: none;
  }

  .brand-logo {
    width: 62px;
    height: 40px;
  }

  .brand span {
    font-size: 0.92rem;
  }

  .selected-file-preview {
    grid-template-columns: 100px minmax(0, 1fr);
  }

  .selected-file-thumb {
    height: 78px;
  }

  .workspace-footer {
    align-items: flex-start;
  }
}

/* 2026 workspace experience: transparent branding, useful telemetry and motion */
.workspace-nav .brand {
  min-width: 170px;
}

.workspace-nav .brand-logo,
.workspace-footer .footer-brand img {
  width: 164px;
  height: 72px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  object-fit: contain;
  object-position: center;
  box-shadow: none;
  filter: drop-shadow(0 10px 20px rgba(4, 38, 48, 0.12));
}

.workspace-footer .footer-brand img {
  width: 142px;
  height: 80px;
}

.account-box {
  gap: 10px;
  border-radius: 18px;
  padding: 6px 7px 6px 8px;
  background: rgba(255,255,255,.88);
}

.account-avatar {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  display: grid !important;
  place-items: center;
  padding: 0 !important;
  border-radius: 12px;
  color: #052a31 !important;
  background: linear-gradient(135deg, #78f0c8, #4db6ff);
  font-size: .72rem !important;
  letter-spacing: .04em;
}

.account-details {
  display: grid;
  gap: 1px;
  max-width: 160px;
  padding: 0 !important;
}

.account-details strong,
.account-details small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-details strong { color: #102a2d; font-size: .78rem; }
.account-details small { color: #71847f; font-size: .66rem; text-transform: capitalize; }

.account-box button {
  min-height: 39px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border-radius: 12px;
  padding: 0 14px;
  background: linear-gradient(135deg, #102a32, #174d61);
  box-shadow: 0 9px 20px rgba(10, 45, 55, .18);
  transition: transform .2s ease, box-shadow .2s ease;
}

.account-box button:hover {
  transform: translateY(-2px);
  box-shadow: 0 13px 26px rgba(10, 45, 55, .25);
}

.voice-hero,
.tools-hero {
  position: relative;
}

.upload-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(112, 211, 188, .42);
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(130deg, #5fe7bd, #4e9cff, #9b7cff, #5fe7bd) border-box;
  box-shadow: 0 28px 80px rgba(25, 82, 83, .15);
}

.upload-card::before {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  top: -170px;
  right: -80px;
  border-radius: 50%;
  background: rgba(83, 223, 188, .18);
  filter: blur(5px);
  animation: ambientFloat 7s ease-in-out infinite;
  pointer-events: none;
}

.dropzone {
  position: relative;
  z-index: 1;
  background: linear-gradient(135deg, rgba(238,255,249,.94), rgba(239,247,255,.96));
  border-color: #6ed9bb;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.dropzone:hover {
  transform: translateY(-3px);
  border-color: #428cff;
  box-shadow: 0 16px 36px rgba(47, 127, 190, .13);
}

.upload-icon {
  animation: uploadPulse 2.4s ease-in-out infinite;
}

.selected-file-preview {
  position: relative;
  animation: previewIn .35s ease both;
}

.remove-selected-file {
  position: absolute;
  z-index: 3;
  top: 9px;
  right: 9px;
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  border: 1px solid #d8e5e2;
  border-radius: 50%;
  background: rgba(255,255,255,.96);
  color: #25433d;
  font-size: 1.25rem;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(13,55,48,.12);
}

.remove-selected-file:hover { color: #c83f3a; transform: rotate(6deg) scale(1.06); }

.transfer-progress {
  margin-top: 12px;
  padding: 11px 12px;
  border-radius: 12px;
  background: rgba(11, 39, 46, .06);
}

.transfer-progress[hidden] { display: none; }

.transfer-track {
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: #d9e8e5;
}

.transfer-track span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #11ba87, #3187ff, #7b65ff);
  background-size: 200% 100%;
  box-shadow: 0 0 14px rgba(49,135,255,.35);
  animation: progressShimmer 1.6s linear infinite;
  transition: width .18s ease;
}

.transfer-stats,
.job-progress-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 8px;
  color: #61756f;
  font-size: .72rem;
}

.transfer-stats strong,
.job-progress-meta strong { color: #087a5b; font-size: .82rem; }

.job-progress-meta { margin: 8px 2px 0; }

.job .bar span {
  position: relative;
  overflow: hidden;
  background: linear-gradient(90deg, #12b889, #367dff);
  transition: width .5s ease;
}

.job .bar span::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.58), transparent);
  animation: barSweep 1.5s infinite;
}

@keyframes previewIn {
  from { opacity: 0; transform: translateY(10px) scale(.985); }
  to { opacity: 1; transform: none; }
}
@keyframes ambientFloat {
  0%,100% { transform: translate3d(0,0,0); }
  50% { transform: translate3d(-28px,25px,0); }
}
@keyframes uploadPulse {
  0%,100% { transform: translateY(0); box-shadow: 0 0 0 0 rgba(55,125,255,.16); }
  50% { transform: translateY(-4px); box-shadow: 0 0 0 12px rgba(55,125,255,0); }
}
@keyframes progressShimmer {
  to { background-position: -200% 0; }
}
@keyframes barSweep {
  to { transform: translateX(100%); }
}

@media (prefers-reduced-motion: reduce) {
  .upload-card::before,.upload-icon,.transfer-track span,.job .bar span::after { animation: none; }
}

@media(max-width:760px) {
  .workspace-nav .brand { min-width: 0; }
  .workspace-nav .brand-logo { width: 112px; height: 58px; }
  .account-avatar,.account-details { display: none !important; }
  .account-box button { padding: 0 11px; }
  .selected-file-preview { grid-template-columns: 86px minmax(0,1fr); padding-top: 45px; }
  .transfer-stats span { flex: 1 1 42%; }
}

/* Modern result panel and user-controlled result deletion */
.single-result {
  grid-template-columns: minmax(0, 920px);
}

.result-card {
  position: relative;
  padding: 24px;
  border: 1px solid rgba(81, 158, 145, .24);
  border-radius: 24px;
  background:
    radial-gradient(circle at 94% 3%, rgba(57, 131, 255, .12), transparent 18rem),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(241,250,247,.96));
  box-shadow: 0 24px 65px rgba(18, 67, 62, .13);
}

.result-card .job-top h3 {
  margin: 0;
  color: #0b2b2c;
  font-size: 1.1rem;
  text-transform: capitalize;
}

.job-top-actions {
  display: flex;
  align-items: center;
  gap: 9px;
}

.delete-result {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  flex: 0 0 36px;
  border: 1px solid #dce7e4;
  border-radius: 12px;
  background: rgba(255,255,255,.92);
  color: #5c716c;
  font: 700 1.35rem/1 inherit;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(16,54,49,.08);
  transition: transform .18s ease, color .18s ease, border-color .18s ease, background .18s ease;
}

.delete-result:hover:not(:disabled) {
  transform: translateY(-2px) rotate(4deg);
  border-color: #ffc4bf;
  background: #fff1ef;
  color: #c53e37;
}

.delete-result:disabled {
  cursor: not-allowed;
  opacity: .42;
}

.result-card .bar {
  height: 8px;
  margin: 18px 0 0;
  background: #dcebe7;
}

.result-card .job-progress-meta {
  justify-content: flex-start;
  gap: 8px;
  margin: 9px 0 16px;
}

.result-card .job-progress-meta strong::after {
  content: "•";
  margin-left: 8px;
  color: #94aaa4;
}

.result-card .video-preview {
  display: block;
  width: 100%;
  max-height: 430px;
  margin: 14px 0 18px;
  border: 1px solid rgba(16,50,47,.12);
  border-radius: 18px;
  background: #071a1d;
  object-fit: contain;
  box-shadow: 0 18px 42px rgba(5, 30, 32, .16);
}

.result-card .video-preview[hidden],
.result-card .media-preview[hidden] {
  display: none;
}

.result-card .media-preview {
  margin: 14px 0 18px;
  border-radius: 14px;
}

.result-card .job-actions {
  grid-template-columns: minmax(220px, 330px);
}

.result-card .job-actions a {
  border-radius: 14px;
}

@media(max-width:760px) {
  .result-card { padding: 17px; border-radius: 18px; }
  .job-top { align-items: flex-start; }
  .result-card .video-preview { max-height: 300px; border-radius: 13px; }
  .result-card .job-actions { grid-template-columns: 1fr; }
}

.gallery-note {
  max-width: 720px;
  margin: 6px 0 0;
  color: #657b75;
  font-size: .86rem;
  line-height: 1.5;
}

.result-gallery {
  width: 100%;
  max-width: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.result-gallery .result-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.result-gallery .result-card.empty {
  grid-column: 1 / -1;
}

.result-gallery .video-preview {
  height: 250px;
  max-height: 250px;
}

.result-gallery .media-preview {
  min-height: 54px;
}

.result-gallery .job-actions {
  width: 100%;
  grid-template-columns: 1fr;
  margin-top: auto;
}

.expiry-countdown {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 5px 9px;
  background: #fff2db;
  color: #8a5b03;
  font-size: .7rem;
  font-weight: 850;
}

.expiry-countdown[hidden] {
  display: none;
}

@media(max-width:860px) {
  .result-gallery { grid-template-columns: 1fr; }
  .result-gallery .video-preview { height: auto; max-height: 330px; }
}

.admin-body { min-height:100vh; background:#f4f8f7; }
.admin-topbar { display:flex; align-items:center; justify-content:space-between; padding:14px clamp(18px,4vw,64px); border-bottom:1px solid var(--line); background:rgba(255,255,255,.94); position:sticky; top:0; z-index:10; }
.admin-topbar>div { display:flex; align-items:center; gap:12px; }
.admin-badge { padding:8px 12px; border-radius:999px; color:#075e54; background:#d9f8ee; font-weight:800; }
.admin-shell { width:min(1400px,calc(100% - 36px)); margin:0 auto; padding:42px 0 70px; }
.admin-heading { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:26px; }
.admin-heading h1 { margin:5px 0 8px; font-size:clamp(2rem,4vw,3.6rem); }
.admin-metrics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; margin-bottom:24px; }
.admin-metric,.admin-panel { border:1px solid var(--line); background:#fff; box-shadow:0 18px 50px rgba(15,45,42,.07); }
.admin-metric { display:grid; gap:7px; padding:22px; border-radius:20px; }
.admin-metric span,.admin-metric small { color:var(--muted); }
.admin-metric strong { font-size:2rem; color:var(--ink); }
.admin-panel { padding:24px; border-radius:24px; }
.admin-search { min-width:260px; padding:12px 15px; border:1px solid var(--line); border-radius:12px; background:#f8fbfa; }
.admin-table-wrap { overflow-x:auto; }
.admin-table { width:100%; border-collapse:collapse; }
.admin-table th,.admin-table td { padding:15px 12px; text-align:left; border-bottom:1px solid var(--line); white-space:nowrap; }
.admin-table th { color:var(--muted); font-size:.78rem; text-transform:uppercase; letter-spacing:.08em; }
.admin-table td:first-child { min-width:240px; }
.admin-table td small { display:block; margin-top:4px; color:var(--muted); }
.status-pill { display:inline-flex; padding:6px 10px; border-radius:999px; font-weight:800; font-size:.8rem; }
.status-pill.active { color:#08765f; background:#d9f8ee; }
.status-pill.suspended { color:#a62b31; background:#fee2e2; }
.admin-action { padding:8px 12px; border:1px solid var(--line); border-radius:10px; background:#fff; font-weight:800; cursor:pointer; }
.admin-action:hover:not(:disabled) { border-color:#ef4444; color:#b91c1c; }
.admin-action:disabled { opacity:.45; cursor:not-allowed; }
.admin-message { margin-top:16px; color:var(--muted); }
.plan-select,.expiry-select { padding:8px 10px; border:1px solid var(--line); border-radius:9px; background:#f8fbfa; }
.save-plan { display:block; margin-top:7px; padding:7px 10px; border:0; border-radius:9px; color:#fff; background:#0f766e; font-weight:800; cursor:pointer; }
.save-plan:disabled { opacity:.5; cursor:wait; }
.usage-section { padding:12px 0 28px; }
.usage-card { display:grid; grid-template-columns:minmax(260px,.8fr) minmax(300px,1.2fr); gap:24px; padding:26px; border:1px solid var(--line); border-radius:24px; background:linear-gradient(135deg,#fff,#f0fbf8); box-shadow:0 18px 50px rgba(15,45,42,.07); }
.usage-card h2 { margin:5px 0 8px; }
.usage-meter { align-self:center; }
.usage-track { height:14px; overflow:hidden; border-radius:999px; background:#dce9e7; }
.usage-track span { display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,#12b886,#3182f6); transition:width .5s ease; }
.usage-labels { display:flex; justify-content:space-between; gap:14px; margin-top:9px; color:var(--muted); }
.usage-labels strong { color:var(--ink); }
.usage-limits { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:9px; }
.usage-limits span { padding:7px 10px; border-radius:999px; color:#075e54; background:#d9f8ee; font-size:.82rem; font-weight:800; }
@media(max-width:1000px) { .admin-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:640px) {
  .admin-topbar .admin-badge { display:none; }
  .admin-heading { align-items:stretch; flex-direction:column; }
  .admin-metrics { grid-template-columns:1fr; }
  .admin-panel .section-head { align-items:stretch; flex-direction:column; }
  .admin-search { min-width:0; width:100%; }
  .usage-card { grid-template-columns:1fr; }
  .usage-limits { grid-column:auto; }
  .usage-labels { align-items:flex-start; flex-direction:column; }
}

/* AI text-to-speech studio */
.tts-body { background:radial-gradient(circle at 10% 8%,rgba(34,211,166,.15),transparent 28rem),radial-gradient(circle at 92% 18%,rgba(49,130,246,.14),transparent 30rem),#f5faf9; }
.tts-shell { width:min(1380px,calc(100% - 40px)); margin:0 auto; padding:68px 0 84px; }
.tts-hero { display:grid; grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr); align-items:center; gap:clamp(40px,7vw,100px); min-height:660px; }
.tts-intro h1 { max-width:720px; margin:12px 0 22px; font-size:clamp(3rem,6vw,6.5rem); line-height:.92; letter-spacing:-.065em; color:#082928; }
.tts-intro>p:not(.eyebrow) { max-width:640px; color:#607671; font-size:1.12rem; line-height:1.72; }
.tts-usage-mini { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; max-width:560px; margin-top:30px; }
.tts-usage-mini div { padding:18px 20px; border:1px solid rgba(56,126,113,.17); border-radius:18px; background:rgba(255,255,255,.72); backdrop-filter:blur(12px); }
.tts-usage-mini span,.tts-usage-mini strong { display:block; }
.tts-usage-mini span { color:#6a7f7a; font-size:.78rem; }
.tts-usage-mini strong { margin-top:5px; color:#0a4d46; font-size:1.15rem; }
.tts-studio-card { position:relative; overflow:hidden; padding:30px; border:1px solid rgba(30,122,108,.2); border-radius:30px; background:rgba(255,255,255,.94); box-shadow:0 36px 90px rgba(12,67,63,.16); }
.tts-studio-card::before { content:""; position:absolute; inset:0 0 auto; height:4px; background:linear-gradient(90deg,#15bc8b,#32a5d7,#4b7df1); }
.tts-card-head,.tts-text-label { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.tts-card-head h2 { margin:4px 0 18px; font-size:1.7rem; }
.engine-badge { padding:8px 12px; border-radius:999px; color:#08755f; background:#ddf9f0; font-size:.75rem; font-weight:850; }
.tts-text-label { margin-bottom:9px; color:#314d49; font-size:.82rem; font-weight:800; }
.tts-text-label span:last-child { color:#718581; font-weight:650; }
#ttsText { width:100%; min-height:220px; resize:vertical; padding:20px; border:1px solid #ccddd9; border-radius:18px; color:#102d2b; background:#f9fcfb; font:500 1rem/1.65 inherit; outline:none; transition:border-color .2s,box-shadow .2s,background .2s; }
#ttsText:focus { border-color:#20a989; background:#fff; box-shadow:0 0 0 4px rgba(32,169,137,.11); }
.tts-controls { display:grid; grid-template-columns:1.35fr 1fr .65fr; gap:13px; margin:16px 0; }
.tts-controls.four { grid-template-columns:1fr 1.25fr 1fr .6fr; }
.tts-controls label { display:grid; gap:8px; color:#3e5752; font-size:.78rem; font-weight:800; }
.tts-controls select { width:100%; padding:13px 12px; border:1px solid #ccddd9; border-radius:12px; background:#fff; color:#173431; }
.tts-controls input[type="range"] { accent-color:#16a981; }
.voice-help { margin:-4px 0 15px; color:#71847f; font-size:.72rem; line-height:1.45; }
.voice-help span { color:#08755f; font-weight:850; }
.tts-generate { width:100%; min-height:54px; border-radius:15px; font-size:1rem; }
.button-spark { margin-right:8px; }
.tts-status { min-height:22px; margin:11px 0 0; color:#657a75; text-align:center; font-size:.82rem; }
.tts-gallery-section,.api-access { margin-top:38px; padding:32px; border:1px solid rgba(56,126,113,.16); border-radius:28px; background:rgba(255,255,255,.88); box-shadow:0 22px 65px rgba(17,65,61,.08); }
.tts-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:20px; }
.tts-job,.tts-empty { padding:22px; border:1px solid #d9e7e4; border-radius:22px; background:linear-gradient(145deg,#fff,#f4fbf9); }
.tts-empty { grid-column:1/-1; text-align:center; padding:54px; }
.tts-empty>span { display:grid; place-items:center; width:60px; height:60px; margin:0 auto 14px; border-radius:20px; color:#fff; background:linear-gradient(135deg,#12b886,#3182f6); font-size:1.5rem; }
.tts-job-top { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.tts-job h3 { display:-webkit-box; margin:10px 0 0; overflow:hidden; color:#173330; font-size:1rem; line-height:1.45; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.tts-voice-chip { display:inline-flex; padding:6px 9px; border-radius:999px; color:#08755f; background:#ddf9f0; font-size:.68rem; font-weight:850; text-transform:capitalize; }
.delete-tts { width:34px; height:34px; border:1px solid #d9e4e2; border-radius:11px; color:#758681; background:#fff; font-size:1.3rem; cursor:pointer; }
.delete-tts:hover:not(:disabled) { color:#b4232d; border-color:#ffc9c9; background:#fff0f0; }
.delete-tts:disabled { opacity:.35; cursor:not-allowed; }
.tts-wave { display:flex; align-items:center; gap:3px; height:68px; margin:18px 0; padding:0 12px; border-radius:15px; background:#eaf6f3; }
.tts-wave i { flex:1; height:var(--h); border-radius:999px; background:linear-gradient(180deg,#2b87eb,#13b88a); opacity:.75; }
.tts-job.running .tts-wave i { animation:ttsWave .9s ease-in-out infinite alternate; animation-delay:calc(var(--h) * -10ms); }
@keyframes ttsWave { to { height:18%; opacity:.4; } }
.tts-job-meta { display:flex; flex-wrap:wrap; gap:7px 14px; color:#70827e; font-size:.75rem; }
.tts-job-meta strong { width:100%; color:#23514a; }
.tts-job audio { width:100%; margin:18px 0 10px; }
.tts-download { display:flex; justify-content:center; padding:11px; border-radius:12px; text-decoration:none; }
.tts-error { color:#b4232d; font-size:.78rem; }
.api-access { display:grid; gap:18px; }
.api-access[hidden] { display:none; }
.api-key-create { display:flex; gap:10px; }
.api-key-create input { flex:1; min-width:0; padding:13px 15px; border:1px solid #ccddd9; border-radius:12px; }
.api-access pre { overflow:auto; padding:16px; border-radius:14px; color:#d9fff5; background:#0b2628; white-space:pre-wrap; }
.api-key-list { display:grid; gap:10px; }
.api-key-list article { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:14px 16px; border:1px solid #dbe8e5; border-radius:13px; }
.api-key-list small { display:block; margin-top:4px; color:#71827f; }
.revoke-key { padding:8px 10px; border:1px solid #efc8c8; border-radius:9px; color:#a52c35; background:#fff5f5; cursor:pointer; }
@media(max-width:1050px) { .tts-hero { grid-template-columns:1fr; } .tts-intro h1 { max-width:900px; } }
@media(max-width:720px) {
  .tts-shell { width:min(100% - 24px,1380px); padding-top:36px; }
  .tts-hero { gap:30px; min-height:0; }
  .tts-intro h1 { font-size:clamp(2.8rem,14vw,4.6rem); }
  .tts-controls,.tts-controls.four,.tts-gallery { grid-template-columns:1fr; }
  .tts-studio-card,.tts-gallery-section,.api-access { padding:20px; border-radius:21px; }
  .tts-usage-mini { grid-template-columns:1fr; }
  .api-key-create { flex-direction:column; }
}

/* Free-launch mode: hide paid plans / pricing chrome site-wide */
body.hide-plans #pricing,
body.hide-plans .pricing-section,
body.hide-plans .yearly-pricing,
body.hide-plans .console-plan-mini,
body.hide-plans .console-upgrade-card,
body.hide-plans .usage-section,
body.hide-plans .plan-note,
body.hide-plans #apiAccess,
body.hide-plans #dashboardPlans,
body.hide-plans #planPaymentNote,
body.hide-plans .plan-subscription-state,
body.hide-plans a[href="/usage-plan"],
body.hide-plans a[href="#pricing"],
body.hide-plans a[href="/#pricing"] { display:none !important; }

/* Authenticated creator console */
.console-body {
  --console-bg:#050d14; --console-panel:#0b1923; --console-panel-2:#0e202b;
  --console-line:rgba(103,232,214,.13); --console-text:#eefcf9;
  --console-muted:#86a6a4; --console-teal:#2de1c2; --console-blue:#2c8fff;
  min-height:100vh; margin:0; overflow-x:hidden; color:var(--console-text);
  background:
    radial-gradient(circle at 75% -10%,rgba(17,127,148,.18),transparent 36%),
    radial-gradient(circle at 0 95%,rgba(21,185,143,.09),transparent 31%),
    var(--console-bg);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.console-body * { box-sizing:border-box; }
.console-body button,.console-body a { font:inherit; }
.console-body button:focus-visible,.console-body a:focus-visible {
  outline:2px solid var(--console-teal); outline-offset:3px;
}
.console-ambient { position:fixed; inset:0; overflow:hidden; pointer-events:none; z-index:0; }
.console-ambient span { position:absolute; width:360px; height:360px; border-radius:50%; filter:blur(95px); opacity:.11; animation:consoleFloat 13s ease-in-out infinite alternate; }
.console-ambient span:nth-child(1) { top:-180px; left:28%; background:#1dd8c4; }
.console-ambient span:nth-child(2) { right:-210px; top:38%; background:#2385ff; animation-delay:-5s; }
.console-ambient span:nth-child(3) { left:14%; bottom:-240px; background:#20d896; animation-delay:-8s; }
@keyframes consoleFloat { to { transform:translate3d(45px,28px,0) scale(1.15); } }
.console-sidebar {
  position:fixed; inset:0 auto 0 0; z-index:30; display:flex; flex-direction:column;
  width:230px; padding:22px 15px 18px; border-right:1px solid var(--console-line);
  background:rgba(5,15,22,.94); box-shadow:24px 0 80px rgba(0,0,0,.16);
  backdrop-filter:blur(24px); overflow:hidden;
}
.console-brand-row { display:flex; align-items:center; justify-content:space-between; flex:0 0 auto; padding:0 8px 18px; }
.console-brand { display:flex; align-items:center; gap:11px; color:#f6fffd; font-weight:850; font-size:1.15rem; text-decoration:none; letter-spacing:-.03em; }
.console-brand img { width:38px; height:38px; border-radius:12px; box-shadow:0 0 26px rgba(45,225,194,.22); object-fit:cover; }
.console-brand>span>span { color:var(--console-teal); }
.sidebar-close,.sidebar-toggle { display:none; border:0; color:#dcfffa; background:transparent; cursor:pointer; }
.sidebar-close { font-size:1.9rem; }
.sidebar-collapse{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border:1px solid rgba(103,232,214,.16);border-radius:10px;color:#8eb0ac;background:#0a2029;cursor:pointer;transition:.2s ease}.sidebar-collapse:hover{color:#eafffb;border-color:rgba(45,225,194,.4);background:#0d2a33}.sidebar-collapse span{font-size:1.25rem;line-height:1;transition:transform .2s ease}
.console-nav {
  display:grid; gap:6px; flex:1 1 auto; min-height:0; align-content:start;
  overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain;
  padding:0 2px 8px 0; scrollbar-gutter:stable;
  scrollbar-width:thin; scrollbar-color:rgba(103,232,214,.28) transparent;
}
.console-nav::-webkit-scrollbar { width:8px; }
.console-nav::-webkit-scrollbar-track { background:transparent; }
.console-nav::-webkit-scrollbar-thumb { border-radius:99px; background:rgba(103,232,214,.22); }
.console-nav::-webkit-scrollbar-thumb:hover { background:rgba(103,232,214,.38); }
.console-nav p { margin:14px 12px 6px; color:#587672; font-size:.67rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.console-nav a { display:flex; align-items:center; gap:13px; min-height:45px; padding:0 13px; border:1px solid transparent; border-radius:13px; color:#94aeac; text-decoration:none; font-size:.86rem; font-weight:650; transition:.22s ease; }
.console-nav a svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.console-nav a:hover { color:#eafffb; background:rgba(40,225,194,.06); transform:translateX(3px); }
.console-nav a.active { color:#bdfff4; border-color:rgba(45,225,194,.17); background:linear-gradient(90deg,rgba(23,180,167,.2),rgba(25,105,131,.08)); box-shadow:inset 3px 0 var(--console-teal),0 12px 34px rgba(0,0,0,.14); }
.console-plan-mini { flex:0 0 auto; margin-top:auto; padding:17px; border:1px solid var(--console-line); border-radius:18px; background:linear-gradient(145deg,rgba(15,43,50,.9),rgba(6,24,33,.88)); box-shadow:0 18px 45px rgba(0,0,0,.18); }
.console-plan-mini>div:first-child { display:flex; justify-content:space-between; gap:10px; color:#789794; font-size:.72rem; }
.console-plan-mini strong { color:#dffff9; text-transform:capitalize; }
.console-meter { height:6px; margin:12px 0 9px; overflow:hidden; border-radius:99px; background:#16323b; }
.console-meter span { display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--console-teal),var(--console-blue)); box-shadow:0 0 14px var(--console-teal); transition:width .8s ease; }
.console-plan-mini small { color:#7f9c99; font-size:.68rem; }
.console-plan-mini a { display:flex; justify-content:space-between; margin-top:14px; color:#65efdc; font-size:.73rem; font-weight:750; text-decoration:none; }
.console-shell { position:relative; z-index:1; min-height:100vh; margin-left:230px; }
.console-sidebar,.console-shell{transition:width .24s ease,margin-left .24s ease}.sidebar-collapsed .console-sidebar{width:82px;padding-inline:10px}.sidebar-collapsed .console-shell{margin-left:82px}.sidebar-collapsed .console-brand-row{justify-content:center;padding-inline:0}.sidebar-collapsed .console-brand>span,.sidebar-collapsed .console-nav p,.sidebar-collapsed .console-nav a{font-size:0}.sidebar-collapsed .console-nav a{justify-content:center;padding:0}.sidebar-collapsed .console-nav a svg{width:21px;height:21px}.sidebar-collapsed .console-nav a:hover{transform:none}.sidebar-collapsed .console-plan-mini{display:none}.sidebar-collapsed .sidebar-collapse{position:absolute;right:-15px;top:27px;width:29px;height:29px;border-color:rgba(45,225,194,.28);box-shadow:0 8px 24px rgba(0,0,0,.3)}.sidebar-collapsed .sidebar-collapse span{transform:rotate(180deg)}
.console-topbar { position:sticky; top:0; z-index:20; display:flex; align-items:center; gap:20px; height:82px; padding:0 34px; border-bottom:1px solid var(--console-line); background:rgba(5,14,21,.79); backdrop-filter:blur(24px); }
.console-search { display:flex; align-items:center; gap:11px; width:min(420px,42vw); padding:11px 14px; border:1px solid rgba(118,215,203,.12); border-radius:13px; color:#64827f; background:rgba(12,31,40,.66); }
.console-search svg,.console-icon-button svg,.console-profile svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; }
.console-search kbd { margin-left:auto; padding:3px 7px; border:1px solid #1e3b43; border-radius:6px; color:#688783; background:#081820; font-size:.62rem; }
.console-top-actions { position:relative; display:flex; align-items:center; gap:10px; margin-left:auto; }
.console-icon-button { position:relative; display:grid; place-items:center; width:40px; height:40px; border:1px solid var(--console-line); border-radius:12px; color:#91aeab; background:#0b1c25; cursor:pointer; }
.console-icon-button:hover { color:var(--console-teal); border-color:rgba(45,225,194,.3); }
.console-icon-button i { position:absolute; top:8px; right:8px; width:6px; height:6px; border-radius:50%; background:#3ae5c5; box-shadow:0 0 10px #3ae5c5; }
.console-profile { display:flex; align-items:center; gap:10px; padding:5px 8px 5px 5px; border:1px solid var(--console-line); border-radius:14px; color:#eafffb; background:#0a1b24; cursor:pointer; }
.console-avatar { display:grid; place-items:center; width:34px; height:34px; border-radius:11px; color:#06201d; background:linear-gradient(135deg,#58f1d5,#2a9cff); font-size:.7rem; font-weight:900; box-shadow:0 0 20px rgba(45,225,194,.13); }
.console-profile-text { display:grid; min-width:115px; text-align:left; }
.console-profile-text strong { overflow:hidden; font-size:.76rem; text-overflow:ellipsis; white-space:nowrap; }
.console-profile-text small { color:#718e8b; font-size:.63rem; text-transform:capitalize; }
.console-profile>svg { width:13px; }
.console-profile-menu { position:absolute; top:50px; right:0; display:grid; min-width:190px; padding:8px; border:1px solid var(--console-line); border-radius:14px; background:#0b1b24; box-shadow:0 25px 70px rgba(0,0,0,.42); }
.console-profile-menu[hidden] { display:none; }
.console-profile-menu a,.console-profile-menu button { padding:11px 12px; border:0; border-radius:9px; color:#9db8b5; background:transparent; text-align:left; text-decoration:none; cursor:pointer; }
.console-profile-menu a:hover,.console-profile-menu button:hover { color:#eafffb; background:#112a34; }
.console-main { width:min(1480px,100%); margin:auto; padding:30px 30px 26px; }
.console-welcome { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:28px; animation:consoleReveal .55s ease both; }
.console-eyebrow { margin:0 0 8px; color:var(--console-teal); font-size:.7rem; font-weight:850; letter-spacing:.15em; text-transform:uppercase; }
.console-welcome h1 { margin:0; color:#f5fffd; font-size:clamp(2rem,4vw,3.25rem); line-height:1.05; letter-spacing:-.055em; }
.console-welcome h1 span { color:var(--console-teal); }
.console-welcome>div>p:last-child { margin:12px 0 0; color:#809c99; font-size:.92rem; }
.console-primary-button { display:inline-flex; align-items:center; gap:9px; padding:13px 18px; border-radius:13px; color:#021b19; background:linear-gradient(135deg,#38e7c9,#3aa4ff); box-shadow:0 14px 38px rgba(25,204,182,.2); font-weight:850; text-decoration:none; transition:.2s ease; }
.console-primary-button:hover { transform:translateY(-2px); box-shadow:0 19px 44px rgba(25,204,182,.28); }
.console-tool-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.console-tool-card { position:relative; min-height:195px; overflow:hidden; padding:20px; border:1px solid var(--console-line); border-radius:18px; color:inherit; background:linear-gradient(145deg,rgba(13,32,43,.98),rgba(8,23,31,.96)); text-decoration:none; box-shadow:0 22px 48px rgba(0,0,0,.17); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; animation:consoleReveal .55s calc(var(--delay,0) * 1ms) ease both; }
.console-tool-card:hover { transform:translateY(-6px); border-color:rgba(45,225,194,.36); box-shadow:0 25px 65px rgba(0,0,0,.26),0 0 32px rgba(45,225,194,.08); }
.console-tool-card::after { content:""; position:absolute; width:150px; height:150px; right:-65px; top:-70px; border-radius:50%; background:var(--card-accent,var(--console-teal)); filter:blur(65px); opacity:.11; }
.console-tool-icon { display:grid; place-items:center; width:54px; height:54px; border:1px solid rgba(45,225,194,.22); border-radius:16px; color:var(--console-teal); background:rgba(31,211,183,.08); box-shadow:inset 0 0 22px rgba(45,225,194,.05); }
.console-tool-icon svg { width:27px; height:27px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.console-tool-card h2 { margin:22px 0 7px; font-size:1.04rem; letter-spacing:-.02em; }
.console-tool-card p { margin:0; color:#789693; font-size:.76rem; line-height:1.6; }
.console-tool-go { position:absolute; right:19px; bottom:18px; display:grid; place-items:center; width:34px; height:34px; border:1px solid #1a3b42; border-radius:11px; color:#75dcca; transition:.2s ease; }
.console-tool-card:hover .console-tool-go { color:#06211d; background:var(--console-teal); transform:translateX(3px); }
.console-coming { cursor:default; }
.console-badge { position:absolute; right:18px; top:17px; padding:5px 8px; border-radius:99px; color:#f5ca75; background:rgba(236,174,55,.1); font-size:.57rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.console-workspace-grid { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(285px,.75fr); gap:18px; margin-top:18px; }
.console-panel { border:1px solid var(--console-line); border-radius:21px; background:linear-gradient(145deg,rgba(11,28,38,.96),rgba(7,20,28,.97)); box-shadow:0 24px 60px rgba(0,0,0,.16); animation:consoleReveal .55s .18s ease both; }
.console-panel-header { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:21px 22px 17px; border-bottom:1px solid rgba(103,232,214,.08); }
.console-panel-header h2 { margin:0; font-size:1rem; }
.console-panel-header p { margin:5px 0 0; color:#6d8b88; font-size:.7rem; }
.console-text-button { border:0; color:#65dac8; background:transparent; font-size:.7rem; font-weight:750; cursor:pointer; }
.console-project-list { min-height:284px; padding:5px 10px 10px; }
.console-project-row { display:grid; grid-template-columns:42px minmax(0,1fr) 150px auto; align-items:center; gap:13px; padding:13px 11px; border-radius:13px; color:inherit; text-decoration:none; transition:.2s ease; }
.console-project-row:hover { background:rgba(55,219,194,.05); }
.console-project-icon { display:grid; place-items:center; width:38px; height:38px; border:1px solid #17404a; border-radius:12px; color:#4ee3cc; background:#0b2630; }
.console-project-icon svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.console-project-copy { min-width:0; }
.console-project-copy strong { display:block; overflow:hidden; color:#ddf6f2; font-size:.77rem; text-overflow:ellipsis; white-space:nowrap; }
.console-project-copy small { color:#668481; font-size:.65rem; text-transform:capitalize; }
.console-wave { display:flex; align-items:center; gap:3px; height:32px; }
.console-wave i { width:3px; height:var(--wave-height,35%); border-radius:99px; background:linear-gradient(180deg,#41ebd0,#267eb4); opacity:.68; }
.console-project-row:hover .console-wave i { animation:consoleWave .55s ease-in-out infinite alternate; animation-delay:calc(var(--n,1) * -70ms); }
@keyframes consoleWave { to { height:85%; opacity:1; } }
.console-project-time { color:#668481; font-size:.65rem; white-space:nowrap; }
.console-empty { display:grid; place-items:center; min-height:270px; color:#6f8d89; text-align:center; }
.console-empty strong { display:block; margin-bottom:7px; color:#cce5e1; }
.console-empty a { color:#4ae1ca; }
.console-side-stack { display:grid; align-content:start; gap:18px; }
.console-activity { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; overflow:hidden; background:var(--console-line); }
.console-stat { min-height:112px; padding:18px; background:#091a23; }
.console-stat span { display:block; margin-bottom:9px; color:#6d8987; font-size:.64rem; }
.console-stat strong { color:#eefffc; font-size:1.35rem; letter-spacing:-.04em; }
.console-stat small { margin-left:3px; color:#6a8985; font-size:.62rem; }
.console-usage { padding:20px; }
.console-usage-row { margin-bottom:18px; }
.console-usage-row:last-child { margin-bottom:0; }
.console-usage-copy { display:flex; justify-content:space-between; gap:10px; margin-bottom:8px; color:#789591; font-size:.66rem; }
.console-usage-copy strong { color:#cde5e1; }
.console-upgrade { padding:21px; background:linear-gradient(145deg,rgba(9,43,47,.98),rgba(8,27,37,.98)); }
.console-upgrade span { color:#58ead4; font-size:.65rem; font-weight:800; text-transform:uppercase; }
.console-upgrade h2 { margin:9px 0 7px; font-size:1.05rem; }
.console-upgrade p { margin:0 0 16px; color:#73918e; font-size:.7rem; line-height:1.55; }
.console-upgrade a { display:flex; justify-content:center; padding:11px; border-radius:11px; color:#041c19; background:linear-gradient(135deg,#37e3c5,#3ca4ff); font-size:.72rem; font-weight:850; text-decoration:none; }
.console-footer { display:flex; justify-content:space-between; gap:18px; margin-top:28px; padding:22px 4px 0; border-top:1px solid rgba(103,232,214,.08); color:#4f6d6a; font-size:.65rem; }
.console-footer div { display:flex; flex-wrap:wrap; gap:16px; }
.console-footer a { color:#668783; text-decoration:none; }
.console-footer a:hover { color:#5fe6d1; }
.console-scrim { display:none; }
@keyframes consoleReveal { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }

/* Dashboard component bindings */
.console-profile { position:relative; padding:0; border:0; background:transparent; }
.console-profile>button { display:flex; align-items:center; gap:10px; padding:5px 9px 5px 5px; border:1px solid var(--console-line); border-radius:14px; color:#eafffb; background:#0a1b24; cursor:pointer; }
.console-profile>button>span:nth-child(2) { display:grid; min-width:115px; text-align:left; }
.console-profile>button strong { overflow:hidden; font-size:.76rem; text-overflow:ellipsis; white-space:nowrap; }
.console-profile>button small { color:#718e8b; font-size:.63rem; text-transform:capitalize; }
.console-profile>button>svg { width:13px; }
.profile-menu { position:absolute; top:52px; right:0; z-index:4; display:grid; min-width:190px; padding:8px; border:1px solid var(--console-line); border-radius:14px; background:#0b1b24; box-shadow:0 25px 70px rgba(0,0,0,.42); }
.profile-menu[hidden] { display:none; }
.profile-menu a,.profile-menu button { padding:11px 12px; border:0; border-radius:9px; color:#9db8b5; background:transparent; text-align:left; text-decoration:none; cursor:pointer; }
.profile-menu a:hover,.profile-menu button:hover { color:#eafffb; background:#112a34; }
.console-kicker { display:flex; align-items:center; gap:8px; margin:0 0 9px!important; color:var(--console-teal)!important; font-size:.68rem!important; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
.console-kicker span { width:7px; height:7px; border-radius:50%; background:var(--console-teal); box-shadow:0 0 12px var(--console-teal); }
.console-date { color:#6f918d; font-size:.75rem; }
.console-tool-card.clean-card { --card-accent:#2de1c2; }
.console-tool-card.tts-card { --card-accent:#2c8fff; }
.console-tool-card.video-card { --card-accent:#a875ff; }
.console-tool-card.next-card { --card-accent:#f0b85a; }
.tool-glow { position:absolute; width:170px; height:170px; right:-75px; top:-80px; border-radius:50%; background:var(--card-accent); filter:blur(70px); opacity:.1; }
.tool-status { position:absolute; right:18px; top:18px; padding:5px 8px; border:1px solid rgba(45,225,194,.13); border-radius:99px; color:#78d9cb; background:rgba(45,225,194,.06); font-size:.57rem; font-weight:850; letter-spacing:.04em; text-transform:uppercase; }
.console-tool-card>div:nth-of-type(3) { position:relative; }
.tool-open { position:absolute; left:22px; bottom:19px; color:#6bdaca; font-size:.7rem; font-weight:750; }
.tool-open b { margin-left:5px; }
.console-content-grid { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(285px,.75fr); gap:18px; margin-top:18px; }
.console-panel-head { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:21px 22px 17px; border-bottom:1px solid rgba(103,232,214,.08); }
.console-panel-head p { margin:0 0 4px; color:#57dcca; font-size:.61rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.console-panel-head h2 { margin:0; font-size:1rem; }
.console-panel-head button { border:0; color:#65dac8; background:transparent; font-size:.7rem; font-weight:750; cursor:pointer; }
.console-panel-head>span { padding:5px 8px; border-radius:99px; color:#69e8d5; background:#10372f; font-size:.58rem; font-weight:800; text-transform:uppercase; }
.project-list { min-height:284px; padding:5px 10px 10px; }
.project-row { display:grid; grid-template-columns:42px minmax(0,1fr) 145px 84px 16px; align-items:center; gap:12px; padding:13px 11px; border-radius:13px; color:inherit; text-decoration:none; transition:.2s ease; }
.project-row:hover { background:rgba(55,219,194,.05); }
.project-type { display:grid; place-items:center; width:38px; height:38px; border:1px solid #17404a; border-radius:12px; color:#4ee3cc; background:#0b2630; }
.project-type svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.project-copy { min-width:0; }
.project-copy strong { display:block; overflow:hidden; color:#ddf6f2; font-size:.77rem; text-overflow:ellipsis; white-space:nowrap; }
.project-copy small { color:#668481; font-size:.65rem; text-transform:capitalize; }
.project-wave { display:flex; align-items:center; gap:3px; height:32px; }
.project-wave i { width:3px; height:calc(18% + var(--wave) * 3.6%); border-radius:99px; background:linear-gradient(180deg,#41ebd0,#267eb4); opacity:.68; }
.project-row:hover .project-wave i { animation:consoleWave .55s ease-in-out infinite alternate; }
.project-state { display:grid; gap:3px; text-align:right; }
.project-state b { color:#88d8cb; font-size:.58rem; text-transform:uppercase; }
.project-state small { color:#5d7c78; font-size:.58rem; }
.project-arrow { color:#527773; }
.project-empty,.project-error { display:grid; place-items:center; align-content:center; min-height:270px; padding:25px; color:#6f8d89; text-align:center; }
.project-empty>span { display:grid; place-items:center; width:48px; height:48px; margin-bottom:12px; border:1px solid #17404a; border-radius:14px; color:#49e2cb; background:#0b2630; }
.project-empty svg { width:24px; fill:none; stroke:currentColor; }
.project-empty strong,.project-error strong { display:block; margin-bottom:6px; color:#d8efeb; }
.project-empty p,.project-error p { margin:0 0 12px; font-size:.72rem; }
.project-empty a { color:#51e1cb; font-size:.72rem; text-decoration:none; }
.project-loading { display:flex; align-items:center; justify-content:center; gap:7px; min-height:270px; }
.project-loading span { width:7px; height:7px; border-radius:50%; background:#35dfc2; animation:consoleLoad .7s ease-in-out infinite alternate; }
.project-loading span:nth-child(2) { animation-delay:.15s; }.project-loading span:nth-child(3) { animation-delay:.3s; }
@keyframes consoleLoad { to { transform:translateY(-8px); opacity:.35; } }
.console-right-column { display:grid; align-content:start; gap:18px; }
.activity-stat { display:inline-flex; align-items:baseline; gap:5px; width:calc(50% - 2px); padding:17px 20px; }
.activity-stat span { display:block; width:100%; color:#6d8987; font-size:.62rem; }
.activity-stat strong { color:#eefffc; font-size:1.2rem; }
.activity-stat small { color:#65827f; font-size:.58rem; }
.activity-usage { padding:7px 20px 19px; }
.activity-usage>div:first-child { display:flex; justify-content:space-between; color:#6d8987; font-size:.62rem; }
.activity-usage strong { color:#bbd9d4; }
.console-upgrade-card { position:relative; overflow:hidden; padding:22px; border:1px solid rgba(45,225,194,.18); border-radius:21px; background:linear-gradient(145deg,#0c3033,#0a202a); box-shadow:0 24px 60px rgba(0,0,0,.16); }
.console-upgrade-card p { margin:0; color:#58ead4; font-size:.62rem; font-weight:800; text-transform:uppercase; }
.console-upgrade-card h2 { margin:9px 0 7px; font-size:1.13rem; }
.console-upgrade-card>span { display:block; max-width:270px; color:#73918e; font-size:.7rem; line-height:1.55; }
.console-upgrade-card>a { display:flex; justify-content:center; margin-top:17px; padding:11px; border-radius:11px; color:#041c19; background:linear-gradient(135deg,#37e3c5,#3ca4ff); font-size:.72rem; font-weight:850; text-decoration:none; }
.upgrade-orbit { position:absolute; right:-35px; top:-35px; width:125px; height:125px; border:1px solid rgba(49,228,200,.1); border-radius:50%; animation:consoleSpin 14s linear infinite; }
.upgrade-orbit i { position:absolute; width:6px; height:6px; border-radius:50%; background:#39e4c7; box-shadow:0 0 13px #39e4c7; }
.upgrade-orbit i:nth-child(1) { left:20px; top:10px; }.upgrade-orbit i:nth-child(2) { right:2px; top:63px; }.upgrade-orbit i:nth-child(3) { bottom:4px; left:43px; }
@keyframes consoleSpin { to { transform:rotate(360deg); } }
.notification-dot { position:absolute; top:8px; right:8px; width:6px; height:6px; border-radius:50%; background:#3ae5c5; box-shadow:0 0 10px #3ae5c5; }
.acknowledged .notification-dot { display:none; }
.spinning svg { animation:consoleSpin .7s linear infinite; }
.search-pulse { border-color:rgba(45,225,194,.5); box-shadow:0 0 24px rgba(45,225,194,.12); }
.sidebar-scrim { display:none; }
.console-welcome-actions { display:grid; justify-items:end; gap:12px; }
.console-primary-button { border:0; cursor:pointer; }
.console-tool-card[type="button"] { width:100%; text-align:left; cursor:pointer; }
.console-notifications { position:absolute; top:52px; right:58px; z-index:8; width:min(350px,calc(100vw - 28px)); padding:10px; border:1px solid var(--console-line); border-radius:16px; background:#0a1b24; box-shadow:0 28px 80px rgba(0,0,0,.46); }
.console-notifications[hidden] { display:none; }
.console-notifications>div:first-child { display:flex; align-items:center; justify-content:space-between; padding:7px 8px 12px; }
.console-notifications>div:first-child strong { font-size:.78rem; }
.console-notifications>div:first-child button { border:0; color:#779692; background:transparent; font-size:1.25rem; cursor:pointer; }
#notificationItems { display:grid; gap:7px; }
#notificationItems article { padding:12px; border:1px solid rgba(103,232,214,.09); border-radius:11px; background:#0d222c; }
#notificationItems b,#notificationItems span { display:block; }
#notificationItems b { color:#d9efec; font-size:.7rem; }
#notificationItems span { margin-top:4px; color:#718f8c; font-size:.63rem; line-height:1.45; }
#notificationItems .warning { border-color:rgba(239,184,76,.2); }
.console-plan-section { margin-top:20px; padding:28px; border:1px solid var(--console-line); border-radius:23px; background:linear-gradient(145deg,rgba(10,27,36,.97),rgba(6,19,27,.97)); box-shadow:0 26px 70px rgba(0,0,0,.17); scroll-margin-top:100px; }
.console-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; }
.console-section-heading h2 { margin:0; font-size:clamp(1.45rem,3vw,2.15rem); letter-spacing:-.045em; }
.console-section-heading>div:first-child>p:last-child { max-width:660px; margin:9px 0 0; color:#708e8a; font-size:.74rem; line-height:1.55; }
.plan-subscription-state { display:grid; justify-items:end; gap:4px; flex:0 0 auto; }
.plan-subscription-state span { color:#668682; font-size:.61rem; text-transform:uppercase; letter-spacing:.1em; }
.plan-subscription-state strong { color:#cce9e4; font-size:.78rem; text-transform:capitalize; }
.plan-subscription-state button { margin-top:6px; padding:8px 10px; border:1px solid #1c5956; border-radius:9px; color:#5ee6d1; background:#0a292d; font-size:.66rem; cursor:pointer; }
.console-plan-usage-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:24px 0; }
.console-plan-usage-grid article { min-height:124px; padding:17px; border:1px solid rgba(103,232,214,.1); border-radius:16px; background:#0a1d26; }
.console-plan-usage-grid article>span { display:block; color:#6f8d89; font-size:.64rem; }
.console-plan-usage-grid article>strong { display:block; margin:11px 0; color:#e9fbf8; font-size:1.15rem; letter-spacing:-.035em; }
.console-plan-usage-grid article>strong b { font:inherit; }
.console-plan-usage-grid article>small { display:block; color:#627f7b; font-size:.61rem; line-height:1.4; }
.console-plan-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.dashboard-plan-card { position:relative; padding:20px; border:1px solid rgba(103,232,214,.1); border-radius:18px; background:linear-gradient(145deg,#0d222c,#091a23); }
.dashboard-plan-card.current { border-color:rgba(45,225,194,.44); box-shadow:inset 0 0 28px rgba(45,225,194,.04); }
.dashboard-plan-card.popular { background:linear-gradient(155deg,#102c34,#0a1c27); }
.dashboard-plan-badge { position:absolute; right:15px; top:14px; padding:5px 7px; border-radius:99px; color:#061d1a; background:#41e3c8; font-size:.52rem; font-weight:900; text-transform:uppercase; }
.dashboard-plan-card>p { margin:0 0 7px; color:#6d8c88; font-size:.62rem; }
.dashboard-plan-card h3 { margin:0; font-size:1rem; }
.dashboard-plan-price { display:flex; align-items:baseline; gap:5px; margin:16px 0; }
.dashboard-plan-price strong { font-size:1.45rem; letter-spacing:-.05em; }
.dashboard-plan-price span { color:#698783; font-size:.6rem; }
.dashboard-plan-card ul { display:grid; gap:9px; min-height:112px; margin:0 0 18px; padding:0; list-style:none; }
.dashboard-plan-card li { position:relative; padding-left:15px; color:#87a29f; font-size:.65rem; line-height:1.4; }
.dashboard-plan-card li::before { content:"✓"; position:absolute; left:0; color:#43d9c2; font-weight:900; }
.dashboard-plan-card button { width:100%; padding:10px; border:1px solid #1d5b57; border-radius:10px; color:#071e1b; background:linear-gradient(135deg,#3ee4c7,#3c9eff); font-size:.67rem; font-weight:850; cursor:pointer; }
.dashboard-plan-card button:disabled { color:#76938f; border-color:#19363c; background:#0b222b; cursor:not-allowed; }
.dashboard-plan-card.current button:disabled { color:#55dec9; border-color:#1d5b57; background:#0b2e31; }
.plan-payment-note { margin:16px 0 0; color:#617f7b; font-size:.64rem; text-align:center; }
.console-modal[hidden] { display:none; }
.console-modal { position:fixed; inset:0; z-index:80; display:grid; place-items:center; padding:20px; }
.console-modal-backdrop { position:absolute; inset:0; background:rgba(0,7,11,.78); backdrop-filter:blur(8px); }
.console-modal>section { position:relative; z-index:1; width:min(860px,100%); padding:24px; border:1px solid rgba(72,231,207,.22); border-radius:23px; background:linear-gradient(145deg,#0c202a,#07161f); box-shadow:0 35px 100px rgba(0,0,0,.6); animation:consoleReveal .22s ease both; }
.console-modal-head { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; }
.console-modal-head p { margin:0 0 5px; color:#4ee1cb; font-size:.62rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.console-modal-head h2 { margin:0; font-size:1.45rem; letter-spacing:-.035em; }
.console-modal-head button { border:0; color:#789793; background:transparent; font-size:1.7rem; cursor:pointer; }
.project-choice-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:22px 0 14px; }
.project-choice-grid>a { display:grid; min-height:230px; padding:18px; border:1px solid rgba(103,232,214,.11); border-radius:17px; color:inherit; background:#0b2029; text-decoration:none; transition:.2s ease; }
.project-choice-grid>a:hover { transform:translateY(-4px); border-color:rgba(45,225,194,.42); background:#0d2730; }
.project-choice-grid strong { margin-top:17px; font-size:.9rem; }
.project-choice-grid small { margin-top:6px; color:#73918d; font-size:.67rem; line-height:1.5; }
.project-choice-grid b { align-self:end; color:#50dec9; font-size:.65rem; }
.console-modal>section>p { margin:0; color:#617d79; font-size:.62rem; text-align:center; }
.console-modal-open { overflow:hidden; }
@media(max-width:1180px) {
  .console-tool-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .console-workspace-grid,.console-content-grid { grid-template-columns:1fr; }
  .console-side-stack { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .console-upgrade { grid-column:1/-1; }
  .console-plan-grid,.console-plan-usage-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:1050px) {
  .sidebar-collapse { display:none; }
  .sidebar-collapsed .console-sidebar { width:230px; padding:22px 15px 18px; }
  .sidebar-collapsed .console-shell { margin-left:0; }
  .sidebar-collapsed .console-brand>span,.sidebar-collapsed .console-nav a { font-size:.86rem; }
  .sidebar-collapsed .console-nav p { font-size:.67rem; }
  .sidebar-collapsed .console-nav a { justify-content:flex-start; padding:0 13px; }
  .sidebar-collapsed .console-plan-mini { display:block; }
  .console-sidebar { transform:translateX(-105%); transition:transform .25s ease; }
  .console-sidebar.open { transform:none; }
  .sidebar-open .console-sidebar { transform:none; }
  .console-shell { margin-left:0; }
  .sidebar-toggle,.sidebar-close { display:block; }
  .sidebar-toggle { width:38px; height:38px; padding:9px; border:1px solid var(--console-line); border-radius:11px; }
  .sidebar-toggle span { display:block; height:2px; margin:4px 0; border-radius:9px; background:#9bc6c0; }
  .console-scrim { position:fixed; inset:0; z-index:25; background:rgba(0,6,10,.68); backdrop-filter:blur(4px); }
  .console-scrim.open { display:block; }
  .sidebar-open .sidebar-scrim { display:block; }
  .console-topbar { padding:0 20px; }
}
@media(max-width:780px) {
  .console-tool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:620px) {
  .console-main { padding:28px 16px 24px; }
  .console-topbar { height:70px; padding:0 14px; }
  .console-search { display:none; }
  .console-profile-text,.console-profile>svg { display:none; }
  .console-profile>button>span:nth-child(2),.console-profile>button>svg { display:none; }
  .console-profile { min-width:46px; padding:5px; }
  .console-welcome { align-items:flex-start; flex-direction:column; }
  .console-welcome-actions { width:100%; justify-items:stretch; }
  .console-welcome h1 { font-size:2.35rem; }
  .console-primary-button { width:100%; justify-content:center; }
  .console-tool-grid,.console-side-stack { grid-template-columns:1fr; }
  .console-tool-card { min-height:200px; }
  .console-project-row { grid-template-columns:40px minmax(0,1fr) auto; }
  .console-project-row .console-wave { display:none; }
  .project-row { grid-template-columns:40px minmax(0,1fr) auto; }
  .project-wave,.project-arrow { display:none; }
  .console-footer { flex-direction:column; }
  .console-plan-section { padding:19px; }
  .console-section-heading { align-items:flex-start; flex-direction:column; }
  .plan-subscription-state { justify-items:start; }
  .console-plan-grid,.console-plan-usage-grid,.project-choice-grid { grid-template-columns:1fr; }
  .project-choice-grid>a { min-height:200px; }
  .console-notifications { position:fixed; top:62px; right:14px; }
}
@media(prefers-reduced-motion:reduce) {
  .console-body * { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}

/* Dedicated authenticated subpages */
.console-page-title { display:grid; gap:2px; }
.console-page-title span { color:#5f7d79; font-size:.58rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.console-page-title strong { font-size:.9rem; }
.console-back-link { padding:9px 12px; border:1px solid var(--console-line); border-radius:10px; color:#8eaaa7; font-size:.68rem; text-decoration:none; }
.console-back-link:hover { color:#51dfca; border-color:rgba(45,225,194,.32); }
.console-subpage-main { max-width:1450px; }
.projects-hero { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; padding:15px 0 25px; }
.projects-hero h1,.usage-page-section h1 { margin:0; font-size:clamp(2rem,4vw,3.4rem); letter-spacing:-.055em; }
.projects-hero>div>p:last-child { max-width:680px; margin:10px 0 0; color:#799591; font-size:.8rem; line-height:1.55; }
.projects-toolbar { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:18px; padding:14px 16px; border:1px solid var(--console-line); border-radius:15px; background:#091a23; }
.projects-toolbar label { display:grid; gap:6px; width:min(430px,100%); color:#718e8a; font-size:.61rem; }
.projects-toolbar input { width:100%; padding:11px 13px; border:1px solid #173841; border-radius:10px; color:#def4f0; background:#07171f; outline:none; }
.projects-toolbar input:focus { border-color:#2dcbb5; box-shadow:0 0 0 3px rgba(45,225,194,.08); }
.projects-toolbar>span { color:#6f8d89; font-size:.67rem; }
.projects-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; min-height:320px; }
.named-project-card { display:flex; flex-direction:column; min-height:285px; padding:20px; border:1px solid var(--console-line); border-radius:18px; background:linear-gradient(145deg,#0d222c,#081922); box-shadow:0 20px 50px rgba(0,0,0,.14); transition:.2s ease; }
.named-project-card:hover { transform:translateY(-4px); border-color:rgba(45,225,194,.3); }
.named-project-top { display:flex; align-items:center; justify-content:space-between; }
.named-project-folder { display:grid; place-items:center; width:43px; height:43px; border:1px solid #18504e; border-radius:13px; color:#3edec6; background:#0b3032; }
.named-project-folder svg { width:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linejoin:round; }
.named-project-top button { width:31px; height:31px; border:1px solid #24383e; border-radius:9px; color:#708985; background:#0a171e; font-size:1.1rem; cursor:pointer; }
.named-project-top button:hover { color:#ff9393; border-color:#69373e; }
.named-project-card h2 { margin:17px 0 7px; font-size:1rem; }
.named-project-card>p { flex:1; margin:0; color:#718d89; font-size:.68rem; line-height:1.55; }
.named-project-meta { display:flex; justify-content:space-between; gap:10px; margin:16px 0 13px; padding-top:13px; border-top:1px solid rgba(103,232,214,.08); color:#5f7e7a; font-size:.59rem; }
.named-project-actions { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
.named-project-actions a { padding:8px 5px; border:1px solid #18423f; border-radius:9px; color:#66ddcc; background:#0a282c; font-size:.59rem; font-weight:750; text-align:center; text-decoration:none; }
.projects-empty { grid-column:1/-1; display:grid; place-items:center; align-content:center; min-height:360px; padding:30px; border:1px dashed #1a4146; border-radius:20px; color:#6e8c88; text-align:center; background:#081820; }
.projects-empty>span { display:grid; place-items:center; width:58px; height:58px; border-radius:17px; color:#44e0c8; background:#0c3032; font-size:1.5rem; }
.projects-empty h2 { margin:16px 0 7px; color:#dff5f1; font-size:1.1rem; }
.projects-empty p { max-width:440px; margin:0; font-size:.7rem; line-height:1.5; }
.projects-empty button { margin-top:15px; padding:10px 14px; border:0; border-radius:10px; color:#061d1a; background:#3cdec4; font-weight:800; cursor:pointer; }
.project-create-form { display:grid; gap:16px; margin-top:22px; }
.project-create-form label { display:grid; gap:7px; color:#b9d2ce; font-size:.7rem; font-weight:700; }
.project-create-form label span { color:#617f7b; font-weight:500; }
.project-create-form input,.project-create-form textarea { width:100%; padding:12px 13px; border:1px solid #1b4148; border-radius:11px; color:#e3f7f4; background:#071820; outline:none; resize:vertical; }
.project-create-form input:focus,.project-create-form textarea:focus { border-color:#32d9c0; }
.project-create-form>p { min-height:18px; margin:0; color:#f49a9a; font-size:.65rem; }
.usage-page-section { margin-top:0; }
@media(max-width:1100px) { .projects-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) {
  .projects-hero { align-items:flex-start; flex-direction:column; }
  .projects-hero .console-primary-button { width:100%; justify-content:center; }
  .projects-toolbar { align-items:stretch; flex-direction:column; }
  .projects-grid { grid-template-columns:1fr; }
  .console-back-link { display:none; }
}

/* VoiceStockAI public experience — scoped so authenticated screens stay unchanged. */
.marketing-page {
  --public-bg:#02080d;
  --public-panel:#06151c;
  --public-panel-2:#081c23;
  --public-line:rgba(27,224,202,.25);
  --public-cyan:#16e0cf;
  --public-blue:#2786ff;
  --public-text:#f5fbfa;
  --public-muted:#91a8a7;
  color-scheme:dark;
  font-family:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;
  background:
    radial-gradient(circle at 72% 9%,rgba(0,217,204,.09),transparent 28rem),
    radial-gradient(circle at 20% 35%,rgba(22,111,151,.08),transparent 34rem),
    linear-gradient(180deg,#02070c,#031017 55%,#02080d);
  color:var(--public-text);
}
.marketing-page h1,
.marketing-page h2,
.marketing-page .brand-name {
  font-family:Sora,"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;
}
.marketing-page main,.marketing-page .nav { width:100%; }
.marketing-page em { color:var(--public-cyan);font-style:normal; }
.marketing-page .test-contract { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap; }
.marketing-page .public-nav {
  position:sticky;top:0;z-index:50;min-height:88px;padding:0 max(4vw,34px);
  border-bottom:1px solid rgba(120,222,217,.12);background:rgba(1,7,12,.88);backdrop-filter:blur(18px);
}
.marketing-page .brand { gap:12px; }
.marketing-page .brand-logo { width:58px;height:58px;border-radius:15px;object-fit:cover;filter:drop-shadow(0 0 18px rgba(25,225,207,.28)); }
.marketing-page .brand-name { color:#f5fbfa;font-size:1.55rem;font-weight:850;letter-spacing:-.045em;text-shadow:0 1px 18px rgba(255,255,255,.08); }
.marketing-page .brand-name>span { color:var(--public-cyan); }
.marketing-page .public-nav nav { gap:30px;padding:0;border:0;background:transparent;backdrop-filter:none; }
.marketing-page .public-nav nav a { position:relative;padding:32px 2px 27px;border-radius:0;color:#e8f1f0;font-weight:600; }
.marketing-page .public-nav nav a::after { content:"";position:absolute;left:0;right:100%;bottom:15px;height:2px;background:var(--public-cyan);transition:.25s ease; }
.marketing-page .public-nav nav a:hover,.marketing-page .public-nav nav a.active { color:var(--public-cyan);background:transparent;transform:none; }
.marketing-page .public-nav nav a:hover::after,.marketing-page .public-nav nav a.active::after { right:0; }
.marketing-page .nav-actions { gap:10px; }
.marketing-page .nav-actions a {
  min-height:44px;padding:0 18px;border-radius:11px;font-size:.9rem;font-weight:650;letter-spacing:-.01em;
}
.marketing-page .nav-actions .ghost {
  color:#e7f4f2;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);box-shadow:none;
}
.marketing-page .nav-actions .ghost:hover {
  border-color:rgba(22,224,207,.4);background:rgba(22,224,207,.08);color:#fff;transform:none;
}
.marketing-page .nav-actions .primary,
.marketing-page .hero-actions .primary,
.marketing-page .cta .primary {
  color:#03161a;
  background:linear-gradient(105deg,#1af0db 0%,#1bc4e4 48%,#3b82f6 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 14px 36px rgba(18,200,210,.22);
  border:0;
}
.marketing-page .nav-actions .primary:hover,
.marketing-page .hero-actions .primary:hover,
.marketing-page .cta .primary:hover {
  filter:brightness(1.05);transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 18px 42px rgba(18,200,210,.28);
}
.marketing-page .eyebrow {
  display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:8px 14px;border:1px solid rgba(22,224,207,.18);
  border-radius:10px;color:var(--public-cyan);background:rgba(8,43,48,.35);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
}
.marketing-page .marketing-hero {
  position:relative;min-height:820px;padding:65px max(5vw,48px) 150px;grid-template-columns:minmax(440px,.82fr) minmax(500px,1.18fr);
  gap:20px;background:radial-gradient(circle at 75% 42%,rgba(8,166,172,.14),transparent 31rem);overflow:hidden;
}
.marketing-page .marketing-hero::before,.marketing-page .marketing-section::before {
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;
  background-image:linear-gradient(rgba(25,224,207,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(25,224,207,.05) 1px,transparent 1px);
  background-size:54px 54px;mask-image:linear-gradient(90deg,transparent 25%,#000 75%);
}
.marketing-page .hero-copy { position:relative;z-index:4; }
.marketing-page .marketing-hero h1 {
  margin:0 0 20px;max-width:720px;color:#f8fbfb;font-size:clamp(3.2rem,5.2vw,5.7rem);font-weight:700;line-height:.98;letter-spacing:-.055em;
}
.marketing-page .subcopy { max-width:560px;margin:0;color:#9eb0af;font-size:1.05rem;line-height:1.7;font-weight:500; }
.marketing-page .hero-actions { margin:30px 0 22px;gap:12px; }
.marketing-page .hero-actions a {
  min-height:52px;min-width:0;padding:0 24px;border-radius:12px;font-size:.95rem;font-weight:700;letter-spacing:-.015em;
}
.marketing-page .hero-actions .primary { min-width:178px; }
.marketing-page .hero-actions .ghost {
  color:#e8f3f1;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);
  backdrop-filter:blur(10px);box-shadow:none;min-width:156px;
}
.marketing-page .hero-actions .ghost:hover {
  border-color:rgba(22,224,207,.42);background:rgba(22,224,207,.08);color:#fff;transform:translateY(-1px);
}
.marketing-page .hero-trust {
  display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 0;color:#8ea3a1;font-size:.8rem;font-weight:600;letter-spacing:.01em;
}
.marketing-page .hero-trust span {
  display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.08);
  border-radius:999px;background:rgba(255,255,255,.03);color:#b7c9c6;
}
.marketing-page .hero-trust span::before {
  content:"";width:6px;height:6px;border-radius:50%;background:var(--public-cyan);box-shadow:0 0 10px rgba(22,224,207,.55);
}
.marketing-page .privacy-note { display:none; }
.hero-visual { position:relative;z-index:2;height:590px;display:grid;place-items:center; }
.hero-wave { position:absolute;left:-7%;right:-7%;top:46%;display:flex;align-items:center;justify-content:space-between;height:245px;filter:drop-shadow(0 0 13px rgba(20,226,211,.62)); }
.hero-wave::before,.hero-wave::after { content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--public-cyan),transparent); }
.hero-wave::after { height:8px;opacity:.35;filter:blur(8px); }
.hero-wave i,.section-wave i { width:2px;height:var(--wave,55px);border-radius:8px;background:linear-gradient(#09a5b6,#23ead6,#09a5b6);animation:publicWave 1.12s ease-in-out infinite; }
.hero-wave i:nth-child(3n){--wave:110px;animation-delay:-.6s}.hero-wave i:nth-child(4n){--wave:165px;animation-delay:-.25s}.hero-wave i:nth-child(5n){--wave:80px;animation-delay:-.9s}.hero-wave i:nth-child(8){--wave:220px}.hero-wave i:nth-child(14){--wave:190px}
.mic-orbit { position:absolute;width:470px;height:470px;border:1px solid rgba(20,224,210,.22);border-radius:50%;box-shadow:0 0 0 28px rgba(20,224,210,.035),0 0 0 62px rgba(20,224,210,.045),0 0 0 98px rgba(20,224,210,.025);animation:orbitTurn 13s linear infinite; }
.mic-orbit::before,.mic-orbit::after { content:"";position:absolute;border-radius:50%;inset:22px;background:conic-gradient(from 20deg,transparent 0 9%,rgba(30,236,223,.8) 10% 11%,transparent 12% 34%,rgba(30,236,223,.45) 35% 37%,transparent 38% 68%,rgba(30,236,223,.7) 69% 70%,transparent 71%);mask:radial-gradient(circle,transparent 67%,#000 68% 70%,transparent 71%); }.mic-orbit::after{inset:58px;animation:orbitReverse 8s linear infinite}
.mic-orbit span { position:absolute;width:7px;height:7px;border-radius:50%;background:var(--public-cyan);box-shadow:0 0 15px var(--public-cyan); }
.mic-orbit span:nth-child(1){top:24px;left:112px}.mic-orbit span:nth-child(2){right:4px;top:220px}.mic-orbit span:nth-child(3){left:50px;bottom:65px}
.studio-mic { position:relative;z-index:3;width:390px;height:570px;display:grid;place-items:center;filter:drop-shadow(0 0 35px rgba(9,224,213,.3));animation:micFloat 4s ease-in-out infinite; }
.studio-mic>img { position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(0,0,0,.6)) drop-shadow(0 0 14px rgba(19,225,213,.26)); }
.mic-photo-glow { position:absolute;z-index:1;top:15%;left:17%;width:66%;height:58%;border-radius:50%;background:radial-gradient(circle,rgba(20,224,211,.2),rgba(20,224,211,.05) 48%,transparent 72%);filter:blur(14px);animation:glowPulse 2.2s ease-in-out infinite; }
.mic-head { position:absolute;z-index:3;top:7px;left:60px;width:165px;height:194px;border:2px solid #31e8dd;border-radius:84px 84px 24px 24px;background:radial-gradient(circle at 50% 18%,#194950,#07161c 53%,#02070a);box-shadow:inset 0 0 34px #000,0 0 24px rgba(27,229,214,.45);overflow:hidden; }
.mic-head::before { content:"";position:absolute;inset:8px;border-radius:inherit;background:repeating-linear-gradient(90deg,transparent 0 5px,rgba(86,234,225,.38) 6px),repeating-linear-gradient(0deg,transparent 0 5px,rgba(66,211,204,.27) 6px);mask-image:linear-gradient(#000 70%,transparent); }
.mic-head::after { content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.68),transparent 28% 72%,rgba(0,0,0,.68)); }
.mic-band { position:absolute;z-index:6;top:180px;left:45px;width:195px;height:50px;border:2px solid #28d8d2;border-radius:12px;background:linear-gradient(180deg,#153840,#020b10);box-shadow:inset 0 2px rgba(255,255,255,.08),0 0 20px rgba(25,224,210,.35); }
.mic-band span { position:absolute;left:50%;top:50%;width:15px;height:15px;border:2px solid #62fff1;border-radius:50%;background:#087a7c;box-shadow:0 0 12px var(--public-cyan);transform:translate(-50%,-50%); }
.mic-body { position:absolute;z-index:4;top:217px;left:55px;width:175px;height:177px;border:2px solid #22d9d2;border-top:0;border-radius:0 0 82px 82px;background:radial-gradient(circle at 50% 35%,#123941,#07181e 58%,#02090d);box-shadow:inset 0 -24px 38px #000,inset 18px 0 30px rgba(0,0,0,.55),inset -18px 0 30px rgba(0,0,0,.55),0 0 24px rgba(25,224,210,.32); }
.mic-body::before,.mic-body::after { content:"";position:absolute;top:9px;width:31px;height:41px;border:2px solid #2bded7;border-radius:9px;background:repeating-linear-gradient(90deg,#041116 0 4px,#1b7880 5px 7px);box-shadow:0 0 12px rgba(27,220,210,.3); }
.mic-body::before { left:-42px; }.mic-body::after { right:-42px; }
.mic-emblem { position:absolute;left:50%;top:48%;width:88px;height:88px;display:flex;align-items:center;justify-content:center;gap:5px;border:2px solid var(--public-cyan);border-radius:50%;color:var(--public-cyan);box-shadow:0 0 18px rgba(22,224,207,.34),inset 0 0 16px rgba(22,224,207,.08);transform:translate(-50%,-50%);animation:glowPulse 1.8s ease-in-out infinite; }
.mic-emblem b { position:relative;width:25px;height:41px;border:4px solid currentColor;border-radius:15px;font-size:0; }
.mic-emblem b::before { content:"";position:absolute;left:50%;bottom:-15px;width:39px;height:25px;border:4px solid currentColor;border-top:0;border-radius:0 0 20px 20px;transform:translateX(-50%); }
.mic-emblem b::after { content:"";position:absolute;left:50%;bottom:-22px;width:4px;height:10px;background:currentColor;box-shadow:-10px 10px 0 -1px currentColor,10px 10px 0 -1px currentColor;transform:translateX(-50%); }
.mic-emblem i { width:13px;height:27px;background:repeating-linear-gradient(90deg,var(--public-cyan) 0 2px,transparent 2px 5px);animation:publicWave 1s ease-in-out infinite; }
.mic-yoke { position:absolute;z-index:2;top:217px;left:23px;width:239px;height:215px;border:10px solid #0da7b0;border-top:0;border-radius:0 0 120px 120px;box-shadow:0 0 16px rgba(24,211,204,.24); }
.mic-stem { position:absolute;z-index:3;top:420px;left:129px;width:27px;height:50px;border-radius:5px;background:linear-gradient(90deg,#031b21,#26cfd0,#052f36);box-shadow:0 0 14px rgba(20,215,207,.35); }
.mic-base { position:absolute;z-index:4;bottom:3px;left:40px;width:205px;height:39px;border:2px solid #19cfd0;border-radius:50%;background:linear-gradient(180deg,#0d3138,#02090d 70%);box-shadow:0 12px 30px #000,0 0 25px rgba(14,209,207,.42); }
.mic-base::before { content:"";position:absolute;left:50%;top:-17px;width:65px;height:25px;border:2px solid #149fa2;border-radius:8px;background:linear-gradient(#12383e,#031016);transform:translateX(-50%); }
.visual-floor { position:absolute;bottom:40px;width:610px;height:145px;border:1px solid rgba(19,224,211,.42);border-radius:50%;background:repeating-radial-gradient(ellipse,transparent 0 18px,rgba(20,221,209,.23) 19px 20px);filter:drop-shadow(0 0 14px rgba(20,221,209,.38));animation:floorPulse 2.6s ease-in-out infinite; }
.hero-particles { position:absolute;inset:7% 2% 10%;z-index:1;pointer-events:none; }
.hero-particles i { position:absolute;width:4px;height:4px;border-radius:50%;background:var(--public-cyan);box-shadow:0 0 10px 2px rgba(22,224,207,.72);animation:particleFloat 4s ease-in-out infinite; }
.hero-particles i:nth-child(1){left:8%;top:22%}.hero-particles i:nth-child(2){left:18%;top:67%;animation-delay:-1s}.hero-particles i:nth-child(3){left:29%;top:12%;animation-delay:-2s}.hero-particles i:nth-child(4){left:39%;top:78%;animation-delay:-.5s}.hero-particles i:nth-child(5){left:52%;top:6%;animation-delay:-2.8s}.hero-particles i:nth-child(6){left:63%;top:83%;animation-delay:-1.7s}.hero-particles i:nth-child(7){left:76%;top:18%;animation-delay:-3.1s}.hero-particles i:nth-child(8){left:88%;top:62%;animation-delay:-.9s}.hero-particles i:nth-child(9){left:95%;top:30%;animation-delay:-2.4s}.hero-particles i:nth-child(10){left:4%;top:86%;animation-delay:-1.3s}.hero-particles i:nth-child(11){left:70%;top:51%;animation-delay:-3.4s}.hero-particles i:nth-child(12){left:33%;top:43%;animation-delay:-2.1s}
.processing-strip { position:absolute;z-index:8;left:max(3.5vw,30px);right:max(3.5vw,30px);bottom:28px;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:24px;padding:20px 30px;border:1px solid var(--public-line);border-radius:18px;background:rgba(3,17,24,.86);backdrop-filter:blur(16px); }
.processing-strip .wave-badge,.cta-mic {
  display:grid;place-items:center;width:56px;height:56px;border:1px solid rgba(22,224,207,.45);
  border-radius:16px;color:var(--public-cyan);background:rgba(8,40,46,.55);
  box-shadow:0 0 24px rgba(19,224,208,.12);animation:glowPulse 2s ease-in-out infinite;
}
.processing-strip .wave-badge::before {
  content:"";width:18px;height:18px;border-radius:5px;
  background:linear-gradient(135deg,transparent 40%,#1af0db 41% 59%,transparent 60%),
             linear-gradient(#1af0db,#1af0db);
  background-size:100% 2px,2px 100%;background-position:center;background-repeat:no-repeat;
  box-shadow:0 0 12px rgba(26,240,219,.45);
}
.processing-strip p { display:grid;gap:6px;margin:0;white-space:nowrap }.processing-strip small{color:#758f8e}.processing-strip>b{padding:12px 24px;border:1px solid rgba(22,224,207,.44);border-radius:999px;color:var(--public-cyan);font-size:1.3rem}
.marketing-page .processing-strip .voice-wave { height:80px;margin:0;padding:10px;background:transparent; }
.marketing-page .marketing-section { position:relative;padding:64px max(5vw,48px);background:transparent;border-top:1px solid rgba(91,178,176,.09);overflow:hidden; }
.marketing-page .marketing-section.muted,.marketing-page .pricing-section { background:linear-gradient(180deg,rgba(2,13,18,.95),rgba(3,15,21,.8)); }
.section-heading { position:relative;z-index:2;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:28px; }
.marketing-page .marketing-section h2 { margin:0;color:#f5f9f8;font-size:clamp(2.2rem,3.8vw,3.8rem);line-height:1.08;letter-spacing:-.05em; }
.section-wave { display:flex;align-items:center;justify-content:space-between;height:110px;opacity:.72;filter:drop-shadow(0 0 10px rgba(22,224,207,.5)); }
.section-wave i { width:2px;--wave:35px}.section-wave i:nth-child(3n){--wave:90px}.section-wave i:nth-child(5n){--wave:135px}
.marketing-page .feature-grid,.marketing-page .steps { position:relative;z-index:2;gap:16px;margin-top:28px; }
.marketing-page .feature-grid article,.marketing-page .steps article,.marketing-page .price-card {
  border:1px solid rgba(87,198,192,.25);background:linear-gradient(145deg,rgba(8,28,35,.84),rgba(3,15,21,.94));box-shadow:inset 0 1px rgba(255,255,255,.025),0 20px 55px rgba(0,0,0,.18);transition:.25s ease;
}
.marketing-page .feature-grid article { min-height:0;padding:26px;border-radius:18px; }
.marketing-page .feature-grid article:hover,.marketing-page .steps article:hover,.marketing-page .price-card:hover { border-color:rgba(22,224,207,.62);transform:translateY(-4px);box-shadow:0 18px 42px rgba(0,0,0,.24),0 0 28px rgba(20,209,197,.08); }
.feature-icon,.step-top span {
  display:grid;place-items:center;width:54px;height:54px;margin-bottom:18px;border:1px solid rgba(22,224,207,.32);
  border-radius:16px;color:var(--public-cyan);background:linear-gradient(160deg,rgba(18,70,78,.95),rgba(6,30,38,.92));
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 10px 28px rgba(0,0,0,.18);
}
.feature-icon svg { width:24px;height:24px;display:block; }
.wave-icon { animation:glowPulse 1.4s ease-in-out infinite; }
.marketing-page .feature-grid h3,.marketing-page .steps h3 { margin:0 0 12px;color:#fff;font-size:1.26rem; }
.marketing-page .feature-grid h3 a { color:inherit;text-decoration:none; }
.marketing-page .feature-grid h3 a:hover,.marketing-page .feature-grid h3 a:focus-visible { color:#18e4cf;text-decoration:underline;text-underline-offset:4px; }

/* Search landing pages */
.seo-landing{background:#02090d;color:#eef8f6}.seo-landing main{overflow:hidden}.seo-hero,.seo-content,.seo-steps,.seo-usecases,.seo-faq,.seo-cta{width:min(1180px,calc(100% - 40px));margin-inline:auto}.seo-hero{padding:110px 0 88px;text-align:center;background:radial-gradient(circle at 50% 25%,rgba(20,213,197,.15),transparent 42%)}.seo-hero h1{max-width:980px;margin:18px auto 24px;font-size:clamp(3rem,7vw,6.3rem);line-height:.95;letter-spacing:-.065em}.seo-hero h1 em,.seo-landing h2 em{color:#18e4cf;font-style:normal}.seo-hero>p:not(.eyebrow){max-width:790px;margin:0 auto;color:#afc2bf;font-size:1.12rem;line-height:1.75}.seo-hero .hero-actions{justify-content:center;margin-top:30px}.seo-proof{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:35px}.seo-proof span{padding:9px 14px;border:1px solid rgba(24,228,207,.28);border-radius:999px;color:#b9d0cc;background:rgba(6,38,45,.65);font-size:.82rem;font-weight:700}.seo-content{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;padding:80px 0}.seo-content>div,.seo-content>aside,.seo-steps article,.seo-usecases article,.seo-faq details{border:1px solid rgba(64,186,177,.24);border-radius:18px;background:linear-gradient(145deg,rgba(6,29,36,.94),rgba(2,14,20,.98));box-shadow:0 22px 55px rgba(0,0,0,.2)}.seo-content>div,.seo-content>aside{padding:38px}.seo-landing h2{margin:8px 0 18px;font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.045em}.seo-content p,.seo-usecases p,.seo-steps p,.seo-faq p{color:#a9bebb;line-height:1.75}.seo-content aside h2{font-size:1.6rem}.seo-content ul{display:grid;gap:13px;margin:0;padding:0;list-style:none;color:#c7d9d6}.seo-content li:before{content:'✓';margin-right:10px;color:#18e4cf;font-weight:900}.seo-steps,.seo-usecases,.seo-faq{padding:72px 0}.seo-steps>div,.seo-usecases>div{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.seo-steps article,.seo-usecases article{padding:30px}.seo-steps b{display:block;margin-bottom:24px;color:#18e4cf;font-size:2rem}.seo-steps h3,.seo-usecases h3{color:#fff;font-size:1.25rem}.seo-faq{max-width:900px}.seo-faq details{padding:22px 26px;margin:12px 0}.seo-faq summary{cursor:pointer;color:#fff;font-weight:800}.seo-cta{margin-top:60px;margin-bottom:80px;padding:65px 30px;text-align:center;border:1px solid rgba(24,228,207,.35);border-radius:24px;background:radial-gradient(circle at 50% 0,rgba(24,228,207,.14),transparent 65%),#06171c}.seo-cta p{margin-bottom:28px;color:#a9bebb}.seo-cta h2{margin-inline:auto}.seo-landing .public-nav nav{gap:22px}
.seo-breadcrumb{width:min(1180px,calc(100% - 40px));margin:28px auto 0;display:flex;gap:9px;align-items:center;color:#789b97;font-size:.84rem}.seo-breadcrumb a{color:#18e4cf;text-decoration:none}.seo-breadcrumb a:hover{text-decoration:underline}
.seo-product-visual{width:min(1080px,calc(100% - 40px));margin:0 auto 35px;padding:12px;border:1px solid rgba(24,228,207,.3);border-radius:22px;background:#06171c;box-shadow:0 28px 70px rgba(0,0,0,.35)}.seo-product-visual img{display:block;width:100%;height:auto;border-radius:14px}.seo-product-visual figcaption{padding:12px 6px 3px;color:#789b97;text-align:center;font-size:.78rem}
@media(max-width:900px){.seo-content{grid-template-columns:1fr}.seo-steps>div,.seo-usecases>div{grid-template-columns:1fr}.seo-hero{padding-top:75px}.seo-landing .public-nav nav{display:none}}

/* Tool-first landing pages: the product preview owns the first viewport. */
.seo-landing main{background:radial-gradient(circle at 50% 15%,rgba(0,207,226,.1),transparent 34%),#02090d}.seo-landing .seo-breadcrumb{margin-top:18px}.seo-landing .seo-hero{padding:38px 0 30px;background:none}.seo-landing .seo-hero h1{max-width:900px;margin:10px auto 15px;font-size:clamp(2.45rem,5vw,4.65rem);line-height:1}.seo-landing .seo-hero>p:not(.eyebrow){max-width:730px;font-size:1rem;line-height:1.6}.seo-landing .seo-hero .hero-actions{margin-top:20px}.seo-landing .seo-proof{margin-top:20px}.seo-landing .seo-product-visual{position:relative;width:min(1180px,calc(100% - 32px));margin:0 auto 74px;padding:10px;border-color:rgba(21,223,230,.56);border-radius:26px;background:#03141d;box-shadow:0 30px 90px rgba(0,0,0,.58),0 0 42px rgba(0,221,230,.09)}.seo-product-link{position:relative;display:block;overflow:hidden;border-radius:17px}.seo-product-link img{transition:transform .35s ease,filter .35s ease}.seo-product-link>span{position:absolute;right:22px;bottom:20px;display:flex;align-items:center;gap:12px;padding:13px 18px;border:1px solid rgba(255,255,255,.5);border-radius:13px;background:linear-gradient(135deg,rgba(0,231,224,.96),rgba(42,153,255,.96));box-shadow:0 12px 35px rgba(0,0,0,.38);color:#00141b;font-size:.92rem;font-weight:900}.seo-product-link>span b{font-size:1.25rem}.seo-product-link:hover img,.seo-product-link:focus-visible img{transform:scale(1.012);filter:brightness(1.06)}.seo-product-link:focus-visible{outline:3px solid #fff;outline-offset:3px}.seo-landing .seo-product-visual figcaption{padding:10px 5px 1px}.seo-landing .seo-content{max-width:1040px;padding:54px 0 28px}.seo-landing .seo-steps,.seo-landing .seo-usecases,.seo-landing .seo-faq{padding:48px 0}.seo-landing .seo-content>div,.seo-landing .seo-content>aside,.seo-landing .seo-steps article,.seo-landing .seo-usecases article,.seo-landing .seo-faq details{background:rgba(5,25,32,.72);box-shadow:none}.seo-landing .seo-content h2,.seo-landing .seo-steps>h2,.seo-landing .seo-usecases>h2,.seo-landing .seo-faq>h2{font-size:clamp(1.75rem,3vw,2.7rem)}
@media(max-width:700px){.seo-landing .seo-hero{padding:26px 0 22px}.seo-landing .seo-hero h1{font-size:clamp(2.15rem,11vw,3.15rem)}.seo-landing .seo-proof{display:none}.seo-landing .seo-product-visual{margin-bottom:44px;padding:6px}.seo-product-link>span{right:10px;bottom:10px;padding:10px 13px;font-size:.78rem}.seo-landing .seo-content{padding-top:32px}.seo-landing .seo-content>div,.seo-landing .seo-content>aside{padding:25px}}
.demo-blog,.blog-page{background:#02090d;color:#eef8f6;font-family:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif}
.blog-page h1,.blog-page h2,.blog-page .brand-name{font-family:Sora,"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif}
.demo-blog-shell,.demo-article,.blog-shell{width:min(1120px,calc(100% - 32px));margin:28px auto 72px}
.blog-shell .seo-breadcrumb{width:100%;margin:0 0 18px}
.blog-article{display:grid;gap:16px}
.blog-article-hero,.blog-content,.blog-card,.blog-hero{
  border:1px solid rgba(64,186,177,.22);border-radius:20px;background:linear-gradient(160deg,rgba(7,28,36,.96),rgba(3,14,20,.98));
  box-shadow:0 18px 50px rgba(0,0,0,.22)
}
.blog-article-hero,.blog-content,.blog-hero{padding:clamp(20px,4vw,34px)}
.blog-hero{margin-bottom:18px}
.blog-hero h1,.blog-article-hero h1{margin:0 0 14px;color:#f7fbfb;font-size:clamp(2rem,5.2vw,3.6rem);line-height:1.08;letter-spacing:-.04em}
.blog-hero>p,.blog-lede{max-width:760px;margin:0;color:#a9bebb;font-size:1.05rem;line-height:1.75}
.blog-featured{margin:0 0 18px;overflow:hidden;border-radius:22px;border:1px solid rgba(148,163,184,.2);background:rgba(15,23,42,.55)}
.blog-featured img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.blog-featured figcaption{padding:10px 14px 12px;color:#8fa5a2;font-size:.92rem;line-height:1.45}
.blog-card-media{display:block;margin:0 0 12px;overflow:hidden;border-radius:16px}
.blog-card-media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .25s ease}
.blog-card-media:hover img{transform:scale(1.03)}
.blog-card-meta span,.blog-card>span{
  display:inline-flex;align-items:center;padding:7px 12px;border:1px solid rgba(24,228,207,.22);border-radius:999px;
  color:#18e4cf;background:rgba(6,38,45,.5);font-size:.76rem;font-weight:700
}
.blog-content ul,.blog-content ol{margin:0;padding-left:1.15rem}
.blog-content li{margin:8px 0;color:#b2c4c1;line-height:1.7}
.blog-content{display:grid;gap:8px}
.blog-section{padding:8px 0 18px;border-bottom:1px solid rgba(64,186,177,.12)}
.blog-section:last-child{border-bottom:0;padding-bottom:0}
.blog-section h2{margin:0 0 12px;color:#fff;font-size:clamp(1.25rem,2.5vw,1.7rem);line-height:1.25}
.blog-section h3{margin:18px 0 8px;color:#eef8f6;font-size:1.05rem;line-height:1.4}
.blog-section p{margin:0 0 12px;color:#b2c4c1;font-size:1.02rem;line-height:1.8}
.blog-callout{margin:14px 0;padding:14px 16px;border-left:3px solid #18e4cf;border-radius:12px;background:rgba(24,228,207,.06)}
.blog-callout p{margin:0;color:#d7ece9}
.blog-end-cta{margin:8px 0 0}
.blog-end-cta .primary{min-height:48px;padding:0 22px;border-radius:12px;color:#03161a;background:linear-gradient(105deg,#1af0db,#1bc4e4 48%,#3b82f6);font-weight:750;text-decoration:none;display:inline-flex;align-items:center}
.blog-more{margin:4px 0 0;color:#8fa5a3;font-size:.92rem;line-height:1.7}
.blog-more a{color:#18e4cf;text-decoration:none;margin-right:12px}
.blog-more a:hover{text-decoration:underline}
.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.blog-card{display:flex;flex-direction:column;gap:10px;padding:20px;text-decoration:none;transition:transform .2s ease,border-color .2s ease}
.blog-card:hover{transform:translateY(-3px);border-color:rgba(24,228,207,.5)}
.blog-card h2{color:#fff;font-size:1.05rem;line-height:1.35}
.blog-card h2{margin:0}
.blog-card h2 a{color:inherit;text-decoration:none}
.blog-card p{margin:0;color:#a9bebb;line-height:1.65;flex:1}
.blog-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}
.blog-card-meta a{color:#18e4cf;font-weight:700;text-decoration:none}
.blog-keyword{display:inline-flex;margin:0 0 14px;padding:6px 12px;border:1px solid rgba(24,228,207,.28);border-radius:999px;color:#18e4cf;background:rgba(6,38,45,.55);font-size:.78rem;font-weight:700}
.blog-related{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;margin-top:34px;padding-top:22px;border-top:1px solid rgba(64,186,177,.2)}
.demo-warning{padding:28px;border:2px dashed #ffbd59;border-radius:16px;background:rgba(255,189,89,.09)}
.demo-warning strong,.demo-post-grid article>span{color:#ffbd59;letter-spacing:.08em}
.demo-warning h1{margin:10px 0;font-size:clamp(2rem,5vw,4rem)}
.demo-post-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}
.demo-post-grid article,.demo-article article{padding:32px;border:1px solid rgba(64,186,177,.25);border-radius:18px;background:#06171c}
.demo-post-grid a,.demo-article a:not(.primary){color:#18e4cf}
.demo-article article{margin-top:25px}
.demo-article article h1{font-size:clamp(2.4rem,6vw,4.4rem);line-height:1.05}
.demo-article article h2{margin-top:34px;margin-bottom:12px;font-size:1.45rem}
.demo-article article p,.demo-article article li{color:#b2c4c1;line-height:1.75}
.demo-placeholder{padding:16px;border-left:4px solid #ffbd59;background:rgba(255,189,89,.06)}
.demo-image-slot{margin:30px 0;padding:65px 20px;text-align:center;border:2px dashed #54706c;color:#93aaa6;background:#020d12}
.demo-article .seo-breadcrumb{width:100%}
@media(max-width:900px){
  .blog-card-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .demo-post-grid,.blog-card-grid{grid-template-columns:1fr}
  .demo-blog-shell,.demo-article,.blog-shell{width:min(100% - 20px,1120px);margin:18px auto 56px}
  .blog-article-hero,.blog-content,.blog-hero{padding:18px}
  .blog-hero h1,.blog-article-hero h1{font-size:clamp(1.85rem,9vw,2.5rem)}
  .blog-end-cta .primary{width:100%;justify-content:center}
}
.marketing-page .feature-grid p,.marketing-page .steps p { color:#9bafae;font-size:.98rem;line-height:1.65; }
.marketing-page .steps { grid-template-columns:repeat(3,1fr); }
.marketing-page .steps article { min-height:0;padding:26px;border-radius:18px; }
.marketing-page .home-faq .feature-grid,
.marketing-page .home-guides .feature-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.marketing-page .home-guides .section-heading { align-items:end; gap:16px; }
.blog-hub-links { margin:0 0 18px; color:#94a3b8; line-height:1.7; }
.blog-hub-links a { color:#e2e8f0; text-decoration:none; border-bottom:1px solid rgba(148,163,184,.35); }
.blog-hub-links a:hover { color:#fff; border-color:#22d3ee; }
.marketing-page .cta { margin-top:8px; }
.step-top { display:flex;align-items:center;justify-content:space-between; }
.step-top span{
  width:52px;height:52px;border-radius:14px;position:relative;
}
.step-top span::before{
  content:"";position:absolute;inset:16px;border-radius:4px;
  background:linear-gradient(135deg,transparent 42%,currentColor 43% 57%,transparent 58%),linear-gradient(currentColor,currentColor);
  background-size:100% 2px,2px 100%;background-position:center;background-repeat:no-repeat;opacity:.9;
}
.marketing-page .step-top b{font-size:2.4rem;color:var(--public-cyan);font-family:Sora,"Plus Jakarta Sans",sans-serif;font-weight:700;letter-spacing:-.04em}
.marketing-page .pricing-intro { color:#91a8a7; }
.marketing-page .pro-pricing { position:relative;z-index:2;margin-top:42px; }
.marketing-page .pricing-grid .price-card { border-radius:17px;padding:25px; }
.marketing-page .plan-audience,.marketing-page .plan-value,.marketing-page .pricing-grid .price small { color:#849b99; }
.marketing-page .pricing-grid .price { color:var(--public-cyan);font-size:2.25rem; }
.marketing-page .pricing-grid .price-card li { color:#c4d3d1; }.marketing-page .pricing-grid .price-card li::before{background:var(--public-cyan)}
.marketing-page .pricing-grid .popular { border-color:var(--public-cyan);box-shadow:0 0 38px rgba(22,224,207,.12); }
.marketing-page .plan-tag { color:#001412;background:var(--public-cyan); }.marketing-page .business-tag{color:#ffc247;background:#47330c}
.marketing-page .plan-icon { color:#20e3cf;background:#06302e }.marketing-page .plan-icon.starter{color:#4aa1ff;background:#061d3b}.marketing-page .plan-icon.pro{color:#24e4d1;background:#063633}.marketing-page .plan-icon.business{color:#ffc02d;background:#352609}
.marketing-page .advanced-features span { color:#23e1cb;background:#07352f; }
.marketing-page .price-card .ghost { color:#dff8f4;border-color:rgba(22,224,207,.62);background:transparent; }
.marketing-page .plan-comparison,.marketing-page .yearly-pricing { position:relative;z-index:2;border-color:var(--public-line);background:rgba(4,19,26,.88);box-shadow:0 25px 70px rgba(0,0,0,.28); }
.marketing-page .pricing-subhead h3 { color:#fff;font-size:clamp(2rem,3.5vw,3.4rem);letter-spacing:-.045em; }
.marketing-page .comparison-table th,.marketing-page .comparison-table td { border-color:rgba(90,183,180,.19); }
.marketing-page .comparison-table thead th { color:#67e9dc;background:#071c24; }.marketing-page .comparison-table tbody th{color:#e7f3f2}.marketing-page .comparison-table tbody td{color:#b7cbca}.marketing-page .comparison-table tbody tr:hover{background:rgba(16,224,207,.04)}
.marketing-page .comparison-table tbody td:nth-last-child(-n+2){color:#23e5d1}.marketing-page .yearly-note{color:#7f9997}
.marketing-page .paygo-card { position:relative;z-index:2;border-color:var(--public-line);background:linear-gradient(135deg,#061a21,#031016); }
.marketing-page .credit-grid>div { border-color:rgba(22,224,207,.28);background:rgba(7,35,42,.65); }.marketing-page .credit-grid small{font-size:1.1rem}
.marketing-page .cta {
  position:relative;min-height:520px;display:grid;place-items:center;align-content:center;overflow:hidden;
  border:1px solid rgba(22,224,207,.28);margin:20px max(3vw,24px);border-radius:28px;padding:48px 24px;
  background:radial-gradient(circle at 50% 35%,rgba(13,136,142,.19),transparent 30rem),#031017;text-align:center;
}
.marketing-page .cta-mic { width:72px;height:72px;margin-bottom:14px; }
.marketing-page .cta h2 { position:relative;z-index:2;margin:0;font-size:clamp(2.6rem,4.6vw,4.6rem);line-height:1.05;letter-spacing:-.05em; }
.marketing-page .cta p{position:relative;z-index:2;max-width:520px;margin:16px auto 0;color:#9fb2b0;font-size:1.02rem;line-height:1.65}
.marketing-page .cta a{position:relative;z-index:2;min-height:52px;margin-top:26px;padding:0 28px;border-radius:12px;font-size:.95rem;font-weight:700}
.cta-wave { position:absolute;top:32%;width:30%;height:220px;opacity:.45;background:repeating-linear-gradient(90deg,transparent 0 10px,var(--public-cyan) 11px 13px,transparent 14px 21px);mask-image:radial-gradient(ellipse,#000,transparent 68%);animation:waveDrift 3s ease-in-out infinite; }.cta-wave.left{left:0}.cta-wave.right{right:0;animation-delay:-1.5s}
.cta-benefits { position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin-top:34px;color:#a9bcba;font-size:.82rem;font-weight:600; }
.cta-benefits span{padding-left:12px;border-left:1px solid rgba(22,224,207,.28)}
.marketing-page footer { position:relative;display:grid;grid-template-columns:1fr 2fr;align-items:center;padding:55px max(4vw,34px) 85px;border-color:rgba(92,180,177,.15);color:#a5b6b4;background:#02090e; }
.footer-brand p{margin:0;color:#78908e;font-size:.85rem;line-height:1.6}.footer-links{justify-content:flex-end}.footer-links a:hover{color:var(--public-cyan)}.copyright{position:absolute;left:0;right:0;bottom:0;margin:0;padding:20px;border-top:1px solid rgba(92,180,177,.1);color:#6e8583;text-align:center;font-size:.8rem}
@keyframes publicWave{0%,100%{transform:scaleY(.38);opacity:.45}50%{transform:scaleY(1);opacity:1}}
@keyframes micFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}
@keyframes orbitTurn{to{transform:rotate(360deg)}}
@keyframes orbitReverse{to{transform:rotate(-360deg)}}
@keyframes glowPulse{0%,100%{box-shadow:0 0 18px rgba(22,224,207,.12)}50%{box-shadow:0 0 34px rgba(22,224,207,.42)}}
@keyframes waveDrift{0%,100%{transform:scaleY(.55);opacity:.35}50%{transform:scaleY(1);opacity:.8}}
@keyframes floorPulse{0%,100%{transform:scale(.94);opacity:.5}50%{transform:scale(1.04);opacity:1}}
@keyframes particleFloat{0%,100%{transform:translateY(0) scale(.7);opacity:.35}50%{transform:translateY(-24px) scale(1.4);opacity:1}}
@media(max-width:1200px){
  .marketing-page .public-nav nav{gap:15px}
  .marketing-page .marketing-hero{grid-template-columns:1fr 1fr}.marketing-page .hero-trust{gap:14px}
}
@media(max-height:760px) and (min-width:981px){
  .marketing-page .marketing-hero{min-height:700px;padding-top:32px}
  .hero-visual{height:500px;transform:translateY(-34px)}
  .studio-mic{width:305px;height:450px}
  .mic-orbit{width:360px;height:360px}
  .visual-floor{bottom:28px;width:430px;height:96px}
}
@media(max-width:980px){
  .marketing-page .public-nav nav{display:none}.marketing-page .marketing-hero{grid-template-columns:1fr;padding-bottom:150px}.hero-visual{height:520px}
  .section-heading{grid-template-columns:1fr}.section-wave{height:100px}.marketing-page .feature-grid,.marketing-page .steps{grid-template-columns:repeat(2,1fr)}
  .marketing-page footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}
}
@media(max-width:680px){
  .marketing-page .public-nav{min-height:72px;padding:0 14px}.marketing-page .brand-logo{width:47px;height:47px}.marketing-page .brand-name{font-size:1.18rem}.marketing-page .nav-actions a{padding:0 14px}.marketing-page .nav-actions .ghost{display:none}
  .marketing-page .marketing-hero{padding:55px 20px 190px}.marketing-page .marketing-hero h1{font-size:clamp(3rem,15vw,4.25rem)}.marketing-page .subcopy{font-size:.98rem}.marketing-page .hero-actions a{width:100%}
  .hero-visual{height:420px}.studio-mic{transform:scale(.72);animation:micFloatMobile 4s ease-in-out infinite}.mic-orbit{width:340px;height:340px}.visual-floor{width:390px}.hero-wave{height:170px}
  .processing-strip{left:14px;right:14px;bottom:20px;grid-template-columns:auto 1fr auto;padding:14px;gap:12px}.processing-strip .wave-badge{width:52px;height:52px}.processing-strip p{white-space:normal}.processing-strip .voice-wave{display:none}.processing-strip>b{padding:9px 12px;font-size:1rem}
  .marketing-page .marketing-section{padding:48px 20px}.marketing-page .marketing-section h2{font-size:2.2rem}.section-wave{display:none}.marketing-page .feature-grid,.marketing-page .steps,.marketing-page .home-faq .feature-grid{grid-template-columns:1fr}.marketing-page .steps article{min-height:0}
  .marketing-page .plan-comparison,.marketing-page .yearly-pricing{padding:20px 16px}.marketing-page .cta{min-height:570px;margin:12px;border-radius:20px;padding:70px 20px}.cta-wave{width:44%;opacity:.32}.cta-benefits{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .marketing-page footer{padding:45px 20px 90px}.footer-links{gap:14px;font-size:.82rem}
}
@keyframes micFloatMobile{0%,100%{transform:scale(.72) translateY(0)}50%{transform:scale(.72) translateY(-12px)}}
@media(prefers-reduced-motion:reduce){
  .marketing-page *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
}

/* About page — uses the public site's visual system with intentionally light motion. */
.about-page{background:#02080d;color:#e8f4f2}.about-page main{width:100%;overflow:hidden}.about-page .about-hero,.about-page .about-story,.about-page .about-card-grid,.about-page .about-closing-grid{width:min(1180px,calc(100% - 40px));margin-inline:auto}.about-page .about-hero{position:relative;display:grid;grid-template-columns:minmax(0,.94fr) minmax(430px,1.06fr);min-height:650px;align-items:center;gap:25px;padding:72px 20px 58px}.about-page .about-hero::before{content:"";position:absolute;inset:0 -16vw;pointer-events:none;opacity:.35;background-image:linear-gradient(rgba(25,224,207,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(25,224,207,.06) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(ellipse at 68% 45%,#000,transparent 62%)}.about-page .about-hero-copy{position:relative;z-index:2;max-width:560px}.about-page .about-hero h1{margin:0 0 16px;color:#f8fbfb;font-size:clamp(3.7rem,6.5vw,6.5rem);line-height:.86;letter-spacing:-.075em}.about-page .about-lead{margin:0 0 12px;color:#d7efec;font-size:1.1rem;font-weight:650}.about-page .about-hero-copy>p:not(.eyebrow):not(.about-lead){margin-top:10px;color:#a5b7b5;font-size:.92rem;line-height:1.65}.about-page .about-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.about-page .about-pillars span{border-right:1px solid rgba(74,206,200,.25);color:#b9ccca;font-size:.72rem;line-height:1.35}.about-page .about-pillars b{display:block;margin-bottom:5px;color:#18e4cf;font-size:1.1rem}.about-page .about-mic-scene{position:relative;min-height:510px;display:grid;place-items:center}.about-page .about-mic-scene img{position:relative;z-index:3;width:min(370px,75%);filter:drop-shadow(0 0 34px rgba(20,228,211,.42));animation:aboutMicFloat 6s ease-in-out infinite}.about-rings{position:absolute;width:465px;aspect-ratio:1;border:1px solid rgba(27,226,210,.54);border-radius:50%;box-shadow:0 0 0 28px rgba(21,207,197,.035),0 0 0 56px rgba(21,207,197,.025),0 0 80px rgba(15,208,198,.26);background:repeating-radial-gradient(ellipse,transparent 0 21px,rgba(31,228,211,.13) 22px 23px,transparent 24px 42px);animation:aboutOrbit 16s linear infinite}.about-rings::after{content:"";position:absolute;inset:13%;border:1px dashed rgba(36,227,211,.48);border-radius:50%}.about-wave{position:absolute;z-index:1;left:0;right:0;height:105px;opacity:.8;background:repeating-linear-gradient(90deg,transparent 0 8px,#18e4cf 9px 11px,transparent 12px 19px);filter:drop-shadow(0 0 7px rgba(24,228,207,.72));mask-image:radial-gradient(ellipse,#000 25%,transparent 72%)}.about-wave-one{top:43%;transform:scaleY(.55)}.about-wave-two{top:51%;opacity:.35;transform:scaleY(.35)}.about-floor{position:absolute;z-index:2;bottom:27px;width:440px;height:100px;border:1px solid rgba(24,228,207,.68);border-radius:50%;box-shadow:0 0 0 14px rgba(24,228,207,.06),0 0 48px rgba(24,228,207,.3);background:radial-gradient(ellipse,rgba(13,233,210,.28),transparent 66%)}.about-page .about-panel{border:1px solid rgba(75,203,196,.3);border-radius:14px;background:linear-gradient(145deg,rgba(6,28,35,.9),rgba(2,13,19,.96));box-shadow:inset 0 1px rgba(255,255,255,.03),0 20px 52px rgba(0,0,0,.2)}.about-page .about-story{display:grid;grid-template-columns:.86fr 1.14fr;gap:32px;padding:28px;margin-top:4px}.about-page .about-story h2,.about-page .about-panel h2{margin:0 0 14px;color:#f1fbfa;font-size:clamp(1.45rem,2.4vw,2.2rem);letter-spacing:-.04em}.about-page .about-story p:not(.eyebrow),.about-page .about-panel p:not(.eyebrow){margin-top:10px;color:#9db3b1;font-size:.9rem;line-height:1.65}.about-page .story-visual{position:relative;min-height:250px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:radial-gradient(circle at center,rgba(14,136,143,.27),transparent 55%),linear-gradient(135deg,#061b22,#020a10)}.about-page .story-visual::before{content:"";position:absolute;width:260px;aspect-ratio:1;border:1px solid rgba(24,228,207,.4);border-radius:50%;box-shadow:0 0 0 30px rgba(24,228,207,.045),0 0 65px rgba(24,228,207,.25)}.about-page .story-visual img{position:relative;z-index:1;width:190px;filter:drop-shadow(0 0 22px rgba(24,228,207,.45))}.about-page .story-visual span{position:absolute;bottom:25px;z-index:2;color:#1fe6d2;font-size:3rem}.about-page .about-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.about-page .about-card-grid .about-panel{padding:22px;min-height:335px}.about-page .about-card-grid .about-panel:nth-child(n+4){min-height:282px}.about-page .about-panel .eyebrow{margin-bottom:11px;padding:0;border:0;background:transparent;font-size:.92rem;letter-spacing:0;text-transform:none}.about-page ul{display:grid;gap:7px;margin:15px 0;padding:0;list-style:none;color:#c6d9d6;font-size:.84rem;line-height:1.35}.about-page li::before{content:"✓";margin-right:8px;color:#1ce1cf;font-weight:900}.about-page .audience-list{grid-template-columns:1fr 1fr}.about-page .vision-label{margin-top:24px!important}.about-page .about-panel a{color:#22e6d1;font-weight:700}.about-page .about-closing-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:14px;margin-top:14px;margin-bottom:70px}.about-page .about-closing-grid .about-panel{padding:24px;min-height:245px}.about-page .two-column-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.about-page .reveal{animation:aboutReveal .6s ease both}.about-page .about-card-grid .reveal:nth-child(2),.about-page .about-closing-grid .reveal:nth-child(2){animation-delay:.08s}.about-page .about-card-grid .reveal:nth-child(3){animation-delay:.14s}@keyframes aboutReveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes aboutMicFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes aboutOrbit{to{transform:rotate(360deg)}}
@media(max-width:980px){.about-page .about-hero{grid-template-columns:1fr;padding-top:48px}.about-page .about-hero-copy{max-width:700px}.about-page .about-mic-scene{min-height:390px}.about-page .about-story{grid-template-columns:1fr}.about-page .about-card-grid{grid-template-columns:1fr 1fr}.about-page .about-closing-grid{grid-template-columns:1fr}.about-page .about-rings{width:370px}.about-page .about-floor{width:360px}}
@media(max-width:620px){.about-page .about-hero,.about-page .about-story,.about-page .about-card-grid,.about-page .about-closing-grid{width:min(100% - 24px,1180px)}.about-page .about-hero{padding:44px 4px 28px;min-height:auto}.about-page .about-hero h1{font-size:clamp(3.5rem,18vw,5.2rem)}.about-page .about-pillars{grid-template-columns:1fr 1fr;gap:17px}.about-page .about-mic-scene{min-height:330px}.about-page .about-mic-scene img{width:235px}.about-page .about-rings{width:285px}.about-page .about-floor{bottom:20px;width:285px;height:70px}.about-page .about-story{padding:18px}.about-page .story-visual{min-height:210px}.about-page .about-card-grid{grid-template-columns:1fr}.about-page .about-card-grid .about-panel,.about-page .about-card-grid .about-panel:nth-child(n+4){min-height:auto;padding:20px}.about-page .about-closing-grid{margin-bottom:42px}.about-page .two-column-list{gap:8px}.about-page .audience-list{grid-template-columns:1fr}.about-page .about-panel li{font-size:.82rem}}

/* Ownership statement */
.ownership-page .ownership-shell { width:100%; }
.ownership-hero { position:relative;min-height:510px;display:grid;place-items:center;align-content:center;padding:90px 24px;text-align:center;overflow:hidden;border-bottom:1px solid rgba(34,219,204,.15);background:radial-gradient(circle at 50% 42%,rgba(11,156,158,.18),transparent 25rem); }
.ownership-hero::before { content:"";position:absolute;inset:0;opacity:.3;background-image:linear-gradient(rgba(20,224,210,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(20,224,210,.05) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle,#000,transparent 70%); }
.ownership-hero>*:not(.legal-orbit) { position:relative;z-index:2; }
.ownership-hero h1 { margin:0;color:#f7fbfa;font-size:clamp(4rem,8vw,7.4rem);line-height:.83;letter-spacing:-.075em; }
.ownership-updated { margin:27px 0 12px;color:#57e3d5;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase; }
.ownership-lead { max-width:660px;margin:0;color:#93aaa8;font-size:1.02rem;line-height:1.65; }
.legal-orbit { position:absolute;width:440px;height:440px;border:1px solid rgba(23,226,211,.13);border-radius:50%;box-shadow:0 0 0 45px rgba(23,226,211,.025),0 0 0 90px rgba(23,226,211,.018);animation:orbitTurn 18s linear infinite; }
.legal-orbit::before,.legal-orbit::after { content:"";position:absolute;border-radius:50%;border:1px dashed rgba(23,226,211,.18);inset:44px; }.legal-orbit::after{inset:95px}
.legal-orbit span { position:absolute;width:7px;height:7px;border-radius:50%;background:var(--public-cyan);box-shadow:0 0 14px var(--public-cyan); }.legal-orbit span:nth-child(1){top:8%;left:24%}.legal-orbit span:nth-child(2){right:2%;top:48%}.legal-orbit span:nth-child(3){bottom:5%;left:36%}
.ownership-content { width:min(1100px,calc(100% - 40px));margin:0 auto;padding:85px 0 110px;display:grid;grid-template-columns:1fr 1fr;gap:22px; }
.ownership-card { position:relative;padding:36px;border:1px solid rgba(76,206,199,.23);border-radius:22px;background:linear-gradient(145deg,rgba(9,30,37,.92),rgba(3,14,20,.96));box-shadow:0 24px 65px rgba(0,0,0,.24);overflow:hidden; }
.ownership-card::after { content:"";position:absolute;inset:auto -20% -60% 30%;height:180px;background:radial-gradient(circle,rgba(23,224,208,.08),transparent 65%);pointer-events:none; }
.owner-card { grid-column:1/-1;display:grid;justify-items:center;padding:44px;text-align:center;border-color:rgba(22,224,207,.42); }
.legal-icon { display:grid;place-items:center;width:74px;height:74px;margin-bottom:19px;border:1px solid rgba(22,224,207,.6);border-radius:50%;color:var(--public-cyan);font-size:2rem;box-shadow:0 0 28px rgba(22,224,207,.15); }
.card-kicker { margin:0 0 9px;color:var(--public-cyan)!important;font-size:.7rem!important;font-weight:850;letter-spacing:.12em;text-transform:uppercase; }
.owner-card h2 { margin:0;color:#fff;font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.055em; }.owner-card>p:last-child{margin:8px 0 0;color:#839b99}
.statement-card { min-height:330px; }.statement-card .section-number { display:block;margin-bottom:40px;color:#28d9c7;font-size:.75rem;font-weight:850;letter-spacing:.12em; }
.statement-card h2,.contact-card h2 { margin:0 0 18px;color:#f5fbfa;font-size:1.7rem;letter-spacing:-.035em; }
.statement-card p,.contact-card p { margin:0 0 17px;color:#9bb0ae;font-size:.96rem;line-height:1.75; }
.contact-card { grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px; }
.ownership-contact-links { display:grid;gap:10px; }
.ownership-contact-links a { display:grid;gap:5px;padding:18px 20px;border:1px solid rgba(22,224,207,.22);border-radius:14px;background:rgba(7,32,39,.72);transition:.2s ease; }
.ownership-contact-links a:hover { transform:translateX(4px);border-color:rgba(22,224,207,.6); }
.ownership-contact-links span { color:#6f8e8b;font-size:.68rem;text-transform:uppercase;letter-spacing:.09em; }.ownership-contact-links strong{color:#49e5d5;font-size:.9rem}
.ownership-verification { grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:13px;padding:20px;border:1px solid rgba(22,224,207,.15);border-radius:16px;color:#29dfcd;background:rgba(7,31,36,.45); }
.ownership-verification>span { display:grid;place-items:center;width:34px;height:34px;border:1px solid currentColor;border-radius:50%; }.ownership-verification p{display:grid;gap:3px;margin:0}.ownership-verification strong{color:#d9e9e7;font-size:.78rem}.ownership-verification small{color:#708c89;font-size:.68rem}
@media(max-width:760px){
  .ownership-hero{min-height:440px;padding:70px 20px}.ownership-hero h1{font-size:4.1rem}.legal-orbit{width:330px;height:330px}
  .ownership-content{width:min(100% - 28px,1100px);grid-template-columns:1fr;padding:55px 0 75px}.owner-card,.contact-card,.ownership-verification{grid-column:auto}
  .ownership-card{padding:26px}.contact-card{grid-template-columns:1fr;gap:22px}.statement-card{min-height:0}
}

/* Reference-matched Terms, Contact and Privacy pages. */
.reference-page{--ref-cyan:#19e9dc;--ref-line:rgba(25,233,220,.42);--ref-muted:#adc1bf;background:#01070b;color:#f2f8f7}.reference-page:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 74% 7%,rgba(0,229,218,.12),transparent 29rem),linear-gradient(rgba(15,221,208,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(15,221,208,.025) 1px,transparent 1px);background-size:auto,46px 46px,46px 46px}.reference-shell{width:min(1440px,calc(100% - 48px));margin:auto;padding:36px 0 72px}.reference-hero{position:relative;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;min-height:470px;overflow:hidden;padding:42px 54px;border:1px solid var(--ref-line);border-radius:22px;background:linear-gradient(120deg,rgba(2,14,20,.98),rgba(1,8,13,.88));box-shadow:0 0 55px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.025)}.reference-hero:after{content:"";position:absolute;right:-8%;bottom:0;width:62%;height:68%;opacity:.45;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 18px,rgba(20,228,215,.25) 19px 20px,transparent 21px 34px);mask-image:linear-gradient(transparent,#000)}.reference-hero-copy{position:relative;z-index:3;max-width:660px}.reference-kicker{display:inline-flex!important;align-items:center;gap:10px;margin:0 0 25px!important;padding:8px 12px;border:1px solid rgba(25,233,220,.28);border-radius:8px;background:rgba(10,55,59,.42);color:var(--ref-cyan)!important;font-size:.8rem!important;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.neon-icon{font-size:1.3em}.reference-hero h1{margin:0 0 24px;color:#fbfdfd;font-size:clamp(3.4rem,6vw,6.8rem);line-height:.93;letter-spacing:-.065em}.reference-hero h1 em{color:var(--ref-cyan);font-style:normal}.reference-hero-copy>p:not(.reference-kicker):not(.updated-line){max-width:660px;margin:13px 0;color:#d0dcda;font-size:1rem;line-height:1.72}.cyan-dash{display:block;width:58px;height:4px;margin:7px 0 28px;border-radius:9px;background:var(--ref-cyan);box-shadow:0 0 13px var(--ref-cyan)}.reference-art{position:relative;z-index:2;display:grid;place-items:center;min-height:390px}.reference-art img{position:relative;z-index:3;width:min(370px,76%);filter:drop-shadow(0 0 30px rgba(15,235,219,.4));animation:refFloat 6s ease-in-out infinite}.reference-floor{position:absolute;bottom:20px;width:430px;height:96px;border:1px solid rgba(25,233,220,.55);border-radius:50%;background:radial-gradient(ellipse,rgba(17,224,211,.25),transparent 65%);box-shadow:0 0 0 14px rgba(25,233,220,.035),0 0 38px rgba(25,233,220,.24)}
.reference-card{position:relative;overflow:hidden;border:1px solid var(--ref-line);border-radius:13px;padding:24px;background:linear-gradient(135deg,rgba(4,24,30,.93),rgba(1,10,15,.96));box-shadow:inset 0 1px rgba(255,255,255,.025),0 12px 35px rgba(0,0,0,.2)}.reference-card:after{content:"";position:absolute;right:-80px;bottom:-90px;width:210px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(18,229,216,.1),transparent 68%);pointer-events:none}.reference-card h2{position:relative;z-index:2;margin:0 0 12px;color:#f7fbfb;font-size:1.24rem;letter-spacing:-.025em}.reference-card h2 span,.reference-card h3,.reference-card strong,.reference-card a,.reference-card em{color:var(--ref-cyan);font-style:normal}.reference-card p,.reference-card li{position:relative;z-index:2;margin:0;color:var(--ref-muted);font-size:.88rem;line-height:1.65}.reference-card p+p{margin-top:10px}.reference-card ul{position:relative;z-index:2;display:grid;gap:5px;margin:12px 0;padding:0;list-style:none}.reference-card li:before{content:"⊙";margin-right:8px;color:var(--ref-cyan)}.reference-grid{display:grid;gap:12px;margin-top:12px}.card-icon{display:grid;flex:0 0 auto;place-items:center;width:52px;height:52px;border:1px solid rgba(25,233,220,.55);border-radius:13px;background:rgba(7,50,54,.4);color:var(--ref-cyan);font-size:1.55rem;box-shadow:0 0 20px rgba(25,233,220,.11)}.section-heading{display:flex;gap:18px;align-items:flex-start}.section-heading p{margin-top:2px}
.terms-document{position:relative;z-index:2;display:grid;gap:14px;width:250px;min-height:300px;padding:38px 30px;border:2px solid var(--ref-cyan);border-radius:13px 48px 13px 13px;background:linear-gradient(145deg,#06363c,#03151b);box-shadow:0 0 36px rgba(25,233,220,.32)}.terms-document b{color:var(--ref-cyan);font-size:1.35rem}.terms-document span{height:6px;border-radius:8px;background:rgba(25,233,220,.28)}.terms-shield,.terms-balance{position:absolute;z-index:4;display:grid;place-items:center;border:2px solid var(--ref-cyan);background:linear-gradient(145deg,#0b5f62,#031c22);color:#3af4e5;box-shadow:0 0 30px rgba(25,233,220,.35)}.terms-shield{left:9%;bottom:14%;width:135px;height:150px;border-radius:45% 45% 55% 55%;font-size:4rem}.terms-balance{right:3%;bottom:14%;width:110px;height:110px;border-radius:50%;font-size:3rem}.terms-strip{display:flex;align-items:center;gap:24px;margin-top:14px;padding:19px 27px}.terms-strip h2{margin-bottom:3px;font-size:1.65rem}.terms-strip p{font-size:1rem}
.contact-reference-hero,.privacy-reference-hero{border:0;padding:15px 12px 26px;background:transparent;box-shadow:none}.contact-reference-hero h1{font-size:clamp(3.3rem,5.6vw,6rem)}.contact-art img{width:min(430px,82%)}.floating-chat{position:absolute;z-index:5;display:grid;place-items:center;width:75px;height:75px;border:1px solid var(--ref-cyan);border-radius:12px;background:rgba(3,38,46,.8);color:var(--ref-cyan);font-size:2.2rem;box-shadow:0 0 25px rgba(25,233,220,.25)}.chat-mail{top:12%;left:5%}.chat-user{right:5%;top:35%;border-radius:24px}.reach-card{padding-bottom:0}.reach-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:18px -4px 0}.reach-grid a{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 14px;padding:9px 28px;border-right:1px solid rgba(25,233,220,.2)}.reach-grid a:last-child{border:0}.reach-grid .card-icon{grid-row:1/3}.reach-grid b{color:#f2f8f7}.reach-grid em{font-size:.88rem}.info-line{margin:14px -24px 0!important;padding:10px 24px;border-top:1px solid rgba(25,233,220,.2);text-align:center}.contact-primary-grid{grid-template-columns:repeat(3,1fr)}.contact-secondary-grid{grid-template-columns:repeat(4,1fr)}.contact-primary-grid .reference-card{min-height:390px}.contact-secondary-grid .reference-card{min-height:270px}.social-row{position:relative;z-index:2;display:flex;gap:12px;margin-top:20px}.social-row a{display:grid;place-items:center;width:37px;height:37px;border:1px solid rgba(25,233,220,.35);border-radius:50%;color:#eaf7f5}.contact-closing-grid{grid-template-columns:1.08fr .92fr}.visual-card{display:flex;align-items:center;gap:25px}.giant-icon{position:relative;z-index:2;display:grid;place-items:center;min-width:115px;min-height:100px;color:var(--ref-cyan);font-size:4rem;text-shadow:0 0 22px rgba(25,233,220,.7)}.faq-card{margin-top:12px}.faq-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.faq-grid article{padding:15px;border:1px solid rgba(25,233,220,.22);border-radius:9px;background:rgba(2,16,22,.75)}.faq-grid b{display:block;margin-bottom:8px;color:var(--ref-cyan);font-size:.8rem}.faq-grid p{font-size:.76rem}
.privacy-reference-hero{min-height:410px;padding-top:30px;padding-bottom:30px}.privacy-reference-hero h1{font-size:clamp(4rem,7vw,7.5rem)}.updated-line{color:#d4dfdd!important}.updated-line strong{color:var(--ref-cyan)}.privacy-art img{margin-left:100px}.privacy-shield{position:absolute;left:8%;z-index:2;display:grid;place-items:center;width:220px;height:245px;border:3px solid var(--ref-cyan);border-radius:45% 45% 52% 52%;background:linear-gradient(145deg,rgba(10,100,105,.7),rgba(2,20,27,.9));color:var(--ref-cyan);font-size:5rem;box-shadow:0 0 45px rgba(25,233,220,.3)}.privacy-commitment{display:grid;grid-template-columns:auto 1.25fr .75fr;align-items:center;gap:25px}.privacy-commitment>p{padding-left:25px;border-left:1px solid rgba(25,233,220,.3)}.privacy-main-grid{grid-template-columns:1.08fr .92fr}.privacy-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:17px}.privacy-columns>div+div{padding-left:18px;border-left:1px solid rgba(25,233,220,.25)}.reference-card h3{margin:0 0 8px;font-size:.84rem}.privacy-use-card .giant-icon{position:absolute;right:20px;bottom:10px;opacity:.45}.privacy-three-grid{grid-template-columns:1.15fr 1fr .85fr}.privacy-two-grid{grid-template-columns:.85fr 1.15fr}.privacy-five-grid{grid-template-columns:repeat(5,1fr)}.privacy-five-grid .reference-card{padding:18px}.privacy-five-grid h2{font-size:1rem}.privacy-five-grid p{font-size:.78rem}.privacy-contact{display:grid;grid-template-columns:auto .7fr 1.3fr;align-items:center;gap:18px;margin-top:12px}.privacy-contact-links{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.privacy-contact-links a{padding:12px;border-left:1px solid rgba(25,233,220,.22);font-size:.78rem}@keyframes refFloat{50%{transform:translateY(-10px)}}
@media(max-width:1050px){.reference-shell{width:min(100% - 28px,1440px)}.reference-hero{grid-template-columns:1fr;padding:38px}.contact-primary-grid,.contact-secondary-grid,.privacy-three-grid{grid-template-columns:1fr 1fr}.privacy-five-grid{grid-template-columns:repeat(2,1fr)}.faq-grid{grid-template-columns:repeat(2,1fr)}.reference-art{min-height:340px}.privacy-art img{margin-left:70px}}
@media(max-width:680px){.reference-shell{width:min(100% - 20px,1440px);padding-top:15px}.reference-hero{padding:27px 19px;border-radius:15px}.reference-hero h1{font-size:clamp(3.1rem,16vw,4.6rem)}.reference-art{min-height:290px}.reference-art img{width:250px}.reference-floor{width:280px;height:68px}.terms-document{width:180px;min-height:230px;padding:28px 22px}.terms-shield{width:90px;height:105px;font-size:2.8rem}.terms-balance{width:75px;height:75px;font-size:2rem}.reach-grid,.contact-primary-grid,.contact-secondary-grid,.contact-closing-grid,.privacy-main-grid,.privacy-three-grid,.privacy-two-grid,.privacy-five-grid,.privacy-commitment,.privacy-contact,.privacy-contact-links{grid-template-columns:1fr}.reach-grid a{border-right:0;border-bottom:1px solid rgba(25,233,220,.18);padding-inline:6px}.privacy-columns{grid-template-columns:1fr}.privacy-columns>div+div{padding:15px 0 0;border-left:0;border-top:1px solid rgba(25,233,220,.25)}.privacy-commitment>p{padding:16px 0 0;border-left:0;border-top:1px solid rgba(25,233,220,.3)}.faq-grid{grid-template-columns:1fr}.contact-primary-grid .reference-card,.contact-secondary-grid .reference-card{min-height:0}.privacy-art img{margin-left:60px}.privacy-shield{left:2%;width:135px;height:155px;font-size:3rem}.giant-icon{min-width:70px;min-height:70px;font-size:3rem}.reference-card{padding:19px}}
@media(prefers-reduced-motion:reduce){.reference-page *{animation:none!important}}

/* Final auth cascade guard: account pages intentionally use the current dark studio theme. */
.auth-body .auth-shell{width:min(1120px,calc(100% - 40px));grid-template-columns:minmax(0,1.08fr) minmax(360px,470px);gap:clamp(48px,8vw,112px)}
.auth-body .auth-copy .brand{margin-bottom:64px}.auth-body .auth-copy h1{color:#f6fffc;font-size:clamp(46px,6vw,78px);line-height:.98;letter-spacing:-.055em}
.auth-body .auth-card{border:1px solid rgba(255,255,255,.16);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,250,247,.96));box-shadow:0 38px 100px rgba(0,8,6,.42),inset 0 1px 0 #fff;padding:clamp(28px,4vw,42px)}
.auth-body .auth-card input{min-height:52px;border-color:#cbded8;border-radius:12px;background:rgba(255,255,255,.82)}.auth-body .auth-card .primary{width:100%;border-radius:12px}.auth-body .plan-note{border-radius:12px}
@media(max-width:820px){.auth-body .auth-shell{grid-template-columns:1fr;gap:30px;width:min(560px,calc(100% - 28px))}.auth-body .auth-copy .brand{margin-bottom:30px}.auth-body .auth-copy h1{font-size:clamp(38px,12vw,56px)}}

/* One shared public footer across marketing, legal, and authentication pages. */
.site-footer{width:100%;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(460px,1.4fr);gap:38px;padding:54px max(6vw,24px) 28px;border-top:1px solid rgba(70,218,202,.18);background:#020b10;color:#e8f4f2}
.site-footer .footer-brand{display:block}.site-footer .footer-brand .brand{display:inline-flex}.site-footer .brand-logo{width:126px;height:64px;object-fit:contain;border-radius:14px;box-shadow:none}.site-footer .footer-brand p{max-width:300px;margin-top:14px;color:#809895;font-size:.86rem;line-height:1.55}
.footer-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.footer-directory div{display:grid;align-content:start;gap:9px}.footer-directory strong{margin-bottom:4px;color:#27dfcd;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.footer-directory a{color:#a8bfbc;font-size:.84rem;transition:color .18s ease}.footer-directory a:hover{color:#35ead7}.site-footer .copyright{grid-column:1/-1;margin-top:8px;padding-top:22px;border-top:1px solid rgba(70,218,202,.12);color:#667e7b;font-size:.76rem;text-align:center}
.auth-body{display:block;overflow:auto;padding:0}.auth-body .auth-shell{min-height:calc(100vh - 250px);padding-block:48px}.auth-body>.site-footer{position:relative;z-index:2}
@media(max-width:760px){.site-footer{grid-template-columns:1fr;padding:42px 24px 26px}.footer-directory{grid-template-columns:1fr 1fr}.auth-body .auth-shell{padding-block:32px}}
@media(max-width:480px){.footer-directory{grid-template-columns:1fr}}

.console-brand img{width:42px;height:42px;border-radius:13px;object-fit:cover;box-shadow:0 0 26px rgba(45,225,194,.22)}
.tool-console-body .console-shell{min-height:100vh}.tool-console-body .console-main{padding:0}.tool-console-body .console-topbar .console-page-title{margin-right:auto}
.tool-console-account{display:flex;align-items:center;gap:12px;padding:8px 10px 8px 8px;border:1px solid var(--console-line);border-radius:16px;background:rgba(10,29,38,.82)}.tool-console-account .account-details{display:grid;min-width:120px}.tool-console-account .account-details strong{color:#f2fffc}.tool-console-account .account-details small{color:#6f918d;text-transform:capitalize}.tool-console-account #logoutBtn{display:flex;align-items:center;gap:6px;border:0;border-left:1px solid var(--console-line);padding:8px 10px;background:transparent;color:#89aaa5;cursor:pointer}.tool-console-account #logoutBtn b{font:inherit;font-weight:700}.tool-console-account #logoutBtn span{font-size:1rem;transform:rotate(180deg)}.tool-console-account #logoutBtn:hover{color:#fff}
@media(max-width:700px){.tool-console-account{gap:7px;padding:5px}.tool-console-account .account-details{display:none}.tool-console-account #logoutBtn{border-left:0;padding:7px}.tool-console-account #logoutBtn b{display:none}.tool-console-account #logoutBtn span{font-size:1rem}.console-page-title strong{font-size:.78rem}}
@media(max-width:420px){.console-main{padding-inline:12px}.console-topbar{gap:9px;padding-inline:10px}.console-welcome h1{font-size:clamp(1.9rem,11vw,2.2rem)}.console-welcome>div:first-child>p:last-child{font-size:.76rem}.console-tool-card{padding:22px}.console-page-title span{display:none}.tool-console-account .account-avatar{width:34px;height:34px}.console-notifications{left:10px;right:10px;width:auto}}

/* Shared, stable microphone visual system. The fixed box prevents load-time layout shifts. */
.studio-mic,.about-mic-scene,.reference-art{contain:layout paint}
.studio-mic>img,.about-mic-scene>img,.reference-art>img{display:block;width:min(390px,76%);height:auto;aspect-ratio:520/790;object-fit:contain;will-change:transform;animation:sharedMicFloat 4.8s ease-in-out infinite!important;filter:drop-shadow(0 18px 22px rgba(0,0,0,.56)) drop-shadow(0 0 20px rgba(19,225,213,.3))!important}
.studio-mic{animation:none!important}.studio-mic>img{width:100%;height:100%}
.section-wave{width:100%;min-width:260px;overflow:hidden;isolation:isolate}
.section-wave i{flex:0 0 3px;display:block;min-height:18px;transform-origin:center;will-change:transform,opacity}
.section-wave i:nth-child(2n){animation-delay:-.18s}.section-wave i:nth-child(3n){animation-delay:-.42s}.section-wave i:nth-child(4n){animation-delay:-.68s}.section-wave i:nth-child(5n){animation-delay:-.91s}
.hero-wave{min-width:100%;overflow:hidden}.hero-wave i{flex:0 0 2px;display:block;transform-origin:center;will-change:transform,opacity}
@keyframes sharedMicFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-11px,0)}}
@media(max-width:980px){.section-wave{min-width:0}.about-mic-scene>img,.reference-art>img{width:min(330px,72%)}}
@media(max-width:680px){.studio-mic>img{transform:none}.about-mic-scene>img,.reference-art>img{width:min(250px,72%)}}
@media(prefers-reduced-motion:reduce){.studio-mic>img,.about-mic-scene>img,.reference-art>img,.hero-wave i,.section-wave i{animation:none!important;will-change:auto}}

/* Authoritative shared brand, footer and microphone components. */
.unified-brand{display:inline-flex!important;align-items:center!important;gap:12px!important;min-width:max-content;color:#f4fbfa!important}.site-brand-mark{display:grid;place-items:center;width:48px;height:48px;overflow:hidden;border:1px solid rgba(35,225,210,.22);border-radius:13px;background:#06141a;box-shadow:0 0 22px rgba(22,224,207,.1)}.site-brand-mark img{display:block;width:44px;height:44px;object-fit:contain}.site-brand-name{color:#f7fbfa;font-size:1.22rem;font-weight:900;letter-spacing:-.04em;white-space:nowrap}.site-brand-name>span{color:#20dfcf}
/* Reserve header CTA space so auth hydration does not inflate CLS. */
.nav-actions{min-width:210px;min-height:44px;justify-content:flex-end}
.nav-actions[data-auth-loading]{opacity:0;pointer-events:none}.header-account{display:grid!important;grid-template-columns:38px auto;grid-template-rows:1fr 1fr;align-items:center;column-gap:10px;min-width:155px;padding:8px 14px!important;border:1px solid rgba(37,226,211,.4)!important;border-radius:13px!important;background:rgba(5,30,35,.8)!important;color:#fff!important}.header-account>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#18e4cf,#3478ff);color:#001316;font-weight:900}.header-account b{align-self:end;font-size:.78rem;line-height:1.1}.header-account small{align-self:start;color:#78dcd2;font-size:.65rem}
body>footer.unified-site-footer{position:relative!important;inset:auto!important;width:100%!important;display:grid!important;grid-template-columns:minmax(230px,.8fr) minmax(500px,1.4fr)!important;align-items:start!important;gap:48px!important;margin:0!important;padding:58px max(6vw,28px) 30px!important;border:0!important;border-top:1px solid rgba(70,218,202,.18)!important;border-radius:0!important;background:#020b10!important;color:#e8f4f2!important;box-shadow:none!important;transform:none!important}body>footer.unified-site-footer .footer-brand{display:block!important}body>footer.unified-site-footer .footer-brand p{max-width:310px;margin:16px 0 0!important;color:#809895!important;font-size:.86rem!important;line-height:1.55!important}
body>footer.unified-site-footer .footer-directory{display:grid!important;grid-template-columns:repeat(3,1fr)!important;align-items:start!important;gap:32px!important}body>footer.unified-site-footer .footer-directory>div{display:grid!important;align-content:start!important;gap:10px!important}body>footer.unified-site-footer .footer-directory strong{margin:0 0 5px!important;color:#27dfcd!important;font-size:.72rem!important;letter-spacing:.1em!important;text-transform:uppercase!important}body>footer.unified-site-footer .footer-directory a{padding:0!important;color:#a8bfbc!important;background:none!important;border:0!important;font-size:.84rem!important}body>footer.unified-site-footer .footer-directory a:hover{color:#35ead7!important}body>footer.unified-site-footer .copyright{position:static!important;grid-column:1/-1!important;margin:6px 0 0!important;padding:22px 0 0!important;border-top:1px solid rgba(70,218,202,.12)!important;color:#667e7b!important;font-size:.76rem!important;text-align:center!important}
.unified-mic-scene{position:relative!important;isolation:isolate;display:grid!important;place-items:center!important;min-height:480px!important;overflow:hidden!important;background:radial-gradient(circle at 50% 50%,rgba(10,137,140,.18),transparent 58%)!important}.unified-mic-scene .unified-mic-image{position:relative!important;z-index:4!important;display:block!important;width:300px!important;height:456px!important;max-width:72%!important;object-fit:contain!important;animation:unifiedMicFloat 4.8s ease-in-out infinite!important;filter:drop-shadow(0 18px 24px rgba(0,0,0,.6)) drop-shadow(0 0 18px rgba(25,232,216,.34))!important}.unified-mic-rings{position:absolute!important;z-index:1!important;width:390px!important;height:390px!important;border:1px solid rgba(28,231,215,.38)!important;border-radius:50%!important;box-shadow:0 0 0 28px rgba(25,220,208,.035),0 0 0 58px rgba(25,220,208,.022),0 0 55px rgba(19,220,208,.18)!important;animation:unifiedOrbit 16s linear infinite!important}
.unified-mic-wave{position:absolute!important;z-index:2!important;left:5%!important;right:5%!important;top:50%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;height:170px!important;transform:translateY(-50%)!important;filter:drop-shadow(0 0 8px rgba(22,224,207,.55))}.unified-mic-wave:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,#19e9dc,transparent)}.unified-mic-wave i{display:block!important;flex:0 0 2px!important;width:2px!important;height:48px!important;border-radius:8px!important;background:linear-gradient(#087e8b,#24ead7,#087e8b)!important;animation:unifiedWave 1.15s ease-in-out infinite!important}.unified-mic-wave i:nth-child(3n){height:92px!important;animation-delay:-.35s!important}.unified-mic-wave i:nth-child(4n){height:132px!important;animation-delay:-.7s!important}.unified-mic-wave i:nth-child(5n){height:70px!important;animation-delay:-.95s!important}
@keyframes unifiedMicFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}@keyframes unifiedOrbit{to{transform:rotate(360deg)}}@keyframes unifiedWave{0%,100%{transform:scaleY(.35);opacity:.45}50%{transform:scaleY(1);opacity:1}}

/* Responsive and motion-performance guardrails for every public page. */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
img, video, audio, svg { max-width: 100%; }
.marketing-page .marketing-section,
.about-page .about-card-grid,
.reference-page .reference-grid,
.legal-page .legal-grid { content-visibility: auto; contain-intrinsic-size: auto 760px; }

/* Keep continuous decorations compositor-friendly and lighter on small devices. */
.hero-visual { contain: layout paint; }
.studio-mic, .mic-orbit, .hero-wave i, .hero-particles i, .visual-floor { will-change: transform, opacity; }
.studio-mic { animation-duration: 7s; }
.mic-orbit { animation-duration: 28s; }
.mic-orbit::after { animation-duration: 20s; }
.hero-wave { filter: none; }
.hero-wave i { animation-duration: 2.4s; }
.hero-particles i { animation-duration: 8s; }
.visual-floor { animation-duration: 5.5s; }

@media (max-width: 980px), (pointer: coarse) {
  .hero-particles, .hero-wave::after { display: none; }
  .hero-wave { filter: none; opacity: .68; }
  .hero-wave i:nth-child(odd) { display: none; }
  .studio-mic { animation-duration: 9s; }
  .mic-orbit, .mic-orbit::after, .visual-floor { animation: none; }
}

@media (max-width: 680px) {
  .marketing-page .public-nav { gap: 10px; }
  .marketing-page .nav-actions { margin-left: auto; gap: 8px; }
  .marketing-page .nav-actions .primary { min-height: 42px; padding-inline: 13px; font-size: .82rem; }
  .marketing-page .marketing-hero { min-height: auto; gap: 18px; padding-inline: 16px; }
  .marketing-page .hero-actions { display: grid; grid-template-columns: 1fr; }
  .marketing-page .hero-trust { display: grid; grid-template-columns: 1fr; gap: 10px; }
  .hero-visual { height: min(94vw, 390px); }
  .studio-mic { width: min(78vw, 300px); height: min(94vw, 440px); transform: none; animation: none; }
  .mic-orbit { width: min(78vw, 300px); height: min(78vw, 300px); }
  .hero-wave { height: 130px; left: 0; right: 0; }
  .hero-wave i { animation: none; opacity: .68; }
  .visual-floor { width: min(96vw, 390px); height: 78px; bottom: 12px; }
  .processing-strip { grid-template-columns: auto minmax(0, 1fr) auto; left: 12px; right: 12px; bottom: 12px; padding: 12px; }
  .processing-strip p small { display: none; }
  .processing-strip .wave-badge { width: 44px; height: 44px; font-size: 1.15rem; }
  .legal-highlight, .legal-contact { flex-direction: column; align-items: flex-start; }
  .reference-card, .legal-card { overflow-wrap: anywhere; }
  .comparison-scroll, .admin-table-wrap { overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; }
}

@media (prefers-reduced-motion: reduce), (update: slow) {
  .marketing-page *, .about-page *, .reference-page *, .legal-page * {
    animation: none !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
  .studio-mic, .mic-orbit, .hero-wave i, .hero-particles i, .visual-floor { will-change: auto; }
}

/* Homepage hero motion: one lightweight, compositor-only timing system. */
.marketing-page .hero-visual {
  contain: layout paint;
  transform: translateZ(0);
}
.marketing-page .studio-mic > img {
  animation: homeMicFloat 6s ease-in-out infinite !important;
  backface-visibility: hidden;
  will-change: transform;
}
.marketing-page .mic-orbit {
  animation: homeOrbit 24s linear infinite;
  backface-visibility: hidden;
  will-change: transform;
}
.marketing-page .mic-orbit::after {
  animation: homeOrbitReverse 18s linear infinite;
}
.marketing-page .hero-wave i {
  animation: homeWave 2.4s ease-in-out infinite;
  backface-visibility: hidden;
  will-change: transform, opacity;
}
.marketing-page .hero-wave i:nth-child(2n) { animation-delay: -.35s; }
.marketing-page .hero-wave i:nth-child(3n) { animation-delay: -.8s; }
.marketing-page .hero-wave i:nth-child(4n) { animation-delay: -1.2s; }
.marketing-page .hero-wave i:nth-child(5n) { animation-delay: -1.65s; }
.marketing-page .hero-particles i,
.marketing-page .visual-floor,
.marketing-page .mic-photo-glow {
  animation: none;
  will-change: auto;
}
.marketing-page .hero-particles i { opacity: .58; }
.marketing-page .hero-particles i:nth-child(n + 7) { display: none; }
.marketing-page .visual-floor { opacity: .72; filter: none; }
.marketing-page .mic-photo-glow { opacity: .78; }

@keyframes homeMicFloat {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, -10px, 0); }
}
@keyframes homeOrbit { to { transform: rotate(360deg); } }
@keyframes homeOrbitReverse { to { transform: rotate(-360deg); } }
@keyframes homeWave {
  0%, 100% { transform: scaleY(.42); opacity: .52; }
  50% { transform: scaleY(1); opacity: .92; }
}

@media (max-width: 980px), (pointer: coarse) {
  .marketing-page .studio-mic > img { animation-duration: 6s !important; }
  .marketing-page .mic-orbit,
  .marketing-page .mic-orbit::after,
  .marketing-page .visual-floor { animation: none; }
  .marketing-page .hero-wave i:nth-child(odd) { display: none; }
}

@media (max-width: 680px), (prefers-reduced-motion: reduce), (update: slow) {
  .marketing-page .studio-mic > img,
  .marketing-page .mic-orbit,
  .marketing-page .mic-orbit::after,
  .marketing-page .hero-wave i { animation: none !important; }
}

/* Contextual internal-link cards on public SEO landing pages. */
.seo-related{max-width:1180px;margin:34px auto 0;padding:0 24px}.seo-related>h2{margin:7px 0 18px}.seo-related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.seo-related a{display:flex;flex-direction:column;gap:7px;padding:20px;border:1px solid rgba(148,163,184,.24);border-radius:18px;background:rgba(15,23,42,.58);color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.seo-related a:hover,.seo-related a:focus-visible{transform:translateY(-2px);border-color:rgba(34,211,238,.65);background:rgba(15,23,42,.82)}.seo-related a strong{color:#f8fafc;font-size:1.02rem}.seo-related a span{color:#aebbd0;line-height:1.55}
@media(max-width:760px){.seo-related>div{grid-template-columns:1fr}}
@media(max-width:900px){body>footer.unified-site-footer{grid-template-columns:1fr!important}body>footer.unified-site-footer .footer-directory{grid-template-columns:repeat(3,1fr)!important}.unified-mic-scene{min-height:420px!important}.unified-mic-scene .unified-mic-image{width:260px!important;height:395px!important}}@media(max-width:600px){.site-brand-mark{width:42px;height:42px}.site-brand-mark img{width:38px;height:38px}.site-brand-name{font-size:1.05rem}body>footer.unified-site-footer .footer-directory{grid-template-columns:1fr 1fr!important}.header-account b,.header-account small{display:none}.header-account{min-width:auto;grid-template-columns:38px;padding:7px!important}.unified-mic-scene{min-height:360px!important}.unified-mic-rings{width:290px!important;height:290px!important}.unified-mic-scene .unified-mic-image{width:220px!important;height:334px!important}}@media(prefers-reduced-motion:reduce){.unified-mic-scene .unified-mic-image,.unified-mic-rings,.unified-mic-wave i{animation:none!important}}