
/* BupaWeb organic landing pages — 2026 editorial restyle
   Visual layer only: content hierarchy, copy, URLs and crawlable links remain HTML. */
.bw-seo-landing{--seo-ink:#0b1d22;--seo-muted:#5b696e;--seo-line:#dce4e1;--seo-soft:#f0f6f3;--seo-accent:#32c7a5;--seo-dark:#052831}
.bw-seo-landing main{overflow:hidden}
.bw-seo-landing .breadcrumbs{padding-top:22px;padding-bottom:0;color:#708087;font-size:.88rem}
.bw-seo-landing .breadcrumbs a{color:inherit;text-decoration:none}
.bw-seo-landing .page-hero{position:relative!important;display:block!important;min-height:520px!important;padding-top:clamp(55px,7vw,100px)!important;padding-bottom:clamp(75px,8vw,120px)!important;padding-right:min(42vw,590px)!important;border-bottom:1px solid var(--seo-line)!important;overflow:hidden!important}
.bw-seo-landing .page-hero>*{position:relative;z-index:2}
.bw-seo-landing .page-hero .eyebrow{display:inline-flex!important;align-items:center;gap:12px;font-size:11px!important;font-weight:900!important;letter-spacing:.23em!important;text-transform:uppercase;color:#1f846d!important;margin:0 0 14px!important}
.bw-seo-landing .page-hero .eyebrow:before{content:"";width:30px;height:1px;background:currentColor}
.bw-seo-landing .page-hero h1{font-size:clamp(56px,7vw,112px)!important;line-height:.89!important;letter-spacing:-.067em!important;max-width:10.5ch!important;margin:0 0 24px!important;color:var(--seo-ink)!important}
.bw-seo-landing .page-hero h1 em{font-style:italic;font-weight:500;color:#1f9c80}
.bw-seo-landing .page-hero>p:not(.eyebrow){font-size:clamp(18px,1.45vw,22px)!important;line-height:1.68!important;max-width:690px!important;color:var(--seo-muted)!important;margin:0 0 28px!important}
.bw-seo-landing .page-hero .button{position:relative;z-index:3}
.bw-seo-landing .page-hero:before{content:"";position:absolute;right:clamp(28px,4.5vw,78px);top:50%;width:min(32vw,470px);aspect-ratio:1/1;transform:translateY(-50%) rotate(3deg);border-radius:42px;background:linear-gradient(145deg,#eef7f3 0%,#fff 52%,#d9f3e8 100%);border:1px solid rgba(11,29,34,.09);box-shadow:0 35px 90px rgba(8,37,44,.10);z-index:0}
.bw-seo-landing .page-hero:after{content:"";position:absolute;right:clamp(62px,8vw,132px);top:50%;width:min(24vw,350px);aspect-ratio:1/1;transform:translateY(-50%) rotate(-9deg);border-radius:36% 64% 58% 42% / 42% 38% 62% 58%;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.96),transparent 25%),linear-gradient(145deg,#0c4a53 0%,#33c5a4 42%,#b7f3d9 78%,#ffffff 100%);box-shadow:inset -20px -18px 50px rgba(3,38,44,.16),0 25px 60px rgba(12,74,83,.15);z-index:1}

.bw-seo-landing .editorial-layout{display:grid!important;grid-template-columns:minmax(210px,260px) minmax(0,1fr)!important;gap:clamp(38px,6vw,92px)!important;padding-top:clamp(70px,8vw,120px)!important;padding-bottom:clamp(65px,8vw,110px)!important;align-items:start}
.bw-seo-landing .article-nav{position:relative!important;top:auto!important;display:flex!important;flex-direction:column;gap:0;border-top:2px solid var(--seo-ink)!important;padding-top:18px!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
.bw-seo-landing .article-nav strong{font-size:.76rem!important;text-transform:uppercase;letter-spacing:.14em;color:#1f846d!important;margin-bottom:12px}
.bw-seo-landing .article-nav a{font-size:.92rem!important;line-height:1.35;padding:11px 0!important;border-bottom:1px solid var(--seo-line)!important;color:#536267!important;text-decoration:none!important}
.bw-seo-landing .article-nav a:hover{color:var(--seo-ink)!important}

.bw-seo-landing article.prose{max-width:none!important;margin:0!important}
.bw-seo-landing article.prose>section{background:transparent!important;border:0!important;border-top:1px solid var(--seo-line)!important;border-radius:0!important;box-shadow:none!important;padding:clamp(42px,5vw,70px) 0!important;margin:0!important}
.bw-seo-landing article.prose>section:first-child{border-top:0!important;padding-top:0!important}
.bw-seo-landing article.prose h2{font-size:clamp(38px,4.4vw,68px)!important;line-height:.96!important;letter-spacing:-.055em!important;margin:0 0 24px!important;max-width:14ch;color:var(--seo-ink)!important}
.bw-seo-landing article.prose p,.bw-seo-landing article.prose li{font-size:clamp(16px,1.08vw,18px)!important;line-height:1.78!important;color:var(--seo-muted)!important;max-width:76ch}
.bw-seo-landing article.prose p+p{margin-top:16px!important}
.bw-seo-landing article.prose a:not(.button){color:#087961!important;text-decoration-thickness:1px;text-underline-offset:3px}
.bw-seo-landing article.prose details{border:0!important;border-top:1px solid var(--seo-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;margin:0!important;padding:0!important}
.bw-seo-landing article.prose details:last-child{border-bottom:1px solid var(--seo-line)!important}
.bw-seo-landing article.prose summary{padding:20px 0!important;font-size:1.05rem!important;font-weight:800!important;color:var(--seo-ink)!important;cursor:pointer}
.bw-seo-landing article.prose details p{padding:0 0 20px!important;margin:0!important}
.bw-seo-landing .related{margin-top:34px!important;padding:30px!important;border:1px solid var(--seo-line)!important;border-radius:24px!important;background:var(--seo-soft)!important;box-shadow:none!important}
.bw-seo-landing .related h2{font-size:clamp(28px,3vw,42px)!important;margin-bottom:15px!important}
.bw-seo-landing .related p{margin:10px 0!important}
.bw-seo-landing .service-discovery{margin:0 auto clamp(65px,8vw,110px)!important;padding:24px 28px!important;border-left:3px solid var(--seo-accent);background:#f7faf9;color:#536267!important;line-height:1.7}
.bw-seo-landing .service-discovery a{color:#087961;font-weight:700}

.bw-seo-landing #contatti{padding-top:0!important;padding-bottom:clamp(80px,9vw,130px)!important}
.bw-seo-landing #contatti .contact{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(270px,.72fr);gap:clamp(30px,5vw,70px);align-items:center;padding:clamp(34px,5vw,60px)!important;border-radius:34px!important;background:linear-gradient(135deg,#052831 0%,#0b3d46 100%)!important;color:#fff!important;box-shadow:0 28px 80px rgba(4,31,38,.13)!important}
.bw-seo-landing #contatti .contact h2{font-size:clamp(42px,5.4vw,78px)!important;line-height:.91!important;letter-spacing:-.06em!important;color:#fff!important;margin:10px 0 18px!important}
.bw-seo-landing #contatti .contact p{color:#d6e1df!important;font-size:1.04rem;line-height:1.7}
.bw-seo-landing #contatti .contact .actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.bw-seo-landing #contatti .contact .button{background:var(--seo-accent)!important;border-color:var(--seo-accent)!important;color:#06232a!important}
.bw-seo-landing #contatti .contact .button.secondary{background:transparent!important;border-color:rgba(255,255,255,.38)!important;color:#fff!important}

/* Service overview and local SEO landing: same visual language without changing copy. */
.bw-seo-landing.bw-page-services .cards,.bw-seo-landing.bw-page-parma .cards{gap:18px!important}
.bw-seo-landing.bw-page-services .card,.bw-seo-landing.bw-page-parma .card{border:1px solid var(--seo-line)!important;border-radius:26px!important;background:#fff!important;box-shadow:0 18px 48px rgba(8,37,44,.045)!important}

@media(max-width:980px){
 .bw-seo-landing .page-hero{padding-right:0!important;min-height:0!important;padding-bottom:430px!important}
 .bw-seo-landing .page-hero:before{right:50%;top:auto;bottom:54px;transform:translateX(50%) rotate(2deg);width:min(78vw,470px)}
 .bw-seo-landing .page-hero:after{right:50%;top:auto;bottom:88px;transform:translateX(50%) rotate(-8deg);width:min(58vw,340px)}
 .bw-seo-landing .editorial-layout{grid-template-columns:1fr!important;gap:38px!important}
 .bw-seo-landing .article-nav{display:grid!important;grid-template-columns:1fr 1fr;column-gap:22px}
 .bw-seo-landing .article-nav strong{grid-column:1/-1}
 .bw-seo-landing #contatti .contact{grid-template-columns:1fr}
}
@media(max-width:620px){
 .bw-seo-landing .page-hero{padding-top:42px!important;padding-bottom:340px!important}
 .bw-seo-landing .page-hero h1{font-size:clamp(48px,15vw,70px)!important}
 .bw-seo-landing .page-hero:before{bottom:45px;width:88vw;border-radius:28px}
 .bw-seo-landing .page-hero:after{bottom:72px;width:64vw}
 .bw-seo-landing .editorial-layout{padding-top:56px!important;padding-bottom:56px!important}
 .bw-seo-landing .article-nav{grid-template-columns:1fr}
 .bw-seo-landing article.prose h2{font-size:clamp(34px,11vw,48px)!important}
 .bw-seo-landing .related{padding:24px 20px!important;border-radius:20px!important}
 .bw-seo-landing .service-discovery{padding:20px!important}
 .bw-seo-landing #contatti .contact{padding:30px 22px!important;border-radius:26px!important}
 .bw-seo-landing #contatti .contact h2{font-size:clamp(38px,12vw,56px)!important}
 .bw-seo-landing #contatti .contact .actions{flex-direction:column;align-items:stretch}
 .bw-seo-landing #contatti .contact .button{width:100%;text-align:center}
}
