:root{
    --bg-dark:#16211F;
    --bg-dark-2:#1D2E2A;
    --cream:#FAF6EF;
    --cream-2:#F1EAE0;
    --orange:#F1701A;
    --orange-deep:#C6540F;
    --green:#3F6B54;
    --ink:#182220;
    --gray:#6B756F;
    --line:#E7E1D6;
  }
  html{scroll-behavior:smooth;}
  body{font-family:'Inter',sans-serif;color:var(--ink);background:var(--cream);}
  .font-display{font-family:'Archivo',sans-serif;}
  .stripes{position:absolute;width:70px;height:70px;pointer-events:none;}
  .stripes span{position:absolute;width:2px;height:100%;background:var(--orange);transform:rotate(20deg);}
  .stripes span:nth-child(1){left:0;}
  .stripes span:nth-child(2){left:16px;}
  .stripes span:nth-child(3){left:32px;}
  .stripes span:nth-child(4){left:48px;}
  .skyline{position:absolute;inset:0;background-image:
      repeating-linear-gradient(to right, rgba(250,246,239,0.05) 0 2px, transparent 2px 22px),
      repeating-linear-gradient(to bottom, rgba(250,246,239,0.05) 0 2px, transparent 2px 22px);
    mask-image: linear-gradient(to top, black, transparent 85%);
  }
  .grad-hero{background:
      linear-gradient(180deg, rgba(22,33,31,0.35) 0%, rgba(22,33,31,0.75) 55%, rgba(22,33,31,0.96) 100%);
  }
  .card-hover{transition:transform .35s ease, box-shadow .35s ease;}
  .card-hover:hover{transform:translateY(-6px); box-shadow:0 20px 40px -20px rgba(22,33,31,0.35);}
  .btn-primary{background:var(--orange); color:#fff; transition:all .25s ease;}
  .btn-primary:hover{background:var(--orange-deep); transform:translateY(-2px);}
  .reveal{opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease;}
  .reveal.show{opacity:1; transform:translateY(0);}
  .eyebrow{letter-spacing:.18em;}
  ::selection{background:var(--orange); color:#fff;}
  .wa-pulse::before{content:'';position:absolute;inset:0;border-radius:9999px;background:#25D366;animation:pulse 2.2s infinite;}
  @keyframes pulse{0%{transform:scale(1);opacity:.6;}100%{transform:scale(1.9);opacity:0;}}