/* Belfry v5 — Mercury-inspired layer (own CSS; no Mercury assets) */
:root{--m-ink:#10101a;--m-dark:#15151f;--m-dark2:#1d1d29;--m-card:#232331;--m-line:#33333f;--m-mut:#9d9da8;--m-mut2:#6b6b78;--m-light:#fbfbfc;--m-soft:#f3f3f6;--m-warm:#f5f3ee;--m-acc:#6d7cf2;--m-acc2:#8c98f5;--m-gold:#c9b98d;--m-e:cubic-bezier(.16,0,.13,1);--m-e2:cubic-bezier(.2,1,.4,1)}
.m5{background:var(--m-light);color:var(--m-ink);font-feature-settings:"ss01"}
.m5 h1,.m5 h2,.m5 h3,.m5.bots-page h2,.m5 .b-hero h1{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-.025em;line-height:1.08}
.m5 h2{font-size:clamp(32px,3.2vw + 12px,60px)}
.m5 h3{font-size:clamp(19px,1.3vw + 10px,24px);letter-spacing:-.015em}
.m5 h1 em,.m5 h2 em{font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:300;letter-spacing:-.02em}
.m5 p{color:inherit}
.m-eye,.m5 .eyebrow,.m5 .b-eyebrow,.m5 .bd-eye{font:600 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--m-acc2)}
.m-eye.dark,.m5 .b-eyebrow.dark,.m-light .eyebrow{color:#4c58c9}
.m5 .grad{background:linear-gradient(100deg,#b9c1ff,#e9dfc4 60%,#c9b98d);-webkit-background-clip:text;background-clip:text;color:transparent}
/* nav: transparent over hero, dark glass after scroll */
.m5 .site-header{position:fixed;inset:0 0 auto;z-index:50;background:transparent;border-bottom:1px solid transparent;transition:background .4s var(--m-e),border-color .4s,backdrop-filter .4s}
.m5 .site-header,.m5 .site-header a,.m5 .brand-name,.m5 .menu-button{color:#fff}
.m5 .site-header.is-scrolled,.m5 .site-header:has(.is-open){background:#15151fcc;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-color:#ffffff14}
.m5 .header-inner{min-height:68px}
.m5 .site-nav a{font-size:14px;font-weight:500;opacity:.86}.m5 .site-nav a:hover,.m5 .site-nav a[aria-current]{opacity:1;color:#fff}
.m5 .header-cta{background:var(--m-acc);color:#fff!important;border:0;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600}
.m5 .header-cta:hover{background:#5c6be6}
.m5 .brand img{filter:brightness(0) invert(1)}
.m5.light-top .site-header:not(.is-scrolled),.m5.light-top .site-header:not(.is-scrolled) a:not(.header-cta),.m5.light-top .site-header:not(.is-scrolled) .brand-name{color:var(--m-ink)}
.m5.light-top .site-header:not(.is-scrolled) .brand img{filter:none}
@media(max-width:860px){.m5 .site-nav.is-open{background:#15151ff2}}
/* buttons */
.m-btn,.m5 .button,.m5 .b-btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:var(--m-acc);color:#fff;border:1px solid var(--m-acc);padding:12px 22px;font-weight:600;font-size:15px;text-decoration:none;transition:background .25s,transform .25s var(--m-e2)}
.m-btn:hover,.m5 .button:hover,.m5 .b-btn:hover{background:#5c6be6;transform:translateY(-1px)}
.m-btn.ghost,.m5 .b-btn.ghost{background:#ffffff0f;border-color:#ffffff2e;color:#fff}
.m-btn.ghost-dark{background:transparent;border-color:#10101a33;color:var(--m-ink)}
.m-btn[aria-disabled=true]{opacity:.55}
/* hero */
.m-hero{position:relative;min-height:min(100svh,940px);display:flex;align-items:flex-start;overflow:hidden;background:#5d7686;color:#fff;isolation:isolate}
.m-hero-bg{position:absolute;inset:-6% 0 -6%;background:url(sunday-light.webp) center 70%/cover no-repeat;z-index:-2;will-change:transform}
.m-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0f1a2499 0%,#1a2a3540 45%,#0000 70%,#15151f 100%)}
.m-hero-in{text-align:center;padding:clamp(130px,17vh,190px) 0 120px;max-width:920px}
.m-hero h1{font-size:clamp(38px,4.4vw + 12px,76px);color:#fff;margin:16px auto 0;text-wrap:balance}
.m-hero .m-eye{color:#e6e9ff}
.m-lede{font-size:clamp(17px,.6vw + 14px,21px);line-height:1.5;max-width:600px;margin:22px auto 0;color:#eef1f5}
.m-hero .url-form{max-width:560px;margin:34px auto 0}
.m-hero .url-entry{display:flex;gap:6px;padding:6px;border-radius:999px;background:#ffffffe8;border:1px solid #fff;box-shadow:0 20px 60px #0f1a2440}
.m-hero .url-entry input{flex:1;min-width:0;border:0;background:transparent;padding:10px 16px;color:var(--m-ink);font-size:16px;outline-offset:-2px;border-radius:999px}
.m-hero .url-entry .button{white-space:nowrap}
.m-hero .notice.error{color:#fff;margin-top:10px}
.m-promises{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:8px 26px;padding:0;margin:26px 0 0;font-size:14px;color:#e8edf2}
.m-promises li::before{content:"✓";margin-right:8px;color:#c7cdff}
@media(max-width:560px){.m-hero .url-entry{flex-direction:column;border-radius:20px}.m-hero .url-entry .button{justify-content:center}.m-hero-in{padding-top:118px;padding-bottom:90px}}
/* dark + light sections */
.m-dark{background:var(--m-dark);color:#ededf3;position:relative}
.m-dark p{color:#b5b5c2}.m-dark h2,.m-dark h3{color:#fff}
.m-light{background:var(--m-light);color:var(--m-ink)}.m-light p{color:#535461}
.m5 .section{padding-block:clamp(88px,10vw,160px)}
/* rise-in product mockup */
.m-rise{transform:translateY(var(--rise,60px)) scale(var(--sc,.94));opacity:var(--op,1);transition:none;will-change:transform}
.m5 .journey-section.m-dark .journey-copy p,.m5 .journey-section.m-dark .steps p{color:#b5b5c2}
.m5 .journey-section.m-dark .steps button{color:#fff}
.m5 .journey-section.m-dark .steps button span{color:var(--m-acc2)}
.m5 .journey-demo{border-radius:16px;border:1px solid var(--m-line);box-shadow:0 40px 120px #000a,0 0 0 1px #ffffff08 inset}
/* pinned accordion */
.m-pin{padding-block:clamp(90px,11vw,170px)}
.m-pin-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(36px,6vw,96px);align-items:start}
.m-pin-copy h2{max-width:520px}
.m-acc{list-style:none;padding:0;margin:44px 0 0;border-top:1px solid #10101a1f}
.m-acc-item{border-bottom:1px solid #10101a1f;padding:18px 0;cursor:pointer}
.m-acc-item h3{display:flex;align-items:center;gap:12px;font-size:19px;color:#6b6b78;transition:color .3s}
.m-acc-item h3::before{content:"";width:8px;height:8px;border-radius:50%;background:#10101a26;transition:background .3s}
.m-acc-item.is-on h3{color:var(--m-ink)}.m-acc-item.is-on h3::before{background:var(--m-acc)}
.m-acc-item ul{list-style:none;padding:0 0 0 20px;margin:0;display:grid;gap:12px;max-height:0;overflow:hidden;opacity:0;transition:max-height .6s var(--m-e),opacity .4s,margin .4s}
.m-acc-item.is-on ul{max-height:640px;opacity:1;margin-top:16px}
.m-acc-item li b{display:block;font-weight:600;font-size:15px}.m-acc-item li span{display:block;font-size:14.5px;color:#535461;line-height:1.55}
.m-small{margin-top:26px;font-size:14px;color:#6b6b78!important}
.m-pin-visual{position:sticky;top:110px}
.m-ui{background:var(--m-dark);border-radius:16px;border:1px solid #10101a14;box-shadow:0 40px 100px #10101a33;overflow:hidden;color:#fff}
.m-ui-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid var(--m-line);font-size:12px;color:var(--m-mut)}
.m-ui-bar i{width:9px;height:9px;border-radius:50%;background:#3a3a48}.m-ui-bar span{margin-left:10px}
.m-ui-scenes{position:relative;aspect-ratio:4/3.1}
.m-ui-scene{position:absolute;inset:0;padding:clamp(18px,3vw,34px);opacity:0;transform:translateY(16px);transition:opacity .6s var(--m-e),transform .8s var(--m-e)}
.m-ui-scene.is-on{opacity:1;transform:none}
.m-ui-hero{height:62%;border-radius:12px;padding:clamp(18px,3vw,34px);display:flex;flex-direction:column;justify-content:flex-end;gap:8px;background:linear-gradient(160deg,#5d7686,#c9c3b1);}
.m-ui-hero small{font-size:12px;opacity:.85}.m-ui-hero b{font:500 clamp(22px,2.6vw,38px)/1.05 Manrope,sans-serif;letter-spacing:-.02em}
.m-ui-btn{align-self:flex-start;background:#fff;color:var(--m-ink);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600}
.m-ui-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.m-ui-row span,.m-ui-list p,.m-ui-stats p{background:var(--m-dark2);border:1px solid var(--m-line);border-radius:10px;padding:12px 14px;font-size:13px;color:#d9d9e2}
.m-ui-list{display:grid;gap:10px}.m-ui-list p small,.m-ui-stats p small{display:block;color:var(--m-mut);font-size:12px}
.m-ui-video{height:150px;border-radius:12px;background:linear-gradient(135deg,#2a2a3a,#4a4f7a);display:grid;place-items:center;font-size:26px}
.m-ui-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.m-ui-stats p b{display:block;font:500 26px/1.2 Manrope,sans-serif;margin-top:6px;color:#fff}
.m-ui-stats p:last-child{grid-column:1/-1}
@media(max-width:860px){.m-pin-in{grid-template-columns:1fr}.m-pin-visual{position:relative;top:0;order:-1}}
/* statement */
.m-statement{background:var(--m-dark);padding:clamp(110px,16vw,240px) 0;text-align:center}
.m-big{font:400 clamp(34px,4.6vw,72px)/1.08 Manrope,sans-serif;letter-spacing:-.03em;color:#fff!important;max-width:900px;margin:0 auto}
.m-big span{color:var(--m-mut)}
/* built */
.m5 .built{padding-block:clamp(90px,11vw,160px)}
.m5 .built-card .bframe{border-radius:12px;box-shadow:0 30px 80px #10101a24}
/* bots */
.m-bots{padding:clamp(90px,10vw,150px) 0 30px}.m-bots-head{max-width:720px}.m-bots-head p{font-size:18px;margin:18px 0 28px}
.m-dark-flush{padding-top:20px!important}
.m5 .bd-section h2,.m5 .bd-section .bd-lede{color:#fff}
/* plans */
.m-plans{padding-block:clamp(90px,11vw,170px)}.m-plans h2{max-width:720px}
.m-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:52px}
.m-plan{background:#fff;border:1px solid #10101a14;border-radius:16px;padding:30px;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 2px #10101a0a}
.m-plan p{font-size:15px;line-height:1.6}.m-plan .m-btn{margin-top:auto;align-self:flex-start}
.m-step{font:600 12px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:#4c58c9!important}
.m-grant{margin-top:24px;display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between;background:var(--m-warm);border:1px solid #c9b98d55;border-radius:16px;padding:30px 34px}
.m-grant h3{margin:6px 0}.m-grant>div{max-width:640px}
@media(max-width:860px){.m-plan-grid{grid-template-columns:1fr}}
/* faq + final */
.m5 .faq details{border-color:#10101a1f}.m5 .faq summary{font-weight:500}
.m-final{padding:clamp(110px,14vw,210px) 0;text-align:center}.m-final h2{font-size:clamp(36px,4.6vw,72px)}.m-final p{margin:16px 0 30px;font-size:18px}
.m5 .site-footer{background:var(--m-ink);color:#c3c3cc;border:0}.m5 .site-footer a,.m5 .site-footer .brand-name{color:#fff}.m5 .site-footer p{color:#9d9da8}
/* reveals */
.m5 .rv,.m5 .reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--m-e),transform 1s var(--m-e)}
.m5 .rv.in,.m5 .reveal.in,.m5 .reveal.is-visible{opacity:1;transform:none}
.m5 .d1{transition-delay:.08s}.m5 .d2{transition-delay:.16s}.m5 .d3{transition-delay:.24s}
.no-js .rv,.no-js .reveal{opacity:1;transform:none}
/* inner pages: start below fixed nav */
.m5.inner main{padding-top:68px}
.m5.inner .hero,.m5.inner main>section:first-child{background-color:var(--m-dark)}
.hp{display:none}
@media(prefers-reduced-motion:reduce){.m5 *{transition:none!important;animation:none!important}.m5 .rv,.m5 .reveal{opacity:1;transform:none}.m-rise{transform:none!important}.m-hero-bg{transform:none!important}.m-ui-scene{transition:none}}
[data-d="1"]{--d:1}[data-d="2"]{--d:2}[data-d="3"]{--d:3}
.m-relative{position:relative}.m-pad-center{padding:60px 0;text-align:center}
/* church-bots page in Mercury palette */
.m-bots-page{background:var(--m-light)}
.m-bots-page .b-hero,.m-bots-page .b-final,.m-bots-page .b-trust,.m-bots-page .b-pricing,.m-bots-page .b-int,.m5 .bd-section,.m5 .v3-dark{background:var(--m-dark)!important;color:#ededf3}
.m-bots-page .b-glow,.m5 .v3-glow{background:radial-gradient(40% 50% at 25% 20%,#6d7cf233,transparent 70%),radial-gradient(35% 45% at 80% 30%,#c9b98d22,transparent 70%);animation:none}
.m-bots-page .b-hero h1{font-size:clamp(44px,6vw + 10px,96px);font-weight:500}
.m-bots-page .b-hero-in{padding-top:clamp(130px,15vw,200px)}
.m-bots-page .b-staff,.m-bots-page .b-day,.m-bots-page .b-mission,.m-bots-page .b-how,.m-bots-page .b-faq{background:var(--m-light)}
.m-bots-page .b-day{background:var(--m-soft)}
.m-bots-page .b-card,.m-bots-page .b-role,.m-bots-page .b-plan{border-radius:16px;border:1px solid #10101a14;box-shadow:0 20px 60px #10101a10}
.m-bots-page .b-pricing .b-plan{background:var(--m-dark2);border-color:var(--m-line);box-shadow:none}
.m-bots-page .b-plan.hot{border-color:var(--m-acc);box-shadow:0 0 0 1px var(--m-acc),0 30px 80px #6d7cf233}
.m-bots-page .b-chips li{border-color:#ffffff24;background:#ffffff0d}
.m-bots-page .b-steps span{background:var(--m-acc);color:#fff}
.m-bots-page .b-note,.m-bots-page .b-note{font-style:normal}
.m-bots-page .site-nav a[aria-current]{color:#fff;opacity:1}
.m5 .bd-win{background:#101019;border-color:var(--m-line);border-radius:16px}
.m5 .bd-tab{border-color:var(--m-line)}
.m5 .bd-tab[aria-selected=true]{border-color:var(--m-acc);background:#6d7cf21f;color:#fff}
.m5 .bd-me{background:var(--m-acc)}
.m5 .built-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.m5 .built-card{min-width:0;border-radius:16px;border-color:#10101a14}.m5 .bvid,.m5 video{max-width:100%}
@media(max-width:760px){.m5 .built-grid{grid-template-columns:minmax(0,1fr)}}
.m5 .built{background:var(--m-soft);border-top:0}.m5 .built-head h2{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-.025em}
@media(max-width:860px){.m-acc-item ul{max-height:none;opacity:1;margin-top:12px}.m-acc-item h3{color:var(--m-ink)}.m-acc-item h3::before{background:var(--m-acc)}.m-acc-item{cursor:default}}
.m-bots-page .b-steps li>span{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;font:600 15px Manrope,sans-serif}
.m-bots-page .b-shield{background:var(--m-acc);color:#fff}
.m-bots-page .b-core{background:radial-gradient(circle,#8c98f5,#6d7cf2);color:#fff}
.m-bots-page .b-plenary{background:var(--m-warm);border-color:#c9b98d55}
.m-bots-page .b-steps li>span{background:var(--m-acc);-webkit-background-clip:border-box;background-clip:border-box;color:#fff;box-shadow:0 8px 24px #6d7cf255}
.m5.inner .site-header,.m5.light-top .site-header{background:#15151fe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:#ffffff14}
@media(max-width:760px){.m5 .header-inner{min-height:64px;gap:10px}.m5 .brand-name{font-size:20px}.m5 .brand img{width:22px;height:30px}.m5 .header-cta{padding:8px 14px;font-size:13px}.m5 .menu-button{color:#fff;border-color:#ffffff40;font-size:13px;padding:7px 12px;border-radius:999px}.m5 .site-nav a{border-color:#ffffff1a}.m5 .site-nav.is-open{background:transparent;border:0;padding:4px 0 14px}.m5.home-page .menu-button{color:#fff;border-color:#ffffff40}}
@media(max-width:380px){.m5 .header-cta .arrow{display:none}}
.m5 .bframe video.bvid{display:block;width:100%;height:auto;aspect-ratio:1440/1000;object-fit:cover;object-position:top;background:#10101a}
/* review fix 1: journey mockup as dark product UI */
.m5 .journey-demo{background:var(--m-dark2);border-color:var(--m-line);color:#ededf3}
.m5 .journey-demo h3,.m5 .journey-demo .demo-review-title{color:#fff}
.m5 .journey-top>span,.m5 .journey-bottom small,.m5 .journey-bottom p,.m5 .demo-kicker{color:var(--m-mut)}
.m5 .journey-top button{color:#c7cdff}
.m5 .demo-url{background:#10101a;border-color:var(--m-line);color:#fff}.m5 .demo-caret{background:var(--m-acc2)}
.m5 .demo-submit,.m5 .demo-decisions span:last-child{background:var(--m-acc);border-color:var(--m-acc)}
.m5 .demo-fields span,.m5 .demo-decisions span{border-color:var(--m-line);color:#c3c3cc;background:#ffffff08}
.m5 .journey-progress{background:var(--m-line)}.m5 .journey-progress span{background:var(--m-acc2)}
.m5 .demo-comparison span,.m5 .demo-launch{color:var(--m-mut)}
.m5 .journey-steps button[aria-pressed=true]{color:#fff}.m5 .journey-steps button[aria-pressed=true] span{color:var(--m-acc2)}
.m5 .journey-steps button{color:#8a8a98}
/* review fix 2: pinned section feels pinned on desktop */
@media(min-width:861px){.m-pin{min-height:150vh}.m-pin-copy{position:sticky;top:110px}.m-pin-visual{top:120px}.m-ui-scenes{aspect-ratio:4/3.4}}
/* review fix 3: built section — tighter, Mercury card grid */
.m5 .built-head{align-items:end}.m5 .built-card{padding:12px 12px 24px;background:#fff}.m5 .built-card .bframe{border-color:#10101a14}
.m5 .built-demo{margin-top:36px;text-align:center}