:root{
    --ink:#0E0E0E;
    --charcoal:#2B2B2B;
    --paper:#FFFFFF;
    --bone:#F4F4EF;
    --lime:#C6F135;
    --lime-dark:#9FC418;
    --line:rgba(255,255,255,0.14);
    --muted:rgba(255,255,255,0.72);
    --form-line:rgba(0,0,0,0.14);
    --form-placeholder:rgba(0,0,0,0.4);
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:'Work Sans',sans-serif;
    font-weight:400;
    font-size:1.05rem;
    color:var(--paper);
    background:var(--ink);
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
    padding-bottom:0;
  }
  h1,h2,h3{
    font-family:'Zilla Slab',serif;
    font-weight:700;
    line-height:1.05;
    letter-spacing:-0.01em;
    color:var(--paper);
  }
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  .wrap{max-width:1120px;margin:0 auto;padding:0 32px;}
  .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    background:var(--lime);
    color:var(--ink);
    font-family:'Work Sans',sans-serif;
    font-weight:600;
    font-size:1rem;
    padding:16px 30px;
    border-radius:2px;
    border:none;
    cursor:pointer;
    transition:background .15s ease, transform .15s ease, border-color .15s ease;
    min-height:48px;
    min-width:48px;
  }
  .btn:hover{background:var(--lime-dark);transform:translateY(-1px);}
  .btn:focus-visible{outline:3px solid var(--lime);outline-offset:3px;}
  .btn.ghost{
    background:transparent;
    color:var(--paper);
    border:1.5px solid var(--paper);
  }
  .btn.ghost:hover{background:rgba(255,255,255,0.08);transform:translateY(-1px);}
  .btn.ghost:focus-visible{outline:3px solid var(--paper);outline-offset:3px;}
  .cta-sla{
    margin-top:10px;
    font-size:0.9rem;
    color:var(--muted);
  }

  /* ---------- HEADER / NAV ---------- */
  header nav{
    display:flex;align-items:center;justify-content:space-between;
    padding:22px 32px;max-width:1120px;margin:0 auto;
    gap:16px;flex-wrap:wrap;
  }
  .logo{
    font-family:'Zilla Slab',serif;
    font-weight:700;
    font-size:1.35rem;
    color:var(--paper);
  }
  .logo span{color:var(--lime);}
  .nav-actions{
    display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  }
  .nav-actions .call{
    font-weight:500;
    font-size:0.95rem;
    color:var(--muted);
    min-height:48px;
    display:inline-flex;align-items:center;
  }
  .nav-actions .call strong{color:var(--paper);font-weight:600;}
  .nav-actions .btn{padding:12px 22px;font-size:0.95rem;}
  .nav-sla{
    font-size:0.8rem;
    color:var(--muted);
    width:100%;
    text-align:right;
    margin-top:-8px;
  }

  /* ---------- HERO ---------- */
  .hero{
    padding:64px 32px 96px;
    max-width:1120px;margin:0 auto;
    display:grid;
    grid-template-columns:1.15fr 0.85fr;
    gap:56px;
    align-items:center;
  }
  .hero h1{
    font-size:clamp(2.6rem,4.8vw,4rem);
    max-width:11ch;
  }
  .hero .lead{
    margin-top:22px;
    font-size:1.15rem;
    max-width:46ch;
    color:var(--muted);
  }
  .hero .cta-row{
    margin-top:34px;
    display:flex;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
  }
  .proof-chips{
    margin-top:22px;
    display:flex;
    flex-wrap:nowrap;
    gap:8px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  @media (max-width:640px){
    .proof-chips{flex-wrap:wrap;overflow-x:visible;}
  }
  .proof-chips .chip{
    display:inline-flex;
    align-items:center;
    font-size:0.82rem;
    font-weight:600;
    color:var(--paper);
    border:1px solid var(--line);
    background:var(--charcoal);
    padding:8px 12px;
    border-radius:2px;
    white-space:nowrap;
  }
  .proof-chips .chip:hover{color:var(--lime);border-color:var(--lime);}
  .hero-panel{
    background:var(--charcoal);
    color:var(--paper);
    padding:34px;
    border-radius:2px;
    position:relative;
  }
  .hero-panel::before{
    content:"";
    position:absolute;
    top:-10px;left:-10px;right:10px;bottom:10px;
    border:2px solid var(--lime);
    z-index:-1;
    border-radius:2px;
  }
  .hero-panel .figure{
    font-family:'Zilla Slab',serif;
    font-size:3rem;
    color:var(--lime);
    line-height:1;
  }
  .hero-panel .cap{
    margin-top:6px;
    font-size:0.95rem;
    color:var(--muted);
    max-width:26ch;
  }
  .hero-panel .divider{
    height:1px;background:var(--line);
    margin:26px 0;
  }

  /* ---------- SITUATIONS ---------- */
  .situations{
    background:var(--ink);
    padding:96px 32px;
    border-top:1px solid var(--line);
  }
  .situations h2{
    font-size:clamp(1.9rem,3vw,2.5rem);
    max-width:16ch;
  }
  .situations .intro{
    margin-top:16px;
    max-width:58ch;
    color:var(--muted);
    font-size:1.05rem;
  }
  .grid-sit{
    margin-top:48px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
  }
  .sit-card{
    background:var(--charcoal);
    padding:30px 26px;
    border-radius:2px;
    border:1px solid var(--line);
  }
  .sit-card h3{
    font-family:'Work Sans',sans-serif;
    font-weight:600;
    font-size:1.05rem;
    margin-bottom:8px;
    color:var(--paper);
  }
  .sit-card p{
    font-size:1rem;
    color:var(--muted);
  }

  /* ---------- WHY FULL PRICE ---------- */
  .why{
    background:var(--ink);
    color:var(--paper);
    padding:100px 32px;
    border-top:1px solid var(--line);
  }
  .why-inner{
    max-width:1120px;margin:0 auto;
    display:grid;
    grid-template-columns:0.9fr 1.1fr;
    gap:64px;
    align-items:start;
  }
  .why h2{
    font-size:clamp(2rem,3.4vw,2.7rem);
    max-width:16ch;
  }
  .why h2 em{
    font-style:normal;
    color:var(--lime);
  }
  .why-list{margin-top:8px;}
  .why-list p{
    color:var(--muted);
    font-size:1.05rem;
    margin-bottom:20px;
    max-width:56ch;
  }
  .why-list .tag{
    display:inline-block;
    font-size:0.85rem;
    font-weight:600;
    color:var(--lime);
    border:1px solid rgba(198,241,53,0.35);
    padding:6px 12px;
    border-radius:2px;
    margin-bottom:22px;
  }

  /* ---------- PROCESS ---------- */
  .process{
    padding:100px 32px;
    max-width:1120px;margin:0 auto;
    border-top:1px solid var(--line);
  }
  .process h2{
    font-size:clamp(1.9rem,3vw,2.5rem);
    max-width:18ch;
  }
  .process .intro{
    margin-top:16px;color:var(--muted);max-width:52ch;font-size:1.05rem;
  }
  .steps{
    margin-top:56px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:36px;
  }
  .step{
    border-top:3px solid var(--lime);
    padding-top:18px;
  }
  .step .num{
    font-family:'Zilla Slab',serif;
    font-size:1.6rem;
    color:var(--lime);
    display:block;
    margin-bottom:10px;
  }
  .step h3{
    font-family:'Work Sans',sans-serif;
    font-weight:600;
    font-size:1.05rem;
    margin-bottom:8px;
  }
  .step p{font-size:1rem;color:var(--muted);}

  /* ---------- FORM / OFFER (WHITE CARD) ---------- */
  .final{
    background:var(--ink);
    color:var(--paper);
    padding:96px 32px;
    border-top:1px solid var(--line);
  }
  .final-inner{
    max-width:1120px;margin:0 auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:64px;
    align-items:start;
  }
  .final h2{
    font-size:clamp(2.1rem,3.6vw,2.8rem);
    max-width:13ch;
  }
  .final .lead{
    margin-top:18px;color:var(--muted);max-width:44ch;font-size:1.05rem;
  }
  .micro-steps{
    margin-top:28px;
    display:flex;
    flex-direction:column;
    gap:12px;
  }
  .micro-steps li{
    list-style:none;
    display:flex;
    gap:12px;
    align-items:flex-start;
    color:var(--muted);
    font-size:0.98rem;
  }
  .micro-steps .n{
    flex-shrink:0;
    width:28px;height:28px;
    border-radius:2px;
    background:var(--lime);
    color:var(--ink);
    font-weight:600;
    font-size:0.85rem;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
  form.offer-form{
    background:var(--paper);
    color:var(--ink);
    padding:34px;
    border-radius:2px;
    border:1px solid rgba(255,255,255,0.08);
    box-shadow:0 12px 40px rgba(0,0,0,0.35);
  }
  .offer-form .field{margin-bottom:18px;}
  .offer-form .field label{
    display:block;
    font-size:0.85rem;
    font-weight:600;
    margin-bottom:6px;
    color:var(--ink);
  }
  .offer-form .field .opt{
    font-weight:400;
    color:var(--charcoal);
    font-size:0.8rem;
  }
  .offer-form .field input,
  .offer-form .field textarea,
  .offer-form .field select{
    width:100%;
    padding:13px 14px;
    border:1.5px solid var(--form-line);
    border-radius:2px;
    font-family:'Work Sans',sans-serif;
    font-size:1rem;
    background:var(--paper);
    color:var(--ink);
    min-height:48px;
  }
  .offer-form .field select{
    appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%230E0E0E' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 14px center;
    padding-right:36px;
  }
  .offer-form .field select option{background:var(--paper);color:var(--ink);}
  .offer-form .field textarea{min-height:96px;resize:vertical;line-height:1.45;}
  .offer-form .field input::placeholder,
  .offer-form .field textarea::placeholder{color:var(--form-placeholder);}
  .offer-form .field input:focus,
  .offer-form .field textarea:focus,
  .offer-form .field select:focus{
    outline:none;
    border-color:var(--lime);
    box-shadow:0 0 0 3px rgba(198,241,53,0.35);
  }
  .offer-form .btn{
    width:100%;
    justify-content:center;
    margin-top:6px;
    background:var(--lime);
    color:var(--ink);
  }
  .offer-form .fine{
    margin-top:14px;
    font-size:0.82rem;
    color:var(--charcoal);
  }
  .optional-toggle{
    display:block;
    width:100%;
    text-align:left;
    background:transparent;
    border:none;
    border-top:1px solid var(--form-line);
    padding:14px 0;
    margin:4px 0 12px;
    font-family:'Work Sans',sans-serif;
    font-size:0.95rem;
    font-weight:600;
    color:var(--ink);
    cursor:pointer;
    min-height:48px;
  }
  .optional-toggle:focus-visible{
    outline:3px solid var(--lime);
    outline-offset:2px;
  }
  .optional-toggle .chev{
    display:inline-block;
    margin-left:6px;
    transition:transform .15s ease;
  }
  .optional-toggle[aria-expanded="true"] .chev{transform:rotate(90deg);}
  .optional-fields{display:none;}
  .optional-fields.is-open{display:block;}

  /* ---------- BUYERS (quiet, below form) ---------- */
  .buyers{
    background:var(--ink);
    padding:64px 32px 72px;
    border-top:1px solid var(--line);
  }
  .buyers-inner{
    max-width:1120px;margin:0 auto;
    display:grid;grid-template-columns:1.2fr 0.8fr;gap:40px;align-items:center;
  }
  .buyers h2{font-size:clamp(1.5rem,2.4vw,1.9rem);max-width:22ch;}
  .buyers p{margin-top:12px;color:var(--muted);font-size:0.98rem;max-width:52ch;}
  .buyers .btn.ghost{margin-top:20px;}

  /* ---------- FAQ ---------- */
  .faq{
    padding:96px 32px;
    max-width:1120px;margin:0 auto;
    border-top:1px solid var(--line);
  }
  .faq h2{
    font-size:clamp(1.9rem,3vw,2.5rem);
    max-width:18ch;
  }
  .faq-list{margin-top:40px;display:flex;flex-direction:column;gap:12px;}
  .faq-item{
    border:1px solid var(--line);
    background:var(--charcoal);
    border-radius:2px;
  }
  .faq-item summary{
    list-style:none;
    cursor:pointer;
    padding:20px 24px;
    font-family:'Work Sans',sans-serif;
    font-weight:600;
    font-size:1.05rem;
    color:var(--paper);
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
  }
  .faq-item summary h3{
    font-family:'Work Sans',sans-serif;
    font-weight:600;
    font-size:1.05rem;
    line-height:1.35;
    letter-spacing:0;
    color:var(--paper);
  }
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item summary::after{
    content:"+";
    color:var(--lime);
    font-size:1.4rem;
    font-weight:600;
    flex-shrink:0;
  }
  .faq-item[open] summary::after{content:"–";}
  .faq-item .a{
    padding:0 24px 22px;
    color:var(--muted);
    font-size:1rem;
    max-width:70ch;
  }

  /* ---------- FOOTER ---------- */
  footer{
    padding:36px 32px 48px;
    max-width:1120px;margin:0 auto;
    display:flex;justify-content:space-between;align-items:flex-start;
    gap:24px;flex-wrap:wrap;
    font-size:0.85rem;color:var(--muted);
    border-top:1px solid var(--line);
  }
  footer .name{
    font-family:'Zilla Slab',serif;
    font-weight:700;
    font-size:1.05rem;
    color:var(--paper);
  }
  footer .pos{margin-top:4px;white-space:nowrap;}
  @media (max-width:640px){
    footer .pos{white-space:normal;}
  }
  footer .entity{margin-top:10px;color:var(--muted);}
  footer a{color:var(--paper);font-weight:600;min-height:48px;display:inline-flex;align-items:center;}

  /* ---------- STICKY MOBILE BAR ---------- */
  .sticky-bar{
    display:none;
    position:fixed;
    bottom:0;left:0;right:0;
    z-index:100;
    background:var(--charcoal);
    border-top:1px solid var(--line);
    padding:10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
    gap:10px;
    box-shadow:0 -4px 24px rgba(0,0,0,0.35);
  }
  .sticky-bar .btn{
    flex:1;
    padding:14px 16px;
    font-size:0.95rem;
    min-height:48px;
    min-width:48px;
  }
  .sticky-wrap{
    display:flex;
    flex-direction:column;
    gap:6px;
    width:100%;
  }
  .sticky-btns{display:flex;gap:10px;width:100%;}
  .sticky-sla{
    text-align:center;
    font-size:0.75rem;
    color:var(--muted);
  }

  /* ---------- TABLET 641–960 ---------- */
  @media (max-width:960px){
    .wrap{padding:0 24px;}
    header nav{padding:18px 24px;}
    .hero{
      grid-template-columns:1fr;
      gap:40px;
      padding:48px 24px 72px;
    }
    .hero .cta-row + .proof-chips{order:0;}
    .grid-sit{grid-template-columns:repeat(2,1fr);}
    .why{padding:72px 24px;}
    .why-inner{grid-template-columns:1fr;gap:28px;}
    .process{padding:72px 24px;}
    .steps{grid-template-columns:repeat(2,1fr);gap:28px;}
    .final{padding:72px 24px;}
    .final-inner{grid-template-columns:1fr;gap:36px;}
    .buyers{padding:56px 24px;}
    .buyers-inner{grid-template-columns:1fr;gap:20px;}
    .faq{padding:72px 24px;}
    footer{padding:28px 24px 48px;}
  }

  /* ---------- PHONE ≤640 ---------- */
  @media (max-width:640px){
    body{
      font-size:1rem;
      padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px));
    }
    .wrap{padding:0 20px;}
    header nav{padding:16px 20px;}
    .nav-actions .call{display:none;}
    .nav-sla{display:none;}
    .hero{padding:36px 20px 56px;gap:32px;}
    .hero .lead{font-size:1.125rem;}
    .situations{padding:56px 20px 64px;}
    .situations .intro,
    .sit-card p,
    .why-list p,
    .process .intro,
    .step p,
    .final .lead,
    .buyers p,
    .faq-item .a{font-size:1rem;}
    .grid-sit{grid-template-columns:1fr;}
    .why{padding:56px 20px;}
    .process{padding:56px 20px;}
    .steps{grid-template-columns:1fr;gap:24px;}
    .final{padding:56px 20px calc(56px + 8px);}
    .buyers{padding:48px 20px;}
    .faq{padding:56px 20px;}
    footer{padding:28px 20px calc(28px + env(safe-area-inset-bottom, 0px));flex-direction:column;}
    .sticky-bar{display:flex;}
    form.offer-form{padding:24px 20px;}
  }

  /* Show sticky only on phone; tablet keeps in-page CTAs */
  @media (min-width:641px) and (max-width:960px){
    body{padding-bottom:0;}
    .sticky-bar{display:none;}
  }

  @media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto;}
    .btn,.btn:hover,.btn.ghost:hover,.optional-toggle .chev{transition:none;transform:none;}
  }


  /* ---------- LP content blocks ---------- */
  .lp-hero{
    padding:56px 32px 64px;
    max-width:1120px;margin:0 auto;
  }
  .lp-hero h1{
    font-size:clamp(2.2rem,4.2vw,3.4rem);
    max-width:18ch;
  }
  .lp-hero .lead{
    margin-top:22px;
    font-size:1.15rem;
    max-width:58ch;
    color:var(--muted);
  }
  .lp-hero .cta-row{
    margin-top:28px;
    display:flex;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
  }
  .content-block{
    padding:72px 32px;
    max-width:1120px;margin:0 auto;
    border-top:1px solid var(--line);
  }
  .content-block h2{
    font-size:clamp(1.7rem,2.8vw,2.2rem);
    max-width:22ch;
    margin-bottom:16px;
  }
  .content-block p{
    color:var(--muted);
    font-size:1.05rem;
    max-width:68ch;
    margin-bottom:16px;
  }
  .content-block p:last-child{margin-bottom:0;}
  .content-block .kicker{
    display:inline-block;
    font-size:0.85rem;
    font-weight:600;
    color:var(--lime);
    border:1px solid rgba(198,241,53,0.35);
    padding:6px 12px;
    border-radius:2px;
    margin-bottom:18px;
  }
  .related{
    padding:64px 32px 72px;
    max-width:1120px;margin:0 auto;
    border-top:1px solid var(--line);
  }
  .related h2{
    font-size:clamp(1.5rem,2.4vw,1.9rem);
    margin-bottom:20px;
  }
  .related-links{
    display:flex;flex-wrap:wrap;gap:12px;
  }
  .related-links a{
    display:inline-flex;align-items:center;
    padding:12px 16px;
    border:1px solid var(--line);
    background:var(--charcoal);
    border-radius:2px;
    font-size:0.95rem;
    font-weight:600;
    color:var(--paper);
    min-height:48px;
  }
  .related-links a:hover{border-color:var(--lime);color:var(--lime);}
  .sit-card .learn{
    display:inline-flex;
    margin-top:14px;
    font-weight:600;
    font-size:0.95rem;
    color:var(--lime);
    min-height:auto;
    align-items:center;
  }
  .sit-card a.learn{
    display:inline-flex;
    margin-top:14px;
    font-weight:600;
    font-size:0.95rem;
    color:var(--lime);
    min-height:48px;
    align-items:center;
  }
  .sit-card a.learn:hover{text-decoration:underline;}
  a.sit-card{
    display:block;
    transition:border-color .15s ease;
  }
  a.sit-card:hover{border-color:var(--lime);}
  a.sit-card:focus-visible{outline:3px solid var(--lime);outline-offset:3px;}
  footer .disclaimer{
    margin-top:14px;
    max-width:62ch;
    font-size:0.8rem;
    color:var(--muted);
    line-height:1.45;
  }
  @media (max-width:960px){
    .lp-hero{padding:40px 24px 48px;}
    .content-block{padding:56px 24px;}
    .related{padding:48px 24px 56px;}
  }
  @media (max-width:640px){
    .lp-hero{padding:28px 20px 40px;}
    .lp-hero .lead{font-size:1.125rem;}
    .content-block{padding:48px 20px;}
    .content-block p{font-size:1rem;}
    .related{padding:40px 20px 48px;}
  }

  /* ---------- LOGO IMAGE ---------- */
  .logo{display:inline-flex;align-items:center;line-height:0;}
  .logo img{display:block;height:48px;width:auto;}
  @media (max-width:640px){ .logo img{height:40px;} }

  /* ---------- FORM HONEYPOT (hidden from people) ---------- */
  .hp{position:absolute !important;left:-10000px !important;top:auto;width:1px;height:1px;overflow:hidden;}