@import 'tailwindcss';
:root{--blue:#1479de;--navy:#071b31;--green:#20c868;--green-dark:#16aa54;--ink:#09192c;--muted:#657184;--soft:#f1f5fa;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font-body),Arial,sans-serif;background:white}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}.topbar{height:38px;background:var(--blue);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,48px);font-size:13px}.top-links,.top-links a{display:flex;align-items:center}.top-links{gap:22px}.top-links a{gap:7px;font-weight:700}.site-header{height:82px;padding:0 max(4vw,48px);display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 4px 18px rgba(18,42,76,.08)}.brand{height:72px;width:205px;display:flex;align-items:center;overflow:hidden}.brand img{width:185px}.site-header nav{display:flex;gap:31px;font-weight:750;font-size:15px}.site-header nav a:hover{color:var(--blue)}.wa-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 24px;border-radius:999px;background:var(--green);color:white;font-weight:800;font-size:14px;box-shadow:0 10px 28px rgba(32,200,104,.25);transition:.2s}.wa-btn:hover{background:var(--green-dark);transform:translateY(-1px)}.header-btn{padding:13px 23px}.hero{height:632px;position:relative;overflow:hidden;color:white;background:var(--navy)}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 31%;filter:saturate(.72)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,21,38,.98) 0%,rgba(4,25,45,.91) 43%,rgba(4,23,41,.42) 72%,rgba(3,18,31,.18) 100%)}.hero-content{position:relative;z-index:2;width:min(710px,calc(100% - 70px));margin-left:max(4vw,48px);padding-top:90px}.kicker,.blue-kicker{display:block;font-weight:900;letter-spacing:.16em;font-size:12px}.kicker{color:#8bc5ff}.blue-kicker{color:var(--blue);margin-bottom:18px}.hero h1{font-family:var(--font-body);font-size:clamp(40px,4.1vw,62px);line-height:1.08;letter-spacing:-.04em;margin:18px 0 23px;font-weight:900}.hero h1 em{color:var(--blue);font-style:normal}.hero-content>p{font-size:17px;line-height:1.65;color:#d2dce7;max-width:670px;margin-bottom:27px}.hero-actions{display:flex;gap:13px}.outline-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;border-radius:999px;border:1px solid #718095;color:white;font-size:14px;font-weight:800}.hero-facts{margin-top:53px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.18);border-radius:14px;overflow:hidden}.hero-facts>div{padding:18px 22px;border-right:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;gap:4px}.hero-facts>div:last-child{border:0}.hero-facts strong{font-size:15px}.hero-facts span{font-size:13px;color:#bcc9d6}.scroll-hint{position:absolute;right:4vw;bottom:31px;z-index:3;width:42px;height:66px;border:1px solid #6f7d8e;border-radius:22px;display:grid;place-items:center;color:#aebdcc}.brands{padding:37px 4vw 43px;text-align:center;background:#fff}.brands p{font-size:12px;letter-spacing:.15em;font-weight:900;color:#687387;margin-bottom:32px}.brands div{display:flex;justify-content:space-around;align-items:center;gap:25px;flex-wrap:wrap;color:#a4aab2;font-size:19px;font-weight:900}.services-section,.work-section,.process,.faq{padding:92px max(4vw,50px)}.services-section{background:var(--soft)}.section-intro{display:grid;grid-template-columns:1.8fr 1fr;gap:70px;align-items:end;max-width:1180px;margin:0 auto 50px}.section-intro h2,.work-section h2,.solutions h2,.about h2,.process h2,.faq h2,.final-cta h2{font-size:clamp(33px,3.4vw,52px);line-height:1.12;letter-spacing:-.035em;font-weight:900;margin-bottom:0}.section-intro>p{color:var(--muted);font-size:17px;line-height:1.6;margin-bottom:5px}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;max-width:1180px;margin:auto}.service-card{grid-column:span 2;height:435px;position:relative;overflow:hidden;border-radius:16px;color:white}.service-card:nth-child(4){grid-column:2/span 2}.service-card:nth-child(5){grid-column:4/span 2}.service-card>img{width:100%;height:100%;object-fit:cover}.service-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,18,33,.97),rgba(3,24,43,.08) 76%)}.service-body{position:absolute;inset:auto 30px 28px;z-index:2}.service-body h3{font-size:25px;line-height:1.08;font-weight:900;margin-bottom:13px}.service-body p{color:#d9e1e8;line-height:1.55;font-size:15.5px;min-height:72px}.service-btn{padding:12px 17px;font-size:13px}.work-section{text-align:center;background:#fff}.work-section>h2{margin-bottom:43px}.work-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.work-grid img{width:100%;height:330px;object-fit:cover;border-radius:16px}.solutions{display:grid;grid-template-columns:1fr 1fr;min-height:690px;background:var(--navy);color:white}.solution-image img{width:100%;height:100%;object-fit:cover}.solution-copy{padding:85px max(4vw,70px);display:flex;flex-direction:column;justify-content:center}.solution-copy>p{font-size:17px;line-height:1.65;color:#bfcbd7}.solution-types{margin:22px 0 30px;border-top:1px solid #2f4357}.solution-types>div{padding:18px 0;border-bottom:1px solid #2f4357}.solution-types h3{font-size:18px;margin-bottom:5px}.solution-types p{font-size:14px;color:#aebbc7;margin:0}.solution-copy .wa-btn{align-self:flex-start}.about{padding:100px max(8vw,95px);display:grid;grid-template-columns:1fr 1fr;gap:90px;background:white}.about>div:last-child>p{font-size:17px;line-height:1.7;color:var(--muted)}.about ul{display:grid;grid-template-columns:1fr 1fr;list-style:none;padding:0;margin-top:28px;gap:17px;font-weight:750}.about li{display:flex;align-items:center;gap:9px}.about li svg{width:19px;color:var(--green)}.process{background:var(--soft);text-align:center}.process>p{color:var(--muted);font-size:17px;margin:17px 0 44px}.process ol{list-style:none;padding:0;margin:auto;max-width:1180px;display:grid;grid-template-columns:repeat(4,1fr);background:white;border-radius:16px;box-shadow:0 10px 35px rgba(13,42,75,.06)}.process li{padding:33px 27px;border-right:1px solid #e5ebf2;text-align:left}.process li:last-child{border:0}.process b{color:var(--blue);font-size:13px}.process h3{font-size:18px;margin:14px 0 9px}.process li span{font-size:14px;line-height:1.5;color:var(--muted)}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;background:white}.faq-intro>p{color:var(--muted);line-height:1.6;margin:20px 0 27px}.faq-list details{border-bottom:1px solid #dce4ed;padding:5px 0}.faq-list summary{list-style:none;cursor:pointer;padding:21px 2px;display:flex;justify-content:space-between;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:22px;color:var(--blue)}.faq-list details p{color:var(--muted);line-height:1.6;padding:0 25px 18px 2px}.final-cta{text-align:center;padding:100px 25px;background:linear-gradient(rgba(4,23,42,.86),rgba(4,23,42,.9)),url('/images/gallery-4.jpeg') center/cover;color:white}.final-cta h2{font-size:clamp(38px,4vw,58px);margin:18px auto 15px;max-width:790px}.final-cta p{color:#d5dee7;font-size:17px}.final-cta .wa-btn{margin-top:17px}footer{display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:80px;background:#071828;color:white;padding:68px max(5vw,64px)}.footer-brand img{width:190px;background:white;border-radius:8px;padding:7px;margin-bottom:18px}.footer-brand p,footer p{color:#aebdca;line-height:1.6}footer h3{font-size:13px;letter-spacing:.14em;margin:8px 0 18px}footer>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start}footer a{margin-bottom:12px;color:#cbd5df}.copyright{background:#05131f;color:#8ea0af;text-align:center;padding:18px;font-size:13px}.float-wa{position:fixed;right:24px;bottom:20px;z-index:70;background:var(--green);color:white;display:flex;align-items:center;gap:10px;border:4px solid white;border-radius:999px;padding:13px 22px;font-weight:900;box-shadow:0 10px 35px rgba(0,0,0,.24)}
@media(max-width:980px){.site-header nav{display:none}.section-intro{grid-template-columns:1fr}.service-card{grid-column:span 3}.service-card:nth-child(4),.service-card:nth-child(5){grid-column:span 3}.solutions{grid-template-columns:1fr}.solution-image{height:520px}.about,.faq{grid-template-columns:1fr;gap:45px}.process ol{grid-template-columns:1fr 1fr}.process li:nth-child(2){border-right:0}.work-grid{grid-template-columns:1fr 1fr}.work-grid img:last-child{grid-column:span 2}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}}
@media(max-width:650px){.topbar{height:32px;padding:0 16px;font-size:11px}.topbar>div:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-links a:first-child,.top-links a:last-child svg{display:none}.site-header{height:72px;padding:0 17px}.brand{width:132px;height:65px}.brand img{width:125px}.header-btn{font-size:0;padding:12px}.hero{height:695px}.hero-bg{object-position:58% center}.hero-overlay{background:linear-gradient(90deg,rgba(3,21,38,.97),rgba(4,25,45,.78))}.hero-content{width:calc(100% - 36px);margin-left:18px;padding-top:70px}.hero h1{font-size:40px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-facts{grid-template-columns:1fr;margin-top:36px}.hero-facts>div{padding:10px 17px;border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.scroll-hint{display:none}.brands div{gap:20px}.services-section,.work-section,.process,.faq{padding:68px 18px}.section-intro{gap:18px}.service-grid{display:block}.service-card,.service-card:nth-child(4),.service-card:nth-child(5){height:430px;margin-bottom:18px}.service-body{inset:auto 22px 24px}.work-grid{grid-template-columns:1fr}.work-grid img,.work-grid img:last-child{grid-column:auto;height:330px}.solution-image{height:390px}.solution-copy{padding:65px 20px}.about{padding:70px 20px}.about ul{grid-template-columns:1fr}.process ol{grid-template-columns:1fr}.process li{border-right:0;border-bottom:1px solid #e5ebf2}.faq{gap:30px}.final-cta{padding:80px 20px}footer{grid-template-columns:1fr;padding:55px 22px;gap:35px}.footer-brand{grid-column:auto}.float-wa span{display:none}.float-wa{width:58px;height:58px;padding:0;justify-content:center;right:16px}}