:root{
    --bg:#FFE3BB;
    --ink:#1F2937;
    --ink-soft:#374151;
    --primary:#1F2937;
    --primary-ink:#FFFFFF;
    --shadow: 0 10px 30px rgba(31,41,55,.15);
    --radius: 16px;
  }
  
  *{box-sizing:border-box}
  html,body{height:100%}
  body{
    margin:0;
    font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
    color:var(--ink);
    background:var(--bg);
    line-height:1.6;
    -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  }
  
  /* NAVBAR */
  .nav{
    position:sticky; top:0; z-index:50;
    backdrop-filter:saturate(180%) blur(8px);
    background:rgba(255,227,187,.75);
    border-bottom:1px solid rgba(0,0,0,.04);
  }
  .nav__inner{
    max-width:1100px; margin:0 auto;
    display:flex; align-items:center; justify-content:space-between;
    padding:12px 20px;
  }
  .brand{display:flex; align-items:center; gap:10px; text-decoration:none; color:inherit}
  .brand__logo{width:32px; height:32px}
  .brand__name{font-weight:800; letter-spacing:.2px}
  
  .nav__menu{display:flex; gap:16px; align-items:center}
  .nav__link{color:var(--ink); text-decoration:none; font-weight:600; padding:8px 10px; border-radius:10px}
  .nav__link:hover{background:rgba(0,0,0,.06)}
  .nav__toggle{display:none; font-size:22px; background:transparent; border:0; cursor:pointer}
  
  /* HERO */
  .hero{
    display:grid; place-items:center;
    padding:64px 20px 80px;
  }
  .hero__content{
    width:100%; max-width:980px;
    background:rgba(255,255,255,.55);
    border:1px solid rgba(0,0,0,.06);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    padding:40px clamp(16px,4vw,56px);
  }
  .hero h1{
    margin:0 0 10px; font-size:clamp(28px,5vw,44px);
    line-height:1.1; letter-spacing:.3px
  }
  .hero__lead{
    margin:0; font-size:clamp(16px,2.4vw,18px);
    color:var(--ink-soft)
  }
  .hero__ctas{
    display:flex; gap:12px; flex-wrap:wrap;
    margin:22px 0 8px;
  }
  .btn{
    display:inline-flex; align-items:center; justify-content:center;
    padding:12px 18px; border-radius:12px; font-weight:700; text-decoration:none;
    border:1.5px solid transparent; transition:transform .04s ease;
  }
  .btn:active{transform:translateY(1px)}
  .btn--primary{background:var(--primary); color:var(--primary-ink); border-color:var(--primary)}
  .btn--primary:hover{filter:brightness(1.05)}
  .btn--ghost{background:transparent; color:var(--ink); border-color:rgba(0,0,0,.15)}
  .btn--ghost:hover{background:rgba(0,0,0,.06)}
  
  .hero__bullets{
    display:grid; gap:8px; margin:18px 0 0; padding-left:18px;
  }
  .u-underline{box-shadow:inset 0 -6px 0 rgba(31,41,55,.15)}
  
  /* FOOTER */
  .footer{
    text-align:center; padding:24px 12px; color:var(--ink-soft);
    opacity:.9;
  }
  
  /* Responsive menu */
  @media (max-width: 760px){
    .nav__toggle{display:block}
    .nav__menu{
      position:absolute; top:60px; right:12px;
      background:rgba(255,255,255,.85);
      border:1px solid rgba(0,0,0,.06);
      border-radius:12px; box-shadow:var(--shadow);
      padding:10px; display:none; flex-direction:column; gap:6px; min-width:180px;
    }
    .nav__menu.is-open{display:flex}
  }