:root{
  --bg:#06060b;
  --bg-soft:#0d0d18;
  --panel:#10111f;
  --card:#141528;
  --card-alt:#111222;
  --text:#e8e9f1;
  --muted:#9ca3af;
  --accent:#6ee7ff;
  --brand:#d4af37;
  --brand-soft:#f6e27a;
  --success:#34d399;
  --border:#1f2035;
  --border-strong:#2a2b45;
  --shadow:0 20px 45px rgba(0,0,0,.45);
  --radius-lg:1rem;
  --radius-md:.75rem;
  --radius-sm:.5rem;
  --transition:all .28s ease;
}

*{box-sizing:border-box;}
html{color-scheme:dark; scroll-behavior:smooth;}
body{
  margin:0; padding:0;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--text);
  background: radial-gradient(1400px 640px at 75% -20%, rgba(212,175,55,.12), transparent), var(--bg);
  line-height:1.55;
}
body.content-protected{
  -webkit-user-select:none;
  user-select:none;
}
body.content-protected input,
body.content-protected textarea,
body.content-protected select,
body.content-protected button,
body.content-protected [contenteditable="true"],
body.content-protected .allow-select{
  -webkit-user-select:text;
  user-select:text;
}
body.nav-open{overflow:hidden;}
a{color:var(--accent); text-decoration:none;}
a:hover{color:#9df1ff;}
p{margin:0 0 1rem;}
h1,h2,h3,h4{margin:0 0 .75rem; line-height:1.2;}
code{
  font-family:"JetBrains Mono","Fira Code",Consolas,Monaco,monospace;
  background:rgba(255,255,255,.05);
  color:var(--accent);
  padding:.1rem .35rem;
  border-radius:.35rem;
  font-size:.85em;
}

.container{width:min(1100px,92%); margin:0 auto;}
.row{display:flex; gap:1rem;}
.between{justify-content:space-between;}
.center{align-items:center;}
.muted{color:var(--muted);}
.small-print{font-size:.85rem;}

.skip-link{
  position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden;
}
.skip-link:focus{
  position:fixed; left:50%; top:1rem; transform:translateX(-50%);
  padding:.75rem 1.2rem; background:var(--brand); color:#111; border-radius:var(--radius-sm);
  z-index:1002;
}
.sr-only{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}

.site-header{
  position:sticky; top:0;
  background:rgba(6,6,11,.82);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.04);
  z-index:1000;
}
.site-header .container{padding:.85rem 0;}
.header-left{
  gap:2rem;
  flex:1;
}
.site-search{
  display:flex;
  align-items:center;
  gap:.6rem;
  margin-left:1rem;
}
.logo img{
  display:block;
  height:98px;
  width:auto;
  transition:transform .25s ease;
}
.logo img:hover{transform:scale(1.02);}
.nav{
  display:flex;
  gap:1.2rem;
  align-items:center;
  flex-wrap:wrap;
}
.nav a{
  color:var(--text);
  font-weight:500;
  padding:.45rem .75rem;
  border-radius:var(--radius-sm);
  position:relative;
  transition:background .25s ease, color .25s ease;
}
.nav a:hover,
.nav a:focus-visible{
  background:rgba(110,231,255,.14);
  color:#e8f9ff;
}
.nav a[aria-current="page"]{
  background:rgba(212,175,55,.18);
  color:var(--brand-soft);
  box-shadow:0 0 0 1px rgba(212,175,55,.25);
}
.nav .btn{margin-left:.5rem;}
.header-cta{display:inline-flex;}
.site-search input{
  width:200px;
  padding:.55rem .7rem;
  border-radius:var(--radius-md);
  border:1px solid var(--border);
  background:#0f1020;
  color:var(--text);
}
.site-search .btn{padding:.55rem .9rem;}

.nav-toggle{
  display:none; flex-direction:column; gap:.35rem;
  width:2.6rem; height:2.6rem;
  border:1px solid rgba(255,255,255,.12); border-radius:var(--radius-sm);
  background:rgba(17,17,26,.8); color:inherit;
  justify-content:center; align-items:center;
  transition:var(--transition);
}
.nav-toggle-bar{
  display:block; width:1.4rem; height:2px; background:var(--text); border-radius:999px; transition:var(--transition);
}
.nav-toggle:hover{border-color:var(--accent);}
.nav-toggle.is-open .nav-toggle-bar:nth-child(2){transform:translateY(6px) rotate(45deg);}
.nav-toggle.is-open .nav-toggle-bar:nth-child(3){opacity:0;}
.nav-toggle.is-open .nav-toggle-bar:nth-child(4){transform:translateY(-6px) rotate(-45deg);}

.btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.75rem 1.1rem;
  border-radius:var(--radius-md);
  border:1px solid var(--border);
  background:#1a1b2f; color:var(--text);
  font-weight:600;
  transition:var(--transition);
}
.btn:hover{transform:translateY(-1px); box-shadow:0 15px 32px rgba(0,0,0,.35);}
.btn-primary{
  background:linear-gradient(135deg,var(--brand),var(--brand-soft));
  color:#111;
  border:none;
}
/* Ensure header CTA text is black even with link color inheritance */
.btn.btn-primary, a.btn.btn-primary, .header-cta.btn-primary{ color:#111 !important; }
.btn-outline{
  background:transparent;
  border:1px solid var(--brand);
  color:var(--text);
}
.btn-ghost{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
}
.btn[disabled], .btn[data-loading="true"]{
  opacity:.65; cursor:wait; transform:none; box-shadow:none;
}
.btn-sm{
  padding:.4rem .8rem;
  border-radius:var(--radius-sm);
  border:1px solid var(--border);
  background:#18192b;
  font-size:.85rem;
}

.section{padding:4.5rem 0;}
.section.alt{background:var(--bg-soft);}
.hero{
  padding:5.5rem 0 4rem;
  background: radial-gradient(900px 640px at -15% 0%, rgba(110,231,255,.18), transparent);
}
.hero-intro{
  display:grid;
  gap:1.2rem;
  align-content:start;
}
.hero-intro .cta{justify-content:flex-start;}
.hero-intro .hero-highlights{justify-content:flex-start;}
.hero-intro .hero-meta{justify-content:flex-start;}
.hero-grid{
  display:grid;
  gap:3.5rem;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  align-items:center;
}
.hero h1{font-size:clamp(2.4rem,4vw,3.7rem);}
.lead{font-size:1.1rem; color:var(--muted); max-width:46ch;}
.hero-highlights{list-style:none; margin:1.5rem 0 0; padding:0; display:flex; flex-wrap:wrap; gap:.6rem;}
.pill{
  display:inline-flex; align-items:center; gap:.4rem;
  padding:.45rem .85rem; border-radius:999px;
  background:rgba(212,175,55,.12);
  color:var(--brand-soft);
  font-weight:600; font-size:.9rem;
}
.cta{margin-top:1.6rem; display:flex; gap:.9rem; flex-wrap:wrap; align-items:center;}
.cta-phone{font-weight:600; color:var(--accent);}
.hero-meta{
  margin-top:2.4rem; display:flex; gap:1.4rem; flex-wrap:wrap;
}
.meta-item{
  display:flex; flex-direction:column; gap:.3rem; min-width:150px;
}
.meta-number{
  font-size:2rem; font-weight:800;
  color:var(--brand-soft);
  text-shadow:0 0 22px rgba(212,175,55,.35);
}
.meta-label{color:var(--muted); font-size:.95rem;}
.hero-visual{display:flex; justify-content:center;}
.screen-elevation{filter:drop-shadow(var(--shadow));}

.trust .container{display:flex; flex-direction:column; gap:1.2rem; text-align:center;}
.trust-list{
  display:flex; flex-wrap:wrap; justify-content:center;
  gap:1rem 1.8rem; padding:0; margin:0;
  list-style:none;
  color:var(--muted);
  font-size:.95rem;
}
.logo-strip{
  margin-top:1.5rem;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:1.2rem 2.2rem;
  filter:saturate(.9);
}
.logo-strip img{
  height:40px;
  width:auto;
  opacity:.8;
  transition:opacity .2s ease, transform .2s ease;
}
.logo-strip img:hover{
  opacity:1;
  transform:translateY(-2px);
}

.eyebrow{
  text-transform:uppercase;
  letter-spacing:.22em;
  font-weight:600;
  color:rgba(231,233,245,.6);
  font-size:.78rem;
  margin-bottom:1rem;
}

/* Support portal emphasis */
#support .eyebrow{
  letter-spacing:.28em;
  color:rgba(212,175,55,.8);
  position:relative;
  display:inline-block;
  padding-left:.2rem;
}
#support .eyebrow::before{
  content:"";
  position:absolute; left:-1.2rem; top:50%; transform:translateY(-50%);
  width:.6rem; height:.6rem; border-radius:999px;
  background:radial-gradient(circle, var(--brand-soft), rgba(212,175,55,.25));
  box-shadow:0 0 18px rgba(212,175,55,.45);
}
#support h2{
  font-size:clamp(1.8rem, 3.2vw, 2.4rem);
  font-weight:800;
  letter-spacing:.01em;
  text-shadow:0 2px 18px rgba(0,0,0,.45);
  margin-bottom:1.2rem;
}

