/* ODBC public website. Same brand tokens as the application (src/p2b.css); site-only layout. */
:root{--navy:#14213d;--navy-2:#26365c;--bg:#f7f3e8;--surface:#fffdf7;--parch:#efe9d8;--sand:#e4dcc4;--text:#2b2f38;--text-2:#555a66;--text-3:#5a5f6c;--border:#d9d1ba;--gold:#735a1c;--gold-line:#b79a55;--sage:#58735a;--sage-bg:#e6ebdd;--on-navy:#f7f3e8;--focus:#1f5fbf;
 --serif:"Iowan Old Style","Palatino Linotype",Palatino,Charter,Georgia,serif;--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--gut:20px;--hh:64px}
@media(min-width:820px){:root{--gut:40px;--hh:76px}}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
body{margin:0;background:var(--bg);color:var(--text);font:1.0625rem/1.65 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:2px}
.skip{position:absolute;left:-999px;top:8px;background:var(--navy);color:var(--on-navy);padding:12px 16px;z-index:100}.skip:focus{left:8px}
.wrap{max-width:1180px;margin:0 auto;padding:0 var(--gut)}
.narrow{max-width:720px}
h1,h2,h3{font-family:var(--serif);font-weight:500;color:var(--navy);margin:0;letter-spacing:-.01em}
h1{font-size:clamp(2.3rem,6.2vw,4.4rem);line-height:1.08}
h2{font-size:clamp(1.9rem,4.6vw,3.1rem);line-height:1.14}
h3{font-size:1.35rem;line-height:1.3}
p{margin:0 0 1em}.lede{font:1.2rem/1.6 var(--serif);color:var(--text-2);max-width:34em}
.lab{display:flex;align-items:center;gap:12px;font:600 .8rem var(--sans);letter-spacing:.06em;color:var(--gold);margin:0 0 20px}
.lab::before{content:"";width:28px;height:1px;background:var(--gold-line)}
.it{font-style:italic}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 26px;background:var(--navy);color:var(--on-navy);border:1px solid var(--navy);border-radius:3px;font:600 1rem var(--sans);text-decoration:none;cursor:pointer;transition:background .2s}
.btn:hover{background:var(--navy-2)}.btn.sm{min-height:44px;padding:10px 18px;font-size:.95rem}
.btn.gold{background:var(--bg);color:var(--navy);border-color:var(--bg)}.btn.gold:hover{background:#fff}
.lnk{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--navy);font:600 1rem var(--sans);text-decoration:none;border-bottom:1px solid var(--gold-line);padding:0;background:none;border-top:0;border-left:0;border-right:0;cursor:pointer}
.lnk:hover{border-color:var(--navy)}.lnk.inv{color:var(--on-navy);border-color:var(--gold-line)}
.ic{width:1.05em;height:1.05em;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;margin-top:32px}
/* header */
.hd{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--border)}
.hd .in{display:flex;align-items:center;justify-content:space-between;height:var(--hh);gap:12px}
.mark{display:flex;flex-direction:column;text-decoration:none;color:var(--navy);line-height:1.1;min-height:44px;justify-content:center}
.mark b{font:500 1.25rem var(--serif);letter-spacing:.02em}.mark span{display:none;font:600 .62rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-top:3px}
@media(min-width:560px){.mark span{display:block}}
.nav{display:none}.hd .right{display:flex;align-items:center;gap:6px}
.menu{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:none;border:1px solid var(--border);border-radius:3px;color:var(--navy);cursor:pointer}
.menu svg{width:22px;height:22px}
.signin{display:none}
.panel{display:none;position:fixed;inset:var(--hh) 0 0 0;background:var(--bg);z-index:49;padding:28px var(--gut) 40px;overflow:auto}
.panel.open{display:block}.panel a.pl{display:flex;align-items:center;min-height:56px;font:500 1.6rem var(--serif);color:var(--navy);text-decoration:none;border-bottom:1px solid var(--border)}
.panel .btn{margin-top:28px;width:100%}.panel .si{display:block;text-align:center;margin-top:18px;font-weight:600;color:var(--navy)}
@media(min-width:960px){.nav{display:flex;gap:28px}.nav a{font:500 .98rem var(--sans);color:var(--text);text-decoration:none;padding:12px 0;border-bottom:1px solid transparent}.nav a:hover,.nav a[aria-current]{border-bottom-color:var(--gold-line)}.menu{display:none}.signin{display:inline-flex;align-items:center;min-height:44px;font:600 .95rem var(--sans);color:var(--navy);text-decoration:none;padding:0 10px}.panel{display:none!important}}
/* sections */
.sec{padding:64px 0}@media(min-width:820px){.sec{padding:112px 0}}
.sec.tight{padding:48px 0}.parch{background:var(--parch)}.sand{background:var(--sand)}
.hr{border:0;border-top:1px solid var(--border);margin:0}
/* hero */
.hero{padding:44px 0 56px}@media(min-width:820px){.hero{padding:88px 0 112px}}
.hero .grid{display:grid;gap:48px}
@media(min-width:760px){.hero .grid{grid-template-columns:1.25fr .75fr;align-items:center;gap:72px}}
.hero .eyebrow{font:italic 1.05rem var(--serif);color:var(--gold);margin:0 0 22px}
.hero h1{margin-bottom:24px}
.sprig{position:absolute;pointer-events:none;color:var(--gold-line)}
/* product UI figure: real captures from the app */
.ui{margin:0;position:relative}.ui .frame{border:1px solid var(--border);background:var(--surface);overflow:hidden;max-width:390px;margin:0 auto;border-radius:2px}
.ui img{width:100%;height:auto}
.ui.crop .frame{max-height:var(--ch,560px)}
.ui figcaption{font:.82rem/1.5 var(--sans);color:var(--text-3);margin:12px auto 0;max-width:390px}
/* thesis */
.thesis h2{font-size:clamp(2.1rem,6vw,4.2rem);line-height:1.08;max-width:12em}
.thesis h2 .l2{display:block;color:var(--gold)}
@media(min-width:820px){.thesis h2 .l2{padding-left:1.4em}}
.areas{list-style:none;margin:48px 0 0;padding:0;display:grid;gap:0;border-top:1px solid var(--border)}
.areas li{font:italic 1.35rem/1.3 var(--serif);color:var(--navy);padding:16px 0;border-bottom:1px solid var(--border)}
.areas li b{font:600 .72rem var(--sans);font-style:normal;color:var(--gold);letter-spacing:.1em;margin-right:12px;vertical-align:middle}
@media(min-width:820px){.areas{grid-template-columns:repeat(3,1fr);column-gap:48px}.areas li{font-size:1.5rem;padding:22px 0}}
.intro{display:grid;gap:12px;margin-bottom:8px}@media(min-width:820px){.intro{grid-template-columns:1fr 1fr;gap:64px;align-items:end}}
/* more than an app */
.quad{list-style:none;margin:56px 0 0;padding:0 0 0 28px;display:grid;gap:36px;position:relative}
.quad::before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:1px;background:var(--gold-line)}
.quad li{position:relative}.quad li::before{content:"";position:absolute;left:-28px;top:12px;width:11px;height:11px;border-radius:50%;background:var(--bg);border:1px solid var(--gold-line)}
.quad li:last-child::before{background:var(--navy);border-color:var(--navy)}
.quad h3{font-size:2rem;margin-bottom:6px}.quad p{font:italic 1.2rem/1.45 var(--serif);color:var(--text-2);margin:0;max-width:16em}
@media(min-width:960px){.quad{grid-template-columns:repeat(4,1fr);gap:40px;padding:36px 0 0}.quad::before{left:0;right:0;top:5px;bottom:auto;width:auto;height:1px}.quad li::before{left:0;top:-36px}}
/* journey flow */
.flow{list-style:none;margin:48px 0 0;padding:0 0 0 28px;position:relative;display:grid;gap:26px}
.flow::before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:1px;background:var(--gold-line)}
.flow li{position:relative}.flow li::before{content:"";position:absolute;left:-28px;top:9px;width:11px;height:11px;border-radius:50%;background:var(--bg);border:1px solid var(--gold-line)}
.flow h3{font:600 .88rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--navy);margin-bottom:4px}.flow p{margin:0;font:1.08rem/1.5 var(--serif);color:var(--text-2)}
@media(min-width:960px){.flow{grid-template-columns:repeat(7,1fr);gap:20px;padding:34px 0 0}.flow::before{left:0;right:0;top:5px;bottom:auto;height:1px;width:auto;transform-origin:left}.flow li::before{left:0;top:-34px}.flow p{font-size:1rem}.js .flow.rise.in::before{animation:draw 1.6s ease-out both}}
@keyframes draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* split blocks with real UI */
.split{display:grid;gap:40px}@media(min-width:760px){.split{grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split.flip>:first-child{order:2}}
.six{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--border)}.six li{padding:12px 0;border-bottom:1px solid var(--border);font:500 1.15rem var(--serif);color:var(--navy)}
.pair{display:grid;gap:36px;margin-top:36px}@media(min-width:820px){.pair{grid-template-columns:repeat(3,1fr);gap:48px}}
.pair h3{font-size:1.15rem;margin-bottom:12px;padding-top:14px;border-top:2px solid var(--gold-line)}.pair p{margin:0 0 8px;font:1.12rem/1.45 var(--serif);color:var(--text-2)}
/* discover + profile */
.statement{font:500 clamp(1.9rem,5vw,3.3rem)/1.12 var(--serif);color:var(--navy);margin:0}
.flowtext{font:1.25rem/1.7 var(--serif);color:var(--text-2)}.flowtext i{color:var(--navy)}
.payoff{font:italic 1.6rem/1.35 var(--serif);color:var(--navy);border-left:2px solid var(--gold-line);padding:2px 0 2px 22px;margin:36px 0 0;max-width:20em}
.duo{display:grid;gap:28px}@media(min-width:760px){.duo{grid-template-columns:1fr 1fr;gap:32px;align-items:start}.duo .ui:nth-child(2){margin-top:72px}}
.no{margin:24px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px 22px;font:.95rem var(--sans);color:var(--text-2)}.no li::before{content:"\2013\00a0";color:var(--gold)}
/* reveal */
.rv2{display:grid;gap:0;margin:36px 0 0;border-top:1px solid var(--border)}.rv2 p{margin:0;padding:18px 0;border-bottom:1px solid var(--border);font:1.15rem/1.5 var(--serif);color:var(--text-2)}.rv2 b{display:block;font:600 .78rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
/* god first */
.god{position:relative;overflow:hidden}.god .stmt{font:500 clamp(2rem,5.6vw,3.8rem)/1.12 var(--serif);color:var(--navy);max-width:14em}
.principle{margin:40px 0 0;font:italic 1.5rem/1.5 var(--serif);color:var(--navy)}.principle span{display:block}
/* scripture moment */
.scr{text-align:center}.scr .ref{font:500 clamp(2.4rem,8vw,5rem)/1 var(--serif);color:var(--navy);margin:0;padding-bottom:20px;display:inline-block;border-bottom:1px solid var(--gold-line)}
.scr p.n{max-width:30em;margin:28px auto 0;color:var(--text-2)}
/* stages */
.stages{list-style:none;margin:40px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 40px;font:italic 1.6rem/1.3 var(--serif);color:var(--navy)}
/* trust ladder */
.ladder{list-style:none;margin:40px 0 0;padding:0;counter-reset:l}.ladder li{display:grid;grid-template-columns:34px 1fr;gap:6px 14px;padding:0 0 28px;position:relative;font:500 1.55rem var(--serif);color:var(--navy)}
.ladder li::before{content:"";width:11px;height:11px;border-radius:50%;border:1px solid var(--gold-line);background:var(--bg);margin:12px 0 0 6px}
.ladder li:not(:last-child)::after{content:"";position:absolute;left:11px;top:28px;bottom:2px;width:1px;background:var(--gold-line)}
.ladder li:first-child::before{background:var(--navy);border-color:var(--navy)}.ladder small{display:block;grid-column:2;font:1rem/1.5 var(--sans);color:var(--text-2);margin-top:-6px}
/* lean in */
.lean{padding:96px 0}@media(min-width:820px){.lean{padding:160px 0}}
.lean p{font:500 clamp(2.1rem,7vw,5rem)/1.15 var(--serif);color:var(--navy);margin:0 0 .5em;letter-spacing:-.015em}
.lean p:nth-child(2){padding-left:.8em}.lean p:nth-child(3){padding-left:1.6em;margin-bottom:0}
.lean p span{color:var(--gold)}
@media(max-width:480px){.lean p{font-size:2.05rem}}
/* form styles (unused after waitlist removal) */
.wl{display:grid;gap:36px}@media(min-width:900px){.wl{grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}}
form.f{display:grid;gap:22px;max-width:520px}form.f label{display:block;font:600 .95rem var(--sans);color:var(--navy);margin-bottom:6px}form.f .opt{font-weight:400;color:var(--text-3)}
form.f input,form.f select{width:100%;min-height:52px;padding:12px 14px;font:1rem var(--sans);color:var(--text);background:var(--surface);border:1px solid #a89f84;border-radius:3px}
form.f input:focus,form.f select:focus{outline:3px solid var(--focus);outline-offset:1px}
form.f .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fmsg{min-height:1.5em;font:.95rem var(--sans);color:#8a2f2f;margin:0}.fine{font:.88rem/1.5 var(--sans);color:var(--text-3);margin:0}
.thanks{border-top:2px solid var(--gold-line);padding-top:24px;max-width:520px}.thanks h3{font-size:1.9rem;margin-bottom:12px}
/* closing */
.close{background:var(--navy);color:var(--on-navy);padding:88px 0 96px;text-align:left;position:relative;overflow:hidden}
@media(min-width:820px){.close{padding:150px 0 160px}}
.close h2{color:var(--on-navy);font-size:clamp(2rem,5.6vw,4rem);max-width:12em}.close .sub{font:1.35rem/1.5 var(--serif);color:#d8d1ba;margin:28px 0 36px;max-width:22em}
.close .sign{margin-top:80px;padding-top:36px;border-top:1px solid #3b4a70;font:500 clamp(1.5rem,4.2vw,2.5rem)/1.3 var(--serif);color:var(--on-navy)}.close .sign span{display:block}.close .sign span:last-child{color:var(--gold-line)}
.close .sprig{color:#3b4a70}
/* footer */
.ft{background:var(--bg);padding:56px 0 40px;border-top:1px solid var(--border)}
.ft .cols{display:grid;gap:36px}@media(min-width:760px){.ft .cols{grid-template-columns:1.4fr 1fr 1fr;gap:60px}}
.ft .fh{font-family:var(--sans);letter-spacing:.1em;font:600 .8rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:0 0 10px}
.ft ul{list-style:none;margin:0;padding:0}.ft li a{display:flex;align-items:center;min-height:44px;text-decoration:none;color:var(--text)}.ft li a:hover{text-decoration:underline}
.ft .note{font:.88rem/1.6 var(--sans);color:var(--text-3);max-width:40em;margin:36px 0 0;padding-top:24px;border-top:1px solid var(--border)}
/* inner pages */
.ph{padding:56px 0 40px}@media(min-width:820px){.ph{padding:112px 0 64px}}
.ph h1{font-size:clamp(2.2rem,5.6vw,4rem);max-width:13em}.ph .lede{margin-top:24px}
.prose{max-width:680px}.prose h2{font-size:clamp(1.6rem,3.6vw,2.2rem);margin:56px 0 16px}.prose h3{margin:32px 0 8px}.prose ul{padding-left:1.2em}.prose li{margin-bottom:.5em}
.lt{list-style:none;margin:0;padding:0;border-top:1px solid var(--border)}.lt li{display:grid;gap:2px;padding:16px 0;border-bottom:1px solid var(--border)}.lt b{font:500 1.2rem var(--serif);color:var(--navy)}.lt span{color:var(--text-2);font-size:.98rem}
@media(min-width:760px){.lt.two{display:grid;grid-template-columns:1fr 1fr;column-gap:56px}}
.gh{font:600 .8rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:44px 0 12px}
/* motion: restrained entrance only when JS is present */
.js .rise{opacity:0;transform:translateY(14px);transition:opacity .8s ease,transform .8s ease}.js .rise.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js .rise{opacity:1;transform:none}}
.close .cs{right:5%;top:56px;display:none}@media(min-width:1000px){.close .cs{display:block}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.panel .si{display:flex;align-items:center;justify-content:center;min-height:48px}

/* ===== Homepage v2: photo-led editorial art direction (scoped; supporting pages unchanged) ===== */
.hero2{position:relative;overflow:hidden;padding:28px 0 0;background:linear-gradient(180deg,var(--bg) 0,#f3eddc 100%)}
.hero2 .grid{display:grid;gap:32px}
.hero2 .eyebrow{font:italic 1.1rem var(--serif);color:var(--gold);margin:0 0 18px}
.hero2 h1{font-size:clamp(2.5rem,9.4vw,3.2rem);line-height:1.05;margin-bottom:22px;letter-spacing:-.018em}
.hero2 .lede{font-size:1.15rem}
.hero2 .art{position:relative;margin:0 calc(var(--gut)*-1);height:min(132vw,560px)}
.hero2 .photo{width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.hero2 .phone{position:absolute;margin:0;right:var(--gut);bottom:-64px;width:min(32vw,150px);aspect-ratio:9/19;background:#14213d;border-radius:24px;padding:5px;box-shadow:0 14px 34px rgba(20,33,61,.28)}
.hero2 .scr2{width:100%;height:100%;border-radius:19px;overflow:hidden;background:var(--bg)}
.hero2 .scr2 img{width:100%;height:100%;object-fit:cover;object-position:top}
.herocap{font:.8rem/1.5 var(--sans);color:var(--text-3);margin:84px auto 0;padding-bottom:6px}
@media(min-width:900px){
 .hero2{padding:0}
 .hero2 .grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:center;gap:0;min-height:680px}
 .hero2 .copy{padding:72px 24px 72px 0;position:relative;z-index:2}
 .hero2 h1{font-size:clamp(3.2rem,4.6vw,4.5rem);max-width:9.5em}
 .hero2 .lede{font-size:1.25rem}
 .hero2 .art{margin:0 0 0 -90px;height:680px}
 .hero2 .photo{position:absolute;left:0;top:0;width:calc(100% - 60px);height:100%;object-position:50% 45%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 86%,transparent 100%)}
 .hero2 .phone{right:0;left:auto;top:52px;bottom:auto;width:216px;aspect-ratio:9/19.5;border-radius:34px;padding:7px;box-shadow:0 22px 48px rgba(20,33,61,.28)}
 .hero2 .scr2{border-radius:27px}
 .herocap{margin-top:0;padding:14px var(--gut) 18px;text-align:right}
}
/* four pillars */
.pillars{background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.pillars ul{list-style:none;margin:0;padding:0;display:grid}
.pillars li{padding:30px 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:44px 1fr;column-gap:16px}
.pillars li:last-child{border-bottom:0}
.pillars .pi{grid-row:span 2;width:30px;height:30px;stroke:var(--gold);fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.pillars h3{font:600 .84rem/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--navy);margin:0 0 8px}
.pillars p{margin:0;font:1.08rem/1.5 var(--serif);color:var(--text-2);max-width:20em}
@media(min-width:900px){.pillars ul{grid-template-columns:repeat(4,1fr)}.pillars li{display:block;padding:44px 32px 46px;border-bottom:0;border-left:1px solid var(--border)}.pillars li:first-child{border-left:0;padding-left:0}.pillars .pi{display:block;margin:0 0 18px;width:34px;height:34px}}
/* more than an app: editorial */
.thesis{padding-top:72px}
.more .mgrid{display:grid;gap:44px}
.more .mh{position:relative}.more .mh h2{max-width:11em;font-size:clamp(2.2rem,6.4vw,3.8rem);line-height:1.1}
.more .mspr{position:absolute;right:0;top:-8px;color:var(--gold-line);width:64px;height:128px;opacity:.9}
.quad2{list-style:none;margin:0;padding:0;border-top:1px solid #cfc6aa}
.quad2 li{padding:22px 0 24px;border-bottom:1px solid #cfc6aa;display:grid;gap:4px}
.quad2 h3{font-size:2rem}.quad2 p{margin:0;font:italic 1.25rem/1.45 var(--serif);color:var(--text-2);max-width:18em}
@media(min-width:900px){.more .mgrid{grid-template-columns:1fr 1fr;gap:96px;align-items:start}.more .mh{padding-bottom:230px}.more .mspr{right:auto;left:6px;top:auto;bottom:0;width:116px;height:232px}.quad2 li{grid-template-columns:150px 1fr;gap:28px;align-items:baseline;padding:30px 0 32px}.quad2 h3{font-size:2.3rem}}
/* take it to God first: navy contemplative */
.god.nv{background:var(--navy);color:var(--on-navy)}
.god.nv h2,.god.nv .principle{color:var(--on-navy)}.god.nv h2 .it{color:#d4b873}
.god.nv .lab{color:#c9ab62}.god.nv .lab::before{background:#8c6f2a}
.god.nv .lede{color:#d8d1ba}.god.nv .fine{color:#b8b19b}
.god.nv .ui .frame{border-color:#3b4a70;box-shadow:0 22px 50px rgba(0,0,0,.28)}.god.nv .ui figcaption{color:#b8b19b}
/* scripture moment: reference only, botanical both sides */
.scr{position:relative}
.scr .ref{font-size:clamp(2.6rem,9vw,5.6rem);letter-spacing:-.015em}
.scr .sprig{color:var(--gold-line);width:64px;height:128px}
.scr .sl,.scr .sr2{display:block;margin:0 auto 14px}.scr .sr2{display:none}
@media(min-width:900px){.scr .sprig{position:absolute;top:50%;margin:0;width:104px;height:208px;transform:translateY(-52%)}.scr .sl{display:block;left:6%}.scr .sr2{display:block;right:6%}}
/* closing band: deep navy */
.wlb{background:var(--navy);color:var(--on-navy);padding:72px 0 80px;position:relative;overflow:hidden}
@media(min-width:900px){.wlb{padding:128px 0 120px}}
.wlb .wrap{position:relative}
.wgrid{display:grid;gap:44px}@media(min-width:900px){.wgrid{grid-template-columns:1fr 1fr;gap:96px;align-items:start}}
.wlb .lab{color:#c9ab62}.wlb .lab::before{background:#8c6f2a}
.wlb h2{color:var(--on-navy);font-size:clamp(2.1rem,5.6vw,3.6rem);line-height:1.1;max-width:11em;margin-bottom:22px}
.wlb .lede{color:#d8d1ba}
.tp{list-style:none;margin:34px 0 0;padding:0;border-top:1px solid #3b4a70}
.tp li{display:grid;gap:2px;padding:16px 0;border-bottom:1px solid #3b4a70}.tp b{font:500 1.25rem var(--serif);color:var(--on-navy)}.tp span{font:.98rem var(--sans);color:#c4bda6}
.wlb form.f label{color:var(--on-navy)}.wlb form.f .opt{color:#b8b19b}
.wlb form.f input,.wlb form.f select{border-color:#6b7899}
.wlb form.f .btn{background:#c9ab62;color:var(--navy);border-color:#c9ab62}.wlb form.f .btn:hover{background:#dbc07c}
.wlb .fmsg{color:#f3b9ad}.wlb .fine,.wlb .fine a{color:#c4bda6}
.wlb .thanks{border-top-color:#c9ab62}.wlb .thanks h3,.wlb .thanks p{color:var(--on-navy)}
.wlb :focus-visible{outline-color:#9cc2ff}
.wlb .sign{margin-top:72px;padding-top:34px;border-top:1px solid #3b4a70}
.wlb .big{font:500 clamp(1.5rem,4vw,2.4rem)/1.25 var(--serif);color:var(--on-navy);margin:0 0 10px}
.wlb .trio{font:italic 1.15rem/1.5 var(--serif);color:#c9ab62;margin:0}.wlb .trio span{display:inline-block;margin-right:.5em}
.wlb .wsp{display:none;color:#3b4a70}@media(min-width:1100px){.wlb .wsp{display:block;right:0;bottom:44px;width:92px;height:184px}}

/* header v2 (mockup direction): large wordmark, gold pill CTA */
.hd .mark{flex-direction:row;align-items:center;gap:14px}
.hd .mark b{font:500 2rem/1 var(--serif);letter-spacing:-.01em}
.hd .mark span{display:none;border-left:1px solid var(--border);padding-left:14px;width:11.5em;white-space:normal;margin:0;font:500 .62rem/1.55 var(--sans);letter-spacing:.2em}
@media(min-width:560px){.hd .mark span{display:block}}
.hd .btn.sm{background:var(--gold);border-color:var(--gold);border-radius:999px;padding:10px 22px;gap:8px}
.hd .btn.sm:hover{background:#775d20;border-color:#775d20}
.hd .btn.sm .ic{width:1em;height:1em}
.hd .btn.sm{white-space:nowrap}
@media(max-width:420px){.hd .btn.sm .ic{display:none}.hd .btn.sm{padding:10px 16px}}
.nav a[aria-current]{color:var(--navy)}
/* hero eyebrow + gold pill CTA */
.hero2 .eyebrow{font:600 .78rem var(--sans);letter-spacing:.2em;text-transform:uppercase}
.hero2 .btn{background:var(--gold);border-color:var(--gold);border-radius:999px;padding:12px 30px}.hero2 .btn:hover{background:#775d20}
/* short homepage: Scripture reference card beside the companion questions */
.more .mgrid{align-items:stretch}.more .mh{padding-bottom:0}
.more-links{display:flex;flex-wrap:wrap;gap:4px 28px;margin:28px 0 0}
.qcard{position:relative;overflow:hidden;padding:40px 28px 44px;border-left:1px solid var(--gold-line);display:flex;flex-direction:column;justify-content:center}
.qcard .ref{font:500 clamp(2.2rem,6vw,3.6rem)/1.05 var(--serif);color:var(--navy);margin:0 0 6px}
.qcard .n{max-width:20em;margin:18px 0 0;color:var(--text-2);font:italic 1.2rem/1.5 var(--serif)}
.qcard .stand{margin:28px 0 0;font:.95rem/1.6 var(--sans);color:var(--text-3)}.qcard .stand span{display:block}
.qcard .qs{position:absolute;right:-18px;bottom:-24px;color:var(--gold-line);opacity:.8;width:110px;height:220px}
.more .mspr{display:none}
@media(max-width:899px){.qcard{border-left:0;border-top:1px solid var(--gold-line);padding:32px 0 8px}.qcard .qs{right:0;bottom:-30px;width:80px;height:160px}}

.hd .mark span{max-width:none}
@media(max-width:1100px){.hd .mark span{width:9em}}
.nocomp{margin:28px 0 0;font:1.05rem/1.55 var(--serif);color:var(--text-2);max-width:26em}
.more .no{margin-top:14px}
.hd .mark span{width:14em}@media(max-width:1100px){.hd .mark span{width:12em}}
.wlb .leanin{font:500 clamp(1.4rem,3.4vw,2.1rem)/1.3 var(--serif);color:var(--on-navy);margin:0 0 14px}.wlb .leanin span{display:inline-block;margin-right:.6em}
/* wide screens: header and hero use more of the viewport so there is no empty gutter beside them */
.hd .wrap.in,.hero2>.wrap{max-width:1560px}
.wrap{max-width:1280px}
@media(min-width:1500px){.hero2 .grid{min-height:760px}.hero2 .art{height:760px}.hero2 .copy{padding-left:24px}}
.pillars .wrap{max-width:1560px}

.hero2 .photo{object-position:50% 40%}
.hero2 .btn.ghost{background:transparent;color:var(--navy);border:1.5px solid var(--navy)}.hero2 .btn.ghost:hover{background:rgba(20,33,61,.06)}
.hero2 .cta-row .btn{gap:10px}
.hero2 .hs{position:absolute;left:-26px;bottom:10px;width:92px;height:184px;color:var(--gold-line);opacity:.75;z-index:1}
@media(min-width:900px){.hero2 .hs{left:-18px;bottom:40px;width:120px;height:240px}}
@media(max-width:899px){.hero2 .hs{display:none}}
@media(min-width:900px){.hero2 .hs{left:-10px;bottom:14px;width:78px;height:156px}}

/* v3: new wide hero photo, photo-backed Scripture card */
.hero2 .photo{object-position:47% 40%}
@media(min-width:900px){.hero2 .photo{object-position:50% 40%}}
.qcard{padding:0;border:0;min-height:460px;color:var(--on-navy);background:var(--navy);justify-content:flex-end}
.qcard .qph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% 30%}
.qcard::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,33,61,0) 25%,rgba(20,33,61,.9) 100%)}
.qcard .qt{position:relative;z-index:1;padding:28px 28px 32px}
.qcard .lab{color:#d4b873}.qcard .lab::before{background:#b79a55}
.qcard .ref{color:var(--on-navy)}.qcard .n{color:#e8e1cb}.qcard .stand{color:#d8d1ba}
@media(max-width:899px){.qcard{border:0;padding:0;min-height:400px}}
.more .mspr{display:block;position:absolute;right:0;bottom:-4px;width:64px;height:128px;color:var(--gold-line);opacity:.9}
@media(min-width:900px){.more .mspr{left:auto;right:8px;bottom:0;width:84px;height:168px}.more .more-links{max-width:calc(100% - 100px)}}
.more .mh{position:relative}

/* v4 desktop: the photo runs the full width of the hero (no blank strip); text sits on a soft ivory veil over its left side */
@media(min-width:900px){
 .hero2{overflow:hidden}
 .hero2 .grid{grid-template-columns:minmax(0,520px) 1fr;min-height:680px}
 .hero2 .art{position:absolute;inset:0;margin:0;height:auto;z-index:0}
 .hero2 .photo{position:absolute;left:0;top:50%;transform:translateY(-44%);width:clamp(1500px,140%,2200px);max-width:none;height:auto;object-fit:initial;-webkit-mask-image:none;mask-image:none}
 .hero2 .art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,243,232,.97) 0,rgba(247,243,232,.93) 26%,rgba(247,243,232,.55) 40%,rgba(247,243,232,0) 56%);pointer-events:none}
 .hero2 .phone{z-index:2;right:max(40px,calc((100% - 1560px)/2 + 40px));top:52px}
 .hero2 .copy{padding:72px 0}
 .hero2 .hs{z-index:2}
}
@media(min-width:1500px){.hero2 .art{height:auto}}
@media(min-width:900px){.hero2 .photo{width:clamp(1400px,122%,2000px);transform:translateY(-42%)}.hero2 .art::after{background:linear-gradient(90deg,rgba(247,243,232,.97) 0,rgba(247,243,232,.94) 24%,rgba(247,243,232,.6) 38%,rgba(247,243,232,0) 54%)}}
@media(min-width:900px){.hero2 .photo{top:0;transform:none;height:100%;object-fit:cover;object-position:0 38%}}

/* v5: couple shifted right, lighter veil, narrower copy so her hair stays visible */
@media(min-width:900px){
 .hero2 .grid{grid-template-columns:minmax(0,460px) 1fr}
 .hero2 .photo{width:clamp(1400px,100%,2000px);object-position:0 40%}
 .hero2 .art::after{background:linear-gradient(90deg,rgba(247,243,232,.96) 0,rgba(247,243,232,.9) 18%,rgba(247,243,232,.45) 31%,rgba(247,243,232,0) 42%)}
 .hero2 .phone{width:200px}
}
@media(min-width:900px){
 .hero2 .grid{grid-template-columns:minmax(0,440px) 1fr}
 .hero2 .art::after{background:linear-gradient(90deg,rgba(247,243,232,.96) 0,rgba(247,243,232,.92) 21%,rgba(247,243,232,.7) 29%,rgba(247,243,232,.28) 35%,rgba(247,243,232,0) 40%)}
 .hero2 .phone{width:188px;right:max(20px,calc((100% - 1560px)/2 + 20px))}
}
.hero2 .photo{object-position:70% 40%}
@media(min-width:900px){.hero2 .photo{object-position:0 40%}}
@media(min-width:900px){.hero2 .art::after{background:linear-gradient(90deg,rgba(247,243,232,.96) 0,rgba(247,243,232,.92) calc(max(0px,(100% - 1560px)/2) + 300px),rgba(247,243,232,.6) calc(max(0px,(100% - 1560px)/2) + 420px),rgba(247,243,232,.24) calc(max(0px,(100% - 1560px)/2) + 500px),rgba(247,243,232,0) calc(max(0px,(100% - 1560px)/2) + 570px))}}
@media(min-width:900px){.hero2 .phone{width:244px;top:48px;border-radius:38px;padding:8px}.hero2 .scr2{border-radius:30px}}
@media(max-width:899px){.hero2 .phone{width:min(38vw,170px)}}
/* v6: larger, taller phone, set lower and further right so it clears his head */
@media(min-width:900px){
 .hero2 .grid{min-height:790px}
 .hero2 .phone{width:236px;aspect-ratio:9/20;top:270px;bottom:auto;right:max(24px,calc((100% - 1560px)/2 + 24px));border-radius:36px;padding:7px}
 .hero2 .scr2{border-radius:29px}
 .hero2 .copy{padding:96px 0}
}
@media(min-width:1500px){.hero2 .grid{min-height:820px}.hero2 .phone{width:250px}}
/* v7: couple nudged left to make room; phone big and tall at the far right, clear of his head */
@media(min-width:900px){
 .hero2 .grid{min-height:740px}
 .hero2 .copy{padding:80px 0}
 .hero2 .photo{left:-100px;width:clamp(1500px,calc(100% + 100px),2100px)}
 .hero2 .phone{width:236px;aspect-ratio:9/20;top:150px;right:max(24px,calc((100% - 1560px)/2 + 24px))}
}
@media(min-width:1500px){.hero2 .grid{min-height:800px}.hero2 .phone{width:256px;top:170px}}
@media(min-width:900px){.hero2 .phone{top:205px}}@media(min-width:1500px){.hero2 .phone{top:215px}}
/* v8: slightly wider ivory veil so all the copy sits on beige */
@media(min-width:900px){.hero2 .art::after{background:linear-gradient(90deg,rgba(247,243,232,.97) 0,rgba(247,243,232,.95) calc(max(0px,(100% - 1560px)/2) + 385px),rgba(247,243,232,.78) calc(max(0px,(100% - 1560px)/2) + 460px),rgba(247,243,232,.3) calc(max(0px,(100% - 1560px)/2) + 525px),rgba(247,243,232,0) calc(max(0px,(100% - 1560px)/2) + 590px))}}

/* v9: eased, uneven fade so the beige melts into the photo */
@media(min-width:900px){.hero2 .art::after{background:radial-gradient(60% 55% at 12% 38%,rgba(247,243,232,.55),rgba(247,243,232,0) 70%),radial-gradient(45% 50% at 20% 85%,rgba(247,243,232,.5),rgba(247,243,232,0) 70%),linear-gradient(90deg,rgba(247,243,232,.97) 0,rgba(247,243,232,0.960) calc(max(0px,(100% - 1560px)/2) + 330px),rgba(247,243,232,0.941) calc(max(0px,(100% - 1560px)/2) + 364px),rgba(247,243,232,0.889) calc(max(0px,(100% - 1560px)/2) + 398px),rgba(247,243,232,0.810) calc(max(0px,(100% - 1560px)/2) + 432px),rgba(247,243,232,0.711) calc(max(0px,(100% - 1560px)/2) + 467px),rgba(247,243,232,0.599) calc(max(0px,(100% - 1560px)/2) + 501px),rgba(247,243,232,0.480) calc(max(0px,(100% - 1560px)/2) + 535px),rgba(247,243,232,0.361) calc(max(0px,(100% - 1560px)/2) + 569px),rgba(247,243,232,0.249) calc(max(0px,(100% - 1560px)/2) + 603px),rgba(247,243,232,0.150) calc(max(0px,(100% - 1560px)/2) + 638px),rgba(247,243,232,0.071) calc(max(0px,(100% - 1560px)/2) + 672px),rgba(247,243,232,0.019) calc(max(0px,(100% - 1560px)/2) + 706px),rgba(247,243,232,0.000) calc(max(0px,(100% - 1560px)/2) + 740px));filter:blur(.4px)}}

/* ===== Supporting pages: same art direction as the homepage ===== */
.btn{background:var(--gold);border-color:var(--gold);border-radius:999px;padding:12px 30px}
.btn:hover{background:#775d20;border-color:#775d20}
.btn.sm{padding:10px 22px}
.hero2 .btn.ghost{background:transparent;border-color:var(--navy)}
.ph.pw{position:relative;overflow:hidden;padding:44px 0 36px}
@media(min-width:900px){.ph.pw{padding:84px 0 64px}}
.pw .pg{display:grid;gap:28px;position:relative}
.pw .pc{position:relative;z-index:1}
.pw .photo{display:block;width:100%;height:100%;object-fit:cover}
.pw .pa{margin:0 calc(var(--gut)*-1);height:min(62vw,340px)}
.pw .ppos{object-position:60% 40%}
@media(min-width:900px){
 .pw.has .pg{grid-template-columns:1fr 1fr;align-items:center;gap:0}
 .pw .pa{margin:-84px -40px -64px 0;height:calc(100% + 148px);min-height:420px;position:relative}
 .pw .pa .photo{-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 12%,#000 34%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 12%,#000 34%)}
}
.pw .psp{position:absolute;right:calc(max(0px,(100% - 1280px)/2) + 30px);bottom:-20px;width:84px;height:168px;color:var(--gold-line);opacity:.7;display:none}
@media(min-width:1000px){.pw .psp{display:block}}
/* navy closing call-to-action on each page */
.cb{background:var(--navy);color:var(--on-navy);padding:64px 0;position:relative;overflow:hidden}
@media(min-width:900px){.cb{padding:96px 0}}
.cbg{display:grid;gap:28px;align-items:center;position:relative}
@media(min-width:900px){.cbg{grid-template-columns:1.3fr auto;gap:64px}}
.cb h2{color:var(--on-navy);font-size:clamp(1.9rem,4.4vw,3rem);line-height:1.12;max-width:14em;margin-bottom:14px}
.cb .lede{color:#d8d1ba;margin:0}
.cbr{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px}
.cb .btn{background:#c9ab62;border-color:#c9ab62;color:var(--navy)}.cb .btn:hover{background:#dbc07c}
.cb .lnk.inv{color:var(--on-navy)}
.cb :focus-visible{outline-color:#9cc2ff}
.cb .cbs{position:absolute;right:20px;bottom:-14px;width:72px;height:144px;color:#3b4a70;display:none}
@media(min-width:1100px){.cb .cbs{display:block}}
@media(min-width:900px){
 .pw .pa{margin-right:calc(-1 * (max(0px,(100vw - 1280px)/2) + var(--gut)))}
 .pw .pa .photo{-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 12%,#000 34%),linear-gradient(180deg,#000 0,#000 74%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 12%,#000 34%),linear-gradient(180deg,#000 0,#000 74%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
}
.pw .ppos{object-position:36% 40%}

/* approach header: keep both bowed heads in frame */
.pw .ppos.ppray{object-position:40% 0%}

/* ===== Phase 2C refinement ===== */
/* Word > Me > You > Us: vertical editorial sequence with a connecting rule */
.quad2{border-top:0;position:relative;padding-left:34px;counter-reset:q}
.quad2::before{content:"";position:absolute;left:5px;top:34px;bottom:46px;width:1px;background:var(--gold-line)}
.quad2 li{border-bottom:0;position:relative;padding:18px 0 20px;display:block}
.quad2 li::before{content:"";position:absolute;left:-34px;top:36px;width:11px;height:11px;border-radius:50%;background:var(--ivory);border:1.5px solid var(--gold)}
.quad2 li:last-child::before{background:var(--gold)}
.quad2 h3{font-weight:500;line-height:1.05;margin:0 0 6px;color:var(--navy)}
.quad2 li:nth-child(1) h3{font-size:2.1rem}.quad2 li:nth-child(2) h3{font-size:2.4rem}.quad2 li:nth-child(3) h3{font-size:2.8rem}.quad2 li:nth-child(4) h3{font-size:3.3rem;color:var(--gold)}
.quad2 p{font-size:1.15rem;max-width:21em}
@media(min-width:900px){.quad2 li{display:block;grid-template-columns:none}.quad2 li:nth-child(2){margin-left:18px}.quad2 li:nth-child(3){margin-left:36px}.quad2 li:nth-child(4){margin-left:54px}.quad2 li:nth-child(1) h3{font-size:2.4rem}.quad2 li:nth-child(2) h3{font-size:2.8rem}.quad2 li:nth-child(3) h3{font-size:3.2rem}.quad2 li:nth-child(4) h3{font-size:3.8rem}}
/* quieter Scripture photo so the sequence leads */
@media(min-width:900px){.more .mgrid{grid-template-columns:1.3fr .7fr;gap:72px}.qcard{min-height:420px}.qcard .ref{font-size:clamp(2rem,3vw,2.6rem)}}
/* homepage Discover Us moment */
.dpm{padding:clamp(64px,9vw,120px) 0;background:var(--ivory)}
.dpm .dgrid{display:grid;gap:44px}
.dpm h2{font-size:clamp(2.1rem,5.4vw,3.4rem);line-height:1.1;max-width:12em;margin:0 0 22px}
.dpm .dcopy p{font:1.12rem/1.65 var(--serif);color:var(--text-2);max-width:31em;margin:0 0 16px}
.dpm .dcopy .payoff{font:italic 1.4rem/1.4 var(--serif);color:var(--navy);border-left:2px solid var(--gold-line);padding-left:18px;margin:26px 0 8px}
.dpm .dart{margin:0;position:relative}
.dpm .dart img{display:block;width:100%;height:auto}
.dpm .d1,.dpm .d2{border:1px solid var(--border);background:var(--surface);overflow:hidden;max-width:420px}
.dpm .d2{margin:-36px 0 0 auto;max-width:400px;box-shadow:0 18px 40px -22px rgba(20,33,61,.35)}
.dpm figcaption{font:.82rem/1.5 var(--sans);color:var(--text-3);margin:16px 0 0;max-width:420px}
@media(min-width:900px){.dpm .dgrid{grid-template-columns:1fr 1fr;gap:96px;align-items:center}.dpm .d1{max-width:380px}.dpm .d2{margin:-90px 0 0 140px;max-width:400px}}
/* Discover signature (Reveal) and areas */
.rv .ui .frame{max-width:460px}.rv .ui figcaption{max-width:460px;margin-left:auto;margin-right:auto}
.agrid{display:grid;gap:0 64px}
@media(min-width:900px){.agrid{grid-template-columns:repeat(3,1fr)}.agrid .lt b{font-size:1.1rem}}
@media(min-width:620px) and (max-width:899px){.agrid{grid-template-columns:1fr 1fr}}
/* Study signature */
.seq{list-style:none;margin:32px 0 0;padding:0;counter-reset:s;border-top:1px solid var(--gold-line)}
.seq li{counter-increment:s;display:grid;grid-template-columns:2.2rem 1fr;column-gap:6px;padding:16px 0;border-bottom:1px solid var(--border)}
.seq li::before{content:counter(s);grid-row:1/3;font:italic 1.35rem var(--serif);color:var(--gold)}
.seq h3{margin:0;font:500 1.3rem var(--serif);color:var(--navy)}.seq p{margin:2px 0 0;font:1.05rem/1.5 var(--serif);color:var(--text-2)}
.dpm .d2{margin-top:-24px}@media(min-width:900px){.dpm .d2{margin:-30px 0 0 150px}}
.more .quad2{margin-top:36px}
@media(max-width:899px){.more .mspr{display:none}}
@media(max-width:899px){.more .mspr{display:none}}
@media(min-width:900px){.dpm .d2{margin-top:6px}}.dpm .d2{margin-top:10px}

/* ===== Phase 2C final micro-cleanup ===== */
/* free-to-use statement: quiet, mission-led, no pricing UI */
.free{margin:26px 0 0;padding-left:18px;border-left:2px solid var(--gold-line);font:1.08rem/1.6 var(--serif);color:var(--text-2);max-width:30em}
.free b{display:block;font:500 1.3rem/1.35 var(--serif);color:var(--navy);margin-bottom:4px}
.wlb .free{color:#d8d1ba;border-left-color:#8c6f2a}.wlb .free b{color:var(--on-navy)}
.wl .free{margin-top:32px}
/* mobile rhythm: trim spacing that was inherited from desktop */
@media(max-width:899px){
 .wgrid{gap:34px}
 .wlb{padding:60px 0 64px}
 .wlb .sign{margin-top:44px;padding-top:28px}
 .tp{margin-top:26px}
 .more .mgrid{gap:36px}
 .dpm{padding:56px 0}.dpm .dgrid{gap:36px}
 .sec.parch.more{padding:56px 0}
 .ft{padding:44px 0 32px}
 .ft .cols{grid-template-columns:1fr 1fr;gap:26px 20px}
 .ft .cols>div:first-child{grid-column:1/-1}
 .ft .note{margin-top:28px}
}
/* mobile readability: raise only the text that fell below comfortable size */
@media(max-width:899px){
 .hero2 .eyebrow{font-size:.84rem}
 .herocap{font-size:.9rem;line-height:1.55}
 .pillars h3{font-size:.9rem}
 .lab{font-size:.88rem}
 .ui figcaption,.dpm figcaption{font-size:.9rem;line-height:1.55}
 .fine{font-size:.95rem;line-height:1.55}
 .ft .note{font-size:.95rem;line-height:1.65;color:#5d6270}
 .mark span{font-size:.72rem}
 .quad2 p{font-size:1.15rem}
}
@media(max-width:899px){.gh{font-size:.84rem}}
/* Begin Together / Sign In: unresolved destination (owner decision) - buttons that do not navigate */
button.signin,button.si{background:none;border:0;cursor:default}
button.si{display:block;width:100%;text-align:center;margin-top:18px;font-weight:600;color:var(--navy)}
button[data-begin="pending"]{cursor:default}
/* registration gateway and owner Beta Access page */
.gate{padding:calc(var(--hh) + 40px) var(--gut) 72px}.gate .lede{margin-bottom:28px}
.gate .gmsg{min-height:1.5em;margin:0;color:#8a2c1f;font:600 .98rem var(--sans)}.gnote{margin-top:28px;color:var(--text-2);font-size:.98rem;max-width:34em}.gnote a{color:var(--navy)}
body.ba main{padding:56px var(--gut) 80px;max-width:980px}.bagen{display:grid;gap:12px;max-width:520px;margin:8px 0 24px}.bagen label{font:600 .95rem var(--sans);color:var(--navy)}
.bagen input{width:100%;min-height:52px;padding:12px 14px;font:1rem var(--sans);background:var(--surface);border:1px solid #a89f84;border-radius:3px}
.banew{border:1px solid var(--gold-line);background:var(--surface);padding:20px;margin:0 0 28px;border-radius:3px}.banew code,.batab code{font:600 1.05rem ui-monospace,Menlo,Consolas,monospace;letter-spacing:.04em;color:var(--navy)}
.bawrap{overflow-x:auto}.batab{width:100%;border-collapse:collapse;font-size:.95rem}.batab th,.batab td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--border);vertical-align:middle}.batab th{font:600 .85rem var(--sans);color:var(--text-2)}
.batab .lnk{margin-right:14px;cursor:pointer}