/* ==========================================================================
   DPF-PRO — viens stila fails visai lapai.

   TEKSTS, PIEDĀVĀJUMI UN SADAĻU SECĪBA IR TĀDA PATI KĀ VECAJĀ LAPĀ.
   Šeit mainās tikai tas, kā tas izskatās.
   Zīmola krāsas (sarkans, oranžs) pārņemtas no vecās lapas — nav izdomātas.
   ========================================================================== */

:root{
  --tumss:#14161A;          /* grafīts — tumšo sadaļu fons */
  --tumss-2:#1C1F24;
  --fons:#F4F4F2;           /* auksti pelēks */
  --balts:#FFFFFF;
  --teksts:#3A3E45;
  --blavs:#71767E;
  --sarkans:#E01B24;        /* zīmola krāsa — no vecās lapas */
  --sarkans-t:#B8141C;
  --oranzs:#F5A623;         /* ikonu akcents — no vecās lapas */
  --linija:rgba(20,22,26,.12);
  --linija-g:rgba(255,255,255,.15);
  --platums:1220px;
  --r:10px;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}

body{
  background:var(--fons);color:var(--teksts);
  font-family:'Archivo',-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased;
  padding-bottom:66px;
}
@media(min-width:781px){body{padding-bottom:0}}

img{max-width:100%;height:auto;display:block}
a{color:var(--sarkans);text-decoration:none}
a:hover{text-decoration:underline}
.mono{font-family:'IBM Plex Mono',ui-monospace,monospace}
.ietvars{max-width:var(--platums);margin:0 auto;padding:0 24px}

h1,h2,h3{color:var(--tumss);font-weight:800;letter-spacing:-.03em;line-height:1.1}
h1{font-size:clamp(31px,5vw,54px)}
h2{font-size:clamp(27px,3.8vw,40px)}
h3{font-size:clamp(19px,2.1vw,22px);line-height:1.28}

.acs{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.19em;
  text-transform:uppercase;color:var(--sarkans);font-weight:600;margin-bottom:13px}

/* ---------- GALVENE ---------- */
.galvene{background:var(--balts);border-bottom:1px solid var(--linija);
  position:sticky;top:0;z-index:60}
.galvene .ietvars{display:flex;align-items:center;justify-content:space-between;
  gap:18px;min-height:72px}
.zimols{display:flex;align-items:center;gap:7px;font-size:24px;font-weight:900;
  letter-spacing:-.045em;color:var(--tumss)}
.zimols:hover{text-decoration:none}
.zimols img,.zīmols img{height:52px;width:auto;display:block}
@media(max-width:600px){.zimols img,.zīmols img{height:42px}}
.zimols i{width:8px;height:8px;background:var(--sarkans);display:block}
.izvelne{display:flex;align-items:center;gap:28px}
.izvelne a{font-family:'IBM Plex Mono',monospace;font-size:12.5px;
  letter-spacing:.13em;text-transform:uppercase;color:var(--blavs);font-weight:500}
.izvelne a:hover{color:var(--sarkans);text-decoration:none}
.g-tel{display:none;font-size:21px;font-weight:900;color:var(--tumss);
  letter-spacing:-.02em;white-space:nowrap}
.g-tel:hover{color:var(--sarkans);text-decoration:none}
@media(min-width:781px){.g-tel{display:block}}
@media(max-width:780px){.izvelne a.slept{display:none}}

/* ---------- POGAS ---------- */
.poga{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  background:var(--sarkans);color:#fff;font-weight:800;font-size:16.5px;
  padding:16px 30px;border:0;border-radius:4px;cursor:pointer;line-height:1.2;
  text-align:center;transition:background .15s ease;letter-spacing:-.01em}
