:root {
  color-scheme: light;
  --ink: #05080d;
  --muted: #5f7080;
  --line: #cfe5f4;
  --paper: #ffffff;
  --soft: #f2f8fc;
  --soft-2: #e4f0f8;
  --accent: #1d9eff;
  --accent-dark: #0a1118;
  --accent-light: #59bcff;
  --black: #02070b;
  --sac-blue: #1d9eff;
  --sac-blue-deep: #0a1118;
  --sac-blue-soft: #e4f0f8;
  --sac-black: #02070b;
  --shadow: 0 18px 50px rgba(12, 48, 77, 0.16);
  --radius: 8px;
}

body.theme-night {
  --ink: #edf5fb;
  --muted: #93a9bb;
  --line: #213649;
  --paper: #03070c;
  --soft: #07101a;
  --soft-2: #0d1824;
  --accent: #2da8ff;
  --accent-dark: #edf5fb;
  --accent-light: #66c4ff;
  --shadow: 0 18px 50px rgba(0, 0, 0, 0.4);
}

/* Final compact auth popup override. */
.member-dialog {
  width: min(52rem, calc(100vw - 1rem), calc((100dvh - 1rem) * 16 / 9)) !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  max-height: calc(100dvh - 1rem) !important;
  border-radius: 10px !important;
  background: #f6fbff !important;
}
.member-dialog::backdrop {
  background: rgba(1, 9, 16, .62) !important;
  backdrop-filter: blur(5px) !important;
}
.member-dialog .member-auth-card {
  height: 100% !important;
  padding: .85rem !important;
  border-radius: 10px !important;
}
.member-dialog .member-panel {
  display: grid !important;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
  gap: .85rem !important;
  height: 100% !important;
  min-height: 0 !important;
}
.member-dialog .member-brand-block {
  display: grid !important;
  min-height: 0 !important;
  padding: 1rem !important;
  border-radius: 8px !important;
  align-content: center !important;
}
.member-dialog .member-form-block {
  padding: .85rem !important;
  gap: .6rem !important;
  border-radius: 8px !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  align-content: start !important;
}
.member-dialog .dialog-header {
  min-height: 2rem !important;
}
.member-dialog .icon-button {
  width: 2.25rem !important;
  height: 2.25rem !important;
}
.auth-tab-row button {
  min-height: 2.45rem !important;
}
.member-dialog .member-form-block input {
  min-height: 2.55rem !important;
  padding: .5rem .65rem !important;
}
.member-dialog .button.primary,
.member-dialog .button.secondary {
  min-height: 2.5rem !important;
}
.member-dialog #memberMessage {
  padding: .6rem .7rem !important;
  font-size: .84rem !important;
}

@media (max-width: 760px) {
  .member-dialog {
    width: min(30rem, calc(100vw - 1rem)) !important;
    aspect-ratio: auto !important;
    height: min(34rem, calc(100dvh - 1rem)) !important;
  }

  .member-dialog .member-panel {
    grid-template-columns: 1fr !important;
  }

  .member-dialog .member-brand-block {
    display: none !important;
  }
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.5;
}

body.theme-night .site-header,
body.theme-night .hero-dropdown-menu,
body.theme-night .nav-hover-menu,
body.theme-night .icon-button,
body.theme-night .nav-search-icon,
body.theme-night .simple-page-grid > *,
body.theme-night .page-hero,
body.theme-night .section-heading,
body.theme-night .tool-card,
body.theme-night .market-card,
body.theme-night .home-product-card,
body.theme-night .featured-product,
body.theme-night .pricing-card,
body.theme-night .text-tool-workspace,
body.theme-night .filters,
body.theme-night .tool-results,
body.theme-night .member-dialog,
body.theme-night .member-dialog .member-form-block,
body.theme-night .member-dialog .member-brand-block,
body.theme-night .site-footer {
  background: var(--paper) !important;
  color: var(--ink);
  border-color: var(--line) !important;
}

body.theme-night .site-header {
  background: rgba(2, 6, 11, 0.98) !important;
  border-bottom-color: rgba(32, 70, 102, 0.88) !important;
}

body.theme-night .hero,
body.theme-night .section-band,
body.theme-night .section,
body.theme-night main {
  background-color: var(--paper);
}

body.theme-night .home-page .hero {
  background:
    radial-gradient(circle at 80% 18%, rgba(29, 158, 255, 0.22), transparent 34%),
    radial-gradient(circle at 16% 78%, rgba(83, 188, 255, 0.12), transparent 30%),
    linear-gradient(135deg, #010408 0%, #07131f 48%, #0b4168 100%) !important;
}

body.theme-night .hero,
body.theme-night .page-hero,
body.theme-night .automation-hero,
body.theme-night .social-hero,
body.theme-night .blog-hero,
body.theme-night .review-hero,
body.theme-night .marketplace-category-home-hero,
body.theme-night .market-category-hero,
body.theme-night .market-tool-detail-hero {
  background:
    radial-gradient(circle at 82% 20%, rgba(29, 158, 255, 0.18), transparent 32%),
    linear-gradient(135deg, #02060b 0%, #08131e 54%, #0c2942 100%) !important;
}

body.theme-night .nav-links,
body.theme-night .nav-links a,
body.theme-night .brand strong,
body.theme-night .section-heading h2,
body.theme-night h1,
body.theme-night h2,
body.theme-night h3,
body.theme-night strong,
body.theme-night b {
  color: #ffffff;
}

body.theme-night .nav-links a:hover,
body.theme-night .nav-links a[aria-current="page"],
body.theme-night .brand small,
body.theme-night .eyebrow,
body.theme-night .hero-line-blue,
body.theme-night .hero-line-black,
body.theme-night .hero-auto-colored .hero-line-blue,
body.theme-night .page-hero .hero-split-line .hero-line-blue,
body.theme-night .stat strong,
body.theme-night .stats strong {
  color: #66c4ff !important;
}

body.theme-night .hero-line-black,
body.theme-night .page-hero .hero-split-line .hero-line-black {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 3px 0 rgba(5, 14, 24, 0.92), 0 12px 28px rgba(0, 0, 0, 0.26);
}

body.theme-night .hero-dropdown-menu a,
body.theme-night .nav-hover-menu a,
body.theme-night .hero-text,
body.theme-night p,
body.theme-night li,
body.theme-night .section-heading p,
body.theme-night .text-tool-output,
body.theme-night .result-bar,
body.theme-night .pricing-card small {
  color: var(--muted);
}

body.theme-night .hero .hero-text,
body.theme-night .page-hero .hero-text,
body.theme-night .automation-hero .hero-text,
body.theme-night .social-hero .hero-text,
body.theme-night .blog-hero .hero-text,
body.theme-night .review-hero .hero-text {
  color: #d8e9f7;
}

body.theme-night .home-page .hero .hero-text {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
}

body.theme-night .home-page .hero .hero-line-white {
  color: #ffffff !important;
}

body.theme-night .home-page .hero .hero-line-blue {
  color: #3aa8ff !important;
  text-shadow: 0 0 20px rgba(58, 168, 255, 0.18);
}

body.theme-night .home-page .hero .stats span {
  color: #d3e4f5 !important;
  border-right-color: rgba(91, 169, 231, 0.34);
}

body.theme-night .home-page .hero .button.secondary {
  color: #eef7ff !important;
  -webkit-text-fill-color: #eef7ff !important;
  border-color: rgba(102, 196, 255, 0.32) !important;
  background: rgba(9, 20, 32, 0.78) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

body.theme-night .home-page .hero .button.secondary:hover,
body.theme-night .home-page .hero .button.secondary:focus-visible {
  background: rgba(12, 34, 54, 0.94) !important;
  border-color: rgba(102, 196, 255, 0.52) !important;
}

body.theme-night .button.secondary,
body.theme-night .nav-auth-button,
body.theme-night .segmented button,
body.theme-night .pricing-card,
body.theme-night .chip-list button,
body.theme-night input,
body.theme-night textarea,
body.theme-night select {
  background: var(--soft-2);
  color: #f4f9ff;
  border-color: var(--line);
}

body.theme-night .brand-logo,
body.theme-night .tool-logo {
  background: #fff;
}

body.theme-night .nav-search-icon,
body.theme-night .icon-button,
body.theme-night .theme-toggle-button {
  color: #ffffff;
  background: #0b1520;
  border-color: #23425d;
}

body.theme-night .nav-auth-button {
  color: #ffffff;
  background: linear-gradient(135deg, #06131d 0%, #0b4168 58%, #1d9eff 100%);
  border-color: rgba(102, 196, 255, 0.42);
}

body.theme-night .nav-search-icon:hover,
body.theme-night .icon-button:hover,
body.theme-night .theme-toggle-button:hover,
body.theme-night .theme-toggle-button:focus-visible {
  background: #12324d;
  color: #66c4ff;
}

.home-page #tools,
.home-page .featured-section {
  display: none;
}

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

button,
input,
select,
textarea {
  font: inherit;
}

svg {
  width: 1.1rem;
  height: 1.1rem;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.9rem clamp(1rem, 4vw, 4rem);
  border-bottom: 1px solid rgba(215, 225, 235, 0.9);
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(14px);
  min-height: 5.1rem;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}

.brand span {
  display: grid;
  gap: 0.08rem;
  line-height: 1.08;
}

.brand strong,
.brand small {
  white-space: nowrap;
}

.brand-logo {
  width: 3rem;
  height: 3rem;
  flex: 0 0 auto;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: var(--paper);
  object-fit: cover;
}

.tool-logo {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 2.45rem;
  height: 2.45rem;
  border-radius: var(--radius);
  color: #fff;
  background: linear-gradient(135deg, var(--accent-light), var(--accent-dark));
  font-weight: 800;
}

.brand small {
  display: block;
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 800;
}

.nav-links {
  display: flex;
  align-items: center;
  gap: clamp(0.8rem, 2vw, 1.5rem);
  color: #202938;
  font-size: 0.95rem;
  min-height: 2.5rem;
}

.nav-links:not(.nav-ready) {
  visibility: hidden;
}

.nav-links a:hover,
.site-footer a:hover,
.site-footer button:hover {
  color: var(--accent-dark);
}

.nav-auth-button {
  min-height: 2.05rem;
  padding: 0.34rem 0.56rem;
  border: 1px solid rgba(0, 142, 214, 0.38);
  border-radius: 0.58rem;
  color: var(--accent-dark);
  background: var(--soft-2);
  cursor: pointer;
  font-weight: 800;
  font-size: .86rem;
}

.nav-search-icon {
  display: inline-grid;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  padding: 0;
  border-color: var(--line);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: #263244;
  background: var(--paper);
  cursor: pointer;
}

.nav-search-icon:hover {
  border-color: rgba(0, 142, 214, 0.38);
  color: var(--accent-dark);
  background: var(--soft-2);
}

.theme-toggle-button {
  display: inline-grid;
  place-items: center;
  width: 2.48rem;
  height: 2.48rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #44506a;
  color: #fff;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(17, 29, 49, 0.18);
}

.theme-toggle-button:hover,
.theme-toggle-button:focus-visible {
  transform: translateY(-1px);
  background: #34425d;
}

.theme-toggle-moon {
  display: grid;
  place-items: center;
  width: 1.2rem;
  height: 1.2rem;
}

.theme-toggle-moon svg {
  width: 1.2rem;
  height: 1.2rem;
  fill: currentColor;
  stroke: none;
}

body.theme-night .theme-toggle-button {
  background: linear-gradient(135deg, #07121d 0%, #0b4168 58%, #1d9eff 100%);
}

.whatsapp-chat {
  position: fixed;
  right: 1.25rem;
  bottom: 1.25rem;
  z-index: 40;
  display: grid;
  place-items: center;
  width: 3.6rem;
  height: 3.6rem;
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff;
  background: #25d366;
  box-shadow: 0 12px 30px rgba(12, 83, 42, 0.28);
}

.whatsapp-chat:hover,
.whatsapp-chat:focus-visible {
  background: #128c4a;
  transform: translateY(-2px);
}

.whatsapp-chat svg {
  width: 2rem;
  height: 2rem;
  stroke-width: 1.8;
}

.hello-sac-chat {
  position: fixed;
  right: 5.5rem;
  bottom: 1.25rem;
  z-index: 40;
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  min-height: 3.6rem;
  padding: 0.45rem 0.9rem 0.45rem 0.45rem;
  border: 1px solid rgba(255, 255, 255, 0.92);
  border-radius: 999px;
  color: #fff;
  text-decoration: none;
  background: linear-gradient(135deg, #05131f 8%, #0f5f97 56%, #1da1f2 100%);
  box-shadow: 0 16px 32px rgba(7, 35, 58, 0.32);
}

.hello-sac-chat:hover,
.hello-sac-chat:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 18px 34px rgba(7, 35, 58, 0.4);
}

.hello-sac-chat-badge {
  display: grid;
  place-items: center;
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.16);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
}

.hello-sac-chat-badge svg {
  width: 1.45rem;
  height: 1.45rem;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.hello-sac-chat span:last-child {
  font-size: 0.95rem;
  font-weight: 900;
  letter-spacing: 0;
}

.menu-button {
  display: none;
}

.icon-button,
.text-button {
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

.icon-button {
  display: inline-grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
}

.section,
.section-band {
  padding: clamp(3.5rem, 7vw, 6rem) clamp(1rem, 4vw, 4rem);
}

.hero {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(21rem, 0.96fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 5rem);
  min-height: calc(100vh - 4.4rem);
  background:
    radial-gradient(circle at 78% 14%, rgba(0, 142, 214, 0.18), transparent 34%),
    linear-gradient(115deg, rgba(0, 142, 214, 0.13), rgba(255, 255, 255, 0.94) 46%, rgba(5, 5, 5, 0.05)),
    var(--soft);
}

.eyebrow {
  margin: 0 0 0.85rem;
  color: var(--accent-dark);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

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

h1 {
  max-width: 12ch;
  margin-bottom: 1.1rem;
  font-size: clamp(3rem, 7vw, 6.2rem);
  line-height: 0.94;
  letter-spacing: 0;
}

h2 {
  margin-bottom: 0.75rem;
  font-size: clamp(2rem, 4vw, 3.7rem);
  line-height: 1.02;
  letter-spacing: 0;
}

h3 {
  margin-bottom: 0.45rem;
  font-size: 1rem;
}

.hero-text {
  max-width: 34rem;
  color: #3f4b5b;
  font-size: clamp(1.04rem, 2vw, 1.25rem);
}

.hero-actions,
.stats {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  align-items: center;
}

.hero-actions {
  margin: 1.7rem 0 2rem;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 2.9rem;
  padding: 0.72rem 1rem;
  border: 1px solid transparent;
  border-radius: var(--radius);
  cursor: pointer;
  font-weight: 800;
}

.button.primary {
  color: #fff;
  background: var(--accent);
  box-shadow: 0 10px 24px rgba(0, 142, 214, 0.28);
}

.button.primary:hover {
  background: var(--accent-dark);
}

.button.secondary {
  color: var(--ink);
  border-color: #111827;
  background: var(--paper);
}

.stats span {
  padding-right: 1.1rem;
  color: var(--muted);
  border-right: 1px solid var(--line);
}

.stats span:last-child {
  border-right: 0;
}

.stats strong {
  display: block;
  color: var(--ink);
  font-size: 1.25rem;
}

.hero-visual {
  overflow: hidden;
  border: 1px solid rgba(0, 95, 156, 0.18);
  border-radius: var(--radius);
  background: var(--paper);
  box-shadow: var(--shadow);
}

.visual-brand {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 1rem 1.1rem;
  color: #fff;
  background: linear-gradient(135deg, var(--black), #0b415f 54%, var(--accent));
}

.visual-brand img {
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 50%;
  background: #fff;
  object-fit: cover;
}

.sac-360-logo {
  position: relative;
  display: grid;
  width: 4.4rem;
  height: 4.4rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  background:
    radial-gradient(circle at 32% 28%, rgba(255,255,255,.96), rgba(255,255,255,.4) 22%, transparent 24%),
    conic-gradient(from 215deg, #ffffff, #1c78a7, #08324c, #02070b, #1c78a7, #ffffff);
  box-shadow: inset -8px -10px 18px rgba(2,7,11,.35), inset 8px 8px 16px rgba(255,255,255,.55), 0 10px 28px rgba(7,153,220,.25);
}

.sac-360-logo::after {
  content: "360";
  position: absolute;
  right: -.35rem;
  bottom: -.2rem;
  padding: .1rem .28rem;
  border: 1px solid rgba(255,255,255,.65);
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, var(--sac-blue-deep), var(--sac-blue));
  font-size: .56rem;
  font-weight: 950;
}

.visual-brand .sac-360-logo img {
  width: 3.25rem;
  height: 3.25rem;
  border: 3px solid #fff;
  box-shadow: 0 4px 12px rgba(2,7,11,.28);
}

.visual-brand strong,
.visual-brand small {
  display: block;
}

.visual-brand small {
  color: rgba(255, 255, 255, 0.78);
}

.marketplace-tabs,
.service-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin: 0 0 1rem;
}

.marketplace-tabs button,
.service-filter-bar button {
  min-height: 2.45rem;
  padding: .55rem .9rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--sac-blue-deep);
  background: #fff;
  cursor: pointer;
  font-weight: 850;
}

.marketplace-tabs button.active,
.service-filter-bar button.active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, var(--sac-black), var(--sac-blue-deep) 58%, var(--sac-blue));
  box-shadow: 0 10px 22px rgba(7, 153, 220, .16);
}

.marketplace-control-panel {
  display: grid;
  grid-template-columns: minmax(18rem, 1fr) minmax(11rem, .25fr) minmax(12rem, .25fr) auto;
  gap: .75rem;
  align-items: end;
  margin: 0 0 1rem;
  padding: 1rem;
  border: 1px solid rgba(7, 153, 220, .18);
  border-radius: var(--radius);
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(232,247,255,.7));
}

.marketplace-control-panel label {
  display: grid;
  gap: .38rem;
  color: var(--muted);
  font-size: .82rem;
  font-weight: 900;
}

.marketplace-control-panel input,
.marketplace-control-panel select {
  min-height: 3rem;
  width: 100%;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0 .9rem;
  color: var(--ink);
  background: #fff;
  font: inherit;
  font-weight: 800;
}

.marketplace-result-summary {
  display: flex;
  align-items: center;
  gap: .55rem;
  margin: 0 0 1rem;
  color: var(--muted);
  font-weight: 800;
}

.marketplace-result-summary strong {
  color: var(--sac-blue-deep);
  font-size: 1.35rem;
}

.marketplace-recommendations {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .85rem;
  margin: 0 0 1rem;
}

.marketplace-recommendations article {
  display: grid;
  gap: .3rem;
  padding: .95rem;
  border: 1px solid rgba(7, 153, 220, .18);
  border-radius: var(--radius);
  background: #fff;
  box-shadow: 0 12px 28px rgba(4, 63, 99, .08);
}

.marketplace-recommendations span,
.market-card-meta span {
  color: var(--accent-dark);
  font-size: .76rem;
  font-weight: 950;
  text-transform: uppercase;
}

.marketplace-recommendations strong {
  color: var(--ink);
}

.marketplace-recommendations p {
  margin: 0;
  color: var(--muted);
  font-weight: 800;
}

.service-search-form {
  margin-bottom: 1.25rem;
}

.market-card {
  display: grid;
  gap: .7rem;
}

.market-card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}

.market-card-meta span {
  width: fit-content;
  padding: .25rem .5rem;
  border: 1px solid rgba(7, 153, 220, .16);
  border-radius: 999px;
  background: rgba(232,247,255,.84);
}

.market-empty-card {
  min-height: 16rem;
  align-content: center;
  justify-items: start;
}

.market-card h3,
#marketDetailTitle {
  display: flex;
  align-items: center;
  gap: .45rem;
  flex-wrap: wrap;
}

.market-card-rule {
  display: flex;
  align-items: center;
  gap: .4rem;
}

.market-card-rule .website-open-badge,
.market-card-rule .details-only-badge {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  border: 1px solid rgba(7, 153, 220, .18);
  border-radius: 999px;
  padding: .28rem .55rem;
  color: var(--accent-dark);
  background: rgba(232,247,255,.92);
  font-size: .78rem;
  font-weight: 850;
}

.market-card-rule .details-only-badge {
  border-color: rgba(107,124,140,.22);
  color: var(--muted);
  background: #fff;
}

.market-card .preview-media,
.market-detail-media {
  display: grid;
  min-height: 8rem;
  place-items: center;
  border: 1px solid rgba(7, 153, 220, .18);
  border-radius: var(--radius);
  color: #fff;
  background:
    radial-gradient(circle at 70% 35%, rgba(7, 153, 220, .48), transparent 10rem),
    linear-gradient(135deg, var(--sac-black), var(--sac-blue-deep));
  font-size: 1.15rem;
  font-weight: 900;
}

.home-360-showcase {
  position: relative;
  display: grid;
  justify-items: center;
  align-content: center;
  min-height: clamp(24rem, 44vw, 36rem);
  padding: clamp(1.5rem, 4vw, 3rem);
  isolation: isolate;
}

.home-360-showcase::before {
  content: "";
  position: absolute;
  inset: 8%;
  z-index: -2;
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(255, 255, 255, .92) 0 44%, rgba(7, 153, 220, .22) 45% 56%, transparent 57%),
    conic-gradient(from 210deg, rgba(2, 7, 11, .22), rgba(7, 153, 220, .34), rgba(255, 255, 255, .7), rgba(2, 7, 11, .2));
  filter: blur(.15rem);
  opacity: .82;
}

.home-360-showcase::after {
  content: "";
  position: absolute;
  width: min(84%, 31rem);
  aspect-ratio: 1;
  z-index: -1;
  border: 1px solid rgba(7, 153, 220, .22);
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 28%, rgba(255, 255, 255, .9), transparent 28%),
    radial-gradient(circle, rgba(7, 153, 220, .18), transparent 64%);
  box-shadow: inset 0 0 44px rgba(255, 255, 255, .88), 0 28px 80px rgba(4, 63, 99, .16);
}

.home-360-orbit {
  position: relative;
  display: grid;
  width: clamp(15rem, 31vw, 25rem);
  aspect-ratio: 1;
  place-items: center;
  border-radius: 50%;
  background:
    linear-gradient(#fff, #fff) padding-box,
    conic-gradient(from 190deg, var(--sac-black), var(--sac-blue), #fff, var(--sac-blue-deep), var(--sac-black)) border-box;
  border: .45rem solid transparent;
  box-shadow: inset 0 16px 28px rgba(255, 255, 255, .72), 0 24px 58px rgba(4, 63, 99, .2);
}

.home-360-orbit::before {
  content: "";
  position: absolute;
  inset: -1.15rem;
  border-radius: 50%;
  border: 2px solid rgba(7, 153, 220, .32);
  border-left-color: transparent;
  border-bottom-color: rgba(2, 7, 11, .5);
  animation: sacOrbitSpin 14s linear infinite;
}

.home-360-orbit img {
  width: 88%;
  height: 88%;
  border-radius: 50%;
  object-fit: cover;
  filter: drop-shadow(0 16px 20px rgba(2, 7, 11, .14));
}

.home-360-caption {
  display: grid;
  gap: .2rem;
  margin-top: 1.35rem;
  padding: .8rem 1.1rem;
  border: 1px solid rgba(7, 153, 220, .2);
  border-radius: 999px;
  color: #fff;
  text-align: center;
  background: linear-gradient(135deg, var(--sac-black), var(--sac-blue-deep) 58%, var(--sac-blue));
  box-shadow: 0 16px 32px rgba(4, 63, 99, .16);
}

.home-360-caption strong,
.home-360-caption span {
  display: block;
}

.home-360-caption strong {
  font-size: .98rem;
}

.home-360-caption span {
  color: rgba(255, 255, 255, .78);
  font-size: .86rem;
  font-weight: 700;
}

@keyframes sacOrbitSpin {
  to {
    transform: rotate(360deg);
  }
}

.visual-toolbar {
  display: flex;
  gap: 0.45rem;
  padding: 1rem;
  border-bottom: 1px solid var(--line);
  background: #f8fbff;
}

.visual-toolbar span {
  width: 0.72rem;
  height: 0.72rem;
  border-radius: 50%;
  background: var(--black);
}

.visual-toolbar span:nth-child(2) {
  background: var(--accent-dark);
}

.visual-toolbar span:nth-child(3) {
  background: var(--accent);
}

.visual-search {
  display: flex;
  gap: 0.7rem;
  align-items: center;
  margin: 1.1rem;
  padding: 0.95rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--muted);
  background: var(--soft);
}

.visual-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
  padding: 0 1.1rem 1.1rem;
}

.visual-grid article,
.tool-card,
.featured-card,
.market-list article,
.stack-list article,
.blog-grid article {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
}

.visual-grid article {
  display: grid;
  gap: 0.55rem;
  min-height: 9rem;
  padding: 1rem;
}

.home-products {
  background: var(--paper);
}

.home-product-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.home-product-card {
  display: grid;
  gap: 1rem;
  min-height: 20rem;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
}

.home-product-card h3 {
  font-size: 1.45rem;
  line-height: 1.15;
}

.home-product-card p {
  color: var(--muted);
}

.home-product-card .button,
.home-product-card .text-button {
  align-self: end;
  justify-self: start;
  margin-top: auto;
}

.featured-product {
  color: #fff;
  background: linear-gradient(135deg, var(--black), #0b415f 58%, var(--accent));
}

.featured-product p,
.featured-product .eyebrow {
  color: rgba(255, 255, 255, 0.78);
}

.featured-product .button.secondary {
  border-color: rgba(255, 255, 255, 0.38);
  color: #fff;
  background: transparent;
}

.product-number {
  color: var(--accent);
  font-size: 2rem;
  font-weight: 900;
}

.featured-product .product-number {
  color: var(--accent-light);
}

.partnership-section {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(20rem, 1.2fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: center;
  background: var(--soft);
}

.partnership-copy p {
  color: var(--muted);
}

.partnership-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}

.partnership-options article {
  display: grid;
  gap: 0.45rem;
  min-height: 9rem;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
}

.partnership-options span {
  color: var(--muted);
}

.page-hero {
  min-height: 28rem;
  display: grid;
  align-content: center;
  background:
    radial-gradient(circle at 82% 18%, rgba(0, 142, 214, 0.2), transparent 34%),
    linear-gradient(135deg, #ffffff, #f3f9ff 52%, #e9f5ff);
}

.page-hero.page-hero-with-art {
  grid-template-columns: minmax(0, 1.02fr) minmax(18rem, .98fr);
  align-items: center;
  gap: clamp(1.5rem, 4vw, 4rem);
}

.page-hero-copy {
  min-width: 0;
}

.page-hero-brand-art {
  display: grid;
  justify-items: center;
  gap: 1rem;
  padding: 1rem 0;
}

.ai-tech-visual {
  position: relative;
  display: grid;
  place-items: center;
  width: min(100%, 26rem);
  aspect-ratio: 1;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.96) 0 34%, rgba(29,158,255,.14) 52%, rgba(10,17,24,.08) 74%, transparent 75%),
    radial-gradient(circle at 30% 25%, rgba(255,255,255,.92), transparent 20%),
    linear-gradient(145deg, rgba(255,255,255,.8), rgba(228,242,252,.9));
  box-shadow:
    inset 0 0 0 1px rgba(29,158,255,.14),
    0 26px 58px rgba(10,17,24,.12);
  overflow: hidden;
}

.ai-tech-grid {
  position: absolute;
  inset: 14%;
  border-radius: 50%;
  background-image:
    linear-gradient(rgba(29,158,255,.14) 1px, transparent 1px),
    linear-gradient(90deg, rgba(29,158,255,.14) 1px, transparent 1px);
  background-size: 1.35rem 1.35rem;
  mask-image: radial-gradient(circle, rgba(0,0,0,.9) 55%, transparent 100%);
}

.ai-tech-ring {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(29,158,255,.28);
}

.ai-tech-ring.ring-a {
  inset: 8%;
  box-shadow: 0 0 0 0.35rem rgba(29,158,255,.05);
}

.ai-tech-ring.ring-b {
  inset: 20%;
  border-color: rgba(10,17,24,.16);
}

.ai-tech-chip {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 28%;
  aspect-ratio: 1;
  border-radius: 1.2rem;
  background:
    linear-gradient(145deg, var(--sac-black), var(--sac-blue-deep) 58%, var(--sac-blue));
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.14),
    0 18px 32px rgba(10,17,24,.24);
}

.ai-tech-chip::before {
  content: "";
  width: 56%;
  height: 56%;
  border-radius: .75rem;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.95), rgba(255,255,255,.2) 24%, transparent 26%),
    linear-gradient(145deg, #6ac6ff, #1d9eff 56%, #0874ca);
  box-shadow: 0 0 24px rgba(29,158,255,.28);
}

.ai-tech-chip span {
  position: absolute;
  background: linear-gradient(180deg, rgba(10,17,24,.75), rgba(29,158,255,.65));
}

