/*
 * Jaunās pakalpojumu lapas (2026-10-17): Reklāmas Google un Meta, Uzturēšana un drošība, Piekļūstamība.
 * Ielādējas kopā ar redizains.css (hero, kartītes, soļi) un abonements.css (cenas, kam der). Figma 2021:380, 2025:380, 2029:380.
 */

/* Kamēr svc.js nav sagatavojis hero, datorā to neredz (tāpat kā [data-rd-hero]); telefonā teksts redzams uzreiz. */
html.js:not(.reduced):not(.dw-ready):not(.dw-m) [data-svc-hero] > :not([class*="decor"]){ visibility:hidden; }
html.js:not(.reduced):not(.dw-ready).dw-m [data-svc-hero] [data-svc-vis]{ visibility:hidden; }

/* ---------- Hero visual (scaled like the redesign hero: 1 unit = 1px of the 740px Figma frame) ---------- */
.svc-vis-wrap{ container-type:inline-size; }
.svc-vis{ --u:calc((100cqw + 10px) / 740); position:relative; width:calc(100% + 10px); aspect-ratio:740 / 660; color:var(--ink); }
.svc-vis--care{ aspect-ratio:740 / 620; }
.svc-vis--a11y{ aspect-ratio:740 / 690; }
.svc-card{
  position:absolute; padding:calc(28 * var(--u)); border-radius:calc(22 * var(--u)); background:var(--white);
  box-shadow:0 calc(30 * var(--u)) calc(60 * var(--u)) rgba(5, 10, 13, 0.45);
}
.svc-card--main{ left:0; top:10.6%; width:81.08%; display:flex; flex-direction:column; gap:calc(20 * var(--u)); }
.svc-card__top{ display:flex; justify-content:space-between; align-items:center; gap:calc(12 * var(--u)); font-size:calc(14 * var(--u)); font-weight:500; line-height:calc(18 * var(--u)); color:var(--muted); }
.svc-pill{ padding:calc(4 * var(--u)) calc(9 * var(--u)); border-radius:calc(6 * var(--u)); background:var(--paper); font-size:calc(11 * var(--u)); line-height:calc(14 * var(--u)); font-weight:400; color:var(--muted); white-space:nowrap; }
.svc-kpis{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:calc(16 * var(--u)); }
.svc-kpis small{ display:block; font-size:calc(13 * var(--u)); line-height:calc(17 * var(--u)); color:var(--muted); }
.svc-kpis b{ display:block; margin-top:calc(6 * var(--u)); font-size:calc(36 * var(--u)); font-weight:600; line-height:1.1; letter-spacing:-0.03em; white-space:nowrap; }
.svc-kpis .is-accent b{ color:var(--signal); }
.svc-card__line{ display:block; height:1px; background:#d3dce3; }
.svc-chart__top{ display:flex; justify-content:space-between; align-items:baseline; font-size:calc(13 * var(--u)); font-weight:500; line-height:calc(17 * var(--u)); color:var(--muted); }
.svc-chart__top .mono{ font-size:calc(12 * var(--u)); font-weight:400; }
.svc-bars{ display:flex; align-items:flex-end; gap:calc(23 * var(--u)); height:calc(100 * var(--u)); margin-top:calc(12 * var(--u)); border-bottom:1px solid #d3dce3; }
.svc-bars i{ flex:1; height:calc(var(--h) * 1%); border-radius:calc(5 * var(--u)) calc(5 * var(--u)) 0 0; background:var(--mist); transform-origin:bottom; }
.svc-bars i.is-slate{ background:var(--slate); }
.svc-bars i.is-signal{ background:var(--signal); }
.svc-chart__axis{ display:flex; justify-content:space-between; margin-top:calc(10 * var(--u)); font-size:calc(11 * var(--u)); line-height:calc(14 * var(--u)); color:var(--muted); }

.svc-card--dark{
  left:41.9%; top:64.4%; width:58.1%; padding:calc(22 * var(--u)) calc(24 * var(--u)) calc(18 * var(--u));
  background:rgba(14, 21, 27, 0.96); border:1px solid rgba(255, 255, 255, 0.08); color:var(--white);
  box-shadow:0 calc(24 * var(--u)) calc(50 * var(--u)) rgba(5, 10, 13, 0.55);
}
.svc-card--dark .svc-card__top{ color:rgba(187, 205, 218, 0.75); }
.svc-card--dark .svc-card__top strong{ font-size:calc(16 * var(--u)); line-height:calc(21 * var(--u)); font-weight:600; color:var(--white); }
.svc-card--dark .svc-card__top .mono{ font-size:calc(11 * var(--u)); font-weight:400; }
.svc-rows li{ display:flex; align-items:center; gap:calc(10 * var(--u)); margin-top:calc(10 * var(--u)); padding-top:calc(10 * var(--u)); border-top:1px solid rgba(255, 255, 255, 0.08); font-size:calc(14 * var(--u)); line-height:calc(18 * var(--u)); color:rgba(255, 255, 255, 0.9); }
.svc-rows__n{ flex:none; width:calc(12 * var(--u)); font-size:calc(12 * var(--u)); color:#ff9a66; }
.svc-chip{
  display:inline-flex; align-items:center; justify-content:center; flex:none; min-width:calc(66 * var(--u));
  padding:calc(3 * var(--u)) calc(8 * var(--u)); border-radius:calc(6 * var(--u));
  background:var(--signal-btn); color:var(--white); font-size:calc(11 * var(--u)); line-height:calc(14 * var(--u)); white-space:nowrap;
}
.svc-chip--1{ background:var(--slate); }
.svc-chip--2, .svc-chip--ghost{ background:rgba(255, 255, 255, 0.1); color:var(--mist); }
.svc-chip--ghost{ min-width:0; }

.svc-note{
  position:absolute; right:0; top:0; display:flex; align-items:center; gap:calc(14 * var(--u));
  padding:calc(16 * var(--u)) calc(20 * var(--u)); border-radius:calc(18 * var(--u)); background:var(--white);
  box-shadow:0 calc(20 * var(--u)) calc(40 * var(--u)) rgba(5, 10, 13, 0.4);
}
.svc-note strong{ display:block; font-size:calc(15 * var(--u)); font-weight:600; line-height:calc(19 * var(--u)); }
.svc-note small{ display:block; font-size:calc(13 * var(--u)); line-height:calc(17 * var(--u)); color:var(--muted); white-space:nowrap; }
.svc-note__dot{ position:relative; flex:none; width:calc(12 * var(--u)); height:calc(12 * var(--u)); border-radius:50%; background:var(--signal); }
.svc-note__dot::after{ content:""; position:absolute; inset:0; border-radius:50%; background:inherit; animation:svc-ping 2.2s var(--ease-out) infinite; }
.svc-note__dot--ok{ background:var(--success); }
@keyframes svc-ping{ 0%{ transform:scale(1); opacity:0.55; } 80%, 100%{ transform:scale(2.6); opacity:0; } }
html.reduced .svc-note__dot::after{ animation:none; }

/* Maintenance visual */
.svc-vis--care .svc-card--main{ top:11.3%; }
.svc-vis--care .svc-card--log{ top:64.6%; }
.svc-checks{ display:grid; gap:calc(12 * var(--u)); }
.svc-checks li{ display:flex; align-items:center; gap:calc(12 * var(--u)); font-size:calc(15 * var(--u)); line-height:calc(20 * var(--u)); }
.svc-checks__ic{ display:grid; place-items:center; flex:none; width:calc(20 * var(--u)); height:calc(20 * var(--u)); border-radius:50%; background:var(--signal); color:var(--white); }
.svc-checks__ic svg{ width:60%; height:60%; }
.svc-log{ display:grid; gap:calc(10 * var(--u)); margin-top:calc(12 * var(--u)); }
.svc-log li{ display:flex; gap:calc(14 * var(--u)); font-size:calc(14 * var(--u)); line-height:calc(18 * var(--u)); color:rgba(255, 255, 255, 0.9); }
.svc-log .mono{ flex:none; font-size:calc(13 * var(--u)); color:#ff9a66; }

/* Accessibility visual */
.svc-browser{
  position:absolute; left:0; top:14.5%; width:78.4%; aspect-ratio:580 / 430;
  border-radius:calc(16 * var(--u)); background:#f3f5f7;
  box-shadow:0 calc(30 * var(--u)) calc(60 * var(--u)) rgba(5, 10, 13, 0.45);
}
.svc-browser__bar{ display:flex; align-items:center; gap:calc(8 * var(--u)); height:calc(40 * var(--u)); padding:0 calc(16 * var(--u)); border-radius:calc(16 * var(--u)) calc(16 * var(--u)) 0 0; background:#e2e7eb; }
.svc-browser__bar i{ flex:none; width:calc(8 * var(--u)); height:calc(8 * var(--u)); border-radius:50%; background:var(--mist); }
.svc-browser__bar span{ margin-left:calc(20 * var(--u)); padding:calc(4 * var(--u)) calc(12 * var(--u)); border-radius:var(--r-pill); background:var(--white); font-size:calc(11 * var(--u)); line-height:calc(14 * var(--u)); color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.svc-browser__head{ display:flex; justify-content:space-between; align-items:center; margin:calc(18 * var(--u)) calc(24 * var(--u)) 0; padding:calc(5 * var(--u)) calc(12 * var(--u)); border-radius:calc(6 * var(--u)); background:var(--white); font-size:calc(13 * var(--u)); line-height:calc(17 * var(--u)); }
.svc-browser__cart svg{ display:block; width:calc(16 * var(--u)); height:calc(16 * var(--u)); color:var(--muted); }
.svc-browser__body{ display:grid; grid-template-columns:250fr 258fr; gap:calc(24 * var(--u)); padding:calc(18 * var(--u)) calc(24 * var(--u)); }
.svc-browser__img{ display:grid; place-items:center; aspect-ratio:1; border-radius:calc(12 * var(--u)); background:#d9dee2; }
.svc-browser__img svg{ display:block; width:68%; height:auto; }
.svc-browser__info{ display:flex; flex-direction:column; align-items:flex-start; gap:calc(6 * var(--u)); }
.svc-browser__info b{ font-size:calc(20 * var(--u)); font-weight:600; line-height:1.2; letter-spacing:-0.01em; }
.svc-browser__info small{ font-size:calc(13 * var(--u)); line-height:calc(17 * var(--u)); color:var(--muted); }
.svc-browser__info strong{ margin-top:calc(10 * var(--u)); font-size:calc(28 * var(--u)); font-weight:600; line-height:1.1; }
.svc-browser__btn{ margin-top:calc(12 * var(--u)); padding:calc(12 * var(--u)) calc(20 * var(--u)); border-radius:var(--r-pill); background:#f4a27a; color:var(--white); font-size:calc(14 * var(--u)); font-weight:600; line-height:calc(18 * var(--u)); white-space:nowrap; }
.svc-browser__info i{ display:block; width:92%; height:calc(8 * var(--u)); margin-top:calc(8 * var(--u)); border-radius:calc(4 * var(--u)); background:#e2e7eb; }
.svc-browser__info i:first-of-type{ margin-top:calc(18 * var(--u)); }
.svc-browser__info i:nth-of-type(2){ width:74%; }
.svc-browser__info i:nth-of-type(3){ width:82%; }
.svc-mark{
  position:absolute; display:grid; place-items:center; width:calc(26 * var(--u)); height:calc(26 * var(--u));
  margin:calc(-13 * var(--u)) 0 0 calc(-13 * var(--u)); border-radius:50%;
  background:var(--signal-btn); color:var(--white); font-family:var(--mono); font-size:calc(12 * var(--u)); font-weight:500; line-height:1;
  box-shadow:0 0 0 calc(6 * var(--u)) rgba(233, 80, 6, 0.25);
}
.svc-score{
  position:absolute; right:0; top:0; display:grid; gap:calc(10 * var(--u)); width:calc(250 * var(--u));
  padding:calc(18 * var(--u)) calc(20 * var(--u)); border-radius:calc(18 * var(--u)); background:var(--white);
  box-shadow:0 calc(20 * var(--u)) calc(40 * var(--u)) rgba(5, 10, 13, 0.4);
}
.svc-score .svc-card__top{ font-size:calc(13 * var(--u)); }
.svc-score__val{ display:flex; align-items:baseline; gap:calc(8 * var(--u)); }
.svc-score__val b{ font-size:calc(34 * var(--u)); font-weight:600; line-height:1.1; letter-spacing:-0.03em; }
.svc-score__val small{ font-size:calc(13 * var(--u)); color:var(--muted); }
.svc-score__bar{ display:block; height:calc(6 * var(--u)); border-radius:calc(3 * var(--u)); background:var(--paper); overflow:hidden; }
.svc-score__bar i{ display:block; width:calc(var(--v) * 1%); height:100%; border-radius:inherit; background:var(--signal); transform-origin:left; }
.svc-vis--a11y .svc-card--dark{ left:40.5%; top:70.5%; width:59.5%; }

/* Hero josla: garš teksts šaurā kolonnā pārnesas, nevis iet pāri blakus kolonnai. */
.svc-hero .rd-hero__bar > div{ min-width:0; }
.svc-hero .rd-hero__bar dd{ overflow-wrap:break-word; }

/* ---------- Steps on slate ---------- */
.svc-proc--slate .rd-proc__glow--b{ --gc:rgba(6, 10, 13, 0.5); }
.svc-proc--slate .sec-head .label{ color:var(--white); }
.svc-proc--slate .sec-head__aside{ color:rgba(255, 255, 255, 0.82); }
.svc-proc--slate .rd-step__day{ color:#ffb08a; }
.svc-proc--slate .rd-step__text{ color:rgba(255, 255, 255, 0.82); }
.svc-proc--slate .rd-step__num{ background:#2b4352; border-color:rgba(255, 255, 255, 0.22); }
.svc-proc--slate .rd-step{ border-top-color:rgba(255, 255, 255, 0.14); }
html.js:not(.reduced) .svc-proc--slate .rd-step.is-final:not(.is-lit) .rd-step__num{ background:#2b4352; border-color:rgba(255, 255, 255, 0.22); }
.svc-proc--slate .rd-step.is-lit .rd-step__num{ background:#3d2a22; }
.svc-proc--slate .rd-step.is-final.is-lit .rd-step__num{ background:var(--signal); border-color:var(--signal); }

/* ---------- Sample document (responsive, readable on phones) ---------- */
.svc-doc-wrap{ scroll-margin-top:120px; }
.svc-doc{ margin:0; padding:44px 48px 24px; border-radius:20px; background:var(--white); color:var(--ink); box-shadow:0 40px 80px rgba(5, 10, 13, 0.5); }
.svc-doc.noise::after{ opacity:0.05; }
.svc-doc__head{ display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.svc-doc__kicker{ display:block; font-size:14px; font-weight:500; line-height:18px; color:var(--muted); }
.svc-doc__domain{ display:block; margin-top:4px; font-size:30px; font-weight:600; line-height:1.3; letter-spacing:-0.02em; overflow-wrap:anywhere; }
.svc-doc__chip{ flex:none; margin-top:4px; padding:6px 12px; border-radius:var(--r-pill); background:var(--paper); font-size:12px; line-height:16px; }
.svc-doc__kpis{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; margin:22px 0 0; padding-top:22px; border-top:1px solid rgba(6, 10, 13, 0.1); }
.svc-doc__kpis dt{ font-size:14px; line-height:18px; color:var(--muted); }
.svc-doc__kpis dd{ margin:6px 0 0; font-size:clamp(28px, 1.2vw + 18px, 40px); font-weight:600; line-height:1.15; letter-spacing:-0.03em; white-space:nowrap; }
.svc-doc__kpis .is-accent dd{ color:var(--signal); }
.svc-doc__block{ margin-top:22px; padding-top:22px; border-top:1px solid rgba(6, 10, 13, 0.1); }
.svc-doc__h{ font-size:14px; font-weight:600; line-height:18px; }
.svc-doc__table{ width:100%; margin-top:14px; border-collapse:collapse; table-layout:fixed; text-align:left; }
.svc-doc__table th{ padding:0 10px 8px 0; border-bottom:1px solid rgba(6, 10, 13, 0.1); font-family:var(--mono); font-size:12px; font-weight:400; line-height:16px; color:var(--muted); }
.svc-doc__table td{ padding:13px 10px 14px 0; font-size:15px; line-height:20px; vertical-align:middle; }
.svc-doc__table tbody tr + tr td{ border-top:1px solid rgba(6, 10, 13, 0.1); }
.svc-doc__table th:last-child, .svc-doc__table td:last-child{ padding-right:0; text-align:right; }
.svc-doc__table td:last-child{ font-family:var(--mono); font-size:14px; white-space:nowrap; }
.svc-doc__table--c3 th:nth-child(1){ width:20%; }
.svc-doc__table--c3 th:nth-child(3){ width:14%; }
.svc--reklamas .svc-doc__table th:nth-child(1){ width:36%; }
.svc--reklamas .svc-doc__table th:nth-child(2), .svc--reklamas .svc-doc__table th:nth-child(3){ width:18%; }
.svc--reklamas .svc-doc__table td:not(:first-child){ font-family:var(--mono); font-size:14px; }
.svc--reklamas .svc-doc__table td:last-child{ color:var(--signal-text); }
.svc--pieklustamiba .svc-doc__table th:nth-child(1){ width:15%; }
.svc--pieklustamiba .svc-doc__table th:nth-child(3){ width:20%; }
.svc--pieklustamiba .svc-doc__table th:nth-child(4){ width:12%; }
.svc--pieklustamiba .svc-doc__table td:nth-child(3){ font-size:14px; color:var(--muted); }
.svc-doc .rd-sev{ --u:1px; }
.svc-doc .rd-sev--crit{ background:var(--signal-btn); }
.svc-doc__list{ display:grid; gap:12px; margin-top:14px; }
.svc-doc__list li{ display:flex; align-items:center; gap:14px; font-size:15px; line-height:20px; }
.svc-doc .svc-chip{ min-width:76px; padding:3px 8px; border-radius:6px; font-size:11px; line-height:14px; }
.svc-doc .svc-chip--2{ background:var(--paper); color:var(--ink); }
.svc-doc__sum{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:24px; padding:20px 24px; border-radius:14px; background:var(--ink); color:var(--white); font-size:15px; font-weight:500; line-height:20px; }
.svc-doc__sum .mono{ flex:none; font-size:13px; color:#ff9a66; }

/* ---------- Prices ---------- */
.svc-packs .price-card__price--word strong{ font-size:clamp(40px, 1.4vw + 22px, 52px); }
.svc-packs .price-card__price small{ align-self:baseline; }
.svc-packs .price-card__price > span{ white-space:nowrap; }

/* ---------- Responsive ---------- */
@media (max-width: 1024px){
  .svc-vis{ --u:calc(100cqw / 740); width:100%; }
  .svc-doc{ padding:28px 22px 18px; border-radius:16px; }
  .svc-doc__domain{ font-size:24px; }
}
@media (max-width: 640px){
  .svc-doc__head{ flex-direction:column-reverse; gap:10px; }
  .svc-doc__kpis{ grid-template-columns:repeat(2, minmax(0, 1fr)); row-gap:18px; }
  .svc-doc__kpis > div:last-child{ grid-column:1 / -1; }
  .svc-doc__kpis dd{ font-size:30px; }
  .svc-doc__table thead{ display:none; }
  .svc-doc__table, .svc-doc__table tbody, .svc-doc__table tr, .svc-doc__table td{ display:block; width:auto; }
  .svc-doc__table tr{ display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:6px 12px; padding:14px 0; border-top:1px solid rgba(6, 10, 13, 0.1); }
  .svc-doc__table tbody tr:first-child{ border-top:0; padding-top:4px; }
  .svc-doc__table tbody tr + tr td{ border-top:0; }
  .svc-doc__table td{ padding:0; text-align:left; }
  .svc-doc__table td:first-child{ grid-column:1; grid-row:1; }
  .svc-doc__table td:last-child{ grid-column:2; grid-row:1; text-align:right; }
  .svc-doc__table td:not(:first-child):not(:last-child){ grid-column:1 / -1; }
  .svc--reklamas .svc-doc__table td:not(:first-child):not(:last-child)::before{ content:attr(data-label) ": "; font-family:var(--font); color:var(--muted); }
  .svc-doc__list li{ align-items:flex-start; }
  .svc-doc__sum{ flex-direction:column; align-items:flex-start; gap:6px; padding:16px 18px; }
}