/* =========================================================
   Одисей v3
   Мащаб: 1rem се изчислява от ширината И височината на екрана,
   затова композицията е една и съща на всеки монитор.
   Шрифт: Geologica (с български форми на буквите, ос SHRP за заглавията).
   ========================================================= */

@font-face{font-family:"Geologica";src:url("../fonts/geologica-cyrillic-full-normal.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Geologica";src:url("../fonts/geologica-latin-full-normal.woff2") format("woff2");font-weight:100 900;font-display:swap;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+2190-2193,U+2212}

:root{
  --paper:#FFFFFF;
  --stone:#F2F2EF;
  --ink:#0F1013;
  --ink-2:#1B1C21;
  --graphite:#33353D;
  --mute:#6A6D76;
  --line:#E2E2DD;
  --line-d:rgba(255,255,255,.14);
  --blue:#2B3CF0;     /* егейско синьо */
  --blue-2:#1E2CC8;
  --blue-soft:#E9EBFE;
  --sun:#FFB21E;
  --ok:#1C8A5B;
  --err:#C23A2C;
  --f:"Geologica",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --pad:4rem;
  --gap:2rem;
  --ease:cubic-bezier(.22,1,.36,1);
  --hdr:8rem;
}

/* ---------- мащаб ---------- */
html{font-size:10px}
@media (max-width:599.98px){html{font-size:clamp(8.6px,calc(100vw / 39),11.5px)}:root{--pad:2rem;--gap:1.6rem;--hdr:6.4rem}}
@media (min-width:600px) and (max-width:1023.98px){html{font-size:clamp(9px,calc(100vw / 76.8),13px)}:root{--pad:3.2rem;--hdr:7rem}}
@media (min-width:1024px){html{font-size:clamp(8.8px,min(calc(100vw / 144),calc(100vh / 84)),14px)}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hdr) + 2rem);scrollbar-width:none}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f);font-size:1.6rem;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
img,svg,video{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4{margin:0;font-weight:500}
button{font:inherit}
::selection{background:var(--blue);color:#fff}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:fixed;left:1.2rem;top:-8rem;z-index:400;background:var(--ink);color:#fff;padding:1.2rem 1.8rem;border-radius:.8rem;text-decoration:none}
.skip:focus{top:1.2rem}

/* ---------- типографска скала ---------- */
.d1,.d2,.d3{font-weight:500;font-variation-settings:"SHRP" 100;letter-spacing:-.045em;text-wrap:balance}
.d1{font-size:11rem;line-height:.93}
.d2{font-size:6.4rem;line-height:1;letter-spacing:-.04em}
.d3{font-size:4.2rem;line-height:1.04;letter-spacing:-.035em}
.st{font-size:3.6rem;line-height:1.22;font-weight:300;letter-spacing:-.025em;text-wrap:pretty}
.h4{font-size:2.2rem;line-height:1.25;font-weight:500;letter-spacing:-.015em}
.lbl{display:block;font-size:1.4rem;font-weight:500;color:var(--mute);letter-spacing:0}
.lead{font-size:2rem;line-height:1.5;color:var(--graphite);text-wrap:pretty}
.d1 em,.d2 em{font-style:normal;color:var(--blue)}
.lbl.dot,.split2>.lbl,.cta .lbl{display:flex;align-items:center;align-self:start;gap:1rem}
.lbl.dot::before,.split2>.lbl::before,.cta .lbl::before{content:"";flex:none;width:.8rem;height:.8rem;border-radius:50%;background:var(--blue)}
.cta .lbl::before{background:var(--sun)}
.muted{color:var(--mute)}
.ln{display:block;overflow:hidden;padding:.06em 0 .1em;margin:-.06em 0 -.1em}
.ln>span{display:block}
@media (max-width:599.98px){
  .d1{font-size:4.8rem;line-height:.98}
  .d2{font-size:3.6rem}
  .d3{font-size:2.8rem}
  .st{font-size:2.4rem}
  .lead{font-size:1.8rem}
  .h4{font-size:2rem}
}
@media (min-width:600px) and (max-width:1023.98px){
  .d1{font-size:8rem}
  .d2{font-size:5rem}
  .d3{font-size:3.4rem}
  .st{font-size:2.8rem}
}

/* ---------- сетка ---------- */
.wrap{width:100%;max-width:144rem;margin:0 auto;padding-inline:var(--pad)}
.g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.sec{padding-block:14rem}
.sec-s{padding-block:9rem}
.stone{background:var(--stone)}
.dark{background:var(--ink);color:#fff}
.dark .muted,.dark .lbl{color:#9EA1AB}
.head{margin-bottom:7rem;align-items:end}
.head .d2{grid-column:1 / span 7}
.head p{grid-column:9 / span 4;margin:0;color:var(--graphite)}
.dark .head p{color:#C9CBD2}
@media (max-width:1023.98px){
  .sec{padding-block:9rem}
  .head{margin-bottom:4.4rem;row-gap:1.6rem}
  .head .d2,.head p{grid-column:1 / -1}
}
@media (max-width:599.98px){
  .sec{padding-block:7rem}
  .sec-s{padding-block:6rem}
  .crumbs{flex-wrap:nowrap;white-space:nowrap}
  .crumbs li{min-width:0}
  .crumbs li:last-child{overflow:hidden;text-overflow:ellipsis}
}

/* ---------- бутони и връзки ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:1rem;height:5.6rem;padding:0 2.6rem;border-radius:99rem;border:1px solid transparent;font-size:1.6rem;font-weight:500;line-height:1;text-decoration:none;cursor:pointer;white-space:nowrap;overflow:hidden;isolation:isolate;transition:color .4s var(--ease),border-color .4s var(--ease),background-color .4s var(--ease)}
.btn span{position:relative;display:block;transition:transform .5s var(--ease)}
.btn svg{width:1.8rem;height:1.8rem;transition:transform .5s var(--ease)}
.btn:hover svg{transform:translateX(.4rem)}
.btn-blue{background:var(--blue);color:#fff}
.btn-blue:hover{background:var(--blue-2)}
.btn-ink{background:var(--ink);color:#fff}
.btn-ink:hover{background:var(--blue)}
.btn-line{border-color:rgba(15,16,19,.22);color:var(--ink);background:transparent}
.btn-line:hover{border-color:var(--ink);background:var(--ink);color:#fff}
.btn-white{background:#fff;color:var(--ink)}
.btn-white:hover{background:var(--blue);color:#fff}
.btn-ghost{border-color:rgba(255,255,255,.3);color:#fff}
.btn-ghost:hover{background:#fff;color:var(--ink)}
.btn-sm{height:4.4rem;padding:0 2rem;font-size:1.5rem}
.btns{display:flex;flex-wrap:wrap;gap:1.2rem}
.ul{text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:.2rem;transition:background-size .5s var(--ease)}
.ul:hover{background-size:0 1px;background-position:100% 100%}
.arrow-link{display:inline-flex;align-items:center;gap:.8rem;font-weight:500;text-decoration:none}
.arrow-link svg{width:1.6rem;height:1.6rem;transition:transform .5s var(--ease)}
.arrow-link:hover svg{transform:translate(.3rem,-.3rem)}

/* ---------- шапка ---------- */
.hdr{position:fixed;inset:0 0 auto;z-index:90;transition:transform .6s var(--ease),background-color .4s,box-shadow .4s}
.hdr.solid{background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(12px) saturate(170%);backdrop-filter:blur(12px) saturate(170%);box-shadow:0 1px 0 var(--line)}
.hdr.hide{transform:translateY(-102%)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:2rem;height:var(--hdr)}
.brand{display:inline-flex;align-items:center;gap:1.1rem;text-decoration:none;color:var(--ink);position:relative;z-index:2}
.brand svg{height:3.2rem;width:auto;flex:none}
.wm{display:inline-flex;align-items:baseline;gap:.3em;font-size:2.1rem;line-height:1;letter-spacing:-.025em;white-space:nowrap;font-variation-settings:"SHRP" 0}
.wm b{font-weight:700}
.wm span{font-weight:300}
.nav{display:flex;align-items:center;gap:4rem}
.nav ul{display:flex;gap:3.2rem}
.nav ul a{position:relative;font-size:1.5rem;font-weight:500;text-decoration:none;color:var(--ink);padding:.4rem 0}
.nav ul a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:100% 50%;transition:transform .5s var(--ease)}
.nav ul a:hover::after,.nav ul a[aria-current="page"]::after{transform:scaleX(1);transform-origin:0 50%}
.nav ul a[aria-current="page"]{color:var(--blue)}
/* езикът: бутон със знаменце към другата версия */
.lang{display:inline-flex;align-items:center;gap:.7rem;height:3.4rem;padding:0 1.2rem 0 .6rem;border:1px solid var(--line);border-radius:99rem;font-size:1.3rem;font-weight:600;letter-spacing:.06em;line-height:1;text-decoration:none;color:var(--ink);transition:border-color .3s,background-color .3s}
.lang:hover{border-color:var(--ink)}
.flag{position:relative;display:inline-block;flex:none;width:2.2rem;height:2.2rem;border-radius:50%;overflow:hidden;transition:transform .5s var(--ease)}
.flag svg{display:block;width:100%;height:100%}
.flag::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(15,16,19,.14)}
.lang:hover .flag{transform:rotate(-12deg) scale(1.08)}
.bar-m{display:none;align-items:center;gap:1rem;position:relative;z-index:2}
.f-lang{display:inline-flex;align-items:center;gap:.7rem;font-weight:600}
.f-lang .flag{width:1.7rem;height:1.7rem}
.f-lang .flag::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.lang-hint{position:fixed;right:2.4rem;bottom:2.4rem;z-index:84;display:flex;align-items:center;gap:1.2rem;padding:.8rem .8rem .8rem 1.8rem;border-radius:99rem;background:var(--ink);color:#fff;font-size:1.4rem;line-height:1.3;box-shadow:0 1.6rem 4rem rgba(15,16,19,.28);opacity:0;transform:translateY(1.6rem) scale(.98);transition:opacity .45s,transform .6s var(--ease);max-width:calc(100% - 4.8rem)}
.lang-hint.show{opacity:1;transform:none}
.lang-hint.hide{opacity:0;transform:translateY(1.2rem) scale(.96);transition:opacity .5s,transform .7s var(--ease)}
.lang-hint a{display:inline-flex;align-items:center;gap:.7rem;color:#fff;font-weight:600;text-decoration:none;background:var(--blue);padding:.6rem 1.3rem .6rem .6rem;border-radius:99rem;white-space:nowrap}
.lang-hint a .flag{width:2rem;height:2rem}
.lang-hint a .flag::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.lang-hint a:hover{background:var(--blue-2)}
.lang-hint button{background:none;border:0;color:#fff;opacity:.7;font-size:2.2rem;line-height:1;cursor:pointer;padding:0 .6rem;font-family:inherit}
.lang-hint button:hover{opacity:1}
.lh-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.lh-ring rect{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}
.lh-ring .lh-track{stroke:rgba(255,255,255,.1)}
.lh-ring .lh-bar{stroke:#8E99FF;stroke-linecap:round;stroke-dasharray:var(--len) var(--len);stroke-dashoffset:0}
.lang-hint.run .lh-bar{animation:lh-tick var(--dur,7s) linear forwards}
.lang-hint:hover .lh-bar,.lang-hint:focus-within .lh-bar{animation-play-state:paused}
@keyframes lh-tick{to{stroke-dashoffset:var(--len)}}
@media (max-width:599.98px){.lang-hint{left:1.6rem;right:1.6rem;bottom:8.6rem;max-width:none;flex-wrap:wrap;border-radius:1.6rem;padding:1.2rem 1.2rem 1.2rem 1.6rem}.lang-hint span{flex:1 1 100%}}
.menu-btn{display:none;align-items:center;gap:1rem;background:none;border:1px solid rgba(15,16,19,.2);color:var(--ink);border-radius:99rem;height:4.4rem;padding:0 1.8rem;font-size:1.5rem;font-weight:500;cursor:pointer;position:relative;z-index:2}
.menu-btn i{position:relative;width:1.6rem;height:1rem}
.menu-btn i::before,.menu-btn i::after{content:"";position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:transform .45s var(--ease),top .45s var(--ease)}
.menu-btn i::before{top:0}
.menu-btn i::after{top:8px}
.menu-btn[aria-expanded="true"] i::before{top:4px;transform:rotate(45deg)}
.menu-btn[aria-expanded="true"] i::after{top:4px;transform:rotate(-45deg)}
@media (max-width:1023.98px){.nav{display:none}.bar-m{display:flex}.menu-btn{display:inline-flex}}
@media (max-width:400px){.menu-btn{padding:0 1.3rem}.menu-btn span{display:none}}
.mmenu{position:fixed;left:0;right:0;top:0;height:100vh;height:100dvh;z-index:85;background:#fff;display:flex;flex-direction:column;justify-content:flex-start;padding:calc(var(--hdr) + 1.6rem) var(--pad) calc(2.4rem + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;visibility:hidden;opacity:0;transition:opacity .4s,visibility 0s .4s}
.mmenu>nav{margin-top:auto}
.mmenu>*{flex-shrink:0}
@media (max-height:760px){.mmenu{padding-top:calc(var(--hdr) + .8rem)}.mmenu .btn{margin-top:1.6rem;height:4.8rem}.mmenu .m-foot{margin-top:1.4rem;gap:.6rem 1rem}}
.mmenu.open{visibility:visible;opacity:1;transition:opacity .4s,visibility 0s}
.mmenu ul{border-top:1px solid var(--line)}
.mmenu li{border-bottom:1px solid var(--line)}
.mmenu ul a{display:flex;justify-content:space-between;align-items:center;gap:1.6rem;font-size:clamp(2.4rem,4dvh,3.6rem);font-weight:500;letter-spacing:-.04em;font-variation-settings:"SHRP" 100;text-decoration:none;padding:clamp(.6rem,1.1dvh,1.2rem) 0}
.mmenu ul a>svg{width:2.2rem;height:2.2rem;flex:none;opacity:.6}
.mmenu .m-lang a{justify-content:flex-start;font-size:clamp(1.7rem,2.6dvh,2rem);letter-spacing:-.01em;color:var(--graphite);padding:clamp(1rem,1.8dvh,1.6rem) 0 clamp(.8rem,1.3dvh,1.2rem)}
.mmenu .m-lang a>svg{margin-left:auto;width:1.6rem;height:1.6rem}
.mmenu .m-lang .flag{width:2.4rem;height:2.4rem}
.mmenu ul a[aria-current="page"]{color:var(--blue)}
.mmenu .btn{margin-top:2.8rem;align-self:stretch}
.mmenu .m-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:2.4rem;color:var(--mute);font-size:1.5rem}
.mmenu .m-foot a{color:var(--ink);text-decoration:none}

/* ---------- начало ---------- */
.hero{padding-top:calc(var(--hdr) + 9rem);padding-bottom:5rem}
.hero-top{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:3.2rem;min-height:3rem}
/* живо време в София */
.sofia{display:inline-flex;align-items:center;gap:1.2rem;font-size:1.5rem;font-weight:500;color:var(--graphite);font-variant-numeric:tabular-nums;white-space:nowrap}
.sofia-ico{width:3rem;height:3rem;border-radius:50%;background:var(--blue-soft);color:var(--blue);display:flex;align-items:center;justify-content:center;flex:none}
.sofia-ico svg{width:1.9rem;height:1.9rem;overflow:visible}
.sofia-ico g{display:none}
.sofia-ico g.on,.sofia-ico:not(.ready) g[data-k="noon"]{display:inline}
.sofia-city{color:var(--ink)}
.sofia-time:empty,.sofia-word:empty,.sofia-temp:empty{display:none}
.sofia-time{color:var(--ink);min-width:5.4em}
.sofia-word{color:var(--mute);font-weight:400}
.sofia-temp{color:var(--blue)}
.sofia-ico .sun{transform-box:fill-box;transform-origin:center;animation:sun-b 4s ease-in-out infinite}
.sofia-ico .star{animation:twinkle 2.8s ease-in-out infinite}
.sofia-ico .s2{animation-delay:.9s}.sofia-ico .s3{animation-delay:1.8s}
.sofia-ico .drop{stroke-dasharray:1.6 5;animation:drop .9s linear infinite}
.sofia-ico .flake{transform-box:fill-box;animation:flake 2.4s ease-in-out infinite}
.sofia-ico .d2{animation-delay:.3s}.sofia-ico .d3{animation-delay:.6s}
.sofia-ico .bolt{animation:flash 3.2s infinite}
@keyframes sun-b{50%{transform:scale(.84)}}
@keyframes twinkle{50%{opacity:.2}}
@keyframes drop{to{stroke-dashoffset:-6.6}}
@keyframes flake{0%,100%{transform:translateY(-1px);opacity:.35}50%{transform:translateY(1.5px);opacity:1}}
@keyframes flash{0%,84%,100%{opacity:1}88%{opacity:.15}92%{opacity:1}95%{opacity:.3}}
@media (max-width:599.98px){.sofia{font-size:1.4rem;gap:1rem}.sofia-word{display:none}}
.hero h1{grid-column:1 / -1}
.hero-row{margin-top:5rem;align-items:end}
.hero-row .lead{grid-column:1 / span 6;margin:0;max-width:52ch}
.hero-row .btns{grid-column:8 / span 5;justify-content:flex-end}
@media (max-width:1023.98px){
  .hero{padding-top:calc(var(--hdr) + 5rem)}
  .hero-row{row-gap:2.8rem;margin-top:3.2rem}
  .hero-row .lead,.hero-row .btns{grid-column:1 / -1;justify-content:flex-start}
}
@media (max-width:599.98px){.hero-row .btns .btn{flex:1 1 100%}}

/* витрина: прозорец на браузър със сайтовете ни */
.reel-wrap{padding-bottom:12rem}
/* прозорецът е по-малък от екрана, за да се вижда целият */
.reel-wrap .wrap>*{width:100%;max-width:min(96rem,calc((100vh - var(--hdr) - 16rem) * 1.6));margin-inline:auto}
@media (max-width:1023.98px){.reel-wrap .wrap>*{max-width:none}}
.chrome{display:flex;align-items:center;gap:1.6rem;height:5.2rem;padding:0 2rem;background:#18191E;border-bottom:1px solid rgba(255,255,255,.06)}
.chrome .dots{display:flex;gap:.7rem}
.chrome .dots i{width:1.1rem;height:1.1rem;border-radius:50%;background:#3A3C44}
.chrome .url{flex:1;max-width:46rem;margin:0 auto;height:3.2rem;border-radius:99rem;background:#24262C;display:flex;align-items:center;justify-content:center;gap:.8rem;font-size:1.35rem;color:#C9CBD2;overflow:hidden;white-space:nowrap}
.chrome .url svg{width:1.3rem;height:1.3rem;color:#7D808A;flex:none}
.chrome .live{display:inline-flex;align-items:center;gap:.8rem;font-size:1.3rem;color:#9EA1AB;white-space:nowrap}
.chrome .live::before{content:"";width:.8rem;height:.8rem;border-radius:50%;background:#3DD68C;box-shadow:0 0 0 .3rem rgba(61,214,140,.18)}
.screen{position:relative;aspect-ratio:1200 / 673;overflow:hidden;background:#1C1D22}
.screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
/* витрина на началната страница: плъзгач, в който се виждат и съседните сайтове */
.showcase{--w:min(88rem,calc((100vh - var(--hdr) - 20rem) * 1.6),78vw);--g:3.2rem;padding-bottom:10rem}
.sl{--step:calc(var(--w) * .93 + var(--g));--sp:1;position:relative;padding-block:1rem 10rem;margin-bottom:-10rem;overflow-x:clip;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.sl-sizer{width:var(--w);margin:0 auto;visibility:hidden;box-shadow:none}
.sl-track{position:absolute;left:0;right:0;top:1rem}
.sl-slide{position:absolute;left:50%;top:0;width:var(--w);margin-left:calc(var(--w) / -2);display:block;text-decoration:none;color:inherit;z-index:var(--z,1);opacity:var(--op,1);
  transform:translateX(calc(var(--o) * var(--step) * var(--sp))) scale(var(--s,1));transition:transform 1.1s var(--ease),opacity .8s var(--ease)}
.sl-slide .frame{transition:box-shadow .8s var(--ease)}
.sl-slide.on .frame{box-shadow:0 4rem 9rem -4rem rgba(15,16,19,.4)}
.sl-slide:not(.on) .frame{box-shadow:0 2rem 4rem -3rem rgba(15,16,19,.25)}
.sl-slide.side:hover{opacity:.9}
.sl-slide:not(.on) .chrome .live{visibility:hidden}
.sl-foot{position:relative;width:var(--w);max-width:calc(100% - 2 * var(--pad));padding:0;margin:3.2rem auto 0;display:flex;align-items:center;justify-content:space-between;gap:2.4rem}
.sl-names{position:relative;height:2.8rem;overflow:hidden;flex:1;min-width:0}
.sl-names span{position:absolute;inset:0;display:flex;align-items:baseline;gap:1.2rem;white-space:nowrap;transform:translateY(110%);transition:transform .7s var(--ease)}
.sl-names b{font-size:1.9rem;font-weight:500;letter-spacing:-.015em;overflow:hidden;text-overflow:ellipsis;flex:none;max-width:100%}
.sl-names i{font-style:normal;color:var(--mute);font-size:1.5rem;overflow:hidden;text-overflow:ellipsis}
.sl-names span.on{transform:none}
.sl-names span.out{transform:translateY(-110%)}
.sl-ctrl{display:flex;align-items:center;gap:2.4rem;flex:none}
.sl-dots{display:flex;gap:.8rem}
.sl-dots button{width:4rem;height:2.4rem;padding:0;border:0;background:none;cursor:pointer;display:flex;align-items:center}
.sl-dots button i{display:block;width:100%;height:2px;background:var(--line);position:relative;overflow:hidden}
.sl-dots button i::after{content:"";position:absolute;inset:0;background:var(--blue);transform:scaleX(0);transform-origin:0 50%}
.sl-dots button.done i::after{transform:scaleX(1)}
.sl-dots button.on i::after{animation:fill var(--dur,5s) linear forwards}
.paused .sl-dots button.on i::after{animation-play-state:paused}
.sl-arrows{display:flex;gap:.8rem}
.sl-arrow{width:4.8rem;height:4.8rem;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s,border-color .3s,color .3s}
.sl-arrow svg{width:1.8rem;height:1.8rem}
.sl-prev svg{transform:scaleX(-1)}
.sl-arrow:hover{background:var(--blue);border-color:var(--blue);color:#fff}
@media (max-width:1023.98px){.showcase{--w:84vw;--g:1.6rem}.sl{-webkit-mask-image:none;mask-image:none}}
@media (max-width:599.98px){.showcase{--w:82vw;--g:1.2rem;padding-bottom:7rem}.sl-dots{display:none}.sl-names i{display:none}.sl-arrow{width:4.4rem;height:4.4rem}}
@keyframes fill{to{transform:scaleX(1)}}
@media (max-width:599.98px){.chrome .live,.chrome .dots{display:none}.frame{border-radius:1.2rem}}

/* имена на проекти */
.clients{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.clients-in{display:grid;grid-template-columns:14rem repeat(7,minmax(0,1fr));align-items:stretch}
.clients .lbl{display:flex;align-items:center;padding:2.4rem 0}
.clients a{display:flex;align-items:center;justify-content:center;text-align:center;padding:2.4rem 1.6rem;border-left:1px solid var(--line);text-decoration:none;font-size:1.6rem;font-weight:500;letter-spacing:-.01em;line-height:1.25;transition:color .3s,background-color .3s}
.clients a:hover{color:var(--blue);background:var(--blue-soft)}
.clients a.cl-all{display:none}
@media (max-width:1023.98px){
  .clients-in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .clients .lbl{grid-column:1 / -1;padding:4rem 0 1.6rem}
  .clients a{border-left:0;border-top:1px solid var(--line);justify-content:flex-start;text-align:left;padding:1.8rem 0}
  .clients a:nth-of-type(even){padding-left:1.6rem;border-left:1px solid var(--line)}
  .clients a.cl-all{display:flex;gap:.8rem;color:var(--blue)}
  .clients a.cl-all svg{width:1.6rem;height:1.6rem;flex:none}
}

/* какво правим */
.what .lbl{grid-column:1 / span 3;padding-top:1.2rem}
.what .st{grid-column:4 / span 9;margin:0;max-width:30em}
.js-on .what .st .w{opacity:.16}
@media (max-width:1023.98px){.what .lbl,.what .st{grid-column:1 / -1}.what .lbl{padding:0 0 2rem}}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);margin-top:10rem}
.stat{background:var(--stone);border-radius:1.6rem;padding:2.8rem;display:flex;flex-direction:column;justify-content:space-between;min-height:24rem}
.stat b{font-size:8rem;line-height:.9;font-weight:500;letter-spacing:-.05em;font-variation-settings:"SHRP" 100}
.stat b small{font-size:.5em;letter-spacing:0;margin-left:.06em;color:var(--blue)}
.stat>span{display:block;font-size:1.5rem;color:var(--graphite);max-width:24ch;margin-top:2.4rem}
.stat:first-child{background:var(--blue);color:#fff}
.stat:first-child>span{color:#DCE0FE}
.stat:nth-child(3){background:var(--blue-soft)}
.stat:nth-child(3) b{color:var(--blue)}
.photos2{display:grid;grid-template-columns:7fr 5fr;gap:var(--gap);margin-top:10rem;align-items:stretch}
.photos2+.stats{margin-top:var(--gap)}
.ph{position:relative;margin:0;border-radius:2rem;overflow:hidden;background:var(--stone)}
.ph img{width:100%;height:100%;object-fit:cover}
.photos2 .ph-a{aspect-ratio:16 / 10}
.photos2 .ph:only-child{grid-column:1 / -1;aspect-ratio:21 / 9}
.ph-wide{aspect-ratio:21 / 9;margin-top:var(--gap)}
.ph-contact{aspect-ratio:4 / 3;margin-top:3.6rem}
@media (max-width:599.98px){.photos2{grid-template-columns:1fr;margin-top:6rem}.photos2 .ph{aspect-ratio:4 / 3}.ph-wide{aspect-ratio:4 / 3}}
@media (max-width:1023.98px){.stats{grid-template-columns:1fr 1fr;margin-top:6rem}.stat{min-height:18rem;padding:2.2rem}.stat b{font-size:5.6rem}}

/* ---------- услуги: наслагващи се карти ---------- */
.stack{display:grid;gap:2rem}
.card{position:sticky;top:calc(var(--hdr) + 1.6rem);border-radius:2.4rem;padding:3.6rem 4.4rem;min-height:min(44rem,calc(100vh - var(--hdr) - 11rem));display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);grid-template-rows:auto 1fr auto;transform-origin:50% 0;will-change:transform}
.card:nth-child(1){background:var(--blue);color:#fff}
.card:nth-child(2){background:var(--ink);color:#fff;top:calc(var(--hdr) + 2.8rem)}
.card:nth-child(3){background:#DCDFF9;color:var(--ink);top:calc(var(--hdr) + 4rem)}
.card:nth-child(4){background:var(--stone);color:var(--ink);top:calc(var(--hdr) + 5.2rem)}
.card-top{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:2rem;font-size:1.5rem;font-weight:500;padding-bottom:2rem;border-bottom:1px solid rgba(127,127,127,.35)}
.card-top>span:first-child{opacity:.8}
.card-i{width:4.4rem;height:4.4rem;border-radius:1.2rem;display:flex;align-items:center;justify-content:center;background:var(--blue);color:#fff}
.card-i svg{width:2rem;height:2rem}
.card:nth-child(1) .card-i{background:#fff;color:var(--blue)}
.card h3{grid-column:1 / span 8;align-self:start;margin-top:3.2rem;font-size:5.6rem}
.card .desc{grid-column:1 / span 5;align-self:end;margin:0;font-size:1.7rem;line-height:1.5;opacity:.9}
.card ul{grid-column:7 / span 6;align-self:end;display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 2.4rem;font-size:1.6rem}
.card li{display:grid;grid-template-columns:1.8rem 1fr;gap:1rem;line-height:1.4}
.card li svg{width:1.6rem;height:1.6rem;margin-top:.2rem;opacity:.85}
.card:nth-child(3) li svg,.card:nth-child(4) li svg{color:var(--blue);opacity:1}
.card-foot{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-top:3.2rem}
.card .price{font-size:2.2rem;font-weight:500;letter-spacing:-.02em}
.card:nth-child(3) .price,.card:nth-child(4) .price{color:var(--blue)}
.card:nth-child(1) .btn-white:hover{background:var(--ink)}
.card:nth-child(3) .btn-ink,.card:nth-child(4) .btn-ink{background:var(--blue)}
.card:nth-child(3) .btn-ink:hover,.card:nth-child(4) .btn-ink:hover{background:var(--ink)}
@media (max-width:1023.98px){
  .card{position:sticky;min-height:0;padding:3rem 2.6rem;display:block;transform-origin:50% 0;box-shadow:0 -1.2rem 3rem rgba(15,16,19,.07)}
  .card h3{margin:2.8rem 0 1.6rem;font-size:5rem}
  .menu-open .hdr{background:#fff;box-shadow:0 1px 0 var(--line);transform:none}
  .card .desc{margin-bottom:2.4rem}
  .card ul{grid-template-columns:1fr;gap:1.1rem}
  .card-foot{flex-wrap:wrap}
}
@media (max-width:1023.98px){.card-foot .btn{width:100%}}
@media (max-width:599.98px){.card h3{font-size:3.4rem}}

/* ---------- проекти ---------- */
.work-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:8rem;align-items:start;max-width:126rem;margin-inline:auto}
.work-col{display:grid;gap:8rem}
.work-col.b{padding-top:16rem}
.tile{display:block;text-decoration:none;color:inherit}
.frame{position:relative;border-radius:1.6rem;overflow:hidden;background:#1C1D22;box-shadow:0 2.4rem 6rem -3rem rgba(15,16,19,.35)}
.frame .chrome{height:4rem;padding:0 1.4rem}
.frame .chrome .dots i{width:.9rem;height:.9rem}
.frame .chrome .url{height:2.4rem;font-size:1.2rem;max-width:30rem}
/* снимката се вижда цялата: без мащабиране и изрязване */
.tile .frame{transition:transform .7s var(--ease),box-shadow .7s var(--ease)}
.tile:hover .frame{transform:translateY(-.8rem);box-shadow:0 3.6rem 7rem -3rem rgba(43,60,240,.5)}
.tile-cap{display:grid;grid-template-columns:1fr auto;gap:.6rem 2rem;padding-top:2.4rem}
.tile-cap h3{font-size:2.8rem;line-height:1.1;letter-spacing:-.03em;font-weight:500;font-variation-settings:"SHRP" 100;transition:color .3s}
.tile:hover .tile-cap h3{color:var(--blue)}
.tile-cap .sector{font-size:1.5rem;color:var(--mute);white-space:nowrap;padding-top:.6rem}
.tile-cap p{grid-column:1 / -1;margin:.6rem 0 0;color:var(--graphite);font-size:1.6rem;max-width:52ch}
.tags{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem}
.tags li{font-size:1.3rem;font-weight:500;border:1px solid var(--line);border-radius:99rem;padding:.5rem 1.2rem;color:var(--graphite)}
.tags li:first-child{background:var(--blue-soft);border-color:var(--blue-soft);color:var(--blue)}
.work-more{display:flex;justify-content:center;margin-top:10rem}
@media (max-width:1023.98px){.work-grid{grid-template-columns:1fr;max-width:72rem;row-gap:6rem}.work-col{display:contents}.tile{order:var(--o)}.tile-cap{grid-template-columns:1fr}.tile-cap .sector{padding:0}}
@media (max-width:599.98px){.work-grid{row-gap:4.8rem}.work-grid .tile.extra{display:none}}

/* списък с проекти (страница Проекти) */
.index{border-top:1px solid var(--line)}
.irow{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:center;padding:2.8rem 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:padding .5s var(--ease),color .3s}
.irow .n{grid-column:1 / span 5;font-size:3.6rem;font-weight:500;letter-spacing:-.04em;line-height:1.05;font-variation-settings:"SHRP" 100}
.irow .s{grid-column:6 / span 3;color:var(--mute)}
.irow .o{grid-column:9 / span 3;color:var(--graphite)}
.irow .a{grid-column:12;justify-self:end;width:4.4rem;height:4.4rem;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;transition:background .3s,border-color .3s,color .3s}
.irow .a svg{width:1.6rem;height:1.6rem}
.irow:hover{color:var(--blue);padding-left:1.6rem}
.irow:hover .a{background:var(--blue);border-color:var(--blue);color:#fff}
@media (max-width:1023.98px){.irow{row-gap:.6rem}.irow .n{grid-column:1 / span 10;font-size:2.6rem}.irow .s,.irow .o{grid-column:1 / span 10;font-size:1.5rem}.irow .a{grid-column:11 / span 2;grid-row:1}}
.peek{position:fixed;left:0;top:0;z-index:60;width:36rem;border-radius:1.2rem;overflow:hidden;pointer-events:none;opacity:0;transform:scale(.85);transition:opacity .3s,transform .4s var(--ease);box-shadow:0 2rem 5rem rgba(15,16,19,.3)}
.peek.on{opacity:1;transform:scale(1)}
.peek img{width:100%;aspect-ratio:1200 / 673;object-fit:cover;object-position:top}
@media (hover:none),(max-width:1023.98px){.peek{display:none}}

/* ---------- процес ---------- */
.steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);padding-top:4.4rem}
.steps-line{position:absolute;left:0;right:0;top:0;height:2px;background:var(--line-d)}
.steps-line i{position:absolute;inset:0;background:var(--blue);transform-origin:0 50%;transform:scaleX(1)}
.js-on .steps-line i{transform:scaleX(0)}
.step .num{display:block;font-size:1.5rem;font-weight:500;color:#9EA1AB;margin-bottom:5.6rem}
.step h3{font-size:2.6rem;line-height:1.15;letter-spacing:-.03em;font-variation-settings:"SHRP" 100;margin-bottom:1.6rem}
.step .dur{display:inline-block;font-size:1.3rem;font-weight:500;border:1px solid var(--line-d);border-radius:99rem;padding:.5rem 1.2rem;margin-bottom:1.6rem;color:#fff}
.step p{margin:0;color:#C9CBD2;font-size:1.6rem}
.sec-blue{background:var(--blue);color:#fff}
.sec-blue .head p{color:#DCE0FE}
.sec-blue .steps-line{background:rgba(255,255,255,.25)}
.sec-blue .steps-line i{background:#fff}
.sec-blue .step .num{color:#fff;width:4.4rem;height:4.4rem;border-radius:1.2rem;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;margin-bottom:4.4rem}
.sec-blue .step .dur{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.08)}
.sec-blue .step p{color:#E4E7FE}
@media (max-width:1023.98px){.steps{grid-template-columns:1fr 1fr;row-gap:5rem}.step .num,.sec-blue .step .num{margin-bottom:2rem}}
@media (max-width:599.98px){
  .steps{grid-template-columns:1fr;padding:0 0 0 2.8rem;row-gap:4.4rem}
  .steps-line{left:0;right:auto;top:.4rem;bottom:.4rem;width:2px;height:auto}
  .steps-line i{transform-origin:50% 0;transform:scaleY(1)}
  .js-on .steps-line i{transform:scaleY(0)}
}

/* ---------- цени ---------- */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);align-items:stretch}
.plan{position:relative;background:#fff;border-radius:2rem;padding:3.6rem;display:flex;flex-direction:column;border:1px solid var(--line)}
.plan.main{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 3rem 6rem -3.6rem rgba(43,60,240,.7)}
.plan.main .plan-tag{background:#fff;color:var(--blue)}
.plan.main .term{color:#DCE0FE}
.plan.main .btn-blue{background:#fff;color:var(--blue)}
.plan.main .btn-blue:hover{background:var(--ink);color:#fff}
.plan-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:3rem}
.plan-top h3{font-size:2.6rem;letter-spacing:-.03em;font-variation-settings:"SHRP" 100}
.plan-tag{font-size:1.25rem;font-weight:500;background:var(--blue);color:#fff;border-radius:99rem;padding:.5rem 1.2rem;white-space:nowrap}
.plan .for{margin:1.2rem 0 3.2rem;color:var(--graphite);font-size:1.6rem}
.plan.main .for{color:#DCE0FE}
.amt{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2em .25em;font-size:5.6rem;line-height:1;font-weight:500;letter-spacing:-.05em;font-variation-settings:"SHRP" 100}
.amt .to{font-size:1.6rem;font-weight:400;letter-spacing:0;color:var(--mute)}
.amt small{font-size:2rem;letter-spacing:0;margin-left:.25em}
.amt .n{white-space:nowrap}
.plan.main .amt .to{color:#C9CEFD}
.term{display:block;margin:1.2rem 0 3.2rem;font-size:1.5rem;color:var(--mute)}
.plan ul{display:grid;gap:1.2rem;align-content:start;flex:1;margin-bottom:3.6rem;padding-top:2.8rem;border-top:1px solid var(--line)}
.plan.main ul{border-color:rgba(255,255,255,.22)}
.plan li{display:grid;grid-template-columns:1.8rem 1fr;gap:1.2rem;font-size:1.6rem;line-height:1.4}
.plan li svg{width:1.6rem;height:1.6rem;margin-top:.25rem;color:var(--blue)}
.plan.main li svg{color:#fff}
.plan .btn{width:100%}
.maint{margin-top:var(--gap);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:center;background:#fff;border-radius:2rem;padding:3.2rem 3.6rem;border:1px solid var(--line)}
.maint h3{grid-column:1 / span 3;font-size:2.6rem;letter-spacing:-.03em;font-variation-settings:"SHRP" 100}
.maint p{grid-column:4 / span 6;margin:0;color:var(--graphite)}
.maint .amt{grid-column:10 / span 3;justify-content:flex-end;font-size:4rem;color:var(--blue)}
.tiers{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:3.2rem;border-top:1px solid var(--line)}
.tier{padding:2.8rem 3.2rem 0 0}
.tier+.tier{padding-left:3.2rem;border-left:1px solid var(--line)}
.tier:last-child{padding-right:0}
.tier-top{display:flex;align-items:baseline;justify-content:space-between;gap:1.6rem;margin-bottom:1.8rem}
.tier h4{font-size:1.9rem;font-weight:500;letter-spacing:-.02em}
.tier-p{font-size:3rem;font-weight:500;letter-spacing:-.04em;line-height:1;color:var(--blue);white-space:nowrap;font-variation-settings:"SHRP" 100}
.tier-p small{font-size:1.4rem;letter-spacing:0;margin-left:.3em;color:var(--mute)}
.tier ul{display:grid;gap:1rem}
.tier li{display:grid;grid-template-columns:1.6rem 1fr;gap:1rem;font-size:1.5rem;line-height:1.4;color:var(--graphite)}
.tier li svg{width:1.4rem;height:1.4rem;margin-top:.3rem;color:var(--blue)}
.addons{border-top:1px solid var(--line)}
.addons li{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:baseline;padding:2.6rem 0;border-bottom:1px solid var(--line)}
.addons b{grid-column:1 / span 4;font-size:2rem;font-weight:500;letter-spacing:-.02em}
.addons span{grid-column:5 / span 5;color:var(--graphite);font-size:1.6rem;line-height:1.5}
.addons em{grid-column:10 / span 3;justify-self:end;font-style:normal;font-size:2.2rem;font-weight:500;letter-spacing:-.02em;color:var(--blue);white-space:nowrap}
@media (max-width:1023.98px){
  .tiers{grid-template-columns:1fr;margin-top:2.4rem}
  .tier,.tier+.tier{padding:2.4rem 0;border-left:0}
  .tier+.tier{border-top:1px solid var(--line)}
  .tier:last-child{padding-bottom:0}
  .addons li{grid-template-columns:1fr auto;row-gap:.8rem}
  .addons b{grid-column:1}
  .addons em{grid-column:2;grid-row:1}
  .addons span{grid-column:1 / -1}
}
.promises{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3.2rem var(--gap);margin-top:8rem;padding-top:5rem;border-top:1px solid var(--line)}
.promises li{display:grid;grid-template-columns:2.4rem 1fr;gap:1.4rem}
.promises svg{width:2rem;height:2rem;color:var(--blue);margin-top:.3rem}
.promises strong{display:block;font-weight:500;font-size:1.8rem;letter-spacing:-.01em;margin-bottom:.4rem}
.promises span{color:var(--graphite);font-size:1.5rem}
@media (max-width:1023.98px){
  .plans{grid-template-columns:1fr}
  .maint{display:block;padding:2.8rem}
  .maint p{margin:1rem 0 1.6rem}
  .maint .amt{justify-content:flex-start}
  .promises{grid-template-columns:1fr 1fr}
}
@media (max-width:599.98px){.card{padding:2.6rem 2.2rem}.card h3{margin:2.2rem 0 1.2rem;font-size:4rem}.card .desc{margin-bottom:2rem;font-size:1.6rem}.card ul{gap:.9rem;font-size:1.5rem}.card-foot{margin-top:2.4rem}}
@media (max-width:599.98px){.promises{grid-template-columns:1fr}.plan{padding:2.8rem}.amt{font-size:4rem}.maint .amt{font-size:3.4rem}}

/* ---------- въпроси ---------- */
.faq-g .left{grid-column:1 / span 4}
.faq-g .left p{margin:2.4rem 0 0;color:var(--graphite);max-width:34ch}
.faq{grid-column:6 / span 7;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:2.4rem;padding:2.6rem 0;font-size:2rem;font-weight:500;letter-spacing:-.015em;line-height:1.3}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{flex:none;position:relative;width:3.6rem;height:3.6rem;border-radius:50%;border:1px solid var(--line);transition:background .3s,border-color .3s}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:1.1rem;right:1.1rem;top:calc(50% - .5px);height:1px;background:currentColor;transition:transform .5s var(--ease)}
.faq summary i::after{transform:rotate(90deg)}
.faq details[open] summary i{background:var(--blue);border-color:var(--blue);color:#fff}
.faq summary:hover i{border-color:var(--blue)}
.faq details[open] summary i::after{transform:rotate(0)}
.faq .ans{overflow:hidden}
.faq .ans p{margin:0;padding:0 6rem 2.8rem 0;color:var(--graphite);font-size:1.7rem}
@media (max-width:1023.98px){.faq-g .left,.faq{grid-column:1 / -1}.faq{margin-top:4rem}.faq summary{font-size:1.8rem}.faq .ans p{padding-right:0}}

/* ---------- вътрешни страници ---------- */
.phero{padding-top:calc(var(--hdr) + 11rem);padding-bottom:8rem}
.crumbs{display:flex;flex-wrap:wrap;gap:.8rem;font-size:1.4rem;color:var(--mute);margin-bottom:3.2rem}
.crumbs li+li::before{content:"/";margin-right:.8rem;opacity:.6}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--blue)}
.crumbs [aria-current]{color:var(--blue)}
.phero h1{grid-column:1 / span 10}
.phero .lead{grid-column:1 / span 6;margin:4rem 0 0;max-width:56ch}
.phero .btns{grid-column:1 / -1;margin-top:3.6rem}
@media (max-width:1023.98px){.phero{padding-top:calc(var(--hdr) + 5rem);padding-bottom:5rem}.phero h1,.phero .lead{grid-column:1 / -1}}

.meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);margin-top:6rem;padding-top:2.8rem;border-top:1px solid var(--line)}
.meta dt{font-size:1.4rem;color:var(--mute);margin-bottom:.6rem}
.meta dd{margin:0;font-size:1.7rem;font-weight:500}
.meta a{color:var(--blue)}
@media (max-width:1023.98px){.meta{grid-template-columns:1fr 1fr;row-gap:2.4rem}}

.split2 .lbl{grid-column:1 / span 3;padding-top:.8rem}
.split2 .body{grid-column:5 / span 8}
.split2+.split2{margin-top:10rem}
.split2 .st{margin:0}
@media (max-width:1023.98px){.split2 .lbl,.split2 .body{grid-column:1 / -1}.split2 .lbl{padding:0 0 1.6rem}.split2+.split2{margin-top:6rem}}
.rows{border-top:1px solid var(--line)}
.rows li{display:grid;grid-template-columns:3.2rem 1fr;gap:1.2rem;padding:2rem 0;border-bottom:1px solid var(--line);font-size:1.8rem;line-height:1.45}
.rows svg{width:1.8rem;height:1.8rem;color:var(--blue);margin-top:.3rem}
.dark .rows,.dark .rows li{border-color:var(--line-d)}

.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.fact{border-top:2px solid var(--blue);padding-top:2.4rem}
.fact b{display:block;font-size:7.2rem;line-height:.95;font-weight:500;letter-spacing:-.05em;font-variation-settings:"SHRP" 100}
.fact span{display:block;margin-top:1.4rem;color:var(--graphite);font-size:1.6rem}
@media (max-width:599.98px){.facts{grid-template-columns:1fr}.fact b{font-size:5.2rem}}

.shots2{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}
.shots2 figcaption{margin-top:1.4rem;font-size:1.5rem;color:var(--mute)}
@media (max-width:1023.98px){.shots2{grid-template-columns:1fr}}

.caps{border-top:1px solid var(--line)}
.cap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:center;padding:2.8rem 0;border-bottom:1px solid var(--line)}
.cap-h{grid-column:1 / span 4;display:flex;align-items:center;gap:2rem}
.cap-i{flex:none;width:5.6rem;height:5.6rem;border-radius:1.6rem;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .5s var(--ease),background-color .3s}
.cap-i svg{width:2.4rem;height:2.4rem}
.cap:nth-child(even) .cap-i{background:var(--blue-soft);color:var(--blue)}
.cap:hover .cap-i{transform:translateY(-.3rem);background:var(--blue);color:#fff}
.cap h3{font-size:2.6rem;letter-spacing:-.03em;font-variation-settings:"SHRP" 100;transition:color .3s}
.cap:hover h3{color:var(--blue)}
.cap ul{grid-column:5 / span 8;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem var(--gap)}
.cap li{display:grid;grid-template-columns:1.8rem 1fr;gap:1rem;font-size:1.6rem;color:var(--graphite);line-height:1.45}
.cap li svg{width:1.6rem;height:1.6rem;margin-top:.25rem;color:var(--blue)}
@media (max-width:1023.98px){.cap-h,.cap ul{grid-column:1 / -1}.cap ul{grid-template-columns:1fr;margin-top:2rem}}

.note{border-left:2px solid var(--blue);padding:.4rem 0 .4rem 2.4rem;margin:3.6rem 0 0;color:var(--ink);font-size:1.8rem;line-height:1.5}
.note p{margin:0}
.prose{max-width:76rem}
.prose h2{font-size:3.2rem;letter-spacing:-.035em;font-variation-settings:"SHRP" 100;margin:6rem 0 1.6rem;line-height:1.1}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:2rem;margin:3.2rem 0 1rem}
.prose p,.prose li{color:var(--graphite);font-size:1.7rem}
.prose a{color:var(--blue)}

.next{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:center;text-decoration:none;color:inherit;padding:6rem 0;border-top:1px solid var(--line);margin-top:12rem}
.next .lbl{grid-column:1 / span 3}
.next b{grid-column:4 / span 6;font-size:7.2rem;font-weight:500;letter-spacing:-.05em;line-height:1;font-variation-settings:"SHRP" 100;transition:color .3s,transform .7s var(--ease)}
.next .thumb{grid-column:10 / span 3;border-radius:1.2rem;overflow:hidden}
.next .thumb img{aspect-ratio:1200 / 673;width:100%;object-fit:cover;object-position:top;transition:transform 1s var(--ease)}
.next:hover b{color:var(--blue);transform:translateX(1.6rem)}
.next:hover .thumb img{transform:scale(1.06)}
@media (max-width:1023.98px){.next{margin-top:7rem}.next .lbl,.next b,.next .thumb{grid-column:1 / -1}.next b{font-size:4rem;margin:1.2rem 0 2.4rem}}

/* екип: визитки 85 x 55 мм; всичко вътре се мащабира с ширината на картата (cqw) */
.team{display:grid;grid-template-columns:1fr 1fr;gap:4rem var(--gap)}
.bc-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:1.6rem;perspective:1400px;container-type:inline-size}
.bcard{--mx:50%;--my:30%;position:relative;will-change:transform;width:100%;aspect-ratio:85 / 55;border-radius:3cqw;background:var(--blue);color:#fff;padding:5.4cqw 6cqw;display:grid;grid-template-rows:auto 1fr auto;isolation:isolate;
  box-shadow:0 3rem 6rem -3.2rem rgba(43,60,240,.7);transform-style:preserve-3d}
.bcard.ink{background:var(--ink);box-shadow:0 3rem 6rem -3.2rem rgba(15,16,19,.6)}
.bcard::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:4cqw 4cqw;
  -webkit-mask-image:radial-gradient(70% 90% at 82% 30%,#000,transparent 70%);mask-image:radial-gradient(70% 90% at 82% 30%,#000,transparent 70%)}
.bcard::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(60cqw circle at var(--mx) var(--my),rgba(255,255,255,.16),transparent 50%)}
.bc-top{display:flex;align-items:center;transform:translateZ(20px)}
.bc-brand{display:inline-flex;align-items:center;gap:1.4cqw;text-decoration:none;color:#fff}
.bc-brand svg{height:max(2.6rem,4.8cqw);width:auto}
.bc-brand .wm{font-size:max(1.5rem,3cqw)}
.bc-name{align-self:center;max-width:56%;padding:2cqw 0;transform:translateZ(30px)}
.bc-name h3{font-size:max(2.8rem,5.8cqw);line-height:1.02;letter-spacing:-.045em;font-variation-settings:"SHRP" 100}
.bc-name p{margin:1.6cqw 0 0;color:rgba(255,255,255,.8);font-weight:500;font-size:max(1.35rem,2.3cqw)}
.bc-list{display:grid;gap:1.3cqw;border-top:1px solid rgba(255,255,255,.22);padding-top:3cqw;position:relative;z-index:1;transform:translateZ(20px)}
.bc-list a,.bc-web{display:inline-flex;align-items:center;gap:1.8cqw;text-decoration:none;font-size:max(1.4rem,2.5cqw);font-weight:500;letter-spacing:-.005em;color:#fff}
.bc-list svg{width:max(1.5rem,2.6cqw);height:max(1.5rem,2.6cqw);flex:none;opacity:.85}
.bc-list a span{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .5s var(--ease)}
.bc-list a:hover span{background-size:100% 1px}
.bc-web{color:rgba(255,255,255,.78)}
/* живата част: плочки с услуги и курсорът от логото */
.bc-art{position:absolute;right:5cqw;top:4.6cqw;width:34cqw;height:36cqw;transform:translateZ(50px);pointer-events:none}
.bc-tile{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:2.6cqw;background:rgba(255,255,255,.13);color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 2cqw 3.6cqw -2cqw rgba(8,10,40,.45);transition:none;animation:float 6s ease-in-out infinite}
.bc-tile svg{width:44%;height:44%}
.bc-tile.t0{width:11.5cqw;height:11.5cqw;left:3cqw;top:5cqw}
.bc-tile.t1{width:9cqw;height:9cqw;left:20cqw;top:0;animation-delay:-1.5s}
.bc-tile.t2{width:13cqw;height:13cqw;left:17cqw;top:14cqw;animation-delay:-3s}
.bc-tile.t3{width:8.5cqw;height:8.5cqw;left:2cqw;top:21cqw;animation-delay:-4.5s}
.bc-tile.on{background:#fff;color:var(--blue);box-shadow:0 0 0 .8cqw rgba(255,255,255,.18),0 2cqw 4cqw -2cqw rgba(8,10,40,.5);transition:background-color .18s,color .18s,box-shadow .18s}
.bcard.ink .bc-tile{background:#1D1F26;color:#8E99FF;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 2cqw 3.6cqw -2cqw rgba(0,0,0,.6)}
.bcard.ink .bc-tile.on{background:var(--blue);color:#fff;box-shadow:0 0 0 .8cqw rgba(43,60,240,.25),0 2cqw 4cqw -2cqw rgba(0,0,0,.6)}
.bc-cur{position:absolute;left:0;top:0;width:0;height:0;will-change:transform}
.bc-ptr{position:absolute;left:0;top:0;width:3.9cqw;max-width:none;height:auto;overflow:visible;transform:translate(-4%,-4.9%);transform-origin:4% 4.9%;filter:drop-shadow(0 .5cqw .7cqw rgba(8,10,40,.35))}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.1cqw)}}
.bc-save{display:inline-flex;align-items:center;gap:1rem;font-size:1.5rem;font-weight:500;text-decoration:none;color:var(--blue);padding:.6rem 0}
.bc-save svg{width:1.8rem;height:1.8rem}
.bc-save:hover span{text-decoration:underline;text-underline-offset:.3em}
@media (max-width:1023.98px){.team{grid-template-columns:1fr;max-width:72rem}}
@media (max-width:599.98px){
  .bcard{aspect-ratio:auto;padding:2.6rem 2.4rem;border-radius:1.6rem;min-height:30rem}
  .bc-name{padding:3.2rem 0 2.4rem}
  .bc-art{width:38cqw;height:40cqw;right:3cqw;top:5cqw}
}

/* блог */
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.post{display:flex;flex-direction:column;gap:1.2rem;padding:3.2rem;border-radius:2rem;background:#fff;border:1px solid var(--line);text-decoration:none;color:inherit;transition:transform .6s var(--ease),box-shadow .6s var(--ease),border-color .3s}
.stone .post{border-color:transparent}
.post:hover{transform:translateY(-.6rem);box-shadow:0 3rem 6rem -3.6rem rgba(43,60,240,.45);border-color:transparent}
.post-ico{width:5.6rem;height:5.6rem;border-radius:1.6rem;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:1.6rem}
.post-ico svg{width:2.4rem;height:2.4rem}
.post:nth-child(3n+2) .post-ico{background:var(--blue-soft);color:var(--blue)}
.post:nth-child(3n) .post-ico{background:var(--ink)}
.post-meta{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font-size:1.4rem;color:var(--mute)}
.post-meta b{color:var(--blue);font-weight:500}
.post h3{font-size:2.4rem;line-height:1.15;letter-spacing:-.025em;font-variation-settings:"SHRP" 100;transition:color .3s}
.post:hover h3{color:var(--blue)}
.post p{margin:0;color:var(--graphite);font-size:1.6rem;flex:1}
.post-by{display:flex;align-items:center;gap:1.2rem;margin-top:1.4rem;padding-top:1.8rem;border-top:1px solid var(--line);font-size:1.4rem;font-weight:500}
.post-by i,.art-by i{flex:none;width:3.6rem;height:3.6rem;border-radius:50%;background:var(--blue);color:#fff;font-style:normal;font-size:1.25rem;font-weight:600;display:flex;align-items:center;justify-content:center;letter-spacing:.02em}
.post-by i.a-viktor,.art-by i.a-viktor{background:var(--ink)}
.post-by>span{display:flex;flex-direction:column;line-height:1.3}
.post-by time{color:var(--mute);font-weight:400;font-size:1.3rem}
.art-by{display:inline-flex;align-items:center;gap:1.2rem;margin-top:3.2rem;text-decoration:none;color:inherit}
.art-by i{width:4.4rem;height:4.4rem;font-size:1.4rem}
.art-by span{display:flex;flex-direction:column;line-height:1.35;font-size:1.4rem;color:var(--mute)}
.art-by b{color:var(--ink);font-weight:500;font-size:1.6rem}
@media (max-width:1023.98px){.posts{grid-template-columns:1fr 1fr}}
@media (max-width:599.98px){.posts{grid-template-columns:1fr}.post{padding:2.6rem}}
.art-hero{padding-bottom:5rem}
.art-hero h1{grid-column:1 / span 10;margin-top:2.4rem}
.art-hero .lead{margin-top:3.2rem}
.art-meta{display:flex;flex-wrap:wrap;gap:1rem 1.6rem;align-items:center;font-size:1.4rem;color:var(--mute)}
.art-meta .tag{background:var(--blue-soft);color:var(--blue);font-weight:500;padding:.5rem 1.2rem;border-radius:99rem}
.art-g{align-items:start}
.art-g .art-body{grid-column:1 / span 7;max-width:none}
.art-g .art-side{grid-column:9 / span 4;position:sticky;top:calc(var(--hdr) + 3rem)}
.art-body h2{margin-top:4.8rem}
.art-body p,.art-body li{font-size:1.8rem;line-height:1.6}
.art-body ul{display:grid;gap:1.4rem;margin:0 0 1em}
.art-body ul li{position:relative;padding-left:2.6rem}
.art-body ul li::before{content:"";position:absolute;left:0;top:.8em;width:1.2rem;height:2px;background:var(--blue)}
.tldr{background:var(--blue-soft);border-radius:2rem;padding:3rem}
.tldr ul{display:grid;gap:1.3rem;margin-top:1.8rem}
.tldr li{display:grid;grid-template-columns:1.8rem 1fr;gap:1rem;font-size:1.6rem;line-height:1.45;color:var(--ink)}
.tldr li svg{width:1.6rem;height:1.6rem;margin-top:.25rem;color:var(--blue)}
.fix{margin-top:5.6rem;display:grid;grid-template-columns:6rem 1fr;gap:2.4rem;background:var(--blue);color:#fff;border-radius:2.4rem;padding:3.6rem;box-shadow:0 3rem 6rem -3.6rem rgba(43,60,240,.7)}
.fix-ico{width:6rem;height:6rem;border-radius:50%;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;color:#fff}
.fix-ico svg{width:3rem;height:3rem}
.prose .fix h2{color:#fff;margin:.4rem 0 1rem;font-size:2.8rem}
.prose .fix p{color:#E4E7FE;margin:0 0 2.4rem}
.prose .fix .btn{color:var(--blue)}
.prose .fix .btn:hover{background:var(--ink);color:#fff}
@media (max-width:1023.98px){.art-g .art-body,.art-g .art-side{grid-column:1 / -1}.art-g .art-side{position:static;order:-1;margin-bottom:4rem}.art-hero h1{grid-column:1 / -1}}
@media (max-width:599.98px){.fix{grid-template-columns:1fr;padding:2.8rem}.art-body p,.art-body li{font-size:1.7rem}.prose .fix .btn{width:100%;padding:0 1.6rem}}

/* контакт и форма */
.contact-g .left{grid-column:1 / span 5}
.contact-g .form{grid-column:7 / span 6}
.c-list{border-top:1px solid var(--line);margin-top:3.6rem}
.c-list li{display:grid;grid-template-columns:12rem 1fr;gap:1.6rem;padding:2rem 0;border-bottom:1px solid var(--line);align-items:baseline}
.c-list strong{font-weight:400;color:var(--mute);font-size:1.5rem}
.c-list a,.c-list span{font-size:1.9rem;font-weight:500;text-decoration:none;word-break:break-word;letter-spacing:-.01em}
.c-list a:hover{color:var(--blue)}
@media (max-width:1023.98px){.contact-g .left,.contact-g .form{grid-column:1 / -1}.contact-g .form{margin-top:5rem}.c-list li{grid-template-columns:1fr;gap:.4rem}}
.form{background:var(--stone);border-radius:2.4rem;padding:4rem}
.form h2{font-size:3.2rem;letter-spacing:-.035em;font-variation-settings:"SHRP" 100;margin-bottom:.8rem}
.form .intro{color:var(--mute);font-size:1.5rem;margin-bottom:3.2rem}
.field{margin-bottom:2rem}
.field label{display:block;font-weight:500;font-size:1.5rem;margin-bottom:.8rem}
.opt-l{font-weight:400;color:var(--mute)}
.hint{display:block;font-size:1.35rem;color:var(--mute);margin:-.4rem 0 .8rem}
.form input,.form select,.form textarea{width:100%;font:inherit;font-size:1.6rem;color:var(--ink);background:#fff;border:1px solid transparent;border-radius:1.2rem;padding:1.5rem 1.6rem;min-height:5.4rem;transition:border-color .2s,box-shadow .2s}
.form textarea{min-height:13rem;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 .4rem rgba(43,60,240,.14)}
.form input:user-invalid,.form textarea:user-invalid{border-color:var(--err);background:#FEF4F2}
.form input:user-valid,.form textarea:user-valid{border-color:var(--ok)}
.err{display:none;color:var(--err);font-size:1.35rem;margin-top:.6rem;font-weight:500}
.form input:user-invalid ~ .err,.form textarea:user-invalid ~ .err{display:block}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:0 1.6rem}
@media (max-width:599.98px){.row2{grid-template-columns:1fr}.form{padding:2.6rem}}
.check{display:grid;grid-template-columns:2.4rem 1fr;gap:1.2rem;align-items:start;font-size:1.5rem;margin:.4rem 0 2.4rem;color:var(--graphite)}
.form .check input{width:2rem;height:2rem;min-height:0;padding:0;margin:.2rem 0 0;accent-color:var(--blue)}
.check:has(input:user-invalid) span{color:var(--err)}
.check a{color:var(--blue)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form .btn{width:100%}
.form-msg{display:none;margin-top:1.6rem;border-radius:1.2rem;padding:1.5rem 1.8rem;font-size:1.5rem}
.form-msg.ok{display:block;background:#E6F5EE;color:#14593E}
.form-msg.bad{display:block;background:#FEF4F2;color:var(--err)}

/* ---------- призив и футър ---------- */
.ftr{background:var(--blue);color:#fff;overflow:hidden}
.cta{padding-block:14rem 10rem}
.cta .lbl{color:#DCE0FE;margin-bottom:3.2rem}
.cta h2{grid-column:1 / span 9}
.cta-row{margin-top:6rem;align-items:end}
.cta-mail{grid-column:1 / span 8;font-size:5rem;font-weight:400;letter-spacing:-.04em;line-height:1.1;text-decoration:none;word-break:break-word;background:linear-gradient(currentColor,currentColor) 0 100%/100% 2px no-repeat;padding-bottom:.6rem;justify-self:start;transition:color .3s}
.cta-mail:hover{color:var(--sun)}
.cta-row .btns{grid-column:9 / span 4;justify-content:flex-end}
.ftr .btn-white:hover{background:var(--ink);color:#fff}
@media (max-width:1023.98px){.cta{padding-block:9rem 7rem}.cta h2,.cta-mail,.cta-row .btns{grid-column:1 / -1}.cta-row{row-gap:3.2rem}.cta-row .btns{justify-content:flex-start}.cta-mail{font-size:2.8rem}}
.f-main{padding-block:6rem;border-top:1px solid rgba(255,255,255,.22)}
.f-main .about{grid-column:1 / span 4}
.f-main .about p{color:#DCE0FE;margin:2rem 0 0;max-width:34ch}
.f-brand{display:inline-flex;align-items:center;gap:1.1rem;text-decoration:none;color:#fff}
.f-brand svg{height:3.2rem;width:auto}
.f-col{grid-column:span 2}
.f-col:first-of-type{grid-column:7 / span 2}
.f-h{font-size:1.4rem;color:#C9CEFD;font-weight:400;margin-bottom:1.6rem}
.f-col ul{display:grid;gap:1rem}
.f-col a{text-decoration:none;color:#fff;font-size:1.5rem;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .4s var(--ease)}
.f-col a:hover{background-size:100% 1px}
.f-col .who{margin-left:.8rem;font-size:1.3rem;color:#C9CEFD}
.f-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.2rem 2.4rem;padding-block:2.4rem;border-top:1px solid rgba(255,255,255,.22);font-size:1.4rem;color:#DCE0FE}
.f-links{display:flex;flex-wrap:wrap;gap:1.2rem 3.2rem}
.f-bot a{color:#DCE0FE;text-decoration:none;display:inline-flex;align-items:center;gap:.6rem}
.f-bot a svg{width:1.4rem;height:1.4rem}
.f-bot a:hover{color:#fff}
@media (max-width:1023.98px){.f-main{row-gap:4rem}.f-main .about{grid-column:1 / -1}.f-col,.f-col:first-of-type{grid-column:span 6}}
@media (max-width:599.98px){.f-col:last-child{grid-column:1 / -1}}
/* краят: курсорът, планетата и логото */
.horizon{line-height:0;margin-top:1rem;padding-bottom:2rem}
.horizon svg{display:block;width:100%;height:30rem;overflow:hidden}
.hz-pulse{transform-box:fill-box;transform-origin:center;animation:hz-p 2.2s var(--ease) infinite}
@keyframes hz-p{from{transform:scale(1);opacity:.7}to{transform:scale(2.1);opacity:0}}
.no-anim .hz-planet{display:none}
@media (max-width:1023.98px){.horizon svg{height:24rem}}
@media (max-width:599.98px){.horizon svg{height:24rem}}

.callbar{display:none}
@media (max-width:599.98px){
  .callbar{display:flex;gap:1rem;position:fixed;left:0;right:0;bottom:0;z-index:80;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.4rem calc(1rem + env(safe-area-inset-bottom));border-top:1px solid var(--line)}
  .callbar .btn{flex:1;height:4.8rem}
  body.has-callbar{padding-bottom:7.2rem}
}

/* курсор на сайта (само с мишка): стрелката от логото, системният курсор е скрит */
.cur{display:none}
.has-cur,.has-cur *{cursor:none!important}
.has-cur .cur{display:block;position:fixed;inset:0;z-index:500;pointer-events:none}
.cur>*{position:fixed;left:0;top:0;pointer-events:none;will-change:transform}
.cur-arrow{width:2.3rem;transition:opacity .2s}
.cur-arrow svg{display:block;width:100%;height:auto;overflow:visible;transform-origin:var(--tx) var(--ty);transform:translate(calc(var(--tx) * -1),calc(var(--ty) * -1));transition:transform .4s var(--ease)}
.cur.is-link .cur-arrow svg{transform:translate(calc(var(--tx) * -1),calc(var(--ty) * -1)) scale(1.12)}
.cur.is-down .cur-arrow svg{transform:translate(calc(var(--tx) * -1),calc(var(--ty) * -1)) scale(.86)}
.cur-halo>i,.cur-halo{display:block}
.cur-halo{width:0;height:0}
.cur-halo>i{position:absolute;left:-2.4rem;top:-2.4rem;width:4.8rem;height:4.8rem;border-radius:50%;background:rgba(43,60,240,.16);transform:scale(0);transition:transform .45s var(--ease),background-color .3s}
.cur.is-link .cur-halo>i{transform:scale(1)}
.cur.on-dark .cur-halo>i{background:rgba(255,255,255,.2)}
.cur-trail{--k:1;--k2:1;--v:0;--v2:0;width:0;height:0;transition:opacity .2s}
.cur-trail i{position:absolute;border-radius:99rem;background:var(--blue);box-shadow:0 0 0 1.5px #fff;opacity:var(--v);will-change:width,opacity}
.cur-trail i:first-child{right:.5rem;top:-.7rem;width:calc(1.9rem * var(--k));height:.42rem}
.cur-trail i:last-child{right:1rem;top:.05rem;width:calc(1.15rem * var(--k2));height:.32rem;opacity:var(--v2)}
.cur-tag{margin:2.8rem 0 0 1.8rem;padding:.8rem 1.4rem;border-radius:99rem;background:var(--blue);color:#fff;font-size:1.4rem;font-weight:500;line-height:1;white-space:nowrap;opacity:0;clip-path:inset(0 100% 0 0 round 99rem);transition:opacity .2s,clip-path .5s var(--ease)}
.cur.is-view .cur-tag{opacity:1;clip-path:inset(0 0 0 0 round 99rem)}
.cur.on-dark.is-view .cur-tag{background:#fff;color:var(--blue)}
.cur-beam{width:2px;height:2.4rem;margin:-1.2rem 0 0 -1px;border-radius:2px;background:var(--blue);opacity:0}
.cur.is-text .cur-beam{opacity:1}
.cur.is-text .cur-arrow,.cur.is-text .cur-trail{opacity:0}
.cur.is-out>*{opacity:0!important}

.consent{position:fixed;left:1.6rem;right:1.6rem;bottom:1.6rem;z-index:150;max-width:52rem;background:#fff;border-radius:1.6rem;box-shadow:0 2rem 5rem rgba(15,16,19,.22);padding:2.2rem;border:1px solid var(--line)}
.consent p{font-size:1.45rem;margin:0 0 1.4rem}
.consent .btns{gap:1rem}
@media (max-width:599.98px){.consent{bottom:8.4rem}}

/* „асансьорът“ към началото */
html.riding,html.riding body{background:#fff}
.riding .page{background:#fff;overflow:clip;box-shadow:0 3rem 9rem rgba(15,16,19,.16),0 0 0 1px rgba(15,16,19,.06);will-change:transform}
.riding .callbar{opacity:0}
.nf{min-height:100vh;display:flex;align-items:center;padding-top:var(--hdr)}

/* ---------- начални състояния за анимациите ---------- */
.js-pre .hero .ln>span,.js-pre .phero .ln>span{transform:translateY(110%)}
.js-pre [data-up]{opacity:0}
.js-pre .hero .ln>span,.js-pre .phero .ln>span,.js-pre [data-up]{animation:pre-safe .6s 2.6s forwards}
@keyframes pre-safe{to{transform:none;opacity:1}}

@view-transition{navigation:auto}
::view-transition-old(root){animation:.3s var(--ease) both vt-out}
::view-transition-new(root){animation:.5s var(--ease) both vt-in}
@keyframes vt-out{to{opacity:0}}
@keyframes vt-in{from{opacity:0}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  ::view-transition-old(root),::view-transition-new(root){animation:none}
}
@media print{.hdr,.callbar,.consent,.cur{display:none}}