/* =========================================================================
   dizainsweb jaunais stils (v3) · Figma "Jaunais stils" (2214:841), 30.10.2026
   Globālais slānis pēc base.css + components.css: tokeni, tipogrāfija, pogas,
   sekciju ritms, galvene, mega izvēlne, mobilā izvēlne, CTA, kājene, sīkdatnes, BUJ.
   Animācijas: tikai transform un opacity, ease cubic-bezier(.16,1,.3,1), reduced-motion = gala stāvoklis.
   ========================================================================= */

@font-face{
  font-family:"Host Grotesk";
  src:url("../fonts/HostGrotesk-latin-ext.woff2") format("woff2");
  font-weight:300 800; font-style:normal; font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"Host Grotesk";
  src:url("../fonts/HostGrotesk-latin.woff2") format("woff2");
  font-weight:300 800; font-style:normal; font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  /* Tola palete (Figma mainīgie) */
  --ink:#111315;
  --ink-2:#1a1d20;
  --ink-3:#22262a;
  --muted:#666b71;
  --line:#dee1e4;
  --line-light:#dee1e4;
  --panel:#f4f5f6;
  --canvas:#e9ecef;
  --paper:#e9ecef;
  --btn-2:#e8ebee;
  --btn-2-hover:#dde1e5;
  --on-black-muted:#9aa0a6;
  --signal-soft:#f4834a;      /* gaišais oranžais akcents */
  --signal:#e95006;           /* logo oranžais: hover un mazi akcenti */
  --signal-text:#c24105;
  --signal-btn:#111315;
  --signal-btn-hover:#e95006;
  --sky:#cfe3ff; --sky-2:#9ec3f5;
  --peach:#ffd8c2;
  --butter:#fff5c7; --butter-2:#ffe681;
  --lilac:#bfb1ff; --lilac-2:#9c8af2; --purple:#8d78e6;
  --mint:#cbead7; --mint-2:#9fd8b5;
  --slate:#345163;
  --mist:#bbcdda;

  --font:"Host Grotesk", "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --fs-h1:clamp(32px, 1.25vw + 24px, 48px);
  --fs-h1-sub:clamp(30px, 1.1vw + 22px, 44px);
  --fs-h2:clamp(26px, 0.55vw + 21px, 34px);
  --fs-h2-xl:clamp(28px, 0.8vw + 21px, 38px);
  --fs-h3:clamp(21px, 0.35vw + 18px, 26px);
  --fs-h4:clamp(18px, 0.15vw + 17px, 20px);
  --fs-lead:clamp(16px, 0.1vw + 15px, 17px);
  --fs-body:15px;
  --fs-small:13px;
  --fs-big:clamp(48px, 2.2vw + 30px, 72px);

  --container:1500px;
  --gutter:clamp(20px, 3.4vw, 40px);
  --sec-y:clamp(64px, 5.2vw, 100px);
  --header-h:72px;
  --r-xs:8px;
  --r-sm:12px;
  --r-md:20px;
  --r-lg:24px;
  --r-xl:32px;
  --r-pill:999px;
  --ease-v3:cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out:cubic-bezier(0.16, 1, 0.3, 1);
}

html{ scroll-padding-top:calc(var(--header-h) + 24px); }
body{
  font-family:var(--font);
  font-size:var(--fs-body);
  line-height:1.58;
  color:var(--ink);
  background:var(--white);
  font-weight:400;
}
::selection{ background:var(--signal-soft); color:var(--ink); }
:focus-visible{ outline:2px solid var(--ink); outline-offset:3px; border-radius:6px; }

