/* ==========================================================================
   Signet landing — page-scoped styles (Targolegal / Signet Document AI)
   Base: targostyle.css + style.css. Overrides only here.
   ========================================================================== */

.signet-page {
  --sg-bg: #061426;
  --sg-bg-soft: #081a30;
  --sg-bg-muted: #0d233d;
  --sg-bg-dark: #011226;
  --sg-bg-dark-card: #0b1c33;
  --sg-text: #f8fbff;
  --sg-text-muted: #8492a4;
  --sg-text-soft: #7f94b2;
  --sg-red: #ff5a5f;
  --sg-red-hover: #ff7a7e;
  --sg-red-deep: #e24b50;
  --sg-red-soft: rgba(255, 90, 95, 0.14);
  --sg-red-border: rgba(255, 90, 95, 0.38);
  --sg-red-glow: rgba(255, 90, 95, 0.32);
  --sg-blue: #3b82f6;
  --sg-blue-dark: #2563eb;
  --sg-blue-soft: rgba(59, 130, 246, 0.14);
  --sg-blue-border: rgba(96, 165, 250, 0.28);
  --sg-green: #10b981;
  --sg-green-soft: rgba(16, 185, 129, 0.12);
  --sg-border: rgba(148, 163, 184, 0.16);
  --sg-shadow: 0 16px 36px rgba(1, 18, 38, 0.28);
  --sg-shadow-lg: 0 28px 70px rgba(1, 18, 38, 0.42);
  --sg-radius: 16px;
  --sg-radius-lg: 24px;
  --sg-radius-pill: 999px;
  --sg-font: "Manrope", system-ui, -apple-system, sans-serif;
  --sg-section-y: clamp(2.5rem, 4.5vw, 4rem);
  --sg-section-header-gap: clamp(1.25rem, 2.5vw, 2rem);
  --sg-hero-offset: 4.25rem;
  --sg-interactive-shell-h: 32rem;
  --sg-blueprint-workspace-h: 40rem;
  --sg-vertical-panel-h: 34rem;
  --sg-container: 1200px;

  font-family: var(--sg-font);
  color: var(--sg-text);
  background: var(--sg-bg);
  -webkit-font-smoothing: antialiased;
}

.signet-red-line {
  height: 11px;
  width: min(350px, 90%);
  max-width: 350px;
  background:var(--sg-red);
  box-shadow: 0 0 22px var(--sg-red-glow);
}

.signet-page h1,
.signet-page h2,
.signet-page h3,
.signet-page h4,
.signet-page h5,
.signet-page h6,
.signet-page .signet-display {
  font-family: var(--sg-font);
  letter-spacing: -0.02em;
}

/* ---- Navigation ---- */
.signet-nav {
  background: var(--sg-bg-dark);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  z-index: 1030;
}

.signet-navbar {
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
}

.signet-logo-mark {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--sg-red) 0%, var(--sg-red-deep) 100%);
  flex-shrink: 0;
  position: relative;
  box-shadow: 0 0 0 2px var(--sg-red-border), 0 8px 20px var(--sg-red-glow);
}

.signet-logo-mark::after {
  content: "";
  position: absolute;
  inset: 9px;
  border: 2px solid rgba(255, 255, 255, 0.9);
  border-radius: 4px;
}

.signet-brand-text {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
}

.signet-brand-name {
  font-weight: 800;
  font-size: 1.05rem;
  color: #fff;
}

.signet-brand-tag {
  font-size: 0.62rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--sg-text-soft);
}

.signet-nav-links .nav-link {
  color: rgba(255, 255, 255, 0.72) !important;
  font-weight: 500;
  font-size: 0.9rem;
  padding: 0.5rem 0.85rem !important;
}

.signet-nav-links .nav-link:hover,
.signet-nav-links .nav-link:focus {
  color: #fff !important;
}

.signet-nav-links .nav-link {
  position: relative;
  transition: color 0.2s ease;
}

.signet-nav-links .nav-link::after {
  content: "";
  position: absolute;
  left: 0.85rem;
  right: 0.85rem;
  bottom: 0.15rem;
  height: 2px;
  border-radius: 999px;
  background: var(--sg-red);
  opacity: 0;
  transform: scaleX(0.55);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.signet-nav-links .nav-link:hover::after,
.signet-nav-links .nav-link:focus::after {
  opacity: 1;
  transform: scaleX(1);
}

.signet-nav-toggler {
  border-color: rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  padding: 0.45rem 0.6rem;
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.signet-nav-toggler:focus {
  box-shadow: 0 0 0 3px var(--sg-red-soft);
}

.signet-nav-toggler[aria-expanded="true"] {
  background: var(--sg-red-soft);
  border-color: var(--sg-red-border);
}

/* ---- Buttons (Targolegal coral CTA) ---- */
.signet-btn-cta,
.signet-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  background: var(--sg-red);
  color: #fff !important;
  font-weight: 600;
  border: none;
  border-radius: var(--sg-radius-pill);
  padding: 0.75rem 1.45rem;
  transition: background 0.22s ease, transform 0.18s ease, box-shadow 0.22s ease, color 0.22s ease;
}

.signet-btn-cta:hover,
.signet-btn-primary:hover {
  background: var(--sg-red-hover);
  color: #011226 !important;
  transform: translateY(-2px);
}

.signet-btn-dark {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: var(--sg-bg-dark);
  color: #fff !important;
  font-weight: 700;
  border: none;
  border-radius: 12px;
  padding: 0.9rem 1.5rem;
  transition: background 0.2s;
}

.signet-btn-dark:hover {
  background: #1e293b;
  color: #fff !important;
}

.signet-btn-outline {
  background: transparent;
  color: var(--sg-text) !important;
  border: 1px solid var(--sg-border);
  border-radius: 12px;
  font-weight: 600;
  padding: 0.85rem 1.25rem;
}

.signet-btn-ghost {
  color: rgba(255, 255, 255, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: var(--sg-radius-pill);
  font-weight: 600;
  font-size: 0.85rem;
  padding: 0.5rem 1rem;
  background: transparent;
}

.signet-btn-ghost:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff !important;
}

.signet-btn-sm {
  padding: 0.55rem 1.1rem;
  font-size: 0.875rem;
}

.signet-btn-block {
  width: 100%;
}

.signet-btn-featured {
  background: linear-gradient(135deg, var(--sg-red) 0%, var(--sg-red-deep) 100%);
  color: #fff !important;
}

.signet-btn-featured:hover {
  color: #011226 !important;
}

/* ---- Layout utilities ---- */
.signet-main {
  overflow-x: hidden;
}

.signet-section {
  padding-top: var(--sg-section-y);
  padding-bottom: var(--sg-section-y);
}

.signet-section--soft {
  background: var(--sg-bg-soft);
}

.signet-section--muted {
  background: var(--sg-bg-muted);
}

.signet-section--dark {
  background: var(--sg-bg-dark);
  color: #fff;
}

.signet-eyebrow {
  display: inline-block;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #ff655b;
  margin-bottom: 0.75rem;
}

.signet-eyebrow--on-dark {
  color: #ffc4c6;
}

.signet-section--dark .signet-eyebrow {
  color: #ffc4c6;
}

.signet-title {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 800;
  line-height: 1.12;
  color: var(--sg-text);
  margin-bottom: 1rem;
}

.signet-section--dark .signet-title {
  color: #fff;
}

.signet-lead {
  font-size: clamp(1rem, 2vw, 1.15rem);
  color: var(--sg-text-muted);
  line-height: 1.65;
  max-width: 42rem;
}

.signet-section--dark .signet-lead {
  color: #8492a4;
}

.signet-text-accent {
  color: var(--sg-red);
}

.signet-header-center {
  text-align: center;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.signet-header-center .signet-lead {
  margin-left: auto;
  margin-right: auto;
}

/* ---- Hero ---- */
.signet-hero {
  position: relative;
  padding-top: calc(var(--sg-hero-offset) + clamp(0.75rem, 2vw, 1.5rem));
  padding-bottom: clamp(2.25rem, 4vw, 3.25rem);
  background:
    linear-gradient(135deg, rgba(1, 18, 38, 0.98) 0%, rgba(8, 26, 48, 0.96) 58%, rgba(12, 35, 61, 0.94) 100%);
  overflow: hidden;
}


.signet-pill-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.85rem;
  background: var(--sg-red-soft);
  border: 1px solid var(--sg-red-border);
  border-radius: var(--sg-radius-pill);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #ffd0d2;
  margin-bottom: 1.25rem;
}

.signet-pill-badge .signet-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--sg-red);
  animation: signet-pulse 2s ease infinite;
}

@keyframes signet-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.45; }
}

.signet-hero-title {
  font-size: clamp(2.25rem, 5.5vw, 3.75rem);
  font-weight: 800;
  line-height: 1.08;
  margin-bottom: 1.25rem;
}

.signet-hero-stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  padding-top: 1.75rem;
  margin-top: 1.75rem;
  border-top: 1px solid var(--sg-border);
}

.signet-stat-value {
  font-size: 1.65rem;
  font-weight: 800;
  font-style: italic;
  color: var(--sg-text);
}

.signet-stat-label {
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--sg-text-soft);
  margin-top: 0.2rem;
}

/* Hero mockup */
.signet-mockup-wrap {
  position: relative;
  padding: 1.5rem 0;
}

.signet-mockup {
  background: var(--sg-bg-soft);
  border: 1px solid var(--sg-border);
  border-radius: var(--sg-radius);
  box-shadow: var(--sg-shadow-lg);
  overflow: hidden;
}

