:root{
  --bg:#1a1611;
  --bg-2:#221d16;
  --card:#211c15;
  --border:rgba(240,169,71,.18);
  --gold:#f0a947;
  --gold-2:#f6c674;
  --ink:#0f0c08;
  --muted:#a89a85;
  --gradient-gold:linear-gradient(135deg,#d99632,#f6c674);
  --shadow-gold:0 20px 60px -20px rgba(240,169,71,.45);
  --shadow-elevated:0 30px 80px -30px rgba(0,0,0,.7);
}
*{border-color:var(--border)}
html{scroll-behavior:smooth}
body{
  background:var(--bg);
  color:#f4ecdb;
  font-family:'Inter',system-ui,sans-serif;
  background-image:
    radial-gradient(1200px 600px at 80% -10%, rgba(240,169,71,.10), transparent 60%),
    radial-gradient(900px 500px at -10% 30%, rgba(240,169,71,.06), transparent 55%);
}
h1,h2,h3,h4,.kb-display{font-family:'Bebas Neue','Inter',sans-serif;letter-spacing:.01em;font-weight:400}

.text-gold{color:var(--gold)!important}
.text-muted-2{color:var(--muted)!important}
.text-dark-75{color:rgba(15,12,8,.78)!important}
.text-gradient-gold{background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.gradient-gold{background-image:var(--gradient-gold)}
.shadow-elevated{box-shadow:var(--shadow-elevated)}
.border-gold{border:1px solid var(--gold)!important}

/* nav */
.kb-nav{background:rgba(20,17,12,.7);backdrop-filter:blur(10px);border-bottom:1px solid rgba(240,169,71,.15)}
.kb-nav .nav-link{color:var(--muted)}
.kb-nav .nav-link:hover{color:#fff}
.brand-title{font-family:'Bebas Neue',sans-serif;font-size:1.25rem;letter-spacing:.12em;line-height:1}
.brand-sub{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase}

/* buttons */
.btn-gold{background-image:var(--gradient-gold);color:#0f0c08;border:0;font-weight:600;box-shadow:var(--shadow-gold)}
.btn-gold:hover{opacity:.9;color:#0f0c08}
.btn-outline-gold{border:1px solid rgba(240,169,71,.4);color:#f4ecdb;background:transparent}
.btn-outline-gold:hover{background:rgba(240,169,71,.1);color:#fff}

/* hero */
.kb-hero{padding-top:1rem}
.kb-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.3}
.kb-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,22,17,.3),rgba(26,22,17,.7) 60%,var(--bg))}
.kb-hero .container{padding-top:4rem;padding-bottom:6rem}
.kb-pill{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(240,169,71,.4);color:var(--gold);padding:.4rem 1rem;border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.25em}
.dot{width:4px;height:4px;border-radius:999px;background:rgba(240,169,71,.6);display:inline-block}
.kb-hero-card{border-radius:1.5rem}
.mini-card{background:rgba(33,28,21,.6);border:1px solid var(--border);border-radius:.75rem;padding:1rem}
.mini-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-top:.5rem}

/* sections */
.kb-section{padding:6rem 0;border-top:1px solid rgba(240,169,71,.15)}
.kb-section-head{max-width:760px}
.kicker{font-size:.7rem;text-transform:uppercase;letter-spacing:.3em;color:var(--gold)}

/* glass card */
.glass-card{
  background:linear-gradient(180deg,rgba(40,34,26,.7),rgba(28,24,18,.7));
  backdrop-filter:blur(10px);
  border:1px solid var(--border);
}
.hover-lift{transition:transform .3s ease}
.hover-lift:hover{transform:translateY(-4px)}

.icon-tile{width:48px;height:48px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#0f0c08;font-size:1.25rem;box-shadow:var(--shadow-gold)}
.icon-tile-sm{flex-shrink:0;width:48px;height:48px;border-radius:.75rem;background:rgba(240,169,71,.15);border:1px solid rgba(240,169,71,.35);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:1.25rem}

.chip{border:1px solid rgba(240,169,71,.4);background:rgba(33,28,21,.4);padding:.5rem 1rem;border-radius:999px;font-size:.875rem}
.chip-gold{background-image:var(--gradient-gold);color:#0f0c08;font-weight:600;padding:.6rem 1.25rem;border-radius:999px;font-size:.875rem;box-shadow:var(--shadow-gold)}

/* form */
.kb-input{background:rgba(36,30,22,.6);border:1px solid var(--border);color:#f4ecdb}
.kb-input:focus{background:rgba(36,30,22,.85);border-color:var(--gold);color:#fff;box-shadow:0 0 0 .2rem rgba(240,169,71,.25)}
.kb-input::placeholder{color:#7a6f5d}
select.kb-input option{background:#221d16;color:#f4ecdb}

/* cta */
.kb-cta{box-shadow:var(--shadow-elevated)}
.kb-cta::before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.2);filter:blur(60px)}
.kb-cta::after{content:"";position:absolute;bottom:-80px;left:-80px;width:300px;height:300px;border-radius:50%;background:rgba(0,0,0,.1);filter:blur(60px)}
.kb-cta > *{position:relative}

/* anim */
.float-anim{animation:float 6s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.fade-up{animation:fadeUp .8s ease-out both}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

@media (max-width:991px){
  .kb-section{padding:4rem 0}
  .kb-hero .container{padding-top:2.5rem;padding-bottom:4rem}
}