.ai-tech-chip span:nth-child(1),
.ai-tech-chip span:nth-child(2) {
  top: 18%;
  bottom: 18%;
  width: .18rem;
}

.ai-tech-chip span:nth-child(1) { left: -8%; }
.ai-tech-chip span:nth-child(2) { right: -8%; }

.ai-tech-chip span:nth-child(3),
.ai-tech-chip span:nth-child(4) {
  left: 18%;
  right: 18%;
  height: .18rem;
}

.ai-tech-chip span:nth-child(3) { top: -8%; }
.ai-tech-chip span:nth-child(4) { bottom: -8%; }

.ai-tech-node {
  position: absolute;
  z-index: 1;
  width: .95rem;
  height: .95rem;
  border-radius: 50%;
  background: linear-gradient(135deg, #ffffff, #6ac6ff 55%, #1d9eff);
  box-shadow: 0 0 0 .32rem rgba(29,158,255,.10);
}

.ai-tech-node.node-a { top: 18%; left: 22%; }
.ai-tech-node.node-b { top: 24%; right: 18%; }
.ai-tech-node.node-c { bottom: 20%; left: 20%; }
.ai-tech-node.node-d { bottom: 16%; right: 24%; }

.ai-tech-caption {
  display: grid;
  gap: .2rem;
  justify-items: center;
  padding: .85rem 1rem;
  border: 1px solid rgba(29,158,255,.16);
  border-radius: 999px;
  color: #fff;
  text-align: center;
  background: linear-gradient(135deg, var(--sac-black), var(--sac-blue-deep) 58%, var(--sac-blue));
  box-shadow: 0 16px 32px rgba(4, 63, 99, .16);
}

.ai-tech-caption strong,
.ai-tech-caption span {
  display: block;
}

.ai-tech-caption strong {
  font-size: .96rem;
}

.ai-tech-caption span {
  color: rgba(255,255,255,.8);
  font-size: .84rem;
  font-weight: 700;
}

@media (max-width: 900px) {
  .page-hero.page-hero-with-art {
    grid-template-columns: 1fr;
  }

  .page-hero-brand-art {
    max-width: 26rem;
    width: 100%;
    margin: 0 auto;
  }
}

.page-hero h1 {
  max-width: 10ch;
}

.simple-page-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.simple-page-grid > * {
  display: grid;
  gap: 0.55rem;
  min-height: 10rem;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
}

.simple-page-grid > a {
  align-content: center;
  color: var(--accent-dark);
  font-weight: 900;
}

.simple-page-grid p {
  color: var(--muted);
}

.search-page-section {
  display: grid;
  gap: 1rem;
}

.global-search-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.75rem;
}

.global-search-results {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.global-result-card {
  display: grid;
  align-content: start;
  gap: 0.75rem;
  min-height: 13rem;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
}

.global-result-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 35px rgba(0, 83, 139, 0.12);
}

.global-result-card p {
  color: var(--muted);
}

.social-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(18rem, 0.9fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: center;
  background:
    radial-gradient(circle at 78% 18%, rgba(0, 142, 214, 0.2), transparent 34%),
    linear-gradient(135deg, #ffffff, #f3f9ff 52%, #e9f5ff);
}

.social-hero h1 {
  max-width: 13ch;
}

.social-hero-visual {
  display: grid;
  justify-items: center;
  gap: 0.8rem;
  padding: 1.4rem;
  border-radius: var(--radius);
  color: #fff;
  background: linear-gradient(135deg, var(--black), #0b415f 58%, var(--accent));
  box-shadow: var(--shadow);
  text-align: center;
}

.social-hero-visual img {
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  background: #fff;
  object-fit: cover;
}

.social-hero-visual strong {
  font-size: 1.4rem;
}

.social-hero-visual span {
  color: rgba(255, 255, 255, 0.78);
}

.social-channels-section {
  background: var(--soft);
}

.social-video-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.social-video-card {
  display: grid;
  gap: 1rem;
  min-height: 27rem;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
}

.social-video-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 35px rgba(0, 83, 139, 0.12);
}

.social-video-card p {
  color: var(--muted);
}

.social-video-card .button {
  align-self: end;
  margin-top: auto;
}

.social-video-frame {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 13rem;
  overflow: hidden;
  border-radius: var(--radius);
  color: #fff;
  background: #101316;
}

.social-video-frame small {
  position: absolute;
  right: 0.75rem;
  bottom: 0.75rem;
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius);
  background: rgba(5, 5, 5, 0.7);
  font-weight: 800;
}

.social-platform-mark {
  position: absolute;
  left: 0.9rem;
  top: 0.75rem;
  font-size: 1.8rem;
  font-weight: 900;
}