.signet-mockup-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.65rem 1rem;
  background: #fff;
  border-bottom: 1px solid var(--sg-border);
}

.signet-mockup-dots {
  display: flex;
  gap: 6px;
}

.signet-mockup-dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.signet-mockup-dots span:nth-child(1) { background: #f87171; }
.signet-mockup-dots span:nth-child(2) { background: #fbbf24; }
.signet-mockup-dots span:nth-child(3) { background: #34d399; }

.signet-mockup-body {
  display: flex;
  min-height: 220px;
}

.signet-mockup-sidebar {
  width: 38%;
  max-width: 140px;
  padding: 1rem;
  background: #fff;
  border-right: 1px solid var(--sg-border);
  display: none;
}

@media (min-width: 576px) {
  .signet-mockup-sidebar { display: block; }
}

.signet-mockup-sidebar .signet-skel-active {
  height: 32px;
  background: var(--sg-blue-soft);
  border: 1px solid var(--sg-blue-border);
  border-radius: 8px;
  margin-bottom: 0.75rem;
}

.signet-skel-line {
  height: 10px;
  background: var(--sg-bg-muted);
  border-radius: 4px;
  margin-bottom: 0.45rem;
}

.signet-mockup-content {
  flex: 1;
  padding: 1.25rem;
}

.signet-mockup-doc-title {
  font-size: 0.85rem;
  font-weight: 700;
}

.signet-mockup-meta {
  font-size: 0.7rem;
  color: var(--sg-text-soft);
}

.signet-badge-verified {
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0.25rem 0.55rem;
  background: var(--sg-green-soft);
  color: #047857;
  border-radius: 6px;
}

.signet-drop-zone {
  margin-top: 1rem;
  min-height: 100px;
  border: 2px dashed #cbd5e1;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  background: #fff;
}

.signet-drop-zone span {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--sg-text-soft);
}

.signet-float-card {
  position: absolute;
  background: #fff;
  border: 1px solid var(--sg-border);
  border-radius: 14px;
  padding: 0.85rem 1rem;
  box-shadow: var(--sg-shadow);
  display: flex;
  align-items: center;
  gap: 0.65rem;
  z-index: 2;
  max-width: 200px;
}

.signet-float-card--top {
  top: 0;
  left: 0;
}

.signet-float-card--bottom {
  bottom: 0;
  right: 0;
  background: var(--sg-bg-dark);
  color: #fff;
  border-color: transparent;
  max-width: 220px;
}

.signet-float-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--sg-green);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  flex-shrink: 0;
}

.signet-progress {
  height: 4px;
  background: #334155;
  border-radius: 4px;
  margin-top: 0.5rem;
  overflow: hidden;
}

.signet-progress-bar {
  width: 68%;
  height: 100%;
  background: var(--sg-blue);
  border-radius: 4px;
}

/* Trust bar */
.signet-trust {
  padding: clamp(1.25rem, 2.5vw, 1.75rem) 0;
  background: var(--sg-bg-soft);
  border-top: 1px solid var(--sg-border);
  border-bottom: 1px solid var(--sg-border);
}

.signet-trust-label {
  text-align: center;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--sg-text-soft);
  margin-bottom: 1.25rem;
}

.signet-trust-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1.5rem 2.5rem;
  opacity: 0.45;
  filter: grayscale(1);
}

.signet-trust-logos span {
  font-weight: 800;
  font-size: 1rem;
  color: var(--sg-text);
  white-space: nowrap;
}

/* Feature cards */
.signet-feature-card {
  background: #fff;
  border: 1px solid var(--sg-border);
  border-radius: var(--sg-radius);
  padding: 1.5rem;
  height: 100%;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.signet-feature-card:hover {
  border-color: rgba(37, 99, 235, 0.35);
  box-shadow: var(--sg-shadow);
}

.signet-feature-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1.25rem;
}

.signet-feature-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--sg-blue-soft);
  color: var(--sg-blue);
  display: flex;
  align-items: center;
  justify-content: center;
}

.signet-feature-badge {
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;

  padding: 0.28rem 0.65rem;
  border-radius: 999px;

  background: rgba(255, 90, 95, 0.12);
  color: #ff655b;
  border: 1px solid rgba(255, 90, 95, 0.28);

  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}

.signet-feature-cat {
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--sg-text-soft);
  margin-bottom: 0.35rem;
}

.signet-feature-title {
  font-size: 1.1rem;
  font-weight: 800;
  margin-bottom: 0.5rem;
}

.signet-feature-desc {
  font-size: 0.9rem;
  color: var(--sg-text-muted);
  line-height: 1.6;
  margin: 0;
}

/* Tool category cards */
.signet-tool-card {
  background: #fff;
  border: 1px solid var(--sg-border);
  border-radius: var(--sg-radius);
  padding: 1.35rem;
  height: 100%;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s;
}

.signet-tool-card:hover {
  border-color: rgba(37, 99, 235, 0.4);
  box-shadow: var(--sg-shadow);
  transform: translateY(-2px);
  color: inherit;
}

.signet-tool-card h3 {
  font-size: 1rem;
  font-weight: 800;
  margin: 0.75rem 0 0.35rem;
}

.signet-tool-card p {
  font-size: 0.85rem;
  color: var(--sg-text-muted);
  margin: 0;
  flex: 1;
}

.signet-tool-tag {
  font-size: 0.62rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--sg-blue);
  margin-top: 1rem;
}

.signet-toolkit-group {
  margin-bottom: 2.75rem;
}

.signet-toolkit-group:last-child {
  margin-bottom: 0;
}

.signet-toolkit-group-title {
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--sg-blue);
  margin: 0 0 1rem;
  padding-bottom: 0.65rem;
  border-bottom: 1px solid var(--sg-border);
}

/* Demo sandbox */
.signet-demo-card {
  background: linear-gradient(180deg, rgba(12, 29, 52, 0.97), rgba(7, 23, 42, 0.97));
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: var(--sg-radius-lg);
  overflow: hidden;
}

/* ---- Step bar ---- */
.signet-demo-stepbar {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0;
  padding: 1.25rem 1.5rem 0;
  background: transparent;
  overflow-x: auto;
  scrollbar-width: none;
}

.signet-demo-stepbar::-webkit-scrollbar { display: none; }

.signet-demo-step {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: transparent;
  border: none;
  padding: 0.5rem 0.65rem;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s ease;
  color: var(--sg-text-soft);
}
 
.signet-demo-step-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1.5px solid rgba(148, 163, 184, 0.3);
  font-size: 0.68rem;
  font-weight: 800;
  flex-shrink: 0;
  transition: background 0.22s ease, border-color 0.22s ease, color 0.22s ease;
}

.signet-demo-step-label {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition: color 0.22s ease;
}

.signet-demo-step.is-active .signet-demo-step-num {
  background: var(--sg-text);
  border-color: var(--sg-text);
  color: var(--sg-bg-dark);
}
 

.signet-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 1rem;
  background: var(--sg-bg-soft);
  border-bottom: 1px solid var(--sg-border);
}

.signet-step {
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 0.45rem 0.75rem;
  border-radius: var(--sg-radius-pill);
  background: #e2e8f0;
  color: #475569;
}

.signet-step.is-active {
  background: var(--sg-bg-dark);
  color: #fff;
}

.signet-step.is-done {
  background: var(--sg-blue-soft);
  color: var(--sg-blue-dark);
}

.signet-demo-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}

@media (min-width: 992px) {
  .signet-demo-grid {
    grid-template-columns: 1fr 1.1fr;
  }
}

.signet-demo-panel {
  padding: 1.5rem;
  border-bottom: 1px solid var(--sg-border);
}

@media (min-width: 992px) {
  .signet-demo-panel {
    border-bottom: none;
    border-right: 1px solid var(--sg-border);
  }
}

.signet-status-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--sg-border);
  font-size: 0.9rem;
}

.signet-status-verified {
  color: var(--sg-green);
  font-weight: 800;
  font-size: 0.75rem;
  letter-spacing: 0.06em;
}

.signet-doc-preview {
  padding: 1.25rem;
  background: var(--sg-bg-soft);
  font-size: 0.8rem;
  line-height: 1.6;
  color: var(--sg-text-muted);
}

.signet-doc-preview h4 {
  font-size: 0.95rem;
  font-weight: 800;
  color: var(--sg-text);
}

/* Blueprint explorer */
.signet-pill-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1.25rem;
}

.signet-pill {
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.45rem 0.9rem;
  border-radius: var(--sg-radius-pill);
  border: 1px solid var(--sg-border);
  background: #fff;
  color: var(--sg-text);
  cursor: pointer;
  transition: color 0.18s ease, background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.signet-pill.is-active,
.signet-pill:hover {
  background: var(--sg-bg-dark);
  color: #fff;
  border-color: var(--sg-bg-dark);
  box-shadow: 0 10px 24px rgba(1, 18, 38, 0.18);
}

.signet-pill:hover {
  transform: translateY(-1px);
}

.signet-blueprint-controls {
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: var(--sg-radius);
  padding: 1.25rem;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
}

.signet-blueprint-controls .form-control {
  border-color: rgba(1, 18, 38, 0.26);
  border-radius: 10px;
  color: var(--sg-bg-dark);
  font-size: 0.86rem;
}

.signet-blueprint-list {
  transition: opacity 0.22s ease;
}

.signet-blueprint-list.is-updating {
  opacity: 1;
  pointer-events: auto;
}

.signet-blueprint-item {
  width: 100%;
  text-align: left;
  background: #fff;
  border: 1px solid var(--sg-border);
  border-radius: 12px;
  padding: 1rem;
  margin-bottom: 0.75rem;
  cursor: pointer;
  color: inherit;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, background 0.18s ease;
}

.signet-blueprint-item.is-active {
  border-color: var(--sg-blue);
  background: linear-gradient(180deg, #fff 0%, #f8fbff 100%);
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.22), 0 14px 32px rgba(37, 99, 235, 0.1);
}

.signet-blueprint-item:hover {
  border-color: rgba(37, 99, 235, 0.45);
  transform: translateY(-1px);
}

.signet-blueprint-item-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.45rem;
}

