.case-trs img{width:100%;height:100%;object-fit:cover;display:block}
.work-link .case-preview img{pointer-events:none;user-select:none;-webkit-user-drag:none;transition:transform .35s,filter .25s}
.work-link:hover .case-preview img,.work-link:focus-visible .case-preview img{filter:brightness(.94);transform:scale(1.012)}
.work-carousel{position:relative}
.digital-support{background:var(--ink);padding:22px 16px 64px}
.digital-support-card{width:100%;margin:0 auto;padding:46px 0;border-radius:48px;background:#28292e;color:#fff}
.digital-support-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:clamp(48px,6vw,100px);width:calc(100% - 64px);margin:0 auto;padding-inline:22px}
.digital-support-heading h2{max-width:780px;margin:0;font-size:clamp(34px,3.6vw,56px);font-weight:700;letter-spacing:-.045em;line-height:1.06}
.digital-support-heading h2 span{color:#ed3422}
.digital-support-copy{align-self:center;max-width:590px}
.digital-support-copy p{margin:0;color:#d4d4d7;font-size:13px;line-height:1.5}
.digital-support-copy p+p{margin-top:24px}
.works{background:var(--ink)}
.works-title{letter-spacing:-.045em;margin:0 0 38px;font-size:clamp(38px,4.2vw,56px);font-weight:900;line-height:1}
.work-carousel .work-grid{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-inline:contain}
.work-carousel .work-grid::-webkit-scrollbar{display:none}
.work-carousel .work-case{flex:0 0 calc((100% - 20px)/2);scroll-snap-align:start}
.work-carousel-prev,.work-carousel-next{position:absolute;z-index:4;top:32%;width:48px;height:48px;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:rgba(17,18,20,.22);color:rgba(255,255,255,.88);display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(5px);transition:background .2s,border-color .2s,transform .2s}
.work-carousel-prev{left:12px}.work-carousel-next{right:12px}.work-carousel-prev[hidden]{display:none}
.work-carousel-prev span,.work-carousel-next span{font-size:38px;font-weight:300;line-height:1;transform:translateY(-2px)}
.work-carousel-prev:hover,.work-carousel-prev:focus-visible,.work-carousel-next:hover,.work-carousel-next:focus-visible{background:rgba(17,18,20,.48);border-color:rgba(255,255,255,.72)}
.work-carousel-prev:hover,.work-carousel-prev:focus-visible{transform:translateX(-2px)}.work-carousel-next:hover,.work-carousel-next:focus-visible{transform:translateX(2px)}
@media (max-width:720px){.works-title{margin-bottom:24px;font-size:clamp(32px,9vw,40px)}.work-carousel .work-case{flex-basis:100%}.work-carousel-prev,.work-carousel-next{top:29%;width:42px;height:42px}.work-carousel-prev{left:8px}.work-carousel-next{right:8px}.work-carousel-prev span,.work-carousel-next span{font-size:34px}}
@media (max-width:900px){.digital-support{padding:14px 8px 48px}.digital-support-card{padding:34px 0;border-radius:34px}.digital-support-grid{grid-template-columns:1fr;gap:28px;width:calc(100% - 24px)}.digital-support-heading h2{font-size:clamp(30px,7.5vw,42px)}.digital-support-copy p{font-size:13px;line-height:1.5}.digital-support-copy p+p{margin-top:18px}}
@media (max-width:720px){.digital-support-grid{width:calc(100% - 16px);padding-inline:24px}}
.price-messengers{align-items:center;flex-wrap:wrap}
.price-messengers a.messenger-whatsapp,.price-messengers a.messenger-viber,.top-messengers a{background:#111315;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;overflow:hidden;transition:background .2s,transform .2s}
.price-messengers a.messenger-whatsapp:hover,.price-messengers a.messenger-viber:hover,.top-messengers a:hover{background:#e63b2e;transform:translateY(-2px)}
.price-messengers .messenger-whatsapp img,.top-messengers .messenger-whatsapp img{filter:none!important;width:100%!important;height:100%!important;object-fit:contain}
.price-messengers .messenger-viber img,.top-messengers .messenger-viber img{filter:invert()!important;width:21px!important;height:21px!important;object-fit:contain}
.price-email{color:#fff!important;border:0;border-radius:0;align-items:center;min-height:42px;padding:0 0 0 5px;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;display:inline-flex}
.price-email:hover{color:#e63b2e!important;background:transparent;text-decoration:none}
.top-contact-actions{justify-self:end;align-items:center;gap:14px;display:flex}
.top-messengers{align-items:center;gap:7px;display:flex}
.top-messengers a{width:36px;height:36px}
.top-messengers .messenger-viber img{width:18px!important;height:18px!important}
@media (max-width:1100px) and (min-width:721px){.topbar{gap:18px}.topbar>nav:not(.mobile-menu){gap:14px}.top-contact-actions{gap:9px}.top-messengers{gap:5px}.top-messengers a{width:32px;height:32px}.top-phone{font-size:14px!important}}

/* Stable static rendering: the original reveal engine is not used on hosting. */
[data-reveal] .reveal-copy,
.works-reveal .reveal-card,
.intro[data-reveal] .process-grid .reveal-card{
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  clip-path:none!important;
  transform:none!important;
}

.form-notice{margin:14px 0 0;font-size:13px;line-height:1.45}
.form-notice.is-success{color:#18713b}
.form-notice.is-error{color:#b51027}
body.has-overlay{overflow:hidden}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media (max-width:720px){
  .mobile-menu[hidden]{display:none!important}
  .mobile-menu{z-index:120}
  .privacy-content{padding-bottom:max(38px,env(safe-area-inset-bottom))}
}
@media (max-width:720px){.top-contact-actions{justify-self:end}.top-messengers{display:none}.price-email{min-height:38px;padding:0 11px;font-size:11px}.price-messengers a.messenger-whatsapp,.price-messengers a.messenger-viber{width:38px;height:38px}}
.footer-messengers .messenger-whatsapp img{filter:none!important;width:100%!important;height:100%!important;object-fit:contain}
.footer-messengers .messenger-viber img{filter:invert()!important;width:21px!important;height:21px!important;object-fit:contain}
.hero h1{max-width:none;font-size:clamp(64px,6.2vw,96px)}
.hero-line{white-space:nowrap;display:block}
@media (min-width:721px){.hero.hero-motion{min-height:calc(100svh - 72px);padding-inline:var(--gutter)!important;align-items:center!important}.hero.hero-motion .hero-text{width:100%;max-width:none;margin-inline:auto}}
@media (max-width:720px){.hero h1{max-width:360px;font-size:clamp(42px,11.5vw,50px)}.hero-line{white-space:normal}.top-contact-actions{display:none!important}.price-actions{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;gap:12px!important}.price-calc-button{width:auto!important;max-width:none!important;flex:0 0 auto!important;white-space:nowrap!important}.price-messengers{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;margin:0!important}.price-messengers a.messenger-whatsapp,.price-messengers a.messenger-viber{display:none!important}.price-messengers a.price-email{padding:0!important;min-height:38px!important;font-size:12px!important}}
.footer-main .brand{width:180px;height:42px;margin-left:0;overflow:visible}
.footer-main .brand img{width:180px;height:auto;position:static;transform:none}
.hero.hero-motion .hero-main .lead,.digital-support-copy p{font-size:15px;line-height:1.65}
@media (max-width:720px){.hero.hero-motion .hero-main .lead,.digital-support-copy p{font-size:14px;line-height:1.65}}
@media (max-width:720px){.topbar{grid-template-columns:minmax(0,1fr) 34px!important;column-gap:16px!important;padding-inline:20px!important}.topbar>.brand{grid-column:1!important;justify-self:start!important;margin-left:0!important}.topbar>.menu-toggle{grid-column:2!important;justify-self:end!important;margin:0!important}.topbar>.mobile-menu{grid-column:1/-1!important}.top-contact-actions{display:none!important}}
/* Section fade-ins must never counteract the user's vertical scroll. */
html{scroll-behavior:auto}
.section-motion .section-motion-item{opacity:0!important;transform:none!important;transition:opacity .46s ease-out;will-change:opacity}
.section-motion .section-motion-visible .section-motion-item{opacity:1!important;transform:none!important;will-change:auto}
@media (prefers-reduced-motion:reduce){.section-motion .section-motion-item{opacity:1!important;transform:none!important;transition:none}}
.price-messengers a.price-email{color:#fff!important;background:transparent!important;border:0!important;border-radius:0!important;width:auto!important;height:auto!important;min-width:0!important;min-height:42px!important;max-width:none!important;max-height:none!important;padding:0 0 0 6px!important;overflow:visible!important;display:inline-flex!important;font-size:13px!important;font-weight:700!important;white-space:nowrap!important}
.price-messengers a.price-email:hover{color:#e63b2e!important;background:transparent!important;transform:none!important}

/* Consistent typography across Windows, macOS, Android and iOS. */
body,button,input,textarea,select{font-family:"D-Service Arimo",Arial,"Helvetica Neue",sans-serif}
h1,h2,h3,.hero-calc,.price-calc-button,.service-cta{font-family:"D-Service Inter","D-Service Arimo",Arial,sans-serif}
.hero h1{letter-spacing:-.035em!important}
.digital-support-heading h2,.works-title,.intro h2,.prices-side h2,.faq-head h2,.contact h2{letter-spacing:-.032em!important}
.work-case h3,.process-grid h3,.price-row h3{letter-spacing:-.018em!important}
@media (max-width:720px){
  .hero h1{letter-spacing:-.028em!important;line-height:.94!important}
  .digital-support-heading h2,.works-title,.intro h2,.prices-side h2,.faq-head h2,.contact h2{letter-spacing:-.025em!important}
}
@media (min-width:721px) and (max-width:900px){
  .topbar{grid-template-columns:150px minmax(330px,1fr) auto!important;gap:12px!important;padding-inline:30px!important}
  .topbar>.brand,.topbar>.brand img{width:145px!important}
  .topbar>nav:not(.mobile-menu){gap:13px!important}
  .topbar>nav:not(.mobile-menu) a{font-size:12px!important}
  .top-contact-actions{gap:0!important}
  .top-messengers{display:none!important}
  .top-phone{min-height:36px!important;padding-inline:10px!important;font-size:12px!important}
}