
:root{
  --lav:#8f7898; --lav-dark:#6f5878; --lav2:#d9cfe0; --lav3:#f3eef5;
  --green:#6f7b69; --sage:#aab6a0; --cream:#fbf8f1;
  --gold:#b08b4f; --ink:#33332f; --white:#fff;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6}
h1,h2,h3,.brand{font-family:Georgia,"Times New Roman",serif}
a{color:inherit;text-decoration:none}
.wrap{width:min(1120px,90%);margin:auto}
.topbar{background:var(--lav-dark);color:#fff;text-align:center;padding:.45rem;font-size:.82rem;letter-spacing:.08em}
header{position:sticky;top:0;z-index:10;background:rgba(251,248,241,.96);border-bottom:1px solid #e8e1d7;backdrop-filter:blur(10px)}
.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{font-weight:bold;letter-spacing:.08em;color:var(--lav-dark)}
.brand small{display:block;font-family:Arial,sans-serif;font-weight:normal;font-size:.62rem;letter-spacing:.18em;color:var(--lav)}
.links{display:flex;gap:1.25rem;align-items:center;font-size:.9rem}
.links a:hover{color:var(--lav)}
.menu{display:none;background:none;border:0;font-size:1.5rem}
.hero{min-height:76vh;display:grid;place-items:center;text-align:center;padding:6rem 0;background:
radial-gradient(circle at 20% 20%,rgba(217,207,224,.65),transparent 34%),
radial-gradient(circle at 80% 75%,rgba(170,182,160,.38),transparent 30%),var(--cream)}
.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.76rem;color:var(--lav);font-weight:bold}
.hero h1{font-size:clamp(3rem,8vw,6.5rem);line-height:.96;margin:.5rem 0;color:var(--lav-dark)}
.hero .promise{font-family:Georgia,serif;font-size:clamp(1.55rem,3vw,2.6rem);color:var(--lav);margin:1.4rem 0}
.lead{font-size:1.08rem;max-width:720px;margin:0 auto 1.8rem;color:#57564f}
.actions{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;padding:.85rem 1.25rem;border-radius:999px;background:var(--lav-dark);color:#fff;font-weight:bold;font-size:.9rem}
.btn.alt{background:transparent;color:var(--lav-dark);border:1px solid var(--lav-dark)}
section{padding:5rem 0}
.soft{background:var(--lav3)} .green{background:var(--lav-dark);color:#fff}
.section-head{text-align:center;max-width:720px;margin:0 auto 2.5rem}
.section-head h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.1;margin:.4rem 0;color:var(--lav-dark)}
.green .section-head h2{color:#fff}
.grid{display:grid;gap:1.25rem}
.grid3{grid-template-columns:repeat(3,1fr)} .grid4{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border:1px solid #e7dfeb;border-radius:22px;padding:1.6rem;box-shadow:0 12px 35px rgba(143,120,152,.08)}
.card h3{color:var(--lav);font-size:1.35rem;margin:.2rem 0}
.big-letter{font-family:Georgia,serif;font-size:3rem;color:var(--lav);line-height:1}
.statement{text-align:center;font-family:Georgia,serif;font-size:clamp(1.7rem,4vw,3rem);max-width:900px;margin:auto;color:var(--lav-dark);line-height:1.25}
.path{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.stage{padding:2rem 1.3rem;border-radius:22px;background:#fff;border-top:5px solid var(--lav)}
.stage .age{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.stage h3{font-size:1.5rem;color:var(--lav-dark);margin:.4rem 0}
.kicker{font-family:Georgia,serif;font-style:italic;color:var(--lav);font-size:1.15rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.pearlmark{width:min(340px,80vw);aspect-ratio:1;border-radius:50%;margin:auto;border:1px solid var(--lav);
display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,#fff 0 20%,#eee8f1 48%,#cdbfd3 100%);box-shadow:0 25px 60px rgba(143,120,152,.25)}
.pearlmark span{font-family:Georgia,serif;color:var(--lav-dark);font-size:2rem;text-align:center}
.steps{counter-reset:step;display:grid;gap:1rem}
.step{background:#fff;padding:1.2rem 1.3rem;border-radius:18px;border-left:4px solid var(--lav)}
.step:before{counter-increment:step;content:"0" counter(step);font-weight:bold;color:var(--gold);margin-right:.7rem}
footer{background:#283426;color:#eee;padding:3rem 0}
.footergrid{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.note{font-size:.82rem;color:#6e6b65}
.form{display:grid;gap:.9rem;max-width:700px;margin:auto}
input,select,textarea{width:100%;padding:1rem;border:1px solid #d8d0dc;border-radius:12px;background:#fff;font:inherit}
textarea{min-height:140px}
.badge{display:inline-block;background:var(--lav3);color:var(--lav);padding:.35rem .7rem;border-radius:999px;font-size:.78rem;font-weight:bold}
@media(max-width:850px){
 .links{display:none;position:absolute;top:74px;left:0;right:0;background:var(--cream);padding:1.2rem 5%;flex-direction:column;align-items:flex-start;border-bottom:1px solid #ddd}
 .links.open{display:flex}.menu{display:block}.grid3,.grid4,.path,.split{grid-template-columns:1fr}
 .hero{min-height:68vh}.nav{min-height:68px}
}

.hero-brand{display:grid;grid-template-columns:minmax(250px,420px) minmax(300px,1fr);align-items:center;gap:3rem;text-align:left}
.hero-logo{width:min(390px,85vw);display:block;margin:auto;filter:drop-shadow(0 18px 30px rgba(111,88,120,.15))}
.hero-copy .actions{justify-content:flex-start}
.hero-copy .promise{margin-left:0}
.hero-image-band{display:grid;grid-template-columns:1.2fr .8fr;gap:1.4rem;align-items:stretch}
.image-card{border-radius:28px;overflow:hidden;min-height:320px;background:linear-gradient(135deg,#f7f1f8,#e4d9e8);display:grid;place-items:center;border:1px solid #ded2e2}
.image-card img{width:100%;height:100%;object-fit:cover}
.image-card.logo-card img{object-fit:contain;padding:2rem}
.grid6{grid-template-columns:repeat(6,minmax(0,1fr));gap:.8rem}
.grid6 .card{padding:1.05rem .8rem;text-align:center;min-height:175px}
.grid6 .card h3{font-size:1rem;line-height:1.15}
.grid6 .card p{font-size:.82rem;line-height:1.35}
.grid6 .big-letter{font-size:2.4rem}
.path.compact{gap:.75rem}
.path.compact .stage{padding:1.25rem .9rem;min-height:180px}
.path.compact .stage h3{font-size:1.15rem}
.path.compact .stage p,.path.compact .kicker{font-size:.88rem}
.topbar{background:var(--lav-dark)}
footer{background:var(--lav-dark)}
.green{background:var(--lav-dark)}
@media(max-width:1100px){.grid6{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.hero-brand,.hero-image-band{grid-template-columns:1fr;text-align:center}.hero-copy .actions{justify-content:center}.grid6{grid-template-columns:repeat(2,1fr)}.path.compact{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.grid6,.path.compact{grid-template-columns:1fr}}

.journey-title{white-space:nowrap;font-size:clamp(1.65rem,3.15vw,3.15rem)!important;letter-spacing:-.025em}
@media(max-width:700px){.journey-title{white-space:normal;font-size:clamp(1.8rem,8vw,2.7rem)!important}}