.signet-blueprint-item-top strong {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--sg-blue);
  line-height: 1.35;
}

.signet-blueprint-item-top span {
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sg-text-soft);
  flex-shrink: 0;
}

.signet-blueprint-summary {
  display: block;
  color: var(--sg-text-muted);
  font-size: 0.8rem;
  line-height: 1.6;
  margin-bottom: 0.75rem;
}

.signet-blueprint-item-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  border-top: 1px solid rgba(15, 23, 42, 0.12);
  padding-top: 0.65rem;
  color: var(--sg-bg-dark);
  font-size: 0.7rem;
  font-weight: 700;
}

.signet-blueprint-item-foot em {
  color: var(--sg-blue);
  font-style: normal;
  font-size: 0.68rem;
}

.signet-blueprint-preview {
  position: relative;
  overflow: visible;
  background: #fff;
  border: 1px solid rgba(1, 18, 38, 0.82);
  border-radius: var(--sg-radius);
  padding: clamp(1.5rem, 3vw, 2rem);
  box-shadow: 0 22px 48px rgba(1, 18, 38, 0.12);
}

.signet-blueprint-preview.is-swapping,
.signet-blueprint-preview.is-swapping-out {
  animation: none;
  opacity: 1;
  transition: none;
}

.signet-blueprint-input:focus {
  border-color: var(--sg-red-border) !important;
  box-shadow: 0 0 0 3px var(--sg-red-soft);
}

.signet-blueprint-stamp {
  position: absolute;
  top: 1.1rem;
  right: 1.1rem;
  transform: rotate(10deg);
  border: 1px solid rgba(16, 185, 129, 0.3);
  box-shadow: 0 8px 18px rgba(16, 185, 129, 0.12);
}

.signet-blueprint-copy {
  color: #172554;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 0.86rem;
  line-height: 1.75;
}

.signet-blueprint-copy p {
  margin-bottom: 0.9rem;
}

.signet-blueprint-standards {
  list-style: none;
  padding: 0;
  margin: 0;
}

.signet-blueprint-standards li {
  color: var(--sg-text-muted);
  font-size: 0.78rem;
  margin-bottom: 0.35rem;
}

.signet-blueprint-standards li::before {
  content: "\2713";
  color: var(--sg-green);
  font-weight: 800;
  margin-right: 0.45rem;
}

@keyframes signet-content-in {
  from {
    opacity: 0.82;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* AI dark section */
.signet-ai-panel {
  background: var(--sg-bg-dark-card);
  border: 1px solid rgba(59, 130, 246, 0.25);
  border-radius: var(--sg-radius);
  padding: 1.25rem;
}

.signet-ai-input {
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 1rem;
  color: #93c5fd;
  font-style: italic;
  font-size: 0.85rem;
}

.signet-check-list li {
  display: flex;
  gap: 0.65rem;
  margin-bottom: 1rem;
}

.signet-check-icon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid rgba(59, 130, 246, 0.4);
  color: #60a5fa;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 0.7rem;
}

/* Vertical solutions */
.signet-vertical-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.signet-vertical-btn {
  width: 100%;
  text-align: left;
  padding: 1rem 1.1rem;
  border: 1px solid var(--sg-border);
  border-radius: 12px;
  background: #fff;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.signet-vertical-btn.is-active {
  border-color: var(--sg-blue);
  box-shadow: 0 0 0 1px var(--sg-blue);
}

.signet-vertical-btn strong {
  display: block;
  font-size: 0.95rem;
}

.signet-vertical-btn small {
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--sg-text-soft);
}

.signet-vertical-detail {
  background: #fff;
  border: 1px solid var(--sg-border);
  border-radius: var(--sg-radius);
  padding: 1.75rem;
  box-shadow: var(--sg-shadow);
}

.signet-use-case {
  background: var(--sg-bg-soft);
  border-radius: 10px;
  padding: 0.75rem 1rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

.signet-value-bar {
  background: var(--sg-blue);
  color: #fff;
  border-radius: 0 0 var(--sg-radius) var(--sg-radius);
  padding: 1rem 1.25rem;
  margin: 0 -1.75rem 0;
}

.signet-value-bar strong {
  font-size: 1.35rem;
}

/* Metrics */
.signet-metric-card {
  background: #fff;
  border: 1px solid var(--sg-border);
  border-radius: var(--sg-radius);
  padding: 2rem 1.5rem;
  height: 100%;
  transition: box-shadow 0.2s;
}

.signet-metric-card:hover {
  box-shadow: var(--sg-shadow);
}

.signet-metric-value {
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 800;
  color: var(--sg-blue);
  line-height: 1;
  margin-bottom: 0.5rem;
}

.signet-metric-label {
  font-weight: 800;
  font-size: 0.95rem;
  margin-bottom: 0.35rem;
}

.signet-metric-sub {
  font-size: 0.8rem;
  color: var(--sg-text-muted);
  margin: 0;
}

/* Testimonials */
.signet-quote-card {
  background: var(--sg-bg-soft);
  border: 1px solid var(--sg-border);
  border-radius: var(--sg-radius-lg);
  padding: 2rem;
  height: 100%;
}

.signet-quote-card blockquote {
  font-style: italic;
  color: #334155;
  line-height: 1.7;
  margin-bottom: 1.5rem;
  font-size: 0.95rem;
}

/* Pricing */
.signet-pricing-toggle {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
}

.signet-pricing-card {
  background: #fff;
  border: 1px solid var(--sg-border);
  border-radius: var(--sg-radius-lg);
  padding: 2rem 1.75rem;
  height: 100%;
  position: relative;
}

.signet-pricing-card.is-featured {
  border-color: var(--sg-blue);
  box-shadow: 0 0 0 1px var(--sg-blue), var(--sg-shadow-lg);
}

.signet-pricing-badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--sg-blue);
  color: #fff;
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0.35rem 0.85rem;
  border-radius: var(--sg-radius-pill);
  white-space: nowrap;
}

.signet-price {
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1;
}

.signet-price span {
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--sg-text-muted);
}

.signet-pricing-features {
  list-style: none;
  padding: 0;
  margin: 1.5rem 0;
}

.signet-pricing-features li {
  display: flex;
  gap: 0.5rem;
  font-size: 0.88rem;
  margin-bottom: 0.65rem;
  color: var(--sg-text-muted);
}

.signet-pricing-features li::before {
  content: "\2713";
  color: var(--sg-green);
  font-weight: 800;
}

.signet-save-badge {
  font-size: 0.65rem;
  font-weight: 800;
  background: var(--sg-green-soft);
  color: #047857;
  padding: 0.2rem 0.5rem;
  border-radius: var(--sg-radius-pill);
}

/* FAQ */
.signet-faq-item {
  border: 1px solid var(--sg-border);
  border-radius: var(--sg-radius);
  margin-bottom: 0.75rem;
  overflow: hidden;
  background: #fff;
}

.signet-faq-btn {
  width: 100%;
  text-align: left;
  padding: 1.25rem 1.5rem;
  background: #fff;
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}

.signet-faq-cat {
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--sg-blue);
  display: block;
  margin-bottom: 0.35rem;
}

.signet-faq-q {
  font-size: 1rem;
  font-weight: 700;
  color: var(--sg-text);
}

/* CTA band */
.signet-cta-band {
  background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%);
  color: #fff;
  border-radius: var(--sg-radius-lg);
  padding: clamp(2.5rem, 5vw, 4rem);
  text-align: center;
}

.signet-cta-band .signet-title {
  color: #fff;
}

.signet-cta-band .signet-lead {
  color: #cbd5e1;
  margin: 0 auto 1.5rem;
}

/* Footer */
.signet-footer {
  background: var(--sg-bg-dark);
  color: #94a3b8;
  padding: 3.5rem 0 2rem;
  margin-top: 0;
}

.signet-footer .signet-brand-name {
  color: #fff;
}

.signet-footer-heading {
  font-size: 0.8rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #fff;
  margin-bottom: 1rem;
}

.signet-footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.signet-footer-links a {
  color: #94a3b8;
  text-decoration: none;
  font-size: 0.9rem;
  display: block;
  padding: 0.2rem 0;
}

.signet-footer-links a:hover {
  color: #fff;
}

.signet-footer-lead {
  font-size: 0.9rem;
  line-height: 1.6;
  max-width: 320px;
}

.signet-footer-divider {
  border-color: rgba(255, 255, 255, 0.1);
  margin: 2rem 0 1.25rem;
}

.signet-footer-bottom {
  font-size: 0.82rem;
}

.signet-footer-bottom a {
  color: #fff;
  text-decoration: none;
}

.signet-footer-meta {
  color: #8492a4;
}

/* Smooth scroll offset for sticky nav */
.signet-page [id] {
  scroll-margin-top: 88px;
}

.signet-btn-outline-light {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  background: transparent;
}

.signet-btn-outline-light:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff !important;
}


.signet-faq-accordion .accordion-button::after {
  flex-shrink: 0;
}

.signet-page .signet-faq-accordion .accordion-button:not(.collapsed) {
  background: transparent !important;
  color: var(--sg-text) !important;
  box-shadow: none !important;
}

