:root{
  --bg:#FAF9F7;--surface:#FFFFFF;--text:#1f2429;--muted:#6b7a86;
  --jade:#46B7A1;--honey:#FFD166;--sand:#F3EBDC;--ink:#0e574d;
  --radius:22px;--shadow:0 20px 48px rgba(16,30,48,.10)
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif}
h1,h2,h3{font-family:Poppins,Inter,system-ui,Arial,sans-serif;letter-spacing:.2px}
a{color:inherit;text-decoration:none}
.wrap{width:min(1200px,92%);margin:0 auto}
.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #ece7dd}
.btn{display:inline-flex;align-items:center;gap:.6rem;padding:1rem 1.3rem;border-radius:999px;font-weight:800;border:2px solid transparent;transition:.2s ease;cursor:pointer}
.btn--primary{background:var(--jade);color:#fff}.btn--primary:hover{transform:translateY(-1px)}.btn--ghost{background:#fff;border-color:#e7e2da}
.badge{display:inline-flex;align-items:center;gap:.35rem;font-weight:800;background:#fff;border:1px solid #e7e2da;border-radius:999px;padding:.35rem .6rem}
.kicker{font-weight:900;letter-spacing:.6px;color:#2c5f57;text-transform:uppercase;font-size:.9rem}.muted{color:var(--muted)}.center{text-align:center}.small{font-size:.9rem}
.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.section{padding:34px 0}
.topbar{position:sticky;top:0;z-index:60;background:#0f1f24;color:#dcf5ef;text-align:center;padding:.55rem 1rem;font-weight:800;letter-spacing:.2px}
.topbar .wrap{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.urgent{background:linear-gradient(90deg,#e25822,#f2a900);color:#fff;text-align:center;padding:.5rem 1rem;font-weight:900;letter-spacing:.3px}
.hero{padding:46px 0;background:
  radial-gradient(600px 260px at 80% 20%, rgba(70,183,161,.12), transparent 60%),
  radial-gradient(700px 260px at 90% 70%, rgba(255,209,102,.20), transparent 60%),
  linear-gradient(180deg,#fff 0%,#FBF7EE 100%);border-bottom:1px solid #efe9de}
.hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
.hero .glass{padding:20px;background:#fffffff2;border:1px solid #ece7dd;backdrop-filter:blur(4px)}
.hero h1{font-size:clamp(2.2rem,4.6vw,3.8rem);line-height:1.04;margin:.2rem 0 .6rem}
.hero .sub{font-size:1.1rem;color:var(--muted)}.hero__price{display:flex;align-items:baseline;gap:12px;margin:.9rem 0}
.hero__price .big{font-size:2.4rem;font-weight:900;color:var(--ink)}.hero__price .mini{color:#78858f}.hero__cta{display:flex;gap:.8rem;flex-wrap:wrap;margin:1rem 0 0}
.hero__img .frame{border-radius:24px;border:1px solid #eee;box-shadow:0 22px 48px rgba(0,0,0,.08);overflow:hidden;background:#fff}
.hero__img .frame{height:420px;display:flex;align-items:center;justify-content:center}
.hero__img .pack{width:min(90%,760px);max-width:100%}
.trustbar{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;padding:12px;color:#4a5b64}
.countdown{display:flex;justify-content:center;gap:.5rem;margin:10px auto 0;background:#fff;border:1px solid #eee;border-radius:14px;padding:.55rem .85rem;max-width:360px}
.panel label{display:block;font-weight:800;color:#2f3d44;margin:.3rem 0}.panel input,.panel select{width:100%;padding:1rem 1.1rem;border-radius:14px;border:1px solid #e7e2da;background:#fff;font-family:inherit}
.total{margin:.8rem 0 .6rem;font-weight:900;font-size:1.3rem}.save{margin:0 0 .8rem;color:#0b6d5e;font-weight:800}.help{font-size:.95rem}
.tile{padding:18px;border-radius:18px;border:1px solid #eee;background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.06)}.tile h3{margin:.2rem 0 .4rem}
.gallery .aroma{display:flex;flex-direction:column;gap:10px}.aroma img{width:100%;height:auto;border-radius:14px}.aroma .name{font-weight:900}.aroma .desc{color:var(--muted)}
.steps .step{overflow:hidden}.steps img{width:100%;height:auto;border-bottom:1px solid #eee}.steps figcaption{padding:12px}
.table{width:100%;border-collapse:separate;border-spacing:0 10px}.table tr{background:#fff;border:1px solid #eee;border-radius:12px}.table td,.table th{padding:14px 16px}.table th{text-align:left;color:#4a5b64}
.cta-strip{background:#fff7e6;border:1px solid #ffe3a8;border-radius:16px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.sticky-cta{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:70;background:#0f1f24;border:2px solid #e7e2da;color:#fff;border-radius:999px;padding:.65rem 1rem;display:none;align-items:center;gap:.6rem;font-weight:900}
.sticky-cta .price{background:#fff;color:#0f1f24;border-radius:999px;padding:.25rem .55rem;border:1px solid #e7e2da}
.nav{position:sticky;top:36px;z-index:59;background:#ffffffc9;backdrop-filter: blur(6px);border-bottom:1px solid #eee}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0}
.nav a.logo{font-weight:900;letter-spacing:.6px}
.nav .menu{display:flex;gap:16px}
.fade-in{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.fade-in.visible{opacity:1;transform:translateY(0)}
@media (max-width:980px){
  .hero__grid,.grid,.grid2,.grid3{grid-template-columns:1fr}
  .sticky-cta{display:flex}
  .nav .menu{display:none}
}
.foot{background:#24282b;color:#d9e1e6;padding:30px 0;margin-top:12px}.foot__grid{display:grid;grid-template-columns:1fr auto;align-items:center}.logo{font-weight:900;letter-spacing:.6px}