:root{
  --bg:#0b0612;
  --bg2:#12081f;
  --card:rgba(255,255,255,.06);
  --card2:rgba(255,255,255,.08);
  --text:#f4f1ff;
  --muted:rgba(244,241,255,.72);
  --muted2:rgba(244,241,255,.55);

  --gold:#d7b44a;
  --gold2:#f1d57a;

  --purple1:#2a0b43;
  --purple2:#3a0f5f;
  --purple3:#5b1aa3;

  --line:rgba(215,180,74,.22);
  --shadow: 0 18px 55px rgba(0,0,0,.55);
  --shadow2: 0 10px 30px rgba(0,0,0,.35);

  --radius:20px;
  --radius2:28px;

  --max:1160px;
  --pad:18px;

  --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:var(--font);
  color:var(--text);
  background:
    radial-gradient(1000px 500px at 18% 10%, rgba(91,26,163,.35), transparent 60%),
    radial-gradient(900px 500px at 85% 12%, rgba(215,180,74,.20), transparent 55%),
    radial-gradient(800px 500px at 40% 90%, rgba(58,15,95,.35), transparent 55%),
    linear-gradient(180deg, var(--bg), #05020a 65%);
  overflow-x:hidden;
}

a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

.container{max-width:var(--max); margin:0 auto; padding:0 var(--pad)}
.section{padding:72px 0}
.section.tight{padding:48px 0}
.section.top{padding-top:110px}

.kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:.78rem;
  color:rgba(241,213,122,.92);
  background:rgba(215,180,74,.12);
  border:1px solid rgba(215,180,74,.25);
  padding:8px 12px;
  border-radius:999px;
  backdrop-filter: blur(10px);
}
.kicker .dot{
  width:8px;height:8px;border-radius:50%;
  background:linear-gradient(180deg,var(--gold2),var(--gold));
  box-shadow:0 0 18px rgba(215,180,74,.65);
}

.h1{
  font-size: clamp(2.2rem, 4.2vw, 3.5rem);
  line-height:1.08;
  margin:16px 0 14px;
  letter-spacing:-.02em;
}
.h2{
  font-size: clamp(1.6rem, 2.6vw, 2.25rem);
  line-height:1.16;
  margin:0 0 12px;
  letter-spacing:-.01em;
}
.p{
  color:var(--muted);
  font-size:1.03rem;
  line-height:1.7;
  margin:0;
}
.small{color:var(--muted2); font-size:.95rem; line-height:1.7}

.hr{
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(215,180,74,.45), transparent);
  border:0;
  margin:0;
}

.badge{
  display:inline-flex;
  gap:8px;
  align-items:center;
  color:rgba(244,241,255,.86);
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  padding:8px 12px;
  border-radius:999px;
  font-size:.92rem;
}

.btnRow{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 16px;
  border-radius:14px;
  font-weight:800;
  letter-spacing:.01em;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  box-shadow:var(--shadow2);
  transition:.2s ease;
}
.btn:hover{transform:translateY(-1px); border-color:rgba(215,180,74,.45)}
.btn.primary{
  background:linear-gradient(120deg, rgba(215,180,74,.22), rgba(91,26,163,.25));
  border:1px solid rgba(215,180,74,.32);
  box-shadow:0 16px 40px rgba(0,0,0,.45);
  position:relative;
}
.btn.primary:after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:14px;
  background:linear-gradient(90deg, rgba(215,180,74,.35), rgba(91,26,163,.35));
  filter:blur(14px);
  opacity:.55;
  z-index:-1;
}
.btn.ghost{background:transparent}
.btn.full{width:100%}

.navWrap{
  position:fixed;
  top:0; left:0; right:0;
  z-index:999;
  backdrop-filter: blur(14px);
  background:linear-gradient(180deg, rgba(5,2,10,.78), rgba(5,2,10,.45));
  border-bottom:1px solid rgba(255,255,255,.08);
}
.nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px var(--pad);
  max-width:var(--max);
  margin:0 auto;
}
.brand{
  display:flex;
  align-items:center;
  gap:12px;
  font-weight:900;
  letter-spacing:.02em;
}
.brand img{width:44px;height:44px;object-fit:contain}
.brand .name{display:flex;flex-direction:column;line-height:1.05}
.brand .name span:first-child{font-size:1.05rem}
.brand .name span:last-child{font-size:.82rem;color:var(--muted2);font-weight:700}

