/* SpyGrabs shared visual contract. Scope: own product pages only. */
body.spygrabs-unified {
  --sg-bg:#050711; --sg-panel:#0b1324; --sg-raised:#111b30;
  --sg-text:#f6f8ff; --sg-muted:#a6b3ca; --sg-accent:#4ed8ff;
  --bg:var(--sg-bg); --bg-base:var(--sg-bg); --bg-soft:var(--sg-panel);
  --panel:var(--sg-panel); --panel-strong:var(--sg-raised);
  --surface:var(--sg-panel); --surface-strong:var(--sg-raised);
  --ink:var(--sg-text); --ink-soft:var(--sg-muted); --text:var(--sg-text);
  --text-soft:var(--sg-muted); --muted:var(--sg-muted);
  --accent:var(--sg-accent); --accent-hover:#7be3ff;
  --line:rgba(156,189,255,.14); --border:rgba(156,189,255,.14);
  --line-strong:rgba(78,216,255,.3);
  color-scheme:dark; background-color:var(--sg-bg); color:var(--sg-text);
  font-family:Outfit,system-ui,-apple-system,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}
.spygrabs-unified :is(button,input,select,textarea) {font:inherit;}
.spygrabs-unified :is(.btn-primary,a.cta,.cta-button,.btn-tg) {
  background:linear-gradient(135deg,#7be3ff,#4ed8ff); color:#06101d;
  border:1px solid rgba(123,227,255,.3); border-radius:12px;
  min-height:44px; font-weight:700;
  box-shadow:0 8px 28px rgba(78,216,255,.12);
}
.spygrabs-unified :is(.btn-secondary,.btn-ghost) {
  background:#111b30; color:#f6f8ff; border:1px solid rgba(156,189,255,.25);
  border-radius:12px; min-height:44px;
}
.spygrabs-unified :is(.site-header,.navbar) {
  background:rgba(5,7,17,.94); border-bottom-color:rgba(156,189,255,.14);
}
.spygrabs-unified :is(.list-panel,.step-card,.support-card) {
  border-radius:16px; border-color:rgba(156,189,255,.14);
}
.spygrabs-unified :is(a,button,input,summary,select,textarea):focus-visible {
  outline:3px solid #7be3ff; outline-offset:4px;
}
.spygrabs-unified :is(.article-copy,.faq-answer,.lead) {overflow-wrap:anywhere;}
.spygrabs-unified .article-copy {line-height:1.75;}
.spygrabs-unified .article-copy :is(p,li) {color:#c3ccdc;}
.spygrabs-unified .article-copy code {
  direction:ltr; unicode-bidi:isolate; display:inline-block; max-width:100%;
  white-space:normal; overflow-wrap:anywhere; padding:2px 6px;
  border-radius:5px; background:#17243b; color:#a9eaff; font-size:.9em;
}
.spygrabs-unified .article-copy a {text-decoration:underline; text-underline-offset:3px;}
.spygrabs-unified .article-meta {flex-wrap:wrap;}
.spygrabs-unified.article-v2 .hero h1 {font-size:clamp(2.1rem,5vw,4.6rem);line-height:1.08;}
.spygrabs-unified.article-v2 .article-grid {grid-template-columns:minmax(0,1fr) minmax(250px,320px);}
.spygrabs-unified.article-v2 :is(.article-main,.article-aside) {min-width:0;}
.spygrabs-unified.sg-utility :is(.panel,.card) {background:#0b1324;color:#f6f8ff;border-color:rgba(156,189,255,.14);}
.spygrabs-unified.sg-utility a.btn {background:#4ed8ff;color:#06101d;border-radius:12px;}
html[lang="ar"] .spygrabs-unified {font-family:system-ui,"Segoe UI",Tahoma,sans-serif;}
html[lang="ar"] .spygrabs-unified :is(.article-copy,.article-aside,.lead,.hero h1) {text-align:start;line-height:1.8;}
html[lang="ar"] .spygrabs-unified :is(ul,ol) {padding-inline-start:1.4em;padding-inline-end:0;}
html[lang="ar"] .spygrabs-unified :is(code,[type="url"],.brand) {direction:ltr;unicode-bidi:isolate;}
@media(max-width:960px) {
  .spygrabs-unified.article-v2 .article-grid {grid-template-columns:minmax(0,1fr);}
  .spygrabs-unified.article-v2 .article-aside {position:static;}
}
@media(max-width:600px) {
  .spygrabs-unified.article-v2 .container {width:calc(100% - 36px);}
  .spygrabs-unified.article-v2 .article-copy :is(p,li) {font-size:16px;}
  .spygrabs-unified :is(.btn,.cta-button) {white-space:normal;text-align:center;}
  .spygrabs-unified .lang-switch {flex-wrap:wrap;}
}
@media(prefers-reduced-motion:reduce) {
  html:has(body.spygrabs-unified) {scroll-behavior:auto;}
  .spygrabs-unified *, .spygrabs-unified *::before,.spygrabs-unified *::after {
    animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;
  }
}