/* /quantum-computing-research/ : Quantum computing research page (design v7, 9 Nov 2026).
   Dark, readable first screen with a live qubit; house-style sections below (small-caps labels, question headings,
   soft cards, navy panels). Side margins follow the service pages: 6% on phone and tablet, 10% from 992px, content capped at 1480px.
   Everything is namespaced .qx. Font: Red Hat Display only (loaded sitewide). Mobile first: min-width queries only. */

.qx{
  --qx-ink:#0b1726;
  --qx-ink2:#3f5063;
  --qx-blue:#0065bd;
  --qx-blue-d:#003f7f;
  --qx-cu:#F38323;
  --qx-cu-d:#B4560A;
  --qx-soft:#F2F6FB;
  --qx-line:#DCE5EE;
  --qx-navy:#0b2545;
  --qx-navy2:#12335c;
  --qx-on:#E8F0F7;
  --qx-on2:#B9CCDD;
  --qx-sec:clamp(52px,6.5vw,92px);
  font-family:'Red Hat Display',system-ui,-apple-system,'Segoe UI',sans-serif;
  color:var(--qx-ink);
  background:#fff;
  font-size:1rem;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}
.qx *,.qx *::before,.qx *::after{box-sizing:border-box}
.qx h1,.qx h2,.qx h3,.qx h4,.qx p,.qx ul,.qx ol,.qx li,.qx figure,.qx dl,.qx dd,.qx dt,.qx blockquote{margin:0;padding:0}
.qx ul,.qx ol{list-style:none}
.qx p,.qx li,.qx dd,.qx dt{font-family:inherit;color:inherit;font-size:inherit;line-height:inherit;letter-spacing:normal;text-transform:none}
.qx a{color:var(--qx-blue)}
.qx .qx-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media (min-width:900px){.qx{font-size:1.0625rem}}
.qx section[id]{scroll-margin-top:84px}

.qx a:focus-visible,.qx button:focus-visible,.qx input:focus-visible,.qx select:focus-visible,.qx textarea:focus-visible,.qx summary:focus-visible,.qx svg:focus-visible{
  outline:3px solid var(--qx-cu);outline-offset:3px;border-radius:4px}

/* same side margins as the service pages */
.qx .qx-wrap{width:100%;margin-inline:auto;padding-inline:6%}
@media (min-width:992px){.qx .qx-wrap{padding-inline:max(10%,calc((100% - 1480px) / 2))}}