.grid3{
  display:grid;
  gap:1.2rem;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:1.2rem;
  box-shadow:0 12px 30px rgba(0,0,0,.35);
  transition:var(--transition);
}
.card:hover{transform:translateY(-4px); border-color:rgba(212,175,55,.4); box-shadow:0 20px 40px rgba(0,0,0,.38);} 
.card h3{font-size:1.3rem;}

/* Support portal cards: bolder, eye-catching */
#support .card{
  background:linear-gradient(180deg, rgba(12,13,24,.96), rgba(10,12,22,.92));
  border-color:rgba(110,231,255,.14);
  padding:1.4rem;
}
#support .card:hover{
  border-color:rgba(110,231,255,.35);
  box-shadow:0 24px 50px rgba(0,0,0,.5);
}
#support .card h3{
  font-size:clamp(1.25rem, 2vw, 1.6rem);
  font-weight:800;
  color:#eef1ff;
}
#support .card p.muted{
  font-size:1.05rem;
}

.service-grid{gap:1.4rem;}
.service-card{
  position:relative;
  text-decoration:none;
  color:inherit;
  overflow:hidden;
  backdrop-filter:blur(4px);
  cursor:pointer;
}
.service-card::after{
  content:"";
  position:absolute;
  inset:-40%;
  background:conic-gradient(from 0deg, rgba(110,231,255,.4), rgba(212,175,55,.5), transparent 60%);
  opacity:0;
  transition:opacity .3s ease, transform .6s ease;
  filter:blur(45px);
}
.service-card:hover::after,
.service-card:focus-visible::after{
  opacity:1;
  transform:rotate(45deg);
}
.service-card:hover,
.service-card:focus-visible{
  box-shadow:0 0 35px rgba(110,231,255,.3);
  border-color:rgba(110,231,255,.4);
  transform:translateY(-6px);
}
.service-card p{color:var(--muted);}

