:root{--red:#d71920;--red-dark:#a90006;--ink:#1e1f24;--muted:#60636f;--line:#e7e7ea;--soft:#f7f7f8;--white:#fff;--footer:#17191d}*{box-sizing:border-box}img,svg,video,canvas{max-width:100%}html{scroll-behavior:smooth;overflow-x:hidden}body{color:var(--ink);background:var(--white);margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}main{overflow-x:clip}a{color:inherit;text-decoration:none}.sectionWrap{width:min(1180px,100% - 48px);margin-inline:auto}.siteHeader{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;gap:28px;height:112px;padding:0 44px;display:flex;position:sticky;top:0}.logo{flex-shrink:0;align-items:center;width:158px;height:auto;display:inline-flex;position:relative}.logo img{object-fit:contain;width:100%;height:auto;display:block}.nav{text-transform:uppercase;align-items:center;gap:32px;font-size:13px;font-weight:800;display:flex}.nav a{padding:44px 0;position:relative}.nav a.active,.nav a:hover{color:var(--red)}.nav a.active:after,.nav a:hover:after{content:"";background:var(--red);height:2px;position:absolute;bottom:22px;left:0;right:0}.quoteButton,.primaryButton{background:linear-gradient(180deg, var(--red), #bd080d);color:var(--white);text-transform:uppercase;border-radius:4px;justify-content:center;align-items:center;gap:12px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:0 10px 24px #d7192038}h1,h2,h3,p,a{overflow-wrap:break-word}.quoteButton{padding:17px 24px}.primaryButton{padding:18px 24px}.hero{background:#fff;min-height:560px;position:relative;overflow:hidden}.heroCopy{z-index:2;max-width:620px;padding:82px 0 86px;position:relative}.eyebrow,.sectionKicker,.whiteKicker{color:var(--red);text-transform:uppercase;letter-spacing:.04em;margin:0 0 14px;font-size:15px;font-weight:900}.hero h1{letter-spacing:-2.5px;margin:0;font-size:clamp(40px,5.1vw,63px);line-height:.98}.hero h1 span{color:var(--red);display:block}.heroText{color:#2f3037;max-width:560px;margin:26px 0 36px;font-size:18px;line-height:1.7}.heroActions{align-items:center;gap:36px;display:flex}.textButton{text-transform:uppercase;padding:18px 0;font-size:13px;font-weight:900;position:relative}.textButton:after{content:"";background:var(--red);height:2px;position:absolute;bottom:4px;left:0;right:0}.heroMedia{z-index:1;background:#15171c;width:56%;height:100%;position:absolute;inset:0 0 0 auto;overflow:hidden}.heroMedia:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#fff 0%,#fffffff5 9%,#ffffffbd 24%,#ffffff57 43%,#fff0 66%);position:absolute;inset:0}.heroMedia:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(#fff3 0%,#fff0 22% 78%,#ffffff26 100%);position:absolute;inset:0}.heroMedia img,.servicePhoto img,.credibilityPhoto img,.galleryImage img,.sectionBgImage{object-fit:cover}.heroMedia img{object-position:center}.services{text-align:center;padding:44px 0 34px}.services h2,.whySection h2,.industriesBand h2,.workSection h2,.clientsBand h2,.ctaBand h2{letter-spacing:-1.4px;margin:0;font-size:clamp(30px,3.2vw,38px);line-height:1.1}.titleLine{background:var(--red);width:44px;height:2px;margin:14px auto 0}.serviceGrid{grid-template-columns:repeat(4,1fr);gap:28px;margin-top:42px;display:grid}.serviceCard{border:1px solid var(--line);background:#fff;border-radius:4px;min-height:235px;padding:30px 28px 28px;box-shadow:0 10px 24px #0e111608}.serviceIcon{width:48px;height:48px;color:var(--red);place-items:center;margin-inline:auto;line-height:1;display:grid}.serviceIcon svg{fill:currentColor;width:100%;height:100%;display:block}.serviceCard h3{margin:18px 0 0;font-size:18px}.cardLine{background:var(--red);width:36px;height:2px;margin:14px auto 16px;display:block}.serviceCard p{color:#363943;margin:0;font-size:14px;line-height:1.65}.capabilityGrid{text-align:left;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px;display:grid}.capabilityItem{border:1px solid var(--line);background:var(--soft);color:#30323a;border-radius:4px;align-items:center;gap:12px;min-height:54px;padding:12px 14px;font-size:13px;font-weight:800;line-height:1.35;display:flex}.capabilityItem:before{content:"";background:var(--red);border-radius:50%;flex:none;width:8px;height:8px}.servicePhotoStrip{grid-template-columns:repeat(5,1fr);gap:12px;margin:26px 0 0;display:grid}.servicePhoto{background:#17191d;border-radius:4px;min-height:142px;margin:0;position:relative;overflow:hidden}.servicePhoto:after{content:"";background:linear-gradient(#0000,#000000c7);height:62%;position:absolute;inset:auto 0 0}.servicePhoto figcaption{z-index:2;color:#fff;text-align:left;text-transform:uppercase;font-size:12px;font-weight:900;position:absolute;bottom:12px;left:12px;right:12px}.whySection,.workSection,.gallerySection{text-align:center;padding:54px 0 48px}.whyIntro{text-align:left;grid-template-columns:1fr 360px;align-items:center;gap:42px;display:grid}.whyIntro p:not(.sectionKicker){color:#363943;max-width:540px;margin:18px 0 0;font-size:16px;line-height:1.65}.credibilityPhoto{border-radius:4px;width:100%;max-width:100%;min-height:260px;position:relative;overflow:hidden;box-shadow:0 18px 36px #0e11161f}.whyGrid,.stepGrid{grid-template-columns:repeat(4,1fr);gap:22px;margin-top:34px;display:grid}.galleryGrid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px;display:grid}.whyCard,.stepCard{border:1px solid var(--line);background:#fff;border-radius:4px;box-shadow:0 10px 24px #0e111608}.whyCard{text-align:left;min-height:188px;padding:26px 22px 24px}.redMark{background:#d719201a;border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:18px;display:grid}.redMark:after{content:"";background:var(--red);border-radius:3px;width:14px;height:14px;transform:rotate(45deg)}.whyCard h3,.stepCard h3{color:var(--ink);margin:0;font-size:18px;line-height:1.25}.whyCard p{color:#363943;margin:14px 0 0;font-size:14px;line-height:1.6}.industriesBand{border-block:1px solid var(--line);background:#f3f3f5}.industriesContent{grid-template-columns:.85fr 1.15fr;align-items:center;gap:48px;padding:42px 0;display:grid}.industryGrid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.industryItem{border-left:4px solid var(--red);color:#25272e;background:#fff;border-radius:4px;align-items:center;min-height:62px;padding:14px 16px;font-size:14px;font-weight:900;display:flex;box-shadow:0 8px 18px #0e11160a}.clientsBand{color:#fff;background:linear-gradient(90deg,#131418e6,#131418a8),linear-gradient(135deg,#25282d,#51545a);position:relative;overflow:hidden}.clientsBand:before,.ctaBand:before{content:"";z-index:1;pointer-events:none;position:absolute;inset:0}.clientsBand:before{background:linear-gradient(90deg,#0f1014f0,#0f1014bd)}.sectionBgImage{z-index:0;opacity:.42}.clientsOverlay{z-index:2;grid-template-columns:.9fr 1.4fr;align-items:center;gap:48px;min-height:300px;padding:34px 0;display:grid;position:relative}.clientIntro h2{max-width:390px;font-size:36px}.clientIntro p{color:#ffffffe6;max-width:460px;line-height:1.55}.proofGrid{gap:16px;margin-top:22px;display:flex}.proofGrid div{border:1px solid #ffffff80;border-radius:3px;place-items:center;width:135px;height:82px;font-size:13px;font-weight:800;display:grid}.proofGrid strong{color:var(--red);font-size:20px;display:block}.clientLogos{text-align:center}.clientLogos>p{text-transform:uppercase;margin:0;font-size:14px;font-weight:900}.logosRow{justify-content:center;align-items:center;gap:30px;margin:40px 0 34px;display:flex}.clientLogo{white-space:nowrap;justify-content:center;align-items:center;min-width:132px;line-height:1;display:inline-flex}.clientLogoMakro{color:#f5f5f5;letter-spacing:-.06em;text-transform:lowercase;font-size:42px;font-weight:900}.clientLogoGame{color:#ec168a;letter-spacing:-.07em;text-transform:lowercase;font-size:42px;font-weight:900}.clientLogoOthers{color:#fff;font-size:38px;font-weight:900}.clientDivider{background:#ffffff47;flex:none;width:1px;height:50px}.clientLogos small{color:#ffffffe6;font-size:16px}.gallerySection{padding-bottom:30px}.galleryCard{border:1px solid var(--line);text-align:left;background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 10px 24px #0e11160a}.galleryImage{aspect-ratio:4/3;background:#17191d;position:relative;overflow:hidden}.galleryCaption{min-height:112px;padding:18px 18px 20px}.galleryCaption span{color:var(--red);text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:900;display:block}.galleryCaption h3{color:var(--ink);margin:0;font-size:18px;line-height:1.28}.workSection{padding-bottom:58px}.stepCard{flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:126px;padding:24px 16px;display:flex}.stepCard span{background:var(--red);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:13px;font-weight:900;display:grid}.ctaBand{color:#fff;background:linear-gradient(90deg,#d71920fa,#d71920e0),linear-gradient(135deg,#a60000,#ef3b2f);position:relative;overflow:hidden}.ctaBand:before{background:linear-gradient(90deg,#d71920f5,#a00006e6)}.ctaBand .sectionBgImage{opacity:.2}.ctaContent{z-index:2;grid-template-columns:1.1fr .85fr 220px;align-items:center;gap:44px;min-height:205px;padding:28px 0;display:grid;position:relative}.whiteKicker{color:#fff}.ctaBand h2{max-width:500px;font-size:clamp(33px,4vw,44px)}.ctaBand p{max-width:480px;line-height:1.55}.contactList{gap:17px;display:grid}.contactList a,.contactList>div{align-items:center;gap:16px;display:flex}.contactList span{border:1px solid #ffffff80;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:11px;font-weight:900;display:grid}.contactList small{opacity:.9;font-size:13px;display:block}.contactList strong{font-size:15px}.whiteButton{min-height:56px;color:var(--red);text-transform:uppercase;background:#fff;border-radius:4px;justify-content:center;align-items:center;gap:18px;font-size:14px;font-weight:900;display:inline-flex;box-shadow:0 14px 30px #00000026}.ctaActions{gap:12px;display:grid}.whatsappButton{color:#fff;text-transform:uppercase;border:1px solid #fff9;border-radius:4px;justify-content:center;align-items:center;min-height:52px;font-size:13px;font-weight:900;display:inline-flex}.footer{color:#fff;background:linear-gradient(135deg,#181a1f,#101114);padding:27px 0 36px}.footerGrid{grid-template-columns:200px 1fr 220px 190px;align-items:start;gap:42px;display:grid}.footer p{color:#ffffffc7;margin:0;font-size:13px;line-height:1.7}.footerLogo{width:170px;height:auto}.footer h4{text-transform:uppercase;margin:0 0 12px;font-size:12px}.footer a:not(.logo){color:#ffffffc7;margin:9px 0;font-size:13px;display:block}.footerLinks{columns:2}.footerLinks h4{break-after:avoid;column-span:all}.socials{gap:10px;display:flex}.socials a{background:#ffffff1f;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:900;display:grid!important}@media (max-width:1020px){.siteHeader{flex-wrap:wrap;height:auto;padding:18px 24px}.nav{order:3;gap:24px;width:100%;padding-bottom:4px;overflow-x:auto}.nav a{white-space:nowrap;padding:8px 0 14px}.nav a.active:after,.nav a:hover:after{bottom:4px}.hero{flex-direction:column;min-height:auto;display:flex}.heroCopy{max-width:680px}.heroMedia{width:100%;height:auto;min-height:430px;position:relative;inset:auto}.heroMedia:before{background:linear-gradient(#ffffff6b 0%,#ffffff14 30%,#fff0 100%)}.serviceGrid,.capabilityGrid,.whyGrid,.galleryGrid,.stepGrid{grid-template-columns:repeat(2,1fr)}.servicePhotoStrip{grid-template-columns:repeat(3,1fr)}.whyIntro{text-align:center;grid-template-columns:1fr;gap:28px}.whyIntro p:not(.sectionKicker){margin-inline:auto}.credibilityPhoto{min-height:360px}.industriesContent{grid-template-columns:1fr;gap:28px}.industryGrid{grid-template-columns:repeat(2,1fr)}.clientsOverlay,.ctaContent,.footerGrid{grid-template-columns:1fr}.ctaContent{gap:24px}.whiteButton{width:220px}}@media (max-width:768px){.sectionWrap{width:min(100% - 44px,1180px)}.siteHeader,.hero,.services,.whySection,.industriesBand,.clientsBand,.gallerySection,.workSection,.ctaBand,.footer{max-width:100%;overflow-x:clip}.serviceCard,.capabilityItem,.servicePhoto,.whyCard,.industryItem,.galleryCard,.stepCard,.contactList a,.contactList>div,.footerGrid>*,.clientsOverlay>*,.ctaContent>*{min-width:0;max-width:100%}.siteHeader{flex-wrap:nowrap;gap:16px;min-height:84px;padding:12px 22px}.nav{display:none}.logo{width:132px;height:auto}.quoteButton{white-space:nowrap;min-height:42px;padding:12px 15px;font-size:11px}.heroCopy{max-width:100%;padding:42px 0 24px}.eyebrow,.sectionKicker,.whiteKicker{letter-spacing:.035em;margin-bottom:10px;font-size:12.5px}.hero h1{letter-spacing:-1.5px;font-size:clamp(42px,11vw,52px);line-height:.98}.heroText{max-width:100%;margin:20px 0 24px;font-size:16.5px;line-height:1.58}.heroActions{gap:16px}.primaryButton{min-height:48px;padding:15px 18px}.textButton{padding:15px 0}.heroMedia{aspect-ratio:16/10;border-radius:4px;min-height:0}.heroMedia:after{background:linear-gradient(#ffffff1f,#fff0)}.services{padding:46px 0 32px}.services h2,.whySection h2,.industriesBand h2,.workSection h2,.clientsBand h2,.ctaBand h2{letter-spacing:-.8px;font-size:clamp(28px,8vw,34px);line-height:1.08}.titleLine{margin-top:11px}.serviceGrid{grid-template-columns:1fr;gap:12px;margin-top:28px}.serviceCard{min-height:auto;padding:18px 18px 17px}.serviceIcon{width:38px;height:38px}.serviceCard h3{margin-top:13px;font-size:17px}.cardLine{margin:10px auto 11px}.serviceCard p{font-size:14px;line-height:1.52}.capabilityGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}.capabilityItem{gap:9px;min-height:0;padding:9px 10px;font-size:13px;line-height:1.28}.capabilityItem:before{width:7px;height:7px}.servicePhotoStrip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.servicePhoto{aspect-ratio:4/3;min-height:0}.servicePhoto:nth-child(n+5){display:none}.servicePhoto figcaption{font-size:11.5px;bottom:10px;left:10px;right:10px}.whySection,.workSection,.gallerySection{padding:48px 0 38px}.whyIntro{gap:18px}.whyIntro p:not(.sectionKicker){margin-top:12px;font-size:15.5px;line-height:1.55}.credibilityPhoto{aspect-ratio:16/10;min-height:0;box-shadow:0 12px 24px #0e11161a}.whyGrid{grid-template-columns:1fr;gap:11px;margin-top:20px}.whyCard{min-height:auto;padding:16px}.redMark{width:28px;height:28px;margin-bottom:12px}.redMark:after{width:11px;height:11px}.whyCard h3,.stepCard h3{font-size:17px}.whyCard p{margin-top:9px;font-size:14px;line-height:1.5}.industriesContent{gap:20px;padding:38px 0}.industryGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.industryItem{border-left-width:3px;min-height:44px;padding:10px 12px;font-size:13.5px;line-height:1.25}.clientsBand .sectionBgImage{opacity:.2}.clientsBand:before{background:#0f1014e6}.clientsOverlay{text-align:center;gap:28px;min-height:0;padding:42px 0}.clientIntro h2{max-width:none;font-size:clamp(28px,8vw,34px)}.clientIntro p{max-width:none;margin:14px auto 0;font-size:15px}.proofGrid{display:none}.clientLogos>p{font-size:12.5px}.logosRow{gap:14px;max-width:100%;margin:26px 0 18px}.clientLogo{min-width:auto}.clientLogoMakro,.clientLogoGame{font-size:30px}.clientLogoOthers{font-size:28px}.clientDivider{background:#ffffff2e;width:1px;height:32px}.clientLogos small{max-width:280px;margin-inline:auto;font-size:14px;line-height:1.45;display:block}.galleryGrid{grid-template-columns:1fr;gap:14px;margin-top:24px}.galleryCard:nth-child(n+4){display:none}.galleryImage{aspect-ratio:16/10}.galleryCaption{min-height:auto;padding:14px 15px 16px}.galleryCaption span{margin-bottom:7px;font-size:12px}.galleryCaption h3{font-size:16.5px}.stepGrid{grid-template-columns:1fr;gap:10px;margin-top:22px}.stepCard{text-align:left;flex-direction:row;justify-content:flex-start;gap:12px;min-height:auto;padding:13px 14px}.stepCard span{width:32px;height:32px;font-size:12px}.ctaContent{gap:20px;padding:38px 0 42px}.ctaBand h2{font-size:clamp(30px,9vw,36px)}.ctaBand p{font-size:15.5px;line-height:1.5}.contactList,.contactList a,.contactList>div{gap:12px}.contactList span{width:30px;height:30px}.whiteButton{width:100%;min-height:52px}.footer{padding:30px 0 32px}.footerGrid{gap:24px}.footerLogo{width:170px;height:auto}.footer p{max-width:330px;font-size:14px}.footer a:not(.logo){min-height:28px;font-size:14px}}@media (max-width:640px){.sectionWrap{width:min(100% - 40px,1180px)}.siteHeader{min-height:78px;padding:10px 18px}.quoteButton{min-height:40px;padding:11px 13px;font-size:11px}.logo{width:124px;height:auto}.footerLogo{width:150px;height:auto}.heroCopy{padding:36px 0 20px}.heroText{font-size:16px}.heroActions{flex-direction:column;align-items:stretch;gap:18px}.primaryButton,.textButton{width:fit-content}.heroMedia{aspect-ratio:4/3;min-height:0}.heroMedia:before{background:linear-gradient(#ffffff3d,#fff0 52%),linear-gradient(90deg,#ffffff29,#0000001f)}.serviceGrid{grid-template-columns:1fr;gap:11px}.whyGrid,.galleryGrid,.stepGrid{grid-template-columns:1fr}.capabilityGrid,.industryGrid,.servicePhotoStrip{grid-template-columns:repeat(2,minmax(0,1fr))}.servicePhoto{min-height:128px}.capabilityGrid{gap:10px;margin-top:22px}.whySection,.workSection,.gallerySection{padding:42px 0}.whyCard{min-height:auto}.credibilityPhoto{aspect-ratio:4/3;min-height:0}.serviceIcon{width:36px;height:36px}.industriesContent{padding:34px 0}.clientsOverlay{padding:38px 0}.proofGrid,.logosRow{flex-wrap:wrap}.logosRow{gap:22px}.clientLogo{min-width:auto}.clientLogoMakro,.clientLogoGame,.clientLogoOthers{font-size:28px}.clientDivider{display:none}.whiteButton{width:100%}.galleryCaption{min-height:auto}.contactList strong{overflow-wrap:anywhere}.footerLinks{columns:1}}@media (max-width:479px){.sectionWrap{width:min(100% - 32px,1180px)}.siteHeader{gap:8px;min-height:68px;padding:8px 12px}.logo{width:104px}.quoteButton{min-height:36px;padding:9px 10px;font-size:10px}.hero h1{letter-spacing:-.8px;font-size:clamp(34px,10.5vw,42px)}.services h2,.whySection h2,.industriesBand h2,.workSection h2,.clientsBand h2,.ctaBand h2{font-size:clamp(25px,8.5vw,30px)}.heroText,.whyIntro p:not(.sectionKicker),.ctaBand p{font-size:15px}.capabilityGrid{grid-template-columns:1fr}.clientLogoMakro,.clientLogoGame,.clientLogoOthers{font-size:26px}.footerLogo{width:132px;height:auto}}@media (max-width:360px){.sectionWrap{width:min(100% - 24px,1180px)}.siteHeader{padding:8px 10px}.logo{width:92px}.quoteButton{min-height:34px;padding:8px 9px;font-size:9.5px}.hero h1{font-size:clamp(30px,10vw,36px);line-height:1}.heroCopy{padding-top:28px}.servicePhotoStrip,.industryGrid{grid-template-columns:1fr}}
