/* Business-card styling. Original logo artwork, content and interactions stay intact. */
:root{--navy:#075a9e;--blue:#0562aa;--green:#12952d;--ink:#172640;--muted:#536174;--light:#f6f8fa;--line:#d0d5db}
body{font-family:Arial,Helvetica,sans-serif}
section[id]{scroll-margin-top:110px}
.top{background:var(--green);color:white;position:relative;overflow:hidden}
.top:after{content:'';position:absolute;right:3%;top:-45px;width:100px;height:130px;background:var(--blue);transform:skewX(43deg);border-left:8px double white;pointer-events:none}
.top .wrap{position:relative;z-index:1}
header{box-shadow:0 2px 0 #d0d5db80}
.head{height:100px}
.logo{flex-shrink:0}
.nav{font-weight:700}
.btn,.lang{border-radius:3px}
.btn{transition:background .18s,box-shadow .18s}
.btn:hover{box-shadow:0 4px 12px #075a9e26}
.btn.primary:hover{background:#074d84}
.btn.green:hover{background:#087522}
.btn.white{color:var(--blue);border-color:var(--line)}
.btn.green{background:#10852a}
.hero{position:relative;background:linear-gradient(115deg,#112a43 0%,#174267 66%,#0562aa 100%);color:white;border-bottom:1px solid var(--line);isolation:isolate}
.hero:before{content:'';position:absolute;z-index:-1;right:-115px;top:-165px;width:310px;height:310px;transform:rotate(45deg);background:linear-gradient(90deg,var(--blue) 0 58%,var(--green) 58%);border:10px solid white;outline:5px solid var(--green);box-shadow:0 0 0 13px white;pointer-events:none}
.hero .wrap{gap:52px;padding-top:72px;padding-bottom:72px}
.eyebrow{color:#8ae18b;letter-spacing:2.2px}
.hero h1{color:white;font-weight:800;letter-spacing:-1.8px}
.hero h1 em{color:#8ae18b}
.hero p{color:#d4e4f2}
.hero .hero-card p{color:var(--muted)}
.hero-card{border:1px solid var(--line);border-top:5px solid var(--blue);border-radius:3px;box-shadow:0 12px 32px #1736530c;padding:30px}
.hero-card:before{inset:-5px auto auto 0;width:34%;height:5px;border-radius:0;background:var(--green)}
.hero-card h3{color:var(--blue)}
.check b{display:inline-grid;place-items:center;width:23px;height:23px;background:var(--blue);color:white;border-radius:50%;font-size:12px}
.trust{background:var(--blue);border:0}
.trust .wrap{gap:0;padding-top:27px;padding-bottom:27px}
.trust-item{color:white;padding:0 24px;border-right:1px solid #ffffff80}
.trust-item:first-child{padding-left:0}
.trust-item:last-child{border:0}
.trust-item span{color:white;font-size:14px}
.trust-item>span:first-child{display:inline-grid;place-items:center;border:1px solid white;border-radius:50%;width:23px;height:23px}
.kicker{color:var(--green)}
.section h2{color:var(--blue);font-weight:800}
.service{border-radius:3px;border-top:3px solid var(--blue);box-shadow:none;position:relative}
.service:before{content:'';position:absolute;left:-1px;top:-3px;width:48px;height:3px;background:var(--green)}
.service .symbol{background:var(--blue);color:white;border-radius:50%;width:50px;height:50px}
.service h3{color:var(--blue)}
.feature{background:#fff;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:3px}
.feature h3{color:var(--blue)}
.banner{background:var(--blue);position:relative;border-top:5px solid var(--green)}
.banner p{color:white}
.contact-panel{background:#fff;border:1px solid var(--line);border-radius:3px;border-top:4px solid var(--blue)}
.contact-panel:first-child{border-top-color:var(--green)}
.contact-panel h3{color:var(--blue)}
.contact-panel:first-child>p{border-bottom:1px solid var(--line);padding-bottom:16px}
.field input,.field select,.field textarea{border-radius:3px}
footer{background:#0c2033;color:#c6d6e3;border-top:8px solid var(--blue);position:relative}
footer:before{content:'';position:absolute;top:-8px;left:0;width:30%;height:8px;background:var(--green)}
footer strong,footer a{color:#e1edf7}
footer .logo svg{fill:#c3d2df!important}
.footbottom{color:#b5c6d5;border-color:#345066}
.section.alt{background:#eaf2f8}
#about{background:linear-gradient(135deg,#f4f8fb,#e5f1ec)}
#contact{background:#edf4f9}
.service,.feature,.contact-panel{border-radius:10px;box-shadow:0 7px 22px #18345008}
.hero-card{border-radius:12px;box-shadow:0 22px 65px #001a3440}
.map-link{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:9px 14px;border:1px solid #b9d0e2;border-radius:4px;background:#edf4f9;font-size:14px}
.map-link:hover{background:#dcebf5}
.office-location{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:4px 0 18px}
.office-location p{margin:0;color:var(--muted)}
.office-map{display:block;width:100%;height:145px;border:1px solid var(--line);border-radius:6px;margin:0;background:#eaf2f8}
.whatsapp-qr{display:flex;align-items:center;gap:18px;margin-top:22px;padding:16px;background:#f0f7f2;border:1px solid #c8dfcd;border-radius:6px}
.whatsapp-qr img{display:block;background:white;width:144px;height:144px;max-width:none}
.whatsapp-qr strong{color:var(--blue);font-size:15px}
.whatsapp-qr p{font-size:13px;margin:6px 0}
@media(max-width:1050px) and (min-width:721px){.office-location{grid-template-columns:minmax(0,1fr) 145px;gap:10px}}
@media(max-width:420px){.whatsapp-qr{flex-direction:column;text-align:center}.office-location{grid-template-columns:minmax(0,1fr) 125px;gap:10px}.office-map{height:135px}.office-location p{font-size:14px}}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:4px}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:1050px) and (min-width:721px){.head{gap:14px}.nav{gap:12px;font-size:12px}.nav .btn{padding:11px}.head .logo{max-width:210px}}
@media(max-width:720px){section[id]{scroll-margin-top:90px}.head{height:88px}.head .logo{max-width:225px}.nav{top:88px}.hero:before{width:150px;height:150px;right:-85px;top:-105px}.hero .wrap{padding-top:50px;padding-bottom:50px;gap:34px}.hero h1{letter-spacing:-1px}.hero-card{padding:25px}.trust .wrap{gap:14px;padding-top:24px;padding-bottom:24px}.trust-item{border:0;padding:0}.feature{padding:26px}.contact-panel{padding:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}