/* God Mode Copy — Reliquary. Colours and font stacks come from brand.TOKENS (%%CSS_VARS%%).
   Self-hosted OFL: Fraunces (Undercase), Outfit (Rodrigo Fuenzalida), DM Mono (Colophon).
   Licenses: /fonts is not a page; the texts live beside the files in copytrader/web/fonts/OFL-*.txt. */
@font-face{font-family:"Fraunces";src:url("/fonts/fraunces.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2010-2027,U+20AC,U+2122,U+2190-21FF,U+2212,U+221E,U+2248,U+2260,U+00B7,U+00D7,U+2022,U+2605,U+2606}
@font-face{font-family:"Fraunces";src:url("/fonts/fraunces-italic.woff2") format("woff2");font-weight:100 900;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+2010-2027,U+20AC,U+2122,U+2190-21FF,U+2212,U+221E,U+2248,U+2260,U+00B7,U+00D7,U+2022,U+2605,U+2606}
@font-face{font-family:"Outfit";src:url("/fonts/outfit.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2010-2027,U+20AC,U+2122,U+2190-21FF,U+2212,U+221E,U+2248,U+2260,U+00B7,U+00D7,U+2022,U+2605,U+2606}
@font-face{font-family:"DM Mono";src:url("/fonts/dm-mono-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2010-2027,U+20AC,U+2122,U+2190-21FF,U+2212,U+221E,U+2248,U+2260,U+00B7,U+00D7,U+2022,U+2605,U+2606}
@font-face{font-family:"DM Mono";src:url("/fonts/dm-mono-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2010-2027,U+20AC,U+2122,U+2190-21FF,U+2212,U+221E,U+2248,U+2260,U+00B7,U+00D7,U+2022,U+2605,U+2606}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}
html,body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.55 var(--f);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
body{background:
 radial-gradient(980px 520px at 100% -120px, color-mix(in srgb, var(--acc) 20%, transparent), transparent 58%),
 radial-gradient(760px 460px at -140px 20px, color-mix(in srgb, #6d5cff 15%, transparent), transparent 62%),
 var(--bg)}
a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline}
::selection{background:color-mix(in srgb, var(--acc) 38%, transparent);color:var(--tx)}
::placeholder{color:var(--dim);opacity:1}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:8px}
.gold{color:var(--acc)}
h1 .gold,h2 .gold{font-style:italic;font-weight:520}
.gold-grad{background:linear-gradient(100deg,#ffd0b8 0%,var(--acc) 48%,#ff3d00 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
h1,h2,h3{font-family:var(--d);font-optical-sizing:auto;font-weight:560;letter-spacing:-.03em;line-height:1.08;margin:0}
h1{font-size:clamp(36px,6.4vw,72px)}h2{font-size:clamp(28px,3.8vw,44px)}h3{font-family:var(--f);font-size:16px;font-weight:620;letter-spacing:-.01em;line-height:1.3}
p{margin:0}.mut{color:var(--mut)}.dim{color:var(--dim)}.pos{color:var(--pos)}.neg{color:var(--neg)}.warn{color:var(--warn)}
.mono,.num{font-family:var(--m);font-variant-numeric:tabular-nums;font-weight:400}.mono{font-size:.92em}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.eyebrow{font:500 12px/1.4 var(--m);letter-spacing:.18em;color:var(--acc);text-transform:uppercase}
.cap{font:500 11px/1.3 var(--m);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
[hidden]{display:none!important}
.skip{position:absolute;left:12px;top:8px;transform:translateY(-140%);background:var(--acc);color:var(--onacc);padding:8px 12px;border-radius:999px;z-index:80}
.skip:focus{transform:none}

/* top bar */
.top{position:sticky;top:0;z-index:30;padding-top:env(safe-area-inset-top);background:color-mix(in srgb, var(--bg) 78%, transparent);backdrop-filter:saturate(1.2) blur(16px);-webkit-backdrop-filter:saturate(1.2) blur(16px);border-bottom:1px solid var(--line)}
.top:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb, var(--acc) 70%, transparent) 42%, transparent 78%);pointer-events:none}
.top .wrap{display:flex;align-items:center;gap:10px;min-height:60px;height:auto}
.brand{display:flex;align-items:center;gap:10px;color:var(--tx);font-family:var(--d);font-optical-sizing:auto;font-weight:560;font-size:18px;letter-spacing:-.03em;white-space:nowrap;min-width:0}.brand span{overflow:hidden;text-overflow:ellipsis}.brand span b{color:var(--acc);font-style:italic;font-weight:520}.brand:hover{text-decoration:none}.brand svg{flex:none}
.who{margin-left:auto}
.links{display:flex;gap:20px;margin-left:auto;font-size:14px;font-weight:500}.links a{color:var(--mut)}.links a:hover{color:var(--tx);text-decoration:none}
@media(max-width:820px){.links{display:none}.top .btn{margin-left:auto}}
@media(max-width:420px){.brand{font-size:15.5px;gap:8px}.top .wrap{gap:8px}}

/* buttons — capsules, not dashboard rectangles */
.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid color-mix(in srgb, var(--acc) 72%, #fff);background:var(--acc);color:var(--onacc);
 font:620 14.5px var(--f);min-height:44px;padding:0 18px;border-radius:999px;cursor:pointer;white-space:nowrap;text-decoration:none!important;touch-action:manipulation;
 box-shadow:0 12px 28px -16px var(--acc), inset 0 1px 0 color-mix(in srgb, #fff 38%, transparent);transition:filter .15s,transform .15s,background .15s,border-color .15s}
.btn:hover{filter:brightness(1.06);text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}
.btn.sec{background:transparent;color:var(--tx);border-color:var(--line2);box-shadow:none}.btn.sec:hover{border-color:var(--acc);color:var(--acc);filter:none}
.btn.demo{background:transparent;color:var(--acc);border-color:color-mix(in srgb, var(--acc) 55%, transparent);box-shadow:none}.btn.demo:hover{background:var(--acc2)}
.btn.ghost{background:transparent;border-color:transparent;color:var(--mut);box-shadow:none;min-height:40px}.btn.ghost:hover{color:var(--tx)}
.btn.red{background:transparent;color:var(--neg);border-color:color-mix(in srgb, var(--neg) 55%, transparent);box-shadow:none}
.btn.sm{min-height:36px;padding:0 12px;font-size:13px}.btn.w{width:100%}.btn img{width:20px;height:20px;border-radius:5px}

/* surfaces */
.panel{position:relative;background:linear-gradient(180deg,color-mix(in srgb, var(--panel2) 88%, transparent), var(--panel) 70%);border:1px solid var(--line);border-radius:calc(var(--rad) + 4px);padding:22px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--tx) 6%, transparent)}
.panel:after{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb, var(--acc) 50%, transparent),transparent);pointer-events:none}
.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.g2,.g3{grid-template-columns:1fr}.panel{padding:16px}}
section.blk{padding:76px 0;border-top:1px solid var(--line)}section.blk>.wrap>h2{margin:12px 0 14px}
.lead{font-size:17.5px;color:var(--mut);max-width:640px;line-height:1.55}

/* hero */
.hero{padding:78px 0 64px;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:-8%;top:-20%;width:min(640px,70vw);height:120%;background:radial-gradient(closest-side,color-mix(in srgb, var(--acc) 22%, transparent),transparent 70%);pointer-events:none;animation:corona 16s ease-in-out infinite}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(var(--line) 1px,transparent 1px) 0 0/56px 56px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/56px 56px;
 opacity:.35;mask-image:radial-gradient(ellipse 70% 60% at 70% 20%,#000 20%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 70% 20%,#000 20%,transparent 72%);pointer-events:none}
.hero .wrap{position:relative;z-index:1}.hero h1{margin:16px 0 18px;max-width:14em}.hero .lead{font-size:18px;max-width:38em}
.hero .mark{position:absolute;right:2%;top:18%;width:min(280px,32vw);opacity:.9;pointer-events:none;z-index:0}
.hero .mark svg{width:100%;height:auto;display:block}
@keyframes corona{0%,100%{opacity:.5;transform:translate3d(0,0,0)}50%{opacity:.85;transform:translate3d(0,10px,0)}}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:calc(var(--rad) + 6px);overflow:hidden;margin-top:52px}
.stats>div{background:color-mix(in srgb, var(--bg2) 86%, transparent);padding:16px 18px}.stats b{display:block;font-family:var(--d);font-optical-sizing:auto;font-weight:560;font-size:26px;margin-top:8px;letter-spacing:-.03em;color:var(--tx)}
@media(max-width:980px){.hero .mark{display:none}}
@media(max-width:700px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:36px 0 36px}.hero h1{font-size:clamp(32px,8.4vw,42px)}}

/* feature */
.feat h3{margin:14px 0 6px}.feat p{color:var(--mut);font-size:14.5px}
.ic{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;background:var(--acc2);color:var(--acc);border:1px solid color-mix(in srgb, var(--acc) 35%, transparent);font:500 13px var(--m)}
.tag{display:inline-block;font:500 10.5px var(--m);letter-spacing:.08em;padding:3px 8px;border-radius:999px;border:1px solid var(--line2);color:var(--mut);text-transform:uppercase;white-space:nowrap}
.tag.est{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 45%, transparent);background:var(--warn2)}
.tag.pass{color:var(--pos);border-color:color-mix(in srgb, var(--pos) 45%, transparent);background:var(--pos2)}
.tag.fail{color:var(--neg);border-color:color-mix(in srgb, var(--neg) 45%, transparent);background:var(--neg2)}
.tag.acc{color:var(--acc);border-color:color-mix(in srgb, var(--acc) 45%, transparent);background:var(--acc2)}
.list{margin:0;padding:0;list-style:none}.list li{padding:12px 0;border-top:1px solid var(--line);display:flex;gap:12px;font-size:14.5px}.list li:first-child{border-top:0}
.list b{min-width:170px;font-weight:620}.list span{color:var(--mut)}
@media(max-width:600px){.list li{flex-direction:column;gap:2px}}

/* tables */
.tbl{width:100%;border-collapse:collapse;font-size:13.5px}.tbl th{font:500 10.5px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
.tbl td{padding:12px;border-bottom:1px solid var(--line);vertical-align:middle}.tbl tr:last-child td{border-bottom:0}.tbl .n{text-align:right;font-family:var(--m);font-variant-numeric:tabular-nums}
.tbl tr.click{cursor:pointer}.tbl tr.click:hover td{background:color-mix(in srgb, var(--acc) 7%, var(--panel2))}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}

/* pricing */
.plan{display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.plan.on{border-color:color-mix(in srgb, var(--acc) 70%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--acc) 16%, transparent),0 18px 50px -28px var(--acc)}
.plan .pr{font-family:var(--d);font-optical-sizing:auto;font-weight:560;font-size:40px;letter-spacing:-.04em}.plan.on .pr{color:var(--acc)}.plan .pr small{font-family:var(--f);font-weight:500;font-size:14px;color:var(--mut);letter-spacing:0}
.plan ul{margin:6px 0 0;padding-left:18px;color:var(--mut);font-size:14px}.plan li{margin:5px 0}
.note{font-size:13px;color:var(--dim);line-height:1.5}
.box{border-radius:var(--rad);padding:12px 14px;font-size:13.5px;border:1px solid var(--line2);background:color-mix(in srgb, var(--bg2) 80%, transparent)}
.box.ok{color:var(--pos);border-color:color-mix(in srgb, var(--pos) 40%, transparent);background:var(--pos2)}
.box.wn{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 40%, transparent);background:var(--warn2)}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:12.5px}.kv span:nth-child(odd){color:var(--mut)}.kv span:nth-child(even){font-family:var(--m);font-size:11.5px;word-break:break-all}
.qr{background:#fff;border-radius:12px;padding:10px;width:min(200px,70vw);height:auto;aspect-ratio:1;margin:12px auto}.qr svg{width:100%;height:100%}
.stack>*+*{margin-top:10px}

/* faq */
details.q{border-top:1px solid var(--line);padding:16px 0}details.q:last-child{border-bottom:1px solid var(--line)}
details.q summary{cursor:pointer;font-weight:620;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center}details.q summary::-webkit-details-marker{display:none}
details.q summary:after{content:"+";color:var(--acc);font:400 22px var(--d);line-height:1}details.q[open] summary:after{content:"–"}
details.q p{color:var(--mut);margin-top:10px;font-size:14.5px;max-width:760px}
footer{border-top:1px solid var(--line);padding:32px 0 calc(40px + env(safe-area-inset-bottom));font-size:13px;color:var(--dim)}
footer .wrap{display:flex;gap:16px 22px;flex-wrap:wrap;align-items:center}footer a{color:var(--mut)}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(20px + env(safe-area-inset-bottom));background:var(--panel2);border:1px solid var(--line2);color:var(--tx);padding:12px 16px;border-radius:999px;font-size:13.5px;display:none;z-index:60;max-width:min(440px,92vw);box-shadow:0 16px 40px -24px #000}
@media(max-width:600px){.toast{top:calc(68px + env(safe-area-inset-top));bottom:auto}}
.blurred{filter:blur(5px);user-select:none}

/* prose */
.prose{max-width:760px}.prose h2{margin:42px 0 12px;font-size:clamp(26px,4vw,34px)}.prose h3{margin:26px 0 8px}.prose p,.prose li{color:var(--mut);font-size:16px;line-height:1.6}.prose p+p{margin-top:12px}
.prose code{font-family:var(--m);font-size:.88em;background:var(--panel2);border:1px solid var(--line);padding:1px 6px;border-radius:6px;color:var(--tx)}
.prose ul{padding-left:20px}.prose li{margin:6px 0}.prose b{color:var(--tx)}
.formula{font-family:var(--m);font-size:13px;background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);padding:12px 14px;color:var(--tx);overflow-x:auto;margin:12px 0;white-space:pre-wrap;word-break:break-word}

/* demo */
.demobar{position:sticky;top:0;z-index:40;background:linear-gradient(90deg,var(--acc2),color-mix(in srgb, var(--acc2) 30%, var(--bg)));border-bottom:1px solid color-mix(in srgb, var(--acc) 40%, transparent);font-size:13px}
.demobar .wrap{display:flex;align-items:center;gap:10px;min-height:44px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.demobar b{color:var(--acc);letter-spacing:.16em;font:500 11px var(--m)}
.demobar .sp{flex:1;min-width:140px;color:var(--mut)}
.tour{position:fixed;left:12px;right:12px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:50;max-width:520px;margin:0 auto;background:var(--panel2);border:1px solid color-mix(in srgb, var(--acc) 50%, transparent);border-radius:18px;padding:16px;box-shadow:0 24px 60px -28px #000}
.tour .cap{color:var(--acc)}.tour p{font-size:14px;color:var(--mut);margin:6px 0 12px}.tour .row{justify-content:flex-end}
.grid>*{min-width:0}
#cpy,#rsk{overflow-x:auto}
[id]{scroll-margin-top:84px}
.list.panel{padding:6px 22px}.list.panel li{padding:13px 0}
@media(max-width:600px){.list.panel{padding:4px 16px}.list b{min-width:0}section.blk{padding:52px 0}.formula{font-size:12px;padding:11px 12px}.tbl td,.tbl th{padding:10px 8px}}
.eyebrow+h1,.eyebrow+h2{margin-top:12px}
.prose h2[id],.prose section[id]{scroll-margin-top:84px}

/* landing bits */
.pv td.blur{color:var(--dim)}.pvh{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:14px}
#wl{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.chk{display:flex;gap:10px;font-size:14px;color:var(--mut);line-height:1.45}.chk:before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--acc);margin-top:7px}
.steps{counter-reset:s}.steps li{counter-increment:s}.steps li b:before{content:counter(s,decimal-leading-zero) "  ";color:var(--acc);font-family:var(--m);font-weight:500}

/* app shell */
.tabs{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 86%, transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:sticky;z-index:25}
.tabs .wrap{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
@media(max-width:1100px){.tabs .wrap{mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 22px),transparent);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 22px),transparent)}}
.tabs .wrap::-webkit-scrollbar{display:none}
.tabs a{color:var(--mut);font-size:14px;font-weight:550;padding:14px 12px;border-bottom:2px solid transparent;white-space:nowrap;scroll-snap-align:start;touch-action:manipulation}
.tabs a:hover{color:var(--tx);text-decoration:none}
.tabs a.on{color:var(--acc);border-color:var(--acc)}
.vh{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.vh h1{font-size:clamp(28px,4vw,40px)}
.vh p{color:var(--mut);font-size:14px;margin-top:6px;max-width:62ch}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:calc(var(--rad) + 4px);overflow:hidden}
.kpis>div{background:linear-gradient(180deg,var(--panel2),var(--panel));padding:13px 14px;min-width:0}.kpis b{display:block;font:500 16px/1.25 var(--m);margin-top:5px;letter-spacing:-.02em;overflow-wrap:anywhere}.kpis small{display:block;color:var(--dim);font-size:11.5px;margin-top:3px;line-height:1.35}
.bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:14px 0}
.seg{display:inline-flex;border:1px solid var(--line2);border-radius:999px;overflow:auto;max-width:100%;background:color-mix(in srgb, var(--bg) 55%, transparent)}
.seg button{background:none;border:0;color:var(--mut);font:550 13px var(--f);padding:8px 12px;min-height:40px;cursor:pointer;border-right:1px solid var(--line);white-space:nowrap;touch-action:manipulation}
.seg button:last-child{border-right:0}.seg button.on{background:var(--acc);color:var(--onacc)}
input.in,select.in,textarea.in{background:var(--bg);border:1px solid var(--line2);color:var(--tx);border-radius:999px;padding:11px 14px;font:15px var(--f);outline:none;min-width:0;min-height:44px}
textarea.in{border-radius:14px;min-height:88px;padding:12px 14px}
input.in:focus,select.in:focus,textarea.in:focus{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb, var(--acc) 22%, transparent)}
select.in{appearance:none;padding-right:34px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1.5 L6 6.5 L11 1.5' fill='none' stroke='%23ff6430' stroke-width='1.6' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:right 12px center}
input[type=checkbox]{accent-color:var(--acc);width:18px;height:18px;flex:none}
.mt{margin-top:16px}.mt2{margin-top:28px}.sect{display:flex;justify-content:space-between;align-items:baseline;margin:28px 0 10px;gap:10px}
.addr{font-family:var(--m);font-size:12.5px;word-break:break-all}.sm{font-size:12.5px}
.chart{width:100%;height:auto;display:block}.chart text{font:10.5px var(--m);fill:var(--dim)}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--mut);margin-top:6px}.legend i{display:inline-block;width:10px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}
.dstrip{display:flex;gap:2px;height:16px;margin-top:10px}.dstrip i{flex:1;border-radius:2px;min-width:3px}
.empty{color:var(--mut);text-align:center;padding:36px 12px;font-size:14.5px}
.sk{background:linear-gradient(90deg,var(--panel) 25%,var(--panel2) 50%,var(--panel) 75%);background-size:200% 100%;animation:sk 1.3s infinite;border-radius:var(--rad);min-height:60px}
@keyframes sk{to{background-position:-200% 0}}
.cards{display:none}
.tc{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px 14px 14px 16px;cursor:pointer;box-shadow:inset 3px 0 0 var(--acc)}
.tc .r1{display:flex;justify-content:space-between;gap:10px;align-items:center}.tc .g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.tc .g b{display:block;font:500 14px var(--m);overflow-wrap:anywhere}.tc .g span{font-size:10px;color:var(--dim);letter-spacing:.08em;text-transform:uppercase}
@media(max-width:760px){.tblwrap{display:none}.cards{display:grid;gap:10px}}
@media(max-width:520px){.tc .g{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wn{display:flex;gap:10px;padding:10px 0;border-top:1px solid var(--line);font-size:13.5px;align-items:flex-start}.wn:first-child{border-top:0}
.fld{margin-bottom:14px}.fld label{display:block;font-size:14px;font-weight:620;margin-bottom:6px}.fld .h{font-size:12.5px;color:var(--dim);margin-top:5px;line-height:1.45}.fld input.in,.fld textarea.in{width:100%}
.sw{position:relative;width:44px;height:26px;flex:none}.sw input{opacity:0;width:0;height:0}.sw i{position:absolute;inset:0;background:var(--line2);border-radius:99px;cursor:pointer;transition:.2s}
.sw i:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:var(--tx);border-radius:50%;transition:.2s}.sw input:checked+i{background:var(--acc)}.sw input:checked+i:before{transform:translateX(18px);background:var(--onacc)}
.row{display:flex;gap:12px;align-items:center}.sp{flex:1;min-width:0}
.label-in{width:180px;max-width:100%}
pre.log{font:12px/1.45 var(--m);color:var(--mut);white-space:pre-wrap;max-height:240px;overflow:auto;margin:0}
@media(max-width:600px){
 .bar{flex-direction:column;align-items:stretch}
 .bar .in,.bar select.in{width:100%}
 .panel>.row:not(label),form.row{flex-direction:column;align-items:stretch}
 .panel>.row:not(label) .btn,form.row .btn{width:100%}
 input.in,select.in,textarea.in{font-size:16px}
 .label-in{width:100%}
}
@media(max-width:480px){#who,.who{display:none}.top .tag.nodemo{display:none}}

/* staff gate */
.gate{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:28px 16px calc(28px + env(safe-area-inset-bottom))}
.gate .bx{width:min(420px,100%)}
.gate .brand{justify-content:center;margin-bottom:6px;font-size:22px}
.gate .eyebrow{text-align:center;margin:0 0 16px}
.gate form.panel{padding:22px}
.gate input{width:100%;font-size:16px}
.gate form .btn{margin-top:14px}
.gate .e{color:var(--neg);font-size:13.5px;min-height:1.25em;margin:12px 0 0;text-align:center}
.gate .note{text-align:center;margin-top:16px}

@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

.tbl tr.clk{cursor:pointer}.tbl tr.clk:hover td{background:color-mix(in srgb, var(--acc) 7%, transparent)}
.qbar{display:flex;flex-direction:column;gap:10px;margin-top:4px}
.qbar-row{display:grid;grid-template-columns:minmax(108px,30%) 1fr 72px;gap:10px;align-items:center;font-size:13px}
.qbar-row span{color:var(--mut)}.qbar-row b{font:500 13px var(--m);text-align:right}
.qbar-track{height:8px;background:var(--line);border-radius:99px;overflow:hidden}
.qbar-track i{display:block;height:100%;border-radius:99px}

.tour{max-width:560px}.tour ul.guide{margin:8px 0 12px;padding-left:18px;color:var(--mut);font-size:14px;line-height:1.55}
.tour ul.guide li{margin-bottom:6px}