:root{
  --espresso:#2C1D18;
  --mocha:#6F4E37;
  --crema:#F2E2C4;
  --emerald:#46624C;
  --paper:#FBF6EC;
  --ink:#2C1D18;
  --muted:#7a6553;
  --radius:16px;
  --shadow:0 12px 40px rgba(44,29,24,.12);
  --font:'Georgia','Times New Roman',serif;
  --sans:'Helvetica Neue',Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.65}
.container{width:min(1120px,92%);margin:0 auto}
h1,h2,h3,h4{font-family:var(--font);color:var(--espresso);line-height:1.2}
h1{font-size:clamp(2rem,5vw,3.4rem)}
h2{font-size:clamp(1.6rem,3.5vw,2.4rem)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.eyebrow{display:inline-block;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--emerald);font-weight:700;margin-bottom:.6rem}

.btn{display:inline-block;background:var(--emerald);color:var(--crema);padding:.85rem 1.6rem;border-radius:40px;font-weight:600;border:none;cursor:pointer;transition:.25s;font-size:.95rem}
.btn:hover{background:var(--espresso)}
.btn-ghost{background:transparent;color:var(--espresso);border:1.5px solid var(--mocha)}
.btn-ghost:hover{background:var(--mocha);color:var(--crema)}
.btn-small{padding:.55rem 1.1rem;font-size:.85rem}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(251,246,236,.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(111,78,55,.15)}
.header-inner{display:flex;align-items:center;gap:1.4rem;padding:.9rem 0}
.logo{display:flex;align-items:center;gap:.55rem;font-family:var(--font);font-size:1.3rem;color:var(--espresso)}
.logo strong{color:var(--mocha)}
.main-nav{display:flex;gap:1.5rem;margin-left:auto;font-size:.95rem}
.main-nav a{color:var(--espresso);position:relative}
.main-nav a:hover{color:var(--emerald)}
.nav-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--espresso)}

/* hero */
.hero{padding:4rem 0;background:linear-gradient(135deg,var(--crema),var(--paper))}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}
.hero-text p{color:var(--muted);font-size:1.05rem;margin:1rem 0 1.6rem;max-width:46ch}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}
.hero-stats{display:flex;gap:2rem;flex-wrap:wrap}
.hero-stats strong{display:block;font-family:var(--font);font-size:1.6rem;color:var(--espresso)}
.hero-stats span{font-size:.82rem;color:var(--muted)}
.hero-media img{border-radius:var(--radius);box-shadow:var(--shadow);width:100%;height:100%;object-fit:cover}

/* sections */
section{padding:4.5rem 0}
.section-head{max-width:640px;margin:0 auto 2.5rem;text-align:center}
.section-head p{color:var(--muted);margin-top:.8rem}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.25s}
.card:hover{transform:translateY(-6px)}
.card img{height:180px;object-fit:cover;width:100%}
.card h3{margin:1.2rem 1.3rem .5rem}
.card p{margin:0 1.3rem 1.4rem;color:var(--muted);font-size:.95rem}

