:root{
  --bg:#fff8f5; --fg:#0b1220; --muted:#64748b;
  --brand-1:#c67b7b; --brand-2:#f2c6b6;
  --card:#ffffff; --border:#f0e6e2;
  --radius:16px; --shadow:0 12px 28px rgba(150,110,110,.12);
  --font-sans:'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-display:'Poppins', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0; background:var(--bg); color:var(--fg); font:16px/1.6 var(--font-sans)}
img{max-width:100%; height:auto; display:block}
a{color:var(--brand-1); text-decoration:none}
a:hover{text-decoration:underline}
.container{width:92%; max-width:1180px; margin:0 auto}
h1,h2,h3{font-family:var(--font-display); letter-spacing:.2px}
h1{font-size:clamp(2rem,4vw,3.2rem); margin:0 0 .4rem}
h2{font-size:clamp(1.5rem,2.6vw,2rem); margin:0 0 .6rem}
.muted{color:var(--muted)} .small{font-size:.95rem} .hidden{display:none}
.section{padding:64px 0}
.card{background:var(--card); border:1px solid var(--border); border-radius:var(--radius); padding:22px; box-shadow:var(--shadow)}
.grid{display:grid; gap:24px}
.grid-2{grid-template-columns: repeat(2, 1fr)}
.btn{display:inline-block; padding:12px 18px; border-radius:12px; color:#fff; font-weight:700; background:linear-gradient(135deg,var(--brand-1),var(--brand-2)); box-shadow:var(--shadow)}
.btn.alt{background:#111827}
/* Nav */
nav{position:sticky; top:0; z-index:50; background:rgba(255,255,255,.85); backdrop-filter: blur(10px); border-bottom:1px solid var(--border)}
nav .bar{display:flex; align-items:center; justify-content:space-between; padding:12px 0}
.brand{display:flex; align-items:center; gap:10px; font-weight:800}
.brand img{width:44px; height:44px; object-fit:cover}
.nav-links{display:flex; gap:16px; list-style:none; margin:0; padding:0}
.nav-links a{color:#111827; font-weight:700}
.nav-links a:hover{color:var(--brand-1)}
.menu-btn{display:none}
@media (max-width: 860px){
  .menu-btn{display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:10px; border:1px solid var(--border); background:#fff}
  .menu-btn svg{width:22px; height:22px}
  .nav-links{display:none}
  .nav-links.open{display:flex; flex-direction:column; gap:8px; padding:12px; background:#fff; border:1px solid var(--border); border-radius:12px; position:absolute; top:58px; right:4%; width:min(260px,92vw); box-shadow:var(--shadow)}
}
/* Hero */
.hero{padding:86px 0 64px; background:
  radial-gradient(1200px 400px at 50% -250px, rgba(198,123,123,.18), transparent),
  radial-gradient(700px 300px at -100px 50%, rgba(242,198,182,.25), transparent)}
.hero .wrap{display:grid; gap:24px; align-items:center}
.hero p{color:var(--muted); font-size:1.05rem}
.hero .actions{display:flex; gap:12px; flex-wrap:wrap}
/* Table */
table{width:100%; border-collapse:collapse}
th,td{padding:12px; border-bottom:1px solid var(--border); text-align:left}
th{background:#f8fafc}
/* Gallery */
.gallery{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px}
.gallery img{border-radius:14px; transform:translateZ(0); transition:transform .25s ease}
.gallery img:hover{transform:scale(1.012)}
/* Footer */
footer{background:#0f172a; color:#cbd5e1; padding:32px 0; margin-top:40px}
footer a{color:#93c5fd}
footer .foot{display:flex; flex-wrap:wrap; gap:16px; justify-content:space-between}
/* Animations */
.reveal{opacity:0; transform:translateY(8px); animation:reveal .6s ease forwards}
.reveal:nth-child(2){animation-delay:.08s} .reveal:nth-child(3){animation-delay:.16s}
@keyframes reveal{to{opacity:1; transform:none}}
@media (min-width:900px){ .hero .wrap{grid-template-columns:1.1fr .9fr} .grid-md-2{grid-template-columns:repeat(2,1fr)} }
/* Pricing enhancements */
.pricing{display:grid; gap:24px}
@media(min-width:900px){ .pricing{grid-template-columns:1.2fr .8fr} }
.price-card{border:1px solid var(--border); border-radius:20px; overflow:hidden; background:#fff; box-shadow:var(--shadow)}
.price-head{padding:18px 22px; background:linear-gradient(135deg,var(--brand-1),var(--brand-2)); color:#fff}
.price-head h3{margin:0; font-size:1.25rem}
.price-body{padding:20px 22px}
.price-table td,.price-table th{border-bottom:1px solid #f3e8e2}
.badge{display:inline-block; padding:6px 10px; border-radius:999px; background:#fdeae4; color:#8a4d4d; font-weight:700; font-size:.85rem}

/* Responsive table */
.table-wrap{overflow:auto; -webkit-overflow-scrolling:touch; border-radius:16px; box-shadow:var(--shadow); background:#fff; border:1px solid var(--border)}
.table-wrap table{min-width:760px}
@media(max-width:640px){
  th, td{padding:10px}
  .hero p{font-size:1rem}
}
/* Images cards nicer */
.img-card{background:#fff; border:1px solid var(--border); border-radius:20px; padding:10px; box-shadow:var(--shadow)}
.img-card img{border-radius:14px}