@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Sora:wght@400;500;600;700&display=swap");
:root{--bg:#080a11;--slate:#191c23;--text:#e6f4f8;--muted:rgba(230,244,248,.72);--cyan:#33eaff;--teal:#046c7c;--teal-dark:#14404a;--purple:#8b5cf6;--purple-hover:#a27cf7;--light:#e6f4f8;--ink:#080a11;--container:1224px;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"IBM Plex Sans",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.container{width:min(calc(100% - 32px),var(--container));margin:auto}.centered{text-align:center}
.site-header{position:sticky;top:0;z-index:100;height:78px;background:rgba(8,10,17,.96);border-bottom:1px solid rgba(51,234,255,.08);backdrop-filter:blur(14px)}.nav-shell{width:min(calc(100% - 32px),1240px);height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px}.brand-mark{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--cyan);border:1px solid rgba(51,234,255,.5);background:linear-gradient(135deg,#0d1d25,#102d35);font:12px "Sora";letter-spacing:.05em}.brand-text{font:9px/1.05 "Sora";letter-spacing:.15em;color:rgba(230,244,248,.9)}.brand-text strong{color:var(--cyan)}.site-nav{display:flex;gap:36px;font-size:13px}.site-nav a{color:#fff;opacity:.86}.site-nav a:hover{color:var(--cyan);opacity:1}.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer}.menu-toggle span{display:block;width:23px;height:2px;background:var(--cyan);margin:5px auto}
.hero{min-height:560px;position:relative;display:grid;place-items:center;overflow:hidden;background:#061016 url("../images/kingdom-vr-portal.png") center/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,17,.34),rgba(8,10,17,.62)),radial-gradient(circle at center,rgba(51,234,255,.07),rgba(8,10,17,.38) 58%)}.hero-content{position:relative;z-index:1;text-align:center;padding:92px 0 72px}.hero h1{margin:7px auto 14px;max-width:900px;font:600 clamp(42px,6vw,78px)/1.04 "Sora";letter-spacing:-.04em}.hero h1 span{color:var(--cyan)}.hero-copy{max-width:720px;margin:0 auto 28px;color:rgba(230,244,248,.82);font-size:16px}.kicker,.micro-label{margin:0 0 12px;color:var(--purple);text-transform:uppercase;letter-spacing:.16em;font-size:11px}.micro-label{color:rgba(230,244,248,.75)}
.section{padding:92px 0}.dark{background:var(--bg)}.slate{background:var(--slate)}.sanctuary{min-height:470px;background:var(--light);color:var(--ink);display:grid;place-items:center}.sanctuary .kicker{color:var(--purple)}.sanctuary p:not(.kicker){color:rgba(8,10,17,.72)}.section-heading{max-width:900px;margin:0 0 42px}.section-heading.centered{margin-inline:auto}.section-heading h2{margin:0 0 10px;font:500 clamp(30px,4vw,48px)/1.12 "Sora";letter-spacing:-.03em}.section-heading p:last-child{margin:0;color:var(--muted);font-size:15px}
.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portal-card,.feature-card,.mini-card{border:1px solid rgba(4,108,124,.9);border-radius:var(--radius);background:rgba(25,28,35,.8);box-shadow:0 20px 60px rgba(0,0,0,.22)}.portal-card{min-height:240px;padding:25px;transition:.25s}.portal-card:hover{transform:translateY(-5px);border-color:rgba(51,234,255,.65);box-shadow:0 28px 70px rgba(0,0,0,.34),0 0 24px rgba(51,234,255,.08)}.card-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;color:var(--cyan);background:var(--teal-dark);font-size:21px;margin-bottom:18px}.card-icon.large{width:56px;height:56px}.card-eyebrow{display:block;color:var(--cyan);text-transform:uppercase;letter-spacing:.12em;font-size:9px;margin-bottom:5px}.portal-card h3,.feature-card h3,.mini-card h3{margin:0 0 8px;font:500 24px/1.15 "Sora"}.portal-card p,.feature-card p,.mini-card p{color:var(--muted);font-size:14px;margin:0 0 18px}.card-arrow{color:var(--purple-hover);font-size:13px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 23px;border-radius:8px;font-weight:500;font-size:14px;border:1px solid transparent;transition:.2s}.button.primary{background:var(--purple);color:#fff}.button.primary:hover{background:var(--purple-hover);color:#000;transform:translateY(-2px)}.button.light{background:#fff;color:#071015}.button.light:hover{transform:translateY(-2px)}
.worship-card{width:min(680px,100%);margin:auto;text-align:center;border:1px solid rgba(4,108,124,.9);border-radius:16px;padding:44px 30px;background:rgba(8,10,17,.72)}.signal-icon{width:58px;height:58px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;background:#06313b;color:var(--cyan);font-size:28px}.worship-card h3{margin:0 0 10px;font:500 28px "Sora"}.worship-card p{color:var(--muted);max-width:540px;margin:0 auto 20px}.live-url{font-size:12px;color:var(--muted);margin-bottom:24px}.worship-card small{display:block;color:rgba(230,244,248,.55);margin-top:16px}
.knowledge-layout{display:grid;grid-template-columns:1.3fr .8fr;gap:20px}.feature-card{padding:32px;background:#087b8b;border-color:#0b9aae}.feature-card .kicker{color:#d7faff}.feature-card p{color:rgba(255,255,255,.82)}.feature-card h3{font-size:30px;max-width:600px}.mini-card{padding:32px;align-self:center}.mini-card a{color:var(--cyan);font-size:13px}
.category-strip{padding-top:72px;padding-bottom:80px;background:#0a0e15}.category-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.category-link{min-height:88px;padding:14px;border:1px solid rgba(4,108,124,.55);border-radius:12px;background:rgba(25,28,35,.7);display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;text-align:center;color:var(--muted);font-size:12px;transition:.2s}.category-link span{color:var(--cyan);font-size:20px}.category-link:hover{border-color:var(--cyan);color:#fff;transform:translateY(-3px)}
.site-footer{background:var(--bg);padding:60px 0 20px;border-top:1px solid rgba(51,234,255,.08)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:40px}.footer-grid p{color:var(--muted);font-size:13px}.footer-grid a{display:block;color:rgba(230,244,248,.7);margin:8px 0;font-size:13px}.footer-grid a:hover{color:var(--cyan)}.footer-title{color:#fff!important;font-weight:600;margin-bottom:14px!important}.footer-bottom{padding-top:18px;border-top:1px solid rgba(230,244,248,.08);display:flex;justify-content:space-between;gap:15px;color:rgba(230,244,248,.55);font-size:12px}
@media(max-width:900px){.portal-grid{grid-template-columns:repeat(2,1fr)}.knowledge-layout{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.site-header{height:70px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:70px;left:0;right:0;background:rgba(8,10,17,.98);padding:18px 16px;flex-direction:column;gap:0}.site-nav.open{display:flex}.site-nav a{padding:14px 4px}.hero{min-height:570px}.hero-content{padding:76px 0 58px}.hero h1{font-size:43px}.hero-copy{font-size:14px}.section{padding:70px 0}.portal-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr;gap:22px}.footer-bottom{flex-direction:column;text-align:center}}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}