@font-face{
  font-family:"Geist";
  src:url("../fonts/Geist-Variable.woff2") format("woff2");
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Geist Mono";
  src:url("../fonts/GeistMono-Variable.woff2") format("woff2");
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}

:root{
  --ink:#060a0d;
  --ink-2:#0b1116;
  --ink-3:#0e151b;
  --slate:#345163;
  --slate-press:#24394a;
  --signal:#e95006;
  --signal-hover:#cf4604;
  --signal-press:#b33c02;
  --signal-btn:#cc4500;
  --signal-btn-hover:#b33c02;
  --signal-btn-press:#9c3402;
  --signal-text:#b83d02;
  --mist:#bbcdda;
  --paper:#e7ecf0;
  --white:#ffffff;
  --muted:#56636e;
  --error:#d7263d;
  --error-bg:#fdeff0;
  --success:#1f9d57;
  --line-dark:rgba(255, 255, 255, 0.1);
  --line-light:rgba(6, 10, 13, 0.1);
  --font:"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(50px, 8.55vw, 164px);
  --fs-h2:clamp(30px, 2.4vw + 14px, 60px);
  --fs-h2-xl:clamp(34px, 3.2vw + 10px, 72px);
  --fs-h3:clamp(22px, 1vw + 12px, 32px);
  --fs-lead:clamp(16px, 0.35vw + 13px, 20px);
  --fs-body:clamp(15px, 0.15vw + 14px, 17px);
  --container:1500px;
  --gutter:clamp(20px, 3.4vw, 40px);
  --sec-y:clamp(56px, 6.6vw, 126px);
  --header-h:120px;
  --r-sm:12px;
  --r-md:22px;
  --r-lg:32px;
  --r-xl:40px;
  --r-pill:999px;
  --dur-fast:150ms;
  --dur-base:220ms;
  --dur-slow:400ms;
  --dur-section:600ms;
  --ease-out:cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-in-out:cubic-bezier(0.65, 0, 0.35, 1);
  --ease-drawer:cubic-bezier(0.32, 0.72, 0, 1);
  --lift:translateY(-8px);
  --press:none; /* 21.10.2026: pogas uz kliksi nekustas, paliek tikai hover */

  --noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
*, *::before, *::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; scroll-padding-top:100px; }
html.scroll-locked{ overflow:hidden; }
html.scroll-locked body{ position:fixed; left:0; right:0; overflow:hidden; width:100%; }
body{
  margin:0;
  font-family:var(--font);
  font-size:var(--fs-body);
  line-height:1.55;
  color:var(--ink);
  background:var(--white);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  font-feature-settings:"ss01" off;
  overflow-x:clip;
}
img, svg, video, picture{ display:block; max-width:100%; }
[hidden]{ display:none !important; }
img{ height:auto; }
button, input, textarea, select{ font:inherit; color:inherit; }
button{ background:none; border:0; padding:0; cursor:pointer; }
a{ color:inherit; text-decoration:none; }
h1, h2, h3, h4, h5, h6, p, figure, blockquote, ul, ol, dl, dd{ margin:0; }
body{ text-wrap:pretty; }
h1, h2, h3, h4, h5, h6, blockquote p:first-child, strong, figcaption, li{ text-wrap:balance; }
ul, ol{ padding:0; list-style:none; }
:focus{ outline:none; }
:focus-visible{ outline:2px solid var(--ink); outline-offset:3px; border-radius:6px; }
.is-dark :focus-visible, .on-dark :focus-visible{ outline-color:var(--mist); }
::selection{ background:var(--signal); color:var(--white); }
.screen-reader-text, .sr-only{
  position:absolute !important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border:0;
}
.skip-link:focus{
  position:fixed; top:12px; left:12px; z-index:1000; width:auto; height:auto; clip:auto;
  padding:12px 18px; background:var(--white); color:var(--ink); border-radius:var(--r-pill);
}
.container{
  width:100%;
  max-width:calc(var(--container) + var(--gutter) * 2);
  margin-inline:auto;
  padding-inline:var(--gutter);
}
.section{ position:relative; padding-block:var(--sec-y); isolation:isolate; }
.section--tight{ padding-block:calc(var(--sec-y) * 0.6); }
.bg-ink{ background:var(--ink); color:var(--white); }
.bg-slate{ background:var(--slate); color:var(--white); }
.bg-paper{ background:var(--paper); }
.bg-white{ background:var(--white); }
.bg-signal{ background:var(--signal); }
.noise{ position:relative; isolation:isolate; }
.noise::after{
  content:"";
  position:absolute; inset:0;
  background-image:var(--noise);
  background-size:160px 160px;
  opacity:0.03;
  pointer-events:none;
  z-index:0;
  border-radius:inherit;
}
.bg-white.noise::after, .bg-paper.noise::after{ opacity:0.05; }
.noise > *{ position:relative; z-index:1; }
.sec-head{
  display:grid;
  grid-template-columns:1fr 3fr;
  column-gap:0;
  align-items:start;
  margin-bottom:clamp(32px, 4.7vw, 90px);
}
.sec-head__label{ padding-top:clamp(4px, 1.25vw, 24px); }
.sec-head__main{ display:flex; align-items:flex-end; justify-content:space-between; gap:40px; }
.sec-head__main > .h2{ flex:0 1 auto; max-width:var(--hw, 15em); }
.sec-head__side{ flex:none; }
.sec-head__aside{ max-width:360px; color:var(--muted); }
.on-dark .sec-head__aside, .bg-ink .sec-head__aside, .bg-slate .sec-head__aside{ color:rgba(187, 205, 218, 0.85); }

