/* 25 Oct 2026 (second change): classy safety list, simpler add-ons, lighter hero photos, more generous spacing */

/* 1. Safety points: thin ring with a drawn check mark, divider rows */
.split ul.ticks{margin:1.75rem 0 2rem;padding:0;list-style:none;border-top:1px solid rgba(0,0,0,.22)}
.split ul.ticks li{display:flex;align-items:center;gap:1.1rem;padding:1.15rem 0;border-bottom:1px solid rgba(0,0,0,.22);font-weight:500;font-size:1.125rem;line-height:1.5;letter-spacing:.01em}
.split ul.ticks li::before{content:"";position:static;flex:none;width:2rem;height:2rem;margin:0;border:1.5px solid #000000;border-radius:50%;background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 12.5l3.6 3.6 7.4-8.2'/%3E%3C/svg%3E") center/62% no-repeat}

/* 4. Hero photos clearly visible: lighter overlay, soft local shade behind the text only */
.hero::before{background:linear-gradient(180deg,rgba(10,16,14,.30) 0%,rgba(10,16,14,.22) 55%,rgba(10,16,14,.18) 100%)}
@media(min-width:900px){.hero::before{background:linear-gradient(90deg,rgba(10,16,14,.34) 0%,rgba(10,16,14,.20) 48%,rgba(10,16,14,0) 100%)}}
.hero-copy{position:relative;z-index:0}
.hero-copy::before{content:"";position:absolute;inset:-2.5rem -1.5rem -2.5rem -2.5rem;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 80% 75% at 38% 50%,rgba(0,0,0,.46) 0%,rgba(0,0,0,.30) 52%,rgba(0,0,0,0) 100%)}
.hero-copy h1,.hero-copy p{text-shadow:0 1px 16px rgba(0,0,0,.55)}

/* 5. Spacing and heading hierarchy */
body{line-height:1.7}
p{margin-bottom:1.25rem}
h1,h2,h3{letter-spacing:.003em}
h2{font-weight:600;font-size:clamp(2.2rem,7.6vw,3.65rem);line-height:1.14;margin-bottom:1.5rem}
h3{font-weight:600;line-height:1.22;margin-bottom:.9rem}
h1{margin-bottom:1.5rem}
.eyebrow{margin-bottom:1.1rem;font-size:.9rem;letter-spacing:.18em}
.sec{padding-block:clamp(4.5rem,12vw,9rem)}
.dark.sec{padding-block:clamp(4rem,10vw,7rem)}
.head{margin-bottom:3rem}
.head p:last-child{margin-bottom:0}
.head .tlink{margin-top:.75rem}
.split{gap:2.5rem}
.split .txt .tlink,.split .txt .actions{margin-top:.75rem}
.split ul.ticks+.classes{margin-top:2rem}
.classes div{padding:1.3rem 0}
.extras{margin-top:0}
.extra{padding:1.6rem 0}
.extra b{line-height:1.4;font-weight:600}
.cards{gap:2.25rem}
.card .cb{padding:1.9rem 1.7rem 2.1rem}
.steps{row-gap:.5rem}
.step{padding:1.9rem 0}
.step b{margin-bottom:.9rem}
.qa{padding:2rem 0}
.qa h3{margin-bottom:.75rem}
.reg-list li{padding:1.4rem 0}
.regions{gap:3rem}
.contact-card{padding:1.9rem}
.contact-card p{margin-bottom:1.35rem}
.actions{margin-top:2rem;gap:.9rem}
.hero-in{padding-top:4rem;padding-bottom:4.5rem}
.hero.home .hero-in{padding-top:4.25rem;padding-bottom:5.5rem}
.hero.inner .hero-in{padding-top:3.25rem;padding-bottom:3.75rem}
.hero.inner h1{margin-bottom:1.25rem}
.hero.inner .actions{margin-top:1.75rem}
.hero .eyebrow{margin-bottom:1.25rem}
.hero p{margin-bottom:1.25rem}
.strip-grid{gap:1.4rem;padding-top:2.5rem;padding-bottom:2.75rem}
.fact .ft{margin-bottom:.6rem}
.tablebox{margin-top:.5rem}
.fine{margin-top:2rem!important}
.legal dt{margin-top:1.9rem}
.legal dd{margin-bottom:.4rem}
.site-footer{padding-top:4.5rem}
.foot{gap:3rem}
.site-footer h2{margin-bottom:1rem}
.site-footer .brand b{letter-spacing:.08em;font-size:1.3rem;line-height:1.25}
@media(min-width:900px){
 .sec{padding-block:clamp(7rem,10vw,9.5rem)}
 .dark.sec{padding-block:clamp(5.5rem,8vw,7.5rem)}
 .split{gap:5.5rem}
 .head{margin-bottom:3.75rem}
 .hero-in{padding-top:6rem;padding-bottom:6rem}
 .hero.home .hero-in{padding-top:6.5rem;padding-bottom:7rem}
 .hero.inner .hero-in{padding-top:4.75rem;padding-bottom:5rem}
 .cards{gap:2.5rem}
 .extras{column-gap:3.5rem}
}

/* picture band closing the long legal page */
.picband{padding:0}
.picband img{width:100%;height:auto;aspect-ratio:16/7;max-height:380px;object-fit:cover;object-position:50% 60%}

/* homepage headline on two fixed lines, sized so the longer line fits a phone */
.hero.home h1{font-size:clamp(1.6rem,10vw,4.7rem);line-height:1.12}
.hero.home h1 .ln{display:block;white-space:nowrap}
/* scroll entrances are phone-only; on wide screens the page simply shows */
@media(min-width:900px){.js .rv{opacity:1;transform:none;transition:none}}