:root{--deep:#3A1C59;--plum:#3A1C59;--vivid:#4A3285;--rose:#F0D9DE;--blush:#FAEEF1;--ivory:#FFFDFC;--gold:#D8C08A;--gold2:#E7B449;--ink:#190b46;--body:#1f1830;--line:#eadfe3;--max:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--body);font-family:Jost,Arial,sans-serif;line-height:1.42}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.mock-container{width:min(var(--max),calc(100% - 120px));margin:auto}
.mock-header{height:92px;background:linear-gradient(90deg,#3A1C59,#3a1c59);color:#fff;display:flex;align-items:center;position:sticky;top:0;z-index:50;box-shadow:0 2px 8px rgba(0,0,0,.18)}.mock-nav-wrap{width:min(1500px,calc(100% - 40px));margin:auto;display:flex;align-items:center;gap:30px}.mock-brand{display:flex;align-items:center;min-width:320px}.mock-brand img{width:62px;height:62px;object-fit:contain;margin-right:10px}.mock-brand-name{font-family:'Cormorant Garamond',Georgia,serif;font-size:27px;letter-spacing:.03em}.mock-tagline{color:#f3c33f;font-size:18px;font-weight:500;letter-spacing:.02em;margin-top:-3px}.mock-nav-links{margin-left:auto;display:flex;gap:38px;font-size:14px;font-weight:600;white-space:nowrap}.mock-nav-links a{color:white}.mock-join{margin-left:20px;background:#fff;color:#3A1C59;font-size:14px;font-weight:700;padding:15px 28px;border-radius:6px;white-space:nowrap}.mobile-toggle{display:none}
.mock-hero{position:relative;min-height:530px;overflow:hidden;background:linear-gradient(180deg,#f7e8dd 0%,#f4dad4 47%,#b28ea5 76%,#786c8f 100%)}.mock-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 26%,rgba(255,248,227,.94) 0,rgba(255,238,215,.58) 22%,transparent 48%),linear-gradient(90deg,rgba(255,253,252,.6),transparent 47%);pointer-events:none}.hero-glow{position:absolute;left:-6%;right:-6%;bottom:-90px;height:250px;background:radial-gradient(ellipse at center,rgba(102,77,125,.45),rgba(66,40,89,.02) 68%)}.hero-layout{display:grid;grid-template-columns:46% 54%;align-items:center;min-height:530px;position:relative;z-index:2}.hero-copy{padding:52px 0 35px 0;color:var(--ink)}.hero-kicker{font-size:14px;font-weight:600;letter-spacing:.03em;margin-bottom:8px}.hero-copy h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:73px;line-height:.88;margin:4px 0 6px;letter-spacing:-.025em}.script-line{font-family:'Brush Script MT','Snell Roundhand','Apple Chancery',cursive;color:#b28b3d;font-size:53px;line-height:1.05}.hero-heart{color:#b28b3d;font-size:32px;margin-left:254px;line-height:1}.hero-copy p{font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;line-height:1.45;margin:8px 0 0}.hero-actions{display:flex;gap:15px;margin-top:25px}.purple-btn,.white-btn{font-weight:600;font-size:14px;border-radius:5px;padding:15px 28px}.purple-btn{background:#4a3285;color:white}.white-btn{background:#fff;color:#241253;border:1px solid rgba(42,20,91,.15)}.hero-bowl-wrap{align-self:end;height:490px;position:relative}.hero-bowl{position:absolute;right:-1%;bottom:-5px;width:690px;height:390px;background:url('assets/hero-mock-bowl.png?v=trim2') center/contain no-repeat;filter:drop-shadow(0 15px 15px rgba(38,18,43,.22))}
.founder-philosophy{padding:28px 0 18px;background:linear-gradient(90deg,#fffdfc 0%,#fff 54%,#fffaf8 100%)}.founder-grid{display:grid;grid-template-columns:27% 29% 44%;gap:34px;align-items:start}.meg-photo-wrap{padding-top:0}.meg-photo-wrap img{width:100%;height:330px;object-fit:cover;border-radius:10px}.meg-note{padding:8px 24px 0 12px;border-right:2px solid #b28b3d;min-height:330px}.meg-note h2,.philosophy-copy h2,.center-title{font-family:'Cormorant Garamond',Georgia,serif;color:#241253;font-weight:500}.meg-note h2,.philosophy-copy h2{font-size:32px;margin:0 0 12px}.quote-mark{font-family:Georgia,serif;color:#7a5ab8;font-size:70px;line-height:.5;margin:20px 0 8px}.meg-note blockquote{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;color:#241253;font-size:19px;line-height:1.32;margin:0}.meg-sign{font-family:'Brush Script MT','Snell Roundhand','Apple Chancery',cursive;color:#b28b3d;font-size:40px;margin-top:14px}.philosophy-copy{padding:6px 0 0}.philosophy-copy p{font-size:17px;line-height:1.55;margin:0 0 18px}
.belief-strip{padding:0 0 10px}.belief-inner{min-height:94px;border:1px solid #eadfe3;border-radius:12px;background:linear-gradient(180deg,#fff,#fcf8f6);display:grid;grid-template-columns:120px 1fr;align-items:center;text-align:center;color:#241253;font-family:'Cormorant Garamond',Georgia,serif;font-size:26px;font-weight:500;line-height:1.25}.belief-icon{width:64px;height:64px;margin:auto;border:3px solid #b28b3d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:41px;color:#b28b3d}
.circle-code-section{padding:0 0 8px}.center-title{text-align:center;font-size:31px;margin:0 0 8px}.code-grid,.after-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px 12px}.code-grid article,.after-grid article{position:relative;display:grid;grid-template-columns:58px 1fr;gap:12px;min-height:130px;background:linear-gradient(180deg,#fffdfc,#faf6f4);border:1px solid #efe7e7;border-radius:11px;padding:14px 14px 12px}.round-icon{width:48px;height:48px;border-radius:50%;background:#f1edf5;color:#4a3285;display:flex;align-items:center;justify-content:center;font-size:24px}.code-grid h3,.after-grid h3{font-family:'Cormorant Garamond',Georgia,serif;color:#241253;font-size:20px;line-height:1.1;margin:0 0 7px}.code-grid p,.after-grid p{font-size:17px;line-height:1.5;margin:0}
.explore-section{padding:4px 0 3px}.explore-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.explore-card{position:relative;background:#fff;border:1px solid #eee4e2;border-radius:10px;overflow:visible;min-height:292px;padding-bottom:10px}.explore-card img{width:100%;height:118px;object-fit:cover;border-radius:9px 9px 0 0}.card-icon{position:absolute;top:100px;left:10px;width:37px;height:37px;border-radius:50%;background:#4a3285;color:white;border:3px solid #fff;display:flex;align-items:center;justify-content:center;font-size:19px}.explore-card h3{font-family:'Cormorant Garamond',Georgia,serif;color:#241253;font-size:17px;text-align:center;margin:26px 7px 8px}.explore-card p{font-size:17px;line-height:1.48;padding:0 12px;margin:0}
.after-section{padding:0 0 8px}.after-lead{text-align:center;color:#241253;font-size:17px;margin:-4px 0 7px}.after-grid article{grid-template-columns:1fr;min-height:132px;padding-left:76px}.after-grid article .round-icon{position:absolute;left:18px;top:34px}.step-num{position:absolute;left:7px;top:7px;background:#3A1C59;color:white;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.after-grid h3{font-size:17px}.after-grid p{font-size:17px}
.membership-section{padding:0 0 20px}.membership-sub{text-align:center;font-size:17px;margin:-8px 0 6px}.membership-grid{display:grid;grid-template-columns:1.22fr 1fr 1fr .92fr;border:1px solid #efe7e4;border-radius:12px;overflow:hidden;background:#fff}.membership-grid>div{min-height:138px;padding:13px 22px;border-right:1px solid #efe7e4}.membership-grid>div:last-child{border-right:0}.membership-benefits{font-size:17px;line-height:1.8}.membership-benefits div{display:flex;gap:10px;color:#b28b3d}.membership-benefits span{color:#241f2e}.price-card{text-align:center}.rose-price{background:#f2e7f1}.gold-price{background:#f4e6c7}.price-label{font-size:14px;font-weight:700;color:#241253}.price{font-family:'Cormorant Garamond',Georgia,serif;font-size:35px;color:#241253;line-height:1.1;margin:4px 0}.price sup{font-size:17px}.price small{font-family:Jost;font-size:14px}.price-rule{height:1px;background:#bba5ba;margin:2px auto 6px;max-width:200px}.price-card strong,.price-card span{display:block;font-size:17px}.finance-note{text-align:center;font-size:17px;line-height:1.45}.finance-heart{color:#b28b3d;border:2px solid #b28b3d;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 5px;font-size:26px}.finance-note p{margin:0}.pricing-banner{width:56%;margin:-1px auto 0;background:#3A1C59;color:white;text-align:center;border-radius:5px;padding:7px 20px;font-size:17px;letter-spacing:.13em}
.circle-rooms-detail{background:var(--rose);padding:48px 0 56px}.circle-rooms-detail .after-lead{font-size:17px}.room-pill-grid{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.room-pill-grid a{background:#fff;color:#241253;border:1px solid rgba(42,26,78,.15);padding:13px 20px;border-radius:999px;font-family:'Cormorant Garamond',Georgia,serif;font-size:18px}.mock-footer{background:#3A1C59;color:white;padding:28px 0}.footer-inner{display:flex;justify-content:space-between;font-size:14px}.footer-inner a{color:#fff}.footer-inner span{opacity:.72}
/* Existing interior-page support */
.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{background:var(--deep);color:white}.nav{min-height:76px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:38px}.nav-links{display:flex;gap:18px}.join-btn,.btn{display:inline-flex;padding:12px 20px;background:#fff;color:var(--deep);border-radius:6px;font-weight:700}.page-hero{background:var(--deep);color:#fff;padding:100px 0}.page-hero h1,.section h2,.card h3,.room-chip h3,blockquote{font-family:'Cormorant Garamond',Georgia,serif}.section{padding:80px 0}.rose{background:var(--rose)}.deep{background:var(--deep);color:white}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:60px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);padding:28px}.rooms-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.room-chip{border:1px solid rgba(216,192,138,.35);padding:24px}.footer{background:#3a1c59;color:#fff;padding:60px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
@media(max-width:1200px){.mock-container{width:calc(100% - 50px)}.mock-nav-links{gap:20px}.mock-brand{min-width:270px}.hero-copy h1{font-size:62px}.hero-bowl{width:600px}.explore-grid{gap:12px}.explore-card p{font-size:17px}.meg-note blockquote{font-size:17px}}
@media(max-width:900px){.mock-header{height:auto;min-height:76px}.mock-nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:#3A1C59;padding:22px;flex-direction:column}.mock-nav-links.open{display:flex}.mobile-toggle{display:block;margin-left:auto;border:0;background:none;color:#fff;font-size:24px}.mock-brand{min-width:0}.mock-join{margin-left:0}.hero-layout{grid-template-columns:1fr;min-height:720px}.hero-bowl-wrap{position:absolute;inset:auto 0 0 28%;height:430px;opacity:.7}.hero-copy{z-index:3;max-width:590px}.founder-grid{grid-template-columns:1fr}.meg-note{border-right:0;border-bottom:2px solid #b28b3d;padding-bottom:20px}.explore-grid{grid-template-columns:repeat(3,1fr)}.code-grid,.after-grid{grid-template-columns:1fr 1fr}.membership-grid{grid-template-columns:1fr 1fr}.membership-grid>div{border-bottom:1px solid #efe7e4}.pricing-banner{width:90%}.belief-inner{grid-template-columns:90px 1fr;font-size:20px}.footer-inner{flex-direction:column;gap:10px}}
@media(max-width:600px){.mock-container{width:calc(100% - 28px)}.mock-brand img{width:46px;height:46px}.mock-brand-name{font-size:20px}.mock-tagline{font-size:14px}.mock-join{padding:11px 13px;font-size:14px}.hero-copy h1{font-size:50px}.script-line{font-size:39px}.hero-heart{margin-left:180px}.hero-copy p{font-size:17px}.hero-bowl-wrap{left:18%;opacity:.45}.founder-philosophy{padding-top:20px}.meg-photo-wrap img{height:390px}.belief-inner{grid-template-columns:1fr;padding:18px;font-size:18px}.explore-grid{grid-template-columns:1fr 1fr}.code-grid,.after-grid,.membership-grid{grid-template-columns:1fr}.membership-grid>div{border-right:0}.center-title{font-size:28px}.footer-inner{font-size:14px}.pricing-banner{width:100%}}

/* Approved homepage corrections — 2026-08-10 */
.mock-header{background:var(--deep)}
.mock-brand{min-width:270px}
.mock-brand img{width:58px;height:58px}
.mock-join{background:#fff;color:var(--deep)}
.mock-hero{background:linear-gradient(180deg,var(--blush) 0%,var(--rose) 58%,#d8bbc5 100%)}
.mock-hero:after{background:radial-gradient(circle at 76% 24%,rgba(255,253,252,.92) 0,rgba(255,253,252,.40) 27%,transparent 54%),linear-gradient(90deg,rgba(255,253,252,.66),transparent 47%)}
.hero-glow{background:radial-gradient(ellipse at center,rgba(22,10,43,.16),rgba(22,10,43,0) 70%)}
.hero-copy{color:var(--deep)}
.hero-copy p strong{font-weight:600;color:var(--deep)}
.script-line{color:#b28b3d;margin-top:10px}
.hero-heart{color:#b28b3d;margin-left:250px}
.purple-btn{background:var(--deep)}
.white-btn{color:var(--deep);border-color:rgba(22,10,43,.18)}
.hero-bowl-wrap{height:430px}
.hero-bowl{right:3%;bottom:2px;width:555px;height:320px}
.meg-note{border-right-color:var(--gold)}
.meg-sign,.quote-mark{color:#b28b3d}
.philosophy-copy p{margin-bottom:16px}
.symbol-section{background:var(--rose);padding:42px 0}
.symbol-grid{display:grid;grid-template-columns:30% 70%;gap:52px;align-items:center}
.symbol-art{display:flex;align-items:center;justify-content:center}
.symbol-art img{width:240px;height:240px;object-fit:contain}
.symbol-copy .section-kicker{font-size:14px;letter-spacing:.12em;font-weight:600;color:var(--plum);margin-bottom:5px}
.symbol-copy h2{font-family:'Cormorant Garamond',Georgia,serif;color:var(--deep);font-weight:500;font-size:34px;line-height:1.05;margin:0 0 16px}
.symbol-copy p{max-width:850px;font-size:17px;line-height:1.6;margin:0 0 12px}
.symbol-line{font-family:'Brush Script MT','Snell Roundhand','Apple Chancery',cursive;color:#b28b3d;font-size:38px;margin-top:12px}
.belief-strip{background:var(--ivory);padding-top:10px}
.belief-icon{border-color:var(--gold);color:#b28b3d}
.circle-code-section{padding-top:10px;background:var(--ivory)}
.explore-section{background:var(--rose);padding:18px 0 20px}
.explore-card{background:var(--ivory)}
.card-icon{background:var(--deep)}
.after-section{background:var(--ivory);padding:22px 0 28px}
.after-grid{align-items:stretch}
.after-grid article{min-height:188px;height:auto;padding-top:18px;padding-bottom:18px;overflow:visible}
.after-grid h3{margin-top:4px}
.after-grid p{font-size:17px;line-height:1.52}
.membership-section{background:var(--blush);padding:20px 0 30px}
.rose-price{background:var(--rose)}
.gold-price{background:#f4ead5}
.pricing-banner{width:72%;background:var(--deep);font-size:17px;letter-spacing:.035em;line-height:1.45;padding:9px 18px}
.circle-rooms-detail{background:var(--rose)}
.mock-footer{background:var(--deep);color:#fff;padding:36px 0 18px}
.full-footer-grid{display:grid;grid-template-columns:1.35fr .9fr .95fr .8fr 1.5fr;gap:34px;align-items:start}
.footer-logo-line{display:flex;align-items:center;gap:10px;font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;letter-spacing:.03em}
.footer-logo-line img{width:54px;height:54px;object-fit:contain}
.footer-brand-block p,.footer-newsletter p{font-size:17px;line-height:1.5;opacity:.86}
.footer-script{font-family:'Brush Script MT','Snell Roundhand','Apple Chancery',cursive;color:var(--gold);font-size:24px}
.footer-col,.footer-newsletter{display:flex;flex-direction:column;gap:7px;font-size:14px}
.footer-col h3,.footer-newsletter h3{font-family:Jost,Arial,sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:.06em;margin:0 0 5px;color:var(--ivory)}
.footer-col a,.footer-col span{color:#fff;opacity:.88}
.newsletter-row{display:flex;gap:8px;flex-wrap:wrap}.newsletter-row input{min-width:170px;flex:1;border:0;border-radius:4px;padding:10px 11px;font-family:Jost}.newsletter-row button{border:0;border-radius:5px;background:var(--rose);color:var(--deep);padding:10px 12px;font-weight:600}.social-row{margin-top:10px;font-size:18px;letter-spacing:.12em}.footer-disclaimer{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.17);font-size:17px;line-height:1.55;opacity:.72}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12);font-size:14px;opacity:.78}.footer-bottom a{color:#fff}
@media(max-width:1100px){.full-footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-newsletter{grid-column:1/-1}.symbol-grid{grid-template-columns:1fr 2fr}.after-grid article{min-height:210px}}
@media(max-width:900px){.hero-bowl{width:470px;height:275px}.symbol-grid{grid-template-columns:1fr;text-align:center}.symbol-copy p{margin-left:auto;margin-right:auto}.full-footer-grid{grid-template-columns:1fr 1fr}.footer-brand-block,.footer-newsletter{grid-column:1/-1}.after-grid article{min-height:190px}}
@media(max-width:600px){.hero-bowl{width:390px;height:230px}.hero-heart{margin-left:175px}.full-footer-grid{grid-template-columns:1fr}.footer-brand-block,.footer-newsletter{grid-column:auto}.footer-bottom{flex-direction:column}.symbol-art img{width:190px;height:190px}.after-grid article{min-height:0}}

/* Filled-build additions - 2026-08-10 (merge of approved copy into the new design) */
.code-promise{margin:18px auto 0;max-width:720px;background:var(--deep);color:#fff;border-radius:14px;padding:30px 36px;text-align:center;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:19px;line-height:1.6}
.code-promise em{color:#e7c877;font-style:normal;font-weight:600}
.symbol-art img{max-width:340px;margin:auto}
.mock-brand img{border-radius:0;background:transparent}
@media(max-width:1200px){.explore-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.explore-grid{grid-template-columns:repeat(3,1fr)}.after-grid article{padding-left:76px}}
@media(max-width:600px){.explore-grid{grid-template-columns:1fr 1fr}}
/* Interior pages */
.site-header{position:sticky;top:0;z-index:40;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.site-header .nav-links a{color:#fff;font-size:14px;font-weight:600}
.site-header .brand span{font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;letter-spacing:.03em}
.site-header .brand img{width:44px;height:44px;object-fit:contain}
.join-btn{border-radius:6px;font-size:14px;font-weight:700;margin-left:auto}
.site-header .nav-links{margin-left:auto}
.site-header .join-btn{margin-left:20px}
.page-hero{background:linear-gradient(180deg,var(--deep),#4C2670);padding:72px 0}
.page-hero .eyebrow{font-size:14px;letter-spacing:.22em;color:#d8c08a;margin-bottom:10px}
.page-hero h1{font-size:clamp(34px,5vw,52px);font-weight:500;margin:0 0 10px;line-height:1.05}
.page-hero p{font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;font-style:italic;color:#d0c0ec;max-width:640px;margin:0}
.content-copy{max-width:760px}
.content-copy h2{font-size:30px;font-weight:500;color:#241253;margin:0 0 16px}
.content-copy p{font-family:Jost,Arial,sans-serif;font-size:17px;line-height:1.75;color:#3a3355;margin:0 0 18px}
.content-copy .lede{font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;font-style:italic;color:#3a1c59;line-height:1.6}
.room-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}
.room-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}
.room-card .tag{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#4a3285;font-weight:600;margin-bottom:6px}
.room-card h2,.room-card h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;color:#241253;margin:0 0 8px}
.room-card p{font-size:17px;line-height:1.7;color:#3a3355;margin:0}.card-link{display:inline-block;margin-top:14px;color:#4A3285;font-weight:600;font-size:17px;border-bottom:1.5px solid #9070C8;padding-bottom:2px}.card-link:hover{color:#241253;border-bottom-color:#b28b3d}.after-grid .card-link{margin-top:10px}
.shelf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
@media (max-width:900px){.shelf-grid{grid-template-columns:1fr}}
.shelf-card{background:#fff;border:1px solid #d8d4e8;border-radius:14px;padding:20px}
.shelf-card .cat{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#4a3285;font-weight:600;margin-bottom:6px}
.shelf-card .ttl{font-weight:600;color:#3a1c59;margin-bottom:4px;font-family:Jost,Arial,sans-serif}
.shelf-card .src{font-size:14px;color:#8a87a0;margin-bottom:8px}
.shelf-card .why{font-size:17px;color:#5f5e5a;font-style:italic;line-height:1.6;margin-bottom:10px}
.shelf-card a{color:#4a3285;font-weight:600;font-size:14px}
.faq-list details{background:#fff;border:1px solid rgba(42,26,78,.12);border-radius:12px;padding:16px 20px;margin-bottom:12px}
.faq-list summary{font-weight:600;color:#3a1c59;cursor:pointer;font-family:Jost,Arial,sans-serif}
.faq-list p{margin:10px 0 0;font-size:17px;line-height:1.7;color:#3a3355}
.step-list{display:flex;flex-direction:column;gap:14px;margin:22px 0}
.step-list .step{display:flex;gap:14px;align-items:flex-start}
.step-list .num{font-family:'Cormorant Garamond',Georgia,serif;font-size:26px;color:#4a3285;line-height:1}
.cta-band{background:var(--deep);border-radius:16px;padding:34px;text-align:center;margin-top:32px}
.cta-band p{color:rgba(255,255,255,.85);margin:0 0 18px;font-family:Jost,Arial,sans-serif}
.cta-band a{display:inline-block;background:#fff;color:#241253;border-radius:999px;padding:12px 26px;font-weight:600;font-size:14px;font-family:Jost,Arial,sans-serif}
.legal-note{margin-top:28px;font-size:17px;color:rgba(255,255,255,.5);line-height:1.8;border-top:1px solid rgba(255,255,255,.08);padding-top:18px}
.footer .footer-grid a{display:block;color:rgba(255,255,255,.8);font-size:14px;margin-bottom:8px}
.footer h2{font-family:Jost,Arial,sans-serif;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#d8c08a;margin:0 0 12px}
.footer .brand img{width:36px;height:36px;object-fit:contain}
.footer .brand{display:flex;align-items:center;gap:10px;font-family:'Cormorant Garamond',Georgia,serif;font-size:19px;margin-bottom:10px}
.footer p{font-size:17px;color:rgba(255,255,255,.7);line-height:1.7}
.legal-page h2{font-size:22px;margin-top:28px}
.legal-page p,.legal-page li{font-size:17px;line-height:1.75;color:#3a3355}
@media(max-width:800px){.room-cards{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:24px}.site-header .nav-links{display:none}}
/* Return-home button - Meg's fix 2026-08-10 */
.return-home{text-align:center;padding:6px 0 44px}
.return-home a{display:inline-block;background:var(--deep);color:#fff;border-radius:999px;padding:15px 34px;font-weight:600;font-size:14px;font-family:Jost,Arial,sans-serif;letter-spacing:.04em}
.return-home a:hover{background:#4a3285}
/* Kintsugi story section - Meg's fix 2026-08-10 */
.kintsugi-story{padding:34px 0 26px;max-width:1000px}
.kintsugi-story .center-title{margin-bottom:2px}
.story-sub{text-align:center;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:19px;color:#7a5ab8;margin:0 0 20px}
.story-cols{column-count:2;column-gap:44px}
.story-cols p{font-size:17px;line-height:1.75;color:#3a3355;margin:0 0 14px;break-inside:avoid}
.story-close{text-align:center;font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;color:#241253;margin:14px 0 0}
@media(max-width:800px){.story-cols{column-count:1}}
/* Centered symbol - Meg's fix 2026-08-10 */
.symbol-center{text-align:center;padding:8px 0 0}
.symbol-center .section-kicker{font-size:14px;letter-spacing:.22em;color:#7a5ab8;font-weight:600;margin-bottom:14px}
.symbol-center img{max-width:300px;margin:0 auto 10px}
.symbol-center .symbol-line{font-family:'Brush Script MT','Snell Roundhand','Apple Chancery',cursive;color:#b28b3d;font-size:34px}
/* Symbol read-more button - Meg's fix 2026-08-10 */
.symbol-read-more{text-align:center;padding:14px 0 30px}
.symbol-read-more a{display:inline-block;background:transparent;color:#241253;border:1.5px solid #b28b3d;border-radius:999px;padding:12px 26px;font-weight:600;font-size:14px}
.symbol-read-more a:hover{background:#b28b3d;color:#fff}
/* Meg read-more link - 2026-08-10 */
.meg-read-more{display:inline-block;margin-top:10px;color:#4a3285;font-weight:600;font-size:14px;border-bottom:1.5px solid #b28b3d;padding-bottom:2px}
/* Philosophy solo + Meg band moved before pricing - Meg's fix 2026-08-10 */
.philosophy-solo{max-width:780px;text-align:center;padding:26px 0 10px}
.philosophy-solo h2{font-family:'Cormorant Garamond',Georgia,serif;color:#241253;font-weight:500;font-size:32px;margin:0 0 14px}
.philosophy-solo p{font-size:17px;line-height:1.7;color:#3a3355;margin:0 0 12px}
/* Meg's two canon lines on grief, added 2026-08-16. Same serif/italic/purple the
   site already uses for her own quote, so it lifts without becoming a new style. */
.philosophy-solo p.philosophy-line{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:19px;line-height:1.5;color:#241253;max-width:640px;margin:20px auto 20px}
@media(max-width:700px){.philosophy-solo p.philosophy-line{font-size:17px}}
.meg-band-section{padding:10px 0 26px}
.meg-band{display:grid;grid-template-columns:210px 1fr;gap:30px;align-items:center;max-width:860px;background:linear-gradient(90deg,#fffdfc,#fdf7f5);border:1px solid #eadfe3;border-radius:16px;padding:26px 30px}
.meg-band-photo img{width:100%;height:230px;object-fit:cover;border-radius:12px}
.meg-band-note h2{font-family:'Cormorant Garamond',Georgia,serif;color:#241253;font-weight:500;font-size:26px;margin:0 0 10px}
.meg-band-note blockquote{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;color:#241253;font-size:17px;line-height:1.45;margin:0}
.meg-band-note .meg-sign{font-size:34px;margin-top:8px}
@media(max-width:700px){.meg-band{grid-template-columns:1fr}.meg-band-photo img{height:280px}}
/* Tighter interior spacing - Meg's fix 2026-08-10 */
.page-hero{padding:38px 0}
.page-hero h1{font-size:clamp(30px,4vw,44px)}
.section{padding:34px 0 22px}
.content-copy p{margin:0 0 15px}
.return-home{padding:0 0 34px}
/* Belong + stats + founding form - Meg's additions 2026-08-10 */
.belong-section{padding:8px 0 26px;background:#fffdfc}
.belong-section .section-kicker{font-size:14px;letter-spacing:.22em;color:#7a5ab8;font-weight:600;margin-bottom:8px}
.belong-lead{text-align:center;max-width:640px;margin:0 auto 18px;font-size:17px;line-height:1.7;color:#3a3355}
.belong-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:720px;margin:0 auto}
.belong-chips span{background:#fff;border:1px solid rgba(58,28,89,.2);color:#3A1C59;border-radius:999px;padding:11px 20px;font-family:'Cormorant Garamond',Georgia,serif;font-size:17px}
.belong-always{text-align:center;margin:18px 0 0;font-family:'Cormorant Garamond',Georgia,serif;font-size:19px;color:#241253}
.gap-section{background:var(--deep);color:#fff;padding:40px 0 44px;margin-top:10px}
.gap-lead{text-align:center;max-width:680px;margin:0 auto 26px;font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;line-height:1.55}
.gap-lead strong{color:#e7c877;font-weight:600}
.gap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:860px;margin:0 auto}
.gap-stat{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:20px;text-align:center}
.gap-num{font-family:'Cormorant Garamond',Georgia,serif;font-size:40px;color:#e7c877;line-height:1;margin-bottom:8px}
.gap-stat p{font-size:17px;line-height:1.6;color:rgba(255,255,255,.88);margin:0}
.gap-sources{text-align:center;font-size:14px;color:rgba(255,255,255,.5);margin:14px 0 18px}
.gap-close{text-align:center;max-width:680px;margin:0 auto;font-size:17px;line-height:1.75;color:rgba(255,255,255,.9)}
.gap-close strong{color:#e7c877}
@media(max-width:700px){.gap-grid{grid-template-columns:1fr}}
.founding-card{max-width:880px;margin:22px auto 0;background:var(--deep);border-radius:16px;padding:32px 34px;color:#fff;text-align:center}
.founding-card h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:26px;font-weight:500;margin:0 0 12px}
.founding-card>p{font-size:17px;line-height:1.7;color:rgba(255,255,255,.88);margin:0 0 18px}
.founding-form{display:flex;flex-direction:column;gap:12px;text-align:left}
.join-input{width:100%;border:0;border-radius:10px;padding:14px 18px;font-size:17px;font-family:Jost,Arial,sans-serif}
.join-intro{font-size:17px;line-height:1.6;color:rgba(255,255,255,.75);margin:6px 0 2px}
.consent-row{display:flex;gap:10px;align-items:flex-start}
.consent-row input{margin-top:4px;width:16px;height:16px;flex-shrink:0;cursor:pointer}
.consent-row label{font-size:17px;line-height:1.6;color:rgba(255,255,255,.75)}
.consent-row a{color:#d0c0ec;text-decoration:underline}
#foundingBtn,#retreatBtn{width:100%;border:0;border-radius:999px;background:#fff;color:#3A1C59;font-weight:700;font-size:14px;padding:14px;cursor:pointer;font-family:Jost,Arial,sans-serif}
.founding-confirm{margin-top:12px;font-size:17px;color:#d0c0ec}
.founding-note{margin-top:6px;font-size:17px;color:rgba(255,255,255,.6)}
/* ═══ VIBRANCY ACCENT PASS - 2026-08-10 (delete this whole block to revert) ═══ */
.purple-btn{background:#4A3285}
.purple-btn:hover{background:#5A3F9E}
.card-icon{background:#4A3285}
.round-icon{color:#4A3285;background:#F1EBFA}
.step-num{background:#4A3285}
.symbol-read-more a{border-color:#4A3285;color:#4A3285}
.symbol-read-more a:hover{background:#4A3285;color:#fff}
.meg-read-more{color:#4A3285;border-bottom-color:#9070C8}
.mock-join{color:#4A3285}
.join-btn{color:#4A3285}
#foundingBtn,#retreatBtn{color:#4A3285}
.return-home a{background:#4A3285}
.return-home a:hover{background:#3A1C59}
.room-pill-grid a{color:#4A3285;border-color:rgba(74,50,133,.3)}
.newsletter-row button{background:#4A3285;color:#fff}
.section-kicker,.belong-section .section-kicker{color:#7A5AB8}
.gap-lead strong,.gap-close strong{color:#E7C877}
.faq-list summary{color:#4A3285}
.shelf-card a,.content-copy a{color:#4A3285}
/* Hero circle lines restored - Meg's fix 2026-08-10 */
.hero-complete{font-family:'Cormorant Garamond',Georgia,serif;font-size:19px;line-height:1.5;color:#241253;font-style:italic;margin:10px 0 12px;max-width:520px}
.hero-complete em{font-style:italic;color:#4A3285;font-weight:600}
/* Belong chip row break - Meg's fix 2026-08-10 */
.chip-break{flex-basis:100%;height:0}
/* Why a bowl - hero placard, Meg's copy 2026-08-11 */
.why-bowl{margin-top:26px;max-width:500px}
.why-bowl-kicker{font-size:14px;letter-spacing:.24em;font-weight:600;color:#7a5ab8;margin-bottom:6px}
.why-bowl p{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:17px;line-height:1.6;color:#3a3355;margin:0}
.why-bowl em{color:#241253;font-weight:600}
@media(max-width:900px){.why-bowl{max-width:100%}}
/* ═══ PLUM SHIFT - Meg 2026-08-11: page reads brown, wants more purple ═══ */
:root{--rose:#EBDCEF;--blush:#F6F0FA}
.mock-hero{background:linear-gradient(180deg,#F4EEF9 0%,#E7D8F1 52%,#C3A6D8 100%)}
.mock-hero:after{background:radial-gradient(circle at 76% 24%,rgba(255,252,255,.92) 0,rgba(250,244,252,.40) 27%,transparent 54%),linear-gradient(90deg,rgba(252,248,254,.66),transparent 47%)}
.founder-philosophy{background:linear-gradient(90deg,#FDFBFE 0%,#fff 54%,#FAF6FC 100%)}
.meg-band{background:linear-gradient(90deg,#FDFBFE,#F8F3FA);border-color:#E4D6EA}
.belong-chips span{border-color:rgba(74,50,133,.28)}
.gold-price{background:#EFE3F1}
/* Bowl vertically centered - Meg 2026-08-11 */
.hero-bowl-wrap{align-self:center;height:440px;display:flex;align-items:center;justify-content:center}
.hero-bowl{position:static;width:min(620px,100%);height:400px}
/* Bowl: full image, true aspect, centered with equal gaps - Meg 2026-08-11 v2 */
.hero-bowl-wrap{padding:0;width:100%;align-self:center;display:flex;align-items:center;justify-content:center}
/* Bowl reduced 600px -> 525px at Meg's request 2026-08-16: at 600 it was as wide as the
   headline block (607px) and competed with the words. One number to change if she wants
   it smaller or larger again. */
.hero-bowl{position:static;width:min(525px,calc(100% - 48px));max-width:none;aspect-ratio:539/318;height:auto;background-size:contain;background-position:center;border-radius:12px;box-shadow:0 16px 40px rgba(42,26,78,.16)}
/* Headline size dialed down - Meg 2026-08-11 */
.hero-copy h1{font-size:clamp(44px,4.2vw,58px);line-height:.95}
/* Header + pricing banner matched to JOIN button purple - Meg 2026-08-11 */
.mock-header{background:linear-gradient(90deg,#4A3285,#3a2570)}
.pricing-banner{background:#4A3285}
/* Mobile hero: bowl below text, no ghost overlay - QA fix 2026-08-11 */
@media(max-width:900px){
.hero-layout{min-height:auto;padding-bottom:10px}
.hero-bowl-wrap{position:static;inset:auto;opacity:1;height:auto;padding:16px 0 6px}
.hero-bowl{width:min(480px,100%);margin:0 auto}
.hero-copy{max-width:100%}
}

/* Footer: real call-to-action in place of the non-functional subscribe box */
.newsletter-cta{display:inline-flex;background:#fff;color:var(--deep);border-radius:5px;padding:10px 16px;font-weight:700;font-size:14px;letter-spacing:.04em}
.social-row{margin-top:10px;font-size:14px;letter-spacing:normal}
.social-row a{color:#fff;opacity:.88}

/* Sub-page header: mobile menu button (index.html has its own) */
.site-header .mobile-toggle{display:none;margin-left:auto;border:0;background:none;color:#fff;font-size:24px;line-height:1;cursor:pointer;padding:4px 6px}
@media(max-width:800px){
.site-header .nav{flex-wrap:wrap;position:relative}
.site-header .mobile-toggle{display:block}
.site-header .nav-links{display:none;order:3;flex-basis:100%;flex-direction:column;gap:14px;margin-left:0;padding:16px 0 18px}
.site-header .nav-links.open{display:flex}
.site-header .join-btn{margin-left:0}
}

/* Cookie notice (injected by script.js on every page) */
#cookieBanner{position:fixed;left:0;right:0;bottom:0;z-index:300;background:#1E1238;color:#F5F0E6;padding:16px 24px;box-shadow:0 -8px 30px rgba(0,0,0,.35)}
#cookieBanner .cookie-inner{max-width:1000px;margin:0 auto;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
#cookieBanner p{font-size:17px;line-height:1.6;color:#D9CCEC;flex:1;min-width:240px;margin:0}
#cookieBanner a{color:#D8C6A5;text-decoration:underline}
#cookieBanner .cookie-buttons{display:flex;gap:10px}
#cookieBanner button{border-radius:2rem;padding:9px 20px;font-family:inherit;font-size:14px;cursor:pointer}
#cookieBanner .cookie-decline{background:transparent;border:1px solid #B8B4C8;color:#F5F0E6}
#cookieBanner .cookie-accept{background:#fff;border:0;color:#2A1A4E;font-weight:600}

/* "I am not less..." - a first-person declaration inside the belonging section */
.belong-declare{text-align:center;max-width:640px;margin:22px auto 0;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:22px;line-height:1.45;color:#3A1C59}

/* The clarity statement closing The Gap - set apart from the paragraph above it */
.gap-clarity{text-align:center;max-width:680px;margin:20px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);font-size:17px;line-height:1.75;color:rgba(255,255,255,.82)}
.gap-clarity strong{color:#fff}

/* ---------------------------------------------------------------------------
   HEADER FIT FIX - 2026-08-18
   THE CAUSE: the "Approved homepage corrections 2026-08-10" block above sets
   `.mock-brand{min-width:270px}` and `.mock-brand img{width:58px}` with NO width
   limit, so they applied on phones too. On a 375px screen that held the logo
   block at 270px and pushed the white JOIN CIRCLED button clean off the right
   edge, and the whole home page scrolled sideways by 120px. Only index.html was
   affected, because it is the only page with that button in the header.
   These rules are LAST IN THE FILE on purpose, so they win.
   The button is deliberately NOT hidden on phones: the mobile menu contains no
   join link, so hiding it would remove the only way to join from the header.
   Checked at 320, 360, 375, 414, 500, 600, 601, 768, 900, 1024, 1100, 1200,
   1280 and 1440px: no sideways scroll, nothing clipped, nothing overlapping.
   --------------------------------------------------------------------------- */
/* The 2026-08-10 min-width applies at every width; cancel it everywhere. At desktop
   sizes the logo block is wider than 270px anyway, so this changes nothing there. */
.mock-brand{min-width:0}
@media(max-width:1200px){
  .mock-nav-links{gap:22px}
}
@media(max-width:1100px){
  .mock-nav-links{gap:16px}
}
@media(max-width:600px){
  .mock-nav-wrap{gap:8px}
  .mock-brand{min-width:0;flex:0 1 auto;overflow:visible}
  .mock-brand img{width:46px;height:46px;margin-right:8px}
  .mock-brand-name{font-size:16px}
  .mock-join{padding:10px 12px;font-size:13px}
}
@media(max-width:380px){
  .mock-brand-name{font-size:14px}
  .mock-join{padding:9px 10px;font-size:12px}
}

/* Circle Rooms intro on the home page - 2026-08-18.
   The heading and its one-line lead are centred. These paragraphs are long, so the
   BLOCK is centred and given a reading width while the words stay left-aligned
   inside it, which is easier to read than centring the sentences themselves. */
.circle-rooms-detail .rooms-intro{
  max-width:720px;
  margin:0 auto 20px;
  text-align:left;
}
.circle-rooms-detail .rooms-intro p{margin:0 0 12px}
.circle-rooms-detail .rooms-intro p:last-child{margin-bottom:0}
@media(max-width:600px){
  .circle-rooms-detail .rooms-intro{max-width:none}
}

/* The purple statement block on the home page - 2026-08-18.
   Replaced the statistics banner. All five lines share one centred reading column
   so the block reads as a single statement rather than as leftover panel styling. */
.gap-section .gap-body{
  text-align:center;
  max-width:680px;
  margin:0 auto 16px;
  font-size:17px;
  line-height:1.75;
  color:rgba(255,255,255,.9);
}
.gap-section .gap-highlight{
  text-align:center;
  max-width:680px;
  margin:0 auto 20px;
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:21px;
  line-height:1.5;
  color:#fff;
}
.gap-section .gap-clarity{margin-top:22px}
.gap-section .gap-clarity + .gap-body{margin-top:14px;margin-bottom:0}

/* ── Membership block rebuilt to Meg's own card, 2026-08-19 ───────────── */
.m-panel{background:#fff;border-radius:18px;padding:18px 20px 16px;box-shadow:0 8px 30px rgba(58,28,89,.07);max-width:880px;margin:0 auto}

.founding-hero{display:flex;align-items:center;gap:20px;background:#E4D4F0;border:1.5px solid var(--gold);border-radius:14px;padding:16px 24px;text-align:center}
.fh-star{flex:0 0 auto;width:58px;height:58px;border-radius:50%;border:2px solid var(--gold);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:28px;line-height:1}
.fh-body{flex:1;min-width:0}
.fh-label{font-size:16px;font-weight:700;letter-spacing:.09em;color:var(--ink)}
.fh-price{font-family:'Cormorant Garamond',Georgia,serif;font-size:44px;line-height:1;color:var(--ink);margin:0 0 4px}
.fh-lock{font-size:18px;font-weight:700;line-height:1.3;color:var(--ink);margin:0 0 8px}
.fh-hold{font-size:16px;line-height:1.45;color:#43355E;margin:0 0 8px}
.fh-trial{font-size:16px;color:#6B4B93;margin:0}
.fh-start{font-size:17px;font-weight:700;color:var(--ink);margin:0 0 4px}
.fh-fine{font-size:15px;line-height:1.45;color:#43355E;margin:0 0 2px}
.fh-fine:last-child{margin-bottom:0}

.join-fine{font-size:15px;line-height:1.6;color:rgba(255,255,255,.72);margin:14px 0 0;max-width:640px;margin-left:auto;margin-right:auto}
.m-oneline{font-size:16px;font-weight:700;letter-spacing:.05em;color:var(--ink);text-align:center;margin:14px 0 5px}
.m-caveat{font-size:14px;line-height:1.5;color:#6a6084;text-align:center;margin:0 auto 10px;max-width:720px}
.inside-title{font-size:17px;font-weight:700;letter-spacing:.09em;color:var(--ink);text-align:center;margin:24px 0 14px}
.inside-grid{display:grid;grid-template-columns:1fr 1fr}
.inside-cell{padding:16px 28px}
.inside-cell:nth-child(odd){border-right:1px solid #EDE5F3}
.inside-cell:nth-child(-n+2){border-bottom:1px solid #EDE5F3}
.inside-cell h4{font-size:17px;font-weight:700;letter-spacing:.04em;color:var(--ink);margin:0 0 12px}
.inside-cell .tick{color:var(--gold);font-weight:700;margin-right:8px}
.inside-cell p{font-size:17px;line-height:1.75;color:#3a3355;margin:0}

.standard-band{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px 16px;background:var(--deep);color:#fff;border-radius:10px;padding:11px 20px;margin-top:0}
.sb-label{font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--gold2);white-space:nowrap}
.sb-text{font-size:16px;line-height:1.45;color:rgba(255,255,255,.9)}
.sb-text strong{font-weight:700;color:#fff}

/* ---------------------------------------------------------------------------
   COMPLIMENTARY MEMBERSHIP, 2026-09-03. Replaces the old $3.99/$39 founding
   pricing panel on the home page and join.html. Founder-approved copy and
   direction, refined over several rounds tonight. Reuses the site's existing
   color tokens (--deep, --gold, --gold2, --ivory, --rose) rather than
   introducing a new palette.
   --------------------------------------------------------------------------- */
.compl-panel{background:#fff;border-radius:18px;padding:30px 34px;box-shadow:0 8px 30px rgba(58,28,89,.07);max-width:880px;margin:0 auto}
.compl-grid{display:grid;grid-template-columns:180px 1fr;gap:32px;align-items:start}
.compl-symbol{text-align:center;position:relative}
.compl-symbol img{width:100%;max-width:150px;margin:0 auto 16px;filter:drop-shadow(0 12px 16px rgba(58,28,89,.14))}
.compl-symbol-rule{width:100%;max-width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--gold) 50%,transparent);margin:0 auto 14px}
.compl-symbol-cap{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;color:var(--vivid);font-size:15px;line-height:1.5;margin:0}
.compl-belief{display:grid;grid-template-columns:40px 1fr;gap:14px;margin-bottom:16px;text-align:left}
.compl-belief:last-child{margin-bottom:0}
.compl-belief-icon{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--gold);display:flex;align-items:center;justify-content:center;color:var(--gold);flex-shrink:0}
.compl-belief-icon svg{width:19px;height:19px}
.compl-belief p{margin:0;font-size:16px;line-height:1.55;color:var(--body)}
@media (max-width:700px){.compl-grid{grid-template-columns:1fr}.compl-symbol{max-width:180px;margin:0 auto}}

.scholar-panel{display:flex;gap:24px;align-items:flex-start;background:#FAF6FD;border:1px solid #EDE5F3;border-radius:14px;padding:26px 30px;margin-top:22px}
.sp-star{flex:0 0 auto;width:58px;height:58px;border-radius:50%;border:2px solid var(--gold);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:27px;line-height:1}
.scholar-panel h4{font-size:17px;font-weight:700;letter-spacing:.05em;color:var(--ink);margin:0 0 10px}
.scholar-panel p{font-size:17px;line-height:1.7;color:#3a3355;margin:0}
.sp-strong{font-weight:700;margin-top:8px !important}

@media(max-width:800px){
 .m-panel{padding:18px 14px 16px;border-radius:16px}
 .founding-hero{flex-direction:column;gap:12px;padding:20px 16px}
 .fh-price{font-size:40px}
 .fh-lock{font-size:18px}
 .inside-grid{grid-template-columns:1fr}
 .inside-cell{padding:20px 6px}
 .inside-cell:nth-child(odd){border-right:0}
 .inside-cell:nth-child(-n+3){border-bottom:1px solid #EDE5F3}
 .inside-cell:last-child{border-bottom:0}
 .standard-band{padding:14px 18px;gap:4px 14px}
 .sb-label{white-space:normal}
 .scholar-panel{flex-direction:column;gap:14px;padding:22px 18px}
}

/* Anchor landings: both headers are sticky, so without this every jump link
   on the site lands with its target hidden underneath the header. 2026-08-19 */
[id]{scroll-margin-top:104px}
@media(max-width:900px){[id]{scroll-margin-top:88px}}

/* The Retreat opening - Meg's copy, 2026-08-19 */
.retreat-kicker{font-family:Jost,Arial,sans-serif;font-size:16px;font-weight:700;letter-spacing:.09em;color:var(--ink);margin:0 0 10px}
.retreat-lead{font-size:21px;font-weight:600;color:var(--ink);margin:0 0 18px}
.retreat-note{font-size:15px;color:#6a6084;border-top:1px solid var(--line);padding-top:14px;margin-top:20px}

/* ---------------------------------------------------------------------------
   HEADER NAME FIX - 2026-08-20, on Meg's instruction
   THE FAULT: `.mock-brand-name` had no rule preventing it wrapping, and the
   header height is fixed at 92px. Measured on index.html: at 1024px wide, a very
   common laptop and tablet width, "CIRCLED IN LIGHT(TM)" broke onto THREE lines
   and hung 23px BELOW the purple bar onto the page, because the header is
   `overflow:visible`. At 1100 and 1150 it broke onto two lines but stayed inside.
   At 1280 it was correct on one line.
   WHY IT IS CROWDED: at 1024 the three parts want 333 + 504 + 129 = 966px plus
   52px of gaps, inside 984px. There is no room to spare, so the name gave way.
   THE FIX, in three parts:
     1. The site name never breaks while the horizontal menu is showing.
     2. Between 901 and 1120 the header shrinks its own furniture instead: a
        smaller ring, a smaller wordmark, tighter menu spacing, a tighter button.
        The MENU TEXT IS NOT SHRUNK, because of the legibility floor set on
        2026-08-17. Only spacing and the logo give way.
     3. A safety net: in that band the header may grow taller and the menu may
        drop to a second row rather than run off the edge. Nothing can ever
        overflow sideways again, at any width.
   The hamburger breakpoint is deliberately NOT moved up. Meg's ruling on
   2026-08-20: a hamburger is not plain language for an elderly woman, so more
   women seeing one is the wrong trade.
   Below 901px the menu collapses to the hamburger and the existing phone rules
   already fit; those are deliberately left untouched.
   --------------------------------------------------------------------------- */
@media(min-width:901px){
  .mock-brand{flex:0 0 auto}
  .mock-brand-name{white-space:nowrap}
}
@media(min-width:901px) and (max-width:1200px){
  .mock-nav-links{gap:18px}
}
@media(min-width:901px) and (max-width:1120px){
  .mock-header{height:auto;min-height:92px}
  .mock-nav-wrap{gap:14px;flex-wrap:wrap}
  .mock-brand img{width:48px;height:48px;margin-right:8px}
  .mock-brand-name{font-size:21px}
  .mock-nav-links{gap:12px}
  .mock-join{margin-left:12px;padding:13px 18px}
}
/* 901 to 1040: six menu items at the legibility floor genuinely do not fit on one
   row beside the name and the button. Rather than let the button fall to the left
   of a second row, which looks like a mistake, the header becomes a deliberate two
   rows: name and button on top, the full menu centred underneath. Every menu item
   stays visible and stays at 14px. This is better for Meg's readers than a
   hamburger, which is why the hamburger breakpoint was not moved. */
@media(min-width:901px) and (max-width:1040px){
  .mock-nav-wrap{row-gap:6px;padding:10px 0}
  .mock-nav-links{order:3;flex:1 0 100%;margin-left:0;justify-content:center;gap:20px}
  .mock-join{margin-left:auto}
}

/* ---------------------------------------------------------------------------
   SUB-PAGE HEADER NAME FIX - 2026-08-20, the same fault as the home page
   The other 18 pages use `.site-header`, a different header with SEVEN menu
   items, and it had the same fault in a worse form. MEASURED at 1400px wide:
   the header needs 1154px and its container is capped at 1180px, so it only
   fits on one row at 1194px and wider. Below that, all the way down to 801px
   where the hamburger takes over, everything broke apart at once:
     at 1024px  the site name broke onto TWO lines
     at 801px   the site name broke onto THREE lines AND every one of the seven
                menu items broke onto three lines as well
   Nothing scrolled sideways, which is why an earlier check passed it. The
   earlier measurement of the menu at "462px to 487px" was in fact measuring the
   already-broken stacked state, not a menu that fitted.
   THE FIX: between 801 and 1193 the header becomes two deliberate rows, name
   and button on top, the full menu centred underneath. Nothing is hidden,
   nothing shrinks below the legibility floor, and no word is ever broken.
   --------------------------------------------------------------------------- */
@media(min-width:801px){
  .site-header .brand{flex:0 0 auto}
  .site-header .brand span{white-space:nowrap}
  .site-header .nav-links a{white-space:nowrap}
}
@media(min-width:801px) and (max-width:1193px){
  .site-header .nav{flex-wrap:wrap;row-gap:2px;padding:10px 0}
  .site-header .nav-links{order:3;flex:1 0 100%;margin-left:0;justify-content:center;gap:20px}
  .site-header .join-btn{margin-left:auto}
}

/* ---------------------------------------------------------------------------
   MEMBER LOGIN - 2026-08-26. Launch UX Standard, line 8.

   A woman who had already joined had no door. The header said JOIN US on all
   21 pages and nothing else, and a real member left Circled because of it.

   WHY IT SITS BESIDE THE JOIN BUTTON, not inside the menu.
   On both header systems the menu collapses behind the hamburger on a phone
   (the home page at 900px, the other pages at 800px) while the JOIN button
   stays on screen. Putting MEMBER LOGIN inside the menu would hide it on
   exactly the device where it is needed most.

   WHY IT IS A PLAIN LINK, not a second button.
   Two filled buttons compete with each other, and at 375px the header has
   only about 46px of room left beside JOIN US. Secondary weight keeps JOIN US
   the primary action and keeps the header calm.

   WHY THE TWO ARE WRAPPED IN ONE BLOCK.
   Without a wrapper the header is a single row of loose items, and at some
   widths MEMBER LOGIN fitted on the first row while JOIN US did not, which
   stranded the button alone on a row of its own, on the left. Wrapping them
   together means the pair always moves as one.

   WHY SOME WIDTHS BECOME TWO ROWS.
   MEMBER LOGIN adds about 120px to rows that had already been measured to the
   millimetre. Measured again with the link in place: the home page needs
   1378px for a single row and only has that at a 1440px window, and the other
   19 pages need about 1275px inside a container capped at 1180px, so they can
   no longer fit on one row at any width. Both therefore use the two
   deliberate rows this stylesheet already uses further up: name, MEMBER LOGIN
   and JOIN US on top, the full menu centered underneath. Nothing is hidden,
   nothing shrinks below the legibility floor, and no word is ever broken.
   --------------------------------------------------------------------------- */

.header-actions{display:flex;align-items:center;gap:16px;flex:0 0 auto}
.header-actions .mock-join,.header-actions .join-btn{margin-left:0}

.member-login{
  color:#fff;
  font-size:13px;
  font-weight:600;
  letter-spacing:.04em;
  white-space:nowrap;
  border-bottom:1px solid rgba(255,255,255,.45);
  padding-bottom:2px;
}
.member-login:hover{border-bottom-color:#fff}

/* Desktop, single row: the menu already pushes itself right, so the pair
   simply follows it. */
.mock-nav-wrap .header-actions{margin-left:20px}
.site-header .header-actions{margin-left:20px}

/* The two-row bands: the pair holds the right end of the first row. */
@media(min-width:901px) and (max-width:1439px){
  .mock-header{height:auto;min-height:92px}
  .mock-nav-wrap{flex-wrap:wrap;row-gap:6px;padding:10px 0}
  .mock-nav-links{order:3;flex:1 0 100%;margin-left:0;justify-content:center;gap:26px}
  .mock-nav-wrap .header-actions{margin-left:auto}
}
@media(min-width:801px){
  .site-header .nav{flex-wrap:wrap;row-gap:2px;padding:10px 0}
  .site-header .brand{flex:0 0 auto}
  .site-header .nav-links{order:3;flex:1 0 100%;margin-left:0;justify-content:center;gap:20px}
  .site-header .header-actions{margin-left:auto}
}

/* Phones: the menu is behind the hamburger and both actions stay on screen.
   If the pair no longer fits beside the name it drops to a second row
   together, which is why they share a wrapper. */
@media(max-width:900px){
  .mock-nav-wrap{flex-wrap:wrap;row-gap:10px}
  .mock-nav-wrap .header-actions{margin-left:auto}
}
@media(max-width:800px){
  .site-header .header-actions{margin-left:auto}
}

/* Very narrow phones, sub-page header only. That header's site name is 272px
   wide, so on a 320px or 360px screen the menu button could not sit beside it
   and the header fell into three ragged rows. Trimming the name a little at
   this size keeps it to the same two tidy rows the home page uses, and no
   word is ever broken. The home page needs none of this: its own header
   already fits at 320px. */
@media(max-width:400px){
  .site-header .nav{gap:10px}
  .site-header .brand{gap:8px}
  .site-header .brand img{width:32px;height:32px}
  .site-header .brand span{font-size:17px}
}

/* Footer link, both footer systems. The underline is text-decoration rather
   than a border, because the sub-page footer sets its column links to
   display:block and a border there would run the full width of the column and
   read as a divider rather than as a link. */
.footer-login{
  color:#fff;
  font-size:14px;
  font-weight:600;
  text-decoration:underline;
  text-decoration-color:rgba(255,255,255,.5);
  text-underline-offset:4px;
}
.footer-login:hover{text-decoration-color:#fff}
.newsletter-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.join-label{font-size:15px;color:rgba(255,255,255,.9);margin:6px 0 -6px;font-weight:600}
.join-subhead{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#d0c0ec;margin:16px 0 2px;font-weight:700}
.join-question{font-size:17px;line-height:1.6;color:rgba(255,255,255,.9);margin:0 0 4px;font-weight:600}


/* ---------------------------------------------------------------------------
   SUPPORT CIRCLED, informational version, published 2026-09-04. Voluntary
   support, separate from membership. The Membership-section link is a small
   text link, not a button, so JOIN US stays the only filled call to action in
   that section. No payment styles are needed until Support opens.
   --------------------------------------------------------------------------- */
.support-more{margin:9px 0 0!important;font-size:15px!important}
.support-more a{color:#4A3285;font-weight:600;border-bottom:1px solid var(--gold);padding-bottom:1px}
.support-more a:hover{border-bottom-color:#4A3285}
.support-disclosure{margin-top:36px!important;padding-top:18px;border-top:1px solid var(--line);font-size:13px!important;color:#6a6386!important;line-height:1.6!important}