.sg-page {
  --sg-bg: #080b10;
  --sg-panel: #10151d;
  --sg-panel-2: #121b23;
  --sg-line: rgba(186, 208, 224, .14);
  --sg-text: #f2f6f8;
  --sg-muted: #aab8c2;
  --sg-accent: #7fe2c3;
  --sg-accent-strong: #50d5ac;
  background: var(--sg-bg);
  color: var(--sg-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
}
.sg-page *, .sg-page *::before, .sg-page *::after { box-sizing: border-box; }
.sg-page a { color: inherit; }
.sg-skip-link { position: absolute; left: -9999px; top: 1rem; z-index: 20; padding: .75rem 1rem; background: #fff; color: #111 !important; }
.sg-skip-link:focus { left: 1rem; }
.sg-header { min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: .8rem max(5vw, calc((100vw - 1240px)/2)); border-bottom: 1px solid var(--sg-line); background: rgba(8,11,16,.96); }
.sg-brand { text-decoration: none; color: var(--sg-text) !important; font-weight: 760; letter-spacing: -.04em; font-size: 1.12rem; white-space: nowrap; }
.sg-brand span { color: var(--sg-accent); }
.sg-header nav.sg-nav { position: static !important; inset: auto !important; display: flex; align-items: center; gap: clamp(.8rem, 2.1vw, 1.8rem); width: auto !important; padding: 0; border: 0; background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; z-index: auto; box-shadow: none; }
.sg-page nav.sg-breadcrumb { position: static; inset: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: .5rem; width: min(1180px,90vw); margin: 1.1rem auto -2rem; padding: 0; border: 0; background: none; backdrop-filter: none; -webkit-backdrop-filter: none; z-index: auto; color: var(--sg-muted); font-size: .74rem; }
.sg-breadcrumb a { color: var(--sg-accent) !important; text-underline-offset: 3px; }
.sg-nav a, .sg-footer nav a { font-size: .86rem; text-decoration: none; color: #cad4dc !important; }
.sg-nav a:hover, .sg-footer nav a:hover { color: var(--sg-accent) !important; }
.sg-nav .sg-nav-cta { padding: .62rem .92rem; border: 1px solid rgba(127,226,195,.55); border-radius: 7px; color: var(--sg-accent) !important; }
.sg-hero, .sg-section { width: min(1180px, 90vw); margin-inline: auto; }
.sg-hero { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(360px,.9fr); align-items: center; gap: clamp(2.5rem, 6vw, 6rem); padding-block: clamp(4.2rem, 9vw, 7.7rem); }
.sg-eyebrow { color: var(--sg-accent); font-size: .72rem; letter-spacing: .14em; font-weight: 750; text-transform: uppercase; }
.sg-hero .sg-eyebrow { display: flex; align-items: center; gap: .6rem; }
.sg-hero .sg-eyebrow span { width: 7px; height: 7px; border-radius: 50%; background: var(--sg-accent); box-shadow: 0 0 15px rgba(127,226,195,.65); }
.sg-hero h1 { max-width: 760px; margin: 1.15rem 0; font-size: clamp(2.65rem, 5.2vw, 4.75rem); letter-spacing: -.055em; line-height: 1.03; }
.sg-lead { max-width: 650px; color: #bdc9d1; font-size: clamp(1.05rem, 1.45vw, 1.22rem); line-height: 1.7; }
.sg-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.8rem; }
.sg-button { display: inline-flex; justify-content: center; align-items: center; gap: .6rem; min-height: 48px; padding: .75rem 1.05rem; border-radius: 7px; text-decoration: none; font-weight: 700; font-size: .9rem; transition: transform .18s ease, border-color .18s ease; }
.sg-button:hover { transform: translateY(-2px); }
.sg-button:focus-visible, .sg-nav a:focus-visible, .sg-product-grid a:focus-visible, .sg-faq-list summary:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.sg-button-primary { background: var(--sg-accent); color: #07110e !important; }
.sg-button-primary:hover { background: #a1f1d8; }
.sg-button-secondary { border: 1px solid var(--sg-line); color: var(--sg-text) !important; }
.sg-button-secondary:hover { border-color: var(--sg-accent); }
.sg-hero-note { color: #81919b; font-size: .78rem; margin-top: 1.15rem; }
.sg-system-card { position: relative; overflow: hidden; padding: 1.35rem; border: 1px solid var(--sg-line); border-radius: 15px; background: radial-gradient(ellipse at top right, rgba(65,137,127,.18), transparent 45%), linear-gradient(145deg, #121a22, #0d1117 72%); box-shadow: 0 26px 90px rgba(0,0,0,.26); }
.sg-card-top { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--sg-line); font-size: .64rem; letter-spacing: .12em; color: #a4b3bc; }
.sg-live-dot { color: var(--sg-accent); font-size: .58rem; }
.sg-flow-node { display: flex; align-items: center; gap: .9rem; padding: 1.2rem .3rem; }
.sg-node-index { color: var(--sg-accent); font-size: .72rem; font-weight: 750; }
.sg-flow-node strong, .sg-flow-node small { display: block; }
.sg-flow-node strong { font-size: .94rem; }
.sg-flow-node small { color: var(--sg-muted); font-size: .76rem; margin-top: .2rem; }
.sg-node-mark { margin-left: auto; color: var(--sg-accent); font-size: 1.2rem; }
.sg-flow-node-ai { margin-inline: -.3rem; padding-inline: .6rem; border: 1px solid rgba(127,226,195,.27); border-radius: 8px; background: rgba(127,226,195,.06); }
.sg-flow-line { height: 12px; margin-left: 1.07rem; border-left: 1px solid rgba(127,226,195,.4); }
.sg-proof-band { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(240px,1.2fr); align-items: center; gap: 2rem; padding: 1.3rem max(5vw, calc((100vw - 1180px)/2)); border-block: 1px solid var(--sg-line); background: #0c1117; }
.sg-proof-band div { display: flex; align-items: center; gap: 1rem; }
.sg-proof-band strong { color: var(--sg-accent); font-size: 1.75rem; letter-spacing: -.05em; }
.sg-proof-band span, .sg-proof-band p { margin: 0; color: var(--sg-muted); font-size: .78rem; line-height: 1.5; }
.sg-proof-band p a, .sg-price-note a { color: var(--sg-accent); text-underline-offset: 3px; }
.sg-section { padding-block: clamp(4rem, 8vw, 6.4rem); }
.sg-section-heading { max-width: 780px; margin-bottom: 2rem; }
.sg-section-heading h2 { margin: .65rem 0 .8rem; font-size: clamp(2rem, 3.4vw, 3.2rem); line-height: 1.1; letter-spacing: -.045em; }
.sg-section-heading > p:not(.sg-eyebrow) { color: var(--sg-muted); max-width: 720px; }
.sg-capability-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.sg-capability { min-height: 285px; padding: 1.65rem; border: 1px solid var(--sg-line); border-radius: 11px; background: linear-gradient(145deg, rgba(255,255,255,.025), rgba(255,255,255,.007)); }
.sg-card-index { color: var(--sg-accent); font-size: .66rem; letter-spacing: .12em; font-weight: 750; }
.sg-capability h3 { margin: 1.15rem 0 .65rem; font-size: 1.28rem; letter-spacing: -.02em; }
.sg-capability p, .sg-industry-grid p, .sg-steps p, .sg-price-grid article > p:not(.sg-price) { color: var(--sg-muted); font-size: .9rem; }
.sg-capability ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .45rem 1.2rem; margin: 1.15rem 0 0; padding: 0; list-style: none; }
.sg-capability li { color: #d8e0e5; font-size: .78rem; }
.sg-capability li::before { content: "—"; margin-right: .45rem; color: var(--sg-accent); }
.sg-market-section { width: 100%; padding-inline: max(5vw, calc((100vw - 1180px)/2)); background: #0c1117; }
.sg-market-section .sg-section-heading, .sg-industry-grid, .sg-compliance-note { max-width: 1180px; margin-inline: auto; }
.sg-industry-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .8rem; }
.sg-industry-grid article { padding: 1.15rem; border: 1px solid var(--sg-line); border-radius: 9px; }
.sg-industry-grid article > span { color: var(--sg-accent); font-size: .72rem; }
.sg-industry-grid h3 { margin: .9rem 0 .25rem; font-size: 1rem; }
.sg-industry-grid p { margin-bottom: 0; font-size: .8rem; }
.sg-compliance-note { margin-top: 1.4rem; color: #92a0aa; font-size: .78rem; }
.sg-compliance-note strong { color: #dae2e7; }
.sg-steps { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--sg-line); }
.sg-steps li { display: grid; grid-template-columns: 58px 1fr; gap: 1.4rem; padding: 1.45rem 0; border-bottom: 1px solid var(--sg-line); }
.sg-steps li > span { color: var(--sg-accent); font-size: .8rem; }
.sg-steps h3 { margin: 0 0 .3rem; font-size: 1.05rem; }
.sg-steps p { max-width: 750px; margin: 0; }
.sg-safety-callout { display: flex; flex-wrap: wrap; gap: .5rem 1.3rem; margin-top: 1.4rem; padding: 1.15rem 1.3rem; border-left: 2px solid var(--sg-accent); background: rgba(127,226,195,.055); }
.sg-safety-callout strong { font-size: .86rem; }
.sg-safety-callout span { color: var(--sg-muted); font-size: .82rem; }
.sg-hero--single { grid-template-columns: 1fr; max-width: 1180px; }
.sg-hero--single .sg-hero-copy { max-width: 850px; }
.sg-decision-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.sg-decision-grid article { padding: 1.4rem; border: 1px solid var(--sg-line); border-radius: 10px; background: var(--sg-panel); }
.sg-decision-grid h3 { margin: 0 0 .6rem; font-size: 1.08rem; }
.sg-decision-grid p, .sg-example { color: var(--sg-muted); font-size: .9rem; }
.sg-example { max-width: 960px; margin-top: 1.4rem; padding: 1.2rem; border-left: 2px solid var(--sg-accent); background: rgba(127,226,195,.055); }
.sg-example strong { color: var(--sg-text); }
.sg-region-links { display: flex; flex-wrap: wrap; gap: .8rem; }
.sg-region-links a { display: inline-block; padding: .85rem 1rem; border: 1px solid var(--sg-line); border-radius: 8px; color: var(--sg-accent); text-decoration: none; }
.sg-region-links a:hover { border-color: var(--sg-accent); }
.sg-products-section { padding-top: 2rem; }
.sg-product-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .9rem; }
.sg-product-grid a { display: flex; flex-direction: column; min-height: 225px; padding: 1.3rem; border: 1px solid var(--sg-line); border-radius: 10px; background: var(--sg-panel); text-decoration: none; }
.sg-product-grid a:hover { border-color: rgba(127,226,195,.48); }
.sg-product-grid span { color: var(--sg-accent); font-size: .63rem; letter-spacing: .12em; }
.sg-product-grid strong { margin-top: .9rem; font-size: 1.12rem; }
.sg-product-grid small { margin-top: .45rem; color: var(--sg-muted); font-size: .82rem; }
.sg-product-grid b { margin-top: auto; padding-top: 1.2rem; color: var(--sg-accent); font-size: .78rem; }
.sg-pricing-section { width: 100%; padding-inline: max(5vw, calc((100vw - 1180px)/2)); background: #0c1117; }
.sg-pricing-section .sg-section-heading, .sg-price-grid, .sg-price-note, .sg-bottom-cta { max-width: 1180px; margin-inline: auto; }
.sg-price-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .9rem; }
.sg-price-grid article { display: flex; flex-direction: column; min-height: 275px; padding: 1.25rem; border: 1px solid var(--sg-line); border-radius: 10px; background: var(--sg-panel); }
.sg-price-grid article > span { color: var(--sg-accent); font-size: .63rem; letter-spacing: .12em; }
.sg-price-grid h3 { margin: 1rem 0 .25rem; font-size: 1.08rem; }
.sg-price { margin: .15rem 0 .45rem; color: var(--sg-muted); font-size: .86rem; }
.sg-price strong { color: var(--sg-text); font-size: 1.42rem; letter-spacing: -.03em; }
.sg-price-grid article > small { margin-top: auto; padding-top: .9rem; color: #85949d; font-size: .72rem; }
.sg-price-featured { border-color: rgba(127,226,195,.48) !important; background: linear-gradient(150deg, rgba(127,226,195,.09), var(--sg-panel) 65%) !important; }
.sg-price-note { margin-top: 1rem; color: #85949d; font-size: .72rem; }
.sg-bottom-cta { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; margin-top: 2.5rem; padding: 1.65rem; border: 1px solid var(--sg-line); border-radius: 11px; background: #111923; }
.sg-bottom-cta .sg-eyebrow { margin-top: 0; }
.sg-bottom-cta h3 { max-width: 620px; margin: .45rem 0 0; font-size: 1.28rem; }
.sg-faq-list { max-width: 900px; border-top: 1px solid var(--sg-line); }
.sg-faq-list details { border-bottom: 1px solid var(--sg-line); }
.sg-faq-list summary { cursor: pointer; padding: 1.1rem .2rem; font-weight: 650; }
.sg-faq-list details p { max-width: 790px; padding: 0 .2rem 1.1rem; margin: 0; color: var(--sg-muted); font-size: .88rem; }
.sg-footer { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: .7rem 1.5rem; padding: 1.6rem max(5vw, calc((100vw - 1180px)/2)); border-top: 1px solid var(--sg-line); background: #07090d; }
.sg-footer > p, .sg-footer > small { margin: 0; color: #81909a; font-size: .76rem; }
.sg-footer nav { position: static !important; inset: auto !important; display: flex; gap: 1rem; width: auto !important; padding: 0; border: 0; background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; z-index: auto !important; box-shadow: none; grid-column: 2; grid-row: 1 / span 2; }
.sg-footer nav a { font-size: .76rem; }
@media (max-width: 900px) {
  .sg-hero { grid-template-columns: 1fr; }
  .sg-system-card { max-width: 620px; }
  .sg-proof-band { grid-template-columns: 1fr 1fr; }
  .sg-proof-band p { grid-column: 1 / -1; }
  .sg-industry-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sg-price-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 640px) {
  .sg-header { align-items: flex-start; flex-direction: column; padding: .8rem 5vw; gap: .65rem; }
  .sg-nav { width: 100%; gap: .5rem .9rem; flex-wrap: wrap; }
  .sg-nav a { font-size: .76rem; }
  .sg-nav .sg-nav-cta { margin-left: auto; }
  .sg-hero { width: 90vw; padding-block: 3.2rem; gap: 2rem; }
  .sg-hero h1 { font-size: clamp(2.45rem, 11vw, 3.55rem); }
  .sg-actions { align-items: stretch; flex-direction: column; }
  .sg-button { width: 100%; }
  .sg-system-card { padding: 1rem; }
  .sg-card-top { font-size: .55rem; }
  .sg-flow-node small { font-size: .68rem; }
  .sg-proof-band { grid-template-columns: 1fr; gap: .9rem; padding: 1.1rem 5vw; }
  .sg-proof-band p { grid-column: auto; }
  .sg-section { width: 90vw; padding-block: 3.5rem; }
  .sg-market-section, .sg-pricing-section { width: 100%; padding-inline: 5vw; }
  .sg-capability-grid, .sg-industry-grid, .sg-product-grid, .sg-price-grid, .sg-decision-grid { grid-template-columns: 1fr; }
  .sg-capability { min-height: auto; padding: 1.25rem; }
  .sg-capability ul { grid-template-columns: 1fr; }
  .sg-industry-grid article { padding: 1rem; }
  .sg-product-grid a { min-height: 190px; }
  .sg-price-grid article { min-height: 245px; }
  .sg-bottom-cta { align-items: stretch; flex-direction: column; padding: 1.2rem; }
  .sg-footer { grid-template-columns: 1fr; padding-inline: 5vw; }
  .sg-footer nav { grid-column: auto; grid-row: auto; flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) { .sg-button { transition: none; } }