.links{
  display:flex;
  align-items:center;
  gap:18px;
}
.links a{
  color:rgba(244,241,255,.86);
  font-weight:800;
  font-size:.95rem;
  opacity:.92;
  position:relative;
}
.links a:after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-8px;
  height:2px;
  background:linear-gradient(90deg, transparent, rgba(215,180,74,.75), transparent);
  opacity:0;
  transform:translateY(4px);
  transition:.2s ease;
}
.links a:hover:after{opacity:1;transform:translateY(0)}
.links .cta{margin-left:8px}

.mobileBtn{
  display:none;
  width:44px;height:44px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:var(--text);
}
.mobileMenu{
  display:none;
  border-top:1px solid rgba(255,255,255,.08);
}
.mobileMenu .inner{
  max-width:var(--max);
  margin:0 auto;
  padding:10px var(--pad) 16px;
  display:grid;
  gap:8px;
}
.mobileMenu a{
  padding:12px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  font-weight:900;
}

.hero{
  padding:118px 0 62px;
}
.heroGrid{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap:24px;
  align-items:stretch;
}
.heroCard{
  border-radius:var(--radius2);
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04));
  box-shadow:var(--shadow);
  overflow:hidden;
  position:relative;
}
.heroCard .pad{padding:28px}
.heroVisual{
  min-height:360px;
  border-radius:var(--radius2);
  border:1px solid rgba(215,180,74,.18);
  background:
    radial-gradient(700px 400px at 30% 20%, rgba(215,180,74,.18), transparent 60%),
    radial-gradient(600px 400px at 70% 30%, rgba(91,26,163,.28), transparent 60%),
    linear-gradient(135deg, rgba(58,15,95,.55), rgba(5,2,10,.75));
  box-shadow:var(--shadow);
  overflow:hidden;
  position:relative;
}
.heroVisual .overlay{
  position:absolute; inset:0;
  background-image: radial-gradient(rgba(255,255,255,.07) 1px, transparent 1px);
  background-size: 18px 18px;
  opacity:.35;
}
.heroVisual .img{
  position:absolute; inset:0;
  opacity:.28;
  background-position:center;
  background-size:cover;
  filter:saturate(1.1) contrast(1.05);
}
.heroVisual .stats{
  position:absolute; left:18px; right:18px; bottom:18px;
  display:grid; gap:10px;
}
.statRow{display:grid; grid-template-columns: repeat(3, 1fr); gap:10px}
.stat{
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.28);
  padding:14px 14px;
}
.stat b{display:block; font-size:1.2rem; letter-spacing:-.01em}
.stat span{display:block; color:var(--muted2); font-weight:700; margin-top:2px; font-size:.9rem}

.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.card{
  border-radius:var(--radius);
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04));
  box-shadow:var(--shadow2);
  padding:18px;
}
.card.soft{
  background:rgba(255,255,255,.06);
}
.card .icon{
  width:44px;height:44px;border-radius:16px;
  display:grid;place-items:center;
  border:1px solid rgba(215,180,74,.25);
  background:rgba(215,180,74,.10);
  box-shadow:0 0 22px rgba(215,180,74,.18);
  margin-bottom:12px;
}
.card h3{margin:0 0 8px;font-size:1.12rem;letter-spacing:-.01em}
.card p{margin:0;color:var(--muted);line-height:1.7}

.list{
  margin:12px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}
.list li{
  display:flex;gap:10px; align-items:flex-start;
  color:rgba(244,241,255,.82);
}
.check{
  width:22px;height:22px;border-radius:7px;
  flex:0 0 auto;
  background:rgba(215,180,74,.14);
  border:1px solid rgba(215,180,74,.30);
  display:grid;place-items:center;
  margin-top:2px;
}
.check svg{width:14px;height:14px}

