/* WM Logistik Contable: visual polish inspired by the approved direction.
   The supplied logo asset is not altered; this file only controls layout. */
.accounting-landing{--accounting-navy:#0b2e5d;--accounting-navy-2:#123f73;--accounting-orange:#ff6a00;--accounting-ink:#13263a;--accounting-muted:#607184}

/* Header */
.accounting-landing .site-header{background:linear-gradient(90deg,#0a294b,#0d355f)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 10px 30px rgba(5,28,52,.12)}
.accounting-landing .site-header .header-inner{min-height:96px!important;gap:28px}
.accounting-landing .site-header .brand.brand-lockup{width:360px;min-width:360px;max-width:360px;height:76px;padding:5px 8px!important;background:#fff!important;border-radius:14px!important;border:0!important;box-shadow:0 10px 30px rgba(0,0,0,.12)!important;overflow:hidden}
.accounting-landing .site-header .brand.brand-lockup::before{height:66px!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important}
.accounting-landing .site-header .nav{gap:28px!important}
.accounting-landing .site-header .nav a:not(.btn){position:relative;padding:13px 0!important;border-radius:0!important;background:transparent!important;color:rgba(255,255,255,.88)!important;font-size:14px;font-weight:800}
.accounting-landing .site-header .nav a:not(.btn):hover{color:#fff!important}
.accounting-landing .site-header .nav a.active-link{color:#fff!important}
.accounting-landing .site-header .nav a.active-link::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:3px;border-radius:10px;background:var(--accounting-orange)}
.accounting-landing .site-header .nav .btn{background:var(--accounting-orange)!important;border-color:var(--accounting-orange)!important;color:#fff!important;border-radius:14px;min-height:48px;padding-inline:23px;box-shadow:0 10px 24px rgba(255,106,0,.22)}

/* Hero */
.accounting-landing .lp-hero{position:relative;min-height:640px;padding:86px 0 62px;background:linear-gradient(110deg,#fff 0%,#f9fbfd 54%,#eef4f8 100%)!important;color:var(--accounting-ink);overflow:hidden}
.accounting-landing .lp-hero::before{content:""!important;position:absolute!important;inset:0 0 0 52%!important;width:auto!important;height:auto!important;border-radius:0!important;background:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.20) 28%,rgba(8,39,70,.06) 100%),url('https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&q=88&w=1400') center/cover no-repeat!important;opacity:1!important}
.accounting-landing .lp-hero::after{content:"";position:absolute;left:-120px;bottom:-220px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,106,0,.08),transparent 68%);pointer-events:none}
.accounting-landing .lp-hero-grid{position:relative;z-index:2;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;min-height:500px}
.accounting-landing .lp-copy{max-width:720px}
.accounting-landing .lp-copy .kicker{display:flex;align-items:center;gap:16px;color:#415872;letter-spacing:.28em;font-size:12px;margin-bottom:18px}
.accounting-landing .lp-copy .kicker::before{content:"";width:56px;height:3px;border-radius:10px;background:var(--accounting-orange)}
.accounting-landing .lp-copy h1{margin:0 0 24px;color:var(--accounting-ink)!important;text-transform:none!important;font-size:clamp(50px,5.7vw,76px);line-height:1.01;letter-spacing:-.05em;max-width:760px}
.accounting-landing .lp-copy h1 span{color:var(--accounting-orange)!important}
.accounting-landing .lp-copy>p{max-width:690px;color:var(--accounting-muted)!important;font-size:19px;line-height:1.55;margin-bottom:26px}
.accounting-landing .hero-actions{display:flex;align-items:center;gap:14px;margin:30px 0 28px}
.accounting-landing .hero-actions .btn-orange{background:var(--accounting-orange);border-color:var(--accounting-orange);border-radius:15px;min-height:54px;padding-inline:26px;box-shadow:0 14px 28px rgba(255,106,0,.20)}
.accounting-landing .hero-actions .btn-outline{background:#fff;color:var(--accounting-navy)!important;border:1px solid #cbd7e1;border-radius:15px;min-height:54px;padding-inline:24px}
.accounting-landing .lp-trust{gap:10px;margin-top:26px}
.accounting-landing .lp-trust span{background:#fff!important;border:1px solid #dbe4eb!important;color:#4c6277!important;box-shadow:0 7px 18px rgba(27,54,77,.05)}

/* Preserve the signal card but integrate it into the photographic side */
.accounting-landing .lp-hero-card{justify-self:end;align-self:end;width:min(100%,390px);margin:0 0 8px;background:rgba(8,39,70,.94)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:26px;padding:30px;box-shadow:0 28px 70px rgba(5,31,57,.28);backdrop-filter:blur(10px)}
.accounting-landing .lp-hero-card .mini-label{color:#ffb17e;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.accounting-landing .lp-hero-card h2{font-size:29px;line-height:1.08;color:#fff;margin:13px 0 17px}
.accounting-landing .lp-hero-card .check-list li{padding:9px 0 9px 27px;color:#e7edf3;border-color:rgba(255,255,255,.11);font-size:14px}
.accounting-landing .lp-hero-card .text-cta{display:inline-flex;margin-top:7px;color:#fff}

/* Connecting strip and sections */
.accounting-landing .lp-proof{border-color:#e7edf2;background:#fff;box-shadow:0 8px 24px rgba(27,54,77,.04)}
.accounting-landing .lp-proof .container{min-height:82px;gap:28px}
.accounting-landing .lp-proof strong{color:#607184;font-size:11px;letter-spacing:.14em}
.accounting-landing .lp-proof i{background:var(--accounting-orange)}
.accounting-landing .lp-services{background:#fff}
.accounting-landing .section-head h2{color:var(--accounting-ink)}
.accounting-landing .lp-service-grid article{border-color:#e2e8ee;box-shadow:0 12px 34px rgba(18,63,115,.05)}
.accounting-landing .lp-service-grid h3{color:var(--accounting-navy)}
.accounting-landing .lp-service-grid article>span{background:#fff1e8;color:var(--accounting-orange)}
.accounting-landing .lp-service-grid article::before{background:var(--accounting-orange)}
.accounting-landing .lp-diagnostic-section{background:linear-gradient(135deg,#08294c,#0d3a67)}
.accounting-landing .featured-price{background:var(--accounting-navy)!important;border-color:var(--accounting-navy)!important}
.accounting-landing .lp-final-cta{background:linear-gradient(135deg,#08294c,#0d3a67)}
.accounting-landing .whatsapp-float{background:var(--accounting-orange)}

@media(max-width:1120px){
  .accounting-landing .site-header .brand.brand-lockup{width:320px;min-width:320px;max-width:320px}
  .accounting-landing .site-header .nav{gap:18px!important}
}
@media(max-width:980px){
  .accounting-landing .site-header .header-inner{min-height:82px!important}
  .accounting-landing .site-header .brand.brand-lockup{width:270px!important;min-width:0!important;max-width:calc(100% - 62px)!important;height:66px;padding:4px 7px!important}
  .accounting-landing .site-header .brand.brand-lockup::before{height:56px!important}
  .accounting-landing .lp-hero{padding:64px 0 56px;min-height:auto}
  .accounting-landing .lp-hero::before{inset:42% 0 0 0!important;background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.92) 18%,rgba(8,39,70,.10) 100%),url('https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&q=88&w=1200') center/cover no-repeat!important}
  .accounting-landing .lp-hero-grid{grid-template-columns:1fr;gap:32px}
  .accounting-landing .lp-copy{max-width:none}
  .accounting-landing .lp-hero-card{justify-self:stretch;width:100%;margin-top:250px}
}
@media(max-width:640px){
  .accounting-landing .site-header .brand.brand-lockup{width:235px!important;height:60px;padding:3px 6px!important}
  .accounting-landing .site-header .brand.brand-lockup::before{height:50px!important}
  .accounting-landing .lp-hero{padding-top:48px}
  .accounting-landing .lp-copy .kicker{font-size:10px;letter-spacing:.18em;gap:10px}
  .accounting-landing .lp-copy .kicker::before{width:34px;height:2px}
  .accounting-landing .lp-copy h1{font-size:43px}
  .accounting-landing .lp-copy>p{font-size:17px}
  .accounting-landing .hero-actions{flex-direction:column;align-items:stretch}
  .accounting-landing .hero-actions .btn{width:100%}
  .accounting-landing .lp-hero-card{margin-top:210px;padding:24px}
  .accounting-landing .lp-hero-card h2{font-size:25px}
}