.posts-grid{
  margin-top:1.5rem;
}
.post-card{
  display:grid;
  gap:1rem;
}
.post-label{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.25rem .7rem;
  border-radius:999px;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-weight:700;
  background:rgba(110,231,255,.12);
  color:var(--accent);
}
.post-label::before{
  content:\"•\";
  font-size:1.2em;
}
.post-label--threat{
  background:rgba(248,113,113,.15);
  color:#fecaca;
}
.post-label--defense{
  background:rgba(52,211,153,.15);
  color:var(--success);
}
.post-card .bullet-list{
  margin:0;
  padding-left:1.2rem;
  list-style:disc;
}
.post-card blockquote{
  font-size:.95rem;
}
.blog-hero{
  padding-top:4.5rem;
}
.blog-hero .hero-intro{
  align-content:center;
}
.onboarding-hero{
  padding-top:4.6rem;
}
.onboarding-form{
  background:radial-gradient(900px 460px at 10% -10%, rgba(110,231,255,.16), transparent);
}
.onboarding-form .card{
  box-shadow:0 32px 60px rgba(3,4,10,.55);
  border:1px solid rgba(110,231,255,.12);
}
.onboarding-next .timeline{
  margin-top:2rem;
}
.onboarding-next .cta{
  margin-top:2rem;
  justify-content:center;
}
.blog-cta{
  text-align:center;
  background:var(--bg-soft);
}
.blog-cta .cta{
  justify-content:center;
  margin-top:1.4rem;
}
.shop-hero{
  padding-top:4.6rem;
}
.shop-addons .card p.muted{
  margin-top:.6rem;
  font-weight:600;
}
.shop-layout{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:1.6rem;
  align-items:start;
}
.shop-configurator{
  display:grid;
  gap:1rem;
  padding:1.6rem;
}
.shop-configurator fieldset{
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  padding:1rem;
  margin:0;
  display:grid;
  gap:.6rem;
}
.shop-configurator legend{
  padding:0 .4rem;
  font-weight:700;
  color:var(--muted);
}
.shop-configurator .option{
  display:flex;
  gap:.6rem;
  align-items:center;
  cursor:pointer;
}
.shop-configurator .option input{
  width:auto;
  flex:0 0 auto;
}
.shop-configurator label.option span{
  flex:1;
}
.config-summary{
  display:flex;
  gap:1.4rem;
  justify-content:space-between;
  padding:1rem;
  border-radius:var(--radius-md);
  background:rgba(16,18,36,.75);
  border:1px solid rgba(110,231,255,.18);
}
.config-total{
  font-size:1.6rem;
  font-weight:700;
  color:var(--brand-soft);
}
.shop-form{
  padding:1.8rem;
  box-shadow:0 24px 60px rgba(3,4,10,.55);
}
.shop-form .form-submit .btn{
  max-width:100%;
}
.shop-faq .faq{margin-top:1.4rem;}
.shop-payments{
  padding:1.8rem;
  display:grid;
  gap:1rem;
  align-content:start;
}
.shop-payments .btn{width:100%;}
.osint-hero-img{
  width:100%;
  max-width:520px;
  border-radius:var(--radius-lg);
  border:1px solid rgba(110,231,255,.2);
  box-shadow:0 24px 60px rgba(5,8,18,.55);
}
.osint-inline-img{
  width:100%;
  max-width:680px;
  border-radius:var(--radius-lg);
  border:1px solid rgba(212,175,55,.25);
  box-shadow:0 30px 60px rgba(3,4,10,.45);
  margin:1rem 0 1.5rem;
}

.list-check{
  list-style:none; padding:0; margin:1.5rem 0 0;
  display:grid; gap:.9rem;
}
.list-check li{
  position:relative; padding-left:1.8rem; color:var(--muted);
}
.list-check li::before{
  content:"✔"; position:absolute; left:0; top:.05rem;
  color:var(--success); font-size:1rem;
}

.adv-grid{
  display:grid; gap:2.5rem;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  align-items:start;
}
.timeline{
  display:grid; gap:1.4rem;
}
.timeline-item{
  background:var(--card-alt); border:1px solid var(--border-strong);
  border-radius:var(--radius-lg);
  padding:1.4rem;
  display:grid; grid-template-columns:auto 1fr; gap:1rem; align-items:start;
}
.timeline-step{
  width:2.2rem; height:2.2rem;
  border-radius:999px;
  display:grid; place-items:center;
  background:linear-gradient(135deg,var(--brand),var(--accent));
  color:#041629;
  font-weight:800;
}

.plans-section .plans{
  display:grid;
  gap:1.4rem;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
}
.plan{
  background:var(--card);
  border:1px solid var(--border-strong);
  border-radius:var(--radius-lg);
  padding:1.4rem;
  position:relative;
  display:flex; flex-direction:column; gap:1rem;
}
.plan-subtitle{color:var(--muted); font-size:.95rem; margin:0;}
.price{font-size:2.3rem; font-weight:800; color:var(--brand-soft);}
.price span{font-size:.9rem; font-weight:500; color:var(--muted);}
.price-prefix{font-size:.85rem; text-transform:uppercase; color:rgba(255,255,255,.6); margin-right:.4rem;}
.plan ul{list-style:none; margin:0; padding:0; display:grid; gap:.6rem; color:var(--muted);}
.plan.featured{border-color:var(--brand); box-shadow:0 0 0 1px rgba(212,175,55,.35) inset, 0 22px 60px rgba(212,175,55,.08);}
.badge{
  position:absolute; right:1.4rem; top:1.4rem;
  background:var(--brand);
  color:#111;
  padding:.3rem .65rem;
  border-radius:999px;
  font-size:.78rem; font-weight:700;
}
.plan-footnote{text-align:center; margin-top:2rem;}

