.site-header{
  position:fixed; inset:0 0 auto 0; z-index:90;
  color:var(--white);
  transition:transform 300ms var(--ease-out), background-color 250ms var(--ease-out), border-color 250ms var(--ease-out);
  border-bottom:1px solid transparent;
}
.site-header__inner{
  display:flex; align-items:center; gap:28px;
  height:120px; padding-top:0;
  transition:height 250ms var(--ease-out);
}
.site-header.is-scrolled{
  background:rgba(6, 10, 13, 0.96);
  border-bottom-color:rgba(255, 255, 255, 0.08);
}
.site-header.is-scrolled .site-header__inner{ height:88px; }
.site-header.is-hidden{ transform:translateY(-100%); }
.admin-bar .site-header{ top:32px; }

.brand{ display:inline-flex; flex:none; color:var(--white); }
.brand svg{ width:166px; height:auto; }
.brand:hover .logo-mark{ fill:var(--white); }
.brand .logo-mark{ transition:fill var(--dur-base) var(--ease-out); }
.lang{ position:relative; margin-inline:auto; }
.lang__btn{
  display:inline-flex; align-items:center; gap:6px;
  height:38px; padding:0 10px 0 14px; border-radius:var(--r-pill);
  background:rgba(255, 255, 255, 0.05); border:1px solid rgba(255, 255, 255, 0.14);
  font-size:14px; font-weight:600; color:var(--white);
  transition:background-color var(--dur-fast), border-color var(--dur-fast);
}
.lang__btn svg{ width:14px; height:14px; color:var(--mist); transition:transform var(--dur-base) var(--ease-out); }
.lang__btn:hover{ background:rgba(255, 255, 255, 0.1); border-color:rgba(255, 255, 255, 0.25); }
.lang.is-open .lang__btn svg{ transform:rotate(180deg); }
.lang__menu{
  position:absolute; top:calc(100% + 8px); left:0; min-width:132px; padding:6px;
  border-radius:16px; background:#0e151b; border:1px solid rgba(255, 255, 255, 0.1);
  box-shadow:0 20px 40px rgba(0, 0, 0, 0.35);
  opacity:0; transform:translateY(-6px) scale(0.98); transform-origin:top left; pointer-events:none;
  transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);
}
.lang.is-open .lang__menu{ opacity:1; transform:none; pointer-events:auto; }
.lang__menu a, .lang__menu span{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:9px 12px; border-radius:10px; font-size:14px; font-weight:600; color:rgba(255, 255, 255, 0.85);
}
.lang__menu a:hover{ background:rgba(255, 255, 255, 0.06); color:var(--white); }
.lang__menu .is-current{ color:var(--white); }
.lang__menu .is-current::after{ content:""; width:6px; height:6px; border-radius:50%; background:var(--signal); }
.lang__menu .is-soon{ color:rgba(255, 255, 255, 0.35); cursor:default; }
.lang__menu .is-soon small{ font-size:11px; font-weight:500; font-family:var(--mono); }
.nav{
  margin-right:clamp(12px, 5.2vw - 30px, 70px);
  display:flex; align-items:center; gap:2px; padding:5px;
  border-radius:var(--r-pill);
  background:rgba(255, 255, 255, 0.16); border:1px solid rgba(255, 255, 255, 0.1);
}
.nav__link{
  display:inline-flex; align-items:center; gap:6px; white-space:nowrap;
  height:44px; padding:0 16px; border-radius:var(--r-pill);
  font-size:15px; font-weight:600; color:rgba(255, 255, 255, 0.78);
  transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);
}
.nav__link svg{ width:14px; height:14px; color:var(--mist); transition:transform var(--dur-base) var(--ease-out); }
.nav__link:hover{ background:rgba(255, 255, 255, 0.06); color:var(--white); }
.nav__link.is-active{ background:rgba(255, 255, 255, 0.12); color:var(--white); }
.nav__link[aria-expanded="true"]{ background:rgba(255, 255, 255, 0.12); color:var(--white); }
.nav__link[aria-expanded="true"] svg{ transform:rotate(180deg); }

.header-right{ display:flex; align-items:center; gap:22px; flex:none; }
.header-phone{ font-size:15px; font-weight:600; color:rgba(255, 255, 255, 0.9); transition:color var(--dur-fast); }
.header-phone:hover{ color:var(--signal); }
.header-mobile{ display:none; align-items:center; gap:10px; margin-left:auto; }
.round-btn{
  display:grid; place-items:center; width:44px; height:44px; border-radius:50%;
  border:1px solid rgba(255, 255, 255, 0.18); background:rgba(255, 255, 255, 0.06); color:var(--white);
  transition:background-color var(--dur-base) var(--ease-out), border-color var(--dur-base), transform 160ms var(--ease-out);
}
.round-btn svg{ width:20px; height:20px; }
.round-btn:active{ transform:var(--press); }
.round-btn--signal{ background:var(--signal); border-color:var(--signal); }
.mega{
  position:absolute; left:0; right:0; top:100%;
  padding-top:6px;
  pointer-events:none;
}
.mega__panel{
  position:relative; overflow:hidden;
  display:grid; grid-template-columns:1fr 420px; gap:0;
  border-radius:28px;
  background:#0b1116;
  border:1px solid rgba(255, 255, 255, 0.08);
  box-shadow:0 40px 90px rgba(0, 0, 0, 0.45);
  opacity:0; transform:translateY(-8px);
  transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);
}
.mega__panel::after{ content:""; position:absolute; inset:0; background-image:var(--noise); background-size:160px 160px; opacity:0.03; pointer-events:none; }
.site-header.mega-open .mega{ pointer-events:auto; }
.site-header.mega-open .mega__panel{ opacity:1; transform:none; }
.mega-scrim{
  position:fixed; inset:0; z-index:80; background:rgba(6, 10, 13, 0.6);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  opacity:0; pointer-events:none; transition:opacity 250ms var(--ease-out);
}
body.mega-open .mega-scrim{ opacity:1; }

