*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  :root {
    --logo: #FFF59D;
    --honey: #D4890A;
    --honey-pale: #FFF8E7;
    --dark: #1A1209;
    --bark: #6B4C1E;
    --cream: #FAF4E8;
    --muted: #8C6B3A;
    --white: #FFFFFF;
    --border: rgba(180,130,50,0.18);
  }
  html { scroll-behavior: smooth; }
  body { font-family: 'DM Sans', sans-serif; background: var(--cream); color: var(--dark); overflow-x: hidden; line-height: 1.65; }

  /* NAV */
  nav {
    position: sticky; top: 0; z-index: 100;
    background: rgba(250,244,232,0.94);
    backdrop-filter: blur(14px);
    border-bottom: 0.5px solid var(--border);
    display: flex; align-items: center; justify-content: space-between;
    padding: 0 2.5rem; 
    height: 72px;
  }
  .nav-logo { font-family:'Playfair Display',serif; font-size:1.25rem; font-weight:700; color:var(--dark); display:flex; align-items:center; gap:10px; text-decoration:none; }
  .hex { width:64px; height:64px; background-image: url('./img/bee_logo.png'); background-position: center; background-size: contain; background-color:var(--logo); clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%); }
  .nav-links { display:flex; gap:2rem; list-style:none; }
  .nav-links a { text-decoration:none; font-size:13px; font-weight:500; color:var(--bark); letter-spacing:.03em; }
  .nav-links a:hover { color:var(--honey); }
  .nav-cta { background:var(--honey); color:var(--white)!important; padding:7px 18px; border-radius:20px; }

  /* HERO */
  .hero {
    display:grid; grid-template-columns:1fr 1fr; align-items:center;
    min-height:calc(100vh - 62px); padding:3rem 2.5rem 3rem 4rem;
    gap:3rem; position:relative; overflow:hidden;
  }
  .hero::before {
    content:''; position:absolute; top:-100px; right:-100px;
    width:520px; height:520px;
    background:radial-gradient(circle, rgba(212,137,10,.1) 0%, transparent 70%);
    pointer-events:none;
  }
  .hero-content { max-width:520px; }
  .badge {
    display:inline-flex; align-items:center; gap:8px;
    background:rgba(212,137,10,.1); border:0.5px solid rgba(212,137,10,.3);
    border-radius:20px; padding:5px 14px; font-size:11px; font-weight:500;
    color:var(--honey); letter-spacing:.06em; text-transform:uppercase; margin-bottom:1.5rem;
  }
  .dot { width:6px; height:6px; border-radius:50%; background:var(--honey); animation:pulse 2s ease-in-out infinite; }
  @keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(1.5)} }
  h1 { font-family:'Playfair Display',serif; font-size:3.4rem; font-weight:700; line-height:1.06; margin-bottom:1.5rem; }
  h1 em { font-style:italic; color:var(--honey); }
  .lead { font-size:1.05rem; color:var(--bark); line-height:1.7; margin-bottom:2.5rem; max-width:420px; }
  .actions { display:flex; gap:1rem; align-items:center; flex-wrap:wrap; }
  .btn-p {
    display:inline-flex; align-items:center; gap:10px;
    background:var(--dark); color:var(--white); padding:14px 28px;
    border-radius:8px; font-weight:500; text-decoration:none; font-size:14px;
    transition:background .2s, transform .15s;
  }
  .btn-p:hover { background:var(--honey); transform:translateY(-1px); }
  .btn-s { font-size:14px; color:var(--bark); font-weight:500; text-decoration:none; display:flex; align-items:center; gap:6px; }
  .btn-s:hover { color:var(--honey); }
  .stats { display:flex; gap:2rem; margin-top:3rem; padding-top:2rem; border-top:0.5px solid var(--border); }
  .stat-n { font-family:'Playfair Display',serif; font-size:1.8rem; font-weight:700; }
  .stat-l { font-size:11px; text-transform:uppercase; letter-spacing:.07em; color:var(--muted); margin-top:2px; }

  /* HERO VISUAL */
  .hero-visual { display:flex; align-items:center; justify-content:center; position:relative; }
  .screen-wrap { position:relative; z-index:2; width:100%; max-width:540px; }
  .screen-img { width:100%; border-radius:16px; box-shadow:0 32px 64px rgba(26,18,9,.22), 0 0 0 1px rgba(212,137,10,.12); display:block; }
  .pill {
    position:absolute; background:var(--white); border:0.5px solid var(--border);
    border-radius:14px; padding:10px 16px; font-size:12px; box-shadow:0 8px 24px rgba(26,18,9,.1);
    animation:floatY 4s ease-in-out infinite;
  }
  .pill:nth-child(1) { animation-delay:-2s; left:-60px; top:20%; }
  .pill:nth-child(3) { animation-delay:-1.5s; right:-50px; bottom:22%; }
  @keyframes floatY { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
  .pill-lbl { font-size:9px; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); margin-bottom:3px; }
  .pill-val { font-family:'Playfair Display',serif; font-size:1.05rem; font-weight:700; }
  .pill-tag { display:inline-block; background:rgba(212,137,10,.12); color:var(--honey); font-size:9px; padding:2px 8px; border-radius:10px; margin-top:3px; font-weight:500; }

  /* SECTION */
  .section { padding:5rem 2.5rem; max-width:1100px; margin:0 auto; }
  .sec-tag { font-size:11px; text-transform:uppercase; letter-spacing:.1em; color:var(--honey); font-weight:500; margin-bottom:1rem; }
  .sec-title { font-family:'Playfair Display',serif; font-size:2.2rem; font-weight:700; line-height:1.15; max-width:460px; margin-bottom:3.5rem; }
  .divider { width:100%; height:0.5px; background:var(--border); }

  /* FEATURES */
  .grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--border); border:0.5px solid var(--border); border-radius:16px; overflow:hidden; }
  .feat { background:var(--cream); padding:2rem 1.8rem; transition:background .2s; }
  .feat:hover { background:var(--honey-pale); }
  .feat-icon { width:40px; height:40px; background:rgba(212,137,10,.1); border-radius:10px; display:flex; align-items:center; justify-content:center; margin-bottom:1rem; font-size:18px; }
  .feat-name { font-family:'Playfair Display',serif; font-size:1rem; font-weight:600; margin-bottom:.5rem; }
  .feat-desc { font-size:13px; color:var(--muted); line-height:1.6; }

  /* ABOUT */
  .about { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center; padding:4rem 0; border-top:0.5px solid var(--border); }
  .about-img { width:100%; border-radius:14px; box-shadow:0 24px 48px rgba(26,18,9,.15); }
  .about-lead { font-size:14px; color:var(--bark); line-height:1.75; margin-bottom:2rem; }
  .check-list { list-style:none; display:flex; flex-direction:column; gap:10px; }
  .check-list li { display:flex; align-items:flex-start; gap:10px; font-size:13px; }
  .ck { width:18px; height:18px; min-width:18px; border-radius:50%; background:rgba(212,137,10,.15); display:flex; align-items:center; justify-content:center; margin-top:1px; }
  .ck svg { width:10px; height:10px; stroke:var(--honey); stroke-width:2.5; fill:none; }

  /* CTA */
  .cta-wrap { padding:0 2.5rem; max-width:1100px; margin:0 auto 5rem; }
  .cta {
    background:var(--dark); border-radius:20px; padding:4rem;
    display:grid; grid-template-columns:1fr auto; align-items:center; gap:3rem;
    overflow:hidden; position:relative;
  }
  .cta::before {
    content:''; position:absolute; top:-80px; right:200px;
    width:300px; height:300px;
    background:radial-gradient(circle, rgba(212,137,10,.18) 0%, transparent 70%);
    pointer-events:none;
  }
  .cta h2 { font-family:'Playfair Display',serif; font-size:2rem; font-weight:700; color:var(--white); line-height:1.2; margin-bottom:.75rem; }
  .cta-sub { font-size:14px; color:rgba(255,255,255,.45); }
  .cta-btn { display:inline-flex; align-items:center; gap:10px; background:var(--honey); color:var(--white); padding:15px 30px; border-radius:10px; font-weight:500; text-decoration:none; font-size:14px; white-space:nowrap; transition:opacity .2s, transform .15s; }
  .cta-btn:hover { opacity:.9; transform:translateY(-1px); }

  footer { border-top:0.5px solid var(--border); padding:2rem 2.5rem; display:flex; align-items:center; justify-content:space-between; font-size:12px; color:var(--muted); }
  footer a { color:var(--muted); text-decoration:none; }
  footer a:hover { color:var(--honey); }

  @media (max-width: 900px) {
    .hex { width:28px; height:28px; }
    .hero, .about { grid-template-columns:1fr; padding:3rem 1.5rem; }
    .pill { display:none; }
    h1 { font-size:2.5rem; }
    .grid-3 { grid-template-columns:1fr; }
    .cta { grid-template-columns:1fr; }
  }

@media screen and (min-width: 901px) and (max-width: 1024px){
    .hex { width:56px; height:56px; }
}

@media screen and (max-width: 576px) {
  nav { padding: 0 1.5rem!important; }
  .nav-cta { display:none; }
  .nav-links { gap: 1rem !important; }
  .cta { padding: 1.5rem !important; }
}

.privacy-content {
  padding: 20px 2.5rem;
}

.privacy-content > p, .privacy-content > ul, .privacy-content > ol, .privacy-content > li {
  margin-bottom: 1em;
  color: rgb(95,99,104);
  font-size: .875rem;
  font-weight: 400;
}

.privacy-content > ul, .privacy-content > ol {
  padding-inline-start: 16px;
}

h1 {
  line-height: 3.25rem;
  font-size: 2.75rem; 
  letter-spacing: 0;
  font-weight: 500;
}

h2 {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 500;
}

h3 {
  font-size: 1rem;
  line-height: 1.125rem;
  font-weight: 500;
}

h4 {
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 500;
}

header {
  padding-bottom: 20px;
}