:root{
	--bg:#fcfcfb;
	--text:#111214;
	--muted:#6b6f72;
	--accent:#1f2937;
	--primary:#111827;
	--card:#ffffff;
	--radius:12px;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial}
body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}

/* Landing hero styles */
.hero{
	min-height:100vh;
	display:flex;
	align-items:center;
	justify-content:center;
	background-image:url('hero.jpg');
	background-size:cover;
	background-position:center center;
	position:relative;
}
.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,0.45), rgba(0,0,0,0.35));}
.hero-overlay{position:relative;z-index:2;max-width:1100px;padding:40px 20px;text-align:center;color:#fff}
.site-title{font-size:clamp(40px, 10vw, 110px);margin:0;font-weight:800;letter-spacing:1px}
.site-sub{margin:10px 0 24px;font-size:clamp(16px,4vw,28px);opacity:0.95}

.subscribe-form{display:flex;gap:10px;align-items:center;justify-content:center;margin:0 auto 12px;max-width:560px}
.subscribe-form input[type="email"]{flex:1;padding:14px 16px;border-radius:10px;border:0;font-size:16px}
.subscribe-form button{padding:14px 18px;border-radius:10px;border:0;background:#ff5a3c;color:#fff;font-weight:700;cursor:pointer}
.note{font-size:13px;opacity:0.9;margin:8px 0}
.message{margin-top:8px;color:#fff;font-size:15px}

/* Small footer */
.small-footer{padding:18px 0;text-align:center;background:transparent;color:rgba(255,255,255,0.9)}

/* Accessibility helper */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:520px){
	.subscribe-form{flex-direction:column;padding:0 18px}
	.subscribe-form button{width:100%}
}

/* Social links below the subscribe form */
.social-links{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;color:rgba(255,255,255,0.95);font-size:14px}
.social-links a{color:inherit;text-decoration:none;font-weight:600}
.social-links .sep{margin:0 8px;color:rgba(255,255,255,0.7)}
@media(max-width:420px){.social-links{flex-wrap:wrap;gap:6px;font-size:13px}.social-links .sep{display:none}}