/* GT Garage main stylesheet */
@font-face{font-family:Onest;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/onest-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Onest;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/onest-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:Onest;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/onest-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/onest-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:Onest;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/onest-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F}
@font-face{font-family:Onest;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/onest-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/onest-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:Onest;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/onest-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F}
@font-face{font-family:Onest;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/onest-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/onest-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:Onest;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/onest-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F}
@font-face{font-family:Onest;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/onest-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/jetbrains-mono-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/jetbrains-mono-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+1E00-1E9F}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/jetbrains-mono-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+2116}

:root{
  --bg:#FAF9F6;--light1:#EEEBE3;--light2:#F6F4EF;--card:#FFFFFF;--field:#F1EFEA;--field2:#EFEDE7;
  --dark:#050915;--dark2:#0C1530;--ui1:#0E1424;--ui2:#182038;--ink:#0A0D16;--muted:#5D6270;--muted-d:#9AA1B2;
  --yellow:#F8BA0C;--cta1:#FFC62E;--cta2:#F2A900;--green:#4AC074;--red:#F0524F;--chk:#DDD8CC;
  --w:1440px;--gut:clamp(20px,4vw,48px);--r:20px;--rp:32px;
  --mono:"JetBrains Mono",ui-monospace,monospace;--sans:Onest,system-ui,-apple-system,"Segoe UI",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4,.mega-t,.mega-gt,.mega-pt{margin:0;font-weight:600;letter-spacing:-.02em;line-height:1.08}
h1,h2,.mega-t{font-weight:700;letter-spacing:-.028em}
p{margin:0 0 1em}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;z-index:999;background:var(--yellow);padding:10px 16px;border-radius:99px}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
.wrap{width:min(var(--w),100% - 2*var(--gut));margin-inline:auto}
.mono{font-family:var(--mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.ico{width:20px;height:20px;flex:none}
.ico svg{width:100%;height:100%}
.hl{color:var(--yellow)}
.hl-g{color:var(--green)}
.mark{display:inline;background:var(--yellow);padding:0 .22em;border-radius:12px;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;border:0;cursor:pointer;font-weight:600;font-size:16px;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}
.btn-y{background:var(--yellow);color:var(--dark)}
.btn-d{background:var(--dark);color:#fff}
.btn-w{background:#fff;color:var(--dark)}
.btn-g{background:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.btn-sm{min-height:42px;padding:0 20px;font-size:14px}
.btn .ico{width:18px;height:18px}
.link{font-weight:600;text-decoration:underline;text-underline-offset:4px}

/* header */
.hdr{position:sticky;top:0;z-index:100;background:rgba(5,9,21,.96);backdrop-filter:blur(12px);color:#fff}
.hdr-in{display:flex;align-items:center;gap:32px;height:84px;padding-inline:clamp(20px,3vw,50px)}
.logo img{width:150px;height:auto}
.nav{margin-left:auto;display:flex;gap:6px;align-items:center}
.nav>a,.nav>.has-mega>button{display:inline-flex;align-items:center;gap:6px;height:92px;padding:0 20px;background:none;border:0;color:#fff;text-decoration:none;font-weight:600;font-size:16px;cursor:pointer;position:relative}
.nav>a.on,.nav>.has-mega.on>button{color:var(--yellow)}
.has-mega[data-open]>button{color:var(--yellow)}
.nav .ico{width:16px;height:16px;transition:transform .2s}
.has-mega[data-open] .ico{transform:rotate(180deg)}
.hdr-r{margin-left:auto;display:flex;align-items:center;gap:22px}
.langs{display:flex;gap:10px;font:500 12px var(--mono);letter-spacing:.06em}
.langs a{color:rgba(255,255,255,.45);text-decoration:none}
.langs a.cur{color:#fff}
.hdr-phone{display:flex;flex-direction:column;line-height:1.2;text-decoration:none}
.hdr-phone b{font-size:15px;font-weight:600}
.hdr-phone small{font-size:12px;color:rgba(255,255,255,.6);display:flex;align-items:center;gap:6px}
.dot{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block}
.dot.off{background:var(--red)}
.burger,.callbtn{display:none}
/* mega menu */
.mega{position:absolute;left:50%;top:calc(100% + 16px);transform:translateX(-50%);width:min(1440px,calc(100vw - 40px));background:linear-gradient(135deg,#F6F4EF,#EEEBE3);color:var(--ink);border-radius:var(--rp);padding:40px;display:none;grid-template-columns:1fr 372px;gap:32px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.has-mega[data-open] .mega{display:grid}
.mega-h{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}
.mega-h h2,.mega-h .mega-t{font-size:30px}
.mega-h p{margin:6px 0 0;color:var(--muted);font-size:15px}
.mega-g{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 32px}
.mega-g>div{display:grid;gap:2px;align-content:start}
.mega-g h3,.mega-g .mega-gt{font:700 12px var(--mono);color:rgba(5,9,21,.5);margin:0 0 8px;letter-spacing:0}
.mega-g a{display:flex;gap:12px;align-items:center;min-height:48px;padding:7px 10px;border-radius:12px;text-decoration:none;font-weight:600;font-size:15px;line-height:1.25;color:var(--dark);transition:background .15s,color .15s}
.mega-g .ci{width:34px;height:34px}
.mega-g .ci .ico{width:15px;height:15px}
.mega-ov{position:fixed;inset:92px 0 0;z-index:90;background:rgba(5,9,21,.6)}
.mega-ov[hidden]{display:none}
.has-mega>button::after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:2px;border-radius:2px;background:var(--yellow);opacity:0;transition:opacity .2s}
.has-mega[data-open]>button::after{opacity:1}
.mega-g a:hover{background:var(--dark);color:#fff}
.mega-g a:hover .ci{background:var(--yellow);color:var(--dark)}
.ci{width:38px;height:38px;border-radius:50%;background:var(--dark);color:#fff;display:grid;place-items:center;flex:none}
.ci .ico{width:17px;height:17px}
.ci.lg{width:48px;height:48px}.ci.lg .ico{width:20px;height:20px}
.ci.y{background:var(--yellow);color:var(--dark)}
.mega-promo{border-radius:24px;padding:32px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,rgba(5,9,21,.1),rgba(5,9,21,.95) 60%),var(--img) center/cover;min-height:440px}
.mega-promo h3,.mega-promo .mega-pt{font-size:26px;margin-bottom:10px}
.mega-promo p{color:rgba(255,255,255,.75);font-size:15px}
.mega-promo .btn{align-self:flex-start;margin:6px 0 12px}

/* mobile menu (Figma 482:2 / 569:128) */
.mnav{position:fixed;inset:68px 0 0;z-index:99;display:none;overflow-y:auto;overscroll-behavior:contain;color:#fff;background:radial-gradient(60% 40% at 100% 0,rgba(248,186,12,.10),transparent 70%),radial-gradient(90% 45% at 0 70%,rgba(74,192,116,.10),transparent 70%),var(--dark)}
.mnav[data-open]{display:block}
.mnav-in{padding:16px 20px 32px;max-width:560px;margin:0 auto}
.mnav summary{list-style:none;cursor:pointer}
.mnav summary::-webkit-details-marker{display:none}
.mnav .tg{display:grid;place-items:center;border-radius:50%;flex:none;transition:background .2s}
.mnav .tg .ico{width:14px;height:14px;transition:transform .2s}
.mnav details[open]>summary .tg .ico{transform:rotate(180deg)}
.mn-svc>summary{display:flex;justify-content:space-between;align-items:center;padding:14px 0;font-size:24px;font-weight:600;line-height:1.3;color:#fff}
.mn-svc[open]>summary{color:var(--yellow)}
.mn-svc>summary .tg{width:36px;height:36px;background:rgba(255,255,255,.08);color:#fff}
.mn-svc[open]>summary .tg{background:rgba(248,186,12,.14);color:var(--yellow)}
.mn-svc>summary .tg .ico{width:16px;height:16px}
.mn-grps{display:grid;gap:8px;margin-top:6px}
.mn-grp{border-radius:16px;background:rgba(255,255,255,.05);overflow:hidden}
.mn-grp[open]{background:rgba(255,255,255,.08)}
.mn-grp>summary{display:flex;align-items:center;gap:10px;padding:14px 14px 14px 16px;font-size:16px;font-weight:600;line-height:1.25}
.mn-grp .t{flex:1;min-width:0}
.mn-grp[open] .t{color:var(--yellow)}
.mn-grp .cnt{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:rgba(255,255,255,.1);flex:none}
.mn-grp[open] .cnt{background:var(--yellow);color:var(--dark)}
.mn-grp .tg{width:28px;height:28px;background:rgba(255,255,255,.06)}
.mn-grp[open] .tg{background:rgba(255,255,255,.12);color:var(--yellow)}
.mn-links{display:grid;gap:2px;padding:0 8px 10px}
.mn-links a{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;font-size:15px;font-weight:500;line-height:1.3;color:#fff;text-decoration:none}
.mn-links a:hover,.mn-links a:focus-visible{background:rgba(255,255,255,.06)}
.mn-links .ci{width:34px;height:34px;background:#182038;color:#fff}
.mn-links .ci .ico{width:15px;height:15px}
.mn-all{display:inline-block;margin:14px 0 18px;font-size:15px;font-weight:600;color:#fff;text-decoration:underline;text-underline-offset:3px}
.mn-svc{border-bottom:1px solid rgba(255,255,255,.08)}
.mn-l{display:block;padding:16px 0;font-size:24px;font-weight:600;line-height:1.3;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.08)}
.mn-l:hover,.mn-l:focus-visible{color:var(--yellow)}
.mn-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:26px}
.mnav .mn-langs{display:flex;gap:6px;font:600 13px var(--sans);letter-spacing:0}
.mnav .mn-langs a{width:44px;height:36px;border-radius:99px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:rgba(255,255,255,.7)}
.mnav .mn-langs a.cur{background:#fff;color:var(--dark)}
.mn-phone{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-decoration:none;color:#fff;line-height:1.25}
.mn-phone b{font-size:16px;font-weight:600}
.mn-phone small{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,.55)}
.mn-btns{display:grid;gap:10px;margin-top:24px}
.mn-btns .btn{width:100%;min-height:56px;font-size:16px}
.mn-btns .btn-g{background:rgba(255,255,255,.1);box-shadow:none}
.mn-btns .btn .ico{width:20px;height:20px}
.mnav .soc{margin-top:26px;gap:10px}
.mnav .soc.round a{width:44px;height:44px}
.mnav .soc.round img{width:24px;height:24px}
html.mnav-open,html.mnav-open body{overflow:hidden}

/* hero */
.hero{position:relative;color:#fff;background:var(--dark);overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg img{width:100%;height:100%;object-fit:cover}
.hero-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(40% 50% at 95% 0%,rgba(248,186,12,.12),transparent 70%),linear-gradient(90deg,rgba(5,9,21,.97) 0%,rgba(5,9,21,.86) 38%,rgba(5,9,21,.35) 70%,rgba(5,9,21,.2)),radial-gradient(60% 80% at 0% 100%,rgba(74,192,116,.22),transparent 70%)}
.hero-bg:empty::after{background:radial-gradient(40% 55% at 95% 0%,rgba(248,186,12,.14),transparent 70%),radial-gradient(55% 75% at 0% 100%,rgba(74,192,116,.22),transparent 70%)}
.hero-in{position:relative;z-index:1;padding:110px 0 90px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:60px;align-items:center}
.hero h1{font-size:clamp(34px,4.2vw,56px);font-weight:700;line-height:1.02;letter-spacing:-.025em;margin-bottom:28px}
.hero .lead{font-size:clamp(16px,1.4vw,20px);line-height:1.5;color:rgba(255,255,255,.72);max-width:640px;margin-bottom:40px}
.hero .btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:46px}
.facts{display:flex;gap:44px;flex-wrap:wrap}
.facts b{display:block;font-size:26px;font-weight:600;line-height:1.1}
.facts>div>span{font-size:13px;color:rgba(255,255,255,.6)}
.stars{display:inline-flex;gap:2px;color:var(--yellow);vertical-align:middle}
.stars .ico{width:14px;height:14px}
.stars .ico svg{fill:currentColor}
.crumbs{font-size:14px;font-weight:500;color:rgba(255,255,255,.5);margin-bottom:36px;display:flex;flex-wrap:wrap;gap:10px}
.crumbs span[aria-hidden]{color:rgba(255,255,255,.3)}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:#fff}
.crumbs span[aria-current]{color:rgba(255,255,255,.9)}
.hero.compact .hero-in{padding:90px 0 100px;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
.hero.compact h1{font-size:clamp(30px,3.6vw,56px)}
.hero.compact .lead{margin-bottom:28px}
.hero-card{background:rgba(14,20,36,.72);backdrop-filter:blur(16px);border-radius:24px;padding:28px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.hero-card h2{font-size:20px;margin-bottom:14px}
.hero-card dl{margin:0;display:grid;gap:12px}
.hero-card dt{font:500 11px var(--mono);text-transform:uppercase;color:var(--muted-d);letter-spacing:.06em}
.hero-card dd{margin:2px 0 0;font-weight:600}
.hero-photo{border-radius:24px;overflow:hidden;position:relative;aspect-ratio:4/3.3;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.hero-photo img{width:100%;height:100%;object-fit:cover}
.hero-photo .tag{position:absolute;left:18px;bottom:18px;background:#fff;color:var(--ink);border-radius:16px;padding:12px 16px;display:flex;gap:12px;align-items:center;font-size:14px;font-weight:600}
.hero-photo .tag small{display:block;font-weight:400;color:var(--muted);font-size:12px}
.ci.g{background:var(--green)}
/* home hero dashboard */
.dash{background:linear-gradient(180deg,#121a30,#0B1122);border-radius:22px;box-shadow:0 40px 80px -20px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.06);font-size:14px;max-width:560px;justify-self:end;width:100%;position:relative}
.dash-top{border-radius:22px 22px 0 0;display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:rgba(255,255,255,.03);font:500 11px var(--mono);color:var(--muted-d)}
.dash-top i{display:inline-block;width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.2);margin-right:4px}
.dash-b{padding:18px}
.dash-car{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}
.dash-car b{font-size:17px;font-weight:600}
.dash-car small{display:block;font:500 11px var(--mono);color:var(--muted-d);margin-top:4px}
.pill{display:inline-flex;align-items:center;gap:6px;font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.06em;border-radius:99px;padding:5px 10px;background:rgba(74,192,116,.14);color:var(--green);white-space:nowrap}
.pill.y{background:rgba(248,186,12,.14);color:var(--yellow)}
.pill.r{background:rgba(240,82,79,.14);color:var(--red)}
.dash-score{display:flex;gap:16px;align-items:center;background:rgba(255,255,255,.04);border-radius:14px;padding:14px;margin-bottom:12px}
.ring{width:58px;height:58px;border-radius:50%;background:conic-gradient(var(--green) 0 78%,rgba(255,255,255,.1) 0);display:grid;place-items:center;flex:none}
.ring b{width:46px;height:46px;border-radius:50%;background:#0F1628;display:grid;place-items:center;font-size:18px}
.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.metric{background:rgba(255,255,255,.04);border-radius:12px;padding:12px}
.metric small{font:500 10px var(--mono);color:var(--muted-d);text-transform:uppercase}
.metric b{display:block;font-size:18px;margin:4px 0 8px}
.bar{height:4px;border-radius:9px;background:rgba(255,255,255,.1);overflow:hidden}
.bar i{display:block;height:100%;background:var(--green);border-radius:9px}
.bar i.y{background:var(--yellow)}.bar i.r{background:var(--red)}
.code{display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.04);border-radius:10px;padding:10px 12px;margin-top:8px;font-size:13px}
.code em{font:500 11px var(--mono);font-style:normal;color:var(--red)}
.code em.y{color:var(--yellow)}
.code .pill{margin-left:auto}
.dash-total{display:flex;justify-content:space-between;align-items:end;margin-top:14px}
.dash-total small{font:500 10px var(--mono);color:var(--muted-d);display:block}
.dash-total b{font-size:20px}
.dash-note{position:absolute;right:-30px;bottom:-34px;background:#fff;color:var(--ink);border-radius:14px;padding:12px 16px;display:flex;gap:12px;align-items:center;font-size:13px;font-weight:600;box-shadow:0 20px 40px -10px rgba(0,0,0,.4)}
.dash-note small{display:block;font-weight:400;color:var(--muted);font-size:11px}

/* sections */
.sec{padding:90px 0;position:relative;background:linear-gradient(160deg,var(--light2) 0%,var(--light1) 100%)}
.sec.alt{background:radial-gradient(70% 60% at 100% 0%,rgba(74,192,116,.07),transparent 70%),linear-gradient(200deg,var(--light2),var(--light1))}
.sec.plain{background:var(--bg)}
.sec::before{content:"";position:absolute;inset:0;background:url(../img/noise-128.png);opacity:.05;pointer-events:none}
.sec>*{position:relative}
.sec-h{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}
.sec-h h2,.h2{font-size:clamp(30px,3.3vw,52px)}
.sec-h p,.sec-lead{color:var(--muted);max-width:420px;margin:0;font-size:16px}
.sec-h .act{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.band{background:var(--bg);padding:24px}
.panel{border-radius:var(--rp);padding:90px 0;position:relative;overflow:hidden;color:#fff;background:radial-gradient(60% 70% at 100% 100%,rgba(30,58,138,.35),transparent 70%),linear-gradient(135deg,var(--dark) 0%,var(--dark2) 100%)}
.panel::before{content:"";position:absolute;inset:0;background:url(../img/noise-128.png);opacity:.05;pointer-events:none}
.panel>*{position:relative}
.panel .sec-h p,.panel .sec-lead{color:var(--muted-d)}
.panel.y{color:var(--ink);background:linear-gradient(100deg,var(--cta1) 0%,var(--cta2) 100%)}
.panel.y .sec-lead{color:rgba(10,13,22,.75)}
.panel.img{background:var(--dark)}
.panel.img .pbg{position:absolute;inset:0}
.panel.img .pbg img{width:100%;height:100%;object-fit:cover;opacity:.55}
.panel.img .pbg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,21,.95) 20%,rgba(5,9,21,.55) 70%,rgba(5,9,21,.35)),radial-gradient(50% 60% at 0 100%,rgba(74,192,116,.25),transparent)}

/* cards */
.grid{display:grid;gap:16px}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--card);border-radius:var(--r);padding:28px;box-shadow:0 1px 0 rgba(10,13,22,.02)}
.card h3{font-size:19px;margin:18px 0 8px;line-height:1.25}
.card p{color:var(--muted);font-size:15px;margin:0}
.panel .card{background:rgba(255,255,255,.05);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.panel .card p{color:var(--muted-d)}
.svc{display:flex;flex-direction:column;background:#fff;border-radius:var(--r);overflow:hidden;text-decoration:none;transition:box-shadow .2s}
.svc:hover{box-shadow:0 20px 40px -20px rgba(10,13,22,.25)}
.svc-img{aspect-ratio:350/196;overflow:hidden}
.svc-img img{width:100%;height:100%;object-fit:cover}
.svc-b{padding:0 24px 24px;display:flex;flex-direction:column;flex:1}
.svc-b .ci{margin-top:-24px;position:relative;width:48px;height:48px}
.svc-b h3{font-size:19px;margin:16px 0 8px}
.svc-b p{color:var(--muted);font-size:14px;margin:0 0 20px;flex:1}
.svc-b .more{font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.svc.dk{background:var(--dark);color:#fff}
.svc.dk p{color:var(--muted-d)}
.svc.dk .more{color:var(--yellow)}
.svc.dk .ci{background:var(--yellow);color:var(--dark)}
.svc-sm{display:flex;flex-direction:column;background:#fff;border-radius:var(--r);padding:24px;text-decoration:none;min-height:230px}
.svc-sm h3{font-size:17px;margin:20px 0 8px}
.svc-sm p{font-size:14px;color:var(--muted);margin:0 0 16px;flex:1}
.svc-sm .more{font-size:13px;font-weight:600}
.svc-row{display:flex;gap:14px;align-items:center;background:#fff;border-radius:var(--r);padding:18px 20px;text-decoration:none}
.svc-row b{display:block;font-size:15px;font-weight:600;line-height:1.25}
.svc-row small{color:var(--muted);font-size:13px}
.svc-row.dk{background:var(--dark);color:#fff}
.svc-row.dk small{color:var(--muted-d)}

/* intro bento (Figma 459:2 / mobile 569:3) */
.intro{display:grid;grid-template-columns:minmax(0,560fr) minmax(0,820fr);gap:60px;align-items:center}
.intro h2{font-size:clamp(30px,3.3vw,52px);margin-bottom:24px;line-height:1.08;letter-spacing:-.028em}
.intro h2 .mark{padding:2px 18px 6px;border-radius:14px;display:inline-block;margin-top:6px}
.intro .txt{color:rgba(5,9,21,.72);font-size:18px;line-height:1.55;max-width:540px;margin-bottom:32px}
.intro .act{display:flex;gap:24px;align-items:center;margin-bottom:48px}
.intro .act .btn{min-height:56px;padding:0 30px}
.intro .act .link{font-size:16px}
.steps3{display:grid;gap:14px;list-style:none;margin:0;padding:0}
.steps3 li{display:flex;gap:16px;align-items:flex-start}
.num{width:28px;height:28px;border-radius:50%;background:var(--dark);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600;flex:none}
.steps3 .num{width:40px;height:40px;font-size:15px;font-weight:700}
.num.y{color:var(--yellow)}
.steps3 b{display:block;font-size:17px;font-weight:600;margin-bottom:4px;line-height:1.3}
.steps3 span:not(.num){display:block;font-size:15px;line-height:1.5;color:rgba(5,9,21,.66)}
.bento{display:flex;flex-wrap:wrap;gap:16px}
.bento .ph{flex:0 0 calc((100% - 16px)*520/804);height:400px;border-radius:24px;overflow:hidden;position:relative}
.bento .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.chip{display:inline-flex;align-items:center;gap:10px;background:var(--dark);color:#fff;border-radius:99px;padding:12px 18px 12px 16px;font-size:14px;font-weight:500;line-height:1.25;white-space:nowrap}
.chip .dot{width:8px;height:8px}
.chip.w{background:#fff;color:var(--dark);padding:11px 16px}
.chip .ico{width:14px;height:14px}
.bento .ph .chip{position:absolute;left:20px;top:20px}
.bento .ph .chip.w{top:auto;bottom:20px}
.b-dark{flex:1 1 200px;height:400px;background:var(--dark);color:#fff;border-radius:24px;padding:28px;display:flex;flex-direction:column}
.b-dark .t{display:flex;flex-direction:column;gap:8px}
.b-dark .big{font-size:76px;font-weight:700;letter-spacing:-.03em;color:var(--yellow);line-height:1}
.b-dark small{color:rgba(255,255,255,.75);font-size:16px;font-weight:500;line-height:1.4}
.b-dark .mini{margin-top:auto;border-radius:16px;overflow:hidden;height:132px}
.b-dark .mini img{width:100%;height:100%;object-fit:cover}
.b-dark p{font-size:14px;line-height:1.5;color:rgba(255,255,255,.55);margin:14px 0 0}
.b-card{flex:1 1 calc((100% - 32px)/3 - 1px);height:224px;background:#fff;border-radius:24px;padding:24px;display:flex;flex-direction:column;justify-content:space-between}
.b-card .hd{display:flex;align-items:center;gap:10px}
.b-card .hd img{width:28px;height:28px}
.b-card .hd .stars .ico{width:18px;height:18px}
.b-card .big{display:block;font-size:44px;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--dark)}
.b-card small{display:block;font-size:14px;font-weight:500;color:rgba(5,9,21,.7);margin-top:6px}
.b-card small.hd{margin:0}
.b-card.g{background:var(--green);color:var(--dark)}
.b-card.g div small{color:rgba(5,9,21,.8)}
.avs{display:flex}
.avs .ci{width:40px;height:40px;margin-right:-8px;box-shadow:0 0 0 2px #fff}
.avs .ci .ico{width:17px;height:17px}
.avs .ci.more{margin-right:0;font-size:12px;font-weight:700}

/* yellow cta */
.ycta{border-radius:var(--rp);overflow:hidden;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(100deg,var(--cta1),var(--cta2));min-height:340px}
.ycta-t{padding:70px 0 70px max(var(--gut),calc((100% - 1440px)/2 + 0px));padding-left:clamp(28px,8vw,130px)}
.ycta h2{font-size:clamp(28px,3vw,44px);margin-bottom:14px}
.ycta p{max-width:440px;color:rgba(10,13,22,.8)}
.ycta .act{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:24px;font-size:15px}
.ycta-i{position:relative}
.ycta-i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ycta-i::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--cta1) 0%,rgba(255,198,46,0) 45%)}

/* diag panel */
.diag{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;align-items:center}
.diag h2{font-size:clamp(30px,3.3vw,52px);margin-bottom:24px}
.diag .txt{color:var(--muted-d);margin-bottom:28px}
.dlist{display:grid;gap:10px;list-style:none;padding:0;margin:0}
.dlist li{background:rgba(255,255,255,.05);border-radius:14px;padding:16px 18px;display:flex;gap:18px}
.dlist em{font:500 12px var(--mono);font-style:normal;color:var(--green)}
.dlist li:nth-child(2) em{color:var(--yellow)}
.dlist b{display:block;font-size:15px}
.dlist span{font-size:13px;color:var(--muted-d)}
.chart{background:rgba(255,255,255,.03);border-radius:14px;padding:16px;margin-bottom:12px}
.chart svg{width:100%;height:auto}
.legend{display:flex;gap:16px;font:500 10px var(--mono);color:var(--muted-d);margin-bottom:8px}
.legend i{display:inline-block;width:12px;height:2px;margin-right:6px;vertical-align:middle}
.dash-grid.g4{grid-template-columns:repeat(4,1fr)}

/* why */
.why{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:60px;align-items:stretch}
.why-ph{border-radius:24px;overflow:hidden;position:relative;min-height:520px}
.why-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.why-ph blockquote{position:absolute;left:0;right:0;bottom:0;margin:0;padding:40px 30px 30px;background:linear-gradient(0deg,rgba(5,9,21,.95),transparent);color:#fff;font-size:22px;font-weight:600;line-height:1.3}
.why h2{font-size:clamp(30px,3.3vw,52px);margin-bottom:16px}
.why .sec-lead{margin-bottom:32px}

/* video */
.vids{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.vid{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:9/16;max-height:440px;width:100%;color:#fff;text-decoration:none;display:block}
.vid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.vid:hover img{transform:scale(1.04)}
.vid::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,9,21,.9) 0%,transparent 55%)}
.vid .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.2);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:1}
.vid .play .ico svg{fill:#fff}
.vid div{position:absolute;left:18px;right:18px;bottom:18px;z-index:1}
.vid b{display:block;font-size:15px;line-height:1.3}
.vid small{font:500 10px var(--mono);color:var(--muted-d);text-transform:uppercase}
.soc{display:flex;gap:8px;flex-wrap:wrap}
.soc a{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--ink);border-radius:99px;padding:8px 16px 8px 10px;font-size:13px;font-weight:600;text-decoration:none}
.soc img{width:22px;height:22px;object-fit:contain}
.soc.round a{padding:0;width:40px;height:40px;justify-content:center}

/* reviews */
.rv-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;gap:20px;flex-wrap:wrap}
.rv-h h2{display:flex;gap:14px;align-items:center;font-size:clamp(28px,3vw,46px)}
.gbadge{width:54px;height:54px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none}
.gbadge img{width:28px;height:28px}
.rv-score{display:flex;align-items:center;gap:12px}
.rv-score b{font-size:44px;font-weight:600}
.rv-score small{display:block;font-size:12px;color:var(--muted)}
.slider{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.slider::-webkit-scrollbar{display:none}
.slider>*{scroll-snap-align:start}
.rv{background:#fff;border-radius:var(--r);padding:26px;display:flex;flex-direction:column;min-height:300px}
.rv:nth-child(4n+2){background:var(--dark);color:#fff}
.rv p{font-size:15px;line-height:1.55;margin:16px 0 20px;flex:1}
.rv footer{display:flex;gap:12px;align-items:center}
.rv footer img{width:34px;height:34px;padding:7px;border-radius:50%;background:var(--field)}
.rv footer b{display:block;font-size:14px}
.rv footer small{font:500 10px var(--mono);color:var(--muted);text-transform:uppercase}
.rv-nav{display:flex;justify-content:space-between;margin-top:20px;gap:12px;flex-wrap:wrap}
.arrows{display:flex;gap:8px}
.arrows button{width:44px;height:44px;border-radius:50%;border:0;background:#fff;display:grid;place-items:center;cursor:pointer}
.arrows button+button{background:var(--dark);color:#fff}
.arrows .ico{width:18px;height:18px}

/* posts */
.filters{display:flex;gap:8px;flex-wrap:wrap}
.filters a,.filters button{border:0;cursor:pointer;background:rgba(255,255,255,.08);color:#fff;border-radius:99px;padding:9px 18px;font-size:13px;font-weight:600;text-decoration:none}
.filters .on{background:#fff;color:var(--dark)}
.sec .filters a,.sec .filters button{background:#fff;color:var(--ink)}
.sec .filters .on{background:var(--dark);color:#fff}
.post{display:flex;flex-direction:column;background:#fff;color:var(--ink);border-radius:var(--r);overflow:hidden;text-decoration:none}
.post-img{aspect-ratio:350/225;position:relative;overflow:hidden;background:var(--field)}
.post-img img{width:100%;height:100%;object-fit:cover}
.cat{position:absolute;left:12px;top:12px;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:600;background:var(--yellow);color:var(--ink)}
.cat.g{background:var(--green);color:#06210F}
.post-b{padding:20px 20px 24px;flex:1;display:flex;flex-direction:column}
.post-b h3{font-size:17px;line-height:1.3;margin-bottom:10px}
.post-b p{font-size:13px;color:var(--muted);margin:0 0 12px}
.meta{font:500 10px var(--mono);text-transform:uppercase;color:#8A8F9C;letter-spacing:.04em;margin-top:auto;display:flex;gap:12px}
.feat{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:var(--r);overflow:hidden;margin-bottom:16px;text-decoration:none}
.feat .post-img{aspect-ratio:auto;min-height:320px}
.feat .post-b{padding:44px;justify-content:center}
.feat h2{font-size:30px;margin:14px 0 12px}
.feat .tagrow{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted)}
.feat .tagrow .cat{position:static}
.pager{display:flex;gap:8px;justify-content:center;margin-top:40px;flex-wrap:wrap}
.pager a,.pager span{min-width:38px;height:38px;border-radius:99px;display:grid;place-items:center;padding:0 12px;background:#fff;text-decoration:none;font-size:13px;font-weight:600}
.pager .current{background:var(--dark);color:#fff}
.search-f{display:flex;align-items:center;background:rgba(255,255,255,.08);border-radius:99px;padding:0 6px 0 18px;min-width:240px}
.search-f input{background:none;border:0;color:#fff;height:42px;flex:1;outline:0;font-size:13px}
.search-f input::placeholder{color:rgba(255,255,255,.5)}
.search-f button{background:none;border:0;color:#fff;cursor:pointer;width:34px;height:34px;display:grid;place-items:center}
.search-f .ico{width:16px;height:16px}

/* faq */
.faqw{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:60px}
.faqw h2{font-size:clamp(30px,3.3vw,52px);margin-bottom:16px}
.faqw .sec-lead{margin-bottom:28px}
.callrow{display:flex;gap:12px;align-items:center;margin-top:24px;text-decoration:none}
.callrow b{display:block;font-size:16px}
.callrow small{font-size:12px;color:var(--muted)}
.faq{display:grid;gap:10px;align-content:start}
.faq2{grid-template-columns:1fr 1fr;align-items:start}
.faq2>div{display:grid;gap:10px}
.qa{background:#fff;border-radius:var(--r)}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;font-weight:600;font-size:17px;line-height:1.35}
.qa summary::-webkit-details-marker{display:none}
.qa .pm{width:32px;height:32px;border-radius:50%;background:var(--field);display:grid;place-items:center;flex:none}
.qa .pm .ico{width:16px;height:16px}
.qa .pm .m{display:none}
.qa[open] .pm{background:var(--dark);color:#fff}
.qa[open] .pm .m{display:block}.qa[open] .pm .p{display:none}
.qa .a{padding:0 24px 24px;color:var(--muted);font-size:15px;max-width:720px}
.qa .a p:last-child{margin:0}

/* contact */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.contact h2{font-size:clamp(30px,3vw,48px);margin-bottom:24px}
.bigphone{font-size:clamp(30px,2.8vw,44px);font-weight:600;color:var(--yellow);text-decoration:none;display:inline-block;margin-bottom:36px;letter-spacing:-.02em}
.cinfo{display:grid;grid-template-columns:auto auto;gap:28px 60px;justify-content:start;margin-bottom:36px}
.cinfo small{display:block;font:500 10px var(--mono);text-transform:uppercase;color:var(--muted-d);letter-spacing:.06em;margin-bottom:6px}
.cinfo a,.cinfo span{text-decoration:none;font-size:16px;line-height:1.45}
.cinfo .gr{color:var(--green)}
.formcard{background:#fff;color:var(--ink);border-radius:24px;padding:40px}
.formcard h2,.formcard h3{font-size:26px;margin-bottom:8px}
.formcard>p{color:var(--muted);font-size:14px;margin-bottom:26px}
.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form .full{grid-column:1/-1}
.form label.fl{display:block;position:relative}
.form input,.form select,.form textarea{width:100%;border:0;background:var(--field);border-radius:14px;height:56px;padding:0 18px;font-size:15px;outline:0;appearance:none;-webkit-appearance:none}
.form textarea{height:110px;padding:16px 18px;resize:vertical}
.form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23555' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;padding-right:44px}
.form input:focus,.form select:focus,.form textarea:focus{box-shadow:inset 0 0 0 2px var(--yellow)}
.form ::placeholder{color:#8A8F9C}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:var(--muted);cursor:pointer}
.consent input{width:18px;height:18px;flex:none;margin:0;border-radius:5px;background:var(--chk);appearance:none;-webkit-appearance:none;cursor:pointer;padding:0}
.consent input:checked{background:var(--dark) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F8BA0C' stroke-width='3'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}
.consent a{color:inherit}
.form .btn{width:100%;height:58px}
.hp{position:absolute!important;left:-9999px!important}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{cursor:pointer}
.chips input{position:absolute;opacity:0}
.chips span{display:inline-block;background:var(--field);border-radius:99px;padding:9px 16px;font-size:14px;font-weight:500}
.chips input:checked+span{background:var(--dark);color:#fff}
.chips input:focus-visible+span{outline:2px solid var(--yellow)}
.notice{border-radius:14px;padding:14px 18px;font-size:14px;margin-bottom:16px;background:rgba(240,82,79,.1);color:#9B1C1A}

/* footer */
.ftr{background:radial-gradient(60% 80% at 100% 0,rgba(30,58,138,.18),transparent),var(--dark);color:#fff;padding:90px 0 40px;font-size:14px}
.ftr-g{display:grid;grid-template-columns:1.3fr 1.3fr .7fr .9fr;gap:40px;margin-bottom:70px}
.ftr .logo img{width:150px;margin-bottom:18px}
.ftr p{color:rgba(255,255,255,.65);max-width:320px;font-size:14px}
.ftr h3{font:700 11px var(--mono);text-transform:uppercase;color:rgba(255,255,255,.45);letter-spacing:.06em;margin:0 0 20px}
.ftr ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.ftr .cols2{display:block;columns:2;column-gap:40px}
.ftr .cols2 li{margin-bottom:10px}
.ftr a{text-decoration:none;color:rgba(255,255,255,.88)}
.ftr a:hover{color:#fff}
.ftr .y{color:var(--yellow)}
.ftr-b{border-top:1px solid rgba(255,255,255,.08);padding-top:30px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:rgba(255,255,255,.45)}
.ftr-b nav{display:flex;gap:28px;flex-wrap:wrap}
.ftr-b a{color:rgba(255,255,255,.45)}
.ftr-b .r{display:flex;gap:36px;align-items:center}
.dev{display:flex;gap:8px;align-items:center}
.dev img{height:20px;width:auto}

/* service page blocks */
.sum{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:60px;align-items:center}
.sum h2{font-size:26px;margin-bottom:14px}
.sum p{font-size:17px;color:#3B404C;line-height:1.7;margin:0}
.kf{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kf div{background:#fff;border-radius:16px;padding:16px 18px}
.kf small{display:block;font-size:12px;color:var(--muted)}
.kf b{font-weight:600;font-size:15px;line-height:1.35}
.sec.slim{padding:70px 0}
.prose{color:#3B404C;font-size:17px;line-height:1.75}
.prose h2{font-size:clamp(26px,2.4vw,36px);margin:1.6em 0 .6em;color:var(--ink);line-height:1.2}
.prose h3{font-size:21px;margin:1.4em 0 .5em;color:var(--ink);line-height:1.3}
.prose a{color:var(--ink);text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:3px}
.prose ul,.prose ol{padding-left:1.3em}
.prose li{margin-bottom:.4em}
.prose ul{list-style:none;padding-left:0}
.prose ul li{position:relative;padding-left:30px}
.prose ul li::before{content:"";position:absolute;left:0;top:.45em;width:18px;height:18px;border-radius:50%;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/11px no-repeat}
.prose img,.prose figure img{border-radius:var(--r);margin:1.5em 0}
.prose figure{margin:0}
.prose blockquote{margin:1.5em 0;padding:24px 28px;background:#fff;border-radius:var(--r);font-weight:500;color:var(--ink)}
.prose table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--r);overflow:hidden;font-size:15px}
.prose td,.prose th{padding:14px 18px;border-bottom:1px solid var(--field);text-align:left}
.split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center}
.split .ph{border-radius:24px;overflow:hidden;aspect-ratio:474/380}
.split .ph img{width:100%;height:100%;object-fit:cover}
.split h2{font-size:clamp(28px,3vw,46px);margin-bottom:24px}
.tl{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;list-style:none;margin:0;padding:0}
.tl li{position:relative;padding-top:44px}
.tl li::before{content:"";position:absolute;top:8px;left:0;right:0;height:1px;background:rgba(255,255,255,.15)}
.tl li::after{content:"";position:absolute;top:0;left:0;width:17px;height:17px;border-radius:50%;background:var(--yellow)}
.tl li:last-child::after{background:var(--red)}
.tl .pill{margin-bottom:16px;text-transform:none;font-size:11px}
.tl h3{font-size:19px;margin-bottom:10px}
.tl p{font-size:14px;color:var(--muted-d);margin:0}
.tbl{background:#fff;border-radius:var(--r);padding:8px 32px;overflow-x:auto}
.tbl table{width:100%;border-collapse:collapse;min-width:520px}
.tbl th{font:500 11px var(--mono);text-transform:uppercase;color:var(--muted);text-align:left;padding:18px 0;border-bottom:1px solid var(--field)}
.tbl td{padding:20px 20px 20px 0;border-bottom:1px solid var(--field);font-size:15px;color:#3B404C;vertical-align:top}
.tbl td:first-child{font-weight:600;color:var(--ink)}
.tbl tr:last-child td{border-bottom:0}
.note{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--muted);margin-top:18px}
.note .ico{width:16px;height:16px;margin-top:3px}
.panel .note{background:rgba(74,192,116,.1);border-radius:16px;padding:18px 22px;color:#fff;align-items:center;margin-top:40px}
.panel .note .ci{width:34px;height:34px;background:var(--green)}
.chk-w{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:60px;align-items:center}
.chk-w h2{font-size:clamp(28px,3vw,46px);margin-bottom:16px}
.chk-w .sec-lead{margin-bottom:30px}
.chk{background:#fff;border-radius:24px;padding:36px;display:grid;grid-template-columns:1fr 1fr;gap:18px 30px;list-style:none;margin:0}
.chk li{display:flex;gap:14px;align-items:center;font-size:15px;font-weight:500;line-height:1.35}
.tick{width:26px;height:26px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;flex:none}
.tick .ico{width:14px;height:14px}
.stp{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;list-style:none;margin:0;padding:0}
.stp li{background:rgba(255,255,255,.05);border-radius:var(--r);padding:26px;min-height:240px;display:flex;flex-direction:column}
.stp em{font:500 12px var(--mono);font-style:normal;color:var(--yellow);margin-bottom:auto;padding-bottom:40px}
.stp h3{font-size:19px;margin-bottom:10px}
.stp p{font-size:14px;color:var(--muted-d);margin:0}
.sym .ci{width:42px;height:42px}
.callout{display:flex;gap:24px;align-items:center;padding:56px clamp(28px,8vw,130px)}
.callout .ci{width:56px;height:56px}
.callout h2{font-size:22px;margin-bottom:6px}
.callout p{margin:0;font-weight:500;max-width:900px}
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cmp .card{padding:36px}
.cmp .card:nth-child(2){background:var(--dark);color:#fff}
.cmp .card:nth-child(2) p{color:var(--muted-d)}
.cmp h3{font-size:24px;margin:0 0 10px}
.cmp ul{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px}
.cmp li{display:flex;gap:12px;align-items:center;font-size:15px}
.hs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;align-items:center}
.hs-img{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/3.4}
.hs-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) brightness(.8)}
.hs-dot{position:absolute;width:34px;height:34px;border-radius:50%;background:var(--yellow);color:var(--dark);display:grid;place-items:center;font-weight:700;font-size:13px;box-shadow:0 0 0 8px rgba(248,186,12,.25)}
.hs ol{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.hs li{background:rgba(255,255,255,.05);border-radius:16px;padding:18px 20px;display:flex;gap:16px}
.hs li h3{font-size:16px;margin-bottom:4px}
.hs li p{font-size:14px;color:var(--muted-d);margin:0}
.seasons .card h3{margin-top:14px}
.tagp{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:5px 12px;font-size:12px;font-weight:600;background:var(--green);color:#06210F}
.tagp.s1{background:var(--yellow);color:var(--ink)}.tagp.s2{background:var(--dark);color:#fff}.tagp.s3{background:#DCE7F5;color:#0C1530}
.bigcall{text-align:center;padding:30px 0}
.bigcall h2{font-size:clamp(30px,3.3vw,52px);margin-bottom:16px}
.bigcall .sec-lead{margin:0 auto 30px}
.bigcall .bigphone{font-size:clamp(40px,5vw,72px);margin-bottom:16px}
.bigcall small{display:block;color:var(--muted-d)}
.price{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:60px;align-items:center}
.price-c{background:#fff;color:var(--ink);border-radius:24px;padding:40px}
.price-c .v{font-size:64px;font-weight:600;letter-spacing:-.03em;line-height:1}
.price-c .l{color:var(--muted);margin:6px 0 26px}
.price-c ul{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:12px}
.price-c li{display:flex;gap:12px;align-items:center;font-size:15px}
.price-c .note{margin:0}
.quote{max-width:980px;margin:0 auto;text-align:center}
.quote blockquote{margin:0;font-size:clamp(22px,2.4vw,34px);font-weight:500;line-height:1.35;letter-spacing:-.01em}
.quote blockquote::before{content:"„";display:block;font-size:90px;line-height:.6;color:var(--yellow);margin-bottom:20px}
.quote cite{display:inline-flex;gap:12px;align-items:center;margin-top:30px;font-style:normal;font-weight:600}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.stats div{background:rgba(255,255,255,.05);border-radius:var(--r);padding:34px}
.stats b{display:block;font-size:clamp(30px,3vw,46px);font-weight:600;color:var(--yellow);line-height:1.1;margin-bottom:12px}
.stats span{color:var(--muted-d)}
.ba{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ba figure{margin:0;border-radius:24px;overflow:hidden;position:relative;background:var(--ui1);min-height:420px}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ba figure.before img{filter:sepia(.55) saturate(.7) brightness(.62) contrast(1.1)}
.ba figure.after img{filter:saturate(1.1) brightness(1.02)}
.ba figcaption{position:absolute;left:16px;right:16px;bottom:16px;background:rgba(5,9,21,.82);backdrop-filter:blur(10px);border-radius:16px;padding:18px 20px;color:#fff}
.ba figcaption .pill{margin-bottom:10px}
.ba figcaption h3{font-size:18px;margin-bottom:6px}
.ba figcaption p{font-size:14px;color:var(--muted-d);margin:0}

/* text pages */
.txt-w{display:grid;grid-template-columns:280px minmax(0,1fr);gap:70px;align-items:start}
.toc{position:sticky;top:110px;background:#fff;border-radius:var(--r);padding:24px}
.toc h2{font:500 11px var(--mono);text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.toc ol{margin:0;padding-left:18px;display:grid;gap:8px;font-size:14px}
.toc a{text-decoration:none}
.toc a:hover{text-decoration:underline}
.art{max-width:780px}
.art-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:50px;align-items:center}
.art-hero .ph{border-radius:24px;overflow:hidden;aspect-ratio:4/3}
.art-hero .ph img{width:100%;height:100%;object-fit:cover}
.art-meta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.65)}
.art-meta .cat{position:static}
.share{display:flex;gap:10px;margin-top:40px;align-items:center;font-size:14px;color:var(--muted)}
.svc-list{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:start}
.side{position:sticky;top:110px;display:grid;gap:16px}
.side nav{background:#fff;border-radius:var(--r);padding:20px}
.side nav h3{font:500 11px var(--mono);text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.side nav b{display:flex;justify-content:space-between;font-size:14px;margin:14px 0 6px}
.side nav b span{font:500 11px var(--mono);background:var(--field);border-radius:99px;padding:1px 8px}
.side nav a{display:block;font-size:13px;color:var(--muted);text-decoration:none;padding:3px 0}
.side nav a:hover{color:var(--ink)}
.side .promo{background:var(--dark);color:#fff;border-radius:var(--r);padding:24px}
.side .promo h3{font-size:18px;margin:14px 0 8px}
.side .promo p{font-size:13px;color:var(--muted-d)}
.side .promo .btn{width:100%;margin:6px 0 10px}
.side .promo small{font-size:12px}
.grp-h{display:flex;gap:10px;align-items:center;margin:0 0 18px;font-size:24px}
.grp-h span{font:500 12px var(--mono);background:#fff;border-radius:99px;padding:2px 10px}
.grp{margin-bottom:56px;scroll-margin-top:110px}
.search-l{display:flex;align-items:center;gap:8px;background:var(--field);border-radius:12px;padding:0 12px;margin-bottom:6px}
.search-l input{border:0;background:none;height:40px;outline:0;font-size:13px;width:100%}
.search-l .ico{width:15px;height:15px;color:var(--muted)}
.e404{text-align:center;padding:160px 0}
.e404 .big{font-size:clamp(100px,16vw,220px);font-weight:700;color:var(--yellow);line-height:1;letter-spacing:-.05em}
.thanks{text-align:center;max-width:640px;margin:0 auto}
.thanks .ci{margin:0 auto 24px;width:72px;height:72px}
.thanks .ci .ico{width:32px;height:32px}
.mt0{margin-top:0}.mb0{margin-bottom:0}

/* reveal */
/* reveal on scroll: see "Motion" block at the end of the file */

/* responsive */
@media (max-width:1280px){
  .nav>a,.nav>.has-mega>button{padding:0 9px;font-size:14px}
  .hdr-in{gap:18px}.hdr-r{gap:14px}
  .hdr-phone{display:none}
  .dash-note{right:0}
}
@media (max-width:1080px){
  .nav,.hdr-r .langs,.hdr-r .btn{display:none}
  .burger,.callbtn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:0;cursor:pointer}
  .callbtn{background:var(--yellow);color:var(--dark)}
  .burger{background:rgba(255,255,255,.08);color:#fff}
  .burger .ico,.callbtn .ico{width:20px;height:20px}
  .hdr-in{height:68px}
  .logo img{width:116px}
  .hero-in,.hero.compact .hero-in,.intro,.diag,.why,.faqw,.contact,.sum,.split,.chk-w,.hs,.price,.art-hero,.txt-w,.svc-list{grid-template-columns:1fr;gap:40px}
  .g4,.vids,.tl,.stp{grid-template-columns:repeat(2,1fr)}
  .slider{grid-auto-columns:calc((100% - 16px)/2.2)}
  .ftr-g{grid-template-columns:1fr 1fr}
  .dash{justify-self:start}
  .mega{display:none!important}
  .toc,.side{position:static}
  .feat{grid-template-columns:1fr}
}
@media (max-width:720px){
  body{font-size:16px}
  .sec{padding:48px 0}
  .sec.slim{padding:40px 0}
  .band{padding:10px}
  .panel{padding:48px 0;border-radius:24px}
  .panel>.wrap{width:calc(100% - 40px)}
  .hero-in{padding:44px 0 40px}
  .hero.compact .hero-in{padding:36px 0 32px}
  .hero h1{font-size:34px}
  .hero.compact h1{font-size:30px}
  .hero .btns{flex-direction:column}
  .hero .btns .btn{width:100%}
  .hero .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  .facts b{font-size:18px}.facts>div>span{font-size:11px}
  .hero-bg::after{background:linear-gradient(180deg,rgba(5,9,21,.6),rgba(5,9,21,.95) 60%)}
  .sec-h{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:28px}
  .sec-h h2,.h2,.intro h2,.diag h2,.why h2,.faqw h2,.split h2,.chk-w h2{font-size:32px}
  .g2,.g3,.g4,.cmp,.ba,.stats,.kf,.chk,.ycta,.faq2,.tl,.stp{grid-template-columns:1fr}
  .g4.svcs{grid-template-columns:1fr 1fr;gap:10px}
  .g4.svcs .svc-b{padding:0 14px 16px}
  .g4.svcs .svc-b p{display:none}
  .g4.svcs .svc-b h3{font-size:15px}
  .vids{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:72%;overflow-x:auto;scroll-snap-type:x mandatory}
  .vid{scroll-snap-align:start}
  .slider{grid-auto-columns:84%}
  .ycta-t{padding:44px 24px}
  .ycta-i{min-height:200px}
  .ycta-i::before{background:linear-gradient(180deg,var(--cta2) 0%,rgba(242,169,0,0) 45%)}
  .formcard{padding:26px 20px}
  .form{grid-template-columns:1fr}
  .cinfo{grid-template-columns:1fr 1fr;gap:20px}
  .ftr{padding:56px 0 30px}
  .ftr-g{grid-template-columns:1fr;gap:34px;margin-bottom:40px}
  .ftr-b,.ftr-b .r{flex-direction:column;align-items:flex-start;gap:16px}
  .callout{flex-direction:column;align-items:flex-start;padding:36px 24px}
  .qa summary{padding:18px;font-size:16px}
  .qa .a{padding:0 18px 18px}
  .tbl{padding:0;background:none}
  .tbl table,.tbl tbody,.tbl tr,.tbl td{display:block;min-width:0}
  .tbl thead{display:none}
  .tbl tr{background:#fff;border-radius:16px;padding:16px 18px;margin-bottom:10px}
  .tbl td{border:0;padding:3px 0}
  .feat .post-b{padding:24px}
  .dash-note{position:static;margin:10px 0 0}
  .dash-grid.g4{grid-template-columns:1fr 1fr}
  .stp li{min-height:0}
  .stp em{padding-bottom:16px}
  .hs-img{display:none}
  .why-ph{min-height:340px}
  .contact{gap:32px}
  .grp-h{font-size:20px}
}

.rv-btns{display:flex;gap:10px;flex-wrap:wrap}

/* Complianz cookie banner, styled like the design */
#cmplz-cookiebanner-container .cmplz-cookiebanner{background:var(--dark)!important;color:#fff!important;border-radius:24px!important;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)!important;font-family:var(--sans)!important;max-width:520px!important}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message p{color:rgba(255,255,255,.85)!important;font-family:var(--sans)!important}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title{color:#fff!important;font-weight:600!important}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn{border-radius:999px!important;font-weight:600!important;font-family:var(--sans)!important;border:0!important;min-height:44px}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-accept{background:var(--yellow)!important;color:var(--dark)!important;box-shadow:none!important}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-deny,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-view-preferences,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-save-preferences{background:rgba(255,255,255,.1)!important;color:#fff!important}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links a,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close{color:rgba(255,255,255,.7)!important}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category{background:rgba(255,255,255,.06)!important;border-radius:14px!important}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category .cmplz-category-title,#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category .cmplz-always-active{color:#fff!important}
#cmplz-manage-consent .cmplz-manage-consent{background:var(--dark)!important;color:#fff!important;border-radius:14px 14px 0 0!important}
@media (max-width:720px){#cmplz-cookiebanner-container .cmplz-cookiebanner{left:10px!important;right:10px!important;bottom:10px!important;width:auto!important;max-width:none!important}}
.feat .post-img{position:relative;min-height:340px}
.feat .post-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.panel .price-c .note{background:none;color:var(--muted);padding:0;margin:0;align-items:flex-start}

/* ===== Labojumi 2026-10-02 ===== */
/* 1. Hover states only on hover/focus (not static) */
.svc,.svc .svc-b h3,.svc .svc-b p,.svc .more,.svc .ci,.svc-sm,.svc-sm *,.svc-row,.svc-row *,.rv,.rv *{transition:background-color .2s,color .2s,box-shadow .2s,transform .2s}
.svc:hover,.svc:focus-visible{background:var(--dark);color:#fff}
.svc:hover p,.svc:focus-visible p{color:var(--muted-d)}
.svc:hover .more,.svc:focus-visible .more{color:var(--yellow)}
.svc:hover .ci,.svc:focus-visible .ci{background:var(--yellow);color:var(--dark)}
.svc-sm:hover,.svc-sm:focus-visible{background:var(--dark);color:#fff}
.svc-sm:hover p,.svc-sm:focus-visible p{color:var(--muted-d)}
.svc-sm:hover .more,.svc-sm:focus-visible .more{color:var(--yellow)}
.svc-sm:hover .ci,.svc-sm:focus-visible .ci{background:var(--yellow);color:var(--dark)}
.svc-row:not(.dk):hover,.svc-row:not(.dk):focus-visible{background:var(--dark);color:#fff}
.svc-row:not(.dk):hover small{color:var(--muted-d)}
.svc-row:not(.dk):hover .ci{background:var(--yellow);color:var(--dark)}
.rv:nth-child(4n+2){background:#fff;color:inherit}
.rv:hover{background:var(--dark);color:#fff}
.rv:hover footer small{color:var(--muted-d)}
.ftr a:hover,.ftr a:focus-visible,.ftr a:active,.ftr a[aria-current]{color:var(--yellow)}
.ftr-b a:hover{color:var(--yellow)}

/* 2. Clear contrast between neighbouring sections */
.sec{background:linear-gradient(160deg,#EFEBE2 0%,#E8E3D8 100%)}
.sec.alt{background:linear-gradient(200deg,#FCFBF8 0%,#F7F5F0 100%)}
.sec::before{opacity:.04}
.band{background:var(--bg)}
.sec+.sec{box-shadow:inset 0 1px 0 rgba(10,13,22,.06)}

/* 3. Blog archive cards like the design */
.grid.g3:has(.post-lg){gap:24px}
.post-lg{border-radius:24px}
.post-lg .post-img{aspect-ratio:4/3}
.post-lg .cat{left:16px;top:16px;padding:5px 12px;font-size:12px}
.post-lg .post-b{padding:26px 26px 28px}
.post-lg h3{font-size:20px;font-weight:500;line-height:1.3;letter-spacing:-.01em;margin-bottom:12px}
.post-lg p{font-size:15px;line-height:1.6;color:var(--muted);margin:0 0 16px}
.post-lg .meta{font:400 13px var(--sans);text-transform:none;letter-spacing:0;color:#8A8F9C;gap:16px}
.feat{border-radius:24px}
.feat .meta{font:400 13px var(--sans);text-transform:none;letter-spacing:0}
.feat h2{font-weight:500}
@media (max-width:720px){.post-lg .post-b{padding:20px}.post-lg h3{font-size:18px}}
/* Header content in 1440px container */
.hdr-in{width:min(var(--w),100% - 2*var(--gut));margin-inline:auto;padding-inline:0;height:92px}
.hdr .hdr-r .btn-sm{min-height:48px;padding:0 26px;font-size:16px}
.hero .btns .btn{min-height:60px;padding:0 30px;font-size:17px}
@media (max-width:1080px){.hdr-in{width:calc(100% - 40px)}}
/* Blog grid spacing like the design */
.grid.g3:has(.post-lg){column-gap:32px;row-gap:40px}
.grid.g3.posts-grid{column-gap:32px;row-gap:40px}
@media (max-width:720px){.grid.g3:has(.post-lg),.grid.g3.posts-grid{row-gap:20px}}

/* Mobile menu: header must not be the containing block of the fixed menu */
@media (max-width:1080px){.hdr{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--dark)}.hdr-in{height:68px}}

/* ===== GLOBAL area, Figma review 2026-10-02 ===== */
@media (min-width:721px){.only-m{display:none!important}}
@media (max-width:720px){.only-d{display:none!important}}

/* Hero facts (Figma 458:46) */
.facts{gap:48px}
.facts>div{display:flex;flex-direction:column;gap:6px}
.facts b{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.2;display:flex;align-items:center;gap:10px}
.facts>div>span{font-size:14px;color:rgba(255,255,255,.55);line-height:1.3}
.facts b .stars{gap:3px}

/* Home hero: dashboard card (Figma 458:65) + toast (458:134) */
.hero-home .hero-in{padding:110px 0 133px;grid-template-columns:minmax(0,580px) minmax(0,580px);justify-content:space-between;gap:60px;min-height:968px;box-sizing:border-box}
.hero-home .lead{max-width:580px}
.dash-w{position:relative;width:100%;max-width:580px;justify-self:end}
.dash-w .dash{max-width:none;background:rgba(14,20,36,.94);backdrop-filter:blur(12px);border-radius:20px;overflow:hidden;box-shadow:0 40px 80px -10px rgba(0,0,0,.45);font-size:14px}
.dash-w .dash-top{height:46px;padding:0 20px;border-radius:0;background:#182038;font:500 12px var(--mono);color:rgba(255,255,255,.6)}
.dash-w .dash-top>span:first-child{display:flex;align-items:center;white-space:pre}
.dash-w .dash-top i{width:9px;height:9px;margin-right:6px;background:rgba(255,255,255,.2)}
.dash-w .dash-top i:nth-child(3){margin-right:14px}
.dash-w .dash-top .on{display:flex;align-items:center;gap:6px;font:500 11px var(--mono);text-transform:uppercase;color:rgba(255,255,255,.5)}
.dash-w .dash-top .on i,.dash-w .pill i{width:6px;height:6px;margin:0;border-radius:50%;background:currentColor;display:inline-block}
.dash-w .dash-top .on i{background:var(--green)}
.dash-w .dash-b{padding:24px;display:flex;flex-direction:column;gap:20px}
.dash-w .dash-car{margin:0;gap:12px}
.dash-w .dash-car b{font-size:20px;letter-spacing:-.01em;line-height:1.25}
.dash-w .dash-car small{font:500 12px var(--mono);color:rgba(255,255,255,.45);margin-top:6px;white-space:pre}
.dash-w .pill{font:500 11px var(--mono);letter-spacing:0;padding:5px 10px;background:rgba(74,192,116,.16)}
.dash-w .pill.y{background:rgba(248,186,12,.16)}
.dash-w .pill.r{background:rgba(240,82,79,.16)}
.dash-w .dash-score{margin:0;padding:18px;gap:20px;border-radius:14px;background:rgba(255,255,255,.04)}
.dash-w .ring{width:84px;height:84px;background:conic-gradient(var(--green) 0 78%,rgba(255,255,255,.1) 0)}
.dash-w .ring b{width:70px;height:70px;background:#121a2c;font-size:26px;font-weight:700;letter-spacing:-.02em}
.dash-w .dash-score>div:last-child b{display:block;font-size:16px;font-weight:600;line-height:1.25}
.dash-w .dash-score small{display:block;font-size:13px;color:rgba(255,255,255,.55);margin-top:4px}
.dash-w .dash-grid{margin:0;gap:10px}
.dash-w .metric{min-height:95px;padding:16px;border-radius:12px;display:flex;flex-direction:column;gap:8px}
.dash-w .metric small{font:500 11px var(--mono);color:rgba(255,255,255,.5);line-height:1.3}
.dash-w .metric b{margin:0;font-size:24px;font-weight:600;letter-spacing:-.01em;line-height:1.2}
.dash-w .bar{height:4px;margin-top:auto}
.dash-w .dash-codes{display:grid;gap:8px}
.dash-w .dash-codes>small{font:500 11px var(--mono);text-transform:uppercase;color:rgba(255,255,255,.5)}
.dash-w .code{margin:0;min-height:49px;padding:12px 14px;gap:12px;border-radius:10px;font-size:14px;color:rgba(255,255,255,.85)}
.dash-w .code em{font:700 13px var(--mono)}
.dash-w .code>span:not(.pill){flex:1;min-width:0;line-height:1.3}
.dash-w .dash-total{margin:0;padding-top:4px;align-items:center}
.dash-w .dash-total small{font:500 11px var(--mono);text-transform:uppercase;color:rgba(255,255,255,.5)}
.dash-w .dash-total b{display:block;font-size:28px;font-weight:700;letter-spacing:-.015em;line-height:1.2;margin-top:2px}
.dash-w .pill.step{padding:10px 14px;gap:8px;background:rgba(248,186,12,.14)}
.dash-w .pill.step i{width:7px;height:7px}
.dash-w .dash-note{position:absolute;right:-48px;bottom:-86px;top:auto;margin:0;padding:14px 20px 14px 14px;gap:14px;border-radius:14px;background:#fff;box-shadow:0 20px 40px -8px rgba(0,0,0,.35);font-size:15px;font-weight:600;color:var(--dark);white-space:nowrap;z-index:2}
.dash-w .dash-note .ci{width:40px;height:40px;background:var(--green);color:var(--dark)}
.dash-w .dash-note .ci .ico{width:20px;height:20px}
.dash-w .dash-note small{font-size:12px;color:rgba(5,9,21,.5);margin-top:2px}
@media (max-width:1280px){.dash-w .dash-note{right:-12px}}
@media (max-width:1080px){.hero-home .hero-in{min-height:0;padding:80px 0 130px;grid-template-columns:1fr}.dash-w{justify-self:start}}
@media (max-width:720px){
  .hero-home .hero-in{padding:36px 0 56px;gap:40px}
  .hero-home h1{margin-bottom:18px}
  .hero-home .lead{margin-bottom:28px}
  .hero .btns{gap:10px;margin-bottom:32px}
  .hero .btns .btn{min-height:56px;font-size:16px;padding:0 26px}
  .hero .btns .btn-g{background:rgba(255,255,255,.1);box-shadow:none}
  .hero .btns .btn .ico{width:20px;height:20px}
  .hero .facts{display:flex;justify-content:space-between;gap:10px}
  .facts>div{gap:5px}
  .facts b{font-size:22px;gap:8px}
  .facts b .stars .ico{width:11px;height:11px}
  .facts>div>span{font-size:11px;line-height:1.3}
  .dash-w{padding-bottom:28px}
  .dash-w .dash-top{font-size:12px}
  .dash-w .dash-b{padding:20px 18px 44px;gap:16px}
  .dash-w .dash-car{flex-direction:column;align-items:flex-start;gap:8px}
  .dash-w .dash-score{padding:18px 16px;gap:16px}
  .dash-w .dash-grid{display:none}
  .dash-w .dash-total{flex-direction:column;align-items:flex-start;gap:10px}
  .dash-w .dash-note{position:absolute;right:-6px;left:auto;bottom:auto;top:calc(100% - 68px);width:294px;max-width:calc(100% + 6px);padding:14px 16px 14px 14px}
  .dash-w .dash-note>span:last-child{min-width:0}
  .dash-w .dash-note small{white-space:normal}
}
.stars .ico.half{opacity:.35}
@media (min-width:1081px){.hero-home .hero-in{align-items:start}.hero-home .hero-in>div:first-child{margin-top:68px}}

/* Intro bento mobile (Figma 569:43) */
@media (max-width:720px){
  .intro{gap:36px}
  .intro h2 .mark{padding:2px 12px 4px;border-radius:12px}
  .intro .txt{font-size:16px;margin-bottom:26px}
  .intro .act{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:32px;text-align:center}
  .intro .act .btn{width:100%}
  .intro .act .link{align-self:center;font-size:15px}
  .steps3 .num{width:36px;height:36px;font-size:14px}
  .steps3 b{font-size:16px}
  .steps3 span:not(.num){font-size:14px}
  .bento{gap:10px}
  .bento .ph{flex:1 1 100%;height:250px;border-radius:20px}
  .chip{padding:8px 12px;gap:8px;font-size:13px}
  .chip .dot{width:7px;height:7px}
  .chip.w{padding:8px 12px;font-weight:600}
  .bento .ph .chip{left:14px;top:14px;background:rgba(5,9,21,.78);backdrop-filter:blur(6px)}
  .bento .ph .chip.pk{top:55px;gap:6px;font-size:12px}
  .bento .ph .chip.w{top:auto;bottom:14px;background:#fff}
  .b-dark{flex:1 1 100%;height:auto;border-radius:20px;padding:22px 20px;display:grid;grid-template-columns:1fr 104px;gap:14px;align-items:center;background:linear-gradient(90deg,#050915,#0C1530)}
  .b-dark .t{gap:4px}
  .b-dark .big{font-size:52px}
  .b-dark small{font-size:14px;font-weight:400}
  .b-dark .mini{margin:0;width:104px;height:104px;border-radius:14px}
  .b-dark p{grid-column:1/-1;margin:0;line-height:1.45}
  .b-card{flex:1 1 calc(50% - 5px);height:auto;border-radius:20px;padding:18px 16px;gap:26px;justify-content:space-between}
  .b-card .hd{gap:6px}
  .b-card .hd img{width:20px;height:20px}
  .b-card .hd .stars .ico{width:12px;height:12px}
  .b-card .big{font-size:36px;letter-spacing:-.02em}
  .b-card small{font-size:13px;font-weight:400;line-height:1.4;color:rgba(5,9,21,.6)}
  .b-card.g small.hd{font-size:12px;color:rgba(5,9,21,.65)}
  .b-card.g div small{color:rgba(5,9,21,.75)}
  .b-card.n{flex:1 1 100%;flex-direction:row-reverse;align-items:center;padding:18px;gap:14px}
  .b-card.n>div:last-child{flex:1}
  .b-card.n small{margin-top:2px}
  .b-card.n .avs .ci{width:34px;height:34px}
  .b-card.n .avs .ci .ico{width:15px;height:15px}
  .b-card.n .avs .ci.more{font-size:11px}
}

/* Home service cards (Figma 459:48 / mobile 477:48): white, dark only on hover */
.svcs{gap:16px}
.svcs .svc-img{aspect-ratio:auto;height:196px}
.svcs .svc-b{padding:0 24px 24px}
.svcs .svc-b .ci{width:60px;height:60px;margin-top:-30px}
.svcs .svc-b .ci .ico{width:26px;height:26px}
.svcs .svc-b h3{font-size:21px;font-weight:600;line-height:1.2;letter-spacing:-.01em;margin:18px 0 10px}
.svcs .svc-b p{font-size:15px;line-height:1.5;color:rgba(5,9,21,.65);margin:0 0 20px}
.svcs .svc:hover p,.svcs .svc:focus-visible p{color:var(--muted-d)}
.svcs .svc-b .more{font-size:15px}
@media (max-width:720px){
  .g4.svcs{gap:10px}
  .svcs .svc-img{height:112px}
  .g4.svcs .svc-b{padding:0 14px 16px}
  .svcs .svc-b .ci{width:44px;height:44px;margin-top:-22px}
  .svcs .svc-b .ci .ico{width:19px;height:19px}
  .g4.svcs .svc-b h3{font-size:16px;line-height:1.2;margin:10px 0 10px}
  .svcs .svc-b .more{font-size:14px}
}

/* Global mobile widths: light sections 330 content (30px sides), dark panels 20px inside the 10px band */
@media (max-width:720px){
  .sec>.wrap{width:calc(100% - 60px)}
  .sec-more{margin-top:24px}
  .sec-more .btn{width:100%;min-height:56px}
  .sec-h .act{width:100%}
}

/* Why (Figma 460:94 / mobile 478:96), shared part */
.why{grid-template-columns:minmax(0,600fr) minmax(0,760fr);gap:80px;align-items:start}
.why-ph{height:640px;min-height:0;border-radius:24px}
.why-ph blockquote{padding:120px 36px 37px;font-size:clamp(22px,1.8vw,28px);line-height:1.25;letter-spacing:-.012em;background:linear-gradient(180deg,rgba(5,9,21,0),rgba(5,9,21,.88))}
.why h2{font-size:clamp(30px,3.3vw,52px);line-height:1.08;margin-bottom:18px}
.why .sec-lead{font-size:18px;line-height:1.55;color:rgba(5,9,21,.7);max-width:600px;margin-bottom:32px}
.why .grid.g2{gap:14px}
.why .card{min-height:212px;padding:26px;display:flex;flex-direction:column;gap:12px;border-radius:20px}
.why .card .ci{width:48px;height:48px}
.why .card .ci .ico{width:22px;height:22px}
.why .card h3{font-size:20px;line-height:1.2;letter-spacing:-.01em;margin:0}
.why .card p{font-size:15px;line-height:1.5;color:rgba(5,9,21,.65)}
@media (max-width:1080px){.why{grid-template-columns:1fr;gap:40px}.why-ph{height:480px}}
@media (max-width:720px){
  .why{gap:32px}
  .why-ph{height:320px;border-radius:20px}
  .why-ph blockquote{padding:80px 20px 24px;font-size:20px}
  .why h2{margin-bottom:16px}
  .why .sec-lead{font-size:16px;margin-bottom:26px}
  .why .grid.g2{gap:10px}
  .why .card{min-height:0;padding:18px;border-radius:18px;display:grid;grid-template-columns:44px 1fr;column-gap:16px;row-gap:6px;align-items:start}
  .why .card .ci{width:44px;height:44px;grid-row:span 2}
  .why .card .ci .ico{width:20px;height:20px}
  .why .card h3{font-size:17px}
  .why .card p{font-size:14px}
}

/* Videos panel (Figma 460:141 / mobile 478:147) */
.vids-h{align-items:flex-start}
.vids-h h2{font-size:clamp(30px,3.3vw,52px);line-height:1}
.panel .vids-h .sec-lead{margin-top:20px;font-size:17px;line-height:1.5;color:rgba(255,255,255,.65);max-width:560px}
.vids-h .soc{margin-top:10px;gap:10px;flex-wrap:nowrap}
.soc:not(.round) a{height:52px;padding:0 22px 0 14px;gap:16px;font-size:15px;font-weight:600;color:var(--dark)}
.soc:not(.round) img{width:26px;height:26px}
.vids{gap:20px}
.vid{aspect-ratio:9/16;max-height:none;border-radius:22px;background:#0e1424}
.vid::after{background:linear-gradient(180deg,rgba(5,9,21,.35) 0%,rgba(5,9,21,0) 35%,rgba(5,9,21,.2) 55%,rgba(5,9,21,.92) 100%)}
.vid .play{width:72px;height:72px;background:rgba(255,255,255,.22)}
.vid .play .ico{width:24px;height:24px}
.vid div{left:22px;right:22px;bottom:22px;display:flex;flex-direction:column;gap:8px}
.vid b{font-size:19px;font-weight:600;line-height:1.25;letter-spacing:-.01em}
.vid small{font:500 11px var(--mono);color:rgba(255,255,255,.6)}
.dots{display:flex;gap:6px;align-items:center}
.dots button{width:8px;height:6px;padding:0;border:0;border-radius:6px;background:rgba(255,255,255,.25);cursor:pointer;transition:width .2s,background .2s}
.dots button.on{width:24px;background:var(--yellow)}
.sec .dots button{background:rgba(5,9,21,.2)}
.sec .dots button.on{background:var(--dark)}
@media (max-width:1280px){.vids-h{flex-direction:column;gap:24px}.vids-h .soc{margin-top:0;flex-wrap:wrap}}
@media (max-width:720px){
  .vids-h{gap:22px;margin-bottom:28px}
  .vids-h h2{font-size:32px}
  .vids-h .sec-lead{margin-top:14px;font-size:16px}
  .vids-h .soc{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
  .soc:not(.round) a{height:44px;padding:0 8px;justify-content:center;gap:16px}
  .vids{grid-auto-columns:226px;gap:12px;margin-right:-20px;padding-right:20px;scrollbar-width:none}
  .vids::-webkit-scrollbar{display:none}
  .vid{border-radius:18px;height:402px;aspect-ratio:auto}
  .vid .play{width:56px;height:56px}
  .vid .play .ico{width:19px;height:19px}
  .vid div{left:16px;right:16px;bottom:16px}
  .vid b{font-size:16px}
  .dots{margin-top:20px}
}

/* Reviews (Figma 461:2 / mobile 480:252): white cards, dark only on hover */
.rv-h{margin-bottom:56px;align-items:center}
.rv-h h2{gap:18px;font-size:clamp(30px,3.3vw,52px);line-height:1}
.gbadge{width:64px;height:64px}
.gbadge img{width:34px;height:34px}
.rv-score{gap:16px}
.rv-score b{font-size:52px;font-weight:700;letter-spacing:-.03em;line-height:1}
.rv-score .stars .ico{width:18px;height:18px}
.rv-score small{font-size:14px;color:rgba(5,9,21,.6);margin-top:6px}
.slider{grid-auto-columns:calc((100% - 48px)/4)}
.rv{min-height:360px;padding:30px;border-radius:22px;justify-content:space-between}
.rv .stars .ico{width:17px;height:17px}
.rv p{font-size:16px;font-weight:500;line-height:1.55;margin:18px 0 24px;flex:1}
.rv footer img{width:44px;height:44px;padding:11px;background:#F1EFEA}
.rv:hover footer img{background:#fff}
.rv footer b{font-size:16px;font-weight:600}
.rv footer small{font-size:11px;color:rgba(5,9,21,.5)}
.rv:hover footer small{color:rgba(255,255,255,.5)}
.rv-nav{margin-top:30px;align-items:center}
.rv-ctl{display:flex;align-items:center;gap:16px}
.arrows{gap:10px}
.arrows button{width:52px;height:52px}
.arrows .ico{width:16px;height:16px}
.rv-btns{gap:12px}
.rv-btns .btn{min-height:56px;padding:0 30px;font-size:16px}
@media (max-width:720px){
  .rv-h{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:28px}
  .rv-h h2{font-size:30px;gap:12px}
  .gbadge{width:48px;height:48px}
  .gbadge img{width:26px;height:26px}
  .rv-score{gap:14px}
  .rv-score b{font-size:40px}
  .slider{grid-auto-columns:282px;gap:12px;margin-right:-20px;padding-right:20px}
  .rv{min-height:300px;padding:24px}
  .rv p{font-size:15px}
  .rv-nav{margin-top:20px;flex-direction:column;align-items:stretch;gap:24px}
  .rv-ctl{justify-content:space-between}
  .arrows{gap:8px}
  .arrows button{width:44px;height:44px}
  .arrows .ico{width:14px;height:14px}
  .rv-btns{flex-direction:column-reverse;gap:10px}
  .rv-btns .btn{width:100%}
}
.rv footer b{line-height:1.25}
.rv footer small{display:block;line-height:1.3;margin-top:2px}

/* Yellow CTA (Figma 459:157 / mobile 477:159) */
.ycta{grid-template-columns:minmax(500px,1fr) minmax(0,760px);min-height:340px;position:relative}
.ycta-t{padding:70px 40px 70px max(24px,calc(max(var(--gut),(100vw - var(--w))/2) - 24px));position:relative;z-index:2}
.ycta h2{font-size:clamp(30px,2.6vw,48px);line-height:1.05;margin-bottom:18px}
.ycta p{font-size:18px;line-height:1.5;color:rgba(5,9,21,.8);max-width:560px;margin:0}
.ycta .act{gap:24px;margin-top:28px;font-size:17px}
.ycta .act .btn{min-height:58px;padding:0 30px;font-size:17px}
.ycta .act a[href^="tel"]:not(.btn){font-weight:600!important}
.ycta-i::before{background:linear-gradient(90deg,#FBB500 0%,rgba(246,174,0,.55) 35%,rgba(242,169,0,0) 100%)}
@media (max-width:720px){
  .ycta{display:block;min-height:0;border-radius:24px}
  .ycta-t{padding:44px 20px 236px}
  .ycta h2{font-size:30px;margin-bottom:14px}
  .ycta p{font-size:16px}
  .ycta .act{flex-direction:column;align-items:stretch;gap:10px;margin-top:24px}
  .ycta .act .btn{width:100%;min-height:56px}
  .ycta .act .btn-w{font-size:16px}
  .ycta .act .btn .ico{width:20px;height:20px}
  .ycta-i{position:absolute;left:0;right:0;bottom:0;height:250px;min-height:0;z-index:1}
  .ycta-i::before{background:linear-gradient(180deg,#F6AE00 0%,rgba(246,174,0,.5) 35%,rgba(246,174,0,0) 100%)}
}

/* Contact panel + request form (Figma 463:68 / mobile 480:517) */
.contact{grid-template-columns:minmax(0,1fr) minmax(0,640px);gap:60px;align-items:start}
.contact>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:32px}
.contact h2{font-size:clamp(32px,3.3vw,52px);line-height:1.05;margin:0}
.contact .bigphone{font-size:clamp(30px,2.8vw,44px);font-weight:700;letter-spacing:-.025em;line-height:1.2;margin:0}
.cinfo{grid-template-columns:auto auto;gap:32px 64px;margin:0}
.cinfo small{font:500 12px var(--mono);color:rgba(255,255,255,.5);letter-spacing:0;margin-bottom:6px}
.cinfo a,.cinfo span{font-size:18px;font-weight:500;line-height:1.4}
.contact .btn-g{min-height:56px;padding:0 30px;background:rgba(255,255,255,.1);box-shadow:none}
.formcard{padding:44px;border-radius:26px}
.formcard h2,.formcard h3{font-size:30px;font-weight:600;letter-spacing:-.015em;line-height:1.2;margin-bottom:14px}
.formcard>p{font-size:15px;line-height:1.5;color:rgba(5,9,21,.6);margin-bottom:20px}
.form{gap:14px 12px}
.form input,.form select,.form textarea{height:58px;padding:0 20px;background-color:#F1EFEA;font-size:15px}
.form textarea{height:110px;padding:18px 20px}
.form ::placeholder{color:rgba(5,9,21,.5)}
.form select{background-position:right 20px center}
.form select:has(option[value=""]:checked){color:rgba(5,9,21,.5)}
.form select option{color:var(--ink)}
.form input[name="date_pref"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23050915' stroke-opacity='.6' stroke-width='2' stroke-linecap='round' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;padding-right:48px}
.form input[name="date_pref"][type="date"]{background-image:none;padding-right:20px}
.consent{font-size:13px;color:rgba(5,9,21,.6);align-items:center;gap:10px}
.consent input{width:20px;height:20px;border-radius:6px}
.form .btn{height:60px;font-size:17px}
@media (max-width:1280px){.contact{grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:48px}}
@media (max-width:1080px){.contact{grid-template-columns:1fr}}
@media (max-width:720px){
  .contact{gap:32px}
  .contact>div:first-child{gap:24px}
  .contact h2{font-size:30px}
  .contact .bigphone{font-size:34px}
  .cinfo{grid-template-columns:1fr 1fr;gap:24px 16px;width:100%}
  .cinfo a,.cinfo span{font-size:16px}
  .contact .btn-g{width:100%}
  .formcard{padding:30px 22px 22px;border-radius:22px}
  .formcard h2,.formcard h3{font-size:26px}
  .form{grid-template-columns:1fr 1fr;gap:12px}
  .form label.fl:has(select),.form label.fl:has(input[name="date_pref"]){grid-column:1/-1}
}

/* FAQ block + accordion (Figma 463:7 / mobile 480:454) */
.faqw{grid-template-columns:minmax(0,460px) minmax(0,880px);grid-template-areas:"h list" "a list";grid-template-rows:auto 1fr;justify-content:space-between;column-gap:100px;row-gap:0}
.faqw .faq-h{grid-area:h}
.faqw .faq{grid-area:list}
.faqw .faq-act{grid-area:a;display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.faqw h2{font-size:clamp(30px,3.3vw,52px);line-height:1.05;margin-bottom:22px}
.faqw .sec-lead{font-size:18px;line-height:1.55;color:rgba(5,9,21,.7);max-width:420px;margin:0 0 22px}
.faqw .faq-act .btn{min-height:56px;padding:0 30px}
.callrow{margin-top:0;gap:14px}
.callrow .ci{width:44px;height:44px}
.callrow .ci .ico{width:20px;height:20px}
.callrow b{font-size:18px;font-weight:600;line-height:1.25}
.callrow small{display:block;font-size:13px;color:rgba(5,9,21,.55);margin-top:2px}
.faq{gap:12px}
.qa{border-radius:20px}
.qa summary{padding:22px 22px 22px 30px;font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.008em;gap:20px}
.qa .pm{width:40px;height:40px;background:#F1EFEA}
.qa .a{padding:0 100px 22px 30px;margin-top:-8px;max-width:none;font-size:16px;line-height:1.6;color:rgba(5,9,21,.7)}
@media (max-width:1280px){.faqw{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);column-gap:56px}}
@media (max-width:1080px){.faqw{grid-template-columns:1fr;grid-template-areas:"h" "list" "a"}.faqw .faq-act{margin-top:28px}}
@media (max-width:720px){
  .faqw h2{margin-bottom:14px;font-size:32px}
  .faqw .sec-lead{font-size:16px;margin-bottom:26px}
  .faqw .faq-act{align-items:stretch;gap:22px}
  .faqw .faq-act .btn{width:100%}
  .faq{gap:10px}
  .qa{border-radius:18px}
  .qa summary{padding:14px 14px 14px 20px;min-height:68px;font-size:16px;line-height:1.25;gap:12px}
  .qa .pm{width:36px;height:36px}
  .qa .a{padding:0 20px 18px;margin-top:-6px;font-size:15px}
}

/* Footer (Figma 463:121 / mobile 480:574). Links white, yellow only on hover/focus/active */
.ftr{padding:80px 0 60px;font-size:15px;background:radial-gradient(500px 350px at calc(100% - 220px) 50px,rgba(74,192,116,.1),transparent 70%),var(--dark)}
.ftr-g{grid-template-columns:minmax(0,460fr) minmax(0,480fr) minmax(0,220fr) minmax(0,280fr);gap:0;margin-bottom:110px}
.ftr-g>div:first-child{padding-right:40px}
.ftr .logo{display:inline-block}
.ftr .logo img{margin-bottom:22px}
.ftr p{font-size:15px;line-height:1.5;color:rgba(255,255,255,.6);max-width:320px;margin:0 0 22px}
.ftr h3{font:700 12px var(--mono);color:rgba(255,255,255,.5);letter-spacing:0;margin:4px 0 28px;line-height:1.25}
.ftr ul{gap:12px}
.ftr li{font-size:15px;font-weight:500;line-height:1.27;color:rgba(255,255,255,.85)}
.ftr .cols2{columns:2;column-gap:24px}
.ftr .cols2 li{margin-bottom:12px;break-inside:avoid}
.ftr a{color:rgba(255,255,255,.85);transition:color .15s}
.ftr .soc{gap:10px}
.ftr .soc.round a{width:44px;height:44px;background:#fff}
.ftr .soc.round img{width:24px;height:24px}
.ftr-b{padding-top:30px;font-size:13px;align-items:center}
.ftr-b nav{gap:36px;align-items:center}
.ftr-b .r{gap:36px}
.ftr .langs{gap:12px;font:500 13px var(--mono);letter-spacing:0}
.ftr .langs a{color:rgba(255,255,255,.4)}
.ftr .langs a.cur{color:#fff;font-weight:700}
.ftr .dev{gap:10px;color:rgba(255,255,255,.45)}
.ftr a:hover,.ftr a:focus-visible,.ftr a:active,.ftr-b a:hover,.ftr .langs a:hover{color:var(--yellow)}
@media (max-width:1080px){.ftr-g{grid-template-columns:1fr 1fr;gap:40px}.ftr-g>div:first-child{grid-column:1/-1}}
@media (max-width:720px){
  .ftr{padding:48px 0 32px;background:radial-gradient(350px 300px at 50% 50px,rgba(74,192,116,.1),transparent 70%),var(--dark)}
  .ftr .wrap{width:calc(100% - 40px)}
  .ftr-g{grid-template-columns:1fr 1fr;gap:40px 16px;margin-bottom:36px}
  .ftr-g>div:first-child{padding:0}
  .ftr-g>div:last-child{grid-column:1/-1;margin-top:-4px}
  .ftr .logo img{width:130px;margin-bottom:18px}
  .ftr p{max-width:none}
  .ftr h3{margin:0 0 28px}
  .ftr .cols2{columns:1}
  .ftr-b{flex-direction:row;flex-wrap:wrap;gap:14px;padding-top:24px}
  .ftr-b nav{flex-direction:row;gap:14px 24px;width:100%}
  .ftr-b nav span{flex-basis:100%}
  .ftr-b .r{flex-direction:row;justify-content:space-between;align-items:center;width:100%;gap:16px}
}
.ftr-b a{color:rgba(255,255,255,.45)}
.ftr-b a:hover,.ftr-b a:focus-visible{color:var(--yellow)}
#kontakti .panel.img .pbg img{opacity:1}
#kontakti .panel.img .pbg::after{background:radial-gradient(550px 400px at 250px 100%,rgba(74,192,116,.18),transparent 70%),linear-gradient(90deg,rgba(5,9,21,.97) 0%,rgba(5,9,21,.86) 45%,rgba(5,9,21,.55) 100%)}
@media (max-width:1080px){#kontakti .panel.img .pbg::after{background:radial-gradient(400px 400px at 0 100%,rgba(74,192,116,.18),transparent 70%),linear-gradient(180deg,rgba(5,9,21,.7) 0%,rgba(5,9,21,.92) 40%,rgba(5,9,21,.97) 100%)}}
.consent input{padding:0;height:20px;width:20px;min-width:20px}
.ftr-b .r>*{flex:none}
.ftr-b .r .langs{width:auto}
@media (max-width:720px){.b-card.n .avs .ci.y:not(.more){background:var(--dark);color:#fff}}
@media (max-width:1280px){.facts{gap:28px}.intro{grid-template-columns:1fr;gap:48px}.intro>div:first-child{max-width:720px}}

/* ===== Buttons (Figma): flat colours, hover = colour swap, no movement. 2026-10-02 ===== */
body .btn,body .btn:hover,body .btn:active{transform:none}
body .btn.btn-y{background:var(--yellow);color:var(--dark);box-shadow:none}
body .btn.btn-y:is(:hover,:focus-visible){background:var(--dark);color:#fff;box-shadow:inset 0 0 0 1.5px var(--yellow)}
body .btn.btn-d:is(:hover,:focus-visible),
body .btn.btn-w:is(:hover,:focus-visible),
body .btn.btn-g:is(:hover,:focus-visible),
body .btn.btn-l:is(:hover,:focus-visible){background:var(--yellow);color:var(--dark);box-shadow:none}
/* on yellow surfaces the button must stay visible */
body :is(.ycta,.panel.y) .btn.btn-d:is(:hover,:focus-visible){background:#fff;color:var(--dark)}
body :is(.ycta,.panel.y) .btn.btn-w:is(:hover,:focus-visible){background:var(--dark);color:#fff}
.btn:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
:is(.ycta,.panel.y) .btn:focus-visible{outline-color:var(--dark)}
.callbtn{transition:background-color .2s,color .2s,box-shadow .2s}
.callbtn:hover,.callbtn:focus-visible{background:var(--dark);color:#fff;box-shadow:inset 0 0 0 1.5px var(--yellow)}
.arrows button{transition:background-color .2s,color .2s}
body .arrows button:is(:hover,:focus-visible){background:var(--yellow);color:var(--dark)}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn{transition:background-color .2s,color .2s!important}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-accept:hover{background:#fff!important;color:var(--dark)!important}

/* ===== Motion: light, CSS first, honours prefers-reduced-motion. 2026-10-02 ===== */
@property --ring{syntax:"<number>";inherits:true;initial-value:78}
.dash .ring,.dash-w .ring{background:conic-gradient(var(--green) 0 calc(var(--ring)*1%),rgba(255,255,255,.1) 0)}
[data-cnt]{font-variant-numeric:tabular-nums}

/* card images: soft zoom on hover (cards themselves stay in place) */
.svc-img img,.post-img img,.b-dark .mini img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
:is(.svc,.post,.feat):is(:hover,:focus-visible) :is(.svc-img,.post-img) img{transform:scale(1.045)}

/* FAQ accordion: icon swap + answer fade (height is animated in main.js) */
.qa .pm{transition:background-color .25s,color .25s}
.qa.is-closing .pm{background:#F1EFEA!important;color:var(--ink)!important}
.qa.is-closing .pm .m{display:none!important}
.qa.is-closing .pm .p{display:block!important}
.qa summary{transition:color .2s}

@media (prefers-reduced-motion:no-preference){
  @keyframes gtgUp{from{opacity:0;translate:0 18px}to{opacity:1;translate:none}}
  @keyframes gtgFade{from{opacity:0}to{opacity:1}}
  @keyframes gtgDrop{from{opacity:0;translate:0 -10px}to{opacity:1;translate:none}}
  @keyframes gtgZoom{from{transform:scale(1.06)}to{transform:none}}
  @keyframes gtgIco{from{opacity:0;rotate:-90deg}to{opacity:1;rotate:none}}
  @keyframes gtgBar{from{width:0}}
  @keyframes gtgRing{from{--ring:0}}
  @keyframes gtgDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}

  /* hero: text comes in after load */
  .hero-bg img{animation:gtgZoom 1.8s cubic-bezier(.2,.7,.2,1) both}
  .hero-in>div:first-child>*{animation:gtgUp .8s cubic-bezier(.2,.7,.2,1) both}
  .hero-in>div:first-child>:nth-child(2){animation-delay:.08s}
  .hero-in>div:first-child>:nth-child(3){animation-delay:.16s}
  .hero-in>div:first-child>:nth-child(4){animation-delay:.24s}
  .hero-in>div:first-child>:nth-child(5){animation-delay:.32s}
  .hero-in>div:first-child>:nth-child(n+6){animation-delay:.4s}
  .hero-in>:not(:first-child){animation:gtgUp .9s cubic-bezier(.2,.7,.2,1) .25s both}
  .dash-w .dash-note{animation:gtgUp .7s cubic-bezier(.2,.7,.2,1) 1.1s both}

  /* reveal on scroll (classes set by main.js) */
  .rv-in.rv-in{opacity:0;translate:0 22px;transition:opacity .7s cubic-bezier(.2,.7,.2,1) var(--rvd,0s),translate .7s cubic-bezier(.2,.7,.2,1) var(--rvd,0s),background-color .2s,color .2s,box-shadow .2s}
  .rv-in.rv-in.vis{opacity:1;translate:none}

  /* diagnostics cards: bars fill, ring sweeps, chart lines draw (".go" set by main.js) */
  .dash.go .bar i{animation:gtgBar 1.3s cubic-bezier(.2,.7,.2,1) .35s both}
  .dash.go .metric:nth-child(2) .bar i{animation-delay:.45s}
  .dash.go .metric:nth-child(3) .bar i{animation-delay:.55s}
  .dash.go .metric:nth-child(4) .bar i{animation-delay:.65s}
  .dash.go .ring{animation:gtgRing 1.5s cubic-bezier(.2,.7,.2,1) .3s both}
  .dash.go .chart path[stroke]{stroke-dasharray:1;animation:gtgDraw 1.8s cubic-bezier(.4,0,.2,1) .2s both}
  .dash.go .chart path[stroke]+path[stroke]{animation-delay:.45s}
  .dash.go .chart path[fill]:not([fill=none]){animation:gtgFade 1s ease 1.2s both}
  .dash.go .code{animation:gtgUp .6s cubic-bezier(.2,.7,.2,1) .9s both}
  .dash.go .code+.code{animation-delay:1.05s}
  .dash-top .on i,.dash-car .pill i{animation:gtgPulse 1.8s ease-in-out infinite}
  @keyframes gtgPulse{50%{opacity:.35}}

  /* FAQ */
  .qa .pm .ico{animation:gtgIco .3s ease}
  .qa[open]:not(.is-closing) .a{animation:gtgFade .35s ease .05s both}

  /* desktop mega menu + overlay */
  .has-mega[data-open] .mega{animation:gtgDrop .28s cubic-bezier(.2,.7,.2,1)}
  .has-mega[data-open] .mega-g>div,.has-mega[data-open] .mega-promo{animation:gtgUp .45s cubic-bezier(.2,.7,.2,1) both}
  .has-mega[data-open] .mega-g>div:nth-child(2){animation-delay:.04s}
  .has-mega[data-open] .mega-g>div:nth-child(3){animation-delay:.08s}
  .has-mega[data-open] .mega-g>div:nth-child(n+4){animation-delay:.12s}
  .has-mega[data-open] .mega-promo{animation-delay:.1s}
  .mega-ov:not([hidden]){animation:gtgFade .25s ease}

  /* mobile menu */
  .mnav[data-open]{animation:gtgFade .25s ease}
  .mnav[data-open] .mnav-in>*{animation:gtgUp .45s cubic-bezier(.2,.7,.2,1) both}
  .mnav[data-open] .mnav-in>:nth-child(2){animation-delay:.04s}
  .mnav[data-open] .mnav-in>:nth-child(3){animation-delay:.08s}
  .mnav[data-open] .mnav-in>:nth-child(4){animation-delay:.12s}
  .mnav[data-open] .mnav-in>:nth-child(5){animation-delay:.16s}
  .mnav[data-open] .mnav-in>:nth-child(n+6){animation-delay:.2s}
  .burger .ico{animation:gtgIco .25s ease}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .svc-img img,.post-img img,.b-dark .mini img,.vid img{transition:none}
}

/* ===================== Corrections 2026-10 ===================== */

/* Service form: custom dropdown in the site style */
.form .fl-svc{display:block;position:relative}
.dd{position:relative}
.dd .dd-native{position:absolute!important;left:0;bottom:0;width:100%!important;height:1px!important;padding:0!important;opacity:0;pointer-events:none}
.dd-btn{position:relative;display:flex;align-items:center;width:100%;height:58px;border:0;border-radius:14px;background:#F1EFEA;padding:0 52px 0 20px;font:inherit;font-size:15px;color:var(--ink);text-align:left;cursor:pointer;transition:background-color .2s,box-shadow .2s}
.dd-v{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dd.is-ph .dd-v{color:rgba(5,9,21,.5)}
.dd-btn .ico{display:block;position:absolute;right:16px;top:50%;width:28px;height:28px;margin-top:-14px;padding:6px;border-radius:50%;background:#fff;color:var(--dark);transition:transform .25s,background-color .2s}
.dd-btn:hover{background:#E9E6DE}
.dd-btn:hover .ico{background:var(--yellow)}
.dd-btn:focus-visible,.dd.open .dd-btn{outline:0;box-shadow:inset 0 0 0 2px var(--yellow)}
.dd.open .dd-btn .ico{transform:rotate(180deg);background:var(--yellow)}
.dd-list{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:40;background:#fff;border-radius:18px;padding:8px;max-height:360px;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 30px 60px -18px rgba(5,9,21,.45),0 0 0 1px rgba(5,9,21,.06);scrollbar-width:thin;scrollbar-color:#D9D5CB transparent;animation:gtgDd .18s ease}
.dd.up .dd-list{top:auto;bottom:calc(100% + 8px);animation-name:gtgDdUp}
.dd-list[hidden]{display:none}
.dd-g+.dd-g,.dd-o+.dd-g,.dd-g+.dd-o{margin-top:6px;padding-top:6px;border-top:1px solid #F1EFEA}
.dd-gh{padding:10px 12px 6px;font:700 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:rgba(5,9,21,.45)}
.dd-o{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;font-size:15px;font-weight:500;line-height:1.3;color:var(--ink);cursor:pointer;transition:background-color .12s,color .12s}
.dd-o.hl{background:#F1EFEA}
.dd-o[aria-selected="true"]{background:var(--dark);color:#fff}
.dd-o[aria-selected="true"]::after{content:"";flex:none;width:18px;height:18px;margin-left:auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F8BA0C' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat}
@keyframes gtgDd{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes gtgDdUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (max-width:720px){.dd-btn{height:56px;font-size:15px}.dd-o{padding:12px}}

/* Category / filter buttons: hover everywhere */
.filters a,.filters button{transition:background-color .2s,color .2s}
.filters a:not(.on):hover,.filters button:not(.on):hover,.filters a:not(.on):focus-visible,.filters button:not(.on):focus-visible{background:rgba(255,255,255,.2);color:#fff}
.sec .filters a:not(.on):hover,.sec .filters button:not(.on):hover,.sec .filters a:not(.on):focus-visible,.sec .filters button:not(.on):focus-visible{background:var(--dark);color:#fff}
.pager a{transition:background-color .2s,color .2s}
.pager a:hover,.pager a:focus-visible{background:var(--dark);color:#fff}

/* Social buttons: hover; round icons spin 360 degrees */
.soc a{transition:background-color .2s,color .2s,box-shadow .2s}
.soc:not(.round) a:hover,.soc:not(.round) a:focus-visible{background:var(--yellow);color:var(--dark)}
.soc.round a{transition:transform .6s cubic-bezier(.3,.7,.3,1),background-color .2s}
.soc.round a:hover,.soc.round a:focus-visible{transform:rotate(360deg)}

/* Video cards with real video */
.vid-f{cursor:pointer}
.vid-f video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#0e1424;max-width:none}
.vid-f iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3;background:#000}
.vid-btn{position:absolute;inset:0;z-index:2;width:100%;height:100%;border:0;padding:0;margin:0;background:none;cursor:pointer;border-radius:inherit}
.vid-btn:focus-visible{outline:3px solid var(--yellow);outline-offset:-3px}
.vid .play{transition:transform .25s,background-color .2s}
.vid:hover .play,.vid-btn:focus-visible~.play{transform:translate(-50%,-50%) scale(1.08);background:var(--yellow)}
.vid:hover .play .ico svg,.vid-btn:focus-visible~.play .ico svg{fill:var(--dark)}
.vid-f:hover video{transform:scale(1.03)}
.vid-f video{transition:transform .4s}
.vid-f.playing{cursor:default}
.vid-f.playing::after,.vid-f.playing .play,.vid-f.playing>div,.vid-f.playing .vid-btn{display:none}
.vid-f.playing video{transform:none;object-fit:contain;background:#000}

/* Mobile menu: the header bar always stays above the panel (close button reachable) */
@media (max-width:1080px){
  .hdr-in{position:relative;z-index:2}
  .mnav{z-index:1}
}

/* ===== 2026-10-02, 4th round ===== */
/* Waze: only in the mobile layout (header icon + Kontakti button). Desktop keeps Google Maps only. */
.wazebtn{display:none}
@media (min-width:1081px){.waze-m{display:none!important}}
@media (max-width:1080px){
  .wazebtn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#33CCFF;color:var(--dark);text-decoration:none;transition:background-color .2s,color .2s,box-shadow .2s}
  .wazebtn .ico{width:22px;height:22px}
  .wazebtn:hover,.wazebtn:focus-visible{background:var(--dark);color:#33CCFF;box-shadow:inset 0 0 0 1.5px #33CCFF}
}
@media (max-width:360px){.hdr-r{gap:8px}.logo img{width:104px}}

/* Privacy policy pop-up (form consent links): the form page stays open */
.ppm{width:min(820px,calc(100vw - 32px));max-width:none;max-height:none;padding:0;border:0;border-radius:var(--rp);background:var(--bg);color:var(--ink);box-shadow:0 40px 80px -30px rgba(0,0,0,.6);overflow:hidden}
.ppm::backdrop{background:rgba(5,9,21,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.ppm-in{display:flex;flex-direction:column;max-height:min(86vh,900px)}
.ppm-h{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px 18px 36px;border-bottom:1px solid var(--light1)}
.ppm-h h2{font-size:26px;color:var(--dark)}
.ppm-x{width:44px;height:44px;flex:none;display:grid;place-items:center;border:0;border-radius:50%;background:var(--field);color:var(--dark);cursor:pointer;transition:background-color .2s}
.ppm-x:hover,.ppm-x:focus-visible{background:var(--yellow)}
.ppm .ppm-b{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:28px 36px;font-size:16px}
.ppm .ppm-b h2{font-size:22px;margin:32px 0 12px;scroll-margin-top:0}
.ppm .ppm-b h3{font-size:18px;margin:24px 0 10px}
.ppm .ppm-b>:first-child{margin-top:0}
.ppm-load{color:var(--muted)}
.ppm-f{display:flex;justify-content:flex-end;padding:16px 36px 24px;border-top:1px solid var(--light1)}
html.ppm-open{overflow:hidden}
@media (prefers-reduced-motion:no-preference){.ppm[open]{animation:gtgDd .22s ease}.ppm[open]::backdrop{animation:gtgFade .22s ease}}
@media (max-width:720px){
  .ppm{width:calc(100vw - 20px);border-radius:24px}
  .ppm-in{max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px)}
  .ppm-h{padding:14px 14px 12px 20px}
  .ppm-h h2{font-size:20px}
  .ppm .ppm-b{padding:20px;font-size:15px}
  .ppm .ppm-b h2{font-size:19px;margin:24px 0 10px}
  .ppm .ppm-b h3{font-size:16px}
  .ppm-f{padding:12px 20px 16px}
  .ppm-f .btn{width:100%}
}

/* 6. karta: garas pogas (RU/EN) mobilaja skata nedrikst izstiept lapu platumu */
@media (max-width:720px){
  .btn{white-space:normal;text-align:center;line-height:1.2;padding-top:12px;padding-bottom:12px;max-width:100%;box-sizing:border-box}
  .sum,.chk-w,.sum-b,.chk-b{min-width:0;max-width:100%}
  h1,h2,h3{overflow-wrap:anywhere}
}

/* Hover mirgosanas noversana (Chrome/Windows GPU): backdrop-filter + krasu pareja vienlaikus liek parzimet slani */
.hdr{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(5,9,21,.985)}
.btn-g,.hero .btns .btn-g,.contact .btn-g,.mn-btns .btn-g{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,255,255,.12)}
.btn,.callbtn,.copy-l,.wazebtn,.soc a,.share2-n a{backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent}
body .btn.btn-y,.callbtn{box-shadow:inset 0 0 0 1.5px transparent}
.svc-img,.post-img,.vid,.wk-t,.gal figure{isolation:isolate;transform:translateZ(0)}
.svc-img img,.post-img img,.vid img,.wk-t img,.gal figure img{backface-visibility:hidden;-webkit-backface-visibility:hidden}

/* Form validation messages (see main.js) */
.is-err.fl input:not([type=checkbox]):not([type=radio]),.is-err.fl textarea,.form .is-err.fl input,.form .is-err.fl textarea{box-shadow:inset 0 0 0 2px #D64545;background-color:#FBF2F1}
.is-err.fl input:not([type=checkbox]):not([type=radio]):focus,.is-err.fl textarea:focus,.form .is-err.fl input:focus,.form .is-err.fl textarea:focus{box-shadow:inset 0 0 0 2px #D64545,0 0 0 3px rgba(214,69,69,.18)}
.ferr{display:flex;align-items:flex-start;gap:6px;margin:7px 0 0 4px;font-size:13px;line-height:1.35;color:#B3261E;font-weight:500;text-align:left}
.ferr::before{content:"";flex:none;width:15px;height:15px;margin-top:1px;border-radius:50%;background:#D64545 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 7v6M12 17h.01'/%3E%3C/svg%3E") center/11px no-repeat}
.consent.is-err input{box-shadow:0 0 0 2px #D64545;background-color:#FBF2F1}
.consent.is-err input:checked{background-color:var(--dark)}
.consent.is-err span{color:#B3261E}
.consent+.ferr{margin-top:-6px}
.form .consent+.ferr{margin-top:-8px}
.bform .consent+.ferr{margin-top:-10px}
.ferr-sum{margin:0;font-weight:500}
.bform .ferr-sum{margin:0}
@media (prefers-reduced-motion:no-preference){.ferr{animation:ferr-in .18s ease-out}}
@keyframes ferr-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}

/* ===== 2026-10-07: live opening status + WhatsApp ===== */
.gst{display:inline-flex;align-items:center;gap:6px}
.hdr-phone .gst,.mn-phone .gst{white-space:nowrap}
.gst .dot{flex:none;background:var(--green);position:relative}
.gst-soon .dot{background:var(--yellow)}
.gst-closed .dot{background:var(--red)}
.gst-open .dot::after,.gst-soon .dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:gstPulse 2.4s ease-out infinite}
@keyframes gstPulse{0%{transform:scale(1);opacity:.65}70%,100%{transform:scale(3);opacity:0}}
@media (prefers-reduced-motion:reduce){.gst .dot::after{animation:none;display:none}}
/* pill version (contact section, Kontakti card) */
.gst.gpill{gap:8px;padding:7px 13px 7px 11px;border-radius:12px;font:600 13px/1.3 var(--sans);background:rgba(74,192,116,.14);color:#6FD597}
.gst.gpill .dot{width:8px;height:8px}
.gst.gpill.gst-soon{background:rgba(248,186,12,.14);color:var(--yellow)}
.gst.gpill.gst-closed{background:rgba(240,82,79,.14);color:#FF8A87}
.cinfo>div{min-width:0}
.cinfo .gst.gpill{display:flex;width:fit-content;max-width:100%;margin-top:12px;font-size:13px;font-weight:600;line-height:1.3}
.cinfo .gst.gpill .gst-t{font-size:13px;font-weight:600;line-height:1.3}
/* homepage photo chip */
.chip .gst{gap:10px}
/* footer */
.ftr .ftr-st{margin-top:8px;font-size:13px;font-weight:500;color:rgba(255,255,255,.6)}
.ftr .ftr-st .dot{width:7px;height:7px}

/* WhatsApp */
.btn-wa{background:#25D366;color:#062612;box-shadow:inset 0 0 0 1.5px transparent}
.btn-wa .ico{width:20px;height:20px}
.btn-wa:hover,.btn-wa:focus-visible{background:var(--dark);color:#25D366;box-shadow:inset 0 0 0 1.5px #25D366}
.wabtn{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:#25D366;color:#fff;text-decoration:none;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;transition:background-color .2s,color .2s,box-shadow .2s;box-shadow:inset 0 0 0 1.5px transparent}
.wabtn .ico{width:22px;height:22px}
.wabtn:hover,.wabtn:focus-visible{background:var(--dark);color:#25D366;box-shadow:inset 0 0 0 1.5px #25D366}
.hdr-r .btn-sm+.wabtn{margin-left:-8px}
.c-btns{display:flex;flex-wrap:wrap;gap:12px}
.contact .btn-wa{min-height:56px;padding:0 30px}
.mn-btns .btn-wa .ico{width:20px;height:20px}
@media (max-width:1280px){.hdr-r .btn-sm+.wabtn{margin-left:-4px}}
@media (max-width:1080px){.hdr-r .btn-sm+.wabtn{margin-left:0}}
@media (max-width:720px){
  .c-btns{width:100%;flex-direction:column}
  .contact .c-btns .btn{width:100%}
}
@media (max-width:420px){
  .hdr-r{gap:8px}
  .wabtn,.wazebtn,.callbtn,.burger{width:42px!important;height:42px!important}
  .logo img{width:108px}
}
@media (max-width:360px){.wabtn,.wazebtn,.callbtn,.burger{width:38px!important;height:38px!important}.logo img{width:96px}}
/* Mega menu: only the "Pakalpojumi" chevron rotates when open, not the service icons inside the panel */
.has-mega[data-open] .mega .ico{transform:none}