/* ==========================================================================
   JayQora — Guardian theme (SEP 2026 redesign)
   Load AFTER colors_and_type.css / styles.css / chrome.css. It re-tokenises
   the whole site (logo-cyan accent on ink) and adds the new components.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700;12..96,800&family=Instrument+Sans:wght@400;500;600&family=Martian+Mono:wght@400;500&display=swap');

:root{
  --ink-0:#08090B; --ink-1:#0B0C10; --ink-2:#12141A; --ink-3:#14161C;
  --fg-hi:#F2EFE9; --fg:#C9C3B8; --fg-dim:#9A958C; --fg-faint:#8A857B;
  --line:rgba(242,239,233,.12); --line-soft:rgba(242,239,233,.08);
  --acc:#22D3FF; --acc-hi:#7DEAFF; --acc-2:#8B5CF6;
  --ok:#3BC98A; --warn:#FFCE85; --sos:#FF4D5E; --goog:#4FA3F7;
  --font-display:'Bricolage Grotesque',system-ui,sans-serif;
  --font-body:'Instrument Sans',system-ui,sans-serif;
  --font-mono:'Martian Mono',ui-monospace,monospace;

  /* legacy token remap — restyles every existing page */
  --jq-cyan-400:#22D3FF; --jq-cyan-300:#7DEAFF; --jq-violet-400:#8B5CF6;
  --jq-ink-0:#08090B; --jq-ink-100:#0B0C10; --jq-ink-200:#12141A; --jq-ink-300:#14161C;
  --bg-canvas:#08090B; --bg-surface-1:#0B0C10; --bg-surface-2:#12141A; --bg-surface-3:#14161C;
  --fg-1:#F2EFE9; --fg-2:#C9C3B8; --fg-3:#9A958C;
  --border-1:rgba(242,239,233,.08); --border-2:rgba(242,239,233,.12);
  --accent:#22D3FF; --accent-hover:#7DEAFF; --accent-press:#06B6E4; --accent-on:#08090B;
  --accent-2:#8B5CF6; --status-danger:#FF4D5E; --status-success:#3BC98A; --status-warning:#FFCE85;
  --font-display-legacy:'Bricolage Grotesque',sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink-0);color:var(--fg-hi);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--acc);text-decoration:none;transition:color .2s ease}
a:hover{color:var(--acc-hi)}
img{max-width:100%}
::selection{background:rgba(34,211,255,.32)}

h1,h2,h3,h4,.h-display,.h1,.h2,.h3{font-family:var(--font-display);font-weight:800;letter-spacing:-.04em;line-height:.96;color:var(--fg-hi)}
h1,.h-display--hero{font-size:clamp(2.6rem,7vw,6rem)}
h2,.h-display--xl{font-size:clamp(2.1rem,4.6vw,4rem)}
h3{font-size:clamp(1.3rem,2vw,1.7rem);font-weight:700}
p,li{font-family:var(--font-body);color:var(--fg-dim);line-height:1.7;text-wrap:pretty}
strong{color:var(--fg-hi)}
.eyebrow,.jq-eyebrow{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--acc)}
.eyebrow--danger{color:var(--sos)} .eyebrow--violet{color:var(--acc-2)}
.gradient-text{color:var(--acc);background:none;-webkit-text-fill-color:currentColor}
code,kbd{font-family:var(--font-mono);background:var(--ink-2);color:var(--acc);border:1px solid var(--line);border-radius:6px;padding:.1em .4em}

/* ---------- layout ---------- */
.jq-wrap{max-width:1340px;margin:0 auto;padding:0 clamp(18px,4vw,56px)}
.jq-sec{border-top:1px solid var(--line-soft);padding:clamp(56px,8vw,120px) 0}
.jq-sec--alt{background:var(--ink-1)}
.jq-grid{display:grid;gap:16px}
.jq-2col{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,5vw,72px)}
.jq-2col--even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.jq-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.jq-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.jq-end{align-items:end}.jq-center{align-items:center}
.jq-rule{display:flex;align-items:baseline;gap:16px;margin-bottom:34px}
.jq-rule span:last-child{flex:1;height:1px;background:var(--line)}
.jq-lead{font-size:1.04rem;max-width:52ch}
.jq-span2{grid-column:span 2}