.youtube-card .social-video-frame { background: #cc2027; }
.instagram-card .social-video-frame { background: linear-gradient(135deg, #833ab4, #e1306c, #fcb045); }
.linkedin-card .social-video-frame { background: #0a66c2; }
.facebook-card .social-video-frame { background: #1877f2; }
.wikipedia-card .social-video-frame { background: #202124; }
.whatsapp-community-card .social-video-frame { background: #25d366; }

.knowledge-symbol {
  font-family: Georgia, serif;
  font-size: 1.5rem;
  font-weight: 700;
}

.suggestion-section {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(20rem, 1.15fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: start;
  background: var(--paper);
}

.suggestion-copy p {
  color: var(--muted);
}

.suggestion-points {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.suggestion-points span {
  padding: 0.45rem 0.65rem;
  border: 1px solid rgba(0, 142, 214, 0.25);
  border-radius: var(--radius);
  color: var(--accent-dark);
  background: var(--soft-2);
  font-size: 0.88rem;
  font-weight: 800;
}

.suggestion-form {
  display: grid;
  gap: 1rem;
  padding: 1.2rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--soft);
}

.suggestion-form label {
  display: grid;
  gap: 0.45rem;
  color: #263244;
  font-weight: 800;
}

.suggestion-form label small {
  color: var(--muted);
}

.suggestion-form input,
.suggestion-form select,
.suggestion-form textarea {
  width: 100%;
  padding: 0.75rem 0.8rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--ink);
  background: var(--paper);
}

.suggestion-form textarea {
  resize: vertical;
}

#suggestionMessage {
  min-height: 1.2rem;
  color: var(--accent-dark);
  font-weight: 800;
}

.lead-capture-section {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(20rem, 1.2fr);
  gap: 2rem;
  margin-bottom: 1rem;
  padding: 1.25rem;
  border-radius: var(--radius);
  color: #fff;
  background: linear-gradient(135deg, var(--black), #0b415f 58%, var(--accent));
}

.lead-capture-copy p { color: rgba(255, 255, 255, 0.78); }
.lead-capture-copy .eyebrow { color: var(--accent-light); }
.lead-benefits { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.lead-benefits span { padding: 0.4rem 0.6rem; border: 1px solid rgba(255,255,255,.25); border-radius: var(--radius); font-size: .85rem; font-weight: 800; }
.lead-capture-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; padding: 1rem; border-radius: var(--radius); color: var(--ink); background: #fff; }
.lead-capture-form label { display: grid; gap: .4rem; font-weight: 800; }
.lead-capture-form label small { color: var(--muted); }
.lead-capture-form input, .lead-capture-form select { min-height: 2.8rem; padding: .7rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft); }
.lead-requirement, .lead-consent, .lead-capture-form .button, #leadCaptureMessage { grid-column: 1 / -1; }
.lead-consent { grid-template-columns: auto 1fr !important; align-items: start; font-weight: 500 !important; }
.lead-consent input { min-height: auto; }
#leadCaptureMessage { min-height: 1.2rem; color: var(--accent-dark); font-weight: 800; }

.crm-body { background: #f3f6f9; }
.crm-header { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem 1.25rem; border-bottom: 1px solid var(--line); background: #fff; }
.crm-header-actions { display: flex; gap: .65rem; }
.crm-shell { display: grid; grid-template-columns: 15rem minmax(0, 1fr); min-height: calc(100vh - 4.5rem); }
.crm-sidebar { position: sticky; top: 4.5rem; height: calc(100vh - 4.5rem); padding: 1.2rem; color: #fff; background: #101316; }
.crm-sidebar nav { display: grid; gap: .35rem; margin-top: 1rem; }
.crm-sidebar a { padding: .65rem; border-radius: var(--radius); color: #cbd5e1; }
.crm-sidebar a:hover, .crm-sidebar a.active { color: #fff; background: #005f9c; }
.crm-content { display: grid; gap: 1rem; min-width: 0; padding: 1.25rem; overflow: hidden; }
.crm-page-heading, .crm-panel-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; }
.crm-page-heading h1 { max-width: none; font-size: 2.3rem; }
.crm-page-heading > span { color: var(--muted); font-size: .85rem; }
.crm-kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; min-width: 0; }
.crm-kpi-grid article { display: grid; gap: .45rem; min-width: 0; padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.crm-kpi-grid span { color: var(--muted); }
.crm-kpi-grid strong { font-size: 1.8rem; }
.crm-panel { min-width: 0; padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.crm-panel h2 { font-size: 1.5rem; }
.crm-filters { display: flex; gap: .6rem; }
.crm-filters input, .crm-filters select, .crm-table-wrap select { min-height: 2.4rem; padding: .5rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.crm-pipeline { display: grid; grid-template-columns: repeat(8, minmax(6.5rem, 1fr)); gap: .5rem; overflow-x: auto; margin: 1rem 0; }
.crm-pipeline div { display: grid; gap: .25rem; padding: .7rem; border-left: 3px solid var(--accent); background: var(--soft); }
.crm-pipeline span { color: var(--muted); font-size: .78rem; }
.crm-table-wrap { min-width: 0; overflow-x: auto; }
.crm-table-wrap table { width: 100%; border-collapse: collapse; }
.crm-table-wrap th, .crm-table-wrap td { padding: .75rem; border-bottom: 1px solid var(--line); text-align: left; white-space: nowrap; }
.crm-table-wrap th { color: var(--muted); font-size: .78rem; text-transform: uppercase; }
.crm-table-wrap td small { display: block; color: var(--muted); }
.crm-table-wrap tbody tr { cursor: pointer; }
.crm-table-wrap tbody tr:hover { background: var(--soft); }
.crm-empty { color: var(--muted); text-align: center; }
.customer-profile { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.customer-profile > div { display: grid; gap: .25rem; padding: .75rem; background: var(--soft); }
.customer-profile span { color: var(--muted); font-size: .82rem; }
.profile-notes { grid-column: 1 / -1; }
.profile-notes textarea { min-height: 6rem; padding: .7rem; border: 1px solid var(--line); border-radius: var(--radius); }
.crm-module-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.crm-module-grid:nth-of-type(2) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.crm-module-list, .automation-grid { display: grid; gap: .5rem; }
.crm-module-list span, .automation-grid span { display: flex; justify-content: space-between; padding: .6rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft); }
.automation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.automation-grid b { color: #128c4a; }

.automation-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(20rem, 1fr); gap: 3rem; align-items: center; background: radial-gradient(circle at 78% 18%, rgba(0,142,214,.2), transparent 34%), linear-gradient(135deg,#fff,#f3f9ff 52%,#e9f5ff); }
.automation-hero h1 { max-width: 12ch; }
.automation-flow-preview { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: .65rem; align-items: center; padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); }
.automation-flow-preview > div { display: grid; gap: .35rem; min-height: 9rem; padding: .8rem; border-radius: var(--radius); color: #fff; background: linear-gradient(135deg,var(--black),#0b415f 58%,var(--accent)); }
.automation-flow-preview span { display: grid; place-items: center; width: 1.8rem; height: 1.8rem; border-radius: 50%; color: var(--accent-dark); background: #fff; font-weight: 900; }
.automation-flow-preview small { color: rgba(255,255,255,.75); }
.automation-category-tabs { display: flex; gap: .55rem; overflow-x: auto; margin-bottom: 1rem; }
.automation-category-tabs button { flex: 0 0 auto; min-height: 2.4rem; padding: .5rem .7rem; border: 1px solid var(--line); border-radius: var(--radius); color: #263244; background: #fff; cursor: pointer; font-weight: 800; }
.automation-category-tabs button.active { border-color: rgba(0,142,214,.38); color: var(--accent-dark); background: var(--soft-2); }
.automation-list-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin: 1rem 0; padding-bottom: .75rem; border-bottom: 1px solid var(--line); }
.automation-list-heading h3 { margin-top: .2rem; font-size: 1.5rem; }
.automation-list-heading > strong { color: var(--accent-dark); white-space: nowrap; }
.filters .chip-list { max-height: 24rem; padding-right: .35rem; overflow-y: auto; scrollbar-width: thin; }
.subscription-section { background: var(--soft); }
.billing-switch { display: flex; width: fit-content; margin: 0 auto 1.25rem; padding: .25rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.billing-switch button { padding: .65rem .9rem; border: 0; border-radius: calc(var(--radius) - 2px); color: var(--muted); background: transparent; cursor: pointer; font-weight: 800; }
.billing-switch button.active { color: #fff; background: var(--accent-dark); }
.billing-switch small { display: block; font-size: .68rem; }
.subscription-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.subscription-card { display: grid; align-content: start; gap: .85rem; padding: 1.25rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.subscription-card.featured { border: 2px solid var(--accent); box-shadow: 0 12px 28px rgba(0,95,156,.12); }
.subscription-card h3 { font-size: 1.45rem; }
.plan-label { width: fit-content; padding: .3rem .5rem; border-radius: var(--radius); color: var(--accent-dark); background: var(--soft-2); font-size: .75rem; font-weight: 900; }
.plan-price { display: flex; align-items: baseline; gap: .35rem; }
.plan-price strong { color: #142236; font-size: 2rem; }
.plan-price span, .subscription-card > p { color: var(--muted); }
.subscription-card ul { display: grid; gap: .55rem; margin: 0 0 .5rem; padding-left: 1.2rem; color: #263244; }
.subscription-card .button { margin-top: auto; }
.free-tool-attraction { margin-top: 1rem; padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.free-tool-attraction > strong { display: block; margin-bottom: .7rem; }
.free-tool-attraction > div { display: flex; flex-wrap: wrap; gap: .5rem; }
.free-tool-attraction a { padding: .45rem .6rem; border: 1px solid var(--line); border-radius: var(--radius); color: var(--accent-dark); background: var(--soft-2); font-size: .82rem; font-weight: 800; text-decoration: none; }
.subscription-dialog { width: min(34rem,calc(100% - 2rem)); padding: 0; border: 0; border-radius: var(--radius); }
.subscription-dialog::backdrop { background: rgba(15,28,44,.66); }
.subscription-checkout-card { display: grid; gap: .9rem; padding: 1.25rem; }
.subscription-checkout-card label { display: grid; gap: .4rem; color: #263244; font-weight: 800; }
.subscription-checkout-card input { min-height: 2.8rem; padding: .7rem; border: 1px solid var(--line); border-radius: var(--radius); }
.checkout-summary { display: grid; grid-template-columns: 1fr auto; gap: .55rem 1rem; padding: .85rem; border-radius: var(--radius); background: var(--soft); }
.checkout-summary span { color: var(--muted); }
.payment-security-note, .checkout-status { color: var(--muted); font-size: .82rem; }
.checkout-status:not(:empty) { padding: .75rem; border-radius: var(--radius); color: var(--accent-dark); background: var(--soft-2); }
@media (max-width: 800px) { .subscription-grid { grid-template-columns: 1fr; } }
.dashboard-header-actions { display: flex; align-items: center; gap: .75rem; }
.trial-status { padding: .45rem .6rem; border-radius: var(--radius); color: var(--accent-dark); background: var(--soft-2); font-size: .8rem; font-weight: 800; }
.product-dashboard-shell { display: grid; grid-template-columns: 15rem minmax(0,1fr); min-height: calc(100vh - 5rem); background: #f5f8fb; }
.product-sidebar { position: sticky; top: 0; display: grid; align-content: start; gap: 1rem; height: calc(100vh - 5rem); padding: 1.2rem; border-right: 1px solid var(--line); background: #fff; }
.product-sidebar nav { display: grid; gap: .25rem; }
.product-sidebar nav a { padding: .65rem .7rem; border-radius: var(--radius); color: #263244; font-weight: 700; text-decoration: none; }
.product-sidebar nav a:hover, .product-sidebar nav a.active { color: var(--accent-dark); background: var(--soft-2); }
.product-dashboard-content { min-width: 0; padding: 1.5rem; }
.dashboard-view { margin-bottom: 1.5rem; padding: 1.25rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.dashboard-title { display: flex; justify-content: space-between; gap: 1rem; align-items: start; }
.dashboard-title h1 { margin: .2rem 0 .45rem; font-size: 2rem; }
.dashboard-title p { color: var(--muted); }
.dashboard-kpis { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .75rem; margin-top: 1.2rem; }
.dashboard-kpis article { display: grid; gap: .25rem; padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft); }
.dashboard-kpis span, .dashboard-kpis small { color: var(--muted); }
.dashboard-kpis strong { color: #142236; font-size: 1.55rem; }
.dashboard-panels, .account-grid, .access-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin-top: 1rem; }
.dashboard-panels article, .account-grid article, .access-grid article { padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft); }
.panel-heading { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-bottom: .75rem; }
.quick-action-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .55rem; }
.quick-action-grid a { padding: .75rem; border: 1px solid var(--line); border-radius: var(--radius); color: var(--accent-dark); background: #fff; font-weight: 800; text-decoration: none; }
.usage-bar { height: .65rem; margin: 1rem 0 .6rem; overflow: hidden; border-radius: var(--radius); background: #dce7ef; }.usage-bar span { display: block; width: 4%; height: 100%; background: var(--accent); }
.account-grid article { display: grid; gap: .75rem; }.account-grid label { display: grid; gap: .35rem; font-weight: 800; }.account-grid input { min-height: 2.7rem; padding: .65rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.account-status-row { display: flex; justify-content: space-between; gap: 1rem; padding: .7rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.platform-status-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: .65rem; }.platform-status-grid article { display: flex; align-items: center; gap: .55rem; padding: .75rem; border: 1px solid var(--line); border-radius: var(--radius); }.platform-status-grid article div { display: grid; margin-right: auto; }.platform-status-grid small { color: var(--muted); }.platform-status-grid a { color: var(--accent-dark); font-size: .8rem; font-weight: 800; }.platform-dot { width: .65rem; height: .65rem; border-radius: 50%; background: #a7b5c2; }
.crm-mini-pipeline { display: grid; grid-template-columns: repeat(8,minmax(0,1fr)); gap: .5rem; margin: 1rem 0; }.crm-mini-pipeline article { display: grid; gap: .45rem; padding: .7rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft); }.crm-mini-pipeline span { color: var(--muted); font-size: .76rem; }.crm-mini-pipeline strong { font-size: 1.35rem; }
.analytics-bars { display: grid; gap: .75rem; margin-top: 1rem; }.analytics-bars div { display: grid; grid-template-columns: 10rem 1fr 6rem; gap: .75rem; align-items: center; }.analytics-bars b { height: .65rem; border-radius: var(--radius); background: linear-gradient(90deg,var(--accent) var(--value),#dce7ef var(--value)); }
.prd-plan-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: .75rem; }.prd-plan-card { display: grid; align-content: start; gap: .7rem; padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft); }.prd-plan-card.featured { border: 2px solid var(--accent); background: var(--soft-2); }.prd-plan-card > span { color: var(--accent-dark); font-size: .72rem; font-weight: 900; }.prd-plan-card p strong { font-size: 1.55rem; }.prd-plan-card ul { display: grid; gap: .4rem; min-height: 9rem; padding-left: 1.15rem; font-size: .82rem; }
.payment-flow { display: flex; align-items: center; gap: .55rem; overflow-x: auto; margin: 1rem 0; }.payment-flow span { min-width: max-content; padding: .65rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft); font-weight: 800; }
.client-order-table { margin-top: 1rem; overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius); }
.client-order-table table { width: 100%; border-collapse: collapse; background: #fff; }
.client-order-table th,.client-order-table td { padding: .75rem; border-bottom: 1px solid var(--line); text-align: left; white-space: nowrap; font-size: .86rem; }
.client-order-table th { background: var(--soft); color: var(--muted); font-size: .75rem; text-transform: uppercase; }
.client-order-table tbody tr:last-child td { border-bottom: 0; }
.order-status { display: inline-block; padding: .28rem .5rem; border-radius: 4px; font-weight: 800; }.order-status.success { color: #146c43; background: #e8f7ef; }.order-status.failed { color: #a32929; background: #fff0f0; }
.table-action { border: 0; padding: .25rem; background: transparent; color: var(--primary); font: inherit; font-weight: 800; cursor: pointer; }.table-action:hover { text-decoration: underline; }
.empty-orders { margin: 1rem 0 0; padding: 1rem; border: 1px dashed var(--line); border-radius: var(--radius); color: var(--muted); background: var(--soft); }
.plan-access-banner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; background: var(--soft-2); }.plan-access-banner p:last-child { color: var(--muted); }
.tool-value-model {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 1rem;
  padding-top: 0;
}
.tool-value-model article {
  display: grid;
  align-content: start;
  gap: .75rem;
  min-height: 13rem;
  padding: 1.25rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
  box-shadow: 0 16px 38px rgba(0, 83, 139, .08);
}
.tool-value-model h3 {
  margin: 0;
  font-size: 1.25rem;
}
.tool-value-model p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}
.tools-plan-section {
  padding-top: 0;
}
.tools-plan-grid {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 1rem;
}
.tools-plan-grid article {
  display: grid;
  gap: .8rem;
  align-content: start;
  padding: 1.1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(180deg,#fff,rgba(232,247,255,.72));
  box-shadow: 0 12px 30px rgba(0, 83, 139, .07);
}
.tools-plan-grid article > span {
  color: var(--accent-dark);
  font-weight: 900;
  text-transform: uppercase;
  font-size: .8rem;
}
.tools-plan-grid strong {
  color: var(--ink);
  font-size: 1.65rem;
}
.tools-plan-grid small {
  margin-left: .2rem;
  color: var(--muted);
  font-size: .85rem;
}
.tools-plan-grid p {
  min-height: 6.2rem;
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}
@media (max-width: 850px) {
  .tool-value-model { grid-template-columns: 1fr; }
  .tools-plan-grid { grid-template-columns: 1fr; }
  .tools-plan-grid p { min-height: 0; }
}
.member-auth-card { width: 100%; }
.member-dialog { width: min(29rem,calc(100vw - 1rem)); height: min(32rem,calc(100dvh - 1rem)); max-height: calc(100dvh - 1rem); }
.member-dialog .member-auth-card,
.member-dialog .member-panel { height: 100%; min-height: 0; }
.member-dialog .member-panel { grid-template-columns: 1fr; }
.member-dialog .member-brand-block { display: none; }
.member-dialog .member-form-block { min-height: 0; height: 100%; overflow-y: auto; align-content: start; padding: 1.35rem; }
.auth-mode-switch { display: grid; grid-template-columns: repeat(2,1fr); gap: .3rem; padding: .25rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft); }
.auth-mode-switch button { min-height: 2.5rem; border: 0; border-radius: calc(var(--radius) - 2px); color: var(--muted); background: transparent; cursor: pointer; font-weight: 800; }
.auth-mode-switch button.active { color: #fff; background: var(--accent-dark); }
#memberLookupStep, #memberDetailsStep, .member-otp-step { display: grid; gap: .85rem; }
.member-otp-step[hidden], #memberLookupStep[hidden], #memberDetailsStep[hidden] { display: none; }
.otp-resend-row { display: flex; align-items: center; justify-content: space-between; gap: .75rem; color: var(--muted); font-size: .85rem; }
.otp-resend-row button:disabled { cursor: not-allowed; opacity: .45; }
.demo-otp-note { padding: .55rem; border-radius: var(--radius); color: var(--accent-dark); background: var(--soft-2); text-align: center; }
.session-notice { display: grid; gap: .25rem; margin-top: 1rem; padding: .75rem; border: 1px solid rgba(255,255,255,.28); border-radius: var(--radius); }
.session-notice span { font-size: .82rem; opacity: .86; }
@media(max-width:1100px){.prd-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.platform-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.crm-mini-pipeline{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.product-dashboard-shell{grid-template-columns:1fr}.product-sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.product-sidebar nav{display:flex;overflow-x:auto}.product-sidebar nav a{flex:0 0 auto}.dashboard-kpis,.dashboard-panels,.account-grid,.access-grid,.prd-plan-grid{grid-template-columns:1fr}.platform-status-grid{grid-template-columns:1fr}.analytics-bars div{grid-template-columns:1fr}.crm-mini-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-title{display:grid}}
@media(max-width:700px){.member-dialog{width:calc(100vw - 1rem);height:min(32rem,calc(100dvh - 1rem));max-height:calc(100dvh - 1rem)}.member-dialog .member-form-block{height:100%;padding:1rem}}
.user-profile-dashboard-page { background: #f5f8fb; }
.dashboard-login-gate[hidden],
.user-profile-shell[hidden] {
  display: none !important;
}
.dashboard-login-gate { display: grid; min-height: calc(100vh - 5rem); place-items: center; padding: 1.5rem; }
.dashboard-gate-card { display: grid; justify-items: center; gap: .8rem; width: min(34rem,100%); padding: 1.5rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; text-align: center; box-shadow: var(--shadow); }
.dashboard-gate-card img { width: 5rem; height: 5rem; border-radius: 50%; object-fit: cover; }
.dashboard-gate-card h1 { margin: 0; font-size: 2rem; }
.dashboard-gate-card p:not(.eyebrow) { color: var(--muted); }
.user-profile-shell { display: grid; gap: 1.25rem; width: min(1180px,calc(100% - 2rem)); margin: 0 auto; padding: 1.5rem 0 2rem; }
.user-profile-hero { display: grid; grid-template-columns: minmax(0,1fr) 18rem; gap: 1rem; }
.profile-photo-card,.user-profile-card { padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.profile-photo-card { display: grid; align-content: start; justify-items: center; gap: .75rem; text-align: center; }
.profile-photo-frame { display: grid; width: 9rem; height: 9rem; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: linear-gradient(135deg,#ffffff,#eaf5ff); }
.profile-photo-frame img { width: 7.25rem; height: 7.25rem; border-radius: 50%; object-fit: cover; }
.file-upload-label { display: grid; gap: .45rem; width: 100%; padding: .75rem; border: 1px dashed var(--line); border-radius: var(--radius); color: var(--accent-dark); background: var(--soft); font-weight: 900; cursor: pointer; }
.file-upload-label input { width: 100%; font-weight: 600; }
.profile-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .85rem; }
.profile-form-grid label { display: grid; gap: .35rem; color: #263244; font-weight: 900; }
.profile-form-grid input,.profile-form-grid textarea { width: 100%; min-height: 2.8rem; padding: .7rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; font: inherit; }
.profile-form-grid textarea { min-height: 5.5rem; resize: vertical; }
.profile-wide { grid-column: 1 / -1; }
.profile-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; margin-top: 1rem; }
.profile-actions small { color: var(--accent-dark); font-weight: 800; }
.user-profile-kpis { margin-top: 0; }
.user-profile-dashboard-page .section-heading.compact { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.client-order-table td span:not(.order-status) { color: var(--muted); font-size: .82rem; }
@media(max-width:800px){.user-profile-shell{width:min(100% - 1rem,1180px);padding-top:1rem}.user-profile-hero{grid-template-columns:1fr}.profile-form-grid{grid-template-columns:1fr}.dashboard-gate-card h1{font-size:1.6rem}.profile-actions{display:grid}.profile-actions .button{width:100%;justify-content:center}}

/* Keep interactions stable: no lifting, sliding, or animated scrolling. */
html { scroll-behavior: auto; }
.whatsapp-chat:hover,
.whatsapp-chat:focus-visible,
.global-result-card:hover,
.social-video-card:hover,
.pricing-card:hover,
.tool-card:hover,
.featured-card:hover,
.blog-grid article:hover,
.post-card:hover,
.testimonial-card:hover,
.video-testimonial-card:hover,
.success-story-card:hover,
.automation-tool-card:hover,
.automation-tool-card:focus-visible { transform: none; }
.hero-dropdown-menu { transform: none; transition: opacity .18s ease, visibility .18s; }
.hero-dropdown:hover .hero-dropdown-menu,
.hero-dropdown:focus-within .hero-dropdown-menu { transform: none; }
.nav-hover-menu { transform: translateX(-50%); transition: opacity .18s ease, visibility .18s; }
.nav-hover-item:hover .nav-hover-menu,
.nav-hover-item:focus-within .nav-hover-menu { transform: translateX(-50%); }
.sac-gpt-page { overflow: hidden; background: #f4f7fa; }
.sac-gpt-shell { display: grid; grid-template-columns: 15rem minmax(0,1fr); height: calc(100vh - 5rem); }
.sac-gpt-sidebar { display: grid; align-content: start; gap: 1.5rem; padding: 1rem; border-right: 1px solid var(--line); background: #fff; }
.sac-gpt-sidebar > .button { width: 100%; }
.sac-chat-history { display: grid; gap: .35rem; margin-top: .7rem; }
.sac-chat-history button { padding: .65rem; overflow: hidden; border: 0; border-radius: var(--radius); color: #263244; background: transparent; cursor: pointer; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.sac-chat-history button:hover { background: var(--soft-2); }
.sac-gpt-sidebar-footer { display: grid; gap: .45rem; margin-top: auto; }
.sac-gpt-sidebar-footer a { color: var(--accent-dark); font-size: .85rem; font-weight: 800; text-decoration: none; }
.sac-gpt-workspace { display: grid; grid-template-rows: auto minmax(0,1fr) auto auto auto; width: min(62rem,100%); min-height: 0; margin: 0 auto; padding: 1rem 1.5rem .75rem; }
.sac-gpt-heading { display: flex; align-items: center; gap: .8rem; padding-bottom: .8rem; border-bottom: 1px solid var(--line); }
.sac-gpt-heading h1 { font-size: 1.55rem; }.sac-gpt-heading p:last-child { color: var(--muted); font-size: .88rem; }
.sac-gpt-mark { width: 3rem; height: 3rem; flex: 0 0 auto; overflow: hidden; border: 1px solid var(--line); border-radius: 50%; background: #fff; }.sac-gpt-mark img { width: 100%; height: 100%; object-fit: cover; }
.sac-gpt-status { margin-left: auto; padding: .4rem .55rem; border-radius: var(--radius); color: var(--accent-dark); background: var(--soft-2); font-size: .72rem; font-weight: 900; }
.sac-chat { display: grid; align-content: start; gap: .85rem; min-height: 0; padding: 1rem 0; overflow-y: auto; }
.sac-message { display: flex; gap: .7rem; max-width: 82%; }.sac-message > span { display: grid; place-items: center; width: 2rem; height: 2rem; flex: 0 0 auto; border-radius: 50%; color: #fff; background: var(--accent-dark); font-size: .7rem; font-weight: 900; }.sac-message > div { padding: .75rem .85rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }.sac-message.user { flex-direction: row-reverse; justify-self: end; }.sac-message.user > span { background: #263244; }.sac-message.user > div { background: var(--soft-2); }
.sac-message.typing > div { min-width: 4.4rem; }
.sac-typing-dots { display: inline-flex; align-items: center; gap: .28rem; min-height: 1rem; }
.sac-typing-dots i { width: .45rem; height: .45rem; border-radius: 50%; background: #7d91a3; animation: sacTypingBounce 1s infinite ease-in-out; }
.sac-typing-dots i:nth-child(2) { animation-delay: .15s; }
.sac-typing-dots i:nth-child(3) { animation-delay: .3s; }
@keyframes sacTypingBounce { 0%,80%,100% { transform: translateY(0); opacity: .45; } 40% { transform: translateY(-3px); opacity: 1; } }
.sac-inline-options { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .75rem; }
.sac-inline-option { padding: .42rem .72rem; border: 1px solid var(--line); border-radius: 999px; color: var(--accent-dark); background: var(--soft-2); cursor: pointer; font-size: .78rem; font-weight: 800; }
.sac-inline-option:hover,.sac-inline-option:focus-visible { background: #d7ecfb; border-color: rgba(0,142,214,.35); transform: translateY(-1px); }
.sac-action-links { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: .8rem; }
.sac-action-link { display: inline-flex; align-items: center; justify-content: center; min-height: 2.25rem; padding: .45rem .85rem; border: 1px solid rgba(0,142,214,.3); border-radius: 999px; color: #fff; background: linear-gradient(135deg, #06131d 0%, #0d5d96 58%, #1d9eff 100%); font-size: .8rem; font-weight: 800; text-decoration: none; box-shadow: 0 10px 24px rgba(0,83,139,.18); }
.sac-action-link:hover,.sac-action-link:focus-visible { transform: translateY(-1px); box-shadow: 0 12px 26px rgba(0,83,139,.24); }
.sac-recommendation-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; margin-top: .9rem; }
.sac-recommendation-card { display: grid; gap: .38rem; padding: .8rem; border: 1px solid rgba(0, 142, 214, .18); border-radius: var(--radius); color: #263244; background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%); text-decoration: none; box-shadow: 0 10px 24px rgba(20,34,54,.06); }
.sac-recommendation-card strong { color: #07233c; font-size: .88rem; font-weight: 900; }
.sac-recommendation-card span { color: #5f7285; font-size: .78rem; line-height: 1.45; }
.sac-recommendation-card:hover,.sac-recommendation-card:focus-visible { transform: translateY(-2px); border-color: rgba(0, 142, 214, .34); box-shadow: 0 14px 28px rgba(20,34,54,.12); }
.sac-prompt-suggestions { display: flex; gap: .5rem; overflow-x: auto; padding-bottom: .65rem; }.sac-prompt-suggestions button { flex: 0 0 auto; padding: .55rem .65rem; border: 1px solid var(--line); border-radius: var(--radius); color: #263244; background: #fff; cursor: pointer; font-size: .8rem; font-weight: 700; }
.sac-gpt-composer { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: end; gap: .55rem; padding: .6rem; border: 1px solid #aebdca; border-radius: var(--radius); background: #fff; box-shadow: 0 8px 24px rgba(20,34,54,.08); }.sac-gpt-composer textarea { max-height: 8.75rem; padding: .55rem 0; border: 0; outline: 0; resize: none; font: inherit; }.sac-gpt-composer input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }.sac-file-button,.sac-send-button { display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border: 0; border-radius: 50%; cursor: pointer; font-size: 1.25rem; }.sac-file-button { color: var(--accent-dark); background: var(--soft-2); }.sac-send-button { color: #fff; background: var(--accent-dark); }.sac-gpt-composer small { grid-column: 2; color: var(--muted); }
.sac-gpt-disclaimer { padding-top: .45rem; color: var(--muted); font-size: .72rem; text-align: center; }
.sac-gpt-page .whatsapp-chat { bottom: 5.75rem; }
@media(max-width:800px){.sac-gpt-page{overflow:auto}.sac-gpt-shell{grid-template-columns:1fr;height:calc(100vh - 4.5rem)}.sac-gpt-sidebar{display:none}.sac-gpt-workspace{padding:.75rem}.sac-gpt-heading p:last-child,.sac-gpt-status{display:none}.sac-message{max-width:94%}.sac-recommendation-grid{grid-template-columns:1fr}}
.owner-dashboard-page { background: #f4f7fa; }
.owner-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 5rem; padding: .75rem 1rem; border-bottom: 1px solid var(--line); background: #fff; }
.owner-header > div { display: flex; align-items: center; gap: .65rem; }.owner-private-label { padding: .45rem .55rem; border-radius: var(--radius); color: #8a1c1c; background: #fff0f0; font-size: .78rem; font-weight: 900; }
.owner-shell { display: grid; grid-template-columns: 15rem minmax(0,1fr); min-height: calc(100vh - 5rem); }.owner-sidebar { position: sticky; top: 0; display: grid; align-content: start; gap: 1rem; height: calc(100vh - 5rem); padding: 1rem; border-right: 1px solid var(--line); background: #fff; }.owner-sidebar nav { display: grid; gap: .25rem; }.owner-sidebar nav a { padding: .65rem; border-radius: var(--radius); color: #263244; font-weight: 800; text-decoration: none; }.owner-sidebar nav a:hover { background: var(--soft-2); }.owner-content { min-width: 0; padding: 1.25rem; }.owner-section { margin-bottom: 1rem; padding: 1.1rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.owner-table-wrap { overflow-x: auto; }.owner-table-wrap table { width: 100%; border-collapse: collapse; }.owner-table-wrap th,.owner-table-wrap td { padding: .7rem; border-bottom: 1px solid var(--line); text-align: left; }.owner-table-wrap th { color: var(--muted); font-size: .78rem; }.owner-plan-summary { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: .65rem; }.owner-plan-summary article { display: grid; gap: .35rem; padding: .8rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft); }.owner-plan-summary strong { font-size: 1.5rem; }.owner-empty-state { padding: 1rem; border: 1px dashed var(--line); border-radius: var(--radius); color: var(--muted); background: var(--soft); }
.owner-login-dialog { width: min(26rem,calc(100vw - 1rem)); padding: 0; border: 0; border-radius: var(--radius); }.owner-login-dialog::backdrop { background: rgba(16,19,22,.68); }.owner-login-card { display: grid; gap: .85rem; padding: 1.25rem; }.owner-login-card img { width: 4.5rem; height: 4.5rem; border-radius: 50%; }.owner-login-card label { display: grid; gap: .35rem; font-weight: 800; }.owner-login-card input { min-height: 2.7rem; padding: .65rem; border: 1px solid var(--line); border-radius: var(--radius); }.owner-login-card > a { color: var(--accent-dark); text-align: center; }
@media(max-width:800px){.owner-shell{grid-template-columns:1fr}.owner-sidebar{position:static;height:auto}.owner-sidebar nav{display:flex;overflow-x:auto}.owner-sidebar nav a{flex:0 0 auto}.owner-plan-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
.partner-dashboard-page .partner-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.partner-dashboard-page .partner-card-grid article { display: grid; gap: .55rem; padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft); }
.partner-dashboard-page .partner-card-grid span { color: var(--accent-dark); font-size: .78rem; font-weight: 900; text-transform: uppercase; }
.partner-dashboard-page .partner-card-grid h3 { margin: 0; }
.partner-dashboard-page .partner-card-grid p { color: var(--muted); }
.partner-dashboard-page .partner-card-grid a { color: var(--accent-dark); font-weight: 900; text-decoration: none; }
.partner-type-list { display: grid; gap: .65rem; }
.partner-type-list label { display: flex; align-items: center; gap: .55rem; padding: .7rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; font-weight: 800; }
.admin-dashboard-page .owner-private-label { color: #17406f; background: #eaf5ff; }
.admin-control-bar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
  align-items: end;
  margin: 1rem 0;
  padding: .9rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--soft);
}
.admin-control-bar label,
.admin-editor-grid label,
.admin-toggle-grid label {
  display: grid;
  gap: .35rem;
  color: #263244;
  font-weight: 850;
}
.admin-control-bar input,
.admin-control-bar select,
.admin-editor-grid input,
.admin-editor-grid textarea,
.owner-table-wrap select {
  min-height: 2.55rem;
  padding: .6rem .7rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
  font: inherit;
}
.admin-editor-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem;
  margin: 1rem 0;
}
.admin-editor-grid textarea {
  min-height: 6rem;
  resize: vertical;
}
.admin-toggle-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  margin: 1rem 0;
}
.admin-toggle-grid label {
  grid-template-columns: auto 1fr;
  align-items: center;
  padding: .85rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--soft);
}
.admin-toggle-grid input {
  width: 1.1rem;
  height: 1.1rem;
}
.admin-dashboard-page .owner-table-wrap th,
.admin-dashboard-page .owner-table-wrap td {
  white-space: nowrap;
  vertical-align: middle;
}
@media(max-width:900px){.partner-dashboard-page .partner-card-grid{grid-template-columns:1fr}}
.service-card-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; }
.service-card { display: grid; gap: .65rem; padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: 0 10px 28px rgba(20,34,54,.06); }
.service-card span,.service-card strong { color: var(--accent-dark); font-weight: 900; }
.service-card h3 { margin: 0; }
.service-card p { color: var(--muted); }
.service-dialog { width: min(46rem,calc(100vw - 1rem)); padding: 0; border: 0; border-radius: var(--radius); }
.service-dialog::backdrop { background: rgba(16,19,22,.58); }
#serviceDetailDialog,
#marketDetailDialog {
  width: min(58rem, calc(100vw - 1rem));
}
.service-detail-card { display: grid; gap: 1rem; padding: 1.25rem; background: #fff; }
.detail-blog-card {
  width: min(56rem, calc(100vw - 1rem));
  max-height: min(90dvh, 52rem);
  overflow: hidden;
  padding: 0;
}
.detail-blog-card .dialog-header {
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--line);
}
.detail-blog-body {
  display: grid;
  gap: 1rem;
  overflow: auto;
  padding: 1.25rem;
}
.detail-blog-footer {
  position: sticky;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  gap: .75rem;
  padding: 1rem 1.25rem;
  border-top: 1px solid var(--line);
  background: #fff;
  box-shadow: 0 -10px 24px rgba(8, 50, 76, .08);
}
.card-action-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .6rem;
  margin-top: auto;
}
.service-detail-price { width: max-content; padding: .55rem .75rem; border-radius: var(--radius); color: var(--accent-dark); background: var(--soft-2); font-size: 1.25rem; font-weight: 900; }
.service-detail-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.service-detail-columns article,.service-faq { padding: .9rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft); }
#serviceCheckoutDialog,
#marketCheckoutDialog,
#subscriptionDialog {
  width: min(96rem, calc(100vw - 1.5rem));
  max-height: min(92dvh, 54rem);
  border-radius: 0;
  background: #fff;
}
#serviceCheckoutDialog::backdrop,
#marketCheckoutDialog::backdrop,
#subscriptionDialog::backdrop {
  background: rgba(2, 7, 11, .72);
}
.bill-summary { display: grid; gap: 0; padding: 0; border: 0; border-radius: 0; background: #fff; box-shadow: 0 18px 40px rgba(8, 50, 76, .11); }
.bill-summary h3 { margin: 0; padding: 1.15rem 1.3rem; color: #202938; background: #d8f4fb; font-size: 1.15rem; font-weight: 950; }
.bill-summary div { display: flex; justify-content: space-between; gap: 1.2rem; padding: 1.1rem 1.3rem; border-bottom: 1px solid #e4eef5; color: #202938; }
.bill-summary div span { max-width: 12rem; }
.bill-summary div strong { white-space: nowrap; font-weight: 950; }
.bill-summary .bill-total { margin: 0; padding: 1.35rem 1.3rem; border-top: 1px solid #d9e7f0; border-bottom: 0; color: var(--sac-black); font-size: 1.2rem; }
.bill-summary .payment-done-note {
  margin: 1rem 1.3rem .7rem;
  padding: .9rem 1rem;
  border: 1px solid #b9f0cf;
  border-radius: .45rem;
  color: #087333;
  background: #e9fbf0;
}
.bill-summary .payment-completed-button,
.bill-summary > a.button {
  margin: 0 1.3rem .7rem;
  justify-content: center;
  min-height: 3rem;
}
.checkout-paid > button[type="submit"],
.checkout-paid #servicePayNowButton,
.checkout-paid #marketPayNowButton,
.checkout-paid #subscriptionPayNowButton {
  display: none !important;
}
#serviceCheckoutForm,
#marketCheckoutForm,
#subscriptionCheckoutForm {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(20rem, 26rem);
  gap: 1.3rem 2rem;
  align-items: start;
  padding: 0;
  background: #fff;
}
#serviceCheckoutForm .dialog-header,
#marketCheckoutForm .dialog-header,
#subscriptionCheckoutForm .dialog-header {
  grid-column: 1 / -1;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid var(--line);
  background: #fff;
}
#serviceCheckoutForm .checkout-summary,
#serviceCheckoutForm .checkout-panel,
#serviceCheckoutForm .profile-form-grid,
#marketCheckoutForm .checkout-summary,
#marketCheckoutForm .checkout-panel,
#marketCheckoutForm .profile-form-grid,
#subscriptionCheckoutForm .checkout-summary,
#subscriptionCheckoutForm .checkout-panel,
#subscriptionCheckoutForm .profile-form-grid {
  grid-column: 1;
  margin-left: 1.5rem;
}
#serviceCheckoutForm .bill-summary,
#marketCheckoutForm .bill-summary,
#subscriptionCheckoutForm .bill-summary {
  grid-column: 2;
  grid-row: 2 / span 3;
  position: sticky;
  top: 1.3rem;
  align-self: start;
  margin-right: 1.5rem;
}
#serviceCheckoutForm > .button.primary,
#marketCheckoutForm > .button.primary,
#subscriptionCheckoutForm > .button.primary,
#serviceCheckoutForm .checkout-status,
#marketCheckoutForm .checkout-status,
#subscriptionCheckoutForm .checkout-status {
  grid-column: 2;
  margin-right: 1.5rem;
}
#serviceCheckoutForm > .button.primary,
#marketCheckoutForm > .button.primary,
#subscriptionCheckoutForm > .button.primary {
  min-height: 3rem;
}
#serviceCheckoutForm .checkout-summary,
#marketCheckoutForm .checkout-summary,
#subscriptionCheckoutForm .checkout-summary {
  align-items: center;
  padding: 1rem 1.25rem;
  border-radius: 0;
  border-bottom: 1px solid #cfe2f0;
  background: #f3f9fe;
  font-size: 1rem;
}
#serviceCheckoutForm .checkout-summary strong,
#marketCheckoutForm .checkout-summary strong,
#subscriptionCheckoutForm .checkout-summary strong {
  color: var(--sac-black);
}
#serviceCheckoutForm .checkout-panel,
#marketCheckoutForm .checkout-panel,
#subscriptionCheckoutForm .checkout-panel {
  border: 1px solid #cfe2f0;
  border-radius: 0;
  background: #fff;
}
#serviceCheckoutForm .checkout-panel h3,
#marketCheckoutForm .checkout-panel h3,
#subscriptionCheckoutForm .checkout-panel h3 {
  margin: 0;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #dbeaf4;
  color: #244d7d;
  background: #f3f9fe;
  font-size: 1.08rem;
  font-weight: 950;
}
#serviceCheckoutForm .client-order-table,
#marketCheckoutForm .client-order-table,
#subscriptionCheckoutForm .client-order-table {
  margin-top: 0;
  border: 0;
  border-radius: 0;
}
#serviceCheckoutForm .client-order-table table,
#marketCheckoutForm .client-order-table table,
#subscriptionCheckoutForm .client-order-table table {
  background: #f3f9fe;
}
#serviceCheckoutForm .client-order-table th,
#serviceCheckoutForm .client-order-table td,
#marketCheckoutForm .client-order-table th,
#marketCheckoutForm .client-order-table td,
#subscriptionCheckoutForm .client-order-table th,
#subscriptionCheckoutForm .client-order-table td {
  padding: .95rem 1.25rem;
  border-bottom: 1px solid #cfe2f0;
  font-size: 1rem;
}
#serviceCheckoutForm .client-order-table th,
#marketCheckoutForm .client-order-table th,
#subscriptionCheckoutForm .client-order-table th {
  background: #f3f9fe;
  color: #777;
  font-size: .95rem;
  text-transform: none;
}
.coupon-row {
  display: grid;
  grid-template-columns: minmax(12rem, 24rem) auto;
  gap: .8rem;
  align-items: center;
  padding: 1rem 1.25rem;
}
.coupon-row input {
  min-height: 3rem;
  padding: .78rem 1rem;
  border: 1px solid #ccd8e2;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 5px 12px rgba(8, 50, 76, .06) inset;
  font: inherit;
}
.coupon-row .button {
  min-height: 3rem;
  border-radius: 999px;
}
#serviceCheckoutForm .profile-form-grid,
#marketCheckoutForm .profile-form-grid,
#subscriptionCheckoutForm .profile-form-grid {
  gap: 1.1rem 1.5rem;
  margin-top: 0;
  padding: 4.7rem 1.25rem 1.25rem;
  border: 1px solid #cfe2f0;
  border-radius: 0;
  position: relative;
}
#serviceCheckoutForm .profile-form-grid::before,
#marketCheckoutForm .profile-form-grid::before,
#subscriptionCheckoutForm .profile-form-grid::before {
  content: "Customer details";
  position: absolute;
  inset: 0 0 auto;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #dbeaf4;
  color: #244d7d;
  background: #f3f9fe;
  font-weight: 950;
  font-size: 1.08rem;
}
#serviceCheckoutForm .profile-form-grid label,
#marketCheckoutForm .profile-form-grid label,
#subscriptionCheckoutForm .profile-form-grid label {
  gap: .55rem;
  color: #777;
  font-weight: 750;
}
#serviceCheckoutForm .profile-form-grid input,
#serviceCheckoutForm .profile-form-grid select,
#marketCheckoutForm .profile-form-grid input,
#marketCheckoutForm .profile-form-grid select,
#subscriptionCheckoutForm .profile-form-grid input,
#subscriptionCheckoutForm .profile-form-grid select {
  min-height: 3rem;
  padding: .78rem 1rem;
  border-radius: 999px;
  border-color: #ccd8e2;
  box-shadow: 0 5px 12px rgba(8, 50, 76, .06) inset;
}
.checkout-status.post-payment-docs {
  grid-column: 1 !important;
  margin-left: 1.5rem;
  margin-right: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
.checkout-upload-docs {
  display: grid;
  gap: 1rem;
  padding: 1.25rem;
  border-radius: .5rem;
  background: #fff;
  box-shadow: 0 18px 42px rgba(8, 50, 76, .1);
}
.checkout-upload-docs h3 {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin: 0;
  color: #05090d;
  font-size: clamp(1.7rem, 3vw, 2.45rem);
}
.checkout-upload-docs h3 span {
  display: inline-grid;
  place-items: center;
  min-width: 3rem;
  height: 2.15rem;
  border-radius: .45rem;
  color: #fff;
  background: linear-gradient(135deg, var(--sac-blue-deep), var(--sac-blue));
  font-size: 1rem;
}
.checkout-upload-docs p {
  margin: 0;
  color: var(--muted);
  font-weight: 850;
}
.checkout-upload-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.checkout-upload-grid label {
  display: grid;
  gap: .55rem;
  color: #6b7b8b;
  font-weight: 950;
  text-transform: uppercase;
}
.checkout-upload-grid input {
  min-height: 3rem;
  padding: .75rem 1rem;
  border: 1px solid #cfe2f0;
  border-radius: .45rem;
  background: #fff;
}
.checkout-rm-box {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  padding: 1rem;
  border: 1px solid #b9f0cf;
  border-radius: .55rem;
  background: #effbf4;
}
.checkout-rm-box strong {
  color: #05090d;
  font-size: 1.1rem;
}
.checkout-rm-box .button {
  min-width: 12rem;
  background: linear-gradient(135deg, #20d65f, #0d8f3d) !important;
}
.market-plan-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: .75rem; }
.market-plan-grid article { display: grid; gap: .35rem; padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.market-plan-grid span { color: var(--accent-dark); font-weight: 900; }
.marketplace-builder-grid { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(18rem,.9fr); gap: 1rem; }
.marketplace-form,.marketplace-preview { display: grid; gap: .85rem; padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.marketplace-form { grid-template-columns: repeat(2,minmax(0,1fr)); }
.marketplace-form label { display: grid; gap: .35rem; font-weight: 900; }
.marketplace-form input,.marketplace-form select,.marketplace-form textarea { min-height: 2.7rem; padding: .65rem; border: 1px solid var(--line); border-radius: var(--radius); font: inherit; }
.marketplace-form textarea { min-height: 6rem; resize: vertical; }
.marketplace-category-home-hero {
  position: relative;
  overflow: hidden;
}
.marketplace-category-home-hero::after {
  content: "";
  position: absolute;
  right: clamp(1rem, 5vw, 5rem);
  bottom: clamp(1rem, 4vw, 3rem);
  width: clamp(8rem, 18vw, 15rem);
  aspect-ratio: 1;
  border: 1px solid rgba(7,153,220,.2);
  border-radius: 50%;
  background:
    url("sac-logo.png") center/62% no-repeat,
    radial-gradient(circle at 36% 30%, #fff 0 45%, rgba(232,247,255,.96) 46% 100%);
  box-shadow: 0 24px 60px rgba(0,83,139,.14);
  opacity: .92;
}
.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: 1.1rem;
}
.marketplace-ai-directory {
  background: linear-gradient(135deg,#f8fcff,#e8f7ff);
}
.marketplace-directory-summary {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}
.marketplace-directory-summary article {
  display: grid;
  gap: .25rem;
  padding: 1.1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
  box-shadow: 0 14px 32px rgba(0,83,139,.08);
}
.marketplace-directory-summary strong {
  color: var(--accent-dark);
  font-size: 2.2rem;
  line-height: 1;
}
.marketplace-directory-summary span {
  color: var(--muted);
  font-weight: 900;
}
.marketplace-directory-search {
  display: grid;
  gap: .65rem;
  margin: 0 0 1rem;
  padding: 1rem;
  border: 1px solid #d4ebfb;
  border-radius: var(--radius);
  background: #fff;
  box-shadow: 0 14px 32px rgba(0,83,139,.08);
}
.marketplace-directory-search label {
  color: var(--sac-blue-deep);
  font-weight: 950;
}
.marketplace-directory-search div {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto auto;
  gap: .65rem;
  align-items: center;
}
.marketplace-directory-search input {
  min-height: 3rem;
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: .75rem .9rem;
  color: var(--ink);
  background: var(--soft);
  font: inherit;
  font-weight: 750;
}
.marketplace-directory-search input:focus {
  border-color: rgba(0,142,214,.45);
  outline: none;
  box-shadow: 0 0 0 3px rgba(7,153,220,.12);
}
.marketplace-directory-search small {
  color: var(--muted);
  font-weight: 850;
}
.marketplace-category-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 1rem;
}
.marketplace-category-grid article {
  display: grid;
  align-content: start;
  gap: 1rem;
  min-height: 18rem;
  padding: 1rem;
  border: 1px solid #d4ebfb;
  border-radius: var(--radius);
  background: #fff;
}
.marketplace-category-grid article:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(0,83,139,.12);
}
.marketplace-category-grid h3 {
  margin: 0;
  padding: .85rem 1rem;
  border-radius: 8px;
  color: #fff;
  background: linear-gradient(135deg,var(--accent-dark),var(--accent));
  font-size: 1.18rem;
  cursor: pointer;
}
.marketplace-category-grid h3:hover,
.marketplace-category-grid h3:focus {
  box-shadow: 0 12px 28px rgba(0,83,139,.18);
  outline: none;
}
.marketplace-category-grid div {
  display: grid;
  gap: .55rem;
}
.marketplace-category-grid span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  padding: .62rem .72rem;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  background: var(--soft);
  font-weight: 800;
  cursor: pointer;
}
.marketplace-category-grid span strong {
  color: var(--accent-dark);
  white-space: nowrap;
}
.marketplace-category-grid span:hover,
.marketplace-category-grid span:focus {
  border-color: rgba(0,142,214,.35);
  color: var(--accent-dark);
  background: #fff;
  outline: none;
  box-shadow: 0 10px 24px rgba(0,83,139,.1);
}
.market-category-hero {
  display: grid;
  grid-template-columns: minmax(14rem, 24rem) minmax(0,1fr);
  align-items: center;
  gap: 2.6rem;
  padding: 4.3rem 4.5rem 4rem;
  color: #fff;
  background:
    radial-gradient(circle at 82% 18%, rgba(36, 145, 232, 0.24), transparent 26%),
    linear-gradient(120deg, #050b15 0%, #09121d 42%, #12385a 100%);
  border-radius: 0 0 26px 26px;
}
.market-category-hero .eyebrow,
.market-category-hero .hero-text {
  color: rgba(255,255,255,.78);
}
.market-category-hero h1 {
  display: flex;
  align-items: center;
  gap: .9rem;
  flex-wrap: wrap;
  margin: .45rem 0 .85rem;
  color: #fff;
  font-size: clamp(3.9rem,8vw,7.25rem);
  line-height: .9;
  letter-spacing: 0;
}
.market-category-hero-copy {
  display: grid;
  gap: .95rem;
}
.market-category-hero-copy .hero-text {
  max-width: 62rem;
  margin: 0;
  font-size: clamp(1.35rem, 2.25vw, 2rem);
  line-height: 1.52;
}
.market-category-icon-shell {
  display: grid;
  place-items: center;
}
.market-category-icon {
  display: grid;
  place-items: center;
  width: clamp(13rem, 18vw, 18rem);
  height: clamp(13rem, 18vw, 18rem);
  padding: 1.25rem;
  border: .2rem solid rgba(130, 194, 235, .72);
  border-radius: 2.3rem;
  color: #fff;
  background: linear-gradient(180deg, #f5fbff 0%, #dbe9f4 100%);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .18);
  font-size: 2.4rem;
  font-weight: 950;
}
.market-category-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 1.5rem;
  background: #000;
}
.market-category-icon.logo-failed {
  background: linear-gradient(135deg, #13283c 0%, #12385a 100%);
}
.market-category-rating-row {
  display: flex;
  align-items: center;
  gap: .9rem;
  flex-wrap: wrap;
  margin-top: .1rem;
}
.market-category-stars {
  color: #ffb134;
  font-size: 2.4rem;
  letter-spacing: .16rem;
  text-shadow: 0 0 22px rgba(255, 177, 52, .14);
}
.market-category-rating-row strong,
.market-category-rating-row span {
  font-size: clamp(1.35rem, 2vw, 1.8rem);
  font-weight: 900;
}
.market-category-rating-row strong {
  color: var(--accent);
}
.market-category-rating-row span:last-child {
  color: rgba(255,255,255,.94);
}
.market-category-action-row {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: .65rem;
}
.market-category-action-row .button {
  min-width: 15.5rem;
  min-height: 4.4rem;
  font-size: 1.05rem;
}
.market-category-action-row .button.secondary,
.market-category-action-row .share-button {
  background: #ffffff;
  color: #0a1118;
  border-color: rgba(255,255,255,.9);
}
.market-category-tags-hero {
  margin-top: .2rem;
  gap: .9rem;
}
.market-category-tags-hero span {
  min-height: 4.05rem;
  padding: .8rem 1.45rem;
  font-size: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
}
.market-category-title-tick {
  transform: translateY(.18rem);
}
.market-category-tags {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin-top: 1rem;
}
.market-category-tags span {
  padding: .55rem .85rem;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 999px;
  color: rgba(255,255,255,.86);
  background: rgba(255,255,255,.08);
  font-weight: 900;
}
.market-category-tags .verified-tick {
  border-color: rgba(16,185,129,.42);
  color: #fff;
  background: linear-gradient(135deg, rgba(16,185,129,.72), rgba(0,142,214,.72));
}
.market-category-tags .details-only-badge {
  border-color: rgba(255,255,255,.22);
  color: rgba(255,255,255,.72);
  background: rgba(255,255,255,.06);
}
.market-category-tags .website-open-badge {
  border-color: rgba(255,255,255,.24);
  color: rgba(255,255,255,.82);
  background: rgba(255,255,255,.1);
}
.market-category-stats { display: none; }
.market-category-toolbar {
  display: flex;
  align-items: center;
  gap: .8rem;
  border-radius: var(--radius);
  background: #fff;
  box-shadow: 0 14px 35px rgba(0,83,139,.08);
}
.market-category-toolbar .search-box {
  min-width: 16rem;
}

.prompt-category-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
}

.prompt-category-tabs button {
  min-height: 2.75rem;
  padding: .65rem 1.1rem;
  border: 1px solid rgba(29, 158, 255, .28);
  border-radius: 999px;
  color: var(--muted);
  background: #fff;
  cursor: pointer;
  font-weight: 950;
}

.prompt-category-tabs button.active {
  color: #fff;
  border-color: rgba(29, 158, 255, .58);
  background: linear-gradient(135deg, #02070b, #1d9eff);
  box-shadow: 0 12px 28px rgba(29, 158, 255, .18);
}

.market-filter-pills {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  flex: 1;
}

.market-filter-pills.is-hidden {
  display: none;
}

.is-hidden {
  display: none !important;
}
.market-filter-pills button {
  min-height: 2.4rem;
  padding: .5rem .75rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  background: #fff;
  cursor: pointer;
  font-weight: 900;
}
.market-filter-pills button.active {
  border-color: rgba(0,142,214,.35);
  color: var(--accent-dark);
  background: var(--soft-2);
}
.market-tool-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 1rem;
}
.market-tool-card {
  position: relative;
  display: grid;
  justify-items: center;
  gap: .8rem;
  min-height: 25rem;
  padding: 1.2rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
  text-align: center;
  box-shadow: 0 16px 36px rgba(0,83,139,.08);
}
.market-rank {
  position: absolute;
  left: 1rem;
  top: 1rem;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  color: var(--accent-dark);
  background: var(--soft-2);
  font-weight: 950;
}
.market-tool-logo {
  display: grid;
  place-items: center;
  width: 5.25rem;
  height: 5.25rem;
  margin-top: 1.8rem;
  border: 1px solid rgba(61, 161, 232, 0.22);
  border-radius: 22px;
  color: var(--accent-dark);
  background:
    radial-gradient(circle at 30% 25%, rgba(255,255,255,.96), rgba(240,248,255,.92) 48%, rgba(223,241,255,.9) 100%);
  box-shadow:
    inset 0 0 0 6px rgba(232, 245, 255, 0.96),
    inset 0 0 0 1px rgba(72, 169, 237, 0.14),
    0 16px 28px rgba(0,83,139,.10);
  font-weight: 950;
  overflow: hidden;
}
.market-tool-logo img {
  width: 3.15rem;
  height: 3.15rem;
  object-fit: contain;
  filter: drop-shadow(0 8px 14px rgba(12, 38, 61, 0.10));
}
.market-tool-logo.logo-failed {
  color: #fff;
  background:
    radial-gradient(circle at 30% 28%, rgba(60, 170, 245, 0.98), rgba(33, 132, 210, 0.98) 54%, rgba(9, 59, 103, 0.98) 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.10),
    0 14px 26px rgba(0,83,139,.18);
}
.market-tool-logo.logo-failed::before {
  content: attr(data-fallback);
  font-size: 1.45rem;
  letter-spacing: .02em;
}
.market-tool-card h3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  margin: 0;
  font-size: 1.25rem;
}
.market-tool-card h3 a {
  color: inherit;
  text-decoration: none;
}
.market-tool-card h3 a:hover {
  color: var(--accent-dark);
}
.tool-name-blue-tick {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  position: relative;
  width: 1.46rem;
  height: 1.46rem;
  color: transparent;
  background: #18b5ff;
  clip-path: polygon(50% 0%, 59% 7%, 71% 4%, 78% 13%, 89% 12%, 93% 23%, 100% 32%, 96% 44%, 100% 56%, 93% 66%, 89% 78%, 78% 77%, 71% 87%, 59% 93%, 50% 100%, 41% 93%, 29% 87%, 22% 77%, 11% 78%, 7% 66%, 0% 56%, 4% 44%, 0% 32%, 7% 23%, 11% 12%, 22% 13%, 29% 4%, 41% 7%);
  box-shadow: 0 0 0 1px rgba(24,181,255,.08);
  font-size: 0;
  font-weight: 950;
  line-height: 1;
}
.tool-name-blue-tick::before {
  content: "";
  position: absolute;
  width: .72rem;
  height: .4rem;
  border-left: .18rem solid #ffffff;
  border-bottom: .18rem solid #ffffff;
  transform: rotate(-45deg) translateY(-.03rem);
  transform-origin: center;
  top: .44rem;
  left: .37rem;
  border-radius: .03rem;
  pointer-events: none;
}
.market-tool-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}
.market-tool-tags {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: .35rem;
  margin-top: auto;
}
.market-tool-tags span {
  padding: .32rem .5rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  background: var(--soft);
  font-size: .78rem;
  font-weight: 900;
}
.market-tool-tags .verified-tick {
  border-color: rgba(16,185,129,.34);
  color: #055f46;
  background: linear-gradient(135deg, rgba(16,185,129,.16), rgba(0,142,214,.14));
}
.market-tool-tags .verified-tick::before {
  content: "✓";
  display: inline-grid;
  place-items: center;
  width: .9rem;
  height: .9rem;
  margin-right: .25rem;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, #10b981, #0ea5e9);
  box-shadow: 0 0 0 2px rgba(14,165,233,.12);
  font-size: .62rem;
  line-height: 1;
  vertical-align: -.12rem;
}
.market-tool-tags .details-only-badge {
  border-color: rgba(107,124,140,.22);
  color: var(--muted);
  background: #fff;
}
.market-tool-tags .website-open-badge {
  border-color: rgba(0,142,214,.22);
  color: var(--accent-dark);
  background: rgba(232,247,255,.92);
}
.market-tool-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(8rem,1fr));
  gap: .55rem;
  width: 100%;
}
.market-tool-card .button {
  width: 100%;
}
.tool-detail-page {
  background:
    radial-gradient(circle at 48% 38%, rgba(32, 122, 198, 0.22), transparent 18%),
    linear-gradient(110deg, #05080d 0%, #07111b 34%, #12395d 68%, #2b92e8 100%);
  color: #e9edf5;
}
.tool-detail-page .site-footer {
  border-top-color: rgba(94,113,134,.16);
  background: #121821;
}
.tool-follow-sidebar {
  position: fixed;
  right: 1rem;
  top: 50%;
  z-index: 30;
  display: grid;
  gap: .7rem;
  justify-items: center;
  transform: translateY(-50%);
}
.tool-follow-pill {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  padding: 1rem .7rem;
  border: 1px solid rgba(56,206,255,.28);
  border-radius: 18px;
  background: linear-gradient(180deg,#19d8ff,#16ffa0);
  color: #07161b;
  font-size: .85rem;
  font-weight: 900;
  letter-spacing: .12em;
  box-shadow: 0 10px 24px rgba(0,0,0,.2);
}
.tool-follow-icon {
  display: grid;
  place-items: center;
  width: 3.1rem;
  height: 3.1rem;
  border: 1px solid rgba(94,113,134,.2);
  border-radius: 16px;
  background: rgba(20,26,34,.95);
  color: #eef5ff;
  text-decoration: none;
  font-size: 1.1rem;
  font-weight: 900;
  box-shadow: 0 8px 18px rgba(0,0,0,.18);
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.tool-follow-icon:hover {
  transform: translateX(-3px);
  border-color: rgba(56,206,255,.34);
  background: linear-gradient(135deg,#0f1824,#12395d 72%,#2b92e8);
}
.global-follow-widget {
  position: fixed;
  right: 1rem;
  top: 50%;
  z-index: 40;
  display: grid;
  gap: .7rem;
  justify-items: end;
  transform: translateY(-50%);
}
.global-follow-toggle {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  min-width: 3.3rem;
  padding: 1rem .7rem;
  border: 1px solid rgba(56,206,255,.28);
  border-radius: 18px;
  background: linear-gradient(180deg,#0b1621,#15527b 58%,#2b92e8);
  color: #ffffff;
  font-size: .85rem;
  font-weight: 900;
  letter-spacing: .12em;
  box-shadow: 0 10px 24px rgba(0,0,0,.2);
  cursor: pointer;
}
.global-follow-links {
  display: grid;
  gap: .7rem;
  justify-items: center;
}
.global-follow-links[hidden] {
  display: none !important;
}
.global-follow-link {
  display: grid;
  place-items: center;
  width: 3.1rem;
  height: 3.1rem;
  border: 1px solid rgba(94,113,134,.2);
  border-radius: 16px;
  background: rgba(20,26,34,.95);
  color: #eef5ff;
  text-decoration: none;
  font-size: 1.1rem;
  font-weight: 900;
  box-shadow: 0 8px 18px rgba(0,0,0,.18);
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.global-follow-link:hover {
  transform: translateX(-3px);
  border-color: rgba(56,206,255,.34);
  background: linear-gradient(135deg,#0f1824,#12395d 72%,#2b92e8);
}
.market-tool-detail-hero {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) minmax(14rem,18rem);
  align-items: start;
  gap: 1.5rem;
  color: #fff;
  background:
    radial-gradient(circle at bottom center, rgba(43,146,232,.12), transparent 34%),
    linear-gradient(135deg,#070b12,#0b1621 50%,#12395d 82%,#2b92e8 100%);
  border-color: rgba(94,113,134,.18);
}
.market-tool-detail-hero h1 {
  display: flex;
  align-items: center;
  gap: .6rem;
  color: #fff;
  font-size: clamp(2.6rem,7vw,5.5rem);
  line-height: .92;
}
.market-tool-detail-hero .tool-name-blue-tick {
  width: 1.55rem;
  height: 1.55rem;
  font-size: .9rem;
}
.market-tool-detail-hero .eyebrow,
.market-tool-detail-hero .hero-text {
  color: rgba(255,255,255,.78);
}
.tool-rating-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .8rem;
  margin: .85rem 0 0;
}
.tool-stars {
  color: #ffab2f;
  letter-spacing: .15rem;
  font-size: 1.35rem;
}
#toolRatingValue {
  color: var(--sac-blue);
}
.tool-hero-actions {
  display: flex;
  flex-wrap: nowrap;
  gap: .7rem;
  margin-top: 1.15rem;
  align-items: center;
}
.tool-hero-center-stack {
  display: grid;
  justify-items: center;
  gap: .95rem;
  margin-top: 1.15rem;
}
.tool-hero-center-stack .tool-hero-actions {
  margin-top: 0;
  justify-content: center;
}
.tool-cta-button {
  min-width: 14rem;
  color: #05151a;
  background: linear-gradient(135deg,#dff2ff,#78c4ff 42%,#2b92e8 100%);
  box-shadow: 0 16px 30px rgba(43,146,232,.2);
}
.tool-share-button {
  min-width: 10rem;
  color: #f0f5ff;
  border-color: rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
}
.tool-hero-meta-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .85rem;
}
.tool-hero-tags-row {
  margin-top: 0;
  justify-content: center;
}
.tool-nav-pills {
  display: flex;
  flex-wrap: nowrap;
  gap: .8rem;
  margin-top: 0;
  overflow-x: auto;
  padding-bottom: .2rem;
  scrollbar-width: thin;
}
.tool-nav-pills a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .8rem 1.1rem;
  border: 1px solid rgba(55,215,255,.58);
  border-radius: 999px;
  background: rgba(24,34,45,.7);
  box-shadow: inset 0 0 0 1px rgba(157,95,255,.18);
  color: #eef5ff;
  font-weight: 900;
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
}
.tool-nav-pills a:hover {
  transform: translateY(-1px);
  border-color: rgba(114, 213, 255, 0.86);
  color: #ffffff;
  background: rgba(33,47,61,.86);
}
.detail-logo {
  width: 13.5rem;
  height: 13.5rem;
  margin-top: 0;
  align-self: start;
  border-radius: 34px;
  box-shadow: 0 0 0 2px rgba(76,219,255,.16), 0 26px 48px rgba(0,0,0,.26);
}
.detail-logo img {
  width: 8.7rem;
  height: 8.7rem;
}
.tool-detail-layout {
  display: grid;
  grid-template-columns: minmax(0,1.45fr) minmax(19rem,.75fr);
  gap: 1.25rem;
}
.tool-detail-main {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}
.tool-panel-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 1.25rem;
}
.tool-detail-card {
  display: grid;
  align-content: start;
  gap: .75rem;
  padding: 1.5rem;
  border: 1px solid rgba(94,113,134,.18);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(29,35,43,.96), rgba(25,31,39,.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02), 0 18px 32px rgba(0,0,0,.16);
}
.tool-detail-card h2 {
  margin: 0;
  color: #eef4fb;
  font-size: clamp(1.5rem, 3vw, 2rem);
}
.tool-detail-sidebar {
  display: grid;
  align-content: start;
  gap: 1.25rem;
}
.tool-overview-card,
.tool-summary-card {
  background: linear-gradient(180deg, rgba(31,37,46,.96), rgba(26,31,40,.98));
}
.tool-detail-points {
  display: grid;
  gap: .65rem;
}
.tool-detail-points p {
  margin: 0;
  padding: .8rem .9rem;
  border-left: 4px solid var(--sac-blue);
  border-radius: 14px;
  background: rgba(48,58,72,.42);
  color: #dbe4f0;
}
.tool-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
}
.tool-summary-list {
  display: grid;
  gap: .7rem;
}
.tool-summary-list div {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: .75rem .85rem;
  border: 1px solid rgba(94,113,134,.16);
  border-radius: 14px;
  background: rgba(37,42,51,.9);
}
.tool-summary-list span {
  color: rgba(218,228,243,.7);
  font-weight: 800;
}
.tool-summary-list strong {
  color: var(--sac-blue);
  text-align: right;
}
.tool-chip-group {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  align-items: center;
}
.tool-chip-group strong {
  width: 100%;
  color: #eef4fb;
}
.tool-chip-group span {
  padding: .4rem .65rem;
  border: 1px solid rgba(56,206,255,.44);
  border-radius: 999px;
  background: rgba(25,66,84,.32);
  color: #1dd6ff;
  font-size: .95rem;
  font-weight: 850;
}
.tool-green-chips span {
  border-color: rgba(43,146,232,.42);
  background: rgba(14,44,72,.34);
  color: #78c4ff;
}
.tool-blue-chips span {
  border-color: rgba(56,206,255,.44);
  background: rgba(25,66,84,.32);
  color: #1dd6ff;
}
.tool-color-chips span:nth-child(2n) {
  border-color: rgba(43,146,232,.42);
  color: #78c4ff;
}
.tool-color-chips span:nth-child(3n) {
  border-color: rgba(170,97,255,.42);
  color: #af66ff;
}
.tool-color-chips span:nth-child(5n) {
  border-color: rgba(255,177,28,.42);
  color: #ffb11c;
}
.tool-score-box {
  display: flex;
  align-items: end;
  gap: 1rem;
}
.tool-score-box strong {
  color: var(--sac-blue);
  font-size: clamp(3rem,8vw,5rem);
  line-height: .9;
}
.tool-score-box p {
  margin: .35rem 0 0;
  color: rgba(218,228,243,.72);
}
.tool-support-box,
.tool-review-box {
  display: grid;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid rgba(94,113,134,.16);
  border-radius: 22px;
  background: rgba(35,40,49,.84);
}
.tool-support-box p,
.tool-review-box p {
  margin: 0;
}
.tool-social-links {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.tool-social-links span {
  min-width: 6rem;
  padding: 1rem 1.2rem;
  border-radius: 18px;
  background: linear-gradient(135deg,#0b1621,#15527b 58%,#2b92e8);
  color: #07161b;
  text-align: center;
  font-size: 1.1rem;
  font-weight: 900;
}
.tool-review-box a {
  color: var(--sac-blue);
  text-decoration: none;
}
.tool-media-card {
  gap: 1rem;
}
.tool-media-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}
.tool-media-item {
  display: grid;
  gap: .75rem;
  color: #eef5ff;
  text-decoration: none;
}
.tool-media-thumb {
  position: relative;
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(106, 188, 255, 0.55);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(231,245,255,.96) 42%, rgba(199,230,255,.98) 100%);
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 10px 24px rgba(43,146,232,.12);
}
.tool-media-thumb::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at center, rgba(255,255,255,.42), transparent 28%),
    linear-gradient(135deg, transparent 0 35%, rgba(43,146,232,.07) 35% 37%, transparent 37% 100%);
}
.tool-media-thumb span {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  z-index: 1;
  padding: .42rem .7rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #ffffff, #dff2ff);
  color: #0d4f86;
  border: 1px solid rgba(71, 164, 239, 0.34);
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.tool-media-item strong {
  color: #edf4fb;
  font-size: .98rem;
  line-height: 1.35;
}
.tool-media-item:hover .tool-media-thumb {
  border-color: rgba(43,146,232,.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 16px 28px rgba(43,146,232,.18);
}
.tool-media-item:hover strong {
  color: #18d8ff;
}
.related-tool-list {
  display: grid;
  gap: .75rem;
}
.related-tool-card {
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  gap: .8rem;
  align-items: center;
  padding: .8rem;
  border: 1px solid rgba(94,113,134,.16);
  border-radius: 16px;
  background: rgba(35,40,49,.9);
  color: #edf3fb;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.related-tool-card:hover {
  transform: translateY(-2px);
  border-color: rgba(56,206,255,.26);
  box-shadow: 0 14px 28px rgba(0,0,0,.22);
}
.related-tool-card .market-tool-logo {
  width: 4.15rem;
  height: 4.15rem;
  margin-top: 0;
}
.related-tool-card .market-tool-logo img {
  width: 2.5rem;
  height: 2.5rem;
}
.related-tool-card strong {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  color: #eef5ff;
  font-size: 1rem;
}
.related-tool-card span {
  display: inline-block;
  margin-top: .3rem;
  color: rgba(218,228,243,.68);
  font-size: .82rem;
  font-weight: 800;
}
.tool-cta-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}
.tool-ready-card {
  justify-items: center;
  text-align: center;
  width: 100%;
  min-height: 20rem;
  padding: 2.5rem;
  background:
    radial-gradient(circle at center, rgba(43,146,232,.12), transparent 38%),
    linear-gradient(180deg,#070b12,#0d1c2d 58%,#12395d 100%);
}
.tool-ready-card p {
  margin: 0 auto;
  max-width: 42rem;
  color: rgba(240,246,255,.78);
  font-size: clamp(1.15rem, 2vw, 1.45rem);
}
.tool-ready-card h2 {
  color: #eef4fb;
}
.tool-coffee-card {
  position: relative;
  gap: 1.15rem;
  justify-items: center;
  padding: 2rem 1.7rem 1.8rem;
  border: 1px solid rgba(124, 85, 52, 0.34);
  border-radius: 2rem;
  background:
    radial-gradient(circle at 18% 14%, rgba(255,255,255,0.1), transparent 22%),
    radial-gradient(circle at 50% 100%, rgba(92, 49, 20, 0.14), transparent 40%),
    linear-gradient(135deg, #140b07 0%, #2a1910 28%, #45291c 62%, #5f3a28 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.1),
    inset 0 -20px 34px rgba(24, 10, 4, 0.3),
    0 20px 42px rgba(18, 9, 4, 0.34),
    0 0 24px rgba(73, 42, 22, 0.16);
  justify-items: center;
  text-align: center;
  overflow: hidden;
}
.tool-coffee-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,0.18), rgba(255,255,255,0.02) 34%, transparent 58%);
  pointer-events: none;
}
.tool-coffee-icon-wrap {
  position: relative;
  display: grid;
  place-items: center;
  width: 5rem;
  height: 4.75rem;
  margin-bottom: .2rem;
}
.tool-related-cta-card {
  align-content: start;
}
.tool-related-cta-card h3 {
  margin: 0;
  color: #edf4fb;
  font-size: 1.8rem;
}
.tool-related-cta-card > p:not(.eyebrow) {
  color: rgba(218,228,243,.72);
}
.related-tool-list-expanded {
  margin-top: 1rem;
}
.related-tool-list-expanded .related-tool-card {
  min-height: 5.2rem;
}
.tool-coffee-card h3 {
  margin: 0;
  color: #fff8ef;
  font-size: clamp(1.8rem, 2.1vw, 2.15rem);
  line-height: 1.05;
}
.tool-coffee-card p,
.tool-coffee-card small {
  color: rgba(255, 245, 233, 0.88);
}
.tool-coffee-icon {
  position: relative;
  z-index: 2;
  font-size: 2.9rem;
  line-height: 1;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.22));
  animation: toolCoffeeFloat 3.2s ease-in-out infinite;
}
.tool-coffee-steam {
  position: absolute;
  top: .15rem;
  width: .35rem;
  height: 1.35rem;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.3), rgba(255,255,255,0));
  filter: blur(.4px);
  opacity: .45;
  animation: toolCoffeeSteam 2.5s ease-in-out infinite;
}
.tool-coffee-steam-one { left: 1.65rem; animation-delay: 0s; }
.tool-coffee-steam-two { left: 2.3rem; animation-delay: .45s; }
.tool-coffee-steam-three { left: 2.95rem; animation-delay: .9s; }
.tool-coffee-button-icon {
  font-size: 1.35rem;
  line-height: 1;
}
.tool-coffee-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .8rem;
  width: min(100%, 31rem);
  min-height: 4.7rem;
  padding: 1rem 1.5rem;
  border-radius: 999px;
  font-size: clamp(1.15rem, 1.8vw, 1.45rem);
  font-weight: 900;
  color: #1a1a1f;
  background: linear-gradient(90deg,#ffe27c 0%, #ffc760 20%, #ffab4d 58%, #ff875f 100%);
  border-color: transparent;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.34),
    0 0 32px rgba(255, 187, 89, 0.22),
    0 12px 24px rgba(127, 48, 4, 0.18);
  text-decoration: none;
}
.tool-coffee-card small {
  max-width: 23rem;
  color: rgba(255, 244, 229, 0.86);
  font-size: 1rem;
  line-height: 1.45;
  font-style: italic;
}
@keyframes toolCoffeeFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}
@keyframes toolCoffeeSteam {
  0% { transform: translateY(6px) scale(.9); opacity: 0; }
  30% { opacity: .42; }
  100% { transform: translateY(-10px) scale(1.08); opacity: 0; }
}

.support-page-body {
  background:
    radial-gradient(circle at 12% 18%, rgba(0, 142, 214, 0.12), transparent 28%),
    radial-gradient(circle at 88% 10%, rgba(0, 95, 156, 0.12), transparent 26%),
    linear-gradient(180deg, #ffffff 0%, #f6fbff 48%, #ffffff 100%);
}

.support-sac-page {
  display: grid;
  gap: 1.5rem;
}

.support-sac-header {
  padding: 1rem 0 0;
}

.support-sac-profile {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.1rem 1.25rem;
  border: 1px solid rgba(0, 95, 156, 0.14);
  border-radius: 1.5rem;
  background: linear-gradient(180deg, #ffffff, #f8fbff);
  box-shadow: 0 18px 40px rgba(5, 22, 39, 0.08);
}

.support-sac-avatar-wrap {
  display: grid;
  place-items: center;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 1.2rem;
  background: linear-gradient(135deg, #ffffff, #edf7ff);
  box-shadow: inset 0 0 0 1px rgba(0, 95, 156, 0.12);
  overflow: hidden;
}

.support-sac-avatar-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.support-sac-title {
  margin: 0 0 .35rem;
  line-height: .95;
  text-transform: uppercase;
  font-size: clamp(1.7rem, 3vw, 2.4rem);
  font-weight: 950;
  color: #07131f;
  text-shadow: 0 10px 22px rgba(0, 142, 214, 0.16);
  white-space: nowrap;
}

.support-sac-title span {
  color: #2b92e8;
}

.support-sac-profile p {
  margin: 0;
  color: #576577;
}

.support-sac-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(22rem, .96fr);
  gap: 1.25rem;
  align-items: start;
}

.support-sac-card {
  padding: 1.8rem;
  border: 1px solid rgba(0, 95, 156, 0.14);
  border-radius: 2rem;
  background: linear-gradient(180deg, #ffffff, #fbfdff);
  box-shadow: 0 20px 40px rgba(15, 35, 60, 0.07);
}

.support-sac-card h2 {
  margin-bottom: 1rem;
  font-size: clamp(1.55rem, 2vw, 2.15rem);
  color: #07131f;
}

.support-sac-about p {
  color: #334155;
}

.support-sac-about ul {
  display: grid;
  gap: .55rem;
  margin: 1rem 0;
  padding-left: 1.2rem;
  color: #07131f;
}

.support-sac-founder-footer {
  margin-top: 1.6rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(0, 95, 156, 0.12);
  display: grid;
  justify-items: end;
  text-align: right;
}

.support-sac-founder-role {
  margin: 0 0 .3rem;
  color: #5b6b7d;
  font-size: .95rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.support-sac-founder-name {
  display: block;
  color: #07131f;
  font-size: 1.2rem;
  font-weight: 900;
}

.support-sac-form {
  display: grid;
  gap: 1rem;
}

.support-sac-amount-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .85rem;
  align-items: center;
  padding: 1rem 1.1rem;
  border-radius: 1.4rem;
  background: linear-gradient(180deg, #f7fbff, #edf6ff);
  box-shadow: inset 0 0 0 1px rgba(0, 95, 156, 0.08);
}

.support-sac-amount-row strong {
  font-size: 2rem;
  color: #07131f;
}

.support-sac-presets {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
}

.support-sac-preset {
  min-height: 3rem;
  padding: .7rem 1rem;
  border: 1px solid rgba(0, 95, 156, 0.12);
  border-radius: 1rem;
  background: #ffffff;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 800;
  color: #07131f;
}

.support-sac-preset.active {
  border-color: rgba(0, 142, 214, 0.46);
  color: var(--sac-blue);
  background: linear-gradient(180deg, #ffffff, #eef8ff);
}

.support-sac-form input,
.support-sac-form textarea {
  width: 100%;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(0, 95, 156, 0.12);
  border-radius: 1.35rem;
  background: #f8fbff;
  color: #07131f;
  font-size: 1rem;
}

.support-sac-form textarea {
  min-height: 11rem;
  resize: vertical;
}

.support-sac-check {
  display: flex;
  align-items: center;
  gap: .7rem;
  color: #0f172a;
  font-weight: 600;
}

.support-sac-check input {
  width: 1.35rem;
  height: 1.35rem;
  margin: 0;
}

.support-sac-submit {
  min-height: 4.3rem;
  color: #ffffff;
  background: linear-gradient(135deg, #07131f 0%, #0b4f83 38%, #1297ea 100%);
  border-color: transparent;
  border-radius: 999px;
  font-size: 1.3rem;
  font-weight: 900;
  box-shadow: 0 16px 32px rgba(0, 95, 156, 0.18);
}

#supportSacStatus {
  color: #4d5c70;
  font-size: .96rem;
}
.tool-detail-page ul {
  margin: 0;
  padding-left: 1.2rem;
  color: #dbe4f0;
}
.tool-detail-page li + li {
  margin-top: .45rem;
}
.preview-media { display: grid; min-height: 10rem; place-items: center; border: 1px dashed var(--line); border-radius: var(--radius); color: var(--accent-dark); background: var(--soft-2); font-weight: 900; }
.dashboard-upload-panel { position: fixed; inset: 0; z-index: 50; display: grid; place-items: center; padding: 1rem; background: rgba(16,19,22,.58); }
.dashboard-upload-panel[hidden] { display: none; }
.dashboard-upload-panel .dashboard-gate-card { text-align: left; justify-items: stretch; }
.status-track-grid { display: flex; flex-wrap: wrap; gap: .5rem; }
.status-track-grid span { padding: .55rem .7rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft); color: #263244; font-weight: 800; }
.invoice-dialog { width: min(62rem,calc(100vw - 1rem)); padding: 0; background: #eef7fd; }
.invoice-sheet { display: grid; justify-items: center; padding: 1rem; background: #eef7fd; overflow: auto; }
.sac-a4-invoice { width: 794px; min-height: 1123px; padding: 18px 18px 12px; border: 2px solid #111; background: #fff; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; position: relative; }
.invoice-a4-head { display: grid; grid-template-columns: 1fr auto 1fr; align-items: start; border-bottom: 2px solid #111; padding-bottom: 12px; }
.invoice-a4-head h2 { margin: 16px 0 0; font-size: 24px; font-weight: 950; text-align: center; text-transform: uppercase; }
.invoice-brand-lockup { display: flex; align-items: center; gap: 10px; }
.invoice-brand-lockup img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; }
.invoice-brand-lockup div { display: grid; line-height: 1.02; }
.invoice-brand-lockup strong { font-size: 23px; font-weight: 950; color: #05090d; }
.invoice-brand-lockup span { font-size: 23px; font-weight: 950; color: var(--sac-blue); }
.invoice-brand-lockup small { max-width: 230px; margin-top: 3px; color: #3b4652; font-size: 8px; font-weight: 900; letter-spacing: .02em; text-transform: uppercase; }
.invoice-company-block { display: grid; gap: 2px; margin-top: 16px; line-height: 1.2; font-size: 14px; }
.invoice-company-block strong { font-size: 18px; font-weight: 950; }
.invoice-info-row { display: grid; grid-template-columns: 1fr 1fr; gap: 34px; margin-top: 20px; }
.invoice-info-row p { display: grid; grid-template-columns: 118px 1fr; gap: 10px; margin: 0 0 7px; }
.invoice-info-row p span::after { content: ":"; float: right; }
.invoice-party-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 18px; }
.invoice-party-box { display: grid; align-content: start; gap: 3px; min-height: 104px; padding: 8px; border: 2px solid #111; line-height: 1.18; }
.invoice-party-box b { font-size: 15px; }
.invoice-a4-table { width: 100%; border-collapse: collapse; margin-top: 18px; font-size: 12px; }
.invoice-a4-table th,
.invoice-a4-table td { padding: 6px; border: 2px solid #111; vertical-align: top; }
.invoice-a4-table th { text-align: center; font-weight: 950; }
.invoice-a4-table .right { text-align: right; }
.invoice-a4-table .center { text-align: center; }
.invoice-due-line { margin-top: 0; padding: 8px; border: 2px solid #111; border-top: 0; text-align: right; font-size: 15px; font-weight: 950; }
.invoice-bottom-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 16px; margin-top: 0; align-items: start; }
.invoice-amount-words { padding: 8px; border: 2px solid #111; font-size: 14px; font-weight: 700; }
.invoice-tax-table { margin-top: 0; }
.invoice-terms { display: grid; gap: 3px; margin-top: 0; padding: 8px; border: 2px solid #111; border-top: 0; border-radius: 0; background: #fff; font-size: 12px; }
.invoice-a4-footer { position: absolute; left: 18px; right: 18px; bottom: 8px; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; font-size: 11px; }
.invoice-a4-footer span:nth-child(2) { text-align: center; }
.invoice-a4-footer span:nth-child(3) { text-align: right; }
.invoice-actions { display: flex; justify-content: flex-end; gap: .75rem; padding: 1rem; border-top: 1px solid var(--line); background: #fff; }
.post-payment-actions { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: .75rem; }
.checkout-status { display: grid; gap: .5rem; color: var(--accent-dark); font-weight: 800; }
@media print { @page { size: A4; margin: 8mm; } body > *:not(.invoice-dialog) { display: none !important; } .invoice-dialog { position: static; width: 100%; border: 0; background: #fff; } .invoice-sheet { padding: 0; background: #fff; } .sac-a4-invoice { margin: 0 auto; border: 2px solid #111; box-shadow: none; } .invoice-dialog::backdrop,.invoice-actions { display: none !important; } }
@media(max-width:1000px){.service-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.marketplace-directory-summary{grid-template-columns:1fr}.marketplace-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-category-hero,.market-tool-detail-hero,.tool-detail-layout,.tool-cta-grid{grid-template-columns:1fr}.market-category-hero{padding:3rem 1.5rem 2.5rem;gap:1.5rem}.market-category-icon{width:10.5rem;height:10.5rem;border-radius:1.7rem}.market-category-hero h1{font-size:clamp(3rem,11vw,5rem)}.market-category-rating-row{gap:.6rem}.market-category-stars{font-size:1.8rem}.market-category-action-row .button{min-width:13rem;min-height:3.7rem}.market-category-tags-hero span{min-height:3.3rem;padding:.72rem 1.1rem}.market-category-toolbar{display:grid}.market-tool-grid,.tool-panel-grid,.tool-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-detail-main{grid-template-columns:1fr}.marketplace-builder-grid{grid-template-columns:1fr}.marketplace-form{grid-template-columns:1fr}#serviceCheckoutForm,#marketCheckoutForm,#subscriptionCheckoutForm{grid-template-columns:1fr}#serviceCheckoutForm .dialog-header,#marketCheckoutForm .dialog-header,#subscriptionCheckoutForm .dialog-header,#serviceCheckoutForm .checkout-summary,#serviceCheckoutForm .client-order-table,#serviceCheckoutForm .profile-form-grid,#serviceCheckoutForm .bill-summary,#serviceCheckoutForm > .button.primary,#serviceCheckoutForm .checkout-status,#marketCheckoutForm .checkout-summary,#marketCheckoutForm .client-order-table,#marketCheckoutForm .profile-form-grid,#marketCheckoutForm .bill-summary,#marketCheckoutForm > .button.primary,#marketCheckoutForm .checkout-status,#subscriptionCheckoutForm .checkout-summary,#subscriptionCheckoutForm .client-order-table,#subscriptionCheckoutForm .profile-form-grid,#subscriptionCheckoutForm .bill-summary,#subscriptionCheckoutForm > .button.primary,#subscriptionCheckoutForm .checkout-status{grid-column:1;grid-row:auto}#serviceCheckoutForm .bill-summary,#marketCheckoutForm .bill-summary,#subscriptionCheckoutForm .bill-summary{position:static}}
@media(max-width:1000px){.tool-follow-sidebar,.global-follow-widget{display:none}}
@media(max-width:720px){.marketplace-category-home-hero::after{opacity:.18}.marketplace-directory-search div{grid-template-columns:1fr}.marketplace-directory-search .button{width:100%}}
@media(max-width:850px){.sac-a4-invoice{width:100%;min-height:auto}.invoice-a4-head,.invoice-info-row,.invoice-party-grid,.invoice-bottom-grid{grid-template-columns:1fr}.invoice-a4-footer{position:static;margin-top:1rem}.invoice-actions{display:grid}}
.member-dialog {
  width: min(72rem, calc(100vw - 2rem)) !important;
  height: auto !important;
  max-height: calc(100dvh - 2rem) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #f4fbff !important;
  box-shadow: 0 24px 80px rgba(1, 13, 24, .42) !important;
}
.member-dialog::backdrop {
  background: rgba(1, 9, 16, .78) !important;
  backdrop-filter: blur(9px);
}
.member-dialog .member-auth-card {
  padding: 1.55rem !important;
  border: 1px solid #cfe9fa !important;
  border-radius: 8px !important;
  background: #f5fbff !important;
}
.member-dialog .member-panel {
  display: grid !important;
  grid-template-columns: minmax(20rem, .95fr) minmax(22rem, 1.05fr) !important;
  gap: 1.35rem !important;
  height: auto !important;
  min-height: min(35rem, calc(100dvh - 5rem)) !important;
}
.member-dialog .member-brand-block {
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 1.1rem !important;
  min-height: 33rem !important;
  padding: 2rem !important;
  border-radius: 7px !important;
  color: #fff !important;
  text-align: center !important;
  background: radial-gradient(circle at 70% 40%, rgba(14,153,218,.5), transparent 22rem), linear-gradient(145deg, #031019, #06283a 62%, #0d5678) !important;
}
.member-logo-orbit {
  display: grid;
  width: 10.5rem;
  height: 10.5rem;
  place-items: center;
  border-radius: 50%;
  background: radial-gradient(circle, #02070b 40%, #0d78b8 41%, #1d9bd5 54%, rgba(255,255,255,.16) 55%, transparent 62%);
}
.member-logo-orbit img {
  width: 6.8rem !important;
  height: 6.8rem !important;
  border-radius: 50%;
  background: #fff;
  object-fit: cover;
}
.member-dialog .member-brand-block .eyebrow {
  padding: .35rem .75rem;
  border-radius: 999px;
  color: #1a9cdc !important;
  background: rgba(0,0,0,.22);
}
.member-dialog .member-brand-block h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(2rem, 4vw, 3rem);
  letter-spacing: 0;
}
.member-dialog .member-form-block {
  display: grid !important;
  align-content: start !important;
  gap: .9rem !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 1.1rem 1.35rem !important;
  overflow-y: auto !important;
  border: 1px solid #d6ebf8;
  border-radius: 7px;
  background: #fff !important;
}
.member-dialog .dialog-header {
  justify-content: flex-end;
}
.member-dialog .dialog-header > div {
  display: none;
}
.member-dialog .icon-button {
  width: 3rem;
  height: 3rem;
  border: 1px solid #cfe9fa;
  color: #101820;
  background: #f8fcff;
  font-size: 1.5rem;
}
.auth-tab-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: .55rem;
}
.auth-tab-row button {
  min-height: 3.25rem;
  border: 1px solid #c7e5f7;
  border-radius: 8px;
  color: #0870ac;
  background: #eaf7ff;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
}
.auth-tab-row button.active {
  color: #fff;
  background: linear-gradient(135deg, #082133, #159bdd);
}
.member-dialog .member-form-block label {
  gap: .45rem;
  color: #05080c;
  font-weight: 950;
  text-transform: uppercase;
}
.member-dialog .member-form-block input {
  min-height: 3.45rem;
  border: 1px solid #cfe3f0;
  border-radius: 8px;
  background: #fff;
  color: #172235;
  font-weight: 800;
}
.member-dialog .button.primary {
  min-height: 3.35rem;
  border-radius: 8px;
  background: linear-gradient(135deg, #061c2d, #139ce0);
  font-weight: 950;
}
.member-dialog .button.secondary {
  width: fit-content;
  min-height: 3.05rem;
  border-color: #bcdcf0;
  color: #0870ac;
  background: #fff;
  font-weight: 950;
}
.register-line {
  margin: 0;
  color: var(--muted);
  text-align: center;
  font-weight: 800;
}
.register-line .text-button {
  color: #0870ac;
  font-weight: 950;
  text-decoration: underline;
}
.member-dialog #memberMessage {
  display: block;
  padding: .8rem .9rem;
  border-radius: 8px;
  color: #6e7d8b;
  background: #eaf7ff;
  font-weight: 850;
}
@media(max-width:820px){
  .member-dialog{width:calc(100vw - 1rem) !important;}
  .member-dialog .member-auth-card{padding:.8rem !important;}
  .member-dialog .member-panel{grid-template-columns:1fr !important;}
  .member-dialog .member-brand-block{min-height:18rem !important;}
}

/* SAC logo color system: blue, black, white, and light-blue surfaces. */
.site-header,
.owner-header,
.crm-header {
  border-bottom-color: rgba(7, 153, 220, .18) !important;
  background: rgba(255, 255, 255, .94) !important;
}
.brand-logo,
.footer-brand img,
.google-card img,
.profile-photo-frame,
.member-logo-orbit img,
.owner-login-card img {
  border-color: rgba(7, 153, 220, .22) !important;
  background: #fff !important;
}
.button.primary,
.nav-auth-button,
.prd-plan-card.featured .button,
.subscription-card.featured .button,
.member-dialog .button.primary {
  color: #fff !important;
  background: linear-gradient(135deg, var(--sac-black), var(--sac-blue-deep) 48%, var(--sac-blue)) !important;
  box-shadow: 0 12px 28px rgba(7, 153, 220, .22);
}
.button.secondary,
.table-action,
.text-button,
.quick-action-grid a,
.quick-action-grid button {
  color: var(--sac-blue-deep) !important;
}
.hero,
.page-hero,
.automation-hero,
.social-hero,
.blog-hero,
.review-hero {
  background:
    radial-gradient(circle at 98% 8%, rgba(7, 153, 220, .22), transparent 26rem),
    radial-gradient(circle at 0% 100%, rgba(7, 153, 220, .12), transparent 24rem),
    linear-gradient(90deg, #f3fbff 0%, #ffffff 28%, #ffffff 58%, #e6f6ff 100%) !important;
}
.hero-visual,
.social-hero-visual,
.google-card,
.dashboard-view,
.service-card,
.marketplace-form,
.marketplace-preview,
.owner-section,
.user-profile-card,
.profile-photo-card,
.dashboard-gate-card {
  border-color: rgba(7, 153, 220, .18) !important;
  background: #fff !important;
  box-shadow: 0 12px 34px rgba(4, 63, 99, .08);
}
.visual-brand,
.social-hero-visual,
.automation-flow-preview > div,
.lead-capture-section,
.member-dialog .member-brand-block {
  background:
    radial-gradient(circle at 72% 36%, rgba(7, 153, 220, .46), transparent 18rem),
    linear-gradient(145deg, var(--sac-black), #062334 58%, var(--sac-blue-deep)) !important;
}
.tool-logo,
.platform-logo,
.social-process-flow > div span,
.builder-block-heading > span,
.platform-automation-plan span b {
  background: linear-gradient(135deg, var(--sac-blue), var(--sac-blue-deep)) !important;
  color: #fff !important;
}
.trial-status,
.plan-label,
.service-detail-price,
.status-track-grid span,
.checkout-status:not(:empty),
.demo-otp-note,
.member-dialog #memberMessage {
  color: var(--sac-blue-deep) !important;
  background: var(--sac-blue-soft) !important;
}
.site-footer,
.vision-footer,
.crm-sidebar {
  background: var(--sac-black) !important;
}
.home-page .hero {
  grid-template-columns: minmax(0, 1.02fr) minmax(20rem, .98fr) !important;
  justify-content: stretch;
}

/* Compact login popup: 80% visual size. */
.member-dialog {
  width: min(57.6rem, calc(100vw - 2rem)) !important;
}
.member-dialog .member-auth-card {
  padding: 1.15rem !important;
}
.member-dialog .member-panel {
  grid-template-columns: minmax(16rem, .95fr) minmax(18rem, 1.05fr) !important;
  gap: 1rem !important;
  min-height: min(28rem, calc(100dvh - 4rem)) !important;
}
.member-dialog .member-brand-block {
  min-height: 26.4rem !important;
  padding: 1.55rem !important;
  gap: .85rem !important;
}
.member-logo-orbit {
  width: 8.4rem !important;
  height: 8.4rem !important;
}
.member-logo-orbit img {
  width: 5.45rem !important;
  height: 5.45rem !important;
}
.member-dialog .member-brand-block h2 {
  font-size: clamp(1.65rem, 3.2vw, 2.4rem) !important;
}
.member-dialog .member-form-block {
  gap: .7rem !important;
  padding: .85rem 1.05rem !important;
}
.member-dialog .icon-button {
  width: 2.4rem !important;
  height: 2.4rem !important;
  font-size: 1.2rem !important;
}
.auth-tab-row {
  gap: .45rem !important;
}
.auth-tab-row button {
  min-height: 2.6rem !important;
  border-radius: 7px !important;
}
.member-dialog .member-form-block input {
  min-height: 2.75rem !important;
  padding: .55rem .65rem !important;
  border-radius: 7px !important;
}
.member-dialog .button.primary {
  min-height: 2.7rem !important;
}
.member-dialog .button.secondary {
  min-height: 2.45rem !important;
}
.member-dialog #memberMessage {
  padding: .65rem .75rem !important;
}
.hero-dropdown { position: relative; display: inline-block; }
.hero-dropdown > .button { display: inline-flex; align-items: center; gap: .45rem; }
.hero-dropdown > .button span { font-size: 1.1rem; line-height: 1; }
.hero-dropdown-menu { position: absolute; z-index: 20; top: calc(100% + .45rem); left: 0; display: grid; width: max-content; min-width: 15rem; max-width: min(22rem,calc(100vw - 2rem)); max-height: 20rem; padding: .4rem; overflow-y: auto; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: 0 14px 35px rgba(20,34,54,.18); opacity: 0; visibility: hidden; transform: translateY(-.35rem); transition: opacity .18s ease, transform .18s ease, visibility .18s; }
.hero-dropdown:hover .hero-dropdown-menu, .hero-dropdown:focus-within .hero-dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.hero-dropdown-menu a { padding: .65rem .75rem; border-radius: calc(var(--radius) - 2px); color: #263244; font-size: .88rem; font-weight: 800; text-decoration: none; }
.hero-dropdown-menu a:hover, .hero-dropdown-menu a:focus-visible { color: var(--accent-dark); background: var(--soft-2); outline: none; }
.nav-hover-item { position: relative; display: flex; align-items: center; align-self: stretch; }
.nav-hover-trigger { display: inline-flex !important; align-items: center; gap: .25rem; }
.nav-chevron { font-size: .85rem; line-height: 1; }
.nav-hover-menu { position: absolute; z-index: 100; top: calc(100% - .15rem); left: 50%; display: grid; width: max-content; min-width: 12.5rem; max-width: 20rem; padding: .4rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: 0 14px 35px rgba(20,34,54,.18); opacity: 0; visibility: hidden; transform: translate(-50%,-.35rem); transition: opacity .18s ease, transform .18s ease, visibility .18s; }
.nav-hover-item:hover .nav-hover-menu, .nav-hover-item:focus-within .nav-hover-menu { opacity: 1; visibility: visible; transform: translate(-50%,0); }
.nav-hover-menu a { padding: .65rem .75rem !important; border-radius: calc(var(--radius) - 2px); color: #263244 !important; font-size: .84rem; font-weight: 800; text-decoration: none; white-space: nowrap; }
.nav-hover-menu a:hover, .nav-hover-menu a:focus-visible { color: var(--accent-dark) !important; background: var(--soft-2); outline: none; }
@media (max-width: 900px) {
  .nav-hover-item { display: block; width: 100%; }
  .nav-chevron, .nav-hover-menu { display: none; }
}
.automation-tool-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.automation-tool-card { display: grid; gap: .85rem; min-height: 24rem; padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; cursor: pointer; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.automation-tool-card:hover, .automation-tool-card:focus-visible { border-color: var(--accent); box-shadow: 0 8px 24px rgba(0,95,156,.12); transform: translateY(-2px); outline: none; }
.automation-tool-card h3 { font-size: 1.25rem; }
.automation-tool-card .tool-open-button { margin-top: auto; }
.workflow-builder-section { background: var(--soft); }
.workflow-builder-section.workflow-builder-active .workflow-builder { border-color: var(--accent); box-shadow: 0 0 0 4px rgba(0,142,214,.12), 0 12px 30px rgba(0,95,156,.12); }
.workflow-builder { display: grid; gap: 1rem; padding: 1.2rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.workflow-builder label { display: grid; gap: .45rem; color: #263244; font-weight: 800; }
.workflow-builder label small { color: var(--muted); }
.workflow-builder input, .workflow-builder select, .workflow-builder textarea { width: 100%; min-height: 2.8rem; padding: .7rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft); }
.workflow-builder textarea { resize: vertical; }
.workflow-step-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .8rem; }
.workflow-output { min-height: 7rem; padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius); color: #263244; background: var(--soft-2); white-space: pre-wrap; font-weight: 800; }
.social-automation-section { background: #f8fbff; }
.social-process-flow { display: grid; grid-template-columns: repeat(9, auto); gap: .55rem; align-items: center; margin-bottom: 1rem; overflow-x: auto; }
.social-process-flow > div { display: grid; gap: .25rem; min-width: 9rem; min-height: 7rem; padding: .75rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.social-process-flow > div span, .builder-block-heading > span { display: grid; place-items: center; width: 1.8rem; height: 1.8rem; border-radius: 50%; color: #fff; background: var(--accent); font-weight: 900; }
.social-process-flow small, .builder-block-heading small { color: var(--muted); }
.social-automation-builder { display: grid; gap: 1rem; }
.automation-builder-block { display: grid; gap: .85rem; padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.builder-block-heading { display: flex; align-items: center; gap: .7rem; }
.builder-block-heading strong, .builder-block-heading small { display: block; }
.platform-checkbox-grid, .automation-toggle-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: .65rem; }
.platform-checkbox-grid label, .automation-toggle-grid label { display: flex; align-items: center; gap: .5rem; min-height: 3rem; padding: .65rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft); font-weight: 800; }
.automation-toggle-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.social-content-fields { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: .75rem; }
.social-content-fields label { display: grid; gap: .4rem; color: #263244; font-weight: 800; }
.social-content-fields input, .social-content-fields select { min-height: 2.8rem; padding: .7rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft); }
.generated-social-content { min-height: 12rem; padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius); color: #263244; background: var(--soft-2); white-space: pre-wrap; }
.content-calendar-panel { margin-top: 1rem; padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.content-calendar-list { display: grid; gap: .65rem; }
.content-calendar-list article { display: grid; grid-template-columns: 1.4fr 1fr auto; gap: 1rem; align-items: center; padding: .75rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft); }
.content-calendar-list article div { display: grid; gap: .2rem; }
.content-calendar-list article span { color: var(--muted); font-size: .85rem; }
.calendar-actions { display: flex !important; align-items: center; gap: .55rem; }
.instagram-publisher-section { background: #fff; }
.platform-publish-selector { display: grid; grid-template-columns: auto repeat(2,minmax(0,1fr)); gap: .75rem; align-items: end; margin-bottom: 1rem; padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft); }
.platform-publish-selector label { display: grid; gap: .4rem; color: #263244; font-weight: 800; }
.platform-publish-selector select { min-height: 2.8rem; padding: .7rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.selected-platform { display: flex; align-items: center; gap: .65rem; min-height: 2.8rem; padding-right: .5rem; }
.selected-platform small, .selected-platform strong { display: block; }
.selected-platform small { color: var(--muted); font-size: .75rem; }
.platform-logo { display: grid; place-items: center; width: 3rem; height: 3rem; flex: 0 0 auto; border-radius: var(--radius); color: #fff; background: linear-gradient(135deg,#833ab4,#e1306c,#fcb045); font-size: 1rem; font-weight: 900; }
.platform-logo img { width: 1.55rem; height: 1.55rem; object-fit: contain; filter: brightness(0) invert(1); }
.platform-logo[data-platform="Facebook"] { background: #1877f2; }
.platform-logo[data-platform="WhatsApp Business"] { border-radius: 50%; background: #25d366; }
.platform-logo[data-platform="LinkedIn"] { background: #0a66c2; text-transform: lowercase; }
.platform-logo[data-platform="YouTube"] { width: 3.35rem; border-radius: .7rem; background: #ff0000; }
.platform-automation-plan { display: grid; gap: .7rem; margin-bottom: 1rem; padding: 1rem; border: 1px solid rgba(0,142,214,.25); border-radius: var(--radius); background: var(--soft-2); }
.platform-automation-plan > strong { color: var(--accent-dark); }
.platform-automation-plan > div { display: flex; align-items: center; gap: .55rem; overflow-x: auto; }
.platform-automation-plan span { display: flex; align-items: center; gap: .45rem; min-width: 10rem; padding: .6rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; font-size: .85rem; font-weight: 800; }
.platform-automation-plan span b { display: grid; place-items: center; width: 1.5rem; height: 1.5rem; flex: 0 0 auto; border-radius: 50%; color: #fff; background: var(--accent); }
.platform-automation-plan i { color: var(--accent-dark); font-style: normal; font-weight: 900; }
.instagram-connect-bar { display: flex; align-items: center; gap: 1rem; padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft); }
.instagram-account-status { display: flex; align-items: center; gap: .75rem; min-width: 0; margin-right: auto; }
.instagram-account-status strong, .instagram-account-status small { display: block; }
.instagram-account-status small { color: var(--muted); }
.instagram-publisher { display: grid; grid-template-columns: minmax(18rem,.8fr) minmax(22rem,1.2fr); gap: 1rem; margin-top: 1rem; }
.instagram-media-panel, .instagram-content-panel { display: grid; align-content: start; gap: .85rem; padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft); }
.instagram-media-panel > input[type="file"] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.instagram-upload-zone { display: grid; place-items: center; min-height: 13rem; padding: 1rem; border: 1px dashed rgba(0,95,156,.42); border-radius: var(--radius); background: #fff; cursor: pointer; text-align: center; }
.instagram-upload-zone strong { color: var(--accent-dark); }
.instagram-upload-zone small { color: var(--muted); }
#instagramPreview { width: 100%; aspect-ratio: 1; border-radius: var(--radius); object-fit: cover; background: #fff; }
.instagram-content-panel label { display: grid; gap: .4rem; color: #263244; font-weight: 800; }
.instagram-content-panel label small { color: var(--muted); }
.instagram-content-panel input, .instagram-content-panel select, .instagram-content-panel textarea { width: 100%; min-height: 2.8rem; padding: .7rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.instagram-content-panel textarea { resize: vertical; }
.instagram-field-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; }
.instagram-connect-dialog { width: min(36rem,calc(100vw - 2rem)); padding: 0; border: 0; border-radius: var(--radius); box-shadow: var(--shadow); }
.instagram-connect-dialog::backdrop { background: rgba(16,19,22,.52); }
.instagram-connect-card { display: grid; gap: 1rem; padding: 1.2rem; background: var(--soft); }
.instagram-connect-card label { display: grid; gap: .4rem; font-weight: 800; }
.instagram-connect-card label small { color: var(--muted); }
.instagram-connect-card input { min-height: 2.8rem; padding: .7rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.instagram-security-note, .instagram-permission-list { display: grid; gap: .5rem; padding: .85rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.instagram-security-note p { margin-bottom: 0; color: var(--muted); }
.instagram-permission-list span { padding-left: 1rem; color: #3f4b5b; }
.instagram-permission-list span::before { content: "✓"; margin-left: -1rem; margin-right: .4rem; color: #128c4a; font-weight: 900; }

.visual-grid small,
.tool-card p,
.featured-card p,
.market-list span,
.section-heading p,
.newsletter p,
.site-footer p {
  color: var(--muted);
}

.section-heading {
  max-width: 48rem;
  margin-bottom: 1.6rem;
}

.section-heading.compact {
  margin-bottom: 1rem;
}

.section-heading.compact h2 {
  font-size: 1.8rem;
}

.pricing-first {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}

.pricing-card {
  display: grid;
  gap: 0.7rem;
  min-height: 11rem;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--ink);
  background: var(--paper);
  cursor: pointer;
  text-align: left;
}

.pricing-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 35px rgba(0, 83, 139, 0.12);
}

.pricing-card.active {
  border-color: rgba(0, 142, 214, 0.38);
  background:
    linear-gradient(135deg, rgba(0, 142, 214, 0.1), rgba(255, 255, 255, 0.86)),
    var(--soft-2);
}

.pricing-card strong {
  font-size: 1.35rem;
}

.pricing-card small {
  color: var(--muted);
}

.pricing-icon {
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  border-radius: var(--radius);
  color: #fff;
  background: linear-gradient(135deg, var(--accent-light), var(--accent-dark));
  font-weight: 900;
}

.text-tools-panel {
  display: grid;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid rgba(0, 142, 214, 0.18);
  border-radius: var(--radius);
  background: var(--soft);
}

.text-tool-tabs {
  display: flex;
  gap: 0.55rem;
  overflow-x: auto;
  padding-bottom: 0.25rem;
}

.text-tool-tabs button {
  flex: 0 0 auto;
  min-height: 2.4rem;
  padding: 0.5rem 0.7rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: #263244;
  background: var(--paper);
  cursor: pointer;
  font-weight: 800;
}

.text-tool-tabs button.active {
  border-color: rgba(0, 142, 214, 0.38);
  color: var(--accent-dark);
  background: var(--soft-2);
}

.text-tool-workspace {
  display: grid;
  gap: 0.85rem;
}

.text-tool-workspace label {
  display: grid;
  gap: 0.5rem;
  color: #263244;
  font-weight: 800;
}

.text-tool-workspace textarea {
  width: 100%;
  min-height: 12rem;
  padding: 0.9rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
  color: var(--ink);
  resize: vertical;
}

.text-tool-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.text-tool-output {
  min-height: 8rem;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
  color: #263244;
  white-space: pre-wrap;
}

.document-tools-panel {
  display: grid;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid rgba(0, 142, 214, 0.18);
  border-radius: var(--radius);
  background: #f8fbff;
}

.document-tool-tabs {
  display: flex;
  gap: 0.55rem;
  overflow-x: auto;
  padding-bottom: 0.25rem;
}

.document-tool-tabs button {
  flex: 0 0 auto;
  min-height: 2.4rem;
  padding: 0.5rem 0.7rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: #263244;
  background: var(--paper);
  cursor: pointer;
  font-weight: 800;
}

.document-tool-tabs button.active {
  border-color: rgba(0, 142, 214, 0.38);
  color: var(--accent-dark);
  background: var(--soft-2);
}

.document-tool-workspace {
  display: grid;
  gap: 0.85rem;
}

.document-upload-zone {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  min-height: 9rem;
  padding: 1rem;
  border: 1px dashed rgba(0, 95, 156, 0.42);
  border-radius: var(--radius);
  background: var(--paper);
}

.document-upload-zone p {
  margin-bottom: 0;
  color: var(--muted);
}

.document-upload-zone input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.document-upload-icon {
  display: grid;
  place-items: center;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: var(--radius);
  color: #fff;
  background: linear-gradient(135deg, var(--accent-light), var(--accent-dark));
  font-size: 0.78rem;
  font-weight: 900;
}

.document-option {
  display: grid;
  gap: 0.45rem;
  color: #263244;
  font-weight: 800;
}

.document-option small {
  color: var(--muted);
}

.document-option input {
  min-height: 2.8rem;
  padding: 0.7rem 0.8rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
}

.selected-files,
.document-tool-output {
  padding: 0.85rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
  color: var(--muted);
  white-space: pre-wrap;
}

.document-tool-output {
  min-height: 7rem;
  color: #263244;
}

.calculator-tools-panel {
  display: grid;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid rgba(0, 142, 214, 0.18);
  border-radius: var(--radius);
  background: var(--soft);
}

.calculator-tool-tabs {
  display: flex;
  gap: 0.55rem;
  overflow-x: auto;
  padding-bottom: 0.25rem;
}

.calculator-tool-tabs button {
  flex: 0 0 auto;
  min-height: 2.4rem;
  padding: 0.5rem 0.7rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: #263244;
  background: var(--paper);
  cursor: pointer;
  font-weight: 800;
}

.calculator-tool-tabs button.active {
  border-color: rgba(0, 142, 214, 0.38);
  color: var(--accent-dark);
  background: var(--soft-2);
}

.calculator-workspace {
  display: grid;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
}

.calculator-header {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.calculator-header strong,
.calculator-header p {
  display: block;
  margin-bottom: 0;
}

.calculator-header p {
  color: var(--muted);
}

.calculator-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

.calculator-fields label {
  display: grid;
  gap: 0.45rem;
  color: #263244;
  font-weight: 800;
}

.calculator-fields input {
  min-height: 2.8rem;
  padding: 0.7rem 0.8rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--soft);
}

.calculator-output {
  min-height: 7rem;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: #263244;
  background: var(--soft-2);
  white-space: pre-wrap;
  font-weight: 800;
}

.calculator-note {
  color: var(--muted);
}

.finance-suite-panel {
  display: grid;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid rgba(0, 142, 214, 0.18);
  border-radius: var(--radius);
  background: #f8fbff;
}

.finance-category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.finance-category-grid article {
  display: grid;
  align-content: start;
  gap: 0.85rem;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
}

.finance-category-grid h3 {
  color: var(--accent-dark);
  font-size: 1.15rem;
}

.finance-tool-list {
  display: grid;
  gap: 0.5rem;
}

.finance-tool-list span {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--line);
  color: #3f4b5b;
  font-size: 0.9rem;
}

.finance-tool-list span:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.directory-shell {
  display: grid;
  grid-template-columns: minmax(15rem, 19rem) minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}

.filters {
  position: sticky;
  top: 5.5rem;
  display: grid;
  gap: 1.4rem;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(135deg,#f8fcff,#edf8ff);
  overflow: hidden;
}

.search-box {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.78rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
}

.tool-search-control {
  display: grid;
  gap: 0.55rem;
}

.tool-search-control .button {
  width: 100%;
}

.search-box input,
.newsletter input,
.submit-card input,
.submit-card select,
.submit-card textarea {
  width: 100%;
  border: 0;
  outline: 0;
  color: var(--ink);
  background: transparent;
}

.chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.category-filter-panel {
  display: grid;
  gap: .9rem;
}

.category-filter-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.1rem 1.25rem;
  border-bottom: 1px solid var(--line);
  background: rgba(255,255,255,.72);
}

.category-filter-heading h3 {
  margin: 0;
  color: var(--black);
  font-size: 1.05rem;
  line-height: 1;
  text-transform: uppercase;
}

.category-filter-heading strong {
  color: var(--accent-dark);
  font-weight: 900;
  white-space: nowrap;
}

.category-list {
  display: grid;
  gap: .72rem;
  padding: 0 1rem 1rem;
}

.chip,
.segmented button {
  min-height: 2.3rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
  color: #263244;
  cursor: pointer;
  font-size: 0.88rem;
  font-weight: 700;
}

.chip {
  padding: 0.45rem 0.65rem;
}

.category-item.chip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  width: 100%;
  min-height: 4.7rem;
  padding: 1rem 1.15rem;
  border-color: #d4ebfb;
  border-radius: 8px;
  background: #fff;
  text-align: left;
}

.category-item span {
  color: var(--black);
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 1.08;
}

.category-item strong {
  color: var(--muted);
  font-size: .95rem;
  font-weight: 900;
  white-space: nowrap;
}

.chip.active,
.segmented button.active {
  border-color: rgba(0, 142, 214, 0.38);
  color: var(--accent-dark);
  background: var(--soft-2);
}

.category-item.chip.active {
  border-color: transparent;
  background: linear-gradient(135deg,var(--accent-dark),var(--accent));
  box-shadow: 0 12px 28px rgba(0,83,139,.2);
}

.category-item.chip.active span,
.category-item.chip.active strong {
  color: #fff;
}

.segmented {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem;
  padding: 0 1rem 1rem;
}

.filters > div:not(.category-filter-panel) {
  padding: 0 1rem 1rem;
}

.filters > div:not(.category-filter-panel) h3 {
  margin: 0 0 .7rem;
}

.result-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.result-bar span {
  font-weight: 800;
}

.text-button {
  color: var(--accent-dark);
  font-weight: 800;
}

.tool-grid,
.featured-grid,
.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.tool-card,
.featured-card {
  display: grid;
  gap: 0.8rem;
  min-height: 22rem;
  padding: 1rem;
}

.tool-how-to {
  padding: 0.75rem;
  border-left: 3px solid var(--accent);
  border-radius: 0 var(--radius) var(--radius) 0;
  background: var(--soft);
}

.tool-about > strong {
  display: block;
  margin-bottom: 0.3rem;
  color: var(--accent-dark);
  font-size: 0.82rem;
}

.tool-about h3 {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
}

.tool-about p {
  margin-bottom: 0;
}

.tool-how-to strong {
  display: block;
  margin-bottom: 0.3rem;
  color: var(--accent-dark);
  font-size: 0.82rem;
}

.tool-how-to p {
  margin-bottom: 0;
  color: #4b5665;
  font-size: 0.88rem;
  line-height: 1.45;
}

.tool-card:hover,
.featured-card:hover,
.blog-grid article:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 35px rgba(0, 83, 139, 0.12);
}

.tool-card-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(8rem,1fr));
  gap: .55rem;
  margin-top: auto;
}

.tool-card-actions .tool-open-button,
.tool-card-actions .tool-visit-button {
  width: 100%;
  text-align: center;
  text-decoration: none;
}

.card-tags .details-only-badge {
  border-color: rgba(107,124,140,.22);
  color: var(--muted);
  background: #fff;
}

.card-tags .website-open-badge {
  border-color: rgba(0,142,214,.22);
  color: var(--accent-dark);
  background: rgba(232,247,255,.92);
}

.card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.8rem;
  padding: 0.25rem 0.55rem;
  border-radius: var(--radius);
  background: #edf7ff;
  color: var(--accent-dark);
  font-size: 0.78rem;
  font-weight: 800;
}

.card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: auto;
}

.card-tags span {
  padding: 0.25rem 0.45rem;
  border-radius: var(--radius);
  color: var(--accent-dark);
  background: var(--soft-2);
  font-size: 0.78rem;
  font-weight: 800;
}

.tool-open-button {
  width: 100%;
  min-height: 2.45rem;
  margin-top: 0.25rem;
  border: 1px solid rgba(0, 142, 214, 0.38);
  border-radius: var(--radius);
  color: var(--accent-dark);
  background: var(--soft-2);
  cursor: pointer;
  font-weight: 900;
}

.tool-open-button:hover {
  color: #fff;
  background: var(--accent);
}

.tool-launch-dialog {
  width: min(42rem, calc(100vw - 2rem));
  padding: 0;
  border: 0;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.tool-launch-dialog::backdrop {
  background: rgba(16, 19, 22, 0.52);
}

.tool-launch-card {
  display: grid;
  gap: 1rem;
  padding: 1.2rem;
  background: var(--soft);
}

.tool-launch-card > p {
  color: var(--muted);
}

.tool-launch-card label {
  display: grid;
  gap: 0.45rem;
  color: #263244;
  font-weight: 800;
}

.tool-launch-card label small {
  color: var(--muted);
}

.tool-launch-card textarea,
.tool-launch-card input {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
}

.tool-launch-card textarea {
  resize: vertical;
}

.tool-launch-output {
  min-height: 6rem;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: #263244;
  background: var(--paper);
  white-space: pre-wrap;
}

.featured-section {
  background: var(--soft);
}

.split-section {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(20rem, 1.2fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: center;
}

.market-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}

.market-list article,
.stack-list article,
.blog-grid article {
  padding: 1rem;
}

.market-list strong,
.market-list span,
.stack-list span,
.stack-list strong {
  display: block;
}

.multi-column {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  background: #f8fbff;
}

.stack-list {
  display: grid;
  gap: 0.75rem;
}

.stack-list span,
.blog-grid span {
  display: inline-block;
  margin-bottom: 0.35rem;
  color: var(--accent-dark);
  font-size: 0.78rem;
  font-weight: 800;
}

.blog-newsletter {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.75fr);
  gap: 1.5rem;
  align-items: start;
}

.blog-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.blog-grid article {
  min-height: 11rem;
}

.blog-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(18rem, 0.85fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: center;
  background:
    radial-gradient(circle at 80% 20%, rgba(0, 142, 214, 0.2), transparent 34%),
    linear-gradient(135deg, #f7fbff, #ffffff 48%, #edf7ff);
}

.blog-hero h1 {
  max-width: 13ch;
}

.blog-hero-card {
  display: grid;
  gap: 0.8rem;
  padding: 1.2rem;
  border: 1px solid rgba(0, 95, 156, 0.18);
  border-radius: var(--radius);
  color: #fff;
  background: linear-gradient(135deg, var(--black), #0b415f 58%, var(--accent));
  box-shadow: var(--shadow);
}

.blog-hero-card img {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  background: #fff;
  object-fit: cover;
}

.blog-hero-card strong {
  font-size: 1.35rem;
}

.blog-hero-card span {
  color: rgba(255, 255, 255, 0.78);
}

.blog-page-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 22rem);
  gap: clamp(1rem, 3vw, 2rem);
  align-items: start;
}

.blog-main {
  display: grid;
  gap: 1rem;
}

.blog-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(16rem, 22rem);
  gap: 1rem;
  align-items: end;
}

.blog-search {
  margin-bottom: 0.4rem;
}

.featured-post {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(12rem, 16rem);
  gap: 1.2rem;
  align-items: stretch;
  padding: 1.2rem;
  border: 1px solid rgba(0, 95, 156, 0.18);
  border-radius: var(--radius);
  background: var(--soft);
}

.featured-post h2 {
  max-width: 14ch;
}

.post-metrics {
  display: grid;
  gap: 0.75rem;
}

.post-metrics span {
  display: grid;
  align-content: center;
  min-height: 4.2rem;
  padding: 0.85rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
  color: var(--muted);
}

.post-metrics strong {
  color: var(--ink);
  font-size: 1.15rem;
}

.category-strip,
.topic-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.category-strip {
  padding: 0.75rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
}

.category-strip button,
.topic-list a {
  min-height: 2.3rem;
  padding: 0.45rem 0.65rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
  color: #263244;
  cursor: pointer;
  font-size: 0.88rem;
  font-weight: 800;
}

.category-strip button.active,
.topic-list a:hover {
  border-color: rgba(0, 142, 214, 0.38);
  color: var(--accent-dark);
  background: var(--soft-2);
}

.post-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.post-card,
.blog-sidebar-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
}

.post-card {
  display: grid;
  gap: 0.85rem;
  min-height: 16rem;
  padding: 1rem;
}

.post-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 35px rgba(0, 83, 139, 0.12);
}

.post-card h3 {
  font-size: 1.3rem;
  line-height: 1.15;
}

.post-card p {
  color: var(--muted);
}

.post-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: auto;
  color: var(--muted);
  font-weight: 800;
}

.post-card-footer a {
  color: var(--accent-dark);
}

.blog-sidebar {
  position: sticky;
  top: 5.5rem;
  display: grid;
  gap: 1rem;
}

.blog-sidebar-card {
  padding: 1rem;
}

.blog-sidebar-card h2 {
  font-size: 1.65rem;
}

.dark-card {
  color: #fff;
  background: var(--black);
}

.dark-card p,
.dark-card .eyebrow {
  color: rgba(255, 255, 255, 0.76);
}

.dark-card .button.secondary {
  border-color: rgba(255, 255, 255, 0.38);
  color: #fff;
  background: transparent;
}

.review-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(18rem, 0.95fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: center;
  background:
    radial-gradient(circle at 78% 18%, rgba(0, 142, 214, 0.2), transparent 34%),
    linear-gradient(135deg, #ffffff, #f3f9ff 52%, #e9f5ff);
}

.review-hero h1 {
  max-width: 11ch;
}

.google-card {
  display: grid;
  justify-items: center;
  gap: 0.75rem;
  padding: 1.4rem;
  border: 1px solid rgba(0, 95, 156, 0.18);
  border-radius: var(--radius);
  background: var(--paper);
  box-shadow: var(--shadow);
  text-align: center;
}

.google-card img {
  width: 7rem;
  height: 7rem;
  border: 1px solid var(--line);
  border-radius: 50%;
  object-fit: cover;
}

.google-card strong {
  font-size: 1.35rem;
}

.google-card span,
.google-card small {
  color: var(--muted);
}

.google-logo {
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  color: #fff;
  background: conic-gradient(#4285f4, #34a853, #fbbc05, #ea4335, #4285f4);
  font-weight: 900;
}

.google-logo span {
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  color: #202124;
  background: #fff;
}

.stars {
  color: #fbbc05;
  font-size: 1.6rem;
  letter-spacing: 0;
}

.review-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem);
  gap: clamp(1rem, 3vw, 2rem);
  align-items: start;
}

.step-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.step-list article,
.review-note {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
}

.step-list article {
  display: grid;
  gap: 0.65rem;
  padding: 1rem;
}

.step-list span {
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  color: #fff;
  background: var(--accent);
  font-weight: 900;
}

.step-list p,
.review-note p {
  color: var(--muted);
}

.review-note {
  display: grid;
  gap: 0.75rem;
  padding: 1rem;
  background: var(--soft);
}

.review-note h2 {
  font-size: 1.75rem;
}

.review-note code {
  display: block;
  overflow-wrap: anywhere;
  padding: 0.75rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--accent-dark);
  background: var(--paper);
  font-size: 0.9rem;
}

.testimonials-section {
  background: var(--soft);
}

.testimonial-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.testimonial-card {
  display: grid;
  gap: 0.85rem;
  min-height: 17rem;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
}

.testimonial-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 35px rgba(0, 83, 139, 0.12);
}

.featured-testimonial {
  border-color: rgba(0, 142, 214, 0.38);
  color: #fff;
  background: linear-gradient(135deg, var(--black), #0b415f 58%, var(--accent));
}

.featured-testimonial p,
.featured-testimonial .testimonial-top span {
  color: rgba(255, 255, 255, 0.78);
}

.testimonial-top {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.testimonial-top strong,
.testimonial-top span {
  display: block;
}

.testimonial-top span {
  color: var(--muted);
  font-size: 0.9rem;
}

.avatar {
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  flex: 0 0 auto;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, var(--accent-light), var(--accent-dark));
  font-weight: 900;
}

.featured-testimonial .avatar {
  color: var(--accent-dark);
  background: #fff;
}

.testimonial-card p {
  color: var(--muted);
}

.video-testimonials-section {
  background: #fff;
}

.video-testimonial-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.video-testimonial-card {
  display: grid;
  gap: 0.9rem;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
}

.video-testimonial-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 35px rgba(0, 83, 139, 0.12);
}

.video-testimonial-card p {
  color: var(--muted);
}

.video-frame {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 12rem;
  overflow: hidden;
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(5, 5, 5, 0.72), rgba(0, 95, 156, 0.42)),
    radial-gradient(circle at 24% 20%, rgba(56, 189, 248, 0.85), transparent 28%),
    #08111c;
}

.video-frame::before {
  content: "SAC";
  position: absolute;
  left: 1rem;
  top: 0.8rem;
  color: rgba(255, 255, 255, 0.3);
  font-size: 2rem;
  font-weight: 900;
}

.video-frame span {
  position: absolute;
  right: 0.7rem;
  bottom: 0.7rem;
  padding: 0.22rem 0.45rem;
  border-radius: var(--radius);
  color: #fff;
  background: rgba(5, 5, 5, 0.72);
  font-size: 0.82rem;
  font-weight: 900;
}

.play-button {
  display: grid;
  place-items: center;
  width: 4rem;
  height: 4rem;
  border: 0;
  border-radius: 50%;
  color: var(--accent-dark);
  background: #fff;
  box-shadow: 0 18px 35px rgba(5, 5, 5, 0.2);
  cursor: pointer;
}

.play-button svg {
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.2rem;
  fill: currentColor;
}

.featured-video {
  color: #fff;
  background: linear-gradient(135deg, var(--black), #0b415f 58%, var(--accent));
}

.featured-video p,
.featured-video .testimonial-top span {
  color: rgba(255, 255, 255, 0.78);
}

.featured-video .avatar {
  color: var(--accent-dark);
  background: #fff;
}

.success-stories-section {
  background: var(--soft);
}

.success-story-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.success-story-card {
  display: grid;
  gap: 0.85rem;
  min-height: 19rem;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(0, 142, 214, 0.06), rgba(255, 255, 255, 0) 42%),
    var(--paper);
}

.success-story-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 35px rgba(0, 83, 139, 0.12);
}

.success-story-card h3 {
  font-size: 1.35rem;
  line-height: 1.15;
}

.success-story-card p {
  color: var(--muted);
}

.story-featured {
  border-color: rgba(0, 142, 214, 0.38);
  color: #fff;
  background: linear-gradient(135deg, var(--black), #0b415f 58%, var(--accent));
}

.story-featured p,
.story-featured .story-result span {
  color: rgba(255, 255, 255, 0.78);
}

.story-label {
  width: fit-content;
  padding: 0.32rem 0.55rem;
  border-radius: var(--radius);
  color: var(--accent-dark);
  background: var(--soft-2);
  font-size: 0.78rem;
  font-weight: 900;
}

.story-featured .story-label {
  color: var(--accent-dark);
  background: #fff;
}

.story-result {
  display: grid;
  gap: 0.1rem;
  margin-top: auto;
  padding-top: 0.85rem;
  border-top: 1px solid var(--line);
}

.story-featured .story-result {
  border-top-color: rgba(255, 255, 255, 0.25);
}

.story-result strong {
  color: var(--accent-dark);
  font-size: 2rem;
  line-height: 1;
}

.story-featured .story-result strong {
  color: #fff;
}

.story-result span {
  color: var(--muted);
  font-weight: 800;
}

.newsletter,
.submit-card,
.member-card {
  display: grid;
  gap: 1rem;
  padding: 1.2rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--soft);
}

.newsletter label,
.submit-card label,
.member-card label {
  display: grid;
  gap: 0.45rem;
  color: #263244;
  font-weight: 800;
}

.newsletter input,
.submit-card input,
.submit-card select,
.submit-card textarea,
.member-card input {
  min-height: 2.8rem;
  padding: 0.7rem 0.8rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
}

.member-card label small {
  color: var(--muted);
  font-weight: 700;
}

.submit-card textarea {
  resize: vertical;
}

.site-footer {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 2rem clamp(1rem, 4vw, 4rem);
  border-top: 1px solid var(--line);
  background: var(--black);
  color: #f7fafc;
}

.site-footer p {
  margin-bottom: 0;
}

.site-footer nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem 1.2rem;
  justify-content: flex-end;
}

.site-footer a,
.site-footer button {
  border: 0;
  background: transparent;
  color: #d7dee7;
  cursor: pointer;
}

.vision-footer {
  display: grid;
  grid-template-columns: minmax(18rem, 1.5fr) repeat(3, minmax(9rem, 0.7fr));
  gap: 2rem;
  align-items: start;
  padding-top: 3rem;
}

.footer-vision {
  max-width: 34rem;
}

.footer-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.2rem;
}

.footer-brand img {
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  background: #fff;
  object-fit: cover;
}

.footer-brand strong,
.footer-brand small {
  display: block;
}

.footer-brand small,
.footer-vision p,
.footer-bottom {
  color: #aeb9c8;
}

.footer-vision-label {
  margin-bottom: 0.35rem;
  color: var(--accent-light) !important;
  font-weight: 900;
  text-transform: uppercase;
}

.footer-column {
  display: grid;
  gap: 0.7rem;
  align-content: start;
}

.footer-column > strong {
  margin-bottom: 0.35rem;
  color: #fff;
}

.footer-column a,
.footer-column button {
  width: fit-content;
  padding: 0;
  text-align: left;
}

.footer-bottom {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  font-size: 0.9rem;
}

.submit-dialog,
.member-dialog {
  width: min(38rem, calc(100vw - 2rem));
  padding: 0;
  border: 0;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.member-dialog {
  width: min(52rem, calc(100vw - 2rem));
}

.submit-dialog::backdrop,
.member-dialog::backdrop {
  background: rgba(16, 19, 22, 0.52);
}

.member-card {
  padding: 0;
  overflow: hidden;
}

.member-panel {
  display: grid;
  grid-template-columns: minmax(16rem, 0.9fr) minmax(18rem, 1.1fr);
}

.member-brand-block,
.member-form-block {
  display: grid;
  gap: 1rem;
  padding: 1.2rem;
}

.member-brand-block {
  align-content: center;
  color: #fff;
  background: linear-gradient(135deg, var(--black), #0b415f 58%, var(--accent));
}

.member-brand-block img {
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 50%;
  background: #fff;
  object-fit: cover;
}

.member-brand-block p,
.member-brand-block .eyebrow {
  color: rgba(255, 255, 255, 0.78);
}

.member-form-block {
  background: var(--soft);
}

.dialog-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
}

.dialog-header h2 {
  font-size: 2rem;
}

#newsletterMessage,
#submitMessage,
#blogNewsletterMessage,
#memberMessage {
  min-height: 1.2rem;
  color: var(--accent-dark);
  font-weight: 800;
}

@media (max-width: 980px) {
  .nav-links {
    display: none;
  }

  .menu-button {
    display: inline-grid;
  }

  .hero,
  .blog-hero,
  .review-hero,
  .social-hero,
  .suggestion-section,
  .lead-capture-section,
  .blog-page-layout,
  .review-layout,
  .blog-toolbar,
  .featured-post,
  .partnership-section,
  .directory-shell,
  .split-section,
  .multi-column,
  .blog-newsletter {
    grid-template-columns: 1fr;
  }

  .member-panel {
    grid-template-columns: 1fr;
  }

  .crm-shell { grid-template-columns: 1fr; }
  .crm-sidebar { position: static; height: auto; }
  .crm-sidebar nav { grid-template-columns: repeat(4, minmax(0, 1fr)); overflow-x: auto; }
  .crm-kpi-grid, .crm-module-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .automation-hero { grid-template-columns: 1fr; }
  .instagram-publisher { grid-template-columns: 1fr; }
  .automation-tool-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .platform-checkbox-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .automation-toggle-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }

  .hero {
    min-height: auto;
  }

  h1 {
    max-width: 11ch;
  }

  .blog-sidebar {
    position: static;
  }

  .filters {
    position: static;
  }

  .tool-grid,
  .featured-grid,
  .home-product-grid,
  .simple-page-grid,
  .global-search-results,
  .social-video-grid,
  .blog-grid,
  .post-grid,
  .pricing-first,
  .step-list,
  .testimonial-grid,
  .video-testimonial-grid,
  .success-story-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .finance-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .calculator-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .site-header,
  .site-footer {
    align-items: flex-start;
  }

  .site-footer {
    flex-direction: column;
  }

  .vision-footer {
    grid-template-columns: 1fr;
  }

  .site-footer nav {
    justify-content: flex-start;
  }

  .footer-bottom {
    grid-column: auto;
    flex-direction: column;
  }

  .hero-actions,
  .button {
    width: 100%;
  }

  .stats {
    align-items: stretch;
  }

  .stats span {
    flex: 1 1 8rem;
    border-right: 0;
  }

  .visual-grid,
  .tool-grid,
  .featured-grid,
  .home-product-grid,
  .simple-page-grid,
  .global-search-results,
  .social-video-grid,
  .market-list,
  .partnership-options,
  .blog-grid,
  .post-grid,
  .pricing-first,
  .step-list,
  .testimonial-grid,
  .video-testimonial-grid,
  .success-story-grid {
    grid-template-columns: 1fr;
  }

  .result-bar {
    align-items: flex-start;
    flex-direction: column;
  }

  .whatsapp-chat {
    right: 0.9rem;
    bottom: 0.9rem;
    width: 3.25rem;
    height: 3.25rem;
  }

  .hello-sac-chat {
    right: 4.85rem;
    bottom: 0.9rem;
    min-height: 3.25rem;
    padding-right: 0.8rem;
  }

  .hello-sac-chat-badge {
    width: 2.35rem;
    height: 2.35rem;
  }

  .global-search-form {
    grid-template-columns: 1fr;
  }

  .lead-capture-form, .crm-kpi-grid, .crm-module-grid, .crm-module-grid:nth-of-type(2), .customer-profile { grid-template-columns: 1fr; }
  .crm-header, .crm-page-heading, .crm-panel-heading { align-items: stretch; flex-direction: column; }
  .crm-header-actions, .crm-filters { flex-direction: column; }
  .crm-sidebar nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .automation-tool-grid, .workflow-step-grid { grid-template-columns: 1fr; }
  .automation-flow-preview { grid-template-columns: 1fr; }
  .automation-flow-preview > b { text-align: center; transform: rotate(90deg); }
  .platform-checkbox-grid, .automation-toggle-grid, .social-content-fields { grid-template-columns: 1fr; }
  .content-calendar-list article { grid-template-columns: 1fr; }
  .instagram-connect-bar { align-items: stretch; flex-direction: column; }
  .instagram-field-row { grid-template-columns: 1fr; }
  .platform-publish-selector { grid-template-columns: 1fr; }

  .calculator-fields {
    grid-template-columns: 1fr;
  }

  .finance-category-grid {
    grid-template-columns: 1fr;
  }

  .document-upload-zone {
    grid-template-columns: 1fr;
  }

  .document-upload-zone .button {
    width: 100%;
  }
}

@media (max-width: 900px) {
  .home-page .hero {
    grid-template-columns: 1fr !important;
  }

  .home-360-showcase {
    min-height: auto;
    padding-top: 1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-360-orbit::before {
    animation: none;
  }
}

/* Final login logo size override. */
.member-dialog .member-logo-orbit {
  width: clamp(10rem, 15vw, 13rem) !important;
  height: clamp(10rem, 15vw, 13rem) !important;
}

.member-dialog .member-logo-orbit img {
  width: 82% !important;
  height: 82% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

/* RM WhatsApp action styling. */
a[href*="wa.me"]:not(.whatsapp-chat),
[data-dashboard-rm] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .48rem !important;
  min-height: 2.5rem !important;
  padding: .55rem .9rem !important;
  border: 1px solid #16b854 !important;
  border-radius: var(--radius) !important;
  color: #fff !important;
  background: linear-gradient(135deg, #0fa946, #25d366) !important;
  box-shadow: 0 12px 24px rgba(37, 211, 102, .22) !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

a[href*="wa.me"]:not(.whatsapp-chat)::before,
[data-dashboard-rm]::before {
  content: "";
  width: 1.18rem;
  height: 1.18rem;
  flex: 0 0 auto;
  border-radius: 50%;
  background: url("whatsapp-logo.png") center / contain no-repeat;
}

a[href*="wa.me"]:not(.whatsapp-chat):hover,
a[href*="wa.me"]:not(.whatsapp-chat):focus-visible,
[data-dashboard-rm]:hover,
[data-dashboard-rm]:focus-visible {
  background: linear-gradient(135deg, #078f37, #1fc45b) !important;
}

.nav-auth-button.member-logout-frame,
[data-open-member].member-logout-frame {
  min-height: 2.75rem !important;
  max-width: 8.9rem;
  padding: .4rem .72rem !important;
  border-radius: 999px !important;
  border: 2px solid rgba(255, 255, 255, .95) !important;
  outline: 2px solid rgba(14, 95, 139, .18);
  background:
    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, .22), transparent 24%),
    linear-gradient(135deg, var(--sac-blue-deep), var(--sac-blue) 56%, #0a0f15) !important;
  box-shadow: 0 14px 28px rgba(8, 50, 76, .22) !important;
  color: #fff !important;
  line-height: 1.08 !important;
  font-size: .78rem !important;
  text-align: center !important;
  white-space: normal !important;
}

/* Hero headings: uppercase and bold across pages. */
.hero h1,
.page-hero h1,
.automation-hero h1,
.social-hero h1,
.blog-hero h1,
.review-hero h1,
.dashboard-title h1,
.crm-page-heading h1 {
  max-width: 10ch !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  text-wrap: balance;
  color: transparent !important;
  background: linear-gradient(110deg, var(--sac-black) 0%, var(--sac-blue-deep) 36%, var(--sac-blue) 68%, #1c78a7 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

.hero .hero-text,
.page-hero .hero-text,
.automation-hero .hero-text,
.social-hero .hero-text,
.blog-hero .hero-text,
.review-hero .hero-text {
  color: transparent !important;
  background: linear-gradient(100deg, #2a3544 0%, var(--sac-blue-deep) 52%, var(--sac-blue) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  font-weight: 750 !important;
}

.hero-split-line {
  color: inherit !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  line-height: .92 !important;
}

.hero-split-line span,
.hero-auto-colored span {
  display: block;
  color: inherit !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  font-weight: 950 !important;
}

.hero-line-white {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 3px 0 var(--sac-blue-deep), 0 12px 28px rgba(10, 17, 24, .18);
}

.hero-line-blue {
  color: var(--sac-blue) !important;
  -webkit-text-fill-color: var(--sac-blue) !important;
  text-shadow: 0 8px 22px rgba(29, 158, 255, .24);
}

.hero-line-black {
  color: var(--sac-black) !important;
  -webkit-text-fill-color: var(--sac-black) !important;
}

/* Hard override for manually colored hero words. */
.page-hero .hero-split-line,
.page-hero .hero-split-line span,
.hero-auto-colored,
.hero-auto-colored span {
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

.page-hero .hero-split-line .hero-line-white {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.page-hero .hero-split-line .hero-line-blue {
  color: var(--sac-blue) !important;
  -webkit-text-fill-color: var(--sac-blue) !important;
}

.page-hero .hero-split-line .hero-line-black {
  color: var(--sac-black) !important;
  -webkit-text-fill-color: var(--sac-black) !important;
}

body.theme-night .home-page .hero .hero-text,
body.theme-night .home-page .hero .hero-text span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
}

.static-action-toast {
  position: fixed;
  right: 1rem;
  bottom: 5.6rem;
  z-index: 80;
  max-width: min(24rem, calc(100vw - 2rem));
  padding: .85rem 1rem;
  border: 1px solid rgba(255,255,255,.65);
  border-radius: var(--radius);
  color: #fff;
  background: linear-gradient(135deg, var(--sac-blue-deep), var(--sac-blue));
  box-shadow: 0 18px 38px rgba(8, 50, 76, .24);
  font-weight: 900;
}

.static-action-toast[hidden] {
  display: none !important;
}

.anchor-target {
  display: block;
  height: 0;
  scroll-margin-top: 6rem;
}

/* Prompt Library */
.prompts-page {
  background: radial-gradient(circle at 85% 8%, rgba(29, 158, 255, .15), transparent 30%), linear-gradient(180deg, #fff 0%, #f2f8fc 48%, #e8f4fd 100%);
}

.prompts-hero {
  position: relative;
  overflow: hidden;
  grid-template-columns: minmax(0, .9fr) minmax(22rem, 1fr);
  align-items: center;
  gap: clamp(1.5rem, 5vw, 5rem);
}

.prompt-hero-title {
  display: grid;
  gap: .1em;
  max-width: 13ch;
  margin: 0;
  font-size: clamp(3.35rem, 8.4vw, 9.2rem);
  line-height: .88;
  text-transform: uppercase;
  letter-spacing: 0;
}

.prompt-hero-title span:first-child { color: #05080d; }
.prompt-hero-title span:last-child { color: var(--sac-blue); }
.prompts-hero .hero-text {
  max-width: 58rem;
  font-size: clamp(1.05rem, 1.8vw, 1.45rem);
  font-weight: 750;
}

.prompt-hero-visual {
  position: relative;
  min-height: 25rem;
  border-radius: 8px;
  border: 1px solid rgba(29, 158, 255, .24);
  background: linear-gradient(135deg, #05080d 0%, #0c2438 52%, #1d9eff 100%);
  box-shadow: 0 24px 70px rgba(8, 43, 70, .2);
  overflow: hidden;
}

.prompt-hero-visual::before {
  content: "";
  position: absolute;
  inset: 2rem;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 8px;
  background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 2rem 2rem;
}

.prompt-core {
  position: absolute;
  inset: 50% auto auto 50%;
  z-index: 2;
  width: 7.2rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  color: #fff;
  font-weight: 950;
  font-size: 1.7rem;
  background: linear-gradient(145deg, #02070b, #0b4e7a 48%, #1d9eff);
  box-shadow: 0 0 0 .65rem rgba(255,255,255,.08), 0 22px 46px rgba(0,0,0,.26);
}

.prompt-orbit {
  position: absolute;
  inset: 50% auto auto 50%;
  border: 1px solid rgba(255,255,255,.34);
  border-radius: 50%;
  transform: translate(-50%, -50%) rotate(-12deg);
}

.prompt-orbit-one { width: 18rem; height: 9.6rem; }
.prompt-orbit-two { width: 24rem; height: 13rem; transform: translate(-50%, -50%) rotate(25deg); }
.prompt-hero-visual span {
  position: absolute;
  z-index: 3;
  padding: .6rem .8rem;
  border-radius: 999px;
  color: #fff;
  background: rgba(2, 7, 11, .82);
  border: 1px solid rgba(255,255,255,.2);
  font-weight: 850;
}

.prompt-hero-visual span:nth-of-type(1) { left: 9%; top: 14%; }
.prompt-hero-visual span:nth-of-type(2) { right: 9%; top: 20%; }
.prompt-hero-visual span:nth-of-type(3) { left: 12%; bottom: 18%; }
.prompt-hero-visual span:nth-of-type(4) { right: 14%; bottom: 14%; }
.prompt-hero-visual span:nth-of-type(5) { left: 50%; bottom: 7%; transform: translateX(-50%); }

.prompt-light-tech-visual {
  position: relative;
  min-height: 38rem;
  display: grid;
  place-items: center;
  overflow: hidden;
}

.prompt-light-tech-visual::before {
  content: "";
  position: absolute;
  inset: -18% -8% -8% 12%;
  background: radial-gradient(circle at 50% 54%, rgba(29,158,255,.2), rgba(232,246,255,.78) 34%, transparent 62%);
}

.light-tech-rings {
  position: relative;
  width: min(35rem, 86vw);
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid rgba(29,158,255,.22);
  background: radial-gradient(circle at center, rgba(255,255,255,.75) 0 26%, rgba(228,240,248,.58) 55%, rgba(29,158,255,.08) 100%);
  box-shadow: inset 0 0 0 3.2rem rgba(29,158,255,.05), inset 0 0 0 5rem rgba(255,255,255,.36);
}

.light-tech-rings::before,
.light-tech-rings::after {
  content: "";
  position: absolute;
  inset: 15%;
  border-radius: 50%;
  border: 2px solid rgba(29,158,255,.18);
}

.light-tech-rings::after {
  inset: 28%;
  border-color: rgba(5,8,13,.16);
}

.light-tech-grid {
  position: absolute;
  inset: 24%;
  background-image:
    linear-gradient(rgba(29,158,255,.15) 1px, transparent 1px),
    linear-gradient(90deg, rgba(29,158,255,.15) 1px, transparent 1px);
  background-size: 1.75rem 1.75rem;
  mask-image: radial-gradient(circle at center, #000 0 62%, transparent 82%);
}

.light-tech-chip {
  position: absolute;
  left: 50%;
  top: 50%;
  display: grid;
  place-items: center;
  width: 9rem;
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  border-radius: 1.7rem;
  background: linear-gradient(145deg, #02070b 0%, #0b2334 45%, #1d9eff 100%);
  box-shadow: 0 0 0 2rem rgba(5, 8, 13, .1), 0 22px 52px rgba(13, 84, 132, .22);
}

.light-tech-chip::before,
.light-tech-chip::after {
  content: "";
  position: absolute;
  background: linear-gradient(180deg, rgba(5,8,13,.7), rgba(29,158,255,.72));
  border-radius: 999px;
}

.light-tech-chip::before {
  width: 8rem;
  height: .22rem;
  top: -1.1rem;
  box-shadow: 0 11.25rem 0 rgba(5,8,13,.66);
}

.light-tech-chip::after {
  width: .22rem;
  height: 8rem;
  left: -1.1rem;
  box-shadow: 11.25rem 0 0 rgba(29,158,255,.72);
}

.light-tech-chip span {
  width: 4rem;
  aspect-ratio: 1;
  border-radius: 1rem;
  background: radial-gradient(circle at 30% 30%, #fff, #8dd7ff 34%, #1d9eff 100%);
  box-shadow: inset -1rem -1rem 1.8rem rgba(0,0,0,.09);
}

.light-dot {
  position: absolute;
  width: 1.45rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #cbefff, #1d9eff 76%);
  box-shadow: 0 0 0 .8rem rgba(29,158,255,.12), 0 1rem 2.2rem rgba(29,158,255,.24);
  animation: roboticFloat 3.4s ease-in-out infinite;
}

.dot-a { left: 20%; top: 20%; }
.dot-b { right: 18%; top: 26%; animation-delay: .35s; }
.dot-c { left: 18%; bottom: 22%; animation-delay: .7s; }
.dot-d { right: 24%; bottom: 17%; animation-delay: 1s; }

.light-tech-label {
  position: absolute;
  left: 50%;
  bottom: 2.3rem;
  display: grid;
  gap: .25rem;
  width: min(40rem, 86%);
  transform: translateX(-50%);
  padding: 1.05rem 1.25rem;
  border-radius: 999px;
  color: #fff;
  text-align: center;
  background: linear-gradient(135deg, #02070b 0%, #0b4e7a 58%, #1d9eff 100%);
  box-shadow: 0 18px 42px rgba(8, 43, 70, .18);
}

.light-tech-label strong {
  font-size: clamp(1rem, 1.9vw, 1.35rem);
  letter-spacing: .02em;
}

.light-tech-label span {
  color: #dff3ff;
  font-weight: 850;
  font-size: clamp(.82rem, 1.35vw, 1rem);
}

.prompt-robotic-visual {
  position: relative;
  min-height: 24rem;
  border-radius: 8px;
  border: 1px solid rgba(29, 158, 255, .28);
  background:
    radial-gradient(circle at 50% 38%, rgba(29, 158, 255, .32), transparent 30%),
    linear-gradient(135deg, #02070b 0%, #09253a 52%, #1d9eff 100%);
  box-shadow: 0 24px 70px rgba(8, 43, 70, .2);
  overflow: hidden;
}

.prompt-robotic-visual::before {
  content: "";
  position: absolute;
  inset: 1.5rem;
  border-radius: 8px;
  background-image:
    linear-gradient(rgba(255,255,255,.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.09) 1px, transparent 1px);
  background-size: 2rem 2rem;
  mask-image: radial-gradient(circle at center, #000 0 52%, transparent 78%);
}

.robotic-chip {
  position: absolute;
  left: 50%;
  top: 42%;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 7rem;
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  border-radius: 1.4rem;
  color: #fff;
  background: linear-gradient(145deg, #02070b, #0b4e7a 55%, #1d9eff);
  box-shadow: 0 0 0 .65rem rgba(255,255,255,.08), 0 20px 45px rgba(0,0,0,.28);
}

.robotic-chip span {
  width: 2.3rem;
  aspect-ratio: 1;
  border-radius: .75rem;
  background: radial-gradient(circle at 30% 30%, #fff, #59bcff 40%, #1d9eff 100%);
}

.robotic-chip strong {
  margin-top: .35rem;
  font-size: 1.35rem;
  letter-spacing: .08em;
}

.robotic-line {
  position: absolute;
  z-index: 2;
  height: .18rem;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, #59bcff, transparent);
  animation: roboticPulse 2.5s ease-in-out infinite;
}

.line-one { left: 10%; right: 10%; top: 26%; }
.line-two { left: 18%; right: 18%; top: 54%; animation-delay: .35s; }
.line-three { left: 22%; right: 22%; bottom: 25%; animation-delay: .7s; }

.robotic-node {
  position: absolute;
  z-index: 4;
  width: 1.15rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #59bcff;
  box-shadow: 0 0 0 .55rem rgba(89,188,255,.16), 0 0 2rem rgba(89,188,255,.72);
  animation: roboticFloat 3s ease-in-out infinite;
}

.node-one { left: 18%; top: 22%; }
.node-two { right: 17%; top: 49%; animation-delay: .45s; }
.node-three { left: 28%; bottom: 22%; animation-delay: .85s; }

.robotic-panel {
  position: absolute;
  left: 50%;
  bottom: 2rem;
  z-index: 5;
  display: grid;
  gap: .2rem;
  width: min(82%, 24rem);
  transform: translateX(-50%);
  padding: 1rem 1.15rem;
  border-radius: 999px;
  color: #fff;
  text-align: center;
  background: linear-gradient(135deg, #02070b, #0c4f78 60%, #1d9eff);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.16), 0 16px 36px rgba(0,0,0,.22);
}

.robotic-panel strong {
  font-size: .95rem;
  letter-spacing: .04em;
}

.robotic-panel span {
  color: #d8efff;
  font-size: .86rem;
  font-weight: 800;
}

@keyframes roboticPulse {
  0%, 100% { opacity: .35; transform: scaleX(.78); }
  50% { opacity: 1; transform: scaleX(1); }
}

@keyframes roboticFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-.55rem); }
}

.prompt-main-nav { padding-top: 2rem; padding-bottom: 0; }
.prompt-main-nav > div,
.prompt-filter-panel,
.prompt-stat-row,
.prompt-category-grid,
.prompt-sample-grid,
.prompt-generator-grid {
  max-width: 132rem;
  margin-inline: auto;
}

.prompt-main-nav > div {
  display: flex;
  gap: .7rem;
  overflow-x: auto;
  padding: .5rem 0 1rem;
}

.prompt-main-nav a,
.prompt-chip-wrap button,
.prompt-chip-wrap span {
  flex: 0 0 auto;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  color: #0a3b5a;
  padding: .65rem .9rem;
  font-weight: 850;
  text-decoration: none;
}

.prompt-main-nav a:hover,
.prompt-chip-wrap button:hover,
.prompt-chip-wrap button:focus-visible {
  color: #fff;
  background: linear-gradient(135deg, #02070b, #1d9eff);
}

.prompt-controls { padding-top: 2rem; }
.prompt-filter-panel {
  display: grid;
  grid-template-columns: minmax(16rem, 1fr) minmax(12rem, .22fr) minmax(12rem, .22fr) auto auto;
  gap: .75rem;
  align-items: stretch;
}

.prompt-filter-panel .search-box,
.prompt-filter-panel select {
  min-height: 3.5rem;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.prompt-filter-panel select {
  color: var(--ink);
  padding: 0 1rem;
  font: inherit;
  font-weight: 800;
}

.prompt-stat-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.25rem;
}

.prompt-import-note {
  display: grid;
  gap: .35rem;
  max-width: 118rem;
  margin: 0 auto 1.25rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(29, 158, 255, .28);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(224,244,255,.72));
  box-shadow: 0 16px 42px rgba(8, 55, 88, .08);
}

.prompt-import-note strong {
  color: var(--sac-dark);
  font-size: 1.05rem;
}

.prompt-import-note span {
  color: var(--muted);
  font-weight: 800;
  line-height: 1.55;
}

.visual-prompt-subcategory-panel {
  display: grid;
  gap: .8rem;
  margin: 0 0 1.25rem;
  padding: 1rem;
  border: 1px solid rgba(29, 158, 255, .2);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(224,244,255,.58));
}

.visual-prompt-subcategory-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.visual-prompt-subcategory-heading strong {
  color: #07121d;
  font-size: clamp(1rem, 1.6vw, 1.35rem);
  font-weight: 950;
}

.visual-prompt-subcategory-heading span {
  color: var(--sac-blue);
  font-weight: 950;
}

.visual-prompt-category-counts {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  margin: 0;
}

.visual-prompt-category-counts button {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-height: 2.6rem;
  padding: .5rem .78rem;
  border: 1px solid rgba(29, 158, 255, .28);
  border-radius: 999px;
  color: #0b2b42;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(225,244,255,.82));
  box-shadow: 0 10px 24px rgba(8, 55, 88, .08);
  cursor: pointer;
  font-size: .88rem;
  font-weight: 900;
}

.visual-prompt-category-counts button:hover,
.visual-prompt-category-counts button:focus-visible {
  color: #fff;
  background: linear-gradient(135deg, #02070b 0%, #0b4e7a 56%, #1d9eff 100%);
}

.visual-prompt-category-counts strong {
  color: var(--sac-blue);
  font-size: .9rem;
}

.visual-prompt-category-counts button:hover strong,
.visual-prompt-category-counts button:focus-visible strong {
  color: #fff;
}

.prompt-stat-row article,
.prompt-category-card,
.prompt-sample-card,
.prompt-generator-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255,255,255,.92);
  box-shadow: var(--shadow);
}

.prompt-stat-row article { padding: 1.1rem; }
.prompt-stat-row strong {
  display: block;
  color: var(--sac-blue);
  font-size: 1.55rem;
}

.prompt-stat-row span {
  color: var(--muted);
  font-weight: 750;
}

.prompt-category-grid,
.prompt-sample-grid,
.prompt-generator-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.1rem;
}

.prompt-category-card,
.prompt-sample-card,
.prompt-generator-card { padding: 1.25rem; }
.prompt-card-top {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  margin-bottom: 1rem;
}

.prompt-card-top span {
  display: inline-grid;
  place-items: center;
  width: 2.5rem;
  aspect-ratio: 1;
  border-radius: 50%;
  color: #073954;
  background: #e4f0f8;
  font-weight: 950;
}

.prompt-card-top strong { color: var(--sac-blue); }
.prompt-category-card h3,
.prompt-sample-card h3,
.prompt-generator-card h3 {
  margin: 0 0 .55rem;
  font-size: clamp(1.35rem, 2.2vw, 2.1rem);
  line-height: 1.05;
}

.prompt-category-card p,
.prompt-sample-card p,
.prompt-generator-card p {
  color: var(--muted);
  font-weight: 700;
}

.prompt-chip-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: 1rem 0;
}

.prompt-chip-wrap button,
.prompt-chip-wrap span {
  padding: .45rem .65rem;
  font-size: .84rem;
  cursor: pointer;
}

.prompt-sample-card dl {
  display: grid;
  gap: .5rem;
  margin: 1rem 0;
}

.prompt-sample-card dl div {
  display: grid;
  grid-template-columns: 7.5rem 1fr;
  gap: .75rem;
  padding: .55rem .7rem;
  border-radius: 8px;
  background: var(--soft);
}

.prompt-sample-card dt {
  color: var(--muted);
  font-weight: 850;
}

.prompt-sample-card dd {
  margin: 0;
  color: var(--ink);
  font-weight: 800;
}

.prompt-copy-text {
  min-height: 10rem;
  padding: 1rem;
  border-left: .22rem solid var(--sac-blue);
  border-radius: 8px;
  background: var(--soft);
}

.prompt-generator-card {
  display: grid;
  gap: .85rem;
}

.prompt-generator-card textarea {
  width: 100%;
  min-height: 10.5rem;
  resize: vertical;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 1rem;
  background: var(--soft);
  color: var(--ink);
  font: inherit;
  font-weight: 700;
}

.prompt-safety-section .simple-page-grid article { border-left: .32rem solid var(--sac-blue); }

.prompt-category-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.1rem;
  max-width: 118rem;
  margin-inline: auto;
}

.prompt-command-category-grid {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  max-width: 118rem;
  margin: 0 auto 1rem;
}

.prompt-command-category-grid[hidden] {
  display: none;
}

.prompt-command-category-grid button {
  min-height: 2.45rem;
  padding: .52rem .78rem;
  border: 1px solid rgba(29, 158, 255, .28);
  border-radius: 999px;
  color: var(--muted);
  background: #fff;
  cursor: pointer;
  font-weight: 900;
}

.prompt-command-category-grid button span {
  color: var(--accent);
}

.prompt-command-category-grid button.active {
  color: #fff;
  border-color: rgba(29, 158, 255, .62);
  background: linear-gradient(135deg, #02070b, #1d9eff);
}

.prompt-command-category-grid button.active span {
  color: #fff;
}

.prompt-command-category-list {
  display: grid;
  grid-template-columns: 1fr;
  align-content: start;
  max-width: none;
  margin: 0;
}

.prompt-command-category-list button {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  text-align: left;
}

.prompt-market-card {
  position: relative;
  display: grid;
  align-content: start;
  min-height: 30rem;
  padding: 1.2rem;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255,255,255,.96);
  box-shadow: var(--shadow);
}

.prompt-command-card {
  min-height: 16rem;
}

.prompt-category-page .prompt-market-card:not(.prompt-command-card) {
  min-height: 25rem;
}

.prompt-category-page .market-grid {
  grid-template-columns: repeat(3, minmax(24rem, 1fr));
  gap: 1.7rem;
}

.prompt-category-page .prompt-market-card:not(.prompt-command-card) .prompt-card-example {
  display: none;
}

.prompt-category-page .prompt-market-card:not(.prompt-command-card) > .button {
  display: none;
}

.prompt-command-card h3 {
  color: var(--accent-dark);
  font-size: clamp(1.55rem, 2vw, 2.25rem);
  word-break: break-word;
}

.prompt-command-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255,255,255,.96);
  box-shadow: var(--shadow);
}

.prompt-command-table {
  width: 100%;
  min-width: 48rem;
  border-collapse: collapse;
  color: var(--ink);
}

.prompt-command-selected-heading {
  margin: 0 0 .8rem;
  padding: 1rem 1.15rem;
  border: 1px solid rgba(29, 158, 255, .22);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(2, 7, 11, .95), rgba(29, 158, 255, .16));
}

.prompt-command-selected-heading h3 {
  margin: .25rem 0 0;
  color: #fff;
  font-size: clamp(1.35rem, 2.2vw, 2rem);
}

.prompt-command-table th,
.prompt-command-table td {
  padding: 1rem 1.1rem;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: middle;
}

.prompt-command-table th {
  color: #fff;
  background: linear-gradient(135deg, #02070b, #1d9eff);
  font-size: .92rem;
  font-weight: 950;
}

.prompt-command-table td {
  color: var(--muted);
  font-weight: 750;
}

.prompt-command-table tr:nth-child(even) td {
  background: rgba(29, 158, 255, .045);
}

.prompt-command-table td:first-child {
  width: 38%;
}

.prompt-command-table-command {
  display: flex;
  gap: .7rem;
  justify-content: space-between;
  align-items: flex-start;
}

.prompt-command-table-command strong {
  color: var(--ink);
  word-break: break-word;
}

.prompt-command-table-command button {
  flex: 0 0 auto;
  min-height: 2rem;
  padding: .35rem .7rem;
  border: 1px solid rgba(29, 158, 255, .32);
  border-radius: 8px;
  color: #fff;
  background: linear-gradient(135deg, #02070b, #1d9eff);
  cursor: pointer;
  font-weight: 900;
}

.prompt-market-card .prompt-rank {
  position: absolute;
  left: 1rem;
  top: 1rem;
  display: inline-grid;
  place-items: center;
  width: 2.35rem;
  aspect-ratio: 1;
  border-radius: 50%;
  color: #073954;
  background: #e4f0f8;
  font-weight: 950;
}

.prompt-card-logo {
  display: grid;
  place-items: center;
  width: 4.8rem;
  aspect-ratio: 1;
  margin: 1.9rem auto 1rem;
  border-radius: 1.05rem;
  color: #fff;
  background: linear-gradient(135deg, #02070b, #1d9eff);
  box-shadow: 0 12px 30px rgba(7, 57, 84, .16);
  font-size: 1.2rem;
  font-weight: 950;
}

.prompt-market-card h3 {
  margin: 0 0 .85rem;
  text-align: center;
  font-size: clamp(1.18rem, 1.35vw, 1.55rem);
  line-height: 1.1;
}

.prompt-example-image {
  position: relative;
  display: grid;
  place-items: end start;
  aspect-ratio: 4 / 5;
  width: min(100%, 16.8rem);
  margin: 0 auto 1rem;
  padding: .8rem;
  overflow: hidden;
  border: 1px solid rgba(29, 158, 255, .28);
  border-radius: 8px;
  color: #fff;
  background: linear-gradient(145deg, #02070b, #0b4e7a 56%, #1d9eff);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.16), 0 14px 30px rgba(7, 57, 84, .14);
}

.prompt-example-image::before,
.prompt-example-image::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.prompt-example-image::before {
  inset: 12%;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.22);
}

.prompt-example-image::after {
  right: -18%;
  top: -12%;
  width: 9rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.8), rgba(89,188,255,.35) 36%, transparent 68%);
}

.prompt-example-image span,
.prompt-example-image strong {
  position: relative;
  z-index: 2;
}

.prompt-example-image img {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.prompt-men-card .prompt-example-image img {
  object-fit: cover;
  background: linear-gradient(145deg, #02070b, #0b4e7a 55%, #1d9eff);
}

.prompt-example-real-photo::before,
.prompt-example-real-photo::after {
  display: none;
}

.prompt-example-real-photo span,
.prompt-example-real-photo strong {
  text-shadow: 0 2px 12px rgba(0,0,0,.72);
}

.prompt-example-image span {
  align-self: start;
  padding: .3rem .48rem;
  border-radius: 999px;
  background: rgba(2,7,11,.64);
  font-size: .7rem;
  font-weight: 950;
  text-transform: uppercase;
}

.prompt-example-image strong {
  max-width: 100%;
  padding-right: 6.5rem;
  font-size: 1.05rem;
  line-height: 1.05;
}

.prompt-image-copy-button {
  position: absolute;
  right: .55rem;
  bottom: .55rem;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  min-width: 5.8rem;
  max-width: 6.8rem;
  padding: .38rem .58rem;
  border: 1px solid rgba(255,255,255,.34);
  border-radius: 8px;
  color: #fff;
  background: linear-gradient(135deg, #02070b, #1d9eff);
  box-shadow: 0 8px 20px rgba(2, 7, 11, .32);
  cursor: pointer;
  font-size: .74rem;
  font-weight: 950;
  line-height: 1;
}

.prompt-image-copy-button:hover {
  transform: translateY(-1px);
}

.prompt-example-image.prompt-example-image {
  background:
    radial-gradient(circle at 35% 24%, rgba(255,255,255,.86), transparent 12%),
    linear-gradient(145deg, #02070b 0%, #0b2b42 48%, #1d9eff 100%);
}

.prompt-example-video {
  background:
    linear-gradient(90deg, rgba(255,255,255,.18) 1px, transparent 1px) 0 0 / 2.2rem 100%,
    linear-gradient(145deg, #02070b 0%, #12324a 45%, #1d9eff 100%);
}

.prompt-example-video::before {
  inset: 32% 25%;
  border-radius: 50%;
  background: rgba(255,255,255,.84);
  clip-path: polygon(35% 22%, 35% 78%, 78% 50%);
  border: 0;
}

.prompt-example-writing {
  background:
    linear-gradient(#ffffff 1px, transparent 1px) 18% 28% / 64% 1.1rem no-repeat,
    linear-gradient(#ffffff 1px, transparent 1px) 18% 42% / 58% 1.1rem no-repeat,
    linear-gradient(#ffffff 1px, transparent 1px) 18% 56% / 68% 1.1rem no-repeat,
    linear-gradient(145deg, #02070b 0%, #0b4e7a 58%, #1d9eff 100%);
}

.prompt-example-coding {
  background:
    linear-gradient(90deg, transparent 0 12%, rgba(255,255,255,.13) 12% 14%, transparent 14%),
    linear-gradient(145deg, #02070b 0%, #0d2536 46%, #1d9eff 100%);
}

.prompt-example-coding::before {
  content: "</>";
  inset: 38% auto auto 50%;
  transform: translate(-50%, -50%);
  border: 0;
  color: rgba(255,255,255,.86);
  font-size: 2.2rem;
  font-weight: 950;
}

.prompt-example-business {
  background:
    linear-gradient(180deg, transparent 35%, rgba(255,255,255,.16) 35% 36%, transparent 36%),
    linear-gradient(90deg, rgba(255,255,255,.2) 0 12%, transparent 12% 20%, rgba(255,255,255,.28) 20% 34%, transparent 34% 42%, rgba(255,255,255,.18) 42% 58%, transparent 58%),
    linear-gradient(145deg, #02070b 0%, #0b3a58 55%, #1d9eff 100%);
}

.prompt-market-card .prompt-mini-detail p {
  grid-template-columns: 5.9rem minmax(0, 1fr);
  padding: .45rem .55rem;
}

.prompt-market-card .prompt-card-example {
  min-height: 8rem;
  font-size: .92rem;
}

.prompt-market-card .button {
  width: 100%;
  justify-content: center;
  margin-top: auto;
}

.prompt-category-grid {
  grid-template-columns: minmax(20rem, .32fr) minmax(0, 1fr);
  align-items: start;
}

.prompt-category-sidebar {
  position: sticky;
  top: 6rem;
  max-height: calc(100vh - 7rem);
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, #eef8ff 100%);
  box-shadow: var(--shadow);
}

.prompt-sidebar-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.2rem;
  border-bottom: 1px solid var(--line);
  text-transform: uppercase;
}

.prompt-sidebar-heading strong {
  font-size: 1.2rem;
}

.prompt-sidebar-heading span {
  color: var(--sac-blue);
  font-weight: 950;
}

.prompt-category-list {
  display: grid;
  gap: .75rem;
  padding: 1rem;
}

.prompt-category-list button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  min-height: 4.85rem;
  padding: .95rem 1rem;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  background: #fff;
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.prompt-category-list button span {
  font-size: 1.08rem;
  font-weight: 950;
  line-height: 1.1;
}

.prompt-category-list button strong {
  flex: 0 0 auto;
  color: var(--muted);
  font-weight: 950;
}

.prompt-category-list button:hover,
.prompt-category-list button:focus-visible,
.prompt-category-list button.active {
  color: #fff;
  background: linear-gradient(135deg, #02070b 0%, #0b4e7a 52%, #1d9eff 100%);
}

.prompt-category-list button:hover strong,
.prompt-category-list button:focus-visible strong,
.prompt-category-list button.active strong {
  color: #d8efff;
}

.prompt-market-results {
  min-width: 0;
}

.prompt-subcategory-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(24rem, 1fr));
  gap: 1.7rem;
}

.prompt-subcategory-card {
  display: grid;
  align-content: start;
  min-height: 23rem;
  padding: 1.2rem;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255,255,255,.96);
  box-shadow: var(--shadow);
}

.prompt-subcategory-card h3 {
  margin: 0 0 .7rem;
  font-size: clamp(1.25rem, 1.8vw, 1.75rem);
  line-height: 1.08;
}

.prompt-subcategory-card.prompt-men-card,
.prompt-market-card.prompt-men-card,
.prompt-men-card {
  --cursor-x: 50%;
  --cursor-y: 38%;
  --tilt-x: 0deg;
  --tilt-y: 0deg;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 30px;
  background: transparent !important;
  box-shadow: 0 30px 68px rgba(7, 57, 84, .18);
  transform: perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(0);
  transform-style: preserve-3d;
  transition: transform .24s ease, box-shadow .24s ease;
  will-change: transform;
}

.prompt-men-card:hover {
  box-shadow: 0 42px 82px rgba(7, 57, 84, .28);
  transform: perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-8px);
}

.prompt-category-page .prompt-market-card.prompt-men-card:not(.prompt-command-card),
.prompt-subcategory-card.prompt-men-card {
  min-height: auto;
  padding: 0 !important;
  border: 0 !important;
}

.prompt-men-card .prompt-example-image {
  width: calc(100% + 2px);
  min-height: 46rem;
  aspect-ratio: 4 / 5;
  margin: -1px;
  border: 0;
  border-radius: 30px;
  box-shadow: none;
  transform: translateZ(0);
}

.prompt-men-card .prompt-example-image::before,
.prompt-men-card .prompt-example-image::after {
  display: block;
  z-index: 2;
  border: 0;
}

.prompt-men-card .prompt-example-image::before {
  inset: 0;
  border-radius: inherit;
  background:
    radial-gradient(circle at var(--cursor-x) var(--cursor-y), rgba(255,255,255,.42), transparent 20%),
    linear-gradient(180deg, rgba(2,7,11,0) 42%, rgba(2,7,11,.38) 100%);
  opacity: 0;
  transition: opacity .24s ease;
}

.prompt-men-card .prompt-example-image::after {
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(115deg, transparent 16%, rgba(255,255,255,.28) 44%, transparent 68%);
  opacity: 0;
  transform: translateX(-55%);
  transition: opacity .24s ease, transform .7s ease;
}

.prompt-men-card:hover .prompt-example-image::before {
  opacity: 1;
}

.prompt-men-card:hover .prompt-example-image::after {
  opacity: .75;
  transform: translateX(55%);
}

.prompt-men-card .prompt-example-image img {
  transition: transform .5s ease, filter .5s ease;
}

.prompt-men-card:hover .prompt-example-image img {
  filter: saturate(1.08) contrast(1.03);
  transform: scale(1.035);
}

.prompt-image-tag {
  position: absolute;
  left: 50%;
  top: 4.4rem;
  transform: translateX(-50%);
  z-index: 3;
  max-width: calc(100% - 6rem);
  padding: .58rem 1rem;
  border-radius: 999px;
  color: #0f1a27;
  background: rgba(2, 7, 11, .56);
  box-shadow: 0 8px 20px rgba(2, 7, 11, .18);
  font-size: .9rem;
  font-weight: 950;
  letter-spacing: .04em;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.prompt-save-pill {
  position: absolute;
  left: 0;
  top: 52%;
  z-index: 3;
  display: grid;
  place-items: center;
  min-width: 3.9rem;
  padding: .7rem .58rem;
  border-radius: 999px;
  color: #132235;
  background: rgba(2, 18, 31, .62);
  box-shadow: 0 10px 24px rgba(2, 7, 11, .18);
  font-size: 1.02rem;
  font-weight: 950;
  line-height: 1.1;
}

.prompt-save-pill span {
  display: block;
  color: #0f1a27;
  font-size: 1.55rem;
  line-height: 1;
}

.prompt-card-glass {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: grid;
  gap: 1rem;
  min-height: 8.6rem;
  padding: 1.3rem 1.55rem 1.35rem;
  border-radius: 30px 30px 0 0;
  color: #172232;
  background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.96));
  box-shadow: 0 -16px 34px rgba(2, 7, 11, .08);
  backdrop-filter: blur(12px);
  transform: translateZ(44px);
  transition: transform .24s ease, background .24s ease;
}

.prompt-men-card:hover .prompt-card-glass {
  background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.98));
  transform: translateZ(62px) translateY(-3px);
}

.prompt-card-glass h3 {
  margin: 0;
  max-width: 100%;
  color: #101a27;
  font-size: clamp(1.35rem, 1.95vw, 2.05rem);
  line-height: 1.1;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.prompt-card-glass p {
  display: -webkit-box;
  margin: 0;
  color: #526176;
  font-size: 1.06rem;
  font-weight: 750;
  line-height: 1.42;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.prompt-card-glass .prompt-collection-count {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  padding: .42rem .7rem;
  border-radius: 999px;
  color: #0f1a27;
  background: rgba(15, 26, 39, .08);
  font-size: .9rem;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

.prompt-card-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.prompt-card-share {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  place-items: center;
  width: 6.4rem;
  min-height: 5.25rem;
  padding: .45rem .75rem;
  border: 0;
  border-radius: 50%;
  color: #0e2134;
  background: #fff;
  box-shadow: 0 7px 18px rgba(2, 7, 11, .13);
  cursor: pointer;
  font-size: 1.22rem;
  font-weight: 950;
  line-height: 1.08;
  text-decoration: none;
}

.prompt-men-card .prompt-image-copy-button {
  position: static;
  min-width: 8.4rem;
  min-height: 3rem;
  max-width: none;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #02070b 0%, #0b4e7a 56%, #1d9eff 100%);
  box-shadow: 0 10px 22px rgba(7, 57, 84, .26);
  font-size: 1rem;
}

.prompt-subcategory-card p {
  color: var(--muted);
  font-weight: 760;
}

.prompt-mini-detail {
  display: grid;
  gap: .55rem;
  margin: .85rem 0;
}

.prompt-mini-detail p {
  display: grid;
  grid-template-columns: 6.8rem minmax(0, 1fr);
  gap: .7rem;
  margin: 0;
  padding: .55rem .65rem;
  border-radius: 8px;
  background: var(--soft);
  color: var(--ink);
}

.prompt-mini-detail strong {
  color: #0a3b5a;
  font-size: .82rem;
  text-transform: uppercase;
}

.prompt-mini-detail span {
  color: var(--muted);
  font-weight: 800;
}

.prompt-card-example {
  padding: .8rem .9rem;
  border-left: .22rem solid var(--sac-blue);
  border-radius: 8px;
  background: var(--soft);
}

.prompt-resource-line {
  margin: .85rem 0 0;
  padding: .65rem .8rem;
  border: 1px solid rgba(29, 158, 255, .22);
  border-radius: 999px;
  background: rgba(236, 248, 255, .88);
  color: var(--sac-dark);
  font-size: .82rem;
  font-weight: 950;
  text-align: center;
}

.prompt-create-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.1rem;
  max-width: 76rem;
  margin-inline: auto;
}

.prompt-create-card {
  display: grid;
  gap: 1rem;
  padding: 1.35rem;
  border: 1px solid rgba(29, 158, 255, .26);
  border-radius: 8px;
  background: rgba(255,255,255,.96);
  box-shadow: var(--shadow);
}

.prompt-create-card-single {
  max-width: 76rem;
  width: 100%;
  margin-inline: auto;
}

.prompt-create-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.prompt-create-head span {
  color: var(--ink);
  font-size: clamp(1.35rem, 2vw, 2rem);
  font-weight: 950;
}

.prompt-create-head strong {
  padding: .42rem .7rem;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #02070b, #1d9eff);
  font-size: .78rem;
  text-transform: uppercase;
}

.prompt-upload-box {
  display: grid;
  gap: .55rem;
  padding: 1rem;
  border: 1px dashed rgba(29, 158, 255, .55);
  border-radius: 8px;
  background: rgba(236, 248, 255, .72);
  color: var(--sac-dark);
  font-weight: 900;
  cursor: pointer;
}

.prompt-upload-box input {
  width: 100%;
}

.prompt-create-card textarea {
  min-height: 9rem;
  resize: vertical;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 8px;
  font: inherit;
  font-weight: 780;
  color: var(--ink);
  background: #fff;
}

.prompt-template-row {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
}

.prompt-template-row button {
  min-height: 2.65rem;
  padding: .55rem .82rem;
  border: 1px solid rgba(29, 158, 255, .32);
  border-radius: 999px;
  color: #073954;
  background: #fff;
  cursor: pointer;
  font: inherit;
  font-size: .86rem;
  font-weight: 900;
}

.prompt-template-row button:hover,
.prompt-template-row button:focus-visible {
  color: #fff;
  background: linear-gradient(135deg, #02070b, #1d9eff);
}

.prompt-quality-panel {
  display: grid;
  gap: .65rem;
  padding: .9rem;
  border: 1px solid rgba(29, 158, 255, .22);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(236,248,255,.86), rgba(255,255,255,.96));
}

.prompt-quality-panel div {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
}

.prompt-quality-panel strong {
  color: var(--sac-dark);
  font-weight: 950;
}

.prompt-quality-panel span,
.prompt-quality-panel li {
  color: var(--muted);
  font-size: .9rem;
  font-weight: 800;
}

.prompt-quality-panel meter {
  width: 100%;
  height: .8rem;
}

.prompt-quality-panel ul {
  display: grid;
  gap: .25rem;
  margin: 0;
  padding-left: 1.1rem;
}

.prompt-create-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
}

.prompt-create-actions .button {
  width: 100%;
  justify-content: center;
}

.prompt-create-preview {
  display: grid;
  gap: .9rem;
  min-height: 18rem;
  padding: .8rem;
  border: 1px solid rgba(29, 158, 255, .24);
  border-radius: 1.6rem;
  background: linear-gradient(145deg, #02070b 0%, #0b4e7a 56%, #1d9eff 100%);
  color: #fff;
}

.prompt-create-preview > span {
  align-self: center;
  justify-self: center;
  color: rgba(255,255,255,.84);
  font-weight: 900;
}

.prompt-create-preview img,
.prompt-create-preview video,
.prompt-create-placeholder {
  width: 100%;
  aspect-ratio: 4 / 5;
  max-height: 28rem;
  border-radius: 1.35rem;
  object-fit: cover;
  background: #06131d;
}

.prompt-create-placeholder {
  display: grid;
  place-items: center;
  align-content: center;
  gap: .45rem;
  border: 1px solid rgba(255,255,255,.18);
}

.prompt-create-placeholder strong {
  font-size: clamp(2rem, 5vw, 4rem);
  letter-spacing: .08em;
}

.prompt-create-placeholder span {
  color: #ccefff;
  font-weight: 900;
}

.prompt-create-result {
  padding: .85rem;
  border-radius: 8px;
  background: rgba(2, 7, 11, .72);
}

.prompt-processing-live {
  min-height: 18rem;
  display: grid;
  place-items: center;
  align-content: center;
  gap: .7rem;
  padding: 1.2rem;
  text-align: center;
}

.prompt-processing-live strong {
  color: #fff;
  font-size: clamp(1.45rem, 2.3vw, 2.25rem);
  font-weight: 950;
}

.prompt-processing-live p {
  max-width: 42rem;
  margin: 0;
  color: #d8efff;
  font-weight: 850;
  line-height: 1.45;
}

.prompt-processing-icon {
  width: 7.5rem;
  aspect-ratio: 1;
  display: block;
  border-radius: 50%;
  background:
    conic-gradient(from 25deg, transparent 0 14%, #1777bb 14% 30%, transparent 30% 40%, #1777bb 40% 63%, transparent 63% 72%, #1777bb 72% 96%, transparent 96% 100%);
  filter: drop-shadow(0 0 1.2rem rgba(29, 158, 255, .42));
  animation: promptProcessingSpin 1s linear infinite;
  position: relative;
}

.prompt-processing-icon::before {
  content: "";
  position: absolute;
  inset: 25%;
  border-radius: 50%;
  background: linear-gradient(145deg, #02070b, #0b4e7a);
}

.prompt-processing-icon::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: .9rem solid transparent;
  border-top-color: #1777bb;
  border-right-color: #1777bb;
}

@keyframes promptProcessingSpin {
  to { transform: rotate(360deg); }
}

.prompt-create-result strong {
  display: block;
  margin-bottom: .35rem;
  color: #fff;
}

.prompt-create-result p {
  margin: 0;
  color: #d8efff;
  font-weight: 800;
  line-height: 1.45;
}

.prompt-create-result.is-created {
  outline: 2px solid rgba(93, 198, 255, .65);
}

.prompt-tag-line {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin: 0 0 1rem;
}

.prompt-tag-line span {
  padding: .38rem .58rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: #0a3b5a;
  background: #fff;
  font-size: .78rem;
  font-weight: 900;
}

.prompt-subcategory-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .65rem;
  margin-top: auto;
}

.prompt-subcategory-actions .button {
  width: 100%;
  justify-content: center;
}

body.theme-night .prompt-category-sidebar {
  background: linear-gradient(180deg, #07101a 0%, #0b2740 100%);
}

body.theme-night .prompt-category-list button,
body.theme-night .prompt-subcategory-card {
  color: #fff;
  background: #07101a;
  border-color: #213649;
}

body.theme-night .prompt-category-list button strong,
body.theme-night .prompt-subcategory-card p {
  color: #cfe5f4;
}

body.theme-night .prompt-category-list button.active strong,
body.theme-night .prompt-category-list button:hover strong {
  color: #fff;
}

body.theme-night .prompt-market-card {
  color: #fff;
  background: #07101a;
  border-color: #213649;
}

body.theme-night .prompt-category-tabs button,
body.theme-night .prompt-command-category-grid button {
  color: #d8efff;
  background: #111820;
  border-color: #213649;
}

body.theme-night .prompt-category-tabs button.active,
body.theme-night .prompt-command-category-grid button.active {
  color: #fff;
  border-color: rgba(29, 158, 255, .62);
  background: linear-gradient(135deg, #02070b, #1d9eff);
}

body.theme-night .prompt-command-card h3 {
  color: #5fc7ff;
}

body.theme-night .prompt-command-table-wrap {
  background: #07101a;
  border-color: #213649;
}

body.theme-night .prompt-command-selected-heading {
  background: linear-gradient(135deg, #02070b, rgba(29, 158, 255, .2));
  border-color: #213649;
}

body.theme-night .prompt-command-table th,
body.theme-night .prompt-command-table td {
  border-color: #213649;
}

body.theme-night .prompt-command-table td {
  color: #cfe5f4;
}

body.theme-night .prompt-command-table td:first-child,
body.theme-night .prompt-command-table-command strong {
  color: #fff;
}

body.theme-night .prompt-mini-detail p,
body.theme-night .prompt-card-example,
body.theme-night .prompt-tag-line span,
body.theme-night .prompt-import-note,
body.theme-night .prompt-resource-line {
  background: #0b1622;
  border-color: #213649;
}

body.theme-night .prompt-mini-detail strong,
body.theme-night .prompt-tag-line span,
body.theme-night .prompt-resource-line {
  color: #66c4ff;
}

body.theme-night .prompt-import-note strong,
body.theme-night .prompt-import-note span {
  color: #fff;
}
body.theme-night.prompts-page { background: linear-gradient(180deg, #02070b 0%, #07101a 52%, #0b2740 100%); }
body.theme-night .prompt-hero-title span:first-child,
body.theme-night .prompt-filter-panel select,
body.theme-night .prompt-sample-card dd { color: #fff; }
body.theme-night .prompt-main-nav a,
body.theme-night .prompt-chip-wrap button,
body.theme-night .prompt-chip-wrap span,
body.theme-night .prompt-filter-panel .search-box,
body.theme-night .prompt-filter-panel select,
body.theme-night .prompt-stat-row article,
body.theme-night .prompt-category-card,
body.theme-night .prompt-sample-card,
body.theme-night .prompt-create-card,
body.theme-night .prompt-generator-card,
body.theme-night .prompt-generator-card textarea {
  background: #07101a;
  border-color: #213649;
}

body.theme-night .prompt-create-head span,
body.theme-night .prompt-create-card textarea {
  color: #fff;
}

body.theme-night .prompt-upload-box,
body.theme-night .prompt-create-card textarea {
  background: #0b1622;
  border-color: #213649;
}

body.theme-night .prompt-category-card p,
body.theme-night .prompt-sample-card p,
body.theme-night .prompt-generator-card p { color: #cfe5f4; }

.ebook-page {
  background: linear-gradient(180deg, #f5fbff 0%, #ffffff 46%, #eaf7ff 100%);
}

.ebook-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(20rem, .72fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
  background:
    radial-gradient(circle at 86% 22%, rgba(29, 158, 255, .2), transparent 28%),
    linear-gradient(135deg, #f8fcff 0%, #eef8ff 52%, #d8f0ff 100%);
}

.ebook-hero h1 {
  max-width: 15ch;
  color: #07121d;
  font-size: clamp(3.6rem, 8vw, 8.5rem);
  line-height: .92;
}

.ebook-hero .hero-text {
  max-width: 54rem;
}

.ebook-hero-visual {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 28rem;
  border: 1px solid rgba(29, 158, 255, .22);
  border-radius: 28px;
  background:
    linear-gradient(135deg, rgba(2, 7, 11, .94), rgba(11, 78, 122, .92) 58%, rgba(29, 158, 255, .95)),
    url("sac-logo.png") center/42% no-repeat;
  box-shadow: 0 32px 78px rgba(8, 55, 88, .18);
  overflow: hidden;
}

.ebook-hero-visual::before {
  content: "";
  position: absolute;
  inset: 2rem;
  border-radius: 22px;
  background-image:
    linear-gradient(rgba(255,255,255,.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.1) 1px, transparent 1px);
  background-size: 2rem 2rem;
  opacity: .55;
}

.ebook-hero-visual img {
  position: relative;
  z-index: 2;
  width: min(42%, 11rem);
  border-radius: 24px;
  box-shadow: 0 20px 44px rgba(0,0,0,.28);
}

.ebook-hero-visual div {
  position: absolute;
  left: 1.5rem;
  right: 1.5rem;
  bottom: 1.5rem;
  z-index: 3;
  display: grid;
  gap: .25rem;
  padding: 1rem 1.15rem;
  border-radius: 999px;
  color: #fff;
  background: rgba(2, 7, 11, .76);
  backdrop-filter: blur(10px);
}

.ebook-hero-visual strong {
  font-size: 1.05rem;
  font-weight: 950;
}

.ebook-hero-visual span {
  color: #d6efff;
  font-weight: 800;
}

.ebook-trend-grid,
.ebook-idea-table,
.ebook-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.ebook-trend-grid article,
.ebook-idea-table div,
.ebook-flow article {
  display: grid;
  gap: .7rem;
  min-height: 13rem;
  padding: 1.35rem;
  border: 1px solid rgba(29, 158, 255, .22);
  border-radius: 16px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 18px 46px rgba(8, 55, 88, .08);
}

.ebook-store-toolbar {
  display: grid;
  grid-template-columns: minmax(16rem, 1fr) minmax(12rem, .28fr);
  gap: .8rem;
  margin: 0 auto 1.2rem;
  max-width: 132rem;
}

.ebook-store-toolbar .search-box,
.ebook-store-toolbar select {
  min-height: 3.4rem;
  border: 1px solid rgba(29, 158, 255, .24);
  border-radius: 8px;
  background: #fff;
}

.ebook-store-toolbar select {
  color: #07121d;
  padding: 0 1rem;
  font: inherit;
  font-weight: 850;
}

.ebook-product-card {
  position: relative;
  align-content: start;
}

.ebook-product-card small {
  width: max-content;
  max-width: 100%;
  padding: .38rem .68rem;
  border: 1px solid rgba(29, 158, 255, .28);
  border-radius: 999px;
  color: #0b4e7a;
  background: #e9f7ff;
  font-size: .78rem;
  font-weight: 950;
}

.ebook-product-card > strong {
  color: #07121d;
  font-size: 1.75rem;
  font-weight: 950;
}

.ebook-product-card .button {
  align-self: end;
  width: 100%;
  min-height: 3rem;
}

.ebook-checkout-dialog {
  width: min(62rem, calc(100vw - 2rem));
}

.ebook-checkout-card {
  display: grid;
  gap: 1rem;
}

.ebook-checkout-card .profile-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ebook-checkout-card .bill-summary {
  position: static;
}

.ebook-library-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.ebook-library-card {
  display: grid;
  gap: .75rem;
  padding: 1.25rem;
  border: 1px solid rgba(29, 158, 255, .22);
  border-radius: 16px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 18px 46px rgba(8, 55, 88, .08);
}

.ebook-library-card small {
  color: var(--sac-blue);
  font-weight: 950;
}

.ebook-access-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
}

.ebook-reader-shell {
  display: grid;
  grid-template-columns: minmax(18rem, .34fr) minmax(0, 1fr);
  gap: 1.25rem;
  align-items: start;
}

.ebook-reader-sidebar,
.ebook-reader-content {
  border: 1px solid rgba(29, 158, 255, .22);
  border-radius: 18px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 18px 46px rgba(8, 55, 88, .08);
}

.ebook-reader-sidebar {
  position: sticky;
  top: 6rem;
  display: grid;
  gap: 1rem;
  padding: 1.25rem;
}

.ebook-reader-sidebar h1 {
  color: #07121d;
  font-size: clamp(1.8rem, 3vw, 3rem);
  line-height: 1;
}

.ebook-reader-content {
  display: grid;
  gap: 1rem;
  padding: clamp(1.25rem, 3vw, 2.5rem);
}

.ebook-reader-content h2 {
  color: #07121d;
  font-size: clamp(2.2rem, 5vw, 4.5rem);
  line-height: 1;
}

.ebook-reader-content section {
  display: grid;
  gap: .45rem;
  padding: 1rem 0;
  border-top: 1px solid rgba(29, 158, 255, .18);
}

.ebook-reader-content h3 {
  color: #0b4e7a;
  font-size: 1.25rem;
}

.ebook-reader-content p {
  color: #4f6073;
  font-weight: 760;
  line-height: 1.7;
}

.ebook-trend-grid span {
  display: grid;
  place-items: center;
  width: 2.8rem;
  aspect-ratio: 1;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, #02070b, #1d9eff);
  font-weight: 950;
}

.ebook-trend-grid h3,
.ebook-idea-table strong,
.ebook-flow strong {
  color: #07121d;
  font-size: 1.25rem;
  font-weight: 950;
}

.ebook-trend-grid p,
.ebook-idea-table span,
.ebook-flow span {
  color: #5b6b7d;
  font-weight: 760;
  line-height: 1.55;
}

.ebook-flow {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.theme-night.ebook-page {
  background: linear-gradient(180deg, #02070b 0%, #07101a 52%, #0b2740 100%);
}

body.theme-night .ebook-hero {
  background:
    radial-gradient(circle at 86% 22%, rgba(29, 158, 255, .2), transparent 28%),
    linear-gradient(135deg, #02070b 0%, #07101a 54%, #0b2740 100%);
}

body.theme-night .ebook-hero h1,
body.theme-night .ebook-trend-grid h3,
body.theme-night .ebook-idea-table strong,
body.theme-night .ebook-flow strong {
  color: #fff;
}

body.theme-night .ebook-trend-grid article,
body.theme-night .ebook-idea-table div,
body.theme-night .ebook-flow article,
body.theme-night .ebook-library-card,
body.theme-night .ebook-reader-sidebar,
body.theme-night .ebook-reader-content,
body.theme-night .ebook-store-toolbar .search-box,
body.theme-night .ebook-store-toolbar select {
  background: #07101a;
  border-color: #213649;
}

body.theme-night .ebook-trend-grid p,
body.theme-night .ebook-idea-table span,
body.theme-night .ebook-flow span {
  color: #cfe5f4;
}

body.theme-night .ebook-product-card > strong,
body.theme-night .ebook-reader-sidebar h1,
body.theme-night .ebook-reader-content h2,
body.theme-night .ebook-store-toolbar select {
  color: #fff;
}

body.theme-night .ebook-reader-content p {
  color: #cfe5f4;
}

@media (max-width: 980px) {
  .prompts-hero { grid-template-columns: 1fr; }
  .ebook-hero,
  .ebook-trend-grid,
  .ebook-idea-table,
  .ebook-flow,
  .ebook-library-grid,
  .ebook-reader-shell,
  .ebook-store-toolbar { grid-template-columns: 1fr 1fr; }
  .prompt-hero-visual,
  .prompt-robotic-visual { min-height: 18rem; }
  .prompt-filter-panel,
  .prompt-stat-row,
  .prompt-category-grid,
  .prompt-sample-grid,
  .prompt-generator-grid,
  .prompt-category-card-grid { grid-template-columns: 1fr 1fr; }
  .marketplace-control-panel,
  .marketplace-recommendations { grid-template-columns: 1fr; }
  .prompt-create-grid { grid-template-columns: 1fr; }
  .prompt-category-sidebar {
    position: static;
    max-height: none;
  }
  .prompt-subcategory-grid,
  .prompt-category-page .market-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .prompt-men-card .prompt-example-image { min-height: 40rem; }
  .prompt-card-glass h3 { font-size: clamp(1.8rem, 4vw, 2.6rem); }
  .prompt-men-card .prompt-image-copy-button { min-width: 7.8rem; }
}

@media (max-width: 680px) {
  .ebook-hero,
  .ebook-trend-grid,
  .ebook-idea-table,
  .ebook-flow,
  .ebook-library-grid,
  .ebook-reader-shell,
  .ebook-store-toolbar,
  .ebook-checkout-card .profile-form-grid { grid-template-columns: 1fr; }
  .ebook-hero h1 { font-size: clamp(3rem, 16vw, 4.6rem); }
  .prompt-filter-panel,
  .marketplace-control-panel,
  .marketplace-recommendations,
  .prompt-stat-row,
  .prompt-category-grid,
  .prompt-sample-grid,
  .prompt-create-grid,
  .prompt-generator-grid,
  .prompt-category-card-grid { grid-template-columns: 1fr; }
  .prompt-create-actions { grid-template-columns: 1fr; }
  .prompt-subcategory-grid,
  .prompt-category-page .market-grid { grid-template-columns: 1fr; }
  .prompt-men-card .prompt-example-image { min-height: 36rem; }
  .prompt-card-glass { min-height: 10rem; padding: 1.55rem 1.25rem 1.35rem; }
  .prompt-card-actions { gap: .9rem; }
  .prompt-men-card .prompt-image-copy-button { min-width: 7.4rem; min-height: 2.85rem; font-size: .95rem; }
  .prompt-card-share { width: 5.2rem; min-height: 4.6rem; font-size: 1rem; }
  .prompt-sample-card dl div { grid-template-columns: 1fr; }
}