
:root{
  --gx:clamp(20px,4vw,96px);
  --gap:clamp(1rem,1.4vw,2rem);
  /* type scale */
  --fs-0:.75rem; --fs-1:.875rem; --fs-2:.9375rem; --fs-3:clamp(1.0625rem,.12vw + 1rem,1.125rem); --fs-4:clamp(1.125rem,.2vw + 1.05rem,1.25rem); --fs-5:clamp(1.75rem,.85vw + 1.3rem,2.375rem); --fs-6:clamp(2.5rem,1.45vw + 1.75rem,3.75rem);
  --lh-body:1.6; --lh-tight:1.12; --measure:68ch;
  /* spacing */
  --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem; --sp-5:1.5rem; --sp-6:2.25rem; --sp-7:clamp(3rem,4.2vw,5.5rem);
  --bg:#0b0c10; --bg2:#0f1117; --surf:#151821; --surf2:#1b1f2b; --line:#2a2f3d; --line2:#3a4052;
  --tx:#f4f5f8; --mut:#a9aebd; --dim:#8a90a2;
  --vio:#a78bfa; --vio-d:#120d2b; --org:#f58220; --org-l:#ffb066; --teal:#14b8a6; --teal-l:#5eead4;
  --r:1rem; --r-s:0.625rem;
  --sans:ui-sans-serif,-apple-system,"SF Pro Text","Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,sans-serif;
  --head:ui-sans-serif,-apple-system,"SF Pro Display","Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:4.5rem;background:var(--bg);hanging-punctuation:first allow-end last;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:400 1rem/var(--lh-body) var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-kerning:normal;overflow-x:hidden}
p,li,dd,td,.fa{text-wrap:pretty}
table,.spec,.mem,.met .f,.hash,.ln .n,.ts,.tt-time,.qty{font-variant-numeric:tabular-nums}
img,svg,canvas{display:block;max-width:100%}
a{color:inherit}
:root[lang="en"] [data-l="es"],:root[lang="es"] [data-l="en"]{display:none!important}
.wrap{width:100%;padding-inline:var(--gx)}
.mono{font-family:var(--mono)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:.5rem;top:-3.75rem;background:var(--vio);color:var(--vio-d);padding:.625rem .875rem;border-radius:.5rem;font-weight:700;z-index:100}
.skip:focus{top:.5rem}
:focus-visible{outline:3px solid var(--org-l);outline-offset:3px;border-radius:.375rem}
kbd{font:700 .75em var(--mono);padding:.1em .45em;border:1px solid var(--line2);border-bottom-width:2px;border-radius:.35em;background:var(--bg);color:var(--tx)}

/* ---------- 12-column layout ---------- */
.g12{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap)}
@media(min-width:900px){
  .g12{grid-template-columns:repeat(12,minmax(0,1fr))}
  .c3{grid-column:span 3}.c4{grid-column:span 4}.c5{grid-column:span 5}.c6{grid-column:span 6}.c7{grid-column:span 7}.c8{grid-column:span 8}.c9{grid-column:span 9}.c12{grid-column:1/-1}
}
@media(min-width:900px) and (max-width:1199px){.m6{grid-column:span 6}.m12{grid-column:1/-1}}

