/* form */
.start{
    background: #f3f7ff;
    padding: clamp(36px, 6vw, 60px) 0;
    border-top: 1px solid rgba(2,8,23,.06);
    border-bottom: 1px solid rgba(2,8,23,.06);
  }
  
  .start-title{
    margin: 0 0 18px;
    font-size: clamp(22px, 3.6vw, 28px);
    font-weight: 900;
  }
  
  .form{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 18px 20px;
  }
  
  .field.full{grid-column: 1 / -1;}
  .field.two {grid-column: span 6;}
  
  .field label, .form legend{
    display:block;
    font-size: 13px;
    color: var(--ink);
    opacity: .9;
    margin-bottom: 6px;
  }
  .form legend{margin-bottom: 8px;}
  
  .req{color:#d93434;}
  
  /* inputs */
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="date"],
  input[type="time"],
  select, textarea{
    width: 100%;
    height: 40px;
    padding: 10px 12px;
    border: 1px solid #c9d2e1;
    border-radius: 4px;
    background: #ffffff;
    color: #111827;
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease;
  }
  
  textarea{ height:auto; resize: vertical; }
  
  input:focus, select:focus, textarea:focus{
    border-color: var(--secondary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .2);
  }
  
  /* checkboxes */
  .checks{ display:flex; gap:18px; flex-wrap:wrap }
  .check{
    display:flex; align-items:center; gap:8px;
    font-size: 14px; color:#111827;
  }
  .check input{ width:16px; height:16px }
  
  /* custom select caret */
  .select-wrap{ position:relative }
  .select-wrap select{ 
    -webkit-appearance:none; 
    appearance:none; 
    padding-right:34px }
  .select-caret{
    position:absolute; right:10px; top:50%; transform:translateY(-50%); pointer-events:none;
    font-size: 14px; color:#374151;
  }
  
  .microcopy{
    grid-column: 1 / -1;
    margin: 4px 0 0;
    font-size: 13px; color:#374151; opacity:.9;
  }
  
  /* actions */
  .actions{
    grid-column: 1 / -1;
    margin-top: 6px;
  }
  .form .button{
    background: var(--secondary);
    color: #fff;
    border: none;
    padding: 10px 18px;
    border-radius: 6px;
    font-weight: 700;
    cursor: pointer;
  }
  .form .button:hover{ filter: brightness(1.05); }
  
  /* responsive */
  @media (max-width: 720px){
    .field.two{ grid-column: 1 / -1; }
  }