:root{--navy:#031426;--navy2:#072b4d;--blue:#087cff;--cyan:#08c8ff;--silver:#dce8f3;--white:#f6fbff;--muted:#9eb4c8;--line:rgba(84,183,255,.22);--glow:0 0 28px rgba(8,157,255,.26)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.topbar{height:96px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;gap:44px;position:absolute;z-index:20;width:100%;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(2,15,29,.9),rgba(2,15,29,.18))}.brand{align-self:flex-start;width:228px;height:176px;padding:8px 12px 12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(3,22,41,.98),rgba(3,15,28,.98));border:1px solid rgba(40,164,255,.28);border-top:0;border-bottom:4px solid var(--blue);border-radius:0 0 16px 16px;box-shadow:0 18px 44px rgba(0,0,0,.52),0 0 30px rgba(8,124,255,.16);overflow:hidden}.brand img{width:210px;height:158px;object-fit:contain;filter:drop-shadow(0 8px 15px rgba(0,0,0,.48))}.topbar nav{display:flex;gap:34px;margin-left:auto}.topbar nav a{font-size:.88rem;font-weight:600;letter-spacing:.02em}.topbar nav a:hover{color:var(--cyan)}.top-cta{padding:13px 20px;border:1px solid rgba(65,180,255,.7);background:rgba(8,124,255,.1);font-size:.88rem;font-weight:700;box-shadow:inset 0 0 18px rgba(8,124,255,.08)}.top-cta:hover{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:var(--glow)}.menu{display:none;background:none;border:0;width:44px;height:44px}.menu span{display:block;width:25px;height:2px;background:#fff;margin:7px auto}
.hero{min-height:760px;height:100vh;max-height:920px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;filter:saturate(.82) contrast(1.06)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,13,27,.98) 0%,rgba(3,24,45,.9) 42%,rgba(3,29,53,.29) 72%,rgba(2,14,27,.36)),linear-gradient(0deg,rgba(2,17,32,.58),transparent 55%)}.hero-copy{position:relative;z-index:2;max-width:720px;margin-left:clamp(24px,8vw,130px);padding-top:70px}.eyebrow,.section-tag{margin:0 0 18px;color:var(--cyan);font-size:.78rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.eyebrow:before,.section-tag:before{content:"";display:inline-block;width:36px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));vertical-align:middle;margin-right:13px;box-shadow:0 0 12px rgba(8,200,255,.55)}.hero h1,.intro h2,.operation h2,.steps h2,.contact h2{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;line-height:.94;margin:0;letter-spacing:-.02em}.hero h1{font-size:clamp(4.2rem,8.2vw,7.8rem)}.hero h1 span{color:var(--cyan);text-shadow:0 0 26px rgba(8,157,255,.24)}.lead{max-width:600px;font-size:1.08rem;color:#d9e8f5;margin:26px 0 34px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 24px;min-height:54px;font-weight:800;font-size:.9rem;transition:.2s}.button-primary{background:linear-gradient(135deg,#0573f0,#00aeea);color:#fff;box-shadow:0 10px 28px rgba(5,115,240,.3)}.button-primary:hover{background:linear-gradient(135deg,#118bff,#12caff);transform:translateY(-2px);box-shadow:var(--glow)}.button-ghost{border:1px solid rgba(112,194,255,.48);background:rgba(7,52,89,.18)}.button-ghost:hover{border-color:var(--cyan);background:rgba(8,124,255,.14)}.hero-badge{position:absolute;right:clamp(24px,5vw,76px);bottom:45px;z-index:2;display:flex;align-items:center;gap:14px;border-left:3px solid var(--cyan);padding-left:16px}.hero-badge strong{font-family:"Barlow Condensed";font-size:2.4rem;color:var(--cyan);text-shadow:0 0 18px rgba(8,200,255,.42)}.hero-badge span{font-size:.68rem;line-height:1.25;letter-spacing:.12em;text-transform:uppercase}
.intro{display:grid;grid-template-columns:1.4fr .7fr;gap:10vw;max-width:1240px;margin:0 auto;padding:110px 30px 70px}.intro h2,.operation h2,.steps h2{font-size:clamp(3rem,5.5vw,5.3rem)}.intro>p{color:var(--muted);font-size:1.05rem;align-self:end;border-left:1px solid var(--line);padding-left:32px;margin:0 0 8px}
.services{max-width:1240px;margin:0 auto;padding:0 30px 120px;display:grid;grid-template-columns:repeat(3,1fr)}.services article{position:relative;padding:34px 36px 38px;border:1px solid var(--line);min-height:280px;background:linear-gradient(145deg,rgba(10,115,201,.09),rgba(255,255,255,.015));transition:.25s}.services article:hover{background:linear-gradient(145deg,rgba(10,130,230,.15),rgba(255,255,255,.025));border-color:rgba(75,184,255,.42);transform:translateY(-4px);box-shadow:var(--glow)}.services article+article{border-left:0}.number{font-family:"Barlow Condensed";color:#5f809f;font-weight:700}.icon{position:absolute;right:30px;top:29px;color:var(--cyan);font-size:1.5rem}.services h3{font-family:"Barlow Condensed";font-size:1.75rem;text-transform:uppercase;margin:65px 0 9px}.services p{color:var(--muted);font-size:.91rem;margin:0}
.operation{background:linear-gradient(135deg,#f5f9fc,#e5f0f8);color:var(--navy);display:grid;grid-template-columns:.72fr 1.28fr;gap:6vw;padding:110px max(30px,calc((100vw - 1180px)/2));align-items:center}.operation .section-tag{color:#0564c8}.operation-copy>p:not(.section-tag){color:#536b80;max-width:450px;margin:26px 0}.text-link{display:inline-flex;gap:24px;font-weight:800;border-bottom:2px solid var(--blue);padding-bottom:6px}.photo-grid{height:630px;display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:10px}.photo-grid figure{margin:0;overflow:hidden;box-shadow:0 12px 30px rgba(1,30,56,.12)}.photo-grid .photo-main{grid-row:1/3}.photo-grid img{width:100%;height:100%;object-fit:cover;transition:.45s}.photo-grid figure:hover img{transform:scale(1.03)}
.steps{max-width:1240px;margin:auto;padding:115px 30px}.steps>h2{max-width:700px}.step-list{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;border-top:1px solid var(--line)}.step-list>div{padding:32px 40px 0 0}.step-list b{display:grid;place-items:center;width:36px;height:36px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-family:"Barlow Condensed";font-size:1.3rem;box-shadow:var(--glow)}.step-list h3{font-family:"Barlow Condensed";text-transform:uppercase;font-size:1.55rem;margin:23px 0 4px}.step-list p{color:var(--muted);margin:0;font-size:.92rem}
.contact{min-height:590px;position:relative;display:flex;align-items:center;padding:90px max(30px,calc((100vw - 1180px)/2));overflow:hidden}.contact>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.72)}.contact-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,14,28,.98) 0%,rgba(3,32,58,.86) 46%,rgba(3,29,53,.3))}.contact-copy{position:relative;z-index:2}.contact h2{font-size:clamp(3.4rem,6.5vw,6.4rem)}.contact-copy>p:not(.section-tag){color:#c6d8e7;margin:22px 0}.phone{display:block;margin-top:24px;font-weight:700;font-size:1.08rem}
footer{max-width:1240px;margin:auto;padding:55px 30px 35px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;align-items:center}footer span{display:block;color:#6f8ca6;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:700}footer a{font-weight:600}.footer-brand{display:flex;align-items:center}.footer-brand img{width:230px;height:172px;object-fit:contain;filter:drop-shadow(0 9px 18px rgba(0,0,0,.42))}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;color:#66849e;font-size:.78rem}.whatsapp-float{position:fixed;z-index:30;right:24px;bottom:24px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;font-size:1.65rem;box-shadow:0 12px 34px rgba(0,0,0,.35)}
@media(max-width:850px){.topbar{height:88px;padding:0 20px}.brand{width:158px;height:122px;padding:6px 8px 8px}.brand img{width:145px;height:108px}.topbar nav,.top-cta{display:none}.menu{display:block;margin-left:auto}.topbar.open nav{display:flex;position:absolute;top:88px;left:0;right:0;background:rgba(3,20,38,.98);padding:25px;flex-direction:column;gap:20px;border-bottom:1px solid var(--line)}.hero{min-height:720px;height:92vh}.hero-photo{object-position:58% center}.hero-copy{margin-left:24px;margin-right:24px;padding-top:90px}.hero h1{font-size:clamp(3.7rem,18vw,5.6rem)}.lead{font-size:.98rem}.hero-badge{display:none}.intro{grid-template-columns:1fr;gap:28px;padding:78px 24px 55px}.intro>p{padding:0;border:0}.services{grid-template-columns:1fr;padding:0 24px 80px}.services article+article{border-left:1px solid var(--line);border-top:0}.services article{min-height:230px}.operation{grid-template-columns:1fr;padding:80px 24px}.photo-grid{height:520px;grid-template-columns:1fr 1fr;grid-template-rows:1.15fr .85fr}.photo-grid .photo-main{grid-column:1/3;grid-row:auto}.steps{padding:80px 24px}.step-list{grid-template-columns:1fr}.step-list>div{padding:26px 0;border-bottom:1px solid var(--line)}.contact{padding:75px 24px;min-height:570px}.contact-overlay{background:rgba(3,22,42,.88)}footer{grid-template-columns:1fr;padding:45px 24px}.footer-brand img{width:205px;height:154px}.copyright{grid-column:auto}.whatsapp-float{right:16px;bottom:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}