/* ---------- type ---------- */
h1,h2,h3{font-family:var(--head);font-weight:700;letter-spacing:-.025em;line-height:var(--lh-tight);margin:0;text-wrap:balance}
h1{font-size:var(--fs-6);letter-spacing:-.03em;line-height:1.05}
h2{font-size:var(--fs-5)}
h3{font-size:var(--fs-4);letter-spacing:-.02em;line-height:1.25}
.eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .6rem;font:600 var(--fs-0)/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--vio);margin-bottom:var(--sp-3)}
.eyebrow b{font-weight:600;color:var(--dim)}
.lead2{color:var(--mut);max-width:var(--measure);margin:0;font-size:var(--fs-3)}
.lead2+.lead2{margin-top:.9rem}
.lead2 strong{color:var(--tx)}
.note{font-size:var(--fs-1);color:var(--dim);margin:0;max-width:80ch}
section{padding:var(--sp-7) 0;border-top:1px solid var(--line);position:relative}
section.alt{background:var(--bg2)}
.sh{align-items:end;margin-bottom:clamp(1.5rem,2.2vw,2.5rem)}
.sh .eyebrow+h2{margin-top:0}
.est{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .65rem;border-radius:999px;font:600 var(--fs-0)/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(245,130,32,.5);background:rgba(245,130,32,.1);color:var(--org-l);white-space:nowrap}
.est.v{border-color:rgba(167,139,250,.5);background:rgba(167,139,250,.1);color:var(--vio)}
.est.t{border-color:rgba(20,184,166,.5);background:rgba(20,184,166,.1);color:var(--teal-l)}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.875rem;padding:.6875rem 1.25rem;border-radius:.75rem;border:1px solid var(--line);background:var(--surf);color:var(--tx);font:700 var(--fs-2)/1 var(--sans);text-decoration:none;cursor:pointer;transition:transform .15s,border-color .15s,background .15s,box-shadow .2s}
.btn:hover{border-color:var(--vio);transform:translateY(-1px)}
.btn:active{transform:scale(.97)}
.btn.p{background:var(--vio);border-color:var(--vio);color:var(--vio-d)}
.btn.p:hover{background:#b9a2fb;box-shadow:0 8px 30px rgba(167,139,250,.35)}
.btn.o{background:var(--org);border-color:var(--org);color:#1a0d00}
.btn.o:hover{background:#ff9640;box-shadow:0 8px 30px rgba(245,130,32,.3)}
.btn.sm{min-height:2.75rem;padding:.5rem .875rem;font-size:var(--fs-1)}
.btn svg{width:1.125rem;height:1.125rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cta{display:flex;flex-wrap:wrap;gap:.625rem}

/* ---------- nav ---------- */
nav.top{position:sticky;top:0;z-index:50;background:rgba(11,12,16,.84);backdrop-filter:blur(.75rem);-webkit-backdrop-filter:blur(.75rem);border-bottom:1px solid var(--line)}
nav.top .wrap{display:flex;align-items:center;justify-content:space-between;height:clamp(3.5rem,4vw,4.4rem);gap:.75rem}
.brand{display:flex;align-items:center;gap:.625rem;text-decoration:none;font:800 1.25rem/1 var(--head);letter-spacing:-.03em;flex:none}
.brand svg{width:1.875rem;height:1.875rem}
.brand small{font:600 var(--fs-0) var(--mono);letter-spacing:.1em;color:var(--dim);text-transform:uppercase;display:none}
@media(min-width:1400px){.brand small{display:inline}}
.nav-r{display:flex;align-items:center;gap:.375rem;min-width:0}
.nav-r a.h{display:none;color:var(--mut);text-decoration:none;font-size:var(--fs-1);padding:.5rem .55rem;border-radius:.5rem;white-space:nowrap}
.nav-r a.h:hover{color:var(--tx)}
.nav-r a.h.on{color:var(--tx);box-shadow:inset 0 -2px var(--vio)}
@media(min-width:1180px){.nav-r a.h{display:inline-block}}
.lang,.presb{min-height:2.75rem;min-width:2.75rem;border-radius:.625rem;border:1px solid var(--line);background:transparent;color:var(--tx);font:700 var(--fs-1) var(--mono);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:0 .6rem}
.lang:hover,.presb:hover{border-color:var(--vio)}
.presb .pl{display:none;font:600 var(--fs-0) var(--sans)}
@media(min-width:1400px){.presb .pl{display:inline}}
.presb[aria-pressed=true]{border-color:var(--org);color:var(--org-l)}
.nav-cta{display:none}
@media(min-width:640px){.nav-cta{display:inline-flex}}
.prog{position:absolute;left:0;bottom:-1px;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--org),var(--vio),var(--teal));pointer-events:none}

/* ---------- hero ---------- */
.hero{position:relative;padding:clamp(1.5rem,3vw,3.5rem) 0 0;border-top:0;overflow:hidden;background:var(--bg)}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(167,139,250,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(167,139,250,.06) 1px,transparent 1px);background-size:calc((100% - 2 * var(--gx)) / 12) 4rem;background-position:var(--gx) 0;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}
.aur{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.aur i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:drift 18s ease-in-out infinite alternate}
.aur i:nth-child(1){width:46vw;height:46vw;right:-6vw;top:-8vw;background:radial-gradient(circle,rgba(167,139,250,.5),transparent 68%)}
.aur i:nth-child(2){width:38vw;height:38vw;left:-8vw;bottom:-6vw;background:radial-gradient(circle,rgba(245,130,32,.28),transparent 68%);animation-duration:23s;animation-direction:alternate-reverse}
.aur i:nth-child(3){width:26vw;height:26vw;left:38vw;top:12vw;background:radial-gradient(circle,rgba(20,184,166,.22),transparent 68%);animation-duration:27s}
@keyframes drift{from{transform:translate(0,0) scale(1)}to{transform:translate(3vw,2vw) scale(1.12)}}
.hero>.wrap{position:relative}
.hero-g{align-items:center}
@media(min-width:900px){.hero-g{min-height:min(calc(100svh - 21rem),36rem)}}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#f58220,#ffc58a);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:var(--fs-3);color:var(--mut);max-width:56ch;margin:var(--sp-4) 0 var(--sp-5)}
.lead strong{color:var(--tx);font-weight:600}
.stage-chip{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.4rem;padding:.5rem .875rem;border:1px solid var(--line);border-radius:999px;font:var(--fs-0)/1.3 var(--mono);color:var(--mut);background:rgba(11,12,16,.5)}
.stage-chip i{width:.5rem;height:.5rem;border-radius:50%;background:var(--org);flex:none}
.mascot{position:relative;width:min(100%,clamp(9rem,13vw,17rem));margin:0 auto;aspect-ratio:1;display:grid;place-items:center}
.mascot:before{content:"";position:absolute;inset:-18%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(167,139,250,.26),transparent 62%);filter:blur(10px)}
.mascot vocero-mascot{position:relative;z-index:1}
vocero-mascot{flex:none}
.hi{animation:up .9s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--d,0s)}
@keyframes up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.wavewrap{position:relative;margin-top:clamp(1rem,2vw,2.5rem);width:100%}
#wave{width:100%;height:clamp(4rem,6vw,8rem);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.live{display:grid;gap:var(--gap);padding-bottom:clamp(1.5rem,3vw,3.5rem)}
@media(min-width:900px){.live{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center}}
.live-bar{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;background:rgba(21,24,33,.85);backdrop-filter:blur(8px);border:1px solid var(--line);border-top:2px solid var(--vio);border-radius:var(--r-s)}
.live-bar button{flex:none}
#live-cap{flex:1;min-height:3.2em;font-size:var(--fs-2)}
#live-cap small{display:block;font:var(--fs-0) var(--mono);color:var(--dim);letter-spacing:.06em;text-transform:uppercase}
.live-meta{font:var(--fs-0)/1.5 var(--mono);color:var(--dim);margin:0}
/* spec strip */
.spec{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(15,17,23,.7);position:relative}
@media(min-width:900px){.spec{grid-template-columns:repeat(5,1fr)}}
.spec>div{padding:clamp(1rem,1.6vw,2rem) var(--gx);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
@media(min-width:900px){.spec>div{padding-inline:clamp(1rem,2vw,2.4rem);border-bottom:0}.spec>div:first-child{padding-left:var(--gx)}.spec>div:last-child{border-right:0;padding-right:var(--gx)}}
.spec dt{font:600 var(--fs-0)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:.55rem}
.spec dd{margin:0;font:600 var(--fs-2)/1.35 var(--head);letter-spacing:-.01em}
.spec dd small{display:block;font:400 var(--fs-1)/1.4 var(--sans);color:var(--mut);margin-top:.3rem;letter-spacing:0}
.spec .warn dd{color:var(--org-l)}
@media(max-width:899px){.spec>div:last-child{grid-column:1/-1;border-right:0}}

/* ---------- cards ---------- */
.card{position:relative;background:var(--surf);border:1px solid var(--line);border-top:2px solid var(--vio);border-radius:var(--r);padding:clamp(1.1rem,1.2vw,1.6rem);overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.card:before{content:"";position:absolute;inset:0;background:radial-gradient(18rem circle at var(--mx,50%) var(--my,0%),rgba(167,139,250,.12),transparent 60%);opacity:0;transition:opacity .25s;pointer-events:none}
.card:hover{transform:translateY(-3px);box-shadow:0 16px 44px rgba(0,0,0,.42)}
.card:hover:before{opacity:1}
.card>*{position:relative}
.card p{margin:.6rem 0 0;color:var(--mut);font-size:var(--fs-2)}
.card ul{margin:.75rem 0 0;padding-left:1.1rem;color:var(--mut);font-size:var(--fs-2)}
.card li{margin:.4rem 0}
.card.o{border-top-color:var(--org)}.card.t{border-top-color:var(--teal)}
.card .k{font:600 var(--fs-0)/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:.7rem;display:flex;justify-content:space-between;gap:.5rem}
.ico{width:2.6rem;height:2.6rem;border-radius:.75rem;display:grid;place-items:center;background:rgba(167,139,250,.14);margin-bottom:.85rem}
.ico svg{width:1.3rem;height:1.3rem;fill:none;stroke:var(--vio);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.o .ico{background:rgba(245,130,32,.14)}.o .ico svg{stroke:var(--org)}
.t .ico{background:rgba(20,184,166,.14)}.t .ico svg{stroke:var(--teal)}

/* ---------- architecture ---------- */
.dg-wrap{position:relative;border:1px solid var(--line);border-radius:var(--r);background:radial-gradient(80% 120% at 50% 0%,rgba(167,139,250,.07),transparent 60%),var(--bg);padding:clamp(1rem,1.5vw,2rem);display:none}
@media(min-width:1000px){.dg-wrap{display:block}}
.dg{width:100%;height:auto}
.dgtop{display:flex;flex-wrap:wrap;gap:.8rem 1.5rem;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4)}
.dgtabs{display:inline-flex;gap:.3rem;padding:.25rem;border:1px solid var(--line2);border-radius:999px;background:var(--surf)}
.dgtabs button{min-height:2.75rem;padding:.4rem 1.1rem;border:0;border-radius:999px;background:transparent;color:var(--mut);font:600 var(--fs-1) var(--sans);cursor:pointer}
.dgtabs button[aria-selected=true]{background:var(--vio);color:var(--vio-d)}
.dghint{margin:0;font-size:var(--fs-1);color:var(--dim)}
.dgstage{position:relative}
.dg .lane{fill:rgba(255,255,255,.018)}.dg .lane.alt{fill:rgba(255,255,255,.035)}
.dg .ll{font:600 14px var(--mono);letter-spacing:.14em;fill:var(--dim);text-transform:uppercase}
.dg .lsep{stroke:var(--line);stroke-width:1}
.dg .nd{cursor:default;outline:none}
.dg .nd rect.bx{fill:#141720;stroke:var(--line2);stroke-width:1.8;transition:stroke-width .15s,filter .15s}
.dg .nd.t rect.bx{stroke:var(--vio);fill:#17142a}.dg .nd.r rect.bx{stroke:var(--org);fill:#1f160d}
.dg .nd.l rect.bx{stroke:var(--vio);stroke-dasharray:7 6;fill:rgba(167,139,250,.05)}.dg .nd.h rect.bx{stroke:var(--teal);stroke-dasharray:7 6;fill:#0e1d1c}
.dg .nd:hover rect.bx,.dg .nd:focus rect.bx{stroke-width:3;filter:drop-shadow(0 0 8px rgba(167,139,250,.45))}
.dg .nd:focus-visible rect.bx{stroke:var(--org-l)}
.dg .tt{font:700 21px var(--sans);fill:var(--tx)}
.dg .st{font:15px var(--sans);fill:var(--mut)}
.dg .bd circle{fill:var(--bg);stroke:var(--vio);stroke-width:1.5}.dg .bd text{font:700 12px var(--mono);fill:var(--vio);text-anchor:middle}
.dg .eb{font:600 13px var(--mono);letter-spacing:.14em;fill:var(--vio)}
.dg .lbl{font:13px var(--mono);fill:var(--dim)}
.dg .eband rect{fill:rgba(167,139,250,.05);stroke:var(--vio);stroke-dasharray:8 7;stroke-width:1.5}
.dg .eband .ci{font:13px var(--sans);fill:var(--mut)}
.dg .eband .ci b{fill:var(--vio);font:700 12px var(--mono)}
.dg .eg{transition:opacity .25s}.dg .dim{opacity:.22}
.dg .ep{fill:none;stroke-width:2.2;stroke-linejoin:round}
.dg .ep.d{stroke:var(--org)}.dg .ep.m{stroke:var(--teal)}.dg .ep.s{stroke:#8b93b0}
.dg .pk{filter:drop-shadow(0 0 5px currentColor)}
.dgcard{position:absolute;z-index:6;width:min(22rem,90%);padding:.9rem 1rem;border-radius:.75rem;background:var(--surf2);border:1px solid var(--vio);box-shadow:0 10px 30px rgba(0,0,0,.5);pointer-events:none}
.dgcard h4{margin:0 0 .4rem;font:700 var(--fs-3)/1.2 var(--head)}
.dgcard .est{margin-bottom:.5rem}
.dgcard dl{margin:0;display:grid;gap:.35rem}.dgcard dt{font:600 var(--fs-0)/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.dgcard dd{margin:0;font-size:var(--fs-1);color:var(--mut)}
.dgleg{list-style:none;margin:var(--sp-4) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;font:var(--fs-0)/1.4 var(--mono);color:var(--dim)}
.dgleg li{display:inline-flex;align-items:center;gap:.45rem}
.dgleg i.k{width:1.3rem;height:.8rem;border-radius:3px;border:2px solid var(--vio);display:inline-block}
.dgleg i.k.r{border-color:var(--org)}.dgleg i.k.l{border-style:dashed}.dgleg i.k.h{border-color:var(--teal);border-style:dashed}
.dgleg i.k.m{width:1.1rem;height:1.1rem;border-radius:50%;text-align:center;font:700 .65rem/.9rem var(--mono);font-style:normal;color:var(--vio)}
.pipe{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;counter-reset:p}
.pipe li{position:relative;padding:.85rem 1rem .85rem 3.1rem;border:1px solid var(--line);border-left:3px solid var(--line2);border-radius:.75rem;background:var(--surf);counter-increment:p}
.pipe li:before{content:counter(p,decimal-leading-zero);position:absolute;left:.9rem;top:.95rem;font:600 var(--fs-0) var(--mono);color:var(--dim)}
.pipe li b{display:block;font-weight:700}
.pipe li span{color:var(--mut);font-size:var(--fs-2)}
.pipe li.v{border-left-color:var(--vio)}.pipe li.o{border-left-color:var(--org)}.pipe li.t{border-left-color:var(--teal)}
@media(min-width:1000px){.pipe-m{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
.comp{margin-top:var(--gap)}
.comp .card h3{margin-bottom:.2rem}
.comp code{font:var(--fs-1) var(--mono);color:var(--org-l);background:rgba(245,130,32,.1);padding:.05rem .35rem;border-radius:.3rem}

/* ---------- dictation ---------- */
.mic{display:grid;gap:.875rem;justify-items:center;text-align:center;align-content:start}
.micbtn{position:relative;width:7rem;height:7rem;border-radius:50%;border:3px solid var(--vio);background:var(--surf2);color:var(--tx);cursor:pointer;display:grid;place-items:center;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .15s,background .15s}
.micbtn svg{width:3rem;height:3rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.micbtn.on{background:var(--vio);color:var(--vio-d);transform:scale(1.06);animation:pulse 1.2s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(167,139,250,.55)}100%{box-shadow:0 0 0 1.625rem rgba(167,139,250,0)}}
.mic .hint{margin:0;font-size:var(--fs-2);color:var(--mut);min-height:2.8em}
.raw{width:100%;text-align:left;min-height:7rem;padding:.75rem .875rem;border-radius:.75rem;border:1px dashed var(--line2);font:var(--fs-1)/1.9 var(--mono);color:var(--mut);background:var(--bg)}
.raw .cmd{color:var(--org-l);background:rgba(245,130,32,.14);border-radius:.375rem;padding:1px .375rem;margin:0 1px}
.raw small,.paper h4{display:block;font:600 var(--fs-0) var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);line-height:1.4;margin:0 0 .4rem}
.paper{align-self:stretch;background:#f4f5f8;color:#14161d;border-radius:var(--r);border-top:.25rem solid var(--org);padding:clamp(1.25rem,1.8vw,2.4rem);min-height:14rem;box-shadow:0 .5rem 1.875rem rgba(0,0,0,.35)}
.paper h4{color:#4b5163;margin-bottom:.9rem}
.paper .txt{white-space:pre-wrap;font:var(--fs-3)/1.7 Georgia,"Times New Roman",serif;min-height:4em}
.paper .caret{display:inline-block;width:2px;height:1.1em;background:#7c5cf0;vertical-align:text-bottom;margin-left:2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.cmdt{width:100%;border-collapse:collapse;font-size:var(--fs-2);margin-top:1.2rem}
.cmdt th,.cmdt td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--line);vertical-align:top}
.cmdt th{font:600 var(--fs-0) var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.cmdt td:first-child{font-family:var(--mono);color:var(--org-l);white-space:nowrap}
.cmdt td{color:var(--mut)}
.synth{display:inline-flex;align-items:center;gap:.5rem;margin:1rem 0 0;padding:.375rem .75rem;border-radius:999px;background:rgba(245,130,32,.12);border:1px solid rgba(245,130,32,.45);color:var(--org-l);font:600 var(--fs-0)/1.35 var(--mono)}

/* ---------- meeting demo ---------- */
.tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.375rem;margin-bottom:1rem;scrollbar-width:thin}
.tab{flex:none;min-height:2.875rem;padding:.625rem 1rem;border-radius:.75rem;border:1px solid var(--line);background:var(--surf);color:var(--mut);font:700 var(--fs-1) var(--sans);cursor:pointer;text-align:left}
.tab[aria-selected=true]{background:rgba(167,139,250,.16);border-color:var(--vio);color:var(--tx)}
.pane{background:var(--surf);border:1px solid var(--line);border-top:2px solid var(--vio);border-radius:var(--r);padding:clamp(1.25rem,1.6vw,2.2rem);min-height:12.5rem}
.pane.t{border-top-color:var(--teal)}
.pane h4{margin:0 0 .875rem;font:600 var(--fs-0) var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}
.pane h4 .acts{display:flex;gap:.375rem;text-transform:none;letter-spacing:0}
.ln{display:flex;gap:.625rem;padding:.5rem .625rem;border-radius:.625rem;border:1px solid transparent;opacity:0;transform:translateY(.375rem);transition:opacity .35s,transform .35s,background .2s}
.ln.in{opacity:1;transform:none}
.ln.hl{background:rgba(245,130,32,.14);border-color:rgba(245,130,32,.55)}
.ln .n{flex:none;width:1.6rem;font:var(--fs-0)/1.9 var(--mono);color:var(--dim)}
.ln b{font-weight:700}.s0 b{color:var(--vio)}.s1 b{color:var(--teal)}.s2 b{color:var(--org-l)}
.sumblk{opacity:0;transform:translateY(.375rem);transition:.4s;margin-bottom:.875rem}
.sumblk.in{opacity:1;transform:none}
.sumblk h5{margin:0 0 .375rem;font:600 var(--fs-0) var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}
.sumblk ul{margin:0;padding-left:1.125rem;font-size:var(--fs-2)}
.sumblk li{margin:.25rem 0}
.ask{margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--line)}
.ask label{display:block;font:600 var(--fs-0) var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-bottom:.5rem}
.askrow{display:flex;gap:.5rem}
input,select,textarea{width:100%;min-height:2.875rem;padding:.6875rem .875rem;border-radius:.75rem;border:1px solid var(--line2);background:var(--bg);color:var(--tx);font:1rem var(--sans)}
textarea{min-height:6.875rem;resize:vertical}
input::placeholder,textarea::placeholder{color:var(--dim)}
input:focus,select:focus,textarea:focus{border-color:var(--vio);box-shadow:0 0 0 3px rgba(167,139,250,.22)}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--org-l);outline-offset:2px}
input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--org)}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.625rem}
.chip{min-height:2.75rem;padding:.5rem .875rem;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--tx);font:var(--fs-1) var(--sans);cursor:pointer;text-align:left}
.chip:hover,.chip[aria-pressed=true]{border-color:var(--teal);background:rgba(20,184,166,.12)}
.ans{margin-top:.875rem;padding:.875rem 1rem;border-radius:.75rem;background:rgba(20,184,166,.1);border:1px solid rgba(20,184,166,.45);min-height:3.2em;font-size:var(--fs-2)}
.ans small{display:block;margin-top:.375rem;font:var(--fs-0) var(--mono);color:var(--dim)}
.ans.empty{background:transparent;border-style:dashed;border-color:var(--line);color:var(--dim)}
.json{margin:1rem 0 0;padding:.9rem 1rem;border-radius:.75rem;background:var(--bg);border:1px solid var(--line);font:var(--fs-0)/1.6 var(--mono);color:var(--mut);white-space:pre-wrap;word-break:break-word}
.json .kk{color:var(--vio)}.json .ss{color:var(--teal-l)}

/* ---------- meeting demo v3 ---------- */
.mbar{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;align-items:center}
.mbar .tabs{margin:0;flex:1 1 30rem;min-width:0}
.mctl{display:flex;gap:.4rem;flex-wrap:wrap}
.mctl .btn svg{width:1rem;height:1rem}
#mplay svg path{fill:currentColor;stroke:none}
#speed{min-width:3.4rem}
#speed[aria-pressed=true]{border-color:var(--teal);color:var(--teal-l)}
.sticky-synth{margin:.6rem 0 1rem}
.plx{list-style:none;margin:0 0 var(--gap);padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem}
.plx li{position:relative;display:flex;gap:.6rem;align-items:flex-start;padding:.65rem .8rem;border:1px solid var(--line);border-radius:.75rem;background:var(--surf);transition:border-color .3s,background .3s,box-shadow .3s}
.plx li i{flex:none;width:.7rem;height:.7rem;border-radius:50%;margin-top:.4rem;border:2px solid var(--line2);transition:.3s}
.plx b{display:block;font-size:var(--fs-2);font-weight:600}
.plx small{display:block;color:var(--dim);font-size:var(--fs-0);line-height:1.35}
.plx li.on{border-color:var(--vio);background:rgba(167,139,250,.1);box-shadow:0 0 0 3px rgba(167,139,250,.12)}
.plx li.on i{background:var(--vio);border-color:var(--vio);box-shadow:0 0 10px var(--vio)}
.plx li.done{border-color:rgba(20,184,166,.45)}
.plx li.done i{background:var(--teal);border-color:var(--teal)}
.plx li:not(:last-child):after{content:"";position:absolute;right:calc(-.6rem - 1px);top:50%;width:.6rem;height:2px;background:var(--line2)}
@media(max-width:899px){.plx{grid-template-columns:1fr 1fr}.plx li:after{display:none}.plx li:last-child{grid-column:1/-1}}
.mt{display:grid;gap:var(--gap);grid-template-columns:minmax(0,1fr);align-items:start}
@media(min-width:900px){.mt{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.mt-ex{grid-column:1/-1}}
@media(min-width:1600px){.mt{grid-template-columns:minmax(0,5fr) minmax(0,4fr) minmax(0,3fr)}.mt-ex{grid-column:auto}}
.clock{color:var(--teal-l);letter-spacing:0;font-size:var(--fs-1)}
.talk{display:grid;gap:.4rem;margin:0 0 .8rem;padding:0 0 .9rem;border-bottom:1px dashed var(--line)}
.talk div{display:grid;grid-template-columns:5.5rem 1fr 3.2rem;gap:.6rem;align-items:center;font-size:var(--fs-1)}
.talk b{font-weight:600}
.talk .bar{height:.45rem;border-radius:999px;background:var(--bg);overflow:hidden}
.talk .bar span{display:block;height:100%;width:0;border-radius:999px;background:currentColor;transition:width .3s}
.talk em{font:var(--fs-0) var(--mono);color:var(--dim);text-align:right;font-style:normal}
.k0{color:var(--vio)}.k1{color:var(--teal)}.k2{color:var(--org-l)}
#tr .ln{opacity:1;transform:none;gap:.7rem;padding:.6rem .7rem;margin-bottom:.15rem}
#tr .ln.pending{opacity:.38}
.ln .lb{flex:1;min-width:0}
.ln .lh{display:flex;justify-content:space-between;gap:.6rem;align-items:baseline}
.ln .lh b{font-weight:700;font-size:var(--fs-1)}
.ln .ts{font:var(--fs-0) var(--mono);color:var(--dim)}
.wf{position:relative;height:1.75rem;margin:.3rem 0 .35rem;--p:0}
.wb{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between}
.wb i{display:block;flex:0 0 3px;height:var(--h);background:#2c3243;border-radius:2px}
.wc i{background:currentColor;opacity:.85}
.wc{clip-path:inset(0 calc((1 - var(--p)) * 100%) 0 0)}
.ph{position:absolute;top:-3px;bottom:-3px;left:calc(var(--p) * 100%);width:2px;background:var(--tx);opacity:0;transition:opacity .2s}
.ln.play .ph{opacity:.9}
.ln .t{margin:0;font-size:var(--fs-2);line-height:1.55}
.ln .w{color:var(--dim);transition:color .2s,background .2s;border-radius:3px}
.ln .w.r{color:var(--tx)}
.ln .w.cur{background:rgba(167,139,250,.28)}
.ln.hl2{background:rgba(20,184,166,.1);border-color:rgba(20,184,166,.5)}
.ents{display:flex;flex-wrap:wrap;gap:.35rem}
.ents:not(:empty){margin-top:.45rem}
.ent{position:relative;display:none;align-items:center;gap:.35rem;min-height:1.6rem;padding:.1rem .55rem;border-radius:999px;font:var(--fs-0)/1.4 var(--mono);border:1px solid;cursor:help;background:transparent}
.ent.in{display:inline-flex;animation:pop .3s ease both}
@keyframes pop{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}
@media(pointer:coarse){.ent{min-height:2.75rem}}
.ent em{font-style:normal;opacity:.7;text-transform:uppercase;letter-spacing:.06em;font-size:.62rem}
.ent[data-t=person]{color:var(--vio);border-color:rgba(167,139,250,.5)}
.ent[data-t=amount]{color:var(--org-l);border-color:rgba(245,130,32,.5)}
.ent[data-t=date]{color:var(--teal-l);border-color:rgba(20,184,166,.5)}
.ent[data-t=place]{color:#e4b97a;border-color:rgba(228,185,122,.5)}
.ent[data-t=org]{color:#a5b0fb;border-color:rgba(143,155,246,.5)}
.ent .tip{display:none;position:absolute;left:0;bottom:calc(100% + 6px);z-index:5;width:max-content;max-width:15rem;padding:.4rem .6rem;border-radius:.45rem;background:#05060a;border:1px solid var(--line2);color:var(--tx);font:var(--fs-0)/1.4 var(--sans);text-transform:none;letter-spacing:0;box-shadow:0 8px 24px rgba(0,0,0,.5)}
.ent:hover .tip,.ent:focus .tip{display:block}
.wait{display:grid;gap:.55rem;padding:.4rem 0 1rem}
.wait p{margin:0 0 .3rem;color:var(--dim);font-size:var(--fs-1)}
.wait i{display:block;height:.6rem;border-radius:999px;background:linear-gradient(90deg,#1b1f2b,#252a39,#1b1f2b);background-size:200% 100%;animation:shim 1.6s linear infinite}
.wait i:nth-child(3){width:80%}.wait i:nth-child(4){width:60%}
@keyframes shim{to{background-position:-200% 0}}
#sm .sumblk{opacity:1;transform:none;display:none}
#sm .sumblk.has{display:block}
#sm .it{display:none;align-items:flex-start;gap:.6rem;justify-content:space-between;padding:.4rem .5rem;margin:0 -.5rem;border-radius:.5rem;list-style:none;cursor:default}
#sm .it.in{display:flex;animation:up .4s ease both}
#sm ul{padding:0;margin:0}
#sm .it:hover,#sm .it:focus{background:rgba(20,184,166,.1);outline-offset:1px}
.src{flex:none;font:600 var(--fs-0) var(--mono);color:var(--teal-l);border:1px solid rgba(20,184,166,.45);border-radius:.35rem;padding:0 .35rem;white-space:nowrap}
.tk{flex:1;min-width:0}
.tk dl{display:flex;flex-wrap:wrap;gap:.3rem .9rem;margin:.25rem 0 0;font-size:var(--fs-0)}
.tk dl div{display:flex;gap:.3rem}
.tk dt{font-family:var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:.06em}
.tk dd{margin:0;color:var(--tx);font-weight:600}
.pane h4 .btn{text-transform:none;letter-spacing:0}
#asdata[aria-pressed=true]{border-color:var(--teal);color:var(--teal-l)}
.json{margin:0;max-height:26rem;overflow:auto}
.ans{display:block}
.ans .ah{display:block;font:600 var(--fs-0) var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.3rem;color:var(--teal-l)}
.ans.none{background:rgba(245,130,32,.08);border-color:rgba(245,130,32,.5)}
.ans.none .ah{color:var(--org-l)}
.ans.empty{display:flex;gap:.7rem;align-items:flex-start;color:var(--mut);font-size:var(--fs-1)}
.ans.empty svg{flex:none;width:1.2rem;height:1.2rem;margin-top:.15rem;fill:none;stroke:var(--teal);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.chip.nq{border-style:dashed}
#ex{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}
.exg h5{display:flex;justify-content:space-between;margin:0;font:600 var(--fs-0) var(--mono);letter-spacing:.1em;text-transform:uppercase}
.exg ul{list-style:none;margin:.4rem 0 0;padding:0}
.exg li{display:flex;justify-content:space-between;gap:.5rem;padding:.3rem 0;border-bottom:1px solid var(--line);font-size:var(--fs-1);animation:up .35s ease both}
.exg li span{font:var(--fs-0) var(--mono);color:var(--dim);white-space:nowrap}
.exg .none{color:var(--dim);font-size:var(--fs-0);padding:.3rem 0}

/* ---------- stepper ---------- */
.steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--gap);position:relative}
@media(min-width:1000px){.steps{grid-template-columns:repeat(5,minmax(0,1fr))}
  .steps:before{content:"";position:absolute;left:1.5rem;right:1.5rem;top:1.5rem;height:2px;background:linear-gradient(90deg,var(--vio),var(--teal),var(--org));opacity:.5}}
.step{position:relative;display:flex;flex-direction:column}
.step .num{position:relative;z-index:1;width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;background:var(--bg2);border:2px solid var(--vio);font:700 1.05rem var(--mono);color:var(--vio);margin-bottom:1rem}
.step:nth-child(2) .num{border-color:#8f9bf6;color:#8f9bf6}.step:nth-child(3) .num{border-color:var(--teal);color:var(--teal-l)}.step:nth-child(4) .num{border-color:#c9a066;color:#e4b97a}.step:nth-child(5) .num{border-color:var(--org);color:var(--org-l)}
.step .body{flex:1;display:flex;flex-direction:column;background:var(--surf);border:1px solid var(--line);border-radius:var(--r);padding:clamp(1.1rem,1.3vw,1.8rem)}
.step h3{margin:.1rem 0 .5rem}
.step p{margin:0;color:var(--mut);font-size:var(--fs-2)}
.gate{margin-top:auto;padding-top:1rem}
.gate div{border:1px dashed var(--line2);border-radius:.7rem;padding:.75rem .85rem;background:var(--bg);font-size:var(--fs-1);color:var(--tx)}
.gate b{display:flex;align-items:center;gap:.4rem;font:600 var(--fs-0) var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--org-l);margin-bottom:.35rem}
.gate svg{width:.95rem;height:.95rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.step .stt{margin-top:.8rem}
@media(max-width:999px){.step{padding-left:4rem}.step .num{position:absolute;left:0;top:0;margin:0}.steps:before{content:"";position:absolute;left:1.45rem;top:3rem;bottom:0;width:2px;background:linear-gradient(180deg,var(--vio),var(--org));opacity:.4}}

/* ---------- pretraining ---------- */
.def{display:grid;gap:var(--gap)}
@media(min-width:700px){.def{grid-template-columns:1fr 1fr}}
.def .card h3{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}
.def .card h3 small{font:600 var(--fs-0) var(--mono);letter-spacing:.1em;color:var(--dim);text-transform:uppercase}
.feat{display:grid;gap:.6rem;margin:1.1rem 0 0;padding:0;list-style:none}
.feat li{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start;color:var(--mut);font-size:var(--fs-2)}
.feat li:before{content:"";width:.55rem;height:.55rem;margin-top:.55rem;border-radius:2px;background:var(--teal);transform:rotate(45deg)}
.feat em{font-style:normal;color:var(--tx);font-weight:600}
.tbl-wrap{border:1px solid var(--line);border-radius:var(--r);background:var(--surf);overflow:hidden}
.tbl{width:100%;border-collapse:collapse;font-size:var(--fs-2)}
.tbl caption{text-align:left;padding:1rem 1.2rem;font:600 var(--fs-0) var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--line)}
.tbl th,.tbl td{text-align:left;vertical-align:top;padding:clamp(.8rem,1vw,1.2rem) clamp(.8rem,1.2vw,1.6rem);border-bottom:1px solid var(--line)}
.tbl tr:last-child td{border-bottom:0}
.tbl thead th{font:600 var(--fs-0)/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);background:var(--bg2)}
.tbl td{color:var(--mut)}
.tbl td:first-child{color:var(--tx);font-weight:700}
.tbl .qty{font:700 1.05rem var(--mono);color:var(--org-l);white-space:nowrap}
.tbl .qty small{display:block;font:500 var(--fs-0) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-top:.25rem;white-space:normal}
@media(max-width:899px){
  .tbl.stack thead{display:none}
  .tbl.stack tr{display:block;border-bottom:1px solid var(--line);padding:.6rem 0}
  .tbl.stack tr:last-child{border-bottom:0}
  .tbl.stack td{display:block;border:0;padding:.3rem 1rem}
  .tbl.stack td[data-h]:before{content:attr(data-h);display:block;font:600 var(--fs-0) var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:.1rem}
}

/* ---------- evaluation ---------- */
.mets{display:grid;gap:var(--gap);grid-template-columns:1fr}
@media(min-width:640px){.mets{grid-template-columns:1fr 1fr}}
@media(min-width:1400px){.mets{grid-template-columns:repeat(3,1fr)}}
.met{background:var(--surf);border:1px solid var(--line);border-radius:var(--r);padding:clamp(1rem,1.2vw,1.6rem)}
.met .k{font:600 var(--fs-0) var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--vio);margin-bottom:.4rem}
.met .f{font:600 var(--fs-2) var(--mono);color:var(--tx);margin:.2rem 0 .45rem;overflow-wrap:anywhere}
.met p{margin:0;color:var(--mut);font-size:var(--fs-1)}
.cty{width:100%;border-collapse:collapse;font-size:var(--fs-2);min-width:36rem}
.cty th,.cty td{padding:.75rem .9rem;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
.cty thead th{font:600 var(--fs-0) var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);background:var(--bg2)}
.cty td{font-family:var(--mono);color:var(--dim)}
.cty td:first-child{font-family:var(--sans);color:var(--tx);font-weight:700}
.cty td:first-child small{font:600 var(--fs-0) var(--mono);color:var(--vio);margin-right:.5rem}
.cty tr.sv td{background:rgba(245,130,32,.06)}
.cty tr.sv td:first-child{box-shadow:inset 3px 0 var(--org)}
.scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surf)}
.seal{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.seal li{display:grid;grid-template-columns:2.2rem 1fr;gap:.8rem;align-items:start;padding:.85rem 1rem;border:1px solid var(--line);border-radius:.8rem;background:var(--surf)}
.seal li svg{width:1.4rem;height:1.4rem;fill:none;stroke:var(--vio);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin:.15rem auto 0}
.seal b{display:block}
.seal span{color:var(--mut);font-size:var(--fs-2)}
.hash{font:var(--fs-0)/1.5 var(--mono);color:var(--dim);overflow-wrap:anywhere;margin-top:.3rem}

/* ---------- hardware ---------- */
.hw .card h3{font-size:var(--fs-4)}
.hw .role{font:600 var(--fs-0) var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--teal-l)}
.mem{margin-top:1.2rem}
.mem .bar{display:flex;height:2.2rem;border-radius:.55rem;overflow:hidden;background:repeating-linear-gradient(135deg,#1b1f2b 0 6px,#171a24 6px 12px);border:1px solid var(--line2)}
.mem .bar span{height:100%;display:flex;align-items:center;justify-content:center;font:600 var(--fs-0) var(--mono);color:#0b0c10;white-space:nowrap;overflow:hidden;border-right:1px solid rgba(11,12,16,.5)}
.mem .bar .b1{background:var(--vio)}.mem .bar .b2{background:#8f9bf6}.mem .bar .b3{background:var(--teal)}.mem .bar .b4{background:#5b6278;color:var(--tx)}
.mem .bar .b5{background:var(--org)}
.mem .scale{display:flex;justify-content:space-between;font:var(--fs-0) var(--mono);color:var(--dim);margin-top:.35rem}
.mem dl,dl.mem{display:grid;grid-template-columns:auto 1fr auto;gap:.35rem .7rem;margin:1rem 0 0;font-size:var(--fs-1);align-items:center}
.mem dt{width:.75rem;height:.75rem;border-radius:3px}
.mem dd{margin:0;color:var(--mut)}
.mem dd.v{font-family:var(--mono);color:var(--tx);text-align:right}
.cand{display:grid;gap:var(--gap)}
@media(min-width:700px){.cand{grid-template-columns:1fr 1fr}}
.cand ul{list-style:none;margin:.8rem 0 0;padding:0}
.cand li{display:flex;justify-content:space-between;gap:.8rem;padding:.6rem 0;border-bottom:1px solid var(--line);font-size:var(--fs-2);flex-wrap:wrap}
.cand li:last-child{border-bottom:0}
.cand li span{color:var(--mut);font:var(--fs-0) var(--mono)}

/* ---------- contribute + ethics ---------- */
.contrib{background:radial-gradient(60% 80% at 100% 0%,rgba(245,130,32,.10),transparent 60%),radial-gradient(50% 70% at 0% 100%,rgba(20,184,166,.08),transparent 60%),var(--bg2)}
.cg .card h3{margin-bottom:.2rem}
.cg .card.no{border-top-color:#e5484d}
.cg .card.no .ico{background:rgba(229,72,77,.14)}.cg .card.no .ico svg{stroke:#ff6b70}
.ctabar{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between;margin-top:var(--gap);padding:clamp(1.2rem,2vw,2.4rem);border:1px solid rgba(245,130,32,.45);border-radius:var(--r);background:linear-gradient(90deg,rgba(245,130,32,.12),rgba(167,139,250,.08))}
.ctabar p{margin:0;font:700 var(--fs-4)/1.3 var(--head);max-width:60ch}
.ctabar p small{display:block;font:400 var(--fs-2)/1.5 var(--sans);color:var(--mut);margin-top:.35rem}
.eth{display:grid;gap:var(--gap);grid-template-columns:1fr}
@media(min-width:640px){.eth{grid-template-columns:1fr 1fr}}
@media(min-width:1200px){.eth{grid-template-columns:repeat(4,1fr)}}
.eth .card{display:flex;flex-direction:column}
.eth .n{font:700 2rem/1 var(--head);color:transparent;-webkit-text-stroke:1.5px var(--vio);margin-bottom:.8rem;letter-spacing:-.02em}
.eth .card.o .n{-webkit-text-stroke-color:var(--org)}.eth .card.t .n{-webkit-text-stroke-color:var(--teal)}
.eth .card a{margin-top:auto;padding-top:1rem;font:600 var(--fs-0) var(--mono);color:var(--vio);text-underline-offset:3px}
.eth .card a:hover{color:var(--org-l)}
.ethdoc{margin-top:var(--gap);display:flex;flex-wrap:wrap;gap:.8rem 1.5rem;align-items:center;padding:1rem 1.2rem;border:1px dashed var(--line2);border-radius:var(--r);color:var(--mut);font-size:var(--fs-2)}
.ethdoc:target{border-color:var(--org)}

/* ---------- status ---------- */
.tl{display:grid;gap:var(--gap);margin:0;padding:0;list-style:none}
@media(min-width:900px){.tl{grid-template-columns:repeat(4,1fr)}}
.st{background:var(--surf);border:1px solid var(--line);border-radius:var(--r);padding:clamp(1.2rem,1.5vw,2rem)}
.st .k{display:inline-flex;gap:.5rem;align-items:center;font:700 var(--fs-0) var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem}
.st .k i{width:.625rem;height:.625rem;border-radius:50%}
.st h3{margin:0 0 .5rem}
.st p,.st ul{margin:0;color:var(--mut);font-size:var(--fs-2)}
.st ul{padding-left:1.1rem}.st li{margin:.3rem 0}
.st.now{border-top:2px solid var(--teal)}.st.now .k{color:var(--teal-l)}.st.now .k i{background:var(--teal)}
.st.next{border-top:2px solid var(--vio)}.st.next .k{color:var(--vio)}.st.next .k i{background:var(--vio)}
.st.not{border-top:2px solid var(--org)}.st.not .k{color:var(--org-l)}.st.not .k i{border:2px solid var(--org)}

/* ---------- faq ---------- */
.faq details{border:1px solid var(--line);border-radius:var(--r);background:var(--surf);margin-bottom:.75rem;transition:border-color .2s,background .2s}
.faq details:hover{border-color:var(--line2)}
.faq details[open]{border-color:var(--vio);background:var(--surf2)}
.faq summary{list-style:none;cursor:pointer;padding:.85rem 1.2rem;font:600 var(--fs-3)/1.35 var(--head);letter-spacing:-.01em;display:flex;justify-content:space-between;gap:1rem;align-items:center;min-height:3.4rem;border-radius:var(--r)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"";flex:none;width:.9rem;height:.9rem;color:var(--vio);background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 100% no-repeat;transition:transform .25s}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq .fa{padding:0 1.3rem 1.2rem;color:var(--mut);max-width:75ch}
.faq .fa a,.fnote a,.note a{color:var(--vio);text-underline-offset:3px}
.faqg{columns:1;column-gap:var(--gap)}
@media(min-width:1100px){.faqg{columns:2}}
.faqg details{break-inside:avoid}

/* ---------- form ---------- */
form#demo-form{background:var(--surf);border:1px solid var(--line);border-top:2px solid var(--vio);border-radius:var(--r);padding:clamp(1.4rem,2vw,2.8rem);display:grid;gap:1rem}
@media(min-width:640px){.two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}}
.f label{display:block;font-weight:700;font-size:var(--fs-2);margin-bottom:.375rem}
.fnote{font-size:var(--fs-1);color:var(--dim);margin:0}
#form-status{min-height:1.5em;font-weight:700;color:var(--teal)}
#form-status.err{color:var(--org-l)}
.mini{display:flex;align-items:center;gap:.875rem}.mini img{width:4.5rem}
.hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.side-facts{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:.6rem}
.side-facts li{display:flex;gap:.7rem;color:var(--mut);font-size:var(--fs-2)}
.side-facts li:before{content:"";flex:none;width:.55rem;height:.55rem;margin-top:.55rem;border-radius:50%;background:var(--teal)}
.side-facts a{color:var(--vio);text-underline-offset:3px}

/* ---------- footer + misc ---------- */
.ft{border-top:1px solid var(--line);background:var(--bg2);color:var(--mut);font-size:var(--fs-1)}
.ft-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding-block:clamp(2rem,3vw,3.25rem);background:radial-gradient(40% 140% at 0% 0%,rgba(245,130,32,.1),transparent 60%),radial-gradient(40% 140% at 100% 100%,rgba(167,139,250,.08),transparent 60%)}
.ft-brand{display:flex;align-items:center;gap:1rem;min-width:0}
.ft-brand img{width:3rem;height:auto;flex:none}
.ft-word{font:700 clamp(2rem,1.6vw + 1.3rem,2.75rem)/1 var(--head);letter-spacing:-.035em;color:var(--tx)}
.ft-brand p{margin:.4rem 0 0;max-width:48ch;font-size:var(--fs-2)}
.ft-cta{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;align-items:center}
.ft-mail{font:600 var(--fs-2) var(--mono);color:var(--vio);text-underline-offset:4px}
.ft-mail:hover{color:var(--org-l)}
.ft-cols{display:grid;grid-template-columns:1fr;gap:1.5rem var(--gap);padding-block:clamp(1.8rem,2.5vw,2.8rem);border-top:1px solid var(--line)}
@media(min-width:600px){.ft-cols{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.ft-cols{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ft-h{font:600 var(--fs-0)/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:0 0 .6rem}
.ft ul{list-style:none;margin:0;padding:0}
.ft li a{display:inline-flex;align-items:center;min-height:2.25rem;color:var(--mut);text-decoration:none}
.ft li a:hover{color:var(--tx);text-decoration:underline;text-underline-offset:3px}
@media(pointer:coarse){.ft li a{min-height:2.75rem}}
.ft-txt{padding:.45rem 0;color:var(--dim)}
.ft-status{display:flex;flex-wrap:wrap;gap:.5rem 1.8rem;padding-block:1rem;border-top:1px solid var(--line);font:var(--fs-0)/1.5 var(--mono);color:var(--mut)}
.ft-status>span{display:inline-flex;align-items:center;gap:.5rem}
.ft-status i{width:.55rem;height:.55rem;border-radius:50%;flex:none}
.ft-status i.o{background:var(--org)}.ft-status i.t{background:var(--teal)}.ft-status i.v{background:var(--vio)}
.ft-bot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem 1.5rem;padding-block:1.1rem;border-top:1px solid var(--line);color:var(--dim)}
.ft-act{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.ft-act .presb{gap:.5rem;font-family:var(--sans);font-weight:600}
.mcta{display:none}
@media(max-width:759px){
 .ft{padding-bottom:4.5rem}
 .mcta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:.6rem 16px calc(.6rem + env(safe-area-inset-bottom));background:rgba(11,12,16,.93);backdrop-filter:blur(10px);border-top:1px solid var(--line);transform:translateY(110%);visibility:hidden;transition:transform .3s,visibility 0s .3s}
 .mcta.show{transform:none;visibility:visible;transition:transform .3s}
 .mcta .btn{width:100%}
}
.pres-badge{display:none;padding:.4rem .8rem;border-radius:999px;border:1px solid var(--org);color:var(--org-l);font:600 var(--fs-0) var(--mono);white-space:nowrap}

/* ---------- presentation mode ---------- */
html.pres{--fs-5:clamp(2rem,1.4vw + 1.4rem,2.9rem);--fs-6:clamp(2.8rem,2vw + 2rem,4.6rem)}
html.pres .nav-r a.h,html.pres .nav-cta,html.pres .mcta,html.pres .brand small{display:none!important}
html.pres .pres-badge{display:inline-block}
@media(max-width:600px){html.pres .pres-badge{display:none}}
html.pres section{padding:clamp(3rem,5vw,6rem) 0}
html.pres .note,html.pres .fnote{font-size:var(--fs-2)}
html.pres .hero-g{min-height:calc(100svh - 14rem)}

/* ---------- final4 additions ---------- */
.hero .lead.ask{margin-top:.9rem;color:var(--tx)}
.techlink{margin:.9rem 0 0;font-size:var(--fs-1)}.techlink a{color:var(--vio);text-underline-offset:.2em}
.stage-chip{font-size:var(--fs-1);color:var(--tx);border-color:var(--org);padding:.6rem 1rem;line-height:1.4;border-radius:1rem}
.pres-hint{margin:.9rem 0 0;font-size:var(--fs-0);color:var(--dim)}
.resp{margin:1rem 0 0;font:600 var(--fs-3)/1.4 var(--head)}.resp a{color:var(--org-l)}
#solicitar .resp{margin-bottom:.2rem}
.anexo{padding:var(--sp-7) 0;border-top:1px solid var(--line);background:var(--bg)}
.anexo>.wrap>details>summary{list-style:none;cursor:pointer;display:grid;gap:.5rem;padding:clamp(1.1rem,2vw,2rem);border:1px solid var(--line2);border-radius:var(--r);background:var(--surf)}
.anexo>.wrap>details>summary::-webkit-details-marker{display:none}
.anexo>.wrap>details>summary:hover{border-color:var(--vio)}
.anexo .sumt{display:flex;flex-direction:column;gap:.3rem}.anexo .sumt .eyebrow{margin:0}
.anexo .sumh{font:700 var(--fs-5)/1.1 var(--head);letter-spacing:-.02em}
.anexo .sumh:after{content:"+";float:right;color:var(--vio);font-family:var(--mono)}
.anexo details[open]>summary .sumh:after{content:"\2212"}
.anexo .sumd{color:var(--mut);max-width:var(--measure)}
.anexo .axbody{margin-top:var(--sp-5)}
.anexo .axbody section{border-top:1px solid var(--line)}
#datos-sv{position:relative;overflow:hidden}
#datos-sv>.wrap{position:relative}
#datos-sv .wrap>*:not(.svmap):not(.svtip){position:relative;z-index:1}
#datos-sv .card{background:rgba(21,24,33,.62)}
.svmap{opacity:.2;transition:opacity .25s;pointer-events:none;margin:var(--sp-5) auto 0;width:100%;max-width:34rem}
.svmap.act{opacity:.55}
.svmap svg{width:100%;height:auto;overflow:visible}
.svmap path{fill:rgba(167,139,250,.06);stroke:var(--vio);stroke-width:1.8;stroke-linejoin:round;pointer-events:auto;transition:fill .2s,stroke .2s}
.svmap path.b{stroke:var(--teal)}
.svmap path.on{fill:rgba(94,234,212,.34);stroke:var(--teal-l);stroke-width:3}
.svpulse circle{fill:var(--teal-l);opacity:0;transform-box:fill-box;transform-origin:center;animation:svp 3.4s ease-out infinite}
@keyframes svp{0%{transform:scale(.4);opacity:.75}100%{transform:scale(2.8);opacity:0}}
@media(min-width:900px){.svmap{position:absolute;z-index:0;right:var(--gx);top:50%;transform:translateY(-50%);width:min(54%,980px);max-width:none;margin:0;opacity:.16}.svmap.act{opacity:.5}}
.svbar{display:grid;gap:.7rem;margin:var(--sp-5) 0 var(--sp-5)}
.svcap{margin:0;color:var(--mut);max-width:var(--measure)}.svcap strong{color:var(--tx)}
.svleg{margin:0;display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font:var(--fs-0)/1.4 var(--mono);color:var(--dim)}
.svleg>span{display:inline-flex;align-items:center;gap:.4rem}
.svleg i{width:1.1rem;height:.5rem;border-radius:2px;display:inline-block;border:2px solid var(--vio)}.svleg i.t{border-color:var(--teal-l);background:rgba(94,234,212,.34)}
.svlist{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.svlist button{font:600 var(--fs-0)/1 var(--sans);min-height:2.75rem;padding:.4rem .7rem;border-radius:999px;border:1px solid var(--line2);background:rgba(11,12,16,.55);color:var(--tx);cursor:pointer}
.svlist button:hover,.svlist button[aria-pressed=true]{border-color:var(--teal);background:rgba(20,184,166,.16)}
.svstat{margin:0;min-height:1.4em;font:600 var(--fs-1)/1.4 var(--mono);color:var(--teal-l)}
.svtip{position:absolute;z-index:5;pointer-events:none;transform:translate(-50%,-130%);padding:.45rem .7rem;border-radius:.5rem;background:var(--surf2);border:1px solid var(--teal);font:600 var(--fs-1)/1.3 var(--sans);white-space:nowrap}
.svtip small{display:block;font:400 var(--fs-0) var(--mono);color:var(--org-l)}
html.pres main>section:not(#demo):not(#datos-sv):not(#foso):not(#estado):not(#solicitar),html.pres footer,html.pres .live,html.pres .wavewrap,html.pres .techlink,html.pres .pres-hint,html.pres .svlist,html.pres .mcta{display:none!important}
html.pres{font-size:clamp(20px,.8vw + 12px,26px)}



/* moat */
.pils{display:grid;gap:var(--gap);grid-template-columns:minmax(0,1fr)}
@media(min-width:680px){.pils{grid-template-columns:repeat(2,minmax(0,1fr))}.pils .pil:last-child{grid-column:1/-1}}
@media(min-width:1100px){.pils{grid-template-columns:repeat(6,minmax(0,1fr))}.pils .pil{grid-column:span 2}.pils .pil:nth-child(4),.pils .pil:nth-child(5){grid-column:span 3}}
.pil .k{align-items:center;flex-wrap:wrap}
.pil .est{white-space:normal;text-align:right;letter-spacing:.04em}
.pil h3{margin-bottom:.9rem}
.pil dl{margin:0;display:grid;gap:.15rem}
.pil dt{font:600 var(--fs-0)/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--vio);margin-top:.8rem}
.pil dd{margin:0;color:var(--mut);font-size:var(--fs-2)}
.fw{margin:var(--sp-6) 0 0;padding:clamp(1.1rem,2vw,2rem);background:var(--surf);border:1px solid var(--line);border-radius:var(--r)}
.fw .sb-h{margin-bottom:var(--sp-4)}
.fw svg{width:100%;height:auto;max-width:1000px;margin-inline:auto;overflow:visible}
.fw .fwv{display:block;max-width:360px}.fw .fwh{display:none}
@media(min-width:760px){.fw .fwv{display:none}.fw .fwh{display:block}}
.fw .fn{fill:var(--bg2);stroke:var(--vio);stroke-width:2;stroke-dasharray:6 5}
.fw .ft{fill:var(--tx);font:700 16px var(--head)}.fw .fs{fill:var(--org-l);font:600 12px var(--mono)}.fw .fnum{fill:var(--dim);font:600 13px var(--mono)}
.fw .fa{fill:none;stroke:var(--vio);stroke-width:2;stroke-dasharray:6 5}
.fw .note{margin-top:var(--sp-4)}
.nofoso{margin-top:var(--sp-5);padding:clamp(1.1rem,2vw,1.75rem);border:1px solid var(--line2);border-left:3px solid #e5484d;border-radius:var(--r-s);background:var(--surf)}
.nofoso ul{list-style:none;margin:var(--sp-4) 0 0;padding:0;display:grid;gap:var(--gap)}
@media(min-width:900px){.nofoso ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
.nofoso li{color:var(--mut);font-size:var(--fs-2)}.nofoso li strong{display:block;color:var(--tx);font-size:var(--fs-3);margin-bottom:.2rem}

/* status board */
.sb{display:grid;gap:clamp(1.5rem,3vw,3rem);margin-top:var(--sp-5)}
@media(min-width:1440px){.sb{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start}}
.sb-h{font:600 var(--fs-0)/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin:0 0 var(--sp-4)}
.sbrows{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.sbrow{display:grid;grid-template-columns:minmax(0,1fr);gap:.4rem .9rem;padding:.9rem 1.1rem;background:var(--surf);border:1px solid var(--line);border-left:3px solid var(--c,var(--line2));border-radius:var(--r-s)}
@media(min-width:700px){.sbrow{grid-template-columns:minmax(0,15rem) minmax(0,1fr) auto;align-items:center}.sbrow .pill{grid-column:3;grid-row:1}.sbrow .nt{grid-column:2;grid-row:1}}
.sbrow .nm{font:600 var(--fs-2)/1.35 var(--head);color:var(--tx)}
.sbrow .nt{font-size:var(--fs-1);line-height:1.5;color:var(--mut)}
.pill{display:inline-flex;align-items:center;gap:.45rem;justify-self:start;padding:.3rem .7rem;border-radius:999px;font:600 var(--fs-0)/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--c);color:var(--cl);background:color-mix(in srgb,var(--c) 14%,transparent);white-space:nowrap}
.pill i{width:.55rem;height:.55rem;border-radius:50%;background:var(--c);flex:none}
.s-live{--c:var(--teal);--cl:var(--teal-l)}.s-built{--c:var(--vio);--cl:var(--vio)}.s-prep{--c:var(--org);--cl:var(--org-l)}
.s-not{--c:var(--line2);--cl:var(--mut)}.s-not i{background:transparent;border:2px solid var(--dim)}
.lad{list-style:none;margin:0;padding:0;position:relative}
.lad:before{content:"";position:absolute;left:1.05rem;top:1rem;bottom:1rem;width:2px;background:var(--line2)}
.rung{position:relative;display:grid;grid-template-columns:2.1rem minmax(0,1fr);gap:.9rem;padding:.55rem 0}
.rung .n{z-index:1;width:2.1rem;height:2.1rem;border-radius:50%;display:grid;place-items:center;font:700 var(--fs-1)/1 var(--mono);background:var(--bg2);border:2px solid var(--line2);color:var(--dim)}
.rung .tx{font-size:var(--fs-2);line-height:1.45;color:var(--mut);padding-top:.35rem}
.rung .tx small{display:block;font-size:var(--fs-1);color:var(--dim);margin-top:.15rem}
.rung.cur .n{background:var(--teal);border-color:var(--teal-l);color:#04201c;box-shadow:0 0 0 5px rgba(20,184,166,.2)}
.rung.cur .tx{color:var(--tx);font-weight:600}
.rung .here{display:inline-block;margin-left:.5rem;font:600 var(--fs-0)/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--teal-l);border:1px solid var(--teal);border-radius:999px;padding:.15rem .5rem;vertical-align:middle}
.lad-cap{margin:var(--sp-4) 0 0;font:600 var(--fs-3)/1.4 var(--head);color:var(--tx)}
.honest{list-style:none;margin:var(--sp-5) 0 0;padding:1rem 1.1rem;display:grid;gap:.5rem 1.5rem;border:1px dashed var(--line2);border-radius:var(--r-s);font-size:var(--fs-1);color:var(--mut)}
@media(min-width:900px){.honest{grid-template-columns:repeat(4,1fr)}}
.honest li{display:flex;gap:.5rem}.honest li:before{content:"";flex:none;width:.5rem;height:2px;background:var(--org);margin-top:.7em}
.sb-upd{margin:var(--sp-4) 0 0;font-size:var(--fs-0);color:var(--dim);letter-spacing:.04em}
.js .sbrow.rv,.js .rung.rv{transition-delay:var(--d,0s)}
.js .lad:before{transform-origin:top;transform:scaleY(0);transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.js .lad.in:before{transform:none}
@media(prefers-reduced-motion:reduce){.js .lad:before{transform:none}}
/* reveal */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1) var(--d,0s),transform .7s cubic-bezier(.2,.7,.2,1) var(--d,0s)}
.js .rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation:none!important;transition:none!important}
  .js .rv,.ln,.sumblk{opacity:1;transform:none}
  .dg .pk{display:none}
  .dg .eg{opacity:1}
}

/* ---------- v3: live rules demo, mascots, ethics ---------- */
.mini{display:flex;align-items:center;gap:.875rem;min-height:4.5rem}
.askh{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}
.askh label{margin:0}
.try{margin-top:var(--sp-7);padding-top:var(--sp-6);border-top:1px solid var(--line);scroll-margin-top:5rem}
.try-h{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--gap);align-items:center;margin-bottom:var(--sp-5)}
.try-h .eyebrow{margin-bottom:.4rem}
.try-h h3{font-size:var(--fs-5)}
.try-h .lead2{margin-top:.6rem}
.try-m{width:6rem;display:grid;place-items:center}
@media(max-width:560px){.try-h{grid-template-columns:minmax(0,1fr)}.try-m{width:auto;justify-items:start}}
.try-badge{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 var(--sp-4);padding:.4rem .8rem;border-radius:999px;border:1px solid rgba(20,184,166,.5);background:rgba(20,184,166,.1);color:var(--teal-l);font:600 var(--fs-0)/1.4 var(--mono);letter-spacing:.04em}
.try-g{display:grid;gap:var(--gap);grid-template-columns:minmax(0,1fr);align-items:start}
@media(min-width:900px){.try-g{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}
.try .tl{display:block;font:600 var(--fs-0) var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-bottom:.5rem}
.try textarea{min-height:7.5rem;font:var(--fs-2)/1.55 var(--mono)}
.try-ex{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}
.try-ex .chip{font-weight:600}
.try-said{margin:.9rem 0 0;padding:.75rem .875rem;border-radius:.75rem;border:1px dashed var(--line2);background:var(--bg);font:var(--fs-1)/2 var(--mono);color:var(--mut);overflow-wrap:anywhere;min-height:3.4rem}
.try-said mark{--c:var(--vio);background:color-mix(in srgb,var(--c) 24%,transparent);box-shadow:inset 0 -2px var(--c);color:var(--tx);border-radius:.25rem;padding:.05em .25em;margin:0 .05em}
.try-said mark.k{background:transparent;box-shadow:none;border-bottom:2px dashed var(--dim);border-radius:0;color:var(--tx)}
.try-said mark.f{outline:2px dashed var(--org);outline-offset:1px}
.c-punct{--c:var(--vio)}.c-layout{--c:var(--teal)}.c-edit{--c:var(--org)}.c-case{--c:#7dd3fc}.c-format{--c:#cbd5e1}.c-escape{--c:#94a3b8}
.try-oh{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem}
.try-oh .tl{margin:0}
.try-paper{background:#f4f5f8;color:#14161d;border-radius:var(--r);border-top:.25rem solid var(--org);padding:1rem 1.2rem;min-height:6.5rem;white-space:pre-wrap;overflow-wrap:anywhere;font:var(--fs-3)/1.7 Georgia,"Times New Roman",serif;box-shadow:0 .5rem 1.875rem rgba(0,0,0,.3)}
.try-paper.empty{color:#5b6173;font-style:italic}
.try h5{margin:1.25rem 0 .5rem;font:600 var(--fs-0) var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}
.try-map,.try-amb{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.try-amb{display:grid;gap:.5rem}
.cp{display:inline-flex;align-items:center;gap:.5rem;max-width:100%;padding:.35rem .65rem;border-radius:.6rem;border:1px solid color-mix(in srgb,var(--c) 70%,transparent);background:color-mix(in srgb,var(--c) 14%,transparent);font-size:var(--fs-1);line-height:1.4}
.cp .sp{font:600 var(--fs-1) var(--mono);color:var(--tx);overflow-wrap:anywhere}
.cp .ar{color:var(--c);font:700 var(--fs-1) var(--mono)}
.cp .rs{font:700 var(--fs-1) var(--mono);color:var(--c);overflow-wrap:anywhere}
.cp.no{border-style:dashed;opacity:.75}
.ambi{padding:.6rem .8rem;border-radius:.6rem;border:1px solid rgba(245,130,32,.5);background:rgba(245,130,32,.08);font-size:var(--fs-1);line-height:1.5}
.ambi b{font:700 var(--fs-1) var(--mono);color:var(--org-l)}
.ambi small{display:block;margin-top:.15rem;font:var(--fs-0) var(--mono);color:var(--dim);letter-spacing:.04em;text-transform:uppercase}
.ambi.kept{border-color:var(--line2);background:var(--bg)}
.ambi.kept b{color:var(--tx)}
.try-none{margin:0;color:var(--dim);font-size:var(--fs-1)}
.try-cap{margin:var(--sp-4) 0 0;padding:.75rem 1rem;border-left:3px solid var(--org);background:rgba(245,130,32,.08);border-radius:0 .6rem .6rem 0;color:var(--tx);font-size:var(--fs-2);max-width:80ch}
.ethpub{margin-top:var(--sp-5)}.ethdoc[hidden]{display:none!important}
.ethpub a.btn{margin-left:.5rem}