.split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  align-items:start;
}

.quote{
  border-left:3px solid rgba(215,180,74,.55);
  padding-left:14px;
  color:rgba(244,241,255,.86);
  line-height:1.75;
}
.quote b{color:rgba(241,213,122,.95)}

.form{
  display:grid;
  gap:12px;
}
.field{
  display:grid;
  gap:7px;
}
label{font-weight:900; font-size:.92rem; color:rgba(244,241,255,.9)}
input, select, textarea{
  width:100%;
  padding:12px 12px;
  border-radius:14px;
  background:rgba(0,0,0,.26);
  border:1px solid rgba(255,255,255,.14);
  color:var(--text);
  outline:none;
}
textarea{min-height:120px; resize:vertical}
input:focus,select:focus,textarea:focus{
  border-color:rgba(215,180,74,.45);
  box-shadow:0 0 0 4px rgba(215,180,74,.10);
}
.help{color:var(--muted2); font-size:.9rem; line-height:1.6}

.footer{
  padding:34px 0;
  border-top:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(5,2,10,.55), rgba(5,2,10,.88));
}
.footerGrid{
  display:grid;
  grid-template-columns: 1.3fr .7fr .7fr;
  gap:14px;
  align-items:start;
}
.footer a{color:rgba(244,241,255,.86)}
.footer a:hover{color:rgba(241,213,122,.95)}
.miniLinks{display:grid; gap:10px}
.copy{
  margin-top:18px;
  color:var(--muted2);
  font-size:.92rem;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:space-between;
}
.pill{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  padding:8px 12px;
  border-radius:999px;
  color:rgba(244,241,255,.82);
  font-weight:800;
  font-size:.9rem;
}

/* animations */
.reveal{
  opacity:0;
  transform:translateY(10px);
  transition:opacity .6s ease, transform .6s ease;
}
.reveal.show{
  opacity:1;
  transform:translateY(0);
}

/* responsive */
@media (max-width: 980px){
  .heroGrid{grid-template-columns:1fr; }
  .split{grid-template-columns:1fr}
  .grid3{grid-template-columns:1fr}
  .grid2{grid-template-columns:1fr}
  .links{display:none}
  .mobileBtn{display:inline-grid; place-items:center}
  .mobileMenu.show{display:block}
  .footerGrid{grid-template-columns:1fr}
  .statRow{grid-template-columns:1fr}
}


/* === FORCE LOGO SIZE (DOUBLED) === */
header img[src*="logo-yod"],
nav img[src*="logo-yod"],
.logo img[src*="logo-yod"],
.navbar img[src*="logo-yod"],
.site-header img[src*="logo-yod"] {
  height: 72px; /* doubled size */
  width: auto;
  max-height: none;
}

@media (max-width: 768px) {
  header img[src*="logo-yod"],
  nav img[src*="logo-yod"],
  .logo img[src*="logo-yod"],
  .navbar img[src*="logo-yod"],
  .site-header img[src*="logo-yod"] {
    height: 56px;
  }
}


/* === FORCE HEADER + LOGO SCALE (REAL FIX) === */

/* Increase navbar/header height */
header,
.navbar,
.site-header {
  min-height: 96px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

/* Force logo to be large and readable */
header img[src*="logo-yod"],
.navbar img[src*="logo-yod"],
.site-header img[src*="logo-yod"] {
  height: 80px !important;
  width: auto !important;
  max-height: none !important;
}

/* Ensure flex containers don’t shrink it */
header .logo,
.navbar .logo,
.site-header .logo {
  display: flex;
  align-items: center;
}

/* Mobile adjustment */
@media (max-width: 768px) {
  header,
  .navbar,
  .site-header {
    min-height: 72px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  header img[src*="logo-yod"],
  .navbar img[src*="logo-yod"],
  .site-header img[src*="logo-yod"] {
    height: 56px !important;
  }
}