.metrics{background:radial-gradient(800px 520px at 10% -10%, rgba(110,231,255,.12), transparent);}
.metrics-grid{
  display:grid; gap:1.2rem;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
}
.metric-card{
  background:rgba(20,22,40,.9);
  border:1px solid rgba(110,231,255,.18);
  border-radius:var(--radius-lg);
  padding:1.6rem;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.metric-card::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(110,231,255,.18), transparent 60%);
  opacity:.4; pointer-events:none;
}
.metric-label{display:block; color:var(--muted); font-size:.95rem;}
.metric-value{display:block; font-size:2.6rem; font-weight:800; color:var(--brand-soft); margin-top:.6rem;}
.metric-unit{display:block; color:rgba(232,233,241,.6); text-transform:uppercase; font-size:.8rem; letter-spacing:.18em;}

form{margin-top:1rem;}
label{display:block; font-weight:600; margin:.7rem 0;}
input,textarea,select{
  width:100%;
  background:#0b0c18;
  color:var(--text);
  border:1px solid var(--border);
  padding:.65rem .75rem;
  border-radius:var(--radius-md);
  font:inherit;
  transition:border-color .2s ease, box-shadow .2s ease;
}
input:focus,textarea:focus,select:focus{
  outline:0;
  border-color:var(--accent);
  box-shadow:0 0 0 1px rgba(110,231,255,.35);
}
textarea{resize:vertical; min-height:140px;}
.support-grid{
  display:grid; gap:1.4rem;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  align-items:start;
}
.status-result{
  padding:.9rem; border-radius:var(--radius-md);
  background:rgba(17,18,31,.7);
  border:1px dashed rgba(110,231,255,.2);
  min-height:2.6rem;
  white-space:pre-wrap;
}
.remote-card .btn{width:100%;}
.status-result.has-data{
  border-style:solid;
  border-color:rgba(110,231,255,.35);
  background:rgba(14,16,32,.92);
}
.notice{
  margin-top:.8rem;
  padding:.85rem 1rem;
  border-radius:var(--radius-md);
  border:1px solid rgba(255,255,255,.08);
  background:rgba(18,19,31,.85);
}
.notice.success{
  border-color:rgba(52,211,153,.35);
  background:rgba(52,211,153,.08);
  color:#a7f3d0;
}
.notice.error{
  border-color:rgba(248,113,113,.35);
  background:rgba(248,113,113,.08);
  color:#fecaca;
}
.status-updates{
  list-style:none;
  margin:1rem 0 0;
  padding:0;
  display:grid;
  gap:1rem;
}
.status-updates li{
  padding:1rem;
  border-radius:var(--radius-md);
  background:rgba(18,19,33,.9);
  border:1px solid rgba(255,255,255,.05);
}
.status-update-meta{
  display:flex;
  gap:.75rem;
  align-items:center;
  font-size:.9rem;
  color:rgba(232,233,241,.72);
  margin-bottom:.5rem;
}
.status-update-meta time{color:var(--accent);}
.status-update-by{
  padding:.2rem .6rem;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.status-pill{
  display:inline-flex; align-items:center;
  padding:.2rem .75rem;
  border-radius:999px;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-left:.6rem;
  background:rgba(110,231,255,.14);
  color:var(--accent);
}
.status-pill--pending{background:rgba(212,175,55,.15); color:var(--brand-soft);}
.status-pill--resolved{background:rgba(52,211,153,.15); color:var(--success);}
.status-pill--closed{background:rgba(248,113,113,.18); color:#fca5a5;}
.status-pill--low{background:rgba(52,211,153,.12); color:var(--success);}
.status-pill--normal{background:rgba(110,231,255,.12); color:var(--accent);}
.status-pill--high{background:rgba(212,175,55,.18); color:var(--brand-soft);}
.status-pill--urgent{background:rgba(248,113,113,.18); color:#fca5a5;}
.status-heading{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  flex-wrap:wrap;
  align-items:flex-start;
  margin-bottom:1rem;
}
.status-id{font-weight:700; letter-spacing:.04em;}
.support-meta ul{margin:.75rem 0 1rem; padding-left:1.2rem;}
.support-meta li{margin-bottom:.4rem;}

.form-shell{
  display:grid;
  gap:1.6rem;
  padding:2rem;
}
.form-shell h3{
  margin:0;
  font-size:1.2rem;
}
.form-grid{
  display:grid;
  gap:1rem;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.form-grid.three{
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
}
.form-grid textarea{
  min-height:120px;
}
.form-grid select[multiple]{
  min-height:160px;
}
.form-shell .full-width{
  width:100%;
}
.form-submit{
  display:grid;
  gap:.6rem;
}
.form-submit .btn{
  max-width:320px;
}

.admin-container{display:grid; gap:2rem;}
.admin-controls{
  display:grid;
  gap:1rem 1.2rem;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  align-items:end;
}
.admin-field{display:flex; flex-direction:column;}
.admin-actions{display:flex; gap:.8rem; flex-wrap:wrap;}
.summary-grid{
  display:grid;
  gap:1rem;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
}
.summary-card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:1.2rem;
  display:flex; flex-direction:column; gap:.4rem;
  text-align:center;
}
.summary-label{color:var(--muted); font-size:.85rem; letter-spacing:.1em; text-transform:uppercase;}
.summary-value{font-size:2rem; font-weight:800; color:var(--brand-soft);}
.table-scroll{
  overflow:auto;
  border-radius:var(--radius-lg);
  border:1px solid var(--border);
  background:rgba(17,18,32,.8);
  box-shadow:0 18px 36px rgba(0,0,0,.35);
}
.table-scroll table{width:100%; border-collapse:collapse; min-width:780px;}
.table-scroll th, .table-scroll td{
  padding:1rem;
  text-align:left;
  border-bottom:1px solid rgba(255,255,255,.04);
}
.table-scroll th{
  font-size:.9rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:rgba(232,233,241,.7);
  background:rgba(12,13,24,.9);
  position:sticky;
  top:0;
  backdrop-filter:blur(12px);
}
.table-scroll tbody tr:hover{background:rgba(255,255,255,.03);}
.admin-table select{
  background:#121326;
  border:1px solid var(--border);
  color:var(--text);
  border-radius:var(--radius-sm);
  padding:.4rem .6rem;
}
.admin-table .btn-sm{margin-right:.4rem;}
.admin-table td[data-label="Actions"]{white-space:nowrap;}

.faq{display:grid; gap:1rem;}
.faq details{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:1.1rem 1.4rem;
  box-shadow:0 16px 38px rgba(0,0,0,.32);
}
.faq summary{
  cursor:pointer;
  font-weight:600;
  list-style:none;
  position:relative;
}
.faq summary::marker{display:none;}
.faq summary::-webkit-details-marker{display:none;}
.faq details[open] summary{color:var(--brand-soft);}
.faq details p{margin-top:.8rem; color:var(--muted);}

.contact-grid{
  display:grid; gap:2rem;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  align-items:start;
}
.contact-card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:1.6rem;
  display:grid; gap:1rem;
}
.contact-card .btn{width:max-content;}

.cta-final{text-align:center; background:var(--bg-soft);}
.cta-final h2{font-size:clamp(1.9rem,3vw,2.6rem);}
.cta-final .cta{justify-content:center;}

.site-footer{
  border-top:1px solid rgba(255,255,255,.08);
  padding:1.4rem 0;
  background:#06060b;
  font-size:.92rem;
}
.footer-links{display:flex; gap:1rem; flex-wrap:wrap;}
.footer-links a{color:var(--muted);}
.footer-links a:hover{color:var(--accent);}

.cookie-bar{
  position:fixed; left:0; right:0; bottom:0;
  background:rgba(15,15,28,.95);
  color:#ddd;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex; gap:.8rem; align-items:center; justify-content:center;
  padding:.9rem;
  z-index:999;
  flex-wrap:wrap;
}
.cookie-bar a{color:#9df1ff; text-decoration:underline;}

blockquote{
  margin:.8rem 0;
  padding-left:.9rem;
  border-left:3px solid var(--border-strong);
  color:#cbd5e1;
  font-style:italic;
}

@media (max-width: 960px){
  .header-cta{display:none;}
  .nav{position:fixed; inset:70px 1rem auto 1rem; background:rgba(8,9,18,.96); padding:1.2rem; border-radius:var(--radius-lg); border:1px solid rgba(255,255,255,.08); flex-direction:column; align-items:flex-start; gap:.2rem; transform:translateY(-10px); opacity:0; pointer-events:none; transition:var(--transition);}
  .nav a, .nav .btn{width:100%;}
  .nav.is-open{transform:translateY(0); opacity:1; pointer-events:auto;}
  .nav-toggle{display:flex;}
  .site-search{display:none;}
}

@media (max-width: 720px){
  .site-header .container{padding:.75rem 0;}
  .hero{padding:4.2rem 0 3rem;}
  .hero-intro{gap:1rem;}
  .meta-item{min-width:120px;}
  .plans{grid-template-columns:1fr;}
  .metrics-grid{grid-template-columns:1fr;}
  .support-grid{grid-template-columns:1fr;}
  .hero-meta{gap:1rem;}
  .admin-controls{grid-template-columns:1fr;}
  .table-scroll table{min-width:640px;}
  .logo img{height:112px;}
}

@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important;}
}

@media (max-width: 540px){
  .logo img{height:86px;}
}

@media (max-width: 1024px){
  .hero{
    padding:4.6rem 0 3.5rem;
  }
  .hero-grid{
    grid-template-columns:minmax(0,1fr);
    gap:2.8rem;
  }
  .hero-intro{
    text-align:center;
    justify-items:center;
  }
  .hero-intro .cta{
    justify-content:center;
    width:100%;
  }
  .hero-intro .cta a{
    flex:1 1 auto;
    min-width:140px;
    text-align:center;
  }
  .hero-intro .hero-highlights,
  .hero-intro .hero-meta{
    justify-content:center;
  }
  .hero-highlights{justify-content:center;}
  .cta-phone{display:block; width:100%;}
  .hero-visual{max-width:420px; margin:0 auto;}
  .monitor{transform:scale(.95);}
  .adv-grid{grid-template-columns:1fr; gap:2rem;}
  .timeline{gap:1.1rem;}
  .timeline-item{grid-template-columns:minmax(0,1fr); text-align:center;}
  .timeline-step{margin:0 auto .6rem;}
  .posts-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}
  .osint-hero-img{margin:0 auto;}
}

