/* Supporting layer — loaded after site.css.
   Restores the earlier light look (the dark-green hero overrides were removed)
   and only keeps styling for the trust bar, process steps and a few fixes. */
[hidden]{display:none!important}
html{scroll-padding-top:140px}
.nav a{font-weight:500}

/* Hero image badges: sit outside the banner so they no longer cover the logo/text on it */
.hero-visual{padding:30px 0 0}
.hero-badge{top:0;left:24px}
.hero-badge-2{position:relative;bottom:auto;right:auto;max-width:none;width:fit-content;margin:16px 24px 0 auto}
.hero-badge-2 b{display:inline}
.hero-badge-2 b::after{content:" — ";color:rgba(255,255,255,.6)}
@media(max-width:1100px){.hero-badge{left:12px}.hero-badge-2{margin-right:12px}}

.trust{background:#fff;border-bottom:1px solid var(--line)}
.trust-in{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:26px 0}
.trust-in div{display:flex;flex-direction:column;gap:2px;padding-left:16px;border-left:3px solid var(--gold)}
.trust-in b{font-family:'Cormorant Garamond',serif;font-size:1.2rem;color:var(--green-deep)}
.trust-in span{font-size:.84rem;color:var(--char-soft)}

.steps-sec{background:var(--off)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:40px;counter-reset:s}
.step{counter-increment:s;background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:14px;padding:28px 24px;box-shadow:var(--shadow-sm)}
.step::before{content:counter(s);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--green-deep);color:#E3BE6A;font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:700;margin-bottom:16px}
.step h3{font-size:1.3rem;margin-bottom:.4em}
.step p{margin:0;font-size:.92rem;color:var(--char-soft)}

.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #E3BE6A;outline-offset:3px}
@media(max-width:900px){.trust-in,.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.trust-in,.steps{grid-template-columns:1fr}}