/* Hover and focus: no background flash */
.signet-page .signet-faq-accordion .accordion-button:hover,
.signet-page .signet-faq-accordion .accordion-button:focus {
  background: rgba(255, 255, 255, 0.03) !important;
  color: var(--sg-text) !important;
  box-shadow: none !important;
  outline: none;
}

/* Chevron icon: keep it light-toned */
.signet-page .signet-faq-accordion .accordion-button::after {
  filter: brightness(0) invert(0.6);
}

.signet-page .signet-faq-accordion .accordion-button:not(.collapsed)::after {
  filter: brightness(0) invert(0.75);
}

/* Card container: dark surface, no white */
.signet-page .signet-faq-item {
  background: #0c1d34 !important;
  border: 1px solid rgba(148, 163, 184, 0.14);
}

/* Expanded item: faint left accent, still dark */
.signet-page .signet-faq-item:has(.accordion-button:not(.collapsed)) {
  border-color: rgba(255, 90, 95, 0.28);
  border-left-width: 2px;
}

/* Body text in open panel */
.signet-page .signet-faq-accordion .accordion-collapse,
.signet-page .signet-faq-accordion .accordion-body {
  background: transparent !important;
  color: var(--sg-text-muted) !important;
}

/* Divider between header and body */
.signet-page .signet-faq-item .accordion-body {
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  padding-top: 1rem;
}

.signet-faq-accordion .accordion-body {
  padding: 0 1.5rem 1.25rem;
  font-size: 0.9rem;
}

/* ---- Signet refinement pass: Targolegal dark-product color language ---- */
.signet-page {
  --sg-bg: #061426;
  --sg-bg-soft: #081a30;
  --sg-bg-muted: #0d233d;
  --sg-bg-dark: #011226;
  --sg-bg-dark-card: #0b1c33;
  --sg-text: #f8fbff;
  --sg-text-muted: #b8c6dc;
  --sg-text-soft: #7f94b2;
  --sg-blue: #2563eb;
  --sg-blue-dark: #1d4ed8;
  --sg-blue-soft: rgba(37, 99, 235, 0.14);
  --sg-blue-border: rgba(96, 165, 250, 0.34);
  --sg-green-soft: rgba(16, 185, 129, 0.12);
  --sg-border: rgba(148, 163, 184, 0.16);
  --sg-shadow: 0 16px 36px rgba(1, 18, 38, 0.28);
  --sg-shadow-lg: 0 28px 70px rgba(1, 18, 38, 0.42);
}

.signet-main {
  background:
    linear-gradient(180deg, #061426 0%, #07182c 48%, #061426 100%);
}

.signet-section,
.signet-section--soft,
.signet-section--muted {
  background: transparent;
}

.signet-section--soft {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), inset 0 -1px 0 rgba(255, 255, 255, 0.035);
}

.signet-hero {
  background:
    linear-gradient(135deg, rgba(1, 18, 38, 0.98) 0%, rgba(8, 26, 48, 0.96) 58%, rgba(12, 35, 61, 0.94) 100%);
}



.signet-title,
.signet-hero-title,
.signet-stat-value,
.signet-feature-title,
.signet-tool-card h3,
.signet-demo-panel h3,
.signet-doc-preview h4,
.signet-metric-label,
.signet-price,
.signet-faq-q {
  color: var(--sg-text);
}

.signet-lead,
.signet-feature-desc,
.signet-tool-card p,
.signet-metric-sub,
.signet-quote-card blockquote,
.signet-pricing-features li,
.signet-faq-accordion .accordion-body {
  color: var(--sg-text-muted);
}

.signet-feature-card,
.signet-tool-card,
.signet-demo-card,
.signet-metric-card,
.signet-quote-card,
.signet-pricing-card,
.signet-faq-item,
.signet-faq-btn,
.signet-vertical-detail,
.signet-blueprint-item,
.signet-blueprint-controls, 
.signet-mockup,
.signet-float-card,
.signet-drop-zone,
.signet-use-case {
  background: linear-gradient(180deg, rgba(12, 29, 52, 0.96), rgba(7, 23, 42, 0.96));
  border-color: rgba(148, 163, 184, 0.16);
  color: var(--sg-text);
}

.signet-feature-card,
.signet-tool-card,
.signet-metric-card,
.signet-pricing-card,
.signet-vertical-detail,
.signet-blueprint-preview {
  box-shadow: 0 18px 46px rgba(1, 18, 38, 0.28);
}

.signet-feature-card:hover,
.signet-tool-card:hover,
.signet-metric-card:hover,
.signet-pricing-card:hover,
.signet-blueprint-item:hover,
.signet-vertical-btn:hover {
  border-color: var(--sg-red-border);
  box-shadow: 0 24px 56px rgba(1, 18, 38, 0.38), 0 0 0 1px var(--sg-red-soft);
}

.signet-feature-card:hover,
.signet-metric-card:hover,
.signet-pricing-card:hover {
  transform: translateY(-2px);
}