.label{
  display:inline-block;
  font-size:16px; font-weight:500; line-height:1.3;
  color:var(--signal-text);
}
.on-dark .label, .bg-ink .label{ color:var(--signal); }
.bg-slate .label{ color:var(--white); }
.h1, h1.h1{
  font-size:var(--fs-h1);
  font-weight:600;
  line-height:1;
  letter-spacing:-0.04em;
}
.h2, h2.h2{
  font-size:var(--fs-h2);
  font-weight:600;
  line-height:1.05;
  letter-spacing:-0.03em;
}
.h2--xl{ font-size:var(--fs-h2-xl); line-height:1; letter-spacing:-0.04em; }
.h3{
  font-size:var(--fs-h3);
  font-weight:600;
  line-height:1.1;
  letter-spacing:-0.02em;
}
.h4{ font-size:clamp(19px, 0.4vw + 15px, 24px); font-weight:600; line-height:1.2; letter-spacing:-0.01em; }
.lead{ font-size:var(--fs-lead); line-height:1.5; }
.text-muted{ color:var(--muted); }
.on-dark .text-muted, .bg-ink .text-muted{ color:rgba(187, 205, 218, 0.85); }
.mono{ font-family:var(--mono); font-weight:400; letter-spacing:0; }
.c-signal{ color:var(--signal); }
.c-mist{ color:var(--mist); }
.c-white{ color:var(--white); }
.c-ink{ color:var(--ink); }
.c-slate{ color:var(--slate); }
.prose{ max-width:760px; font-size:18px; line-height:1.65; color:#2a3640; }
.prose > * + *{ margin-top:1.1em; }
.prose h2{ font-size:clamp(26px, 1.2vw + 16px, 36px); line-height:1.15; letter-spacing:-0.02em; margin-top:1.8em; color:var(--ink); }
.prose h3{ font-size:clamp(21px, 0.6vw + 15px, 26px); line-height:1.2; letter-spacing:-0.01em; margin-top:1.6em; color:var(--ink); }
.prose a{ color:var(--signal-text); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; }
.prose ul, .prose ol{ padding-left:1.2em; }
.prose ul{ list-style:disc; }
.prose ol{ list-style:decimal; }
.prose li + li{ margin-top:0.4em; }
.prose strong{ color:var(--ink); font-weight:600; }
.prose table{ width:100%; border-collapse:collapse; font-size:15px; }
.prose th, .prose td{ text-align:left; padding:12px 14px; border-bottom:1px solid var(--line-light); vertical-align:top; }
.prose th{ font-weight:600; background:var(--paper); }
.btn{
  --h:52px; --icon:28px; --isvg:15px; --pl:20px; --pr:10px; --gap:14px; --fs:15px;
  --bg:var(--signal-btn); --fg:var(--white); --bd:transparent;
  --key-bg:transparent; --key-bd:rgba(255, 255, 255, 0.5); --key-fg:var(--white);
  --key-hover-bg:rgba(255, 255, 255, 0.14); --key-hover-bd:rgba(255, 255, 255, 0.9); --key-hover-fg:var(--white);
  position:relative;
  display:inline-flex; align-items:center; justify-content:center; gap:var(--gap);
  height:var(--h);
  padding:0 var(--pl) 2px; /* 21.10.2026: bez ikonas, simetriski; 2px apaksa paceļ tekstu par 1px, lai izskatas centrets */
  border-radius:10px;
  background:var(--bg);
  color:var(--fg);
  border:1px solid var(--bd);
  font-size:calc(var(--fs) - 1px); font-weight:500; line-height:1; white-space:nowrap;
  cursor:pointer;
  transition:background-color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), transform 160ms var(--ease-out);
  -webkit-tap-highlight-color:transparent;
}
.btn--l{ --h:60px; --icon:32px; --isvg:16px; --pl:24px; --pr:12px; --gap:16px; --fs:17px; }
.btn--m{ --h:52px; --icon:28px; --isvg:15px; --pl:20px; --pr:10px; --gap:14px; --fs:15px; }
.btn--s{ --h:44px; --icon:24px; --isvg:13px; --pl:18px; --pr:8px; --gap:12px; --fs:14px; }
.btn--block{ width:100%; }
.btn__label{ position:relative; }
/* Pogas ikona: Enter taustiņš (ieapaļš kvadrāts ar atgriešanās bultu). Hover: taustiņš iedegas. */
.btn__icon{
  position:relative; flex:none;
  display:grid; place-items:center;
  width:var(--icon); height:var(--icon);
  border-radius:7px;
  border:1px solid var(--key-bd);
  background:var(--key-bg); color:var(--key-fg);
  transition:background-color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);
}
.btn--s .btn__icon{ border-radius:6px; }
/* 21.10.2026: tiras pogas. Enter taustiņš noņemts; ja pogai ir cita ikona (piem. sīkdatņu), tā ir bez rāmja. */
.btn__icon{ width:auto; height:auto; border:0; background:none; }
.btn__icon svg{ width:var(--isvg); height:var(--isvg); transition:transform var(--dur-base) var(--ease-out); }
.btn:active{ transform:var(--press); }
@media (hover: hover) and (pointer: fine){
  .btn:hover{ --key-bg:var(--key-hover-bg); --key-bd:var(--key-hover-bd); --key-fg:var(--key-hover-fg); }
}

