:root{--navy:#102b72;--blue:#1677c8;--cyan:#23b7dc;--ink:#111827;--muted:#6b7280;--line:#e7eaf0;--soft:#f5f7fa;--white:#fff;--radius:18px;--shadow:0 20px 60px rgba(15,31,60,.10)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Plus Jakarta Sans', Arial, sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}button{border:0;background:none;cursor:pointer}.container{width:min(1180px,calc(100% - 48px));margin:0 auto}
.header{position:fixed;top:0;left:0;width:100%;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(16,43,114,.08);transition:.3s}.nav-wrap{height:86px;display:flex;align-items:center;gap:36px}.brand img{display:block;width:176px;height:auto}.nav{display:flex;align-items:center;gap:30px;margin-left:auto}.nav a{font-size:13px;font-weight:600;color:#465064;position:relative;padding:8px 0}.nav a:after{content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--blue);transition:.25s}.nav a:hover,.nav a.active{color:var(--navy)}.nav a:hover:after,.nav a.active:after{width:100%}.nav-phone{display:flex;align-items:center;gap:8px;background:var(--navy);color:#fff;padding:12px 17px;border-radius:10px;font-size:12px;font-weight:700}.phone-icon{font-size:15px;display:inline-grid;place-items:center}.phone-icon i{line-height:1}.menu-toggle{display:none}
.hero{height:760px;position:relative;overflow:hidden;background:#0d1e40}.hero-slides,.slide{position:absolute;inset:0}.slide{background-image:var(--bg);background-size:cover;background-position:center;opacity:0;transform:scale(1.03);transition:opacity .7s ease,transform 6s ease}.slide.active{opacity:1;transform:scale(1)}.slide-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,18,43,.88) 0%,rgba(5,18,43,.62) 45%,rgba(5,18,43,.12) 100%)}.hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:65px;color:#fff}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;display:flex;align-items:center;gap:10px;margin-bottom:24px;color:#bfeaff}.eyebrow span{width:34px;height:2px;background:var(--cyan)}h1{font-size:clamp(52px,7vw,86px);line-height:1.02;letter-spacing:-.02em;font-weight:800;max-width:760px}h1 strong{font-weight:800}.hero-content p{max-width:570px;color:rgba(255,255,255,.8);font-size:16px;margin-top:25px}.hero-actions{display:flex;gap:12px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 22px;border-radius:10px;font-size:12px;font-weight:800;letter-spacing:.01em;transition:.25s}.btn span{font-size:17px}.btn-primary{background:var(--cyan);color:#062b50}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(35,183,220,.25)}.btn-light{border:1px solid rgba(255,255,255,.3);color:#fff;background:rgba(255,255,255,.07);backdrop-filter:blur(8px)}.btn-light:hover{background:#fff;color:var(--navy)}.slider-controls{position:absolute;z-index:5;bottom:42px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px}.slider-arrow{width:42px;height:42px;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:#fff;font-size:18px}.slider-arrow:hover{background:#fff;color:var(--navy)}.dots{display:flex;gap:7px}.dot{width:24px;height:3px;background:rgba(255,255,255,.3);transition:.25s}.dot.active{background:var(--cyan);width:42px}.scroll-note{position:absolute;right:34px;bottom:39px;z-index:4;color:rgba(255,255,255,.65);font-size:10px;letter-spacing:.14em;text-transform:uppercase;writing-mode:vertical-rl}.scroll-note span{font-size:15px;margin-top:8px}

.section{padding:120px 0}.about-grid{display:grid;grid-template-columns:30% 1fr;gap:80px}.section-label{font-size:10px;font-weight:800;letter-spacing:.17em;color:var(--blue);text-transform:uppercase}.about-copy{max-width:750px}.about-copy h2,.section-head h2,.fleet h2,.contact-copy h2{font-size:clamp(38px,4.5vw,64px);line-height:1.05;letter-spacing:-.055em;font-weight:600}.about-copy h2 em,.section-head h2 em,.fleet h2 em,.contact-copy h2 em{font-style:normal;color:var(--blue)}.lead{font-size:19px;line-height:1.55;color:#28354c;margin:34px 0 18px;max-width:720px}.about-copy>p:not(.lead){color:var(--muted);max-width:680px;font-size:14px}.text-link{display:inline-flex;gap:12px;margin-top:34px;color:var(--navy);font-size:12px;font-weight:800;border-bottom:1px solid var(--navy);padding-bottom:5px}
.services{background:var(--soft)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:58px}.section-head>div{max-width:680px}.section-head h2{margin-top:18px}.section-head>p{max-width:350px;color:var(--muted);font-size:13px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{position:relative;background:#fff;border:1px solid #edf0f4;padding:32px 26px 30px;min-height:285px;transition:.3s;overflow:hidden}.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:transparent}.service-no{position:absolute;top:23px;right:23px;color:#b8c0cc;font-size:10px;font-weight:800}.service-icon{width:48px;height:48px;border-radius:14px;background:#edf7fc;color:var(--blue);display:grid;place-items:center;font-size:19px;margin-bottom:54px;border:1px solid #deedf5}.service-icon i{line-height:1}.service-card:hover .service-icon{background:var(--navy);color:#fff;border-color:var(--navy);transition:.25s}.service-card h3{font-size:17px;letter-spacing:-.02em}.service-card p{font-size:12px;color:var(--muted);margin-top:12px}
.fleet{background:linear-gradient(125deg,#0b1f4b,#12357d);color:#fff;overflow:hidden}.fleet-grid{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.light-label{color:#8fdcf4}.fleet h2{margin-top:18px}.fleet p{color:#b9c6df;max-width:500px;font-size:14px;margin-top:25px}.fleet-brands{display:flex;align-items:center;gap:18px;margin-top:45px;font-weight:800;letter-spacing:.12em;font-size:12px}.fleet-brands i{height:18px;width:1px;background:rgba(255,255,255,.25)}.fleet-visual{position:relative;height:460px}.truck-card{position:absolute;inset:25px 0 25px 45px;border-radius:28px;overflow:hidden;background:#0b1733;box-shadow:0 35px 80px rgba(0,0,0,.28)}.truck-image{height:100%;background-image:linear-gradient(0deg,rgba(6,17,39,.85),rgba(6,17,39,0) 65%),url('../assets/images/fleet.webp');background-size:cover;background-position:center}.truck-info{position:absolute;bottom:0;left:0;right:0;padding:28px}.truck-info span{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:9px;color:#9fb0d0;margin-bottom:5px}.truck-info strong{font-size:18px}
.contact{background:#fff}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.contact-copy h2{margin-top:18px}.contact-copy>p{color:var(--muted);font-size:14px;max-width:430px;margin-top:25px}.contact-details{margin-top:42px;display:grid;gap:20px}.contact-details a{display:flex;align-items:center;gap:15px}.detail-icon{width:44px;height:44px;border-radius:12px;background:var(--soft);display:grid;place-items:center;color:var(--navy);font-size:16px}.contact-details small{display:block;color:#9aa2af;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.contact-details strong{display:block;font-size:13px;margin-top:2px}.contact-form{background:var(--soft);padding:40px;border-radius:22px}.contact-form label{display:block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:#667085;margin-bottom:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form input,.contact-form textarea{width:100%;display:block;margin-top:8px;background:#fff;border:1px solid #e3e7ee;border-radius:9px;padding:14px 15px;font-size:12px;outline:none;transition:.2s;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#6cbfe0;box-shadow:0 0 0 3px rgba(35,183,220,.1)}.btn-dark{background:var(--navy);color:#fff;width:100%;margin-top:5px}.btn-dark:hover{background:#071a48}.form-message{font-size:11px;margin-top:12px;color:var(--blue)}
.footer{background:#f2f5f8}.footer-top{padding:50px 0 42px;display:grid;grid-template-columns:1.3fr 1fr 1fr;align-items:center;gap:40px}.footer-logo{width:175px}.footer-tagline{font-size:14px;color:#657084;line-height:1.35}.footer-tagline strong{color:var(--navy);font-size:19px}.footer-social{justify-self:end;display:flex;align-items:center;gap:9px}.footer-social span{font-size:10px;color:#788394;text-transform:uppercase;letter-spacing:.1em;margin-right:6px}.footer-social a{width:38px;height:38px;border:1px solid #d7dde6;border-radius:50%;display:grid;place-items:center;font-size:17px;color:var(--navy);transition:.25s}.footer-social a:hover{background:var(--navy);color:#fff;border-color:var(--navy);transform:translateY(-2px)}.footer-bottom{border-top:1px solid #dce1e8;padding:18px 0;display:flex;justify-content:space-between;color:#87909e;font-size:10px}
.floating-actions{position:fixed;right:22px;bottom:22px;z-index:80;display:flex;flex-direction:column;gap:10px}.float-btn{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:21px;box-shadow:0 10px 30px rgba(0,0,0,.18);transition:.25s}.float-btn:hover{transform:translateY(-3px) scale(1.03)}.whatsapp{background:#25D366}.phone{background:var(--navy);font-size:18px}
@media(max-width:950px){.nav{gap:18px}.nav-phone{display:none}.service-grid{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr;gap:28px}.fleet-grid{grid-template-columns:1fr;gap:20px;padding-top:90px;padding-bottom:90px}.fleet-visual{height:400px}.contact-grid{grid-template-columns:1fr;gap:50px}.footer-top{grid-template-columns:1fr 1fr}.footer-social{justify-self:start}}
@media(max-width:720px){.container{width:min(100% - 32px,1180px)}.header .nav-wrap{height:72px}.brand img{width:148px}.menu-toggle{display:flex;margin-left:auto;width:36px;height:36px;flex-direction:column;justify-content:center;gap:5px}.menu-toggle span{width:23px;height:2px;background:var(--navy);display:block;margin-left:auto}.nav{position:absolute;top:72px;left:16px;right:16px;background:#fff;padding:16px;border-radius:14px;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch;gap:3px}.nav.open{display:flex}.nav a{padding:11px 10px}.hero{height:690px}.slide-overlay{background:linear-gradient(90deg,rgba(5,18,43,.9),rgba(5,18,43,.48))}.hero-content{padding-top:55px}.hero-content p{font-size:13px;max-width:500px}.hero-actions{flex-wrap:wrap}.btn{padding:13px 17px}.slider-controls{bottom:24px}.scroll-note{display:none}.section{padding:78px 0}.service-grid{grid-template-columns:1fr}.service-card{min-height:245px}.service-icon{margin-bottom:42px}.section-head{display:block;margin-bottom:38px}.section-head>p{margin-top:22px}.fleet-grid{min-height:0}.fleet-visual{height:330px}.truck-card{inset:10px 0 10px 0}.contact-form{padding:24px}.form-row{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr;gap:24px}.footer-social{justify-self:start}.footer-bottom{display:block;line-height:1.8}.footer-bottom span:last-child{display:none}.floating-actions{right:14px;bottom:14px}.float-btn{width:46px;height:46px}}


/* Contact form states */
.hp-field { position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; overflow:hidden !important; }
.form-message { min-height: 24px; margin-top: 12px; font-size: 14px; line-height: 1.5; }
.form-message.success { color: #16834a; }
.form-message.error { color: #c62828; }
.contact-form button:disabled { opacity: .65; cursor: wait; }


/* 2026-08 hero, phone and fleet refinements */
.hero-content{align-items:center;text-align:center;padding-top:72px}
.hero-content h1{max-width:940px;margin-left:auto;margin-right:auto}
.hero-content p{max-width:680px;margin-left:auto;margin-right:auto}
.hero-actions{justify-content:center}
.slide-overlay{background:linear-gradient(0deg,rgba(5,18,43,.70) 0%,rgba(5,18,43,.48) 48%,rgba(5,18,43,.50) 100%)}
.btn-whatsapp{background:#25D366;color:#fff;border:1px solid #25D366}
.btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(37,211,102,.28)}
.btn-call{background:var(--cyan);color:#062b50;border:1px solid var(--cyan)}
.btn-call:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(35,183,220,.26)}
.hero-actions .btn i{font-size:16px}
.slider-controls{bottom:88px;justify-content:center}
.scroll-down{position:absolute;left:50%;bottom:18px;z-index:7;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;color:#fff;opacity:.88;transition:.25s}
.scroll-down:hover{opacity:1;transform:translateX(-50%) translateY(2px)}
.scroll-mouse{width:23px;height:35px;border:1.5px solid rgba(255,255,255,.82);border-radius:13px;display:flex;justify-content:center;padding-top:7px}
.scroll-wheel{width:3px;height:7px;border-radius:3px;background:#fff;animation:scrollWheel 1.55s ease-in-out infinite}
.scroll-down>i{font-size:11px;animation:scrollArrow 1.55s ease-in-out infinite}
@keyframes scrollWheel{0%{transform:translateY(0);opacity:0}25%{opacity:1}75%{opacity:1}100%{transform:translateY(10px);opacity:0}}
@keyframes scrollArrow{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(4px);opacity:1}}
@media(max-width:720px){
  .hero-content{padding-top:58px;text-align:center;align-items:center}
  .hero-content h1{font-size:clamp(42px,12vw,62px)}
  .hero-actions{justify-content:center}
  .slider-controls{bottom:82px}
  .scroll-down{display:flex;bottom:14px}
}

/* 2026-08 automatic hero slider refinement */
.slider-controls{display:none!important}
.hero-fixed-actions{position:absolute;left:50%;bottom:82px;z-index:8;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap}
.hero-fixed-actions .btn{min-width:148px;justify-content:center}
@media(max-width:720px){
  .hero-fixed-actions{bottom:78px;width:calc(100% - 32px);gap:9px}
  .hero-fixed-actions .btn{min-width:0;flex:1;padding-left:12px;padding-right:12px}
}


/* 2026-08 reference-inspired hero composition */
.hero{height:760px;min-height:680px}
.slide{background-position:center 52%;transition:opacity .9s ease,transform 7s ease}
.slide-overlay{background:linear-gradient(180deg,rgba(7,25,53,.68) 0%,rgba(7,25,53,.62) 46%,rgba(7,25,53,.74) 100%)}
.hero-content{padding-top:34px;justify-content:center;align-items:center;text-align:center;transform:translateY(-34px)}
.hero-badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 17px;margin-bottom:22px;border:1px solid rgba(35,183,220,.48);border-radius:999px;background:rgba(9,34,67,.32);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#8ee7fb;font-size:10px;font-weight:800;letter-spacing:.16em;line-height:1;text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.hero-content h1{font-size:clamp(48px,5.2vw,76px);line-height:1.02;letter-spacing:-.02em;font-weight:800;max-width:1040px;margin:0 auto;text-shadow:0 6px 30px rgba(0,0,0,.16)}
.hero-content h1 strong{display:inline-block;color:var(--cyan);font-weight:800}
.hero-content p{max-width:700px;margin-top:24px;color:rgba(255,255,255,.82);font-size:15px;line-height:1.65}
.hero-fixed-actions{top:calc(50% + 142px);bottom:auto;gap:12px}
.hero-fixed-actions .btn{height:50px;min-width:150px;border-radius:999px;padding:0 24px;gap:10px;font-size:12px;box-shadow:0 12px 35px rgba(0,0,0,.16)}
.hero-fixed-actions .btn-whatsapp{background:#25D366;border-color:#25D366;color:#fff}
.hero-fixed-actions .btn-call{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.20);color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hero-fixed-actions .btn-call:hover{background:rgba(255,255,255,.22);color:#fff}
.scroll-down{bottom:22px}

@media(max-width:720px){
  .hero{height:680px;min-height:640px}
  .slide{background-position:center}
  .hero-content{padding-top:10px;transform:translateY(-46px)}
  .hero-badge{font-size:8px;letter-spacing:.12em;padding:8px 13px;margin-bottom:18px;min-height:31px}
  .hero-content h1{font-size:clamp(38px,11vw,54px);line-height:1.04;max-width:96%}
  .hero-content p{font-size:13px;line-height:1.55;max-width:92%;margin-top:18px}
  .hero-fixed-actions{top:calc(50% + 130px);width:calc(100% - 42px);gap:9px}
  .hero-fixed-actions .btn{height:47px;min-width:0;flex:1;padding:0 12px;font-size:11px}
  .scroll-down{bottom:14px}
}

/* Plus Jakarta Sans typography */
body, button, input, textarea {
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}

h1, .hero-content h1 {
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  font-weight: 800;
  letter-spacing: -0.02em;
}
.hero-content h1 strong { font-weight: 900; }



/* Scroll-progress fade for selected section headings: fixed position, opacity only */
.about-copy h2,
.section-head h2,
.fleet h2,
.contact-copy h2 {
  font-weight: 900;
  letter-spacing: -0.035em;
}
.about-copy h2 em,
.section-head h2 em,
.fleet h2 em,
.contact-copy h2 em {
  font-weight: 900;
}

.scroll-fade-title,
.scroll-fade-label {
  opacity: 0;
  transform: none !important;
  transition: none !important;
  will-change: opacity;
}

@media (prefers-reduced-motion: reduce) {
  .scroll-fade-title,
  .scroll-fade-label { opacity: 1 !important; }
}


/* 2026-09 unified reveal system */
.hero-badge{
  font-weight:900 !important;
  letter-spacing:.10em !important;
}
.hero-content h1,
.hero-content h1 strong{
  font-weight:900 !important;
  letter-spacing:-.035em !important;
}

/* Large section headings stay fixed: opacity only */
.reveal-title{
  opacity:0;
  transform:none !important;
  transition:opacity .85s cubic-bezier(.2,.7,.2,1);
  will-change:opacity;
}
.reveal-title.is-visible{opacity:1;}

/* Other page elements use a restrained, consistent entrance */
.reveal-item{
  opacity:0;
  transform:translateY(18px);
  transition:
    opacity .72s cubic-bezier(.2,.7,.2,1),
    transform .72s cubic-bezier(.2,.7,.2,1);
  transition-delay:var(--reveal-delay,0ms);
  will-change:opacity,transform;
}
.reveal-item.is-visible{
  opacity:1;
  transform:translateY(0);
}

/* Cards get an even softer motion */
.service-card.reveal-item,
.truck-card.reveal-item,
.contact-form.reveal-item{
  transform:translateY(22px) scale(.992);
}
.service-card.reveal-item.is-visible,
.truck-card.reveal-item.is-visible,
.contact-form.reveal-item.is-visible{
  transform:translateY(0) scale(1);
}

/* Hero entrance sequence */
.hero .hero-badge,
.hero .hero-content h1,
.hero .hero-content p,
.hero .hero-fixed-actions,
.hero .scroll-down{
  opacity:0;
  transform:translateY(14px);
  animation:heroReveal .8s cubic-bezier(.2,.7,.2,1) forwards;
}
.hero .hero-badge{animation-delay:.12s;}
.hero .hero-content h1{animation-delay:.24s;}
.hero .hero-content p{animation-delay:.38s;}
.hero .hero-fixed-actions{animation-delay:.52s;}
.hero .scroll-down{animation-delay:.7s;}
@keyframes heroReveal{
  to{opacity:1;transform:translateY(0);}
}
/* Preserve fixed-position transforms for hero controls */
.hero .hero-fixed-actions{
  animation-name:heroActionsReveal;
}
@keyframes heroActionsReveal{
  from{opacity:0;transform:translate(-50%,14px);}
  to{opacity:1;transform:translate(-50%,0);}
}
.hero .scroll-down{
  animation-name:heroScrollReveal;
}
@keyframes heroScrollReveal{
  from{opacity:0;transform:translate(-50%,12px);}
  to{opacity:.88;transform:translate(-50%,0);}
}

@media (prefers-reduced-motion: reduce){
  .reveal-title,.reveal-item,
  .hero .hero-badge,.hero .hero-content h1,.hero .hero-content p,
  .hero .hero-fixed-actions,.hero .scroll-down{
    opacity:1 !important;
    transform:none !important;
    animation:none !important;
    transition:none !important;
  }
  .hero .hero-fixed-actions{transform:translateX(-50%) !important;}
  .hero .scroll-down{transform:translateX(-50%) !important;}
}

/* 2026-09-03 typography adjustment: H2 + hero headings SemiBold 600 */
.about-copy h2,
.section-head h2,
.fleet h2,
.contact-copy h2,
.about-copy h2 em,
.section-head h2 em,
.fleet h2 em,
.contact-copy h2 em,
.hero-content h1,
.hero-content h1 strong,
.hero-badge {
  font-weight: 600 !important;
}


/* 2026-09-03: Slightly larger hero and floating contact actions */
.hero-fixed-actions .btn{
  height:54px;
  min-width:158px;
  padding-left:27px;
  padding-right:27px;
  font-size:12.5px;
}
.hero-fixed-actions .btn i{font-size:17px}

.float-btn{
  width:56px;
  height:56px;
  font-size:22px;
}
.float-btn.phone{font-size:19px}

@media(max-width:720px){
  .hero-fixed-actions .btn{
    height:50px;
    min-width:0;
    padding-left:14px;
    padding-right:14px;
    font-size:11.5px;
  }
  .float-btn{
    width:49px;
    height:49px;
    font-size:20px;
  }
  .float-btn.phone{font-size:17px}
}

/* Contact address */
.contact-address{display:flex;align-items:center;gap:14px}
.contact-address .detail-icon{flex:0 0 auto}
.contact-address div{display:flex;flex-direction:column;gap:3px}
.contact-address small{font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.65}
.contact-address strong{font-weight:600;line-height:1.55}

/* Larger right-side floating WhatsApp / Call buttons */
.floating-actions .float-btn{
  width:64px;
  height:64px;
  font-size:26px;
}
.floating-actions .float-btn.phone{font-size:22px}
@media(max-width:720px){
  .floating-actions .float-btn{
    width:56px;
    height:56px;
    font-size:23px;
  }
  .floating-actions .float-btn.phone{font-size:20px}
}

/* Hero local image fix */
.hero .slide{
  background-image:url('../assets/images/hero-slider.webp') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
.hero .slide.active{opacity:1 !important;visibility:visible !important;}

/* Subtle mouse-follow movement for hero image */
.hero{overflow:hidden}
.hero .slide{
  background-position:calc(50% + var(--hero-x, 0px)) calc(50% + var(--hero-y, 0px)) !important;
  transition:background-position .55s cubic-bezier(.2,.7,.2,1), opacity .7s ease, transform 6s ease;
  will-change:background-position;
}
@media (prefers-reduced-motion: reduce){
  .hero .slide{background-position:center center !important;}
}


/* Direct contact card — no form / no personal data collection */
.contact-direct-card{background:var(--soft);padding:40px;border-radius:22px;align-self:start}
.contact-direct-title{font-size:22px;font-weight:700;color:var(--navy);margin-bottom:10px}
.contact-direct-card>p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 28px}
.contact-direct-action{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e3e7ee;border-radius:14px;padding:18px 20px;margin-top:12px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.contact-direct-action:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(10,31,68,.08);border-color:#cfd7e3}
.contact-direct-action>i{width:42px;height:42px;border-radius:12px;background:var(--navy);color:#fff;display:grid;place-items:center;flex:0 0 auto}
.contact-direct-action span{display:flex;flex-direction:column;gap:3px}
.contact-direct-action small{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#9aa2af}
.contact-direct-action strong{font-size:14px;color:var(--navy)}
@media(max-width:720px){.contact-direct-card{padding:24px}}

/* Self-contained inline SVG icon system: no external files, fonts or CDN */
.icon-svg{width:1em;height:1em;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.service-icon .icon-svg{width:22px;height:22px}
.phone-icon .icon-svg{width:16px;height:16px}
.btn .icon-svg{width:17px;height:17px}
.float-btn .icon-svg{width:24px;height:24px}
.scroll-down>.icon-svg{width:16px;height:16px}
.text-link .icon-svg{width:15px;height:15px;vertical-align:-2px;display:inline-block}
.contact-icon-box .icon-svg{width:20px;height:20px}
.whatsapp-icon{display:block;width:18px;height:18px;fill:currentColor;stroke:none;flex:0 0 auto}
.whatsapp-icon .wa-fill{fill:currentColor}
.float-btn .whatsapp-icon{width:28px;height:28px}

/* WhatsApp size/color safeguard */
.btn-whatsapp .whatsapp-icon{
  width:18px !important;height:18px !important;max-width:18px !important;max-height:18px !important;
  fill:#fff !important;color:#fff !important;stroke:none !important;
}
.floating-actions .float-btn.whatsapp{
  width:64px !important;height:64px !important;border-radius:50% !important;
  background:#25D366 !important;color:#fff !important;
}
.floating-actions .float-btn.whatsapp .whatsapp-icon{
  width:26px !important;height:26px !important;max-width:26px !important;max-height:26px !important;
  fill:#fff !important;color:#fff !important;stroke:none !important;
}
@media(max-width:720px){
  .floating-actions .float-btn.whatsapp{width:56px !important;height:56px !important}
  .floating-actions .float-btn.whatsapp .whatsapp-icon{
    width:24px !important;height:24px !important;max-width:24px !important;max-height:24px !important;
  }
}