.signet-feature-card,
.signet-metric-card,
.signet-pricing-card {
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.signet-btn-cta,
.signet-btn-primary,
.signet-btn-featured {
  background: linear-gradient(135deg, var(--sg-red) 0%, var(--sg-red-deep) 100%);
}

.signet-btn-cta:hover,
.signet-btn-primary:hover,
.signet-btn-featured:hover {
  background: linear-gradient(135deg, var(--sg-text) 0%, var(--sg-text) 100%);
}

.signet-btn-dark {
  background: #011226;
  border: 1px solid rgba(147, 197, 253, 0.16);
  box-shadow: 0 14px 32px rgba(1, 18, 38, 0.34);
  transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.signet-btn-dark:hover {
  background: #062140;
  box-shadow: 0 18px 42px rgba(37, 99, 235, 0.26);
  transform: translateY(-1px);
}

.signet-btn-outline {
  color: var(--sg-text) !important;
  border-color: rgba(147, 197, 253, 0.24);
  transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

.signet-btn-outline:hover {
  background: var(--sg-red-soft);
  border-color: var(--sg-red-border);
  transform: translateY(-1px);
}

.signet-pill,
.signet-vertical-btn {
  background: rgba(11, 28, 51, 0.88);
  color: var(--sg-text);
  border-color: rgba(148, 163, 184, 0.16);
}

.signet-pill.is-active,
.signet-pill:hover,
.signet-step.is-active,
.signet-vertical-btn.is-active {
  background: linear-gradient(135deg, #011226 0%, #3a1520 100%);
  border-color: var(--sg-red-border);
  box-shadow: 0 16px 34px rgba(1, 18, 38, 0.38), 0 0 0 1px var(--sg-red-soft);
}

.signet-pill.is-active {
  box-shadow: 0 12px 28px var(--sg-red-glow), 0 0 0 1px var(--sg-red-border);
}

.signet-blueprint-item.is-active {
  background: linear-gradient(180deg, rgba(42, 18, 28, 0.55), rgba(8, 26, 48, 0.98));
  border-color: var(--sg-red);
  box-shadow: 0 0 0 1px var(--sg-red-border), 0 14px 32px var(--sg-red-glow);
}

.signet-blueprint-item:hover {
  border-color: var(--sg-red-border);
}

.signet-blueprint-item-top strong {
  color: var(--sg-text);
}

.signet-blueprint-item.is-active .signet-blueprint-item-top strong {
  color: #ff655b;
}

.signet-tool-tag,
.signet-faq-cat {
  color: #ff655b;
}

.signet-blueprint-controls h3,
.signet-blueprint-controls .h6 {
  color: var(--sg-text);
}

.signet-metric-value {
  color: var(--sg-red);
}

.signet-blueprint-item-foot em {
  color: #ff655b;
}

.signet-blueprint-copy {
  color: #dbeafe;
}

.signet-blueprint-controls .form-control,
.signet-demo-card .form-control,
.signet-pricing-toggle .form-check-input {
  background-color: rgba(1, 18, 38, 0.68);
  border-color: rgba(147, 197, 253, 0.28);
  color: var(--sg-text);
}

.signet-mockup-bar,
.signet-mockup-sidebar,
.signet-doc-preview,
.signet-steps,
.signet-trust {
  background: rgba(1, 18, 38, 0.48);
  border-color: rgba(148, 163, 184, 0.14);
}

.signet-skel-line,
.signet-drop-zone {
  background: rgba(148, 163, 184, 0.14);
}

.signet-vertical-btn {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.85rem;
}

.signet-vertical-btn::after {
  content: "\2192";
  position: absolute;
  right: 1rem;
  color: var(--sg-text-soft);
  transition: transform 0.18s ease, color 0.18s ease;
}

.signet-vertical-btn.is-active::after,
.signet-vertical-btn:hover::after {
  color: var(--sg-red);
  transform: translateX(3px);
}

.signet-vertical-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.12);
  color: #bfdbfe;
  font-size: 0.68rem;
  font-weight: 800;
}

.signet-vertical-btn.is-active .signet-vertical-icon {
  background: linear-gradient(135deg, var(--sg-red) 0%, var(--sg-red-deep) 100%);
  color: #fff;

}

.signet-vertical-btn.is-active {
  border-color: var(--sg-red-border);
  box-shadow: 0 0 0 1px var(--sg-red-soft), 0 14px 30px rgba(1, 18, 38, 0.28);
}

.signet-vertical-btn {
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.18s ease;
}

.signet-vertical-btn:hover {
  transform: translateY(-1px);
}

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

.signet-use-case--green {
  background: rgba(16, 185, 129, 0.12);
  border: 1px solid rgba(16, 185, 129, 0.22);
  color: #bbf7d0;
}

.signet-vertical-detail.is-ready {
  animation: none;
}

.signet-value-bar {
  background: linear-gradient(135deg, var(--sg-red-deep) 0%, var(--sg-red) 55%, #8f2d35 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 10px 28px var(--sg-red-glow);
}
.signet-page .signet-cta-band {
  /* Clean deep navy — no red glow, no radial bloom */
  background: #080f1e;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-top: 1px solid rgba(148, 163, 184, 0.18);
  box-shadow: none;
}

/* Remove the inset glow pseudo-element */
.signet-page .signet-cta-band::after {
  display: none;
}

/* Red line accent: softer, no bloom */
.signet-page .signet-cta-band .signet-red-line {
  background: var(--sg-red);
  box-shadow: none;
  opacity: 0.7;
}

/* Primary CTA button: solid, no gradient shimmer */
.signet-page .signet-cta-band .signet-btn-cta,
.signet-page .signet-cta-band .signet-btn-primary {
  background: var(--sg-red);
  box-shadow: none;
}

.signet-page .signet-cta-band .signet-btn-cta:hover,
.signet-page .signet-cta-band .signet-btn-primary:hover {
  background: var(--sg-text);
  box-shadow: none;
  transform: translateY(-1px);
}

/* Outline button: clean border, no glow */
.signet-page .signet-cta-band .signet-btn-outline-light {
  border-color: rgba(255, 255, 255, 0.22) !important;
  box-shadow: none;
}

.signet-page .signet-cta-band .signet-btn-outline-light:hover {
  background: rgb(255, 255, 255);
  border-color: rgba(255, 255, 255, 0.38) !important;
  box-shadow: none;
}
.signet-page.signet-nav-open {
  overflow: hidden;
}

.signet-page .text-muted {
  color: var(--sg-text-muted) !important;
}

.signet-cta-actions {
  position: relative;
  z-index: 1;
}

.signet-feature-icon {
  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.18s ease;
}

.signet-feature-card:hover .signet-feature-icon {
  background: var(--sg-red-soft);
  color: var(--sg-red);
  box-shadow: 0 0 18px var(--sg-red-glow);
  transform: scale(1.04);
}

.signet-cta-band::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: calc(var(--sg-radius-lg) - 1px);
  pointer-events: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}



.signet-blueprint-item-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  border-top: 1px solid rgba(15, 23, 42, 0.12);
  padding-top: 0.65rem;
  color: var(--sg-text);
  font-size: 0.7rem;
  font-weight: 700;
}

.signet-blueprint-item-foot em {
  color: var(--sg-text-muted);
  font-style: normal;
  font-size: 0.68rem;
}


@media (max-width: 991.98px) {
  .signet-navbar .navbar-collapse.collapsing {
    transition: height 0.28s ease;
  }

  .signet-navbar .navbar-collapse.show {
    display: block !important;
    visibility: visible !important;
  }

  .signet-navbar .navbar-collapse {
    margin-top: 0.8rem;
    padding: 1rem;
    border: 1px solid var(--sg-red-border);
    border-radius: var(--sg-radius);
    background: rgba(1, 18, 38, 0.98);
    box-shadow: 0 20px 46px rgba(0, 0, 0, 0.32);
  }

  .signet-nav-links .nav-link {
    padding: 0.72rem 0 !important;
  }

  .signet-nav-links .nav-link::after {
    left: 0;
    right: auto;
    width: 34px;
  }

  .signet-nav-actions {
    padding-top: 0.75rem;
    border-top: 1px solid rgba(148, 163, 184, 0.14);
  }

  .signet-blueprint-stamp {
    position: static;
    display: inline-flex;
    margin-bottom: 0.85rem;
    transform: rotate(0);
  }
}

@media (max-width: 575.98px) {
  .signet-use-case-grid {
    grid-template-columns: 1fr;
  }

  .signet-hero-stats {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
  }

  .signet-hero-stats > div {
    flex: 1;
  }

  .signet-stat-value {
    font-size: 1.25rem;
  }

  .signet-stat-label {
    font-size: 0.55rem;
  }
}

@media (max-width: 767.98px) {
  .signet-value-bar {
    margin-top: 1.5rem;
  }
}

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


.signet-demo-step.is-active .signet-demo-step-num {
  background: var(--sg-text);
  border-color: var(--sg-text);
  color: var(--sg-bg-dark);
}
 
.signet-demo-step.is-active .signet-demo-step-label {
  color: var(--sg-text);
}
 
/* Done step */
.signet-demo-step.is-done .signet-demo-step-num {
  background: rgba(37, 99, 235, 0.2);
  border-color: rgba(96, 165, 250, 0.5);
  color: #93c5fd;
}
 
.signet-demo-step.is-done .signet-demo-step-label {
  color: #93c5fd;
}
 
.signet-demo-step-connector {
  flex: 1;
  min-width: 20px;
  height: 1px;
  background: rgba(148, 163, 184, 0.2);
  display: block;
}
 
/* ---- Progress line under stepbar ---- */
.signet-demo-progress-track {
  height: 2px;
  background: rgba(148, 163, 184, 0.12);
  margin: 0.85rem 1.5rem 0;
  border-radius: 999px;
  overflow: hidden;
}
 
.signet-demo-progress-fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, var(--sg-red-deep), var(--sg-red));
  border-radius: 999px;
  transition: width 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}
 
/* ---- Main grid: panel + doc ---- */
.signet-demo-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  margin: 1.25rem 0 0;
  min-height: var(--sg-interactive-shell-h);
  align-items: stretch;
}

@media (min-width: 992px) {
  .signet-demo-grid {
    grid-template-columns: 1fr 1.15fr;
  }
}
 
/* ---- Left content panel ---- */
.signet-demo-panel {
  position: relative;
  padding: 1.75rem 1.5rem 1.5rem;
  border-right: 1px solid rgba(148, 163, 184, 0.1);
  min-height: var(--sg-interactive-shell-h);
  box-sizing: border-box;
}
 
@media (max-width: 991.98px) {
  .signet-demo-panel {
    border-right: none;
    border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  }
}
 
/* ---- Step content transitions ---- */
.signet-demo-step-content {
  position: absolute;
  top: 1.75rem;
  left: 1.5rem;
  right: 1.5rem;
  bottom: 1.5rem;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-gutter: stable;
  animation: signet-demo-fade-in 0.28s ease both;
}

.signet-demo-step-content[hidden] {
  display: none !important;
}
 
@keyframes signet-demo-fade-in {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}
 
.signet-demo-phase-title {
  font-size: 1.35rem;
  font-weight: 800;
  color: var(--sg-text);
  margin: 0.35rem 0 0.6rem;
  letter-spacing: -0.02em;
}
 
.signet-demo-phase-desc {
  font-size: 0.88rem;
  color: var(--sg-text-muted);
  line-height: 1.65;
  margin-bottom: 1.25rem;
  max-width: 36rem;
}
 
/* ---- Blueprint selector (step 0) ---- */
.signet-demo-blueprint-list {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
 
.signet-demo-bp-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  width: 100%;
  text-align: left;
  background: rgba(11, 28, 51, 0.7);
  border: 1.5px solid rgba(148, 163, 184, 0.16);
  border-radius: 12px;
  padding: 0.85rem 1rem;
  cursor: pointer;
  color: var(--sg-text);
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
 
.signet-demo-bp-item strong {
  display: block;
  font-size: 0.9rem;
  font-weight: 700;
  margin-bottom: 0.15rem;
}
 
.signet-demo-bp-item small {
  font-size: 0.75rem;
  color: var(--sg-text-muted);
}
 
.signet-demo-bp-item.is-active {
  border-color: var(--sg-red-border);
  background: rgba(255, 90, 95, 0.08);
  box-shadow: 0 0 0 1px var(--sg-red-soft), 0 8px 24px rgba(255, 90, 95, 0.1);
}
 
.signet-demo-bp-item:hover:not(.is-active) {
  border-color: rgba(148, 163, 184, 0.32);
  background: rgba(11, 28, 51, 0.9);
}
 
.signet-demo-bp-icon {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.15);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #93c5fd;
  flex-shrink: 0;
  margin-top: 1px;
  transition: background 0.2s ease, color 0.2s ease;
}
 
.signet-demo-bp-item.is-active .signet-demo-bp-icon {
  background: var(--sg-red-soft);
  color: var(--sg-red);
  border-color: var(--sg-red-border);
}
 
/* ---- Variable fields (step 1) ---- */
.signet-demo-fields {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
 
.signet-demo-field-group {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
 
.signet-demo-field-label {
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--sg-text-soft);
}
 
.signet-demo-input {
  background: rgba(1, 18, 38, 0.65);
  border: 1.5px solid rgba(147, 197, 253, 0.2);
  border-radius: 10px;
  padding: 0.7rem 0.9rem;
  color: var(--sg-text);
  font-size: 0.9rem;
  font-family: var(--sg-font);
  width: 100%;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  outline: none;
}
 
.signet-demo-input:focus {
  border-color: var(--sg-red-border);
  box-shadow: 0 0 0 3px var(--sg-red-soft);
}
 
/* ---- Action buttons ---- */
.signet-demo-action-btn {
  width: 100%;
  justify-content: center;
  border-radius: 10px;
  padding: 0.8rem 1.25rem;
  font-size: 0.9rem;
  font-weight: 700;
  background: var(--sg-red);
  box-shadow: none;
  transition: background 0.2s ease, transform 0.15s ease;
}
 
.signet-demo-action-btn:hover {
  background: var(--sg-red-hover);
  transform: translateY(-1px);
  color: var(--sg-bg-dark) !important;
}
 
/* ---- Check list (step 2) ---- */
.signet-demo-check-list {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
 
.signet-demo-check-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.08);
  border: 1px solid rgba(16, 185, 129, 0.22);
  border-radius: 10px;
  padding: 0.75rem 1rem;
  font-size: 0.88rem;
  color: var(--sg-text);
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
 
.signet-demo-check-item.is-visible {
  opacity: 1;
  transform: translateY(0);
}
 
.signet-demo-check-icon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.35);
  color: var(--sg-green);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
 