/* how */
.how{background:var(--espresso);color:var(--crema)}
.how h2,.how .eyebrow{color:var(--crema)}
.how .eyebrow{color:#cbb28f}
.how-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;align-items:center}
.how-media img{border-radius:var(--radius);box-shadow:var(--shadow)}
.steps{list-style:none;margin:1.4rem 0 2rem;counter-reset:s}
.steps li{position:relative;padding:0 0 1.1rem 3rem;counter-increment:s;color:#e5d4b8}
.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:2rem;height:2rem;background:var(--emerald);color:var(--crema);border-radius:50%;display:grid;place-items:center;font-family:var(--font);font-weight:700}
.steps strong{color:#fff}

/* pricing */
.pricing{background:var(--crema)}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;align-items:stretch}
.price{background:#fff;border-radius:var(--radius);padding:2rem 1.6rem;box-shadow:var(--shadow);display:flex;flex-direction:column;position:relative}
.price.featured{border:2px solid var(--emerald);transform:scale(1.03)}
.badge{position:absolute;top:-.8rem;left:50%;transform:translateX(-50%);background:var(--emerald);color:var(--crema);font-size:.72rem;padding:.3rem .9rem;border-radius:20px;letter-spacing:.08em;text-transform:uppercase}
.amount{font-family:var(--font);font-size:2.2rem;color:var(--espresso);margin:.4rem 0 1rem}
.amount span{font-size:.9rem;color:var(--muted);font-family:var(--sans)}
.price ul{list-style:none;margin-bottom:1.6rem;flex:1}
.price li{padding:.45rem 0 .45rem 1.5rem;position:relative;color:var(--muted);font-size:.95rem}
.price li::before{content:"☕";position:absolute;left:0}
.price-note{text-align:center;margin-top:2rem;color:var(--muted);font-size:.92rem}
.price-note a{color:var(--emerald);text-decoration:underline}

/* reviews */
.quote{background:#fff;border-radius:var(--radius);padding:1.8rem;box-shadow:var(--shadow)}
.quote p{font-family:var(--font);font-size:1.05rem;color:var(--espresso);margin-bottom:1rem}
.quote span{color:var(--muted);font-size:.88rem}

/* contact */
.contact{background:var(--paper)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
.contact-info p{color:var(--muted);margin:1rem 0 1.5rem}
.contact-list{list-style:none;display:grid;gap:.7rem}
.contact-list a{color:var(--emerald)}
.contact-form{background:#fff;padding:2rem;border-radius:var(--radius);box-shadow:var(--shadow)}
.field{margin-bottom:1.1rem}
.field label{display:block;font-size:.88rem;margin-bottom:.4rem;font-weight:600;color:var(--espresso)}
.field input,.field textarea{width:100%;padding:.75rem .9rem;border:1.5px solid rgba(111,78,55,.25);border-radius:10px;font-family:inherit;font-size:.95rem;background:var(--paper)}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--emerald)}
.checkbox{display:flex;gap:.6rem;align-items:flex-start;font-size:.85rem;color:var(--muted);margin-bottom:1.2rem}
.checkbox a{color:var(--emerald);text-decoration:underline}
.form-status{margin-top:.8rem;font-size:.9rem;font-weight:600}
.form-status.ok{color:var(--emerald)}
.form-status.err{color:#a5432f}

/* footer */
.site-footer{background:var(--espresso);color:#cbb28f;padding:3rem 0 1.5rem}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem}
.logo-light{color:var(--crema)}
.logo-light strong{color:#cbb28f}
.footer-about{margin-top:1rem;font-size:.9rem;max-width:32ch}
.footer-grid h4{color:var(--crema);margin-bottom:.9rem;font-size:1rem}
.footer-grid a{display:block;padding:.25rem 0;font-size:.9rem;color:#cbb28f}
.footer-grid a:hover{color:var(--crema)}
.footer-bottom{border-top:1px solid rgba(203,178,143,.2);margin-top:2rem;padding-top:1.2rem;font-size:.82rem}

/* cookie */
.cookie-banner{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);width:min(680px,94%);background:var(--espresso);color:var(--crema);padding:1.1rem 1.4rem;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap;z-index:100}
.cookie-banner p{font-size:.88rem;flex:1;min-width:220px}
.cookie-banner a{color:var(--crema);text-decoration:underline}
.cookie-actions{display:flex;gap:.6rem}

/* legal pages */
.legal{padding:3.5rem 0;max-width:820px}
.legal h1{margin-bottom:1.2rem}
.legal h2{font-size:1.35rem;margin:1.8rem 0 .6rem}
.legal p,.legal li{color:var(--muted);margin-bottom:.7rem}
.legal ul{padding-left:1.3rem}
.back-link{display:inline-block;margin-top:2rem;color:var(--emerald);text-decoration:underline}

/* responsive */
@media(max-width:860px){
  .main-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--paper);padding:1rem 6%;border-bottom:1px solid rgba(111,78,55,.15)}
  .main-nav.open{display:flex}
  .nav-toggle{display:block;margin-left:auto}
  .header-inner .btn-small{display:none}
  .hero-grid,.how-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}
  .cards,.price-grid{grid-template-columns:1fr}
  .price.featured{transform:none}
  .how-media{order:2}
}