.container{width:min(1180px,92%);margin-inline:auto}.topbar{background:linear-gradient(90deg,var(--brown),#4b332d);color:var(--cream);font-size:.95rem;padding:.5rem 0}.topbar a{color:var(--yellow);text-decoration:none}header{position:sticky;top:0;z-index:30;backdrop-filter:saturate(120%) blur(8px);background:rgba(255,248,225,.8);border-bottom:1px solid rgba(93,64,55,.12)}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0}.brand{display:flex;align-items:center;gap:.75rem;font-weight:700}.brand .logo{width:40px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:var(--brown);background:radial-gradient(100% 100% at 30% 30%,var(--yellow),#ffd761);box-shadow:var(--shadow-sm);font-weight:900}.brand span{color:var(--brown)}nav ul{list-style:none;display:flex;gap:1rem;margin:0;padding:0}nav a{color:#2b2b2b;text-decoration:none;font-weight:600;padding:.5rem .75rem;border-radius:10px}nav a:hover{background:rgba(56,142,60,.08);color:var(--green)}.cta-wrap{display:flex;gap:.6rem}.btn{appearance:none;border:0;cursor:pointer;font-weight:700;border-radius:999px;padding:.8rem 1.15rem;transition:transform .15s ease,box-shadow .15s ease,background .2s ease,color .2s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--green);color:var(--white);box-shadow:0 8px 20px rgba(56,142,60,.3)}.btn-primary:hover{background:#2f7a34}.btn-secondary{background:var(--yellow);color:#3a2a1f;box-shadow:0 8px 20px rgba(251,192,45,.35)}.btn-secondary:hover{background:#e9b21f}.btn-ghost{background:0 0;color:var(--brown);border:2px solid rgba(93,64,55,.3)}.btn-ghost:hover{background:rgba(93,64,55,.06)}.hero{position:relative;padding:clamp(2.5rem,6vw,5rem) 0;overflow:hidden}.hero .bg-shape{position:absolute;inset:auto -20% -35% -20%;height:70%;background:radial-gradient(1200px 500px at 50% 0%,rgba(251,192,45,.22),rgba(251,192,45,0));pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}.hero h1{font-size:clamp(2rem,4vw,3rem);color:var(--brown);margin:.2rem 0 .6rem}.hero p{color:#433f3d;font-size:1.05rem}.hero .badges{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}.badge{background:rgba(56,142,60,.1);color:var(--green);border:1px solid rgba(56,142,60,.2);padding:.35rem .7rem;border-radius:999px;font-weight:600;font-size:.9rem}.hero-card{background:var(--white);border:1px solid rgba(93,64,55,.12);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem;display:grid;gap:1rem}.hero-card h3{margin:.25rem 0;color:var(--brown)}.hero-card label{font-weight:600;color:#4a4a4a}.hero-card input,.hero-card select{width:100%;padding:.8rem .9rem;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#fff;outline:none;transition:border .15s ease,box-shadow .15s ease}.hero-card input:focus,.hero-card select:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(56,142,60,.12)}.section{padding:clamp(2rem,6vw,4rem) 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.section-head h2{margin:0;color:var(--brown)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.card{background:var(--white);border-radius:var(--radius);overflow:hidden;border:1px solid rgba(93,64,55,.12);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.card .thumb{aspect-ratio:16/10;background:linear-gradient(120deg,rgba(251,192,45,.35),rgba(56,142,60,.25))}.card .body{padding:1rem 1rem 1.1rem}.card h3{margin:.25rem 0 .5rem;color:var(--brown)}.meta{font-size:.9rem;color:var(--warm-gray)}.footer-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem}.signup{background:#fff;border:1px solid rgba(0,0,0,.08);padding:1rem;border-radius:14px;box-shadow:var(--shadow-sm)}.hide-sm{display:block}@media (max-width:980px){.hero-grid,.footer-grid{grid-template-columns:1fr}.hide-sm{display:none}nav ul{display:none}}