/* Stage 5B: homepage offers, feature scope, care and the closing enquiry. */
.wbh5-services,.wbh5-features,.wbh5-care,.wbh5-enquiry { --wbh5-line: rgba(228,194,129,.22); --wbh5-muted: #bab9b0; --wbh5-gold: #e5c98f; }
.wbh5-services,.wbh5-care { background: #090c0e; padding-block: clamp(44px,5vw,72px); }
.wbh5-section-intro { display: grid; grid-template-columns: 1.2fr 1fr; gap: 2.5rem; align-items: end; margin-bottom: 2rem; }
.wbh5-section-intro .case-label,.wbh5-enquiry .case-label { font-size: .66rem; letter-spacing: .13em; margin: 0 0 1rem; color: var(--wbh5-gold); }
.wbh5-section-intro h2 { margin: 0; max-width: 22ch; font-size: clamp(2.2rem,3.25vw,3.1rem); line-height: 1.1; letter-spacing: -.025em; }
.wbh5-section-intro > p { color: var(--wbh5-muted); font-size: .94rem; line-height: 1.75; margin: 0; max-width: 55ch; }
.wbh5-offer-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; align-items: stretch; }
.wbh5-offer-card,.wbh5-feature-card,.wbh5-care-card { min-width: 0; display: flex; flex-direction: column; padding: clamp(22px,2vw,30px); border: 1px solid var(--wbh5-line); border-radius: 18px; background: linear-gradient(145deg,#141717,#0c1114); }
.wbh5-managed { background: radial-gradient(ellipse at 10% 0%,rgba(213,170,87,.09),transparent 65%),linear-gradient(145deg,#171916,#0c1114); border-color: rgba(228,194,129,.4); }
.wbh5-card-number { margin: 0 0 1rem; color: var(--wbh5-gold); font-size: .61rem; letter-spacing: .13em; font-weight: 800; }
.wbh5-offer-card h3,.wbh5-care-card h3 { margin: 0 0 .65rem; font-size: 1.7rem; line-height: 1.2; }
.wbh5-suits { color: var(--wbh5-muted); font-size: .85rem; line-height: 1.65; margin: 0; }
.wbh5-offer-card > header { min-height: 134px; }
.wbh5-price { border-block: 1px solid var(--wbh5-line); padding-block: 1.2rem; margin-block: 1.1rem; min-height: 148px; }
.wbh5-price > p { margin: 0 0 .65rem; color: #f2dab0; font-size: 2.7rem; line-height: 1.05; font-weight: 650; letter-spacing: -.035em; }
.wbh5-price em { font-size: 1rem; font-style: normal; letter-spacing: 0; }
.wbh5-price span { display: block; margin-top: .5rem; color: #f1e8d6; font-size: .8rem; line-height: 1.4; font-weight: 600; letter-spacing: 0; }
.wbh5-price small { display: block; color: var(--wbh5-muted); font-size: .75rem; line-height: 1.65; }
.wbh5-price small strong { color: #ddd6c8; font-weight: 650; }
.wbh5-detail-label { margin: 0 0 .8rem; font-size: .61rem; letter-spacing: .12em; color: var(--wbh5-gold); font-weight: 800; }
.wbh5-includes ul,.wbh5-care-card ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .7rem; color: #deddd6; font-size: .8rem; line-height: 1.65; }
.wbh5-includes li,.wbh5-care-card li { position: relative; padding-left: 1rem; }
.wbh5-includes li::before,.wbh5-care-card li::before { content: ""; width: 4px; height: 4px; background: #d6b772; border-radius: 50%; position: absolute; left: 0; top: .65em; }
.wbh5-boundary { color: #aaa99f; font-size: .78rem; line-height: 1.7; margin: 1.2rem 0 1rem; }
.wbh5-card-actions { margin-top: auto; padding-top: .5rem; display: flex; flex-direction: column; gap: .45rem; }
.wbh5-card-actions .btn { width: 100%; min-height: 48px; margin: 0; padding: .75rem .7rem; font-size: .8rem; }
.wbh5-detail-link { display: inline-flex; align-items: center; gap: .5rem; min-height: 44px; color: #e1c68e; text-decoration: underline; text-underline-offset: 4px; font-size: .76rem; line-height: 1.6; }
.wbh5-card-actions .wbh5-detail-link { align-self: center; text-align: center; }
.wbh5-detail-link:hover { color: #fff0cb; }
.wbh5-service-notes { display: flex; justify-content: space-between; gap: 2rem; align-items: center; margin-top: 1.4rem; }
.wbh5-service-notes p,.wbh5-care-terms { margin: 0; max-width: 83ch; font-size: .78rem; color: var(--wbh5-muted); line-height: 1.8; }
.wbh5-service-notes a { white-space: nowrap; }
.wbh5-features { padding-block: clamp(44px,5vw,72px); }
.wbh5-feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.wbh5-feature-card { background: rgba(10,15,17,.7); }
.wbh5-feature-card h3 { font-size: 1.45rem; margin: 0 0 .7rem; line-height: 1.25; }
.wbh5-feature-card .wbh5-suits { font-size: .77rem; }
.wbh5-feature-inclusion { color: #e0dfd8; margin: 1rem 0; font-size: .83rem; line-height: 1.7; }
.wbh5-feature-scope { margin-top: auto; border-top: 1px solid var(--wbh5-line); padding-top: 1rem; }
.wbh5-feature-scope .honesty-label { font-size: .55rem; }
.wbh5-feature-scope p { color: var(--wbh5-muted); margin: .65rem 0 .4rem; font-size: .72rem; line-height: 1.7; }
.wbh5-feature-more { margin: 1.25rem 0 0; }
.wbh5-care-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.wbh5-care-card { padding: clamp(24px,2.5vw,36px); }
.wbh5-care-card > header { min-height: 84px; }
.wbh5-care-price { margin: 1rem 0 1.5rem; color: #f2dab0; font-size: 2.8rem; line-height: 1.1; font-weight: 650; letter-spacing: -.025em; }
.wbh5-care-price span { margin-left: .4rem; color: #d6d0c3; font-size: .85rem; letter-spacing: 0; font-weight: 500; }
.wbh5-care-card ul { margin-bottom: 1.5rem; }
.wbh5-care-card .wbh5-card-actions { max-width: 360px; }
.wbh5-care-terms { margin-top: 1.2rem; }
.wbh5-enquiry { position: relative; isolation: isolate; overflow: hidden; padding-block: clamp(48px,7vw,100px); border-block: 1px solid rgba(228,194,129,.17); background: radial-gradient(ellipse at 85% 90%,rgba(184,133,45,.12),transparent 60%),#0a0e10; }
.wbh5-enquiry::before { position: absolute; z-index: -1; content: ""; width: 650px; height: 650px; right: -180px; top: -270px; border: 1px solid rgba(229,201,143,.13); border-radius: 50%; pointer-events: none; }
.wbh5-enquiry-grid { display: grid; grid-template-columns: 1.3fr 1fr; gap: clamp(2rem,7vw,7rem); align-items: center; }
.wbh5-enquiry-copy h2 { margin: 0 0 1.4rem; font-size: clamp(2.8rem,4.5vw,4.3rem); line-height: 1.04; letter-spacing: -.035em; }
.wbh5-enquiry-copy > p:last-child { color: #c1bfb6; max-width: 48ch; font-size: 1rem; line-height: 1.8; margin: 0; }
.wbh5-enquiry-actions { display: flex; flex-direction: column; gap: .85rem; border: 1px solid rgba(228,194,129,.32); background: rgba(17,20,20,.86); padding: clamp(24px,3vw,40px); border-radius: 20px; }
.wbh5-enquiry-actions .wbh5-detail-label { margin: 0 0 .3rem; }
.wbh5-enquiry-actions .btn { margin: 0; width: 100%; min-height: 54px; }
.wbh5-services a:focus-visible,.wbh5-features a:focus-visible,.wbh5-care a:focus-visible,.wbh5-enquiry a:focus-visible { outline: 3px solid #f6dfae; outline-offset: 4px; }
@media(hover:hover) and (pointer:fine) { .wbh5-offer-card:hover,.wbh5-feature-card:hover,.wbh5-care-card:hover { border-color: rgba(229,201,143,.55); } }
html:not([data-wbh-motion="running"]) :is(.wbh5-services,.wbh5-features,.wbh5-care,.wbh5-enquiry) .btn { translate: none; transition: none; }
@media(max-width:1100px) { .wbh5-section-intro { grid-template-columns: 1fr; gap: 1.15rem; } .wbh5-section-intro h2 { font-size: 2.6rem; } .wbh5-offer-grid { grid-template-columns: 1fr; gap: 1rem; } .wbh5-offer-card { display: grid; grid-template-columns: 1fr 1.3fr; gap: 1rem 2rem; padding: 28px; } .wbh5-offer-card > header,.wbh5-price { min-height: 0; } .wbh5-price { grid-column: 1; margin: 0; } .wbh5-includes { grid-column: 2; grid-row: 1 / span 2; } .wbh5-boundary { grid-column: 1 / -1; margin: 0; } .wbh5-offer-card .wbh5-card-actions { grid-column: 1 / -1; flex-direction: row; align-items: center; gap: 1rem; } .wbh5-offer-card .wbh5-card-actions .btn { width: auto; flex: 1; } .wbh5-feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .wbh5-enquiry-grid { gap: 2.5rem; } .wbh5-enquiry-copy h2 { font-size: 3rem; } }
@media(max-width:600px) { .wbh5-services .container,.wbh5-features .container,.wbh5-care .container,.wbh5-enquiry .container { width: calc(100% - 40px); } .wbh5-section-intro { gap: 1rem; margin-bottom: 1.5rem; } .wbh5-section-intro h2 { font-size: clamp(2.1rem,8.5vw,2.6rem); } .wbh5-section-intro > p { font-size: .87rem; } .wbh5-section-intro .case-label,.wbh5-enquiry .case-label { font-size: .58rem; } .wbh5-offer-card { display: flex; padding: 22px; gap: 0; } .wbh5-offer-card > header { min-height: 0; } .wbh5-offer-card h3 { font-size: 1.7rem; } .wbh5-price { margin-block: 1.1rem; min-height: 0; padding-block: 1rem; } .wbh5-offer-card .wbh5-card-actions { flex-direction: column; align-items: stretch; gap: .4rem; } .wbh5-offer-card .wbh5-card-actions .btn { width: 100%; flex: none; } .wbh5-includes ul { gap: .65rem; font-size: .8rem; } .wbh5-boundary { margin: 1.1rem 0 .8rem; } .wbh5-card-number { margin-bottom: .75rem; } .wbh5-service-notes { display: block; margin-top: 1rem; } .wbh5-service-notes a { margin-top: .4rem; } .wbh5-feature-grid,.wbh5-care-grid,.wbh5-enquiry-grid { grid-template-columns: 1fr; } .wbh5-feature-card { padding: 22px; } .wbh5-care-card { padding: 24px; } .wbh5-care-card > header { min-height: 0; } .wbh5-care-card .wbh5-card-actions { max-width: none; } .wbh5-care-terms { font-size: .75rem; } .wbh5-enquiry-grid { gap: 1.6rem; } .wbh5-enquiry-copy h2 { font-size: 2.75rem; } .wbh5-enquiry-copy > p:last-child { font-size: .9rem; } .wbh5-enquiry-actions { padding: 22px; gap: .8rem; } .wbh5-desktop-break { display: none; } }
@media(max-width:1024px) { html[data-wbh-closing-contact="visible"] body.wbh-home-stage1 .mobile-whatsapp { opacity: 0; visibility: hidden; pointer-events: none; } }
@media(prefers-reduced-motion:reduce) { :is(.wbh5-services,.wbh5-features,.wbh5-care,.wbh5-enquiry) *, :is(.wbh5-services,.wbh5-features,.wbh5-care,.wbh5-enquiry) *::before { animation: none!important; transition: none!important; translate: none!important; scroll-behavior: auto!important; } }