/* ===== Webinar landing pages on paper (shared) =====
   The bright webinar page Addie approved for Beyond Wall Street (2026-09-17),
   lifted out so the next webinars share one stylesheet instead of copying it:
   medical-receivables.html (November 10) and family-constitution.html
   (December 8). Beyond Wall Street keeps its own inline copy and does not load
   this file.

   The whole page sits in the site's paper world (the ivory ground and tokens
   the two apps use): ink for text, bronze wherever gold would be text, the real
   gold kept for fills. There is no WebGL ground (site.js skips it when #bg is
   absent) and no .btn-core, which paints a grey box on paper. The site nav and
   footer are kept and re-inked for the light ground. Small grey text is #4E5B78
   (about 6:1 on the paper) and placeholders #6B7590 (4.5:1), as measured for
   Beyond Wall Street. */
html,body{background:#F4F0E6}
/* Manrope ligates "(c)" into a copyright sign; keep every character as typed */
body{font-variant-ligatures:no-common-ligatures}
#page{
  --ivory:#0A1128;--dim:#2F3B5E;--sub:#4E5B78;
  --gold:#7A5A22;--gold-hi:#7A5A22;--gold-deep:#6B4E1D;
  --glass-bg:rgba(16,32,74,.035);--glass-line:rgba(16,32,74,.13);
  color:#0A1128;
  background:linear-gradient(180deg,#F8F4EB 0,#F4F0E6 520px,#F1ECE0 100%);
  min-height:100vh;
}
/* nav and mark, re-inked */
.side-brand img{filter:none}
.gnav{background:rgba(255,253,249,.78);border-color:rgba(16,32,74,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 14px 34px rgba(16,32,74,.10);-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1)}
.gnav.scrolled{background:rgba(255,253,249,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 16px 40px rgba(16,32,74,.14)}
.gnav a{color:#2F3B5E}
.gnav a:hover,.gnav a.active{color:#7A5A22}
.gnav .tix{background:linear-gradient(120deg,#8C6A2F,#D9B36C 55%,#E3C27C);color:#050A1A}
.gnav .tix:hover{color:#050A1A}
.menu-btn span{background:#0A1128}
@media(max-width:1080px){
  .gnav .links{background:rgba(255,253,249,.96);border-color:rgba(16,32,74,.16);box-shadow:0 20px 44px rgba(16,32,74,.16)}
  .gnav .links a:active,.gnav .links a:hover{background:rgba(140,106,47,.10)}
}
/* footer, re-inked */
.foot{border-top-color:rgba(16,32,74,.12)}
.foot .socials a{color:#2F3B5E}
.foot .socials a:hover{color:#7A5A22}
.foot .col{color:#4E5B78}

/* frame */
.frame{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 clamp(20px,5vw,60px)}
.frame .sec{padding:clamp(40px,6vw,76px) 0 0}
.frame .sec-inner{padding:0}
.frame .big{color:#0A1128;margin:0 0 22px;max-width:22ch}
.frame .big.wide{max-width:30ch}
.frame .eyeb{color:#7A5A22;margin-bottom:14px}
.frame .lede{color:var(--dim)}
.gw{color:#7A5A22}

/* ---- the centered title band ---- */
.wp-title{padding-top:112px;text-align:center}
.wp-title .eyeb{margin-bottom:14px}
.wp-title h1{font-size:clamp(26px,3.9vw,50px);line-height:1.08;letter-spacing:.05em;color:#0A1128;max-width:24ch;margin:0 auto}
.wp-title .wp-sub{margin:16px auto 0;max-width:60ch;font-size:16px;line-height:1.6;color:var(--dim)}
.wp-title .wp-sub strong{color:#0A1128;font-weight:600}

/* ---- hero: copy left, the form right, both in view on a desktop screen ---- */
.wp-hero{padding-top:clamp(26px,3vw,40px);display:grid;gap:clamp(28px,4vw,56px);grid-template-columns:1fr;align-items:start}
@media(min-width:940px){.wp-hero{grid-template-columns:1.08fr .92fr}}
.wp-hero h2{font-family:var(--display);font-weight:700;text-transform:uppercase;text-align:left;font-size:clamp(20px,2.2vw,28px);line-height:1.16;letter-spacing:.04em;max-width:24ch;color:#0A1128}
/* the date card: navy, gold label, a live countdown */
.board{margin-top:16px;display:grid;gap:11px;padding:13px 16px 14px;border-radius:16px;background:linear-gradient(180deg,#0A1128,#0E1935 60%,#0A1128);border:1px solid rgba(217,179,108,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 34px rgba(16,32,74,.22)}
.board-lab{font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:#D9B36C;line-height:1.6;padding:0 2px 10px;border-bottom:1px solid rgba(217,179,108,.22)}
.board .count{margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.board .count .cell{position:relative;width:auto;padding:9px 4px 7px;border-radius:8px;background:linear-gradient(180deg,#152147,#080E24);border:1px solid rgba(217,179,108,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);-webkit-backdrop-filter:none;backdrop-filter:none}
.board .count b{font-size:22px;font-weight:700;color:#E3C27C;font-variant-numeric:tabular-nums;letter-spacing:.04em}
.board .count small{margin-top:5px;font-size:8.5px;letter-spacing:.22em;color:rgba(234,230,218,.72)}
.hookb{margin-top:16px;font-size:19px;font-weight:600;color:#0A1128}
.wp-body{margin-top:12px;font-size:16.5px;line-height:1.7;color:var(--dim);max-width:52ch}
.wp-body strong{color:#0A1128;font-weight:600}
.wp-hero .ctas{justify-content:flex-start;margin-top:24px}
.who{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:26px}
.who > div{display:flex;align-items:center;gap:12px}
.who > div > div{display:block}
.who img{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:top;border:1px solid rgba(140,106,47,.6)}
.who b{display:block;font-family:var(--display);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#0A1128}
.who span{display:block;margin-top:3px;font-size:12px;color:var(--sub)}

/* the pad: a white sheet on the ivory ground, like the apps' console */
.pad{
  border-radius:var(--r-card);padding:clamp(22px,2.6vw,30px);
  background:linear-gradient(180deg,#FFFEFB,#FFFDF9 40%,#FBF8F1);
  border:1px solid rgba(16,32,74,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 24px 54px rgba(16,32,74,.13);
}
.pad .rp-badge{font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#7A5A22;margin-bottom:10px}
.pad h2{font-family:var(--display);font-weight:700;font-size:clamp(19px,2.4vw,25px);letter-spacing:.05em;text-transform:uppercase;color:#0A1128}
.pad .rp-sub{margin-top:10px;font-size:13.5px;color:var(--dim);line-height:1.6}
.pad .ta-form{margin-top:16px;max-width:none;gap:12px}
.pad .ta-form input,.pad .ta-form select{background:#fff;border:1px solid rgba(16,32,74,.18);color:#0A1128;padding:12px 16px}
.pad .ta-form input:focus,.pad .ta-form select:focus{border-color:rgba(140,106,47,.7)}
.pad .ta-form input::placeholder{color:#6B7590}
.pad .ta-form__phone-country option{background:#fff;color:#0A1128}
.pad .ta-form__check input{accent-color:#8C6A2F}
.pad .ta-form__label{color:#7A5A22}
.pad .btn-gold{width:100%;text-align:center;margin-top:2px;padding:17px 24px}
.ta-row{display:grid;gap:13px;grid-template-columns:1fr 1fr}
@media(max-width:460px){.ta-row{grid-template-columns:1fr}}
.pad .ta-status:empty{display:none}
.rp-reassure{margin-top:12px;font-size:12px;color:var(--sub);text-align:center}
.pad .ta-done .big{margin-top:6px}
/* gold stays gold as a fill, with ink on top */
#page .btn-gold{background:linear-gradient(120deg,#8C6A2F 0%,#D9B36C 38%,#E3C27C);color:#050A1A}
#page .btn-glass{color:#0A1128;background:rgba(255,253,249,.6);border-color:rgba(16,32,74,.22);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
#page .btn-glass:hover{border-color:rgba(140,106,47,.7);color:#7A5A22}

/* a gold-tinted note under the form */
.note{margin-top:16px;border-radius:var(--r-card);padding:20px 24px 22px;background:linear-gradient(135deg,rgba(217,179,108,.26),rgba(255,253,249,.9) 60%);border:1px solid rgba(140,106,47,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 10px 30px rgba(16,32,74,.08)}
.note .eyeb{margin-bottom:8px;color:#7A5A22;letter-spacing:.26em}
.note p{font-size:14.5px;line-height:1.65;color:var(--dim)}
.note p strong{color:#0A1128;font-weight:600}
.note .btn{margin-top:14px;padding:14px 22px}

/* ---- the two doors ---- */
.doors{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:760px){.doors{grid-template-columns:1fr 1fr}}
.door{border-radius:var(--r-card);padding:clamp(22px,3vw,30px);background:rgba(255,253,249,.55);border:1px solid rgba(16,32,74,.14)}
.door h3{font-family:var(--display);font-weight:400;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:#0A1128;line-height:1.5}
.door ul{list-style:none;margin-top:14px;display:grid;gap:10px}
.door li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.55;color:var(--dim)}
.door li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;margin-top:9px;background:linear-gradient(135deg,#8C6A2F,#D9B36C)}

/* ---- the guest: photo and three numbered lines ---- */
.why{display:grid;gap:clamp(22px,4vw,48px);grid-template-columns:1fr;align-items:center}
@media(min-width:820px){.why{grid-template-columns:.95fr 1.05fr}}
.why figure{margin:0}
.why img{width:100%;height:auto;display:block;object-fit:cover;border-radius:var(--r-card);border:1px solid rgba(16,32,74,.16);box-shadow:0 20px 50px rgba(16,32,74,.18)}
.why figcaption{margin-top:10px;font-size:12.5px;line-height:1.55;color:var(--sub)}
.lines{display:grid;border-top:1px solid rgba(16,32,74,.14)}
.lines p{padding:16px 0;border-bottom:1px solid rgba(16,32,74,.14);font-size:16px;line-height:1.6;color:var(--dim);display:grid;grid-template-columns:auto 1fr;gap:16px}
.lines p b{font-family:var(--display);font-weight:700;font-size:13px;color:#7A5A22;letter-spacing:.06em;padding-top:4px}

/* ---- three leave-withs ---- */
.takes{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:820px){.takes{grid-template-columns:1fr 1fr 1fr}}
.take{border-radius:var(--r-card);padding:clamp(22px,3vw,30px);background:linear-gradient(180deg,#FFFEFB,#FBF8F1);border:1px solid rgba(16,32,74,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 28px rgba(16,32,74,.08)}
.take .no{font-family:var(--display);font-weight:700;font-size:13px;color:#7A5A22;letter-spacing:.06em}
.take h3{font-family:var(--display);font-weight:400;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:#0A1128;margin:12px 0 10px;line-height:1.5}
.take p{font-size:14.5px;line-height:1.65;color:var(--dim)}
.takes-after{margin-top:18px;font-size:15px;line-height:1.65;color:var(--dim);max-width:70ch}

/* ---- the running order ---- */
.order{display:grid;gap:22px 48px;grid-template-columns:1fr}
@media(min-width:900px){.order{grid-template-columns:.7fr 1.3fr;align-items:start}}
.order ol{list-style:none;counter-reset:o;border-top:1px solid rgba(16,32,74,.14)}
.order li{counter-increment:o;display:grid;grid-template-columns:44px 1fr;gap:4px 14px;padding:16px 0;border-bottom:1px solid rgba(16,32,74,.14)}
.order li::before{content:counter(o,decimal-leading-zero);grid-row:span 2;font-family:var(--display);font-weight:700;font-size:13px;color:#7A5A22;letter-spacing:.06em;padding-top:3px}
.order li b{font-weight:600;color:#0A1128;font-size:16px}
.order li span{font-size:14.5px;line-height:1.6;color:var(--dim)}
.order .lede{font-size:16px;line-height:1.7}

/* ---- the bridge: one gold-tinted panel with the last call to act ---- */
.bridge{border-radius:var(--r-card);padding:clamp(26px,4vw,44px);background:linear-gradient(135deg,rgba(217,179,108,.26),rgba(255,253,249,.9) 60%);border:1px solid rgba(140,106,47,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 10px 30px rgba(16,32,74,.08);display:grid;gap:22px;grid-template-columns:1fr;align-items:center}
@media(min-width:900px){.bridge{grid-template-columns:1.4fr .6fr}}
.bridge .big{margin-bottom:12px}
.bridge p{font-size:16px;line-height:1.7;color:var(--dim);max-width:60ch}
.bridge p + p{margin-top:10px}
.bridge p strong{color:#0A1128;font-weight:600}
.bridge .ctas{justify-content:flex-start;flex-direction:column;align-items:stretch;gap:10px}
.bridge .ctas .btn{text-align:center}
@media(max-width:899px){.bridge .ctas{flex-direction:row;align-items:center;flex-wrap:wrap}}

/* ---- FAQ on paper ---- */
.faqwrap{display:grid;gap:22px 48px;grid-template-columns:1fr}
@media(min-width:900px){.faqwrap{grid-template-columns:.7fr 1.3fr;align-items:start}}
.frame .faq{max-width:none;margin-top:0}
.frame .faq details{background:linear-gradient(180deg,#FFFEFB,#FBF8F1);border:1px solid rgba(16,32,74,.14);-webkit-backdrop-filter:none;backdrop-filter:none}
.frame .faq summary{color:#0A1128}
.frame .faq p{color:var(--dim)}
.disc{margin:40px 0 0;padding-top:20px;border-top:1px solid rgba(16,32,74,.14);font-size:11.5px;line-height:1.7;color:var(--sub);max-width:88ch}
.disc + .disc{margin-top:10px;padding-top:0;border-top:0}