/* ===== RESET EVERYTHING ===== */
html, body {
margin: 0 !important;
padding: 0 !important;
}
/* REMOVE THEME ELEMENTS (header, footer, titles) */
header,
.site-header,
#masthead,
.site-footer,
#colophon,
.page-title,
.entry-header,
.wp-block-post-title {
display: none !important;
}
/* FORCE FULL WIDTH */
body,
.site,
.site-content,
.content-area,
.site-main,
.page,
.entry-content,
.container,
.wrap,
.wp-site-blocks {
max-width: 100% !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
/* ===== COLORS ===== */
:root {
–green: #0b4a2f;
–green-dark: #083721;
–gold: #c9a24a;
–cream: #f5f2e9;
–white: #ffffff;
–text: #1d1d1d;
–muted: #5f665f;
–border: #e7dfcf;
}
/* ===== BODY ===== */
body {
font-family: Arial, Helvetica, sans-serif;
background: var(–cream);
color: var(–text);
line-height: 1.5;
}
/* ===== WRAPPER ===== */
.wrapper {
width: 100%;
overflow-x: hidden;
}
/* ===== HERO SECTION ===== */
.hero {
width: 100vw;
min-height: 90vh;
background: linear-gradient(180deg, var(–green-dark), var(–green));
color: var(–white);
text-align: center;
padding: 60px 20px;
display: flex;
flex-direction: column;
justify-content: center;
}
/* BRAND TITLE */
.brand {
font-size: 2.6rem;
letter-spacing: 14px;
font-weight: 700;
margin-bottom: 20px;
}
/* HERO TEXT */
.hero h1 {
font-size: clamp(2rem, 3vw, 3rem);
max-width: 820px;
margin: 0 auto 16px;
line-height: 1.15;
}
.hero p {
max-width: 700px;
margin: 0 auto 22px;
color: rgba(255,255,255,0.9);
font-size: 1.1rem;
}
/* ===== WAITLIST ===== */
.waitlist-form {
display: flex;
justify-content: center;
gap: 14px;
flex-wrap: wrap;
margin-top: 10px;
}
.waitlist-form input {
padding: 14px 18px;
border-radius: 999px;
border: none;
min-width: 260px;
font-size: 1rem;
outline: none;
}
.waitlist-form button {
padding: 14px 22px;
border-radius: 999px;
border: none;
background: var(–gold);
color: var(–green-dark);
font-weight: 700;
cursor: pointer;
transition: 0.2s ease;
}
.waitlist-form button:hover {
transform: translateY(-2px);
}
/* WAITLIST TEXT */
.waitlist-note {
margin-top: 12px;
color: rgba(255,255,255,0.75);
font-size: 0.95rem;
}
/* ===== SECTION ===== */
.section {
width: 100%;
max-width: 1100px;
margin: 0 auto;
padding: 70px 20px;
text-align: center;
}
/* SECTION TITLE */
.section h2 {
color: var(–green-dark);
margin-bottom: 30px;
font-size: clamp(1.8rem, 2.5vw, 2.4rem);
}
/* ===== CARDS ===== */
.cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 22px;
}
.card {
background: var(–white);
padding: 26px 22px;
border-radius: 18px;
border: 1px solid var(–border);
transition: 0.25s ease;
}
.card:hover {
transform: translateY(-4px);
}
/* STEP CIRCLE */
.step {
width: 46px;
height: 46px;
margin: 0 auto 14px;
border-radius: 50%;
background: var(–gold);
color: var(–green-dark);
display: grid;
place-items: center;
font-weight: 700;
}
/* CARD TEXT */
.card h3 {
color: var(–green-dark);
margin-bottom: 10px;
}
.card p {
color: var(–muted);
}
/* ===== TRUST BOX ===== */
.trust-box {
background: var(–white);
border: 1px solid var(–border);
border-radius: 24px;
padding: 36px 26px;
}
.trust-box h3 {
color: var(–green-dark);
margin-bottom: 12px;
}
.trust-box p {
color: var(–muted);
max-width: 760px;
margin: 0 auto 18px;
}
/* TAGLINE */
.tagline {
margin-top: 12px;
font-weight: 700;
color: var(–green-dark);
}
/* ===== FOOTER ===== */
.footer {
width: 100%;
background: #efe9dc;
text-align: center;
padding: 24px;
color: var(–muted);
font-size: 0.95rem;
}
/* ===== MOBILE ===== */
@media (max-width: 900px) {
.cards {
grid-template-columns: 1fr;
}
.brand {
font-size: 2.2rem;
letter-spacing: 10px;
}
.hero {
padding: 50px 18px;
}
.section {
padding: 50px 18px;
}
}