:root{
  /* Premium / Dark minimal palette */
  --bg:#0b0b0d;
  --surface:#121216;
  --card:#16161b;
  --text:#f5f5f7;
  --muted:#9ca3af;
  --line:rgba(255,255,255,.08);
  --accent:#d4af37; /* gold */
  --accent-soft:rgba(212,175,55,.15);
  --shadow:0 30px 80px rgba(0,0,0,.55);
  --radius:26px;
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,Segoe UI,Roboto,Helvetica,Arial;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:var(--font);
  color:var(--text);
  background:
    radial-gradient(900px 500px at 20% -10%, rgba(212,175,55,.12), transparent 60%),
    radial-gradient(700px 400px at 80% 0%, rgba(255,255,255,.04), transparent 55%),
    var(--bg);
  line-height:1.45;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}

.container{max-width:1100px;margin:0 auto;padding:72px 24px}

/* Header */
header{
  position:sticky;top:0;z-index:50;
  background:rgba(11,11,13,.65);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);
}
.head{
  max-width:1100px;margin:0 auto;
  padding:18px 24px;
  display:flex;align-items:center;justify-content:space-between
}
.brand{font-weight:700;letter-spacing:.2px}
.brand span{color:var(--accent)}

/* Buttons */
.cta{
  display:inline-flex;align-items:center;justify-content:center;
  padding:14px 22px;
  border-radius:999px;
  background:linear-gradient(135deg,#f5d76e,var(--accent));
  color:#0b0b0d;
  font-weight:700;
  box-shadow:0 20px 60px rgba(212,175,55,.35);
  transition:transform .15s ease
}
.cta:hover{transform:translateY(-2px)}
.cta.secondary{
  background:none;color:var(--text);
  border:1px solid var(--line);
  box-shadow:none
}

/* Hero */
.hero{padding:120px 24px 96px;text-align:center}
.hero h1{
  font-size:64px;
  line-height:1.05;
  letter-spacing:-1.4px;
  margin:0 auto 20px;
  max-width:900px
}
.hero h1 span{color:var(--accent)}
.hero p{
  max-width:760px;
  margin:0 auto 40px;
  font-size:20px;
  color:var(--muted)
}
.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

/* Truth section */
.truth{
  background:var(--surface);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line)
}
.truth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.truth-item{
  padding:48px 32px;
  background:var(--card);
  border-radius:var(--radius);
  box-shadow:var(--shadow)
}
.truth-item h3{margin:0 0 10px;font-size:22px}
.truth-item p{margin:0;color:var(--muted)}

/* Value */
.value h2{font-size:40px;letter-spacing:-.8px;margin:0 0 20px}
.value p{max-width:720px;color:var(--muted);font-size:18px}

/* Vertical Timeline (Premium) */
.timeline{position:relative;margin-top:64px;padding-left:40px}
.timeline:before{
  content:"";
  position:absolute;left:12px;top:0;bottom:0;
  width:2px;
  background:linear-gradient(to bottom, transparent, var(--accent), transparent);
  opacity:.6
}
.t-item{
  position:relative;
  margin-bottom:48px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px
}
.t-item:last-child{margin-bottom:0}
.t-dot{
  position:absolute;left:3px;top:6px;
  width:18px;height:18px;border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 0 6px var(--accent-soft)
}
.t-left,.t-right{
  background:var(--card);
  padding:28px 28px;
  border-radius:22px
}
.t-left h4,.t-right h4{margin:0 0 8px;font-size:18px}
.t-left p,.t-right p{margin:0;color:var(--muted)}

/* Process cards */
.process-grid{
  margin-top:48px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:28px
}
.step{
  padding:36px 28px;
  background:var(--card);
  border-radius:var(--radius)
}
.step span{color:var(--accent);font-weight:700}

