:root{--cream:#F7F0E4;--cream2:#FFF5E6;--navy:#053148;--navy2:#0F3250;--ink:#28323C;--sage:#6B8271;--peach:#E6A580;--wave:#3A7095;
--serif:Palatino,'Palatino Linotype','Book Antiqua',Georgia,serif;--sans:'Lato',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--serif);font-size:1.0625rem;line-height:1.7}
h1,h2,h3,h4,.sans{font-family:var(--sans);color:var(--navy);line-height:1.2}
h1{font-weight:900;font-size:2.6rem;margin:.2em 0}h2{font-weight:700;font-size:1.5rem;margin:2.2em 0 .6em}
h3{font-weight:700;font-size:1.15rem;margin:1.6em 0 .4em}
a{color:var(--sage);text-underline-offset:3px}a:hover{color:var(--navy2)}
.wrap{max-width:44rem;margin:0 auto;padding:0 1.25rem}
header.site{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 0;gap:1rem;flex-wrap:wrap}
.wordmark{font-family:var(--sans);font-weight:900;color:var(--navy);text-decoration:none;letter-spacing:.02em}
nav.site a{font-family:var(--sans);font-weight:700;font-size:.95rem;text-decoration:none;margin-left:1.1rem;color:var(--navy2)}
.pill{background:var(--peach);color:var(--navy);padding:.45rem .95rem;border-radius:99px}
.pill:hover{background:var(--navy);color:var(--cream2)}
.btn{display:inline-block;font-family:var(--sans);font-weight:700;text-decoration:none;padding:.75rem 1.3rem;border-radius:99px;margin:.35rem .5rem .35rem 0}
.btn.primary{background:var(--navy);color:var(--cream2)}.btn.primary:hover{background:var(--navy2);color:var(--cream2)}
.btn.calm{background:var(--peach);color:var(--navy)}.btn.calm:hover{background:var(--navy);color:var(--cream2)}
.btn.ghost{border:1.5px solid var(--sage);color:var(--navy2)}
.hero{position:relative;overflow:hidden;padding:3.2rem 0 2.6rem}
.hero .grid{display:grid;grid-template-columns:1fr;gap:2.2rem;align-items:center;max-width:36rem}
.hero img{width:100%;max-width:250px;border-radius:6px;box-shadow:0 14px 34px rgba(5,49,72,.25);justify-self:center}
.rings{position:absolute;right:-160px;top:-120px;width:640px;height:640px;pointer-events:none;opacity:.5}
.rings i{position:absolute;inset:0;border:1.5px solid var(--sage);border-radius:50%;display:block}
.rings i:nth-child(2){inset:11%;border-color:var(--wave);opacity:.6}.rings i:nth-child(3){inset:24%;opacity:.55}
.rings i:nth-child(4){inset:39%;border-color:var(--wave);opacity:.5}
@media(prefers-reduced-motion:no-preference){.rings{animation:breathe 9s ease-in-out infinite}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}}
.eyebrow{font-family:var(--sans);font-weight:700;letter-spacing:.14em;font-size:.78rem;color:var(--sage);text-transform:uppercase}
.sub{font-size:1.25rem;color:var(--navy2);font-style:italic;margin:.4rem 0 1rem}
.divider{display:flex;align-items:center;gap:.6rem;margin:2.6rem auto;width:160px}
.divider::before,.divider::after{content:"";height:1.5px;background:var(--sage);flex:1}
.divider i{width:6px;height:6px;background:var(--sage);border-radius:50%}
.doors{list-style:none;padding:0;margin:0}
.doors li{display:flex;gap:.9rem;margin:.9rem 0;align-items:flex-start}
.chip{flex:0 0 2.1rem;height:2.1rem;border:1.5px solid var(--sage);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--sans);font-weight:900;color:var(--navy)}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:0;list-style:none}
.cards li{background:var(--cream2);border:1px solid rgba(107,130,113,.35);border-radius:10px;padding:1rem 1.1rem}
.cards a{font-family:var(--sans);font-weight:700;text-decoration:none;color:var(--navy)}
.cards p{margin:.35rem 0 0;font-size:.95rem}
.star{color:var(--sage)}
.band{background:var(--navy);color:var(--cream2);border-radius:14px;padding:1.8rem;margin:3rem 0}
.band h2{color:var(--cream2);margin-top:0}.band p{color:var(--cream2)}
form.signup{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}
form.signup input{flex:1;min-width:220px;padding:.75rem 1rem;border-radius:99px;border:none;font-family:var(--sans);font-size:1rem}
form.signup button{background:var(--sage);color:var(--cream2);border:none;border-radius:99px;padding:.75rem 1.4rem;font-family:var(--sans);font-weight:700;font-size:1rem;cursor:pointer}
.crisis{background:var(--cream2);border:1.5px solid var(--peach);border-radius:10px;padding:1rem 1.2rem;font-size:.95rem;margin:2.5rem 0}
footer.site{margin:3rem 0 2rem;font-size:.9rem;color:var(--navy2)}
footer.site .sans{font-size:.85rem}
.toolmeta{font-family:var(--sans);font-size:.9rem;color:var(--sage);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.toolbody strong{font-family:var(--sans);color:var(--navy)}
.actions{margin:2rem 0;padding:1.2rem;background:var(--cream2);border-radius:10px;border:1px solid rgba(107,130,113,.3)}
.prevnext{display:flex;justify-content:space-between;font-family:var(--sans);font-weight:700;margin:2rem 0;gap:1rem}
.now-page{background:var(--navy);color:var(--cream2)}
.now-page h1,.now-page h2,.now-page h3{color:var(--cream2)}
.now-page .toolbody strong{color:var(--cream2)}
.now-page a{color:var(--peach)}
.now-page .fallback{border:1.5px solid var(--peach);border-radius:10px;padding:1rem 1.2rem;margin:1.6rem 0}
.now-page .crisis{background:transparent;border-color:var(--peach);color:var(--cream2)}
.group-sub{font-style:italic;color:var(--navy2);margin:-.3rem 0 1rem}
@media(max-width:640px){.hero .grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}h1{font-size:2.1rem}.rings{display:none}}