@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Inter:wght@400;500;600;700;800&family=Lora:ital,wght@0,400;0,600;1,500&display=swap');

:root{--forest:#142414;--forest2:#0f1b0f;--olive:#34491f;--green:#496f33;--gold:#c79a3f;--gold2:#e7c577;--ink:#241c12;--muted:#6b604d;--parch:#f3e5c8;--cream:#fbf5e6;--line:#d9c49b;--shadow:0 14px 34px rgba(54,38,14,.14);--shadow2:0 24px 60px rgba(54,38,14,.20);--r:14px}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream);font-family:Inter,system-ui,sans-serif;line-height:1.55}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:radial-gradient(circle at 20% 10%,rgba(90,62,22,.15),transparent 26%),radial-gradient(circle at 80% 30%,rgba(90,62,22,.12),transparent 22%),linear-gradient(45deg,rgba(88,62,22,.06) 25%,transparent 25%);background-size:900px 500px,800px 500px,14px 14px;z-index:-1}
h1,h2,h3,.brand{font-family:Cinzel,Georgia,serif}h1{font-size:clamp(2.6rem,7vw,5.5rem);line-height:.98;margin:0 0 1rem}h2{font-size:clamp(1.9rem,4vw,3rem);line-height:1.05;margin:0 0 .75rem}h3{font-size:1.22rem;margin:.25rem 0 .65rem}a{color:inherit;text-decoration:none}.container,.page-shell{width:min(1180px,92vw);margin-inline:auto}.page-shell{margin-top:36px;margin-bottom:70px}.center{text-align:center}.muted{color:var(--muted)}
.tmb-icon{display:inline-grid;place-items:center;width:1.25em;height:1.25em;vertical-align:-.2em}.tmb-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-header{min-height:76px;padding:0 28px;background:linear-gradient(180deg,var(--forest),var(--forest2));color:#fff7df;display:flex;align-items:center;gap:30px;position:sticky;top:0;z-index:20;box-shadow:0 6px 20px rgba(0,0,0,.18)}
.brand{display:flex;align-items:center;gap:10px;font-size:1.72rem;font-weight:700;letter-spacing:-.04em}.brand span span{color:var(--gold)}.brand-icon{width:34px;height:34px;color:var(--gold)}.top-nav{display:flex;gap:28px;margin-left:auto;font-size:.82rem;font-weight:800;text-transform:uppercase;align-items:center}.top-nav a{opacity:.9;transition:.2s}.top-nav a:hover,.top-nav .is-active{color:var(--gold2);opacity:1}.header-actions{display:flex;gap:12px}.mobile-menu-btn{display:none;background:none;border:0;color:#fff;cursor:pointer;margin-left:auto}.mobile-menu-btn span{display:block;width:24px;height:2px;background:#fff;margin:5px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;padding:0 22px;border-radius:8px;font-weight:800;text-transform:uppercase;font-size:.82rem;border:1px solid transparent;cursor:pointer;transition:transform .18s,box-shadow .18s}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(54,38,14,.09)}.btn-primary{background:var(--olive);color:#fff}.btn-gold{background:linear-gradient(#e9c978,#c69532);color:#1d160d}.btn-ghost{border-color:var(--gold);color:#fff7df}.btn-soft{border-color:#9f7d3a;background:#fff6df;color:#2d2315}.btn-lg{min-height:54px;padding-inline:28px}
.card,.info-card,.stat-card,.plan-card,.quote-card,.timeline-card{background:rgba(255,248,232,.92);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.card{padding:22px}
.hero{min-height:560px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(251,245,230,.98),rgba(251,245,230,.72)),var(--parch)}.hero-inner{width:min(1240px,94vw);margin:auto;display:grid;grid-template-columns:.9fr 1.25fr;gap:30px;align-items:center;min-height:560px;padding:48px 0}.hero-kicker{font-family:Lora,serif;color:var(--olive);font-size:clamp(2rem,4vw,3.7rem);font-style:italic;display:block}.hero p{max-width:470px;font-family:Lora,serif;font-size:1.08rem}.hero-actions{display:flex;gap:16px;margin-top:28px;flex-wrap:wrap}
.hero-map{min-height:410px;border-radius:22px;position:relative;border:1px solid rgba(151,113,49,.28);background:radial-gradient(circle at 42% 35%,rgba(79,118,61,.10),transparent 20%),radial-gradient(circle at 70% 30%,rgba(38,70,94,.10),transparent 24%),linear-gradient(135deg,rgba(255,248,231,.88),rgba(232,211,166,.5));overflow:hidden}.hero-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(32deg,transparent 48%,rgba(74,52,23,.12) 49%,transparent 50%),radial-gradient(ellipse at 40% 55%,transparent 35%,rgba(80,55,20,.08) 36%,transparent 38%);background-size:110px 90px,420px 260px}.path{position:absolute;inset:28px}.path svg{width:100%;height:100%;overflow:visible}.route-line{fill:none;stroke:#4c3214;stroke-width:4;stroke-dasharray:10 10;stroke-linecap:round;animation:route 16s linear infinite}@keyframes route{to{stroke-dashoffset:-160}}
.map-node{position:absolute;width:74px;height:74px;border:2px solid #9b742d;background:#f7edcf;border-radius:50%;display:grid;place-items:center;box-shadow:0 7px 12px rgba(74,46,16,.22);color:var(--olive);transition:.18s}.map-node:hover{transform:translateY(-3px);outline:5px solid rgba(199,154,63,.18)}.map-node .tmb-icon{width:34px;height:34px}.map-node label{position:absolute;top:61px;background:#fff4d9;border:1px solid #b88d3b;border-radius:6px;padding:2px 8px;font:700 .78rem Inter,sans-serif;color:var(--ink);white-space:nowrap}
.features{background:rgba(255,250,238,.78);border-bottom:1px solid var(--line)}.feature-grid{width:min(1180px,92vw);margin:auto;display:grid;grid-template-columns:repeat(6,1fr)}.feature{padding:34px 20px;text-align:center;border-left:1px solid var(--line)}.feature:last-child{border-right:1px solid var(--line)}.feature-icon{font-size:2.25rem;color:var(--olive);margin-bottom:.5rem}.feature p{font-size:.9rem;margin:0}
.journey-section{padding:58px 0;border-bottom:1px solid var(--line)}.journey-layout{width:min(1180px,92vw);margin:28px auto 0;display:grid;grid-template-columns:280px 1fr;gap:18px}.info-card{padding:28px}.ribbon{display:inline-block;background:linear-gradient(#63854b,#334f25);color:#fff;padding:6px 18px;font-size:.75rem;font-weight:900;text-transform:uppercase;transform:translateY(-42px);margin-bottom:-28px}.progress-line{height:9px;background:#e2d1aa;border:1px solid #c7ad75;border-radius:20px;overflow:hidden;margin:14px 0}.progress-line span{display:block;height:100%;background:var(--green);transform-origin:left;animation:grow .8s ease both}@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}.meta-list{display:grid;gap:12px;margin:18px 0}.meta-list div{display:flex;gap:10px;align-items:flex-start}
.timeline-card{padding:36px 24px}.timeline{display:grid;grid-template-columns:repeat(7,1fr);align-items:start;gap:0;position:relative}.timeline:before{content:"";position:absolute;left:7%;right:7%;top:35px;height:3px;background:#b28d49}.tl-item{text-align:center;position:relative;z-index:1}.tl-icon{width:72px;height:72px;border-radius:50%;border:2px solid #9b742d;background:#f8edcc;margin:0 auto 10px;display:grid;place-items:center;color:var(--olive);transition:.18s}.tl-icon .tmb-icon{width:34px;height:34px}.tl-item:hover .tl-icon{transform:translateY(-3px)}.tl-item.active .tl-icon{outline:5px solid rgba(198,154,63,.32);background:#fff3c8}.tl-item.active:before{content:"YOU ARE HERE";position:absolute;left:50%;top:-34px;transform:translateX(-50%);background:linear-gradient(#63854b,#334f25);color:#fff;padding:5px 12px;border-radius:2px;font-size:.68rem;font-weight:900;white-space:nowrap}.tl-item small{display:block;color:var(--muted);font-size:.75rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.stat-card{text-align:center;padding:24px}.stat-card strong{display:block;font-family:Lora,serif;font-size:2rem}
.plans-section{padding:50px 0}.plan-layout{width:min(1180px,92vw);margin:auto;display:grid;grid-template-columns:1fr 300px;gap:28px;align-items:start}.plan-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.plan-card{overflow:hidden;transition:.18s}.plan-card:hover{transform:translateY(-3px);box-shadow:var(--shadow2)}.plan-img{height:92px;background:linear-gradient(135deg,#d6bd7f,#f8eccc);display:grid;place-items:center;color:var(--olive)}.plan-img .tmb-icon{width:36px;height:36px}.plan-card div:last-child{padding:12px}.plan-card b{font-size:.82rem}.quote-card{padding:28px;font-family:Lora,serif}
.cta-band{background:linear-gradient(90deg,#ead4a4,#f7e6bf);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px 0}.cta-inner{width:min(1180px,92vw);margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.site-footer{background:var(--forest);color:#f8efd8;display:flex;align-items:center;gap:28px;padding:22px 28px;font-size:.82rem}.site-footer nav{display:flex;gap:20px;margin-left:auto;text-transform:uppercase;font-weight:700}.footer-brand{font-size:1.4rem}
.app-grid{display:grid;grid-template-columns:260px 1fr;gap:20px}.side-panel{background:var(--forest);color:#fff7df;border-radius:18px;padding:18px;box-shadow:var(--shadow);align-self:start;position:sticky;top:96px}.side-panel a{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;margin:4px 0;transition:.18s}.side-panel a.is-active,.side-panel a:hover{background:rgba(199,154,63,.2);color:#f1d183}
.reader-row{display:grid;grid-template-columns:50px 1fr 170px;gap:14px;border-bottom:1px solid var(--line);padding:14px 0;align-items:start}.reader-row:last-child{border-bottom:0}.verse-tools{display:flex;gap:10px;justify-content:flex-end}.tool-box{width:30px;height:30px;border:1px solid #9b742d;border-radius:6px;display:grid;place-items:center;cursor:pointer;color:var(--olive);background:#fff6df;transition:.16s}.tool-box:hover{transform:translateY(-1px)}.tool-box.is-on{background:var(--green);color:#fff}.tool-box .tmb-icon{width:17px;height:17px}.note-drawer{display:none;grid-column:2/-1;background:#fff6df;border:1px solid var(--line);border-radius:8px;padding:12px;margin-top:4px}.note-drawer.is-open{display:block}.note-drawer input,.note-drawer textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;background:#fffdf4;margin-bottom:8px}
.explorer-grid{display:grid;grid-template-columns:320px 1fr;gap:20px}.connect-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.pill{border:1px solid var(--line);background:#fff6df;border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:700}
@media(max-width:980px){.site-header{min-height:70px;flex-wrap:wrap;padding:16px}.mobile-menu-btn{display:block}.top-nav{display:none;order:3;width:100%;flex-direction:column;align-items:flex-start;gap:0;background:rgba(255,255,255,.05);border-radius:12px;padding:10px}.top-nav.is-open{display:flex}.top-nav a{padding:10px;width:100%}.header-actions{margin-left:0}.hero-inner,.journey-layout,.plan-layout,.app-grid,.explorer-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.plan-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.timeline{display:flex;overflow-x:auto;gap:16px;padding:12px 0 4px}.timeline:before{display:none}.tl-item{min-width:130px}.side-panel{position:static}.cta-inner{flex-direction:column;text-align:center}.site-footer{flex-direction:column}.site-footer nav{margin-left:0;flex-wrap:wrap;justify-content:center}}
@media(max-width:560px){h1{font-size:2.5rem}.feature-grid,.plan-grid,.stats-grid{grid-template-columns:1fr}.reader-row{grid-template-columns:36px 1fr}.verse-tools{grid-column:2}.note-drawer{grid-column:1/-1}.header-actions{width:100%}.header-actions .btn{flex:1}}