:root{
  --bg:#070707;
  --bg2:#0e0e0e;
  --gold:#d6b370;
  --gold2:#b89450;
  --txt:#ffffff;
  --muted:rgba(255,255,255,.72);
  --line:rgba(255,255,255,.18);
}


a{color:inherit;}
a:hover,a:focus{color:inherit;text-decoration:none;}

/* NAV */
.nav-dark{
  background:rgba(7,7,7,.78);
  border:0;
  box-shadow:0 12px 40px rgba(0,0,0,.35);
  backdrop-filter: blur(10px);
}
.nav-dark .navbar-toggle{border-color:rgba(255,255,255,.35);}
.nav-dark .navbar-toggle .icon-bar{background:#fff;}

.brand{display:flex;align-items:center;gap:10px;}
.brand-emblem{width:34px;height:34px;}
.brand-text{font-weight:700;letter-spacing:.04em;}

.nav-dark .navbar-nav>li>a{
  color:rgba(255,255,255,.78);
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:12px;
  padding:18px 14px;
}
.nav-dark .navbar-nav>li>a:hover{color:#fff;}
.nav-dark .nav-cta{color:var(--gold) !important;}

/* HERO */
.hero{
  padding:120px 0 70px;
  background:
    radial-gradient(800px 400px at 15% 20%, rgba(214,179,112,.18), transparent 60%),
    radial-gradient(900px 420px at 80% 10%, rgba(214,179,112,.10), transparent 55%);
}
.eyebrow{
  display:inline-block;
  font-size:12px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(255,255,255,.65);
  padding-bottom:10px;
  border-bottom:2px solid rgba(214,179,112,.55);
}
.hero-title{
  margin:20px 0 18px;
  font-size:46px;
  font-weight:300;
  letter-spacing:.02em;
  line-height:1.18;
}
.hero-desc{color:var(--muted);line-height:1.9;font-size:14px;max-width:640px;}
.hero-actions{margin-top:24px;display:flex;gap:10px;flex-wrap:wrap;}

.hero-card{
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  padding:22px 20px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
}
.hero-card-title{color:var(--gold);letter-spacing:.18em;font-size:12px;font-weight:700;text-transform:uppercase;}
.hero-card-sub{margin-top:8px;color:rgba(255,255,255,.85);font-size:16px;font-weight:600;}
.hero-bullets{margin:14px 0 0;padding:0;list-style:none;}
.hero-bullets li{margin:10px 0;color:rgba(255,255,255,.74);}
.hero-bullets i{color:var(--gold);margin-right:8px;}

/* Buttons */
.btn{border-radius:999px !important;letter-spacing:.04em;}
.btn-gold{background:var(--gold);border-color:var(--gold);color:#111;font-weight:700;}
.btn-gold:hover{background:var(--gold2);border-color:var(--gold2);color:#111;}
.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.28);color:#fff !important;}
.btn-ghost:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.4);}

/* Section Head */
.section-head{margin-bottom:26px;}
.section-head-dark{margin-bottom:26px;}
.section-badge{
  display:inline-block;
  font-size:12px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#111;
  background:var(--gold);
  padding:7px 12px;
  border-radius:3px;
}
.section-title{margin:14px 0 10px;font-size:34px;font-weight:600;letter-spacing:.02em;}
.section-sub{margin:0;color:var(--muted);line-height:1.8;max-width:780px;}

/* SIGNATURE */
.signature{padding:70px 0 90px;}
.signature-stage{
  margin-top:22px;
  padding:34px 22px 14px;
  border-top:1px solid rgba(214,179,112,.45);
  border-bottom:1px solid rgba(214,179,112,.45);
}
.sig-img{width:100%;height:auto;display:block;}
.sig-left,.sig-right{border-radius:18px;box-shadow:0 26px 70px rgba(0,0,0,.45);}
.sig-center{max-width:320px;margin:0 auto;filter:drop-shadow(0 18px 40px rgba(0,0,0,.5));}
.sig-caption{margin-top:12px;text-align:center;color:rgba(255,255,255,.78);letter-spacing:.08em;font-size:12px;text-transform:uppercase;}

/* wobble once */
@keyframes wobbleOnce{
  0%{transform:rotate(0deg) translateY(0);}
  15%{transform:rotate(-3deg) translateY(-2px);}
  30%{transform:rotate(3deg) translateY(-2px);}
  45%{transform:rotate(-2deg) translateY(-1px);}
  60%{transform:rotate(2deg) translateY(-1px);}
  75%{transform:rotate(-1deg) translateY(0);}
  100%{transform:rotate(0deg) translateY(0);}
}
.wobble-once{animation:wobbleOnce .75s ease-in-out 1;}

/* BEST */
.best{padding:90px 0;background:linear-gradient(180deg, var(--bg2), var(--bg));}
.menu-card{
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  overflow:hidden;
  background:rgba(255,255,255,.04);
  box-shadow:0 22px 60px rgba(0,0,0,.35);
  min-height: 360px;
}
.menu-card-top{padding:22px 20px;background:rgba(0,0,0,.25);border-bottom:1px solid rgba(255,255,255,.10);}
.menu-name{font-size:18px;font-weight:700;}
.menu-tag{margin-top:8px;color:rgba(255,255,255,.78);}
.menu-card-body{padding:18px 20px;color:rgba(255,255,255,.78);line-height:1.8;}
.menu-card-body ul{padding-left:18px;margin:12px 0 0;}
.menu-card-body li{margin:8px 0;}

/* CATEGORY (white) */
.category{padding:90px 0;background:#fff;color:#111;}
.category .section-title{color:#111;}
.category .section-sub{color:rgba(0,0,0,.72);}
.category .section-badge{color:#111;}

.cat-card{
  border:1px solid rgba(0,0,0,.08);
  border-radius:18px;
  padding:22px 20px;
  background:#fff;
  box-shadow:0 18px 40px rgba(0,0,0,.08);
  min-height: 250px;
}
.cat-ico{width:52px;height:52px;border-radius:50%;background:rgba(214,179,112,.22);display:flex;align-items:center;justify-content:center;color:#111;margin-bottom:12px;}
.cat-ico i{font-size:22px;color:#111;}
.cat-title{font-size:18px;font-weight:800;margin-bottom:10px;}
.cat-desc{color:rgba(0,0,0,.72);line-height:1.7;min-height: 56px;}
.cat-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.cat-list span{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.12);font-size:12px;color:rgba(0,0,0,.75);}

/* HOWTO */
.howto{padding:90px 0;background:linear-gradient(180deg, var(--bg2), var(--bg));}
.tip{
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  padding:22px 20px;
  background:rgba(255,255,255,.04);
  min-height: 240px;
}
.tip-num{color:var(--gold);font-weight:800;letter-spacing:.14em;}
.tip-title{margin:10px 0 12px;font-size:18px;font-weight:800;}
.tip-desc{color:rgba(255,255,255,.76);line-height:1.8;margin:0;}
.notice{margin-top:22px;padding:14px 16px;border-radius:12px;border:1px solid rgba(214,179,112,.35);color:rgba(255,255,255,.78);}
.notice strong{color:var(--gold);margin-right:8px;}

/* CTA */
.cta{padding:80px 0;background:var(--bg);}
.cta-box{border-radius:18px;border:1px solid rgba(214,179,112,.35);background:rgba(214,179,112,.08);padding:26px 22px;}
.cta-title{font-size:20px;font-weight:800;}
.cta-sub{margin-top:8px;color:rgba(255,255,255,.78);}

/* Footer */
.footer{padding:28px 0;border-top:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.72);}
.footer-brand{display:flex;align-items:center;gap:10px;font-weight:800;}
.footer-emblem{width:26px;height:26px;}
.footer-links a{margin-left:14px;color:rgba(255,255,255,.72);}
.footer-links a:hover{color:#fff;}

/* Responsive */
@media (max-width: 991px){
  .hero-title{font-size:38px;}
}
@media (max-width: 767px){
  .hero{padding:100px 0 54px;}
  .hero-title{font-size:32px;}
  .signature-stage{padding:22px 14px 10px;}
  .sig-center{max-width:260px;margin:14px auto;}
  .best,.category,.howto{padding:70px 0;}
  .cta .text-right{text-align:left; margin-top:12px;}
}

/* PRICE TABLE */
.price-table{margin:0;border-color:rgba(0,0,0,.12);}
.price-table>thead>tr>th{
  background:#111;
  color:#fff;
  border-color:rgba(0,0,0,.12);
  letter-spacing:.04em;
}
.price-table>tbody>tr>td{
  border-color:rgba(0,0,0,.10);
  vertical-align:middle;
}
.price-table>tbody>tr:hover{background:rgba(214,179,112,.08);}
.price-note{
  margin-top:14px;
  padding:12px 14px;
  border:1px solid rgba(0,0,0,.12);
  border-left:4px solid var(--gold);
  border-radius:12px;
  background:rgba(214,179,112,.10);
  color:rgba(0,0,0,.78);
  line-height:1.7;
}
.price-note i{margin-right:6px;color:#111;}