:root{--ink:#111820;--blue:#1769aa;--blue2:#2589d8;--paper:#f4f6f8;--white:#fff;--muted:#aeb7c0;--line:#d9dee3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{height:82px;padding:0 clamp(22px,5vw,80px);display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;position:relative;z-index:10}.brand{font-family:"Barlow Condensed",sans-serif;font-size:1.65rem;font-weight:800;letter-spacing:.08em}.brand span{color:var(--blue2);font-size:1.15em}.site-header nav{display:flex;align-items:center;gap:34px;font-size:.92rem;font-weight:600}.site-header nav a:not(.nav-cta):after{content:"";display:block;width:0;height:2px;background:var(--blue2);transition:.2s}.site-header nav a:hover:after{width:100%}.nav-cta{border:1px solid #53616d;padding:11px 18px}.menu-button{display:none;background:none;border:0;padding:8px}.menu-button span{display:block;width:25px;height:2px;background:white;margin:5px}.hero{height:min(760px,calc(100vh - 82px));min-height:590px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,15,21,.93) 0%,rgba(9,15,21,.7) 34%,rgba(9,15,21,.08) 70%)}.hero-content{position:relative;width:min(760px,88vw);margin-left:clamp(22px,8vw,130px);padding-bottom:42px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:700;margin:0 0 22px}.eyebrow.blue{color:var(--blue)}h1,h2,h3{font-family:"Barlow Condensed",sans-serif;line-height:.96;margin-top:0}h1{font-size:clamp(3.7rem,7.5vw,7.4rem);letter-spacing:-.025em;margin-bottom:27px}h1 em{font-style:normal;color:#61b6f5}.hero-copy{font-size:clamp(1.05rem,1.5vw,1.3rem);max-width:610px;color:#e1e5e8;margin:0 0 34px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 25px;font-weight:700;border:0;cursor:pointer}.primary{background:var(--blue);color:white}.primary:hover{background:#0e578f}.ghost{border:1px solid rgba(255,255,255,.55);color:white}.trust-strip{position:absolute;bottom:0;right:0;background:rgba(17,24,32,.94);display:flex;padding:20px clamp(22px,5vw,70px);gap:40px;font-size:.85rem;font-weight:600}.trust-strip span:before{content:"✓";color:#61b6f5;margin-right:9px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:120px clamp(22px,8vw,130px) 70px;max-width:1500px;margin:auto}.intro h2,.feature h2,.about h2,.contact h2{font-size:clamp(2.8rem,5vw,5.2rem);letter-spacing:-.02em;margin:0}.intro>p{font-size:1.12rem;max-width:610px;margin-top:35px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1240px;margin:0 auto 120px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.services-grid article{min-height:245px;padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:white}.services-grid article:hover{background:#edf6fd}.services-grid span,.steps b{font-family:"Barlow Condensed";color:var(--blue);font-weight:800}.services-grid h3,.steps h3{font-size:1.8rem;margin:45px 0 12px}.services-grid p{color:#4f5b64;margin:0}.feature{background:var(--ink);color:white;padding:110px clamp(22px,8vw,130px);display:grid;grid-template-columns:.65fr 1.35fr;overflow:hidden}.feature-number{font-family:"Barlow Condensed";font-size:clamp(12rem,28vw,28rem);font-weight:800;line-height:.7;color:#172d3e;letter-spacing:-.08em;margin-left:-8vw}.steps{display:grid;grid-template-columns:1fr 1fr;gap:45px 55px;margin-top:65px}.steps h3{margin:12px 0}.steps p{color:#aeb7c0;margin:0}.about{padding:120px clamp(22px,8vw,130px);background:var(--blue);color:white;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.about>div:last-child{font-size:1.17rem;padding-top:45px}.contact{padding:120px clamp(22px,8vw,130px);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.contact>div>p:last-child{max-width:480px;color:#55616c}form{display:grid;grid-template-columns:1fr 1fr;gap:22px;background:#fff;padding:40px;box-shadow:0 22px 60px rgba(20,31,41,.1)}label{display:grid;gap:7px;font-size:.85rem;font-weight:700}.wide{grid-column:1/-1}input,textarea{width:100%;border:1px solid #cfd6dc;background:#f9fafb;padding:13px 14px;color:var(--ink);border-radius:0}input:focus,textarea:focus{outline:3px solid rgba(37,137,216,.2);border-color:var(--blue)}textarea{resize:vertical}form button{justify-self:start}.form-note{grid-column:1/-1;font-size:.78rem;color:#65727c;margin:0}footer{background:#0a1016;color:#aeb7c0;padding:55px clamp(22px,8vw,130px);display:flex;align-items:center;gap:35px;justify-content:space-between;font-size:.82rem}footer .brand{color:white}
@media(max-width:820px){.site-header{height:70px}.menu-button{display:block}.site-header nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--ink);padding:24px;flex-direction:column;align-items:stretch;gap:18px}.site-header nav.open{display:flex}.hero{height:710px;min-height:0}.hero-shade{background:linear-gradient(90deg,rgba(9,15,21,.91),rgba(9,15,21,.45)),linear-gradient(0deg,rgba(9,15,21,.8),transparent 55%)}.hero-content{margin:0 22px;padding-bottom:70px}.trust-strip{left:0;right:0;overflow-x:auto;justify-content:flex-start;gap:26px;padding:16px 22px;white-space:nowrap}.intro,.about,.contact{grid-template-columns:1fr;padding-top:80px;padding-bottom:60px}.intro{gap:15px}.intro>p{margin-top:0}.services-grid{grid-template-columns:1fr;margin:0 22px 80px}.services-grid article{min-height:200px}.feature{grid-template-columns:1fr;padding-top:80px;padding-bottom:80px}.feature-number{display:none}.steps{grid-template-columns:1fr;margin-top:45px}.about{gap:20px}.about>div:last-child{padding-top:0}.contact{gap:35px}form{padding:25px;grid-template-columns:1fr}form label,.wide{grid-column:1}footer{align-items:flex-start;flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.brand-logo{display:flex;align-items:center}.brand-logo img{display:block;width:198px;height:auto}.site-header .brand-logo img{width:180px}.site-header nav{gap:28px;font-size:.9rem}.social-proof{padding:120px clamp(22px,8vw,130px);background:white}.social-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;margin-bottom:55px}.social-heading h2{font-size:clamp(2.8rem,5vw,5.2rem);letter-spacing:-.02em;margin:0}.social-heading>p{color:#55616c;font-size:1.08rem;margin:0 0 8px}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.platform-card{display:flex;flex-direction:column;min-height:270px;padding:32px;border:1px solid var(--line);transition:transform .2s,box-shadow .2s}.platform-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(17,24,32,.1)}.platform-name{font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);margin-bottom:42px}.platform-card strong{font-family:"Barlow Condensed";font-size:1.8rem;line-height:1.1}.platform-card p{color:#596670}.platform-card b{margin-top:auto;color:var(--blue);font-size:.9rem}.instagram-feature{margin-top:70px;background:var(--ink);color:white;padding:55px;display:grid;grid-template-columns:1fr minmax(300px,430px);gap:65px;align-items:center}.instagram-feature h3{font-size:3rem;margin-bottom:20px}.instagram-feature p{color:#aeb7c0;max-width:540px;margin-bottom:30px}.instagram-feature iframe{width:100%;height:600px;border:0;background:white}.footer-social{display:flex;gap:20px}.footer-social a:hover{color:white}
@media(max-width:820px){.site-header .brand-logo img{width:155px}.social-proof{padding:80px 0}.social-heading{grid-template-columns:1fr;padding:0 22px;gap:25px;margin-bottom:40px}.social-grid{grid-template-columns:1fr;margin:0 22px}.instagram-feature{margin-top:55px;padding:35px 22px;grid-template-columns:1fr;gap:35px}.instagram-feature iframe{height:540px}.footer-social{flex-wrap:wrap}}
h1,h2,h3,.services-grid span,.steps b,.platform-card strong,.feature-number{font-family:"Montserrat",Arial,sans-serif}h1{font-weight:300;line-height:1.04;letter-spacing:.005em}h1 em{font-weight:400}h2{font-weight:300;line-height:1.06;letter-spacing:.01em}.services-grid h3,.steps h3,.platform-card strong,.instagram-feature h3{font-weight:400;letter-spacing:.02em}.site-header nav,.eyebrow,.button,.platform-name,.footer-social{font-family:"Montserrat",Arial,sans-serif;letter-spacing:.09em}.site-header nav{font-weight:400;text-transform:uppercase;font-size:.78rem}.button{font-weight:500;text-transform:uppercase;font-size:.82rem}.brand-logo img{filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}
.projects{padding:110px clamp(22px,8vw,130px) 120px;background:#fff}.projects-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;margin-bottom:48px}.projects-heading h2{font-size:clamp(2.8rem,5vw,5.2rem);margin:0}.projects-heading>p{color:#55616c;font-size:1.08rem;margin:0 0 8px}.project-gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:230px;gap:14px}.project-gallery figure{position:relative;margin:0;overflow:hidden;background:var(--ink);grid-column:span 4}.project-gallery .project-wide{grid-column:span 8;grid-row:span 2}.project-gallery figure:nth-child(2),.project-gallery figure:nth-child(5){grid-row:span 2}.project-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.project-gallery figure:hover img{transform:scale(1.025)}.project-gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 20px 16px;color:white;font-family:"Montserrat",sans-serif;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(transparent,rgba(8,13,18,.82))}.contact-links{display:grid;gap:15px;margin-top:35px}.contact-links a{display:grid;gap:2px;width:fit-content;font-size:1.02rem}.contact-links span{color:var(--blue);font-family:"Montserrat",sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem}.footer-contact{display:grid;gap:4px}.footer-contact a:hover{color:white}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:20;background:#25d366;color:#071b0e;min-height:54px;padding:0 20px;border-radius:30px;display:flex;align-items:center;justify-content:center;font-family:"Montserrat",sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.06em;box-shadow:0 12px 30px rgba(0,0,0,.25)}.whatsapp-float:before{content:"";width:10px;height:10px;border-radius:50%;background:white;margin-right:9px}.whatsapp-float:hover{background:#4de07d}
@media(max-width:820px){.projects{padding:75px 22px 80px}.projects-heading{grid-template-columns:1fr;gap:20px}.project-gallery{grid-template-columns:1fr;grid-auto-rows:320px}.project-gallery figure,.project-gallery .project-wide{grid-column:1;grid-row:span 1}.project-gallery figure:nth-child(2),.project-gallery figure:nth-child(5){grid-row:span 1}.project-gallery figure:nth-child(2),.project-gallery figure:nth-child(5),.project-gallery figure:nth-child(6){height:430px}.footer-contact{margin:4px 0 8px}.whatsapp-float{right:14px;bottom:14px}.whatsapp-float span{font-size:.72rem}}