/*
Theme Name: Supporterg
Theme URI: https://supporterg.com
Author: Supporterg
Description: Premium B2B WordPress theme for Supporterg technical support services.
Version: 1.6.2
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: supporterg
*/

:root {
  --sg-bg: #06111f;
  --sg-bg-deep: #040d18;
  --sg-bg-soft: #0a1828;
  --sg-surface: rgba(255,255,255,.048);
  --sg-surface-strong: rgba(255,255,255,.072);
  --sg-border: rgba(255,255,255,.095);
  --sg-border-strong: rgba(118,224,196,.22);
  --sg-text: #f5f8fb;
  --sg-muted: #9aafbf;
  --sg-muted-2: #708899;
  --sg-blue: #3382ff;
  --sg-cyan: #18b5c4;
  --sg-green: #36d471;
  --sg-gradient: linear-gradient(105deg,#2e76f6 0%,#119fc9 47%,#30d26d 100%);
  --sg-gradient-soft: linear-gradient(135deg,rgba(46,118,246,.20),rgba(17,159,201,.10) 52%,rgba(48,210,109,.14));
  --sg-shadow: 0 30px 80px rgba(0,0,0,.34);
  --sg-shadow-soft: 0 18px 50px rgba(0,0,0,.22);
  --sg-radius-lg: 32px;
  --sg-radius: 22px;
  --sg-radius-sm: 15px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  overflow-x: hidden;
  font-family: Poppins, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at 84% 4%, rgba(40,132,255,.08), transparent 27rem),
    radial-gradient(circle at 8% 27%, rgba(50,210,117,.045), transparent 28rem),
    var(--sg-bg);
  color: var(--sg-text);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body::before {
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.15;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom, black, transparent 70%);
  z-index:-1;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
::selection { background: rgba(48,210,109,.28); }
.screen-reader-text { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

.sg-shell { width: min(1200px, calc(100% - 48px)); margin: 0 auto; }
.sg-section { padding: 112px 0; position: relative; }
.sg-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 34px;
  padding: 7px 13px;
  border: 1px solid rgba(71,211,161,.17);
  border-radius: 999px;
  color: #c4f2dd;
  background: linear-gradient(180deg,rgba(65,213,153,.09),rgba(65,213,153,.045));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}
.sg-kicker::before {
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:linear-gradient(145deg,#5ca0ff,#35d875);
  box-shadow:0 0 0 5px rgba(53,216,117,.07), 0 0 18px rgba(53,216,117,.34);
}
.sg-title,
.sg-section-title {
  font-family: Poppins, Inter, ui-sans-serif, system-ui, sans-serif;
  text-wrap: balance;
}
.sg-title {
  max-width: 780px;
  margin: 22px 0 20px;
  font-size: clamp(46px, 6.15vw, 76px);
  line-height: .99;
  letter-spacing: -.058em;
  font-weight: 700;
}
.sg-section-title {
  max-width: 880px;
  margin: 18px 0 16px;
  font-size: clamp(36px, 4.5vw, 58px);
  line-height: 1.04;
  letter-spacing: -.048em;
  font-weight: 700;
}
.sg-lead {
  max-width: 720px;
  margin:0;
  color: var(--sg-muted);
  font-size: clamp(16px, 1.55vw, 19px);
  line-height:1.72;
  font-weight:400;
}
.sg-gradient-text {
  background: var(--sg-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* HEADER */
.sg-header {
  position: sticky;
  top: 0;
  z-index: 90;
  padding: 12px 0;
  background: linear-gradient(180deg,rgba(4,13,24,.91),rgba(4,13,24,.68));
  backdrop-filter: blur(22px) saturate(145%);
  -webkit-backdrop-filter: blur(22px) saturate(145%);
  border-bottom: 1px solid rgba(255,255,255,.04);
}
.sg-nav {
  min-height: 68px;
  padding: 8px 10px 8px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border:1px solid rgba(255,255,255,.075);
  border-radius: 21px;
  background: linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.022));
  box-shadow: 0 14px 35px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.035);
}
.sg-brand { display:inline-flex; align-items:center; flex:0 0 auto; }
.sg-brand-logo-full {
  display:block;
  width:auto;
  height:58px;
  max-width:min(320px, 52vw);
  object-fit:contain;
  filter: drop-shadow(0 10px 22px rgba(11, 88, 152, .12));
}
.sg-brand-logo-full-footer {
  height:64px;
  max-width:min(340px, 60vw);
}
.sg-menu { display:flex; align-items:center; gap:4px; margin-left:auto; }
.sg-menu a {
  position:relative;
  padding:10px 12px;
  border-radius:11px;
  color:#b8c6d1;
  font-size:13px;
  font-weight:500;
  transition:.2s ease;
}
.sg-menu a:hover { color:#fff; background:rgba(255,255,255,.045); }
.sg-menu-toggle { display:none; background:transparent; border:0; color:#fff; width:42px; height:42px; border-radius:12px; }
.sg-menu-toggle span,.sg-menu-toggle::before,.sg-menu-toggle::after { content:""; display:block; width:22px; height:2px; background:currentColor; margin:5px auto; border-radius:4px; transition:.2s ease; }

.sg-btn {
  position:relative;
  isolation:isolate;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:52px;
  padding:0 24px;
  border-radius:16px;
  border:0;
  overflow:hidden;
  background-clip:padding-box;
  font-weight:700;
  font-size:14px;
  letter-spacing:-.015em;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background-position .3s ease, color .2s ease, text-shadow .2s ease;
}
.sg-btn:hover { transform:translateY(-2px); }
.sg-btn-primary {
  color:#04131d;
  background:linear-gradient(135deg, #4d8dff 0%, #2f8ee8 18%, #20afd7 47%, #27caa4 72%, #40d36f 100%);
  background-size:170% 170%;
  background-position:0% 50%;
  box-shadow: 0 15px 36px rgba(27,151,184,.24), inset 0 1px 0 rgba(255,255,255,.14), inset 0 -1px 0 rgba(5,18,28,.10);
}
.sg-btn-primary::before {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(115deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,.07) 58%, rgba(255,255,255,0) 82%);
  pointer-events:none;
  opacity:.95;
}
.sg-btn-primary::after {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.025) 50%, transparent 100%);
  pointer-events:none;
  z-index:-1;
}
.sg-btn-primary:hover {
  color:#ffffff;
  text-shadow:0 0 10px rgba(255,255,255,.38), 0 1px 1px rgba(4,18,28,.24);
  background-position:100% 50%;
  box-shadow:0 20px 48px rgba(24,163,170,.32), inset 0 1px 0 rgba(255,255,255,.24), inset 0 -1px 0 rgba(5,18,28,.10);
}
.sg-btn-secondary {
  color:#e9f2f7;
  background:rgba(255,255,255,.045);
  border-color:rgba(255,255,255,.11);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.sg-btn-secondary:hover { background:rgba(255,255,255,.072); border-color:rgba(255,255,255,.17); }
.sg-btn-small { min-height:46px; padding:0 18px; border-radius:13px; font-size:13px; }

/* HERO */
.sg-hero { padding: 96px 0 42px; overflow:hidden; }
.sg-hero::before {
  content:"";
  position:absolute;
  width:760px;
  height:760px;
  right:-260px;
  top:-300px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(42,130,255,.20),rgba(18,159,202,.08) 41%,rgba(48,210,109,.04) 57%,transparent 72%);
  filter:blur(4px);
  pointer-events:none;
}
.sg-hero::after {
  content:"";
  position:absolute;
  width:540px;
  height:540px;
  left:-250px;
  bottom:-170px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(48,210,109,.09),transparent 67%);
  pointer-events:none;
}
.sg-hero-grid { display:grid; grid-template-columns:1.04fr .96fr; align-items:center; gap:74px; }
.sg-hero-copy { position:relative; z-index:2; }
.sg-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.sg-proof {
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  margin-top:30px;
  color:#8298a8;
  font-size:12px;
}
.sg-proof span { display:inline-flex; align-items:center; gap:8px; }
.sg-proof i { width:6px; height:6px; border-radius:50%; background:#47d783; box-shadow:0 0 0 4px rgba(71,215,131,.065); }

.sg-console {
  position:relative;
  padding:1px;
  border-radius:30px;
  background:linear-gradient(145deg,rgba(79,146,255,.40),rgba(255,255,255,.08) 38%,rgba(61,215,123,.30));
  box-shadow:0 42px 110px rgba(0,0,0,.42), 0 0 80px rgba(36,143,211,.08);
  overflow:hidden;
  transform:perspective(1200px) rotateY(-2deg) rotateX(1deg);
}
.sg-console::before {
  content:"";
  position:absolute;
  width:210px;
  height:210px;
  right:-75px;
  top:-80px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(48,210,109,.17),transparent 68%);
  filter:blur(3px);
  pointer-events:none;
}
.sg-console::after {
  content:"";
  position:absolute;
  width:320px;
  height:120px;
  left:22%;
  bottom:-70px;
  background:radial-gradient(ellipse,rgba(42,130,255,.15),transparent 67%);
  pointer-events:none;
}
.sg-console > * { position:relative; z-index:2; }
.sg-console-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:17px 18px 14px;
  border-radius:29px 29px 0 0;
  background:linear-gradient(180deg,rgba(10,26,42,.98),rgba(8,22,36,.97));
}
.sg-dots { display:flex; gap:6px; }
.sg-dots span { width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,.17); }
.sg-dots span:nth-child(1){ background:rgba(76,143,255,.70); }
.sg-dots span:nth-child(2){ background:rgba(17,181,196,.68); }
.sg-dots span:nth-child(3){ background:rgba(54,212,113,.72); }
.sg-live { font-size:10px; font-weight:650; letter-spacing:.04em; text-transform:uppercase; color:#b9edd3; display:flex; align-items:center; gap:7px; }
.sg-live i { width:7px; height:7px; border-radius:50%; background:#40d67e; box-shadow:0 0 0 5px rgba(64,214,126,.075),0 0 18px rgba(64,214,126,.28); }
.sg-console-body {
  margin:0 1px 1px;
  padding:22px;
  border-radius:0 0 28px 28px;
  background:linear-gradient(180deg,#071521,#06121d);
  border-top:1px solid rgba(255,255,255,.055);
}
.sg-console-head { display:flex; justify-content:space-between; gap:12px; align-items:center; margin-bottom:18px; }
.sg-console-head strong { font-size:15px; font-weight:600; letter-spacing:-.02em; }
.sg-chip {
  padding:6px 10px;
  border-radius:999px;
  background:rgba(55,139,255,.085);
  border:1px solid rgba(71,151,255,.16);
  color:#a9c7ff;
  font-size:10px;
  font-weight:650;
}
.sg-ticket {
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:12px;
  align-items:center;
  padding:14px 0;
  border-top:1px solid rgba(255,255,255,.055);
}
.sg-ticket:first-of-type { border-top:0; }
.sg-avatar {
  width:40px;
  height:40px;
  border-radius:13px;
  display:grid;
  place-items:center;
  background:linear-gradient(140deg,rgba(55,139,255,.24),rgba(52,211,120,.12));
  border:1px solid rgba(255,255,255,.055);
  color:#dbeaff;
  font-weight:700;
  font-size:11px;
}
.sg-ticket strong { display:block; margin-bottom:1px; font-size:12px; font-weight:600; }
.sg-ticket small { color:#71899a; font-size:10px; }
.sg-status { padding:5px 7px; border-radius:8px; background:rgba(54,212,113,.065); color:#aee9ca; font-size:9px; font-weight:650; }
.sg-console-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:14px; }
.sg-metric {
  padding:14px;
  border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.022));
  border:1px solid rgba(255,255,255,.055);
}
.sg-metric b { display:block; margin-bottom:2px; font-size:18px; font-weight:650; letter-spacing:-.04em; }
.sg-metric span { color:#6f8798; font-size:9px; }

/* CHANNEL STRIP */
.sg-strip { padding:34px 0 0; }
.sg-channel-row {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
  padding:8px;
  border-radius:19px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.018);
}
.sg-channel {
  position:relative;
  text-align:center;
  padding:12px 10px;
  border-radius:12px;
  color:#7f96a7;
  font-weight:550;
  font-size:11px;
  letter-spacing:.02em;
  background:rgba(255,255,255,.017);
  border:1px solid transparent;
}
.sg-channel::before { content:""; display:inline-block; width:5px; height:5px; margin-right:7px; border-radius:50%; background:linear-gradient(135deg,#3788ff,#36d471); vertical-align:middle; opacity:.85; }

/* SERVICE CARDS */
.sg-grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; margin-top:46px; }
.sg-card {
  position:relative;
  overflow:hidden;
  min-height:235px;
  padding:28px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.075);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  transition:transform .26s ease,border-color .26s ease,background .26s ease,box-shadow .26s ease;
}
.sg-card::after {
  content:"";
  position:absolute;
  width:190px;
  height:190px;
  right:-110px;
  bottom:-110px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(39,166,196,.11),rgba(54,212,113,.035) 55%,transparent 72%);
  opacity:0;
  transition:.28s ease;
}
.sg-card:hover {
  transform:translateY(-6px);
  border-color:rgba(77,209,170,.19);
  background:linear-gradient(180deg,rgba(255,255,255,.069),rgba(255,255,255,.031));
  box-shadow:0 24px 55px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.035);
}
.sg-card:hover::after { opacity:1; }
.sg-icon {
  width:50px;
  height:50px;
  border-radius:15px;
  display:grid;
  place-items:center;
  margin-bottom:23px;
  background:linear-gradient(145deg,rgba(53,136,255,.18),rgba(52,211,120,.10));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.sg-icon svg { width:22px; height:22px; stroke:#8edfc2; }
.sg-card h3 { position:relative; z-index:2; margin:0 0 10px; font-size:18px; font-weight:600; letter-spacing:-.028em; }
.sg-card p { position:relative; z-index:2; margin:0; color:#8da2b1; font-size:13px; line-height:1.72; }

/* HOW */
.sg-how {
  overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,.028),rgba(255,255,255,.012));
  border-top:1px solid rgba(255,255,255,.04);
  border-bottom:1px solid rgba(255,255,255,.04);
}
.sg-how::before { content:""; position:absolute; width:520px; height:520px; right:-250px; top:5%; border-radius:50%; background:radial-gradient(circle,rgba(44,125,246,.08),transparent 68%); }
.sg-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:48px; counter-reset:step; }
.sg-step {
  position:relative;
  min-height:235px;
  padding:27px 24px;
  border-radius:22px;
  background:linear-gradient(180deg,#091827,#071522);
  border:1px solid rgba(255,255,255,.065);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022);
}
.sg-step:not(:last-child)::after {
  content:"";
  position:absolute;
  top:44px;
  right:-15px;
  width:15px;
  height:1px;
  background:linear-gradient(90deg,rgba(65,198,172,.42),rgba(65,198,172,.05));
}
.sg-step::before {
  counter-increment:step;
  content:"0" counter(step);
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  margin-bottom:37px;
  border-radius:12px;
  color:#8ce1c4;
  font-size:10px;
  font-weight:700;
  letter-spacing:.06em;
  background:linear-gradient(145deg,rgba(48,210,109,.10),rgba(46,118,246,.10));
  border:1px solid rgba(98,216,180,.10);
}
.sg-step h3 { margin:0 0 9px; font-size:17px; font-weight:600; letter-spacing:-.025em; }
.sg-step p { margin:0; color:#8298a8; font-size:12px; line-height:1.7; }

/* AUDIENCE */
.sg-audience-grid { display:grid; grid-template-columns:.83fr 1.17fr; gap:72px; align-items:center; }
.sg-audience-list {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  padding:12px;
  border-radius:27px;
  border:1px solid rgba(255,255,255,.07);
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.018));
}
.sg-audience-item {
  position:relative;
  min-height:142px;
  padding:22px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.055);
  background:rgba(4,15,26,.54);
  font-weight:600;
  font-size:14px;
  letter-spacing:-.015em;
}
.sg-audience-item::before {
  content:"";
  display:block;
  width:25px;
  height:3px;
  margin-bottom:20px;
  border-radius:10px;
  background:var(--sg-gradient);
  opacity:.75;
}
.sg-audience-item span { display:block; margin-top:7px; color:#758b9b; font-size:11px; font-weight:400; line-height:1.65; }

/* PRICING */
.sg-pricing-wrap { margin-top:48px; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; align-items:stretch; }
.sg-price-card {
  position:relative;
  overflow:hidden;
  padding:30px;
  border-radius:25px;
  border:1px solid rgba(255,255,255,.075);
  background:linear-gradient(180deg,rgba(255,255,255,.046),rgba(255,255,255,.022));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  display:flex;
  flex-direction:column;
}
.sg-price-card.featured {
  transform:translateY(-8px);
  background:linear-gradient(155deg,rgba(49,128,249,.15),rgba(18,171,194,.075) 52%,rgba(51,210,113,.09));
  border-color:rgba(87,207,175,.22);
  box-shadow:0 30px 80px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.05);
}
.sg-price-card.featured::before {
  content:"";
  position:absolute;
  width:260px;
  height:180px;
  right:-100px;
  top:-100px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(54,212,113,.14),transparent 68%);
}
.sg-price-card .sg-chip { position:relative; z-index:2; align-self:flex-start; margin-bottom:13px; }
.sg-price-card h3 { position:relative; z-index:2; margin:5px 0 4px; font-size:25px; font-weight:600; letter-spacing:-.04em; }
.sg-price { position:relative; z-index:2; min-height:52px; margin:5px 0 20px; color:#a8bbc8; font-size:14px; line-height:1.55; }
.sg-price-card ul { position:relative; z-index:2; list-style:none; padding:20px 0 0; margin:0 0 28px; display:grid; gap:11px; border-top:1px solid rgba(255,255,255,.055); color:#9eb1bf; font-size:12px; }
.sg-price-card li { position:relative; padding-left:22px; }
.sg-price-card li::before { content:"✓"; position:absolute; left:0; top:0; color:#58db91; font-weight:700; }
.sg-price-card .sg-btn { position:relative; z-index:2; margin-top:auto; }

/* CONTACT */
.sg-contact-panel {
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:.86fr 1.14fr;
  gap:54px;
  padding:54px;
  border-radius:32px;
  background:linear-gradient(145deg,rgba(44,123,244,.13),rgba(18,159,202,.055) 54%,rgba(48,210,109,.06));
  border:1px solid rgba(255,255,255,.09);
  box-shadow:var(--sg-shadow);
}
.sg-contact-panel::before { content:""; position:absolute; width:380px; height:380px; left:-210px; bottom:-210px; border-radius:50%; background:radial-gradient(circle,rgba(48,210,109,.12),transparent 68%); }
.sg-contact-panel::after { content:""; position:absolute; width:420px; height:420px; right:-220px; top:-250px; border-radius:50%; background:radial-gradient(circle,rgba(44,123,244,.17),transparent 68%); }
.sg-contact-panel > * { position:relative; z-index:2; }
.sg-contact-points { display:grid; gap:13px; margin-top:30px; color:#98acbb; font-size:12px; }
.sg-contact-points div { display:flex; gap:11px; align-items:center; }
.sg-contact-points i { width:7px; height:7px; border-radius:50%; background:#4bd984; box-shadow:0 0 0 4px rgba(75,217,132,.06); }
.sg-form {
  display:grid;
  gap:12px;
  padding:24px;
  border-radius:23px;
  background:rgba(3,13,23,.55);
  border:1px solid rgba(255,255,255,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 25px 60px rgba(0,0,0,.14);
  backdrop-filter:blur(12px);
}
.sg-field-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.sg-field label { display:block; margin:0 0 7px; color:#8fa4b3; font-size:10px; font-weight:600; letter-spacing:.03em; }
.sg-field input,.sg-field textarea,.sg-field select {
  width:100%;
  min-height:47px;
  padding:12px 13px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.085);
  outline:none;
  color:#edf5f9;
  background:linear-gradient(180deg,rgba(8,26,41,.92),rgba(6,21,34,.92));
  transition:.2s ease;
}
.sg-field select {
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding-right:42px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23e9f2f7' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"), linear-gradient(180deg,rgba(8,26,41,.92),rgba(6,21,34,.92));
  background-repeat:no-repeat, no-repeat;
  background-position:right 14px center, center;
  background-size:14px, auto;
  color-scheme:dark;
}
.sg-field select option {
  color:#eaf4f8;
  background:#081b2d;
}
.sg-field textarea { min-height:112px; resize:vertical; }
.sg-field input:focus,.sg-field textarea:focus,.sg-field select:focus { border-color:rgba(69,154,255,.48); box-shadow:0 0 0 4px rgba(62,143,255,.07),inset 0 1px 0 rgba(255,255,255,.035); }
.sg-checkbox { display:flex; gap:9px; color:#778d9d; font-size:10px; line-height:1.5; }
.sg-checkbox input { margin-top:3px; }
.sg-form-note { margin:0; color:#647d8d; font-size:9px; }
.sg-alert {
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:15px 17px;
  border-radius:16px;
  margin-bottom:16px;
  font-size:11px;
  line-height:1.55;
}
.sg-alert strong { color:#e8fff5; font-size:12px; font-weight:700; }
.sg-alert-icon {
  display:grid;
  place-items:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(77,141,255,.92),rgba(48,210,109,.92));
  color:#fff;
  font-size:14px;
  font-weight:800;
  box-shadow:0 8px 22px rgba(31,185,155,.18);
}
.sg-alert-success {
  border:1px solid rgba(75,212,155,.18);
  background:linear-gradient(135deg,rgba(35,139,161,.10),rgba(48,210,109,.07));
  color:#9fcbb8;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.sg-alert-error { border:1px solid rgba(255,113,113,.22); background:rgba(255,113,113,.065); color:#ffc3c3; }
.sg-hp { position:absolute !important; left:-99999px !important; opacity:0 !important; pointer-events:none !important; }

/* FOOTER */
.sg-footer {
  position:relative;
  padding:52px 0 30px;
  border-top:1px solid rgba(255,255,255,.055);
  background:linear-gradient(180deg,rgba(4,13,24,.15),rgba(3,10,18,.50));
}
.sg-footer-grid { display:grid; grid-template-columns:1.3fr .75fr .75fr; gap:46px; align-items:start; }
.sg-footer .sg-brand { margin-bottom:15px; }
.sg-footer p { max-width:430px; margin:0; color:#748b9b; font-size:11px; line-height:1.75; }
.sg-footer h4 { margin:5px 0 14px; color:#d3dfe7; font-size:11px; font-weight:600; letter-spacing:.02em; }
.sg-footer-links { display:grid; gap:9px; color:#7e94a4; font-size:11px; }
.sg-footer-links a { transition:.2s ease; }
.sg-footer-links a:hover { color:#eaf4f8; transform:translateX(2px); }
.sg-legal-strip { border-top:1px solid rgba(255,255,255,.055); margin-top:34px; padding-top:20px; color:#627b8c; font-size:9px; line-height:1.8; }
.sg-legal-strip strong { color:#8197a6; font-weight:600; }
.sg-footer-bottom { display:flex; justify-content:space-between; gap:20px; border-top:1px solid rgba(255,255,255,.055); margin-top:25px; padding-top:20px; color:#5d7586; font-size:9px; }

/* BASIC PAGE */
.sg-page { padding:94px 0; min-height:60vh; }
.sg-page article { max-width:850px; padding:38px; border-radius:28px; border:1px solid rgba(255,255,255,.07); background:rgba(255,255,255,.028); }
.sg-page h1 { margin-top:0; font-size:clamp(38px,5vw,58px); letter-spacing:-.05em; line-height:1.04; }
.sg-page h2 { margin-top:34px; }
.sg-page p,.sg-page li { color:#9db0be; }

@media (max-width: 1080px) {
  .sg-hero-grid,.sg-audience-grid,.sg-contact-panel { grid-template-columns:1fr; }
  .sg-hero-grid { gap:52px; }
  .sg-console { max-width:760px; transform:none; }
  .sg-grid-3,.sg-pricing-wrap { grid-template-columns:repeat(2,1fr); }
  .sg-steps { grid-template-columns:repeat(2,1fr); }
  .sg-step:not(:last-child)::after { display:none; }
  .sg-menu { gap:0; }
  .sg-menu a { padding:9px 8px; font-size:12px; }
}

@media (max-width: 820px) {
  .sg-header { padding:9px 0; }
  .sg-nav { min-height:62px; padding:8px 9px 8px 12px; }
  .sg-menu-toggle { display:block; }
  .sg-nav > .sg-btn { display:none; }
  .sg-menu {
    position:absolute;
    left:24px;
    right:24px;
    top:82px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:3px;
    padding:9px;
    border-radius:17px;
    background:rgba(8,23,38,.98);
    border:1px solid rgba(255,255,255,.09);
    box-shadow:var(--sg-shadow);
    backdrop-filter:blur(20px);
  }
  .sg-menu.is-open { display:flex; }
  .sg-menu a { padding:11px 12px; border-radius:10px; }
}

@media (max-width: 760px) {
  .sg-shell { width:min(100% - 28px,1200px); }
  .sg-section { padding:80px 0; }
  .sg-hero { padding-top:64px; padding-bottom:24px; }
  .sg-title { font-size:clamp(42px,13vw,58px); }
  .sg-section-title { font-size:clamp(34px,10vw,46px); }
  .sg-brand { gap:8px; }
  .sg-brand-logo-full { height: 48px; max-width: 230px; }
  .sg-console-body { padding:17px; }
  .sg-console-metrics { grid-template-columns:1fr; }
  .sg-channel-row { grid-template-columns:repeat(2,1fr); }
  .sg-grid-3,.sg-pricing-wrap,.sg-audience-list,.sg-field-row { grid-template-columns:1fr; }
  .sg-steps { grid-template-columns:1fr; }
  .sg-price-card.featured { transform:none; }
  .sg-contact-panel { gap:34px; padding:26px; border-radius:25px; }
  .sg-form { padding:18px; }
  .sg-footer-grid { grid-template-columns:1fr; gap:28px; }
  .sg-footer-bottom { flex-direction:column; }
}

@media (max-width: 420px) {
  .sg-brand-logo-full { height: 42px; max-width: 195px; }
  .sg-kicker { font-size:9px; }
  .sg-ticket { grid-template-columns:auto 1fr; }
  .sg-status { display:none; }
}

/* =========================================================
   THEME + LANGUAGE CONTROLS
   ========================================================= */
.sg-header-controls {
  display:flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
}
.sg-control-btn {
  height:42px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:12px;
  color:#c9d7e1;
  background:rgba(255,255,255,.035);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.sg-control-btn:hover {
  color:#fff;
  background:rgba(255,255,255,.075);
  border-color:rgba(255,255,255,.14);
  transform:translateY(-1px);
}
.sg-theme-toggle {
  width:42px;
  padding:0;
  display:grid;
  place-items:center;
}
.sg-theme-icon { width:17px; height:17px; }
.sg-icon-moon { display:none; }
html[data-theme="light"] .sg-icon-sun { display:none; }
html[data-theme="light"] .sg-icon-moon { display:block; }
.sg-lang { position:relative; }
.sg-lang-toggle {
  min-width:76px;
  padding:0 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
}
.sg-lang-toggle > svg:first-child { width:15px; height:15px; opacity:.84; }
.sg-lang-toggle .sg-chevron { width:12px; height:12px; opacity:.62; transition:transform .2s ease; }
.sg-lang.is-open .sg-chevron { transform:rotate(180deg); }
.sg-lang-menu {
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  z-index:120;
  width:174px;
  display:none;
  padding:7px;
  border:1px solid rgba(255,255,255,.095);
  border-radius:15px;
  background:rgba(7,21,34,.97);
  box-shadow:0 20px 55px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(20px) saturate(150%);
  -webkit-backdrop-filter:blur(20px) saturate(150%);
}
.sg-lang.is-open .sg-lang-menu { display:grid; gap:3px; animation:sgPop .16s ease-out; }
@keyframes sgPop { from { opacity:0; transform:translateY(-5px) scale(.98); } to { opacity:1; transform:none; } }
.sg-lang-menu button {
  width:100%;
  min-height:39px;
  padding:0 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:0;
  border-radius:10px;
  color:#b9c9d4;
  background:transparent;
  font-size:12px;
  text-align:left;
  transition:.16s ease;
}
.sg-lang-menu button:hover { color:#fff; background:rgba(255,255,255,.055); }
.sg-lang-menu button.is-active {
  color:#eaf8f3;
  background:linear-gradient(105deg,rgba(46,118,246,.14),rgba(17,159,201,.10) 48%,rgba(48,210,109,.12));
}
.sg-lang-menu b { color:#71d9b1; font-size:9px; letter-spacing:.08em; }

/* =========================================================
   LIGHT THEME — premium SaaS system
   ========================================================= */
html[data-theme="light"] {
  --sg-bg:#f6f8fb;
  --sg-bg-deep:#edf2f6;
  --sg-bg-soft:#ffffff;
  --sg-surface:rgba(255,255,255,.88);
  --sg-surface-strong:#ffffff;
  --sg-border:rgba(19,49,71,.10);
  --sg-border-strong:rgba(21,145,143,.24);
  --sg-text:#0a1722;
  --sg-muted:#5d7181;
  --sg-muted-2:#7b8f9e;
  --sg-shadow:0 34px 90px rgba(24,54,76,.12);
  --sg-shadow-soft:0 18px 48px rgba(24,54,76,.075);
  color-scheme:light;
}

html[data-theme="light"] body {
  background:
    radial-gradient(circle at 89% 1%,rgba(49,130,255,.075),transparent 31rem),
    radial-gradient(circle at 3% 31%,rgba(46,205,118,.045),transparent 29rem),
    linear-gradient(180deg,#fbfcfe 0%,#f7f9fc 42%,#f3f6f9 100%);
  color:var(--sg-text);
}
html[data-theme="light"] body::before {
  opacity:.34;
  background-image:
    linear-gradient(rgba(27,67,93,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(27,67,93,.026) 1px,transparent 1px);
  background-size:88px 88px;
  mask-image:linear-gradient(to bottom,black,transparent 62%);
}
html[data-theme="light"] ::selection { background:rgba(40,177,153,.20); }

/* Header */
html[data-theme="light"] .sg-header {
  background:linear-gradient(180deg,rgba(249,251,253,.92),rgba(249,251,253,.72));
  border-bottom-color:rgba(19,49,71,.045);
  box-shadow:0 1px 0 rgba(255,255,255,.85);
}
html[data-theme="light"] .sg-nav {
  border-color:rgba(19,49,71,.095);
  background:rgba(255,255,255,.90);
  box-shadow:0 12px 36px rgba(26,58,80,.075),inset 0 1px 0 rgba(255,255,255,.98);
}
html[data-theme="light"] .sg-menu a { color:#526979; }
html[data-theme="light"] .sg-menu a:hover {
  color:#071823;
  background:#f1f5f8;
}
html[data-theme="light"] .sg-control-btn {
  color:#425c6e;
  border-color:#dbe4ea;
  background:#f8fafc;
  box-shadow:inset 0 1px 0 #fff,0 5px 14px rgba(28,59,81,.035);
}
html[data-theme="light"] .sg-control-btn:hover {
  color:#092131;
  background:#fff;
  border-color:#c9d8e1;
  box-shadow:0 8px 22px rgba(24,60,84,.08),inset 0 1px 0 #fff;
}
html[data-theme="light"] .sg-lang-menu {
  border-color:#dbe4ea;
  background:rgba(255,255,255,.985);
  box-shadow:0 24px 60px rgba(22,53,75,.14),inset 0 1px 0 #fff;
}
html[data-theme="light"] .sg-lang-menu button { color:#536b7b; }
html[data-theme="light"] .sg-lang-menu button:hover { color:#071823; background:#f2f6f8; }
html[data-theme="light"] .sg-lang-menu button.is-active {
  color:#0f5c4b;
  background:linear-gradient(105deg,rgba(49,130,255,.09),rgba(21,168,190,.07) 48%,rgba(48,210,109,.09));
}
html[data-theme="light"] .sg-lang-menu b { color:#138265; }
html[data-theme="light"] .sg-menu-toggle { color:#183345; }

/* Typography / hero */
html[data-theme="light"] .sg-title,
html[data-theme="light"] .sg-section-title { color:#091722; }
html[data-theme="light"] .sg-lead { color:#607586; }
html[data-theme="light"] .sg-kicker {
  color:#116c55;
  border-color:rgba(28,151,119,.15);
  background:#f1faf6;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.90);
}
html[data-theme="light"] .sg-kicker::before {
  box-shadow:0 0 0 5px rgba(53,216,117,.07),0 0 16px rgba(53,216,117,.16);
}
html[data-theme="light"] .sg-hero::before {
  background:radial-gradient(circle,rgba(42,130,255,.11),rgba(18,159,202,.04) 43%,rgba(48,210,109,.018) 59%,transparent 72%);
}
html[data-theme="light"] .sg-hero::after {
  background:radial-gradient(circle,rgba(48,210,109,.055),transparent 67%);
}
html[data-theme="light"] .sg-proof { color:#6a7f8f; }
html[data-theme="light"] .sg-proof i { box-shadow:0 0 0 4px rgba(37,174,101,.075); }

/* Product console stays dark, with a cleaner shadow on light canvas */
html[data-theme="light"] .sg-console {
  box-shadow:0 38px 90px rgba(26,58,79,.20),0 0 0 1px rgba(18,69,99,.035);
}

/* Channel strip */
html[data-theme="light"] .sg-channel-row {
  border-color:#dfe7ec;
  background:rgba(255,255,255,.74);
  box-shadow:0 12px 34px rgba(26,58,80,.045),inset 0 1px 0 #fff;
}
html[data-theme="light"] .sg-channel {
  color:#5b7181;
  background:transparent;
}
html[data-theme="light"] .sg-channel:nth-child(odd) { background:rgba(244,248,250,.70); }

/* Service cards */
html[data-theme="light"] .sg-card {
  border-color:#dfe7ec;
  background:#ffffff;
  box-shadow:0 12px 34px rgba(27,58,79,.055),inset 0 1px 0 #fff;
}
html[data-theme="light"] .sg-card::after {
  background:radial-gradient(circle,rgba(39,166,196,.09),rgba(54,212,113,.026) 55%,transparent 72%);
}
html[data-theme="light"] .sg-card:hover {
  border-color:rgba(23,153,142,.22);
  background:#fff;
  box-shadow:0 22px 50px rgba(26,62,85,.10),0 1px 0 #fff inset;
}
html[data-theme="light"] .sg-card h3 { color:#10202b; }
html[data-theme="light"] .sg-card p { color:#617687; }
html[data-theme="light"] .sg-icon {
  border-color:#dbe8ea;
  background:linear-gradient(145deg,#eef6ff,#eefaf4);
  box-shadow:inset 0 1px 0 #fff;
}
html[data-theme="light"] .sg-icon svg { stroke:#168c87; }

/* Process section */
html[data-theme="light"] .sg-how {
  background:linear-gradient(180deg,#f0f4f7 0%,#f7f9fb 46%,#eff4f7 100%);
  border-top-color:#e0e7ec;
  border-bottom-color:#e0e7ec;
}
html[data-theme="light"] .sg-how::before {
  background:radial-gradient(circle,rgba(44,125,246,.055),transparent 68%);
}
html[data-theme="light"] .sg-step {
  color:#0d1d28;
  background:#fff;
  border-color:#dce5eb;
  box-shadow:0 12px 34px rgba(24,57,79,.055),inset 0 1px 0 #fff;
}
html[data-theme="light"] .sg-step::before {
  color:#13785f;
  background:linear-gradient(145deg,#eef9f4,#eef5ff);
  border-color:#d9e9e5;
}
html[data-theme="light"] .sg-step:not(:last-child)::after {
  background:linear-gradient(90deg,rgba(36,154,133,.30),rgba(36,154,133,.04));
}
html[data-theme="light"] .sg-step p { color:#64798a; }

/* Audience */
html[data-theme="light"] .sg-audience-list {
  border-color:#dce5ea;
  background:#ffffff;
  box-shadow:0 16px 44px rgba(25,58,80,.055),inset 0 1px 0 #fff;
}
html[data-theme="light"] .sg-audience-item {
  color:#0c1d28;
  border-color:#e2e9ee;
  background:#f8fafc;
  box-shadow:none;
}
html[data-theme="light"] .sg-audience-item span { color:#667b8b; }

/* Pricing */
html[data-theme="light"] .sg-price-card {
  border-color:#dce5eb;
  background:#fff;
  box-shadow:0 14px 40px rgba(24,57,79,.06),inset 0 1px 0 #fff;
}
html[data-theme="light"] .sg-price-card.featured {
  background:
    radial-gradient(circle at 100% 0%,rgba(48,210,109,.10),transparent 17rem),
    linear-gradient(155deg,#f3f8ff 0%,#ffffff 48%,#f2fbf6 100%);
  border-color:rgba(24,155,140,.25);
  box-shadow:0 28px 70px rgba(25,66,86,.12),inset 0 1px 0 #fff;
}
html[data-theme="light"] .sg-price-card h3 { color:#0b1c27; }
html[data-theme="light"] .sg-price,
html[data-theme="light"] .sg-price-card ul { color:#617687; }
html[data-theme="light"] .sg-price-card ul { border-top-color:#e4eaee; }
html[data-theme="light"] .sg-chip {
  color:#235f92;
  background:#eff6ff;
  border-color:#d6e5f6;
}
html[data-theme="light"] .sg-price-card.featured .sg-chip {
  color:#0c7058;
  background:#edf9f4;
  border-color:#d4ede3;
}
html[data-theme="light"] .sg-price-card li::before { color:#169360; }

/* Buttons */
html[data-theme="light"] .sg-btn-primary {
  color:#061620;
  box-shadow:0 13px 31px rgba(22,146,174,.20),inset 0 1px 0 rgba(255,255,255,.20),inset 0 -1px 0 rgba(5,18,28,.08);
}
html[data-theme="light"] .sg-btn-primary:hover {
  color:#fff;
  box-shadow:0 18px 40px rgba(21,151,165,.26),inset 0 1px 0 rgba(255,255,255,.24);
}
html[data-theme="light"] .sg-btn-secondary {
  color:#163042;
  background:#fff;
  border:1px solid #d8e2e8;
  box-shadow:0 8px 22px rgba(25,60,86,.04),inset 0 1px 0 #fff;
}
html[data-theme="light"] .sg-btn-secondary:hover {
  color:#071824;
  background:#f8fafb;
  border-color:#c7d7e0;
  box-shadow:0 11px 26px rgba(25,60,86,.07),inset 0 1px 0 #fff;
}

/* Contact */
html[data-theme="light"] .sg-contact-panel {
  background:
    radial-gradient(circle at 0% 100%,rgba(48,210,109,.075),transparent 21rem),
    radial-gradient(circle at 100% 0%,rgba(44,123,244,.085),transparent 24rem),
    linear-gradient(145deg,#f2f7fc,#fbfcfd 48%,#f1faf6);
  border-color:#d8e4e9;
  box-shadow:0 30px 75px rgba(23,59,80,.10),inset 0 1px 0 #fff;
}
html[data-theme="light"] .sg-contact-panel::before { background:radial-gradient(circle,rgba(48,210,109,.065),transparent 68%); }
html[data-theme="light"] .sg-contact-panel::after { background:radial-gradient(circle,rgba(44,123,244,.085),transparent 68%); }
html[data-theme="light"] .sg-contact-points { color:#607687; }
html[data-theme="light"] .sg-form {
  background:#fff;
  border-color:#dce5eb;
  box-shadow:0 18px 48px rgba(24,57,79,.075),inset 0 1px 0 #fff;
  backdrop-filter:none;
}
html[data-theme="light"] .sg-field label { color:#556c7c; }
html[data-theme="light"] .sg-field input,
html[data-theme="light"] .sg-field textarea,
html[data-theme="light"] .sg-field select {
  color:#102737;
  border-color:#dce5eb;
  background:#f7f9fb;
  box-shadow:inset 0 1px 2px rgba(28,65,90,.022);
}
html[data-theme="light"] .sg-field input:hover,
html[data-theme="light"] .sg-field textarea:hover,
html[data-theme="light"] .sg-field select:hover { border-color:#cbd9e2; }
html[data-theme="light"] .sg-field input:focus,
html[data-theme="light"] .sg-field textarea:focus,
html[data-theme="light"] .sg-field select:focus {
  border-color:rgba(48,139,226,.42);
  background:#fff;
  box-shadow:0 0 0 4px rgba(48,139,226,.075),inset 0 1px 0 #fff;
}
html[data-theme="light"] .sg-field select {
  color-scheme:light;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23374f61' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"),linear-gradient(180deg,#fafcfd,#f6f9fb);
}
html[data-theme="light"] .sg-field select option { color:#102838; background:#fff; }
html[data-theme="light"] .sg-checkbox,
html[data-theme="light"] .sg-form-note { color:#657c8c; }
html[data-theme="light"] .sg-alert strong { color:#154f40; }
html[data-theme="light"] .sg-alert-success {
  border-color:#cae8dc;
  background:#f0faf6;
  color:#477564;
  box-shadow:inset 0 1px 0 #fff;
}
html[data-theme="light"] .sg-alert-error {
  border-color:#f0d0d0;
  background:#fff5f5;
  color:#9f5252;
}

/* Footer / legal pages */
html[data-theme="light"] .sg-footer {
  border-top-color:#dfe7ec;
  background:linear-gradient(180deg,#f2f5f8,#edf2f5);
}
html[data-theme="light"] .sg-footer p,
html[data-theme="light"] .sg-footer-links,
html[data-theme="light"] .sg-legal-strip,
html[data-theme="light"] .sg-footer-bottom { color:#657b8b; }
html[data-theme="light"] .sg-footer h4,
html[data-theme="light"] .sg-legal-strip strong { color:#263f50; }
html[data-theme="light"] .sg-footer-links a:hover { color:#071824; }
html[data-theme="light"] .sg-legal-strip,
html[data-theme="light"] .sg-footer-bottom { border-top-color:#d9e3e9; }
html[data-theme="light"] .sg-page article {
  border-color:#dce5eb;
  background:#fff;
  box-shadow:0 20px 55px rgba(25,60,86,.065);
}
html[data-theme="light"] .sg-page h1,
html[data-theme="light"] .sg-page h2 { color:#0b1b26; }
html[data-theme="light"] .sg-page p,
html[data-theme="light"] .sg-page li { color:#5b7181; }

/* Keep the product console intentionally dark in both themes. */
.sg-console { color:#f5f8fb; }

@media (max-width: 1180px) {
  .sg-nav { gap:14px; }
  .sg-menu a { padding-left:8px; padding-right:8px; }
  .sg-nav > .sg-btn { display:none; }
}

@media (max-width: 820px) {
  .sg-header-controls { margin-left:auto; }
  .sg-lang-toggle { min-width:70px; }
  .sg-menu { z-index:115; }
  html[data-theme="light"] .sg-menu {
    background:rgba(255,255,255,.985);
    border-color:#d9e3e9;
    box-shadow:0 24px 56px rgba(24,57,79,.14);
  }
}

@media (max-width: 520px) {
  .sg-nav { gap:7px; padding-left:8px; }
  .sg-brand-logo-full { height:38px; max-width:155px; }
  .sg-header-controls { gap:5px; }
  .sg-control-btn { height:38px; border-radius:11px; }
  .sg-theme-toggle { width:38px; }
  .sg-lang-toggle { min-width:61px; padding:0 8px; gap:5px; }
  .sg-lang-toggle > svg:first-child { display:none; }
  .sg-menu-toggle { width:38px; height:38px; }
}

/* =========================================================
   LIGHT THEME v2 — clearly differentiated premium layout
   ========================================================= */
html[data-theme="light"] body {
  background:#edf3f8;
}

html[data-theme="light"] .sg-header {
  background:rgba(237,243,248,.78);
  border-bottom:1px solid rgba(38,75,101,.07);
  box-shadow:none;
}
html[data-theme="light"] .sg-nav {
  border:1px solid rgba(33,72,99,.11);
  background:rgba(255,255,255,.94);
  box-shadow:0 18px 46px rgba(33,70,96,.10), inset 0 1px 0 rgba(255,255,255,1);
}

html[data-theme="light"] .sg-hero {
  background:
    radial-gradient(circle at 82% 10%,rgba(55,139,255,.17),transparent 30rem),
    radial-gradient(circle at 13% 86%,rgba(48,210,109,.10),transparent 25rem),
    linear-gradient(180deg,#eef5fb 0%,#e8f1f7 100%);
  border-bottom:1px solid rgba(33,72,99,.09);
}
html[data-theme="light"] .sg-hero::before,
html[data-theme="light"] .sg-hero::after { opacity:.60; }
html[data-theme="light"] .sg-hero-grid {
  position:relative;
  padding:58px 58px;
  border:1px solid rgba(31,75,104,.11);
  border-radius:38px;
  background:
    linear-gradient(125deg,rgba(255,255,255,.98),rgba(255,255,255,.88) 56%,rgba(244,250,255,.82));
  box-shadow:
    0 34px 90px rgba(33,70,96,.13),
    inset 0 1px 0 rgba(255,255,255,1);
  overflow:hidden;
}
html[data-theme="light"] .sg-hero-grid::before {
  content:"";
  position:absolute;
  width:430px;
  height:430px;
  right:-150px;
  top:-170px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(54,139,255,.13),rgba(27,181,191,.055) 47%,transparent 71%);
  pointer-events:none;
}
html[data-theme="light"] .sg-hero-grid::after {
  content:"";
  position:absolute;
  width:300px;
  height:300px;
  left:-135px;
  bottom:-185px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(51,207,119,.10),transparent 70%);
  pointer-events:none;
}
html[data-theme="light"] .sg-hero-copy,
html[data-theme="light"] .sg-console { position:relative; z-index:2; }
html[data-theme="light"] .sg-title { color:#071622; }
html[data-theme="light"] .sg-lead { color:#536b7c; }
html[data-theme="light"] .sg-proof span {
  padding:7px 10px;
  border-radius:999px;
  background:rgba(245,249,252,.90);
  border:1px solid rgba(33,72,99,.075);
}
html[data-theme="light"] .sg-strip { padding-top:28px; }
html[data-theme="light"] .sg-channel-row {
  border:1px solid rgba(33,72,99,.09);
  background:rgba(255,255,255,.82);
  box-shadow:0 16px 42px rgba(33,70,96,.075),inset 0 1px 0 #fff;
}
html[data-theme="light"] .sg-channel {
  background:linear-gradient(180deg,#ffffff,#f6f9fb);
  border-color:rgba(33,72,99,.055);
}
html[data-theme="light"] .sg-channel:nth-child(odd) { background:linear-gradient(180deg,#f8fbfd,#f1f6f8); }

html[data-theme="light"] #services {
  background:linear-gradient(180deg,#f8fafc 0%,#f2f6f9 100%);
  border-bottom:1px solid rgba(33,72,99,.07);
}
html[data-theme="light"] #services .sg-card {
  border:1px solid rgba(30,72,100,.10);
  background:linear-gradient(180deg,#ffffff 0%,#fbfdfe 100%);
  box-shadow:0 16px 44px rgba(29,66,91,.075),inset 0 1px 0 #fff;
}
html[data-theme="light"] #services .sg-card:hover {
  transform:translateY(-7px);
  border-color:rgba(31,164,151,.25);
  box-shadow:0 28px 58px rgba(29,66,91,.13),0 0 0 1px rgba(39,183,155,.04) inset;
}

html[data-theme="light"] .sg-how {
  background:
    radial-gradient(circle at 12% 20%,rgba(62,141,255,.06),transparent 26rem),
    linear-gradient(180deg,#e9f0f5 0%,#eef4f7 100%);
  border-top:1px solid rgba(33,72,99,.08);
  border-bottom:1px solid rgba(33,72,99,.08);
}
html[data-theme="light"] .sg-step {
  border:1px solid rgba(31,72,98,.10);
  background:#fff;
  box-shadow:0 18px 46px rgba(28,65,90,.075),inset 0 1px 0 #fff;
}

html[data-theme="light"] #solutions {
  background:linear-gradient(135deg,#f7fafc 0%,#eef7f5 100%);
  border-bottom:1px solid rgba(33,72,99,.07);
}
html[data-theme="light"] .sg-audience-list {
  border:1px solid rgba(32,73,100,.10);
  background:rgba(255,255,255,.92);
  box-shadow:0 24px 64px rgba(28,65,90,.09),inset 0 1px 0 #fff;
}
html[data-theme="light"] .sg-audience-item {
  background:linear-gradient(180deg,#fbfdfe,#f4f8fa);
  border-color:rgba(32,73,100,.075);
}

html[data-theme="light"] #pricing {
  background:#f4f7fa;
}
html[data-theme="light"] .sg-price-card {
  border:1px solid rgba(31,72,98,.10);
  box-shadow:0 18px 48px rgba(28,65,90,.075),inset 0 1px 0 #fff;
}
html[data-theme="light"] .sg-price-card.featured {
  background:
    radial-gradient(circle at 92% 5%,rgba(55,139,255,.14),transparent 19rem),
    radial-gradient(circle at 8% 92%,rgba(48,210,109,.09),transparent 17rem),
    linear-gradient(145deg,#ffffff,#f5fbff 52%,#f2fbf6);
  border-color:rgba(28,160,146,.28);
  box-shadow:0 34px 80px rgba(28,67,89,.14),inset 0 1px 0 #fff;
}

html[data-theme="light"] #contact {
  background:linear-gradient(180deg,#edf4f8 0%,#e8f1f3 100%);
  border-top:1px solid rgba(33,72,99,.07);
}
html[data-theme="light"] .sg-contact-panel {
  border:1px solid rgba(31,77,102,.12);
  background:
    radial-gradient(circle at 0% 100%,rgba(48,210,109,.11),transparent 22rem),
    radial-gradient(circle at 100% 0%,rgba(44,123,244,.14),transparent 25rem),
    linear-gradient(135deg,#ffffff 0%,#f7fbfe 54%,#f3fbf6 100%);
  box-shadow:0 36px 90px rgba(27,64,88,.13),inset 0 1px 0 #fff;
}
html[data-theme="light"] .sg-form {
  border:1px solid rgba(31,72,98,.10);
  background:rgba(255,255,255,.96);
  box-shadow:0 22px 58px rgba(28,65,90,.095),inset 0 1px 0 #fff;
}

html[data-theme="light"] .sg-footer {
  background:linear-gradient(180deg,#e7eef3,#dfe8ee);
  border-top:1px solid rgba(33,72,99,.10);
}

@media (max-width: 820px) {
  html[data-theme="light"] .sg-hero-grid {
    padding:34px 24px;
    border-radius:28px;
  }
}

@media (max-width: 520px) {
  html[data-theme="light"] .sg-hero-grid {
    padding:28px 18px;
    border-radius:24px;
  }
}

/* =========================================================
   LIGHT THEME v3 — independent professional design system
   ========================================================= */
html[data-theme="light"] {
  --sg-light-bg: #f6f8fb;
  --sg-light-surface: #ffffff;
  --sg-light-surface-2: #f1f4f8;
  --sg-light-ink: #111827;
  --sg-light-muted: #667085;
  --sg-light-line: #e4e7ec;
  --sg-light-blue: #2f63f5;
  --sg-light-teal: #0fa6ae;
  --sg-light-green: #22b878;
  --sg-light-gradient: linear-gradient(135deg,#2f63f5 0%,#3b78f2 38%,#10a7b0 73%,#22b878 100%);
  color-scheme: light;
}

html[data-theme="light"] body {
  font-family: Manrope, Poppins, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--sg-light-bg);
  color: var(--sg-light-ink);
  background-image:
    radial-gradient(circle at 88% 4%, rgba(47,99,245,.07), transparent 29rem),
    radial-gradient(circle at 6% 22%, rgba(15,166,174,.045), transparent 26rem);
}
html[data-theme="light"] body::before {
  opacity:.32;
  background-image:
    linear-gradient(rgba(35,58,84,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(35,58,84,.026) 1px,transparent 1px);
  background-size:76px 76px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 58%);
}
html[data-theme="light"] ::selection { background:rgba(47,99,245,.16); color:#0b1526; }

/* Header — floating white product navigation */
html[data-theme="light"] .sg-header {
  padding:14px 0 10px;
  background:rgba(246,248,251,.82);
  border-bottom:0;
  box-shadow:none;
  backdrop-filter:blur(22px) saturate(150%);
  -webkit-backdrop-filter:blur(22px) saturate(150%);
}
html[data-theme="light"] .sg-nav {
  min-height:72px;
  padding:8px 10px 8px 16px;
  border:1px solid rgba(21,35,56,.09);
  border-radius:24px;
  background:rgba(255,255,255,.92);
  box-shadow:0 10px 30px rgba(16,24,40,.055),0 1px 2px rgba(16,24,40,.035),inset 0 1px 0 #fff;
}
html[data-theme="light"] .sg-brand-logo-full { filter:none; }
html[data-theme="light"] .sg-menu a {
  color:#526174;
  font-weight:650;
}
html[data-theme="light"] .sg-menu a:hover {
  color:#101828;
  background:#f2f5f9;
}
html[data-theme="light"] .sg-control-btn {
  color:#475467;
  border-color:#d8dee8;
  background:#f9fafb;
  box-shadow:0 1px 2px rgba(16,24,40,.025),inset 0 1px 0 #fff;
}
html[data-theme="light"] .sg-control-btn:hover {
  color:#101828;
  border-color:#cfd7e3;
  background:#fff;
  box-shadow:0 5px 14px rgba(16,24,40,.06);
}
html[data-theme="light"] .sg-lang-menu {
  border-color:#dfe4ec;
  background:#fff;
  box-shadow:0 20px 48px rgba(16,24,40,.12),0 3px 10px rgba(16,24,40,.05);
}
html[data-theme="light"] .sg-lang-menu button { color:#475467; }
html[data-theme="light"] .sg-lang-menu button:hover { color:#101828; background:#f5f7fa; }
html[data-theme="light"] .sg-lang-menu button.is-active { background:#eef4ff; color:#2449a7; }
html[data-theme="light"] .sg-lang-menu b { color:#2f63f5; }
html[data-theme="light"] .sg-menu-toggle { color:#344054; }

/* Type & brand accents */
html[data-theme="light"] .sg-title,
html[data-theme="light"] .sg-section-title {
  color:#101828;
  letter-spacing:-.055em;
}
html[data-theme="light"] .sg-title { font-weight:750; }
html[data-theme="light"] .sg-section-title { font-weight:740; }
html[data-theme="light"] .sg-lead { color:#667085; }
html[data-theme="light"] .sg-gradient-text {
  background:linear-gradient(105deg,#2f63f5 0%,#2d83de 42%,#0fa6ae 72%,#21b879 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
html[data-theme="light"] .sg-kicker {
  color:#23415f;
  border:1px solid #dce5ef;
  background:#fff;
  box-shadow:0 5px 14px rgba(16,24,40,.04),inset 0 1px 0 #fff;
  letter-spacing:.085em;
}
html[data-theme="light"] .sg-kicker::before {
  background:linear-gradient(135deg,#2f63f5,#0fa6ae);
  box-shadow:0 0 0 5px rgba(47,99,245,.07);
}

/* Buttons — professional blue/teal system, no rainbow feel */
html[data-theme="light"] .sg-btn-primary {
  color:#fff;
  border-color:rgba(26,86,194,.18);
  background:linear-gradient(135deg,#2f63f5 0%,#3373e8 48%,#0e9fa9 100%);
  background-size:150% 150%;
  box-shadow:0 10px 24px rgba(47,99,245,.20),inset 0 1px 0 rgba(255,255,255,.22);
  text-shadow:none;
}
html[data-theme="light"] .sg-btn-primary::before {
  opacity:.35;
  background:linear-gradient(115deg,rgba(255,255,255,.30),transparent 30%,rgba(255,255,255,.10) 64%,transparent 84%);
}
html[data-theme="light"] .sg-btn-primary::after { background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 62%); }
html[data-theme="light"] .sg-btn-primary:hover {
  color:#fff;
  background-position:100% 50%;
  text-shadow:0 0 12px rgba(255,255,255,.32);
  box-shadow:0 14px 30px rgba(47,99,245,.25),0 4px 12px rgba(15,166,174,.10);
}
html[data-theme="light"] .sg-btn-secondary {
  color:#24324a;
  border-color:#d9e0e9;
  background:#fff;
  box-shadow:0 1px 2px rgba(16,24,40,.025),inset 0 1px 0 #fff;
}
html[data-theme="light"] .sg-btn-secondary:hover {
  color:#101828;
  border-color:#cbd5e1;
  background:#f8fafc;
  box-shadow:0 8px 20px rgba(16,24,40,.065);
}

/* HERO — open, airy, editorial. No inverted dark composition. */
html[data-theme="light"] .sg-hero {
  padding:102px 0 54px;
  background:
    radial-gradient(circle at 79% 22%,rgba(47,99,245,.12),transparent 25rem),
    radial-gradient(circle at 91% 68%,rgba(15,166,174,.075),transparent 22rem),
    linear-gradient(180deg,#fbfcfe 0%,#f6f8fb 78%,#f2f5f9 100%);
  border-bottom:1px solid #e8ecf2;
}
html[data-theme="light"] .sg-hero::before {
  width:520px;
  height:520px;
  right:-160px;
  top:-220px;
  background:radial-gradient(circle,rgba(47,99,245,.10),transparent 70%);
  opacity:1;
}
html[data-theme="light"] .sg-hero::after {
  width:400px;
  height:400px;
  left:-210px;
  bottom:-180px;
  background:radial-gradient(circle,rgba(34,184,120,.055),transparent 72%);
  opacity:1;
}
html[data-theme="light"] .sg-hero-grid {
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  gap:82px;
}
html[data-theme="light"] .sg-hero-grid::before,
html[data-theme="light"] .sg-hero-grid::after { display:none; }
html[data-theme="light"] .sg-title { color:#0b1320; }
html[data-theme="light"] .sg-lead { color:#5e6c80; }
html[data-theme="light"] .sg-proof { color:#667085; gap:8px 10px; }
html[data-theme="light"] .sg-proof span {
  padding:8px 11px;
  border:1px solid #e1e6ee;
  border-radius:12px;
  background:rgba(255,255,255,.72);
  box-shadow:0 2px 8px rgba(16,24,40,.025);
}
html[data-theme="light"] .sg-proof i {
  background:#22b878;
  box-shadow:0 0 0 4px rgba(34,184,120,.09);
}

/* Product console — fully redesigned for light mode */
html[data-theme="light"] .sg-console {
  color:#101828;
  padding:0;
  border:1px solid #dce3ec;
  border-radius:28px;
  background:#fff;
  box-shadow:0 30px 70px rgba(16,24,40,.12),0 10px 28px rgba(47,99,245,.06),inset 0 1px 0 #fff;
  transform:none;
  overflow:hidden;
}
html[data-theme="light"] .sg-console::before {
  width:260px;
  height:260px;
  right:-120px;
  top:-120px;
  background:radial-gradient(circle,rgba(47,99,245,.08),transparent 68%);
}
html[data-theme="light"] .sg-console::after {
  width:280px;
  height:130px;
  left:28%;
  bottom:-82px;
  background:radial-gradient(ellipse,rgba(15,166,174,.07),transparent 67%);
}
html[data-theme="light"] .sg-console-top {
  padding:16px 18px 14px;
  border-radius:0;
  border-bottom:1px solid #e8edf3;
  background:linear-gradient(180deg,#fbfcfe,#f7f9fc);
}
html[data-theme="light"] .sg-dots span { box-shadow:0 0 0 1px rgba(16,24,40,.035) inset; }
html[data-theme="light"] .sg-dots span:nth-child(1){ background:#9bb9f9; }
html[data-theme="light"] .sg-dots span:nth-child(2){ background:#73c8ce; }
html[data-theme="light"] .sg-dots span:nth-child(3){ background:#62ca93; }
html[data-theme="light"] .sg-live {
  padding:6px 9px;
  border:1px solid #d8eee4;
  border-radius:999px;
  background:#f0fbf6;
  color:#207a53;
}
html[data-theme="light"] .sg-live i {
  background:#22b878;
  box-shadow:0 0 0 4px rgba(34,184,120,.09);
}
html[data-theme="light"] .sg-console-body {
  margin:0;
  padding:24px;
  border:0;
  border-radius:0;
  background:#fff;
}
html[data-theme="light"] .sg-console-head { margin-bottom:16px; }
html[data-theme="light"] .sg-console-head strong { color:#1d2939; font-weight:700; }
html[data-theme="light"] .sg-chip {
  color:#2b5abf;
  border-color:#d7e3fb;
  background:#eef4ff;
}
html[data-theme="light"] .sg-ticket {
  border-top-color:#edf0f4;
  padding:15px 0;
}
html[data-theme="light"] .sg-avatar {
  color:#2959b8;
  border-color:#dce7fb;
  background:linear-gradient(145deg,#edf4ff,#f3fbfa);
  box-shadow:inset 0 1px 0 #fff;
}
html[data-theme="light"] .sg-ticket strong { color:#29384d; }
html[data-theme="light"] .sg-ticket small { color:#8793a3; }
html[data-theme="light"] .sg-status {
  color:#287453;
  border:1px solid #dcefe6;
  background:#effaf5;
}
html[data-theme="light"] .sg-console-metrics { gap:10px; }
html[data-theme="light"] .sg-metric {
  border:1px solid #e5eaf0;
  background:linear-gradient(180deg,#fafbfc,#f6f8fb);
  box-shadow:0 1px 2px rgba(16,24,40,.025),inset 0 1px 0 #fff;
}
html[data-theme="light"] .sg-metric b { color:#1d2939; }
html[data-theme="light"] .sg-metric span { color:#8a96a6; }

/* Channel strip — compact product pills */
html[data-theme="light"] .sg-strip { padding-top:30px; }
html[data-theme="light"] .sg-channel-row {
  gap:9px;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
html[data-theme="light"] .sg-channel,
html[data-theme="light"] .sg-channel:nth-child(odd) {
  min-height:48px;
  border:1px solid #e2e7ee;
  border-radius:14px;
  background:#fff;
  color:#526174;
  box-shadow:0 4px 12px rgba(16,24,40,.035),inset 0 1px 0 #fff;
}
html[data-theme="light"] .sg-channel::before { background:linear-gradient(135deg,#2f63f5,#0fa6ae); }

/* Services — white cards on soft canvas */
html[data-theme="light"] #services {
  background:#f6f8fb;
  border-bottom:1px solid #eaedf2;
}
html[data-theme="light"] #services .sg-card,
html[data-theme="light"] .sg-card {
  border:1px solid #e2e7ee;
  border-radius:22px;
  background:#fff;
  box-shadow:0 4px 14px rgba(16,24,40,.035),0 1px 2px rgba(16,24,40,.025),inset 0 1px 0 #fff;
}
html[data-theme="light"] .sg-card::after {
  opacity:1;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(47,99,245,.035),transparent 30%,transparent 72%,rgba(15,166,174,.03));
}
html[data-theme="light"] .sg-card:hover,
html[data-theme="light"] #services .sg-card:hover {
  transform:translateY(-6px);
  border-color:#ccd9e8;
  background:#fff;
  box-shadow:0 18px 36px rgba(16,24,40,.08),0 5px 14px rgba(47,99,245,.045);
}
html[data-theme="light"] .sg-card h3 { color:#1d2939; }
html[data-theme="light"] .sg-card p { color:#667085; }
html[data-theme="light"] .sg-icon {
  border:1px solid #dce5f4;
  background:linear-gradient(145deg,#eef4ff,#eefaf8);
  box-shadow:inset 0 1px 0 #fff;
}
html[data-theme="light"] .sg-icon svg { stroke:#3168d6; }

/* Process — distinct pale-blue editorial band */
html[data-theme="light"] .sg-how {
  background:
    radial-gradient(circle at 90% 18%,rgba(47,99,245,.08),transparent 26rem),
    linear-gradient(135deg,#eef3ff 0%,#f5f8ff 45%,#eef9f7 100%);
  border-top:1px solid #e4e9f1;
  border-bottom:1px solid #e4e9f1;
}
html[data-theme="light"] .sg-how::before { background:radial-gradient(circle,rgba(47,99,245,.07),transparent 68%); }
html[data-theme="light"] .sg-step {
  border:1px solid rgba(94,116,153,.14);
  background:rgba(255,255,255,.78);
  box-shadow:0 8px 24px rgba(33,45,72,.045),inset 0 1px 0 #fff;
  backdrop-filter:blur(8px);
}
html[data-theme="light"] .sg-step::before {
  color:#fff;
  border:0;
  background:linear-gradient(135deg,#2f63f5,#0fa6ae);
  box-shadow:0 6px 16px rgba(47,99,245,.16);
}
html[data-theme="light"] .sg-step:not(:last-child)::after { background:linear-gradient(90deg,rgba(47,99,245,.18),rgba(15,166,174,.10)); }
html[data-theme="light"] .sg-step h3 { color:#1d2939; }
html[data-theme="light"] .sg-step p { color:#667085; }

/* Audience — clean split section */
html[data-theme="light"] #solutions {
  background:#fff;
  border-bottom:1px solid #eaedf2;
}
html[data-theme="light"] .sg-audience-list {
  border:1px solid #e1e6ed;
  background:#f8fafc;
  box-shadow:0 10px 30px rgba(16,24,40,.05),inset 0 1px 0 #fff;
}
html[data-theme="light"] .sg-audience-item {
  border-color:#e7ebf0;
  background:#fff;
  color:#1d2939;
}
html[data-theme="light"] .sg-audience-item:hover {
  border-color:#d1dbe8;
  box-shadow:0 8px 18px rgba(16,24,40,.05);
}
html[data-theme="light"] .sg-audience-item::before { background:linear-gradient(135deg,#2f63f5,#0fa6ae); }
html[data-theme="light"] .sg-audience-item span { color:#667085; }

/* Pricing — restrained cards, featured uses light brand tint */
html[data-theme="light"] #pricing { background:#f6f8fb; }
html[data-theme="light"] .sg-price-card {
  border:1px solid #e1e6ed;
  background:#fff;
  box-shadow:0 5px 18px rgba(16,24,40,.04),inset 0 1px 0 #fff;
}
html[data-theme="light"] .sg-price-card.featured {
  border-color:#c9d8f4;
  background:
    radial-gradient(circle at 100% 0%,rgba(47,99,245,.10),transparent 19rem),
    radial-gradient(circle at 0% 100%,rgba(15,166,174,.07),transparent 18rem),
    linear-gradient(145deg,#ffffff,#f7faff 56%,#f5fbfa);
  box-shadow:0 20px 46px rgba(47,99,245,.085),0 7px 20px rgba(16,24,40,.055),inset 0 1px 0 #fff;
}
html[data-theme="light"] .sg-price-card.featured::before { background:linear-gradient(90deg,#2f63f5,#0fa6ae); }
html[data-theme="light"] .sg-price-card h3 { color:#1d2939; }
html[data-theme="light"] .sg-price,
html[data-theme="light"] .sg-price-card ul { color:#667085; }
html[data-theme="light"] .sg-price-card ul { border-top-color:#e8ecf1; }
html[data-theme="light"] .sg-chip {
  color:#335ea8;
  border-color:#dae4f6;
  background:#f0f5ff;
}
html[data-theme="light"] .sg-price-card.featured .sg-chip {
  color:#176b68;
  border-color:#d8ece9;
  background:#effaf8;
}
html[data-theme="light"] .sg-price-card li::before { color:#1d9c69; }

/* Contact — soft premium card, not a dark inverse */
html[data-theme="light"] #contact {
  background:
    radial-gradient(circle at 7% 100%,rgba(15,166,174,.07),transparent 25rem),
    linear-gradient(180deg,#f0f4f8,#eef3f7);
  border-top:1px solid #e6eaf0;
}
html[data-theme="light"] .sg-contact-panel {
  border:1px solid #dde4ec;
  background:#fff;
  box-shadow:0 22px 54px rgba(16,24,40,.075),0 6px 18px rgba(47,99,245,.035),inset 0 1px 0 #fff;
}
html[data-theme="light"] .sg-contact-panel::before {
  background:radial-gradient(circle,rgba(15,166,174,.07),transparent 70%);
}
html[data-theme="light"] .sg-contact-panel::after {
  background:radial-gradient(circle,rgba(47,99,245,.08),transparent 70%);
}
html[data-theme="light"] .sg-contact-points { color:#667085; }
html[data-theme="light"] .sg-contact-points i { background:#22b878; box-shadow:0 0 0 4px rgba(34,184,120,.08); }
html[data-theme="light"] .sg-form {
  border:1px solid #e1e6ed;
  background:#f9fafb;
  box-shadow:none;
  backdrop-filter:none;
}
html[data-theme="light"] .sg-field label { color:#475467; }
html[data-theme="light"] .sg-field input,
html[data-theme="light"] .sg-field textarea,
html[data-theme="light"] .sg-field select {
  color:#1d2939;
  border-color:#d8dee8;
  background:#fff;
  box-shadow:0 1px 2px rgba(16,24,40,.025);
}
html[data-theme="light"] .sg-field input:hover,
html[data-theme="light"] .sg-field textarea:hover,
html[data-theme="light"] .sg-field select:hover { border-color:#c8d1dd; }
html[data-theme="light"] .sg-field input:focus,
html[data-theme="light"] .sg-field textarea:focus,
html[data-theme="light"] .sg-field select:focus {
  border-color:#90aef7;
  background:#fff;
  box-shadow:0 0 0 4px rgba(47,99,245,.09),0 1px 2px rgba(16,24,40,.025);
}
html[data-theme="light"] .sg-field select {
  color-scheme:light;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23475467' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"),linear-gradient(#fff,#fff);
}
html[data-theme="light"] .sg-field select option { color:#1d2939; background:#fff; }
html[data-theme="light"] .sg-checkbox,
html[data-theme="light"] .sg-form-note { color:#667085; }
html[data-theme="light"] .sg-alert-success {
  border-color:#cde9dc;
  background:#f0faf6;
  color:#356c56;
}
html[data-theme="light"] .sg-alert-error {
  border-color:#f1d0d0;
  background:#fff5f5;
  color:#a15050;
}

/* Footer — clean light corporate footer */
html[data-theme="light"] .sg-footer {
  border-top:1px solid #e1e6ed;
  background:#fff;
}
html[data-theme="light"] .sg-footer p,
html[data-theme="light"] .sg-footer-links,
html[data-theme="light"] .sg-legal-strip,
html[data-theme="light"] .sg-footer-bottom { color:#667085; }
html[data-theme="light"] .sg-footer h4,
html[data-theme="light"] .sg-legal-strip strong { color:#344054; }
html[data-theme="light"] .sg-footer-links a:hover { color:#2f63f5; }
html[data-theme="light"] .sg-legal-strip,
html[data-theme="light"] .sg-footer-bottom { border-top-color:#e8ecf1; }
html[data-theme="light"] .sg-page article {
  border-color:#e1e6ed;
  background:#fff;
  box-shadow:0 12px 30px rgba(16,24,40,.055);
}
html[data-theme="light"] .sg-page h1,
html[data-theme="light"] .sg-page h2 { color:#101828; }
html[data-theme="light"] .sg-page p,
html[data-theme="light"] .sg-page li { color:#667085; }

/* Mobile light navigation */
@media (max-width: 820px) {
  html[data-theme="light"] .sg-menu {
    background:rgba(255,255,255,.98);
    border-color:#dfe4ec;
    box-shadow:0 24px 54px rgba(16,24,40,.13);
  }
  html[data-theme="light"] .sg-hero-grid { padding:0; border-radius:0; }
}

@media (max-width: 520px) {
  html[data-theme="light"] .sg-hero { padding-top:72px; }
  html[data-theme="light"] .sg-hero-grid { padding:0; }
  html[data-theme="light"] .sg-console { border-radius:22px; }
  html[data-theme="light"] .sg-console-top { padding:14px 15px 12px; }
  html[data-theme="light"] .sg-console-body { padding:18px; }
}

/* =========================================================
   LIGHT THEME v4 — layered professional SaaS light palette
   Purpose: avoid an all-white / washed-out appearance.
   ========================================================= */
html[data-theme="light"] {
  --lt-page:#e7edf3;
  --lt-surface:#f7f9fc;
  --lt-surface-2:#edf3f8;
  --lt-surface-3:#dce7f0;
  --lt-ink:#10243a;
  --lt-muted:#5d7185;
  --lt-line:#cbd7e2;
  --lt-blue:#2968e8;
  --lt-blue-deep:#1e4fae;
  --lt-teal:#0d9488;
  --lt-green:#20a66b;
}

html[data-theme="light"] body {
  background:
    radial-gradient(circle at 86% 0%,rgba(41,104,232,.10),transparent 30rem),
    radial-gradient(circle at 8% 20%,rgba(13,148,136,.06),transparent 28rem),
    var(--lt-page);
  color:var(--lt-ink);
}

html[data-theme="light"] body::before {
  opacity:.20;
  background-image:
    linear-gradient(rgba(35,61,88,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(35,61,88,.045) 1px,transparent 1px);
  background-size:80px 80px;
}

html[data-theme="light"] .sg-section { padding:86px 0; }

html[data-theme="light"] .sg-header {
  padding:12px 0 10px;
  background:rgba(226,235,243,.88);
  border-bottom:1px solid rgba(115,137,158,.16);
}
html[data-theme="light"] .sg-nav {
  border-color:#c9d6e1;
  background:rgba(247,250,252,.94);
  box-shadow:0 12px 32px rgba(31,55,78,.10),inset 0 1px 0 rgba(255,255,255,.90);
}
html[data-theme="light"] .sg-menu a { color:#4b6074; }
html[data-theme="light"] .sg-menu a:hover {
  color:#10243a;
  background:#e7eef5;
}
html[data-theme="light"] .sg-control-btn {
  color:#38526a;
  border-color:#c6d4df;
  background:#eaf0f5;
}
html[data-theme="light"] .sg-control-btn:hover {
  color:#10243a;
  background:#f7fafc;
  border-color:#afc2d1;
}

html[data-theme="light"] .sg-hero {
  padding:82px 0 32px;
  background:
    radial-gradient(circle at 78% 18%,rgba(41,104,232,.17),transparent 25rem),
    radial-gradient(circle at 91% 72%,rgba(13,148,136,.09),transparent 22rem),
    linear-gradient(145deg,#dce7f2 0%,#eef3f8 48%,#dfeaf2 100%);
  border-bottom:1px solid #cbd8e3;
}
html[data-theme="light"] .sg-title { color:#0c2035; }
html[data-theme="light"] .sg-lead { color:#536a80; }
html[data-theme="light"] .sg-kicker {
  color:#234965;
  border-color:#bfcfdd;
  background:#e9f1f7;
  box-shadow:0 4px 12px rgba(35,61,88,.06),inset 0 1px 0 rgba(255,255,255,.72);
}
html[data-theme="light"] .sg-proof span {
  border-color:#cbd7e2;
  background:#e8eff5;
  box-shadow:none;
}
html[data-theme="light"] .sg-proof { color:#536a7d; }

html[data-theme="light"] .sg-console {
  border-color:#b8cad9;
  background:#d9e6f0;
  box-shadow:0 28px 64px rgba(35,59,82,.18),0 8px 22px rgba(41,104,232,.06),inset 0 1px 0 rgba(255,255,255,.78);
}
html[data-theme="light"] .sg-console-top {
  border-bottom-color:#bfd0dd;
  background:linear-gradient(180deg,#d4e2ed,#cbdbe7);
}
html[data-theme="light"] .sg-console-body { background:#eaf1f6; }
html[data-theme="light"] .sg-console-head strong { color:#173047; }
html[data-theme="light"] .sg-chip {
  color:#245cb9;
  border-color:#b9cdea;
  background:#dce8fa;
}
html[data-theme="light"] .sg-ticket {
  margin-top:9px;
  padding:13px 14px;
  border:1px solid #d1dce6 !important;
  border-radius:14px;
  background:#f8fafc;
  box-shadow:0 4px 10px rgba(36,59,80,.035);
}
html[data-theme="light"] .sg-ticket:first-of-type { margin-top:0; }
html[data-theme="light"] .sg-ticket strong { color:#263b50; }
html[data-theme="light"] .sg-ticket small { color:#718398; }
html[data-theme="light"] .sg-avatar {
  color:#2458a6;
  border-color:#c2d4e6;
  background:linear-gradient(145deg,#dce8f5,#e5f1ef);
}
html[data-theme="light"] .sg-status {
  color:#267050;
  border-color:#bddfcf;
  background:#dff1e8;
}
html[data-theme="light"] .sg-console-metrics { margin-top:12px; }
html[data-theme="light"] .sg-metric {
  border-color:#c9d8e3;
  background:linear-gradient(180deg,#dfe9f2,#d6e3ed);
  box-shadow:none;
}
html[data-theme="light"] .sg-metric b { color:#183148; }
html[data-theme="light"] .sg-metric span { color:#62788d; }
html[data-theme="light"] .sg-live {
  border-color:#b9dccd;
  background:#dcefe6;
  color:#24714f;
}

html[data-theme="light"] .sg-strip { padding-top:22px; }
html[data-theme="light"] .sg-channel-row {
  gap:10px;
  padding:12px;
  border:1px solid #becddb;
  border-radius:20px;
  background:#cfdae5;
  box-shadow:0 10px 24px rgba(42,66,90,.08),inset 0 1px 0 rgba(255,255,255,.58);
}
html[data-theme="light"] .sg-channel,
html[data-theme="light"] .sg-channel:nth-child(odd) {
  min-height:50px;
  border-color:#c0cfdb;
  background:linear-gradient(180deg,#eef3f7,#e5edf3);
  color:#435c72;
  box-shadow:0 3px 8px rgba(37,59,80,.04),inset 0 1px 0 rgba(255,255,255,.72);
}

html[data-theme="light"] #services {
  background:
    radial-gradient(circle at 8% 22%,rgba(41,104,232,.055),transparent 23rem),
    linear-gradient(180deg,#e3eaf1 0%,#e9eff4 100%);
  border-top:1px solid #cbd7e1;
  border-bottom:1px solid #c6d3df;
}
html[data-theme="light"] #services .sg-card,
html[data-theme="light"] .sg-card {
  border-color:#c8d5e0;
  background:linear-gradient(180deg,#f5f8fb,#edf3f7);
  box-shadow:0 10px 24px rgba(36,58,80,.065),inset 0 1px 0 rgba(255,255,255,.74);
}
html[data-theme="light"] #services .sg-card:nth-child(2n) {
  background:linear-gradient(180deg,#f2f6fb,#e7eff7);
}
html[data-theme="light"] .sg-card:hover,
html[data-theme="light"] #services .sg-card:hover {
  border-color:#aebfd0;
  background:linear-gradient(180deg,#fbfcfe,#edf4f9);
  box-shadow:0 18px 38px rgba(31,55,78,.11);
}
html[data-theme="light"] .sg-icon {
  border-color:#bfcfdf;
  background:linear-gradient(145deg,#dce9f8,#dceeea);
}

html[data-theme="light"] .sg-how {
  background:
    radial-gradient(circle at 88% 15%,rgba(41,104,232,.08),transparent 25rem),
    linear-gradient(135deg,#d7e3ef 0%,#e0eaf3 48%,#d7e8e7 100%);
  border-color:#bdcdda;
}
html[data-theme="light"] .sg-step {
  border-color:#bfcfdd;
  background:linear-gradient(180deg,#edf3f8,#e4ecf3);
  box-shadow:0 8px 18px rgba(35,58,80,.06),inset 0 1px 0 rgba(255,255,255,.62);
}

html[data-theme="light"] #solutions {
  background:#edf2f6;
  border-bottom:1px solid #c9d6e0;
}
html[data-theme="light"] .sg-audience-list {
  border-color:#bccbd8;
  background:#d9e4ed;
  box-shadow:0 12px 28px rgba(36,59,81,.08),inset 0 1px 0 rgba(255,255,255,.48);
}
html[data-theme="light"] .sg-audience-item {
  border-color:#c7d4df;
  background:#f3f6f9;
}
html[data-theme="light"] .sg-audience-item:nth-child(even) { background:#eaf1f6; }

html[data-theme="light"] #pricing {
  background:
    radial-gradient(circle at 92% 18%,rgba(13,148,136,.06),transparent 24rem),
    linear-gradient(180deg,#dce5ee,#e5ebf1);
  border-top:1px solid #c2d0dc;
  border-bottom:1px solid #c2d0dc;
}
html[data-theme="light"] .sg-price-card {
  border-color:#bfceda;
  background:linear-gradient(180deg,#f4f7fa,#e9f0f5);
  box-shadow:0 10px 25px rgba(34,57,78,.07),inset 0 1px 0 rgba(255,255,255,.72);
}
html[data-theme="light"] .sg-price-card.featured {
  border-color:#9db7d2;
  background:
    radial-gradient(circle at 100% 0%,rgba(41,104,232,.13),transparent 18rem),
    radial-gradient(circle at 0% 100%,rgba(13,148,136,.09),transparent 17rem),
    linear-gradient(145deg,#eaf1fb,#e3edf7 56%,#e1f0ee);
  box-shadow:0 20px 42px rgba(41,104,232,.12),0 8px 18px rgba(33,56,78,.08);
}

html[data-theme="light"] #contact {
  background:
    radial-gradient(circle at 7% 100%,rgba(13,148,136,.08),transparent 25rem),
    linear-gradient(180deg,#d4e1ec,#cddce8);
  border-top:1px solid #b9cad7;
}
html[data-theme="light"] .sg-contact-panel {
  border-color:#b8cad9;
  background:linear-gradient(145deg,#e8f0f6,#dce8f1);
  box-shadow:0 20px 48px rgba(33,57,79,.11),inset 0 1px 0 rgba(255,255,255,.65);
}
html[data-theme="light"] .sg-form {
  border-color:#c3d0db;
  background:#f4f7fa;
  box-shadow:0 8px 18px rgba(35,58,79,.055);
}
html[data-theme="light"] .sg-field input,
html[data-theme="light"] .sg-field textarea,
html[data-theme="light"] .sg-field select {
  border-color:#c1ced9;
  background:#eaf0f5;
}
html[data-theme="light"] .sg-field input:focus,
html[data-theme="light"] .sg-field textarea:focus,
html[data-theme="light"] .sg-field select:focus {
  background:#f8fafc;
  border-color:#7ea1d9;
}

html[data-theme="light"] .sg-footer {
  border-top-color:#afc1cf;
  background:#cfdbe5;
}
html[data-theme="light"] .sg-footer p,
html[data-theme="light"] .sg-footer-links,
html[data-theme="light"] .sg-legal-strip,
html[data-theme="light"] .sg-footer-bottom { color:#51697d; }
html[data-theme="light"] .sg-footer h4,
html[data-theme="light"] .sg-legal-strip strong { color:#1f384e; }
html[data-theme="light"] .sg-legal-strip,
html[data-theme="light"] .sg-footer-bottom { border-top-color:#b7c7d4; }

@media (max-width:820px) {
  html[data-theme="light"] .sg-menu {
    background:#edf3f7;
    border-color:#bdccda;
  }
}
@media (max-width:760px) {
  html[data-theme="light"] .sg-section { padding:70px 0; }
  html[data-theme="light"] .sg-hero { padding-top:62px; padding-bottom:24px; }
  html[data-theme="light"] .sg-channel-row { padding:10px; }
}


/* LIGHT v1.6.2 — stronger interactive button hover */
html[data-theme="light"] .sg-btn-primary,
html[data-theme="light"] .sg-btn-secondary {
  transition:transform .20s cubic-bezier(.2,.8,.2,1), box-shadow .20s ease, background-position .28s ease, border-color .20s ease, color .20s ease, filter .20s ease, text-shadow .20s ease;
}
html[data-theme="light"] .sg-btn-primary:hover {
  transform:translateY(-3px) scale(1.018);
  color:#ffffff;
  background-position:100% 50%;
  filter:saturate(1.12) brightness(1.035);
  border-color:rgba(47,99,245,.30);
  text-shadow:0 1px 1px rgba(10,32,72,.18),0 0 14px rgba(255,255,255,.46);
  box-shadow:
    0 18px 38px rgba(47,99,245,.27),
    0 7px 20px rgba(15,166,174,.16),
    0 0 0 4px rgba(47,99,245,.075),
    inset 0 1px 0 rgba(255,255,255,.34);
}
html[data-theme="light"] .sg-btn-primary:hover::before { opacity:.65; }
html[data-theme="light"] .sg-btn-primary:active {
  transform:translateY(-1px) scale(.995);
  box-shadow:0 9px 20px rgba(47,99,245,.20),0 0 0 3px rgba(47,99,245,.06);
}
html[data-theme="light"] .sg-btn-secondary:hover {
  transform:translateY(-3px) scale(1.012);
  color:#1f5fd7;
  border-color:#9fb9e4;
  background:linear-gradient(180deg,#ffffff,#edf4ff);
  text-shadow:0 0 12px rgba(47,99,245,.13);
  box-shadow:
    0 15px 30px rgba(31,70,120,.12),
    0 0 0 4px rgba(47,99,245,.055),
    inset 0 1px 0 #fff;
}
html[data-theme="light"] .sg-btn-secondary:active { transform:translateY(-1px) scale(.995); }