.btn--primary:hover{ --bg:var(--signal-btn-hover); box-shadow:0 10px 28px rgba(233, 80, 6, 0.35); }
.btn--primary:active{ --bg:var(--signal-btn-press); box-shadow:none; }

.btn--secondary{
  --bg:rgba(255, 255, 255, 0.04); --bd:rgba(255, 255, 255, 0.18); --fg:var(--white);
  --key-bd:rgba(255, 255, 255, 0.35); --key-fg:var(--signal);
  --key-hover-bg:var(--signal); --key-hover-bd:var(--signal); --key-hover-fg:var(--white);
}
.btn--secondary:hover{ --bg:rgba(255, 255, 255, 0.1); --bd:rgba(255, 255, 255, 0.35); }
.btn--secondary:active{ --bg:rgba(255, 255, 255, 0.14); }

.btn--ink{
  --bg:var(--ink); --fg:var(--white);
  --key-bd:rgba(255, 255, 255, 0.35); --key-fg:var(--signal);
  --key-hover-bg:var(--signal); --key-hover-bd:var(--signal); --key-hover-fg:var(--white);
}
.btn--ink:hover{ --bg:var(--slate); }
.btn--ink:active{ --bg:var(--slate-press); }

.btn--outline{
  --bg:transparent; --bd:rgba(6, 10, 13, 0.16); --fg:var(--ink);
  --key-bd:rgba(6, 10, 13, 0.3); --key-fg:var(--ink);
  --key-hover-bg:var(--signal); --key-hover-bd:var(--signal); --key-hover-fg:var(--white);
}
.btn--outline:hover{ --bg:var(--ink); --bd:var(--ink); --fg:var(--white); }
.btn--outline:active{ --bg:var(--slate); --bd:var(--slate); }

.btn--white{
  --bg:var(--white); --fg:var(--ink);
  --key-bd:rgba(6, 10, 13, 0.3); --key-fg:var(--ink);
  --key-hover-bg:var(--signal); --key-hover-bd:var(--signal); --key-hover-fg:var(--white);
}
.btn--white:hover{ --bg:var(--paper); }

.btn[disabled], .btn.is-disabled{ opacity:0.4; cursor:not-allowed; pointer-events:none; }
.btn.is-loading{ pointer-events:none; }
.btn.is-loading .btn__icon svg{ opacity:0; }
.btn.is-loading .btn__icon::after{
  content:""; position:absolute; width:14px; height:14px; border-radius:50%;
  border:2px solid currentColor; border-right-color:transparent;
  animation:dw-spin 700ms linear infinite;
}
@keyframes dw-spin{ to{ transform:rotate(360deg); } }
.pill-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  height:48px; padding:0 22px 2px; border-radius:10px;
  font-size:14px; font-weight:500;
  transition:background-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), transform 160ms var(--ease-out);
}
.pill-btn:active{ transform:var(--press); }
.pill-btn--signal{ background:var(--signal-btn); color:var(--white); }
.pill-btn--signal:hover{ background:var(--signal-hover); }
.pill-btn--ink{ background:var(--ink); color:var(--white); }
.pill-btn--ink:hover{ background:var(--slate); }
.pill-btn--ghost{ border:1px solid rgba(6, 10, 13, 0.16); color:var(--ink); }
.pill-btn--ghost:hover{ border-color:var(--ink); }
.icon-btn{
  display:grid; place-items:center;
  width:48px; height:48px; border-radius:50%;
  border:1px solid rgba(6, 10, 13, 0.16); color:var(--ink); background:transparent;
  transition:background-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), opacity var(--dur-base), transform 160ms var(--ease-out);
}
.icon-btn svg{ width:20px; height:20px; }
.icon-btn:hover{ background:var(--ink); border-color:var(--ink); color:var(--white); }
.icon-btn:active{ transform:var(--press); }
.icon-btn.is-active{ background:var(--ink); border-color:var(--ink); color:var(--white); }
.icon-btn[disabled]{ opacity:0.35; pointer-events:none; }
.on-dark .icon-btn, .bg-ink .icon-btn{ border-color:rgba(255, 255, 255, 0.18); color:var(--white); }
.on-dark .icon-btn:hover, .bg-ink .icon-btn:hover, .on-dark .icon-btn.is-active, .bg-ink .icon-btn.is-active{ background:var(--signal); border-color:var(--signal); }
.link-arrow{
  display:inline-flex; align-items:center; gap:10px;
  font-size:15px; font-weight:600; color:inherit;
  transition:color var(--dur-fast) var(--ease-out);
}
.link-arrow svg{ width:16px; height:16px; color:var(--signal); transition:transform var(--dur-base) var(--ease-out); }
.link-arrow:hover{ color:var(--signal-text); }
.on-dark .link-arrow:hover, .bg-ink .link-arrow:hover{ color:var(--signal); }
.link-arrow:hover svg{ transform:translate(3px, -3px); }
.link-inline{
  color:var(--signal-text);
  background:linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat;
  transition:background-size var(--dur-base) var(--ease-out);
}
.link-inline:hover{ background-size:100% 1px; }
.chip{
  display:inline-flex; align-items:center; gap:10px;
  height:36px; padding:0 14px;
  border-radius:var(--r-pill);
  border:1px solid rgba(6, 10, 13, 0.12);
  font-size:14px; font-weight:500; line-height:1;
  white-space:nowrap;
}
.on-dark .chip, .bg-ink .chip, .chip--dark{ border-color:rgba(255, 255, 255, 0.14); color:rgba(255, 255, 255, 0.85); }
.chip--glass{ background:rgba(6, 10, 13, 0.65); border-color:rgba(255, 255, 255, 0.16); color:rgba(255, 255, 255, 0.85); }
.chip--white{ background:var(--white); border-color:transparent; color:var(--ink); }
.chip--signal{ background:var(--signal-btn); border-color:transparent; color:var(--white); }
.chip--ink{ background:var(--ink); border-color:transparent; color:var(--white); }

