:root{--ink:#101b24;--navy:#102f67;--blue:#11396f;--gold:#08afbf;--paper:#f5f8fa;--white:#fff;--muted:#66727a;--line:#d9deda}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}
a{color:inherit}
.site-header{height:84px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #e8ebe8}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{display:block;width:220px;height:auto}
.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--gold);color:var(--navy);font-size:24px;font-weight:900;font-family:Georgia,serif}
.brand strong,.brand small{display:block}
.brand strong{font-size:14px;letter-spacing:.12em}
.brand small{font-size:9px;letter-spacing:.22em;color:#60717c}
.header-actions{display:flex;align-items:center;gap:12px}
.header-call{background:var(--navy);color:#fff;text-decoration:none;padding:12px 19px;border-radius:4px;font-weight:700;font-size:14px;touch-action:manipulation}
.menu-toggle{width:48px;height:48px;border:1px solid #d8dfe4;border-radius:4px;background:#fff;display:grid;place-content:center;gap:5px;cursor:pointer}
.menu-toggle span{display:block;width:23px;height:2px;background:var(--navy);transition:transform .2s ease,opacity .2s ease}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.menu-overlay{position:fixed;inset:0;background:rgba(4,18,31,.58);z-index:29;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}
.menu-overlay.open{opacity:1;visibility:visible}
.site-menu{position:fixed;top:0;right:0;width:min(390px,88vw);height:100dvh;background:var(--navy);color:#fff;z-index:30;padding:100px 44px 44px;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s ease;box-shadow:-20px 0 50px rgba(0,0,0,.22)}
.site-menu.open{transform:translateX(0)}
.site-menu>p{color:var(--gold);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;margin:0 0 24px}
.site-menu>a:not(.menu-phone){font-family:Georgia,"Times New Roman",serif;font-size:34px;line-height:1.15;text-decoration:none;padding:18px 0;border-bottom:1px solid #385785}
.site-menu>a:hover,.site-menu>a:focus-visible{color:var(--gold)}
.menu-close{position:absolute;top:24px;right:28px;border:0;background:transparent;color:#fff;font-size:38px;line-height:1;cursor:pointer}
.menu-phone{margin-top:auto;background:var(--gold);color:var(--navy);padding:15px;text-align:center;text-decoration:none;font-weight:800;border-radius:4px}
body.menu-open{overflow:hidden}
.hero{min-height:650px;display:grid;grid-template-columns:1.08fr .92fr;background:var(--navy);color:#fff}
.hero-copy{padding:86px clamp(28px,7vw,110px)}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;color:#e8c86f;display:flex;align-items:center;gap:10px;margin:0 0 25px}
.eyebrow span{width:26px;height:2px;background:var(--gold)}
h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:.98;margin:0}
h1{font-size:clamp(56px,7vw,96px);letter-spacing:-.045em}
h1 em{color:var(--gold);font-weight:400}
.lead{max-width:620px;color:#d6e0e5;font-size:19px;margin:28px 0 34px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 23px;border-radius:4px;text-decoration:none;font-weight:800;position:relative;z-index:1;cursor:pointer;touch-action:manipulation}
.button.primary{background:var(--gold);color:var(--navy)}
.button.secondary{border:1px solid #758994;color:#fff}
.trust-row{list-style:none;padding:0;margin:55px 0 0;display:flex;gap:0;border-top:1px solid #385060}
.trust-row li{padding:18px 38px 0 0;margin-right:38px;border-right:1px solid #385060}
.trust-row li:last-child{border:0}
.trust-row b,.trust-row span{display:block}
.trust-row b{color:#fff}
.trust-row span{font-size:12px;color:#9fb0b9}
.hero-art{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(10,32,56,.08),rgba(7,25,42,.72)),url('keys-for-you-van.jpeg') center/cover no-repeat;display:flex;align-items:flex-end;padding:55px}
.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 35%,rgba(10,31,49,.2))}
.key-shape{position:absolute;width:290px;height:84px;border:28px solid var(--gold);border-radius:60px;transform:rotate(-39deg);right:50px;top:230px;filter:drop-shadow(0 20px 20px rgba(0,0,0,.25))}
.key-shape:after{content:"";position:absolute;width:250px;height:28px;background:var(--gold);left:-240px;top:0}
.key-shape:before{content:"";position:absolute;width:56px;height:58px;border-left:26px solid var(--gold);border-bottom:26px solid var(--gold);left:-235px;top:0}
.key-shape span{position:absolute;width:38px;height:38px;border-radius:50%;background:#245b73;right:10px;top:-5px}
.route-card{position:absolute;top:36px;left:38px;right:38px;display:flex;align-items:center;gap:12px;font-size:10px;font-weight:800;letter-spacing:.15em;color:#b9c9d0}
.route-card i{height:1px;flex:1;background:#66808d}
.hero-art>p{font-family:Georgia,serif;font-size:24px;line-height:1.15;position:relative}
.urgent-strip{background:var(--gold);padding:20px clamp(28px,7vw,110px);display:flex;align-items:center;justify-content:space-between}
.urgent-strip p{margin:0}
.urgent-strip a{font-weight:800;text-decoration:none}
.section{padding:105px clamp(28px,7vw,110px)}
.section-heading{display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:end;margin-bottom:50px}
.section-heading h2,.areas h2,.contact h2{font-size:clamp(42px,5vw,68px);letter-spacing:-.035em}
.section-heading>p{color:var(--muted);max-width:520px}
.eyebrow.dark{color:#9a7010}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.service-grid article{min-height:470px;padding:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;background:#fff;overflow:hidden}
.service-image{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.service-content{padding:24px;display:flex;flex:1;flex-direction:column}
.service-no{color:#9a7010;font-size:12px;font-weight:800}
.service-grid h3{font-family:Georgia,serif;font-size:26px;margin:18px 0 12px;line-height:1.1}
.service-grid p{color:var(--muted);margin:0}
.service-grid .service-button{margin-top:24px;text-decoration:none;font-weight:800;font-size:13px;background:var(--navy);color:#fff;min-height:48px;padding:12px 14px;border-radius:4px;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;z-index:2;cursor:pointer;touch-action:manipulation;transition:background .2s ease,color .2s ease}
.service-grid .service-button:hover,.service-grid .service-button:focus-visible{background:var(--gold);color:var(--navy)}
.why{display:grid;grid-template-columns:1.1fr .9fr;padding-top:0;padding-bottom:0;background:var(--navy);color:#fff}
.why-panel{padding:90px 9vw 90px 0}
.why-panel h2{font-size:clamp(45px,5vw,72px);max-width:700px}
.why-panel>p:not(.eyebrow){font-size:18px;color:#c7d2d8;max-width:680px;margin:28px 0}
.signature{display:flex;gap:20px;flex-wrap:wrap;margin-top:42px}
.signature span{border:1px solid #456170;padding:9px 13px;border-radius:3px;font-size:12px;font-weight:700}
.steps{background:#fff;color:var(--ink);padding:88px 6vw}
.steps h3{font-family:Georgia,serif;font-size:32px;margin:0 0 30px}
.steps ol{list-style:none;margin:0;padding:0}
.steps li{position:relative;padding:0 0 35px 54px;border-left:1px solid var(--line)}
.steps li:before{counter-increment:item;content:counter(item);position:absolute;left:-18px;top:-4px;width:35px;height:35px;border-radius:50%;background:var(--gold);display:grid;place-items:center;font-weight:900}
.steps ol{counter-reset:item}
.steps b,.steps span{display:block}
.steps span{color:var(--muted);font-size:14px;margin-top:4px}
.areas{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.place-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.place-list span{padding:19px 4px;border-bottom:1px solid var(--line);font-weight:700}
.map-link{grid-column:1/-1;margin-top:18px;padding:16px 18px;background:var(--navy);color:#fff;text-decoration:none;font-weight:800;border-radius:4px;text-align:center}
.contact{background:var(--blue);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.contact>div>p:not(.eyebrow){color:#d3e0e5;max-width:560px;font-size:18px}
.contact-card{background:#fff;color:var(--ink);padding:38px;display:grid;gap:13px;border-radius:5px}
.contact-card .button{width:100%}
.whatsapp{background:#1d9a59;color:#fff}
.pending{padding:12px;border-left:4px solid var(--gold);background:#fff8e5;color:#6d541a!important;font-size:14px!important;margin:0 0 8px!important}
.disabled{opacity:.55;cursor:not-allowed}
.contact-card small{text-align:center;color:var(--muted);margin-top:10px}
footer{background:#091923;color:#aab9c0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:36px clamp(28px,7vw,110px);font-size:12px}
.footer-brand{color:#fff}
.footer-brand img{background:#fff;border-radius:3px;padding:6px 9px;width:190px}
.footer-brand small{color:#91a3ad}
@media(max-width:900px){
.hero{grid-template-columns:1fr}
.hero-art{min-height:380px}
.hero-copy{padding-top:70px}
.service-grid{grid-template-columns:1fr 1fr}
.why,.areas,.contact,.section-heading{grid-template-columns:1fr}
.why-panel{padding-right:0}
.steps{padding:65px 8vw}
.section-heading{gap:20px}
.areas{gap:40px}
}
@media(max-width:580px){.site-header{height:72px}
.header-call{padding:10px 12px}
.menu-toggle{width:43px;height:43px}
.site-menu{padding:88px 28px 32px}
.site-menu>a:not(.menu-phone){font-size:30px}
.brand-mark{width:36px;height:36px}
.brand img{width:178px}
.hero{min-height:auto}
.hero-copy{padding:60px 24px}
.lead{font-size:17px}
.hero-art{min-height:300px;padding:30px}
.key-shape{transform:rotate(-39deg) scale(.7);right:-20px;top:130px}
.trust-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.trust-row li{border:0;padding:0;margin:0}
.urgent-strip{align-items:flex-start;gap:20px}
.service-grid{grid-template-columns:1fr}
.service-grid article{min-height:250px}
.section{padding:75px 24px}
.why{padding-top:0;padding-bottom:0}
.why-panel{padding:70px 0}
.place-list{grid-template-columns:1fr}
footer{align-items:flex-start;flex-direction:column}
}