/* User-controlled color theme and its header control. */
html[data-theme="light"] { color-scheme:light; }
html[data-theme="dark"] {
  color-scheme:dark;
  --ink:#edf7ff;
  --ink-soft:#aec1cf;
  --canvas:#101b2d;
  --surface:#0b1220;
  --line:rgba(148,163,184,.18);
  --muted:#9fb1c2;
}

.site-shell .theme-toggle {
  position:relative;
  display:grid;
  width:46px;
  height:46px;
  flex:0 0 46px;
  place-items:center;
  padding:0;
  border:1px solid rgba(83,128,163,.18);
  border-radius:11px;
  background:rgba(255,255,255,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
  color:#35536d;
  cursor:pointer;
  transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease;
}

.site-shell .theme-toggle:hover {
  border-color:rgba(8,123,234,.34);
  background:#fff;
  color:#087bea;
  transform:translateY(-1px);
}

.site-shell .theme-toggle:focus-visible {
  outline:3px solid rgba(8,123,234,.24);
  outline-offset:2px;
}

.site-shell .theme-icon {
  position:absolute;
  width:19px;
  height:19px;
  transition:opacity .2s ease,transform .28s cubic-bezier(.2,.8,.2,1);
}

.site-shell .theme-icon-sun { opacity:0; transform:rotate(-35deg) scale(.7); }
.site-shell .theme-icon-moon { opacity:1; transform:rotate(0) scale(1); }
html[data-theme="dark"] .site-shell .theme-icon-sun { opacity:1; transform:rotate(0) scale(1); }
html[data-theme="dark"] .site-shell .theme-icon-moon { opacity:0; transform:rotate(35deg) scale(.7); }

html[data-theme="dark"] .site-shell .theme-toggle {
  border-color:rgba(143,180,204,.2);
  background:rgba(17,37,53,.82);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
  color:#f6c75c;
}

html[data-theme="dark"] .site-shell .theme-toggle:hover {
  border-color:rgba(101,200,255,.4);
  background:#162e42;
  color:#ffd66d;
}

html[data-theme="dark"] .site-shell .language-dropdown {
  border-color:rgba(143,180,204,.18);
  background:#102235;
  box-shadow:0 22px 48px rgba(0,0,0,.34);
}

html[data-theme="dark"] .site-shell .language-dropdown a:hover,
html[data-theme="dark"] .site-shell .language-dropdown .active { background:rgba(72,139,181,.16); }
html[data-theme="dark"] .site-shell .language-dropdown a,
html[data-theme="dark"] .site-shell .language-dropdown strong { color:#dce9f2; }
html[data-theme="dark"] .site-shell .language-dropdown small { color:#94aabd; }

html[data-theme="dark"] .site-shell .order-window-bar {
  border-color:rgba(143,180,204,.16);
  background:rgba(12,27,41,.92);
}
html[data-theme="dark"] .site-shell .order-window-bar>div,
html[data-theme="dark"] .site-shell .order-window-title h3,
html[data-theme="dark"] .site-shell .order-service-list strong { color:#edf7ff; }
html[data-theme="dark"] .site-shell .order-window-bar small,
html[data-theme="dark"] .site-shell .order-window-title i,
html[data-theme="dark"] .site-shell .order-service-list small { color:#9fb3c2; }
html[data-theme="dark"] .site-shell .order-window-bar b { background:#14304a; color:#72bdff; }
html[data-theme="dark"] .site-shell .order-service-list article {
  border-color:rgba(143,180,204,.16);
  background:rgba(17,38,55,.9);
}
html[data-theme="dark"] .site-shell .order-service-list article:nth-child(2)>span { background:#1c3040; }
html[data-theme="dark"] .site-shell .order-link>span,
html[data-theme="dark"] .site-shell .order-window-body footer>span { color:#9fb3c2; }
html[data-theme="dark"] .site-shell .order-link>div {
  border-color:rgba(143,180,204,.16);
  background:rgba(10,25,39,.7);
  color:#8299aa;
}

@media (max-width:1000px) {
  .site-shell .theme-toggle { width:42px; height:42px; flex-basis:42px; border-radius:12px; }
}

@media (prefers-reduced-motion:reduce) {
  .site-shell .theme-toggle,
  .site-shell .theme-icon { transition:none; }
}

/* Dark theme rules migrated from the existing system preference styles. */
html[data-theme="dark"] body, html[data-theme="dark"] .site-shell {
  background: #0b1220;
}

html[data-theme="dark"] .header {
  background: #0b1220d6;
  border-color: #94a3b82e;
}

html[data-theme="dark"] .brand, html[data-theme="dark"] .hero h1, html[data-theme="dark"] .section-heading h2, html[data-theme="dark"] .pricing-layout h2, html[data-theme="dark"] .reseller h2, html[data-theme="dark"] .metrics-grid strong {
  color: #f8fafc;
}

html[data-theme="dark"] .main-nav a, html[data-theme="dark"] .login-link, html[data-theme="dark"] .hero-copy > p, html[data-theme="dark"] .section-heading > p:last-child, html[data-theme="dark"] .section-copy, html[data-theme="dark"] .metrics-grid span, html[data-theme="dark"] .metrics-grid p {
  color: #aebbd0;
}

html[data-theme="dark"] .metrics {
  background: #0f1929;
  border-color: #94a3b829;
}

html[data-theme="dark"] .metrics-grid > div, html[data-theme="dark"] .metrics-grid p {
  border-color: #94a3b829;
}

html[data-theme="dark"] .why-section, html[data-theme="dark"] .pricing-section {
  background: #101b2d;
}

html[data-theme="dark"] .why-proof, html[data-theme="dark"] .price-panel, html[data-theme="dark"] .service-card.blue, html[data-theme="dark"] .pricing-table, html[data-theme="dark"] .product-spec, html[data-theme="dark"] .service-choice, html[data-theme="dark"] .preview-field i {
  background: #111d30;
  border-color: #94a3b829;
}

html[data-theme="dark"] .why-proof, html[data-theme="dark"] .proof-header strong, html[data-theme="dark"] .product-spec > strong, html[data-theme="dark"] .pricing-row > span:first-child, html[data-theme="dark"] .pricing-row strong {
  color: #edf5ff;
}

html[data-theme="dark"] .proof-list span, html[data-theme="dark"] .proof-header small, html[data-theme="dark"] .product-spec > span, html[data-theme="dark"] .product-spec small, html[data-theme="dark"] .pricing-row:not(.pricing-heading) > span:nth-child(2), html[data-theme="dark"] .price-source {
  color: #aab9cc;
}

html[data-theme="dark"] .faq-list, html[data-theme="dark"] .faq-list details, html[data-theme="dark"] .use-grid, html[data-theme="dark"] .use-grid article + article {
  border-color: #94a3b82b;
}

html[data-theme="dark"] .faq-list summary, html[data-theme="dark"] .step h3, html[data-theme="dark"] .use-grid article {
  color: #edf5ff;
}

html[data-theme="dark"] .faq-list p, html[data-theme="dark"] .step p {
  color: #aebbd0;
}

html[data-theme="dark"] .workspace-top, html[data-theme="dark"] .panel-workspace {
  background: #0e1828;
  border-color: #94a3b829;
}

html[data-theme="dark"] .order-preview {
  background: #111d30;
}

html[data-theme="dark"] .order-preview-head h3, html[data-theme="dark"] .service-choice strong {
  color: #eef5ff;
}

html[data-theme="dark"] .pricing-page, html[data-theme="dark"] .product-hero, html[data-theme="dark"] .legal-page {
  background: #0b1220;
}

html[data-theme="dark"] .product-hero h1, html[data-theme="dark"] .legal-copy h1, html[data-theme="dark"] .legal-copy h2 {
  color: #f8fafc;
}

html[data-theme="dark"] .product-hero p:not(.eyebrow), html[data-theme="dark"] .legal-copy > p {
  color: #aebbd0;
}

html[data-theme="dark"] .header {
  background: #0b1220d6;
}

html[data-theme="dark"] .services-section, html[data-theme="dark"] .why-section, html[data-theme="dark"] .faq-section, html[data-theme="dark"] .cta-section, html[data-theme="dark"] footer {
  background: #0b1220;
}

html[data-theme="dark"] .how-section, html[data-theme="dark"] .reseller-section {
  background: #101b2d;
}

html[data-theme="dark"] .service-card:hover {
  box-shadow: 0 30px 70px #00000057;
}

html[data-theme="dark"] .step + .step {
  border-color: #94a3b82e;
}

html[data-theme="dark"] .why-proof, html[data-theme="dark"] .price-panel {
  box-shadow: 0 24px 50px #0000003d;
}

html[data-theme="dark"] .price-row strong {
  color: #eaf6ff;
}

html[data-theme="dark"] .faq-list details[open] {
  background: #13243a;
}

html[data-theme="dark"] .eyebrow-pill {
  color: #b9e8ff;
  background: #ffffff0f;
  border-color: #94b9d840;
}

html[data-theme="dark"] .hero .button-ghost {
  color: #e2f3fc;
  background: #ffffff0f;
  border-color: #cbe6f733;
}

html[data-theme="dark"] .panel-preview {
  border-color: #9fc9e030;
  box-shadow: 0 30px 60px #00000054;
}

html[data-theme="dark"] .hero h1 {
  color: #0b2033;
}

html[data-theme="dark"] .hero-copy > p {
  color: #526b7e;
}

html[data-theme="dark"] .hero {
  background: radial-gradient(at 88% 12%, #1cc4b226, #0000 30%), #091522;
}

html[data-theme="dark"] .service-card.blue {
  background: linear-gradient(135deg, #10243b, #123249);
}

html[data-theme="dark"] .service-card.ink {
  background: linear-gradient(135deg, #111827, #182434);
}

html[data-theme="dark"] .service-card p, html[data-theme="dark"] .service-card.ink p {
  color: #b3c1ce;
}

html[data-theme="dark"] .social-preview {
  background: #142333;
  border-color: #33495a;
}

html[data-theme="dark"] .services-section {
  background: linear-gradient(145deg, #0b1422, #0d1b2b);
}

html[data-theme="dark"] .how-section {
  background: linear-gradient(135deg, #101d2c, #0c2227);
}

html[data-theme="dark"] .pricing-section {
  background: linear-gradient(130deg, #10242a, #0d1828);
}

html[data-theme="dark"] .faq-section {
  background: linear-gradient(90deg, #0b1422 0 39%, #0e1a28 39% 100%);
}

html[data-theme="dark"] .cta-section {
  background: linear-gradient(#0e1a28, #0b1220);
}

html[data-theme="dark"] .metrics {
  background: #0d1828;
}

html[data-theme="dark"] .services-section, html[data-theme="dark"] .faq-section, html[data-theme="dark"] .cta-section {
  background: #0b1220;
}

html[data-theme="dark"] .service-card.ink {
  color: #f5f7fb;
  background: radial-gradient(circle at 87%, #ef506729, #0000 28%), linear-gradient(135deg, #161b2b, #261c2b);
}

html[data-theme="dark"] .ink .service-top > span, html[data-theme="dark"] .ink p, html[data-theme="dark"] .ink .service-footer small {
  color: #aeb9ca;
}

html[data-theme="dark"] .how-section, html[data-theme="dark"] .pricing-section {
  background: linear-gradient(145deg, #101d2c, #0c2227);
}

html[data-theme="dark"] .why-section {
  background: linear-gradient(90deg, #0b1220 0 54%, #0d1d2c 54% 100%);
}

html[data-theme="dark"] .reseller-section {
  background: #101b2d;
}

/* Dark theme rules from public/styles-v8.css */
html[data-theme="dark"] .hero {
  background: radial-gradient(at 88% 12%, #1cc4b226, #0000 30%), #091522;
}

html[data-theme="dark"] .services-section, html[data-theme="dark"] .faq-section, html[data-theme="dark"] .cta-section {
  background: #0b1220;
}

html[data-theme="dark"] .service-card.blue {
  background: linear-gradient(135deg, #10243b, #123249);
}

html[data-theme="dark"] .service-card.ink {
  background: linear-gradient(135deg, #111827, #182434);
}

html[data-theme="dark"] .service-card p, html[data-theme="dark"] .service-card.ink p {
  color: #b3c1ce;
}

html[data-theme="dark"] .social-preview {
  background: #142333;
  border-color: #33495a;
}

html[data-theme="dark"] .why-section {
  background: linear-gradient(90deg, #0b1220 0 55%, #0e1b29 55% 100%);
}

/* Dark theme rules from public/styles-v10.css */
html[data-theme="dark"] .site-shell .hero {
  background: radial-gradient(circle at 85% 15%, #14b8a624, #0000 28%), #081522;
}

html[data-theme="dark"] .site-shell .hero h1, html[data-theme="dark"] .site-shell .service-card h3 {
  color: #f5fbff;
}

html[data-theme="dark"] .site-shell .services-section, html[data-theme="dark"] .site-shell .faq-section, html[data-theme="dark"] .site-shell .cta-section {
  background: #0b1220;
}

html[data-theme="dark"] .site-shell .service-card + .service-card {
  border-color: #94a3b829;
}

html[data-theme="dark"] .site-shell .why-section {
  background: linear-gradient(90deg, #0b1220 0 54%, #0e1b29 54% 100%);
}

html[data-theme="dark"] .site-shell .proof-header, html[data-theme="dark"] .site-shell .proof-list span {
  border-color: #94a3b833;
}

html[data-theme="dark"] .site-shell .proof-list span {
  color: #c1d0dc;
}

/* Dark theme rules from public/styles-v11.css */
html[data-theme="dark"] .site-shell .hero h1 > span {
  color: #f5fbff;
}

html[data-theme="dark"] .site-shell .hero h1 > strong {
  color: #55b6ff;
}

html[data-theme="dark"] .site-shell .signal-core, html[data-theme="dark"] .site-shell .ink .signal-core {
  background: #fff;
  border-color: #94bed733;
}

/* Dark theme rules from public/styles-v12.css */
html[data-theme="dark"] .site-shell .service-card.blue {
  background: radial-gradient(circle at 81% 44%, #2692ef24, #0000 31%), linear-gradient(135deg, #102238, #102c3d);
}

html[data-theme="dark"] .site-shell .service-card.ink {
  background: radial-gradient(circle at 19%, #16b89f24, #0000 31%), linear-gradient(135deg, #10242c, #10332f);
}

html[data-theme="dark"] .site-shell .service-card, html[data-theme="dark"] .site-shell .service-card.ink {
  border-color: #94bed729;
  box-shadow: 0 24px 60px #00000038;
}

html[data-theme="dark"] .site-shell .service-index {
  background: #ffffff0f;
}

html[data-theme="dark"] .site-shell .price-row:hover {
  background: #ffffff0a;
}

/* Dark theme rules from public/styles-v13.css */
html[data-theme="dark"] .site-shell .pricing-section {
  background: radial-gradient(circle at 82% 20%, #1fbeb11a, #0000 25%), linear-gradient(135deg, #0c1725, #10252a 55%, #0d1927);
}

html[data-theme="dark"] .site-shell .price-panel.price-sheet {
  background: #0f1e2cc7;
  border-color: #93b5c72b;
  box-shadow: 0 34px 90px #00000047;
}

html[data-theme="dark"] .site-shell .price-sheet-head, html[data-theme="dark"] .site-shell .price-sheet .price-row {
  border-color: #97b6c629;
}

html[data-theme="dark"] .site-shell .price-platform {
  background: #fff;
  border-color: #95b3c533;
}

html[data-theme="dark"] .site-shell .price-service > div > strong, html[data-theme="dark"] .site-shell .price-sheet .price-value {
  color: #f1f7fb;
}

html[data-theme="dark"] .site-shell .price-sheet .price-label {
  color: #a9bbc7;
}

html[data-theme="dark"] .site-shell .why-section {
  background: radial-gradient(52% 74% at 82% 42%, #1cb9a917, #0000 70%), radial-gradient(45% 60% at 12% 105%, #1c71da17, #0000 72%), linear-gradient(128deg, #0b1421, #0e1d2a 48%, #0d2428);
}

html[data-theme="dark"] .site-shell .why-proof {
  background: #0d1d2b8f;
  border-color: #94b8c929;
  box-shadow: 0 28px 80px #0000003d, inset 0 1px #ffffff09;
}

/* Dark theme rules from public/styles-v14.css */
html[data-theme="dark"] .site-shell .header {
  background: radial-gradient(32% 140% at 88% 0, #1bb9a91a, #0000 78%), linear-gradient(135deg, #091421db, #0b1928d6 48%, #0c2326db);
  border-color: #95b4c724;
  box-shadow: 0 10px 32px #00000029;
}

html[data-theme="dark"] .site-shell .hero {
  background: radial-gradient(42% 56% at 83% 20%, #1bb9a91f, #0000 72%), radial-gradient(34% 48% at 9% 16%, #1f6fd91c, #0000 72%), linear-gradient(135deg, #091421, #0b1928 48%, #0c2326);
}

html[data-theme="dark"] .site-shell .hero h1 > span {
  color: #f5f9fc;
}

html[data-theme="dark"] .site-shell .main-nav a {
  color: #d7e4ec;
}

html[data-theme="dark"] .site-shell .main-nav a:hover {
  color: #61baff;
}

html[data-theme="dark"] .site-shell .hero h1 > strong {
  color: #0000;
  background: linear-gradient(92deg, #57adff, #53cbd7 52%, #58d2b6);
  -webkit-background-clip: text;
  background-clip: text;
}

html[data-theme="dark"] .site-shell .hero-copy > p {
  color: #aebdca;
}

/* Dark theme rules from public/styles-v15.css */
html[data-theme="dark"] .site-shell .header {
  background: #091421c2;
}

html[data-theme="dark"] .site-shell .main-nav a, html[data-theme="dark"] .site-shell .login-link, html[data-theme="dark"] .site-shell .language-menu summary {
  color: #e1ebf2;
}

html[data-theme="dark"] .site-shell .login-link, html[data-theme="dark"] .site-shell .language-menu summary {
  background: #102231a6;
  border-color: #8eb1c638;
}

html[data-theme="dark"] .site-shell .hero {
  background: radial-gradient(44% 64% at 83% 34%, #269bdd1a, #0000 72%), linear-gradient(142deg, #091421, #0d1d2c);
}

html[data-theme="dark"] .site-shell .hero h1 > span {
  color: #f5f9fc;
}

html[data-theme="dark"] .site-shell .hero-badge {
  color: #67b8ff;
  background: #1f64a333;
}

html[data-theme="dark"] .site-shell .hero-benefits > span {
  color: #b9c7d2;
}

html[data-theme="dark"] .site-shell .hero-panel-layer {
  background: linear-gradient(145deg, #24537470, #1a5a6947);
}

/* Dark theme rules from public/styles-v16.css */
html[data-theme="dark"] .site-shell {
  background: #091421;
}

html[data-theme="dark"] .site-shell .header {
  box-shadow: none;
  background: #091421cc;
  border-bottom: 0;
}

html[data-theme="dark"] .site-shell .hero {
  background: radial-gradient(44% 64% at 83% 34%, #249ad31a, #0000 72%), radial-gradient(30% 42% at 66% 84%, #1cb39d12, #0000 74%), linear-gradient(145deg, #091421, #0d1d2b 62%, #0d2427);
}

html[data-theme="dark"] .site-shell .hero-panel-layer {
  background: linear-gradient(145deg, #1f486573, #194e594d);
  border-color: #86b0c91f;
}

html[data-theme="dark"] .site-shell .hero-actions .button-ghost {
  color: #eef6fb;
  background: #1225359e;
  border-color: #91b4c933;
}

html[data-theme="dark"] .site-shell .order-window {
  background: #0e1d2bd1;
  border-color: #92b7cb29;
}

html[data-theme="dark"] .site-shell .order-window-bar {
  background: #0f1f2dc7;
}

html[data-theme="dark"] .site-shell .order-window-body {
  background: linear-gradient(145deg, #111e2d, #102429);
}

html[data-theme="dark"] .site-shell .services-section, html[data-theme="dark"] .site-shell .faq-section {
  background: linear-gradient(#0a1522, #0d1d2a);
}

html[data-theme="dark"] .site-shell .service-card.blue, html[data-theme="dark"] .site-shell .service-card.ink {
  background: linear-gradient(145deg, #112337, #102c30);
  border-color: #8db1c724;
}

html[data-theme="dark"] .site-shell .how-section {
  background: linear-gradient(#0c1927, #10202d);
}

/* Dark theme rules from public/styles-v17.css */
html[data-theme="dark"] .site-shell.home-site:before {
  background: radial-gradient(45% 62% at 86% 34%, #249ad31a, #0000 72%), radial-gradient(31% 42% at 66% 84%, #1cb39d12, #0000 74%), linear-gradient(145deg, #091421, #0d1d2b 62%, #0d2427);
}

html[data-theme="dark"] .site-shell.home-site .header {
  background: #09142133;
}

html[data-theme="dark"] .site-shell .demo-aura {
  opacity: .5;
}

html[data-theme="dark"] .site-shell .order-window {
  background: #0e1d2be6;
}

html[data-theme="dark"] .site-shell .order-window-body {
  background: linear-gradient(145deg, #111e2d, #102429);
}

html[data-theme="dark"] .site-shell .order-service-list article.active {
  background: linear-gradient(135deg, #142d42f5, #10363ae6);
}

html[data-theme="dark"] .site-shell .service-card.blue {
  background: radial-gradient(48% 66% at 80% 48%, #2b8bde29, #0000 72%), linear-gradient(135deg, #0e1b2a, #10283a 60%, #102d31);
  border-color: #5fa3da29;
}

html[data-theme="dark"] .site-shell .service-card.ink {
  background: radial-gradient(44% 58% at 19% 34%, #25d3da1c, #0000 72%), radial-gradient(42% 54% at 34% 76%, #fe2c5517, #0000 74%), linear-gradient(135deg, #111923, #1b1d2a 62%, #261b25);
  border-color: #8392a726;
}

html[data-theme="dark"] .site-shell .pricing-page {
  background: radial-gradient(42% 34% at 88% 10%, #1dbfb014, #0000 74%), radial-gradient(42% 38% at 4% 48%, #217eef14, #0000 76%), linear-gradient(#091421, #0c1a27);
}

html[data-theme="dark"] .site-shell .currency-tabs {
  background: #0f1f2ec7;
  border-color: #8caec429;
}

html[data-theme="dark"] .site-shell .pricing-table {
  background: #0e1d2cdb;
  border-color: #8caec429;
  box-shadow: 0 34px 90px #0000003d;
}

html[data-theme="dark"] .site-shell .pricing-row.pricing-heading {
  background: #132637c2;
}

html[data-theme="dark"] .site-shell .pricing-row:nth-child(2) {
  background: linear-gradient(90deg, #143048c2, #0e1d2c2e 72%);
}

html[data-theme="dark"] .site-shell .pricing-row:nth-child(3) {
  background: linear-gradient(90deg, #113535ad, #24192633 74%);
}

html[data-theme="dark"] .site-shell .pricing-row > span:first-child, html[data-theme="dark"] .site-shell .pricing-row strong {
  color: #edf7ff;
}

html[data-theme="dark"] .site-shell .pricing-row:not(.pricing-heading) > span:nth-child(2), html[data-theme="dark"] .site-shell .pricing-page .price-source {
  color: #a9bac8;
}

html[data-theme="dark"] .site-shell .reseller-page {
  color: #f5fbff;
  background: radial-gradient(46% 62% at 89% 40%, #1ac2b217, #0000 72%), radial-gradient(42% 58% at 5% 76%, #1e7ef014, #0000 74%), linear-gradient(140deg, #091421, #0c1d29);
}

html[data-theme="dark"] .site-shell .reseller-page h1 {
  color: #f5fbff;
}

html[data-theme="dark"] .site-shell .reseller-page p:not(.eyebrow) {
  color: #b3c4d1;
}

html[data-theme="dark"] .site-shell .reseller-page .button-outline {
  color: #dceaf4;
  background: #102333b3;
  border-color: #98bcd32e;
}

html[data-theme="dark"] .site-shell .api-integration-visual {
  background: #0d1e2cbd;
  border-color: #8caec429;
  box-shadow: 0 38px 100px #00000040;
}

html[data-theme="dark"] .site-shell .api-integration-visual > header {
  border-color: #8caec421;
}

html[data-theme="dark"] .site-shell .api-integration-visual > header > strong, html[data-theme="dark"] .site-shell .integration-flow strong {
  color: #e7f2f9;
}

html[data-theme="dark"] .site-shell .api-integration-visual > header > span {
  color: #a9becb;
}

html[data-theme="dark"] .site-shell .integration-flow > div {
  background: linear-gradient(145deg, #102236, #102b35);
  border-color: #8caec424;
}

html[data-theme="dark"] .site-shell .integration-flow > div.active {
  background: linear-gradient(145deg, #10304a, #103a38);
  border-color: #37b1c73d;
}

html[data-theme="dark"] .site-shell .reseller-page + #api {
  background: radial-gradient(34% 48% at 88% 48%, #20c0ad0f, #0000 74%), linear-gradient(#0b1724, #0d1d29);
}

html[data-theme="dark"] .site-shell .api-methods {
  background: #0d1e2cc2;
  border-color: #8caec429;
  box-shadow: 0 30px 80px #00000038;
}

html[data-theme="dark"] .site-shell .api-methods span {
  color: #dce9f2;
  background: linear-gradient(135deg, #102236, #102c31);
  border-color: #8caec424;
}

html[data-theme="dark"] .site-shell .api-methods small {
  color: #dce9f2;
}

html[data-theme="dark"] .site-shell .api-methods code {
  color: #65baff;
}

html[data-theme="dark"] .site-shell .reseller-section {
  background: linear-gradient(120deg, #0f1c2b, #0d2027);
}

html[data-theme="dark"] .site-shell .reseller {
  color: #fff;
}

html[data-theme="dark"] .site-shell .reseller-copy .eyebrow {
  color: #80eadb;
}

html[data-theme="dark"] .site-shell .reseller-copy h2 {
  color: #f5fbff;
}

html[data-theme="dark"] .site-shell .reseller-copy > p:not(.eyebrow) {
  color: #b8c8d4;
}

html[data-theme="dark"] .site-shell .legal-page {
  background: radial-gradient(36% 42% at 82% 16%, #22a9d617, #0000 72%), linear-gradient(#0b1724 0%, #0d1d29 100%);
}

html[data-theme="dark"] .site-shell .legal-copy {
  box-shadow: none;
  background: none;
  border-color: #0000;
}

html[data-theme="dark"] .site-shell .legal-copy h1, html[data-theme="dark"] .site-shell .legal-copy h2 {
  color: #edf7ff;
}

html[data-theme="dark"] .site-shell .legal-copy > p {
  color: #aec1cf;
}

html[data-theme="dark"] .site-shell .legal-copy h2 {
  border-color: #8caec424;
}

@media (width <= 700px) {
  html[data-theme="dark"] .site-shell .mobile-nav > summary, html[data-theme="dark"] .site-shell .mobile-nav > nav {
    background: #0d1d2bfa;
    border-color: #8fb4cc2e;
  }

  html[data-theme="dark"] .site-shell .mobile-nav > summary i {
    background: #e9f3f9;
  }

  html[data-theme="dark"] .site-shell .mobile-nav > nav > a {
    color: #e9f3f9;
  }

  html[data-theme="dark"] .site-shell .mobile-nav > nav > a:hover {
    background: #488bb524;
  }
}

/* Final dark-theme polish across landing, product, pricing, reseller, and legal pages. */
html[data-theme="dark"] .site-shell .services-section,
html[data-theme="dark"] .site-shell .faq-section,
html[data-theme="dark"] .site-shell .cta-section,
html[data-theme="dark"] .site-shell #policies {
  background:#081522;
}

html[data-theme="dark"] .site-shell .how-section {
  background:
    radial-gradient(ellipse 42% 55% at 10% 20%,rgba(24,126,216,.08),transparent 72%),
    linear-gradient(145deg,#0b1826,#0d2027);
}

html[data-theme="dark"] .site-shell .why-section {
  background:linear-gradient(90deg,#091624 0 54%,#0d1e2c 54% 100%);
}

html[data-theme="dark"] .site-shell .pricing-section {
  background:
    radial-gradient(ellipse 36% 54% at 86% 20%,rgba(24,185,159,.07),transparent 72%),
    linear-gradient(145deg,#0c1c29,#0b1826);
}

html[data-theme="dark"] .site-shell .services-section .section-heading h2,
html[data-theme="dark"] .site-shell .section-heading h2,
html[data-theme="dark"] .site-shell .why-layout>div:first-child h2,
html[data-theme="dark"] .site-shell .pricing-layout h2,
html[data-theme="dark"] .site-shell .faq-layout h2,
html[data-theme="dark"] .site-shell .reseller-copy h2,
html[data-theme="dark"] .site-shell .product-hero h1,
html[data-theme="dark"] .site-shell .legal-copy h1,
html[data-theme="dark"] .site-shell .legal-copy h2 {
  color:#f3f8fc;
}

html[data-theme="dark"] .site-shell .section-heading>p:last-child,
html[data-theme="dark"] .site-shell .section-copy,
html[data-theme="dark"] .site-shell .faq-list p,
html[data-theme="dark"] .site-shell .product-hero p:not(.eyebrow),
html[data-theme="dark"] .site-shell .legal-copy>p {
  color:#a9bbc9;
}

html[data-theme="dark"] .site-shell .step-icon {
  border:1px solid rgba(110,164,197,.16);
  background:linear-gradient(145deg,#12283a,#123037);
  box-shadow:0 15px 38px rgba(0,0,0,.2);
  color:#68baff;
}

html[data-theme="dark"] .site-shell .step h3 { color:#edf6fc; }
html[data-theme="dark"] .site-shell .step p { color:#a7bac8; }
html[data-theme="dark"] .site-shell .steps::before { opacity:.65; }

html[data-theme="dark"] .site-shell .why-proof {
  border-color:rgba(119,169,200,.16);
  background:rgba(14,31,46,.42);
}
html[data-theme="dark"] .site-shell .proof-header strong { color:#edf6fc; }
html[data-theme="dark"] .site-shell .proof-header small,
html[data-theme="dark"] .site-shell .proof-list span { color:#b7c8d4; }

html[data-theme="dark"] .site-shell .price-panel,
html[data-theme="dark"] .site-shell .faq-list {
  border-color:rgba(119,169,200,.15);
}
html[data-theme="dark"] .site-shell .price-row,
html[data-theme="dark"] .site-shell .faq-list details { border-color:rgba(119,169,200,.16); }
html[data-theme="dark"] .site-shell .price-service,
html[data-theme="dark"] .site-shell .price-row strong,
html[data-theme="dark"] .site-shell .faq-list summary { color:#e7f1f8; }
html[data-theme="dark"] .site-shell .price-note { color:#94a9b9; }
html[data-theme="dark"] .site-shell .faq-list details[open] { background:rgba(19,44,61,.72); }

html[data-theme="dark"] .site-shell .api-doc-card {
  border-color:rgba(111,170,204,.2);
  background:
    radial-gradient(ellipse 52% 62% at 96% 3%,rgba(21,174,184,.1),transparent 72%),
    linear-gradient(145deg,#0d1e2e,#102738 58%,#102d31);
  box-shadow:0 38px 90px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.045);
  color:#eaf4fb;
}
html[data-theme="dark"] .site-shell .api-doc-card::before {
  background:radial-gradient(ellipse 48% 64% at 88% 92%,rgba(16,198,177,.055),transparent 76%);
}
html[data-theme="dark"] .site-shell .api-doc-card .code-bar {
  border-color:rgba(119,169,200,.14);
  background:rgba(8,22,35,.48);
}
html[data-theme="dark"] .site-shell .api-doc-card .code-bar small { color:#8ea8bb; }
html[data-theme="dark"] .site-shell .api-doc-sidebar {
  border-color:rgba(119,169,200,.14);
  background:linear-gradient(180deg,rgba(15,39,56,.92),rgba(11,28,43,.62));
}
html[data-theme="dark"] .site-shell .api-doc-brand,
html[data-theme="dark"] .site-shell .api-doc-head h3 { color:#edf6fc; }
html[data-theme="dark"] .site-shell .api-doc-sidebar p,
html[data-theme="dark"] .site-shell .api-doc-head p,
html[data-theme="dark"] .site-shell .api-doc-tabs span { color:#9fb3c2; }
html[data-theme="dark"] .site-shell .api-doc-sidebar a { color:#c3d2dc; }
html[data-theme="dark"] .site-shell .api-doc-sidebar a>svg { color:#86a7bd; }
html[data-theme="dark"] .site-shell .api-doc-sidebar a.active {
  border-color:rgba(59,171,224,.22);
  background:linear-gradient(135deg,rgba(22,68,94,.84),rgba(17,65,67,.72));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  color:#67c7ff;
}
html[data-theme="dark"] .site-shell .endpoint-pill {
  border-color:rgba(103,170,208,.28);
  background:rgba(8,24,38,.68);
}
html[data-theme="dark"] .site-shell .endpoint-pill code { color:#dce9f2; }
html[data-theme="dark"] .site-shell .api-doc-tabs { border-color:rgba(119,169,200,.16); }
html[data-theme="dark"] .site-shell .api-doc-card .api-request {
  border-color:rgba(85,151,192,.24);
  background:radial-gradient(ellipse 48% 70% at 96% 100%,rgba(12,139,169,.16),transparent 72%),linear-gradient(145deg,#081725,#10273a);
}
html[data-theme="dark"] .site-shell .api-doc-card .api-success {
  border-color:rgba(93,164,196,.22);
  background:rgba(11,29,43,.76);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
html[data-theme="dark"] .site-shell .api-doc-card .api-success strong,
html[data-theme="dark"] .site-shell .api-doc-card .api-success small { color:#dce9f2; }
html[data-theme="dark"] .site-shell .api-doc-card .api-success code { color:#86a3b8; }

html[data-theme="dark"] .site-shell .reseller-section::before {
  background:
    repeating-linear-gradient(90deg,transparent 0 119px,rgba(71,151,190,.025) 119px 120px),
    linear-gradient(130deg,transparent 14%,rgba(62,150,180,.045) 48%,transparent 78%);
}

html[data-theme="dark"] .site-shell .reseller-page::before {
  background:
    repeating-linear-gradient(90deg,transparent 0 119px,rgba(73,154,194,.025) 119px 120px),
    linear-gradient(124deg,transparent 20%,rgba(82,167,193,.055) 50%,transparent 78%);
}
html[data-theme="dark"] .site-shell .reseller-page + #api .section-heading h2 { color:#f3f8fc; }
html[data-theme="dark"] .site-shell .reseller-page + #api .section-heading>p:last-child { color:#a9bbc9; }
html[data-theme="dark"] .site-shell .reseller-page + #api .eyebrow { color:#66e1d0; }
html[data-theme="dark"] .site-shell .reseller-page .button-outline {
  border-color:rgba(135,180,207,.24);
  background:rgba(11,29,44,.76);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
  color:#dceaf4;
}
html[data-theme="dark"] .site-shell .network-node {
  border-color:rgba(115,174,207,.2);
  background:linear-gradient(145deg,rgba(15,38,55,.94),rgba(15,48,52,.88));
  box-shadow:0 24px 60px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.045);
}
html[data-theme="dark"] .site-shell .network-node strong { color:#e4eff6; }
html[data-theme="dark"] .site-shell .network-node code { color:#93aabd; }
html[data-theme="dark"] .site-shell .network-node small { color:#65bdff; }
html[data-theme="dark"] .site-shell .network-lines path { stroke:#36bdd0; opacity:.58; }

html[data-theme="dark"] .site-shell .growth-path-visual {
  border-color:rgba(111,170,204,.2);
  background:linear-gradient(145deg,rgba(14,34,50,.96),rgba(13,45,49,.9));
  box-shadow:0 38px 90px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.045);
}
html[data-theme="dark"] .site-shell .growth-path-visual::before {
  background:linear-gradient(90deg,transparent 32.9%,rgba(82,166,203,.05) 33%,transparent 33.1%,transparent 65.9%,rgba(82,166,203,.05) 66%,transparent 66.1%),radial-gradient(circle at 85% 20%,rgba(24,183,165,.08),transparent 32%);
}
html[data-theme="dark"] .site-shell .growth-path-visual>header { border-color:rgba(111,170,204,.16); color:#a7bdcb; }
html[data-theme="dark"] .site-shell .growth-status {
  border-color:rgba(40,190,165,.2);
  background:#102b37;
  box-shadow:0 10px 25px rgba(0,0,0,.18);
  color:#8fdccc;
}
html[data-theme="dark"] .site-shell .growth-table-head { color:#829baa; }
html[data-theme="dark"] .site-shell .growth-table-row,
html[data-theme="dark"] .site-shell .growth-table-row:last-child { border-color:rgba(111,170,204,.15); }
html[data-theme="dark"] .site-shell .growth-table-row strong { color:#e7f2f8; }
html[data-theme="dark"] .site-shell .growth-table-row small { color:#91a9b9; }
html[data-theme="dark"] .site-shell .growth-table-row>code { color:#65baff; }
html[data-theme="dark"] .site-shell .growth-table-row>b { color:#61cfbb; }
html[data-theme="dark"] .site-shell .growth-mark {
  border-color:rgba(75,166,201,.2);
  background:#122d3d;
  box-shadow:0 8px 22px rgba(0,0,0,.18);
}

html[data-theme="dark"] .site-shell #policies {
  border-top:1px solid rgba(116,164,195,.1);
}
html[data-theme="dark"] .site-shell #policies .footer-grid p,
html[data-theme="dark"] .site-shell #policies .footer-grid a:not(.brand),
html[data-theme="dark"] .site-shell #policies .footer-bottom { color:#91a6b7; }
html[data-theme="dark"] .site-shell #policies .footer-grid strong { color:#c7d5df; }
html[data-theme="dark"] .site-shell #policies .footer-bottom { border-color:rgba(116,164,195,.13); }

@media (max-width:700px) {
  html[data-theme="dark"] .site-shell .step {
    border-color:rgba(103,164,197,.16);
    background:linear-gradient(145deg,rgba(15,36,53,.9),rgba(14,44,47,.78));
  }
}

/* Premium dark theme — neutral graphite stage with restrained signal light. */
html[data-theme="dark"] {
  --ink:#f5f7fb;
  --ink-soft:#9ba8b8;
  --canvas:#080c12;
  --surface:#060a10;
  --line:rgba(166,190,214,.14);
  --muted:#8594a6;
  --dark-bg:#060a10;
  --dark-bg-soft:#080e16;
  --dark-panel:#0b121c;
  --dark-panel-raised:#101925;
  --dark-line:rgba(166,190,214,.14);
  --dark-text:#f5f7fb;
  --dark-muted:#9ba8b8;
  --dark-blue:#3d8cff;
  --dark-teal:#38d6bd;
}

html[data-theme="dark"] body,
html[data-theme="dark"] .site-shell {
  background:var(--dark-bg);
  color:var(--dark-text);
}

html[data-theme="dark"] .site-shell .header {
  border-bottom:1px solid rgba(170,198,224,.09);
  background:rgba(6,10,16,.78);
  box-shadow:0 10px 40px rgba(0,0,0,.16);
  backdrop-filter:blur(24px) saturate(135%);
}

html[data-theme="dark"] .site-shell.home-site .header { background:rgba(6,10,16,.68); }
html[data-theme="dark"] .site-shell .brand { color:#f7f9fc; }
html[data-theme="dark"] .site-shell .brand>span>span { color:#438fff; }
html[data-theme="dark"] .site-shell .main-nav a,
html[data-theme="dark"] .site-shell .login-link,
html[data-theme="dark"] .site-shell .language-menu summary { color:#aeb9c6; }
html[data-theme="dark"] .site-shell .main-nav a:hover,
html[data-theme="dark"] .site-shell .login-link:hover { color:#f7f9fc; }

html[data-theme="dark"] .site-shell .theme-toggle,
html[data-theme="dark"] .site-shell .language-menu summary,
html[data-theme="dark"] .site-shell .mobile-nav>summary {
  border-color:rgba(167,196,220,.14);
  background:rgba(15,24,36,.78);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 24px rgba(0,0,0,.12);
}

html[data-theme="dark"] .site-shell.home-site,
html[data-theme="dark"] .site-shell.home-site::before {
  background:
    radial-gradient(ellipse 48% 42% at 76% 12%,rgba(47,123,255,.115),transparent 72%),
    radial-gradient(ellipse 38% 38% at 92% 42%,rgba(35,211,184,.075),transparent 74%),
    radial-gradient(ellipse 34% 28% at 8% 52%,rgba(38,107,210,.055),transparent 76%),
    linear-gradient(180deg,#070b11 0%,#07101a 58%,#060a10 100%);
}

html[data-theme="dark"] .site-shell .hero { background:transparent; }
html[data-theme="dark"] .site-shell .hero h1 { color:#f8fafc; text-shadow:0 12px 44px rgba(0,0,0,.22); }
html[data-theme="dark"] .site-shell .hero-copy>p { color:#aab6c4; }
html[data-theme="dark"] .site-shell .hero-badge {
  border-color:rgba(79,146,255,.2);
  background:rgba(26,51,82,.42);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  color:#80b4ff;
}
html[data-theme="dark"] .site-shell .hero-benefits span { color:#a9b6c4; }
html[data-theme="dark"] .site-shell .hero-benefits i {
  background:rgba(38,210,181,.12);
  color:#4ee0c6;
}

html[data-theme="dark"] .site-shell .demo-aura {
  opacity:.8;
  background:radial-gradient(circle at 68% 34%,rgba(55,137,255,.15),transparent 34%),radial-gradient(circle at 42% 68%,rgba(43,219,187,.1),transparent 46%);
  filter:blur(18px);
}
html[data-theme="dark"] .site-shell .hero-panel-layer {
  border-color:rgba(132,177,218,.1);
  background:linear-gradient(145deg,rgba(19,35,51,.58),rgba(13,28,39,.28));
  box-shadow:none;
}
html[data-theme="dark"] .site-shell .order-window {
  border-color:rgba(148,184,218,.2);
  background:rgba(10,17,27,.92);
  box-shadow:0 42px 110px rgba(0,0,0,.48),0 12px 34px rgba(21,90,140,.1),inset 0 1px 0 rgba(255,255,255,.055);
  backdrop-filter:blur(22px) saturate(125%);
}
html[data-theme="dark"] .site-shell .order-window-bar {
  border-color:rgba(158,190,219,.12);
  background:rgba(9,16,25,.88);
}
html[data-theme="dark"] .site-shell .order-window-body {
  background:radial-gradient(circle at 94% 2%,rgba(48,131,226,.07),transparent 32%),linear-gradient(145deg,#0b131e,#0b171c);
}
html[data-theme="dark"] .site-shell .order-service-list article {
  border-color:rgba(155,187,215,.13);
  background:rgba(16,25,37,.78);
}
html[data-theme="dark"] .site-shell .order-service-list article.active {
  border-color:rgba(61,140,255,.52);
  background:linear-gradient(135deg,rgba(24,50,79,.88),rgba(15,45,48,.74));
  box-shadow:0 15px 38px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.045);
}
html[data-theme="dark"] .site-shell .order-link>div {
  border-color:rgba(155,187,215,.13);
  background:#080e16;
}
html[data-theme="dark"] .site-shell .floating-platform {
  border:1px solid rgba(164,195,221,.16);
  background:#0c1520;
  box-shadow:0 22px 58px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06);
}

html[data-theme="dark"] .site-shell .services-section,
html[data-theme="dark"] .site-shell .faq-section,
html[data-theme="dark"] .site-shell .cta-section,
html[data-theme="dark"] .site-shell #policies { background:#060a10; }

html[data-theme="dark"] .site-shell .services-section {
  background:radial-gradient(ellipse 44% 34% at 96% 4%,rgba(54,129,235,.05),transparent 72%),#060a10;
}
html[data-theme="dark"] .site-shell .service-card.blue,
html[data-theme="dark"] .site-shell .service-card.ink {
  border:1px solid rgba(165,192,217,.13);
  background:linear-gradient(145deg,rgba(14,22,33,.98),rgba(10,17,26,.98));
  box-shadow:0 28px 80px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.035);
}
html[data-theme="dark"] .site-shell .service-card.blue {
  background:radial-gradient(ellipse 48% 72% at 86% 45%,rgba(45,122,230,.12),transparent 72%),linear-gradient(145deg,#0c141f,#0a111a);
}
html[data-theme="dark"] .site-shell .service-card.ink {
  background:radial-gradient(ellipse 45% 70% at 15% 46%,rgba(56,214,189,.075),transparent 74%),linear-gradient(145deg,#0c121a,#0a0e15);
}
html[data-theme="dark"] .site-shell .service-card h3 { color:#f5f7fb; }
html[data-theme="dark"] .site-shell .service-card p,
html[data-theme="dark"] .site-shell .service-card.ink p { color:#9daaba; }
html[data-theme="dark"] .site-shell .service-card+.service-card { border-color:rgba(165,192,217,.13); }

html[data-theme="dark"] .site-shell .how-section {
  background:radial-gradient(ellipse 42% 48% at 8% 16%,rgba(55,128,235,.06),transparent 72%),linear-gradient(180deg,#080e16,#090f17);
}
html[data-theme="dark"] .site-shell .step-icon {
  border-color:rgba(156,190,218,.14);
  background:#0e1722;
  box-shadow:0 16px 44px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035);
}
html[data-theme="dark"] .site-shell .step>span { color:#559bff; }

html[data-theme="dark"] .site-shell .why-section {
  background:linear-gradient(90deg,#060a10 0 54%,#080e16 54% 100%);
}
html[data-theme="dark"] .site-shell .why-proof {
  border:1px solid rgba(164,191,215,.12);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(13,22,33,.9),rgba(10,17,25,.72));
  box-shadow:0 26px 74px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.035);
}
html[data-theme="dark"] .site-shell .proof-header,
html[data-theme="dark"] .site-shell .proof-list span { border-color:rgba(164,191,215,.12); }

html[data-theme="dark"] .site-shell .reseller-section {
  border-color:rgba(151,184,211,.1);
  background:radial-gradient(ellipse 45% 70% at 12% 50%,rgba(43,111,212,.075),transparent 72%),radial-gradient(ellipse 44% 64% at 92% 46%,rgba(38,198,171,.065),transparent 74%),#070c13;
}
html[data-theme="dark"] .site-shell .reseller-section::before { opacity:.45; }
html[data-theme="dark"] .site-shell .api-doc-card {
  border-color:rgba(160,190,217,.16);
  background:linear-gradient(145deg,#0b131d,#0c1820);
  box-shadow:0 42px 110px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.045);
}
html[data-theme="dark"] .site-shell .api-doc-sidebar { background:rgba(9,16,25,.72); }
html[data-theme="dark"] .site-shell .api-doc-sidebar a.active {
  border-color:rgba(61,140,255,.28);
  background:linear-gradient(135deg,rgba(39,93,145,.38),rgba(27,91,82,.3));
}

html[data-theme="dark"] .site-shell .pricing-section {
  background:radial-gradient(ellipse 42% 52% at 82% 24%,rgba(51,205,181,.055),transparent 74%),#080d14;
}
html[data-theme="dark"] .site-shell .price-panel {
  border:1px solid rgba(165,192,216,.13);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(14,23,34,.96),rgba(10,17,26,.94));
  box-shadow:0 28px 78px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.035);
}
html[data-theme="dark"] .site-shell .price-row { padding-inline:24px; }

html[data-theme="dark"] .site-shell .faq-section {
  background:radial-gradient(ellipse 38% 48% at 8% 24%,rgba(49,117,218,.045),transparent 74%),#060a10;
}
html[data-theme="dark"] .site-shell .faq-list details {
  border-color:rgba(165,192,216,.13);
  transition:background .24s ease,border-color .24s ease;
}
html[data-theme="dark"] .site-shell .faq-list details[open] {
  border-color:rgba(72,143,240,.24);
  background:rgba(15,25,38,.86);
}

html[data-theme="dark"] .site-shell .cta-box {
  border:1px solid rgba(255,255,255,.12);
  background:radial-gradient(circle at 82% 10%,rgba(87,238,216,.2),transparent 25%),linear-gradient(115deg,#1255c9,#087daa 58%,#0b8e7b);
  box-shadow:0 30px 90px rgba(8,91,170,.22),inset 0 1px 0 rgba(255,255,255,.16);
}

html[data-theme="dark"] .site-shell #policies {
  background:linear-gradient(180deg,#060a10,#05080d);
}

html[data-theme="dark"] .site-shell .product-hero,
html[data-theme="dark"] .site-shell .product-details,
html[data-theme="dark"] .site-shell .legal-page,
html[data-theme="dark"] .site-shell .not-found {
  background:radial-gradient(ellipse 44% 42% at 88% 8%,rgba(51,126,235,.07),transparent 74%),#060a10;
}
html[data-theme="dark"] .site-shell .use-grid,
html[data-theme="dark"] .site-shell .use-grid article+article { border-color:rgba(165,192,216,.13); }
html[data-theme="dark"] .site-shell .use-grid article { color:#e8edf4; }
html[data-theme="dark"] .site-shell .calculator {
  border:1px solid rgba(163,192,218,.15);
  background:linear-gradient(145deg,#0d1621,#0a111a);
  box-shadow:0 30px 84px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035);
}
html[data-theme="dark"] .site-shell .calculator input,
html[data-theme="dark"] .site-shell .calculator select {
  border-color:rgba(164,193,219,.16);
  background:#101925;
  color:#f5f7fb;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

html[data-theme="dark"] .site-shell .pricing-page,
html[data-theme="dark"] .site-shell .reseller-page,
html[data-theme="dark"] .site-shell .reseller-page + #api {
  background:radial-gradient(ellipse 42% 48% at 90% 16%,rgba(43,132,222,.075),transparent 72%),radial-gradient(ellipse 36% 44% at 8% 82%,rgba(39,199,173,.05),transparent 74%),#060a10;
}
html[data-theme="dark"] .site-shell .pricing-table,
html[data-theme="dark"] .site-shell .growth-path-visual {
  border-color:rgba(162,191,217,.15);
  background:linear-gradient(145deg,#0d1621,#0a121b);
  box-shadow:0 34px 94px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.035);
}
html[data-theme="dark"] .site-shell .pricing-row.pricing-heading { background:#0a111a; }
html[data-theme="dark"] .site-shell .pricing-row:nth-child(2) { background:linear-gradient(90deg,rgba(34,76,121,.22),transparent 72%); }
html[data-theme="dark"] .site-shell .pricing-row:nth-child(3) { background:linear-gradient(90deg,rgba(24,100,88,.18),transparent 74%); }

html[data-theme="dark"] .site-shell .network-node {
  border-color:rgba(158,190,216,.15);
  background:rgba(13,22,32,.9);
  box-shadow:0 24px 64px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.04);
}
html[data-theme="dark"] .site-shell .network-hub {
  background:linear-gradient(145deg,#246fe0,#0f9ea5 58%,#19a98f);
  box-shadow:0 30px 78px rgba(17,105,181,.25),inset 0 1px 0 rgba(255,255,255,.28);
}
html[data-theme="dark"] .site-shell .growth-status,
html[data-theme="dark"] .site-shell .growth-mark { background:#0f1924; }

html[data-theme="dark"] .site-shell .eyebrow,
html[data-theme="dark"] .site-shell .service-index { color:#63a7ff; }
html[data-theme="dark"] .site-shell .ink .service-index,
html[data-theme="dark"] .site-shell .reseller-copy .eyebrow,
html[data-theme="dark"] .site-shell .reseller-page + #api .eyebrow { color:#54dbc5; }

html[data-theme="dark"] .site-shell .button-ghost,
html[data-theme="dark"] .site-shell .button-outline {
  border-color:rgba(172,199,222,.18);
  background:rgba(14,23,34,.66);
  color:#dfe7ef;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
html[data-theme="dark"] .site-shell .button-ghost:hover,
html[data-theme="dark"] .site-shell .button-outline:hover {
  border-color:rgba(86,151,246,.34);
  background:#101a27;
  color:#fff;
}

@media (max-width:700px) {
  html[data-theme="dark"] .site-shell .why-section { background:#070c13; }
  html[data-theme="dark"] .site-shell .step {
    border-color:rgba(163,192,217,.13);
    background:linear-gradient(145deg,#0d1621,#0a1119);
    box-shadow:0 18px 44px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.025);
  }
  html[data-theme="dark"] .site-shell .mobile-nav>nav,
  html[data-theme="dark"] .site-shell .language-dropdown {
    border-color:rgba(163,193,218,.16);
    background:rgba(9,15,24,.97);
    box-shadow:0 28px 70px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.035);
    backdrop-filter:blur(24px);
  }
}

/* Keep compact text links crisp on graphite surfaces. */
html[data-theme="dark"] .site-shell .service-card a,
html[data-theme="dark"] .site-shell .pricing-copy a,
html[data-theme="dark"] .site-shell .product-hero a:not(.button),
html[data-theme="dark"] .site-shell .legal-copy a {
  color:#69b4ff;
  text-shadow:0 0 22px rgba(61,140,255,.16);
}

html[data-theme="dark"] .site-shell .service-card a:hover,
html[data-theme="dark"] .site-shell .pricing-copy a:hover,
html[data-theme="dark"] .site-shell .product-hero a:not(.button):hover,
html[data-theme="dark"] .site-shell .legal-copy a:hover {
  color:#9ad0ff;
}

html[data-theme="dark"] .site-shell .price-note,
html[data-theme="dark"] .site-shell .pricing-row small,
html[data-theme="dark"] .site-shell .calculator>p,
html[data-theme="dark"] .site-shell .legal-copy li {
  color:#9aaabd;
}

/* Softer card edges: depth comes from surface contrast, not bright outlines. */
html[data-theme="dark"] .site-shell .service-card.blue,
html[data-theme="dark"] .site-shell .service-card.ink,
html[data-theme="dark"] .site-shell .order-window,
html[data-theme="dark"] .site-shell .why-proof,
html[data-theme="dark"] .site-shell .price-panel,
html[data-theme="dark"] .site-shell .price-panel.price-sheet,
html[data-theme="dark"] .site-shell .api-doc-card,
html[data-theme="dark"] .site-shell .calculator,
html[data-theme="dark"] .site-shell .pricing-table,
html[data-theme="dark"] .site-shell .growth-path-visual,
html[data-theme="dark"] .site-shell .network-node,
html[data-theme="dark"] .site-shell .api-snippet,
html[data-theme="dark"] .site-shell .faq-list,
html[data-theme="dark"] .site-shell .use-grid {
  border-color:rgba(142,170,196,.075);
}

html[data-theme="dark"] .site-shell .service-card::before {
  border-color:rgba(205,224,241,.035);
}

html[data-theme="dark"] .site-shell .order-window-bar,
html[data-theme="dark"] .site-shell .order-service-list article,
html[data-theme="dark"] .site-shell .order-link>div,
html[data-theme="dark"] .site-shell .proof-header,
html[data-theme="dark"] .site-shell .proof-list span,
html[data-theme="dark"] .site-shell .price-row,
html[data-theme="dark"] .site-shell .faq-list details,
html[data-theme="dark"] .site-shell .api-doc-sidebar,
html[data-theme="dark"] .site-shell .api-doc-card .code-bar,
html[data-theme="dark"] .site-shell .api-doc-tabs,
html[data-theme="dark"] .site-shell .api-doc-card .api-request,
html[data-theme="dark"] .site-shell .api-doc-card .api-success,
html[data-theme="dark"] .site-shell .pricing-row,
html[data-theme="dark"] .site-shell .growth-table-row,
html[data-theme="dark"] .site-shell .use-grid article+article {
  border-color:rgba(142,170,196,.07);
}

html[data-theme="dark"] .site-shell .floating-platform,
html[data-theme="dark"] .site-shell .endpoint-pill,
html[data-theme="dark"] .site-shell .growth-status,
html[data-theme="dark"] .site-shell .growth-mark {
  border-color:rgba(142,170,196,.095);
}

/* Hero preview uses shadow and surface separation without a luminous frame. */
html[data-theme="dark"] .site-shell .hero-panel-layer {
  border-color:rgba(132,177,218,.035);
  box-shadow:none;
}

html[data-theme="dark"] .site-shell .order-window,
html[data-theme="dark"] .site-shell .order-stage:hover .order-window {
  border-color:#2b4156;
  box-shadow:0 42px 110px rgba(0,0,0,.5),0 12px 34px rgba(21,90,140,.07),inset 0 1px 0 rgba(255,255,255,.025);
}

html[data-theme="dark"] .site-shell .order-window::after {
  box-shadow:none;
}

/* Flat dark controls and preview cards without glossy top highlights. */
html[data-theme="dark"] .site-shell .login-link,
html[data-theme="dark"] .site-shell .login-link:hover {
  box-shadow:none;
}

html[data-theme="dark"] .site-shell .order-service-list article,
html[data-theme="dark"] .site-shell .order-service-list article:hover {
  box-shadow:0 12px 30px rgba(0,0,0,.14);
}

html[data-theme="dark"] .site-shell .order-service-list article.active,
html[data-theme="dark"] .site-shell .order-service-list article.active:hover {
  animation:none;
  box-shadow:0 15px 38px rgba(0,0,0,.2);
}

/* FAQ rows use spacing and typography instead of card outlines. */
html[data-theme="dark"] .site-shell .faq-list,
html[data-theme="dark"] .site-shell .faq-list details,
html[data-theme="dark"] .site-shell .faq-list details[open] {
  border:0;
  box-shadow:none;
}

.site-shell .mobile-signup,
.site-shell .mobile-menu-settings,
.site-shell .mobile-language-picker {
  display:none;
}

@media (max-width:700px) {
  .site-shell .nav-actions { display:none; }

  .site-shell .mobile-signup {
    display:inline-flex;
    min-height:42px;
    padding-inline:14px;
    margin-left:auto;
    border-radius:11px;
    font-size:12px;
    white-space:nowrap;
  }

  .site-shell .mobile-nav>nav>.button { display:none; }

  .site-shell .mobile-menu-settings,
  .site-shell .mobile-language-picker {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-top:5px;
    padding:12px 14px;
    border-top:1px solid rgba(83,128,163,.12);
    color:#536178;
    font-size:12px;
    font-weight:750;
  }

  .site-shell .mobile-theme-toggle {
    width:42px;
    height:42px;
    flex-basis:42px;
  }

  .site-shell .mobile-language-picker {
    align-items:flex-start;
    flex-direction:column;
    padding-top:15px;
  }

  .site-shell .mobile-language-picker>div {
    display:grid;
    width:100%;
    grid-template-columns:repeat(3,1fr);
    gap:7px;
  }

  .site-shell .mobile-language-picker a {
    display:flex;
    min-height:40px;
    align-items:center;
    justify-content:center;
    gap:6px;
    border:1px solid rgba(83,128,163,.12);
    border-radius:10px;
    color:#536178;
    font-size:11px;
    font-weight:800;
    text-decoration:none;
  }

  .site-shell .mobile-language-picker a.active {
    border-color:rgba(8,123,234,.28);
    background:rgba(8,123,234,.08);
    color:#087bea;
  }

  html[data-theme="dark"] .site-shell .mobile-menu-settings,
  html[data-theme="dark"] .site-shell .mobile-language-picker {
    border-color:rgba(142,170,196,.08);
    color:#aeb9c6;
  }

  html[data-theme="dark"] .site-shell .mobile-language-picker a {
    border-color:rgba(142,170,196,.08);
    background:rgba(255,255,255,.018);
    color:#aeb9c6;
  }

  html[data-theme="dark"] .site-shell .mobile-language-picker a.active {
    border-color:rgba(61,140,255,.22);
    background:rgba(61,140,255,.1);
    color:#8fc4ff;
  }

  html[data-theme="dark"] .site-shell .step {
    border-color:rgba(142,170,196,.07);
  }

  html[data-theme="dark"] .site-shell .step+.step {
    border-color:rgba(142,170,196,.07);
  }
}

/* A tighter desktop rhythm keeps adjacent sections visually connected. */
@media (min-width:1001px) {
  .site-shell .hero,
  .site-shell .hero-surface {
    min-height:680px;
  }

  .site-shell .hero-surface {
    padding:60px 0 50px;
  }

  .site-shell .services-section {
    padding:100px 0 120px;
  }

  .site-shell .services-section .section-heading {
    margin-bottom:72px;
  }

  .site-shell .how-section {
    min-height:0;
    padding:130px 0;
  }

  .site-shell .how-section .section-heading {
    margin-bottom:78px;
  }

  .site-shell .why-section {
    min-height:0;
    padding:135px 0;
  }

  .site-shell .pricing-section {
    min-height:0;
    padding:130px 0;
  }

  .site-shell .faq-section {
    padding:130px 0;
  }

  .site-shell .cta-section {
    padding-bottom:110px;
  }
}

/* Keep the CTA gradient clean without an outline in either theme. */
.site-shell .cta-box {
  border:0;
  box-shadow:0 28px 70px rgba(7,91,157,.2);
}

html[data-theme="dark"] .site-shell .cta-box {
  border:0;
  box-shadow:0 30px 90px rgba(8,91,170,.22);
}

html[data-theme="dark"] .site-shell .order-service-list article:nth-child(2)>span {
  border:1px solid rgba(111,154,184,.18);
  background:#101f2b;
  box-shadow:none;
}

/* One control size across the header at every breakpoint. */
.site-shell .nav-actions .theme-toggle,
.site-shell .nav-actions .language-menu summary,
.site-shell .nav-actions .login-link,
.site-shell .nav-actions>.button {
  height:46px;
  min-height:46px;
  box-sizing:border-box;
  border-radius:14px;
  font-size:13px;
}

.site-shell .nav-actions .theme-toggle {
  width:46px;
  flex-basis:46px;
}

@media (max-width:700px) {
  .site-shell .header .mobile-signup,
  .site-shell .mobile-nav>summary,
  .site-shell .mobile-theme-toggle,
  .site-shell .mobile-language-picker a {
    height:42px;
    min-height:42px;
    box-sizing:border-box;
    border-radius:12px;
  }

  .site-shell .mobile-nav>summary,
  .site-shell .mobile-theme-toggle {
    width:42px;
    flex:0 0 42px;
  }
}