@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Nunito:wght@700;800;900&display=swap');
:root{--ink:#252c43;--muted:#727b91;--pink:#ff4fa3;--pink-soft:#fff0f7;--blue:#dff3ff;--mint:#d8f6ee;--cream:#fff7ec;--line:#e8eaf0;--surface:#fff;--radius:16px;--shadow:0 14px 35px rgba(59,63,91,.09)}
*{box-sizing:border-box}
html{overflow-x:clip}
body{margin:0;color:var(--ink);font:16px/1.6 'DM Sans',Arial,sans-serif;background:#fff;overflow-x:clip}
img{display:block;max-width:100%;object-fit:cover}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.site-header{background:#fff;position:relative;z-index:5;border-bottom:1px solid #f2f2f5}
.topline{max-width:1340px;margin:auto;min-height:67px;padding:0 28px;display:flex;align-items:center;gap:28px}
.brand{font:900 22px/1 Nunito,Arial,sans-serif;letter-spacing:-1.3px;color:#293149;white-space:nowrap}
.desktop-nav{display:flex;align-items:stretch;height:67px;gap:5px;margin-right:auto}
.nav-group{position:relative;display:flex;align-items:center}
.nav-group button{border:0;background:transparent;color:#333b50;padding:22px 13px;cursor:pointer;font-size:13px;font-weight:700}
.nav-group button:after{content:'';display:inline-block;width:6px;height:6px;margin:0 0 3px 8px;border-right:1.5px solid #9ba1b0;border-bottom:1.5px solid #9ba1b0;transform:rotate(45deg)}
.drop{position:absolute;top:100%;left:0;display:none;width:220px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:0 0 12px 12px;box-shadow:var(--shadow)}
.drop a{display:block;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:700}
.drop a:hover{background:var(--pink-soft);color:var(--pink)}
.nav-group.is-open .drop,.nav-group:hover .drop{display:block}
.join-link,.pink-button{background:#10bd5d;color:#fff;border-radius:22px;padding:9px 15px;font-size:12px;font-weight:800;white-space:nowrap}
.menu-toggle{display:none;border:0;background:transparent;padding:8px;grid-template-columns:20px auto;column-gap:7px;align-items:center;color:var(--ink);font-size:11px;font-weight:800;text-transform:uppercase}
.menu-toggle i{display:block;width:19px;height:2px;background:var(--ink);grid-column:1}
.menu-toggle i:nth-child(1){grid-row:1}
.menu-toggle i:nth-child(2){grid-row:2}
.menu-toggle i:nth-child(3){grid-row:3}
.menu-toggle span{grid-column:2;grid-row:1 / 4}
.mobile-menu{padding:12px 22px 20px;border-top:1px solid var(--line);background:#fff}
.mobile-menu[hidden]{display:none!important}
.mobile-menu .nav-group{display:block}
.mobile-menu .nav-group button{width:100%;display:block;text-align:left;padding:12px 0}
.mobile-menu .drop{position:static;display:block;width:auto;border:0;box-shadow:none;padding:0 0 7px}
.mobile-menu>a{display:block;padding:12px 0;font-weight:700}
.promo{min-height:37px;background:linear-gradient(90deg,#ffd7ed,#fbd5fa 55%,#d9efff);display:flex;justify-content:center;align-items:center;gap:28px;padding:7px 25px;font-size:11px;color:#7c4970;font-weight:700}
.promo a{background:var(--pink);color:#fff;border-radius:13px;padding:3px 12px;font-size:10px}
.journal-hero,.shelf,.home-reading,.article-hero,.article-layout,.more-reading,.faq-section,.crumb{max-width:1230px;margin-left:auto;margin-right:auto}
.journal-hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,.85fr);gap:28px;padding:44px 28px 28px}
.hero-feature{min-height:320px;border-radius:16px;background:var(--pink);display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;position:relative}
.hero-feature:after{content:'';position:absolute;width:280px;height:280px;border:45px solid rgba(255,255,255,.12);border-radius:50%;right:21%;top:-150px}
.hero-copy{padding:45px;align-self:center;color:#fff;position:relative;z-index:1}
.eyebrow,.section-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:inherit;opacity:.9}
.hero-copy h1,.article-hero h1{font:900 clamp(32px,4.3vw,56px)/.98 Nunito,Arial,sans-serif;letter-spacing:-2.5px;margin:9px 0 16px}
.hero-copy p{font-size:16px;line-height:1.45;max-width:37ch;margin:0 0 25px}
.pink-button{display:inline-block;background:#fff;color:var(--pink);border-radius:22px;padding:10px 16px}
.hero-feature img{height:100%;width:100%;position:relative;z-index:1}
.journal-signup{background:var(--mint);border-radius:16px;padding:28px;align-self:stretch}
.journal-signup h2{font:900 25px/1.08 Nunito,Arial,sans-serif;letter-spacing:-1px;margin:12px 0}
.journal-signup p{font-size:13px;line-height:1.5}
.journal-signup form,.footer-form div{display:flex;gap:6px;flex-wrap:wrap}
.journal-signup input,.footer-form input{min-width:0;flex:1;border:1px solid #c3e5dc;border-radius:18px;padding:9px 12px;font-size:12px;background:#fff}
.journal-signup button,.footer-form button{border:0;border-radius:18px;padding:9px 13px;background:#13b95b;color:#fff;font-size:11px;font-weight:900;cursor:pointer}
.journal-signup output,.footer-form output{width:100%;font-size:12px;font-weight:700;color:#26754d}
.shelf,.more-reading{padding:28px}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:16px}
.section-head h2,.faq-section>h2{font:900 22px/1.1 Nunito,Arial,sans-serif;letter-spacing:-.8px;margin:0}
.section-head>a{font-size:12px;font-weight:800;color:#5b647d}
.start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.story{min-width:0}
.story-image{display:block;border-radius:13px;overflow:hidden;background:var(--blue);aspect-ratio:1.55}
.story-image img{width:100%;height:100%;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.story:hover img{transform:scale(1.045)}
.story-copy{padding:10px 2px}
.story-copy span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:#858da0}
.story-copy h3{font:900 17px/1.18 Nunito,Arial,sans-serif;letter-spacing:-.4px;margin:5px 0}
.story-copy p{font-size:12px;color:var(--muted);line-height:1.45;margin:7px 0}
.scroll-shelf{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(165px,1fr);gap:16px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}
.compact{scroll-snap-align:start}
.compact .story-image{aspect-ratio:1.35}
.compact .story-copy h3{font-size:14px}
.topic-pills{display:flex;gap:7px;flex-wrap:wrap;margin:-3px 0 17px}
.topic-pills a{padding:4px 11px;border-radius:15px;background:#f0f3f8;color:#596178;font-size:11px;font-weight:800}
.journal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 17px}
.expert-shelf{margin:28px auto;padding:29px;max-width:1174px;border-radius:21px;background:var(--pink-soft)}
.home-reading{padding:38px 28px 26px}
.article-prose{max-width:900px}
.article-prose h2{font:900 27px/1.16 Nunito,Arial,sans-serif;letter-spacing:-1px;margin:38px 0 14px}
.article-prose h3{font:900 20px/1.25 Nunito,Arial,sans-serif;margin:27px 0 10px}
.article-prose p,.article-prose li{color:#434b60}
.article-prose ul,.article-prose ol{padding-left:22px}
.article-prose li{margin:6px 0}
.table-wrap{overflow-x:auto;margin:22px 0;border:1px solid var(--line);border-radius:13px}
table{border-collapse:collapse;width:100%;min-width:600px;font-size:13px}
th,td{padding:11px 13px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
th{background:#f7f9fb;font-weight:900}
.crumb{padding:28px 28px 0;color:#838ba0;font-size:12px;font-weight:700}
.crumb a{color:var(--pink)}
.crumb span{margin:0 8px}
.article-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:48px;padding:29px 28px 38px;align-items:center}
.article-hero h1{font-size:clamp(35px,4.8vw,64px);color:#2c334c}
.article-hero p{max-width:50ch;color:#626b82;font-size:17px}
.article-hero img{width:100%;height:355px;border-radius:20px}
.hero-note{margin-top:24px;border-left:3px solid var(--pink);padding:5px 0 5px 13px;color:#6b7388;font-size:13px;max-width:46ch}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:68px;padding:22px 28px 42px}
.article-aside{border-top:3px solid var(--pink);padding-top:13px;align-self:start}
.article-aside a{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:800}
.aside-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:900;margin:0 0 6px}
.more-reading{padding-top:26px;padding-bottom:50px}
.faq-section{padding:54px 28px 64px;background:linear-gradient(180deg,#fff 0,#fff7fa 100%);max-width:none}
.faq-section>*{max-width:1174px;margin-left:auto;margin-right:auto}
.faq-section .section-label{color:var(--pink);margin-bottom:8px}
.faq-section>h2{font-size:30px;margin-bottom:23px}
.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}
.faq-grid details{background:#fff;border-radius:12px;border:1px solid #f2dce8;overflow:hidden}
.faq-grid summary{list-style:none;padding:16px 45px 16px 17px;cursor:pointer;font-size:14px;font-weight:900;position:relative}
.faq-grid summary::-webkit-details-marker{display:none}
.faq-grid summary:after{content:'';position:absolute;right:18px;top:18px;width:9px;height:9px;border-right:2px solid var(--pink);border-bottom:2px solid var(--pink);transform:rotate(45deg);transition:transform .25s ease}
.faq-grid details[open] summary:after{transform:rotate(225deg);top:22px}
.faq-grid details>div{padding:0 17px 16px;color:#657087;font-size:13px;line-height:1.55}
.faq-grid details p{margin:0}
.site-footer{background:#26304a;color:#fff;padding:43px 28px 0}
.footer-main,.footer-bottom{max-width:1174px;margin:auto}
.footer-main{display:grid;grid-template-columns:1.1fr 1.2fr 1fr;gap:36px;align-items:start}
.brand.light{color:#fff}
.footer-main p{font-size:13px;line-height:1.55;max-width:32ch;color:#cbd0dc;margin:10px 0}
.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;padding-top:2px}
.footer-links a{font-size:13px;color:#eff1f5;padding:3px 0}
.footer-form{background:#ffd5e7;color:var(--ink);padding:17px;border-radius:13px}
.footer-form label{display:block;font:900 16px/1.1 Nunito,Arial,sans-serif;margin-bottom:9px}
.footer-form small{display:block;margin-top:8px;font-size:10px;color:#6a5970}
.footer-bottom{margin-top:37px;padding:14px 0;color:#bfc6d6;border-top:1px solid rgba(255,255,255,.15);font-size:11px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.desktop-nav,.join-link{display:none}
.topline{min-height:58px;padding:0 18px}
.menu-toggle{display:grid;margin-left:auto}
.promo{font-size:10px;gap:12px;text-align:center}
.journal-hero{grid-template-columns:1fr;padding:24px 18px}
.hero-feature{min-height:0;grid-template-columns:1fr}
.hero-copy{padding:31px}
.hero-feature img{height:250px}
.journal-signup{padding:23px}
.shelf,.home-reading,.more-reading{padding-left:18px;padding-right:18px}
.start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.journal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.article-hero{grid-template-columns:1fr;gap:25px;padding:23px 18px 30px}
.article-hero img{height:280px}
.article-layout{grid-template-columns:1fr;gap:28px;padding:12px 18px 35px}
.article-aside{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.aside-label{grid-column:1 / -1}
.faq-section{padding:42px 18px}
.faq-grid{grid-template-columns:1fr}
.footer-main{grid-template-columns:1fr 1fr}
.footer-form{grid-column:1/-1;max-width:480px}
.crumb{padding-left:18px;padding-right:18px}
}
@media(max-width:520px){body{font-size:15px}
.promo{justify-content:space-between;padding:7px 16px}
.promo div{max-width:72%}
.hero-copy h1,.article-hero h1{letter-spacing:-1.7px}
.start-grid,.journal-grid{grid-template-columns:1fr 1fr;gap:15px 12px}
.story-copy h3{font-size:15px}
.story-copy p{display:none}
.scroll-shelf{grid-auto-columns:72%}
.article-aside{grid-template-columns:1fr}
.article-prose h2{font-size:24px}
.footer-main{grid-template-columns:1fr;gap:23px}
.footer-form{grid-column:auto}
.site-footer{padding-left:18px;padding-right:18px}
.hero-feature img{height:210px}
.journal-hero{gap:17px}
.journal-signup h2{font-size:23px}
}