/* Current cream/forest identity; shared navigation and a focused account journey. */
:root{--experience-ink:#263b30;--experience-muted:#526158;--experience-line:#cbd1c3;--experience-paper:#f7f6ef;--experience-white:#fffef8;--experience-focus:#78632b;--experience-error:#913c35}
.experience-header{width:100%!important;max-width:none!important;height:auto!important;min-height:84px;padding:0!important;margin:0!important;position:relative!important;border-bottom:1px solid var(--experience-line);background:var(--experience-paper)!important;z-index:20;box-shadow:none!important}
.experience-header-inner{width:min(1320px,calc(100% - 64px));min-height:84px;margin:auto;display:flex;align-items:center;gap:28px;position:relative}
.experience-header .brand{display:inline-flex;gap:10px;align-items:center;white-space:nowrap;font-size:24px;letter-spacing:0;color:var(--experience-ink)}
.experience-header .brand-plus{font-size:12px}.experience-header #main-nav{display:flex;position:static;margin-left:auto;gap:24px;padding:0;align-items:center;font-size:14px;background:transparent;border:0}
.experience-header a{text-decoration:none}.experience-header #main-nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--experience-ink)}
.experience-header #main-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}
.experience-account-nav{display:flex;align-items:center;gap:20px;white-space:nowrap;font-size:14px}.experience-account-nav>a{min-height:44px;display:inline-flex;align-items:center}
.experience-header .experience-register,.experience-action{background:var(--experience-ink);color:var(--experience-white);padding:10px 18px;border-radius:8px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:600}
.experience-header .experience-register:hover,.experience-action:hover{background:#3b5243;color:var(--experience-white)}
.experience-header .menu-toggle{display:none!important}.experience-header a:focus-visible,.experience-header button:focus-visible,:is(.auth-layout,.member-layout) :focus-visible{outline:3px solid var(--experience-focus);outline-offset:4px}
.experience-header #main-nav a:hover{text-decoration:underline;text-underline-offset:7px}
.auth-layout{max-width:1100px;min-height:610px;margin:48px auto 64px;grid-template-columns:.9fr 1fr;border-radius:16px;border-color:var(--experience-line);background:var(--experience-white)}
.auth-layout .story{padding:48px 42px;background:#293a2b}.auth-layout .story h2{font-size:clamp(26px,2.8vw,36px);font-weight:500;line-height:1.5;color:#fffef8;margin:0 0 24px}
.auth-layout .intro{font-size:16px;max-width:30ch;line-height:1.9}.story-example{display:inline-flex;align-items:center;min-height:44px;color:#d8ed8b;margin-top:24px;text-decoration:underline;text-underline-offset:5px}
.auth-layout .story-foot{margin:40px 0 0;font-size:14px;line-height:2;color:#fffef8}.auth-layout .form-side{padding:40px 48px}.auth-layout .heading h1{font-size:32px;line-height:1.4;margin:0 0 12px}
.auth-layout .heading p{font-size:15px;margin:0 0 28px}.auth-layout .hint{font-size:13px;color:var(--experience-muted)}.auth-layout .primary,.member-layout .primary{background:var(--experience-ink);color:var(--experience-white);border-radius:8px;font-size:16px}
.auth-layout .primary:hover,.member-layout .primary:hover{background:#3b5243}.auth-layout label{font-weight:600}.auth-layout input{font-size:16px;caret-color:var(--experience-ink)}.auth-layout .reveal{color:var(--experience-ink)}
.auth-layout .status{margin-top:16px;border:1px solid var(--experience-line);border-radius:8px}.auth-layout .status[data-error=true]{color:var(--experience-error);border-color:var(--experience-error)}
.account-care{font-size:13px;color:var(--experience-muted);line-height:1.8;margin:20px 0 0}.account-care a,.auth-layout .note a{text-decoration:underline;text-underline-offset:3px}.auth-layout .bottom{margin-top:24px;padding-top:12px}
.auth-layout .bottom a{font-size:14px;color:var(--experience-ink)}.auth-layout .error{font-size:13px}.auth-layout [aria-invalid=true]{border-color:var(--experience-error)}
.member-layout{max-width:900px;margin:48px auto 72px;line-height:1.8}.member-layout h1{font-size:38px;margin:0 0 8px}.member-layout h2{font-size:23px;line-height:1.5}.member-layout a{color:var(--experience-ink);text-underline-offset:4px}.member-layout a.experience-action{color:var(--experience-white)}
.account-lead{color:var(--experience-muted);margin:0 0 28px}.activation-progress{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:0 0 28px;border-block:1px solid var(--experience-line);gap:12px}
.activation-progress li{padding:18px 0;color:var(--experience-muted);font-size:14px;line-height:1.6}.activation-progress span{display:block;font-variant-numeric:tabular-nums;font-size:13px;margin-bottom:4px}.activation-progress [aria-current=step]{color:var(--experience-ink);font-weight:700;text-decoration:underline;text-underline-offset:6px}
.activation-progress .is-done{color:var(--experience-ink)}.member-main{margin-top:16px;border-radius:12px;padding:28px 32px;background:var(--experience-white);border-color:var(--experience-line)}
.member-main h2{margin-top:0}.member-main .price{font-variant-numeric:tabular-nums;margin:16px 0}.member-main .status{background:#edf0e7;border:0;margin-top:20px}.member-main .primary{min-height:48px}
.member-layout .member-secondary{padding:28px 0;border-bottom:1px solid var(--experience-line)}.member-layout .member-secondary h2{margin:0 0 12px}.member-layout .member-actions{gap:12px}.member-layout .member-actions a{text-decoration:none;min-height:50px;display:inline-flex;align-items:center;justify-content:center}
.copy-payment.payment-next:not([hidden]){display:block;margin-top:24px;padding:28px 32px;background:#eaf0df;border:1px solid var(--experience-line);border-radius:12px}.payment-next h2{margin:0 0 10px}.payment-next p{margin:10px 0}.payment-details{margin:20px 0}.payment-details>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid #c0cbbb}
.payment-details dt{color:var(--experience-muted)}.payment-details dd{margin:0;overflow-wrap:anywhere}.payment-details dd strong{margin-right:16px}.payment-details .text-button{margin:0;min-height:44px;color:var(--experience-ink)}
#member-ready .experience-action{margin:12px 16px 0 0}#member-ready .simple-list{padding-left:24px}#payment-order-id{font-variant-numeric:tabular-nums}.experience-divider{border:0;border-top:1px solid var(--experience-line);margin:32px 0}
.recording-visual .interface-frame{max-width:380px;margin-inline:auto;background:var(--experience-white)}.recording-visual .interface-frame img{width:100%;height:auto;max-height:500px;object-fit:contain;display:block}.recording-visual .visual-note{max-width:380px;margin:12px auto 0;font-size:13px}
.experience-header #main-nav a,.experience-account-nav a,.auth-layout .bottom a{transition:color .15s ease,background .15s ease}
:is(.member-layout,.auth-layout) ::selection{background:#d8ed8b;color:#263b30}
@media(max-width:1120px){.experience-header-inner{gap:18px}.experience-header #main-nav{gap:14px;font-size:13px}.experience-account-nav{gap:14px;font-size:13px}}
@media(max-width:960px){.experience-header-inner{width:calc(100% - 40px);min-height:76px;gap:16px}.experience-header .brand{font-size:22px}.experience-account-nav{margin-left:auto;gap:16px}.experience-header .menu-toggle{display:inline-flex!important;min-height:44px;min-width:44px;align-items:center;justify-content:center;order:3;padding:8px;border:1px solid var(--experience-line);border-radius:8px;background:transparent;color:var(--experience-ink);font:inherit;font-size:13px}
.experience-header #main-nav{display:none;position:absolute;top:100%;inset-inline:0;padding:16px;background:var(--experience-white);border:1px solid var(--experience-line);border-radius:0 0 10px 10px;flex-direction:column;align-items:stretch;gap:4px;margin:0;font-size:15px}.experience-header #main-nav.is-open,.experience-header #main-nav.open{display:flex}.experience-header #main-nav a{padding:8px 12px;min-height:44px}.auth-layout{width:calc(100% - 40px);margin-top:32px}.auth-layout .story{padding:36px 28px}.auth-layout .form-side{padding:36px 32px}}
@media(max-width:740px){.auth-layout{display:block;min-height:0;max-width:540px;margin:24px auto 40px;width:calc(100% - 32px)}.auth-layout .story{display:none}.auth-layout .form-side{padding:30px 24px}.auth-layout .heading h1{font-size:29px}.auth-layout .heading p{margin-bottom:24px}.experience-header-inner{gap:10px}.experience-header .brand{gap:7px;font-size:20px}.experience-header .brand img{width:28px;height:28px}.experience-account-nav{gap:12px;font-size:13px}.experience-header .experience-register{padding:8px 12px;min-height:44px}.experience-header .brand-plus{font-size:10px}
.member-layout{margin:28px auto 48px;padding:0 20px}.member-layout h1{font-size:32px}.activation-progress{grid-template-columns:1fr 1fr;gap:0 16px}.activation-progress li{padding:12px 0;font-size:13px}.activation-progress span{display:inline;margin-right:10px}.member-main,.payment-next{padding:24px 20px}.member-layout .member-actions>*{width:100%!important}.payment-details>div{grid-template-columns:1fr;gap:4px}.member-layout h2{font-size:21px}.member-main .price{font-size:27px}.recording-visual .interface-frame{max-width:320px}.recording-visual .interface-frame img{max-height:none}}
@media(max-width:360px){.experience-header-inner{width:calc(100% - 24px);gap:8px}.experience-header .brand-plus{display:none}.experience-account-nav{gap:9px}.experience-header .experience-register{padding-inline:9px}.auth-layout .form-side{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{transition:none!important;animation:none!important}}