.mega__main{ padding:30px 22px 0; display:flex; flex-direction:column; }
.mega__title{ font-family:var(--mono); font-size:12px; color:rgba(187, 205, 218, 0.7); padding:0 0 14px; margin-left:0; }
.mega__grid{ display:grid; grid-template-columns:1fr 1fr; gap:6px 10px; }
.mega__item{
  position:relative; display:grid; grid-template-columns:52px 1fr; gap:18px; align-items:start;
  padding:20px 22px; border-radius:18px; border:1px solid transparent;
  transition:background-color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);
}
.mega__icon{
  display:grid; place-items:center; width:52px; height:52px; border-radius:14px;
  background:rgba(255, 255, 255, 0.05); border:1px solid rgba(255, 255, 255, 0.08); color:var(--white);
  transition:background-color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);
}
.mega__icon svg{ width:22px; height:22px; }
.mega__name{ display:flex; align-items:center; gap:8px; font-size:20px; font-weight:600; letter-spacing:-0.01em; color:var(--white); }
.mega__name svg{ width:16px; height:16px; color:var(--signal); opacity:0; transform:translate(-4px, 4px); transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out); }
.mega__desc{ margin-top:6px; font-size:15px; line-height:1.5; color:rgba(187, 205, 218, 0.85); }
.mega__price{ margin-top:8px; font-family:var(--mono); font-size:12px; color:rgba(187, 205, 218, 0.75); transition:color var(--dur-base); }
.mega__item:hover, .mega__item:focus-visible{ background:rgba(255, 255, 255, 0.06); border-color:rgba(255, 255, 255, 0.1); }
.mega__item.is-current{ background:rgba(255, 255, 255, 0.05); border-color:rgba(233, 80, 6, 0.55); }
.mega__item.is-current .mega__icon{ background:var(--signal); border-color:var(--signal); }
.mega__item.is-current .mega__price{ color:var(--signal); }
.mega__item.is-current::after{ content:"Šeit esat"; position:absolute; right:16px; top:14px; font-family:var(--mono); font-size:11px; color:var(--signal); }
.mega__item:hover .mega__icon, .mega__item:focus-visible .mega__icon{ background:var(--signal); border-color:var(--signal); }
.mega__item:hover .mega__name svg, .mega__item:focus-visible .mega__name svg{ opacity:1; transform:none; }
.mega__item:hover .mega__price{ color:var(--signal); }
.mega__foot{
  margin-top:22px; padding:26px 22px 28px; border-top:1px solid rgba(255, 255, 255, 0.08);
  display:flex; align-items:center; gap:28px;
}
.mega__foot a{ display:inline-flex; align-items:center; gap:6px; font-size:15px; font-weight:600; color:var(--white); }
.mega__foot a svg{ width:14px; height:14px; transition:transform var(--dur-base) var(--ease-out); }
.mega__foot a:hover{ color:var(--signal); }
.mega__foot a:hover svg{ transform:translate(2px, -2px); }
.mega__clock{ margin-left:auto; font-family:var(--mono); font-size:12px; color:rgba(187, 205, 218, 0.75); }
.mega__side{ padding:16px 16px 16px 0; display:grid; gap:12px; align-content:start; }
.mega__latest{
  display:block; padding:18px 18px 18px; border-radius:18px;
  background:rgba(255, 255, 255, 0.04); border:1px solid rgba(255, 255, 255, 0.08);
  transition:border-color var(--dur-base), background-color var(--dur-base);
}
.mega__latest:hover{ border-color:rgba(255, 255, 255, 0.2); background:rgba(255, 255, 255, 0.06); }
.mega__latest-label{ font-family:var(--mono); font-size:12px; color:rgba(187, 205, 218, 0.7); margin-bottom:12px; }
.mega__latest-media{ position:relative; border-radius:12px; overflow:hidden; aspect-ratio:384 / 190; background:linear-gradient(135deg, var(--slate), var(--ink)); }
.mega__latest-media img{ position:absolute; left:7%; top:10%; width:64%; border-radius:6px; box-shadow:0 14px 30px rgba(0, 0, 0, 0.4); transition:transform var(--dur-slow) var(--ease-out); }
.mega__latest-media img + img{ left:auto; right:7%; top:22%; width:20%; border-radius:8px; border:2px solid #060a0d; }
.mega__latest:hover .mega__latest-media img:first-child{ transform:translateY(-6px); }
.mega__latest:hover .mega__latest-media img + img{ transform:translateX(6px); }
.mega__latest-row{ display:flex; justify-content:space-between; align-items:end; margin-top:14px; }
.mega__latest-name{ font-size:20px; font-weight:600; color:var(--white); letter-spacing:-0.01em; }
.mega__latest-meta{ font-size:14px; color:rgba(187, 205, 218, 0.75); margin-top:2px; }
.mega__latest-row svg{ width:18px; height:18px; color:var(--white); }
.mega__talk{ padding:22px 22px 22px; border-radius:18px; background:var(--signal-btn); color:var(--white); }
.mega__talk-label{ font-family:var(--mono); font-size:12px; color:rgba(255, 255, 255, 0.85); }
.mega__talk-title{ margin:10px 0 18px; font-size:23px; font-weight:600; line-height:1.2; letter-spacing:-0.02em; }
.mega .btn--ink{ --ic-bg:var(--signal); }
.mega__grid > *, .mega__side > *{ opacity:0; transform:translateY(6px); transition:opacity 220ms var(--ease-out), transform 220ms var(--ease-out); }
.site-header.mega-open .mega__grid > *, .site-header.mega-open .mega__side > *{ opacity:1; transform:none; }
.site-header.mega-open .mega__grid > :nth-child(2){ transition-delay:30ms; }
.site-header.mega-open .mega__grid > :nth-child(3){ transition-delay:60ms; }
.site-header.mega-open .mega__grid > :nth-child(4){ transition-delay:90ms; }
.site-header.mega-open .mega__grid > :nth-child(5){ transition-delay:120ms; }
.site-header.mega-open .mega__grid > :nth-child(6){ transition-delay:150ms; }
.site-header.mega-open .mega__side > :nth-child(1){ transition-delay:90ms; }
.site-header.mega-open .mega__side > :nth-child(2){ transition-delay:150ms; }
.mnav{
  position:fixed; inset:0; z-index:125;
  display:flex; flex-direction:column;
  background:var(--ink); color:var(--white);
  overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain;
  padding:0 20px calc(24px + env(safe-area-inset-bottom));
  opacity:0; visibility:hidden;
  transition:opacity 300ms var(--ease-out), visibility 0s linear 300ms;
}
.mnav::after{ content:""; position:fixed; inset:0; background-image:var(--noise); background-size:160px 160px; opacity:0.03; pointer-events:none; }
.mnav.is-open{ opacity:1; visibility:visible; transition:opacity 300ms var(--ease-out), visibility 0s; }
.mnav__top{ display:flex; align-items:center; justify-content:space-between; height:76px; flex:none; }
.mnav__top .brand svg{ width:140px; }
.mnav__langs{ display:flex; gap:8px; margin:10px 0 10px; }
.mnav__langs a, .mnav__langs span{ display:inline-grid; place-items:center; height:36px; min-width:44px; padding:0 12px; border-radius:99px; background:rgba(255, 255, 255, 0.08); font-size:14px; font-weight:600; }
.mnav__langs .is-current{ background:var(--white); color:var(--ink); }
.mnav__langs .is-soon{ color:rgba(255, 255, 255, 0.45); }
.mnav__list > li{ border-bottom:1px solid rgba(255, 255, 255, 0.1); }
.mnav__link{
  display:flex; align-items:center; justify-content:space-between; width:100%;
  padding:13px 0; font-size:26px; font-weight:600; letter-spacing:-0.02em; color:var(--white); text-align:left;
}
.mnav__link svg{ width:18px; height:18px; color:rgba(255, 255, 255, 0.85); transition:transform var(--dur-base) var(--ease-out); }
.mnav__link[aria-expanded="true"]{ color:var(--signal); }
.mnav__link[aria-expanded="true"] svg{ transform:rotate(180deg); color:var(--white); }
.mnav__sub{ display:grid; grid-template-rows:0fr; transition:grid-template-rows 250ms var(--ease-in-out); }
.mnav__sub > div{ overflow:hidden; }
.mnav__sub.is-open{ grid-template-rows:1fr; }
.mnav__sub ul{ padding:0 0 14px; display:grid; gap:4px; }
.mnav__sub a{ display:grid; grid-template-columns:40px 1fr; gap:14px; align-items:center; padding:10px; border-radius:14px; }
.mnav__sub a:hover, .mnav__sub a.is-active{ background:rgba(255, 255, 255, 0.06); }
.mnav__sub .mega__icon{ width:40px; height:40px; border-radius:12px; }
.mnav__sub .mega__icon svg{ width:18px; height:18px; }
.mnav__sub a.is-active .mega__icon{ background:var(--signal); border-color:var(--signal); }
.mnav__sub strong{ display:block; font-size:16px; font-weight:600; }
.mnav__sub small{ display:block; font-family:var(--mono); font-size:12px; color:rgba(187, 205, 218, 0.75); }
.mnav__foot{ margin-top:auto; padding-top:28px; display:grid; gap:14px; }
.mnav__contacts{ display:flex; flex-wrap:wrap; gap:6px 20px; font-size:16px; font-weight:600; }
.mnav__socials{ display:flex; flex-wrap:wrap; gap:8px; }
.mnav__list > li, .mnav__foot > *{ opacity:0; transform:translateY(10px); transition:opacity 300ms var(--ease-out), transform 300ms var(--ease-out); }
.mnav.is-open .mnav__list > li, .mnav.is-open .mnav__foot > *{ opacity:1; transform:none; }
.mnav.is-open .mnav__list > li:nth-child(2){ transition-delay:40ms; }
.mnav.is-open .mnav__list > li:nth-child(3){ transition-delay:80ms; }
.mnav.is-open .mnav__list > li:nth-child(4){ transition-delay:120ms; }
.mnav.is-open .mnav__list > li:nth-child(5){ transition-delay:160ms; }
.mnav.is-open .mnav__list > li:nth-child(6){ transition-delay:200ms; }
.mnav.is-open .mnav__foot > *{ transition-delay:220ms; }
.action-bar{
  position:fixed; left:16px; right:16px; bottom:calc(16px + env(safe-area-inset-bottom)); z-index:85;
  display:none; align-items:center; gap:8px; padding:8px;
  border-radius:999px; background:rgba(6, 10, 13, 0.96); border:1px solid rgba(255, 255, 255, 0.12);
  box-shadow:0 16px 40px rgba(0, 0, 0, 0.35);
  transform:translateY(140%); transition:transform 350ms var(--ease-drawer);
}
.action-bar.is-visible{ transform:none; }
.action-bar .round-btn{ width:48px; height:48px; }
.action-bar .btn{ flex:1; justify-content:space-between; }
.site-footer{ position:relative; overflow:hidden; background:var(--ink); color:var(--white); padding-top:110px; }
.site-footer__glow{ position:absolute; right:-10%; bottom:-10%; width:900px; height:600px; border-radius:50%; --gc:rgba(233, 80, 6, 0.18); --blur:240px; pointer-events:none; }
.footer-top{ display:flex; justify-content:space-between; gap:40px; padding-bottom:72px; border-bottom:1px solid rgba(255, 255, 255, 0.1); }
.footer-title{ font-size:clamp(36px, 2.6vw + 14px, 64px); font-weight:600; line-height:1.02; letter-spacing:-0.035em; }
.footer-contact{ display:flex; flex-direction:column; align-items:flex-end; gap:22px; }
.footer-mail{ position:relative; display:inline-flex; align-items:center; gap:16px; padding-bottom:10px; font-size:clamp(26px, 1.2vw + 16px, 40px); font-weight:600; letter-spacing:-0.02em; }
.footer-mail svg{ width:30px; height:30px; color:var(--signal); transition:transform var(--dur-base) var(--ease-out); }
.footer-mail::before{ content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:rgba(255, 255, 255, 0.2); }
.footer-mail::after{ content:""; position:absolute; left:0; bottom:0; height:2px; width:100%; background:var(--signal); transform-origin:left; transform:scaleX(0.34); transition:transform 500ms var(--ease-out); }
.footer-mail:hover::after{ transform:scaleX(1); }
.footer-mail:hover svg{ transform:translate(4px, -4px); }
.footer-phone{ font-size:22px; font-weight:500; color:rgba(187, 205, 218, 0.9); }
.footer-phone:hover{ color:var(--white); }
.live-status{ display:inline-flex; align-items:center; gap:10px; height:36px; padding:0 14px; border-radius:99px; background:rgba(255, 255, 255, 0.05); border:1px solid rgba(255, 255, 255, 0.12); font-size:14px; }
.live-status strong{ font-weight:600; }
.live-status i{ width:1px; height:14px; background:rgba(255, 255, 255, 0.25); }
.live-status span{ font-weight:500; color:rgba(187, 205, 218, 0.85); }
.live-status span .c-signal, .live-status .c-signal{ color:var(--signal); }
.footer-mid{ display:grid; grid-template-columns:1.95fr 1fr 1fr 1fr; gap:40px; padding:70px 0 60px; }
.footer-about .brand svg{ width:192px; }
.footer-about p{ margin:22px 0 36px; max-width:330px; font-size:16px; line-height:1.55; color:rgba(187, 205, 218, 0.8); }
.socials{ display:flex; flex-wrap:wrap; gap:8px; }
.social-pill{ display:inline-flex; align-items:center; height:38px; padding:0 14px; border-radius:99px; border:1px solid rgba(255, 255, 255, 0.16); font-size:14px; font-weight:600; color:rgba(255, 255, 255, 0.9); transition:background-color var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast); }
.social-pill:hover{ background:var(--white); border-color:var(--white); color:var(--ink); }
.footer-col h3{ font-size:14px; font-weight:500; color:var(--signal); margin-bottom:22px; }
.footer-col ul{ display:grid; gap:15px; }
.footer-col a, .footer-col li{ font-size:16px; color:rgba(255, 255, 255, 0.82); transition:color var(--dur-fast); }
.footer-col a:hover{ color:var(--white); }
.footer-tools{ display:flex; align-items:center; gap:40px; padding-bottom:64px; border-bottom:1px solid rgba(255, 255, 255, 0.1); }
.footer-tools__label{ flex:none; font-size:14px; font-weight:500; color:rgba(187, 205, 218, 0.6); }
.tool-logos{ display:flex; align-items:center; gap:22px; flex-wrap:wrap; --cut:var(--ink); }
.tool-logos svg{ height:20px; width:auto; color:var(--mist); opacity:0.6; transition:opacity var(--dur-fast), color var(--dur-fast); }
.tool-logos .tl-woocommerce, .tool-logos .tl-figma, .tool-logos .tl-mailerlite, .tool-logos .tl-youtube{ height:18px; }
.tool-logos .tl-wix{ height:26px; }
.tool-logos svg:hover{ opacity:1; color:var(--white); }
.footer-word{ position:relative; z-index:0; padding:40px 0 26px; line-height:0.8; pointer-events:none; container-type:inline-size; }
.footer-word span{
  display:block; width:max-content; max-width:none; padding-right:0.1em;
  font-size:clamp(40px, 16.5vw, 300px); font-size:20.9cqw; font-weight:600; letter-spacing:-0.06em; line-height:0.82; white-space:nowrap;
  background:linear-gradient(180deg, rgba(187, 205, 218, 0.22), rgba(187, 205, 218, 0.02));
  -webkit-background-clip:text; background-clip:text; color:transparent;
  margin-left:-0.04em;
}
.footer-bottom{ position:relative; z-index:2; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:20px; padding:28px 0 36px; border-top:1px solid rgba(255, 255, 255, 0.1); }
.footer-bottom small{ font-size:14px; font-weight:500; color:rgba(255, 255, 255, 0.55); }
.footer-cookie{ color:inherit; transition:color var(--dur-fast); }
.footer-cookie:hover{ color:var(--white); }
.to-top{ display:inline-flex; align-items:center; gap:8px; height:36px; padding:0 12px 0 16px; border-radius:99px; border:1px solid rgba(255, 255, 255, 0.16); font-size:14px; font-weight:600; transition:background-color var(--dur-fast), border-color var(--dur-fast); }
.to-top{ position:relative; cursor:pointer; }
.to-top::before{ content:""; position:absolute; inset:-14px -10px; border-radius:99px; }
.to-top svg{ width:16px; height:16px; color:var(--signal); transition:transform var(--dur-base) var(--ease-out); }
.to-top:hover{ background:rgba(255, 255, 255, 0.08); border-color:rgba(255, 255, 255, 0.3); }
.to-top:hover svg{ transform:translateY(-3px); }
.footer-tagline{ justify-self:end; display:inline-flex; align-items:center; gap:8px; font-size:17px; font-weight:600; letter-spacing:-0.01em; color:rgba(187, 205, 218, 0.8); }
.footer-tagline em{ font-style:normal; color:var(--signal); }
.footer-tagline svg{ width:18px; height:18px; color:var(--white); }
.cta{ padding:40px 0 100px; background:var(--white); }
.cta__box{
  position:relative; overflow:hidden; isolation:isolate;
  display:grid; grid-template-columns:1fr 440px; gap:60px; align-items:center;
  padding:76px 72px 80px; border-radius:var(--r-xl);
  background:var(--signal); color:var(--ink);
}
.cta__box::before{ content:""; position:absolute; right:-600px; top:-660px; width:1700px; height:1700px; z-index:-1; pointer-events:none; background:radial-gradient(closest-side, rgba(255, 255, 255, 0.156) 5.9%, rgba(255, 255, 255, 0.134) 29.4%, rgba(255, 255, 255, 0.11) 41.2%, rgba(255, 255, 255, 0.08) 52.9%, rgba(255, 255, 255, 0.05) 64.7%, rgba(255, 255, 255, 0.026) 76.5%, rgba(255, 255, 255, 0.011) 88.2%, transparent); }
.cta__line{ position:absolute; inset:0; z-index:-1; pointer-events:none; }
.cta__line path{ fill:none; stroke:rgba(6, 10, 13, 0.25); stroke-width:1.6; stroke-dasharray:8 9; }
.cta__eyebrow{ font-size:16px; font-weight:500; color:rgba(6, 10, 13, 0.8); }
.cta__title{ margin:22px 0 44px; font-size:clamp(36px, 3.2vw + 10px, 72px); font-weight:600; line-height:1; letter-spacing:-0.04em; max-width:11.1em; }
.cta__note{ margin-top:36px; max-width:520px; font-size:18px; line-height:1.5; color:rgba(6, 10, 13, 0.8); }
.contact-card{ position:relative; padding:12px 32px; border-radius:28px; background:var(--white); box-shadow:0 30px 60px rgba(6, 10, 13, 0.18); }
.contact-card::after{ content:""; position:absolute; inset:0; border-radius:inherit; background-image:var(--noise); background-size:160px 160px; opacity:0.05; pointer-events:none; }
.contact-row{ position:relative; z-index:1; display:grid; grid-template-columns:48px 1fr 20px; gap:16px; align-items:center; padding:22px 0; border-bottom:1px solid rgba(6, 10, 13, 0.08); }
.contact-row:last-child{ border-bottom:0; }
.contact-row__icon{ display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:rgba(233, 80, 6, 0.1); color:var(--signal); transition:background-color var(--dur-base), color var(--dur-base); }
.contact-row__icon svg{ width:22px; height:22px; }
.contact-row small{ display:block; font-size:14px; color:var(--muted); }
.contact-row strong{ display:block; margin-top:4px; font-size:18px; font-weight:600; color:var(--ink); line-height:1.25; }
.contact-row > svg{ width:18px; height:18px; color:var(--ink); transition:transform var(--dur-base) var(--ease-out); }
.contact-row:hover .contact-row__icon{ background:var(--signal); color:var(--white); }
.contact-row:hover > svg{ transform:translate(3px, -3px); }
.faq{ display:grid; grid-template-columns:1fr 1.6fr; gap:80px; align-items:start; }
.faq__intro .h2{ margin:28px 0 28px; }
.faq__intro p{ max-width:380px; font-size:17px; line-height:1.5; color:var(--muted); margin-bottom:36px; }
.faq__list{ border-top:1px solid var(--line-light); }
.faq-item{ border-bottom:1px solid var(--line-light); }
.faq-item__q{
  display:flex; align-items:center; justify-content:space-between; gap:20px; width:100%;
  padding:28px 0; text-align:left;
  font-size:clamp(19px, 0.6vw + 14px, 26px); font-weight:500; letter-spacing:-0.01em; line-height:1.3; color:var(--ink);
  transition:color var(--dur-fast);
}
.faq-item__q:hover{ color:var(--signal-text); }
.faq-item__icon{ position:relative; flex:none; width:44px; height:44px; display:grid; place-items:center; border-radius:50%; transition:background-color var(--dur-base); }
.faq-item__icon::before, .faq-item__icon::after{ content:""; position:absolute; width:16px; height:2.4px; border-radius:2px; background:var(--ink); transition:transform var(--dur-base) var(--ease-out), background-color var(--dur-base); }
.faq-item__icon::after{ transform:rotate(90deg); }
.faq-item__q:hover .faq-item__icon{ background:var(--paper); }
.faq-item.is-open .faq-item__icon::before{ background:var(--signal); }
.faq-item.is-open .faq-item__icon::after{ transform:rotate(0deg); opacity:0; }
.faq-item__a{ display:grid; grid-template-rows:0fr; transition:grid-template-rows 250ms var(--ease-in-out); }
.faq-item.is-open .faq-item__a{ grid-template-rows:1fr; }
.faq-item__a > div{ overflow:hidden; }
.faq-item__a p, .faq-item__a .prose{ max-width:700px; padding-bottom:30px; font-size:18px; line-height:1.55; color:var(--muted); margin-top:-2px; }
.faq-item__a .prose p{ padding:0; margin:0; }
.faq-item__a .prose > * + *{ margin-top:.8em; }
.faq-item__a .prose{ color:var(--muted); }
.on-dark .faq-item, .bg-ink .faq-item, .on-dark .faq__list, .bg-ink .faq__list{ border-color:rgba(255, 255, 255, 0.12); }
.on-dark .faq-item__q, .bg-ink .faq-item__q{ color:var(--white); }
.on-dark .faq-item__icon::before, .on-dark .faq-item__icon::after, .bg-ink .faq-item__icon::before, .bg-ink .faq-item__icon::after{ background:var(--white); }
.on-dark .faq-item__a p, .bg-ink .faq-item__a p{ color:rgba(187, 205, 218, 0.85); }
.cookie{
  position:fixed; left:24px; bottom:24px; z-index:120; width:min(480px, calc(100vw - 32px));
  padding:28px 28px 24px; border-radius:24px; background:var(--white); color:var(--ink);
  box-shadow:0 24px 60px rgba(5, 10, 13, 0.22);
  opacity:0; transform:translateY(20px); pointer-events:none;
  transition:opacity 400ms var(--ease-out), transform 400ms var(--ease-out);
}
.cookie.is-visible{ opacity:1; transform:none; pointer-events:auto; }
.cookie::after{ content:""; position:absolute; inset:0; border-radius:inherit; background-image:var(--noise); background-size:160px 160px; opacity:0.05; pointer-events:none; }
.cookie > *{ position:relative; z-index:1; }
.cookie h2{ font-size:20px; line-height:26px; font-weight:600; letter-spacing:-0.01em; }
.cookie p{ margin:16px 0; font-size:15px; line-height:1.5; color:var(--muted); }
.cookie p a{ color:var(--signal-text); text-decoration:underline; text-underline-offset:3px; }
.cookie__actions{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.cookie__actions .pill-btn{ height:46px; padding:0 16px; }
.cookie__prefs .cookie__actions{ gap:8px; }
.cookie__prefs .cookie__actions .pill-btn{ padding:0 20px; }
.cookie .pill-btn--ghost{ border-color:rgba(6, 10, 13, 0.18); }
.cookie__actions .pill-btn--ghost{ background:transparent; }
.cookie__link{ padding:0 6px; font-size:15px; font-weight:500; color:var(--ink); white-space:nowrap; }
.cookie__link:hover{ color:var(--signal-text); }
.cookie__prefs{ display:none; }
.cookie.show-prefs .cookie__intro{ display:none; }
.cookie.show-prefs .cookie__prefs{ display:block; }
.cookie__row{ display:flex; align-items:center; justify-content:space-between; gap:18px; padding:16px 0; border-top:1px solid #d3dce3; }
.cookie__row:last-of-type{ margin-bottom:16px; }
.cookie__row strong{ display:inline-flex; align-items:center; gap:6px; font-size:16px; line-height:21px; font-weight:600; }
.cookie__row strong svg{ width:14px; height:14px; color:var(--muted); }
.cookie__row small{ display:block; margin-top:4px; font-size:14px; line-height:18px; color:var(--muted); }
.cookie-open{ position:fixed; left:20px; bottom:20px; z-index:60; width:44px; height:44px; border-radius:50%; display:none; place-items:center; background:var(--white); color:var(--ink); box-shadow:0 8px 24px rgba(6, 10, 13, 0.2); }
.cookie-open svg{ width:20px; height:20px; }
.pf-card{ display:block; color:var(--ink); }
.pf-card__media{
  position:relative; overflow:hidden; isolation:isolate;
  aspect-ratio:484 / 400; border-radius:24px;
  background:linear-gradient(135deg, var(--g1, #345163), var(--g2, #060a0d));
  transition:filter var(--dur-slow) var(--ease-out);
}
.pf-card__media::before{
  content:""; position:absolute; inset:0; z-index:-1;
  background-image:linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  background-size:40px 40px; background-position:-1px -1px;
}
.pf-card__media::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(6, 10, 13, 0) 55%, rgba(6, 10, 13, 0.3)); z-index:3; pointer-events:none; }
.pf-card--light .pf-card__media::before{ background-image:linear-gradient(rgba(6, 10, 13, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(6, 10, 13, 0.05) 1px, transparent 1px); }
.pf-card__glow{ position:absolute; left:41%; top:-30%; width:74%; height:70%; border-radius:50%; --gc:rgba(255, 255, 255, var(--glow, 0.12)); --blur:100px; z-index:-1; transition:opacity var(--dur-slow); }
.pf-card__browser{ position:absolute; left:7.4%; top:17.5%; width:81%; z-index:1; border-radius:10px; overflow:hidden; background:#0e151b; box-shadow:0 24px 50px rgba(6, 10, 13, 0.35); transition:transform var(--dur-slow) var(--ease-out); }
.pf-card__bar{ height:24px; display:flex; align-items:center; justify-content:center; }
.pf-card__bar span{ font-size:10px; font-weight:500; line-height:1; padding:3px 10px; border-radius:99px; background:rgba(255, 255, 255, 0.08); color:rgba(255, 255, 255, 0.7); }
.pf-card__browser img{ display:block; width:100%; aspect-ratio:392 / 245; object-fit:cover; object-position:top; }
.pf-card__phone{ position:absolute; left:66.5%; top:37.5%; width:26.4%; aspect-ratio:128 / 270; z-index:2; padding:4px; border-radius:22px; background:var(--ink); box-shadow:0 24px 40px rgba(6, 10, 13, 0.45); transition:transform var(--dur-slow) var(--ease-out); }
.pf-card__media:not(:has(.pf-card__phone)) .pf-card__browser{ left:50%; transform:translateX(-50%); }
.pf-card:hover .pf-card__media:not(:has(.pf-card__phone)) .pf-card__browser{ transform:translate(-50%, -8px); }
.pf-card__browser img.is-cover{ object-position:center; }
.pf-card__phone img{ width:100%; height:100%; object-fit:cover; object-position:top; border-radius:18px; }
.pf-card__platform{ position:absolute; left:20px; top:20px; z-index:4; display:inline-flex; align-items:center; gap:10px; height:34px; padding:0 12px; border-radius:99px; background:rgba(255, 255, 255, 0.96); color:var(--ink); }
.pf-card__platform svg{ height:18px; width:auto; color:var(--ink); --cut:#fff; }
.pf-card__platform .tl-woocommerce{ height:14px; }
.pf-card__cursor{ position:absolute; left:0; top:0; z-index:5; width:104px; height:104px; margin:-52px 0 0 -52px; display:grid; place-items:center; border-radius:50%; background:var(--signal); color:var(--white); font-size:16px; font-weight:600; pointer-events:none; opacity:0; transform:translate(var(--cx, 50%), var(--cy, 50%)) scale(0.6); transition:opacity 250ms var(--ease-out), transform 250ms var(--ease-out); }
.pf-card__info{ display:grid; grid-template-columns:1fr auto; gap:4px 12px; padding-top:24px; }
.pf-card__name{ font-size:24px; font-weight:600; letter-spacing:-0.02em; line-height:1.3; }
.pf-card__meta{ grid-column:1; font-size:15px; color:var(--muted); }
.pf-card__info > svg{ grid-column:2; grid-row:1; width:24px; height:24px; color:var(--ink); transition:transform var(--dur-base) var(--ease-out), color var(--dur-base); }
@media (hover: hover) and (pointer: fine){
  .pf-card:hover .pf-card__browser{ transform:translateY(-8px); }
  .pf-card:hover .pf-card__phone{ transform:translateX(10px); }
  .pf-card:hover .pf-card__media{ filter:brightness(1.08); }
  .pf-card:hover .pf-card__info > svg{ transform:translate(3px, -3px); color:var(--signal); }
  .pf-card.has-cursor:hover .pf-card__cursor{ opacity:1; transform:translate(var(--cx, 50%), var(--cy, 50%)) scale(1); }
}
.blog-card{ display:flex; flex-direction:column; color:var(--ink); }
.blog-card__media{ position:relative; overflow:hidden; border-radius:24px; aspect-ratio:484 / 330; background:var(--paper); }
.blog-card__media img{ width:100%; height:100%; object-fit:cover; transition:transform 600ms var(--ease-out); }
.blog-card__tag{ position:absolute; left:20px; top:20px; z-index:1; display:inline-flex; align-items:center; height:32px; padding:0 12px; border-radius:99px; background:rgba(255, 255, 255, 0.96); font-size:14px; font-weight:500; color:var(--ink); }
.blog-card__tag--case{ background:var(--signal-btn); color:var(--white); }
.blog-card__meta{ margin-top:26px; font-size:14px; font-weight:500; color:var(--muted); }
.blog-card__title{ margin-top:12px; font-size:clamp(22px, 0.7vw + 16px, 30px); font-weight:600; line-height:1.1; letter-spacing:-0.015em; text-wrap:balance; }
.blog-card__more{ margin-top:34px; display:inline-flex; align-items:center; gap:8px; font-size:15px; font-weight:500; }
.blog-card__more svg{ width:18px; height:18px; color:var(--signal); transition:transform var(--dur-base) var(--ease-out); }
@media (hover: hover) and (pointer: fine){
  .blog-card:hover .blog-card__media img{ transform:scale(1.05); }
  .blog-card:hover .blog-card__more svg{ transform:translate(3px, -3px); }
  .blog-card:hover .blog-card__title{ color:var(--slate); }
}
.short-card{
  position:relative; flex:none; overflow:hidden; isolation:isolate;
  width:262px; aspect-ratio:262 / 466; border-radius:22px;
  border:1px solid rgba(255, 255, 255, 0.1); background:#111a21; color:var(--white);
  transition:transform var(--dur-slow) var(--ease-out), border-color var(--dur-slow) var(--ease-out), box-shadow var(--dur-slow) var(--ease-out);
  cursor:pointer;
}
.short-card img, .short-card video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; }
.short-card video{ opacity:0; transition:opacity 300ms var(--ease-out); }
.short-card.is-playing video{ opacity:1; }
.short-card::after{ content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg, rgba(6, 10, 13, 0) 45%, rgba(6, 10, 13, 0.9)); }
.short-card__play{ position:absolute; left:18px; top:18px; display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:rgba(255, 255, 255, 0.24); border:1px solid rgba(255, 255, 255, 0.35); box-shadow:0 0 0 0 rgba(233, 80, 6, 0); transition:background-color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-slow) var(--ease-out); }
.short-card__play svg{ width:16px; height:16px; display:block; }
.short-card__info{ position:absolute; left:18px; right:18px; bottom:20px; }
.short-card__title{ font-size:19px; font-weight:600; letter-spacing:-0.01em; line-height:1.3; }
.short-card__meta{ margin-top:6px; font-size:14px; font-weight:500; color:rgba(187, 205, 218, 0.85); }
.short-card__progress{ margin-top:12px; height:3px; border-radius:2px; background:rgba(255, 255, 255, 0.25); overflow:hidden; opacity:0; }
.short-card__progress i{ display:block; height:100%; width:0; background:var(--signal); }
.short-card__progress{ transition:opacity var(--dur-base) var(--ease-out); }
.short-card.is-active, .short-card.is-playing{ border-color:var(--signal); box-shadow:0 0 0 2px var(--signal), 0 26px 50px rgba(5, 10, 13, 0.32); }
.short-card.is-active .short-card__play, .short-card.is-playing .short-card__play{ background:var(--signal); border-color:var(--signal); }
.short-card.is-active .short-card__progress, .short-card.is-playing .short-card__progress{ opacity:1; }
@media (hover: hover) and (pointer: fine){
  .short-card:hover{ transform:translateY(-6px); border-color:var(--signal); box-shadow:0 0 0 2px var(--signal), 0 26px 50px rgba(5, 10, 13, 0.32); }
  .short-card:hover .short-card__play{ background:var(--signal); border-color:var(--signal); box-shadow:0 0 0 7px rgba(233, 80, 6, 0.22); }
  .short-card:hover .short-card__progress{ opacity:1; }
}
.price-card{
  position:relative; display:flex; flex-direction:column; gap:26px;
  padding:36px; border-radius:28px;
  background:rgba(255, 255, 255, 0.04); border:1px solid rgba(255, 255, 255, 0.12); color:var(--white);
  transition:transform var(--dur-slow) var(--ease-out), border-color var(--dur-slow), background-color var(--dur-slow);
}
.price-card__top{ display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:18px; }
.price-card__eyebrow{ font-size:14px; font-weight:500; color:var(--signal); }
.price-card__badge{ display:inline-flex; align-items:center; height:30px; padding:0 10px; border-radius:99px; background:var(--signal-btn); color:var(--white); font-size:14px; font-weight:500; }
.price-card__name{ font-size:34px; font-weight:600; letter-spacing:-0.02em; line-height:1.3; }
.price-card__desc{ font-size:16px; line-height:1.5; color:rgba(187, 205, 218, 0.85); min-height:48px; }
.price-card__price{ display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 10px; }
.price-card__price strong{ white-space:nowrap; }
.price-card__price small{ font-size:18px; font-weight:500; }
.price-card__price strong{ font-size:clamp(48px, 2vw + 24px, 64px); font-weight:600; letter-spacing:-0.03em; line-height:1.3; }
.price-card__price > span{ font-size:14px; font-weight:500; color:var(--mist); }
.price-card .btn{ width:100%; justify-content:space-between; }
.price-card__sep{ height:1px; background:rgba(255, 255, 255, 0.1); }
.price-card__inc{ font-size:14px; font-weight:500; color:rgba(255, 255, 255, 0.5); }
.check-list{ display:grid; gap:14px; }
.check-list li{ display:grid; grid-template-columns:20px 1fr; gap:12px; font-size:16px; line-height:1.4; color:rgba(255, 255, 255, 0.9); }
.check-list svg{ width:20px; height:20px; color:var(--signal); margin-top:1px; }
.check-list--filled svg{ color:var(--white); background:var(--signal); border-radius:50%; padding:3px; }
.price-card--featured{ background:var(--white); border:2px solid var(--signal); color:var(--ink); box-shadow:0 30px 80px -10px rgba(233, 80, 6, 0.45); }
.price-card--featured .price-card__eyebrow{ color:var(--signal-text); }
.price-card--featured .price-card__desc{ color:var(--muted); }
.price-card--featured .price-card__price > span{ color:var(--muted); }
.price-card--featured .price-card__sep{ background:rgba(6, 10, 13, 0.08); }
.price-card--featured .price-card__inc{ color:rgba(6, 10, 13, 0.5); }
.price-card--featured .check-list li{ color:var(--ink); }
.price-card--featured::before{ content:""; position:absolute; inset:-2px; border-radius:inherit; box-shadow:0 0 60px 0 rgba(233, 80, 6, 0.45); opacity:0.6; z-index:-1; animation:dw-glow 4s var(--ease-in-out) infinite alternate; }
@keyframes dw-glow{ from{ opacity:0.35; } to{ opacity:1; } }
@media (hover: hover) and (pointer: fine){
  .price-card:not(.price-card--featured):hover{ transform:var(--lift); border-color:rgba(255, 255, 255, 0.22); background:rgba(255, 255, 255, 0.06); }
  .price-card--featured:hover{ transform:var(--lift); }
}
.ribbon{
  position:relative; display:flex; align-items:center; gap:18px; padding:22px 28px; border-radius:999px;
}
.ribbon__border{ position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; }
.ribbon__border rect{ fill:none; stroke:rgba(233, 80, 6, 0.7); stroke-width:1; stroke-dasharray:6 6; animation:dw-dash 1.6s linear infinite; }
@keyframes dw-dash{ to{ stroke-dashoffset:-24; } }
.ribbon__icon{ flex:none; display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:rgba(233, 80, 6, 0.15); color:var(--signal); }
.ribbon__icon svg{ width:22px; height:22px; }
.ribbon__text{ flex:1; font-size:18px; font-weight:500; }
.ribbon__link{ flex:none; font-size:14px; font-weight:500; color:var(--signal); }
.ribbon__link:hover{ text-decoration:underline; text-underline-offset:3px; }
.bg-white .ribbon__link, .bg-paper .ribbon__link{ color:var(--signal-text); }
.review-card{
  flex:none; display:flex; flex-direction:column; width:484px; min-height:380px; padding:40px 36px 36px; border-radius:28px;
  background:#dfe5ea; color:var(--ink);
  transition:background-color var(--dur-slow) var(--ease-out), color var(--dur-slow) var(--ease-out);
}
.review-card__quote{ width:36px; height:36px; color:rgba(52, 81, 99, 0.35); }
.review-card__title{ margin-top:28px; font-size:30px; font-weight:600; letter-spacing:-0.02em; line-height:1.15; }
.review-card__text{ margin-top:30px; font-size:17px; line-height:1.55; color:var(--muted); }
.review-card__author{ margin-top:auto; padding-top:30px; display:flex; align-items:center; gap:14px; }
.review-card__g{ display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:var(--white); }
.review-card__g svg{ width:22px; height:22px; }
.review-card__name{ font-size:16px; font-weight:600; }
.review-card .stars svg{ width:12px; height:12px; }
.review-card.is-active{ background:var(--ink); color:var(--white); }
.review-card.is-active .review-card__quote{ color:var(--signal); }
.review-card.is-active .review-card__text{ color:rgba(187, 205, 218, 0.85); }
.marquee{ position:relative; overflow:hidden; -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.marquee__track{ display:flex; width:max-content; animation:dw-marquee var(--marquee-dur, 40s) linear infinite; }
.marquee:hover .marquee__track{ animation-play-state:paused; }
@keyframes dw-marquee{ to{ transform:translateX(-50%); } }
.carousel{ display:flex; gap:20px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; overscroll-behavior-x:contain; cursor:grab; }
.carousel::-webkit-scrollbar{ display:none; }
.carousel > *{ scroll-snap-align:start; }
.carousel.is-dragging{ cursor:grabbing; scroll-snap-type:none; }
.carousel.is-dragging *{ pointer-events:none; user-select:none; }
.carousel-progress{ position:relative; height:2px; background:rgba(255, 255, 255, 0.12); }
.carousel-progress i{ position:absolute; left:0; top:0; height:100%; width:33%; background:var(--signal); transition:transform 200ms linear; transform-origin:left; }
.lightbox{ position:fixed; inset:0; z-index:130; display:grid; place-items:center; padding:40px; background:rgba(6, 10, 13, 0.85); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); opacity:0; visibility:hidden; transition:opacity 300ms var(--ease-out), visibility 0s linear 300ms; color:var(--white); }
.lightbox.is-open{ opacity:1; visibility:visible; transition:opacity 300ms var(--ease-out), visibility 0s; }
.lightbox__row{ position:relative; display:flex; align-items:center; gap:26px; }
.lightbox__stage{ position:relative; height:min(76vh, 820px); aspect-ratio:9 / 16; border-radius:32px; overflow:hidden; background:#111a21; border:1px solid rgba(255, 255, 255, 0.12); transform:scale(0.96); transition:transform 300ms var(--ease-out); }
.lightbox.is-open .lightbox__stage{ transform:none; }
.lightbox__media, .lightbox__media video, .lightbox__media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.lightbox__stage::after{ content:""; position:absolute; inset:55% 0 0; background:linear-gradient(180deg, rgba(6, 10, 13, 0), rgba(6, 10, 13, 0.85)); pointer-events:none; }
.lightbox__caption{ position:absolute; left:28px; right:28px; bottom:28px; z-index:2; }
.lightbox__title{ font-size:30px; font-weight:600; letter-spacing:-0.02em; line-height:1.15; }
.lightbox__meta{ margin-top:6px; font-size:22px; color:var(--mist); }
.lightbox__progress{ margin-top:16px; height:4px; border-radius:2px; background:rgba(255, 255, 255, 0.2); overflow:hidden; }
.lightbox__progress i{ display:block; height:100%; width:0; background:var(--signal); }
.lightbox__mute{ position:absolute; top:20px; right:20px; z-index:2; width:52px; height:52px; -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }
.lightbox__mute .icon-mute{ display:none; }
.lightbox__mute[aria-pressed="true"] .icon-mute{ display:block; }
.lightbox__mute[aria-pressed="true"] .icon-volume{ display:none; }
.lightbox .round-btn{ width:52px; height:52px; }
.lightbox__close{ position:absolute; top:40px; right:max(40px, calc((100vw - var(--container)) / 2)); z-index:3; }
.lightbox__info{ position:absolute; left:calc(100% + 40px); bottom:40px; width:280px; display:grid; gap:14px; justify-items:start; }
.lightbox__count{ font-size:13px; color:rgba(187, 205, 218, 0.7); }
.lightbox__info-title{ font-size:30px; font-weight:600; letter-spacing:-0.02em; line-height:1.15; }
@media (max-width: 1500px){ .lightbox__info{ display:none; } }
@media (max-width: 1600px){
  .nav__link{ padding:0 13px; }
  .site-header__inner{ gap:20px; }
}
@media (max-width: 1440px){
  .nav__link{ padding:0 12px; font-size:14px; }
  .header-right{ gap:16px; }
  .header-phone{ display:none; }
}
@media (max-width: 1240px){
  .nav__link{ padding:0 10px; font-size:13.5px; }
  .nav{ margin-right:8px; }
  .mega__panel{ grid-template-columns:1fr 340px; }
}
@media (max-width: 1024px){
  .site-header__inner{ height:76px; gap:12px; }
  .site-header.is-scrolled .site-header__inner{ height:68px; }
  .brand svg{ width:140px; }
  .site-header .lang, .site-header .nav, .site-header .header-right, .mega, .mega-scrim{ display:none; }
  .header-mobile{ display:flex; }
  .action-bar{ display:flex; }
  .footer-top{ flex-direction:column; padding-bottom:40px; gap:24px; }
  .footer-contact{ align-items:stretch; gap:16px; }
  .live-status{ height:auto; min-height:36px; padding:6px 14px; flex-wrap:wrap; gap:6px 10px; }
  .live-status span, .live-status strong{ white-space:nowrap; }
  .live-status i{ display:none; }
  .footer-mail{ justify-content:space-between; }
  .footer-mid{ grid-template-columns:1fr 1fr; gap:32px 20px; padding:32px 0 28px; }
  .footer-about p{ margin:16px 0 24px; }
  .footer-col h3{ margin-bottom:16px; }
  .footer-col ul{ gap:11px; }
  .footer-col a, .footer-col li{ font-size:16px; }
  .footer-about{ grid-column:1 / -1; }
  .footer-col:last-child{ grid-column:1 / -1; }
  .footer-tools{ flex-direction:column; align-items:flex-start; gap:20px; padding-bottom:28px; }
  .tool-logos{ gap:12px; }
  .tool-logos svg, .tool-logos .tl-woocommerce, .tool-logos .tl-figma, .tool-logos .tl-mailerlite, .tool-logos .tl-youtube{ height:12px; }
  .tool-logos .tl-wix{ height:16px; }
  .footer-bottom{ grid-template-columns:1fr; justify-items:start; gap:14px; padding:20px 0 96px; }
  .footer-word{ padding:16px 0 10px; }
  .footer-tagline{ justify-self:start; }
  .site-footer{ padding-top:56px; }
  .cta{ padding:0 0 40px; }
  .cta__box{ grid-template-columns:1fr; gap:28px; padding:36px 20px 20px; border-radius:32px; }
  .cta__title{ margin:12px 0 20px; }
  .cta__note{ margin-top:20px; font-size:17px; }
  .contact-card{ padding:4px 18px; }
  .contact-row{ grid-template-columns:40px 1fr 18px; gap:14px; padding:16px 0; }
  .contact-row__icon{ width:40px; height:40px; }
  .contact-row__icon svg{ width:18px; height:18px; }
  .contact-row strong{ font-size:17px; }
  .faq{ grid-template-columns:1fr; gap:24px; }
  .faq__intro .h2{ margin:12px 0 18px; }
  .faq__intro p{ margin-bottom:24px; }
  .faq-item__q{ padding:26px 0; font-size:20px; }
  .faq-item__q > span:first-child{ flex:1; }
  .faq-item__a p, .faq-item__a .prose{ font-size:17px; margin-top:0; }
  .review-card{ width:300px; min-height:340px; padding:28px 24px; }
  .review-card__title{ font-size:24px; }
  .price-card{ padding:28px 24px; }
  .ribbon{ border-radius:24px; flex-wrap:wrap; padding:22px; }
  .ribbon__border rect{ rx:24; }
  .ribbon__link{ width:100%; padding-left:62px; }
  .short-card{ width:220px; }
  .cookie{ left:16px; right:16px; bottom:16px; width:auto; padding:28px 22px 24px; }
  .lightbox{ padding:16px; }
  .lightbox__nav{ display:none; }
  .lightbox__stage{ height:min(78vh, 720px); border-radius:24px; }
  .lightbox__title{ font-size:22px; }
  .lightbox__meta{ font-size:16px; }
  .lightbox__close{ top:16px; right:16px; }
}
@media (max-width: 600px){
  .footer-about .brand svg{ width:190px; }
  .pf-card__name{ font-size:22px; }
}
.dw-form{ position:relative; display:grid; gap:26px; }
.dw-form__row{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.dw-form__row--files{ align-items:end; }
.dw-form__row--files .upload{ min-height:58px; }
.dw-form__group{ border:0; padding:0; margin:0; display:grid; gap:12px; }
.dw-form__group legend{ margin-bottom:12px; padding:0; }
.dw-form__submit{ display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.dw-form__note{ font-size:14px; color:var(--muted); }
.dw-form__alert:empty{ display:none; }
.dw-form.is-sending .input, .dw-form.is-sending .textarea, .dw-form.is-sending .opt-chip span{ pointer-events:none; opacity:0.6; }
@media (max-width: 1024px){
  .dw-form__row{ grid-template-columns:1fr; }
  .dw-form__submit .btn{ width:100%; justify-content:space-between; }
}
.preloader{ display:none; }
html.dw-pre .preloader{
  display:block; position:fixed; inset:0; z-index:400; overflow:hidden; background:var(--ink); color:var(--white);
  cursor:pointer; user-select:none; -webkit-user-select:none;
}
html.dw-pre .preloader::after{ content:""; position:absolute; inset:0; background:var(--noise); opacity:0.25; pointer-events:none; mix-blend-mode:overlay; }
.preloader__glow{
  position:absolute; left:var(--gx, 50%); top:var(--gy, 55%); width:60vmax; height:60vmax; transform:translate(-50%, -50%);
  background:radial-gradient(closest-side, rgba(233, 80, 6, 0.28), rgba(233, 80, 6, 0.08) 45%, transparent 70%); pointer-events:none;
  transition:left 0.9s var(--ease-out), top 0.9s var(--ease-out);
}
.preloader__grid{ position:absolute; inset:0; display:grid; grid-template-columns:repeat(6, 1fr); pointer-events:none; }
.preloader__grid i{ border-left:1px solid rgba(187, 205, 218, 0.06); }
.preloader__top{ position:absolute; left:24px; right:24px; top:22px; display:flex; justify-content:space-between; gap:20px; font-size:12px; color:rgba(187, 205, 218, 0.8); }
.preloader__top b{ display:inline-block; font-weight:500; opacity:0; transform:translateY(8px); transition:opacity 0.5s var(--ease-out), transform 0.5s var(--ease-out); }
.preloader__top b.is-on{ opacity:1; transform:none; }
.preloader__hint{ opacity:0; transition:opacity 0.6s; }
.preloader.is-hint .preloader__hint{ opacity:0.6; }
.preloader__logo{ position:absolute; left:50%; top:50%; width:clamp(150px, 16vw, 230px); transform:translate(-50%, -50%) translate3d(var(--lx, 0px), var(--ly, 0px), 0); }
.preloader__logo svg{ display:block; width:100%; height:auto; }
.preloader__logo .logo-mark{ transform-origin:50% 50%; }
.preloader__count{ position:absolute; left:24px; bottom:22px; display:flex; align-items:baseline; gap:4px; font-size:clamp(64px, 11vw, 190px); font-weight:600; letter-spacing:-0.05em; line-height:0.85; font-variant-numeric:tabular-nums; }
.preloader__count small{ font-size:0.16em; letter-spacing:0; color:rgba(187, 205, 218, 0.8); }
.preloader__line{ position:absolute; left:0; right:0; bottom:0; height:3px; background:rgba(255, 255, 255, 0.08); }
.preloader__line i{ display:block; height:100%; width:100%; background:var(--signal); transform:scaleX(var(--p, 0)); transform-origin:left; }
.preloader.is-done{ pointer-events:none; }
@media (max-width: 640px){
  .preloader__top{ font-size:11px; }
  .preloader__hint{ display:none; }
}

.nav-progress{ position:fixed; left:0; top:0; z-index:390; height:3px; width:100%; background:var(--signal); transform:scaleX(0); transform-origin:left; opacity:0; pointer-events:none; transition:transform 0.4s var(--ease-out), opacity 0.3s; box-shadow:0 0 12px rgba(233, 80, 6, 0.6); }
.nav-progress.is-on{ opacity:1; }
.pmodal{ position:fixed; inset:0; z-index:140; display:grid; place-items:center; padding:24px; background:rgba(6, 10, 13, 0.7); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); opacity:0; visibility:hidden; transition:opacity 280ms var(--ease-out), visibility 0s linear 280ms; }
.pmodal.is-open{ opacity:1; visibility:visible; transition:opacity 280ms var(--ease-out), visibility 0s; }
.pmodal__panel{ display:grid; grid-template-rows:auto 1fr auto; width:min(860px, 100%); max-height:min(86vh, 980px); overflow:hidden; border-radius:24px; background:var(--white); color:var(--ink); box-shadow:0 40px 100px rgba(5, 10, 13, 0.5); transform:translateY(24px) scale(0.98); transition:transform 380ms var(--ease-out); }
.pmodal.is-open .pmodal__panel{ transform:none; }
.pmodal__head{ display:flex; align-items:center; gap:16px; padding:20px 20px 20px 32px; border-bottom:1px solid rgba(6, 10, 13, 0.08); }
.pmodal__title{ font-size:20px; font-weight:600; letter-spacing:-0.01em; }
.pmodal__link{ display:inline-flex; align-items:center; gap:6px; margin-left:auto; font-size:14px; font-weight:500; color:var(--muted); }
.pmodal__link svg{ width:14px; height:14px; color:var(--signal); }
.pmodal__link:hover{ color:var(--ink); }
.pmodal__close{ --size:40px; flex:none; background:var(--paper); color:var(--ink); }
.pmodal__body{ overflow:auto; padding:8px 32px 24px; overscroll-behavior:contain; scrollbar-width:thin; }
.pmodal__loading{ padding:40px 0; text-align:center; font-size:13px; color:var(--muted); }
.pmodal__body .pp-sec{ padding:24px 0; border-top:1px solid #e3e9ee; }
.pmodal__body .pp-sec--intro, .pmodal__body .pp-sec:first-child{ border-top:0; }
.pmodal__body .pp-sec > * + *{ margin-top:12px; }
.pmodal__body h2{ font-size:22px; font-weight:600; line-height:1.3; letter-spacing:-0.01em; }
.pmodal__body h3{ font-size:17px; font-weight:600; line-height:1.3; margin-top:18px; }
.pmodal__body p, .pmodal__body li{ font-size:15px; line-height:1.6; color:var(--muted); }
.pmodal__body ul, .pmodal__body ol{ padding-left:1.2em; list-style:disc; }
.pmodal__body a{ color:var(--signal-text); text-decoration:underline; text-underline-offset:3px; }
.pmodal__body strong{ color:var(--ink); font-weight:600; }
.pmodal__body .pp-req{ margin:12px 0 0; border:1px solid #e3e9ee; border-radius:14px; overflow:hidden; }
.pmodal__body .pp-req__row{ display:grid; grid-template-columns:180px 1fr; gap:12px; padding:10px 16px; font-size:14px; }
.pmodal__body .pp-req__row:nth-child(odd){ background:rgba(231, 236, 240, 0.6); }
.pmodal__body .pp-req dt{ color:var(--muted); }
.pmodal__body .pp-req dd{ margin:0; color:var(--ink); font-weight:500; }
.pmodal__foot{ display:flex; justify-content:flex-end; padding:14px 20px; border-top:1px solid rgba(6, 10, 13, 0.08); background:var(--paper); }
@media (max-width: 640px){
  .pmodal{ padding:0; align-items:end; }
  .pmodal__panel{ width:100%; max-height:92vh; border-radius:22px 22px 0 0; }
  .pmodal__head{ padding:16px 16px 16px 20px; }
  .pmodal__link{ display:none; }
  .pmodal__body{ padding:4px 20px 20px; }
}
.field__icon{ position:absolute; left:16px; top:50%; translate:0 -50%; width:18px; height:18px; color:var(--muted); pointer-events:none; }
.field__wrap .input.input--icon, .kt-form .field__wrap .input.input--icon{ padding-left:46px; }
.lv-bar{ position:relative; z-index:2; display:flex; align-items:center; gap:14px; height:44px; padding:0 16px 0 18px; background:#121b22; color:var(--white); }
.lv-bar__dots{ display:flex; gap:6px; flex:none; }
.lv-bar__dots i{ width:10px; height:10px; border-radius:50%; background:rgba(255, 255, 255, 0.18); }
.lv-bar__dots i:first-child{ background:rgba(233, 80, 6, 0.9); }
.lv-bar__url{ flex:1; min-width:0; display:flex; align-items:center; gap:8px; height:28px; max-width:520px; margin:0 auto; padding:0 14px; border-radius:99px; background:rgba(255, 255, 255, 0.08); font-size:12px; color:rgba(255, 255, 255, 0.9); white-space:nowrap; overflow:hidden; }
.lv-bar__url > span:last-child{ overflow:hidden; text-overflow:ellipsis; transition:opacity 0.25s, transform 0.35s var(--ease-out); }
.lv-bar__url.is-swap > span:last-child{ opacity:0; transform:translateY(6px); }
.lv-bar__lock{ display:inline-flex; flex:none; }
.lv-bar__lock svg{ width:12px; height:12px; color:#4ade80; }
.lv-bar__live{ flex:none; display:inline-flex; align-items:center; gap:7px; font-size:12px; font-weight:500; color:rgba(187, 205, 218, 0.85); }
.lv-bar__live i{ width:7px; height:7px; border-radius:50%; background:#4ade80; box-shadow:0 0 0 0 rgba(74, 222, 128, 0.6); animation:lv-pulse 2.2s infinite; }
@keyframes lv-pulse{ 0%{ box-shadow:0 0 0 0 rgba(74, 222, 128, 0.55); } 70%, 100%{ box-shadow:0 0 0 7px rgba(74, 222, 128, 0); } }
@media (max-width: 600px){
  .lv-bar{ height:36px; gap:10px; padding:0 10px; }
  .lv-bar__dots i{ width:8px; height:8px; }
  .lv-bar__url{ height:24px; font-size:11px; padding:0 10px; }
  .lv-bar__live{ display:none; }
}
html.reduced .lv-bar__live i{ animation:none; }