.filter{
  display:inline-flex; align-items:center; gap:8px;
  height:40px; padding:0 16px; border-radius:10px;
  border:1px solid rgba(6, 10, 13, 0.14); background:var(--white);
  font-size:14px; font-weight:500; color:var(--ink);
  transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);
}
.filter:hover{ border-color:rgba(6, 10, 13, 0.4); }
.filter.is-active, .filter[aria-pressed="true"], .filter[aria-selected="true"]{ background:var(--ink); color:var(--white); border-color:var(--ink); }
.filter[disabled]{ opacity:0.4; pointer-events:none; }
.filter__count{ font-family:var(--mono); font-size:12px; opacity:0.6; }
.tabs{
  display:inline-flex; gap:2px; padding:4px;
  border-radius:10px; background:var(--white);
  box-shadow:inset 0 0 0 1px rgba(6, 10, 13, 0.06);
}
.tabs__btn{
  height:40px; padding:0 16px; border-radius:10px; white-space:nowrap; flex:none;
  font-size:14px; font-weight:500; color:var(--ink);
  transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);
}
.tabs__btn:hover{ background:var(--paper); }
.tabs__btn.is-active, .tabs__btn[aria-selected="true"]{ background:var(--ink); color:var(--white); }
.stars{ display:inline-flex; gap:2px; color:var(--signal); }
.stars svg{ width:16px; height:16px; }
.field{ display:grid; gap:8px; }
.field__label{ font-size:14px; line-height:18px; font-weight:500; color:var(--ink); }
.field__label .opt{ font-weight:400; color:var(--muted); }
.input, .textarea, .select{
  width:100%;
  min-height:58px;
  padding:0 18px;
  border-radius:14px;
  border:1.5px solid transparent;
  background:var(--paper);
  font-size:15px; color:var(--ink);
  transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
.textarea{ min-height:140px; padding:16px 18px; resize:vertical; line-height:1.5; }
.input:disabled, .textarea:disabled{ opacity:0.5; cursor:not-allowed; }
@media (max-width: 1024px){ .input, .textarea{ font-size:16px; } }
.input::placeholder, .textarea::placeholder{ color:var(--muted); }
.input:hover, .textarea:hover{ border-color:rgba(6, 10, 13, 0.22); }
.input:focus, .textarea:focus{ background:var(--white); border-color:var(--signal); }
.field.is-error .input, .field.is-error .textarea{ background:var(--error-bg); border-color:var(--error); }
.field.is-success .input{ border-color:rgba(31, 157, 87, 0.5); background:var(--white); }
.field__error{ display:none; align-items:center; gap:6px; font-size:13px; color:var(--error); }
.field__error svg{ width:16px; height:16px; flex:none; }
.field.is-error .field__error{ display:flex; }
.field__wrap{ position:relative; }
.field__ok{ position:absolute; right:16px; top:50%; translate:0 -50%; width:20px; height:20px; color:var(--success); opacity:0; transition:opacity var(--dur-fast); }
.field.is-success .field__ok{ opacity:1; }
.field__count{ position:absolute; right:16px; bottom:12px; font-family:var(--mono); font-size:12px; color:var(--muted); pointer-events:none; }

.opt-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.opt-chip{ position:relative; }
.opt-chip input{ position:absolute; opacity:0; pointer-events:none; }
.opt-chip span{
  display:inline-flex; align-items:center; gap:8px;
  height:42px; padding:0 18px; border-radius:10px;
  border:1px solid rgba(6, 10, 13, 0.14); background:var(--white);
  font-size:15px; font-weight:500; cursor:pointer;
  transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);
}
.opt-chip span svg{ width:14px; height:14px; display:none; }
.opt-chip span:hover{ border-color:rgba(6, 10, 13, 0.45); }
.opt-chip input:checked + span{ padding-left:14px; }
.opt-chip input:checked + span{ background:var(--ink); color:var(--white); border-color:var(--ink); }
.opt-chip input:checked + span svg{ display:block; }
.opt-chip input:focus-visible + span{ outline:2px solid var(--ink); outline-offset:3px; }