/* ---------- Tipogrāfija ---------- */
.h1, h1.h1{ font-size:var(--fs-h1); font-weight:500; line-height:1.1; letter-spacing:-0.045em; }
.h2, h2.h2{ font-size:var(--fs-h2); font-weight:500; line-height:1.16; letter-spacing:-0.04em; }
.h2--xl{ font-size:var(--fs-h2-xl); line-height:1.14; letter-spacing:-0.04em; }
.h3{ font-size:var(--fs-h3); font-weight:500; line-height:1.2; letter-spacing:-0.045em; }
.h4{ font-size:var(--fs-h4); font-weight:500; line-height:1.3; letter-spacing:-0.03em; }
.lead{ font-size:var(--fs-lead); line-height:1.56; letter-spacing:-0.012em; color:var(--muted); }
.text-muted{ color:var(--muted); }
.label{ display:inline-block; font-size:var(--fs-small); font-weight:500; line-height:1.5; color:var(--muted); letter-spacing:0; text-transform:none; }
.on-dark .label, .bg-ink .label{ color:var(--on-black-muted); }
.bg-slate .label{ color:var(--white); }
h1 .c-signal, h2 .c-signal, h3 .c-signal, .h1 .c-signal, .h2 .c-signal, .h3 .c-signal,
h1 .c-white, h2 .c-white, h3 .c-white, h1 .c-mist, h2 .c-mist, h3 .c-mist,
.h1 .c-white, .h2 .c-white, .h1 .c-mist, .h2 .c-mist{ color:inherit; }
.c-signal{ color:var(--signal-text); }
.on-dark .c-signal, .bg-ink .c-signal{ color:var(--signal-soft); }
.mono-acc{ font-family:inherit; }
.prose{ font-size:17px; line-height:1.65; color:#2b2f33; }
.prose h2, .prose h3{ font-weight:500; letter-spacing:-0.03em; }
.prose a{ color:var(--signal-text); }

/* ---------- Sekcijas ---------- */
.section{ padding-block:var(--sec-y); }
.bg-paper, .v3-canvas{ background:var(--canvas); }
.bg-panel{ background:var(--panel); }
.bg-ink{ background:var(--ink); color:var(--white); }
.noise::after{ opacity:0.035; }
.bg-paper.noise::after, .bg-white.noise::after, .v3-canvas.noise::after{ opacity:0.045; }

.sec-head{ display:flex; flex-direction:column; align-items:stretch; gap:10px; margin-bottom:clamp(32px, 2.6vw, 50px); }
.sec-head__label{ padding-top:0; }
.sec-head__label .label{ opacity:1; }
.sec-head__main{ display:flex; align-items:flex-end; justify-content:space-between; gap:clamp(24px, 4vw, 80px); }
.sec-head__main > .h2{ max-width:var(--hw, 21em); }
.sec-head__side, .sec-head__aside{ max-width:460px; color:var(--muted); font-size:var(--fs-body); line-height:1.58; }
@media (max-width: 900px){
  .sec-head__main{ flex-direction:column; align-items:flex-start; gap:14px; }
}

/* ---------- Pogas (teksts centrā, bez klikšķa kustības, tikai hover) ---------- */
.btn{
  --h:44px; --pl:20px; --fs:14px;
  --bg:var(--ink); --fg:var(--white); --bd:transparent;
  height:var(--h); padding:0 var(--pl); gap:8px;
  border-radius:var(--r-pill);
  font-family:var(--font); font-size:var(--fs); font-weight:500; line-height:1; letter-spacing:0;
  box-shadow:none !important;
  transition:background-color 200ms var(--ease-v3), color 200ms var(--ease-v3), border-color 200ms var(--ease-v3);
}
.btn--l{ --h:52px; --pl:26px; --fs:15px; }
.btn--m{ --h:46px; --pl:22px; --fs:14px; }
.btn--s{ --h:38px; --pl:17px; --fs:14px; }
.btn:active, .pill-btn:active, .icon-btn:active{ transform:none; }
.btn__label{ display:block; line-height:1; transform:translateY(0); }
.btn .btn__ic, .btn .hd__plus{ width:16px; height:16px; flex:none; }
.btn--primary, .btn--ink{ --bg:var(--ink); --fg:var(--white); }
.btn--secondary, .btn--outline{ --bg:var(--btn-2); --fg:var(--ink); --bd:transparent; }
.btn--white{ --bg:var(--white); --fg:var(--ink); }
.btn--signal{ --bg:var(--signal-soft); --fg:var(--ink); }
@media (hover: hover) and (pointer: fine){
  .btn--primary:hover, .btn--ink:hover{ --bg:var(--signal); --fg:var(--white); }
  .btn--secondary:hover, .btn--outline:hover{ --bg:var(--btn-2-hover); --fg:var(--ink); --bd:transparent; }
  .btn--white:hover{ --bg:var(--panel); }
  .btn--signal:hover{ --bg:var(--signal); --fg:var(--white); }
}
.on-dark .btn--secondary, .bg-ink .btn--secondary, .on-dark .btn--outline, .bg-ink .btn--outline{ --bg:rgba(255,255,255,.1); --fg:var(--white); }
.pill-btn{ height:40px; padding:0 18px; border-radius:var(--r-pill); font-weight:500; font-size:14px; }
.pill-btn--signal, .pill-btn--ink{ background:var(--ink); color:var(--white); }
.pill-btn--signal:hover, .pill-btn--ink:hover{ background:var(--signal); }
.pill-btn--ghost{ background:var(--btn-2); border:0; color:var(--ink); }
.pill-btn--ghost:hover{ background:var(--btn-2-hover); }
.chip{ height:32px; padding:0 13px; border:0; background:var(--panel); border-radius:var(--r-pill); font-size:13px; color:var(--ink); }
.filter, .tabs__btn{ border-radius:var(--r-pill); }
.link-arrow{ font-weight:500; text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1px; }
.link-arrow svg{ display:none; }
.link-arrow:hover{ color:var(--signal); }

/* Ikonu laukumi (pasteļtoņi) */
.v3-tile{ display:inline-grid; place-items:center; width:36px; height:36px; border-radius:10px; background:var(--panel); color:var(--ink); flex:none; }
.v3-tile svg{ width:18px; height:18px; }
.v3-tile--sm{ width:30px; height:30px; border-radius:8px; }
.v3-tile--sm svg{ width:15px; height:15px; }
.v3-tile--sky, .v3-tone--sky{ background:var(--sky); }
.v3-tile--sky2, .v3-tone--sky2{ background:#cfe0fb; }
.v3-tile--peach, .v3-tone--peach{ background:var(--peach); }
.v3-tile--butter, .v3-tone--butter{ background:var(--butter); }
.v3-tile--lilac, .v3-tone--lilac{ background:var(--lilac); }
.v3-tile--mint, .v3-tone--mint{ background:var(--mint); }
.v3-tile--panel{ background:var(--panel); }
.v3-tone--white{ background:var(--white); }

/* Formas lauki gaišajā stilā */
.input, .textarea, .select{ border-radius:var(--r-sm); background:var(--white); border:1px solid var(--line); font-size:15px; }
.input:focus, .textarea:focus, .select:focus{ border-color:var(--ink); box-shadow:none; }

/* =========================================================================
   Galvene
   ========================================================================= */
.hd{
  position:sticky; top:0; z-index:100;
  height:var(--header-h);
  background:rgba(255,255,255,.92);
  -webkit-backdrop-filter:saturate(1.4) blur(14px); backdrop-filter:saturate(1.4) blur(14px);
  border-bottom:1px solid transparent;
  transition:border-color 200ms var(--ease-v3), transform 350ms var(--ease-v3);
}
.admin-bar .hd{ top:32px; }
@media (max-width: 782px){ .admin-bar .hd{ top:46px; } }
.hd.is-scrolled{ border-bottom-color:var(--line); }
.hd__in{ height:100%; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.hd__brand{ display:block; color:var(--ink); flex:none; }
.hd__logo{ height:28px; width:auto; }
.hd__brand .logo-mark{ transition:fill 200ms; }
.hd__nav{ display:flex; align-items:center; gap:28px; }
.hd__link{
  display:inline-flex; align-items:center; gap:4px;
  font-size:14px; font-weight:500; line-height:1; color:var(--ink);
  padding:8px 0; transition:color 180ms var(--ease-v3);
}
.hd__chev{ width:12px; height:12px; transition:transform 250ms var(--ease-v3); }
.hd__link[aria-expanded="true"] .hd__chev{ transform:rotate(180deg); }
.hd__link.is-active, .hd__link[aria-expanded="true"]{ color:var(--signal-soft); }
@media (hover: hover){ .hd__link:hover{ color:var(--signal-soft); } }
.hd-lang{ position:relative; }
.hd .hd-lang__btn{ height:34px; min-width:44px; padding:0 14px; border-radius:var(--r-pill); background:var(--panel); border:0; color:var(--ink); font-size:14px; font-weight:500; display:inline-flex; align-items:center; justify-content:center; transition:background-color 180ms; }
.hd .hd-lang__btn:hover{ background:var(--btn-2-hover); }
.hd-lang__menu{
  position:absolute; top:calc(100% + 8px); right:0; min-width:150px; padding:6px;
  background:var(--white); border:1px solid var(--line); border-radius:var(--r-sm);
  box-shadow:0 18px 40px rgba(17,19,21,.12);
  opacity:0; visibility:hidden; transform:translate3d(0,-4px,0);
  transition:opacity 180ms var(--ease-v3), transform 180ms var(--ease-v3), visibility 0s 180ms;
}
.hd-lang.is-open .hd-lang__menu{ opacity:1; visibility:visible; transform:none; transition-delay:0s; }
.hd-lang__menu a, .hd-lang__menu span{ display:block; padding:9px 12px; border-radius:8px; font-size:14px; }
.hd-lang__menu a:hover{ background:var(--panel); color:var(--signal); }
.hd-lang__menu .is-current{ color:var(--muted); }
.hd__cta{ padding-left:14px; }
.hd__mob{ display:none; align-items:center; gap:8px; }
.hd__burger{ display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:var(--panel); color:var(--ink); }
.hd__burger svg{ width:18px; height:18px; }
@media (max-width: 1100px){
  :root{ --header-h:64px; }
  .hd__nav, .mg, .mg-scrim{ display:none; }
  .hd__mob{ display:flex; }
  .hd__logo{ height:24px; }
}

/* Mega izvēlne (atveras ar klikšķi) */
.mg{ position:absolute; left:0; right:0; top:100%; pointer-events:none; }
.mg__wrap{ display:flex; justify-content:flex-end; }
.mg__panel{
  width:min(720px, 100%); margin-top:6px; padding:28px 28px 22px;
  background:var(--white); border-radius:var(--r-lg);
  box-shadow:0 30px 80px rgba(17,19,21,.16), 0 0 0 1px rgba(17,19,21,.04);
  opacity:0; visibility:hidden; transform:translate3d(0,-8px,0);
  transition:opacity 220ms var(--ease-v3), transform 260ms var(--ease-v3), visibility 0s 260ms;
}
.hd.mega-open .mg{ pointer-events:auto; }
.hd.mega-open .mg__panel{ opacity:1; visibility:visible; transform:none; transition-delay:0s; }
.mg__cols{ display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.mg__label{ font-size:13px; font-weight:500; color:var(--muted); margin:0 0 12px 8px; }
.mg__list{ display:grid; gap:2px; }
.mg__row{ display:flex; align-items:center; gap:12px; padding:5px 8px; border-radius:10px; transition:background-color 160ms var(--ease-v3), color 160ms; }
.mg__row .v3-tile{ width:28px; height:28px; border-radius:7px; }
.mg__row .v3-tile svg{ width:15px; height:15px; }
.mg__name{ flex:1; font-size:14px; font-weight:500; }
.mg__meta{ font-size:13px; color:var(--muted); white-space:nowrap; }
.mg__row:hover, .mg__row:focus-visible{ background:var(--panel); }
.mg__row:hover .mg__name, .mg__row.is-current .mg__name{ color:var(--signal-soft); }
.mg__foot{ display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:24px; padding-top:18px; border-top:1px solid var(--line); }
.mg__foot p{ font-size:13px; color:var(--muted); }
.mg__btns{ display:flex; gap:8px; }
.mg-scrim{ position:fixed; inset:0; z-index:90; background:rgba(17,19,21,.28); opacity:0; visibility:hidden; transition:opacity 220ms var(--ease-v3), visibility 0s 220ms; }
body.mega-open .mg-scrim{ opacity:1; visibility:visible; transition-delay:0s; }

/* Mobilā izvēlne */
/* Atvēršana (30.10.2026): balta lapa atritinās lejup no galvenes, aiz tās viegli satumst,
   punkti ieslīd pa vienam, krustiņš ieskrienas pagriezienā. Tikai transform un opacity. */
.mn{
  position:fixed; inset:0; z-index:200;
  display:flex; flex-direction:column;
  background:rgba(17,19,21,0);
  transition:background-color 260ms var(--ease-v3) 80ms;
}
.mn::before{
  content:""; position:absolute; left:0; right:0; top:64px; bottom:0;
  background:var(--white);
  transform:scaleY(0); transform-origin:50% 0;
  transition:transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 70ms;
}
.mn.is-open{ background:rgba(17,19,21,.24); transition:background-color 240ms var(--ease-v3); }
.mn.is-open::before{ transform:none; transition:transform 560ms var(--ease-drawer); }
.mn__top{ position:relative; z-index:1; background:var(--white); height:64px; flex:none; display:flex; align-items:center; justify-content:space-between; padding:0 var(--gutter); border-bottom:1px solid transparent; opacity:0; transition:opacity 160ms linear 260ms, border-color 200ms; }
.mn.is-open .mn__top{ opacity:1; border-bottom-color:var(--line); transition:opacity 0s, border-color 400ms 200ms; }
.mn__body{ position:relative; z-index:1; }
.mn [data-mn-item]{ opacity:0; transform:translate3d(0,16px,0); transition:opacity 150ms var(--ease-v3), transform 150ms var(--ease-v3); }
.mn.is-open [data-mn-item]{ opacity:1; transform:none; transition:opacity 420ms var(--ease-v3), transform 620ms var(--ease-v3); transition-delay:calc(130ms + var(--i, 0) * 32ms); }
.mn [data-mnav-close] svg{ opacity:0; transform:rotate(-90deg) scale(.6); transition:opacity 150ms, transform 220ms var(--ease-v3); }
.mn.is-open [data-mnav-close] svg{ opacity:1; transform:none; transition:opacity 200ms 60ms, transform 520ms var(--ease-v3) 60ms; }
.mn__top .hd__mob{ display:flex; }
.mn__body{ flex:1; overflow-y:auto; overscroll-behavior:contain; padding:8px var(--gutter) calc(28px + env(safe-area-inset-bottom)); }
.mn__list > li{ border-bottom:1px solid var(--line); }
.mn__link{ width:100%; display:flex; align-items:center; justify-content:space-between; padding:15px 0; font-size:16px; font-weight:500; text-align:left; color:var(--ink); }
.mn__link.is-active, .mn__link[aria-expanded="true"]{ color:var(--signal-soft); }
.mn__chev{ width:16px; height:16px; transition:transform 250ms var(--ease-v3); }
.mn__link[aria-expanded="true"] .mn__chev{ transform:rotate(180deg); }
.mn__sub{ display:grid; grid-template-rows:0fr; transition:grid-template-rows 300ms var(--ease-v3); }
.mn__sub.is-open{ grid-template-rows:1fr; }
.mn__subin{ overflow:hidden; min-height:0; }
.mn__sub.is-open .mn__subin{ padding-bottom:14px; }
.mn__label{ font-size:12px; color:var(--muted); margin:8px 0 4px; }
.mn__svc{ display:flex; align-items:center; gap:10px; padding:7px 0; }
.mn__name{ flex:1; font-size:14px; font-weight:500; }
.mn__svc small{ font-size:12px; color:var(--muted); white-space:nowrap; }
.mn__svc.is-active .mn__name{ color:var(--signal-soft); }
.mn__subin .btn{ margin-top:10px; }
.mn__langs{ display:flex; gap:6px; margin:20px 0; }
.mn__langs a, .mn__langs span{ display:grid; place-items:center; height:32px; min-width:42px; padding:0 12px; border-radius:var(--r-pill); background:var(--panel); font-size:13px; font-weight:500; }
.mn__langs .is-current{ background:var(--ink); color:var(--white); }
.mn__foot{ display:grid; gap:10px; }
.mn__mail{ font-size:13px; color:var(--muted); margin-top:4px; }
.mn__mail a{ color:var(--ink); }
.mn__soc{ margin-top:8px; }
body.mnav-open{ overflow:hidden; }

/* Sociālās ikonas */
.v3-soc{ display:flex; gap:8px; flex-wrap:wrap; }
.v3-soc a{ display:inline-flex; align-items:center; gap:10px; }
.v3-soc__i{ display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:var(--panel); color:var(--ink); transition:color 180ms, background-color 180ms; }
.v3-soc__i svg{ width:16px; height:16px; }
.v3-soc a:hover .v3-soc__i{ color:var(--signal); }

/* Statuss */
.v3-status{ display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:500; }
.v3-status i{ width:8px; height:8px; border-radius:50%; background:#9aa0a6; flex:none; }
.v3-status.is-open i{ background:#34c470; }

/* Google žetons */
.v3-google{ display:inline-flex; align-items:center; gap:10px; padding:10px 16px; border-radius:var(--r-pill); background:var(--panel); font-size:14px; }
.v3-google__g{ width:18px; height:18px; }
.v3-google b{ font-weight:500; }
.v3-google__stars{ display:inline-flex; gap:2px; color:var(--signal-soft); }
.v3-google__stars svg{ width:13px; height:13px; }
.v3-google__n{ font-size:13px; color:var(--muted); font-weight:500; }
.v3-google--dark{ background:rgba(255,255,255,.06); color:var(--white); }
.v3-google--dark .v3-google__n{ color:var(--on-black-muted); }

/* =========================================================================
   CTA + ikonu josla
   ========================================================================= */
.ct{ position:relative; background:var(--canvas); padding-top:var(--sec-y); overflow:hidden; isolation:isolate; }
.ct__head{ display:flex; align-items:flex-end; justify-content:space-between; gap:32px; }
.ct__title{ margin-top:10px; max-width:19em; }
.ct__note{ margin-top:14px; color:var(--muted); }
.ct__cards{ display:grid; grid-template-columns:repeat(4, 1fr); gap:16px; margin-top:40px; }
.ct__card{ display:flex; align-items:center; gap:12px; padding:18px; background:var(--white); border-radius:var(--r-md); transition:transform 260ms var(--ease-v3); }
.ct__card small{ display:block; font-size:12px; color:var(--muted); line-height:1.4; }
.ct__card strong{ display:block; font-size:15px; font-weight:500; line-height:1.4; }
@media (hover: hover){ .ct__card:hover{ transform:translate3d(0,-3px,0); } }
/* 30.10.2026: virs kvadrātiņiem 40 px rezerve lēcieniem (v3.js tilesHop), kopējais augstums nemainās */
.ct__tiles{ margin-top:30px; padding-top:40px; height:190px; overflow:hidden; }
.ct__track{ display:flex; gap:24px; width:max-content; animation:v3-drift 60s linear infinite; }
.ct__tile{ width:150px; height:150px; border-radius:36px; display:grid; place-items:center; color:var(--ink); flex:none; transform-origin:50% 100%; }
.ct__tile svg{ width:64px; height:64px; }
.ct__tile.v3-tone--sky svg{ color:#6b6e72; }
@keyframes v3-drift{ to{ transform:translate3d(calc(-50% - 12px),0,0); } }
.is-paused .ct__track, .ct__tiles.is-paused .ct__track{ animation-play-state:paused; }
@media (max-width: 1100px){
  .ct__cards{ grid-template-columns:1fr 1fr; }
}
@media (max-width: 700px){
  .ct__head{ flex-direction:column; align-items:flex-start; }
  .ct__head .btn{ width:100%; }
  .ct__cards{ grid-template-columns:1fr; gap:10px; margin-top:28px; }
  .ct__tiles{ height:122px; padding-top:26px; margin-top:18px; }
  .ct__tile{ width:96px; height:96px; border-radius:24px; }
  .ct__tile svg{ width:40px; height:40px; }
  .ct__track{ gap:14px; }
}

/* =========================================================================
   Kājene
   ========================================================================= */
.ft{ position:relative; z-index:2; background:transparent; margin-top:0; }
.ft__panel{ background:var(--ink); color:var(--white); border-radius:40px 40px 0 0; padding:88px 0 40px; position:relative; isolation:isolate; overflow:hidden; }
.ft__panel::after{ content:""; position:absolute; inset:0; background-image:var(--noise); background-size:160px; opacity:.05; pointer-events:none; z-index:-1; }
main:has(.ct:last-child) + .ft, .ft.ft--overlap{ margin-top:-56px; }
/* 31.10.2026: kājenes noapaļotais stūris vienmēr uzbrauc pēdējam blokam (Kontakti, Privātuma politika, Paldies, 404),
   lai aiz stūra redzams bloka fons, nevis balts lapas fons. Blokam apakšā tikpat papildu atstarpes. */
main:not(:has(.ct:last-child)) + .ft{ margin-top:-40px; }
main:not(:has(.ct:last-child)) > section:last-of-type{ padding-bottom:calc(var(--sec-y) + 40px); }
.ft__top{ display:flex; justify-content:space-between; gap:40px; padding-bottom:56px; border-bottom:1px solid rgba(255,255,255,.1); }
.ft__brand{ display:flex; flex-direction:column; align-items:flex-start; gap:22px; max-width:420px; }
.ft__logo svg{ height:38px; width:auto; color:var(--white); }
.ft__brand p{ color:var(--on-black-muted); }
.ft__contact{ display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.ft__small{ font-size:13px; font-weight:500; color:var(--on-black-muted); }
.ft__mail{ font-size:var(--fs-h2); font-weight:500; line-height:1.16; letter-spacing:-0.014em; transition:color 180ms; }
.ft__mail:hover, .ft__phone:hover{ color:var(--signal-soft); }
.ft__phone{ font-size:17px; }
.ft__call{ display:none; }
.ft__status{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; padding-top:8px; }
.ft__hours{ font-size:13px; font-weight:500; color:var(--on-black-muted); }
.ft__links{ display:grid; grid-template-columns:repeat(5, 1fr); gap:40px; padding:56px 0; border-bottom:1px solid rgba(255,255,255,.1); }
.ft__col ul{ display:grid; gap:12px; margin-top:12px; }
.ft__col ul.v3-soc{ display:flex; }
.ft__col li a, .ft__col li span{ font-size:15px; color:var(--white); transition:color 180ms; }
.ft__col li a:hover{ color:var(--signal-soft); }
.ft__soc{ flex-direction:column; gap:10px; margin-top:12px; }
.ft__soc .v3-soc__i{ width:30px; height:30px; background:rgba(255,255,255,.08); color:var(--white); }
.ft__soc .v3-soc__i svg{ width:14px; height:14px; }
.ft__soc a{ font-size:15px; }
.ft__soc a:hover{ color:var(--signal-soft); }
.ft__soc a:hover .v3-soc__i{ color:var(--signal-soft); }
.ft__bottom{ display:flex; justify-content:space-between; align-items:center; gap:20px; padding-top:40px; font-size:13px; font-weight:500; color:var(--on-black-muted); }
.ft__legal{ display:flex; gap:28px; flex-wrap:wrap; }
.ft__legal a:hover{ color:var(--white); }
.ft__langs a:hover{ color:var(--white); }
.ft__langs [aria-current]{ color:var(--white); }
@media (max-width: 1100px){
  .ft__links{ grid-template-columns:repeat(3, 1fr); }
}
@media (max-width: 760px){
  main:has(.ct:last-child) + .ft, .ft.ft--overlap{ margin-top:-40px; }
  main:not(:has(.ct:last-child)) + .ft{ margin-top:-28px; }
  main:not(:has(.ct:last-child)) > section:last-of-type{ padding-bottom:calc(var(--sec-y) + 28px); }
  .ft__panel{ border-radius:28px 28px 0 0; padding:48px 0 32px; }
  .ft__top{ flex-direction:column; gap:28px; padding-bottom:28px; }
  .ft__brand{ gap:18px; }
  .ft__logo svg{ height:32px; }
  .ft__contact{ align-items:stretch; }
  .ft__mail{ font-size:26px; }
  .ft__phone, .ft__hours{ display:none; }
  .ft__call{ display:inline-flex; }
  .ft__links{ grid-template-columns:1fr 1fr; gap:32px 20px; padding:32px 0; }
  .ft__col--soc{ grid-column:1 / -1; }
  .ft__soc{ flex-direction:row; }
  .ft__soc span:not(.v3-soc__i){ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
  .ft__soc .v3-soc__i{ width:44px; height:44px; }
  .ft__soc .v3-soc__i svg{ width:16px; height:16px; }
  .ft__dsk{ display:none; }
  .ft__bottom{ flex-direction:column-reverse; align-items:flex-start; padding-top:28px; }
  .ft__legal{ gap:12px 20px; }
}

/* =========================================================================
   Sīkdatņu paziņojums (Figma "sīkdatnes/paziņojums")
   ========================================================================= */
html .cookie{
  left:auto; right:24px; bottom:24px; width:min(440px, calc(100vw - 32px));
  background:var(--white); color:var(--ink);
  border:1px solid var(--line); border-radius:var(--r-md);
  box-shadow:0 24px 60px rgba(17,19,21,.16);
  padding:24px;
}
html .cookie::after{ display:none; }
html .cookie h2{ font-size:18px; font-weight:500; letter-spacing:-0.02em; color:var(--ink); }
html .cookie p{ font-size:14px; color:var(--muted); }
html .cookie p a{ color:var(--ink); text-decoration:underline; }
html .cookie .cookie__link{ color:var(--ink); }
html .cookie .cookie__row{ border-color:var(--line); }
html .cookie .cookie__row small{ color:var(--muted); }
@media (max-width: 600px){
  html .cookie{ right:12px; left:12px; bottom:12px; width:auto; padding:20px; }
  html .cookie .cookie__actions{ display:grid; grid-template-columns:1fr; gap:8px; }
  html .cookie .cookie__actions .pill-btn{ width:100%; }
}

/* =========================================================================
   BUJ akordeons
   ========================================================================= */
.faq-item{ border-color:var(--line); }
.faq-item__q{ font-size:16px; font-weight:500; letter-spacing:-0.01em; padding-block:18px; }
.faq-item__q:hover{ color:var(--signal); }
.faq-item__a p, .faq-item__a .prose{ color:var(--muted); font-size:15px; }
/* Pluss/mīnuss: plāns un mazs, līdzsvarā ar 16 px jautājumu */
.faq-item__icon{ width:24px; height:24px; border-radius:0; }
.faq-item__q:hover .faq-item__icon{ background:transparent; }
.faq-item__icon::before, .faq-item__icon::after{ width:12px; height:1.5px; border-radius:1px; background:var(--muted); }
.faq-item__q:hover .faq-item__icon::before, .faq-item__q:hover .faq-item__icon::after{ background:var(--ink); }
.faq-item.is-open .faq-item__icon::before{ background:var(--signal-soft); }
.faq-item.is-open .faq-item__q:hover .faq-item__icon::before{ background:var(--signal); }
.on-dark .faq-item__icon::before, .on-dark .faq-item__icon::after, .bg-ink .faq-item__icon::before, .bg-ink .faq-item__icon::after{ background:rgba(255, 255, 255, 0.6); }
.on-dark .faq-item.is-open .faq-item__icon::before, .bg-ink .faq-item.is-open .faq-item__icon::before{ background:var(--signal-soft); }
.on-dark .faq-item__q:hover .faq-item__icon::before, .on-dark .faq-item__q:hover .faq-item__icon::after, .bg-ink .faq-item__q:hover .faq-item__icon::before, .bg-ink .faq-item__q:hover .faq-item__icon::after{ background:var(--white); }

/* =========================================================================
   Kustība: ienākšana skatā (v3.js uzliek .is-in vienreiz)
   ========================================================================= */
/* 30.10.2026 vienota ienākšana visā lapā: viena kustība, viens trigeris (v3.js).
   CSS animācija ar fill-mode backwards (nevis transition), tāpēc elementa paša hover pārejas paliek neskartas
   un nekas nepaliek kompozīcijas slānī. Kustas tikai opacity un translate. Telefonā (<768 px) bez gaidīšanas. */
@keyframes v3-up{ from{ opacity:0; translate:0 var(--y, 22px); } }
@keyframes v3-fade{ from{ opacity:0; } }
@keyframes v3-x{ from{ opacity:0; translate:var(--x, -24px) 0; } }
@keyframes v3-zoom{ from{ opacity:0; scale:.965; } }
@keyframes v3-word{ from{ transform:translate3d(0,108%,0); } }
@keyframes v3-failsafe{ to{ opacity:1; visibility:visible; translate:0 0; } }
.js [data-v3-in]:not(.is-in), .js [data-v3-stagger]:not(.is-in) > *, .js [data-v3-auto]:not(.is-in){ opacity:0; translate:0 var(--y, 22px); }
.js [data-v3-in].is-in, .js [data-v3-stagger].is-in > *{ transform:none; }
.js [data-v3-in].is-in, .js [data-v3-auto].is-in, .js [data-v3-stagger].is-in > *{ animation:v3-up 900ms var(--ease-v3) backwards; animation-delay:calc(var(--d, 0ms) + var(--bd, 0ms)); }
.js [data-v3-stagger].is-in > *:nth-child(2){ --d:70ms; }
.js [data-v3-stagger].is-in > *:nth-child(3){ --d:140ms; }
.js [data-v3-stagger].is-in > *:nth-child(4){ --d:210ms; }
.js [data-v3-stagger].is-in > *:nth-child(5){ --d:280ms; }
.js [data-v3-stagger].is-in > *:nth-child(6){ --d:350ms; }
.js [data-v3-stagger].is-in > *:nth-child(n+7){ --d:420ms; }
/* Vecās tēmas [data-reveal] atribūti tagad iet caur to pašu v3.js un to pašu līkni */
html.js:not(.reduced) [data-reveal].is-in, html.js:not(.reduced) [data-reveal-group] [data-reveal-item].is-in{ animation:v3-up 900ms var(--ease-v3) backwards; animation-delay:var(--bd, 0ms); --y:24px; }
html.js:not(.reduced) [data-reveal="fade"].is-in{ animation-name:v3-fade; }
html.js:not(.reduced) [data-reveal="scale"].is-in{ animation-name:v3-zoom; }
html.js:not(.reduced) [data-reveal="left"].is-in{ animation-name:v3-x; }
html.js:not(.reduced) [data-reveal="right"].is-in{ animation-name:v3-x; --x:24px; }
/* Teksta rakstos mazāka nobīde */
.js .prose [data-v3-auto], .js [data-v3-auto].v3-prose{ --y:12px; }
/* Ielādējot jau ritinātu lapu, redzamais parādās uzreiz */
.js .v3-now, .js [data-v3-stagger].v3-now > *, .js [data-reveal-group].v3-now [data-reveal-item], .js .v3-done{ animation:none !important; }

/* Hero ielāde (dators): virsraksts vārdiem no maskas, pārējais pēc kārtas. Līdz v3.js skriptam paslēpts,
   rezerve pēc 3,5 s parāda visu arī tad, ja skripts neielādējas. */
@media (min-width:768px){
  html.js:not(.reduced) :is(main > section:first-of-type, main > div:first-child > section:first-of-type) h1:not(.v3-split){ visibility:hidden; animation:v3-failsafe 0s 3.5s forwards; }
  html.js:not(.reduced) :is(main > section:first-of-type, main > div:first-child > section:first-of-type) :is(h1 ~ *, :has(~ h1)):not(.is-in):not(.v3-hero-off){ opacity:0; translate:0 var(--y, 22px); animation:v3-failsafe 0s 3.5s forwards; }
  html.js:not(.reduced) :is(main > section:first-of-type, main > div:first-child > section:first-of-type) :is(h1 ~ *, :has(~ h1)).is-in{ animation:v3-up 900ms var(--ease-v3) backwards; animation-delay:var(--bd, 0ms); }
  .v3-split .v3m{ display:inline-block; overflow:hidden; vertical-align:top; padding:.1em 0 .16em; margin:-.1em 0 -.16em; }
  .v3-split .v3w{ display:inline-block; }
  .v3-split.v3-go .v3w{ animation:v3-word 1s cubic-bezier(.16,1,.3,1) backwards; animation-delay:var(--bd, 0ms); }
}

/* Telefons: saturs redzams uzreiz (kustibu-lapas-labojumi 3); ilustrācijas un skaitļi kustas kā līdz šim */
@media (max-width:767px){
  .js [data-v3-in], .js [data-v3-stagger] > *, .js [data-v3-auto]{ opacity:1 !important; translate:none !important; transform:none !important; animation:none !important; }
}

/* Ilustrāciju cilpas apstājas ārpus skata */
[data-v3-anim].is-paused *, [data-v3-anim].is-paused::before, [data-v3-anim].is-paused::after{ animation-play-state:paused !important; }

@media (prefers-reduced-motion: reduce){
  .js [data-v3-in], .js [data-v3-stagger] > *, .js [data-v3-auto], :is(main > section:first-of-type, main > div:first-child > section:first-of-type) :is(h1, h1 ~ *, :has(~ h1)){ opacity:1 !important; translate:none !important; transition:none !important; animation:none !important; visibility:visible !important; }
  .ct__track{ animation:none; }
  [data-v3-anim] *, [data-v3-anim]::before, [data-v3-anim]::after{ animation:none !important; transition:none !important; }
}
html.reduced .ct__track{ animation:none; }

/* Fiksēta galvene (30.10.2026): vienmēr redzama, tāpēc lipīgās tabulas galva sākas zem tās */
html body .abo-tb thead th{ top:var(--header-h); }
html body.admin-bar .abo-tb thead th{ top:calc(var(--header-h) + 32px); }
@media (max-width: 782px){ html body.admin-bar .abo-tb thead th{ top:calc(var(--header-h) + 46px); } }

/* Galvenes "Sākt projektu" ikona (31.10.2026): hover laikā plus apgriežas pa 360 grādiem, lapa viegli "ieelpo".
   Plus ir pogas fona krāsā (izskatās izgriezts), krāsa mainās kopā ar pogas fonu. Animāciju iedarbina v3.js, lai tā vienmēr noskrien līdz galam. */
.hd__plus .pv__plus{ fill:var(--bg); transition:fill 200ms var(--ease-v3); transform-box:fill-box; transform-origin:50% 50%; }
.hd__plus{ overflow:visible; transform-origin:50% 50%; }
.hd__plus.is-spin{ animation:pv-elpa 720ms cubic-bezier(.16,1,.3,1); }
.hd__plus.is-spin .pv__plus{ animation:pv-grieziens 720ms cubic-bezier(.65,0,.25,1); }
.hd__plus .pv__sturis{ transform-box:fill-box; transform-origin:0% 100%; }
.hd__plus.is-spin .pv__sturis{ animation:pv-sturis 720ms cubic-bezier(.16,1,.3,1); }
@keyframes pv-grieziens{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } }
@keyframes pv-elpa{ 0%{ transform:scale(1); } 40%{ transform:scale(1.14); } 100%{ transform:scale(1); } }
@keyframes pv-sturis{ 0%,100%{ transform:none; } 45%{ transform:translate(.4px,-.4px) rotate(-8deg); } }
@media (prefers-reduced-motion: reduce){ .hd__plus.is-spin, .hd__plus.is-spin *{ animation:none !important; } }
/* ======================================================================
   Galvene (31.10.2026): balts stikla fons ar blur, 1 px pelēkā līnija
   apakšā redzama visu laiku, skrollējot pa to iet gaiši oranžais lasīšanas
   indikators. Augstums nemainās.
   ========================================================================= */
.hd{
  background:rgba(255,255,255,.92);
  -webkit-backdrop-filter:saturate(1.4) blur(14px); backdrop-filter:saturate(1.4) blur(14px);
  border-bottom:1px solid var(--line);
}
.hd.is-scrolled{ border-bottom-color:var(--line); }
.hd__progress{
  position:absolute; left:0; right:0; bottom:-1px; height:2px;
  background:var(--signal-soft); transform-origin:0 50%; transform:scaleX(var(--hd-p, 0));
  opacity:0; pointer-events:none; transition:opacity 220ms var(--ease-v3);
}
.hd.is-scrolled .hd__progress{ opacity:1; }
.hd.mega-open .hd__progress{ opacity:0; }
@media (prefers-reduced-motion: reduce){ .hd__progress{ transition:none; } }

/* Telefona lasāmība (31.10.2026): pamatteksts 16 px, formas lauki 16 px (iOS nepietuvina ekrānu),
   skrollbara vieta rezervēta, lai, atverot izvēlni, lapa nepabīdās. */
html{ scrollbar-gutter:stable; }
@media (max-width: 767px){ :root{ --fs-body:16px; } }
@media (max-width: 1024px){
  .input, .textarea, .select,
  input:not([type=checkbox]):not([type=radio]):not([type=range]), select:not([multiple]):not([size]), textarea:not([readonly]):not([disabled]){ font-size:16px; }
}
/* BUJ navigācija (31.10.2026): punkti ielādē neizgaismojas. */
nav .bq-nav__item, .bq-nav .bq-nav__item{ transition:background-color 180ms var(--ease-v3), color 180ms var(--ease-v3); }