/* Final CTA */
.final{
  text-align:center;
  padding:120px 24px 140px;
  background:
    radial-gradient(800px 400px at 50% 0%, rgba(212,175,55,.18), transparent 60%),
    var(--bg);
  border-top:1px solid var(--line)
}
.final h2{font-size:48px;letter-spacing:-.9px;margin:0 0 16px}
.final p{color:var(--muted);font-size:20px;margin:0 0 40px}
.final-actions{display:flex;justify-content:center;align-items:center;gap:16px}

/* Floating WhatsApp */
.float{
  position:fixed;right:24px;bottom:24px;z-index:80;
  padding:14px 22px;border-radius:999px;
  background:linear-gradient(135deg,#f5d76e,var(--accent));
  color:#0b0b0d;font-weight:700;
  box-shadow:0 20px 60px rgba(212,175,55,.35)
}

/* Cookie Preferences (Corporate) */
.cookie-box{
  position:fixed;
  left:24px;
  bottom:24px;
  z-index:85;
  width:min(360px, calc(100vw - 48px));
  background:rgba(22,22,27,.92);
  border:1px solid var(--line);
  border-radius:18px;
  padding:16px 16px;
  box-shadow:0 30px 80px rgba(0,0,0,.55);
  backdrop-filter: blur(12px);
}
.cookie-box h4{margin:0 0 6px;font-size:14.5px;letter-spacing:-.1px}
.cookie-box p{margin:0 0 12px;color:var(--muted);font-size:13.5px;line-height:1.35}
.cookie-actions{display:flex;gap:10px;flex-wrap:wrap}
.cbtn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 12px;border-radius:999px;
  border:1px solid var(--line);
  background:transparent;color:var(--text);
  font-weight:650;font-size:13px;cursor:pointer;
}
.cbtn:hover{border-color:rgba(255,255,255,.18)}
.cbtn.primary{
  background:linear-gradient(135deg,#f5d76e,var(--accent));
  color:#0b0b0d;border-color:transparent;
}
.cookie-link{color:rgba(245,215,110,.95)}

.cookie-modal{
  position:fixed;inset:0;
  display:none;align-items:center;justify-content:center;
  padding:24px;z-index:90;
  background:rgba(0,0,0,.55);
}
.cookie-modal[aria-hidden="false"]{display:flex}
.cookie-panel{
  width:min(560px, 100%);
  background:rgba(22,22,27,.96);
  border:1px solid var(--line);
  border-radius:22px;
  padding:18px 18px;
  box-shadow:0 30px 80px rgba(0,0,0,.65);
}
.cookie-panel .row{
  display:flex;align-items:flex-start;justify-content:space-between;
  gap:16px;padding:12px 0;
  border-top:1px solid rgba(255,255,255,.06)
}
.cookie-panel .row:first-of-type{border-top:none}
.cookie-panel .row h5{margin:0 0 4px;font-size:14.5px}
.cookie-panel .row p{margin:0;color:var(--muted);font-size:13.5px;max-width:44ch}

.toggle{
  appearance:none;width:44px;height:26px;border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  position:relative;cursor:pointer;flex:0 0 auto;
}
.toggle:before{
  content:"";position:absolute;
  width:20px;height:20px;border-radius:50%;
  top:2px;left:2px;
  background:rgba(255,255,255,.75);
  transition: transform .15s ease;
}
.toggle:checked{
  background:rgba(212,175,55,.22);
  border-color:rgba(212,175,55,.45);
}
.toggle:checked:before{transform: translateX(18px); background:#f5d76e}
.toggle:disabled{opacity:.6;cursor:not-allowed}

@media(max-width:900px){
  .hero h1{font-size:44px}
  .truth-grid,.process-grid{grid-template-columns:1fr}
  .t-item{grid-template-columns:1fr}
  .timeline{padding-left:24px}
  .final h2{font-size:38px}
  .final p{font-size:18px}
  .cookie-box{left:16px;bottom:16px;width:min(360px, calc(100vw - 32px))}
  .float{right:16px;bottom:16px}
}