/* ---- Approval list (step 3) ---- */
.signet-demo-approval-list {
  background: rgba(11, 28, 51, 0.7);
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 1rem;
}
 
.signet-demo-approval-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.85rem 1rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  font-size: 0.88rem;
}
 
.signet-demo-approval-row:last-child {
  border-bottom: none;
}
 
.signet-demo-approval-name {
  color: var(--sg-text-muted);
}
 
.signet-demo-approval-verified {
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: var(--sg-green);
}
 
.signet-demo-sign-btn {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 0.4rem 0.85rem;
  background: var(--sg-red);
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.15s ease;
}
 
.signet-demo-sign-btn:hover {
  background: var(--sg-red-hover);
  transform: translateY(-1px);
}
 
.signet-demo-sign-btn.is-signed {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.35);
  color: var(--sg-green);
  cursor: default;
}
 
.signet-demo-sign-btn.is-signed:hover {
  transform: none;
}
 
.signet-demo-goto-btn {
  width: 100%;
  background: rgba(11, 28, 51, 0.7);
  border: 1.5px solid rgba(148, 163, 184, 0.2);
  border-radius: 10px;
  padding: 0.8rem 1.25rem;
  color: var(--sg-text-soft);
  font-size: 0.88rem;
  font-weight: 700;
  cursor: not-allowed;
  transition: border-color 0.22s ease, color 0.22s ease, background 0.22s ease, cursor 0.22s ease;
}
 
.signet-demo-goto-btn:not([disabled]) {
  cursor: pointer;
  color: var(--sg-text);
  border-color: var(--sg-red-border);
  background: rgba(255, 90, 95, 0.07);
}
 
.signet-demo-goto-btn:not([disabled]):hover {
  background: rgba(255, 90, 95, 0.14);
}
 
/* ---- Sign/Seal (step 4) ---- */
.signet-demo-seal-btn {
  background: var(--sg-red);
  box-shadow: none;
}
 
.signet-demo-seal-btn.is-sealed {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.35);
  color: var(--sg-green) !important;
  cursor: default;
  transform: none;
}
 
.signet-demo-sealed-badge {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.28);
  border-radius: 10px;
  padding: 0.85rem 1rem;
  margin-top: 1rem;
  font-size: 0.88rem;
  font-weight: 600;
  color: #6ee7b7;
  animation: signet-demo-fade-in 0.3s ease both;
}
 
.signet-demo-sealed-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.35);
  color: var(--sg-green);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
 
.signet-demo-reset-btn {
  display: block;
  width: 100%;
  margin-top: 0.75rem;
  background: transparent;
  border: none;
  color: var(--sg-text-soft);
  font-size: 0.8rem;
  text-decoration: underline;
  cursor: pointer;
  text-align: center;
  padding: 0.25rem;
  transition: color 0.2s ease;
}
 
.signet-demo-reset-btn:hover {
  color: var(--sg-text);
}
 
/* ---- Document preview pane (right) ---- */
.signet-demo-doc-pane {
  background: #f8faff;
  border-left: 1px solid rgba(148, 163, 184, 0.15);
  display: flex;
  flex-direction: column;
  min-height: var(--sg-interactive-shell-h);
  height: 100%;
  box-sizing: border-box;
  transition: opacity 0.22s ease;
}
 
.signet-demo-doc-pane.is-updating {
  opacity: 0.65;
}
 
.signet-demo-doc-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1.25rem 1.5rem 1rem;
  border-bottom: 1px solid rgba(1, 18, 38, 0.08);
}
 
.signet-demo-doc-eyebrow {
  display: block;
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8492a4;
  margin-bottom: 0.3rem;
}
 
.signet-demo-doc-title {
  font-size: 0.92rem;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.3;
}
 
/* Override feature badge for light doc pane */
.signet-demo-doc-pane .signet-feature-badge {
  background: rgba(37, 99, 235, 0.1);
  color: #1d4ed8;
  border: 1px solid rgba(37, 99, 235, 0.22);
  flex-shrink: 0;
}
 
.signet-demo-doc-body {
  flex: 1;
  padding: 1.25rem 1.5rem;
}
 
.signet-demo-doc-line {
  font-size: 0.82rem;
  color: #334155;
  line-height: 1.7;
  margin-bottom: 0.3rem;
  font-family: Georgia, "Times New Roman", serif;
}
 
.signet-demo-doc-heading {
  font-weight: 700;
  color: #0f172a;
  font-family: Georgia, "Times New Roman", serif;
}
 
.signet-demo-doc-indent {
  padding-left: 1.5rem;
}
 
.signet-demo-doc-var {
  font-weight: 700;
  color: #172554;
  transition: color 0.2s ease;
}
 
.signet-demo-doc-var.is-updated {
  color: var(--sg-red-deep);
  animation: signet-var-flash 0.6s ease both;
}
 
@keyframes signet-var-flash {
  0%, 100% { color: #172554; }
  40%       { color: var(--sg-red-deep); }
}
 
.signet-demo-doc-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 1rem 1.5rem 1.25rem;
  border-top: 1px solid rgba(1, 18, 38, 0.08);
  margin-top: auto;
}
 
.signet-demo-doc-footer-label {
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #94a3b8;
  margin-bottom: 0.2rem;
}
 
.signet-demo-doc-footer-value {
  font-size: 0.88rem;
  font-weight: 700;
  color: #0f172a;
}
 
.signet-demo-doc-footer-pending {
  font-size: 0.68rem;
  color: #94a3b8;
  margin-top: 0.2rem;
  font-style: italic;
}
 
.signet-demo-doc-footer-pending.is-sealed {
  color: var(--sg-green);
  font-style: normal;
  font-weight: 700;
}
 
/* ---- Footer bar ---- */
.signet-demo-footer-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.85rem 1.5rem;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  background: rgba(1, 18, 38, 0.25);
}
 
.signet-demo-engine-tag {
  font-size: 0.68rem;
  font-weight: 700;
  color: var(--sg-text-soft);
  letter-spacing: 0.04em;
}
 
.signet-demo-back-btn {
  background: transparent;
  border: none;
  color: var(--sg-text-soft);
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  transition: color 0.2s ease;
}
 
.signet-demo-back-btn:hover {
  color: var(--sg-text);
}
 
/* ---- Responsive tweaks ---- */
@media (max-width: 991.98px) {
  .signet-demo-doc-pane {
    border-left: none;
    border-top: 1px solid rgba(148, 163, 184, 0.12);
  }
  .signet-demo-stepbar {
    padding: 1rem 1rem 0;
  }
  .signet-demo-step-label {
    display: none;
  }
  .signet-demo-step-label {
    display: none;
  }
  /* Show label only for active on mobile */
  .signet-demo-step.is-active .signet-demo-step-label {
    display: inline;
  }
}
 /* ---- Demo doc pane: keep light/document tone ---- */
.signet-demo-doc-pane,
.signet-demo-doc-pane .signet-demo-doc-body,
.signet-demo-doc-header {
  background: #f8faff !important;
  color: #0f172a;
}

.signet-demo-doc-line {
  color: #334155 !important;
}

.signet-demo-doc-title {
  color: #0f172a !important;
}

.signet-demo-doc-footer-value {
  color: #0f172a !important;
}

.signet-demo-doc-footer {
  background: #f0f4ff !important;
  border-top: 1px solid rgba(1, 18, 38, 0.08);
}

/* Ensure check items animate properly */
.signet-demo-check-item {
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.signet-demo-check-item.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Step nav: active pill style */
.signet-demo-stepbar .signet-demo-step {
  opacity: 0.5;
  transition: opacity 0.2s ease;
}
.signet-demo-stepbar .signet-demo-step.is-active,
.signet-demo-stepbar .signet-demo-step.is-done {
  opacity: 1;
}

/* Progress fill animation */
.signet-demo-progress-fill {
  transition: width 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Goto btn unlocked state */
.signet-demo-goto-btn:not([disabled]) {
  cursor: pointer;
  color: var(--sg-text);
  border-color: var(--sg-red-border);
  background: rgba(255, 90, 95, 0.07);
}
.signet-demo-goto-btn:not([disabled]):hover {
  background: rgba(255, 90, 95, 0.14);
}


.signet-blueprint-controls .signet-feature-cat,
.signet-blueprint-controls label {
  color: #475569;
}

.signet-blueprint-controls h3,
.signet-blueprint-controls .h6 {
  color: #0f172a;
}

.signet-blueprint-preview {
  background: #ffffff !important;
  color: #0f172a;
}

.signet-blueprint-preview .signet-eyebrow {
  color: #e24b50;
}

.signet-blueprint-preview h3,
.signet-blueprint-preview #signet-blueprint-title {
  color: #0f172a !important;
}

.signet-blueprint-preview #signet-blueprint-meta,
.signet-blueprint-preview .text-muted {
  color: #8492a4 !important;
}

.signet-blueprint-copy {
  color: #172554 !important;
}

.signet-blueprint-standards li {
  color: #334155 !important;
}

#signet-blueprint-audience {
  color: #475569 !important;
}