.poga:hover{background:var(--sarkans-t);color:#fff;text-decoration:none}
.poga-2{background:transparent;color:var(--tumss);
  border:1.5px solid rgba(20,22,26,.24)}
.poga-2:hover{background:rgba(20,22,26,.05);color:var(--tumss)}
.poga-g{background:transparent;color:#fff;border:1.5px solid var(--linija-g)}
.poga-g:hover{background:rgba(255,255,255,.1);color:#fff}

/* ---------- VIRSAINA ---------- */
.virsaina{position:relative;background:var(--tumss);color:#fff;overflow:hidden}
.virsaina img.fons{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;opacity:.85}
/* Pārklājums pa kreisi paliek tumšs (tur ir teksts), pa labi kļūst gaišāks,
   lai fotogrāfija būtu labāk saskatāma. */
.virsaina::after{content:"";position:absolute;inset:0;
  background:linear-gradient(96deg,#14161A 4%,rgba(20,22,26,.88) 50%,rgba(20,22,26,0) 100%)}
.virsaina .ietvars{position:relative;z-index:2;padding-top:80px;padding-bottom:72px}
.virsaina h1{color:#fff;max-width:21ch;text-wrap:balance}
.v-zem{font-size:clamp(17px,2vw,20px);color:rgba(255,255,255,.78);
  margin-top:20px;max-width:52ch}
.v-pogas{display:flex;flex-wrap:wrap;gap:13px;margin-top:34px}
.v-fakti{display:flex;flex-wrap:wrap;gap:12px 30px;margin-top:40px;
  padding-top:28px;border-top:1px solid var(--linija-g)}
.v-fakts{display:flex;align-items:center;gap:9px;font-size:14.5px;
  color:rgba(255,255,255,.85);font-weight:600}
.ikn{flex:0 0 auto;width:17px;height:17px}

/* ---------- SEKCIJAS ---------- */
.sekcija{padding:74px 0}
.balta{background:var(--balts);border-top:1px solid var(--linija);
  border-bottom:1px solid var(--linija)}
.galva{max-width:60ch;margin-bottom:44px}
.galva p{margin-top:15px;font-size:17.5px}

/* ---------- DIVAS KOLONNAS ---------- */
.divi{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
@media(min-width:900px){.divi{grid-template-columns:1.04fr .96fr;gap:60px}}

/* ---------- ĶEKSĪŠU SARAKSTS ---------- */
.keksi{list-style:none;display:grid;grid-template-columns:1fr;gap:13px;
  margin-top:26px}
@media(min-width:620px){.keksi{grid-template-columns:1fr 1fr;gap:13px 28px}}
.keksi li{display:flex;align-items:flex-start;gap:11px;font-size:16.5px;
  line-height:1.45;font-weight:500;color:var(--tumss)}
.keksi svg{flex:0 0 auto;width:19px;height:19px;margin-top:3px}

/* ---------- CITĀTS ---------- */
.citats{background:var(--fons);border-left:4px solid var(--sarkans);
  padding:24px 28px;margin-top:34px;font-size:18px;font-style:italic;
  color:var(--tumss);font-weight:500;line-height:1.5}

/* ---------- PIEREDZE ---------- */
.pieredze{display:flex;align-items:center;gap:16px;margin-top:32px}
.pieredze b{font-size:76px;font-weight:900;color:var(--sarkans);
  letter-spacing:-.05em;line-height:.85}
.pieredze span{font-size:21px;font-weight:800;color:var(--tumss);
  line-height:1.2;letter-spacing:-.02em}

/* ---------- CENAS ---------- */
.zvaigznite{font-family:'IBM Plex Mono',monospace;font-size:12.5px;
  letter-spacing:.07em;text-transform:uppercase;color:var(--sarkans);
  font-weight:600;margin-top:12px;line-height:1.55;max-width:82ch}
.cenas{display:grid;grid-template-columns:1fr;gap:18px;margin-top:38px}
@media(min-width:640px){.cenas{grid-template-columns:1fr 1fr}}
@media(min-width:1040px){.cenas{grid-template-columns:repeat(4,1fr);gap:16px}}
.cena{background:var(--balts);border:1px solid var(--linija);border-radius:var(--r);
  display:flex;flex-direction:column;overflow:hidden}
.cena .lente{height:5px;background:rgba(20,22,26,.18)}
.cena.izcelt{border:2px solid var(--sarkans);
  box-shadow:0 16px 40px rgba(224,27,36,.10)}
.cena.izcelt .lente{background:var(--sarkans)}
.cena .iekša{padding:26px 22px 24px;display:flex;flex-direction:column;flex:1}
.birka{align-self:flex-start;background:var(--sarkans);color:#fff;
  font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;padding:5px 9px;
  border-radius:3px;margin-bottom:13px}
.cena h3{margin-bottom:14px;min-height:3.4em;font-size:19.5px}
.cena .summa{font-size:38px;font-weight:900;color:var(--sarkans);
  letter-spacing:-.045em;line-height:1;padding-bottom:20px;margin-bottom:20px;
  border-bottom:1px solid var(--linija)}
.cena ul{list-style:none;display:flex;flex-direction:column;gap:11px;
  margin-bottom:24px;flex:1}
.cena li{display:flex;align-items:flex-start;gap:10px;font-size:15.5px;
  line-height:1.45}
.cena li svg{flex:0 0 auto;width:15px;height:15px;margin-top:4px}
.cena .poga{width:100%;font-family:'IBM Plex Mono',monospace;font-size:13px;
  letter-spacing:.12em;text-transform:uppercase}

/* ---------- SKAITĪTĀJI ---------- */
.skaititaji{display:grid;grid-template-columns:1fr;gap:1px;background:var(--linija);
  border:1px solid var(--linija);border-radius:var(--r);overflow:hidden;
  margin-top:44px}
@media(min-width:700px){.skaititaji{grid-template-columns:repeat(3,1fr)}}
.sk{background:var(--balts);padding:32px 26px;text-align:center}
.sk b{display:block;font-size:52px;font-weight:900;color:var(--sarkans);
  letter-spacing:-.045em;line-height:1}
.sk span{display:block;font-size:15.5px;font-weight:700;color:var(--tumss);
  margin-top:10px;line-height:1.35}
.menedzeris{display:flex;align-items:center;gap:18px;margin-top:22px;
  background:var(--balts);border:1px solid var(--linija);border-radius:var(--r);
  padding:20px 24px;flex-wrap:wrap}
.menedzeris img{width:62px;height:62px;border-radius:50%;object-fit:cover;
  flex:0 0 auto}
.menedzeris p{font-size:17px;line-height:1.45}
.menedzeris p b{display:block;color:var(--sarkans);font-weight:800;font-size:18px}

/* ---------- GOOGLE REITINGS ---------- */
.reitings{display:flex;align-items:center;gap:28px;flex-wrap:wrap;
  background:var(--balts);border:1px solid var(--linija);border-radius:var(--r);
  padding:28px 32px}
.reitings .cip{display:flex;flex-direction:column}
.reitings .cip b{font-size:54px;font-weight:900;letter-spacing:-.05em;
  color:var(--tumss);line-height:1}
.zvaigznes{display:flex;gap:3px;margin-top:8px}
.zvaigznes svg{width:20px;height:20px}
.reitings .kur{font-size:15.5px;color:var(--blavs);line-height:1.5}
.reitings .kur b{display:block;color:var(--tumss);font-size:17px;font-weight:800;
  margin-bottom:3px}

/* ---------- B2B ---------- */
.b2b{display:grid;grid-template-columns:1fr;gap:34px;align-items:center;
  background:var(--tumss);border-radius:var(--r);padding:46px 42px}
@media(min-width:860px){.b2b{grid-template-columns:1.25fr .75fr;gap:48px}}
.b2b h2{color:#fff;max-width:20ch}
.b2b .tel-rinda{display:flex;align-items:center;gap:14px;margin-top:24px}
.b2b .tel-rinda .sv{width:36px;height:2px;background:#fff;flex:0 0 auto}
.b2b .tel-rinda a{color:var(--sarkans);font-size:19px;font-weight:800}

/* ---------- BUJ ---------- */
.buj-redze{display:grid;grid-template-columns:1fr;gap:44px}
@media(min-width:900px){.buj-redze{grid-template-columns:.92fr 1.08fr;gap:54px}}
.uzsvars{background:var(--sarkans);color:#fff;border-radius:var(--r);
  padding:26px 28px;margin-bottom:24px}
.uzsvars h3{color:#fff;font-size:19px;margin-bottom:12px}
.uzsvars p{font-size:16px;line-height:1.6;color:rgba(255,255,255,.95)}
.buj{border-top:1px solid var(--linija)}
.buj details{border-bottom:1px solid var(--linija);background:var(--balts)}
.buj summary{cursor:pointer;list-style:none;padding:20px 48px 20px 22px;
  font-size:17px;font-weight:700;color:var(--tumss);position:relative}
.buj summary::-webkit-details-marker{display:none}
.buj summary::after{content:"";position:absolute;right:22px;top:50%;
  width:10px;height:10px;margin-top:-7px;
  border-right:2.4px solid var(--sarkans);border-bottom:2.4px solid var(--sarkans);
  transform:rotate(45deg);transition:transform .18s ease}
.buj details[open] summary{color:var(--sarkans)}
.buj details[open] summary::after{transform:rotate(-135deg);margin-top:-3px}
.buj .atb{padding:0 22px 22px;font-size:16.5px;line-height:1.62}

/* ---------- RAKSTI ---------- */
.raksti{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:700px){.raksti{grid-template-columns:repeat(3,1fr)}}
.rk{background:var(--balts);border:1px solid var(--linija);border-radius:var(--r);
  display:flex;flex-direction:column;overflow:hidden}
.rk .lente{height:5px;background:var(--sarkans);width:58px}
.rk .iekša{padding:24px 22px 22px;display:flex;flex-direction:column;flex:1}
.rk .meta{display:flex;flex-wrap:wrap;gap:16px;font-family:'IBM Plex Mono',monospace;
  font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--blavs);
  font-weight:600}
.rk .meta span{display:flex;align-items:center;gap:6px}
.rk .meta svg{width:13px;height:13px;color:var(--sarkans)}
.rk h3{margin:14px 0 11px;font-size:19.5px}
.rk h3 a{color:var(--tumss)}
.rk h3 a:hover{color:var(--sarkans);text-decoration:none}
.rk p{font-size:15.5px;color:var(--blavs);flex:1;line-height:1.55}
.rk .turpinat{margin-top:20px;font-family:'IBM Plex Mono',monospace;font-size:12px;
  letter-spacing:.14em;text-transform:uppercase;font-weight:600;
  display:inline-flex;align-items:center;gap:7px}

/* ---------- KARTE ---------- */
.karte{border:0;width:100%;height:400px;display:block;filter:grayscale(.3)}

/* ---------- JAUNUMI ---------- */
.jaunumi{background:var(--tumss-2);border-radius:var(--r);padding:34px;
  display:grid;grid-template-columns:1fr;gap:22px;align-items:center}
@media(min-width:820px){.jaunumi{grid-template-columns:1fr 1fr;gap:38px}}
.jaunumi h3{color:#fff;font-size:22px}
.jaunumi form{display:flex}
.jaunumi input{flex:1;min-width:0;padding:16px 18px;font-size:16px;
  font-family:inherit;border:0;border-radius:4px 0 0 4px;background:#fff;
  color:var(--tumss)}
.jaunumi input:focus{outline:2px solid var(--sarkans);outline-offset:-2px}
.jaunumi .poga{border-radius:0 4px 4px 0;padding:16px 22px;font-size:12.5px;
  letter-spacing:.12em;text-transform:uppercase;font-family:'IBM Plex Mono',monospace}

/* ---------- FORMA ---------- */
.forma{background:var(--balts);border:1px solid var(--linija);
  border-radius:var(--r);padding:34px 32px;max-width:640px}
.lauks{margin-bottom:20px}
.lauks label{display:block;font-size:14.5px;font-weight:800;color:var(--tumss);
  margin-bottom:7px}
.lauks label i{color:var(--sarkans);font-style:normal}
.lauks input,.lauks select,.lauks textarea{width:100%;padding:14px 16px;
  font-size:16.5px;font-family:inherit;color:var(--tumss);background:var(--fons);
  border:1.5px solid var(--linija);border-radius:5px}
.lauks input:focus,.lauks select:focus,.lauks textarea:focus{
  outline:none;border-color:var(--sarkans);background:#fff}
.lauks textarea{min-height:110px;resize:vertical}
.lauks small{display:block;margin-top:6px;font-size:13.5px;color:var(--blavs)}
.piekris{display:flex;gap:11px;align-items:flex-start;margin-bottom:24px;
  font-size:14.5px;color:var(--blavs);line-height:1.5}
.piekris input{width:20px;height:20px;flex:0 0 auto;margin-top:2px;
  accent-color:var(--sarkans)}
.slepts{position:absolute;left:-9999px}
.zina{padding:15px 18px;border-radius:5px;margin-bottom:22px;font-size:15.5px}
.zina-ok{background:#E7F6EC;border:1px solid #9FD8B4;color:#1B5E32}
.zina-slikti{background:#FDECEA;border:1px solid #F0B3AC;color:#8A2118}

/* ---------- RAKSTA LAPA ---------- */
.raksta-galva{background:var(--tumss);color:#fff;padding:56px 0 46px}
.raksta-galva h1{color:#fff;max-width:24ch}
.raksta-meta{font-family:'IBM Plex Mono',monospace;font-size:12px;
  letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.6);
  margin-top:18px}
.saturs{max-width:740px;padding:44px 0 24px;font-size:17.5px}
.saturs p{margin-bottom:22px}
.saturs h2{margin:42px 0 16px}
.saturs ul,.saturs ol{margin:0 0 24px 22px}
.saturs li{margin-bottom:9px}
.saturs blockquote{border-left:4px solid var(--sarkans);padding:4px 0 4px 22px;
  margin:28px 0;color:var(--tumss);font-style:italic;font-weight:500}
.saturs strong{color:var(--tumss)}
.cta{background:var(--tumss);color:#fff;border-radius:var(--r);
  padding:34px 32px;margin:42px 0}
.cta h3{color:#fff;margin-bottom:11px}
.cta p{color:rgba(255,255,255,.76);margin-bottom:24px;font-size:16.5px}

/* ---------- KĀJENE ---------- */
.kajene{background:var(--tumss);color:rgba(255,255,255,.7);
  padding:58px 0 28px;font-size:15.5px}
.k-redze{display:grid;grid-template-columns:1fr;gap:38px;padding-bottom:38px;
  border-bottom:1px solid var(--linija-g)}
@media(min-width:760px){.k-redze{grid-template-columns:repeat(3,1fr)}}
.kajene h4{color:#fff;font-family:'IBM Plex Mono',monospace;font-size:12.5px;
  letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px;font-weight:600}
.kajene a{color:rgba(255,255,255,.8)}
.kajene a:hover{color:var(--sarkans)}
.kajene .liels{font-size:27px;font-weight:900;color:var(--sarkans);
  letter-spacing:-.03em;display:inline-block;margin:10px 0}
.kajene ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.k-laiks{display:flex;justify-content:space-between;gap:16px}
.k-laiks span:last-child{color:rgba(255,255,255,.55);white-space:nowrap}
.soc{display:flex;gap:11px;margin-top:22px}
.soc a{width:38px;height:38px;border:1px solid var(--linija-g);border-radius:50%;
  display:flex;align-items:center;justify-content:center}
.soc a:hover{background:var(--sarkans);border-color:var(--sarkans)}
.soc svg{width:17px;height:17px}
.k-apaksa{padding-top:24px;font-size:13.5px;color:rgba(255,255,255,.45);
  text-align:center}

/* ---------- MOBILĀ ZVANA JOSLA ---------- */
.zvans{position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;
  border-top:1px solid var(--linija);background:var(--balts)}
.zvans a{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;
  padding:18px 10px;font-weight:800;font-size:16px;color:var(--tumss)}
.zvans a:hover{text-decoration:none}
.zvans a.galv{background:var(--sarkans);color:#fff}
.zvans svg{width:18px;height:18px}
@media(min-width:781px){.zvans{display:none}}


/* ==========================================================================
   PARĀDĪŠANĀS ANIMĀCIJAS
   Elementi paceļas un parādās, kad ienāk ekrānā. Tikai opacity un transform.
   Bez JS lapa ir pilnībā lasāma — .redzams tiek uzlikts tikai tad, ja JS strādā
   (skat. skats.js), un @media zemāk to atceļ tiem, kas animācijas negrib.
   ========================================================================== */

html.js [data-parādās]{opacity:0;transform:translateY(22px);
  transition:opacity .62s cubic-bezier(.22,.61,.36,1),
             transform .62s cubic-bezier(.22,.61,.36,1)}
html.js [data-parādās].redzams{opacity:1;transform:none}

/* Pakāpeniska kavēšanās — kartītes nenāk visas vienā mirklī */
html.js [data-kavē="1"]{transition-delay:.07s}
html.js [data-kavē="2"]{transition-delay:.14s}
html.js [data-kavē="3"]{transition-delay:.21s}
html.js [data-kavē="4"]{transition-delay:.28s}

/* Virsainas saturs — nāk uzreiz, ne pēc ritināšanas */
.virsaina .acs,.virsaina h1,.virsaina .v-zem,
.virsaina .v-pogas,.virsaina .v-fakti{
  animation:parādās .7s cubic-bezier(.22,.61,.36,1) both}
.virsaina h1{animation-delay:.06s}
.virsaina .v-zem{animation-delay:.14s}
.virsaina .v-pogas{animation-delay:.22s}
.virsaina .v-fakti{animation-delay:.30s}
@keyframes parādās{from{opacity:0;transform:translateY(20px)}
                   to{opacity:1;transform:none}}

/* Virsainas fona bilde lēnām pietuvojas — gandrīz nemanāmi */
.virsaina img.fons{animation:tuvāk 14s ease-out both}
@keyframes tuvāk{from{transform:scale(1.07)}to{transform:scale(1)}}

/* Skaitītāju cipari — mazliet uzsvērtāk */
.sk b{transition:transform .5s cubic-bezier(.34,1.4,.64,1)}
[data-parādās].redzams .sk b{transform:none}

/* Pogas un kartītes uz peles */
.poga{transition:background .15s ease,transform .15s ease}
.poga:active{transform:translateY(1px)}
.cena{transition:transform .22s ease,box-shadow .22s ease}
.cena:hover{transform:translateY(-4px)}
.cena:not(.izcelt):hover{box-shadow:0 14px 34px rgba(20,22,26,.10)}
.rk{transition:transform .22s ease,box-shadow .22s ease}
.rk:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(20,22,26,.10)}
.buj .atb{animation:atveras .28s ease both}
@keyframes atveras{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}

/* Kam nepatīk kustība — tam tās nav. Nekādu izņēmumu. */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;scroll-behavior:auto !important}
  [data-parādās]{opacity:1 !important;transform:none !important}
}

/* ---------- IKSUM izstrādātāja norāde (kājenes apakšā) ---------- */
.iksum-rinda{margin-top:14px}
.iksum-kredits{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  font-size:13px;line-height:1;color:rgba(255,255,255,.72)}
.iksum-kredits a{display:inline-flex;align-items:center;padding:5px;margin:-5px;
  border-radius:4px;color:inherit}
.iksum-kredits a:hover{text-decoration:none;opacity:.85}
.iksum-kredits a:focus-visible{outline:2px solid var(--sarkans);outline-offset:1px}
.iksum-kredits img{display:block;width:auto;height:22px;max-width:none}
.iksum-gaiss .iksum-kredits{color:var(--teksts)}