/* Shared ReachX surfaces and responsive controls. */
:root{color-scheme:light;--ink:#25231f;--muted:#625d54;--cyan:#795719;--line:#dcd5c8;--bg:#f7f5f0}
html{background:var(--bg);scroll-padding-top:96px}body{background:var(--bg);color:var(--ink);-webkit-user-select:text;user-select:text}
p,.intro,.card p{color:var(--muted)}a:hover{color:#795719}.button.primary,.contact{background:#eee5d1;border-color:#d7c59d}.card{background:#fffdf8}.top{gap:20px;flex-wrap:wrap}.top .brand{color:var(--ink)}.utility-nav{display:flex;flex-wrap:wrap;gap:12px 20px}.utility-nav a{padding:8px 0}.form-disclosure{color:var(--muted)}
.topbar{background:#f7f5f0;mix-blend-mode:normal;border-bottom:1px solid #e4ded3;backdrop-filter:none;-webkit-backdrop-filter:none;gap:20px;padding:16px 5vw;min-height:76px}
.rx-menu{display:flex;align-items:center;gap:24px;margin-left:auto}.rx-menu a{font:600 13px/1.4 Inter,system-ui,sans-serif;letter-spacing:0;min-height:44px;display:flex;align-items:center}.rx-menu-toggle{display:none}.topLoginBtn{min-height:44px}
.chapterNav button,.chapterNav button.active{position:relative;width:44px;height:44px;background:transparent;border-radius:0}.chapterNav{right:4px;gap:0}.chapterNav button:after{content:'';position:absolute;left:20px;top:20px;width:4px;height:4px;background:#8b692d;border-radius:8px}.chapterNav button.active:after{height:18px;top:13px}.chapterNav button:hover:before{content:attr(aria-label);position:absolute;right:44px;top:8px;background:#fffdf8;padding:6px 10px;border:1px solid #dcd5c8;border-radius:8px;white-space:nowrap;color:#25231f;font-size:12px}

.modalBackdrop,.checkoutBackdrop{background:rgba(37,35,31,.65);backdrop-filter:none;-webkit-backdrop-filter:none}.modalCard,.checkoutPage,.checkoutShell,.checkoutPanel{background:#fffdf8!important;color:#25231f;backdrop-filter:none;-webkit-backdrop-filter:none}.modalCard{opacity:1;max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}.modalItem,.planAuthPanel{background:#f4efe5}.modalClose{background:#fffdf8;min-width:44px;min-height:44px}
@media(max-width:760px){.topbar{gap:10px;padding:12px 20px;min-height:72px}.topbar .brand{font-size:12px;letter-spacing:.16em}.rx-menu-toggle{display:block;margin-left:auto;border:1px solid #dcd5c8;border-radius:999px;background:#fffdf8;color:#25231f;padding:12px;font:600 11px system-ui;min-height:44px}.rx-menu{display:none;position:absolute;top:100%;left:0;right:0;padding:16px 24px;background:#fffdf8;border-bottom:1px solid #dcd5c8;box-shadow:0 8px 16px #25231f12;margin:0;gap:4px;flex-direction:column;align-items:stretch}.rx-menu.open{display:flex}.rx-menu a{padding:8px 12px}.topLoginBtn{padding:10px 12px;font-size:9px}.chapterNav{display:none}.hero{padding-top:104px}.modalCard{width:100%;padding:24px 20px}.modalBackdrop{padding:16px}.modalTitle{padding-right:44px}.top .small-link{display:inline-flex}.top .utility-nav{width:100%;font-size:13px;gap:4px 18px}.whatsapp{max-width:calc(100% - 32px);right:16px;bottom:16px}.contact .small-link{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scroll-behavior:auto!important}}