/* ---- Hero product lockup ---- */
.signet-product-lockup {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
}

.signet-product-wordmark {
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #fff;
  line-height: 1;
}

.signet-product-divider {
  width: 1px;
  height: 18px;
  background: rgba(255, 255, 255, 0.2);
  flex-shrink: 0;
}

.signet-product-by {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sg-text-muted);
}

.signet-trust-logos img {
  height: 28px;
  width: auto;

  filter:
    brightness(0)
    invert(1)
    grayscale(1);

  opacity: 0.75;
  transition: opacity 0.25s ease,
              transform 0.25s ease;
}

/* ---- Layout stability & spacing system (Signet landing) ---- */
.signet-section .row.mb-5,
.signet-section .row.mb-4,
.signet-section .signet-header-center.mb-5 {
  margin-bottom: var(--sg-section-header-gap) !important;
}

.signet-blueprint-layout {
  display: grid;
  gap: 1rem 1.5rem;
  min-height: var(--sg-blueprint-workspace-h);
}

.signet-blueprint-layout__controls {
  margin-bottom: 0 !important;
}

.signet-blueprint-layout__list {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.signet-blueprint-layout__preview {
  display: flex;
  min-height: 0;
}

.signet-blueprint-preview-shell {
  flex: 1;
  width: 100%;
  min-height: 0;
  display: flex;
}

.signet-blueprint-preview {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 0;
  overflow: visible;
  box-sizing: border-box;
}

.signet-blueprint-preview-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: visible;
}

.signet-blueprint-preview-foot {
  flex-shrink: 0;
}

.signet-blueprint-list {
  overflow: visible;
}

@media (min-width: 992px) {
  .signet-blueprint-layout {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    grid-template-rows: auto minmax(0, 1fr);
    align-items: stretch;
  }

  .signet-blueprint-layout__pills {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
  }

  .signet-blueprint-layout__controls {
    grid-column: 2;
    grid-row: 1;
    align-self: start;
  }

  .signet-blueprint-layout__list {
    grid-column: 1;
    grid-row: 2;
  }

  .signet-blueprint-layout__preview {
    grid-column: 2;
    grid-row: 2;
  }

  .signet-blueprint-layout__list .signet-blueprint-list {
    flex: 1;
    min-height: 0;
    height: 100%;
  }

  .signet-blueprint-layout__preview .signet-blueprint-preview-shell,
  .signet-blueprint-layout__preview .signet-blueprint-preview {
    height: 100%;
  }
}

.signet-demo-grid {
  min-height: var(--sg-interactive-shell-h);
  align-items: stretch;
}

@media (min-width: 992px) {
  #signet-vertical-panel-home {
    display: flex;
    min-height: var(--sg-vertical-panel-h);
  }

  .signet-vertical-detail {
    flex: 1;
    width: 100%;
    height: auto;
    min-height: var(--sg-vertical-panel-h);
    max-height: none;
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
    overflow: visible;
    box-sizing: border-box;
  }

  .signet-vertical-detail-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: visible;
  }

  .signet-vertical-detail .signet-value-bar {
    flex-shrink: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .signet-solutions-layout > .col-lg-4 {
    align-self: stretch;
  }
}

@media (max-width: 991.98px) {
  #signet-vertical-panel-home:not(:has(> #signet-vertical-panel)) {
    display: none;
  }

  .signet-vertical-detail.is-mobile-inline {
    margin: 0.65rem 0 0.35rem;
    width: 100%;
    min-height: auto;
  }

  .signet-blueprint-layout {
    min-height: 0;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .signet-demo-panel,
  .signet-demo-doc-pane {
    min-height: 26rem;
  }

  .signet-demo-grid {
    min-height: 0;
  }
}

.signet-page{
  --sg-bg:#ffffff;
  --sg-bg-soft:#fdfdfd;
  --sg-bg-muted:#ffffff;
  --sg-bg-dark:#011226;
  --sg-bg-dark-card:#0b2947;
  --sg-text:#101828;
  --sg-text-muted:#667085;
  --sg-text-soft:#98a2b3;
  --sg-red:#ff655b;
  --sg-red-hover:#ff8a65;
  --sg-red-deep:#e94f48;
  --sg-red-soft:rgba(255,101,91,.1);
  --sg-red-border:rgba(255,101,91,.4);
  --sg-red-glow:rgba(255,101,91,0);  
  --sg-blue:#ff655b;
  --sg-blue-dark:#e94f48;
  --sg-blue-soft:rgba(255,101,91,.1);
  --sg-blue-border:rgba(255,101,91,.32);
  --sg-green:#12b76a;
  --sg-green-soft:rgba(18,183,106,.12);
  --sg-border:#e5e7eb;
  --sg-shadow:0 12px 28px rgba(16,24,40,.08);
  --sg-shadow-lg:0 24px 60px rgba(16,24,40,.12);
  --sg-radius:5px;
  --sg-radius-lg:8px;
  --sg-radius-pill:999px;
  --sg-section-y:76px;
}

.signet-main{
  background:#ffffff !important;
}
.signet-section{
  background:#ffffff !important;
  color:var(--sg-text) !important;
  box-shadow:none !important;
}
.signet-section--soft,
.signet-section--muted{
  background:var(--sg-bg-muted) !important;
  color:var(--sg-text) !important;
  box-shadow:none !important;
}
.signet-section--dark{
  background:var(--sg-bg-dark) !important;
  color:#fff !important;
}

.signet-title, .signet-hero-title, .signet-feature-title,
.signet-tool-card h3, .signet-demo-panel h3, .signet-doc-preview h4,
.signet-metric-label, .signet-price, .signet-faq-q{
  color:var(--sg-text) !important;
}
.signet-stat-value,
.signet-hero .signet-hero-title,
.signet-section--dark .signet-title{
  color:#fff !important;
}
.signet-lead, .signet-feature-desc, .signet-tool-card p, .signet-metric-sub,
.signet-quote-card blockquote, .signet-pricing-features li,
.signet-faq-accordion .accordion-body{
  color:var(--sg-text-muted) !important;
}
.signet-hero .signet-lead,
.signet-section--dark .signet-lead{
  color:#c7d1dc !important;
}

.signet-feature-card, .signet-tool-card, .signet-metric-card,
.signet-quote-card, .signet-pricing-card, .signet-faq-item, .signet-faq-btn,
.signet-vertical-detail, .signet-blueprint-item, .signet-blueprint-controls,
.signet-blueprint-preview, .signet-use-case, .signet-float-card{
  background:#ffffff !important;
  border:1px solid var(--sg-border) !important;
  color:var(--sg-text) !important;
  box-shadow:none !important;
}
.signet-float-card--bottom{
  background:var(--sg-bg-dark) !important;
  color:#fff !important;
  border-color:transparent !important;
}
.signet-feature-card, .signet-tool-card, .signet-metric-card, .signet-quote-card,
.signet-pricing-card, .signet-faq-item, .signet-vertical-detail, .signet-blueprint-item,
.signet-blueprint-controls, .signet-blueprint-preview, .signet-demo-card, .signet-mockup,
.signet-float-card, .signet-drop-zone, .signet-use-case{
  border-radius:var(--sg-radius) !important;
}
.signet-feature-card:hover, .signet-tool-card:hover, .signet-metric-card:hover,
.signet-pricing-card:hover, .signet-blueprint-item:hover, .signet-vertical-btn:hover{
  border-color:var(--sg-red) !important;
  box-shadow:var(--sg-shadow) !important;
  transform:translateY(-2px);
}
.signet-quote-card blockquote{ color:var(--sg-text) !important; }

.signet-blueprint-controls .form-control{
  background-color:#ffffff !important;
  border-color:var(--sg-border) !important;
  color:var(--sg-text) !important;
}
.signet-blueprint-controls .form-control:focus{
  border-color:var(--sg-red) !important;
  box-shadow:0 0 0 3px var(--sg-red-soft) !important;
}

.signet-hero{
  background:
    radial-gradient(circle at top right, rgba(57,119,255,.22), transparent 34%),
    var(--sg-bg-dark) !important;
  position:relative;
  overflow:hidden;
}
.signet-hero::before{
  content:"";
  position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom, black, transparent 86%);
  -webkit-mask-image:linear-gradient(to bottom, black, transparent 86%);
  pointer-events:none;
}
.signet-hero .container{ position:relative; z-index:1; }

.signet-pill-badge{
  background:rgba(255,101,91,.12) !important;
  border-color:rgba(255,101,91,.35) !important;
  color:#ffd0cd !important;
}
.signet-pill-badge .signet-dot{ background:var(--sg-red) !important; }

.signet-red-line{
  height:5px !important;
  border-radius:2px;
  box-shadow:none !important;
}

