@font-face{font-family:Barlow;src:url('/fonts/barlow-400.woff2') format('woff2');font-display:swap}
@font-face{font-family:Barlow;src:url('/fonts/barlow-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('/fonts/barlow-condensed-700.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--red:#ca1e33;--red-bright:#ef233c;--ink:#101012;--muted:#68686e;--paper:#f6f5f2;--line:#deddda}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font-family:Barlow,Arial,sans-serif}
a{color:inherit}
.site-header{position:sticky;z-index:20;top:0;height:82px;color:#fff;background:rgba(15,15,17,.97);border-top:3px solid var(--red)}
.nav{width:min(1240px,calc(100% - 40px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.logo img{display:block;width:218px;height:auto}
.nav-links{display:flex;align-items:center;gap:2rem;font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.nav-links a{text-decoration:none;transition:color .2s ease}
.nav-links a:hover{color:#ff596c}
.nav-links .contact-link{padding:1rem 1.35rem;background:var(--red);color:#fff}
.hero{position:relative;min-height:600px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);overflow:hidden;background:#fff}
.hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(16,16,18,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(16,16,18,.045) 1px,transparent 1px);background-size:72px 72px;pointer-events:none}
.hero-copy{position:relative;z-index:1;padding:clamp(5rem,8vw,8rem) max(5vw,calc((100vw - 1240px)/2)) 5rem}
.crumb{display:flex;gap:.65rem;align-items:center;margin-bottom:2rem;color:var(--red);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.crumb::before{content:'';width:34px;height:2px;background:var(--red)}
h1,h2,h3,p{margin-top:0}
h1{max-width:9ch;margin-bottom:1.5rem;font-family:'Barlow Condensed';font-size:clamp(4.5rem,8vw,8rem);line-height:.82;letter-spacing:-.035em;text-transform:uppercase}
.lead{max-width:670px;margin-bottom:2.2rem;color:#4c4c52;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.55}
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem}
.btn{min-height:54px;padding:0 1.45rem;display:inline-flex;align-items:center;gap:1rem;text-decoration:none;font-size:.73rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.btn-red{color:#fff;background:var(--red)}
.btn-ghost{border:1px solid #cfcfd2;background:#fff}
.hero-panel{position:relative;z-index:1;padding:5rem max(5vw,calc((100vw - 1240px)/2)) 5rem clamp(3rem,5vw,6rem);display:flex;flex-direction:column;justify-content:center;color:#fff;background:radial-gradient(circle at 80% 20%,rgba(202,30,51,.28),transparent 35%),#111113}
.hero-panel::before{content:attr(data-index);position:absolute;right:5%;bottom:-4rem;color:rgba(255,255,255,.035);font-family:'Barlow Condensed';font-size:24rem;font-weight:700;line-height:1}
.hero-panel small{position:relative;color:#ff5265;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
.hero-panel h2{position:relative;max-width:12ch;margin:1.4rem 0;font-family:'Barlow Condensed';font-size:clamp(2.2rem,4vw,4rem);line-height:.98;text-transform:uppercase}
.hero-panel p{position:relative;max-width:440px;color:#a9a9ad;line-height:1.65}
.hero-tags{position:relative;margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.6rem}
.hero-tags span{padding:.55rem .75rem;border:1px solid rgba(255,255,255,.18);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.section{padding:clamp(4rem,7vw,7rem) max(5vw,calc((100vw - 1240px)/2))}
.section-kicker{color:var(--red);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.section-title{max-width:820px;margin:.8rem 0 2.6rem;font-family:'Barlow Condensed';font-size:clamp(2.8rem,5vw,5rem);line-height:.94;text-transform:uppercase}
.challenge-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.challenge{min-height:230px;padding:2rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.challenge span{display:block;margin-bottom:3rem;color:var(--red);font-family:'Barlow Condensed';font-size:1.15rem}
.challenge h3{font-family:'Barlow Condensed';font-size:1.65rem;text-transform:uppercase}
.challenge p{margin:0;color:var(--muted);line-height:1.55}
.solutions{color:#fff;background:#111113}
.solutions .section-title{color:#fff}
.solution-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#303035;border:1px solid #303035}
.solution{min-height:260px;padding:2.4rem;background:#171719}
.solution-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:3.5rem;color:var(--red-bright)}
.solution-top span:first-child{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(239,35,60,.5);font-size:.75rem}
.solution-top span:last-child{font-size:1.4rem}
.solution h3{font-family:'Barlow Condensed';font-size:2rem;text-transform:uppercase}
.solution p{max-width:520px;margin:0;color:#9b9ba0;line-height:1.6}
.method{padding:0 max(5vw,calc((100vw - 1240px)/2));background:#111113}
.method-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #323237}
.method article{padding:2.5rem 1.5rem 3rem;border-right:1px solid #323237}
.method article:last-child{border-right:0}
.method strong{display:block;margin-bottom:.8rem;color:var(--red-bright);font-family:'Barlow Condensed';font-size:1.25rem}
.method h3{color:#fff;font-family:'Barlow Condensed';font-size:1.6rem;text-transform:uppercase}
.method p{margin:0;color:#85858a;font-size:.92rem;line-height:1.55}
.cta{padding:clamp(4rem,7vw,6.5rem) max(5vw,calc((100vw - 1240px)/2));display:grid;grid-template-columns:1.3fr auto;align-items:end;gap:3rem;color:#fff;background:var(--red)}
.cta h2{max-width:820px;margin:.7rem 0 0;font-family:'Barlow Condensed';font-size:clamp(3rem,6vw,6rem);line-height:.9;text-transform:uppercase}
.cta .section-kicker{color:#fff}
.cta .btn{color:var(--ink);background:#fff;white-space:nowrap}
.footer{padding:2rem max(5vw,calc((100vw - 1240px)/2));display:flex;justify-content:space-between;gap:2rem;color:#838389;background:#0b0b0d;font-size:.78rem}
.footer a{color:#fff;text-decoration:none}
.footer .agency-credit{display:inline-flex;align-items:center;gap:.45rem;color:#aaa;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.footer .agency-credit img{width:26px;height:26px;padding:2px;object-fit:contain;background:#fff;border-radius:50%}
.footer .agency-credit strong{color:#fff;font-size:.68rem}
.whatsapp{position:fixed;z-index:15;right:1.25rem;bottom:1.25rem;padding:.9rem 1.1rem;color:#fff;background:#19ce68;border-radius:999px;text-decoration:none;font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 12px 32px rgba(0,0,0,.24)}
@media(max-width:900px){.nav-links a:not(.contact-link){display:none}.hero{grid-template-columns:1fr}.hero-copy{padding-top:5rem}.hero-panel{min-height:440px}.challenge-grid{grid-template-columns:1fr 1fr}.method-grid{grid-template-columns:1fr 1fr}.cta{grid-template-columns:1fr;align-items:start}}
@media(max-width:600px){.site-header{height:72px}.nav{width:calc(100% - 28px)}.logo img{width:175px}.nav-links{gap:0}.nav-links .contact-link{padding:.85rem}.hero{min-height:0}.hero-copy{padding:4rem 1.25rem}.hero-panel{min-height:400px;padding:4rem 1.25rem}.hero-panel::before{font-size:15rem}.section{padding:4rem 1.25rem}.challenge-grid,.solution-grid,.method-grid{grid-template-columns:1fr}.challenge{min-height:200px}.solution{min-height:230px}.method{padding:0 1.25rem}.method article{border-right:0;border-bottom:1px solid #323237}.cta{padding:4rem 1.25rem}.footer{padding:2rem 1.25rem;flex-direction:column}.whatsapp{right:.8rem;bottom:.8rem}}