:root{--navy:#071b2d;--gold:#d59a20;--gold-dark:#b27c14;--cream:#f7f3ea;--border:#ddd7cb;--text:#182331}
html,body{margin:0;background:#eeeae2;color:var(--text);font-family:Arial,Helvetica,sans-serif}
.site-shell{max-width:1280px;margin:22px auto;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.08)}
.navbar-pc{background:var(--navy)}
.navbar-pc .navbar-brand img{display:block;width:340px;height:auto}
.navbar-pc .nav-link{color:#fff;font-size:.84rem;font-weight:700;padding:.85rem .7rem!important}
.navbar-pc .nav-link:hover,.navbar-pc .nav-link.active{color:var(--gold)}
.btn-pc-gold{background:var(--gold);border-color:var(--gold);color:#fff;font-weight:700}
.btn-pc-gold:hover{background:var(--gold-dark);border-color:var(--gold-dark);color:#fff}
.btn-pc-outline{background:transparent;border:1px solid rgba(255,255,255,.75);color:#fff;font-weight:700}
.btn-pc-outline:hover{background:rgba(255,255,255,.08);color:#fff}
.hero{
 min-height:365px;
 position:relative;
 overflow:hidden;
 background:
   linear-gradient(90deg, rgba(247,243,234,.88) 0%, rgba(247,243,234,.72) 30%, rgba(247,243,234,.16) 57%, rgba(247,243,234,0) 100%),
   url("../images/hero/hero-field-crown-plow.jpg") center center/cover no-repeat;
}
.hero-copy{position:relative;z-index:1;padding:45px 55px 35px}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:clamp(2.5rem,4.2vw,3.8rem);line-height:1.02;margin:0;color:var(--navy)}
.hero h1 .gold{color:var(--gold-dark)}
.hero-rule{width:105px;height:2px;background:var(--gold);margin:19px 0}
.hero-copy p{max-width:500px}
.panel{border:1px solid var(--border);height:100%;padding:22px 24px}
.signup-panel{background:var(--cream)}
.study-panel{background:var(--navy);color:#fff}
.panel-icon{width:56px;height:56px}
.feature-card{border:1px solid var(--border);background:#fff;height:100%;padding:22px}
.card-icon{width:36px;height:36px;margin-right:8px;vertical-align:middle}
.feature-image{width:100%;height:166px;object-fit:cover;display:block}
.study-image{width:100%;height:190px;object-fit:cover;object-position:center;display:block}
.devotional-list li{border-bottom:1px solid #e7e2d9;padding:8px 0;display:flex;justify-content:space-between}
.devotional-list li:last-child{border-bottom:0}
.value-band{background:var(--navy);color:#fff}
.value-icon{width:48px;height:48px}
footer{background:#04121f;color:#b9c1c9}
footer a{color:#fff;text-decoration:none}
footer a:hover{color:var(--gold)}
@media(max-width:991.98px){
 .site-shell{margin:0 auto}
 .navbar-pc .navbar-brand img{width:270px}
 .hero{
   min-height:560px;
   background-position:center center;
   background-size:cover;
 }
 .hero-copy{padding:35px 30px 230px}
}
 .navbar-pc .navbar-brand img{width:270px}
 .hero-copy{padding:35px 30px 210px}
}