/* Unsealed show page. Builds on skywatch.css tokens and the Record page panels. */
.uns-page{min-height:100%;overflow-x:hidden;
  background:radial-gradient(900px 520px at 78% -6%,rgba(24,191,255,.10),transparent 70%),radial-gradient(700px 480px at 6% 30%,rgba(255,122,89,.06),transparent 70%),var(--void)}
.skip{position:absolute;left:12px;top:-60px;background:var(--cyan);color:var(--void);padding:8px 14px;border-radius:999px;z-index:20;font:500 13px var(--sans);text-decoration:none}
.skip:focus{top:10px}
.unav{display:flex;gap:6px;align-items:center;font:500 12.5px var(--sans)}
.unav a{text-decoration:none;color:var(--dim);padding:6px 10px;border-radius:999px}
.unav a:hover{color:var(--text)}
.unav .navcta{border:1px solid rgba(114,220,255,.4);color:var(--soft)}
.uns{position:relative;z-index:1;max-width:1040px;margin:0 auto;padding:12px 28px 64px}
.uns>.panel{scroll-margin-top:72px}

.uhero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:44px;align-items:center;padding:24px 0 40px}
.ulogo{width:100%;max-width:420px;height:auto;aspect-ratio:1;border-radius:28px;justify-self:center;
  box-shadow:0 0 0 1px var(--hair),0 30px 90px rgba(24,191,255,.12),0 0 120px rgba(255,122,89,.08)}
