/* Participant homepage v3 — visual, interactive, minimal copy */
.hx-hero{position:relative;background:radial-gradient(1200px 520px at 78% -8%,#2a6a55 0%,rgba(42,106,85,0) 60%),linear-gradient(160deg,#0f2d23 0%,#143A2E 55%,#173f33 100%);color:#fff;overflow:hidden}
.hx-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(203,162,76,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(203,162,76,.07) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 70% 30%,#000 30%,transparent 75%)}
.hx-in{position:relative;max-width:1180px;margin:0 auto;padding:78px 26px 84px;display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}
.hx-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(203,162,76,.45);background:rgba(203,162,76,.08);color:#E9D8AE;font-size:12px;font-weight:700;padding:7px 13px;border-radius:999px}
.hx-chip i{width:7px;height:7px;border-radius:50%;background:#CBA24C;box-shadow:0 0 0 4px rgba(203,162,76,.18);animation:hxp 2s infinite}
@keyframes hxp{50%{box-shadow:0 0 0 8px rgba(203,162,76,0)}}
.hx-hero h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(40px,5.4vw,66px);line-height:1.02;font-weight:600;color:#fff;margin:20px 0 18px;letter-spacing:-.02em}
.hx-hero h1 em{font-style:normal;background:linear-gradient(90deg,#CBA24C,#F0D493);-webkit-background-clip:text;background-clip:text;color:transparent}
.hx-sub{font-size:18px;line-height:1.6;color:#C9DBD2;max-width:34ch}
.hx-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hx-btn{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 24px;border-radius:14px;font-weight:800;font-size:15px;transition:.2s}
.hx-btn.g{background:linear-gradient(135deg,#CBA24C,#B6892B);color:#0f2d23;box-shadow:0 12px 30px rgba(182,137,43,.35)}
.hx-btn.g:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(182,137,43,.45)}
.hx-btn.o{border:1.5px solid rgba(255,255,255,.28);color:#fff}.hx-btn.o:hover{background:rgba(255,255,255,.08)}
.hx-std{display:flex;gap:18px;flex-wrap:wrap;margin-top:34px;font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:#9FBDB0}
.hx-std span::before{content:'◆ ';color:#CBA24C}
/* mint card */
.mint{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:22px;backdrop-filter:blur(14px);box-shadow:0 30px 80px rgba(0,0,0,.35);overflow:hidden}
.mint-top{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.1);font-size:12px;color:#B7CEC4}
.mint-top i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.mint-top i:nth-child(2){background:#febc2e}.mint-top i:nth-child(3){background:#28c840}
.mint-top b{margin-left:10px;font-family:'IBM Plex Mono',monospace;font-weight:600;color:#E9D8AE}
.mint-body{padding:16px 18px 20px}
.mrow{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;margin-bottom:6px;background:rgba(255,255,255,.03);opacity:.35;transition:.35s}
.mrow.on{opacity:1;background:rgba(255,255,255,.07)}
.mrow .mi{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:rgba(203,162,76,.16);color:#E9D8AE;font-weight:800;flex:none}
.mrow b{display:block;font-size:14px;color:#fff}.mrow small{font-family:'IBM Plex Mono',monospace;font-size:11px;color:#9FBDB0}
.mrow .ms{margin-left:auto;font-weight:800;font-size:13px;min-width:22px;text-align:right}
.ms.ok{color:#5DD39E}.ms.no{color:#FF8A7A}
.mbar{height:6px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;margin:14px 0 12px}
.mbar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#CBA24C,#F0D493);transition:width .6s ease}
.mcode{font-family:'IBM Plex Mono',monospace;font-size:12px;color:#CFE4DA;background:rgba(0,0,0,.25);border-radius:10px;padding:10px 12px;min-height:40px}
.mres{margin-top:12px;border-radius:12px;padding:12px 14px;font-size:13.5px;font-weight:700;opacity:0;transform:translateY(6px);transition:.35s}
.mres.show{opacity:1;transform:none}.mres.ok{background:rgba(93,211,158,.14);color:#8EF0C2;border:1px solid rgba(93,211,158,.35)}
.mres.no{background:rgba(255,138,122,.12);color:#FFB3A8;border:1px solid rgba(255,138,122,.35)}
/* sections */
.hx-sec{max-width:1180px;margin:0 auto;padding:92px 26px 20px}
.hx-h{text-align:center;max-width:720px;margin:0 auto 40px}
.hx-h .kicker{justify-content:center}
.hx-h h2{font-size:clamp(28px,3.4vw,42px)!important;margin:10px 0 10px}
.hx-h p{font-size:16.5px;color:#5b6660;line-height:1.6}
/* flowchart */
.flow-svg{width:100%;height:auto;display:block}
.fnode{cursor:pointer}.fnode circle.bg{fill:#fff;stroke:#E4DCC8;stroke-width:2;transition:.25s}
.fnode:hover circle.bg,.fnode.act circle.bg{stroke:#B6892B;stroke-width:3;filter:drop-shadow(0 8px 16px rgba(182,137,43,.25))}
.flink{stroke:#D9CBA6;stroke-width:3;stroke-dasharray:7 7;animation:fdash 1.2s linear infinite}
@keyframes fdash{to{stroke-dashoffset:-28}}
.flow-tip{text-align:center;margin-top:8px;min-height:52px;font-size:15px;color:#3d4741}
.flow-tip b{color:#15352A}
.flow-list{display:none}
/* bento */
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bt{background:#fff;border:1px solid #ECE4D2;border-radius:22px;padding:22px;box-shadow:0 1px 2px rgba(16,40,32,.05),0 10px 30px rgba(16,40,32,.06);display:flex;flex-direction:column;min-height:250px;transition:.22s}
.bt:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(16,40,32,.06),0 20px 46px rgba(16,40,32,.12)}
.bt.w2{grid-column:span 2}.bt.dk{background:linear-gradient(155deg,#143A2E,#1d5242);border-color:#143A2E;color:#fff}
.bt h3{font-size:19px!important;margin:0 0 6px;color:#15352A}.bt.dk h3{color:#fff}
.bt p.s{font-size:13.5px;color:#6F6959;line-height:1.55;margin-bottom:14px}.bt.dk p.s{color:#B7CEC4}
.bt .viz{margin-top:auto}
.sw-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:14px}
.sw2{width:50px;height:28px;border-radius:999px;border:none;background:#5a6b64;position:relative;cursor:pointer;flex:none}
.sw2::after{content:'';position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.2s}
.sw2[aria-checked=true]{background:#2fb37a}.sw2[aria-checked=true]::after{left:25px}
.verdict{margin-top:14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.vpill{font-weight:800;font-size:14px;padding:9px 15px;border-radius:12px;transition:.25s}
.vpill.ok{background:rgba(93,211,158,.16);color:#8EF0C2}.vpill.no{background:rgba(255,138,122,.15);color:#FFB3A8}
.vcode{font-family:'IBM Plex Mono',monospace;font-size:12px;color:#CFE4DA}
.reg{width:100%;border-collapse:collapse;font-size:12.5px}
.reg td{padding:8px 4px;border-bottom:1px solid #F0EADC}.reg td:last-child{text-align:right;font-weight:800;color:#15352A}
.reg .mono{font-family:'IBM Plex Mono',monospace;color:#6F6959}
.reg tr.new{animation:rnew 1.4s ease}@keyframes rnew{0%{background:#FFF3D6}100%{background:transparent}}
.four{display:flex;align-items:center;gap:14px}
.av{width:54px;height:54px;border-radius:50%;background:#F3ECDA;display:flex;align-items:center;justify-content:center;font-weight:800;color:#8A6716;position:relative}
.av::after{content:'✓';position:absolute;right:-4px;bottom:-4px;width:22px;height:22px;border-radius:50%;background:#2fb37a;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;transform:scale(0);transition:.3s}
.av.ok::after{transform:scale(1)}
.log{list-style:none;margin:0;padding:0;font-family:'IBM Plex Mono',monospace;font-size:11.5px}
.log li{padding:7px 0;border-bottom:1px dashed #E7E0D0;color:#3d4741;animation:lin .5s ease}
.log li b{color:#8A6716}@keyframes lin{from{opacity:0;transform:translateY(-6px)}}
.asat{display:flex;gap:8px;flex-wrap:wrap}.asat input{flex:1;min-width:140px;border:1.5px solid #E7E0D0;border-radius:10px;padding:10px;min-height:44px;font-family:inherit}
.asat button{border:none;background:#143A2E;color:#fff;border-radius:10px;padding:0 16px;min-height:44px;font-weight:800;cursor:pointer}
.asat-out{font-size:12.5px;color:#0f7a52;font-weight:700;margin-top:10px;min-height:18px}
/* lifecycle stepper */
.lc{background:linear-gradient(160deg,#0f2d23,#143A2E);border-radius:28px;padding:34px;color:#fff;margin-top:8px}
.lc-t{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.lc-t button{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#B7CEC4;padding:14px;text-align:left;cursor:pointer;min-height:64px;position:relative;overflow:hidden}
.lc-t button b{display:block;color:#fff;font-size:15px}.lc-t button small{font-size:11px;font-family:'IBM Plex Mono',monospace}
.lc-t button[aria-selected=true]{background:rgba(203,162,76,.14);border-color:rgba(203,162,76,.5)}
.lc-t .pg{position:absolute;left:0;bottom:0;height:3px;width:0;background:#CBA24C}
.lc-p{display:grid;grid-template-columns:200px 1fr;gap:30px;align-items:center;margin-top:28px;min-height:170px}
.lc-ic{width:170px;height:170px;border-radius:32px;background:rgba(203,162,76,.1);border:1px solid rgba(203,162,76,.3);display:flex;align-items:center;justify-content:center}
.lc-p h3{font-size:26px!important;color:#fff;margin-bottom:14px}
.lc-chips{display:flex;flex-wrap:wrap;gap:10px}.lc-chips span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:9px 15px;font-size:13.5px;font-weight:700}
/* eco + numbers + paths */
.eco-svg{width:100%;height:auto;display:block}.eco-chips{display:none}
.eline{stroke-dasharray:6 6;animation:fdash 1.6s linear infinite}
.enode rect{transition:.25s}.enode:hover rect{stroke-width:3}
.nums{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #ECE4D2;border-radius:24px;box-shadow:0 10px 30px rgba(16,40,32,.06);overflow:hidden}
.nums div{padding:28px 24px;border-left:1px solid #F0EADC}.nums div:first-child{border-left:none}
.nums b{display:block;font-family:'Playfair Display',Georgia,serif;font-size:44px;font-weight:600;color:#15352A;line-height:1}
.nums span{font-size:13px;color:#6F6959;margin-top:8px;display:block}
.paths{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.path{border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:10px;min-height:220px;transition:.22s;border:1px solid #ECE4D2}
.path:hover{transform:translateY(-3px)}
.path.a{background:linear-gradient(155deg,#143A2E,#1d5242);color:#fff}.path.b{background:#fff}
.path .t{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#CBA24C}
.path h3{font-size:26px!important}.path.a h3{color:#fff}.path.b h3{color:#15352A}
.path p{font-size:14.5px;line-height:1.6}.path.a p{color:#C9DBD2}.path.b p{color:#5b6660}
.path .go{margin-top:auto;font-weight:800;font-size:15px;color:#CBA24C}.path.b .go{color:#8A6716}
.cta-band{margin:90px auto 0;max-width:1180px;padding:0 26px}
.cta-in{background:radial-gradient(600px 300px at 90% 0%,#2a6a55,transparent 70%),linear-gradient(150deg,#0f2d23,#143A2E);border-radius:28px;padding:54px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cta-in h2{color:#fff;font-size:clamp(26px,3vw,38px)!important;max-width:18ch}
@media(max-width:960px){.hx-in{grid-template-columns:1fr;padding:54px 20px 60px;gap:34px}.lc-p{grid-template-columns:1fr}.lc-ic{width:120px;height:120px}}
@media(max-width:860px){.bento{grid-template-columns:1fr}.bt.w2{grid-column:auto}.lc-t{grid-template-columns:1fr 1fr}.nums{grid-template-columns:1fr 1fr}
 .nums div:nth-child(3){border-left:none}.nums div:nth-child(n+3){border-top:1px solid #F0EADC}.paths{grid-template-columns:1fr}.cta-in{padding:34px 24px}.hx-sec{padding:64px 20px 10px}.lc{padding:22px}}
@media(max-width:700px){.flow-svg,.eco-svg{display:none}.flow-list,.eco-chips{display:grid;gap:10px}
 .flow-list div{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #ECE4D2;border-radius:14px;padding:12px 14px}
 .flow-list i{font-style:normal;width:32px;height:32px;border-radius:50%;background:#F3ECDA;color:#8A6716;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
 .eco-chips{grid-template-columns:1fr 1fr}.eco-chips span{background:#fff;border:1px solid #ECE4D2;border-radius:12px;padding:12px;font-size:13px;font-weight:700;color:#15352A}}
@media(prefers-reduced-motion:reduce){.flink,.eline,.hx-chip i{animation:none}}