@media (max-width: 640px){
  .hero-highlights{flex-direction:column; align-items:center;}
  .hero-highlights .pill{width:100%; justify-content:center;}
  .cta{flex-direction:column;}
  .cta a{width:100%;}
  .meta-item{align-items:center;}
  .support-meta ul{padding-left:1rem;}
  .contact-card .btn{width:100%;}
  .summary-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));}
  .posts-grid{grid-template-columns:1fr;}
  .logo-strip img{height:32px;}
  .form-shell{padding:1.4rem;}
  .form-submit .btn{width:100%; max-width:none;}
  .config-summary{flex-direction:column; gap:1rem;}
  .shop-layout{grid-template-columns:1fr;}
  .chat-widget{left:1rem; right:1rem; width:auto;}
}

@media (max-width: 480px){
  .hero{
    padding:3.8rem 0 3rem;
  }
  h1{font-size:clamp(2rem,8vw,2.6rem);}
  h2{font-size:clamp(1.6rem,6.8vw,2rem);}
  .lead{font-size:1rem;}
  .meta-number{font-size:1.8rem;}
  input,textarea,select,.btn{font-size:.95rem;}
  .pill{font-size:.85rem;}
  .hero-visual{max-width:360px;}
  .form-grid{grid-template-columns:1fr;}
  .call-helper{right:1rem; bottom:1rem;}
  .chat-launcher{left:1rem; bottom:1rem;}
}
.service-hero{
  padding-top:4.6rem;
}
.service-copy{
  display:grid;
  gap:1.2rem;
  max-width:760px;
}
.service-copy h2{margin-top:1rem;}
.threat-feed{
  background:var(--bg-soft);
}
.feed-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:1rem;
}
.feed-card{
  position:relative;
  padding:1.2rem;
  border-radius:var(--radius-lg);
  border:1px solid rgba(110,231,255,.18);
  background:linear-gradient(140deg, rgba(110,231,255,.08), rgba(3,6,14,.9));
  box-shadow:0 18px 40px rgba(0,0,0,.45);
  overflow:hidden;
}
.feed-card::after{
  content:"";
  position:absolute;
  top:-40%; left:-40%;
  width:80%; height:80%;
  background:radial-gradient(circle, rgba(110,231,255,.22), transparent 65%);
  opacity:0; transition:opacity .3s ease;
}
.feed-card:hover::after{opacity:1;}
.feed-card h3{margin:0 0 .4rem; font-size:1.1rem;}
.feed-meta{display:flex; justify-content:space-between; font-size:.8rem; letter-spacing:.08em; text-transform:uppercase; color:rgba(232,233,241,.68); margin-bottom:.6rem;}
.feed-severity{padding:.2rem .55rem; border-radius:999px; font-size:.7rem;}
.feed-severity.high{background:rgba(248,113,113,.2); color:#fecaca;}
.feed-severity.medium{background:rgba(212,175,55,.18); color:var(--brand-soft);}
.feed-severity.low{background:rgba(52,211,153,.2); color:var(--success);}
.quiz-container{display:grid; gap:1.4rem;}
.quiz-gate,.quiz-form,.quiz-result{padding:1.6rem; display:grid; gap:1rem;}
.quiz-question{display:grid; gap:.4rem;}
.quiz-question p{margin:0; font-weight:600;}
.quiz-question label{font-weight:500; color:var(--muted);}
.quiz-result h3{margin:0;}
.quiz-score{font-size:2.2rem; font-weight:800; color:var(--brand-soft); margin:0;}
.quiz-result [data-recommendations]{display:grid; gap:.6rem; color:var(--muted);}
.call-helper{
  position:fixed;
  bottom:1.5rem;
  right:1.5rem;
  background:linear-gradient(135deg, var(--brand), var(--brand-soft));
  color:#111;
  padding:.85rem 1.4rem;
  border-radius:999px;
  box-shadow:0 18px 40px rgba(0,0,0,.45);
  font-weight:700;
  display:none;
  align-items:center;
  gap:.6rem;
  z-index:1200;
}
.call-helper.show{display:flex;}
.call-helper span{font-size:1rem;}
.call-helper .call-helper-icon{width:18px; height:18px; background:#111; color:var(--brand-soft); border-radius:999px; display:grid; place-items:center; font-size:.7rem;}

.chat-launcher{
  position:fixed;
  bottom:1.5rem;
  left:1.5rem;
  width:56px;
  height:56px;
  border-radius:999px;
  background:linear-gradient(135deg, var(--accent), #38bdf8);
  color:#041629;
  display:grid;
  place-items:center;
  font-weight:800;
  cursor:pointer;
  z-index:1200;
  box-shadow:0 18px 40px rgba(0,0,0,.4);
}
.chat-widget{
  position:fixed;
  bottom:80px;
  left:1.5rem;
  width:320px;
  max-width:90vw;
  border-radius:1rem;
  border:1px solid rgba(110,231,255,.2);
  background:rgba(8,10,22,.95);
  box-shadow:0 30px 60px rgba(0,0,0,.55);
  display:none;
  grid-template-rows:auto 1fr auto;
  overflow:hidden;
  z-index:1200;
}
.chat-widget.show{display:grid;}
.chat-header{padding:1rem; background:rgba(110,231,255,.15); font-weight:700; display:flex; justify-content:space-between; align-items:center;}
.chat-messages{padding:1rem; display:grid; gap:.6rem; max-height:260px; overflow:auto;}
.chat-message{padding:.7rem .9rem; border-radius:.8rem; line-height:1.4; font-size:.95rem;}
.chat-message.user{background:rgba(110,231,255,.18); margin-left:3rem;}
.chat-message.bot{background:rgba(17,19,35,.95); margin-right:3rem; border:1px solid rgba(110,231,255,.12);}
.chat-input{display:flex; gap:.5rem; padding:1rem; border-top:1px solid rgba(255,255,255,.08);}
.chat-input input{flex:1; padding:.6rem .7rem; border-radius:.6rem; border:1px solid var(--border); background:#0e1024; color:var(--text);}
.chat-input button{padding:.6rem 1rem;}