:root{
  color-scheme:light;--bg:#f6f0e2;--surface:#fffdf7;--ink:#332c25;--muted:#706353;--line:#d9cfbe;
  --accent:#735033;--accent-ink:#fffdf7;--focus:#956638;--error:#a12f25;--soft:#eee5d5;
  --display:'Lora',Georgia,serif;--body:'Inter',system-ui,sans-serif;
  --text-xs:clamp(.75rem,.72rem + .12vw,.8125rem);--text-sm:clamp(.875rem,.84rem + .14vw,.9375rem);
  --text-base:clamp(1rem,.98rem + .12vw,1.0625rem);--text-title:clamp(1.625rem,1.4rem + .65vw,2.125rem);
  --text-hero:clamp(2.625rem,1.5rem + 3.4vw,4.5rem);
  --s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.25rem;--s6:1.5rem;--s8:2rem;--s10:2.5rem;--s12:3rem;--s16:4rem;--s20:5rem;
}
:root[data-theme=dark]{color-scheme:dark;--bg:#211e1a;--surface:#2d2923;--ink:#f4ebdc;--muted:#c3b6a5;--line:#50473b;--accent:#d7b795;--accent-ink:#211e1a;--focus:#dab180;--error:#ffb6a9;--soft:#3b3329}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:.2em}
.wrap{max-width:1200px;margin-inline:auto;padding-inline:var(--s8)}
.site-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-block:var(--s8);gap:var(--s4)}
.brand{display:flex;align-items:center;gap:var(--s3);text-decoration:none;color:var(--accent);font:500 var(--text-title)/1.2 var(--display)}
.brand-caption{display:block;font:500 var(--text-xs)/1.5 var(--body);letter-spacing:.13em;margin-top:var(--s1);color:var(--muted)}
.theme-toggle{border:1px solid var(--line);border-radius:24px;color:var(--muted);background:transparent;font-size:var(--text-xs);padding:var(--s3) var(--s4);min-height:44px;white-space:nowrap}
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:var(--s20);padding-block:var(--s10) var(--s12)}
.intro{padding-top:var(--s5)}
.eyebrow{font-size:var(--text-xs);font-weight:600;letter-spacing:.13em;line-height:1.5;color:var(--muted)}
.status-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:100%;margin-right:var(--s2);vertical-align:middle}
h1{font:400 var(--text-hero)/1.1 var(--display);letter-spacing:-.045em;margin-block:var(--s6)}
h1 span{color:var(--accent)}
.lede{max-width:43ch;color:var(--muted);line-height:1.8}
.pillars{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);font-size:var(--text-xs);margin-top:var(--s6);color:var(--muted)}
.pillars span+span::before{content:"·";margin-right:var(--s4)}
.verse{border-left:1px solid var(--accent);padding-left:var(--s5);margin-top:var(--s12)}
.verse p{font-family:var(--display);font-size:var(--text-base);line-height:1.7}
.verse>span{display:block;font-size:var(--text-xs);letter-spacing:.1em;color:var(--muted);margin-top:var(--s3)}
.signup-card{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--s2);padding:var(--s10);box-shadow:0 12px 50px #4a351007;scroll-margin-top:var(--s4)}
h2{font:400 var(--text-title)/1.3 var(--display);letter-spacing:-.025em;margin-block:var(--s4)}
.card-intro{color:var(--muted);font-size:var(--text-sm);margin-bottom:var(--s6)}
form>label:not(.consent),legend{display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--s2)}
.optional,.required-note{font-size:var(--text-xs);font-weight:400;color:var(--muted)}
input[type=email],input[name=firstName]{display:block;width:100%;min-height:3.125rem;border:1px solid var(--line);border-radius:var(--s1);background:var(--surface);color:var(--ink);padding:var(--s3) var(--s4);margin-bottom:var(--s5);font-size:1rem;line-height:1.4}
input::placeholder{color:var(--muted);opacity:.85}
fieldset{padding:0;border:0;margin-block:var(--s2) var(--s5);min-width:0}
legend{padding:0}
.device-options{display:flex;flex-wrap:wrap;gap:var(--s2)}
.device-options label{flex:1;position:relative;min-width:70px}
.device-options input{position:absolute;opacity:0;width:100%;height:100%;inset:0;margin:0;cursor:pointer}
.device-options span{display:flex;height:100%;align-items:center;justify-content:center;padding:var(--s3) var(--s2);text-align:center;font-size:var(--text-xs);border:1px solid var(--line);border-radius:var(--s1);min-height:44px;overflow-wrap:anywhere}
.device-options input:checked+span{background:var(--soft);border-color:var(--accent);color:var(--ink)}
.device-options input:focus-visible+span{outline:3px solid var(--focus);outline-offset:3px}
.consent{display:flex;gap:var(--s3);align-items:start;font-size:var(--text-xs);line-height:1.7;color:var(--muted);margin-bottom:var(--s5);cursor:pointer}
.consent input{accent-color:var(--accent);width:1.125rem;height:1.125rem;flex-shrink:0;margin:var(--s1) 0 0}
.primary{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);width:100%;min-height:52px;padding:var(--s4) var(--s5);border:1px solid transparent;border-radius:var(--s1);background:var(--accent);color:var(--accent-ink);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:filter .15s}
.primary:hover{filter:brightness(.92)}
.small-note{font-size:var(--text-xs);color:var(--muted);line-height:1.7;margin-top:var(--s3)}
form>.small-note{text-align:center}
.timing{font-size:var(--text-xs);text-align:center;color:var(--muted);border-top:1px solid var(--line);padding-top:var(--s5);margin-top:var(--s6)}
.error{color:var(--error);font-size:var(--text-sm);margin-bottom:var(--s4)}
.trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.success-symbol{width:52px;height:52px;background:var(--soft);border-radius:50%;display:grid;place-items:center;margin-bottom:var(--s6);font-size:var(--text-title);color:var(--accent)}
#success-panel>.primary,#unsubscribe-button{margin-top:var(--s6)}
#success-panel>p:not(.eyebrow),#unsubscribe-panel>p:not(.eyebrow){color:var(--muted)}
#unsubscribe-result{margin-top:var(--s4);font-size:var(--text-sm)}
.privacy{border-top:1px solid var(--line);padding-block:var(--s5);font-size:var(--text-xs);color:var(--muted)}
summary{cursor:pointer;padding:var(--s2) 0;min-height:44px}
details p{max-width:90ch;margin-block:var(--s3);overflow-wrap:anywhere}
.footer{display:flex;flex-wrap:wrap;gap:var(--s4);justify-content:space-between;font-size:var(--text-xs);color:var(--muted);padding-block:var(--s6) var(--s8)}
.skip{position:absolute;top:-100px;left:var(--s4);background:var(--surface);padding:var(--s3);z-index:10}
.skip:focus{top:var(--s3)}
.preview-notice{background:#322b22;color:#fff6e5;text-align:center;padding:var(--s2) var(--s4);font-size:var(--text-xs)}
@media(max-width:950px){.hero{gap:var(--s10)}.signup-card{padding:var(--s6)}}
@media(max-width:850px){
  .wrap{padding-inline:var(--s5)}.site-header{padding-block:var(--s5)}.brand{font-size:1.375rem}.brand-caption{font-size:.75rem;letter-spacing:.03em}
  .brand svg{width:26px}.theme-toggle{padding:var(--s2) var(--s3)}
  .hero{grid-template-columns:1fr;gap:var(--s8);padding-top:var(--s3)}.intro{padding-top:var(--s2)}
  h1{font-size:clamp(2.5rem,7vw,3.75rem);margin-block:var(--s4)}
  h1 br:nth-child(2),h1 span br{display:none}h1 span{display:block}
  .lede{font-size:var(--text-sm)}.verse,.pillars{display:none}
  .signup-card{padding:var(--s6)}.footer>span:last-child{width:100%}
}