:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#173b30;background:#faf7ef;--green:#153d2e;--gold:#b69a59;--line:#deded3}*{box-sizing:border-box}body{margin:0}a{color:var(--green);text-underline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 5%;border-bottom:1px solid var(--line);background:#fffdf8}.wordmark{font-family:Georgia,serif;font-size:26px;text-decoration:none}nav{display:flex;gap:22px;flex-wrap:wrap;font-size:14px}main{max-width:1180px;margin:auto;padding:55px 30px 90px;min-height:78vh}h1,h2,h3{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(32px,5vw,58px);margin:15px 0 20px}h2{font-size:29px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;color:#655a3e;font-weight:700}.lead{max-width:650px;font-size:19px;line-height:1.7;color:#496053}.hero{background:var(--green);color:#fffdf6;padding:65px;border-radius:20px;margin-bottom:32px}.hero .eyebrow,.hero .lead{color:#e4d9be}.hero a{color:inherit}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{padding:28px;background:#fffefa;border:1px solid var(--line);border-radius:14px;margin-bottom:16px}.card h2,.card h3{margin-top:0}.card p{line-height:1.65}.price{font-size:30px;margin:18px 0}.muted{color:#55675d}.pill{background:#eef2e9;color:var(--green);border-radius:30px;padding:5px 12px;display:inline-block;font-size:13px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}button,.button{display:inline-block;border:1px solid var(--green);border-radius:6px;background:var(--green);color:white;padding:13px 20px;font:inherit;cursor:pointer;text-decoration:none}button.secondary,.button.secondary{background:transparent;color:var(--green)}button:disabled{opacity:.5;cursor:wait}form{max-width:650px}label{display:block;font-size:14px;margin:18px 0 7px;font-weight:600}input,select,textarea{width:100%;font:inherit;padding:13px;border:1px solid #87968b;border-radius:5px;background:white;color:#183b30}textarea{min-height:120px}input[type=checkbox]{width:auto;margin-right:10px}fieldset{border:0;padding:0;margin:20px 0}legend{font-weight:600}.check{font-weight:400}table{border-collapse:collapse;width:100%}td,th{padding:14px 10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:13px}section{margin-bottom:30px}.empty{padding:25px;border:1px dashed #a0aa9e;border-radius:10px;line-height:1.7}.error{border-left:4px solid #9c3832;padding:18px;background:#fff1eb;color:#6c201c}.success{border-left:4px solid var(--green);padding:18px;background:#eff5eb}.tabnav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 35px}.tabnav a{padding:8px 12px;border-radius:5px;text-decoration:none}.tabnav a[aria-current]{background:#153d2e;color:white}.split{display:grid;grid-template-columns:1fr 1fr;gap:25px}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.slots button{font-size:13px;padding:12px}.slots button[aria-pressed=true]{background:#e9dfc4;color:#153d2e}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:white;padding:15px;z-index:10}:focus-visible{outline:3px solid #936f27;outline-offset:4px}#notice{position:fixed;bottom:25px;right:25px;max-width:360px;background:#153d2e;color:white;padding:18px;border-radius:8px}#notice:empty{display:none}footer{border-top:1px solid var(--line);padding:25px 5%;display:flex;justify-content:space-between;color:#55675d;font-size:13px}.loading{color:#55675d}.metric{font-size:36px;font-family:Georgia,serif}.agreement{white-space:pre-wrap;line-height:1.8}.scroll{overflow:auto}@media(max-width:800px){header{align-items:flex-start;flex-direction:column;padding:22px}.grid,.split{grid-template-columns:1fr}.hero{padding:32px 25px}main{padding:30px 20px 60px}.slots{grid-template-columns:repeat(2,1fr)}nav{gap:16px}footer{gap:20px}.card{padding:22px}h1{font-size:38px}}

.brand-logo{max-width:220px;max-height:54px;object-fit:contain}.hero-image{width:100%;max-width:440px;height:auto;object-fit:contain;border-radius:12px}


