:root{
  --bg:#fbfbfd; --bg2:#f5f5f7; --ink:#1d1d1f; --muted:#6e6e73; --line:#d2d2d7;
  --card:#ffffff; --accent:#0071e3; --g1:#7b5cff; --g2:#ff4d8d; --g3:#ffb347;
  --nav:rgba(251,251,253,.72); --shadow:0 2px 8px rgba(0,0,0,.04),0 12px 40px rgba(0,0,0,.06);
}
@media (prefers-color-scheme:dark){:root{
  --bg:#000; --bg2:#101012; --ink:#f5f5f7; --muted:#a1a1a6; --line:#2c2c2e;
  --card:#161618; --accent:#2997ff; --nav:rgba(0,0,0,.72); --shadow:0 0 0 1px #1f1f22;
}}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:17px/1.6 Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}
.narrow{max-width:720px}

/* nav */
.nav{position:sticky;top:0;z-index:10;background:var(--nav);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line)}
.nav-in{max-width:1080px;margin:0 auto;padding:0 22px;height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{color:var(--ink);font-weight:700;letter-spacing:-.01em}
.nav nav{display:flex;gap:22px;overflow-x:auto}
.nav nav a{color:var(--muted);font-size:14px;white-space:nowrap}
.nav nav a:hover,.nav nav a[aria-current]{color:var(--ink)}

/* hero */
.hero{padding:120px 0 80px;text-align:center}
.hero.page{padding:96px 0 48px}
.eyebrow{color:var(--muted);font-size:15px;font-weight:600;letter-spacing:.02em;margin-bottom:14px}
.eyebrow a{color:var(--muted)}
h1{font-size:clamp(44px,8vw,96px);line-height:1.02;font-weight:800;letter-spacing:-.035em}
.hero.page h1{font-size:clamp(40px,6.5vw,76px)}
.grad{background:linear-gradient(90deg,var(--g1),var(--g2) 55%,var(--g3));-webkit-background-clip:text;background-clip:text;color:transparent}
.lede{max-width:680px;margin:26px auto 0;font-size:clamp(19px,2.2vw,24px);line-height:1.45;color:var(--muted);font-weight:500}

/* icons */
.ti svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ti{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--bg2);color:var(--ink)}
.ti.big{width:72px;height:72px;border-radius:20px;margin-bottom:22px}
.ti.big svg{width:38px;height:38px}
.bible-study .ti.big{background:linear-gradient(135deg,#7b5cff,#c86bff);color:#fff}
.tech .ti.big{background:linear-gradient(135deg,#0071e3,#33c5ff);color:#fff}
.reading .ti.big{background:linear-gradient(135deg,#ff7a45,#ffb347);color:#fff}

/* tiles */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding-bottom:100px}
.tile{display:flex;flex-direction:column;gap:12px;padding:34px 30px 30px;border-radius:28px;background:var(--card);box-shadow:var(--shadow);color:var(--ink);min-height:300px;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.tile:hover{transform:translateY(-6px) scale(1.01)}
.tile h3{font-size:30px;letter-spacing:-.02em;line-height:1.1;margin-top:6px}
.tile p{color:var(--muted);flex:1}
.tile .more{color:var(--accent);font-weight:600}
.tile.t0 .ti{background:linear-gradient(135deg,#7b5cff,#c86bff);color:#fff}
.tile.t1 .ti{background:linear-gradient(135deg,#0071e3,#33c5ff);color:#fff}
.tile.t2 .ti{background:linear-gradient(135deg,#ff7a45,#ffb347);color:#fff}

/* band */
.band{background:var(--bg2);padding:90px 0}

/* prose */
.prose{padding-bottom:40px}
.prose h2{font-size:clamp(28px,3.5vw,40px);letter-spacing:-.025em;line-height:1.15;margin:56px 0 16px}
.prose h3{font-size:24px;letter-spacing:-.015em;margin:40px 0 12px}
.prose p{margin:0 0 18px;font-size:19px}
.prose ul,.prose ol{margin:0 0 22px;padding-left:1.2em}
.prose li{margin:8px 0;font-size:19px}
.prose li::marker{color:var(--muted)}
.prose em,.prose blockquote{font-family:Newsreader,Georgia,serif}
.prose em{font-size:1.08em}
.prose blockquote{border-left:3px solid var(--g1);padding:6px 0 6px 22px;margin:28px 0;font-size:24px;line-height:1.45;color:var(--ink)}
.prose strong{font-weight:650}

/* child list */
.list{display:grid;gap:14px;padding-bottom:100px}
.row{display:block;padding:24px 26px;border-radius:20px;background:var(--card);box-shadow:var(--shadow);color:var(--ink)}
.row h3{font-size:21px;letter-spacing:-.01em}
.row p{color:var(--muted);margin-top:4px}

/* footer */
.foot{border-top:1px solid var(--line);padding:28px 0 40px;color:var(--muted);font-size:13px}

/* reveal */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.tile{transition:none}}
@media (max-width:640px){
  .hero{padding:72px 0 48px}.nav nav{gap:16px}.brand{font-size:15px}
  .tile{min-height:0;padding:28px 24px}.band{padding:60px 0}
}