/* =========================================================================
   Sākumlapa, jaunais stils (Figma "Jaunais stils": desktop 2214:843, mobilais 2265:360), 30.10.2026.
   Ielādējas pēc v3.css. Sadaļu klases ar priekšu .hm-*. Kustība: tikai transform, opacity, stroke-dashoffset.
   Ilustrācijas sāk kustēties, kad v3.js uzliek .is-in; ārpus skata .is-paused aptur cilpas.
   ========================================================================= */

/* Ilustrācijas stāv sākuma kadrā, līdz ienāk skatā (v3.js .is-in). */
.js [data-v3-anim]:not(.is-in) *, .js [data-v3-anim]:not(.is-in)::before, .js [data-v3-anim]:not(.is-in)::after{ animation-play-state:paused; }
html.reduced [data-v3-anim] *, html.reduced [data-v3-anim]::before, html.reduced [data-v3-anim]::after{ animation:none !important; transition:none !important; }

.hm-stars{ display:inline-flex; gap:2px; color:var(--signal-soft); vertical-align:middle; }
.hm-stars svg{ width:12px; height:12px; }
.sec-head__side p{ margin:0; }

/* Kopīgie SVG teksti ilustrācijās */
.hm-sk text, .hm-ill svg text, .hm-vid svg text{ font-family:var(--font); }
.hm-svg-s{ font-size:11px; fill:var(--muted); }
.hm-svg-b{ font-size:12px; font-weight:600; fill:var(--ink); }
.hm-svg-o{ fill:var(--signal-text); }
.hm-svg-p{ fill:#7a64e0; }
.hm-svg-w{ fill:#fff; font-weight:500; }
.hm-svg-h{ font-size:17px; font-weight:500; fill:var(--ink); letter-spacing:-0.02em; }
.hm-svg-h2{ font-size:14.5px; font-weight:500; fill:var(--ink); }
.hm-svg-l text{ font-size:13px; fill:var(--ink); }
.hm-svg-n{ font-size:12.5px; fill:var(--ink); }
.hm-svg-xl{ font-size:27px; font-weight:500; fill:var(--ink); letter-spacing:-0.02em; }
.hm-svg-stamp{ font-size:17px; font-weight:600; fill:var(--slate); letter-spacing:-0.01em; }
.hm-svg-mono{ font-family:var(--mono) !important; font-size:9px; fill:var(--slate); }

/* =========================================================================
   1. Hero
   ========================================================================= */
.hm-hero{ background:var(--white); padding:clamp(36px, 5.6vw, 104px) 0 clamp(40px, 4.8vw, 92px); overflow:hidden; }
.hm-hero__in{ display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, min(800px, 52%)); align-items:center; gap:clamp(24px, 3vw, 48px); }
.hm-hero__text{ min-width:0; }
.hm-hero__kicker{ font-size:var(--fs-small); color:var(--muted); line-height:1.5; margin:0; }
.hm-hero__trust{ display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; margin:12px 0 0; font-size:var(--fs-small); line-height:1.5; color:var(--ink); }
.hm-hero__h1{ margin:22px 0 0; max-width:15em; }
.hm-hero__l2{ white-space:nowrap; }
.hm-hero__ai{ display:inline-flex; align-items:center; gap:.12em; white-space:nowrap; }
.hm-hero__ai-ic{ width:.74em; height:.74em; margin:0 .06em 0 .02em; color:var(--ink); flex:none; transform:translateY(.02em); }
.hm-hero__caret{ display:inline-block; width:2px; height:.92em; margin-left:.1em; background:var(--ink); transform:translateY(.04em); animation:hm-caret 1.05s steps(1) infinite; }
@keyframes hm-caret{ 50%{ opacity:0; } }
.hm-hero__lead{ margin:20px 0 0; max-width:34em; }
.hm-hero__btns{ display:flex; flex-wrap:wrap; gap:8px; margin-top:32px; }
.hm-hero__tools{ display:flex; flex-wrap:wrap; align-items:center; gap:14px 24px; margin:36px 0 0; padding:0; list-style:none; color:#8b9096; --cut:#fff; }
.hm-hero__tools li{ display:flex; }
.hm-tool{ height:20px; width:auto; }
.hm-tool--gemini, .hm-tool--google-ads{ height:23px; }
.hm-tool--figma{ height:17px; }
.hm-tool--youtube, .hm-tool--mailerlite{ height:16px; }
.hm-tool--youtube-icon{ height:16px; }
.hm-tool--mailerlite-icon{ height:17px; }
.hm-tool--woocommerce{ height:17px; }

.hm-hero__art{ position:relative; min-width:0; }
.hm-hero__art::before{
  content:""; position:absolute; inset:-6% -10% -8% -6%; z-index:0; pointer-events:none;
  background:
    radial-gradient(circle, rgba(17,19,21,.16) 1px, transparent 1.4px) 0 0 / 24px 24px,
    radial-gradient(closest-side, #e7eaed 0%, rgba(238,240,242,.75) 45%, rgba(255,255,255,0) 100%);
  -webkit-mask-image:radial-gradient(closest-side, #000 55%, transparent 100%);
          mask-image:radial-gradient(closest-side, #000 55%, transparent 100%);
}
.hm-hero__art::after{
  content:""; position:absolute; inset:0 -4% 0 0; z-index:0; pointer-events:none; background-image:var(--noise); background-size:160px; opacity:.05;
  -webkit-mask-image:radial-gradient(closest-side, #000 40%, transparent 100%); mask-image:radial-gradient(closest-side, #000 40%, transparent 100%);
}
.hm-sk{ position:relative; z-index:1; display:block; width:100%; height:auto; aspect-ratio:800 / 460; overflow:visible; }
.hm-sk__name{ font-size:13px; fill:var(--muted); }
.hm-sk__tag{ font-size:12px; font-weight:500; fill:#fff; }
.hm-sk__board{ fill:#fff; stroke:#dee1e4; stroke-width:1; filter:drop-shadow(0 14px 24px rgba(17,19,21,.07)); }
.hm-sk rect, .hm-sk g{ transform-box:fill-box; }
.hm-sk [class^="sk-a"], .hm-sk [class*=" sk-a"], .hm-sk .sk-h2, .hm-sk .sk-o{ transform-origin:0 50%; }
.hm-sk .sk-s1, .hm-sk .sk-s2, .hm-sk .sk-ph{ opacity:0; }
.hm-sk .hm-sk__cur, .hm-sk .sk-tool{ transform-box:view-box; transform-origin:0 0; }

.hm-sk .sk-a1{ animation:sk-a1 7s cubic-bezier(.65,0,.35,1) infinite both; }
.hm-sk .sk-a2{ animation:sk-a2 7s cubic-bezier(.65,0,.35,1) infinite both; }
.hm-sk .sk-h2{ animation:sk-h2 7s cubic-bezier(.65,0,.35,1) infinite both; }
.hm-sk .sk-a3{ animation:sk-a3 7s cubic-bezier(.65,0,.35,1) infinite both; }
.hm-sk .sk-a4{ animation:sk-a4 7s cubic-bezier(.65,0,.35,1) infinite both; }
.hm-sk .sk-a5{ animation:sk-a5 7s cubic-bezier(.65,0,.35,1) infinite both; }
.hm-sk .sk-o{ animation:sk-o 7s cubic-bezier(.65,0,.35,1) infinite both; }
.hm-sk .sk-ph{ animation:sk-ph 7s linear infinite both; }
.hm-sk .sk-s1{ animation:sk-s1 7s linear infinite both; }
.hm-sk .sk-s2{ animation:sk-s2 7s linear infinite both; }
.hm-sk .sk-s3{ animation:sk-s3 7s linear infinite both; }
.hm-sk .sk-cd{ animation:sk-cd 7s cubic-bezier(.65,0,.35,1) infinite both; }
.hm-sk .sk-cc{ animation:sk-cc 7s cubic-bezier(.65,0,.35,1) infinite both; }
.hm-sk .sk-tool{ animation:sk-tool 7s cubic-bezier(.65,0,.35,1) infinite both; }
.hm-sk .sk-d1{ animation-delay:.1s; }
.hm-sk .sk-d2{ animation-delay:.2s; }
.hm-sk .sk-d3{ animation-delay:.3s; }

@keyframes sk-a1{ 0%,3%{ opacity:0; transform:scaleX(0); } 10%,93%{ opacity:1; transform:scaleX(1); } 98%,100%{ opacity:0; transform:scaleX(1); } }
@keyframes sk-a2{ 0%,7%{ opacity:0; transform:scaleX(0); } 15%,93%{ opacity:1; transform:scaleX(1); } 98%,100%{ opacity:0; transform:scaleX(1); } }
@keyframes sk-h2{ 0%,10%{ opacity:0; transform:scaleX(0); } 18%,37%{ opacity:1; transform:scaleX(.41); } 44%,93%{ opacity:1; transform:scaleX(1); } 98%,100%{ opacity:0; transform:scaleX(1); } }
@keyframes sk-a3{ 0%,37%{ opacity:0; transform:scaleX(0); } 45%,93%{ opacity:1; transform:scaleX(1); } 98%,100%{ opacity:0; transform:scaleX(1); } }
@keyframes sk-a4{ 0%,40%{ opacity:0; transform:scaleX(0); } 48%,93%{ opacity:1; transform:scaleX(1); } 98%,100%{ opacity:0; transform:scaleX(1); } }
@keyframes sk-a5{ 0%,43%{ opacity:0; transform:scaleX(0); } 51%,93%{ opacity:1; transform:scaleX(1); } 98%,100%{ opacity:0; transform:scaleX(1); } }
@keyframes sk-o{ 0%,68%{ opacity:0; transform:scaleX(0); } 75%,93%{ opacity:1; transform:scaleX(1); } 98%,100%{ opacity:0; transform:scaleX(1); } }
@keyframes sk-ph{ 0%,11%{ opacity:0; } 15%,37%{ opacity:1; } 42%,100%{ opacity:0; } }
@keyframes sk-s1{ 0%,16%{ opacity:0; } 19%,33%{ opacity:1; } 36%,100%{ opacity:0; } }
@keyframes sk-s2{ 0%,50%{ opacity:0; } 53%,64%{ opacity:1; } 67%,100%{ opacity:0; } }
@keyframes sk-s3{ 0%,72%{ opacity:0; } 75%,92%{ opacity:1; } 95%,100%{ opacity:0; } }
@keyframes sk-cd{ 0%{ transform:translate(290px,190px); } 6%,30%{ transform:translate(322px,122px); } 37%,62%{ transform:translate(518px,350px); } 69%,92%{ transform:translate(470px,90px); } 100%{ transform:translate(290px,190px); } }
@keyframes sk-cc{ 0%{ transform:translate(640px,190px); } 6%,30%{ transform:translate(650px,140px); } 37%,62%{ transform:translate(700px,196px); } 69%,92%{ transform:translate(688px,318px); } 100%{ transform:translate(640px,190px); } }
@keyframes sk-tool{ 0%,31%{ transform:translateX(72px); } 35%,64%{ transform:translateX(36px); } 68%,95%{ transform:translateX(0); } 100%{ transform:translateX(72px); } }

/* =========================================================================
   2. Video slaidrāde
   ========================================================================= */
.hm-reels{ --pad:max(var(--gutter), calc((100% - var(--container)) / 2)); background:var(--white); padding:0 0 clamp(40px, 3vw, 56px); }
.hm-reels__track{ display:flex; gap:20px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scroll-padding-inline:var(--pad); padding:0 var(--pad) 4px; scrollbar-width:none; cursor:grab; }
.hm-reels__track::-webkit-scrollbar{ display:none; }
.hm-reels__track.is-dragging{ cursor:grabbing; scroll-snap-type:none; }
.hm-reels__track.is-dragging .hm-reel{ pointer-events:none; }
.hm-reel{ flex:0 0 340px; scroll-snap-align:start; min-width:0; }
.hm-reel__media{ position:relative; display:block; width:100%; aspect-ratio:9 / 16; border-radius:20px; overflow:hidden; background:var(--canvas); padding:0; border:0; cursor:pointer; isolation:isolate; }
.hm-reel__img, .hm-reel__vid{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
.hm-reel__vid{ opacity:0; transition:opacity 400ms var(--ease-v3); }
.hm-reel.is-playing .hm-reel__vid{ opacity:1; }
.hm-reel__play{ position:absolute; left:18px; bottom:18px; z-index:2; display:grid; place-items:center; width:52px; height:52px; border-radius:50%; background:#fff; color:var(--ink); transition:opacity 250ms var(--ease-v3), transform 250ms var(--ease-v3); }
.hm-reel__play svg{ width:20px; height:20px; margin-left:2px; }
.hm-reel__mute{ position:absolute; left:18px; bottom:18px; z-index:2; display:inline-flex; align-items:center; gap:6px; height:34px; padding:0 13px 0 11px; border-radius:var(--r-pill); background:rgba(17,19,21,.82); color:#fff; font-size:12.5px; font-weight:500; opacity:0; transform:translate3d(0,6px,0); transition:opacity 250ms var(--ease-v3), transform 250ms var(--ease-v3); }
.hm-reel__mute svg{ width:15px; height:15px; }
.hm-reel__prog{ position:absolute; left:0; right:0; bottom:0; z-index:2; height:3px; background:rgba(255,255,255,.25); opacity:0; transition:opacity 250ms; }
.hm-reel__prog i{ display:block; height:100%; width:100%; background:var(--signal-soft); transform-origin:0 50%; transform:scaleX(0); }
.hm-reel.is-playing .hm-reel__play{ opacity:0; transform:scale(.8); }
.hm-reel.is-playing .hm-reel__mute, .hm-reel.is-playing .hm-reel__prog{ opacity:1; transform:none; }
.hm-reel__info{ display:flex; justify-content:space-between; gap:12px; margin-top:16px; font-size:var(--fs-small); line-height:1.4; }
.hm-reel__client{ color:var(--ink); }
.hm-reel__meta{ color:var(--muted); white-space:nowrap; }
.hm-reel__title{ margin:6px 0 0; font-size:var(--fs-h4); font-weight:500; line-height:1.3; letter-spacing:-0.02em; color:var(--ink); }
@media (hover:hover) and (pointer:fine){
  .hm-reel__media:hover .hm-reel__play{ transform:scale(1.06); }
}
.hm-reels__ctrl{ display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:36px; }
.hm-reels__bar{ position:relative; flex:0 1 240px; height:2px; border-radius:2px; background:var(--line); overflow:hidden; }
.hm-reels__bar i{ position:absolute; left:0; top:0; bottom:0; width:20%; background:var(--ink); border-radius:2px; }

/* =========================================================================
   3. Klientu logo lente
   ========================================================================= */
.hm-logos{ background:var(--white); padding:28px 0 36px; overflow:hidden; }
.hm-logos__head{ display:flex; justify-content:space-between; gap:16px; }
.hm-logos__note{ text-align:right; }
.hm-logos__lane{ margin-top:12px; overflow:hidden; -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.hm-logos__track{ display:flex; width:max-content; animation:hm-marquee 45s linear infinite; }
.hm-logos__lane.is-paused .hm-logos__track, .v3-hidden .hm-logos__track{ animation-play-state:paused; }
.hm-logos__set{ display:flex; align-items:center; gap:clamp(40px, 4vw, 80px); padding:0 clamp(20px, 2vw, 40px); margin:0; list-style:none; }
.hm-logos__set li{ display:flex; align-items:center; height:72px; }
.hm-logos__set img{ display:block; height:56px; width:auto; max-width:132px; object-fit:contain; filter:grayscale(1); mix-blend-mode:multiply; opacity:.7; transition:opacity 200ms; }
@media (hover:hover){ .hm-logos__set img:hover{ opacity:1; } }
@keyframes hm-marquee{ to{ transform:translate3d(-50%,0,0); } }
@media (prefers-reduced-motion: reduce){ .hm-logos__track{ animation:none; } .hm-logos__lane{ overflow-x:auto; } }
html.reduced .hm-logos__track{ animation:none; }

/* =========================================================================
   4. Pakalpojumi (bento)
   ========================================================================= */
.hm-svc__grid{ display:grid; grid-template-columns:repeat(37, minmax(0, 1fr)); gap:20px; }
.hm-card{ position:relative; display:flex; flex-direction:column; min-width:0; padding:36px; border-radius:var(--r-lg); background:var(--white); color:var(--ink); transition:transform 300ms var(--ease-v3); }
.hm-card--web{ grid-area:1 / 1 / 2 / 23; } .hm-card--shop{ grid-area:1 / 23 / 2 / 38; }
.hm-card--video{ grid-area:2 / 1 / 3 / 16; } .hm-card--sub{ grid-area:2 / 16 / 3 / 38; }
.hm-card--audit{ grid-area:3 / 1 / 4 / 38; }
@media (hover:hover) and (pointer:fine){
  a.hm-card:hover{ transform:translate3d(0,-4px,0); }
  a.hm-card:hover .hm-card__name{ color:var(--signal); }
}
.hm-card__top{ display:flex; align-items:center; justify-content:space-between; gap:16px; }
.hm-card__price{ font-size:var(--fs-small); color:var(--muted); text-align:right; }
.hm-card__name{ margin:30px 0 0; transition:color 200ms; }
.hm-card__name a::after{ content:""; position:absolute; inset:0; border-radius:inherit; }
.hm-card__badge{ display:inline-flex; align-items:center; height:28px; padding:0 11px; margin-left:8px; border-radius:var(--r-pill); background:var(--peach); color:var(--ink); font-size:13px; font-weight:500; letter-spacing:0; vertical-align:middle; transform:translateY(-3px); }
.hm-card__sub{ margin:8px 0 0; font-size:var(--fs-lead); line-height:1.5; color:var(--ink); }
.hm-card__text{ margin:10px 0 0; font-size:var(--fs-body); line-height:1.6; color:var(--muted); max-width:52em; }
.hm-ill{ position:relative; margin-top:auto; padding-top:30px; }
.hm-ill > svg{ display:block; width:100%; height:auto; overflow:hidden; border-radius:16px; }

/* Stils M: Šveices plakāts (mājaslapas) */
.hm-m{ display:grid; grid-template-columns:250fr 300fr 246fr; grid-template-rows:1fr 1fr; gap:6px; aspect-ratio:808 / 314; padding-top:0; margin-top:auto; border-radius:16px; overflow:hidden; container-type:inline-size; }
.hm-card--web .hm-m{ margin-top:30px; }
.hm-card--web .hm-card__text{ margin-bottom:0; }
.hm-m__blk{ position:relative; overflow:hidden; padding:2.6cqi; min-width:0; }
.hm-m__lab{ position:relative; z-index:1; display:block; font-size:max(9px, 1.6cqi); line-height:1.3; color:var(--ink); }
.hm-m__a{ grid-row:1 / 3; background:var(--lilac); }
.hm-m__b{ background:var(--butter-2); }
.hm-m__c{ background:repeating-linear-gradient(135deg, #f4834a 0 1.9cqi, #f79a68 1.9cqi 2.9cqi); }
.hm-m__c .hm-m__lab{ color:rgba(255,255,255,.85); }
.hm-m__d{ grid-column:3; grid-row:1 / 3; background:var(--mint); }
.hm-m__circ{ position:absolute; left:4.8cqi; top:11cqi; width:31cqi; aspect-ratio:1; border-radius:50%; background:var(--lilac-2); transform-origin:58% 42%; }
.hm-m__q{ position:absolute; border-radius:50%; }
.hm-m__q--b{ right:-10cqi; top:-10cqi; width:20cqi; aspect-ratio:1; background:var(--butter); transform-origin:50% 50%; }
.hm-m__q--d{ right:-16cqi; bottom:-16cqi; width:32cqi; aspect-ratio:1; background:var(--mint-2); }
.hm-m__big, .hm-m__mid{ position:absolute; z-index:1; left:2.4cqi; bottom:1.4cqi; font-weight:500; line-height:1; letter-spacing:-0.045em; color:var(--ink); white-space:nowrap; }
.hm-m__big{ font-size:6.6cqi; }
.hm-m__mid{ font-size:5cqi; bottom:1.6cqi; }
.hm-m__c .hm-m__mid{ color:#fff; }
.hm-m__num{ position:relative; z-index:1; display:block; margin-top:3.4cqi; font-size:12.4cqi; font-weight:300; line-height:.9; letter-spacing:-0.04em; color:var(--ink); }
.hm-m__unit{ position:relative; z-index:1; display:block; margin-top:1cqi; font-size:2.3cqi; color:var(--ink); }
.hm-m__dot{ position:absolute; z-index:1; left:6cqi; top:29cqi; width:2.4cqi; aspect-ratio:1; border-radius:50%; background:var(--ink); }
.js .hm-m .hm-m__blk{ animation:hm-rise .8s var(--ease-v3) both; }
.js .hm-m .hm-m__b{ animation-delay:.09s; } .js .hm-m .hm-m__c{ animation-delay:.18s; } .js .hm-m .hm-m__d{ animation-delay:.27s; }
.hm-m .hm-m__circ{ animation:hm-orbit 26s linear infinite; }
.hm-m .hm-m__q--b{ animation:hm-swing 9s ease-in-out infinite alternate; transform-origin:100% 0; }
.hm-m .hm-m__q--d{ animation:hm-orbit 34s linear infinite reverse; transform-origin:62% 62%; }
@keyframes hm-rise{ from{ opacity:0; transform:translate3d(0,28px,0); } }
@keyframes hm-orbit{ to{ transform:rotate(360deg); } }
@keyframes hm-swing{ from{ transform:rotate(-14deg); } to{ transform:rotate(14deg); } }

/* Stils K: izometrija (e-komercija) */
.hm-k svg{ background:linear-gradient(160deg, #f6f7f8, #eceef0); aspect-ratio:528 / 314; }
.hm-k__door{ transform-box:fill-box; transform-origin:0 50%; transition:transform 600ms var(--ease-v3); }
@media (hover:hover){ .hm-card--shop:hover .hm-k__door, .hm-card--shop:focus-visible .hm-k__door{ transform:scaleX(.16); } }
.hm-k__pack{ transform-box:fill-box; transform-origin:50% 100%; }
.js .hm-k__pack{ animation:hm-drop .9s cubic-bezier(.3,1.35,.55,1) both; }
.js .hm-k__pack--1{ animation-delay:.25s; } .js .hm-k__pack--2{ animation-delay:.45s; } .js .hm-k__pack--3{ animation-delay:.6s; }
@keyframes hm-drop{ from{ opacity:0; transform:translate3d(0,-90px,0); } 30%{ opacity:1; } }

/* Video kadri */
.hm-vf{ display:flex; align-items:center; justify-content:center; gap:14px; margin-top:auto; aspect-ratio:528 / 314; padding:0; border-radius:16px; background:var(--panel); overflow:hidden; container-type:inline-size; }
.hm-card--video .hm-vf{ margin-top:30px; }
.hm-vf__f{ position:relative; display:block; border-radius:3cqi; overflow:hidden; background:var(--canvas); flex:none; }
.hm-vf__f img{ display:block; width:100%; height:100%; object-fit:cover; }
.hm-vf__f--l, .hm-vf__f--r{ width:22.7cqi; aspect-ratio:120 / 212; }
.hm-vf__f--c{ width:29.5cqi; aspect-ratio:156 / 276; box-shadow:0 18px 30px rgba(17,19,21,.12); }
.hm-vf__tag{ position:absolute; left:2cqi; top:2cqi; padding:.6cqi 1.6cqi; border-radius:var(--r-pill); background:#fff; font-size:max(9px, 2.1cqi); font-weight:500; color:var(--ink); line-height:1.3; }
.hm-vf__corners{ position:absolute; inset:2.4cqi; pointer-events:none;
  background:
    linear-gradient(#fff,#fff) 0 0 / 3cqi 2px no-repeat, linear-gradient(#fff,#fff) 0 0 / 2px 3cqi no-repeat,
    linear-gradient(#fff,#fff) 100% 0 / 3cqi 2px no-repeat, linear-gradient(#fff,#fff) 100% 0 / 2px 3cqi no-repeat,
    linear-gradient(#fff,#fff) 0 100% / 3cqi 2px no-repeat, linear-gradient(#fff,#fff) 0 100% / 2px 3cqi no-repeat,
    linear-gradient(#fff,#fff) 100% 100% / 3cqi 2px no-repeat, linear-gradient(#fff,#fff) 100% 100% / 2px 3cqi no-repeat; }
.hm-vf__rec{ position:absolute; left:50%; bottom:2cqi; transform:translateX(-50%); display:inline-flex; align-items:center; gap:1cqi; padding:.9cqi 2cqi; border-radius:var(--r-pill); background:var(--ink); color:#fff; font-size:max(9px, 2.1cqi); white-space:nowrap; }
.hm-vf__rec i, .hm-vid__rec i{ width:7px; height:7px; border-radius:50%; background:var(--signal-soft); animation:hm-blink 1.4s steps(1) infinite; }
@keyframes hm-blink{ 50%{ opacity:.25; } }

/* Stils N: mēneša laika līnija (abonements) */
.hm-n svg{ background:var(--panel); aspect-ratio:808 / 338; }
.hm-n__key{ transform-box:fill-box; transform-origin:50% 50%; transform:rotate(45deg); animation:hm-key 4s linear infinite; }
.hm-n__head{ animation:hm-play 4s linear infinite; }
@keyframes hm-play{ from{ transform:translateX(-344px); } to{ transform:translateX(256px); } }
@keyframes hm-key{ 0%{ opacity:1; transform:rotate(45deg) scale(1.75); } 9%{ transform:rotate(45deg) scale(1); } 50%{ opacity:1; } 100%{ opacity:.42; transform:rotate(45deg) scale(1); } }

/* Pārējie pakalpojumi */
.hm-svc__more{ display:flex; align-items:center; gap:12px; margin-top:clamp(32px, 3vw, 56px); }
.hm-svc__also{ font-size:var(--fs-small); color:var(--muted); margin-right:8px; }
.hm-svc__chips{ display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; flex:1; }
.hm-chip{ display:inline-flex; align-items:center; height:38px; padding:0 16px; border-radius:var(--r-pill); background:var(--white); font-size:14px; font-weight:500; color:var(--ink); transition:color 180ms; }
@media (hover:hover){ .hm-chip:hover{ color:var(--signal); } }
.hm-svc__all{ flex:none; }

/* Stils D: audits (uzlabošana) */
.hm-card--audit{ display:grid; grid-template-columns:minmax(0, 520fr) minmax(0, 860fr); gap:48px; align-items:stretch; }
.hm-card__col{ display:flex; flex-direction:column; align-items:flex-start; }
.hm-card__col .btn{ margin-top:28px; }
.hm-card--audit .hm-card__top{ width:100%; }
.hm-d{ margin:0; padding:0; align-self:center; }
.hm-d svg{ background:linear-gradient(160deg, #f6f7f8, #eceef0); aspect-ratio:860 / 268; }
.hm-d__mark, .hm-d__check{ stroke-dasharray:1 1; stroke-dashoffset:0; }
.js .hm-d__mark{ animation:hm-draw 1s var(--ease-v3) .5s both; }
.js .hm-d__mark--2{ animation-delay:.9s; }
.js .hm-d__check{ animation:hm-draw .4s var(--ease-v3) both; animation-delay:calc(1.1s + var(--i) * .2s); }
.hm-d__note{ transform-box:fill-box; transform-origin:50% 0; }
.js .hm-d__note{ animation:hm-note .7s var(--ease-v3) .2s both; }
.js .hm-d__note--2{ animation-delay:.35s; }
.hm-d__stamp{ transform-box:fill-box; transform-origin:50% 50%; }
.js .hm-d__stamp{ animation:hm-stamp .5s cubic-bezier(.2,.9,.3,1.25) 2s both; }
@keyframes hm-draw{ from{ stroke-dashoffset:1; } }
@keyframes hm-note{ from{ opacity:0; transform:translate3d(0,-18px,0); } }
@keyframes hm-stamp{ 0%{ opacity:0; transform:scale(1.7); } 60%{ opacity:1; } 100%{ opacity:1; transform:scale(1); } }

/* =========================================================================
   5. Process
   ========================================================================= */
.hm-proc__panel{ padding:32px; border-radius:32px; background:var(--panel); }
.hm-proc__top{ display:flex; justify-content:space-between; align-items:center; gap:16px; }
.hm-proc__legend{ display:flex; gap:18px; font-size:var(--fs-small); color:var(--ink); }
.hm-proc__legend span{ display:inline-flex; align-items:center; gap:7px; }
.hm-proc__legend i{ width:16px; height:5px; border-radius:3px; background:var(--ink); }
.hm-proc__legend i.is-a{ background:var(--signal-soft); }
.hm-proc__steps{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; margin:28px 0 0; padding:0; list-style:none; }
.hm-step{ display:flex; flex-direction:column; min-width:0; }
.hm-step__when{ position:relative; display:flex; flex-direction:column; gap:14px; font-size:var(--fs-small); color:var(--ink); padding-bottom:22px; }
.hm-step__when span{ order:2; }
.hm-step__dot{ order:1; position:relative; z-index:1; width:9px; height:9px; border-radius:50%; background:var(--ink); }
.hm-step__line{ position:absolute; left:18px; right:0; top:4px; height:1px; background:#d5d9dd; transform-origin:0 50%; }
.hm-step__card{ flex:1; padding:28px; border-radius:var(--r-md); background:var(--white); }
.hm-step__title{ margin:0; }
.hm-step__mwhen{ display:none; align-items:center; gap:10px; margin-bottom:14px; font-size:var(--fs-small); color:var(--ink); }
.hm-step__mwhen i{ width:7px; height:7px; border-radius:50%; background:var(--ink); }
.hm-step__bar{ display:flex; gap:4px; height:5px; margin-top:18px; }
.hm-step__bar i{ display:block; height:100%; border-radius:3px; background:var(--ink); flex:var(--h) 1 0; transform-origin:0 50%; }
.hm-step__bar i.is-a{ background:var(--signal-soft); flex:calc(100 - var(--h)) 1 0; }
.hm-step__split{ margin:12px 0 0; font-size:var(--fs-small); color:var(--muted); }
.hm-step__who{ margin:24px 0 0; font-size:var(--fs-body); line-height:1.6; color:var(--ink); }
.hm-step__who--ai{ margin-top:14px; color:var(--muted); }
.hm-step__k{ display:block; font-size:var(--fs-small); color:var(--ink); margin-bottom:2px; }
.hm-step__who--ai .hm-step__k{ color:var(--signal-text); }
.js .hm-proc__panel .hm-step__dot{ animation:hm-pop .5s var(--ease-v3) both; animation-delay:calc(var(--i) * .12s); }
.js .hm-proc__panel .hm-step__line{ animation:hm-grow .8s var(--ease-v3) both; animation-delay:calc(.1s + var(--i) * .12s); }
.js .hm-proc__panel .hm-step__card{ animation:hm-rise .7s var(--ease-v3) both; animation-delay:calc(.15s + var(--i) * .09s); }
.js .hm-proc__panel .hm-step__bar i{ animation:hm-grow .9s var(--ease-v3) both; animation-delay:calc(.5s + var(--i) * .09s); }
.js .hm-proc__panel .hm-step__bar i.is-a{ animation-delay:calc(.7s + var(--i) * .09s); }
@keyframes hm-grow{ from{ transform:scaleX(0); } }
@keyframes hm-pop{ from{ opacity:0; transform:scale(0); } }
.hm-proc__foot{ display:flex; align-items:center; gap:24px; margin-top:clamp(32px, 3vw, 56px); }
.hm-proc__days{ margin:0; font-size:var(--fs-h2-xl); font-weight:500; line-height:1.1; letter-spacing:-0.04em; white-space:nowrap; }
.hm-proc__days span{ display:inline-block; text-align:right; }
.hm-proc__note{ margin:0; max-width:34em; font-size:var(--fs-body); line-height:1.6; color:var(--muted); }
.hm-proc__btn{ margin-left:auto; flex:none; }

/* =========================================================================
   6. Salīdzinājums
   ========================================================================= */
.hm-cmp__table{ padding:16px; border-radius:var(--r-lg); background:var(--white); }
.hm-cmp__row{ display:grid; grid-template-columns:200px minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.09fr); }
.hm-cmp__row > span{ display:flex; align-items:center; min-height:62px; font-size:var(--fs-body); line-height:1.45; }
.hm-cmp__crit{ padding-left:16px; font-size:var(--fs-small) !important; color:var(--ink); }
.hm-cmp__v{ padding-right:20px; color:var(--muted); border-top:1px solid var(--line); }
.hm-cmp__row > .hm-cmp__v:nth-child(3){ margin-left:20px; }
.hm-cmp__h{ font-size:var(--fs-h4) !important; font-weight:500; color:var(--ink); letter-spacing:-0.02em; }
.hm-cmp__row--head > span{ min-height:90px; }
.hm-cmp__row--head .hm-cmp__h:nth-child(3){ margin-left:20px; }
.hm-cmp__us{ position:relative; gap:12px; padding:0 28px; margin-left:0; background:var(--ink); color:var(--white) !important; border-top:0 !important; }
.hm-cmp__us::before{ content:""; position:absolute; left:28px; right:28px; top:0; height:1px; background:rgba(255,255,255,.12); }
.hm-cmp__row--head .hm-cmp__us::before{ display:none; }
.hm-cmp__row--head .hm-cmp__us{ border-radius:12px 12px 0 0; flex-wrap:wrap; }
.hm-cmp__row:last-child .hm-cmp__us{ min-height:76px; padding-bottom:14px; border-radius:0 0 12px 12px; }
.hm-cmp__chip{ display:inline-flex; align-items:center; gap:5px; height:28px; padding:0 11px; border-radius:var(--r-pill); background:var(--signal-soft); color:var(--ink); font-style:normal; font-size:13px; font-weight:500; letter-spacing:0; white-space:nowrap; }
.hm-cmp__chip-ic{ width:13px; height:13px; flex:none; color:var(--ink); transform:translateY(-.5px); }
.hm-cmp__tick{ width:16px; height:16px; flex:none; color:#6f757b; }
.hm-cmp__cards{ display:none; }
.hm-cmp__foot{ display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:clamp(32px, 3vw, 56px); }
.hm-cmp__cta{ display:flex; align-items:center; gap:16px; font-size:var(--fs-small); color:var(--muted); }
.hm-cmp__note{ margin:0; max-width:36em; font-size:var(--fs-small); color:var(--muted); text-align:right; }

/* =========================================================================
   7. Portfolio
   ========================================================================= */
.hm-pf__grid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:clamp(16px, 1.4vw, 24px) 16px; }
.hm-pf__item{ min-width:0; }

/* =========================================================================
   8. Rezultāti
   ========================================================================= */
.hm-res{ overflow:hidden; }
.hm-res__head{ display:flex; align-items:flex-end; justify-content:space-between; gap:40px; }
.hm-res__title .h2{ margin-top:10px; }
.hm-res__stats{ display:grid; grid-template-columns:repeat(4, minmax(0, 200px)); gap:10px; margin:0; }
.hm-res__stat{ min-width:0; }
.hm-res__num{ font-size:var(--fs-h2); font-weight:500; line-height:1.1; letter-spacing:-0.03em; color:var(--ink); }
.hm-res__stat dd{ margin:6px 0 0; font-size:var(--fs-small); line-height:1.55; color:var(--muted); }
.hm-res__lane{ --pad:max(var(--gutter), calc((100% - var(--container)) / 2)); margin-top:clamp(32px, 2.4vw, 44px); }
.hm-res__track{ display:flex; gap:16px; margin:0; padding:0 var(--pad) 4px; list-style:none; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scroll-padding-inline:var(--pad); scrollbar-width:none; cursor:grab; }
.hm-res__track::-webkit-scrollbar{ display:none; }
.hm-res__track.is-dragging{ cursor:grabbing; scroll-snap-type:none; }
.hm-rv{ flex:0 0 min(560px, 84vw); min-height:460px; scroll-snap-align:start; border-radius:var(--r-lg); display:flex; }
.hm-rv figure{ display:flex; flex-direction:column; width:100%; margin:0; padding:40px; }
.hm-rv__chip{ align-self:flex-start; display:inline-flex; align-items:center; gap:8px; height:30px; padding:0 12px; border-radius:var(--r-pill); background:var(--white); font-size:13px; font-weight:500; color:var(--ink); }
.hm-rv blockquote{ margin:auto 0; padding:32px 0; }
.hm-rv__q{ margin:0; font-size:clamp(22px, 0.5vw + 18px, 28px); font-weight:500; line-height:1.3; letter-spacing:-0.03em; color:var(--ink); }
.hm-rv__t{ margin:16px 0 0; font-size:var(--fs-body); line-height:1.6; color:var(--ink); }
.hm-rv__by{ display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:var(--fs-small); font-weight:500; color:var(--ink); }
.hm-rv__g{ display:inline-flex; align-items:center; gap:10px; }
.hm-rv__gi{ width:18px; height:18px; }
.hm-rv--video{ flex-basis:min(420px, 72vw); }
.hm-rv__vbtn{ position:relative; display:block; width:100%; min-height:460px; padding:0; border:0; border-radius:inherit; overflow:hidden; background:var(--ink); cursor:pointer; text-align:left; color:#fff; }
.hm-rv__img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 30%; transition:transform 700ms var(--ease-v3); }
.hm-rv__vbtn::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(17,19,21,0) 55%, rgba(17,19,21,.6)); }
.hm-rv__chip--live{ position:absolute; left:24px; top:24px; z-index:1; }
.hm-rv__chip--live i{ width:7px; height:7px; border-radius:50%; background:var(--signal-soft); }
.hm-rv__play{ position:absolute; left:24px; right:24px; bottom:24px; z-index:1; display:flex; align-items:center; gap:14px; font-size:15px; font-weight:500; line-height:1.35; }
.hm-rv__play small{ display:block; font-size:var(--fs-small); font-weight:400; color:rgba(255,255,255,.75); }
.hm-rv__pc{ display:grid; place-items:center; width:56px; height:56px; flex:none; border-radius:50%; background:#fff; color:var(--ink); }
.hm-rv__pc svg{ width:20px; height:20px; margin-left:2px; }
@media (hover:hover) and (pointer:fine){ .hm-rv__vbtn:hover .hm-rv__img{ transform:scale(1.03); } }
.hm-res__ctrl{ margin-top:28px; display:flex; align-items:center; gap:32px; }
.hm-res__ctrl .hm-reels__bar{ flex:1 1 auto; }
/* 31.10.2026: bultas atsauksmju lentei (desktopam nebija, kā ritināt) */
.hm-res__nav{ display:flex; gap:8px; flex:none; }
.hm-res__arr{ display:grid; place-items:center; width:48px; height:48px; padding:0; border:0; border-radius:var(--r-sm); background:var(--white); color:var(--ink); cursor:pointer; transition:background-color 200ms var(--ease-v3), color 200ms var(--ease-v3); }
.hm-res__arr svg{ width:20px; height:20px; }
.hm-res__arr:disabled{ opacity:.35; cursor:default; }
@media (hover:hover){ .hm-res__arr:not(:disabled):hover{ background:var(--ink); color:var(--white); } }
@media (hover:none) and (pointer:coarse){ .hm-res__nav{ display:none; } }

/* =========================================================================
   9. Abonements
   ========================================================================= */
.hm-sub__grid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; align-items:start; }
.hm-pk{ display:flex; flex-direction:column; min-width:0; padding:36px; border-radius:32px; background:var(--panel); color:var(--ink); }
.hm-pk--dark{ background:var(--ink); color:var(--white); }
.hm-pk__top{ display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:28px; }
.hm-pk__eyebrow{ font-size:var(--fs-small); color:var(--muted); }
.hm-pk--dark .hm-pk__eyebrow{ color:var(--on-black-muted); }
.hm-pk__badge{ display:inline-flex; align-items:center; height:28px; padding:0 11px; border-radius:var(--r-pill); background:var(--signal-soft); color:var(--ink); font-size:13px; font-weight:500; }
.hm-pk__name{ margin:12px 0 0; font-size:var(--fs-h4); font-weight:500; line-height:1.3; letter-spacing:-0.02em; }
.hm-pk__desc{ margin:14px 0 0; font-size:var(--fs-body); line-height:1.6; color:var(--muted); }
.hm-pk--dark .hm-pk__desc{ color:var(--on-black-muted); }
.hm-pk__price{ display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 6px; margin:22px 0 0; }
.hm-pk__price small{ font-size:var(--fs-small); color:var(--muted); }
.hm-pk__price strong{ font-size:var(--fs-big); font-weight:500; line-height:1; letter-spacing:-0.05em; white-space:nowrap; }
.hm-pk__price span{ font-size:var(--fs-small); color:var(--muted); }
.hm-pk--dark .hm-pk__price small, .hm-pk--dark .hm-pk__price span{ color:var(--on-black-muted); }
.hm-pk__btn{ width:100%; margin-top:22px; }
.hm-pk__inc{ margin-top:16px; padding:12px 16px 4px; border-radius:16px; background:var(--white); }
.hm-pk--dark .hm-pk__inc{ padding:12px 0 0; background:transparent; }
.hm-pk__inc-l{ display:block; padding-bottom:6px; font-size:var(--fs-small); color:var(--muted); border-bottom:1px solid var(--line); }
.hm-pk--dark .hm-pk__inc-l{ color:var(--on-black-muted); border-color:rgba(255,255,255,.14); }
.hm-pk__inc ul{ margin:0; padding:0; list-style:none; }
.hm-pk__inc li{ padding:11px 0; font-size:var(--fs-body); line-height:1.5; border-bottom:1px solid var(--line); }
.hm-pk__inc li:last-child{ border-bottom:0; }
.hm-pk--dark .hm-pk__inc li{ border-color:rgba(255,255,255,.14); }
.hm-sub__foot{ display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:clamp(28px, 2.4vw, 40px); }
.hm-sub__foot p{ margin:0; font-size:var(--fs-small); color:var(--muted); }

/* =========================================================================
   10. Video mārketings: montāžas galds
   ========================================================================= */
.hm-vid__in{ display:grid; grid-template-columns:minmax(0, 560fr) minmax(0, 860fr); align-items:center; gap:48px; }
.hm-vid__title{ margin-top:10px; }
.hm-vid__lead{ margin:16px 0 0; font-size:var(--fs-body); line-height:1.6; color:var(--muted); }
.hm-vid__rows{ margin:32px 0 0; }
.hm-vid__rows > div{ display:grid; grid-template-columns:194px minmax(0, 1fr); align-items:center; gap:16px; padding:16px 0; border-top:1px solid #d5d9dd; }
.hm-vid__rows dt{ font-size:var(--fs-h4); font-weight:500; letter-spacing:-0.02em; }
.hm-vid__rows dd{ margin:0; font-size:var(--fs-body); color:var(--muted); }
.hm-vid__btns{ display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.hm-vid__desk{ display:grid; grid-template-columns:minmax(0, 0.32fr) minmax(0, 0.68fr); gap:24px; align-items:start; padding:40px; border-radius:32px; background:linear-gradient(160deg, #f6f7f8, #eef0f2); }
.hm-vid__phone{ position:relative; display:block; width:100%; aspect-ratio:240 / 426; padding:0; border:0; border-radius:22px; overflow:hidden; background:var(--ink); cursor:pointer; box-shadow:0 20px 40px rgba(17,19,21,.14); }
.hm-vid__img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hm-vid__rec{ position:absolute; left:14px; top:14px; display:inline-flex; align-items:center; gap:6px; height:28px; padding:0 11px; border-radius:var(--r-pill); background:rgba(17,19,21,.85); color:#fff; font-size:12px; }
.hm-vid__ratio{ position:absolute; right:14px; top:14px; display:inline-flex; align-items:center; height:28px; padding:0 11px; border-radius:var(--r-pill); background:#fff; color:var(--ink); font-size:12px; }
.hm-vid__cap{ position:absolute; left:14px; right:14px; bottom:14px; padding:8px 12px; border-radius:10px; background:rgba(17,19,21,.82); color:#fff; font-size:12.5px; line-height:1.35; text-align:left; }
.hm-vid__edit{ min-width:0; padding-top:30px; }
.hm-vid__bar{ display:flex; justify-content:space-between; align-items:baseline; gap:12px; font-size:14px; }
.hm-vid__bar b{ font-weight:500; }
.hm-vid__bar span{ font-family:var(--mono); font-size:11px; color:var(--muted); white-space:nowrap; }
.hm-vid__tl{ display:block; width:100%; height:auto; margin-top:24px; overflow:visible; }
.hm-vid__head{ animation:hm-vplay 6s linear infinite; }
@keyframes hm-vplay{ from{ transform:translateX(-140px); } to{ transform:translateX(286px); } }
.hm-vid__fmt{ display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 190px); gap:16px; align-items:end; margin-top:8px; }
.hm-vid__onion{ display:block; width:88%; max-width:250px; height:auto; overflow:visible; margin-left:6%; }
.hm-vid__fb{ fill:none; stroke:#b6bbc0; stroke-width:1.2; stroke-dasharray:4 3; }
.hm-vid__fh{ fill:none; stroke:var(--signal-soft); stroke-width:2; opacity:0; }
text.hm-vid__ft{ font-size:11px; fill:var(--muted); }
text.hm-vid__fh{ fill:var(--signal-text); stroke:none; }
.hm-vid__f--1 .hm-vid__fh{ opacity:1; }
.hm-vid__f .hm-vid__fh{ animation:hm-fmt 6s linear infinite both; }
.hm-vid__f--2 .hm-vid__fh{ animation-delay:-4s; }
.hm-vid__f--3 .hm-vid__fh{ animation-delay:-2s; }
@keyframes hm-fmt{ 0%,30%{ opacity:1; } 36%,94%{ opacity:0; } 100%{ opacity:1; } }
.hm-vid__fmt p{ margin:0 0 6px; font-size:12px; line-height:1.5; color:var(--muted); }

/* =========================================================================
   11. Noderīgi
   ========================================================================= */
.hm-blog__bar{ display:flex; align-items:center; gap:16px; }
.hm-blog .sec-head__side{ max-width:none; }
.hm-tabs{ display:inline-flex; gap:2px; padding:4px; border-radius:var(--r-pill); background:var(--panel); }
.hm-tabs__btn{ height:36px; padding:0 15px; border:0; border-radius:var(--r-pill); background:transparent; font:inherit; font-size:14px; font-weight:500; color:var(--ink); cursor:pointer; transition:background-color 180ms, color 180ms; white-space:nowrap; }
.hm-tabs__btn.is-active{ background:var(--white); box-shadow:0 1px 2px rgba(17,19,21,.06); }
@media (hover:hover){ .hm-tabs__btn:not(.is-active):hover{ color:var(--signal); } }
.hm-blog__all{ font-size:14px; font-weight:500; text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1px; white-space:nowrap; }
.hm-blog__all:hover{ color:var(--signal); }
.hm-blog__grid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.hm-blog__item{ min-width:0; display:flex; }
.hm-blog__item > *{ width:100%; }

/* =========================================================================
   Planšete
   ========================================================================= */
@media (max-width: 1100px){
  .hm-hero__in{ grid-template-columns:minmax(0, 1fr); }
  .hm-hero__h1{ max-width:none; }
  .hm-hero__art{ max-width:760px; }
  .hm-svc__grid{ grid-template-columns:minmax(0, 1fr); }
  .hm-svc__grid > .hm-card{ grid-area:auto; }
  .hm-card--audit{ grid-template-columns:minmax(0, 1fr); gap:30px; }
  .hm-proc__steps{ grid-template-columns:repeat(2, minmax(0, 1fr)); row-gap:24px; }
  .hm-cmp__row{ grid-template-columns:130px minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.15fr); }
  .hm-res__head{ flex-direction:column; align-items:flex-start; }
  .hm-res__stats{ width:100%; }
  .hm-sub__grid{ grid-template-columns:minmax(0, 1fr); max-width:620px; }
  .hm-vid__in{ grid-template-columns:minmax(0, 1fr); }
  .hm-vid__text{ max-width:640px; }
  .hm-pf__grid, .hm-blog__grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .hm-blog__bar{ flex-wrap:wrap; }
}

/* =========================================================================
   Telefons (Figma 2265:360)
   ========================================================================= */
@media (max-width: 760px){
  .hm-hero{ padding:28px 0 40px; }
  .hm-hero__h1{ margin-top:22px; }
  .hm-hero__btns{ flex-direction:column; margin-top:24px; }
  .hm-hero__btns .btn{ width:100%; }
  .hm-hero__tools{ gap:14px 20px; margin-top:30px; }
  .hm-hero__art{ margin:4px calc(var(--gutter) * -1) 0; }
  .hm-reel{ flex-basis:245px; }
  .hm-reel__title{ font-size:15px; }
  .hm-reel__info{ font-size:11px; margin-top:12px; }
  .hm-reel__play{ width:40px; height:40px; left:12px; bottom:12px; }
  .hm-reel__play svg{ width:16px; height:16px; }
  .hm-reel__mute{ left:12px; bottom:12px; height:28px; font-size:11px; }
  .hm-reels__ctrl{ margin-top:24px; }
  .hm-reels__bar{ flex-basis:120px; }
  .hm-logos{ padding:24px 0 28px; }
  .hm-logos__note{ display:none; }
  .hm-logos__set li{ height:56px; }
  .hm-logos__set img{ height:44px; max-width:104px; }
  .hm-logos__set{ gap:36px; }

  .hm-card{ padding:22px; border-radius:var(--r-md); }
  .hm-card__name{ margin-top:24px; }
  .hm-card__badge{ height:26px; font-size:12px; }
  .hm-ill{ padding-top:22px; }
  .hm-card--web .hm-m, .hm-card--video .hm-vf{ margin-top:22px; }
  .hm-card__col .btn{ width:100%; margin-top:22px; }
  .hm-svc__more{ flex-wrap:wrap; }
  .hm-svc__also{ width:100%; }
  .hm-svc__chips{ flex:1 1 100%; }
  .hm-svc__all{ width:100%; }

  .hm-proc__panel{ padding:0; border-radius:0; background:transparent; }
  .hm-proc__top > .label{ display:none; }
  .hm-proc__top{ justify-content:flex-start; }
  .hm-proc__steps{ grid-template-columns:minmax(0, 1fr); gap:12px; margin-top:24px; }
  .hm-step__when{ display:none; }
  .hm-step__card{ padding:22px; background:var(--panel); }
  .hm-step__mwhen{ display:flex; }
  .hm-proc__foot{ flex-direction:column; align-items:flex-start; gap:12px; }
  .hm-proc__btn{ width:100%; margin:12px 0 0; }

  .hm-cmp__table{ display:none; }
  .hm-cmp__cards{ display:grid; gap:24px; }
  .hm-cmp__card{ padding:22px; border-radius:var(--r-md); background:var(--white); }
  .hm-cmp__card--us{ background:var(--ink); color:var(--white); }
  .hm-cmp__ct{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:0 0 6px; font-size:var(--fs-h4); font-weight:500; letter-spacing:-0.02em; }
  .hm-cmp__card dl{ margin:0; }
  .hm-cmp__card dl > div{ display:flex; justify-content:space-between; gap:16px; padding:7px 0; font-size:13px; }
  .hm-cmp__card dt{ color:var(--muted); }
  .hm-cmp__card dd{ margin:0; text-align:right; }
  .hm-cmp__card--us dl > div{ display:block; padding:14px 0; border-top:1px solid rgba(255,255,255,.12); }
  .hm-cmp__card--us dt{ color:var(--on-black-muted); font-size:13px; }
  .hm-cmp__card--us dd{ display:flex; align-items:center; gap:10px; margin-top:4px; text-align:left; font-size:15px; }
  .hm-cmp__card--us .hm-cmp__tick{ color:var(--signal-soft); }
  .hm-cmp__foot, .hm-cmp__cta{ flex-direction:column; align-items:stretch; gap:12px; }
  .hm-cmp__cta .btn{ width:100%; }
  .hm-cmp__note{ text-align:left; }

  .hm-pf__grid{ display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; margin:0 calc(var(--gutter) * -1); padding:0 var(--gutter) 4px; scroll-padding-inline:var(--gutter); scrollbar-width:none; }
  .hm-pf__grid::-webkit-scrollbar{ display:none; }
  .hm-pf__item{ flex:0 0 86%; scroll-snap-align:start; }
  .hm-pf .sec-head__main{ align-items:flex-start; }

  .hm-res__stats{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:24px 16px; }
  .hm-rv{ flex-basis:300px; min-height:400px; }
  .hm-rv figure{ padding:28px; }
  .hm-rv__vbtn{ min-height:400px; }
  .hm-rv--video{ flex-basis:240px; }
  .hm-rv__q{ font-size:20px; }

  .hm-pk{ padding:24px; border-radius:var(--r-lg); }
  .hm-sub__foot{ flex-direction:column; align-items:stretch; }

  .hm-vid__rows > div{ grid-template-columns:120px minmax(0, 1fr); }
  .hm-vid__btns{ flex-direction:column; }
  .hm-vid__btns .btn{ width:100%; }
  .hm-vid__desk{ grid-template-columns:minmax(0, 96px) minmax(0, 1fr); gap:12px; padding:16px; border-radius:var(--r-md); }
  .hm-vid__rec, .hm-vid__ratio{ height:18px; padding:0 6px; font-size:8px; top:6px; }
  .hm-vid__rec{ left:6px; } .hm-vid__ratio{ right:6px; }
  .hm-vid__rec i{ width:5px; height:5px; }
  .hm-vid__cap{ left:6px; right:6px; bottom:6px; padding:4px 6px; font-size:8px; border-radius:6px; }
  .hm-vid__phone{ border-radius:12px; }
  .hm-vid__edit{ padding-top:2px; }
  .hm-vid__bar{ font-size:9px; }
  .hm-vid__bar span{ font-size:8px; }
  .hm-vid__tl{ margin-top:8px; }
  .hm-vid__fmt{ grid-template-columns:minmax(0, 1fr) minmax(0, 46%); gap:8px; }
  .hm-vid__fmt p{ font-size:8px; }
  .hm-vid__onion{ margin-left:0; }
  .hm-vid__ratio{ display:none; }

  .hm-blog .sec-head__side{ width:100%; }
  .hm-tabs{ max-width:100%; overflow-x:auto; scrollbar-width:none; }
  .hm-tabs__btn{ height:32px; padding:0 12px; font-size:13px; }
  .hm-blog__grid{ display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; margin:0 calc(var(--gutter) * -1); padding:0 var(--gutter) 4px; scroll-padding-inline:var(--gutter); scrollbar-width:none; }
  .hm-blog__grid[hidden]{ display:none; }
  .hm-blog__item{ flex:0 0 86%; scroll-snap-align:start; }
}

@media (max-width: 380px){
  .hm-res__stats{ gap:20px 12px; }
  .hm-vid__rows > div{ grid-template-columns:100px minmax(0, 1fr); }
}

/* Samazināta kustība: gala stāvoklis bez cilpām */
@media (prefers-reduced-motion: reduce){
  .hm-hero__caret{ animation:none; }
  .hm-vf__rec i, .hm-vid__rec i{ animation:none; }
  .hm-vid__head, .hm-vid__f .hm-vid__fh{ animation:none !important; }
}
html.reduced .hm-hero__caret{ animation:none; }

/* Sadaļu galva: base.css .sec-head{align-items:start} neļauj galvai izstiepties (kopējais labojums aprakstīts atskaitē). */
.sec-head{ align-items:stretch; }
.sec-head__main > .h2{ flex:0 1 auto; }
.sec-head__side{ flex:0 1 auto; max-width:460px; }