/* ---------- nav (new + legacy .jqc-nav) ---------- */
.jq-nav{position:fixed;top:16px;left:0;right:0;z-index:60;display:flex;justify-content:center;padding:0 14px}
.jq-nav__in,.jqc-nav .jqc-in{display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,1.35vw,24px);width:min(1500px,calc(100vw - 28px));max-width:none;background:rgba(18,20,26,.85);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:999px;padding:9px 12px 9px 16px}
.jqc-nav{position:fixed;top:16px;left:0;right:0;z-index:60;background:none;border:0;display:flex;justify-content:center;padding:0 14px}
.jqc-nav .jqc-in{max-width:none;width:min(1500px,calc(100vw - 28px));flex-wrap:nowrap;justify-content:space-between;height:auto;margin:0}
.jq-brand,.jqc-brand{display:flex;align-items:center;gap:10px;color:var(--fg-hi);flex-shrink:0}
.jq-brand img,.jqc-brand img{width:28px;height:28px;border-radius:9px;display:block}
.jq-brand span,.jqc-wordmark{font-family:var(--font-display);font-weight:800;font-size:16px;letter-spacing:-.02em;color:var(--fg-hi)}
.jq-links,.jqc-links{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.15vw,20px);font-size:13.5px;font-weight:500;flex:1;min-width:0}
.jq-links a,.jqc-links a{color:var(--fg-dim);white-space:nowrap}
.jq-links a:hover,.jqc-links a:hover{color:var(--fg-hi)}
.jqc-right{display:flex;align-items:center;gap:12px}
.jqc-status{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);display:flex;align-items:center;gap:7px}
.jqc-dot{width:6px;height:6px;border-radius:99px;background:var(--acc);animation:jqBlink 1.8s infinite}
.jq-toggle,.jqc-toggle{display:none;background:none;border:0;color:var(--fg-hi);font-size:18px;cursor:pointer;padding:6px 10px}

/* ---------- buttons ---------- */
.jq-btn,.btn,.jqc-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body);font-size:14px;font-weight:600;padding:15px 26px;border-radius:999px;border:1px solid var(--line);color:var(--fg-hi);white-space:nowrap;cursor:pointer;transition:all .25s ease;background:none}
.jq-btn--primary,.btn--primary,.jqc-btn--primary{background:var(--acc);border-color:var(--acc);color:var(--ink-0)}
.jq-btn--primary:hover,.btn--primary:hover,.jqc-btn--primary:hover{background:var(--acc-hi);border-color:var(--acc-hi);color:var(--ink-0)}
.jq-btn--ghost:hover,.btn--outline:hover{border-color:var(--acc);color:var(--acc)}
.jqc-btn{padding:10px 18px;font-size:13.5px}

/* ---------- cards ---------- */
.jq-card,.feature,.tech__cell,.traction__badge,.how__card,.problem__stat{border:1px solid var(--line);border-radius:22px;background:rgba(18,20,26,.66);padding:28px 26px;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s ease}
.jq-card:hover,.feature:hover,.how__card:hover{transform:translateY(-6px);border-color:rgba(34,211,255,.5)}
.jq-card__tag,.feature__tag,.tech__cell-label,.traction__badge-status{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-dim)}
.jq-card__title,.feature__title,.tech__cell-value,.traction__badge-title{font-family:var(--font-display);font-weight:700;font-size:1.42rem;letter-spacing:-.03em;margin:12px 0 9px;color:var(--fg-hi)}
.jq-card__body,.feature__desc,.tech__cell-foot,.traction__badge-foot{font-size:.95rem;line-height:1.62;color:var(--fg-dim)}
.jq-card--acc{border-color:rgba(34,211,255,.34);background:linear-gradient(150deg,rgba(34,211,255,.11),rgba(18,20,26,.7))}
.jq-card--ok{border-color:rgba(59,201,138,.28);background:rgba(59,201,138,.06)}
.jq-card--dash{border-style:dashed;background:none}
.jq-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:999px;padding:9px 15px;font-size:12.5px;color:var(--fg)}
.jq-pill i{width:7px;height:7px;border-radius:99px;background:var(--acc);display:block;font-style:normal}
.jq-kv{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid var(--line);border-radius:16px;background:rgba(18,20,26,.6);padding:18px 20px}
.jq-kv span:first-child{font-size:.98rem;font-weight:500;color:var(--fg-hi)}
.jq-kv span:last-child{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim)}
.jq-num{font-family:var(--font-display);font-weight:800;font-size:1.5rem;letter-spacing:-.03em;color:var(--fg-hi)}