.check{ display:inline-flex; align-items:flex-start; gap:12px; cursor:pointer; font-size:14px; line-height:1.45; }
.check input{ position:absolute; opacity:0; width:1px; height:1px; }
.check__box{
  flex:none; width:22px; height:22px; margin-top:1px; border-radius:6px;
  border:1.5px solid rgba(6, 10, 13, 0.3); background:var(--white);
  display:grid; place-items:center; color:var(--white);
  transition:background-color var(--dur-fast), border-color var(--dur-fast);
}
.check__box svg{ width:14px; height:14px; opacity:0; transition:opacity var(--dur-fast); }
.check:hover .check__box{ border-color:rgba(6, 10, 13, 0.6); }
.check input:checked + .check__box{ background:var(--signal); border-color:var(--signal); }
.check input:checked + .check__box svg{ opacity:1; }
.check input:focus-visible + .check__box{ outline:2px solid var(--ink); outline-offset:3px; }
.check.is-error .check__box{ border-color:var(--error); }
.check.is-error{ color:var(--error); }
.check a{ color:var(--signal-text); text-decoration:underline; text-underline-offset:2px; }

.upload{
  position:relative; display:flex; align-items:center; gap:12px;
  min-height:58px; padding:0 16px; gap:10px; border-radius:14px;
  border:1px dashed rgba(6, 10, 13, 0.25); background:var(--white);
  font-size:15px; cursor:pointer;
  transition:border-color var(--dur-fast), background-color var(--dur-fast), color var(--dur-fast);
}
.upload svg{ width:18px; height:18px; flex:none; }
.upload input{ position:absolute; inset:0; opacity:0; cursor:pointer; }
.upload__hint{ color:var(--muted); font-size:13px; }
.upload.is-drag{ border-color:var(--signal); background:rgba(233, 80, 6, 0.06); color:var(--signal-text); }
.upload.is-filled{ border-style:solid; border-color:transparent; background:var(--paper); }
.upload.is-error{ border:1.5px solid var(--error); background:var(--error-bg); color:var(--error); font-size:14px; font-weight:500; }

