/* Service-first page. No legacy wa-* layout dependencies. */
.svc-page { --s-bg:#fff; --s-soft:#f6f8fc; --s-text:#0b1f44; --s-muted:#4c6385; --s-line:#d3e2f4; --s-accent:#006cff; --s-tint:#e6f2ff; background:var(--s-bg); color:var(--s-text); }
html[data-theme="dark"] .svc-page { --s-bg:#0b1f44; --s-soft:#10294e; --s-text:#e6f2ff; --s-muted:#b6cce8; --s-line:#2c4b72; --s-accent:#83baff; --s-tint:#15375e; }
.svc-page .container { max-width:1280px; }
.svc-page :is(h1,h2,h3,p) { margin-top:0; }
.svc-page h2 { font-size:clamp(28px,3vw,40px); line-height:1.22; letter-spacing:-.035em; text-wrap:pretty; margin-bottom:20px; }
.svc-page h3 { font-size:20px; line-height:1.4; letter-spacing:-.02em; }
.svc-page p { color:var(--s-muted); }
.svc-page .button { border-radius:999px; min-height:52px; }
.svc-page .button-primary { background:linear-gradient(110deg,#006cff,#008eff); background-size:160% 100%; }
.svc-page .button-primary:hover { background-position:100% 0; }
.svc-section { padding-block:28px; }
.svc-kicker { color:var(--s-accent)!important; font-size:12px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; margin-bottom:16px; }
.svc-heading { max-width:640px; }
.svc-hero { padding:20px 0 72px; background:radial-gradient(ellipse at 85% 40%,var(--s-tint),transparent 58%),var(--s-bg); }
.svc-crumb { display:flex; flex-wrap:wrap; align-items:center; gap:0 12px; color:var(--s-muted); font-size:12px; margin-bottom:42px; }
.svc-crumb a { min-height:44px; display:inline-flex; align-items:center; }
.svc-hero-grid { display:grid; grid-template-columns:1.12fr .88fr; gap:72px; align-items:center; }
.svc-hero h1 { font-size:clamp(36px,4vw,58px); line-height:1.1; letter-spacing:-.045em; margin-bottom:24px; }
.svc-hero h1 > span { display:block; color:var(--s-accent); font-size:.78em; line-height:1.25; margin-top:16px; }
.svc-lead { font-size:17px; line-height:1.8; max-width:600px; margin-bottom:24px; }
.svc-offer { display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; margin-bottom:26px; }
.svc-offer strong { font-size:23px; letter-spacing:-.03em; }
.svc-offer > span { font-size:13px; color:var(--s-muted); padding-left:18px; border-left:1px solid var(--s-line); }
.svc-page .svc-micro { display:flex; gap:8px; align-items:flex-start; margin:18px 0 0; font-size:12px; max-width:450px; }
.svc-micro .icon { width:16px; height:16px; margin-top:2px; }
.svc-scope article { display:grid; grid-template-columns:48px 1fr 1.4fr; gap:28px; align-items:start; padding:32px 0; border-top:1px solid var(--s-line); }
.svc-number { color:var(--s-muted); font-size:13px; }
.svc-scope-name { display:flex; gap:16px; align-items:flex-start; }
.svc-scope-name .icon { color:var(--s-accent); width:26px; height:26px; }
.svc-scope h3 { margin-bottom:0; }
.svc-scope p { font-size:15px; margin-bottom:12px; }
.svc-scope small { font-size:12px; color:var(--s-accent); }
.svc-handoff { background:#0b1f44; color:#e6f2ff; --s-text:#e6f2ff; --s-muted:#b6cce8; --s-accent:#83baff; --s-line:#294a74; }
.svc-handoff-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:100px; align-items:center; }
.svc-price { border:1px solid var(--s-line); border-top:4px solid #006cff; padding:36px; border-radius:0 0 18px 18px; background:var(--s-soft); }
.svc-price .svc-heading h2 { font-size:26px; margin-bottom:20px; }
.svc-price p.svc-price-value { font-size:clamp(36px,4vw,50px); font-weight:700; line-height:1.2; color:var(--s-accent); letter-spacing:-.05em; margin-bottom:16px; }
.svc-price > p { font-size:15px; }
.svc-price small { display:block; margin-top:16px; font-size:12px; color:var(--s-muted); }
@media (prefers-reduced-motion:no-preference) { @keyframes svc-float { 50% { transform:translateY(-7px); } } }
@media (max-width:1100px) {
 .svc-hero-grid { gap:36px; }
 .svc-handoff-grid,.svc-price-grid,.svc-faq-grid,.svc-contact-grid { gap:40px; }
}
@media (max-width:800px) {
 .svc-hero-grid,.svc-handoff-grid,.svc-price-grid,.svc-faq-grid,.svc-contact-grid { grid-template-columns:1fr; gap:32px; }
 .svc-scope article { grid-template-columns:32px 1fr; gap:16px; }
 .svc-scope article > div:last-child { grid-column:2; }
}
@media (max-width:480px) {
 .svc-section { padding-block:28px; }
 .svc-page h2 { font-size:28px; }
 .svc-hero { padding:12px 0 40px; }
 .svc-crumb { font-size:11px; gap:0 8px; margin-bottom:28px; }
 .svc-hero h1 { font-size:36px; }
 .svc-hero h1 > span { font-size:.8em; }
 .svc-lead { font-size:16px; }
 .svc-offer { display:grid; gap:4px; }
 .svc-offer > span { border:0; padding:0; }
 .svc-hero .button { width:100%; padding-inline:16px; }
 .svc-scope article { padding-block:24px; gap:12px; }
 .svc-scope-name { gap:10px; }
 .svc-scope h3 { font-size:18px; }
 .svc-scope-name .icon { width:22px; height:22px; }
 .svc-price { padding:24px; }
 .svc-price .button { width:100%; padding-inline:12px; font-size:13px; }
}

/* Trust Strip in Malware Hero */
.svc-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 32px;
  padding-top: 24px;
  margin-top: 32px;
  border-top: 1px solid var(--s-line);
}
.svc-trust span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--s-text);
}
.svc-trust span .icon {
  width: 18px;
  height: 18px;
  color: var(--s-accent);
  flex-shrink: 0;
}

/* Warning Section / Pain Point Showcase */
.svc-warning-section {
  background: radial-gradient(ellipse at 50% 0%, rgba(220, 38, 38, 0.06), transparent 70%), var(--s-soft);
  border-top: 1px solid var(--s-line);
  border-bottom: 1px solid var(--s-line);
}
.svc-warning-grid {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 60px;
  align-items: center;
}
.svc-browser-mockup {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(220, 38, 38, 0.3);
  box-shadow: 0 20px 50px rgba(220, 38, 38, 0.12), 0 8px 20px rgba(0, 0, 0, 0.08);
  background: #1e293b;
}
.svc-browser-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: #0f172a;
  border-bottom: 1px solid #334155;
}
.svc-browser-dots {
  display: inline-flex;
  gap: 6px;
}
.svc-browser-dots i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #475569;
}
.svc-browser-dots i:first-child { background: #ef4444; }
.svc-browser-dots i:nth-child(2) { background: #f59e0b; }
.svc-browser-dots i:last-child { background: #10b981; }

.svc-browser-url {
  flex: 1;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 6px;
  background: #1e293b;
  color: #94a3b8;
  font-size: 12px;
  font-family: monospace;
}
.svc-browser-url .icon {
  width: 13px;
  height: 13px;
  color: #ef4444;
}
.svc-browser-tag {
  padding: 2px 8px;
  border-radius: 4px;
  background: rgba(239, 68, 68, 0.2);
  color: #f87171;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}
.svc-browser-screen img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.svc-warning-points {
  list-style: none;
  padding: 0;
  margin: 0 0 28px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.svc-warning-points li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.svc-point-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}
.svc-point-icon .icon {
  width: 20px;
  height: 20px;
}
.svc-point-icon--danger {
  background: rgba(239, 68, 68, 0.12);
  color: #dc2626;
}
html[data-theme="dark"] .svc-point-icon--danger {
  background: rgba(239, 68, 68, 0.2);
  color: #f87171;
}
.svc-point-icon--warn {
  background: rgba(245, 158, 11, 0.12);
  color: #d97706;
}
html[data-theme="dark"] .svc-point-icon--warn {
  background: rgba(245, 158, 11, 0.2);
  color: #fbbf24;
}
.svc-warning-points strong {
  display: block;
  font-size: 15px;
  color: var(--s-text);
  margin-bottom: 4px;
}
.svc-warning-points p {
  font-size: 13px;
  color: var(--s-muted);
  margin: 0;
  line-height: 1.5;
}

@media (max-width: 960px) {
  .svc-warning-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }
}
@media (max-width: 600px) {
  .svc-trust {
    flex-direction: column;
    gap: 12px;
  }
}

/* =========================================================
   Technical Hand-off Docket Card (replaces fake scan report)
   ========================================================= */

/* =========================================================
   CSS-only Chrome Security Warning Screen (replaces fake AI image)
   ========================================================= */
.svc-browser-screen--warning {
  background: #c0392b;
  min-height: 260px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.svc-chrome-warning {
  max-width: 480px;
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.svc-chrome-warning__icon svg {
  width: 56px;
  height: 56px;
  display: block;
}
.svc-chrome-warning__headline {
  font-family: -apple-system, 'Roboto', sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  margin: 0;
  line-height: 1.3;
}
.svc-chrome-warning__sub {
  font-size: 15px;
  font-weight: 600;
  color: rgba(255,255,255,0.85);
  margin: 0;
}