/* ============================================================
   Build Live Applications workshop page (Kinetic Signal)
   ============================================================ */

.ws-hero.page-hero{padding:180px 40px 60px}
.ws-hero .lead{max-width:620px;color:var(--grey);font-size:18px}
.cpn-row { display:flex; gap:10px; align-items:stretch; }
.cpn-row input { flex:1; }
.cpn-btn { flex:none; padding:0 22px; background:transparent; border:1px solid var(--amber); color:var(--amber);
  font:600 14px/1 'Inter',sans-serif; letter-spacing:.04em; text-transform:uppercase; cursor:pointer; transition:.2s; }
.cpn-btn:hover { background:var(--amber); color:#0b0b0c; }
.cpn-btn[disabled] { opacity:.5; cursor:default; }
.cpn-msg { margin-top:8px; font-size:14px; line-height:1.5; }
.cpn-msg.ok { color:#7bd88f; }
.cpn-msg.bad { color:#ff8080; }

.ws-price{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-top:26px}
.ws-price s{font-family:"Archivo",sans-serif;font-weight:800;font-size:26px;color:var(--faint);text-decoration-thickness:3px;text-decoration-color:#c62828}
.ws-price b{font-family:"Archivo",sans-serif;font-weight:900;font-size:58px;line-height:1;color:var(--black)}
.ws-price span{font-size:14px;line-height:1.5;color:var(--grey)}
.ws-price em{font-style:normal;font-family:"Archivo",sans-serif;font-weight:800;color:var(--black);background:var(--amber);padding:1px 8px;letter-spacing:.04em}
.ws-price-dark s{color:rgba(255,255,255,.45)}
.ws-price-dark b{color:var(--amber)}
.ws-price-dark span{color:#c9c9cf}

.ws-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.ws-chip{font-family:"Archivo",sans-serif;font-weight:800;font-size:14px;letter-spacing:.08em;text-transform:uppercase;background:var(--black);color:#fff;padding:11px 18px}
.ws-chip.amber{background:var(--amber);color:var(--black)}
.ws-facts{display:flex;gap:0;border:1px solid var(--line);margin-top:44px;flex-wrap:wrap;max-width:760px}
.ws-facts div{flex:1;min-width:150px;padding:18px 20px;border-right:1px solid var(--line)}
.ws-facts div:last-child{border-right:none}
.ws-facts b{font-family:"Archivo",sans-serif;font-size:30px;font-weight:900;display:block;line-height:1}
.ws-facts span{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--grey)}

.ws-iday{background:var(--amber);padding:34px 0}
.ws-iday p{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(17px,2.2vw,24px);line-height:1.35;color:var(--black);max-width:1000px}
.ws-iday .ws-iday-tag{display:block;font-size:11px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;margin-bottom:8px;opacity:.75}
.ws-iday em{font-style:normal;background:var(--black);color:var(--amber);padding:2px 10px}

.ws-promise{background:var(--black);padding:90px 0}
.ws-statement{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(24px,3.6vw,42px);line-height:1.25;color:#fff;max-width:900px;margin-top:14px;text-transform:none}

.ws-agenda{padding:90px 40px}
.ws-agenda h2,.ws-who h2{font-size:clamp(34px,5vw,58px);margin:14px 0 40px}
.ws-half{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin:44px 0 16px;border-top:2px solid var(--black);padding-top:22px}
.ws-half:first-of-type{margin-top:0}
.ws-half-tag{font-family:"Archivo",sans-serif;font-weight:900;font-size:20px;text-transform:uppercase;letter-spacing:.02em;background:var(--black);color:#fff;padding:8px 16px}
.ws-half-tag.amber{background:var(--amber);color:var(--black)}
.ws-half-time{font-family:"Archivo",sans-serif;font-weight:800;font-size:15px;color:var(--grey);letter-spacing:.08em}
.ws-half-sub{flex-basis:100%;color:var(--grey);font-size:15px;max-width:640px}
.ws-steps{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line)}
.ws-step{display:flex;gap:18px;padding:26px 28px;border-bottom:1px solid var(--line)}
.ws-step:nth-child(odd){border-right:1px solid var(--line)}
.ws-step:nth-last-child(-n+2){border-bottom:none}
.ws-step .no{font-family:"Archivo",sans-serif;font-weight:900;font-size:18px;color:var(--amber);min-width:56px}
.ws-step b{font-family:"Archivo",sans-serif;font-size:16px;display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:.02em}
.ws-step p{color:var(--grey);font-size:14px}

.ws-get{background:#f6f5f1;padding:80px 0}
.ws-getgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}
.ws-getgrid > div{background:#fff;border:1px solid var(--line);border-top:3px solid var(--amber);padding:22px 24px}
.ws-getgrid b{font-family:"Archivo",sans-serif;font-size:15px;text-transform:uppercase;letter-spacing:.02em;display:block;margin-bottom:6px}
.ws-getgrid p{color:var(--grey);font-size:13.5px}

.ws-who{padding:90px 40px 70px}
.ws-whogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.ws-whogrid b{font-family:"Archivo",sans-serif;font-size:16px;text-transform:uppercase;display:block;margin-bottom:6px;border-bottom:2px solid var(--amber);padding-bottom:6px}
.ws-whogrid p{color:var(--grey);font-size:14.5px}
.ws-needs{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line)}
.ws-needs > div{padding:22px 26px;border-bottom:1px solid var(--line)}
.ws-needs > div:nth-child(odd){border-right:1px solid var(--line)}
.ws-needs > div:nth-last-child(-n+2){border-bottom:none}
.ws-needs b{font-family:"Archivo",sans-serif;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);display:block;margin-bottom:6px;-webkit-text-stroke:.4px var(--black)}
.ws-needs p{color:var(--grey);font-size:14.5px;margin:0}
.ws-needs strong{color:var(--black)}
.ws-offer{color:var(--amber);font-weight:600}

.ws-faq{padding:90px 40px}
.ws-faq h2{font-size:clamp(34px,5vw,58px);margin:14px 0 36px}
.ws-faqlist{border-top:2px solid var(--black)}
.ws-faqlist details{border-bottom:1px solid var(--line)}
.ws-faqlist summary{font-family:"Archivo",sans-serif;font-weight:800;font-size:17px;padding:20px 44px 20px 4px;cursor:pointer;list-style:none;position:relative;color:var(--black)}
.ws-faqlist summary::-webkit-details-marker{display:none}
.ws-faqlist summary::after{content:"+";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:26px;font-weight:700;color:var(--amber);transition:transform .25s var(--out)}
.ws-faqlist details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.ws-faqlist details p{color:var(--grey);font-size:15px;line-height:1.7;padding:0 44px 22px 4px;max-width:820px}
.ws-faqlist summary:hover{color:#000;background:rgba(255,179,0,.05)}

.ws-enroll{background:var(--black);padding:90px 0;color:#fff}
.ws-enroll h2.split-dark{color:#fff}
.ws-esub{color:#c9c9cf;margin:14px 0 34px;font-size:16px}
.ws-esub b{color:var(--amber)}
.ws-form{max-width:640px}
.ws-form .fld label{color:#c9c9cf}
.ws-form .fld input{background:#141416;border:1px solid rgba(255,255,255,.18);color:#fff}
.ws-form .fld input:focus{border-color:var(--amber)}
.ws-fine{color:#8a8a90;font-size:12.5px;margin-top:14px}
.ws-done{max-width:640px}
.ws-enroll .form-done,.ws-enroll .form-done h2{color:var(--black)}
.ws-enroll .ws-done p{color:var(--grey)}
.ws-done p{color:#c9c9cf;margin:10px 0 22px}
.ws-done .btn{margin-right:12px;margin-bottom:12px}
#wsPay:disabled{opacity:.5;pointer-events:none}
.ws-enroll .flu-err{color:#ff8a80}

@media(max-width:860px){
  .ws-hero.page-hero{padding:150px 22px 50px}
  .ws-steps{grid-template-columns:1fr}
  .ws-step:nth-child(odd){border-right:none}
  .ws-step:nth-last-child(-n+2){border-bottom:1px solid var(--line)}
  .ws-step:last-child{border-bottom:none}
  .ws-getgrid,.ws-whogrid,.ws-needs{grid-template-columns:1fr}
  .ws-needs > div:nth-child(odd){border-right:none}
  .ws-hero{padding-top:130px}
  .ws-agenda,.ws-who,.ws-faq{padding-left:22px;padding-right:22px}
}