/* -------- landing-page layout -------- */
:root{
    --primary:#CC5500;   /* burnt orange */
    --secondary:#000000; /* black */
    --tertiary:#FFD700;  /* gold */
    --radius:9999px;
  }
  body,html{margin:0;height:100%;font-family:Inter,Helvetica,Arial,sans-serif;}
  .landing-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    height:100%;
  }
  @media(max-width:900px){
    .landing-grid{grid-template-columns:1fr;}        /* stack on mobile */
  }
  
  /* LEFT side -------------------------------------------------- */
  .splash{
    background:#fff; color:var(--primary);
    display:flex; flex-direction:column;
    justify-content:center; align-items:center;
    padding:1rem;
  }
  .logo{
    width:140px; max-width:60%; height:auto;
    margin-bottom:2rem;
  }
  .brand{
    font-size:3rem; letter-spacing:2px; margin:0;
  }
  
  /* RIGHT side ------------------------------------------------- */
  .pitch{
    background:var(--secondary); color:#fff;
    display:flex; align-items:center; justify-content:center;
    padding:1rem;
  }
  .pitch .inner{
    text-align:center; max-width:420px;
    width:100%;
  }
  .pitch h2{
    font-size:2.4rem; line-height:1.2; margin:0 0 1rem;
  }
  .subtitle{
    margin:0 0 2.5rem; color:#cfcfcf; font-size:1rem;
  }
  
  /* buttons */
  .btn{
    display:block; text-decoration:none; text-align:center;
    border-radius:var(--radius); font-weight:600;
    padding:1rem 1.25rem; margin:.5rem 0;
    transition:opacity .15s ease;
  }
  .btn:hover{opacity:.88;}
  .big{font-size:1.05rem;}
  .primary{background:var(--primary); color:#fff;}
  .secondary{background:#444; color:#fff;}
  
  /* legal links */
  .legal{
    font-size:.75rem; color:#aaa; margin-top:2rem; line-height:1.4;
  }
  .legal a{color:var(--tertiary); text-decoration:none;}
  .legal a:hover{text-decoration:underline;}