/* ---------- hero / canvases ---------- */
.jq-hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px 0 0;overflow:hidden}
.jq-hero__glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 50% at 70% 30%,rgba(34,211,255,.14),transparent 70%)}
.jq-hero canvas.jq-field{position:absolute;inset:0;width:100%;height:100%;opacity:.85}
.jq-hero__h1{font-size:clamp(2.9rem,5.35vw,5.35rem);line-height:.91;letter-spacing:-.045em;margin:0 0 24px;max-width:10ch}
.jq-hero__h1>span{display:block}
.jq-hero__accent{font-style:normal;color:var(--acc)}
.jq-canvas{position:relative;border:1px solid var(--line);border-radius:24px;background:var(--ink-0);overflow:hidden}
.jq-canvas canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.jq-canvas__lbl{position:absolute;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim)}
.jq-canvas__lbl--tl{top:14px;left:16px}.jq-canvas__lbl--tr{top:14px;right:16px;color:var(--acc)}
.jq-canvas__lbl--bl{bottom:14px;left:16px}.jq-canvas__lbl--br{bottom:14px;right:16px}

/* phone mock */
.jq-phone{position:relative;width:min(320px,86%);margin:0 auto;animation:jqFloat 7s ease-in-out infinite}
.jq-phone__body{position:relative;border-radius:38px;border:1px solid rgba(242,239,233,.16);background:var(--ink-2);padding:12px;box-shadow:0 40px 90px rgba(0,0,0,.6)}
.jq-phone__screen{border-radius:28px;background:#0B0C10;overflow:hidden;padding-bottom:18px}
.jq-phone__bar{display:flex;justify-content:space-between;padding:14px 18px 10px;font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;color:var(--fg-dim)}
.jq-phone__row{display:flex;justify-content:space-between;align-items:center;background:var(--ink-3);border-radius:12px;padding:11px 13px;font-size:11.5px;color:var(--fg-dim);margin-top:9px}
.jq-phone__sos{margin:16px 18px 0;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--sos);border-radius:14px;padding:15px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-0)}
.jq-phone__note{position:absolute;background:rgba(18,20,26,.94);border:1px solid var(--line);border-radius:12px;padding:9px 12px;font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;color:var(--fg)}

/* bars */
.jq-bar{height:7px;border-radius:99px;background:rgba(242,239,233,.08);overflow:hidden}
.jq-bar i{display:block;height:100%;border-radius:99px;background:var(--acc);transform-origin:left;animation:jqBar 1.3s cubic-bezier(.22,1,.36,1) both}

/* ticker */
.jq-ticker{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);overflow:hidden;background:rgba(18,20,26,.5)}
.jq-ticker__track{display:flex;width:200%;animation:jqTick 36s linear infinite;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-dim);padding:14px 0;white-space:nowrap}
.jq-ticker__track>div{display:flex;gap:28px;padding-right:28px}
.jq-ticker__track b{color:var(--acc);font-weight:400}

/* roadmap */
.jq-road{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.jq-road>div{position:relative;padding:28px 24px 0}
.jq-road>div:first-child{padding-left:0}.jq-road>div:last-child{padding-right:0}
.jq-road i{position:absolute;top:-6px;left:24px;width:12px;height:12px;border-radius:99px;background:#2A2D34}
.jq-road>div:first-child i{left:0}.jq-road>div:last-child i{left:0}
.jq-road>div:first-child i{background:var(--acc);box-shadow:0 0 18px rgba(34,211,255,.9)}

/* steps */
.jq-step{cursor:pointer;border:1px solid var(--line);border-radius:20px;background:rgba(18,20,26,.6);padding:22px 24px;transition:all .3s ease}
.jq-step.is-on{border-color:rgba(34,211,255,.5);background:rgba(34,211,255,.08);transform:translateX(6px)}
.jq-step__n{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim)}
.jq-step__t{font-family:var(--font-display);font-weight:700;font-size:1.3rem;letter-spacing:-.03em;margin:9px 0 7px}

/* footer (new + legacy) */
.jq-foot,.jqc-footer{border-top:1px solid var(--line-soft);background:var(--ink-1);color:var(--fg-dim);padding:clamp(44px,6vw,80px) 0;margin:0}
.jq-foot__grid,.jqc-fgrid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:clamp(26px,4vw,52px)}
.jqc-fwrap{max-width:1340px;margin:0 auto;padding:0 clamp(18px,4vw,56px)}
.jq-foot h4,.jqc-fcol h4{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-dim);margin:0 0 16px;font-weight:400}
.jq-foot ul,.jqc-fcol ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.jq-foot a,.jqc-fcol a{color:var(--fg-dim);font-size:.94rem}
.jq-foot a:hover,.jqc-fcol a:hover{color:var(--acc)}
.jq-foot__legal,.jqc-flegal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:48px;padding-top:22px;border-top:1px solid var(--line-soft);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;color:var(--fg-faint)}
.jq-foot__legal a,.jqc-flegal a{color:var(--fg-faint)}

