@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&family=Manrope:wght@400;500;600;700&family=Nunito+Sans:wght@400;600;700;800&family=Poppins:wght@400;500;600;700&display=swap');

body{font-family:'Manrope',sans-serif}
.script{font-family:'Kaushan Script',cursive;font-style:normal;letter-spacing:0}
.section-title{font-size:40px;margin-bottom:48px}
.topbar{height:48px;padding:12px max(30px,calc((100vw - 1120px)/2));text-align:left;font-family:'Poppins',sans-serif;font-size:12px}
.header-inner{width:min(1120px,calc(100% - 48px));height:194px;gap:30px}
.brand img{width:174px;height:174px}
.desktop-nav{display:flex;align-items:center;justify-content:space-between;gap:17px;flex:1;white-space:nowrap}
.desktop-nav a{font-family:'Nunito Sans',sans-serif;font-size:14px;font-weight:800;padding:11px 7px;position:relative}
.desktop-nav a.active::after,.desktop-nav a:hover::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:#c82b1d}
.header-contact{font-family:'Nunito Sans',sans-serif;font-size:15px;min-height:47px;padding:12px 22px;white-space:nowrap}
.site-header{position:static}
.menu{display:none}
.hero{height:600px}
.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(28,154,158,.45))}
.hero-kicker{font-size:42px;margin-bottom:5px}
.hero h1{font-family:'Poppins',sans-serif;font-size:46px;font-weight:600;line-height:1;margin-bottom:50px;max-width:1100px}
.hero-actions{gap:20px}
.hero-actions .button{font-family:'Nunito Sans',sans-serif;font-size:16px;min-height:52px;padding:15px 30px}
.hero-actions .red{background:#db0200}
.wave{height:45px;clip-path:polygon(0 47%,10% 70%,23% 76%,36% 61%,50% 38%,64% 61%,78% 77%,90% 71%,100% 47%,100% 100%,0 100%)}
.numbers{padding:85px 0 70px}
.numbers strong{font-family:'Poppins',sans-serif;font-size:50px;font-weight:400;color:#c5281b}
.numbers strong span{font-size:inherit}
.numbers p{font-family:'Poppins',sans-serif;font-size:28px;font-weight:600;margin-top:0}
.brands{width:min(1120px,calc(100% - 48px));padding:0 0 70px}
.brands .section-title{margin-bottom:35px}
.brand-grid{display:flex;gap:20px;align-items:center;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 0 20px}
.brand-grid::-webkit-scrollbar{display:none}
.brand-grid img{flex:0 0 calc((100% - 100px)/6);width:calc((100% - 100px)/6);height:88px;object-fit:contain;scroll-snap-align:start;padding:9px}
.brands::after{content:'●  ●  ●  ●  ●  ●  ●  ●';display:block;text-align:center;color:#d4d4d4;font-size:12px;letter-spacing:4px}
.services{background:#f5f5f5}
.service-card h3{font-family:'Nunito Sans',sans-serif;font-size:26px}
.service-card p,.case-card p{font-family:'Manrope',sans-serif}
.service-card .button,.case-card .button{background:#c92b1c;font-family:'Nunito Sans',sans-serif}
.cta{padding:28px 0}
.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}
.cta h2{font-size:40px;margin:0;text-align:left}
.cta .button{flex:none}
.about{width:100%;max-width:none;background:#f5f5f5;padding:55px max(24px,calc((100vw - 1120px)/2)) 30px}
.about p{line-height:1.8}
.cases{background:#fff}
.case-card{background:#f3f9fd}
.case-grid{max-width:1080px;gap:60px;margin:auto}
.metrics>div>span{display:block}
@font-face{font-family:'FA Solid';src:url('assets/fa-solid-900.woff2') format('woff2')}
@font-face{font-family:'FA Brands';src:url('assets/fa-brands-400.woff2') format('woff2')}
.metric-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#000;color:#fff;margin:13px auto 2px;font-style:normal;font-size:17px}
.metric-icon.instagram::before{font-family:'FA Brands';content:'\f16d'}
.metric-icon.thumb::before{font-family:'FA Solid';content:'\f164'}
.steps span{font-size:0}
.steps span::before{font-family:'FA Solid';font-size:52px}
.steps article:nth-child(1) span::before{content:'\f002'}
.steps article:nth-child(2) span::before{content:'\f0a1'}
.steps article:nth-child(3) span::before{content:'\f1d8'}
.steps article:nth-child(4) span::before{content:'\f201'}
.how{background:#f5f5f5;width:100%;max-width:none;padding:70px max(24px,calc((100vw - 1120px)/2))}
.footer{background:#000}
.footer-logo{width:145px;background:transparent}
.footer h3{font-family:'Poppins',sans-serif;font-weight:400;font-size:21px;border-bottom:3px solid #cb2b1d;display:inline-block;padding-bottom:14px}
.final-cta{background:#000;padding:0}
.final-cta .wrap{background:#c92b1c;padding:25px 20px;border-radius:0 0 8px 8px}
.final-cta h2{font-size:40px}
.case-list-page{background:#fff;padding:48px 0 90px}
.case-list-page h1{color:#c92b1c;font-size:44px;text-align:center;margin:0 0 90px}
.case-list-page .case-grid{max-width:1080px}

@media(max-width:1100px){.desktop-nav{gap:4px}.desktop-nav a{font-size:12px}.header-inner{gap:14px}.brand img{width:145px;height:145px}}
@media(max-width:900px){.desktop-nav,.header-contact{display:none}.menu{display:block}.site-header{position:sticky}.header-inner{height:190px}.brand img{width:170px;height:170px}.topbar{text-align:center}.hero h1{font-size:32px;line-height:1.15}.brand-grid img{flex-basis:calc((100% - 60px)/4);width:calc((100% - 60px)/4)}.cta .wrap{flex-direction:column}.cta h2{text-align:center}.case-grid{gap:35px}}
@media(max-width:600px){.topbar{height:34px;padding:7px 10px}.header-inner{height:188px;width:calc(100% - 30px)}.hero{height:600px}.hero-kicker{font-size:36px}.hero h1{font-size:25px;line-height:1.12;max-width:360px;margin-bottom:45px}.hero-actions{gap:18px}.hero-actions .button{min-height:52px}.numbers{padding:55px 0}.numbers strong{font-size:30px}.numbers p{font-size:18px}.section-title{font-size:28px;margin-bottom:35px}.brands{width:calc(100% - 42px);padding-bottom:55px}.brand-grid img{flex-basis:calc((100% - 15px)/2);width:calc((100% - 15px)/2)}.about,.how{padding-left:21px;padding-right:21px}.cta h2,.final-cta h2{font-size:29px}.final-cta .wrap{border-radius:0}.footer-logo{width:145px}.case-list-page{padding:40px 0 65px}.case-list-page h1{font-size:36px;margin-bottom:55px}}