/* Supreme FX theme for service/legal sub-pages.
   Loads after site.css and overrides colors/typography/effects; the
   real content, structure, class names, SEO markup and site.js
   behaviour underneath are untouched. */

:root{
  --bg:#020712;
  --panel:#0a1a2c;
  --line:#1c3a55;
  --text:#f4f8ff;
  --muted:#93a7bb;
  --accent:#43dcff;
  --cyan:#43dcff;
  --blue:#3b82f6;
  --display:'Golos Text','Segoe UI',Arial,sans-serif;
  --body:'PT Sans','Segoe UI',Arial,sans-serif;
  --mono:'IBM Plex Mono','Cascadia Code',Consolas,monospace;
}

html{background:var(--bg)}
body{
  background:
    radial-gradient(900px circle at 78% -10%, rgba(59,130,246,.14), transparent 60%),
    radial-gradient(700px circle at 8% 30%, rgba(0,208,255,.08), transparent 55%),
    var(--bg);
  font-family:var(--body);
  font-size:17px;
  line-height:1.7;
  color:var(--text);
}
h1,h2,h3{font-family:var(--display);letter-spacing:-.02em}

/* header */
.header{
  background:rgba(3,10,20,.72);
  backdrop-filter:blur(18px) saturate(150%);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
  border-bottom:1px solid rgba(67,220,255,.10);
}
.brand{gap:12px}
.brand img{filter:drop-shadow(0 0 14px rgba(67,220,255,.3))}
.brand .brand-name{display:none}
.nav{font-size:17px}
.nav a{transition:color .2s ease}
.nav a:hover{color:var(--cyan);text-shadow:0 0 18px rgba(67,220,255,.35)}
.langlinks{border-color:rgba(67,220,255,.16);background:rgba(67,220,255,.03);font-size:12px}
.langlinks a.active,.mobile a[aria-current="page"],.langlinks a[aria-current="page"]{
  background:rgba(67,220,255,.14);color:var(--cyan)
}
.mobile{background:#040c18;border-color:rgba(67,220,255,.14)}
.mobile a{font-size:17px}

/* buttons */
.btn{
  background:linear-gradient(105deg,#66e6ff 0%,#43dcff 45%,#4a8cff 100%);
  border-color:rgba(154,231,255,.4);
  color:#02101a;
  box-shadow:0 10px 30px rgba(36,121,255,.18);
  transition:box-shadow .25s ease,transform .18s ease;
  font-size:15px;
}
.btn:hover{box-shadow:0 16px 46px rgba(36,121,255,.32),0 0 30px rgba(0,208,255,.16);transform:translateY(-1px)}
.btn--ghost{border-color:rgba(84,164,225,.28);color:#dbeaff;background:rgba(22,74,118,.10)}
.btn--ghost:hover{border-color:rgba(67,220,255,.42);background:rgba(31,112,180,.16)}

/* page hero */
.pagehero{padding:96px 0 56px}
.breadcrumbs{font-size:13px;color:var(--muted)}
.breadcrumbs a{color:var(--muted);transition:color .2s ease}
.breadcrumbs a:hover{color:var(--cyan)}
.eyebrow{color:var(--cyan);font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.pagehero h1{font-size:clamp(40px,6vw,68px);line-height:1.02;letter-spacing:-.03em;margin:14px 0 18px}
.pagehero .lead{font-size:19px;color:var(--muted);max-width:720px}
.section{padding:70px 0}
.section--soft{background:rgba(4,14,26,.6)}

/* service content */
.servicecols{gap:56px}
.prose h2{font-family:var(--display);font-size:clamp(26px,3vw,34px);color:var(--text);margin-top:46px;letter-spacing:-.02em;scroll-margin-top:100px}
.prose h2:first-child{margin-top:0}
.prose p,.prose li{font-size:17px;line-height:1.75;color:var(--muted);max-width:760px}
.service-list{gap:10px 28px}
.service-list li{border-color:rgba(67,220,255,.10);color:var(--text)}
.service-list li::before{background:var(--cyan);box-shadow:0 0 8px rgba(67,220,255,.6)}
.service-steps{gap:12px}
.service-steps li{
  border-color:rgba(67,220,255,.14);
  background:linear-gradient(180deg,rgba(11,32,54,.4),rgba(3,12,24,.55));
  color:var(--text);font-size:16px;
}
.service-steps li::before{background:rgba(67,220,255,.16);color:var(--cyan)}
.notice{border-left-color:var(--cyan);background:rgba(67,220,255,.05);color:var(--muted);font-size:15px}
.service-faq details{
  border-color:rgba(67,220,255,.12);
  background:linear-gradient(180deg,rgba(11,32,54,.4),rgba(3,12,24,.55));
  transition:border-color .3s ease;
}
.service-faq details:hover{border-color:rgba(67,220,255,.3)}
.service-faq summary{color:var(--text);font-size:16px}
.service-faq p{color:var(--muted);font-size:15px}

/* sidebar */
.aside{
  border-color:rgba(67,220,255,.16);
  background:linear-gradient(180deg,rgba(9,30,54,.5),rgba(3,13,26,.68));
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
}
.aside strong{color:var(--text);font-size:13px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase}
.aside a{color:var(--muted);font-size:15px;transition:color .2s ease}
.aside a:hover{color:var(--cyan)}

/* video-surveillance style cards reuse .cards/.card from the homepage set */
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:32px}
.card{
  border:1px solid rgba(67,220,255,.12);border-radius:18px;padding:28px;
  background:linear-gradient(180deg,rgba(11,32,54,.4),rgba(3,12,24,.55));
  transition:border-color .3s ease,transform .25s ease;
}
.card:hover{border-color:rgba(67,220,255,.34);transform:translateY(-3px)}
.card h3{font-size:20px;margin:0 0 14px}
.card p,.card li{color:var(--muted);font-size:16px}
.card ul{padding-left:20px;margin:0}
.card li{margin:6px 0}
@media(max-width:700px){.cards{grid-template-columns:1fr}}

/* legal / privacy pages */
.privacy-layout .prose h2{margin-top:40px}
.table-wrap{border-color:rgba(67,220,255,.14)}
.privacy-table{background:rgba(4,14,26,.7)}
.privacy-table th{background:rgba(67,220,255,.06);color:var(--text)}
.privacy-table td{color:var(--muted);border-color:rgba(67,220,255,.08)}
.privacy-table th,.privacy-table td{border-right-color:rgba(67,220,255,.08)}

/* footer */
.footer{border-color:rgba(67,220,255,.08);color:#7c93a9;font-size:13px}
.footer a:hover{color:var(--cyan)}

/* focus ring */
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid var(--cyan);outline-offset:3px;
}

/* scroll reveal, added by theme-pages.js */
.tpx-reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,.72,.18,1)}
.tpx-reveal.tpx-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.tpx-reveal{opacity:1!important;transform:none!important;transition:none!important}}