/* curtain + motion */
.jq-curtain{position:fixed;inset:0;z-index:95;background:var(--ink-0);pointer-events:none;display:flex;align-items:center;justify-content:center;animation:jqCurtain 2.2s cubic-bezier(.76,0,.24,1) forwards}
.jq-curtain__mark{position:relative;width:96px;height:96px;display:flex;align-items:center;justify-content:center}
.jq-curtain__mark i{position:absolute;inset:0;border-radius:999px;border:1px solid rgba(34,211,255,.7);animation:jqPulse 1.6s ease-out infinite}
.jq-curtain__mark img{width:66px;height:66px;border-radius:16px}
[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}
[data-reveal].in,.reveal.in{opacity:1;transform:none}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}
[data-rise]{opacity:0;animation:jqRise .9s cubic-bezier(.22,1,.36,1) forwards}
@keyframes jqPulse{0%{transform:scale(.4);opacity:.7}100%{transform:scale(1.9);opacity:0}}
@keyframes jqTick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes jqBlink{0%,100%{opacity:1}50%{opacity:.15}}
@keyframes jqRise{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}
@keyframes jqBar{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@keyframes jqFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes jqCurtain{0%,55%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 100% 0)}}
@keyframes jqWordIn{0%{opacity:0;transform:translateY(40px) rotate(2deg)}100%{opacity:1;transform:none}}

/* legacy sections that must not fight the new theme */
.hero__bg,.hero__grid,.hero__scanlines,.hero__vignette,.ring-orbit-text{display:none!important}
.hero{padding-top:130px}
.section{padding:clamp(56px,8vw,120px) 0}
.problem__stat-num,.cta__metric-num{font-family:var(--font-display);font-weight:800;color:var(--acc)}
.features__grid,.tech__grid,.traction__built,.how__cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(258px,1fr))}
main#seo-content{max-width:1340px!important;margin:0 auto!important;padding:130px clamp(18px,4vw,56px) 60px!important;color:var(--fg)!important;font-family:var(--font-body)!important}
main#seo-content h1,main#seo-content h2{font-family:var(--font-display)!important;color:var(--fg-hi)!important}
main#seo-content a{color:var(--acc)!important}

