:root{
    --sa24-cream:#FFF8EC;
    --sa24-ink:#181511;
    --sa24-ink-soft:#6B6459;
    --sa24-coral:#FF4B3E;
    --sa24-yellow:#FFC93C;
    --sa24-black:#181511;
    --sa24-white:#FFFFFF;
    --sa24-border:#181511;
    --sa24-radius:20px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;background:var(--sa24-cream);color:var(--sa24-ink);
    font-family:'Work Sans',sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,.sa24-display{font-family:'Big Shoulders Display',sans-serif;}
  img,svg{display:block;max-width:100%;}
  a{color:inherit;}
  .sa24-wrap{max-width:1220px;margin:0 auto;padding:0 24px;}
 
  /* -------- nav -------- */
  .sa24-nav{display:flex;align-items:center;justify-content:space-between;padding:24px 0;}
  .sa24-logo{display:flex;align-items:center;gap:10px;font-family:'Big Shoulders Display',sans-serif;font-weight:800;font-size:1.5rem;letter-spacing:-0.01em;}
  .sa24-logo-badge{background:var(--sa24-ink);color:var(--sa24-yellow);font-weight:800;font-size:0.95rem;padding:3px 10px;border-radius:7px;}
  
  .sa24-logo img {width:200px;}
  .sa24-nav-cta{
    background:var(--sa24-coral);color:#fff;padding:12px 24px;border-radius:999px;
    font-weight:700;font-size:0.9rem;text-decoration:none;border:2.5px solid var(--sa24-ink);
    box-shadow:3px 3px 0 var(--sa24-ink);
  }
 
  /* -------- bento hero -------- */
  .sa24-bento{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    grid-template-rows:auto auto auto;
    gap:16px;
    padding:20px 0 60px;
  }
  .sa24-tile{
    border-radius:var(--sa24-radius);border:2.5px solid var(--sa24-ink);
    padding:28px;position:relative;overflow:hidden;
  }
  .sa24-tile-headline{
    grid-column:1 / 4;grid-row:1 / 3;
    background:var(--sa24-coral);color:#fff;display:flex;flex-direction:column;justify-content:center;
  }
  .sa24-tile-headline .sa24-tag{
    display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,0.16);
    padding:6px 13px;border-radius:999px;font-size:0.78rem;font-weight:700;margin-bottom:18px;width:fit-content;
  }
  .sa24-tile-headline h1{font-size:clamp(1.9rem,3.4vw,2.6rem);font-weight:800;line-height:1.02;margin:0 0 16px;letter-spacing:-0.01em;text-transform:uppercase;}
  .sa24-tile-headline p{margin:0;font-size:1rem;color:rgba(255,255,255,0.9);max-width:36ch;}
 
  .sa24-tile-numeral{
    grid-column:4 / 5;grid-row:1 / 2;
    background:var(--sa24-ink);color:var(--sa24-yellow);
    display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  }
  .sa24-tile-numeral .sa24-big{font-size:3.4rem;font-weight:900;line-height:0.9;}
  .sa24-tile-numeral span{font-size:0.75rem;color:#E7E2D6;font-weight:700;letter-spacing:0.06em;margin-top:6px;text-transform:uppercase;}
 
  .sa24-tile-stat{
    grid-column:5 / 7;grid-row:1 / 2;
    background:var(--sa24-yellow);
  }
  .sa24-tile-stat .sa24-big{font-size:2.1rem;font-weight:800;font-family:'Big Shoulders Display',sans-serif;}
  .sa24-tile-stat span{display:block;font-size:0.82rem;font-weight:600;color:var(--sa24-ink);margin-top:2px;}
 
  .sa24-tile-form{
    grid-column:4 / 7;grid-row:2 / 4;
    background:var(--sa24-white);padding:26px;
  }
  .sa24-tile-form h2{font-family:'Work Sans',sans-serif;font-size:1.25rem;font-weight:800;margin:0 0 4px;}
  .sa24-tile-form p.sa24-sub{margin:0 0 18px;color:var(--sa24-ink-soft);font-size:0.88rem;}
  .sa24-field{margin-bottom:14px;}
  .sa24-field-label{display:block;font-size:0.74rem;font-weight:700;margin-bottom:6px;text-transform:uppercase;letter-spacing:0.03em;}
  .sa24-input{
    width:100%;border:2px solid var(--sa24-ink);background:var(--sa24-cream);border-radius:10px;
    padding:12.5px 13px;font-size:0.95rem;font-family:'Work Sans',sans-serif;color:var(--sa24-ink);outline:none;
  }
  .sa24-input::placeholder{color:#9C9689;}
  .sa24-input:focus{background:#fff;}
  .sa24-phone-row{display:flex;border:2px solid var(--sa24-ink);background:var(--sa24-cream);border-radius:10px;overflow:hidden;}
  .sa24-phone-row:focus-within{background:#fff;}
  .sa24-phone-code{display:flex;align-items:center;padding:0 11px;font-weight:800;border-right:2px solid var(--sa24-ink);}
  .sa24-phone-row input{border:none;background:transparent;padding:12.5px 11px;font-size:0.95rem;width:100%;outline:none;color:var(--sa24-ink);font-family:'Work Sans',sans-serif;}
  .sa24-consent{display:flex;align-items:flex-start;gap:8px;margin:14px 0 16px;font-size:0.78rem;color:var(--sa24-ink-soft);}
  .sa24-consent input{margin-top:3px;width:15px;height:15px;accent-color:var(--sa24-coral);flex-shrink:0;}
  .sa24-consent b{color:var(--sa24-ink);}
  .sa24-submit{
    width:100%;background:var(--sa24-ink);color:var(--sa24-yellow);border:2.5px solid var(--sa24-ink);
    padding:14px 18px;border-radius:10px;font-size:1rem;font-weight:800;cursor:pointer;
    font-family:'Big Shoulders Display',sans-serif;letter-spacing:0.02em;text-transform:uppercase;
    box-shadow:3px 3px 0 var(--sa24-coral);transition:transform .1s;
  }
  .sa24-submit:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--sa24-coral);}
  .sa24-legal{text-align:center;font-size:0.74rem;color:#9C9689;margin-top:13px;}
  .sa24-legal a{text-decoration:underline;}
 
  .sa24-tile-quote{
    grid-column:1 / 3;grid-row:3 / 4;
    background:var(--sa24-white);
  }
  .sa24-tile-quote .sa24-quote-mark{font-family:'Big Shoulders Display',sans-serif;font-size:2.6rem;color:var(--sa24-coral);line-height:0.5;margin-bottom:8px;display:block;}
  .sa24-tile-quote p{margin:0 0 10px;font-size:0.92rem;font-style:italic;}
  .sa24-tile-quote span{font-size:0.8rem;font-weight:700;color:var(--sa24-ink-soft);}
 
  .sa24-tile-usecases{
    grid-column:3 / 4;grid-row:3 / 4;
    background:var(--sa24-ink);color:#fff;
  }
  .sa24-tile-usecases h3{font-family:'Work Sans',sans-serif;font-size:0.85rem;font-weight:700;margin:0 0 12px;color:var(--sa24-yellow);text-transform:uppercase;letter-spacing:0.03em;}
  .sa24-tile-usecases ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:0.85rem;}
 
  /* -------- steps strip -------- */
  .sa24-steps-strip{padding:20px 0 60px;}
  .sa24-kicker{color:var(--sa24-coral);font-weight:800;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.03em;}
  .sa24-steps-strip h2{font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:800;margin:8px 0 34px;text-transform:uppercase;letter-spacing:-0.01em;}
  .sa24-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
  .sa24-step{
    border:2.5px solid var(--sa24-ink);border-radius:16px;padding:24px;background:var(--sa24-white);
  }
  .sa24-step .sa24-big{font-family:'Big Shoulders Display',sans-serif;font-size:2rem;font-weight:800;color:var(--sa24-coral);display:block;margin-bottom:10px;}
  .sa24-step h3{font-family:'Work Sans',sans-serif;font-size:1.02rem;font-weight:700;margin:0 0 6px;}
  .sa24-step p{margin:0;color:var(--sa24-ink-soft);font-size:0.9rem;}
 
  /* -------- faq -------- */
  .sa24-faq-section{padding:0 0 70px;}
  .sa24-faq{display:grid;gap:12px;max-width:760px;}
  .sa24-faq-item{background:var(--sa24-white);border:2px solid var(--sa24-ink);border-radius:14px;}
  .sa24-faq-item summary{padding:18px 20px;cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:16px;}
  .sa24-faq-item summary::-webkit-details-marker{display:none;}
  .sa24-faq-item summary::after{content:"+";font-size:1.4rem;color:var(--sa24-coral);font-weight:800;}
  .sa24-faq-item[open] summary::after{content:"–";}
  .sa24-faq-item p{margin:0;padding:0 20px 18px;color:var(--sa24-ink-soft);font-size:0.92rem;}
 
  /* -------- footer -------- */
  .sa24-footer{border-top:2.5px solid var(--sa24-ink);padding:36px 0 30px;}
  .sa24-footer-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:20px;align-items:flex-start;}
  .sa24-footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:0.86rem;font-weight:700;}
  .sa24-disclaimer{font-size:0.77rem;color:var(--sa24-ink-soft);line-height:1.6;max-width:900px;}
 
  @media (max-width: 980px){
    .sa24-bento{grid-template-columns:1fr 1fr;grid-template-rows:auto;}
    .sa24-tile-headline{grid-column:1/3;grid-row:auto;}
    .sa24-tile-numeral{grid-column:1/2;grid-row:auto;}
    .sa24-tile-stat{grid-column:2/3;grid-row:auto;}
    .sa24-tile-form{grid-column:1/3;grid-row:auto;}
    .sa24-tile-quote{grid-column:1/2;grid-row:auto;}
    .sa24-tile-usecases{grid-column:2/3;grid-row:auto;}
    .sa24-steps{grid-template-columns:1fr;}
  }
  @media (max-width: 560px){
    .sa24-bento{grid-template-columns:1fr;}
    .sa24-tile-headline,.sa24-tile-numeral,.sa24-tile-stat,.sa24-tile-form,.sa24-tile-quote,.sa24-tile-usecases{grid-column:1/2;}
  }