@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/helvetica/helvetica-medium.otf') format('otf');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/helvetica/helvetica-bold.ttf') format('ttf');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root{
  /* Colors */
  --brand-black:#111111;
  --brand-white:#ffffff;
  --text-primary:#1B1B1B;
  --text-secondary:#aaadb2;
  --ui-border:#E5E7EB;
  --ui-bg:#F7F7F7;

  /* Typography */
  --font-display:"Helvetica";
  --font-body:"Helvetica";

  /* Type scale */
  --fs-xxl:48px; --lh-xxl:56px;
  --fs-xl:36px; --lh-xl:44px;
  --fs-lg:24px; --lh-lg:32px;
  --fs-md:18px; --lh-md:28px;
  --fs-base:16px;--lh-base:24px;
  --fs-sm:13px; --lh-sm:18px;


  /* Spacing */
  --sp-1:4px; 
  --sp-2:8px; 
  --sp-3:12px; 
  --sp-4:16px; 
  --sp-5:24px; 
  --sp-6:32px; 
  --sp-7:48px; 
  --sp-8:64px;

  /* Radius & shadows */
  --radius-1:4px; 
  --radius-2:12px; 
  --radius-3:24px;
  --shadow-soft:0 6px 24px rgba(0,0,0,.06);


  /* Layout */
  --container:1200px; --gutter:24px;
}

@media (max-width: 900px){
  :root{ 
    --fs-xxl:40px; 
    --fs-xl:30px; 
  }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Helvetica' !important;
}

html {
  scroll-behavior: smooth
}

body{
  margin: 0; 
  color:  var(--text-primary); 
  background:rgba(251, 251, 252);
  font: 400 var(--fs-base)/var(--lh-base) var(--font-body) !important;
}

a {
  color:inherit; 
  text-decoration:none
}



















/* img{max-width:100%; display:block} */
/* button,input,select{font:inherit} */

.container{padding:0 6px}
.section{padding: 3px 0;}
.h1{font:700 var(--fs-xxl)/var(--lh-xxl) var(--font-display); letter-spacing:-0.5px}
.h2{font:700 var(--fs-xl)/var(--lh-xl) var(--font-display)}
.h3{font:600 var(--fs-lg)/var(--lh-lg) var(--font-body)}
.hr{height:1px; background:var(--ui-border); border:0}


/* Header */
.header{position:sticky; top:0; z-index:50; background:#fff; border-bottom:1px solid var(--ui-border)}
.nav{display:flex; align-items:center; justify-content:space-between; height:64px}


/* Utilities */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 20px; border-radius:10px; border:1px solid #000; transition:transform .15s ease, box-shadow .15s ease}


/* Grid helpers */
.grid{display:grid; gap:2px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}

@media (max-width: 1200px){
  .grid-3 {
    grid-template-columns:repeat(2,1fr)
  }
}

@media (max-width: 700px){
  .container{
    padding: 0 3px
  }

  .section{
    padding: 1.5px 0;
  }
}

@media (max-width: 600px){
  .grid-3,
  .grid-2 {
    grid-template-columns: 1fr
  }
}