/* type */
.qx .qx-label{font-size:.82rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--qx-blue)}
.qx .qx-label-on{color:#8FB7DD}
.qx .qx-h2{font-family:inherit;font-size:clamp(1.9rem,1.2rem + 2.3vw,3rem);line-height:1.08;font-weight:500;letter-spacing:-.03em;color:var(--qx-ink);margin-top:14px;max-width:24ch;text-wrap:balance}
.qx h3{font-family:inherit;font-size:1.3rem;line-height:1.25;font-weight:600;letter-spacing:-.015em;color:var(--qx-ink);text-wrap:balance}
.qx h4{font-family:inherit;font-size:1.15rem;line-height:1.3;font-weight:600;color:inherit}
.qx .qx-intro{font-size:clamp(1.02rem,1rem + .25vw,1.15rem);color:var(--qx-ink2);max-width:58ch;margin-top:14px;text-wrap:pretty}
.qx .qx-sec{padding-block:var(--qx-sec)}
.qx .qx-sec-soft{background:var(--qx-soft)}
.qx .qx-head{margin-bottom:clamp(26px,3.6vw,40px)}
.qx .qx-head-side{margin-bottom:0}

/* surfaces */
.qx .qx-soft{background:var(--qx-soft);border-radius:18px;padding:clamp(22px,2.6vw,32px)}
.qx .qx-white{background:#fff;border-radius:18px;border:1px solid var(--qx-line)}
.qx .qx-navy{background:var(--qx-navy);color:var(--qx-on);border-radius:24px}
.qx .qx-ico{width:44px;height:44px;border-radius:50%;background:var(--qx-soft);border:1px solid var(--qx-line);display:grid;place-items:center;color:var(--qx-blue);flex:none}
.qx .qx-ico svg{width:22px;height:22px}
.qx .qx-tag-solid{display:inline-block;font-size:.76rem;font-weight:700;letter-spacing:.03em;color:var(--qx-cu-d);background:#FFF1E3;border-radius:6px;padding:3px 10px;white-space:nowrap;vertical-align:middle}
.qx .qx-fine{margin-top:20px;font-size:.95rem;color:var(--qx-ink2)}
.qx .qx-fine strong{color:var(--qx-ink)}
.qx .qx-dim{font-weight:500;color:var(--qx-ink2)}

.qx .qx-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;text-decoration:none;color:var(--qx-blue);border-bottom:2px solid var(--qx-cu);padding-bottom:2px;justify-self:start}
.qx .qx-link::after{content:"";width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);transition:transform .2s}
.qx .qx-link:hover::after{transform:rotate(45deg) translate(2px,-2px)}

.qx .qx-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:8px;border:1.5px solid var(--qx-blue);font-weight:700;font-size:.95rem;line-height:1;font-family:inherit;text-decoration:none;cursor:pointer;transition:background-color .2s,transform .2s,box-shadow .2s,border-color .2s}
.qx .qx-btn-primary{background:var(--qx-blue);color:#fff}
.qx .qx-btn-primary:hover{background:var(--qx-blue-d);border-color:var(--qx-blue-d);transform:translateY(-1px);box-shadow:0 8px 18px -8px rgba(0,63,127,.55)}
.qx .qx-btn-accent{background:var(--qx-cu);border-color:var(--qx-cu);color:var(--qx-navy)}
.qx .qx-btn-accent:hover{background:#FF9638;border-color:#FF9638;transform:translateY(-1px);box-shadow:0 10px 22px -10px rgba(243,131,35,.7)}
.qx .qx-btn-light{background:transparent;border-color:#7FA3C4;color:#fff}
.qx .qx-btn-light:hover{background:rgba(255,255,255,.1);border-color:#fff;transform:translateY(-1px)}
.qx .qx-btn[disabled]{opacity:.6;cursor:progress;transform:none;box-shadow:none}

/* ---------- hero (navy, white text ~15:1) ---------- */
.qx .qx-hero{position:relative;background:var(--qx-navy);color:var(--qx-on);padding-top:clamp(84px,9svh,104px);padding-bottom:clamp(36px,5vw,68px);overflow:hidden}
.qx .qx-hero::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Ccircle cx='2' cy='2' r='1.3' fill='%23ffffff' fill-opacity='.07'/%3E%3C/svg%3E");pointer-events:none}
.qx .qx-hero-grid{position:relative;display:grid;gap:clamp(24px,4vw,44px);align-items:center}
.qx .qx-crumbs ol{display:flex;gap:8px;font-size:.88rem;color:var(--qx-on2)}
.qx .qx-crumbs li+li::before{content:"/";margin-right:8px;color:#7FA3C4}
.qx .qx-crumbs a{color:var(--qx-on2);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3)}
.qx .qx-crumbs a:hover{color:#fff;border-color:#fff}
.qx .qx-eyebrow{display:flex;align-items:center;gap:14px;margin-top:clamp(14px,2.2svh,24px);font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#FFB777}
.qx .qx-eyebrow::before{content:"";width:34px;height:2px;background:var(--qx-cu);flex:none}
.qx h1{font-family:inherit;font-size:clamp(2.1rem,1.2rem + 3.3vw,3.5rem);line-height:1.05;font-weight:600;letter-spacing:-.035em;color:#fff;margin-top:clamp(12px,2svh,18px);max-width:16ch;text-wrap:balance}
.qx .qx-lead{margin-top:clamp(14px,2.2svh,22px);font-size:clamp(1.1rem,1rem + .5vw,1.3rem);line-height:1.55;font-weight:400;color:var(--qx-on);max-width:36ch;text-wrap:pretty}
.qx .qx-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(20px,3svh,30px)}
.qx .qx-nqcc{display:flex;align-items:flex-start;gap:10px;margin-top:clamp(20px,3svh,28px);max-width:40ch;color:var(--qx-on2);font-size:.95rem;text-decoration:none;border-top:1px solid rgba(255,255,255,.16);padding-top:16px}
.qx .qx-nqcc svg{width:22px;height:22px;flex:none;color:#FFB777;margin-top:1px}
.qx .qx-nqcc:hover{color:#fff}
.qx .qx-nqcc span:first-of-type{text-decoration:underline;text-decoration-color:rgba(255,255,255,.3);text-underline-offset:3px}

/* ---------- live qubit ---------- */
.qx .qx-hero-art{display:flex;justify-content:center}
.qx .qx-bloch-lab{width:100%;max-width:520px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:clamp(12px,2vw,20px)}
.qx .qx-bloch-live,.qx .qx-bloch{display:block;width:100%;max-width:340px;height:auto;margin:0 auto;touch-action:pan-y;cursor:grab}
.qx .qx-bloch-live:active{cursor:grabbing}
.qx .qx-lab-body{margin-top:6px;color:var(--qx-on)}
.qx .qx-lab-state{font-size:.98rem;font-weight:600;color:#fff;text-align:center;min-height:1.5em}
.qx .qx-prob{display:grid;gap:8px;margin-top:12px}
.qx .qx-prob-row{display:grid;grid-template-columns:34px 1fr 44px;gap:10px;align-items:center;font-size:.9rem;font-weight:700}
.qx .qx-prob-row b{text-align:right;color:#fff}
.qx .qx-bar{height:10px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}
.qx .qx-bar i{display:block;height:100%;width:50%;background:#8FB7DD;border-radius:999px}
.qx .qx-bar i.is-1{background:var(--qx-cu)}
.qx .qx-sliders{display:grid;gap:10px;margin-top:14px}
.qx .qx-sliders label{display:grid;grid-template-columns:44px 40px 1fr;gap:10px;align-items:center;font-size:.9rem;font-weight:600;color:var(--qx-on2)}
.qx .qx-sliders output{color:#fff;font-weight:700;text-align:right}
.qx input[type="range"]{accent-color:var(--qx-cu);width:100%;min-height:28px}
.qx .qx-lab-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.qx .qx-lab-btns button{min-height:40px;padding:0 14px;border-radius:8px;border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;font-weight:700;font-size:.9rem;font-family:inherit;cursor:pointer;transition:background-color .2s,border-color .2s}
.qx .qx-lab-btns button:hover{background:rgba(255,255,255,.1);border-color:#fff}
.qx .qx-lab-btns button.is-go{background:var(--qx-cu);border-color:var(--qx-cu);color:var(--qx-navy)}
.qx .qx-lab-btns button.is-go:hover{background:#FF9638}
.qx .qx-lab-note{margin-top:12px;font-size:.88rem;line-height:1.45;color:var(--qx-on2)}

/* ---------- 01 the question ---------- */
.qx .qx-q-grid{display:grid;gap:clamp(26px,4vw,52px);align-items:start}
.qx .qx-rqs{display:grid;gap:12px;margin-top:24px}
.qx .qx-rqs li{display:flex;gap:14px;align-items:flex-start;font-size:1.02rem;font-weight:500}
.qx .qx-num{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--qx-blue);color:#fff;font-weight:700;font-size:.9rem;flex:none}
.qx .qx-first{margin-top:22px;font-size:1.02rem;font-weight:600;color:var(--qx-ink)}
.qx .qx-first .qx-tag-solid{margin-right:8px}
.qx .qx-explode{background:var(--qx-soft);border-radius:22px;padding:clamp(22px,3vw,34px)}
.qx .qx-ex-label{display:block;font-weight:700;font-size:1rem;color:var(--qx-ink)}
.qx .qx-ex-label span{font-weight:500;color:var(--qx-ink2)}
.qx .qx-ex-label output{display:inline-block;min-width:2ch;margin-left:6px;padding:2px 10px;border-radius:999px;background:var(--qx-blue);color:#fff;font-weight:700}
.qx .qx-explode input[type="range"]{margin-top:14px}
.qx .qx-ex-big{margin-top:18px;font-size:clamp(1.8rem,1.2rem + 2.4vw,3rem);line-height:1.05;font-weight:700;letter-spacing:-.03em;color:var(--qx-blue-d);overflow-wrap:anywhere}
.qx .qx-ex-sub{margin-top:4px;color:var(--qx-ink2);font-weight:600}
.qx .qx-ex-time{margin-top:16px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--qx-line);font-weight:600;color:var(--qx-ink);min-height:3.2em}
.qx .qx-explode .qx-lab-note{color:var(--qx-ink2)}

/* ---------- 02 method ---------- */
.qx .qx-steps{display:grid;gap:10px}
.qx .qx-stepcard{display:grid;grid-template-columns:44px 1fr;gap:4px 14px;align-items:center;background:#fff;border:1px solid var(--qx-line);border-radius:16px;padding:14px 16px}
.qx .qx-stepcard .qx-ico{grid-row:1/3}
.qx .qx-stepcard h3{font-size:1.1rem;display:flex;gap:8px;align-items:baseline}
.qx .qx-stepcard-n{font-size:.85rem;font-weight:700;color:var(--qx-blue)}
.qx .qx-stepcard p{color:var(--qx-ink2);font-size:.95rem}
.qx .qx-stepcard.is-q{border-color:rgba(243,131,35,.6);background:#FFFBF7}
.qx .qx-stepcard.is-q .qx-ico{background:#FFF1E3;border-color:rgba(243,131,35,.45);color:var(--qx-cu-d)}
.qx .qx-stepcard.is-q .qx-stepcard-n{color:var(--qx-cu-d)}

.qx .qx-flow{margin-top:18px;padding:clamp(18px,2.6vw,28px)}
.qx .qx-flow-grid{display:grid;gap:14px;align-items:stretch}
.qx .qx-flow-box{border-radius:16px;padding:clamp(16px,2vw,24px)}
.qx .qx-flow-box.is-classical{background:#EAF2F9;border:2px solid var(--qx-blue)}
.qx .qx-flow-box.is-quantum{background:#FFFBF7;border:2px solid var(--qx-cu)}
.qx .qx-flow-k{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.qx .qx-flow-box.is-classical .qx-flow-k{color:var(--qx-blue)}
.qx .qx-flow-box.is-quantum .qx-flow-k{color:var(--qx-cu-d)}
.qx .qx-flow-box h4{margin-top:4px;color:var(--qx-ink)}
.qx .qx-flow-box p:not(.qx-flow-k){margin-top:8px;color:var(--qx-ink2);font-size:.98rem}
.qx .qx-layers{counter-reset:ql;margin-top:10px;display:grid;gap:6px}
.qx .qx-layers li{counter-increment:ql;position:relative;padding-left:34px;min-height:24px;font-size:.98rem;color:var(--qx-ink)}
.qx .qx-layers li::before{content:counter(ql);position:absolute;left:0;top:1px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--qx-cu);color:var(--qx-navy);font-size:.78rem;font-weight:700}
.qx .qx-layers sup{font-size:.7em;line-height:0}
.qx .qx-layers sub{font-size:.8em}
.qx .qx-layers b{font-weight:700}
.qx .qx-flow-arrows{display:flex;flex-direction:row;justify-content:center;gap:18px;align-items:center;font-weight:700;font-size:.92rem;color:var(--qx-ink)}
.qx .qx-flow-arrows span{display:inline-flex;gap:6px;align-items:center}
.qx .qx-flow-arrows i{font-style:normal;font-size:1.3rem;color:var(--qx-cu-d)}
.qx .qx-flow figcaption{margin-top:14px;font-size:.88rem;color:var(--qx-ink2);text-align:center}

.qx .qx-protocol{margin-top:18px;padding:clamp(24px,3.4vw,44px)}
.qx .qx-protocol h3{color:#fff;margin-top:10px;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:500}
.qx .qx-rule{margin-top:20px;padding:20px 22px;border-left:4px solid var(--qx-cu);background:rgba(255,255,255,.07);border-radius:0 14px 14px 0;color:#fff;font-size:clamp(1.05rem,1rem + .4vw,1.25rem);line-height:1.5;font-weight:500;text-wrap:pretty}
.qx .qx-checks{display:grid;gap:10px;margin-top:20px}
.qx .qx-checks li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.07);color:var(--qx-on);font-weight:600;font-size:.98rem}
.qx .qx-checks svg{width:20px;height:20px;flex:none;margin-top:2px;color:#FFB777}
.qx .qx-measure-line{margin-top:20px;color:var(--qx-on2);font-size:1rem}
.qx .qx-measure-line strong{color:#fff}
.qx .qx-status-pill{display:inline-flex;align-items:center;gap:10px;margin-top:12px;font-size:.95rem;font-weight:600;color:var(--qx-on)}
.qx .qx-dot{width:10px;height:10px;border-radius:50%;background:var(--qx-cu);flex:none}

.qx .qx-deliver{display:grid;gap:10px;margin-top:18px}
.qx .qx-deliver li{display:grid;grid-template-columns:38px 1fr;gap:0 12px;align-items:center;background:#fff;border:1px solid var(--qx-line);border-radius:14px;padding:12px 14px}
.qx .qx-deliver .qx-tl-n{grid-row:1/3}
.qx .qx-deliver b{font-weight:700;font-size:1rem}
.qx .qx-deliver span:last-child{color:var(--qx-ink2);font-size:.92rem}
.qx .qx-tl-n{width:36px;height:36px;border-radius:50%;background:var(--qx-blue);color:#fff;display:grid;place-items:center;font-weight:700}

/* ---------- 03 audiences (tabs) ---------- */
.qx .qx-tablist{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.qx .qx-tablist button{min-height:46px;padding:0 20px;border-radius:999px;border:1.5px solid var(--qx-line);background:#fff;color:var(--qx-ink);font-weight:700;font-size:.98rem;font-family:inherit;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.qx .qx-tablist button:hover{border-color:var(--qx-blue)}
.qx .qx-tablist button[aria-selected="true"]{background:var(--qx-blue);border-color:var(--qx-blue);color:#fff}
.qx .qx-tabpanel[hidden]{display:none}
.qx .qx-tabs:not(.is-js) .qx-tablist{display:none}
.qx .qx-tabs:not(.is-js) .qx-tabpanel+.qx-tabpanel{margin-top:14px}
.qx .qx-tabpanel h3{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:1.5rem}
.qx .qx-tabpanel ul{display:grid;gap:10px;margin:16px 0 22px;max-width:62ch}
.qx .qx-tabpanel li{position:relative;padding-left:22px;font-size:1.02rem;color:var(--qx-ink)}
.qx .qx-tabpanel li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--qx-blue)}

/* ---------- 04 capabilities ---------- */
.qx .qx-caps{display:grid;gap:14px}
.qx .qx-caps li{display:flex;flex-direction:column;align-items:flex-start;padding:24px;transition:border-color .2s,box-shadow .2s,transform .2s}
.qx .qx-caps li:hover{border-color:#b8cad8;box-shadow:0 22px 40px -30px rgba(11,37,69,.4);transform:translateY(-2px)}
.qx .qx-caps .qx-ico{margin-bottom:14px}
.qx .qx-caps p{margin-top:8px;color:var(--qx-ink2);font-size:1rem;text-wrap:pretty}
.qx .qx-caps .qx-link{margin-top:16px}
.qx .qx-lead-card{display:flex;gap:18px;align-items:center;padding:clamp(20px,2.6vw,28px);margin-top:18px;max-width:560px}
.qx .qx-lead-card img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none}
.qx .qx-lead-k{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--qx-cu-d)}
.qx .qx-lead-n{font-size:1.35rem;font-weight:600;letter-spacing:-.01em;margin-top:2px}
.qx .qx-lead-r{font-size:.95rem;color:var(--qx-ink2);margin:2px 0 10px}

/* ---------- 05 faq ---------- */
.qx .qx-faq-grid{display:grid;gap:clamp(22px,4vw,56px)}
.qx .qx-qa{border-top:1px solid var(--qx-line)}
.qx .qx-qa:first-child{border-top:0}
.qx .qx-qa summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;min-height:60px;cursor:pointer;list-style:none;font-weight:600;font-size:1.1rem;color:var(--qx-ink)}
.qx .qx-qa summary::-webkit-details-marker{display:none}
.qx .qx-plus{position:relative;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--qx-blue);flex:none;transition:background-color .2s}
.qx .qx-plus::before,.qx .qx-plus::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:2px;background:var(--qx-blue);transform:translate(-50%,-50%);transition:transform .2s,background-color .2s}
.qx .qx-plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.qx .qx-qa[open] .qx-plus{background:var(--qx-blue)}
.qx .qx-qa[open] .qx-plus::before,.qx .qx-qa[open] .qx-plus::after{background:#fff}
.qx .qx-qa[open] .qx-plus::after{transform:translate(-50%,-50%) rotate(0)}
.qx .qx-qa p{padding:0 48px 22px 0;color:var(--qx-ink2);max-width:64ch;text-wrap:pretty}

/* ---------- contact ---------- */
.qx .qx-dark{background:var(--qx-navy);color:var(--qx-on)}
.qx .qx-dark .qx-h2{color:#fff}
.qx .qx-dark .qx-intro{color:var(--qx-on2)}
.qx .qx-contact-grid{display:grid;gap:clamp(28px,5vw,64px);align-items:start}
.qx .qx-direct{margin-top:26px;display:grid;gap:14px}
.qx .qx-direct li{display:flex;gap:14px;align-items:center}
.qx .qx-direct svg{width:44px;height:44px;padding:10px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#FFB777;flex:none}
.qx .qx-direct-k{display:block;font-size:.8rem;font-weight:700;color:var(--qx-on2)}
.qx .qx-direct a{color:#fff;font-weight:700;font-size:1.1rem;text-decoration:none;border-bottom:2px solid rgba(255,255,255,.25)}
.qx .qx-direct a:hover{border-color:var(--qx-cu)}
.qx .qx-formcard{padding:clamp(22px,3.2vw,36px);color:var(--qx-ink);border:0}
.qx .qx-formcard h3{color:var(--qx-ink)}
.qx .qx-field{margin-bottom:16px}
.qx .qx-field label{display:block;font-weight:700;font-size:.95rem;margin-bottom:6px;color:var(--qx-ink)}
.qx .qx-field input,.qx .qx-field select,.qx .qx-field textarea{display:block;width:100%;min-height:50px;padding:12px 14px;border:1.5px solid #9FB1BF;border-radius:10px;background:#fff;color:var(--qx-ink);font-weight:500;font-size:1rem;line-height:1.4;font-family:inherit;transition:border-color .2s,box-shadow .2s}
.qx .qx-field select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--qx-ink2) 50%),linear-gradient(135deg,var(--qx-ink2) 50%,transparent 50%);background-position:calc(100% - 20px) 21px,calc(100% - 14px) 21px;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px}
.qx .qx-field textarea{min-height:110px;resize:vertical}
.qx .qx-field input:hover,.qx .qx-field select:hover,.qx .qx-field textarea:hover{border-color:var(--qx-blue)}
.qx .qx-field input:focus,.qx .qx-field select:focus,.qx .qx-field textarea:focus{border-color:var(--qx-blue);box-shadow:0 0 0 3px rgba(0,101,189,.18)}
.qx .qx-field [aria-invalid="true"]{border-color:#B42318;background:#FFFAF9}
.qx .qx-hint{margin-top:6px;font-size:.85rem;color:var(--qx-ink2)}
.qx .qx-err{margin-top:6px;font-size:.9rem;font-weight:600;color:#B42318}
.qx .qx-err[hidden]{display:none}
.qx .qx-hp{position:absolute;left:-9999px;top:-9999px;width:0;height:0;overflow:hidden}
.qx .qx-ts{margin:4px 0 16px;min-height:0}
.qx .qx-privacy{font-size:.88rem;color:var(--qx-ink2);margin-bottom:16px}
.qx .qx-submit{width:100%}
.qx .qx-status{margin-top:14px;font-size:.95rem;font-weight:600;min-height:1.5em}
.qx .qx-status.is-error{color:#B42318}
.qx .qx-status.is-ok{color:#0F6B3A}
.qx .qx-success{text-align:left;padding:8px 0}
.qx .qx-success[hidden]{display:none}
.qx .qx-success svg{width:44px;height:44px;color:#0F6B3A;margin-bottom:12px}
.qx .qx-success p{margin-top:8px;color:var(--qx-ink2)}

/* ---------- breakpoints ---------- */
@media (min-width:640px){
  .qx .qx-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qx .qx-deliver{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qx .qx-checks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qx .qx-caps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:900px){
  .qx .qx-hero-grid{grid-template-columns:minmax(0,11fr) minmax(0,9fr)}
  .qx .qx-q-grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
  .qx .qx-flow-grid{grid-template-columns:minmax(0,5fr) auto minmax(0,7fr);align-items:center}
  .qx .qx-flow-arrows{flex-direction:column;gap:14px}
  .qx .qx-faq-grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}
  .qx .qx-head-side{position:sticky;top:112px;align-self:start}
  .qx .qx-contact-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
}
@media (min-width:1100px){
  .qx .qx-steps{grid-template-columns:repeat(5,minmax(0,1fr))}
  .qx .qx-steps .qx-stepcard{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:8px;align-items:start;padding:18px}
  .qx .qx-steps .qx-ico{grid-row:auto}
  .qx .qx-deliver{grid-template-columns:repeat(4,minmax(0,1fr))}
  .qx .qx-checks{grid-template-columns:repeat(3,minmax(0,1fr))}
  .qx .qx-caps{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:900px) and (max-height:760px){
  .qx .qx-hero{padding-top:80px;padding-bottom:32px}
  .qx .qx-bloch-live{max-width:290px}
  .qx .qx-nqcc{margin-top:16px;padding-top:12px}
}
@media (prefers-reduced-motion:reduce){
  .qx *{animation:none!important;transition:none!important}
}
@media (forced-colors:active){
  .qx .qx-btn,.qx .qx-white,.qx .qx-soft,.qx .qx-stepcard,.qx .qx-flow-box,.qx .qx-explode{border:1px solid CanvasText}
  .qx .qx-dot{background:Highlight}
}

/* ===== v8 (9 Nov 2026): running-circuit hero + less template chrome ===== */
.qx .qx-circuit{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.qx .qx-hero-grid{z-index:1}

/* method steps: a quiet numbered timeline instead of five boxed cards */
.qx .qx-steps{gap:0;border-top:1px solid var(--qx-line)}
.qx .qx-stepcard{background:none;border:0;border-radius:0;padding:22px 18px 22px 0;display:block;box-shadow:none;transform:none}
.qx .qx-stepcard:hover{box-shadow:none;transform:none;border:0}
.qx .qx-stepcard .qx-ico{display:none}
.qx .qx-stepcard h3{font-size:1.25rem;display:flex;gap:10px;align-items:baseline}
.qx .qx-stepcard-n{font-size:1.6rem;font-weight:600;letter-spacing:-.03em;color:var(--qx-blue)}
.qx .qx-stepcard.is-q{background:none}
.qx .qx-stepcard.is-q .qx-stepcard-n{color:var(--qx-cu-d)}
.qx .qx-stepcard p{margin-top:6px;font-size:1rem}
@media (min-width:1100px){
  .qx .qx-steps .qx-stepcard{padding:26px 22px 4px 0;border-top:3px solid transparent;margin-top:-1px}
  .qx .qx-steps .qx-stepcard.is-q{border-top-color:var(--qx-cu)}
}

/* capabilities: an editorial two-column list, not six boxed cards with icons */
.qx .qx-caps{gap:0 clamp(28px,5vw,72px)}
.qx .qx-caps li{background:none;border:0;border-top:1px solid var(--qx-line);border-radius:0;padding:26px 0 30px;box-shadow:none;transform:none}
.qx .qx-caps li:hover{box-shadow:none;transform:none;border-color:var(--qx-line);border-top-color:var(--qx-line)}
.qx .qx-caps .qx-ico{display:none}
.qx .qx-caps h3{font-size:1.4rem;letter-spacing:-.02em}
.qx .qx-caps p{max-width:48ch}
@media (min-width:640px){.qx .qx-caps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.qx .qx-caps{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* what a collaboration produces: a plain numbered line, no boxes */
.qx .qx-deliver li{background:none;border:0;border-radius:0;padding:10px 0}

/* section labels: plain small caps, no numbering */
.qx .qx-label{letter-spacing:.12em}

/* ===== compact contact form (9 Nov 2026): the whole section fits in one screen ===== */
.qx .qx-contact.qx-sec{padding-block:clamp(40px,5vw,64px)}
.qx .qx-contact-grid{align-items:center}
.qx .qx-formcard{padding:clamp(18px,2.2vw,26px)}
.qx .qx-form{display:grid;gap:12px 14px;grid-template-columns:minmax(0,1fr)}
.qx .qx-form .qx-field{margin:0}
.qx .qx-field label{font-size:.85rem;margin-bottom:4px}
.qx .qx-field input,.qx .qx-field select,.qx .qx-field textarea{min-height:44px;padding:9px 12px;font-size:.95rem}
.qx .qx-field select{background-position:calc(100% - 18px) 19px,calc(100% - 12px) 19px}
.qx .qx-field textarea{min-height:84px;resize:vertical}
.qx .qx-hint{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.qx .qx-privacy{margin:0;font-size:.82rem}
.qx .qx-ts{margin:0;min-height:0}
.qx .qx-submit{width:100%;min-height:48px}
.qx .qx-status{margin:0;min-height:0}
.qx .qx-form .qx-hp{grid-column:auto}
@media (min-width:640px){
  .qx .qx-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qx .qx-form .qx-field-wide,
  .qx .qx-form .qx-privacy,
  .qx .qx-form .qx-status{grid-column:1/-1}
  .qx .qx-form .qx-submit{align-self:end}
}
.qx .qx-form input[type="hidden"]{display:none}

/* verification widget on the left, Send on the right (full width when no widget is rendered) */
@media (min-width:640px){
  .qx .qx-form .qx-submit{grid-column:1/-1}
  .qx .qx-form .qx-ts + .qx-submit{grid-column:2}
  .qx .qx-form .qx-ts{grid-column:1;min-height:65px;display:flex;align-items:center}
}

/* ===== NQCC note: the landing point for the home page button (#nqcc) ===== */
.qx .qx-nqcc-sec{background:#FFFBF7;border-block:1px solid rgba(243,131,35,.35);padding-block:clamp(36px,5vw,64px)}
.qx .qx-nqcc-grid{display:grid;gap:clamp(18px,3vw,48px);align-items:start}
.qx .qx-nqcc-sec .qx-label{color:var(--qx-cu-d)}
.qx .qx-nqcc-sec .qx-h2{max-width:20ch;font-size:clamp(1.7rem,1.1rem + 2vw,2.5rem)}
.qx .qx-nqcc-note p{font-size:1.05rem;color:var(--qx-ink);max-width:62ch;text-wrap:pretty}
.qx .qx-nqcc-note p+p{margin-top:12px;color:var(--qx-ink2)}
.qx .qx-nqcc-note .qx-link{margin-top:18px}
@media (min-width:900px){.qx .qx-nqcc-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}
/* when you arrive from the home page, the note flashes once so the eye lands on it */
.qx .qx-nqcc-sec:target{animation:qxnote 2.2s ease-out 1}
@keyframes qxnote{0%{box-shadow:inset 0 0 0 4px rgba(243,131,35,.9)}100%{box-shadow:inset 0 0 0 4px rgba(243,131,35,0)}}
@media (prefers-reduced-motion:reduce){.qx .qx-nqcc-sec:target{animation:none;box-shadow:inset 0 0 0 4px rgba(243,131,35,.6)}}

/* ===== use-case page (quantum supply chain disruption recovery) ===== */
.qx .qx-diagram-card{background:#fff;border-radius:22px;padding:clamp(14px,2vw,22px);width:100%;max-width:560px;box-shadow:0 30px 60px -40px rgba(0,0,0,.6)}
.qx .qx-diagram-card svg{display:block;width:100%;height:auto}
.qx .qx-diagram-card figcaption{margin-top:10px;font-size:.88rem;font-weight:600;color:var(--qx-ink2);text-align:center}
.qx .qx-balance{display:grid;gap:8px;margin-top:6px;grid-template-columns:repeat(2,minmax(0,1fr))}
.qx .qx-balance li{position:relative;padding-left:20px;font-weight:600;font-size:1rem}
.qx .qx-balance li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--qx-cu)}
.qx .qx-pilot{margin-top:0}
.qx .qx-fitgrid2{display:grid;gap:14px;margin-top:22px}
.qx .qx-fitgrid2 h3{margin-bottom:12px}
.qx .qx-fitgrid2 ul{display:grid;gap:8px}
.qx .qx-fitgrid2 li{position:relative;padding-left:22px;font-size:1rem}
.qx .qx-fitgrid2 li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--qx-blue)}
@media (min-width:700px){.qx .qx-fitgrid2{grid-template-columns:repeat(2,minmax(0,1fr))}}

.qx .qx-inline{font-weight:700;color:var(--qx-blue);text-underline-offset:3px}
.qx .qx-nqcc-more{margin-left:22px}

/* ===== benchmark table + progress log ===== */
.qx .qx-tablewrap{overflow-x:auto;border:1px solid var(--qx-line);border-radius:16px;background:#fff}
.qx .qx-table{width:100%;min-width:640px;border-collapse:collapse;font-size:1rem}
.qx .qx-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.qx .qx-table th,.qx .qx-table td{padding:14px 18px;text-align:right;border-top:1px solid var(--qx-line);font-variant-numeric:tabular-nums}
.qx .qx-table thead th{border-top:0;background:var(--qx-soft);font-size:.82rem;font-weight:700;letter-spacing:.04em;color:var(--qx-ink2);text-align:right;vertical-align:bottom}
.qx .qx-table thead th:first-child,.qx .qx-table tbody th{text-align:left}
.qx .qx-table tbody th{font-weight:700;color:var(--qx-ink)}
.qx .qx-table td.is-slow{color:var(--qx-cu-d);font-weight:700}
.qx .qx-table td.is-fast{color:var(--qx-blue-d);font-weight:700}
.qx .qx-takeaways{display:grid;gap:10px;margin-top:22px}
.qx .qx-takeaways li{position:relative;padding-left:24px;font-size:1.05rem}
.qx .qx-takeaways li::before{content:"";position:absolute;left:0;top:.6em;width:9px;height:9px;border-radius:50%;background:var(--qx-cu)}
.qx .qx-bar-line{margin-top:18px;font-size:1.2rem;font-weight:700;letter-spacing:-.01em;color:var(--qx-ink)}
.qx .qx-prog-grid{display:grid;gap:clamp(22px,4vw,56px);align-items:start}
.qx .qx-log li{display:grid;gap:4px 24px;padding:18px 0;border-top:1px solid var(--qx-line)}
.qx .qx-log li:first-child{border-top:0;padding-top:0}
.qx .qx-log time{font-weight:700;color:var(--qx-blue);font-variant-numeric:tabular-nums}
.qx .qx-log p{font-size:1.05rem;color:var(--qx-ink);text-wrap:pretty}
@media (min-width:700px){.qx .qx-log li{grid-template-columns:130px 1fr}}
@media (min-width:900px){.qx .qx-prog-grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}}

/* ===== a11y fixes from Lighthouse (9 Nov 2026) ===== */
.qx .qx-tag-solid{color:#9A4A06}
.qx .qx-label-on .qx-tag-solid{color:#9A4A06}
.qx p a:not(.qx-link):not(.qx-btn),.qx .qx-fine a,.qx .qx-privacy a,.qx .qx-hint a{text-decoration:underline;text-underline-offset:3px}