.uhero h1{font:400 clamp(56px,9vw,116px)/.96 var(--display);letter-spacing:-.03em;margin:0 0 14px}
.uline{font:italic 400 clamp(20px,2.6vw,28px)/1.25 var(--display);color:var(--soft);margin:0 0 18px}
.ulede{color:var(--dim);max-width:50ch;font-size:16px;margin:0 0 24px}
.uacts{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.linkbtn{display:inline-block;text-decoration:none;text-align:center}

.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.steps li{border:1px solid rgba(143,163,176,.14);border-radius:14px;padding:16px;background:rgba(5,7,10,.4)}
.steps .n{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid rgba(114,220,255,.5);color:var(--soft);font:500 12px var(--mono);margin-bottom:10px}
.steps h3{font:400 20px/1.15 var(--display);margin:0 0 6px}
.steps p{margin:0;color:var(--dim);font-size:13.5px}

.lcols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.handles ul{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}
.handles li{display:flex;justify-content:space-between;gap:12px;border:1px dashed rgba(143,163,176,.3);border-radius:12px;padding:9px 12px;font-size:14px}
.handles em{font:400 12px var(--mono);color:var(--warn);font-style:normal}

.rules{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.rules li{counter-increment:rule;position:relative;padding:10px 0 0 40px;border-top:1px solid rgba(143,163,176,.12);color:var(--dim)}
.rules li::before{content:counter(rule);position:absolute;left:0;top:10px;font:400 22px/1 var(--display);color:var(--moon)}
.rules b{color:var(--text);font-weight:500}

.apply{border-color:rgba(114,220,255,.28)}
.never{border:1px solid rgba(255,122,89,.5);background:rgba(255,122,89,.07);border-radius:14px;padding:14px 18px;margin:0 0 20px}
.never h3{margin:0 0 6px;font:500 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--moon)}
.never ul{margin:0;padding-left:18px;display:grid;gap:3px;font-size:14px}

.progress{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.progress li{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim-text);border-top:2px solid rgba(76,96,112,.45);padding-top:8px}
.progress li.on{color:var(--soft);border-color:var(--cyan)}
.progress li.done{color:var(--ok);border-color:var(--ok)}

.stage h3{font:400 22px/1.2 var(--display);margin:0 0 12px}
.stage label,.verify label,.aform label{display:block;color:var(--dim);font-size:13.5px;margin:12px 0 6px}
.stage input[type=text],.stage textarea,.aform input,.aform textarea{width:100%;background:rgba(5,7,10,.7);color:var(--text);border:1px solid var(--hair);border-radius:12px;padding:11px 14px;font:400 14px var(--mono);min-width:0}
.aform textarea{min-height:88px;font-family:var(--sans);resize:vertical}
.stage input:focus,.stage textarea:focus{outline:none;border-color:rgba(114,220,255,.6)}
.find2{display:flex;gap:8px}
.find2 .solid{flex:none}
.picklist{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px;max-height:260px;overflow:auto}
.picklist button{width:100%;display:flex;justify-content:space-between;gap:10px;align-items:center;text-align:left;background:rgba(14,24,34,.6);color:var(--text);border:1px solid var(--hair);border-radius:12px;padding:10px 14px;cursor:pointer;font:500 14px var(--sans)}
.picklist button:hover,.picklist button:focus-visible{border-color:rgba(114,220,255,.55)}
.picklist .a{font:400 11.5px var(--mono);color:var(--dim-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msg{margin:10px 0 0;font-size:13.5px;color:var(--dim);min-height:1em;overflow-wrap:anywhere}
.msg.err{color:var(--moon)}
.msg.good{color:var(--ok)}
.btnrow{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0}

.checks{list-style:none;margin:10px 0;padding:0;display:grid;gap:8px}
.checks li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;border:1px solid rgba(143,163,176,.14);border-radius:12px;padding:10px 12px;background:rgba(5,7,10,.4)}
.checks .lab{font:500 14px var(--sans)}
.checks .det{grid-column:2;color:var(--dim);font-size:13px;overflow-wrap:anywhere}
.checks .rc{grid-column:2;font:400 11.5px var(--mono);color:var(--dim-text);overflow-wrap:anywhere}
.checks .rc a{color:var(--soft);text-decoration:none}
.checks .rc a:hover{text-decoration:underline}
.chipx{grid-row:1;font:500 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:3px 9px;border:1px solid;align-self:start;white-space:nowrap}
.chipx.pass{color:var(--ok);border-color:rgba(143,208,184,.5)}
.chipx.flag{color:var(--warn);border-color:rgba(224,190,114,.6)}
.chipx.info{color:var(--soft);border-color:rgba(114,220,255,.4)}
.chipx.unknown{color:var(--dim-text);border-color:rgba(143,163,176,.35)}
.chipsum{font:400 12px var(--mono);color:var(--dim-text);margin:6px 0}

.methods{border:0;padding:0;margin:0;display:grid;gap:10px}
.methods legend{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim-text);padding:0;margin-bottom:8px}
.mopt[hidden]{display:none!important}
.mopt{display:flex!important;gap:12px;align-items:flex-start;border:1px solid var(--hair);border-radius:14px;padding:12px 14px!important;margin:0!important;cursor:pointer;background:rgba(14,24,34,.5)}
.mopt:has(input:checked){border-color:rgba(114,220,255,.6)}
.mopt input{margin-top:4px;accent-color:var(--cyan)}
.mopt b{display:block;font:500 14px var(--sans);color:var(--text)}
.mopt small{color:var(--dim);font-size:13px}

#claim-box{margin-top:18px}
.code{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;background:rgba(5,7,10,.7);border:1px solid var(--hair);border-radius:12px;padding:10px 12px;margin:6px 0 12px}
.code code{font:400 12.5px/1.5 var(--mono);color:var(--text);overflow-wrap:anywhere;word-break:break-all;min-width:0}
.code .ghost{flex:none;padding:5px 12px;font-size:12px}
.iv{margin:0 0 4px;font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim-text)}
.sendlist{margin:0 0 12px;padding-left:18px;display:grid;gap:6px;color:var(--dim);font-size:14px}
.sendlist b{color:var(--text);font-weight:500}
.okline{color:var(--ok);margin:0 0 6px}
.ivset{border:1px solid var(--hair);border-radius:14px;padding:6px 16px 16px;margin:16px 0 0;min-width:0}
.ivset legend{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim-text);padding:0 6px}
.ivset input[type=text]{font-family:var(--sans)}
.ivq{color:var(--dim);font-size:13.5px;margin:12px 0 6px}
.aform .ivyes{display:flex;gap:10px;align-items:flex-start;margin:8px 0;color:var(--text);font-size:14px;cursor:pointer}
.aform .ivyes input{width:auto;flex:none;margin-top:3px;accent-color:var(--cyan)}
.fine2{color:var(--dim-text);font-size:12.5px;margin:12px 0 0}
.rfoot{margin-top:28px;text-align:center}
.rfoot p{margin:0 auto;font:400 13px var(--sans);color:var(--dim)}
.noscr{position:relative;z-index:1;text-align:center;color:var(--dim)}

@media (max-width:900px){
  .uhero{grid-template-columns:1fr;gap:26px;padding-top:4px}
  .ulogo{max-width:320px}
  .steps{grid-template-columns:1fr 1fr}
  .unav a:not(.navcta){display:none}
}
@media (max-width:620px){
  .uns{padding:8px 16px 48px}
  .steps,.lcols{grid-template-columns:1fr}
  .progress li{font-size:9.5px;letter-spacing:.06em}
  .find2{flex-direction:column}
  .handles li{flex-direction:column;gap:2px}
  .uhero-text{text-align:left}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}