@media (max-width:1040px){
  .jq-2col,.jq-2col--even{grid-template-columns:minmax(0,1fr)}
  .jq-4,.jq-road{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jq-foot__grid,.jqc-fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jq-span2{grid-column:span 1}
  .jq-links,.jqc-links{display:none}
  .jq-links.open,.jqc-links.open{display:flex;position:absolute;top:calc(100% + 10px);left:0;right:0;flex-direction:column;align-items:center;gap:14px;background:rgba(18,20,26,.96);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:20px;padding:18px}
  .jq-toggle,.jqc-toggle{display:block}
  .jqc-status{display:none}
  .jqc-nav .jqc-in,.jq-nav__in{flex-wrap:nowrap;gap:12px;position:relative}
  .jqc-right{margin-left:0;flex-shrink:0}
  .jq-road>div{padding:28px 0 0}
  .jq-road i{left:0!important}
}
@media (max-width:660px){
  .jq-3,.jq-4,.jq-road,.jq-foot__grid,.jqc-fgrid{grid-template-columns:minmax(0,1fr)}
  .jq-hero{min-height:auto;padding-top:104px}
}
@media (prefers-reduced-motion:reduce){
  [data-reveal],[data-rise],.reveal{opacity:1!important;transform:none!important;animation:none!important}
  .jq-curtain{display:none!important}
  .jq-ticker__track,.jq-phone{animation:none!important}
}


/* ---------- article / nested-route hardening ---------- */
.article-wrap{max-width:980px;margin:0 auto;padding:132px clamp(18px,4vw,42px) 54px}
.article-wrap .prose{max-width:none}
.article-wrap .prose>h1{font-family:var(--font-display)!important;font-size:clamp(2.35rem,5vw,4.55rem)!important;line-height:1.02!important;letter-spacing:-.045em!important;color:var(--fg-hi)!important;margin:18px 0 14px!important}
.article-meta{color:var(--fg-dim)!important;margin-bottom:28px!important}
.article-body{color:var(--fg)!important;font-size:clamp(1rem,1.1vw,1.08rem)!important;line-height:1.82!important}
.article-body p,.article-body li{color:var(--fg)!important}
.article-body h2{font-family:var(--font-display)!important;font-size:clamp(1.65rem,3vw,2.35rem)!important;line-height:1.08!important;color:var(--fg-hi)!important;margin-top:42px!important}
.article-body h3{font-family:var(--font-display)!important;color:var(--fg-hi)!important}
.article-body blockquote{background:rgba(34,211,255,.05);border:1px solid rgba(34,211,255,.18);border-left:3px solid var(--acc);border-radius:0 16px 16px 0;padding:16px 18px!important}
.article-hero{background:var(--ink-2);min-height:120px;object-fit:cover}
.article-tags{padding-top:8px}
@media(max-width:660px){.article-wrap{padding-top:108px}.article-wrap .prose>h1{font-size:clamp(2rem,11vw,3rem)!important}}

/* ---------- legacy page shells (phead / cards / grids / bigcta / tables) ---------- */
.wrap{max-width:1340px;margin:0 auto;padding:0 clamp(18px,4vw,56px)}
.phead{padding:clamp(120px,14vh,168px) clamp(18px,4vw,56px) clamp(28px,4vw,52px)}
.phead h1{margin:.1em 0 18px}
.phead .lead,.lead{font-size:clamp(1.04rem,1.4vw,1.22rem);color:var(--fg);max-width:56ch}
.eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:18px}
.grid{display:grid;gap:16px}
.grid-auto,.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(auto-fit,minmax(262px,1fr))}
.card{border:1px solid var(--line);border-radius:22px;background:rgba(18,20,26,.66);padding:28px 26px;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s ease}
.card:hover{transform:translateY(-6px);border-color:rgba(34,211,255,.5)}
.card h3{font-size:1.24rem;margin:12px 0 9px}
.card p{font-size:.95rem;margin:0;color:var(--fg-dim)}
.tag,.pill,.chip{display:inline-block;white-space:nowrap;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--acc);border:1px solid rgba(34,211,255,.28);border-radius:999px;padding:6px 11px}
.bigcta{border:1px solid rgba(34,211,255,.3);border-radius:28px;background:linear-gradient(150deg,rgba(34,211,255,.1),rgba(18,20,26,.7));padding:clamp(34px,5vw,64px);text-align:center}
.bigcta h2{margin:14px 0 14px}
.bigcta p{margin:0 auto 26px;max-width:56ch}
.bigcta .btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.arrow{display:inline-block}
table{width:100%;border-collapse:collapse;font-size:.95rem}
th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line-soft);color:var(--fg-dim)}
th{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim)}
input,textarea,select{font-family:var(--font-body);background:var(--ink-2);border:1px solid var(--line);border-radius:12px;color:var(--fg-hi);padding:13px 15px;font-size:15px;width:100%}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px rgba(34,211,255,.16)}
label{display:block;font-size:13px;color:var(--fg-dim);margin:14px 0 6px}
form button,button[type=submit]{cursor:pointer}
.team-grid .tcard{background:rgba(18,20,26,.66);border:1px solid var(--line);border-radius:22px}
.team-grid .tcard .role{color:var(--acc);font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.team-grid .tcard .mono-av{background:linear-gradient(140deg,var(--acc),var(--acc-2));color:var(--ink-0);font-family:var(--font-display)}
.team-grid .tcard::after{background:var(--acc)}

/* legacy reveal delays should not gate visibility */
.reveal-d1{transition-delay:.08s}.reveal-d2{transition-delay:.16s}.reveal-d3{transition-delay:.24s}

@media(max-width:680px){.jq-hero__h1{font-size:clamp(2.75rem,13vw,4.15rem);max-width:10ch;line-height:.92}.jq-hero{padding-top:104px}}