/* Clarity production presentation */
body{background:linear-gradient(180deg,#faf7ef 0,#fffefa 38%,#f5f0e5 100%);min-height:100vh}
header{background:rgba(255,254,250,.96);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20;box-shadow:0 1px 0 rgba(21,61,46,.08)}
.wordmark{font-family:Georgia,serif;font-size:23px;letter-spacing:.02em}
main{max-width:1240px}
main>h1{max-width:880px}
.eyebrow,.kicker{letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700;color:#8b6b2d}
.intro-panel{max-width:850px;margin:0 0 34px;padding:0 0 8px}
.premium-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:48px;align-items:center;padding:64px;border:1px solid rgba(182,154,89,.35);border-radius:24px;background:radial-gradient(circle at 80% 20%,rgba(182,154,89,.17),transparent 35%),linear-gradient(135deg,#fffefa,#f5efe1);box-shadow:0 24px 70px rgba(21,61,46,.09)}
.premium-hero h2{font-size:clamp(38px,5vw,68px);line-height:1.03;letter-spacing:-.035em;margin:12px 0 24px;max-width:820px}
.premium-hero .lead{font-size:20px;max-width:720px}
.hero-copy .actions{margin-top:30px}
.brand-panel{min-height:390px;border-radius:20px;background:linear-gradient(155deg,#153d2e,#0c2d22);display:flex;flex-direction:column;justify-content:center;padding:38px;box-shadow:0 22px 55px rgba(21,61,46,.22);overflow:hidden;position:relative}
.brand-panel:after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(182,154,89,.45);border-radius:50%;right:-90px;top:-70px}
.brand-panel span{font-family:Georgia,serif;color:#faf7ef;font-size:30px;letter-spacing:.13em;padding:17px 0;border-bottom:1px solid rgba(182,154,89,.35)}
.brand-panel span:last-child{color:#d7bd7a;border:0}
.microcopy{font-size:13px;color:#68776f;margin-top:28px}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d9cfb7;border:1px solid #d9cfb7;border-radius:14px;overflow:hidden;margin:22px 0 42px}
.trust-strip span{background:#fffefa;padding:18px;text-align:center;font-size:13px;font-weight:600;color:#315346}
.card{border-color:rgba(21,61,46,.13);border-radius:18px;box-shadow:0 12px 32px rgba(21,61,46,.045);transition:transform .18s ease,box-shadow .18s ease}
.card:hover{box-shadow:0 18px 40px rgba(21,61,46,.075)}
.feature-card{padding:34px}
.offer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.offer-grid .card{display:flex;flex-direction:column;min-height:300px}
.offer-grid .card .button,.offer-grid .card>a{margin-top:auto;align-self:flex-start}
.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.tabnav{background:#f0ebdf;border:1px solid #e2d8c2;padding:8px;border-radius:12px;gap:4px}
.tabnav a{font-size:13px;color:#315346}
.tabnav a:hover{background:#fffefa}
.tabnav a[aria-current]{background:#153d2e;color:#fff}
button,.button{border-radius:8px;font-weight:600;box-shadow:0 5px 14px rgba(21,61,46,.12)}
button:hover,.button:hover{transform:translateY(-1px)}
button.secondary,.button.secondary{background:#fffefa;border-color:#b69a59;color:#153d2e}
input,select,textarea{border-radius:8px;border-color:#b7c0b9}
.price{font-family:Georgia,serif;color:#153d2e}
footer{background:#153d2e;color:#f5f0e5;border:0;margin-top:40px}
@media(max-width:980px){.premium-hero{grid-template-columns:1fr;padding:42px}.brand-panel{min-height:230px}.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){header{position:static}.premium-hero{padding:30px 24px;border-radius:16px}.premium-hero h2{font-size:40px}.offer-grid,.dashboard-grid{grid-template-columns:1fr}.trust-strip{grid-template-columns:1fr}.brand-panel{min-height:210px}.tabnav{flex-wrap:nowrap;overflow-x:auto;padding:7px}.tabnav a{white-space:nowrap}.actions .button,.actions button{width:100%;text-align:center}}
.member-logout{min-height:44px;min-width:88px;padding:11px 16px;background:transparent;color:#65536c;border:1px solid #bfa6c5;font-size:12px;white-space:nowrap;box-shadow:none}
#navigation{align-items:center}
#navigation .member-logout:focus-visible{outline:3px solid #8b6f99;outline-offset:3px}
@media(max-width:800px){#navigation{width:100%}#navigation .member-logout{margin-left:auto}}