:root { --navy:#0a1d2d; --navy-2:#102b40; --orange:#f47a2a; --cream:#f5f1e8; --white:#fff; --muted:#64717b; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--navy); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
.topbar { height:88px; padding:0 clamp(24px,5vw,76px); display:flex; align-items:center; justify-content:space-between; background:#fff; position:relative; z-index:10; }
.brand { display:flex; align-items:center; gap:11px; }
.brand-mark { width:47px; height:47px; display:grid; place-items:center; background:var(--navy); color:white; font-weight:900; font-style:italic; letter-spacing:-2px; clip-path:polygon(12% 0,100% 0,88% 100%,0 100%); }
.brand-copy { display:flex; flex-direction:column; line-height:1; }
.brand-copy strong { font-size:19px; letter-spacing:.6px; }
.brand-copy small { color:#73808a; font-size:9px; text-transform:uppercase; letter-spacing:1.2px; margin-top:5px; }
nav { display:flex; gap:34px; font-size:13px; font-weight:700; }
nav a:hover { color:var(--orange); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:18px; padding:17px 24px; background:var(--orange); color:white; font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.4px; border-radius:2px; box-shadow:0 10px 25px rgba(244,122,42,.2); transition:.2s ease; }
.button:hover { transform:translateY(-2px); background:#e86919; }
.button-small { padding:13px 19px; font-size:11px; }
.hero { min-height:690px; position:relative; display:flex; align-items:center; overflow:hidden; color:white; background:url('https://images.unsplash.com/photo-1560518883-ce09059eeffa?auto=format&fit=crop&w=2000&q=88') center 48%/cover; }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,18,30,.96) 0%,rgba(4,18,30,.82) 43%,rgba(4,18,30,.18) 78%),linear-gradient(0deg,rgba(4,18,30,.45),transparent 45%); }
.hero-content { position:relative; z-index:1; padding:70px clamp(24px,8vw,122px); max-width:880px; }
.eyebrow,.kicker { display:flex; align-items:center; gap:9px; color:var(--orange); font-size:11px; font-weight:900; letter-spacing:2px; text-transform:uppercase; }
.eyebrow span { width:24px; height:2px; background:var(--orange); }
h1,h2 { margin:22px 0; font-size:clamp(46px,5.7vw,82px); line-height:.98; letter-spacing:-3px; font-weight:800; }
h1 em,h2 em { color:var(--orange); font-style:normal; }
.hero-content>p { max-width:610px; color:#d2dbe0; font-size:18px; line-height:1.7; }
.hero-actions { display:flex; align-items:center; gap:30px; margin-top:34px; }
.text-link { color:#fff; font-size:12px; font-weight:800; text-transform:uppercase; border-bottom:1px solid rgba(255,255,255,.5); padding-bottom:6px; }
.hero-proof { position:absolute; right:0; bottom:0; z-index:2; width:min(390px,35vw); background:white; color:var(--navy); padding:25px 34px; display:flex; align-items:center; gap:15px; }
.proof-icon { width:34px; height:34px; border-radius:50%; display:grid; place-items:center; background:var(--orange); color:white; font-weight:900; }
.hero-proof div { display:flex; flex-direction:column; gap:5px; }.hero-proof strong{font-size:14px}.hero-proof small{font-size:11px;color:#7a858e}
.trust-strip { display:grid; grid-template-columns:repeat(4,1fr); padding:0 clamp(24px,6vw,92px); background:white; }
.trust-strip div { padding:30px 25px; border-right:1px solid #e5e8e9; display:flex; flex-direction:column; gap:6px; }.trust-strip div:last-child{border:0}.trust-strip strong{font-size:13px}.trust-strip span{font-size:10px;color:#889198;text-transform:uppercase;letter-spacing:.7px}
.section { padding:110px clamp(24px,8vw,122px); }
.section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:60px; margin-bottom:58px; }
.section-heading h2,.process h2,.area h2,.final-cta h2,.quality h2 { font-size:clamp(38px,4.5vw,62px); }
.section-heading>p { max-width:410px; color:var(--muted); line-height:1.8; font-size:15px; margin-bottom:22px; }
.service-grid { display:grid; grid-template-columns:repeat(4,1fr); background:white; box-shadow:0 15px 50px rgba(8,27,42,.07); }
.service-card { padding:36px 30px; min-height:300px; border-right:1px solid #e7e7e3; transition:.25s; }.service-card:last-child{border:0}.service-card:hover{transform:translateY(-7px);box-shadow:0 15px 30px rgba(10,29,45,.08);position:relative;z-index:2}
.service-number { font:700 11px var(--font-geist-mono); color:var(--orange); }.service-line{height:2px;width:28px;background:var(--orange);margin:26px 0}.service-card h3{font-size:20px;margin:0 0 14px}.service-card p{color:var(--muted);font-size:13px;line-height:1.7;min-height:66px}.service-card a{display:inline-flex;gap:8px;margin-top:20px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}.service-card a span{color:var(--orange)}
.quality { display:grid; grid-template-columns:1fr 1fr; min-height:680px; background:var(--navy); color:white; }
.quality-photo { min-height:620px; background:linear-gradient(0deg,rgba(10,29,45,.15),rgba(10,29,45,.05)),url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=1300&q=88') center/cover; position:relative; }
.photo-stamp { position:absolute; right:-60px; top:70px; width:145px; height:145px; border-radius:50%; background:var(--orange); display:flex; flex-direction:column; align-items:center; justify-content:center; transform:rotate(-7deg); border:6px solid var(--navy); }.photo-stamp strong{font-size:30px;font-style:italic}.photo-stamp span{font-size:9px;text-align:center;text-transform:uppercase;line-height:1.3;letter-spacing:1px}
.quality-content { padding:90px clamp(38px,7vw,105px); }.kicker.light{color:#ff954f}.quality h2{margin-bottom:25px}.quality-lead{color:#bdcad2;line-height:1.7;max-width:500px}.quality ul{list-style:none;padding:10px 0 0;margin:0}.quality li{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.12)}.quality li>span{margin-top:2px;color:white;background:var(--orange);width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-size:11px}.quality li div{display:flex;flex-direction:column;gap:7px}.quality li strong{font-size:14px}.quality li small{color:#9eafb9;font-size:12px;line-height:1.5}
.process { display:grid; grid-template-columns:.8fr 1.7fr; align-items:center; gap:70px; }.steps{display:flex;align-items:flex-start;gap:22px}.steps article{flex:1}.steps article>span{width:42px;height:42px;background:var(--orange);color:white;display:grid;place-items:center;font-weight:900;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}.steps h3{font-size:17px;margin:21px 0 10px}.steps p{font-size:12px;color:var(--muted);line-height:1.7}.steps i{font-style:normal;color:#bcc2c5;margin-top:12px}
.area { display:grid; grid-template-columns:1fr 1fr; min-height:520px; background:#102b40; color:white; overflow:hidden; }.area-content{padding:90px clamp(24px,8vw,122px)}.area-content p{max-width:500px;color:#bdcad2;line-height:1.8;font-size:14px;margin-bottom:28px}.map-graphic{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(244,122,42,.15),transparent 55%),linear-gradient(135deg,#183b53,#0d2436);overflow:hidden}.map-graphic:before,.map-graphic:after{content:"";position:absolute;width:140%;height:1px;background:rgba(255,255,255,.08);transform:rotate(-25deg)}.map-graphic:after{transform:rotate(32deg)}.map-ring{position:absolute;border:1px solid rgba(244,122,42,.25);border-radius:50%}.ring-one{width:300px;height:300px}.ring-two{width:480px;height:480px}.pin{width:78px;height:78px;border-radius:50% 50% 50% 0;background:var(--orange);transform:rotate(-45deg);display:grid;place-items:center;margin-bottom:45px;box-shadow:0 0 0 14px rgba(244,122,42,.12)}.pin span{transform:rotate(45deg);font-weight:900;font-size:19px}.map-graphic strong{font-size:18px;letter-spacing:4px}.map-graphic small{margin-top:8px;letter-spacing:2px;color:#a9bac5}
.final-cta{text-align:center;padding:110px 24px;background:var(--orange);color:white}.final-cta .kicker{justify-content:center;color:var(--navy)}.final-cta h2{margin-bottom:20px}.final-cta h2 em{color:var(--navy)}.final-cta p{max-width:540px;margin:0 auto 30px;line-height:1.7}.button-dark{background:var(--navy);box-shadow:none}.button-dark:hover{background:#06141f}
footer{background:#071824;color:white;padding:45px clamp(24px,7vw,105px);display:grid;grid-template-columns:1.2fr 1fr .8fr;align-items:center;gap:30px}.footer-brand .brand-mark{background:var(--orange)}footer p{font-size:11px;line-height:1.7;color:#a8b5bd}footer>a:not(.brand){font-size:11px;text-transform:uppercase;font-weight:900;text-align:right;color:var(--orange)}footer>small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:20px;color:#657681;font-size:9px}.floating-whatsapp{position:fixed;right:24px;bottom:24px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:white;font-size:24px;font-weight:900;z-index:20;box-shadow:0 8px 25px rgba(0,0,0,.25)}
@media(max-width:900px){nav{display:none}.hero{min-height:650px}.hero-proof{display:none}.trust-strip{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr 1fr}.quality{grid-template-columns:1fr}.quality-photo{min-height:420px}.photo-stamp{right:25px;top:auto;bottom:-55px}.process{grid-template-columns:1fr}.area{grid-template-columns:1fr}.map-graphic{min-height:430px}}
@media(max-width:620px){.topbar{height:76px}.brand-copy small{display:none}.button-small{padding:11px;font-size:9px}.hero-content{padding-top:40px}.hero-content>p{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip div{padding:22px 14px}.section{padding:80px 20px}.section-heading{align-items:flex-start;flex-direction:column;gap:5px}.service-grid{grid-template-columns:1fr}.service-card{min-height:auto;border-right:0;border-bottom:1px solid #e7e7e3}.quality-content{padding:80px 24px}.steps{flex-direction:column}.steps i{display:none}.steps article{border-left:1px solid #d2d8db;padding-left:22px}.area-content{padding:80px 24px}footer{grid-template-columns:1fr}footer>a:not(.brand){text-align:left}h1,h2{letter-spacing:-2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.service-card{transition:none}}