/* Contact JustJava page */
.c-hero{padding-block:40px 32px}
.c-title{font-size:clamp(2.4rem,1.3rem + 4.6vw,4.75rem);max-width:14ch}
.c-main{padding-block:8px 96px}
.c-grid{display:grid;gap:32px;align-items:start}
.live{position:sticky;top:calc(env(safe-area-inset-top,0px) + 68px);z-index:5;transition:top .3s var(--ease)}
body.nav-hidden .live{top:calc(env(safe-area-inset-top,0px) + 8px)}
.lv-card{background:var(--ink-raised);border:1px solid var(--line-dark);border-radius:8px;overflow:hidden;box-shadow:0 12px 24px -12px rgba(0,0,0,.6)}
.lv-title{padding:14px 20px 12px}
.lv-title h2{margin:0;font-size:18px;font-weight:500;letter-spacing:-.015em;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lv-title p{margin:4px 0 0;font:12px/1.4 var(--mono);color:var(--muted-dark)}
.lv-rows{display:none;margin:0;padding:0 20px 8px}
.lv-row{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--line-dark);font-size:14px}
.lv-row dt{font:500 11px/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-dark)}
.lv-row dd{margin:0;color:rgba(163,171,199,.5);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.lv-row.set dd{color:var(--paper);animation:settle .3s var(--ease)}
@keyframes settle{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.lv-foot{display:flex;align-items:center;gap:12px;padding:12px 20px;border-top:1px solid var(--line-dark);font:12px/1 var(--mono);color:var(--muted-dark)}
.lv-bar{flex:1;height:3px;background:var(--line-dark);border-radius:2px;overflow:hidden}
.lv-bar i{display:block;height:100%;background:var(--ultra);transform-origin:left;transform:scaleX(0);transition:transform .4s var(--ease)}
.chip.ready{background:var(--ultra);border-color:var(--ultra);color:#fff}
.chip.final{background:var(--violet);border-color:var(--violet);color:#fff}
.lv-next{list-style:none;margin:0;padding:6px 20px 14px;display:grid;gap:12px}
.lv-next li{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start;color:var(--muted-dark)}
.lv-next li b{display:block;font-weight:500;font-size:15px}
.lv-next li small{font-size:13px}
.lv-next li.on{color:var(--paper)}
.lv-next li.on .dot{background:var(--violet);border-color:var(--violet)}
.lv-next li.on .dot path{stroke-dashoffset:0}
form fieldset{border:0;margin:0 0 8px;padding:0;display:grid;gap:22px}
form legend{font:500 12px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--maya);padding:28px 0 16px;border-top:1px solid var(--line-dark);width:100%}
form fieldset:first-child legend{border-top:0;padding-top:4px}
.f{display:grid;gap:8px}
.f label{font-size:15px;font-weight:500;display:flex;justify-content:space-between;gap:12px}
.opt{font:12px/1.6 var(--mono);color:var(--muted-dark);font-weight:400}
.f input,.f select,.f textarea{width:100%;font:16px/1.5 var(--sans);color:var(--paper);background:var(--ink-raised);border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:13px 14px;transition:border-color .15s var(--ease),background .15s var(--ease)}
.f input,.f select{height:52px}
.f textarea{resize:vertical;min-height:96px}
.f ::placeholder{color:rgba(163,171,199,.55)}
.f input:hover,.f select:hover,.f textarea:hover{border-color:rgba(255,255,255,.24)}
.f input:focus,.f select:focus,.f textarea:focus{outline:none;border-color:var(--ultra);box-shadow:0 0 0 3px rgba(37,91,236,.25)}
.f select{appearance:none;-webkit-appearance:none;padding-right:40px;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 d='M1 1.5l5 5 5-5' fill='none' stroke='%23A3ABC7' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
.f [aria-invalid="true"]{border-color:#FF6B8A}
.err{margin:0;font-size:14px;color:#FF8FA6;min-height:0}
.err:empty{display:none}
.submit{height:56px;width:100%;margin-top:24px;font-size:17px}
.note{margin:14px 0 0;font-size:14px;color:var(--muted-dark)}
.done{padding-block:24px 0}
.done p{color:var(--muted-dark);font-size:18px;max-width:34ch;margin:16px 0 28px}
@media (min-width:900px){
  .c-hero{padding-block:96px 48px}
  .c-grid{grid-template-columns:1fr 440px;gap:80px}
  .live{order:2;top:100px}
  body.nav-hidden .live{top:40px}
  .lv-rows{display:block}
  .submit{width:auto;padding-inline:36px}
  .c-main{padding-block:16px 144px}
}
.chip span.in{animation:rollin .25s var(--ease)}
@keyframes rollin{from{transform:translateY(100%);opacity:0}to{transform:none;opacity:1}}
@media (max-width:899px){
  .lv-title{padding:10px 20px 8px}
  .lv-title h2{font-size:16px;-webkit-line-clamp:1}
  .lv-title p{display:none}
  .lv-foot{padding:10px 20px}
  .t-head{padding:12px 20px}
  .live.sent .lv-title h2{-webkit-line-clamp:2}
  .live.sent .lv-title p{display:block}
}

.next3{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:22px}
.nx{color:var(--muted-dark);font-size:13px}