.landing-page{background:var(--navy);color:#fff}
.landing-hero{position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;min-height:100svh;overflow:hidden;background:var(--navy) url('../images/hero-benjamin-life.webp') center center/cover no-repeat}
.landing-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,rgba(5,25,44,.88),rgba(9,34,60,.76) 55%,rgba(49,47,29,.69)),linear-gradient(0deg,rgba(5,25,44,.75),transparent 40%);pointer-events:none}
.landing-hero .hero-video{z-index:-2;object-position:center center}
.landing-header{display:flex;justify-content:center;padding:0 24px}
.landing-brand{display:grid;place-items:center;width:190px;min-height:145px;padding:17px 25px 20px;background:#fff;border-bottom:3px solid var(--gold);border-radius:0 0 5px 5px;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.landing-brand img{display:block;width:140px;height:111px;object-fit:contain}
.landing-content{align-self:center;width:min(100%,1040px);margin-inline:auto;padding:42px 24px 38px;text-align:center}
.landing-kicker{display:block;margin-bottom:15px;color:var(--gold-soft);font-size:.68rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}
.landing-content h1{max-width:950px;margin:0 auto 19px;font-family:var(--font-body);font-size:clamp(2rem,3.5vw,3.3rem);font-weight:700;letter-spacing:-.035em;line-height:1.12;text-wrap:balance}
.landing-content h1 span{color:var(--gold-soft)}
.landing-content h2{margin:0 auto 12px;color:#fff;font-family:var(--font-body);font-size:clamp(1.04rem,1.5vw,1.25rem);font-weight:600;line-height:1.45;letter-spacing:0;text-wrap:balance}
.landing-description{max-width:690px;margin:0 auto;color:#e0e7ec;font-size:1rem;line-height:1.7;text-wrap:pretty}
.landing-actions{display:grid;gap:12px;width:min(100%,490px);margin:28px auto 0}
.landing-action{display:grid;grid-template-columns:38px minmax(0,1fr) 16px;align-items:center;gap:13px;min-height:62px;padding:11px 17px 11px 12px;border:1px solid rgba(255,255,255,.8);border-radius:5px;background:#fff;color:var(--navy);font-size:.92rem;font-weight:700;line-height:1.4;text-align:left;box-shadow:0 8px 22px rgba(0,0,0,.08);transition:transform .2s,background .2s,box-shadow .2s}
.landing-action:hover{transform:translateY(-2px);background:#fbf7ed;box-shadow:0 12px 28px rgba(0,0,0,.18)}
.landing-action-icon{display:grid;place-items:center;align-self:center;width:38px;height:38px;background:#22b965;color:#fff;border-radius:5px;font-size:1.24rem}
.landing-action>.fa-chevron-right{justify-self:end;color:#657b8c;font-size:.69rem;transition:transform .2s}
.landing-action:hover>.fa-chevron-right{transform:translateX(3px)}
.landing-reassurance{margin:18px auto 0;color:#d4dfe6;font-size:.74rem}
.landing-reassurance i{color:var(--gold-soft);margin-right:6px}
.landing-footer{position:relative;width:min(100% - 48px,1040px);margin-inline:auto;padding:16px 220px 20px;text-align:center;border-top:1px solid rgba(255,255,255,.15);color:#c4d1da;font-size:.66rem;line-height:1.7}
.landing-footer p{margin:0 0 3px}
.landing-footer .privacy-open{font-size:.69rem;padding:4px;color:var(--gold-soft)}
.landing-page .whatsapp-widget{right:28px;bottom:24px}
.landing-page .cookie-banner{width:min(490px,calc(100% - 48px));bottom:24px;gap:12px;padding:14px 16px}
.landing-page .cookie-banner p{font-size:.72rem;line-height:1.5}
.landing-page .cookie-symbol{display:none}
.landing-page .cookie-accept{min-width:75px;padding:10px 13px}
@media(min-width:768px) and (max-height:800px){
  .landing-brand{width:160px;min-height:114px;padding:10px 20px 12px}
  .landing-brand img{width:119px;height:91px}
  .landing-content{padding-top:28px;padding-bottom:25px}
  .landing-content h1{font-size:clamp(2rem,3.1vw,2.8rem);margin-bottom:14px}
  .landing-kicker{margin-bottom:10px}
  .landing-actions{margin-top:22px;gap:10px}
  .landing-action{min-height:57px;padding-block:9px}
  .landing-reassurance{margin-top:13px}
}
@media(max-width:767px){
  .landing-brand{width:160px;min-height:120px;padding:12px 20px 15px}
  .landing-brand img{width:120px;height:93px}
  .landing-content{padding:34px 22px 30px}
  .landing-kicker{font-size:.6rem;letter-spacing:.12em;margin-bottom:13px}
  .landing-content h1{font-size:clamp(1.8rem,6.6vw,2.7rem);line-height:1.15;margin-bottom:17px}
  .landing-content h2{font-size:1.01rem;margin-bottom:12px}
  .landing-description{max-width:530px;font-size:.9rem;line-height:1.65}
  .landing-actions{margin-top:25px;gap:11px}
  .landing-action{font-size:.86rem;gap:11px;padding-right:13px}
  .landing-reassurance{font-size:.68rem;margin-top:16px}
  .landing-footer{width:calc(100% - 44px);padding:15px 0 94px;font-size:.62rem}
  .landing-page .whatsapp-widget{right:22px;bottom:calc(18px + env(safe-area-inset-bottom))}
  .landing-page .whatsapp-panel{width:min(360px,calc(100vw - 44px))}
  .landing-page .cookie-banner{left:12px;bottom:calc(86px + env(safe-area-inset-bottom));width:calc(100% - 24px);flex-wrap:nowrap;align-items:center;gap:12px}
  .landing-page .cookie-banner p{flex-basis:auto;font-size:.69rem}
  .landing-page .cookie-accept{width:auto;min-width:69px}
}
@media(max-width:359px){
  .landing-content{padding-inline:18px}
  .landing-content h1{font-size:1.78rem}
  .landing-action{grid-template-columns:34px minmax(0,1fr) 12px;font-size:.8rem;gap:9px;padding-left:10px}
  .landing-action-icon{width:34px;height:36px}
}
@media(prefers-reduced-motion:reduce){.landing-action:hover,.landing-action:hover>.fa-chevron-right{transform:none}}