:root{--navy:#0b1730;--header-navy:#1c233f;--ink:#101827;--muted:#687280;--line:#dce2e8;--green:#22c55e;--display:'Exo 2',sans-serif;--body:'Barlow',sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55}
.skip{position:absolute;left:-9999px}
.skip:focus{left:1rem;top:1rem;z-index:99;background:#fff;padding:.7rem 1rem}
header{height:78px;display:flex;align-items:center;padding:0 max(24px,5vw);position:relative;z-index:10;background:var(--header-navy)}
.brand{display:flex;align-items:center;gap:.8rem;color:#fff;text-decoration:none;font:700 .95rem var(--display);letter-spacing:.16em}
.brand img{width:54px;height:54px;object-fit:cover}
nav{margin-left:auto;display:flex;align-items:center;gap:2rem}
nav a{color:#fff;text-decoration:none;font-weight:500}
.instagram-link{min-height:44px;display:flex;align-items:center;gap:.55rem;padding:.55rem .9rem;border:1px solid #fff;border-radius:999px;background:#fff;color:var(--header-navy);font:600 .9rem var(--display);transition:.2s}
.instagram-link:hover{background:#e8ebf2;transform:translateY(-2px)}
.instagram-link svg{width:23px;height:23px;flex:0 0 auto;fill:none;stroke:var(--header-navy);stroke-width:2}
.instagram-link .instagram-dot{fill:var(--header-navy);stroke:none}
.hero{height:calc(100svh - 78px);min-height:640px;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--navy)}
.hero-photo,.hero-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-overlay{background:linear-gradient(90deg,rgba(4,13,29,.68),rgba(4,13,29,.4) 46%,rgba(4,13,29,.02) 78%)}
.hero-content{position:relative;width:min(1240px,90vw);margin:auto;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.28)}
.label{font:600 .75rem var(--display);letter-spacing:.22em;margin:0 0 1.3rem;color:#b5dce9}
.label.dark{color:#637b87}
.hero h1,.intro h2,.section-title h2,.contact h2{font:700 clamp(3rem,6vw,6.5rem)/.98 var(--display);letter-spacing:-.05em;margin:0}
.hero h1 span{color:#a8dce9}
.hero-content>p:not(.label){max-width:520px;font-size:1.2rem;color:#d7e0e7;margin:1.7rem 0 2rem}
.button{display:inline-flex;align-items:center;gap:.8rem;background:var(--green);color:#062410;text-decoration:none;font-weight:600;padding:1rem 1.3rem;min-height:54px}
.button:hover{background:#4ade80}
.button svg,.whatsapp-float svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.intro{padding:clamp(5rem,10vw,10rem) max(24px,7vw);max-width:1450px;margin:auto}
.intro h2{font-size:clamp(2.8rem,5.4vw,5.8rem);color:var(--navy)}
.intro h2 span{color:#8b959f}
.intro-text{max-width:570px;margin:2.3rem 0 0 auto;font-size:1.15rem;color:var(--muted)}
.services{border-top:1px solid var(--line);padding:clamp(5rem,8vw,8rem) max(24px,7vw);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}
.section-title h2{font-size:clamp(2.7rem,4.7vw,5rem);color:var(--navy)}
.service-list{border-top:1px solid var(--ink)}
.service-list article{display:grid;grid-template-columns:60px 1fr;padding:1.8rem 0;border-bottom:1px solid var(--line)}
.service-list article>span{color:#8793a0;font:600 .8rem var(--display)}
.service-list h3{font:600 1.35rem var(--display);margin:0 0 .35rem}
.service-list p{color:var(--muted);margin:0}
.process{background:var(--navy);color:#fff;padding:clamp(5rem,8vw,8rem) max(24px,7vw);display:grid;grid-template-columns:1fr 1fr;gap:8vw}
.process .section-title h2{color:#fff}
.process ol{list-style:none;padding:0;margin:0;border-top:1px solid #ffffff40}
.process li{display:grid;grid-template-columns:60px 1fr;padding:1.5rem 0;border-bottom:1px solid #ffffff2e}
.process b{font:600 .8rem var(--display);color:#83bccc}
.process li span{font:500 1.15rem var(--display)}
.contact{padding:clamp(5rem,10vw,10rem) max(24px,7vw);display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:center;background:#f5f7f9}
.contact>img{width:min(420px,100%);aspect-ratio:1;object-fit:cover;border-radius:50%}
.contact h2{font-size:clamp(3rem,6vw,6.5rem);color:var(--navy)}
.contact div>p:not(.label){color:var(--muted);font-size:1.15rem;margin:1.5rem 0 2rem}
.whatsapp-float{position:fixed;right:24px;bottom:24px;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;box-shadow:0 10px 28px #0000003d;z-index:30;transition:.2s}
.whatsapp-float:hover{transform:translateY(-3px) scale(1.03)}
.whatsapp-float svg{width:31px;height:31px}
footer{padding:2rem max(24px,5vw);display:flex;gap:2rem;color:#77818c;font-size:.9rem;border-top:1px solid var(--line)}
footer a{color:inherit;text-decoration:none}
footer a:first-of-type{margin-left:auto}
@media(max-width:800px){header{height:68px}
.brand img{width:48px;height:48px}
.brand span{font-size:.78rem}
nav>a:not(.instagram-link){display:none}
.hero{height:calc(100svh - 68px);min-height:580px}
.hero-photo{object-position:60% center}
.hero-overlay{background:linear-gradient(90deg,rgba(4,13,29,.68),rgba(4,13,29,.34))}
.services,.process,.contact{grid-template-columns:1fr;gap:3.5rem}
.intro-text{margin-left:0}
.contact>img{width:180px}
.whatsapp-float{right:18px;bottom:18px;width:58px;height:58px}
footer{flex-direction:column;gap:.6rem}
footer a:first-of-type{margin-left:0}
}
@media(max-width:500px){header{padding:0 18px}
.instagram-link{width:42px;height:42px;min-height:42px;padding:0;justify-content:center}
.instagram-link span{display:none}
.hero-content{width:calc(100% - 36px)}
.hero h1{font-size:clamp(2.65rem,12vw,3.5rem);line-height:1.02;max-width:100%}
.hero h1 span{display:inline-block;font-size:.78em;letter-spacing:-.04em}
.hero-content>p:not(.label){font-size:1rem}
.intro,.services,.process,.contact{padding-left:18px;padding-right:18px}
.intro h2{font-size:2.85rem}
.service-list article{grid-template-columns:42px 1fr}
.contact>img{width:135px}
footer{padding-left:18px;padding-right:18px}
}