
:root{
  --navy:#1F3552; --navy-2:#2B4568; --cream:#FFFDF7; --cream-2:#FBF5E8;
  --coral:#F46777; --orange:#E46A1A; --yellow:#FCCA24; --teal:#98DCD0; --teal-d:#3E8F84;
  --ink:#1F3552; --muted:#51627A; --line:rgba(31,53,82,.12);
  --r:22px; --max:1160px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{background:var(--cream);color:var(--ink);font-family:"Work Sans",system-ui,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{font-family:Poppins,system-ui,sans-serif;line-height:1.15;letter-spacing:-.01em}
h1{font-size:clamp(2.4rem,6vw,4.2rem);font-weight:800}
h2{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800}
h3{font-size:1.25rem;font-weight:700}
p{color:var(--muted)}
a{color:inherit}
img,svg{display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.eyebrow{font-family:Poppins;font-weight:600;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:14px;display:inline-block}
.lead{font-size:1.2rem;max-width:640px}
section{padding:96px 0;position:relative}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:Poppins;font-weight:600;font-size:1rem;padding:15px 26px;border-radius:999px;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--navy);color:var(--cream)}
.btn-primary:hover{box-shadow:0 10px 24px rgba(31,53,82,.25)}
.btn-coral{background:var(--coral);color:#fff}
.btn-ghost{border-color:var(--navy);color:var(--navy);background:transparent}
.btn-ghost:hover{background:var(--navy);color:var(--cream)}

/* Nav */
header.nav{position:sticky;top:0;z-index:50;background:rgba(255,253,247,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo span{font-family:Poppins;font-weight:800;font-size:1.15rem;letter-spacing:.04em}
.nav ul{display:flex;gap:28px;list-style:none;align-items:center}
.nav ul a{text-decoration:none;font-weight:500;font-size:.98rem}
.nav ul a:not(.btn):hover{color:var(--coral)}
.nav .btn{padding:10px 20px;font-size:.92rem}
.menu-btn{display:none;background:none;border:0;cursor:pointer;padding:8px}
.menu-btn span{display:block;width:24px;height:2.5px;background:var(--navy);margin:5px 0;border-radius:2px}

/* Hero */
.hero{padding:88px 0 110px;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.hero h1 .hl{background:linear-gradient(transparent 64%,rgba(252,202,36,.9) 64%,rgba(252,202,36,.9) 92%,transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 4px}
.hero p.lead{margin:24px 0 34px}
.hero .ctas{display:flex;gap:14px;flex-wrap:wrap}
.hero-art{position:relative;aspect-ratio:1/1;max-width:460px;width:100%;justify-self:center}
.blob{position:absolute;border-radius:50%;mix-blend-mode:multiply}
.b1{width:62%;height:62%;background:var(--yellow);left:4%;top:6%;opacity:.9;animation:float 9s ease-in-out infinite}
.b2{width:62%;height:62%;background:var(--coral);right:2%;top:10%;opacity:.8;animation:float 11s ease-in-out infinite reverse}
.b3{width:62%;height:62%;background:var(--teal);left:20%;bottom:0;opacity:.9;animation:float 10s ease-in-out infinite}
@keyframes float{0%,100%{transform:translate(0,0)}50%{transform:translate(8px,-12px)}}
.hero-tag{position:absolute;background:#fff;border-radius:16px;padding:12px 16px;box-shadow:0 12px 30px rgba(31,53,82,.12);font-family:Poppins;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:8px}
.hero-tag i{width:10px;height:10px;border-radius:50%;display:inline-block}
.t1{left:-6%;bottom:22%}.t2{right:-4%;top:16%}.t3{right:6%;bottom:4%}
@media (prefers-reduced-motion:reduce){.blob{animation:none}html{scroll-behavior:auto}}

/* Strip */
.strip{background:var(--navy);color:var(--cream);padding:22px 0;overflow:hidden}
.strip .row{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;font-family:Poppins;font-weight:600;font-size:.98rem}
.strip .row span{display:flex;align-items:center;gap:10px;opacity:.95}
.strip .row span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--yellow)}
.strip .row span:nth-child(3n+2)::before{background:var(--coral)}
.strip .row span:nth-child(3n)::before{background:var(--teal)}

/* Paths */
.paths .grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:48px}
.path{border-radius:28px;padding:44px;position:relative;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;min-height:360px;transition:transform .2s}
.path:hover{transform:translateY(-4px)}
.path.work{background:var(--navy);color:var(--cream)}
.path.work p{color:rgba(255,253,247,.82)}
.path.you{background:var(--cream-2);border:1px solid var(--line)}
.path h3{font-size:1.9rem;font-weight:800;margin:6px 0 14px}
.path ul{list-style:none;margin:18px 0 28px;display:grid;gap:8px}
.path li{display:flex;gap:10px;align-items:flex-start;font-weight:500}
.path li::before{content:"";flex:0 0 8px;height:8px;border-radius:50%;margin-top:.6em;background:var(--coral)}
.path.work li::before{background:var(--yellow)}
.path .go{margin-top:auto;font-family:Poppins;font-weight:700;display:inline-flex;gap:8px;align-items:center}
.path .deco{position:absolute;width:220px;height:220px;border-radius:50%;right:-70px;top:-70px;opacity:.25}
.path.work .deco{background:var(--teal)}
.path.you .deco{background:var(--coral);opacity:.18}

/* Workplaces */
#workplaces{background:var(--cream-2)}
.sec-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:56px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:#fff;border-radius:var(--r);padding:30px;border:1px solid var(--line);transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(31,53,82,.08)}
.card .ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;margin-bottom:18px}
.card h3{margin-bottom:8px}
.card p{font-size:.98rem}
.ic.y{background:rgba(252,202,36,.25)}.ic.c{background:rgba(244,103,119,.18)}.ic.t{background:rgba(152,220,208,.4)}.ic.o{background:rgba(228,106,26,.15)}

.how{margin-top:80px;background:var(--navy);color:var(--cream);border-radius:32px;padding:56px;position:relative;overflow:hidden}
.how h2{color:var(--cream);max-width:620px}
.how>p{color:rgba(255,253,247,.8);margin-top:14px;max-width:620px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:40px;counter-reset:s}
.step{border-top:2px solid rgba(255,253,247,.25);padding-top:18px}
.step::before{counter-increment:s;content:"0" counter(s);font-family:Poppins;font-weight:800;font-size:1.6rem;color:var(--yellow);display:block;margin-bottom:8px}
.step:nth-child(2)::before{color:var(--coral)}.step:nth-child(3)::before{color:var(--teal)}.step:nth-child(4)::before{color:var(--orange)}
.step h4{font-size:1.05rem;margin-bottom:6px}
.step p{color:rgba(255,253,247,.78);font-size:.95rem}

.pricing{margin-top:80px}
.pricing .head{text-align:center;max-width:640px;margin:0 auto 40px}
.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.price{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px;display:flex;flex-direction:column}
.price.feature{border:2px solid var(--coral);position:relative}
.price.feature .badge{position:absolute;top:-13px;left:28px;background:var(--coral);color:#fff;font-family:Poppins;font-weight:600;font-size:.78rem;padding:4px 12px;border-radius:999px}
.price .from{font-size:.9rem;color:var(--muted);margin-top:14px}
.price .amt{font-family:Poppins;font-weight:800;font-size:2.4rem;line-height:1.1}
.price ul{list-style:none;margin:18px 0 0;display:grid;gap:8px;font-size:.97rem;color:var(--muted)}
.price li::before{content:"✓";color:var(--teal-d);font-weight:700;margin-right:10px}
.note{text-align:center;margin-top:26px;font-size:.95rem}

/* For you */
.products{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:0}
.prod{border-radius:26px;padding:36px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.prod h3{font-size:1.45rem;margin:4px 0 10px}
.prod .tag{font-family:Poppins;font-weight:600;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}
.prod .btn{margin-top:22px;align-self:flex-start}
.prod.p1{background:rgba(252,202,36,.22)}
.prod.p2{background:rgba(152,220,208,.32)}
.prod.p3{background:rgba(244,103,119,.14)}
.prod.p4{background:var(--navy);color:var(--cream)}
.prod.p4 p{color:rgba(255,253,247,.82)}
.prod.p4 .tag{color:var(--yellow)}
.prod .soon{display:inline-block;background:var(--navy);color:var(--cream);font-size:.75rem;font-family:Poppins;font-weight:600;padding:3px 10px;border-radius:999px;margin-left:8px;vertical-align:middle}

/* Topics */
#topics{background:var(--navy);color:var(--cream)}
#topics h2{color:var(--cream)}
#topics p{color:rgba(255,253,247,.8)}
.chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.chip{font-family:Poppins;font-weight:600;padding:12px 22px;border-radius:999px;border:1.5px solid rgba(255,253,247,.3);font-size:1rem}
.chip:nth-child(4n+1){background:var(--yellow);color:var(--navy);border-color:var(--yellow)}
.chip:nth-child(4n+3){background:var(--coral);color:#fff;border-color:var(--coral)}
.quote{margin-top:64px;font-family:Poppins;font-weight:700;font-size:clamp(1.4rem,3vw,2rem);max-width:820px;line-height:1.35}
.quote em{font-style:normal;color:var(--teal)}

/* Approach */
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.value{padding:28px;border-radius:var(--r);background:var(--cream-2);border:1px solid var(--line)}
.value h3{margin-bottom:6px;display:flex;align-items:center;gap:10px}
.value h3 i{width:12px;height:12px;border-radius:50%;display:inline-block}
.value p{font-size:.98rem}

/* About */
#about{background:var(--cream-2)}
.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center}
.portrait{aspect-ratio:4/5;border-radius:32px;background:linear-gradient(160deg,rgba(152,220,208,.6),rgba(252,202,36,.45) 60%,rgba(244,103,119,.45));position:relative;overflow:hidden;display:grid;place-items:center}
.portrait .ph{font-family:Poppins;font-weight:800;font-size:5rem;color:rgba(31,53,82,.85)}
.portrait small{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:.8rem;color:var(--navy);opacity:.6}
.about p+p{margin-top:16px}
.about .sig{font-family:Poppins;font-weight:700;color:var(--navy);margin-top:22px;font-size:1.1rem}

/* Contact */
.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.contact-info{display:grid;gap:14px;margin-top:28px}
.contact-info a{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:600}
.contact-info a:hover{color:var(--coral)}
.contact-info .dot{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#fff;border:1px solid var(--line)}
form{background:#fff;border:1px solid var(--line);border-radius:28px;padding:36px;display:grid;gap:18px;box-shadow:0 20px 50px rgba(31,53,82,.06)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
label{font-family:Poppins;font-weight:600;font-size:.88rem;display:block;margin-bottom:6px}
input,select,textarea{width:100%;font:inherit;font-size:1rem;color:var(--ink);background:var(--cream);border:1.5px solid var(--line);border-radius:14px;padding:13px 15px;transition:border .15s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--teal-d);background:#fff}
textarea{min-height:130px;resize:vertical}
.hidden{position:absolute;left:-9999px}
form .btn{justify-self:start}
.small{font-size:.85rem;color:var(--muted)}

/* Footer */
footer{background:var(--navy);color:rgba(255,253,247,.8);padding:64px 0 36px}
footer .top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
footer h4{color:var(--cream);font-size:1rem;margin-bottom:14px}
footer ul{list-style:none;display:grid;gap:8px}
footer a{text-decoration:none}
footer a:hover{color:var(--yellow)}
footer .logo span{color:var(--cream)}
footer p{color:rgba(255,253,247,.7);font-size:.95rem;margin-top:14px;max-width:360px}
footer .base{border-top:1px solid rgba(255,253,247,.15);margin-top:48px;padding-top:24px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.85rem}
footer .support{font-size:.85rem;color:rgba(255,253,247,.6);margin-top:18px}


/* Photos */
.hero-art{aspect-ratio:4/5}
.hero-photo{position:absolute;inset:6% 6% 0 10%;border-radius:200px 200px 28px 28px;overflow:hidden;box-shadow:0 24px 50px rgba(31,53,82,.18);z-index:1}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:30% 30%}
.hero-art .b1{width:48%;height:38%;left:-4%;top:0}
.hero-art .b2{width:42%;height:34%;right:-6%;top:30%}
.hero-art .b3{width:46%;height:36%;left:-8%;bottom:-6%}
.hero-tag{z-index:2}
.t1{left:-8%;bottom:26%}.t2{right:-8%;top:12%}.t3{right:-2%;bottom:6%}
.resources{margin-top:80px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.resources .pics{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:end}
.resources .pics img{width:100%;border-radius:24px;object-fit:cover}
.resources .pics img:first-child{aspect-ratio:4/5}
.resources .pics img:last-child{aspect-ratio:1/1;margin-bottom:40px}
.resources ul{list-style:none;margin-top:20px;display:grid;gap:10px}
.resources li{display:flex;gap:10px;font-weight:500;color:var(--ink)}
.resources li::before{content:"";flex:0 0 8px;height:8px;border-radius:50%;margin-top:.65em;background:var(--teal-d)}
.wb-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;margin-bottom:56px;background:var(--cream-2);border:1px solid var(--line);border-radius:32px;padding:40px}
.wb-feature img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:24px}
.wb-feature h3{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;margin:6px 0 14px}
.wb-feature .pill{display:inline-block;background:var(--yellow);color:var(--navy);font-family:Poppins;font-weight:600;font-size:.8rem;padding:4px 12px;border-radius:999px}
.wb-feature ul{list-style:none;margin:18px 0 26px;display:grid;gap:8px}
.wb-feature li{display:flex;gap:10px;font-weight:500}
.wb-feature li::before{content:"";flex:0 0 8px;height:8px;border-radius:50%;margin-top:.65em;background:var(--coral)}
.wb-feature .ctas{display:flex;gap:12px;flex-wrap:wrap}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 56px}
.gallery figure{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/5}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.gallery figure:hover img{transform:scale(1.04)}
.gallery figcaption{position:absolute;left:12px;bottom:12px;background:rgba(255,253,247,.92);color:var(--navy);font-family:Poppins;font-weight:600;font-size:.82rem;padding:6px 12px;border-radius:999px}
.gallery-title{font-family:Poppins;font-weight:700;font-size:1.15rem;margin-bottom:16px}
.portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}
@media (max-width:960px){.resources,.wb-feature{grid-template-columns:minmax(0,1fr)}.gallery{grid-template-columns:1fr 1fr}.wb-feature img{max-height:520px}}
@media (max-width:760px){.strip .row{gap:10px 22px;font-size:.88rem}.wb-feature{padding:24px}.hero-art{max-width:320px}.t1{left:-2%}.t2{right:-2%}.t3{right:0}.gallery{gap:10px}}


/* Shop + sessions */
.subhead{font-size:1.6rem;font-weight:800;margin:0 0 22px;display:flex;align-items:center;gap:12px}
.subhead::after{content:"";flex:1;height:1px;background:var(--line)}
.shop{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.book{background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;display:grid;grid-template-columns:.85fr 1.15fr}
.book-img{position:relative;min-height:100%}
.book-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.book-body{padding:28px;display:flex;flex-direction:column}
.book-body h3{font-size:1.4rem;margin:10px 0 4px}
.book-body .sub{font-weight:600;color:var(--navy);font-size:.95rem;margin-bottom:10px}
.book-body p{font-size:.96rem}
.pill{align-self:flex-start;display:inline-block;background:var(--yellow);color:var(--navy);font-family:Poppins;font-weight:600;font-size:.75rem;padding:4px 12px;border-radius:999px}
.buy{margin-top:auto;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.price-tag{font-family:Poppins;font-weight:800;font-size:2rem}
.cover-bg{background:linear-gradient(160deg,#F3EEE3,#E9E2D3);display:grid;place-items:center;padding:28px 18px}
.cover{position:relative;overflow:hidden;width:78%;aspect-ratio:3/4.2;background:var(--cream);border-radius:6px;box-shadow:8px 12px 24px rgba(31,53,82,.22);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px;gap:2px}
.cover small{font-family:Poppins;font-weight:700;font-size:.55rem;letter-spacing:.08em;margin-bottom:10px;position:relative;z-index:1}
.cover svg{position:relative;z-index:1}
.cover strong{font-family:Poppins;font-weight:800;font-size:1.05rem;line-height:1.1;color:var(--navy);position:relative;z-index:1}
.cover span{font-family:Poppins;font-weight:500;font-size:.9rem;position:relative;z-index:1}
.cover i{position:absolute;border-radius:50%;opacity:.55}
.cover .c1{width:55%;aspect-ratio:1;background:var(--coral);top:-18%;right:-20%}
.cover .c2{width:45%;aspect-ratio:1;background:#F7C9A8;top:8%;left:-22%}
.cover .c3{width:60%;aspect-ratio:1;background:var(--teal);bottom:-22%;left:-20%}
.cover .c4{width:60%;aspect-ratio:1;background:var(--yellow);bottom:-20%;right:-22%}
.sessions{background:var(--navy);color:var(--cream);border-radius:32px;padding:52px;display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;margin-bottom:64px}
.sessions h2{color:var(--cream);font-size:clamp(1.7rem,3.4vw,2.4rem)}
.sessions p{color:rgba(255,253,247,.82);margin-top:14px}
.sessions ul{list-style:none;margin-top:18px;display:grid;gap:8px}
.sessions li{display:flex;gap:10px;font-weight:500}
.sessions li::before{content:"";flex:0 0 8px;height:8px;border-radius:50%;margin-top:.65em;background:var(--yellow)}
.session-prices{display:grid;gap:16px}
.sp{background:rgba(255,253,247,.07);border:1px solid rgba(255,253,247,.18);border-radius:22px;padding:24px;position:relative}
.sp.best{background:var(--cream);color:var(--navy);border-color:var(--cream)}
.sp.best p{color:var(--muted)}
.sp .amt{font-family:Poppins;font-weight:800;font-size:2.2rem;line-height:1.1;margin-top:4px}
.sp p{margin:6px 0 16px;font-size:.95rem}
.sp .badge{position:absolute;top:-12px;right:22px;background:var(--coral);color:#fff;font-family:Poppins;font-weight:600;font-size:.75rem;padding:4px 12px;border-radius:999px}
.btn-ghost-light{border-color:var(--cream);color:var(--cream)}
.btn-ghost-light:hover{background:var(--cream);color:var(--navy)}
.soon-card{margin-top:22px;display:flex;gap:22px;align-items:center;background:#fff;border:1.5px dashed var(--coral);border-radius:22px;padding:22px 26px}
.soon-card h3{margin-bottom:4px}
.soon-card p{font-size:.96rem}
.soon-card .btn{margin-left:auto;flex:0 0 auto}
@media (max-width:960px){.shop,.sessions{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.book{grid-template-columns:1fr}.book-img{height:300px}.cover{width:auto;height:100%}.sessions{padding:32px 22px;border-radius:24px}.soon-card{flex-direction:column;align-items:flex-start}.soon-card .btn{margin-left:0}}

/* Reveal */
.rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}

/* Responsive */
@media (max-width:960px){
  .hero .wrap,.sec-head,.about,.contact{grid-template-columns:minmax(0,1fr)}
  .hero-art{max-width:360px}
  .cards,.prices,.values{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr}
  footer .top{grid-template-columns:1fr 1fr}
  .portrait{max-width:380px}
}
@media (max-width:760px){
  section{padding:72px 0}
  .wrap{padding:0 16px}
  .nav ul{display:none;position:absolute;top:72px;left:0;right:0;background:var(--cream);flex-direction:column;align-items:stretch;padding:16px;gap:4px;border-bottom:1px solid var(--line)}
  .nav ul.open{display:flex}
  .nav ul a{padding:12px 8px;display:block}
  .nav ul .btn{justify-content:center;margin-top:6px}
  .menu-btn{display:block}
  .paths .grid,.cards,.prices,.values,.products,.steps,.row2{grid-template-columns:1fr}
  .path,.prod{padding:30px}
  .how{padding:36px 24px;border-radius:24px}
  form{padding:24px}
  footer .top{grid-template-columns:1fr}
  .hero{padding:56px 0 80px}
  .hero .wrap{grid-template-columns:minmax(0,1fr)}
  h1{font-size:2.3rem}
  .hero-tag{font-size:.8rem;padding:9px 12px}
  .t1{left:0}.t2{right:0}
}

/* ===== 2026 revamp additions ===== */
.nav ul a[aria-current="page"]:not(.btn){color:var(--coral)}
.skip{position:absolute;left:-9999px;top:8px;background:var(--navy);color:var(--cream);padding:10px 16px;border-radius:10px;z-index:100}
.skip:focus{left:12px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.hero .cred-line{margin-top:22px;font-size:.95rem;color:var(--muted);display:flex;gap:10px;align-items:center}
.hero .cred-line svg{flex:0 0 auto}

/* Sub-page hero */
.page-hero{padding:72px 0 64px;background:var(--cream);position:relative;overflow:hidden}
.page-hero h1{font-size:clamp(2.2rem,5vw,3.6rem);max-width:820px}
.page-hero .lead{margin-top:20px;max-width:700px}
.page-hero .ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.page-hero .deco{position:absolute;border-radius:50%;mix-blend-mode:multiply;pointer-events:none}
.page-hero .d1{width:300px;height:300px;background:var(--yellow);opacity:.35;right:-80px;top:-90px}
.page-hero .d2{width:240px;height:240px;background:var(--teal);opacity:.4;right:90px;top:40px}
.page-hero .d3{width:200px;height:200px;background:var(--coral);opacity:.22;right:-30px;top:130px}
.crumb{font-size:.9rem;margin-bottom:16px;color:var(--muted)}
.crumb a{color:var(--muted)}
@media (max-width:760px){.page-hero{padding:52px 0 48px}.page-hero .deco{opacity:.18}}

/* Problems */
.problems{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:36px}
.problem{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 20px 22px;font-family:Poppins;font-weight:600;font-size:1.02rem;line-height:1.35;color:var(--navy)}
.problem i{display:block;width:12px;height:12px;border-radius:50%;margin-bottom:12px}
.problem small{display:block;font-family:"Work Sans",sans-serif;font-weight:400;font-size:.92rem;color:var(--muted);margin-top:8px;line-height:1.5}

/* Clinic hub */
.hub{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;margin-top:48px;align-items:stretch}
.core{background:var(--navy);color:var(--cream);border-radius:32px;padding:44px;position:relative;overflow:hidden}
.core .deco{position:absolute;width:260px;height:260px;border-radius:50%;background:var(--teal);opacity:.2;right:-80px;bottom:-90px}
.core .tagline{display:inline-block;background:var(--yellow);color:var(--navy);font-family:Poppins;font-weight:700;font-size:.82rem;padding:5px 14px;border-radius:999px}
.core h3{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;margin:16px 0 12px;color:var(--cream)}
.core p{color:rgba(255,253,247,.84)}
.core ul{list-style:none;margin:22px 0 28px;display:grid;gap:10px;position:relative}
.core li{display:flex;gap:12px;font-weight:500}
.core li::before{content:"";flex:0 0 9px;height:9px;border-radius:50%;margin-top:.6em;background:var(--yellow)}
.core li:nth-child(2)::before{background:var(--coral)}.core li:nth-child(3)::before{background:var(--teal)}.core li:nth-child(4)::before{background:var(--orange)}
.core .ctas{display:flex;gap:12px;flex-wrap:wrap;position:relative}
.around{background:#fff;border:1px solid var(--line);border-radius:32px;padding:36px 32px}
.around h3{font-size:1.15rem;margin-bottom:6px}
.around>p{font-size:.96rem}
.ring{list-style:none;margin-top:22px;position:relative;display:grid;gap:4px}
.ring::before{content:"";position:absolute;left:15px;top:14px;bottom:14px;width:2px;background:var(--line)}
.ring li{display:grid;grid-template-columns:32px 1fr;gap:14px;padding:10px 0;position:relative}
.ring .node{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--line);z-index:1}
.ring .node i{width:12px;height:12px;border-radius:50%}
.ring strong{font-family:Poppins;font-weight:700;display:block;color:var(--navy);line-height:1.3}
.ring span{font-size:.93rem;color:var(--muted);line-height:1.5;display:block;margin-top:2px}
@media (max-width:960px){.hub{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.core{padding:32px 24px;border-radius:24px}.around{padding:28px 22px;border-radius:24px}}

/* Compare */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:28px;overflow:hidden;border:1px solid var(--line);margin-top:44px;background:#fff}
.compare>div{padding:34px}
.compare .them{background:var(--cream-2)}
.compare h3{font-size:1.15rem;margin-bottom:16px;display:flex;align-items:center;gap:10px}
.compare h3 i{width:12px;height:12px;border-radius:50%;display:inline-block}
.compare ul{list-style:none;display:grid;gap:14px}
.compare li{padding-left:22px;position:relative;line-height:1.5}
.compare .them li{color:var(--muted)}
.compare .them li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:2px;background:var(--muted);opacity:.6}
.compare .us li{color:var(--ink);font-weight:500}
.compare .us li::before{content:"";position:absolute;left:0;top:.5em;width:10px;height:10px;border-radius:50%;background:var(--teal-d)}
.compare-note{margin-top:18px;font-size:.96rem;max-width:760px}
@media (max-width:760px){.compare{grid-template-columns:1fr}.compare>div{padding:26px 22px}}

/* Pathway */
.pathway-wrap{background:var(--navy);color:var(--cream);border-radius:32px;padding:56px 48px;position:relative;overflow:hidden}
.pathway-wrap h2{color:var(--cream);max-width:680px}
.pathway-wrap>p{color:rgba(255,253,247,.8);margin-top:14px;max-width:640px}
.pathway{list-style:none;display:grid;grid-template-columns:repeat(4,1fr) 1.15fr;gap:0;margin-top:48px;position:relative}
.pathway li{position:relative;padding:0 16px 0 0}
.pathway li::after{content:"";position:absolute;top:27px;left:56px;right:6px;height:2px;background:rgba(255,253,247,.28)}

.pathway li:nth-child(3)::after{background:repeating-linear-gradient(90deg,rgba(255,253,247,.5) 0 6px,transparent 6px 12px)}
.pathway li:last-child::after{display:none}
.pathway .dot{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-family:Poppins;font-weight:800;font-size:1.2rem;color:var(--navy);position:relative;z-index:1}
.pathway h4{font-size:1.05rem;margin:18px 0 6px;color:var(--cream)}
.pathway p{color:rgba(255,253,247,.76);font-size:.93rem;line-height:1.55}
.pathway li.employer{background:var(--cream);border-radius:22px;padding:20px 20px 22px;margin-top:-20px;align-self:start}
.pathway li.employer h4{color:var(--navy);margin-top:14px}
.pathway li.employer p{color:var(--muted)}
.pathway li.employer .dot{width:44px;height:44px;background:var(--navy);color:var(--yellow)}
.who{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px;font-size:.88rem;color:rgba(255,253,247,.75)}
.who span{display:flex;align-items:center;gap:8px}
.who i{width:22px;height:2px;background:rgba(255,253,247,.5);display:inline-block}
.who i.dash{background:repeating-linear-gradient(90deg,rgba(255,253,247,.7) 0 4px,transparent 4px 8px)}
@media (max-width:960px){
  .pathway{grid-template-columns:1fr;gap:6px}
  .pathway li{display:grid;grid-template-columns:56px 1fr;column-gap:18px;padding:0 0 26px}
  .pathway li::after{top:56px;bottom:0;left:27px;right:auto;width:2px;height:auto}
  .pathway li:nth-child(3)::after{background:repeating-linear-gradient(180deg,rgba(255,253,247,.5) 0 6px,transparent 6px 12px)}
  .pathway .dot{grid-row:span 2}
  .pathway h4{margin:8px 0 4px}
  .pathway li.employer{margin-top:0;grid-template-columns:44px 1fr;padding:18px}
  .pathway li.employer .dot{grid-row:span 2}
  .pathway li.employer h4{margin-top:4px}
}
@media (max-width:760px){.pathway-wrap{padding:36px 22px;border-radius:24px}}

/* Setup steps on light bg */
.setup{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:36px;counter-reset:s}
.setup .step{border-top:2px solid var(--line)}
.setup .step h4{color:var(--navy)}
.setup .step p{color:var(--muted)}
@media (max-width:960px){.setup{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.setup{grid-template-columns:1fr}}

/* Trust */
.trust{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:44px;align-items:start}
.cred-box{background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;position:relative}
.cred-box::before{content:"";position:absolute;left:34px;right:34px;top:0;height:5px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,var(--yellow) 0 33%,var(--coral) 33% 66%,var(--teal) 66%)}
.cred-box h3{font-size:1.2rem;margin-bottom:4px}
.cred-box .who-line{font-size:.95rem;margin-bottom:18px}
.cred-list{list-style:none;display:grid;gap:12px}
.cred-list li{display:grid;grid-template-columns:22px 1fr;gap:10px;line-height:1.45;color:var(--ink);font-weight:500}
.cred-list li svg{margin-top:2px}
.cred-list li span{display:block;font-weight:400;font-size:.9rem;color:var(--muted)}
.standards{background:var(--cream-2);border:1px solid var(--line);border-radius:28px;padding:34px}
.standards h3{font-size:1.2rem;margin-bottom:8px}
.standards>p{font-size:.96rem}
.standards ul{list-style:none;margin-top:18px;display:grid;gap:12px}
.standards li{display:flex;gap:12px;line-height:1.5}
.standards li::before{content:"";flex:0 0 9px;height:9px;border-radius:50%;margin-top:.55em;background:var(--coral)}
.standards li:nth-child(2)::before{background:var(--teal-d)}.standards li:nth-child(3)::before{background:var(--orange)}.standards li:nth-child(4)::before{background:var(--yellow)}
.testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:28px}
.testimonial{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px}
.testimonial blockquote{font-family:Poppins;font-weight:600;font-size:1.05rem;line-height:1.45;color:var(--navy)}
.testimonial cite{display:block;margin-top:14px;font-style:normal;font-size:.9rem;color:var(--muted)}
@media (max-width:960px){.trust{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.cred-box,.standards{padding:26px 22px}}

/* Discovery call explainer */
.call-box{margin-top:40px;display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center;background:var(--cream-2);border:1px solid var(--line);border-radius:28px;padding:38px}
.call-box h3{font-size:1.45rem;font-weight:800}
.call-box ol{list-style:none;margin-top:18px;display:grid;gap:12px;counter-reset:c}
.call-box ol li{display:grid;grid-template-columns:30px 1fr;gap:12px;line-height:1.5}
.call-box ol li::before{counter-increment:c;content:counter(c);width:30px;height:30px;border-radius:50%;background:var(--navy);color:var(--cream);font-family:Poppins;font-weight:700;font-size:.85rem;display:grid;place-items:center}
.call-box .side{display:grid;gap:12px;justify-items:start}
.call-box .side p{font-size:.93rem}
@media (max-width:960px){.call-box{grid-template-columns:minmax(0,1fr);padding:28px 22px}}

/* Confidentiality */
.confid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.confid>div{border-radius:26px;padding:30px}
.confid .c-private{background:rgba(152,220,208,.3)}
.confid .c-employer{background:rgba(252,202,36,.22)}
.confid .c-risk{background:rgba(244,103,119,.13)}
.confid h3{margin-bottom:12px}
.confid ul{list-style:none;display:grid;gap:10px}
.confid li{display:flex;gap:10px;line-height:1.5;font-size:.97rem;color:var(--ink)}
.confid li::before{content:"";flex:0 0 7px;height:7px;border-radius:50%;margin-top:.62em;background:var(--navy)}
@media (max-width:960px){.confid{grid-template-columns:minmax(0,1fr)}}

/* For-you band on homepage */
.foryou-band{background:var(--cream-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.switch-label{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 16px 6px 8px;font-family:Poppins;font-weight:600;font-size:.88rem;margin-bottom:18px}
.switch-label i{width:22px;height:22px;border-radius:50%;background:var(--coral);opacity:.8}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.tile{border-radius:26px;padding:30px;display:flex;flex-direction:column;text-decoration:none;transition:transform .2s;min-height:240px}
.tile:hover{transform:translateY(-3px)}
.tile h3{font-size:1.35rem;margin:6px 0 8px}
.tile p{font-size:.97rem}
.tile .go{margin-top:auto;padding-top:18px;font-family:Poppins;font-weight:700}
.tile .price-from{font-family:Poppins;font-weight:700;font-size:.9rem;color:var(--navy)}
.tile.t-a{background:rgba(252,202,36,.28)}
.tile.t-b{background:var(--navy);color:var(--cream)}
.tile.t-b p{color:rgba(255,253,247,.82)}.tile.t-b .price-from{color:var(--yellow)}
.tile.t-c{background:rgba(152,220,208,.35)}
@media (max-width:960px){.tiles{grid-template-columns:minmax(0,1fr)}.tile{min-height:0}}

/* Final CTA */
.final-cta{background:var(--navy);color:var(--cream);text-align:center;overflow:hidden}
.final-cta h2{color:var(--cream);max-width:760px;margin:0 auto}
.final-cta p{color:rgba(255,253,247,.82);max-width:600px;margin:16px auto 0}
.final-cta .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.final-cta .mark{margin:0 auto 22px;width:64px;height:64px}

/* About page extras */
.about-cred{margin-top:28px}
.timeline{list-style:none;display:grid;gap:0;margin-top:30px;border-left:2px solid var(--line);padding-left:26px}
.timeline li{position:relative;padding-bottom:22px}
.timeline li::before{content:"";position:absolute;left:-33px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--coral);border:2px solid var(--cream)}
.timeline li:nth-child(2)::before{background:var(--teal-d)}.timeline li:nth-child(3)::before{background:var(--orange)}.timeline li:nth-child(4)::before{background:var(--yellow)}
.timeline strong{font-family:Poppins;color:var(--navy);display:block}
.timeline span{color:var(--muted);font-size:.96rem}

/* Evidence / draws on */
.draws{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:32px}
.draw{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}
.draw h3{font-size:1.05rem;margin-bottom:6px}
.draw p{font-size:.95rem}

/* FAQ */
.faq{margin-top:32px;display:grid;gap:12px;max-width:860px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:0 22px}
.faq summary{cursor:pointer;font-family:Poppins;font-weight:600;padding:18px 0;list-style:none;display:flex;justify-content:space-between;gap:16px;color:var(--navy)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--coral)}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 0 18px}

/* Forms */
.consent{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;font-size:.92rem;color:var(--muted)}
.consent input{width:20px;height:20px;margin-top:2px;accent-color:var(--navy);padding:0}
.consent a{color:var(--navy);font-weight:600}
.form-note{font-size:.88rem;background:var(--cream-2);border-radius:12px;padding:12px 14px;color:var(--muted)}
.booking-embed{width:100%;min-height:700px;border:0;border-radius:20px;background:#fff}

/* Legal pages */
.legal{max-width:780px}
.legal h2{font-size:1.5rem;margin:40px 0 12px}
.legal h3{font-size:1.1rem;margin:24px 0 8px}
.legal p,.legal li{color:var(--ink);opacity:.92}
.legal p+p{margin-top:12px}
.legal ul{margin:10px 0 0 22px;display:grid;gap:6px}
.legal .updated{color:var(--muted);font-size:.92rem}
.legal a{color:var(--navy);font-weight:600}

/* Section spacing helpers */
.tight-top{padding-top:0}
.center{text-align:center}
.center .lead{margin-left:auto;margin-right:auto}
.mt-l{margin-top:48px}
.setup .step:nth-child(1)::before{color:var(--orange)}
.setup .step:nth-child(2)::before{color:var(--coral)}
.setup .step:nth-child(3)::before{color:var(--teal-d)}
.setup .step:nth-child(4)::before{color:var(--navy)}

.paths .grid.lead-work{grid-template-columns:1.2fr .8fr}
@media (max-width:760px){.paths .grid.lead-work{grid-template-columns:1fr}}
.pathway li:nth-child(4)::after{background:rgba(255,253,247,.28)}
label.consent{font-family:"Work Sans",system-ui,sans-serif;font-weight:400;font-size:.92rem;margin-bottom:0;color:var(--muted)}
