/* JU$T A$K RUDY page + demos. Uses /assets/rooster.css tokens (--onyx --ivory --muted --dim --gold --champ --line) and the .rp-* phone. */
.jar-hero-in{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:40px;align-items:center;text-align:left!important;max-width:1160px!important}
.jar-hero-in h1{margin-left:0!important;max-width:13ch!important}
.jar-hero-in .lede{margin-left:0!important}
.jar-hero-in .cta-row{justify-content:flex-start}
.jar-line{margin:16px 0 0;color:var(--dim);font-size:.9rem;line-height:1.6}
.jar-line b{color:var(--muted);font-weight:700}
.jar-stack{display:flex;flex-direction:column;gap:12px;max-width:390px;margin:0 auto;padding:28px 22px;border:1px solid var(--line);border-radius:26px;background:radial-gradient(120% 100% at 80% 0%,rgba(228,200,126,.10),rgba(14,14,15,.9) 60%)}
.jar-stack .jar-k{font:800 .62rem Manrope;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);text-align:center;margin-bottom:2px}
.jar-pill{align-self:flex-end;max-width:88%;padding:10px 15px;border-radius:19px 19px 6px 19px;background:linear-gradient(#2aa0ff,#0a7bff);color:#fff;font:500 .98rem/1.38 -apple-system,BlinkMacSystemFont,Manrope,sans-serif;box-shadow:0 8px 24px rgba(10,123,255,.18)}
.jar-pill:nth-child(3){margin-right:18px}
.jar-pill.jar-in{align-self:flex-start;background:#e9e9eb;color:#000;border-radius:19px 19px 19px 6px;box-shadow:none}
@media (prefers-reduced-motion:no-preference){.jar-pill{animation:jar-rise .6s cubic-bezier(.2,.9,.3,1.2) both}.jar-pill:nth-child(3){animation-delay:.15s}.jar-pill:nth-child(4){animation-delay:.3s}.jar-pill:nth-child(5){animation-delay:.6s}}
@keyframes jar-rise{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}

.jar-h2{text-align:center;font-family:'Cormorant Garamond';color:var(--ivory);font-weight:700;font-size:clamp(1.9rem,4.4vw,2.8rem);line-height:1.1;margin:0 0 .6rem}
.jar-h2 em{color:var(--champ)}
.jar-kicker{display:block;text-align:center;font:800 .68rem Manrope;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.jar-real{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 26px;font:700 .86rem Manrope;color:var(--champ);text-align:center}
.jar-real:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--champ);box-shadow:0 0 10px rgba(246,217,123,.8);flex:none}

/* Demo A */
.jar-a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:start;max-width:1040px;margin:0 auto}
.jar-asks{display:flex;flex-direction:column;gap:10px;min-width:0}
.jar-lbl{display:block;font:800 .66rem Manrope;letter-spacing:.16em;text-transform:uppercase;color:var(--champ);margin:0 0 4px}
.jar-ask{display:flex;flex-direction:column;gap:4px;width:100%;text-align:left;cursor:pointer;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:#0e0e0f;color:var(--ivory);font:600 1rem/1.4 Manrope;transition:border-color .2s,background .2s,transform .2s}
.jar-ask small{font:800 .6rem Manrope;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.jar-ask:hover{border-color:rgba(228,200,126,.6)}
.jar-ask:focus-visible{outline:2px solid var(--champ);outline-offset:2px}
.jar-ask[aria-pressed=true]{border-color:transparent;background:linear-gradient(180deg,rgba(246,217,123,.16),rgba(228,200,126,.06));box-shadow:0 0 0 1.5px var(--champ) inset}
.jar-ask[aria-pressed=true] small{color:var(--champ)}
.jar-ask.all{border-style:dashed}
.jar-side-note{color:var(--dim);font-size:.86rem;line-height:1.55;margin:6px 0 0}
.jar-phone-col{display:flex;flex-direction:column;align-items:center;gap:10px}
.jar-who{font:800 .66rem Manrope;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:center}
.jar-a .rp-phone{width:clamp(292px,84vw,352px)}
.jar-a .rp-msg{white-space:pre-wrap}
.jar-hide{font:600 .8rem Manrope;color:var(--dim);text-align:center;max-width:34ch}
.jar-hide[hidden]{display:none}
.jar-trans{max-width:860px;margin:28px auto 0;border:1px solid var(--line);border-radius:14px;padding:4px 18px;background:#0e0e0f}
.jar-trans summary{cursor:pointer;padding:12px 0;font:700 .95rem Manrope;color:var(--champ)}
.jar-trans dl{margin:0 0 14px}
.jar-trans dt{font:800 .62rem Manrope;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-top:14px}
.jar-trans dd{margin:4px 0 0;color:var(--muted);line-height:1.6}
.jar-trans dd.q{color:var(--ivory);font-weight:600}

/* Demo B */
.jar-b{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:24px;align-items:start;max-width:1040px;margin:0 auto}
.jar-card{border:1px solid var(--line);border-radius:18px;padding:22px;background:#0e0e0f;min-width:0}
.jar-f{display:block;margin:0 0 14px}
.jar-f>span{display:block;font:800 .64rem Manrope;letter-spacing:.16em;text-transform:uppercase;color:var(--champ);margin:0 0 7px}
.jar-f input,.jar-f select{width:100%;box-sizing:border-box;font:600 1rem Manrope;color:var(--ivory);background:#141414;border:1px solid rgba(228,200,126,.45);border-radius:12px;padding:12px 14px;min-height:48px;color-scheme:dark}
.jar-f input:focus,.jar-f select:focus{outline:2px solid rgba(246,217,123,.6);outline-offset:1px}
.jar-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.jar-private{color:var(--dim);font-size:.82rem;margin:4px 0 0;line-height:1.5}
.jar-out h3{font:800 .64rem Manrope;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin:0 0 8px}
.jar-out h3+*{margin-top:0}
.jar-blk{margin:0 0 20px}
.jar-conf{display:inline-block;max-width:100%;padding:11px 15px;border-radius:19px 19px 19px 6px;background:#e9e9eb;color:#000;font:500 1rem/1.4 -apple-system,BlinkMacSystemFont,Manrope,sans-serif}
.jar-note{display:flex;gap:12px;align-items:flex-start;padding:13px 15px;border-radius:16px;background:#141414;border:1px solid var(--line)}
.jar-note .ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(228,200,126,.12);border:1px solid rgba(228,200,126,.35)}
.jar-note b{display:block;color:var(--ivory);font:700 1rem/1.4 Manrope;word-break:break-word}
.jar-note small{display:block;color:var(--dim);font-size:.82rem;margin-top:2px}
.jar-from{font:700 .72rem Manrope;color:var(--muted);margin-bottom:2px}
.jar-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.jar-list li{display:flex;gap:12px;align-items:center;padding:9px 12px;border-radius:12px;background:#121212;border:1px solid rgba(255,255,255,.05);color:var(--ivory);font:600 .98rem Manrope}
.jar-list li b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex:none;font:800 .74rem Manrope;color:#0b0b0c;background:var(--champ)}
.jar-hint{color:var(--muted);font-size:.88rem;line-height:1.5;margin:8px 0 0;padding-left:12px;border-left:2px solid var(--gold)}
.jar-hint[hidden],.jar-res[hidden],.jar-errbox[hidden]{display:none!important}
.jar-errbox{padding:16px;border-radius:14px;border:1px dashed rgba(228,200,126,.5);color:var(--ivory);line-height:1.5}
.jar-askline{padding:12px 15px;border-radius:19px 19px 6px 19px;background:linear-gradient(#2aa0ff,#0a7bff);color:#fff;font:500 1rem/1.4 -apple-system,BlinkMacSystemFont,Manrope,sans-serif;margin:0 0 12px auto;width:fit-content;max-width:100%}
.jar-go{display:flex;justify-content:center;width:100%;box-sizing:border-box;text-align:center}
.jar-go[aria-disabled=true]{opacity:.45;pointer-events:none}

/* Handles + won't */
.jar-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1040px;margin:0 auto}
.jar-g3>div{border:1px solid var(--line);border-radius:18px;padding:22px;background:linear-gradient(180deg,#0e0e0f,#0b0b0c);color:var(--muted);line-height:1.6;font-size:.98rem}
.jar-g3 h3{color:var(--ivory);font:800 1.06rem Manrope;margin:12px 0 6px}
.jar-g3 q{color:var(--ivory);quotes:"\201C" "\201D"}
.jar-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(228,200,126,.16),rgba(228,200,126,.05));border:1px solid rgba(228,200,126,.38)}
.jar-ic svg{width:24px;height:24px}
.jar-checks{max-width:1040px;margin:22px auto 0;text-align:center;color:var(--ivory);font:700 1.05rem Manrope}
.jar-checks span{color:var(--champ)}
.jar-wont{max-width:1040px;margin:0 auto;border:1px solid rgba(228,200,126,.4);border-radius:22px;padding:30px;background:radial-gradient(120% 120% at 0% 0%,rgba(228,200,126,.08),#0e0e0f 55%)}
.jar-wont ul{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 26px}
.jar-wont li{position:relative;padding:0 0 0 34px;color:var(--muted);line-height:1.6}
.jar-wont li b{display:block;color:var(--ivory);font:800 1rem Manrope;margin-bottom:2px}
.jar-wont li svg{position:absolute;left:0;top:2px;width:22px;height:22px}
.jar-wont p.jar-why{margin:0;color:var(--muted);line-height:1.7;max-width:70ch}

/* Steps */
.jar-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1040px;margin:0 auto;padding:0;list-style:none;counter-reset:js}
.jar-steps li{counter-increment:js;border:1px solid var(--line);border-radius:18px;padding:22px;background:#0e0e0f;color:var(--muted);line-height:1.6}
.jar-steps li:before{content:counter(js);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font:800 1rem Manrope;color:#0b0b0c;background:linear-gradient(180deg,var(--champ),var(--gold));margin-bottom:12px}
.jar-steps b{display:block;color:var(--ivory);font:800 1.05rem Manrope;margin-bottom:4px}
.jar-also{max-width:760px;margin:20px auto 0;text-align:center;color:var(--muted);line-height:1.7}
.jar-also b{color:var(--ivory)}
.jar-faq{max-width:820px;margin:0 auto}
.jar-faq details{border-bottom:1px solid var(--line);padding:18px 4px}
.jar-faq summary{cursor:pointer;font-family:'Cormorant Garamond';font-weight:700;font-size:1.3rem;color:var(--ivory)}
.jar-faq p{color:var(--muted);line-height:1.7;margin:10px 0 0}

@media (max-width:900px){
  .jar-hero-in{grid-template-columns:1fr;text-align:center!important;gap:30px}
  .jar-hero-in h1,.jar-hero-in .lede{margin-left:auto!important;margin-right:auto!important}
  .jar-hero-in .cta-row{justify-content:center}
  .jar-a{grid-template-columns:1fr;gap:26px}
  .jar-b{grid-template-columns:1fr}
  .jar-g3,.jar-steps{grid-template-columns:1fr}
  .jar-wont ul{grid-template-columns:1fr}
}
@media (max-width:640px){.jar-wont{padding:22px}.jar-card{padding:18px}.jar-hero-in .cta-row .btn,.jar-hero-in .cta-row .btn-ghost{width:100%;justify-content:center;box-sizing:border-box}}
@media (prefers-reduced-motion:reduce){.jar-ask,.jar-pill{transition:none!important;animation:none!important}}
.ar-hero{padding-top:0!important}
.ar-hero .in.jar-hero-in{padding-top:64px;padding-bottom:64px}
@media (max-width:640px){.ar-hero .in.jar-hero-in{padding-top:44px;padding-bottom:48px}}
.jar-steps{margin-top:26px}
.jar-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.jar-faq summary::-webkit-details-marker{display:none}
.jar-faq summary:after{content:"+";flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:700 1.1rem Manrope;color:var(--champ);border:1px solid rgba(228,200,126,.45);transition:transform .2s}
.jar-faq details[open] summary:after{transform:rotate(45deg)}
.jar-faq summary:focus-visible,.jar-trans summary:focus-visible{outline:2px solid var(--champ);outline-offset:3px;border-radius:6px}
.jar-pill{text-align:left}
.jar-real{width:fit-content;max-width:min(100%,40ch);text-align:left}
.jar-row>*{min-width:0}
.jar-f input,.jar-f select{min-width:0;max-width:100%;display:block}
.jar-f input[type=date],.jar-f input[type=time]{-webkit-appearance:none;appearance:none}