.signet-mockup, .signet-demo-card{
  background:#081727 !important;
  border:1px solid rgba(255,255,255,.09) !important;
}
.signet-mockup-bar, .signet-mockup-sidebar, .signet-steps{
  background:rgba(255,255,255,.03) !important;
  border-color:rgba(255,255,255,.09) !important;
}
.signet-skel-line{ background:rgba(255,255,255,.09) !important; }
.signet-mockup-doc-title{ color:#fff !important; }
.signet-mockup-meta{ color:#9fb1c7 !important; }
.signet-drop-zone{
  background:rgba(255,255,255,.03) !important;
  border-color:rgba(255,255,255,.18) !important;
}
.signet-drop-zone span{ color:#c6d1df !important; }

.signet-doc-preview{
  background:#f8faff !important;
  color:#0f172a !important;
  border:1px solid rgba(1,18,38,.08) !important;
}
.signet-doc-preview h4{ color:#0f172a !important; }

.signet-btn-cta, .signet-btn-primary, .signet-btn-featured{
  background:linear-gradient(90deg,#ff8a65,#ff5c4d) !important;
  border:none !important;
  border-radius:999px !important;
  box-shadow:none !important;
  color:#fff !important;
}
.signet-btn-cta:hover, .signet-btn-primary:hover, .signet-btn-featured:hover{
  opacity:.92;
  color:#fff !important;
  transform:translateY(-1px);
}
.signet-btn-dark{
  background:var(--sg-bg-dark) !important;
  border:1px solid var(--sg-bg-dark) !important;
  border-radius:999px !important;
  box-shadow:none !important;
}
.signet-btn-dark:hover{ background:#0b2947 !important; }
.signet-btn-outline{
  border-radius:999px !important;
  border-color:#d0d5dd !important;
  color:var(--sg-text) !important;
  background:#ffffff !important;
}
.signet-btn-outline:hover{
  border-color:var(--sg-red) !important;
  background:#ffffff !important;
  color:var(--sg-red) !important;
  transform:translateY(-1px);
}
.signet-btn-outline-light{ border-radius:999px !important; }
.signet-btn-ghost{ border-radius:999px !important; }

.signet-pill, .signet-vertical-btn{
  background:#ffffff !important;
  border:1px solid var(--sg-border) !important;
  color:var(--sg-text) !important;
  box-shadow:none !important;
}
.signet-pill.is-active, .signet-pill:hover{
  background:linear-gradient(90deg,#ff8a65,#ff5c4d) !important;
  border-color:transparent !important;
  color:#fff !important;
  box-shadow:0 6px 18px rgba(255,101,91,.28) !important;
}
.signet-vertical-btn.is-active{
  border-color:var(--sg-red) !important;
  box-shadow:0 0 0 1px var(--sg-red) !important;
}
.signet-step.is-active{ background:var(--sg-bg-dark) !important; color:#fff !important; }
.signet-step.is-done{ background:var(--sg-red-soft) !important; color:var(--sg-red-deep) !important; }

.signet-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  color:var(--sg-red) !important;
}
.signet-eyebrow::before{
  content:""; width:22px; height:3px; background:var(--sg-red); display:inline-block;
}
.signet-eyebrow--on-dark,
.signet-hero .signet-eyebrow,
.signet-section--dark .signet-eyebrow{
  color:#ff655b !important;
}
.signet-header-center{ text-align:left; margin-left:0; }
.signet-header-center .signet-lead{ margin-left:0; margin-right:0; }

.signet-trust{
  background:var(--sg-bg-dark) !important;
  border-top-color:rgba(255,255,255,.08) !important;
  border-bottom-color:rgba(255,255,255,.08) !important;
}
.signet-trust-label{ color:#9fb1c7 !important; }

.signet-page .signet-faq-item{
  background:#ffffff !important;
  border:1px solid var(--sg-border) !important;
}
.signet-page .signet-faq-item:has(.accordion-button:not(.collapsed)){
  border-color:var(--sg-red) !important;
  border-left-width:2px;
}
.signet-page .signet-faq-accordion .accordion-button:not(.collapsed){
  background:transparent !important;
  color:var(--sg-text) !important;
  box-shadow:none !important;
}
.signet-page .signet-faq-accordion .accordion-button:hover,
.signet-page .signet-faq-accordion .accordion-button:focus{
  background:rgba(255,101,91,.05) !important;
  color:var(--sg-text) !important;
  box-shadow:none !important;
}
.signet-page .signet-faq-accordion .accordion-button::after{ filter:none !important; }
.signet-page .signet-faq-accordion .accordion-collapse,
.signet-page .signet-faq-accordion .accordion-body{
  color:var(--sg-text-muted) !important;
}
.signet-faq-cat{ color:var(--sg-red) !important; }

.signet-value-bar{
  background:var(--sg-red) !important;
  box-shadow:none !important;
}
.signet-vertical-icon{
  background:rgba(255,101,91,.1) !important;
  border-color:rgba(255,101,91,.25) !important;
  color:var(--sg-red) !important;
}
.signet-vertical-btn.is-active .signet-vertical-icon{
  background:linear-gradient(135deg, var(--sg-red) 0%, var(--sg-red-deep) 100%) !important;
  color:#fff !important;
}
.signet-feature-badge{
  background:rgba(255,101,91,.12) !important;
  color:var(--sg-red) !important;
  border-color:rgba(255,101,91,.3) !important;
}
.signet-feature-card:hover .signet-feature-icon{
  background:var(--sg-red-soft) !important;
  color:var(--sg-red) !important;
  box-shadow:none !important;
  transform:none !important;
}

.signet-page .signet-cta-band{
  background:var(--sg-bg-dark) !important;
  border:1px solid rgba(255,255,255,.1) !important;
  border-radius:8px !important;
  box-shadow:none !important;
}
.signet-page .signet-cta-band::after{ display:none !important; }
.signet-page .signet-cta-band .signet-btn-cta,
.signet-page .signet-cta-band .signet-btn-primary{
  background:linear-gradient(90deg,#ff8a65,#ff5c4d) !important;
}
.signet-page .signet-cta-band .signet-btn-outline-light{
  border-color:rgba(255,255,255,.28) !important;
  color:#fff !important;
  background:transparent !important;
}
.signet-page .signet-cta-band .signet-btn-outline-light:hover{
  background:rgba(255,255,255,.1) !important;
}
.signet-footer{ background:var(--sg-bg-dark) !important; }

@media (max-width: 991.98px){
  .signet-navbar .navbar-collapse{
    background:rgba(1,18,38,.98) !important;
    border-color:var(--sg-red-border) !important;
  }
}
/* -- Free tools hub (/tools/) -- */
.ft-section{background:linear-gradient(180deg,#f7f9fc 0%,#fff 48%)!important;position:relative;}
.ft-section:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#ff655d55,transparent);}
.ft-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap;}
.ft-head-copy{max-width:40rem;}
.ft-head-meta{display:flex;gap:1rem;}
.ft-head-meta span{display:flex;flex-direction:column;min-width:5.5rem;padding:.85rem 1rem;border:1px solid #e5eaf0;border-radius:8px;background:#fff;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b7c8f;}
.ft-head-meta strong{font-size:1.35rem;font-weight:800;letter-spacing:-.03em;color:#011226;text-transform:none;}
.ft-controls{display:grid;gap:1rem;margin-bottom:1.35rem;position:sticky;top:72px;z-index:5;padding:12px 0;background:linear-gradient(180deg,#f7f9fc 70%,rgba(247,249,252,0));}
.ft-search{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border:1px solid #dfe6ed;border-radius:10px;background:#fff;box-shadow:0 8px 24px rgba(1,18,38,.04);}
.ft-search svg{color:#8a98a5;flex-shrink:0;}
.ft-search input{border:0;outline:0;width:100%;font-size:.95rem;color:#011226;background:transparent;}
.ft-pills{display:flex;flex-wrap:wrap;gap:.45rem;}
.ft-pill{appearance:none;border:1px solid #dfe6ed;background:#fff;color:#3f5163;font-size:.78rem;font-weight:700;padding:.55rem .9rem;border-radius:999px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;}
.ft-pill:hover{border-color:#ff655d;color:#011226;}
.ft-pill.is-active{background:#011226;border-color:#011226;color:#fff;}
.ft-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;}
.ft-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:.85rem;align-items:center;padding:1rem 1.05rem;border:1px solid #e5eaf0;border-radius:10px;background:#fff;text-decoration:none;color:inherit;min-height:88px;transition:transform .15s,box-shadow .15s,border-color .15s;}
.ft-card:hover{transform:translateY(-2px);border-color:#ffd0cc;box-shadow:0 14px 30px rgba(1,18,38,.08);color:inherit;}
.ft-card-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#fff0ef;color:#ff655d;border:1px solid #ffd4d0;}
.ft-card-body{display:grid;gap:.2rem;min-width:0;}
.ft-card-body strong{font-size:.92rem;font-weight:800;color:#011226;letter-spacing:-.02em;line-height:1.25;}
.ft-card-body em{font-style:normal;font-size:.78rem;line-height:1.4;color:#5b6b7f;}
.ft-card-tag{font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0f7a45;background:#eaf8f0;border:1px solid #c8ebd6;padding:.28rem .5rem;border-radius:999px;align-self:start;}
.ft-empty{margin:1rem 0 0;text-align:center;color:#5b6b7f;font-size:.9rem;}
.ft-product-band{display:flex;align-items:flex-end;justify-content:space-between;gap:1.25rem;flex-wrap:wrap;margin-bottom:.5rem;}
.ft-product-band .signet-lead{max-width:36rem;}
.ft-mini-card{display:flex;flex-direction:column;gap:.25rem;height:100%;padding:1rem;border:1px solid #e5eaf0;border-radius:8px;background:#fff;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s;}
.ft-mini-card:hover{border-color:#ff655d;transform:translateY(-1px);color:inherit;}
.ft-mini-card strong{font-size:.88rem;font-weight:800;color:#011226;}
.ft-mini-card span{font-size:.75rem;color:#5b6b7f;}
@media(max-width:991.98px){.ft-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.ft-controls{top:56px;}}
@media(max-width:575.98px){.ft-grid{grid-template-columns:1fr;}.ft-card{grid-template-columns:40px minmax(0,1fr);}.ft-card-tag{grid-column:2;justify-self:start;}.ft-head-meta{width:100%;}.ft-head-meta span{flex:1;}}