.alert{ display:flex; gap:12px; align-items:flex-start; padding:16px 18px; border-radius:16px; font-size:14px; line-height:1.45; color:rgba(6, 10, 13, 0.75); }
.alert svg{ width:20px; height:20px; flex:none; margin-top:1px; }
.alert strong{ display:block; font-weight:600; }
.alert--sending{ background:var(--paper); }
.alert--error{ background:var(--error-bg); }
.alert--error strong{ color:var(--error); }
.alert--success{ background:#eaf7ef; }
.alert--success strong{ color:var(--success); }

form.search{
  position:relative; display:flex; align-items:center; gap:12px;
  height:58px; padding:0 8px 0 20px; border-radius:10px;
  border:1px solid rgba(6, 10, 13, 0.12); background:var(--white); font-size:15px;
  transition:border-color var(--dur-fast);
}
form.search:focus-within{ border-color:var(--signal); }
form.search svg{ width:20px; height:20px; flex:none; color:#61707d; transition:color var(--dur-fast); }
form.search:focus-within svg, form.search.is-filled svg{ color:var(--ink); }
form.search input{ flex:1; min-width:0; height:100%; border:0; background:none; font-size:16px; outline:none; }
.search__kbd{ font-family:var(--mono); font-size:12px; padding:2px 7px; border-radius:6px; background:var(--paper); color:var(--muted); }
.search__count{ font-family:var(--mono); font-size:12px; color:var(--muted); white-space:nowrap; }
.search__clear{ display:none; width:42px; height:42px; border-radius:50%; background:var(--paper); place-items:center; }
form.search.is-filled .search__clear{ display:grid; }
form.search.is-filled .search__kbd{ display:none; }
.switch{ position:relative; width:46px; height:26px; flex:none; }
.switch input{ position:absolute; inset:0; opacity:0; cursor:pointer; z-index:1; margin:0; }
.switch span{ position:absolute; inset:0; border-radius:99px; background:rgba(6, 10, 13, 0.15); transition:background-color var(--dur-base) var(--ease-out); }
.switch span::after{ content:""; position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; background:var(--white); box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); transition:transform var(--dur-base) var(--ease-out); }
.switch input:checked + span{ background:var(--signal); }
.switch input:checked + span::after{ transform:translateX(20px); }
.switch input:disabled + span{ opacity:1; }
.switch input:focus-visible + span{ outline:2px solid var(--ink); outline-offset:3px; }
.browser{
  position:relative; overflow:hidden;
  border-radius:14px; background:#10171d;
  box-shadow:0 30px 60px rgba(6, 10, 13, 0.35);
}
.browser__bar{ height:26px; display:flex; align-items:center; justify-content:center; background:#161e25; }
.browser__url{ font-size:10px; line-height:1; padding:4px 12px; border-radius:99px; background:rgba(255, 255, 255, 0.08); color:rgba(255, 255, 255, 0.75); }
.browser img{ width:100%; height:auto; display:block; }
.phone{
  position:relative; overflow:hidden;
  border-radius:18px; border:4px solid #0b0f12; background:#0b0f12;
  box-shadow:0 24px 48px rgba(6, 10, 13, 0.4);
}
.phone img{ width:100%; height:100%; object-fit:cover; object-position:top; border-radius:13px; }
.mono-acc{ font-family:var(--mono); font-weight:500; letter-spacing:-0.06em; font-size:0.9em; }
.flow > * + *{ margin-top:var(--flow, 1em); }
.row{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.grid{ display:grid; gap:24px; }
.no-scrollbar{ scrollbar-width:none; }
.no-scrollbar::-webkit-scrollbar{ display:none; }
.hide-mobile{ }
.show-mobile{ display:none !important; }
.nowrap{ white-space:nowrap; }
.relative{ position:relative; }

@media (max-width: 1024px){
  .sec-head{ grid-template-columns:1fr; row-gap:14px; margin-bottom:32px; }
  .sec-head__label{ padding-top:0; }
  .sec-head__main{ flex-direction:column; align-items:flex-start; gap:20px; }
  .sec-head > *, .sec-head__main > *{ max-width:100%; min-width:0; }
  .sec-head__side{ flex:none; width:100%; }
  .hide-mobile{ display:none !important; }
  .show-mobile{ display:revert !important; }
}
@media (max-width: 600px){
  .btn--l{ --h:56px; --icon:30px; --isvg:15px; --pl:22px; --pr:11px; --gap:14px; --fs:16px; }
  .label{ font-size:14px; }
}
html.js:not(.reduced) [data-reveal]{ opacity:0; transform:translateY(24px); }
html.js:not(.reduced) [data-reveal="fade"]{ transform:none; }
html.js:not(.reduced) [data-reveal="scale"]{ transform:scale(0.96); }
html.js:not(.reduced) [data-reveal="left"]{ transform:translateX(-24px); }
html.js:not(.reduced) [data-reveal="right"]{ transform:translateX(24px); }
html.js:not(.reduced) [data-reveal-group] > [data-reveal-item],
html.js:not(.reduced) [data-reveal-group] [data-reveal-item]{ opacity:0; transform:translateY(24px); }
html.js:not(.reduced) .split-line > span{ transform:translateY(130%); }
html.js.reduced [data-reveal], html.js.reduced [data-reveal-item]{ opacity:1; transform:none; }
html.js [data-reveal].is-in, html.js [data-reveal-group] [data-reveal-item].is-in{ opacity:1; transform:none; }
/* Kamēr GSAP atklāj elementu, kartīšu hover transition (transform/opacity) nedrīkst iejaukties: citādi kustība velkas un raustās. */
html.js:not(.reduced) [data-reveal]:not(.is-in), html.js:not(.reduced) [data-reveal-group] [data-reveal-item]:not(.is-in){ transition:none !important; }
.split-line{ display:block; clip-path:inset(-0.12em 0 -0.28em); }
.split-line > span{ display:inline-block; vertical-align:top; }
html.js:not(.reduced) .is-split-done .split-line > span{ transform:none; }
html.js:not(.reduced):not(.dw-ready) [data-split]:not(.is-split):not([data-split-manual] [data-split]){ visibility:hidden; }
html.js:not(.reduced):not(.dw-ready) :is([data-hero], [data-abo-hero], [data-art-hero], [data-bl-hero], [data-ekh], [data-mj-hero], [data-pf-hero], [data-prj-hero], [data-rd-hero], [data-ph], [data-vh]) > :not([class*="decor"]){ visibility:hidden; }
.is-scrub .scrub-t{ color:var(--scrub-from, #bbcdda); transition:color 0.5s var(--ease-out); }
.is-scrub .scrub-t.is-on{ color:inherit; }

@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation-duration:0.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.01ms !important;
    scroll-behavior:auto !important;
  }
}
:is(.site-footer__glow, .pf-card__glow, .rd-hero__glow, .rd-proc__glow, .rd-mig__glow, .bl-glow, .bl-nl__glow, .vh__glow, .vd__glow, .vp__glow, .ekh__glow, .ekpk__glow, .ekr__glow, .ph-glow, .mj-hero__glow, .mj-proc__glow, .mj-geo__glow, .prj-hero__glow, .prj-cd__glow, .prj-nums__glow, .abo-hero__glow, .abo-packs__glow, .abo-yr__glow, .pf-hero__glow, .hero__glow, .process__glow, .bento__glow, .subs__glow, .home-video__glow){ --gc:transparent; --blur:200px; background:none !important; filter:none !important; }
:is(.site-footer__glow, .pf-card__glow, .rd-hero__glow, .rd-proc__glow, .rd-mig__glow, .bl-glow, .bl-nl__glow, .vh__glow, .vd__glow, .vp__glow, .ekh__glow, .ekpk__glow, .ekr__glow, .ph-glow, .mj-hero__glow, .mj-proc__glow, .mj-geo__glow, .prj-hero__glow, .prj-cd__glow, .prj-nums__glow, .abo-hero__glow, .abo-packs__glow, .abo-yr__glow, .pf-hero__glow, .hero__glow, .process__glow, .bento__glow, .subs__glow, .home-video__glow)::before{
  content:""; position:absolute; inset:calc(var(--blur) * -2); border-radius:50%; pointer-events:none; opacity:var(--glow-k, 0.72);
  background:radial-gradient(closest-side, color-mix(in srgb, var(--gc) 97%, transparent) calc(100% - var(--blur) * 4), color-mix(in srgb, var(--gc) 84%, transparent) calc(100% - var(--blur) * 3), color-mix(in srgb, var(--gc) 69%, transparent) calc(100% - var(--blur) * 2.5), color-mix(in srgb, var(--gc) 50%, transparent) calc(100% - var(--blur) * 2), color-mix(in srgb, var(--gc) 31%, transparent) calc(100% - var(--blur) * 1.5), color-mix(in srgb, var(--gc) 16%, transparent) calc(100% - var(--blur)), color-mix(in srgb, var(--gc) 6%, transparent) calc(100% - var(--blur) * 0.5), transparent);
}

/* 16.10.2026: mierīgāks fons, splūdumi uz pusi vājāki */
:is(.site-footer__glow, .pf-card__glow, .rd-hero__glow, .rd-proc__glow, .rd-mig__glow, .bl-glow, .bl-nl__glow, .vh__glow, .vd__glow, .vp__glow, .ekh__glow, .ekpk__glow, .ekr__glow, .ph-glow, .mj-hero__glow, .mj-proc__glow, .mj-geo__glow, .prj-hero__glow, .prj-cd__glow, .prj-nums__glow, .abo-hero__glow, .abo-packs__glow, .abo-yr__glow, .pf-hero__glow, .hero__glow, .process__glow, .bento__glow, .subs__glow, .home-video__glow)::before{ opacity:calc(var(--glow-k, 0.72) * 0.45); }

/* 16.10.2026: H1 mazāki (~22 %) */
:root{ --fs-h1:clamp(46px, 6.6vw, 126px); }

/* 16.10.2026: ātrums telefonā. Hero virsraksts un ievads redzami uzreiz (LCP), bez ienākšanas animācijas; dekoratīvās kartītes joprojām animējas. */
html.dw-m :is([data-hero], [data-abo-hero], [data-art-hero], [data-bl-hero], [data-ekh], [data-mj-hero], [data-pf-hero], [data-prj-hero], [data-rd-hero], [data-sg-hero], [data-ph], [data-vh]) > :not([class*="decor"]){ visibility:visible !important; }
html.dw-m :is([data-hero], [data-abo-hero], [data-art-hero], [data-bl-hero], [data-ekh], [data-mj-hero], [data-pf-hero], [data-prj-hero], [data-rd-hero], [data-sg-hero], [data-ph], [data-vh]) [data-split]{ visibility:visible !important; }
html.dw-m :is([data-hero], [data-abo-hero], [data-art-hero], [data-bl-hero], [data-ekh], [data-mj-hero], [data-pf-hero], [data-prj-hero], [data-rd-hero], [data-sg-hero], [data-ph], [data-vh]) :is(.hero__mask, .mj-hero__mask, .bl-mask) > span, html.dw-m :is([data-hero], [data-abo-hero], [data-art-hero], [data-bl-hero], [data-ekh], [data-mj-hero], [data-pf-hero], [data-prj-hero], [data-rd-hero], [data-sg-hero], [data-ph], [data-vh]) .line > span, html.dw-m :is([data-hero], [data-abo-hero], [data-art-hero], [data-bl-hero], [data-ekh], [data-mj-hero], [data-pf-hero], [data-prj-hero], [data-rd-hero], [data-sg-hero], [data-ph], [data-vh]) .split-line > span{ transform:none !important; opacity:1 !important; }
html.dw-m :is([data-hero-in], [data-ph-in], [data-mj-in], [data-bl-in], [data-bl-crumbs], [data-art-in], [data-ekh-in], [data-vh-in], [data-abo-in]){ opacity:1 !important; transform:none !important; visibility:visible !important; }
html.dw-m .hero .ai-chip{ opacity:1 !important; }
html.dw-m .hero .plate, html.dw-m .hero .stack__label{ opacity:1 !important; --drop:0px !important; --tilt:0deg !important; }

/* 21.10.2026: ielades animacijas bez raustisanas. Kamer elements kustas, tas tur savu GPU slani, lai parluks katra kadra nepardzime tekstu un nepielidzina to veseliem pikseliem. */
html.js:not(.reduced):not(.dw-m):not(.dw-intro-done) :is([data-hero], [data-abo-hero], [data-art-hero], [data-bl-hero], [data-ekh], [data-mj-hero], [data-pf-hero], [data-prj-hero], [data-rd-hero], [data-sg-hero], [data-ph], [data-vh]) :is([data-hero-in], [data-ph-in], [data-mj-in], [data-bl-in], [data-bl-crumbs], [data-art-in], [data-ekh-in], [data-vh-in], [data-abo-in], [data-hero-card]),
html.js:not(.reduced):not(.dw-m):not(.dw-intro-done) :is([data-hero], [data-abo-hero], [data-art-hero], [data-bl-hero], [data-ekh], [data-mj-hero], [data-pf-hero], [data-prj-hero], [data-rd-hero], [data-sg-hero], [data-ph], [data-vh]) :is(.hero__mask, .mj-hero__mask, .bl-mask, .line, .split-line) > span{ will-change:transform, opacity; }
html.js:not(.reduced):not(.dw-intro-done) :is([data-hero-in], [data-ph-in], [data-mj-in], [data-bl-in], [data-art-in], [data-ekh-in], [data-vh-in], [data-abo-in], [data-hero-card]){ transition:none !important; }
.dw-wc{ will-change:transform, opacity; }

/* 21.10.2026: globalais skrollbars. Plans, oranzs ritinatajs uz tumsa sliezes; iekseja ritinasana (modalis, izvelne, teksta lauki) ar caurspidigu sliezi. Karuseli, kur skrollbars ir paslepts, paliek ka bija. */
@supports selector(::-webkit-scrollbar){
  ::-webkit-scrollbar{ width:8px; height:8px; }
  ::-webkit-scrollbar-track{ background:transparent; }
  ::-webkit-scrollbar-thumb{ background-color:var(--signal); border:2px solid transparent; border-radius:var(--r-pill); background-clip:padding-box; min-height:48px; }
  ::-webkit-scrollbar-thumb:hover{ border-width:1px; }
  ::-webkit-scrollbar-thumb:active{ border-width:1px; background-color:var(--signal-hover); }
  ::-webkit-scrollbar-corner{ background:transparent; }
  ::-webkit-scrollbar-button{ display:none; width:0; height:0; }
  html::-webkit-scrollbar-track, body::-webkit-scrollbar-track{ background:var(--ink-2); }
  .pmodal__body{ scrollbar-width:auto; }
}
@supports not selector(::-webkit-scrollbar){
  *{ scrollbar-width:thin; scrollbar-color:var(--signal) transparent; }
  html{ scrollbar-color:var(--signal) var(--ink-2); }
}
/* 26.10.2026: ielades kustiba iet ar CSS animacijam uz transform un opacity (kompozitora), nevis GSAP galvenaja pavediena.
   JS (main.js cssMotion) uzliek sakuma stavokli un pieliek vienu no sim animacijam ar aizturi un likni. */
@keyframes dwk-rise{ from{ transform:translate3d(0,130%,0); } to{ transform:translate3d(0,0,0); } }
@keyframes dwk-y12{ from{ opacity:0; transform:translate3d(0,12px,0); } to{ opacity:1; transform:translate3d(0,0,0); } }
@keyframes dwk-y18{ from{ opacity:0; transform:translate3d(0,18px,0); } to{ opacity:1; transform:translate3d(0,0,0); } }
@keyframes dwk-y20{ from{ opacity:0; transform:translate3d(0,20px,0); } to{ opacity:1; transform:translate3d(0,0,0); } }
@keyframes dwk-y24{ from{ opacity:0; transform:translate3d(0,24px,0); } to{ opacity:1; transform:translate3d(0,0,0); } }
@keyframes dwk-xm24{ from{ opacity:0; transform:translate3d(-24px,0,0); } to{ opacity:1; transform:translate3d(0,0,0); } }
@keyframes dwk-xp24{ from{ opacity:0; transform:translate3d(24px,0,0); } to{ opacity:1; transform:translate3d(0,0,0); } }
@keyframes dwk-s96{ from{ opacity:0; transform:scale(0.96); } to{ opacity:1; transform:scale(1); } }
@keyframes dwk-fade{ from{ opacity:0; } to{ opacity:1; } }
@media (prefers-reduced-motion: reduce){
  [style*="dwk-"]{ animation:none !important; }
}

/* 30.10.2026: telefonā saturs redzams uzreiz, bez atklāšanas animācijām (ātrums). */
@media (max-width:767px){html.js:not(.reduced) [data-reveal],html.js:not(.reduced) [data-reveal-group] [data-reveal-item]{opacity:1;transform:none}html.js:not(.reduced):not(.dw-ready) [data-split]:not(.is-split):not([data-split-manual] [data-split]){visibility:visible}}