@font-face{font-family:Instrument;src:url('assets/fonts/InstrumentSans-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}@font-face{font-family:Serif;src:url('assets/fonts/InstrumentSerif-Regular.ttf') format('truetype');font-display:swap}@font-face{font-family:Serif;src:url('assets/fonts/InstrumentSerif-Italic.ttf') format('truetype');font-style:italic;font-display:swap}
:root{color-scheme:light;--bg:#f5f8f7;--surface:#fff;--ink:#152d37;--muted:#506872;--line:#d6e2e4;--blue:#096b99;--green:#22783c;--soft:#eaf2ef;--shadow:0 20px 60px #15334214}html[data-theme=dark]{color-scheme:dark;--bg:#101c23;--surface:#172832;--ink:#edf6f4;--muted:#b0c5cd;--line:#304752;--blue:#6dcef6;--green:#8fdb9c;--soft:#142c2d;--shadow:0 20px 60px #0004}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Instrument,system-ui,sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2{font-family:Serif,Georgia,serif;font-weight:400;line-height:1.06;letter-spacing:-.025em}h1{font-size:clamp(46px,5vw,72px)}h2{font-size:clamp(36px,4vw,52px)}h3{font-size:20px;line-height:1.3;font-weight:650}em{color:var(--green)}.wrap{width:min(1160px,calc(100% - 64px));margin:auto}.skip{position:absolute;top:-100px;background:var(--surface);padding:12px;z-index:100}.skip:focus{top:10px}header{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px}.wordmark{display:flex;gap:10px;align-items:center;color:var(--ink);font-size:23px;letter-spacing:-1px}.wordmark strong{font-weight:550;color:var(--green)}nav,.nav-actions{display:flex;align-items:center;gap:24px}nav a{color:var(--muted);font-size:14px;font-weight:600}.nav-actions{gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--surface);border:1px solid var(--line);color:var(--ink);padding:12px 20px;border-radius:9px;font-weight:650;font-size:14px;min-height:46px;transition:transform .15s}.button:hover{text-decoration:none;transform:translateY(-2px)}.button.primary{color:#fff;background:#086a95;border-color:#086a95}.button.small{padding:8px 14px;min-height:40px}#theme{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:9px;width:42px;height:42px;font-size:21px;cursor:pointer}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-block:84px 80px}.eyebrow{font-size:12px;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.12em;margin-bottom:22px}.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:8px}.lede{font-size:18px;color:var(--muted);margin-top:24px;max-width:490px}.actions{display:flex;gap:24px;flex-wrap:wrap;align-items:center;margin-top:30px}.text-link{font-size:14px;font-weight:650}.hero-note{font-size:12px;color:var(--muted);margin-top:25px}.preview{margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);background:var(--surface);transform:rotate(1deg)}.preview img{width:100%}.browser-bar{display:flex;justify-content:space-between;gap:10px;padding:12px 16px;font-size:11px;color:var(--muted);border-bottom:1px solid var(--line)}.dots{letter-spacing:2px;color:var(--green)}figcaption{padding:12px 16px;font-size:11px;color:var(--muted)}.band{background:var(--soft);border-block:1px solid var(--line)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding-block:30px}.metrics div{display:flex;flex-direction:column;gap:4px}.metrics strong{font-family:Serif,Georgia,serif;font-size:33px;font-weight:400}.metrics span{font-size:12px;color:var(--muted)}.section{padding-block:80px}.section-head{max-width:660px;margin-bottom:40px}.section-head .eyebrow{margin-bottom:12px}.section-head>p:last-child{color:var(--muted);margin-top:16px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:28px;display:flex;flex-direction:column;align-items:flex-start}.icon{font-size:30px;color:var(--blue);height:52px}.cards p{color:var(--muted);font-size:14px;margin-block:12px 24px}.cards a,.label{font-size:12px;font-weight:600;margin-top:auto}.label{color:var(--green)}.flow{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.flow li{border-top:2px solid var(--line);padding-top:18px}.step{font-family:Serif,Georgia,serif;font-size:32px;color:var(--green)}.flow h3{margin-top:8px}.flow p{font-size:14px;color:var(--muted);margin:10px 0 20px}.tool{font-size:11px;letter-spacing:.04em;font-weight:700;color:var(--blue)}.status{display:flex;gap:16px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.status-dot{background:var(--green);width:9px;height:9px;margin-top:7px;flex-shrink:0;border-radius:50%}.status h3{font-size:16px}.status p{font-size:13px;color:var(--muted);margin-top:8px;max-width:850px}.build-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.muted{color:var(--muted);margin-block:20px;font-size:15px}.stack>div{display:flex;justify-content:space-between;gap:16px;padding:17px 0;border-bottom:1px solid var(--line);font-size:13px}.stack span{color:var(--muted)}.stack strong{text-align:right;font-weight:600}.details{margin-top:50px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{font-weight:600;cursor:pointer}details p{color:var(--muted);max-width:850px;margin-top:12px;font-size:14px}.closing{text-align:center;background:var(--soft);padding:66px 0;border-block:1px solid var(--line)}.closing .eyebrow{margin-bottom:14px}.closing .button{margin-top:25px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:36px}footer strong{font-size:13px;font-weight:600}footer p{color:var(--muted);font-size:12px;margin-top:5px}.logo-dark{display:none}[data-theme=dark] .logo-dark{display:block}[data-theme=dark] .logo-light{display:none}
@media(max-width:960px){nav{display:none}.hero{gap:30px}.cards{grid-template-columns:repeat(2,1fr)}.build-grid{gap:36px}.flow{grid-template-columns:repeat(2,1fr)}}@media(max-width:660px){.wrap{width:calc(100% - 36px)}.nav{min-height:72px;gap:10px}.wordmark{font-size:20px}.wordmark img{width:30px}.nav-actions{gap:6px}.button.small{padding:7px 10px}.hero{grid-template-columns:1fr;padding-block:48px;gap:38px}.hero h1{font-size:48px}.preview{transform:none}.metrics{grid-template-columns:repeat(2,1fr);gap:24px}.metrics strong{font-size:29px}.section{padding-block:52px}.cards{grid-template-columns:1fr}.flow{gap:24px 18px}.flow h3{font-size:18px}.build-grid{grid-template-columns:1fr;gap:28px}.stack>div{font-size:12px}.actions{gap:18px}.status{padding:20px}.closing{padding:50px 0}footer{flex-direction:column;align-items:flex-start}.church-brand img{width:160px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}