@import url('https://fonts.googleapis.com/css2?family=Anybody:wdth,wght@70,800;85,800&family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap');
:root{--ink:#101b34;--yellow:#ffc21a;--red:#d6283c;--mute:#4a5470}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:white;font:18px/1.65 'Hanken Grotesk',system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}button{font:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--red);outline-offset:5px}h1,h2,h3{font-family:Anybody,Impact,sans-serif;font-variation-settings:'wdth' 70;line-height:1.03;letter-spacing:-.035em}h1{font-size:clamp(42px,5.5vw,80px);margin:20px 0}h2{font-size:clamp(30px,3.7vw,48px);margin:12px 0 20px}p{max-width:65ch}.top{position:sticky;top:0;z-index:20;background:var(--ink);color:white}.bar{width:min(1240px,94%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}.bar>div{display:flex;gap:24px}.bar a{text-decoration:none}.bar a:hover{color:var(--yellow)}.brand{font-weight:900;font-size:24px;letter-spacing:-1px}.brand span{color:var(--yellow)}.pause{border:1px solid #75809a;border-radius:20px;background:transparent;color:white;padding:5px 12px;font-size:13px;white-space:nowrap}main{width:min(1180px,92%);margin:auto}.crumb{display:flex;gap:9px;flex-wrap:wrap;color:var(--mute);font-size:13px;margin-top:25px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;padding:45px 0 90px;min-height:610px}.eyebrow,.cta>span{font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--red)}.lead{font-size:21px;color:var(--mute)}.button{display:inline-block;background:var(--ink);color:var(--yellow);font-weight:800;padding:13px 23px;border-radius:4px;text-decoration:none;transition:transform .2s}.button:hover{transform:translateY(-4px)}.scene{position:relative;margin:0 0 32px;transform:rotate(2deg)}.photo{position:relative;overflow:hidden;width:100%;aspect-ratio:3/2;border-radius:18px;box-shadow:16px 16px 0 var(--yellow)}.photo>img{position:absolute;max-width:none;width:200%;height:200%;animation:photo-drift 12s ease-in-out infinite alternate;transform-origin:25% 25%}.q0 .photo>img{left:0;top:0}.q1 .photo>img{left:-100%;top:0;transform-origin:75% 25%}.q2 .photo>img{left:0;top:-100%;transform-origin:25% 75%}.q3 .photo>img{left:-100%;top:-100%;transform-origin:75% 75%}.scene>.motion{position:absolute;right:-14px;bottom:-28px;width:36%;transform:rotate(-6deg);filter:drop-shadow(0 12px 12px #101b3430);animation:float 6s ease-in-out infinite alternate}.motion img{display:block;width:100%;height:auto;border-radius:12px}.scene figcaption{position:absolute;bottom:-62px;font-size:11px;color:var(--mute)}.content-row{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:center;padding:48px 0;border-top:1px solid #dce0e7}.content-row>.motion{max-width:360px;justify-self:center}.number{font-family:Anybody,sans-serif;color:var(--red);font-weight:800;font-size:14px}.content-row p{color:var(--mute)}.scope,.faq,.related{padding:55px 0}.scope{margin:35px 0;padding:45px;background:#f1f3f6;border-radius:16px}.scope ol{display:flex;gap:35px;flex-wrap:wrap;padding-left:24px;font-weight:700}.directory{display:flex;flex-wrap:wrap;gap:12px}.directory a{background:#f1f3f6;padding:14px 20px;border-radius:8px;text-decoration:none;border:1px solid #dce0e7;transition:transform .2s}.directory a:hover{transform:translateY(-3px);border-color:var(--red)}.cards{display:grid;grid-template-columns:repeat(2,1fr);margin:30px 0}.cards a{padding:30px;font-size:22px;font-weight:800}.cta{background:var(--yellow);border-radius:16px;padding:50px;margin:40px 0 80px}.cta h2{font-size:clamp(40px,6vw,72px)}details{border-block:1px solid #dce0e7;padding:20px 0}summary{font-weight:800;cursor:pointer}footer{background:var(--ink);color:white;padding:60px max(4%,calc((100% - 1180px)/2)) 30px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}.footer-grid h2{font-size:22px}.footer-grid a{display:block;margin:8px 0}.legal{display:flex;flex-wrap:wrap;gap:24px;border-top:1px solid #ffffff30;padding-top:25px;margin-top:35px;font-size:14px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:99;background:white;padding:12px}.motion-paused *{animation-play-state:paused!important}.motion-paused .motion img{visibility:hidden}.motion-paused .motion{background:var(--still) center/contain no-repeat}.reveal{transition:transform .7s,opacity .7s}.reveal.ready{transform:translateY(0);opacity:1}@keyframes photo-drift{to{transform:scale(1.035)}}@keyframes float{to{transform:translateY(-12px) rotate(-3deg)}}
@media(max-width:850px){.bar{flex-wrap:wrap;padding:12px 0;gap:12px}.bar>div{order:3;width:100%;gap:20px;overflow:auto;font-size:15px}.hero{gap:30px;padding-top:30px;min-height:0}.footer-grid{grid-template-columns:1fr 1fr}.content-row{gap:30px}}
@media(max-width:600px){body{font-size:17px}.hero{grid-template-columns:1fr;padding-bottom:65px}.hero h1{font-size:44px}.scene{max-width:90%;margin:15px 0 50px}.content-row{grid-template-columns:1fr;padding:30px 0}.content-row>.motion{width:160px;justify-self:start;order:-1}.scope,.cta{padding:26px}.scope ol{display:block}.scope li{margin:12px 0}.cards,.footer-grid{grid-template-columns:1fr}.crumb{font-size:12px}.photo{box-shadow:10px 10px 0 var(--yellow)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:600px){.bar>div{justify-content:space-between;gap:10px;overflow:visible;font-size:14px}.bar>div a{white-space:nowrap}.bar{padding:12px 0}.scene figcaption{bottom:-53px}}

.brand{display:inline-flex;align-items:center;flex-shrink:0}.brand img{display:block;width:180px;height:auto;max-width:100%}.footer-grid .brand img{width:220px}@media(max-width:600px){.brand img{width:150px}}

/* Match the homepage's dark hero, blue accent and pill-shaped actions. */
:root{--accent:#70b8ff;--ink:#101317;--yellow:#70b8ff;--red:#174f80;--mute:#44534e}
body{background:#fafbf6}
.top{background:#1e2224;border-bottom:1px solid #ffffff26}
.bar>div{color:#c9d3ce}
.bar .brand,.footer-grid .brand{background:#f7f9f1;border-radius:10px;padding:3px 8px}
.crumb,.hero{padding-inline:max(4%,calc((100% - 1240px)/2))}
main{width:100%}
.crumb{margin-top:0;padding-block:16px;background:#151b1d;color:#c9d3ce}
.hero{background:radial-gradient(ellipse at 85% 40%,#34473c,transparent 48%),linear-gradient(125deg,#151b1d,#0b1014 75%);color:#f7f9f1;min-height:calc(100svh - 127px)}
.hero h1{font-size:clamp(3rem,6.8vw,7.5rem);letter-spacing:-.065em;line-height:.94;text-wrap:balance;overflow-wrap:anywhere}
.hero .lead,.hero figcaption{color:#c9d3ce}
.hero .eyebrow{color:var(--accent)}
.button{border-radius:100px}
.whatsapp{background:transparent;border:1px solid #a5b2ac;color:#f7f9f1;margin:8px 0}
.hero .button + .whatsapp{margin-inline-start:8px}
.photo{box-shadow:12px 12px 0 #155487}
#details,.related,.cta{width:min(1180px,92%);margin-inline:auto}
.cta{background:#dcecff}
@media(max-width:850px){.hero{min-height:0}.bar>div{padding-bottom:4px}}
@media(max-width:600px){.hero h1{font-size:clamp(2.65rem,10vw,3.75rem)}}
.identity-scene>img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:12px 12px 0 #155487}
.content-row{grid-template-columns:1fr}
.scene figcaption{position:static;margin-top:19px}
.service-group{padding-block:25px}
.scene-direct .photo>img{inset:0;width:100%;height:100%;object-fit:cover;transform-origin:center}

/* Keep text and motion in separate layout tracks. */
.hero{grid-template-columns:minmax(0,1.14fr) minmax(0,1fr)}
.hero h1{font-size:clamp(2.75rem,5.9vw,6.5rem);line-height:1.08;letter-spacing:-.045em;overflow-wrap:break-word}
h2,h3{line-height:1.15;overflow-wrap:break-word}
.hero>*,.content-row>*,.cards>a{min-width:0}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}
.hero-actions .pause{color:#d9e7ef}
.scene-direct{transform:none}
.hero-gl{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.content-row.illustrated{grid-template-columns:minmax(0,1fr) minmax(0,clamp(145px,27vw,340px));gap:clamp(20px,5vw,64px)}
.content-row.illustrated>.motion{display:block;width:100%;aspect-ratio:16/9}
@media(max-width:680px){
 .hero{grid-template-columns:minmax(0,1fr);padding-bottom:42px}
 .hero h1{font-size:clamp(2.4rem,9vw,3.75rem)}
 .scene{width:100%;max-width:none;margin:0 0 14px}
 .scene .photo{box-shadow:6px 6px 0 #155487}
 .content-row.illustrated{grid-template-columns:minmax(0,1fr);gap:14px}
 .content-row.illustrated>.motion{order:0;width:min(100%,245px);justify-self:start}
}
@media(prefers-reduced-motion:reduce){.hero-gl,.hero-actions .pause{display:none}}

/* Service lists: the image and its copy share a row at every width. */
.service-cards{display:grid;gap:12px}
.service-card,.content-row.illustrated{
 display:grid;
 grid-template-columns:clamp(78px,17vw,164px) minmax(0,1fr);
 align-items:center;
 gap:clamp(12px,3vw,30px);
}
.service-card{
 min-width:0;
 padding:clamp(10px,2.3vw,22px);
 background:#f1f4f6;
 border:1px solid #d9e1e6;
 border-radius:16px;
}
.service-card>div,.content-row.illustrated>div{min-width:0}
.service-thumbnail{
 position:relative;
 width:100%;
 aspect-ratio:1;
 overflow:hidden;
 border-radius:clamp(10px,1.6vw,16px);
 background:#132a48;
}
.service-thumbnail img{
 display:block;
 width:100%;
 height:100%;
 object-fit:cover;
 transform:scale(1.13);
 animation:thumbnail-drift 6s ease-in-out infinite alternate;
}
.service-card h3{margin:0;font-size:clamp(1.13rem,2.3vw,1.65rem);line-height:1.2}
.service-card p{margin:6px 0 0;color:var(--mute);font-size:clamp(.9rem,1.7vw,1.05rem);line-height:1.5}
.content-row.illustrated h2{margin-top:6px}
.scene{transform:none}
@keyframes thumbnail-drift{to{transform:scale(1.17) translateY(-1%)}}

@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .service-card{transition:border-color .25s ease,background-color .25s ease}
 .service-thumbnail img{transition:transform .35s ease}
 body:not(.motion-paused) .service-card:is(:hover,:focus-within){border-color:#7bb3df;background:#eaf3fb}
 body:not(.motion-paused) :is(.service-card,.illustrated):is(:hover,:focus-within) .service-thumbnail img{
  animation:none;
  transform:scale(1.23);
 }
}

.service-jump{display:flex;flex-wrap:wrap;gap:8px;padding:18px max(4%,calc((100% - 1180px)/2));background:#182430;color:#dceeff}
.service-jump a{padding:7px 14px;border:1px solid #ffffff30;border-radius:99px;font-size:.93rem;text-decoration:none}
.service-jump a:hover{background:#274763}
#details,#questions{scroll-margin-top:150px}
.service-reference{color:var(--mute);font-size:.92rem}
.service-close{background:#e2f0fb}

.landing-market{--landing-glow:#1d4153;--landing-panel:#152e42;--landing-accent:#9cd4ff}
.landing-brand{--landing-glow:#284840;--landing-panel:#173a38;--landing-accent:#a5e2cf}
.landing-production{--landing-glow:#3c344e;--landing-panel:#282d47;--landing-accent:#c3c5ff}
:is(.landing-market,.landing-brand,.landing-production) .hero{
 background:radial-gradient(ellipse at 84% 42%,var(--landing-glow),transparent 57%),linear-gradient(125deg,#151b1d,#0b1014 75%);
}
.hero .eyebrow{color:var(--landing-accent,#8ac6ff)}
.content-row[id]{scroll-margin-top:150px}

.content-row.photo-row{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(18px,4vw,48px)}
.detail-photo{margin:0}
.detail-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:16px}
.detail-photo figcaption{margin-top:7px;font-size:.78rem;color:var(--mute)}
@media(max-width:680px){.content-row.photo-row{grid-template-columns:minmax(0,1fr)}}