/* ==========================================================================
   QED UI LAYER — v1.0 (APPROVED DIRECTION)
   Rules set by the design owner:
     • Flat brand colours only — no gradients on fills. (Exceptions: the glass outline, glass glints, the mouse glow.)
     • No pure #fff anywhere: White Smoke #F2F2F2 replaces it.
     • Proportions: White Smoke/Light Grey 45 · Lazuli 25 · Deep Atlantic 15 · Air Blue 8 · Ocean Blue 4 · Amber 3.
     • Clay = monochrome (surface = ground), drop shadow leads, inset for dishes/wells. Images always fill their cards.
     • Liquid glass ONLY where a card sits on an image (heroes + image sections).
     • Type: Light headlines + bold key words; metrics/labels bold.
   Source of truth: 03_STYLING/QED-Web-Styleguide.html. Load order: tokens → base → qed-core → qed-ui.
   ========================================================================== */

:root{
  --ui-bg:#E6E7E8;                       /* Light Grey — clay ground + surface (brand-approved) */
  --ui-smoke:#F2F2F2;                    /* White Smoke — the "white" */
  --ui-ink:#1A3E68; --ui-ink-2:#3B5375; --ui-ink-3:#445779; --ui-abyss:#0B2440;
  --ui-n-200:#D4D8DD; --ui-n-300:#B8BFC8;
  --ui-line:rgba(26,62,104,.12); --ui-line-strong:rgba(26,62,104,.30);
  --ui-focus:#0566BD;
  --ui-ok:#1E7A57; --ui-warn:#8A5A00; --ui-err:#B3261E; --ui-info:#0566BD;
  --ui-lazuli:#0566BD; --ui-atlantic:#1A3E68; --ui-air:#71A6BC; --ui-ocean:#2868A0; --ui-amber:#FFC112;

  --g-gutter:clamp(16px,2vw,28px); --g-margin:clamp(20px,5vw,72px); --g-max:1360px;
  --s-1:4px; --s-2:8px; --s-3:16px; --s-4:24px; --s-5:32px; --s-6:48px; --s-7:64px; --s-8:96px; --s-9:128px; --s-10:176px;
  --ui-section-y:clamp(72px,10vw,160px);
  --r-2:8px; --r-3:12px; --r-4:16px; --r-5:24px; --r-6:32px; --r-pill:999px; --ui-card-r:22px; --ui-ctl-r:14px;

  --t-display:clamp(4.4rem,11vw,10rem); --t-h1:clamp(3.2rem,7vw,6.2rem); --t-h2:clamp(2.4rem,4.6vw,4rem);
  --t-h3:1.6rem; --t-lead:clamp(1.25rem,1.9vw,1.55rem); --t-body:1.0625rem; --t-small:.9rem; --t-cap:.72rem;
  --t-numeral:clamp(8rem,20vw,18rem);
  --ui-display-w:300; --ui-head-w:300; --ui-h3-w:600; --ui-strong-w:700;
  --ui-ease:cubic-bezier(.2,.7,.2,1);
}
[data-type="editorial"]{--ui-strong-w:400}
[data-type="brand"]{--ui-display-w:700;--ui-head-w:700;--ui-strong-w:700}

/* ---- CLAY (monochrome). Highlight pair is White Smoke, never pure white. ---- */
:root,[data-clay]{
  --neu-hi:#F2F2F2;                      /* light pair */
  --neu-lo:rgba(13,39,80,.16);           /* inner shadow dark */
  --neu-lo-drop:rgba(13,39,80,.25);      /* drop shadow dark  */
  --in-L:inset 30px 30px 50px var(--neu-lo),inset -30px -30px 50px var(--neu-hi);
  --dr-L:30px 30px 48px var(--neu-lo-drop),-30px -30px 48px var(--neu-hi);
  --in-M:inset 14px 14px 26px var(--neu-lo),inset -14px -14px 26px var(--neu-hi);
  --dr-M:14px 14px 24px var(--neu-lo-drop),-14px -14px 24px var(--neu-hi);
  --in-S:inset 5px 5px 10px var(--neu-lo),inset -5px -5px 10px var(--neu-hi);
  --dr-S:6px 6px 12px var(--neu-lo-drop),-6px -6px 12px var(--neu-hi);
  --edge:0 0 0 1px rgba(13,39,80,.06);
  --clay-well:var(--in-S),var(--edge);
  --clay-sm:var(--dr-S);
  --clay-sm-hover:9px 9px 16px var(--neu-lo-drop),-9px -9px 16px var(--neu-hi);
  --clay-plate:var(--dr-M);
  --btn-cta-shadow:6px 6px 12px rgba(13,39,80,.30),-6px -6px 12px var(--neu-hi);
  --btn-cta-press:inset 4px 4px 8px rgba(150,100,0,.5),inset -3px -3px 6px rgba(242,242,242,.5);
  --btn-solid-shadow:6px 6px 12px rgba(13,39,80,.35),-6px -6px 12px var(--neu-hi);
  --btn-solid-press:inset 4px 4px 8px rgba(0,0,0,.5),inset -3px -3px 6px rgba(242,242,242,.12);
  --numeral-shadow:6px 6px 12px var(--neu-lo),-6px -6px 12px var(--neu-hi);
}
/* MIX (default): the DROP shadow leads (cards, plates, controls); INSET is for dishes, wells and tracks */
:root,[data-clay="mix"]{--clay-1:var(--dr-L),var(--edge);--clay-2:36px 36px 56px rgba(13,39,80,.28),-36px -36px 56px var(--neu-hi),0 0 0 1px rgba(13,39,80,.10);--clay-3:var(--dr-L);--clay-4:var(--dr-L);--clay-dish:var(--in-L),var(--edge)}
[data-clay="inset"]{--clay-1:var(--in-L),var(--edge);--clay-2:inset 34px 34px 56px var(--neu-lo),inset -34px -34px 56px var(--neu-hi),0 0 0 1px rgba(13,39,80,.10);--clay-3:var(--in-L),var(--edge);--clay-4:var(--dr-L);--clay-dish:var(--in-L),var(--edge);--clay-sm:0 0 0 1px rgba(13,39,80,.14),inset 1px 1px 0 rgba(13,39,80,.14),inset -1px -1px 0 var(--neu-hi);--clay-sm-hover:0 0 0 1px rgba(13,39,80,.30),inset 1px 1px 0 rgba(13,39,80,.22),inset -1px -1px 0 var(--neu-hi)}
[data-clay="raised"]{--clay-1:var(--dr-L),var(--edge);--clay-2:36px 36px 56px rgba(13,39,80,.28),-36px -36px 56px var(--neu-hi),0 0 0 1px rgba(13,39,80,.10);--clay-3:var(--dr-L);--clay-4:var(--dr-L);--clay-dish:var(--dr-L),var(--edge)}

/* ---------- Ground + type ---------- */
body.qed{background:var(--ui-bg);color:var(--ui-ink);font-size:var(--t-body)}
.qed h1,.qed h2,.qed h3,.qed h4{color:var(--ui-ink)}
.qed h1,.qed h2{font-weight:var(--ui-head-w);letter-spacing:-.015em;line-height:.98}
.qed h3{font-weight:var(--ui-h3-w)}
.qed h1 :is(b,strong),.qed h2 :is(b,strong),.qed-display :is(b,strong){font-weight:var(--ui-strong-w)}
.qed-display,.qed-hero h1{font-size:var(--t-display);font-weight:var(--ui-display-w);line-height:.9;letter-spacing:-.02em}
.qed-lede,.qed-exp__intro{font-weight:300}
.qed-claim__val,.qed-stat,.qed-badge,.qed-chip{font-weight:700}
.qed a{color:var(--ui-focus)}.qed a:hover{color:var(--ui-ocean)}
.qed :focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}
.qed-idx{font-family:var(--qed-font-head);font-size:var(--t-cap);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ui-ink-3);margin:0 0 .8rem}
.qed-kicker{color:var(--ui-ink-3)}
.qed-meta{font-size:var(--t-small);color:var(--ui-ink-2)}
.qed-fine{color:var(--ui-ink-2)}
.qed-dash{display:block;width:28px;height:2px;background:currentColor;margin-top:var(--s-3)}
.qed-hair{border:0;border-top:1px solid var(--ui-line-strong);margin:0}

/* ---------- SECTIONS — flat brand colour blocks (proportions: 45 ground · 25 Lazuli · 15 Atlantic · 8 Air · 4 Ocean · 3 Amber) ---------- */
.qed-section,.qed-sec{position:relative;padding-block:var(--ui-section-y)}
.qed-section--tint{background:transparent}
.qed-sec--smoke{background:var(--ui-smoke)}
.qed-sec--lazuli{background:var(--ui-lazuli);--ui-ink:#F2F2F2;--ui-ink-2:rgba(242,242,242,.88);--ui-ink-3:rgba(242,242,242,.78);--ui-focus:#F2F2F2;--ui-line:rgba(242,242,242,.22);--ui-line-strong:rgba(242,242,242,.5);--emb-lo:rgba(11,36,64,.45);--emb-hi:rgba(113,166,188,.65)}
.qed-sec--atlantic,.qed-section--deep{background:var(--ui-atlantic);--ui-ink:#F2F2F2;--ui-ink-2:rgba(242,242,242,.86);--ui-ink-3:rgba(242,242,242,.74);--ui-focus:#F2F2F2;--ui-line:rgba(242,242,242,.2);--ui-line-strong:rgba(242,242,242,.45);--emb-lo:rgba(11,36,64,.6);--emb-hi:rgba(40,104,160,.7)}
.qed-sec--air{background:var(--ui-air);--ui-ink:#0B2440;--ui-ink-2:#0B2440;--ui-ink-3:#0B2440;--ui-line:rgba(11,36,64,.25);--emb-lo:rgba(11,36,64,.35);--emb-hi:rgba(242,242,242,.7)}
.qed-sec--ocean{background:var(--ui-ocean);--ui-ink:#F2F2F2;--ui-ink-2:rgba(242,242,242,.9);--ui-ink-3:rgba(242,242,242,.8);--ui-focus:#F2F2F2;--emb-lo:rgba(11,36,64,.5);--emb-hi:rgba(113,166,188,.6)}
.qed-sec--lazuli a:not(.qed-btn),.qed-sec--atlantic a:not(.qed-btn),.qed-sec--ocean a:not(.qed-btn),.qed-section--deep a:not(.qed-btn){color:#F2F2F2}
.qed-sec--lazuli .qed-kicker,.qed-sec--atlantic .qed-kicker,.qed-sec--ocean .qed-kicker{color:rgba(242,242,242,.82)}
/* flat plates on colour blocks (clay needs a matching ground, so cards here are flat White Smoke with one soft shadow) */
.qed-sec--lazuli .qed-card,.qed-sec--atlantic .qed-card,.qed-sec--air .qed-card,.qed-sec--ocean .qed-card{background:#F2F2F2;color:#1A3E68;box-shadow:0 26px 40px -22px rgba(11,36,64,.55);--ui-ink:#1A3E68;--ui-ink-2:#3B5375;--ui-ink-3:#445779}

/* ---------- GRID (12 columns) + spans ---------- */
.qed-g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--g-gutter);row-gap:var(--s-5);max-width:var(--g-max);margin-inline:auto;padding-inline:var(--g-margin)}
.qed-g12>*{min-width:0}
.c-1-12{grid-column:1/13}.c-1-10{grid-column:1/11}.c-1-9{grid-column:1/10}.c-1-8{grid-column:1/9}.c-1-7{grid-column:1/8}.c-1-6{grid-column:1/7}.c-1-5{grid-column:1/6}.c-1-4{grid-column:1/5}.c-1-3{grid-column:1/4}
.c-2-12{grid-column:2/13}.c-2-11{grid-column:2/12}.c-2-9{grid-column:2/10}.c-2-7{grid-column:2/8}.c-3-12{grid-column:3/13}.c-3-11{grid-column:3/12}.c-3-10{grid-column:3/11}.c-3-9{grid-column:3/10}
.c-4-12{grid-column:4/13}.c-4-9{grid-column:4/10}.c-4-6{grid-column:4/7}.c-5-12{grid-column:5/13}.c-5-8{grid-column:5/9}.c-6-12{grid-column:6/13}.c-6-11{grid-column:6/12}
.c-7-12{grid-column:7/13}.c-7-11{grid-column:7/12}.c-7-9{grid-column:7/10}.c-8-12{grid-column:8/13}.c-8-11{grid-column:8/12}.c-9-12{grid-column:9/13}.c-10-12{grid-column:10/13}
.r-2{grid-row:span 2}.r-3{grid-row:span 3}.self-end{align-self:end}.self-center{align-self:center}.self-start{align-self:start}
.mt-3{margin-top:var(--s-3)}.mt-5{margin-top:var(--s-5)}.mt-7{margin-top:var(--s-7)}.mt-8{margin-top:var(--s-8)}
@media (max-width:820px){.qed-g12>*{grid-column:1/-1!important;grid-row:auto!important}.mt-7,.mt-8{margin-top:0}}

/* ---------- NUMERALS ---------- */
.qed-numeral{font-family:var(--qed-font-head);font-weight:300;font-size:var(--t-numeral);line-height:.78;color:var(--ui-ink);letter-spacing:-.03em;user-select:none;display:block}
.qed-numeral--bold{font-weight:700}
.qed-numeral--blind{font-weight:700;color:var(--ui-bg);text-shadow:var(--numeral-shadow)}                    /* blind emboss on the clay ground */
.qed-sec--lazuli .qed-numeral--blind{color:var(--ui-lazuli);text-shadow:8px 8px 16px var(--emb-lo),-8px -8px 16px var(--emb-hi)}
.qed-sec--atlantic .qed-numeral--blind{color:var(--ui-atlantic);text-shadow:8px 8px 16px var(--emb-lo),-8px -8px 16px var(--emb-hi)}
.qed-sec--air .qed-numeral--blind{color:var(--ui-air);text-shadow:8px 8px 16px var(--emb-lo),-8px -8px 16px var(--emb-hi)}
.qed-sec--ocean .qed-numeral--blind{color:var(--ui-ocean);text-shadow:8px 8px 16px var(--emb-lo),-8px -8px 16px var(--emb-hi)}
.qed-numeral--deboss{font-weight:700;color:rgba(242,242,242,.16);text-shadow:0 -2px 3px rgba(11,36,64,.55),0 2px 2px rgba(242,242,242,.55)}    /* blind deboss on glass / imagery */
.qed-cropstack{position:relative}.qed-cropstack .qed-numeral{margin-bottom:-.34em;position:relative;z-index:0}.qed-cropstack>*:not(.qed-numeral){position:relative;z-index:1}

/* ---------- CLAY SURFACES ---------- */
.qed-card,.qed-person,.qed-fail__card,.qed-lex__item,.qed-logoplate,.qed-notice,.qed-clay,.qed-tile__img{
  background:var(--ui-bg);border:0;border-radius:var(--ui-card-r);box-shadow:var(--clay-1);color:var(--ui-ink);
  transition:box-shadow .3s var(--ui-ease),transform .3s var(--ui-ease)}
.qed-fits__panel,.qed-life__panel,.qed-journey__stage,.qed-readiness,.qed-detail,.qed-todo,.qed-clay--dish{
  background:var(--ui-bg);border:0;border-radius:var(--ui-card-r);box-shadow:var(--clay-dish);color:var(--ui-ink)}
.qed-card,.qed-person,.qed-fail__card{padding:var(--s-5)}
.qed-card:hover,.qed-person:hover,.qed-clay--lift:hover{box-shadow:var(--clay-2);transform:translateY(-2px)}
.qed-dialog{background:var(--ui-bg);border:0;border-radius:var(--r-6);box-shadow:var(--clay-4);color:var(--ui-ink)}
.qed-del__item{background:var(--ui-bg);border:0;border-radius:var(--ui-card-r);box-shadow:var(--clay-1);transition:all .5s var(--ui-ease)}
.qed-del__item.is-gone{box-shadow:var(--clay-well);opacity:.9}
.qed-del__core span{background:var(--ui-lazuli);color:#F2F2F2;border-radius:var(--r-pill);box-shadow:var(--btn-solid-shadow)}
.qed-notice--ok{border-left:4px solid var(--ui-ok)}.qed-notice--err{border-left:4px solid var(--ui-warn)}.qed-notice--info{border-left:4px solid var(--ui-info)}
.qed-todo{border-left:4px solid var(--ui-amber)}

/* ---------- IMAGE CARDS — the image always fills the card; the caption is glass ---------- */
.qed-imgcard,.qed-card--product{position:relative;overflow:hidden;border-radius:var(--ui-card-r);box-shadow:var(--dr-L);background:var(--ui-bg);padding:0}
.qed-imgcard>img,.qed-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ui-ease)}
.qed-imgcard:hover>img,.qed-card--product:hover .qed-card__img{transform:scale(1.035)}
.qed-imgcard{min-height:clamp(320px,38vw,520px)}
.qed-imgcard__cap,.qed-card__cap{position:absolute;left:14px;right:14px;bottom:14px;padding:16px 18px;text-align:left;z-index:2}
.qed-card__open{position:absolute;inset:0;width:100%;height:100%;display:block;background:none;border:0;padding:0;margin:0;cursor:pointer;color:inherit;font:inherit;text-align:left}
.qed-card__open:focus-visible{outline:3px solid var(--ui-focus);outline-offset:-3px}
.qed-card__cap .qed-card__meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.qed-card__name{display:block;font-family:var(--qed-font-head);font-weight:700;font-size:1.35rem;line-height:1.1;color:#F2F2F2}
.qed-card__tag{display:block;font-size:.95rem;color:rgba(242,242,242,.92);margin-top:4px}
.qed-card--product:hover{transform:none;box-shadow:var(--dr-L)}
.qed-grid--products{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(120px,12.5vw,184px);gap:var(--g-gutter);grid-auto-flow:dense}
.qed-grid--products>li{grid-column:span 3;grid-row:span 2}
.qed-grid--products>li.is-l{grid-column:span 6}
.qed-grid--products>li[hidden]{display:none}
.qed-grid--products>.qed-card--cta{grid-column:span 6;padding:var(--s-6);display:flex;flex-direction:column;justify-content:center;box-shadow:var(--clay-dish)}
@media (max-width:1000px){.qed-grid--products{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:150px}.qed-grid--products>li{grid-column:span 3}.qed-grid--products>li.is-l,.qed-grid--products>.qed-card--cta{grid-column:span 6}}
@media (max-width:620px){.qed-grid--products{grid-template-columns:1fr;grid-auto-rows:300px}.qed-grid--products>li,.qed-grid--products>li.is-l,.qed-grid--products>.qed-card--cta{grid-column:1/-1}}

/* 2.8.8 -- two views per product: the studio shot is the cover, the in-use render fades in on hover / keyboard focus;
   two small dots say there is a second view. In the dialog both are thumbnails. */
.qed-card__img--use{opacity:0;transition:opacity .55s var(--ui-ease),transform .9s var(--ui-ease)}
@media (hover:hover){.qed-card--product:hover .qed-card__img--use{opacity:1}}
.qed-card__open:focus-visible .qed-card__img--use{opacity:1}
/* the studio cover sits in the top 4/5 of the card so the whole unit stays clear of the caption glass; the floor tone carries on below it */
.qed-card--product:has(.qed-card__img--cover){background:#DCDCE3}
.qed-card__img--cover{height:80%;object-position:50% 100%;-webkit-mask-image:linear-gradient(#000 80%,transparent);mask-image:linear-gradient(#000 80%,transparent)}
.qed-card__views{position:absolute;top:18px;left:16px;z-index:2;display:flex;gap:5px;pointer-events:none}
.qed-card__views i{width:6px;height:6px;border-radius:50%;background:rgba(26,62,104,.28);transition:background .3s}
.qed-card__views i:first-child{background:var(--ui-lazuli,#1A3E68)}
@media (hover:hover){.qed-card--product:hover .qed-card__views i:first-child{background:rgba(242,242,242,.5)}.qed-card--product:hover .qed-card__views i:last-child{background:#F2F2F2}}
.qed-shots{position:absolute;right:12px;bottom:12px;z-index:3;display:flex;gap:8px}
.qed-shots button{width:58px;height:58px;padding:0;border:2px solid rgba(242,242,242,.75);border-radius:10px;overflow:hidden;background:var(--ui-bg);cursor:pointer;box-shadow:0 6px 14px -6px rgba(11,36,64,.5);opacity:.82;transition:opacity .2s,border-color .2s}
.qed-shots button.is-on,.qed-shots button:hover{opacity:1;border-color:var(--ui-lazuli,#1A3E68)}
.qed-detail__media .qed-shots img{position:static;width:100%;height:100%;object-fit:cover;display:block}
@media (prefers-reduced-motion:reduce){.qed-card__img--use{transition:none}}

/* dialog detail: the image fills its half */
.qed-detail{padding:0;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;box-shadow:none;background:transparent}
.qed-detail__media{position:relative;min-height:420px;background:var(--ui-bg)}
.qed-detail__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-height:none;padding:0}
.qed-detail__media .qed-fine{position:absolute;left:14px;bottom:10px;margin:0;color:#F2F2F2;z-index:2}
.qed-detail__body{padding:clamp(1.4rem,3vw,2.4rem);background:var(--ui-bg)}
.qed-detail__note{color:var(--ui-ink-2)}
@media (max-width:820px){.qed-detail{grid-template-columns:1fr}}

/* Tile (editorial) — image fills */
.qed-tile{display:block;color:inherit;text-decoration:none}
.qed-tile__img{aspect-ratio:4/5;overflow:hidden;position:relative}
.qed-tile__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.qed-tile__cap{font-size:var(--t-small);color:var(--ui-ink-2);margin-top:var(--s-2);display:flex;justify-content:space-between;gap:var(--s-3)}
.qed-tile__cap b{color:var(--ui-ink);font-weight:600}

/* Spec list / tables */
.qed-spec{margin:0;padding:0}
.qed-spec>div{display:grid;grid-template-columns:minmax(90px,.8fr) 2fr;gap:var(--s-4);padding:14px 0;border-bottom:1px solid var(--ui-line)}
.qed-spec dt{font-size:var(--t-cap);letter-spacing:.16em;text-transform:uppercase;color:var(--ui-ink-3);font-weight:600;align-self:center}
.qed-spec dd{margin:0;text-align:right;font-size:var(--t-small)}
.qed-table th,.qed-table td{border-bottom:1px solid var(--ui-line);padding:.95rem .5rem}
.qed-table thead th{font-weight:600;letter-spacing:.16em;font-size:var(--t-cap);color:var(--ui-ink-3)}
.qed-table tbody th{font-weight:600}
.qed-table .qed-num{font-weight:700;color:var(--ui-lazuli)}

/* ---------- BUTTONS — flat colour, clay shadows. Amber only for the primary call to action. ---------- */
.qed .qed-btn{border:0;min-height:46px;padding:.55rem 1.6rem;border-radius:var(--r-pill);font-weight:600;letter-spacing:.04em;background:var(--ui-bg);color:var(--ui-ink);box-shadow:var(--clay-sm);transition:box-shadow .2s var(--ui-ease),transform .2s var(--ui-ease)}
.qed .qed-btn:hover,.qed .qed-btn.is-hover{transform:translateY(-1px);box-shadow:var(--clay-sm-hover);color:var(--ui-ink)}
.qed .qed-btn:active,.qed .qed-btn.is-active{transform:none;box-shadow:var(--clay-well)}
.qed .qed-btn--cta{background:var(--ui-amber);color:#1A3E68;box-shadow:var(--btn-cta-shadow)}
.qed .qed-btn--cta:hover,.qed .qed-btn--cta.is-hover{color:#1A3E68;box-shadow:var(--btn-cta-shadow);filter:brightness(1.04)}
.qed .qed-btn--cta:active,.qed .qed-btn--cta.is-active{box-shadow:var(--btn-cta-press);filter:none}
.qed .qed-btn--solid{background:var(--ui-atlantic);color:#F2F2F2;box-shadow:var(--btn-solid-shadow)}
.qed .qed-btn--solid:hover,.qed .qed-btn--solid.is-hover{color:#F2F2F2;box-shadow:var(--btn-solid-shadow);filter:brightness(1.12)}
.qed .qed-btn--solid:active,.qed .qed-btn--solid.is-active{box-shadow:var(--btn-solid-press);filter:none}
.qed .qed-btn--blue{background:var(--ui-lazuli);color:#F2F2F2;box-shadow:var(--btn-solid-shadow)}
.qed .qed-btn--blue:hover{color:#F2F2F2;filter:brightness(1.1)}
.qed .qed-btn--ghost{background:var(--ui-bg);color:var(--ui-ink)}
.qed .qed-btn--tertiary{background:transparent;box-shadow:none;color:inherit;text-decoration:underline;text-underline-offset:.25em;padding-inline:.5rem}
.qed .qed-btn--tertiary:hover,.qed .qed-btn--tertiary.is-hover{background:transparent;box-shadow:none;transform:none;color:var(--ui-ocean)}
.qed .qed-btn[disabled],.qed .qed-btn.is-disabled{opacity:.45;box-shadow:var(--clay-well);transform:none}
.qed .qed-btn--tertiary[disabled]{box-shadow:none;background:transparent}
.qed-sec--lazuli .qed-btn:not(.qed-btn--cta):not(.qed-btn--tertiary),.qed-sec--atlantic .qed-btn:not(.qed-btn--cta):not(.qed-btn--tertiary),.qed-sec--ocean .qed-btn:not(.qed-btn--cta):not(.qed-btn--tertiary){background:#F2F2F2;color:#1A3E68;box-shadow:0 14px 22px -10px rgba(11,36,64,.6)}

/* ---------- Inputs, chips, segmented, sliders ---------- */
.qed-form input,.qed-form select,.qed-form textarea,.qed-catalog input[type=search],.qed-catalog select,.qed-lex input[type=search],.qed-faq input[type=search],.qed-ask__in,.qed-input{
  box-sizing:border-box;background:var(--ui-bg);border:1px solid transparent;border-radius:var(--ui-ctl-r);box-shadow:var(--clay-well);color:#1A3E68;padding:.8rem 1.1rem;transition:box-shadow .2s,border-color .2s}
.qed-form input:focus,.qed-form select:focus,.qed-form textarea:focus,.qed-input:focus,.qed-input.is-focus{outline:0;border-color:var(--ui-lazuli);box-shadow:var(--clay-well),0 0 0 3px rgba(5,102,189,.28)}
.qed-form label{color:var(--ui-ink)}
.qed-chip,.qed-badge--soft,.qed-chips li,.qed-fits__chip,.qed-lex .qed-seg__b{background:var(--ui-bg);border:0;box-shadow:var(--clay-sm);color:#1A3E68;border-radius:var(--r-pill)}
.qed-chip{padding:.12rem .8rem}
.qed-chip:hover,.qed-chip[aria-expanded="true"]{background:var(--ui-ocean);color:#F2F2F2}
.qed-badge{background:var(--ui-atlantic);color:#F2F2F2;box-shadow:none;border:0}
.qed-badge--soft{color:#1A3E68}
.qed-seg{background:var(--ui-bg);border:0;box-shadow:var(--clay-well);padding:4px;border-radius:var(--r-pill)}
.qed-seg button,.qed-seg__b{border-radius:var(--r-pill);color:#1A3E68;background:transparent;box-shadow:none}
.qed-seg button.is-on,.qed-seg [aria-pressed="true"],.qed-seg__b[aria-pressed="true"]{background:var(--ui-bg);color:#1A3E68;box-shadow:var(--clay-sm)}
.qed-fits__chip{border-radius:var(--ui-ctl-r);padding:.75rem 1.1rem}
.qed-fits__chip[aria-checked="true"]{background:var(--ui-atlantic);color:#F2F2F2;box-shadow:var(--clay-well)}
.qed-life__tab.is-on{border-top-color:var(--ui-lazuli)}
input[type=range]{-webkit-appearance:none;appearance:none;height:12px;background:var(--ui-bg);border-radius:var(--r-pill);box-shadow:var(--clay-well)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:var(--ui-bg);box-shadow:var(--clay-sm),0 0 0 1px var(--ui-line);cursor:grab;border:0}
input[type=range]::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--ui-bg);box-shadow:var(--clay-sm);border:0;cursor:grab}
.qed-volta__meter{background:var(--ui-bg);box-shadow:var(--clay-well);height:14px}
.qed-volta__fill{background:var(--ui-lazuli);border-radius:var(--r-pill)}
.qed-faq__item{background:var(--ui-bg);border:0;border-radius:var(--r-4);box-shadow:var(--clay-sm);padding:var(--s-3) var(--s-4);margin-bottom:var(--s-3)}
.qed-faq__item[open]{box-shadow:var(--clay-dish)}
.qed-person__photo{background:var(--ui-bg);box-shadow:var(--clay-well);padding:6px;width:128px;height:128px}
.qed-person__photo img,.qed-person__mono{border-radius:50%}
.qed-person__mono{width:100%;height:100%;display:grid;place-items:center;background:var(--ui-atlantic);color:#F2F2F2}
.qed-person__role{color:var(--ui-lazuli)}
.qed-switch{appearance:none;-webkit-appearance:none;border:0;padding:0;width:58px;height:34px;flex:none;border-radius:var(--r-pill);position:relative;cursor:pointer;background:var(--ui-bg);box-shadow:var(--clay-well);transition:background .25s var(--ui-ease)}
.qed-switch::after{content:"";position:absolute;top:4px;left:4px;width:26px;height:26px;border-radius:50%;background:var(--ui-bg);box-shadow:var(--clay-sm);transition:transform .25s var(--ui-ease)}
.qed-switch[aria-checked="true"]{background:var(--ui-ocean)}.qed-switch[aria-checked="true"]::after{transform:translateX(24px);background:#F2F2F2}

/* ---------- HEADER / FOOTER ---------- */
.qed .site-header{background:transparent;border-bottom:0;transition:background .3s}
.qed .main-navigation .main-nav ul li a{font-size:.8rem;letter-spacing:.16em;font-weight:600;color:var(--ui-ink)}
.qed .main-navigation .main-nav ul li[class*="current-menu-"]>a,.qed .main-navigation .main-nav ul li a:hover{color:var(--ui-lazuli)}
.qed .main-navigation .main-nav ul li.qed-nav-cta>a{background:var(--ui-amber);color:#1A3E68;box-shadow:var(--btn-cta-shadow);font-size:.8rem;letter-spacing:.12em}
.qed .site-info{background:var(--ui-atlantic);color:#F2F2F2}.qed .site-info a{color:#F2F2F2}

/* ---------- HERO — image background · flat scrim · mouse glow · glass card · blind-deboss numeral ---------- */
.qed-hero{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(560px,88vh,900px);display:grid;align-items:end;padding:0;background:var(--ui-atlantic);--gx:50%;--gy:40%}
.qed-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.qed-hero__scrim{position:absolute;inset:0;z-index:-2;background:rgba(26,62,104,.16)}
.qed-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .4s;
  background:radial-gradient(520px circle at var(--gx) var(--gy),rgba(242,242,242,.42),rgba(113,166,188,.16) 42%,rgba(242,242,242,0) 70%)}        /* the mouse glow — an approved gradient */
.qed-hero.is-glow::after{opacity:1}
.qed-hero__in{position:relative;padding-block:clamp(96px,14vh,150px) clamp(40px,7vh,84px);width:100%;align-items:end}
.qed-hero__card{padding:clamp(24px,3.4vw,44px)}
.qed-hero__card h1{color:#F2F2F2;max-width:12ch;margin:.2rem 0 .3em}
.qed-hero__card h1 b{font-weight:var(--ui-strong-w)}
.qed-hero__card .qed-lede{color:rgba(242,242,242,.95);max-width:34em;margin:0}
.qed-hero__card .qed-idx{color:rgba(242,242,242,.88)}
.qed-hero__num{align-self:end;text-align:right;font-size:clamp(9rem,24vw,22rem);line-height:.72;margin-bottom:-.04em}
.qed-hero .qed-actions{margin-top:var(--s-5)}
.qed-hero__chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--s-4)}
.qed-sec--image{position:relative;isolation:isolate;overflow:hidden;color:#F2F2F2;padding-block:var(--ui-section-y)}
.qed-sec--image>.qed-sec__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.qed-sec--image::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(26,62,104,.22)}
.qed-sec--image h2,.qed-sec--image h3{color:#F2F2F2}

/* ==========================================================================
   LIQUID GLASS — for cards ON IMAGES only (refs: glass button anatomy + glass card on a photograph).
   Clear body (low fill, moderate blur) · gradient hairline outline with a light catch · corner glints ·
   inner glow + inner shade · soft shadow. Two tints: light (for dark imagery) and dark (Deep Atlantic, for light imagery).
   ========================================================================== */
.qed-liquid,.qed .site-header.is-glass,.qed-ask__panel,.qed-caption-glass{
  position:relative;isolation:isolate;overflow:hidden;border-radius:var(--r-5);color:#1A3E68;
  /* clear pane: the picture stays readable through a light blur */
  background:rgba(242,242,242,.14);-webkit-backdrop-filter:blur(7px) saturate(1.25);backdrop-filter:blur(7px) saturate(1.25);
  box-shadow:
    inset 1.5px 1.5px 2px -1.5px rgba(242,242,242,.75),inset -1.5px -1.5px 2px -1.5px rgba(242,242,242,.45),   /* refracted lip: only two edges catch light */
    inset 0 0 20px rgba(242,242,242,.14),inset -8px -10px 18px -12px rgba(13,39,80,.28),
    0 22px 40px -18px rgba(13,39,80,.40),0 4px 10px -4px rgba(13,39,80,.16)}
.qed-liquid::after,.qed-ask__panel::after{                                    /* the rim: chrome-like, bright + dark bands at a few points only */
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:2;
  background:
    radial-gradient(circle at 4% 94%,rgba(242,242,242,.95) 0,rgba(242,242,242,0) 6%),
    radial-gradient(circle at 96% 6%,rgba(242,242,242,.85) 0,rgba(242,242,242,0) 5%),
    conic-gradient(from 0deg at 50% 50%,
      rgba(242,242,242,.26) 0deg,rgba(242,242,242,.20) 28deg,rgba(16,20,26,.55) 38deg,rgba(242,242,242,1) 44deg,rgba(242,242,242,.55) 54deg,rgba(242,242,242,.20) 72deg,
      rgba(242,242,242,.18) 112deg,rgba(16,20,26,.60) 124deg,rgba(242,242,242,1) 132deg,rgba(242,242,242,.95) 140deg,rgba(242,242,242,.40) 152deg,rgba(242,242,242,.20) 172deg,
      rgba(242,242,242,.18) 208deg,rgba(16,20,26,.50) 218deg,rgba(242,242,242,1) 224deg,rgba(242,242,242,.24) 240deg,
      rgba(242,242,242,.22) 280deg,rgba(16,20,26,.60) 298deg,rgba(242,242,242,1) 309deg,rgba(242,242,242,1) 322deg,rgba(242,242,242,.40) 340deg,rgba(242,242,242,.26) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.qed-liquid::before{content:"";position:absolute;z-index:-1;width:64%;aspect-ratio:1;left:var(--bx,46%);top:var(--by,40%);border-radius:50%;background:var(--bloom,transparent);filter:blur(38px);pointer-events:none}
.qed-liquid>*{position:relative;z-index:1}
.qed-liquid--air{--bloom:rgba(113,166,188,.5)}.qed-liquid--lazuli{--bloom:rgba(5,102,189,.34)}.qed-liquid--amber{--bloom:rgba(255,193,18,.34)}
.qed-liquid--dark,.qed-hero__card.qed-liquid{background:rgba(26,62,104,.24);-webkit-backdrop-filter:blur(8px) saturate(1.25);backdrop-filter:blur(8px) saturate(1.25);color:#F2F2F2;text-shadow:0 1px 14px rgba(11,36,64,.45);
  box-shadow:inset 1.5px 1.5px 2px -1.5px rgba(242,242,242,.6),inset -1.5px -1.5px 2px -1.5px rgba(242,242,242,.4),inset 0 0 24px rgba(242,242,242,.08),inset -8px -10px 20px -12px rgba(11,36,64,.5),0 26px 44px -18px rgba(11,36,64,.55)}
.qed-liquid--dark h1,.qed-liquid--dark h2,.qed-liquid--dark h3,.qed-liquid--dark .qed-card__name,.qed-liquid--dark p{color:#F2F2F2}
.qed-liquid--strong,.qed-ask__panel{background:rgba(242,242,242,.86)}
.qed-liquid--strong{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.qed .site-header.is-glass{border-radius:0;background:rgba(242,242,242,.72);box-shadow:0 10px 30px -18px rgba(13,39,80,.4)}
.qed-dialog::backdrop{background:rgba(13,39,80,.32);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.qed-ask__hd{background:var(--ui-atlantic);color:#F2F2F2}
.qed-ask__m--bot{background:rgba(242,242,242,.9);border:0;box-shadow:var(--clay-sm)}
.qed-ask__m--me{background:var(--ui-lazuli);color:#F2F2F2}
.qed-ask__fab{background:var(--ui-atlantic);color:#F2F2F2;box-shadow:var(--btn-solid-shadow)}
.qed-ask__send{background:var(--ui-amber);color:#1A3E68}
.qed-liquid .qed-badge{background:rgba(242,242,242,.22);color:#F2F2F2;box-shadow:inset 0 0 0 1px rgba(242,242,242,.5)}
.qed-liquid--dark .qed-badge--soft{background:transparent;color:#F2F2F2;box-shadow:inset 0 0 0 1px rgba(242,242,242,.55)}
.qed-liquid .qed-seg{background:rgba(242,242,242,.32);box-shadow:inset 0 0 0 1px rgba(242,242,242,.55),inset 0 1px 2px rgba(13,39,80,.12)}
.qed-liquid .qed-seg button.is-on,.qed-liquid .qed-seg [aria-pressed="true"]{background:#F2F2F2;color:#1A3E68;box-shadow:0 4px 10px -3px rgba(13,39,80,.35)}
.qed-liquid .qed-seg--tint button.is-on,.qed-liquid .qed-seg--tint [aria-pressed="true"]{background:var(--ui-ocean);color:#F2F2F2}
.qed-liquid input[type=range]{background:rgba(242,242,242,.4);box-shadow:inset 0 0 0 1px rgba(242,242,242,.6),inset 0 1px 2px rgba(13,39,80,.14)}
.qed-liquid input[type=range]::-webkit-slider-thumb{background:#F2F2F2;box-shadow:0 0 0 1px rgba(242,242,242,.7),0 3px 8px rgba(13,39,80,.35)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.qed-liquid,.qed .site-header.is-glass,.qed-ask__panel{background:#F2F2F2}.qed-liquid--dark,.qed-hero__card.qed-liquid{background:var(--ui-atlantic)}}
@media (prefers-reduced-transparency:reduce){.qed-liquid,.qed .site-header.is-glass,.qed-ask__panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#F2F2F2}.qed-liquid--dark,.qed-hero__card.qed-liquid{background:var(--ui-atlantic)}}
@media (prefers-contrast:more){:root,[data-clay]{--neu-lo:rgba(13,39,80,.34);--edge:0 0 0 1px rgba(13,39,80,.5)}.qed-liquid{box-shadow:0 0 0 1px #F2F2F2}}
@media (prefers-reduced-motion:reduce){.qed .qed-btn,.qed-card,.qed-switch,.qed-switch::after,.qed-imgcard>img,.qed-card__img{transition:none}.qed-hero::after{display:none}}
@media (max-width:820px){.qed-hero{min-height:auto}.qed-hero__num{display:none}}

/* ---------- page-level additions ---------- */
.qed figure{margin:0}
.qed-sec--lazuli,.qed-sec--atlantic,.qed-sec--ocean{color:#F2F2F2}.qed-sec--air{color:#0B2440}
.qed-liquid--dark .qed-idx,.qed-hero__card .qed-idx{color:rgba(242,242,242,.88)}
.qed-proofbar .qed-claim__val{color:var(--ui-ink)}.qed-proofbar .qed-claim__label{color:var(--ui-ink-2)}
.qed-counter__n{color:var(--ui-ink)}
.qed-sec--lazuli .qed-table .qed-num,.qed-sec--atlantic .qed-table .qed-num{color:var(--ui-ink)}
.qed-sec--lazuli .qed-chip,.qed-sec--atlantic .qed-chip{background:#F2F2F2;color:#1A3E68}
.qed-sec--lazuli .qed-chip-help,.qed-sec--atlantic .qed-chip-help{color:rgba(242,242,242,.9)}
.qed-hero--short{min-height:clamp(420px,62vh,640px)}
.qed-imgcard__cap--panel{left:auto;right:24px;bottom:24px;width:min(480px,calc(100% - 48px));padding:clamp(22px,3vw,36px)}
.qed-imgcard__cap p{margin:0}
.qed-pillar{padding:var(--s-5)}.qed-pillar h3{font-size:1.9rem;margin:.2rem 0 .5rem}.qed-pillar .qed-numeral{font-size:5.5rem;margin-bottom:var(--s-3)}
.qed-bandlinks{display:flex;flex-wrap:wrap;gap:var(--s-4) var(--s-6);align-items:center;justify-content:space-between}
.qed-bandlinks a{font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.95rem;color:#0B2440;text-decoration:none;border-bottom:2px solid #0B2440}
.qed-stack>*+*{margin-top:var(--s-4)}
.post-password-form{max-width:520px;margin:var(--s-9) auto;padding:var(--s-6);background:var(--ui-bg);border-radius:var(--ui-card-r);box-shadow:var(--clay-1)}
.post-password-form input[type=password]{width:100%;box-sizing:border-box;background:var(--ui-bg);border:0;border-radius:var(--ui-ctl-r);box-shadow:var(--clay-well);padding:.8rem 1.1rem;color:#1A3E68}
.post-password-form input[type=submit]{background:var(--ui-amber);color:#1A3E68;border:0;border-radius:var(--r-pill);padding:.6rem 1.6rem;font-weight:600;box-shadow:var(--btn-cta-shadow);cursor:pointer}

/* ---------- fixes from first render ---------- */
.qed-numeral{white-space:nowrap}
.qed-hero__num{font-size:clamp(8rem,19vw,19rem)}
.qed-g12>.qed-liquid:not(.qed-hero__card){padding:clamp(22px,2.6vw,34px)}
/* clay highlights read as a glow on colour blocks — use one flat shadow there instead */
.qed-sec--lazuli :is(.qed-chip,.qed-btn:not(.qed-btn--cta):not(.qed-btn--tertiary),.qed-badge--soft),
.qed-sec--atlantic :is(.qed-chip,.qed-badge--soft),.qed-sec--ocean :is(.qed-chip,.qed-badge--soft){box-shadow:0 10px 16px -8px rgba(11,36,64,.6)}
.qed-sec--lazuli .qed-btn--cta,.qed-sec--atlantic .qed-btn--cta,.qed-sec--ocean .qed-btn--cta{box-shadow:0 12px 18px -8px rgba(11,36,64,.6)}
/* any clay component placed on a colour block keeps dark ink on its light surface */
.qed-sec--lazuli :is(.qed-fail__card,.qed-lex__item,.qed-fits__panel,.qed-life__panel,.qed-journey__stage,.qed-readiness,.qed-clay,.qed-clay--dish,.qed-faq__item,.qed-person,.qed-detail,.qed-del__item,.qed-logoplate),
.qed-sec--atlantic :is(.qed-fail__card,.qed-lex__item,.qed-fits__panel,.qed-life__panel,.qed-journey__stage,.qed-readiness,.qed-clay,.qed-clay--dish,.qed-faq__item,.qed-person,.qed-detail,.qed-del__item,.qed-logoplate),
.qed-sec--air :is(.qed-fail__card,.qed-lex__item,.qed-fits__panel,.qed-life__panel,.qed-journey__stage,.qed-readiness,.qed-clay,.qed-clay--dish,.qed-faq__item,.qed-person,.qed-detail,.qed-del__item,.qed-logoplate){
  --ui-ink:#1A3E68;--ui-ink-2:#3B5375;--ui-ink-3:#445779;--ui-focus:#0566BD;color:#1A3E68;background:#F2F2F2;box-shadow:0 26px 40px -22px rgba(11,36,64,.55)}
.qed-imgcard .qed-imgcard__cap,.qed-card__cap.qed-liquid{position:absolute}
.qed-imgcard .qed-imgcard__cap--panel{left:auto;top:auto}
.qed-hero__card h1{font-size:clamp(3rem,6.2vw,6rem);max-width:none;overflow-wrap:normal;word-break:normal;hyphens:none}
.qed-hero--home .qed-hero__card h1{font-size:var(--t-display)}
.qed-sec--lazuli :is(.qed-imgcard,.qed-card--product),.qed-sec--atlantic :is(.qed-imgcard,.qed-card--product),.qed-sec--ocean :is(.qed-imgcard,.qed-card--product){box-shadow:0 30px 44px -20px rgba(11,36,64,.6)}
/* catalog cards: compact caption so the product stays the hero of the card */
.qed-card--product .qed-card__cap{padding:12px 16px;left:12px;right:12px;bottom:12px;background:rgba(26,62,104,.34)}
.qed-card--product .qed-card__cap .qed-card__meta{margin-bottom:6px}
.qed-card--product .qed-card__cap .qed-badge--soft,.qed-card--product .qed-card__tag{display:none}
.qed-card--product .qed-card__name{font-size:1.2rem}
/* password gate + native form controls take the site type */
.qed :is(input,button,select,textarea,.post-password-form input){font-family:inherit}
.qed .post-password-form input[type=submit]{font-family:var(--qed-font-head,inherit);font-weight:700;letter-spacing:.02em}
/* footer spans the container */
.qed .site-info .inside-site-info{display:block;max-width:var(--g-max);padding-inline:var(--g-margin)}
.qed .qed-foot{width:100%}
/* blind numerals on colour blocks: tone-on-tone, no white halo */
.qed-sec--lazuli .qed-numeral--blind{color:rgba(13,39,80,.28);text-shadow:0 2px 3px rgba(13,39,80,.35)}
.qed-sec--atlantic .qed-numeral--blind{color:rgba(242,242,242,.10);text-shadow:0 2px 3px rgba(11,36,64,.5)}
.qed-sec--ocean .qed-numeral--blind{color:rgba(242,242,242,.16);text-shadow:0 2px 3px rgba(13,39,80,.35)}
.qed-sec--air .qed-numeral--blind{color:rgba(26,62,104,.12);text-shadow:0 2px 3px rgba(26,62,104,.25)}
/* contrast: text on Lazuli is White Smoke, text on Air Blue is deep ink (never blue-on-blue) */
.qed-sec--lazuli :is(.qed-idx,.qed-meta,.qed-fine,.qed-claim__label,.qed-kicker,th,caption){color:#F2F2F2}
.qed-sec--air :is(.qed-scale__band,.qed-scale__tick,.qed-scale__tick.is-cur,.qed-life__tab,.qed-life__tab>span,.qed-life__tab.is-on>span,.qed-idx,.qed-meta,.qed-fine){color:#0D2750}
.qed-sec--air :is(.qed-scale__tick.is-cur,.qed-life__tab.is-on>span){font-weight:700}
.qed-sec--air li,.qed-sec--air .qed-lede{color:#0D2750}
.qed-numeral[aria-hidden=true]{-webkit-user-select:none}
/* GLASS CONTENT RULE (approved): glass carries as little as possible — an eyebrow/tag and one headline or line — with generous padding.
   Paragraphs and buttons sit OUTSIDE the pane. Too much on the glass turns it into an ordinary card and kills the effect. */
.qed-hero__stack{display:grid;gap:var(--s-5);align-self:end}
.qed-hero__card{padding:clamp(32px,4.2vw,60px)}
.qed-hero__card h1{margin:.5rem 0 0}
.qed-hero__after{display:grid;gap:var(--s-4);justify-items:start;padding-inline:clamp(6px,1vw,14px)}
.qed-hero__after .qed-lede{color:#F2F2F2;max-width:34em;margin:0;text-shadow:0 1px 3px rgba(11,36,64,.55),0 2px 22px rgba(11,36,64,.65)}
.qed-hero__after .qed-actions{margin:0}
.qed-liquid--dark .qed-imgcard__cap,.qed-imgcard__cap.qed-liquid{padding:clamp(20px,2.2vw,30px)}
.qed-imgcard__cap--panel{padding:clamp(30px,3.6vw,52px)}
.qed-imgcard__cap.qed-liquid--dark{background:rgba(26,62,104,.36)}
@media (max-width:820px){.qed-hero__card{padding:32px 26px}}
/* GLASS TYPE RULE (approved): on glass, NO bold. Big type is HAIRLINE (Saira Condensed 100); every small text is CAPS, tracked. */
:is(.qed-liquid,.qed-hero__card,.qed-imgcard__cap,.qed-card__cap) :is(h1,h2,h3,h4){font-weight:100;letter-spacing:-.01em}
:is(.qed-liquid,.qed-hero__card,.qed-imgcard__cap,.qed-card__cap) :is(h1,h2,h3,h4) :is(b,strong){font-weight:inherit}
:is(.qed-liquid,.qed-hero__card,.qed-imgcard__cap,.qed-card__cap) :is(p,.qed-idx,.qed-card__name,.qed-card__tag,.qed-meta,.qed-fine,li,label,span:not(.qed-badge)){text-transform:uppercase;letter-spacing:.14em;font-weight:400;font-size:.82rem;line-height:1.5}
:is(.qed-liquid,.qed-hero__card,.qed-imgcard__cap,.qed-card__cap) .qed-badge{font-weight:500}
.qed-hero__card h1{font-size:clamp(3rem,5.8vw,6.4rem);line-height:.94;letter-spacing:-.02em;text-shadow:0 1px 18px rgba(11,36,64,.5)}
.qed-hero--home .qed-hero__card h1{font-size:clamp(3.6rem,7.6vw,8rem)}
.qed-imgcard__cap--panel h2{font-size:clamp(2.6rem,4.4vw,4.2rem)}
.qed-card--product .qed-card__name{font-size:.95rem;font-weight:400}
.qed-liquid .qed-idx{font-size:.75rem}
.qed-intro{padding:clamp(40px,6vw,84px) 0 0}
.qed-intro .qed-lede{margin:0;font-weight:300;color:var(--ui-ink)}

/* GLASS v3 (approved): a touch clearer, FUZZY (frosted grain), and NO BLUE on the glass — a neutral clear pane, amber for the one label that must stand alone. */
.qed-liquid--dark,.qed-hero__card.qed-liquid{background-color:rgba(16,20,26,.10);-webkit-backdrop-filter:blur(8px) saturate(1.05) brightness(.86);backdrop-filter:blur(8px) saturate(1.05) brightness(.86)}
.qed-liquid:not(.qed-liquid--dark):not(.qed-liquid--strong):not(.qed-hero__card){background-color:rgba(242,242,242,.11);-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1)}
.qed-imgcard__cap.qed-liquid--dark,.qed-card--product .qed-card__cap{background-color:rgba(16,20,26,.30)}
.qed-liquid--dark .qed-idx,.qed-hero__card .qed-idx,.qed-liquid .qed-idx.qed-idx{color:#FFC112;font-weight:600;font-size:.9rem;text-shadow:0 0 3px rgba(16,20,26,.75),0 1px 12px rgba(16,20,26,.7)}
.qed-liquid .qed-badge,.qed-liquid .qed-badge--soft{background:transparent;color:#F2F2F2;border:1px solid rgba(242,242,242,.6);box-shadow:none}
.qed-liquid--dark{box-shadow:inset 1.5px 1.5px 2px -1.5px rgba(242,242,242,.6),inset -1.5px -1.5px 2px -1.5px rgba(242,242,242,.4),inset 0 0 24px rgba(242,242,242,.06),0 26px 44px -18px rgba(16,20,26,.5)}
/* tablet: keep the header on one row (logo, nav, CTA) */
@media (min-width:769px) and (max-width:1100px){.qed .main-navigation .main-nav ul{flex-wrap:nowrap}.qed .main-navigation .main-nav ul li a{padding-inline:10px;font-size:.72rem;letter-spacing:.1em}.qed .inside-header{flex-wrap:nowrap;gap:12px}}
.qed-fail__note,.qed-fine{margin-top:var(--s-4)}
/* BUTTON RULE (approved): buttons are NEVER liquid glass. Only the three UI buttons: CTA amber, Solid ink, Raised clay (+ tertiary text link). The old "ghostdark" is gone. */
/* GLASS HEADLINE RULE (approved): at most TWO words are big (hairline); every other word is small caps. */
.qed-hero__card h1,.qed-hero--home .qed-hero__card h1,.qed-imgcard__cap h2{font-size:1rem;line-height:1;letter-spacing:0;margin:.4rem 0 0}
.qed-liquid .qed-h-sm.qed-h-sm{display:block;font-size:clamp(.95rem,1.2vw,1.15rem);font-weight:400;letter-spacing:.24em;text-transform:uppercase;line-height:1.4;margin:0 0 .7em;color:#F2F2F2;text-shadow:0 1px 12px rgba(16,20,26,.55)}
.qed-liquid .qed-h-big.qed-h-big{display:block;font-size:clamp(3.6rem,8vw,8.6rem);font-weight:100;letter-spacing:-.02em;text-transform:none;line-height:.92;color:#F2F2F2}
.qed-liquid .qed-h-sm.qed-h-sm+.qed-h-big.qed-h-big{margin-top:.1em}
.qed-liquid .qed-h-big.qed-h-big+.qed-h-sm.qed-h-sm{margin:.7em 0 0}
.qed-imgcard__cap--panel .qed-h-big.qed-h-big{font-size:clamp(2.6rem,4.6vw,4.4rem)}
/* FROSTED, TEXTURED GLASS (approved): a clear pane that still shows the blurred picture behind it, with a rippled glass surface —
   fine relief shading + sparse bright glints (SVG lighting filter, tiles seamlessly). No grain/noise. Reference: 05_SITE-IMAGES texture sample. */
:root{--frost:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.024' numOctaves='4' seed='2' stitchTiles='stitch' result='n'/%3E%3CfeDiffuseLighting in='n' surfaceScale='4.5' diffuseConstant='1' lighting-color='%23ffffff' result='d'%3E%3CfeDistantLight azimuth='225' elevation='55'/%3E%3C/feDiffuseLighting%3E%3CfeColorMatrix in='d' type='matrix' values='0 0 0 0 0.06  0 0 0 0 0.08  0 0 0 0 0.1  -0.7 0 0 0 0.5' result='sh'/%3E%3CfeSpecularLighting in='n' surfaceScale='4.5' specularConstant='1.2' specularExponent='40' lighting-color='%23F2F2F2' result='sp'%3E%3CfeDistantLight azimuth='225' elevation='38'/%3E%3C/feSpecularLighting%3E%3CfeColorMatrix in='sp' type='matrix' values='1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 0.3 0' result='sp2'/%3E%3CfeMerge%3E%3CfeMergeNode in='sh'/%3E%3CfeMergeNode in='sp2'/%3E%3C/feMerge%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E")}
.qed-liquid:not(.qed-liquid--strong){background-image:var(--frost);background-size:360px 360px;background-repeat:repeat}
.qed-liquid--dark,.qed-hero__card.qed-liquid{background-color:rgba(24,28,34,.08);-webkit-backdrop-filter:blur(6px) saturate(1.05) brightness(.92);backdrop-filter:blur(6px) saturate(1.05) brightness(.92)}
.qed-liquid:not(.qed-liquid--dark):not(.qed-liquid--strong):not(.qed-hero__card){background-color:rgba(242,242,242,.10);-webkit-backdrop-filter:blur(6px) saturate(1.1);backdrop-filter:blur(6px) saturate(1.1)}
.qed-imgcard__cap.qed-liquid--dark,.qed-card--product .qed-card__cap{background-color:rgba(24,28,34,.22)}
/* STORY page: full-bleed, and no ancestor may clip — position:sticky needs every parent overflow:visible and un-transformed */
.qed-has-story :is(#page,.site,.site-content,.content-area,.site-main,.inside-article,.entry-content,.grid-container,article.type-page,main){overflow:visible!important;transform:none!important;contain:none!important}
.qed-has-story .site-content{display:block!important}
.qed-has-story .inside-article{padding:0!important;max-width:none!important;background:transparent!important}
.qed-has-story .entry-content{margin:0!important}
.qed-has-story .grid-container{max-width:none!important}
.qed-has-story .entry-header,.qed-has-story .page-header{display:none!important}
/* team: a real placeholder for a missing headshot — dashed ring, a plain person glyph (no stock silhouette art), initials small below it, and a caption so it never reads as the final look */
.qed-person--pending .qed-person__photo{box-shadow:var(--clay-well),inset 0 0 0 1.5px rgba(242,242,242,.35)}
.qed-person__mono{gap:.15rem}
.qed-person__mono b{font-weight:700;font-size:1.1rem;letter-spacing:.04em}
.qed-person__glyph{width:38%;height:38%;color:var(--ui-ink-3)}
.qed-person__pending{margin:.6rem 0 0;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--ui-ink-3)}
.qed-sec--lazuli .qed-person--pending .qed-person__photo,.qed-sec--atlantic .qed-person--pending .qed-person__photo{border-color:rgba(242,242,242,.5)}
.qed-sec--lazuli .qed-person__mono,.qed-sec--atlantic .qed-person__mono{color:#F2F2F2}
.qed-sec--lazuli .qed-person__pending,.qed-sec--atlantic .qed-person__pending{color:rgba(242,242,242,.75)}
/* investor market table (TAM/SAM/SOM) */
.qed-market{display:grid;gap:var(--s-5)}
.qed-market__row{padding-bottom:var(--s-4);border-bottom:1px solid rgba(242,242,242,.18)}
.qed-market__row:last-child{border-bottom:0}
.qed-market__v{margin:.3rem 0 0;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:700;color:#F2F2F2;display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}
.qed-market__v span:not(.qed-market__yr){font-weight:300;opacity:.7}
.qed-market__yr{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.6;margin-left:.3rem}
.qed-market__note{margin:.5rem 0 0;font-size:.85rem;line-height:1.5;color:rgba(242,242,242,.78)}
.qed-sec--atlantic .qed-market ~ p.qed-fine,.qed-sec--atlantic .qed-fine{color:rgba(242,242,242,.65)}

/* BATTISTINA — one script word per screen (heroes). Set a touch smaller so its tall loops sit on the hairline's baseline. */
.qed-script{font-family:"Battistina",cursive;font-weight:400;letter-spacing:0;text-transform:none;font-size:.9em;line-height:1;padding:0 .08em .06em .02em}

/* ==========================================================================
   v2 — MARKET-READY SYSTEM (2026-09-25, design owner's correction brief).
   Everything below overrides the layers above. Goals: clear HIERARCHY, far more NEGATIVE SPACE,
   quiet shadows (no halo blur), CLEAR liquid glass (small panes, only over images), equal heroes,
   Battistina always lowercase and sized to its partner word, White Smoke footer on hairlines.
   ========================================================================== */

/* ---- 1. SHADOWS: the clay stays, the blur goes. One tight contact shadow + one soft lift; no white halo pair. ---- */
:root,[data-clay],[data-clay="mix"],[data-clay="raised"],[data-clay="inset"]{
  --edge:0 0 0 1px rgba(13,39,80,.06);
  --dr-S:0 1px 2px rgba(13,39,80,.10);
  --dr-M:0 1px 2px rgba(13,39,80,.06),0 10px 24px -16px rgba(13,39,80,.22);
  --dr-L:0 1px 2px rgba(13,39,80,.06),0 18px 36px -24px rgba(13,39,80,.24);
  --in-S:inset 0 1px 2px rgba(13,39,80,.12);
  --in-M:inset 0 2px 4px rgba(13,39,80,.10);
  --in-L:inset 0 2px 6px rgba(13,39,80,.10);
  --clay-1:var(--dr-L),var(--edge); --clay-2:0 1px 2px rgba(13,39,80,.08),0 26px 44px -26px rgba(13,39,80,.30),var(--edge);
  --clay-3:var(--dr-L); --clay-4:var(--dr-L); --clay-dish:var(--in-L),var(--edge);
  --clay-well:var(--in-S),var(--edge); --clay-sm:var(--dr-S),var(--edge); --clay-sm-hover:0 2px 6px rgba(13,39,80,.14),var(--edge); --clay-plate:var(--dr-M);
  --btn-cta-shadow:0 1px 2px rgba(13,39,80,.18);
  --btn-cta-press:inset 0 2px 4px rgba(150,100,0,.35);
  --btn-solid-shadow:0 1px 2px rgba(13,39,80,.24);
  --btn-solid-press:inset 0 2px 4px rgba(0,0,0,.35);
  --numeral-shadow:1px 1px 1px rgba(13,39,80,.14),-1px -1px 1px rgba(242,242,242,.9);
}
/* surfaces lift off the Light Grey ground by tone (White Smoke), not by blur */
.qed-card,.qed-person,.qed-fail__card,.qed-lex__item,.qed-logoplate,.qed-notice,.qed-clay,.qed-del__item,.qed-faq__item{background:var(--ui-smoke)}
.qed-card:hover,.qed-person:hover,.qed-clay--lift:hover{transform:translateY(-2px)}
:is(.qed-sec--lazuli,.qed-sec--atlantic,.qed-sec--air,.qed-sec--ocean) :is(.qed-card,.qed-btn,.qed-chip,.qed-imgcard,.qed-card--product,.qed-fail__card,.qed-lex__item,.qed-fits__panel,.qed-life__panel,.qed-journey__stage,.qed-readiness,.qed-clay,.qed-clay--dish,.qed-faq__item,.qed-person,.qed-detail,.qed-del__item,.qed-logoplate,.qed-badge--soft){box-shadow:0 1px 2px rgba(11,36,64,.18)!important}
.qed-imgcard,.qed-card--product{box-shadow:none}

/* ---- 2. HIERARCHY: eyebrow → headline → lede → body → caption, each a clear step apart ---- */
:root{
  --t-eyebrow:.78rem; --t-h2:clamp(2.6rem,5vw,4.6rem); --t-h3:clamp(1.35rem,1.8vw,1.7rem);
  --t-lead:clamp(1.2rem,1.7vw,1.5rem); --t-body:1.0625rem; --t-small:.9375rem; --t-cap:.78rem;
  --ui-section-y:clamp(104px,12vw,184px);
  --v-eyebrow:var(--s-4); --v-head:var(--s-5); --v-block:var(--s-8);
}
.qed .qed-idx{font-size:var(--t-eyebrow);letter-spacing:.22em;font-weight:600;color:var(--ui-lazuli);margin:0 0 var(--v-eyebrow)}
.qed-sec--lazuli .qed-idx,.qed-sec--atlantic .qed-idx,.qed-sec--ocean .qed-idx{color:rgba(242,242,242,.8)}
.qed-sec--air .qed-idx{color:#0B2440}
.qed h2{font-size:var(--t-h2);font-weight:300;line-height:1;letter-spacing:-.02em;margin:0 0 var(--v-head);max-width:16ch}
.qed h2 :is(b,strong){font-weight:700}
.qed h3{font-size:var(--t-h3);font-weight:600;line-height:1.15;margin:0 0 var(--s-3)}
.qed .qed-lede{font-size:var(--t-lead);font-weight:300;line-height:1.45;max-width:34em;color:var(--ui-ink);margin:0}
.qed p,.qed li{line-height:1.6}
.qed .qed-meta{font-size:var(--t-small);line-height:1.6;color:var(--ui-ink-2)}
.qed .qed-fine{font-size:.85rem;line-height:1.55;color:var(--ui-ink-3);max-width:60ch}
.qed-g12{row-gap:var(--s-6)}
/* a section's opener (eyebrow + h2 + lede) always gets real air before the content below it */
.qed-sec__head{margin-bottom:var(--v-block)}
.qed-sec__head .qed-lede{margin-top:0}

/* ---- 3. HEROES: one size everywhere, clear glass, small pane ---- */
.qed-hero,.qed-hero--short,.qed-hero--home{min-height:clamp(600px,86vh,880px)}
.qed-hero__scrim{background:rgba(16,24,36,.10)}
.qed-hero__in{padding-block:clamp(120px,16vh,180px) clamp(56px,8vh,96px)}
.qed-hero__stack{grid-column:1/7!important;gap:var(--s-5)}
.qed-hero__stack.c-6-12{grid-column:7/13!important}
.qed-hero__stack.c-3-10{grid-column:4/10!important}
@media (max-width:820px){.qed-hero__stack,.qed-hero__stack.c-6-12,.qed-hero__stack.c-3-10{grid-column:1/-1!important}}
.qed-hero__card{padding:clamp(28px,3vw,44px) clamp(28px,3.2vw,48px);width:fit-content;max-width:100%}
/* LIQUID GLASS v4: clear, not frosted — no grain texture, light blur, bright refracted rim */
.qed-liquid:not(.qed-liquid--strong){background-image:none}
.qed-liquid--dark,.qed-hero__card.qed-liquid,.qed-imgcard__cap.qed-liquid--dark,.qed-card--product .qed-card__cap{
  background-color:rgba(242,242,242,.06);-webkit-backdrop-filter:blur(3px) saturate(1.35) brightness(1.02);backdrop-filter:blur(3px) saturate(1.35) brightness(1.02);text-shadow:0 1px 10px rgba(11,20,34,.35);
  box-shadow:inset 1px 1px 1px rgba(242,242,242,.55),inset -1px -1px 1px rgba(242,242,242,.22),inset 0 0 32px rgba(242,242,242,.06),0 12px 32px -20px rgba(11,20,34,.35)}
.qed-liquid:not(.qed-liquid--dark):not(.qed-liquid--strong):not(.qed-hero__card){background-color:rgba(242,242,242,.08);-webkit-backdrop-filter:blur(3px) saturate(1.3);backdrop-filter:blur(3px) saturate(1.3)}
.qed-liquid::after{opacity:.7}
/* the glass-caps rule must never touch the headline words (it made the Battistina word tiny + uppercase) */
:is(.qed-liquid,.qed-hero__card,.qed-imgcard__cap,.qed-card__cap) :is(.qed-h-big,.qed-h-big *,.qed-script){text-transform:none;letter-spacing:-.02em;font-size:inherit;line-height:inherit;font-weight:inherit}
.qed-liquid .qed-h-big.qed-h-big{font-size:clamp(3.2rem,6.4vw,6.6rem);line-height:.95;white-space:nowrap}
.qed-imgcard__cap .qed-h-big.qed-h-big,.qed-imgcard__cap--panel .qed-h-big.qed-h-big{font-size:clamp(2rem,3vw,3rem);white-space:normal}
/* hero numeral: BLIND deboss — pressed into the picture, tone-on-tone, never a grey block */
.qed-hero .qed-numeral--deboss,.qed-hero__num{color:rgba(242,242,242,.07);text-shadow:0 -1px 1px rgba(11,24,40,.28),0 1px 1px rgba(242,242,242,.32);font-weight:700;font-size:clamp(8rem,17vw,16rem);opacity:1;align-self:end;justify-self:end;margin-bottom:-.06em}
/* the Ask QED button must not sit on the numeral: numeral clears the bottom-right corner */
.qed-hero__num{padding-right:clamp(64px,8vw,120px)}

/* ---- 4. BATTISTINA: always lowercase / sentence case, and sized UP so it matches the word it partners ---- */
.qed-script,.qed .qed-script,.im-script{text-transform:none!important;letter-spacing:0!important;font-weight:400!important;font-size:1.32em!important;line-height:.8!important;padding:0 .06em 0 .04em;display:inline-block;vertical-align:baseline;transform:translateY(.04em)}

/* ---- 5. HEADER: every nav item on one baseline, including the CTA ---- */
.qed .main-navigation .main-nav ul{align-items:center}
.qed .main-navigation .main-nav ul li.qed-nav-cta>a{margin:0 0 0 .6rem;line-height:2.5rem;box-shadow:var(--btn-cta-shadow)}

/* ---- 6. BUTTONS: flat, quiet ---- */
.qed .qed-btn{box-shadow:var(--clay-sm);min-height:48px;padding:.6rem 1.7rem}
.qed .qed-btn--ghost{background:var(--ui-smoke)}
.qed-actions{display:flex;flex-wrap:wrap;gap:var(--s-3);margin:0}

/* ---- 7. CLOSING BAND (Lazuli, as on About) ---- */
.qed-sec--close{background:var(--ui-lazuli);color:#F2F2F2;--ui-ink:#F2F2F2;--ui-ink-2:rgba(242,242,242,.88);--ui-ink-3:rgba(242,242,242,.78);--ui-focus:#F2F2F2}
.qed-sec--close h2{color:#F2F2F2}
.qed-sec--close .qed-btn:not(.qed-btn--cta){background:#F2F2F2;color:#1A3E68}

/* ---- 8. FOOTER: White Smoke, hairlines, 12-col grid ---- */
.qed .site-info{background:var(--ui-smoke);color:var(--ui-ink);padding:clamp(72px,8vw,112px) 0 var(--s-6);border-top:1px solid var(--ui-line)}
.qed .site-info a{color:var(--ui-ink);text-decoration:none}
.qed .site-info a:hover{color:var(--ui-lazuli)}
.qed .qed-foot__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--g-gutter);row-gap:var(--s-6);padding-bottom:var(--s-7);border-bottom:1px solid var(--ui-line)}
.qed .qed-foot__brand{grid-column:1/5}
.qed .qed-foot__mark img{height:40px;width:auto;mix-blend-mode:multiply}
.qed .qed-foot__tag{margin:var(--s-3) 0 0;font-size:var(--t-small);color:var(--ui-ink-2);max-width:22ch}
.qed .qed-foot__col{grid-column:span 2}
.qed .qed-foot__col:first-of-type{grid-column:5/7}
.qed .qed-foot__h{font-size:var(--t-cap);letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--ui-ink-3);margin:0 0 var(--s-4);padding-bottom:var(--s-3);border-bottom:1px solid var(--ui-line)}
.qed .qed-foot__col ul,.qed .qed-foot__legal{list-style:none;margin:0;padding:0}
.qed .qed-foot__col li{margin:0 0 var(--s-2);font-size:var(--t-small)}
.qed .qed-foot__base{display:flex;flex-wrap:wrap;gap:var(--s-3) var(--s-6);justify-content:space-between;align-items:center;padding-top:var(--s-4);font-size:.85rem;color:var(--ui-ink-2)}
.qed .qed-foot__legal{display:flex;gap:var(--s-5)}
.qed .qed-foot__note{margin:var(--s-4) 0 0;font-size:.8rem;line-height:1.55;color:var(--ui-ink-3);max-width:72ch;opacity:1}
@media (max-width:900px){.qed .qed-foot__brand{grid-column:1/-1}.qed .qed-foot__col,.qed .qed-foot__col:first-of-type{grid-column:span 6}}

/* ---- 9. THE COMPARISON APP ("What it removes") — reads as a product UI, on Air Blue ---- */
.qed-app{background:var(--ui-smoke);border-radius:28px;box-shadow:0 1px 2px rgba(11,36,64,.12),0 30px 60px -36px rgba(11,36,64,.45);overflow:hidden;color:#1A3E68;--ui-ink:#1A3E68;--ui-ink-2:#3B5375;--ui-ink-3:#445779}
.qed-app__bar{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center;justify-content:space-between;padding:var(--s-4) var(--s-5);border-bottom:1px solid rgba(26,62,104,.10)}
.qed-app__title{margin:0;font-size:var(--t-cap);letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:#445779}
.qed-app .qed-seg{background:#E6E7E8;box-shadow:inset 0 1px 2px rgba(13,39,80,.12)}
.qed-app .qed-seg__b{padding:.5rem 1.1rem;font-weight:600;font-size:.95rem}
.qed-app .qed-seg__b[aria-pressed="true"]{background:#1A3E68;color:#F2F2F2;box-shadow:none}
.qed-app__body{display:grid;grid-template-columns:minmax(220px,4fr) 8fr;gap:0}
.qed-app__side{padding:var(--s-6) var(--s-5);border-right:1px solid rgba(26,62,104,.10);display:flex;flex-direction:column;gap:var(--s-3)}
.qed-app__lab{margin:0;font-size:var(--t-cap);letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:#445779}
.qed-app__meter{margin:0;display:flex;align-items:baseline;gap:.4rem;line-height:.9}
.qed-app__n{font-size:clamp(4.5rem,8vw,7rem);font-weight:700;color:var(--ui-lazuli);font-variant-numeric:tabular-nums;transition:color .4s}
.is-qed .qed-app__n{color:#1E7A57}
.qed-app__of{font-size:1.4rem;font-weight:300;color:#445779}
.qed-app .qed-del__state{margin:0;min-height:4.8em;color:#3B5375;font-size:var(--t-small)}
.qed-app .qed-del__core{justify-content:flex-start;margin:auto 0 0}
.qed-app .qed-del__core span{border-radius:999px;padding:.7rem 1.5rem;font-size:.9rem;box-shadow:none}
.qed-app .qed-del__grid{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:var(--s-3) var(--s-5) var(--s-3)}
.qed-app .qed-del__item{background:transparent;border:0;border-bottom:1px solid rgba(26,62,104,.10);border-radius:0;box-shadow:none!important;padding:var(--s-4) var(--s-3) var(--s-4) 2.4rem;position:relative;transform:none;min-height:0}
.qed-app .qed-del__item::before{content:"";position:absolute;left:.4rem;top:1.35rem;width:1.1rem;height:1.1rem;border-radius:50%;border:2px solid #B3261E;background:transparent;transition:all .35s}
.qed-app .qed-del__item.is-gone::before{border-color:#1E7A57;background:#1E7A57;box-shadow:inset 0 0 0 3px #F2F2F2}
.qed-app .qed-del__t{font-size:1.1rem;font-weight:600}
.qed-app .qed-del__item.is-gone .qed-del__t{text-decoration-color:#1E7A57;opacity:.5}
.qed-app .qed-del__item.is-gone .qed-del__why{color:#1E7A57}
.qed-app__foot{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5);border-top:1px solid rgba(26,62,104,.10);background:#EDEEEF}
.qed-app__foot input[type=range]{flex:1}
.qed-app__end{font-size:var(--t-cap);letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#445779;white-space:nowrap}
.qed-app__note{margin:var(--s-6) 0 0;color:#0B2440!important;opacity:.85}
.qed-sec--air .qed-exp__head,.qed-sec--air [data-qed-exp] > .qed-exp__head{margin-bottom:var(--s-7)}
@media (max-width:820px){.qed-app__body{grid-template-columns:1fr}.qed-app__side{border-right:0;border-bottom:1px solid rgba(26,62,104,.10)}.qed-app .qed-del__grid{grid-template-columns:1fr}.qed-app__end{display:none}}

/* ---- 10. HOME: equal pillars, the market problem cards, the generations over an interior ---- */
.qed-pillar{padding:var(--s-6) var(--s-5);min-height:0}
.qed-pillar .qed-numeral{font-size:4.5rem;margin-bottom:var(--s-5);color:#E6E7E8;text-shadow:1px 1px 1px rgba(13,39,80,.16),-1px -1px 1px rgba(255,255,255,.9)}
.qed-pillar h3{font-size:1.7rem;margin:0 0 var(--s-3)}
.qed-pillar p:last-child{margin:0;color:var(--ui-ink-2);font-size:var(--t-body)}
.qed-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--g-gutter)}
.qed-stat-card{background:var(--ui-smoke);border-radius:var(--ui-card-r);padding:var(--s-6) var(--s-5);display:flex;flex-direction:column;gap:var(--s-3);box-shadow:0 1px 2px rgba(11,36,64,.18)}
.qed-stat-card__v{margin:0;font-size:clamp(3rem,5vw,4.6rem);font-weight:700;line-height:.9;color:var(--ui-atlantic);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.qed-stat-card__v small{font-size:.42em;font-weight:600;letter-spacing:0;margin-left:.1em}
.qed-stat-card__t{margin:0;font-size:var(--t-body);color:#1A3E68;line-height:1.5}
.qed-stat-card__src{margin:auto 0 0;padding-top:var(--s-3);border-top:1px solid rgba(26,62,104,.12);font-size:.78rem;letter-spacing:.06em;color:#445779}
.qed-stat-card__src a{color:#445779}
@media (max-width:1000px){.qed-stats{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.qed-stats{grid-template-columns:1fr}}
.qed-gens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g-gutter);align-items:end}
.qed-gen{display:flex;flex-direction:column;gap:var(--s-4)}
.qed-gen__glass{padding:var(--s-5)!important;width:fit-content;max-width:100%}
.qed-gen__glass h3{margin:0;font-size:clamp(2rem,3.2vw,3rem)!important;font-weight:100!important;line-height:1;color:#F2F2F2;white-space:nowrap}
.qed-gen__glass .qed-idx{margin:0 0 var(--s-3)}
.qed-gen__below{background:rgba(242,242,242,.92);border-radius:var(--ui-card-r);padding:var(--s-5);color:#1A3E68}
.qed-gen__below p{margin:0 0 var(--s-4);font-size:var(--t-body);color:#1A3E68;text-shadow:none;text-transform:none;letter-spacing:0}
@media (max-width:900px){.qed-gens{grid-template-columns:1fr}}
.qed-sec--interior{min-height:clamp(760px,100vh,1040px);display:grid;align-items:end}
.qed-sec--interior::before{background:rgba(16,24,36,.12)}

/* ---- 11. v2 fixes after first render ---- */
/* hero: right-hand pane gets a wider track so two big words never clip; words sized to fit */
.qed-hero__stack.c-6-12{grid-column:6/13!important;justify-self:end}
.qed-hero__stack.c-6-12 .qed-hero__after{justify-items:end}
.qed-liquid .qed-h-big.qed-h-big{font-size:clamp(2.8rem,4.9vw,5.2rem)}
.qed-script,.qed .qed-script,.im-script{font-size:1.18em!important}
.qed-hero__num.c-1-4{justify-self:start;padding-right:0;padding-left:0}
/* stat cards: beat the generic ".qed p" margins/line-height */
.qed .qed-stat-card p{margin:0}
.qed .qed-stat-card__v{line-height:.9}
.qed .qed-stat-card .qed-stat-card__src a,.qed .qed-sec--atlantic .qed-stat-card__src a{color:#445779;text-decoration:underline;text-underline-offset:.2em}
.qed-stat-card{gap:var(--s-4)}
/* app note: real air under the panel */
.qed .qed-app__note{margin:var(--s-6) 0 0}
/* generations: glass labels only on the picture, equal widths; the words live below the picture */
.qed-gen__glass{width:100%!important;box-sizing:border-box;background-color:rgba(16,24,36,.14)!important}
.qed-sec--interior{min-height:clamp(620px,78vh,900px);padding-bottom:var(--s-7)}
.qed-sec--interior .qed-sec__bg{object-position:center 62%}
.qed-sec--gens-text{padding-block:var(--s-7) var(--ui-section-y)}
.qed-gens--text .qed-gen__t{border-top:1px solid var(--ui-line-strong);padding-top:var(--s-4)}
.qed-gens--text .qed-gen__t p{margin:0 0 var(--s-4);color:var(--ui-ink-2)}
/* closing band: buttons sit under the text on one row */
.qed-sec--close .qed-actions{margin-top:var(--s-6)}
/* footer: one container, same left edge as the page grid */
.qed .qed-foot{max-width:none;margin:0}
.qed-hero__card{padding-right:clamp(40px,4.4vw,64px)}
.qed-hero__num,.qed-hero .qed-numeral--deboss{color:rgba(242,242,242,.035);text-shadow:0 -1px 1px rgba(11,24,40,.22),0 1px 1px rgba(242,242,242,.26)}
.qed-sec--interior>.qed-g12{width:100%;box-sizing:border-box}
@media (max-width:820px){
  .qed-hero__stack,.qed-hero__stack.c-6-12,.qed-hero__stack.c-3-10{grid-column:1/-1!important;justify-self:stretch}
  .qed-hero__stack.c-6-12 .qed-hero__after{justify-items:start}
  .qed-hero__card{width:auto;padding:28px 24px}
  .qed-liquid .qed-h-big.qed-h-big{font-size:clamp(2.4rem,11vw,3.4rem);white-space:normal}
  .qed-hero .qed-actions{flex-direction:row}
  .qed-gen__glass h3{white-space:normal}
}

/* ==========================================================================
   v2.1 (2026-09-25, round 2): CLAY IS BACK — but TIGHT. Short, crisp paired shadows (light top-left, cool navy
   bottom-right) with small blur, so surfaces read as moulded and well put together instead of flat or smudged.
   Surfaces are the ground colour again (true monochrome clay).
   ========================================================================== */
:root,[data-clay],[data-clay="mix"],[data-clay="raised"],[data-clay="inset"]{
  --neu-hi:#F2F2F2; --neu-lo:rgba(13,39,80,.18); --neu-lo-drop:rgba(13,39,80,.20);
  --edge:0 0 0 1px rgba(13,39,80,.04);
  --dr-S:3px 3px 6px var(--neu-lo-drop),-3px -3px 6px var(--neu-hi);
  --dr-M:6px 6px 12px var(--neu-lo-drop),-6px -6px 12px var(--neu-hi);
  --dr-L:8px 8px 16px var(--neu-lo-drop),-8px -8px 16px var(--neu-hi);
  --in-S:inset 2px 2px 4px var(--neu-lo),inset -2px -2px 4px var(--neu-hi);
  --in-M:inset 4px 4px 8px var(--neu-lo),inset -4px -4px 8px var(--neu-hi);
  --in-L:inset 6px 6px 12px var(--neu-lo),inset -6px -6px 12px var(--neu-hi);
  --clay-1:var(--dr-L),var(--edge); --clay-2:10px 10px 20px rgba(13,39,80,.22),-10px -10px 20px var(--neu-hi),var(--edge);
  --clay-3:var(--dr-L); --clay-4:var(--dr-L); --clay-dish:var(--in-L),var(--edge);
  --clay-well:var(--in-S),var(--edge); --clay-sm:var(--dr-S),var(--edge);
  --clay-sm-hover:4px 4px 8px rgba(13,39,80,.24),-4px -4px 8px var(--neu-hi),var(--edge); --clay-plate:var(--dr-M);
  --btn-cta-shadow:3px 3px 6px rgba(13,39,80,.24),-3px -3px 6px var(--neu-hi);
  --btn-cta-press:inset 2px 2px 4px rgba(150,100,0,.45),inset -2px -2px 4px rgba(255,236,170,.5);
  --btn-solid-shadow:3px 3px 6px rgba(13,39,80,.28),-3px -3px 6px var(--neu-hi);
  --btn-solid-press:inset 2px 2px 4px rgba(0,0,0,.45),inset -2px -2px 4px rgba(242,242,242,.12);
  --numeral-shadow:2px 2px 3px rgba(13,39,80,.18),-2px -2px 3px var(--neu-hi);
}
.qed-card,.qed-person,.qed-fail__card,.qed-lex__item,.qed-logoplate,.qed-notice,.qed-clay,.qed-del__item,.qed-faq__item{background:var(--ui-bg)}
.qed-pillar .qed-numeral{color:var(--ui-bg);text-shadow:var(--numeral-shadow)}
.qed .qed-btn--ghost{background:var(--ui-bg)}
/* White Smoke sections: the clay pair re-tuned for the lighter ground (highlight a touch lighter than the ground) */
.qed-sec--smoke{--ui-bg:#F2F2F2;--neu-hi:#FBFBFB}
.qed-sec--smoke :is(.qed-stat-card,.qed-card){background:#F2F2F2;box-shadow:8px 8px 16px rgba(13,39,80,.14),-8px -8px 16px #FBFBFB,0 0 0 1px rgba(13,39,80,.03)}
.qed-sec--smoke .qed-btn{box-shadow:3px 3px 6px rgba(13,39,80,.18),-3px -3px 6px #FBFBFB}
.qed-stat-card__src a{color:#445779}

/* ---- the hero quote: inside the grid, calm size ---- */
.qed-intro--quote{padding:clamp(96px,11vw,160px) 0 clamp(24px,4vw,48px)}
.qed-quote{margin:0;position:relative;padding-left:clamp(28px,3vw,44px);border-left:2px solid var(--ui-lazuli)}
.qed-quote blockquote{margin:0;padding:0;border:0}
.qed .qed-quote blockquote p{font-size:clamp(1.3rem,1.9vw,1.75rem);font-weight:300;line-height:1.4;color:var(--ui-ink);margin:0;max-width:34em;letter-spacing:-.005em}
.qed .qed-quote figcaption{margin-top:var(--s-4);font-size:var(--t-cap);letter-spacing:.16em;text-transform:uppercase;color:var(--ui-ink-3);line-height:1.6}
.qed .qed-quote figcaption b{color:var(--ui-ink);font-weight:600}
.qed .qed-quote cite{font-style:normal;text-transform:none;letter-spacing:.02em}

/* ---- App UI v2: inviting, tactile, clearly playable ---- */
.qed-app{background:#E6E7E8;box-shadow:12px 12px 24px rgba(11,36,64,.22),-10px -10px 22px rgba(242,242,242,.35),0 0 0 1px rgba(242,242,242,.5)}
.qed-app__bar{background:#E6E7E8}
.qed-app__title{display:flex;align-items:center;gap:.6rem}
.qed-app__live{width:8px;height:8px;border-radius:50%;background:#1E7A57;box-shadow:0 0 0 3px rgba(30,122,87,.18);animation:qedLive 2.4s ease-in-out infinite}
@keyframes qedLive{50%{box-shadow:0 0 0 6px rgba(30,122,87,.06)}}
.qed-app .qed-seg{background:#E6E7E8;box-shadow:var(--in-S)}
.qed-app .qed-seg__b{transition:background .25s,color .25s,box-shadow .25s}
.qed-app .qed-seg__b[aria-pressed="true"]{background:#1A3E68;color:#F2F2F2;box-shadow:3px 3px 6px rgba(13,39,80,.28),-2px -2px 5px #F2F2F2}
.qed-app__side{align-items:flex-start;gap:var(--s-4)}
.qed-app__dial{position:relative;width:168px;height:168px;border-radius:50%;background:#E6E7E8;box-shadow:var(--dr-M)}
.qed-app__ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.qed-app__ring circle{fill:none;stroke-width:8;stroke-linecap:round}
.qed-app__ring-t{stroke:rgba(26,62,104,.10)}
.qed-app__ring-a{stroke:var(--ui-lazuli);transition:stroke-dashoffset .38s cubic-bezier(.2,.7,.2,1),stroke .4s}
.is-qed .qed-app__ring-a{stroke:#1E7A57}
.qed-app__dial-in{position:absolute;inset:18px;border-radius:50%;background:#E6E7E8;box-shadow:var(--in-M);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.qed-app__n{font-size:3.6rem!important}
.qed-app__of{font-size:.78rem!important;letter-spacing:.16em;text-transform:uppercase;font-weight:600}
.qed .qed-app__play{margin-top:var(--s-2)}
:not([data-touched])>.qed-app .qed-app__play{animation:qedNudge 2.8s ease-in-out 1.2s infinite}
@keyframes qedNudge{0%,86%,100%{transform:none}90%{transform:translateY(-3px)}94%{transform:none}97%{transform:translateY(-1px)}}
.qed-app__next{font-size:var(--t-small);font-weight:600;color:var(--ui-lazuli)!important;text-decoration:none;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .4s,transform .4s}
.qed-app__next::after{content:" \2192"}
.is-qed .qed-app__next{opacity:1;transform:none;pointer-events:auto}
.qed-app .qed-del__grid{padding:var(--s-4) var(--s-5);gap:var(--s-3) var(--s-4)}
.qed-app .qed-del__item{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-3);border:0;border-radius:18px;background:#E6E7E8;box-shadow:var(--dr-S)!important;transition:box-shadow .35s,transform .35s}
.qed-app .qed-del__item::before{display:none}
.qed-app .qed-del__item.is-gone{box-shadow:var(--in-S)!important;transform:none}
.qed-del__ic{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#E6E7E8;box-shadow:var(--in-S);color:#B3261E;transition:color .35s}
.qed-del__ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.is-gone .qed-del__ic{color:#1E7A57}
.qed-del__txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.qed-app .qed-del__t{font-size:1.02rem;line-height:1.2}
.qed-app .qed-del__why{font-size:.85rem;line-height:1.35}
.qed-del__chip{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;padding:.3rem .6rem;border-radius:999px;color:#B3261E;box-shadow:inset 0 0 0 1px rgba(179,38,30,.35);white-space:nowrap}
.is-gone .qed-del__chip{color:#1E7A57;box-shadow:inset 0 0 0 1px rgba(30,122,87,.4)}
.qed-app__foot{background:#E6E7E8}
.qed-app__track{flex:1;position:relative;display:flex;align-items:center}
.qed-app__track input[type=range]{width:100%;height:14px;background:linear-gradient(90deg,var(--ui-lazuli) 0 var(--p,0%),transparent var(--p,0%)),#E6E7E8;box-shadow:var(--in-S)}
.is-qed .qed-app__track input[type=range]{background:linear-gradient(90deg,#1E7A57 0 100%),#E6E7E8}
.qed-app__track input[type=range]::-webkit-slider-thumb{width:34px;height:34px;background:#F2F2F2;box-shadow:4px 4px 8px rgba(13,39,80,.28),-3px -3px 6px #F2F2F2,inset 0 0 0 6px #E6E7E8}
.qed-app__hint{position:absolute;left:0;top:-34px;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#F2F2F2;background:#1A3E68;padding:.3rem .6rem;border-radius:999px;white-space:nowrap;transform:translateX(-6px);animation:qedHint 1.8s ease-in-out infinite;pointer-events:none}
.qed-app__hint::after{content:"";position:absolute;left:14px;bottom:-4px;width:8px;height:8px;background:#1A3E68;transform:rotate(45deg)}
@keyframes qedHint{50%{transform:translate(6px,0)}}
[data-touched] .qed-app__hint{display:none}
@media (max-width:820px){.qed-app__dial{width:140px;height:140px}.qed-app .qed-del__grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.qed-app__hint,.qed-app__play,.qed-app__live{animation:none!important}}
.qed .qed-quote blockquote,.qed .qed-quote blockquote p{font-style:normal}
.qed-app__ring-a{transition:stroke-dashoffset .38s cubic-bezier(.2,.7,.2,1),stroke .4s,opacity .2s}
/* logos: transparent Deep Atlantic masters — no multiply */
.qed .site-logo img,.qed .header-image,.qed .qed-foot__mark img{mix-blend-mode:normal}
.qed .site-logo img,.qed .header-image{max-height:40px}

/* ==========================================================================
   v2.2 (round 3): the new imagery is PALE (white interiors, daylight). Style guide: "light tint over pale grounds".
   Glass becomes a LIGHT frosted pane with Deep Atlantic type — still see-through, now readable.
   Amber is never text on light, so eyebrows on glass go Lazuli.
   ========================================================================== */
.qed-liquid--dark,.qed-hero__card.qed-liquid,.qed-imgcard__cap.qed-liquid--dark,.qed-card--product .qed-card__cap,.qed-gen__glass{
  background-color:rgba(242,242,242,.42)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.5) brightness(1.04);backdrop-filter:blur(14px) saturate(1.5) brightness(1.04);
  color:#1A3E68;text-shadow:none;
  box-shadow:inset 1px 1px 1px rgba(255,255,255,.75),inset -1px -1px 1px rgba(26,62,104,.10),0 1px 2px rgba(13,39,80,.08),0 18px 40px -24px rgba(13,39,80,.35)}
.qed-liquid--dark :is(h1,h2,h3,p,.qed-card__name,.qed-card__tag),.qed-hero__card :is(h1,h2,h3,p),
.qed-liquid .qed-h-sm.qed-h-sm,.qed-liquid .qed-h-big.qed-h-big,.qed-gen__glass h3{color:#1A3E68!important;text-shadow:none!important}
.qed-liquid .qed-h-big.qed-h-big{font-weight:200}
.qed-liquid--dark .qed-idx,.qed-hero__card .qed-idx,.qed-liquid .qed-idx.qed-idx,.qed-gen__glass .qed-idx{color:#0566BD!important;text-shadow:none!important;font-weight:600}
.qed-liquid .qed-script{color:#1A3E68}
.qed-liquid .qed-badge,.qed-liquid .qed-badge--soft{color:#1A3E68;border-color:rgba(26,62,104,.4)}
.qed-hero__scrim{background:transparent}
/* blind numeral on pale imagery: pressed in, barely there */
.qed-hero__num,.qed-hero .qed-numeral--deboss{color:rgba(26,62,104,.035);text-shadow:1px 1px 1px rgba(255,255,255,.55),-1px -1px 1px rgba(26,62,104,.12)}
/* TOP heroes (Home, Contact): the clean area in those images is the ceiling — pane top-left, blind numeral on the empty floor bottom-left */
.qed-hero--top{align-items:start}
.qed-hero--top .qed-hero__in{padding-top:clamp(48px,7vh,88px);align-items:start}
.qed-hero--top .qed-hero__stack{align-self:start}
.qed-hero--top .qed-hero__num{position:absolute;left:var(--g-margin);bottom:clamp(8px,2vh,24px);padding:0;margin:0;justify-self:start}
@media (min-width:1400px){.qed-hero--top .qed-hero__num{left:calc((100vw - var(--g-max))/2 + var(--g-margin))}}
.qed-hero__num,.qed-hero .qed-numeral--deboss{text-shadow:1px 1px 1px rgba(255,255,255,.35),-1px -1px 1px rgba(26,62,104,.10)}
/* top heroes, take 2: pack rows to the top; numeral's containing block = the whole grid, not its column */
.qed-hero--top{align-content:start}
.qed-hero > p,.qed-hero__in > p:empty,.qed-hero__in > br{display:none}
.qed-hero--top .qed-hero__num.qed-hero__num{grid-column:1/-1!important;grid-row:1;left:var(--g-margin);right:auto;top:auto;bottom:0}
@media (min-width:1400px){.qed-hero--top .qed-hero__num.qed-hero__num{left:calc(var(--g-margin) + 0px)}}
.qed-hero--top .qed-hero__in{position:static}
.qed-hero--top{position:relative}
.qed-hero--top .qed-hero__num.qed-hero__num{position:absolute;bottom:clamp(12px,3vh,32px);left:max(var(--g-margin),calc((100vw - var(--g-max))/2 + var(--g-margin)))}
.qed-liquid .qed-h-big .qed-script{padding-right:.22em}
/* ELASTIC HERO PANES: wider tracks to grow into, width follows the words, swashes never clipped */
.qed-hero__stack{grid-column:1/9!important}
.qed-hero__stack.c-6-12{grid-column:5/13!important}
.qed-hero__stack.c-3-10{grid-column:3/11!important}
.qed-hero__card{width:max-content;max-width:100%;box-sizing:border-box;overflow:visible}
.qed-liquid .qed-h-big.qed-h-big{display:inline-block;max-width:none;padding-right:.08em}
.qed-imgcard__cap{overflow:visible}
@media (max-width:820px){
  .qed-hero__stack,.qed-hero__stack.c-6-12,.qed-hero__stack.c-3-10{grid-column:1/-1!important}
  .qed-hero__card{width:auto;max-width:100%}
  .qed-liquid .qed-h-big.qed-h-big{display:block;white-space:normal}
}

/* ---- NAVIGATION (round 4): the header sticks; once scrolling, the glass is 30% less transparent (28% -> 20%) ---- */
.qed .site-header{position:sticky!important;top:0;z-index:90}
.admin-bar.qed .site-header{top:32px}
@media (max-width:782px){.admin-bar.qed .site-header{top:46px}}
.qed .site-header.is-glass{background:rgba(242,242,242,.80)!important;-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 1px 0 rgba(26,62,104,.08),0 10px 24px -18px rgba(13,39,80,.35)}
.qed .site-header.is-glass::after{display:none}

/* ---- DOCUMENT PAGES (FAQ, support, careers, press, legal): calm reference layout ---- */
.qed-doc__head{padding:clamp(96px,11vw,168px) 0 clamp(40px,5vw,72px);border-bottom:1px solid var(--ui-line)}
.qed .qed-doc__head h1{font-size:var(--t-h2);font-weight:300;line-height:1;letter-spacing:-.02em;margin:0 0 var(--s-5)}
.qed .qed-doc__head h1 b{font-weight:700}
.qed-doc{padding-top:clamp(56px,6vw,96px)}
.qed-doc__toc{position:sticky;top:120px;align-self:start}
.qed-doc__toc ul{list-style:none;margin:0;padding:0;border-left:1px solid var(--ui-line-strong)}
.qed-doc__toc li{margin:0}
.qed-doc__toc a{display:block;padding:.45rem 0 .45rem var(--s-4);color:var(--ui-ink-2)!important;text-decoration:none;font-size:var(--t-small);margin-left:-1px;border-left:2px solid transparent}
.qed-doc__toc a:hover{color:var(--ui-lazuli)!important;border-left-color:var(--ui-lazuli)}
.qed-doc__sec{padding:0 0 var(--s-7);margin:0 0 var(--s-7);border-bottom:1px solid var(--ui-line);scroll-margin-top:120px}
.qed-doc__sec:last-child{border-bottom:0;margin-bottom:0}
.qed .qed-doc__sec h2{font-size:clamp(1.5rem,2.2vw,2rem);font-weight:600;letter-spacing:-.01em;margin:0 0 var(--s-4);max-width:none}
.qed .qed-doc__sec p,.qed .qed-doc__sec li{font-size:var(--t-body);color:var(--ui-ink-2);max-width:62ch}
.qed .qed-doc__sec ul{padding-left:1.1rem;margin:0 0 var(--s-4)}
.qed .qed-doc__sec li{margin:0 0 var(--s-3)}
.qed .qed-doc__sec strong{color:var(--ui-ink);font-weight:600}
.qed .qed-doc__links{list-style:none;padding:0!important}
.qed .qed-doc__links li{padding:var(--s-3) 0;border-bottom:1px solid var(--ui-line);margin:0}
@media (max-width:820px){.qed-doc__toc{position:static}}

/* ---- FAQ resource centre: search + topic chips, grouped questions ---- */
.qed-faq__tools{position:sticky;top:96px;z-index:5;background:var(--ui-bg);padding:var(--s-3) 0 var(--s-4);margin-bottom:var(--s-5);border-bottom:1px solid var(--ui-line)}
.qed-faq__tools input[type=search]{width:100%;font-size:1.05rem}
.qed-faq__topics{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-4)}
.qed-faq__topics .qed-chip{padding:.4rem .9rem;font-size:.85rem;font-weight:600;cursor:pointer;border:0}
.qed-faq__topics .qed-chip.is-on{background:var(--ui-atlantic);color:#F2F2F2;box-shadow:var(--in-S)}
.qed-faq__group{margin:0 0 var(--s-7)}
.qed-faq__group[hidden]{display:none}
.qed .qed-faq__h{font-size:var(--t-cap);letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--ui-lazuli);margin:0 0 var(--s-4)}
.qed-faq__item summary{cursor:pointer;font-weight:600;font-size:1.05rem;padding:.3rem 0}
.qed-faq__a{padding:var(--s-3) 0 var(--s-2);color:var(--ui-ink-2)}
.qed-faq__a ul{padding-left:1.1rem}
.qed-ask__srcp{margin:.5rem 0 0}
.qed-ask__src{font-size:.8rem;font-weight:600;color:var(--ui-lazuli)!important}
.im-sss--live .qed-g12>.c-1-4:first-child h2{max-width:none;white-space:nowrap}

/* ==========================================================================
   v2.3 MOBILE (<=820px) — the phone gets its own rhythm, not a squeezed desktop.
   Heroes: picture stays visible (small, clearer glass pane at the top; buttons in one row at the bottom).
   Sections: tighter spacing. Figures: 2-up. The comparison app: result + controls docked in one sticky bar.
   ========================================================================== */
@media (max-width:820px){
  :root{--ui-section-y:72px;--v-block:32px;--t-h2:clamp(2.1rem,8.6vw,2.7rem);--t-lead:1.15rem}
  .qed-g12{row-gap:var(--s-5)}
  .qed-sec__head{margin-bottom:var(--s-5)}
  .qed-sec__head + .qed-sec__head{margin-top:calc(-1 * var(--s-4))}

  /* HERO */
  .qed-hero,.qed-hero--short,.qed-hero--home{min-height:calc(100svh - 64px);max-height:760px;align-content:space-between}
  .qed-hero__in{padding-block:20px 24px;min-height:calc(100svh - 64px);max-height:760px;box-sizing:border-box;align-content:space-between}
  .qed-hero__stack{display:contents}
  .qed-hero__card{grid-column:1/-1;align-self:start;padding:18px 20px!important;margin-top:4px;
    background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(242,242,242,.08) 55%,rgba(255,255,255,.18))!important;
    -webkit-backdrop-filter:blur(8px) saturate(1.5);backdrop-filter:blur(8px) saturate(1.5);
    box-shadow:inset 1px 1px 1px rgba(255,255,255,.8),inset -1px -1px 1px rgba(26,62,104,.12),0 10px 26px -18px rgba(13,39,80,.4)!important}
  .qed-hero__card .qed-idx{font-size:.66rem;margin-bottom:6px!important}
  .qed-liquid .qed-h-big.qed-h-big{font-size:clamp(2rem,9vw,2.6rem)}
  .qed-hero__after{grid-column:1/-1;align-self:end;padding:0}
  .qed-hero .qed-actions{flex-wrap:nowrap;gap:8px}
  .qed-hero .qed-actions .qed-btn{min-height:42px;padding:.45rem 1rem;font-size:.9rem;white-space:nowrap}
  .qed-hero--home .qed-hero__bg{object-position:30% center}
  .qed-hero--top .qed-hero__num{display:none}

  /* quote */
  .qed-intro--quote{padding:56px 0 8px}
  .qed .qed-quote blockquote p{font-size:1.15rem}

  /* SAFE / SECURE / SUSTAINABLE: compact cards, numeral beside the label */
  .qed-pillar{padding:var(--s-4) var(--s-4) var(--s-5)}
  .qed-pillar .qed-numeral{font-size:2.6rem;margin-bottom:var(--s-2)}
  .qed-pillar h3{font-size:1.35rem}

  /* market figures: two per row */
  .qed-stats{grid-template-columns:1fr 1fr;gap:12px}
  .qed-stat-card{padding:var(--s-4) 14px;gap:var(--s-2)}
  .qed .qed-stat-card__v{font-size:2.3rem}
  .qed .qed-stat-card__t{font-size:.86rem;line-height:1.45}
  .qed .qed-stat-card__src{font-size:.66rem;padding-top:var(--s-2)}

  /* THE APP: controls + result docked together, sticky under the header while the list scrolls */
  .qed-app{overflow:visible;border-radius:22px}
  .qed-app__bar{padding:14px 16px;border-radius:22px 22px 0 0}
  .qed-app .qed-seg{display:flex;width:100%}
  .qed-app .qed-seg__b{flex:1;padding:.5rem .4rem;font-size:.82rem;white-space:nowrap}
  .qed-app__body{display:block}
  .qed-app__side{position:sticky;top:64px;z-index:4;background:#E6E7E8;border-right:0;border-bottom:1px solid rgba(26,62,104,.12);
    display:grid;grid-template-columns:76px 1fr;grid-template-areas:"dial state" "dial play" "track track" "next next";column-gap:14px;row-gap:8px;align-items:center;padding:12px 16px;box-shadow:0 8px 16px -14px rgba(13,39,80,.4)}
  .qed-app__lab{display:none}
  .qed-app__dial{grid-area:dial;width:76px;height:76px}
  .qed-app__dial-in{inset:9px}
  .qed-app__n{font-size:1.9rem!important}
  .qed-app__of{font-size:.55rem!important}
  .qed-app .qed-del__state{grid-area:state;min-height:0;font-size:.78rem;line-height:1.35;margin:0}
  .qed .qed-app__play{grid-area:play;justify-self:start;min-height:38px;padding:.35rem 1rem;font-size:.85rem;margin:0}
  .qed-app__next{grid-area:next;font-size:.82rem}
  .qed-app .qed-del__core{display:none}
  .qed-app__foot.is-docked{grid-area:track;padding:0;border:0;background:transparent}
  .qed-app__foot.is-docked .qed-app__end{display:none}
  .qed-app__hint{top:-26px}
  .qed-app .qed-del__grid{grid-template-columns:1fr;padding:12px;gap:10px}
  .qed-app .qed-del__item{grid-template-columns:36px 1fr auto;padding:10px 12px;gap:10px}
  .qed-del__ic{width:36px;height:36px}.qed-del__ic svg{width:18px;height:18px}
  .qed-app .qed-del__why{font-size:.78rem}
  .qed-app__note{margin-top:var(--s-4)!important}

  /* generations over the interior: small glass chips in a swipe row; the room stays visible */
  .qed-sec--interior{min-height:0;padding:0}
  .qed-sec--interior>.qed-g12{min-height:62svh;align-content:end;padding-bottom:16px}
  .qed-gens{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:4px;-webkit-overflow-scrolling:touch}
  .qed-gens>.qed-gen{flex:0 0 62%;scroll-snap-align:start}
  .qed-gen__glass{padding:14px 16px!important;background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(242,242,242,.08) 60%,rgba(255,255,255,.2))!important}
  .qed-gen__glass h3{font-size:1.5rem!important;white-space:nowrap}
  .qed-gen__glass .qed-idx{font-size:.6rem;margin-bottom:6px}
  .qed-gens--text{display:grid!important;overflow:visible}
  .qed-sec--gens-text{padding-top:var(--s-5)}

  /* Ask QED: a compact round button that doesn't sit on the text */
  .qed-ask__fab{width:52px;height:52px;padding:0!important;border-radius:50%!important;font-size:0!important;right:14px!important;bottom:14px!important}
  .qed-ask__fab span{font-size:0}
  .qed-ask__fab::before{content:"Q";font-size:1.25rem;font-weight:700;line-height:52px;display:block;text-align:center}
}
@media (max-width:820px){.qed-app__hint{display:none}}

/* ==========================================================================
   v2.4 (2026-09-27) — landing-page components + the brand slogan "Absolute Safety, Absolute Energy." (Battistina)
   ========================================================================== */
/* slogan: small script line (closing bands, footer) and the full-width slogan band on Home */
.qed .qed-slogan{margin:0 0 var(--s-4);font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.1}
.qed .qed-slogan .qed-script{font-size:1em!important;transform:none;color:inherit}
.qed-sec--close .qed-slogan{color:#FFC112}
.qed-sloganband{padding:clamp(56px,7vw,112px) 0;text-align:center;background:var(--ui-bg);border-block:1px solid var(--ui-line)}
.qed .qed-sloganband__t{margin:0;font-size:clamp(2.6rem,6.4vw,6rem);line-height:1.05;color:var(--ui-ink)}
.qed .qed-sloganband__t .qed-script{font-size:1em!important;transform:none;display:inline-block}
.qed .qed-sloganband__t .qed-script+.qed-script{color:var(--ui-lazuli)}
.qed .qed-foot__tag .qed-script{display:block;font-size:1.5rem!important;line-height:1.2;color:var(--ui-ink);margin-bottom:6px;transform:none}

/* at a glance: the full scope in one row */
.qed-glance__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--g-gutter);border-top:1px solid var(--ui-line-strong)}
.qed-glance__i{padding:var(--s-5) var(--s-4) 0 0}
.qed .qed-glance__t{margin:0 0 var(--s-2);font-size:1.35rem;font-weight:600;line-height:1.2;color:var(--ui-ink)}
.qed .qed-glance__d{margin:0;color:var(--ui-ink-2);font-size:var(--t-small)}
.qed-glance.qed-sec{padding-bottom:clamp(56px,6vw,96px)}

/* what sets QED apart */
.qed-attrs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g-gutter)}
.qed-attr{padding:var(--s-5)}
.qed .qed-attr h3{font-size:1.3rem;margin:0 0 var(--s-2)}
.qed .qed-attr p{margin:0;color:var(--ui-ink-2);font-size:var(--t-small)}

/* milestones */
.qed-miles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--ui-line-strong)}
.qed-mile{padding:var(--s-5) var(--s-4) var(--s-5) 0;border-bottom:1px solid var(--ui-line)}
.qed .qed-mile__v{margin:0 0 var(--s-2);font-size:clamp(2.6rem,4.4vw,4rem);font-weight:700;line-height:.9;color:var(--ui-atlantic);letter-spacing:-.02em}
.qed .qed-mile__v small{font-size:.45em;font-weight:600;margin-left:.08em}
.qed .qed-mile__t{margin:0;color:var(--ui-ink);line-height:1.45}
.qed .qed-mile__s{margin:var(--s-2) 0 0;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--ui-lazuli)}

/* products: the three generations at a glance */
.qed-genrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g-gutter)}
.qed-genrow__i{display:block;padding:var(--s-5);text-decoration:none;color:inherit!important}
.qed .qed-genrow__v{margin:var(--s-3) 0;font-size:clamp(3rem,5vw,4.4rem);font-weight:700;line-height:.9;color:var(--ui-atlantic)}
.qed .qed-genrow__v small{font-size:.32em;font-weight:600;margin-left:.2em;letter-spacing:.06em;text-transform:uppercase}
.qed .qed-genrow__i h3{margin:0 0 var(--s-2)}
.qed .qed-genrow__i p:last-child{margin:0;color:var(--ui-ink-2)}

/* gen glass labels: longer names wrap */
.qed-gen__glass h3{white-space:normal!important;font-size:clamp(1.7rem,2.4vw,2.4rem)!important;line-height:1.05}

/* story end: slogan words (sans "Absolute" + script word) */
.im-sss--slogan .im-sss__w{font-size:clamp(3.6rem,11vw,12rem)}
.im-sss--slogan .im-sss__w .im-script{font-family:"Battistina",cursive;font-weight:400;letter-spacing:0;font-size:1.15em;color:var(--ui-lazuli)}

@media (max-width:1000px){.qed-glance__row{grid-template-columns:1fr 1fr}.qed-attrs,.qed-miles,.qed-genrow{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.qed-glance__row,.qed-attrs,.qed-miles,.qed-genrow{grid-template-columns:1fr}.qed .qed-sloganband__t .qed-script{display:block}}
/* About team: founder + lead researcher side by side, everyone else in a row below */
.qed-sec--team .qed-grid--team{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--g-gutter);list-style:none;margin:0;padding:0}
.qed-sec--team .qed-grid--team>li{grid-column:span 2}
.qed-sec--team .qed-grid--team>li:nth-child(-n+2){grid-column:span 3}
.qed-person--tba .qed-person__mono{background:var(--ui-lazuli)}
.qed-person--tba .qed-person__mono b{font-size:2rem}
.qed-person--tba .qed-person__name{letter-spacing:0}
@media (max-width:900px){.qed-sec--team .qed-grid--team{grid-template-columns:1fr 1fr}.qed-sec--team .qed-grid--team>li,.qed-sec--team .qed-grid--team>li:nth-child(-n+2){grid-column:span 1}}
@media (max-width:560px){.qed-sec--team .qed-grid--team{grid-template-columns:1fr}}

/* ---- chemistry scorecard (Technology) ---- */
.qed-score__wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--ui-card-r);background:var(--ui-bg);box-shadow:var(--clay-1)}
.qed-score{width:100%;min-width:820px;border-collapse:separate;border-spacing:0}
.qed-score th,.qed-score td{padding:16px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--ui-line)}
.qed-score thead th{vertical-align:bottom;border-bottom:1px solid var(--ui-line-strong)}
.qed-score__name{display:block;font-size:1.15rem;font-weight:700;color:var(--ui-ink)}
.qed-score__sub{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ui-ink-3);margin-top:2px}
.qed-score .qed-score__q{position:sticky;left:0;z-index:1;background:var(--ui-bg);font-weight:600;color:var(--ui-ink);width:190px;font-size:.98rem}
.qed-score .is-qed{background:rgba(5,102,189,.07)}
.qed-score thead .is-qed{background:var(--ui-lazuli)}
.qed-score thead .is-qed .qed-score__name,.qed-score thead .is-qed .qed-score__sub{color:#F2F2F2}
.qed-score td{font-size:.86rem;color:var(--ui-ink-2);line-height:1.4}
.qed-score td.is-qed{color:var(--ui-ink);font-weight:500}
.qed-score__mark{display:inline-block;width:14px;height:14px;border-radius:50%;margin:0 8px -2px 0;border:2px solid var(--ui-atlantic);box-sizing:border-box;vertical-align:baseline}
.is-good>.qed-score__mark,.qed-score__mark.is-good{background:var(--ui-atlantic)}
.is-part>.qed-score__mark,.qed-score__mark.is-part{background:linear-gradient(90deg,var(--ui-atlantic) 50%,transparent 50%)}
.is-weak>.qed-score__mark,.qed-score__mark.is-weak{background:transparent;border-color:var(--ui-n-300)}
.qed-score td.is-qed.is-good>.qed-score__mark{background:var(--ui-lazuli);border-color:var(--ui-lazuli)}
.qed-score__tally th,.qed-score__tally td{border-bottom:0}
.qed-score__n{font-size:1.3rem;font-weight:700;color:var(--ui-ink)}
.qed-score__tally td.is-qed .qed-score__n{color:var(--ui-lazuli);font-size:1.6rem}
.qed-score__legend{margin:var(--s-4) 0 0;font-size:.82rem;color:var(--ui-ink-2)}
.qed-score__legend .qed-score__mark{margin-left:8px}

/* ---- lexicon: the QED line on each term ---- */
.qed .qed-lex__qed{margin:var(--s-3) 0 0;padding:var(--s-3) 0 0;border-top:1px solid var(--ui-line);display:flex;gap:10px;align-items:baseline;color:var(--ui-ink);font-weight:500;font-size:.92rem}
.qed-lex__at{flex:none;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#F2F2F2;background:var(--ui-lazuli);padding:.2rem .5rem;border-radius:999px}
.qed-lex__item.has-qed{box-shadow:var(--clay-1),inset 3px 0 0 var(--ui-lazuli)}

/* ---- investors: funnel, roadmap track, reveals ---- */
.qed-funnel{margin:var(--s-6) 0 0;max-width:300px}
.qed-funnel svg{width:100%;height:auto;display:block}
.qed-funnel__c{fill:none;stroke-width:1.5}
.qed-funnel__tam{fill:rgba(113,166,188,.16);stroke:rgba(242,242,242,.55)}
.qed-funnel__sam{fill:rgba(5,102,189,.55);stroke:rgba(242,242,242,.7)}
.qed-funnel__som{fill:#FFC112;stroke:#FFC112}
.qed-funnel__l{fill:#F2F2F2;font-size:11px;letter-spacing:.18em;font-weight:600}
.qed-funnel figcaption{margin-top:var(--s-2);font-size:.75rem;color:rgba(242,242,242,.7);line-height:1.4}
.qed-track{list-style:none;margin:0 0 var(--s-6);padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g-gutter);counter-reset:t}
.qed-track li{position:relative;padding:var(--s-5) var(--s-3) 0 0;border-top:3px solid var(--ui-line-strong)}
.qed-track li::before{content:"";position:absolute;top:-9px;left:0;width:15px;height:15px;border-radius:50%;background:var(--ui-bg);border:3px solid var(--ui-line-strong);box-sizing:border-box}
.qed-track li.is-now{border-top-color:var(--ui-lazuli)}
.qed-track li.is-now::before{background:var(--ui-lazuli);border-color:var(--ui-lazuli);box-shadow:0 0 0 6px rgba(5,102,189,.15)}
.qed .qed-track__t{margin:0 0 var(--s-2);font-size:1.3rem;font-weight:600;color:var(--ui-ink)}
.qed .qed-track__v{margin:0;color:var(--ui-ink-2);font-size:var(--t-small)}
.qed-reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ui-ease),transform .8s var(--ui-ease)}
.qed-reveal.is-in{opacity:1;transform:none}
@media (max-width:820px){.qed-track{grid-template-columns:1fr}.qed-funnel{max-width:220px}}
@media (prefers-reduced-motion:reduce){.qed-reveal{opacity:1;transform:none}}
/* 2.1.0 fixes */
.qed-lex__item .qed-badge,.qed-lex__item .qed-badge--soft{background:transparent!important;color:var(--ui-lazuli)!important;box-shadow:inset 0 0 0 1px rgba(5,102,189,.35)!important;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;padding:.15rem .55rem}
.im-sss--slogan .im-sss__w{line-height:1.02;margin-bottom:.32em}
.qed-hero--home .qed-h-big.qed-h-big{line-height:1.08}
.qed-hero--home .qed-h-big .qed-script{margin-top:.08em}
.qed-market__v [data-count]{font-weight:inherit!important;opacity:1!important}
.qed-genrow__i .qed-btn--tertiary{margin-top:var(--s-3);padding-inline:0}

/* ===== v2.5 LANDING PAGE (2026-09-28): who-it's-for router, short FAQ, on-page sign-up ===== */
.qed-attrs--plus{margin-top:var(--s-5)}
.qed-miles__more{margin-top:var(--s-3)}
.qed-miles__more a{color:var(--ui-lazuli)}
.qed-who{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--g-gutter)}
.qed-who__i{display:flex;flex-direction:column;padding:var(--s-5)}
.qed-who__i h3{font-size:1.35rem;margin:.2rem 0 var(--s-3);line-height:1.2}
.qed-who__i p:not(.qed-idx){color:var(--ui-ink-2);margin:0 0 var(--s-4);flex:1}
.qed-who__i .qed-btn{align-self:flex-start}
@media (max-width:1100px){.qed-who{grid-template-columns:repeat(2,minmax(0,1fr))}}
.qed-faq--short .qed-faq__item:first-child{border-top:1px solid var(--ui-line-strong)}
.qed-faq--short .qed-faq__item summary{font-size:1.15rem}
.qed-faq--short .qed-faq__a{color:var(--ui-ink-2);padding-top:var(--s-2)}
.qed-sec--signup{align-items:start}
.qed-sec--signup .qed-g12{align-items:start}
.qed-close__quote{margin:0 0 var(--s-6);padding:0 0 0 var(--s-4);border-left:2px solid rgba(242,242,242,.4)}
.qed-close__quote p{font-size:1.02rem;line-height:1.55;color:rgba(242,242,242,.9);margin:0 0 var(--s-2)}
.qed-close__quote footer{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(242,242,242,.72)}
.qed-close__quote cite{text-transform:none;letter-spacing:0}
.qed-signup{background:rgba(242,242,242,.1);border:1px solid rgba(242,242,242,.26);border-radius:var(--ui-card-r);padding:var(--s-5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.qed-signup__f{display:grid;gap:var(--s-3)}
.qed-signup__row{display:flex;flex-direction:column;gap:.35rem}
.qed-signup__row label{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:#F2F2F2}
.qed-signup__row input,.qed-signup__row select{font:inherit;min-height:48px;padding:.6rem 1rem;border:0;border-radius:var(--ui-ctl-r);background:#F2F2F2;color:#0B2440;box-shadow:inset 0 2px 4px rgba(11,36,64,.18)}
.qed-signup__row :focus-visible{outline:3px solid var(--ui-amber);outline-offset:2px}
.qed-signup__f .qed-btn--cta{justify-self:start;margin-top:var(--s-2)}
.qed-signup__fine{margin:0;font-size:.82rem;color:rgba(242,242,242,.78)}
.qed-signup__fine a{color:#F2F2F2}
.qed-signup .qed-notice{background:#F2F2F2;color:#0B2440}
@media (max-width:820px){
  .qed-who{grid-template-columns:1fr;gap:12px}
  .qed-who__i{padding:var(--s-4)}
  .qed-signup{padding:var(--s-4)}
  .qed-close__quote{margin-bottom:var(--s-5)}
  .qed-sec--signup .c-8-12{margin-top:var(--s-5)}
}
/* Landing-page rhythm: the home page runs tighter than the inner pages so the whole pitch reads in fewer screens */
.qed-page-home{--ui-section-y:clamp(72px,7.5vw,120px);--v-block:var(--s-7)}
@media (max-width:820px){.qed-page-home{--ui-section-y:56px;--v-block:24px}}
/* Phones: the home hero carries three buttons — let them wrap, and keep them clear of the Ask QED bubble */
@media (max-width:820px){
  .qed-hero__after .qed-actions{display:flex!important;flex-wrap:wrap!important;gap:10px;overflow:visible!important;padding-right:64px}
  .qed-hero__after .qed-actions .qed-btn{flex:0 0 auto}
}

/* ==========================================================================
   v3 GLASS (2026-09-28) — CLEAR GLASS SLAB. Replaces the milky frost + chrome rim.
   More see-through, with the cues that make glass read as real:
   1 light frost (the picture stays recognisable)   2 specular top edge (light catching the lip)
   3 bevel: bright inner rim, faint dark lower edge   4 diagonal glare sheen across the face
   5 dispersion: a whisper of cool/warm fringe at the rim   6 soft lift shadow + tight contact shadow
   Type keeps a faint light halo so Deep Atlantic stays readable on busy images.
   ========================================================================== */
.qed-liquid--dark,.qed-hero__card.qed-liquid,.qed-imgcard__cap.qed-liquid--dark,.qed-card--product .qed-card__cap,.qed-gen__glass,
.qed-liquid:not(.qed-liquid--strong){
  background-color:transparent!important;
  background-image:linear-gradient(160deg,rgba(255,255,255,.26) 0%,rgba(255,255,255,.08) 38%,rgba(242,242,242,.05) 62%,rgba(255,255,255,.14) 100%)!important;
  -webkit-backdrop-filter:blur(5px) saturate(1.6) brightness(1.05)!important;backdrop-filter:blur(5px) saturate(1.6) brightness(1.05)!important;
  box-shadow:
    inset 0 1.5px 0 rgba(255,255,255,.95),                 /* 2 specular lip */
    inset 0 0 0 1px rgba(255,255,255,.28),                  /* 3 bevel: inner rim */
    inset 0 -1px 0 rgba(26,62,104,.16),                     /* 3 bevel: lower edge */
    inset 1.5px 0 0 rgba(150,210,255,.30),                  /* 5 cool fringe, left */
    inset -1.5px 0 0 rgba(255,214,160,.26),                 /* 5 warm fringe, right */
    inset 0 0 26px rgba(255,255,255,.16),                   /* edge brightening (thickness) */
    0 1px 2px rgba(13,39,80,.10),                           /* 6 contact */
    0 24px 48px -26px rgba(13,39,80,.42)!important}         /* 6 lift */
.qed-liquid::after{                                          /* rim: smooth light falloff, no dark notches */
  opacity:1!important;
  background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.35) 18%,rgba(255,255,255,.06) 45%,rgba(255,255,255,.10) 70%,rgba(255,255,255,.65) 100%)!important}
.qed-liquid:not(.qed-liquid--strong)::before{                /* 4 glare sheen */
  content:"";position:absolute;z-index:0;inset:0;width:auto;aspect-ratio:auto;left:0;top:0;border-radius:inherit;filter:none;pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.10) 22%,rgba(255,255,255,0) 34%,rgba(255,255,255,0) 72%,rgba(255,255,255,.12) 86%,rgba(255,255,255,0) 100%)!important}
.qed-liquid :is(h1,h2,h3,.qed-h-big,.qed-h-sm,p,.qed-idx){text-shadow:0 0 16px rgba(255,255,255,.7),0 0 3px rgba(255,255,255,.5)!important}
@media (max-width:820px){
  .qed-gen__glass{background-image:linear-gradient(160deg,rgba(255,255,255,.34),rgba(255,255,255,.12) 55%,rgba(255,255,255,.2))!important}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .qed-liquid:not(.qed-liquid--strong),.qed-hero__card.qed-liquid,.qed-gen__glass{background-color:rgba(242,242,242,.86)!important}
}
@media (prefers-reduced-transparency:reduce){
  .qed-liquid:not(.qed-liquid--strong),.qed-hero__card.qed-liquid,.qed-gen__glass{background-color:rgba(242,242,242,.92)!important;-webkit-backdrop-filter:none;backdrop-filter:none}
}
/* Footer slogan: when Battistina wraps, give its lines room (the global script rule sets line-height:1) */
.qed .qed-foot__tag .qed-script{line-height:1.4!important;max-width:16ch}
/* Image-card captions are narrower than heroes: let the big glass words wrap instead of clipping */
.qed-imgcard__cap .qed-h-big.qed-h-big{white-space:normal;font-size:clamp(2rem,3.2vw,3.4rem);line-height:1}

/* ==========================================================================
   v2.6 (2026-09-29) — CEO feedback: the cell first, applications separate
   ========================================================================== */
/* bigger logo and menu (feedback #1) */
.qed .site-logo img,.qed .header-image{max-height:52px}
.qed .main-navigation .main-nav ul li a{font-size:.9rem;letter-spacing:.12em}
.qed .main-navigation .main-nav ul li.qed-nav-cta>a{font-size:.86rem;letter-spacing:.1em}
@media (min-width:769px) and (max-width:1100px){.qed .main-navigation .main-nav ul li a{font-size:.78rem;letter-spacing:.08em;padding-inline:9px}}
@media (min-width:1101px) and (max-width:1320px){.qed .main-navigation .main-nav ul li a{font-size:.84rem;letter-spacing:.1em;padding-inline:12px}}
/* "Application · concept" / "Real photograph" labels */
.qed-hero__tag{position:absolute;top:clamp(14px,2.4vh,26px);right:clamp(14px,3vw,40px);z-index:4;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:#1A3E68;
  background:rgba(242,242,242,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 13px;border-radius:999px;box-shadow:0 4px 14px -6px rgba(13,39,80,.35);pointer-events:none}
.qed-hero{position:relative}
.qed-apptag{display:inline-block;font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:#1A3E68;background:rgba(242,242,242,.88);padding:4px 11px;border-radius:999px;margin:0 0 10px;box-shadow:0 2px 8px -4px rgba(13,39,80,.3)}
/* home: the product, up front */
.qed-stack{list-style:none;margin:var(--s-4) 0 var(--s-5);padding:0;display:grid;gap:0;border-top:1px solid var(--ui-line)}
.qed-stack li{display:grid;grid-template-columns:90px 1fr;gap:var(--s-3);padding:12px 0;border-bottom:1px solid var(--ui-line);align-items:baseline}
.qed-stack b{font-size:1.25rem;font-weight:700;color:var(--ui-ink)}.qed-stack span{color:var(--ui-ink-2);font-size:.95rem}
/* products: cell · module · BMS */
.qed-prodstack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g-gutter)}
.qed-prodstack .qed-card{padding:var(--s-6) var(--s-5)}
.qed-prodstack .qed-numeral{font-size:4.5rem;display:block;margin-bottom:var(--s-4)}
.qed-prodstack h3{font-size:1.6rem;margin:.2rem 0 .5rem}.qed-prodstack p{color:var(--ui-ink-2)}
@media (max-width:900px){.qed-prodstack{grid-template-columns:1fr}}
/* applications grid */
.qed-appgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g-gutter)}
.qed-appcard{padding:12px 12px var(--s-5);display:flex;flex-direction:column}
.qed-appcard__img{position:relative;aspect-ratio:4/3;border-radius:16px;overflow:hidden;margin-bottom:var(--s-4)}
.qed-appcard__img img{width:100%;height:100%;object-fit:cover;display:block}
.qed-appcard__img .qed-apptag{position:absolute;top:12px;left:12px;margin:0}
.qed-appcard .qed-idx,.qed-appcard h3,.qed-appcard>p{margin-left:10px;margin-right:10px}
.qed-appcard h3{font-size:1.35rem;margin-top:.2rem;margin-bottom:.4rem}.qed-appcard>p:last-child{color:var(--ui-ink-2);margin-top:0}
@media (max-width:1000px){.qed-appgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.qed-appgrid{grid-template-columns:1fr}}
/* home sign-up band: LinkedIn (feedback #4) */
.qed-close__social{margin:var(--s-4) 0 0}.qed-close__social a{color:#F2F2F2;font-weight:600;text-underline-offset:4px}
/* products: the line-up image + a picture on each product card (2026-10-01) */
.qed-stackimg{margin-bottom:var(--s-6)}
.qed-stackimg img{aspect-ratio:21/9;object-fit:cover}
.qed-prodstack__img{aspect-ratio:4/3;border-radius:16px;overflow:hidden;margin:0 0 var(--s-4)}
.qed-prodstack__img img{width:100%;height:100%;object-fit:cover;display:block}
.qed-prodstack .qed-card{padding:14px 14px var(--s-5)}
.qed-prodstack .qed-card>:not(.qed-prodstack__img){margin-left:12px;margin-right:12px}
.qed-stackimg .qed-imgcard__cap{top:14px;left:14px;right:auto;bottom:auto;width:auto;min-height:0;padding:10px 16px!important}.qed-stackimg .qed-imgcard__cap .qed-idx{margin:0}

/* ===== v2.7 -- lead capture: opt-in, footer newsletter, sign-up invitation, cookie choice (2026-10-01) ===== */
.qed-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.qed-optin{display:flex;gap:.6rem;align-items:flex-start;font-size:.86rem;line-height:1.45;color:var(--ui-ink-2);cursor:pointer;margin:var(--s-2) 0}
.qed-optin input{flex:0 0 auto;width:20px;height:20px;margin:.1rem 0 0;accent-color:var(--ui-atlantic)}
.qed-optin input:focus-visible{outline:3px solid var(--ui-focus,var(--ui-amber));outline-offset:2px}
.qed-signup .qed-optin{color:rgba(242,242,242,.9)}
.qed-signup .qed-optin input{accent-color:var(--ui-amber)}
/* footer newsletter band */
.qed .qed-foot__news{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s-5);align-items:end;padding-bottom:var(--s-6);margin-bottom:var(--s-6);border-bottom:1px solid var(--ui-line)}
.qed .qed-foot__news .qed-foot__h{border:0;padding:0;margin-bottom:var(--s-2)}
.qed .qed-foot__newsl{margin:0;color:var(--ui-ink-2);max-width:42ch}
.qed-news__f{display:flex;gap:var(--s-3);flex-wrap:wrap}
.qed-news__f input[type=email]{flex:1 1 240px;font:inherit;min-height:48px;padding:.6rem 1rem;border:1px solid var(--ui-line-strong);border-radius:var(--ui-ctl-r);background:#fff;color:var(--ui-ink)}
.qed-news__f input[type=email]:focus-visible{outline:3px solid var(--ui-focus,var(--ui-amber));outline-offset:2px}
.qed-news__fine{margin:var(--s-2) 0 0;font-size:.8rem;color:var(--ui-ink-3)}
.qed-news__fine a{color:inherit}
.qed-news .qed-notice{margin:0 0 var(--s-3)}
@media (max-width:760px){.qed .qed-foot__news{grid-template-columns:1fr;gap:var(--s-3)}.qed-news__f .qed-btn{width:100%}}
/* sign-up invitation (native dialog) */
.qed-pop{border:0;padding:0;max-width:min(460px,calc(100vw - 32px));width:100%;border-radius:var(--ui-card-r,20px);background:rgba(242,242,242,.86);color:#0B2440;box-shadow:0 40px 80px -30px rgba(11,36,64,.55),inset 0 1px 0 rgba(255,255,255,.7);backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2)}
.qed-pop::backdrop{background:rgba(11,36,64,.38);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.qed-pop[open]{animation:qedPopIn .45s var(--ui-ease,cubic-bezier(.2,.7,.2,1))}
@keyframes qedPopIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.qed-pop__in{position:relative;padding:var(--s-6,40px) var(--s-5,28px) var(--s-5,28px)}
.qed-pop__x{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#1A3E68;font-size:1.6rem;line-height:1;cursor:pointer}
.qed-pop__x:hover{background:rgba(26,62,104,.08)}
.qed-pop h2{margin:.35rem 0 var(--s-4,20px);font-size:clamp(1.4rem,3.6vw,1.75rem);line-height:1.15;color:#0B2440}
.qed-pop h2 b{color:var(--ui-lazuli,#0566BD);font-weight:inherit}
.qed-pop__f{display:grid;gap:var(--s-3,14px)}
.qed-pop__row{display:flex;flex-direction:column;gap:.35rem}
.qed-pop__row label{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:#1A3E68}
.qed-pop__row input,.qed-pop__row select{font:inherit;min-height:48px;padding:.6rem 1rem;border:1px solid rgba(26,62,104,.22);border-radius:var(--ui-ctl-r,12px);background:#fff;color:#0B2440}
.qed-pop__row :focus-visible{outline:3px solid var(--ui-amber);outline-offset:2px}
.qed-pop .qed-optin{color:#1A3E68}
.qed-pop__f .qed-btn--cta{justify-self:stretch}
.qed-pop__err{margin:0;font-size:.86rem;color:#9B2C2C}
.qed-pop__fine{margin:0;font-size:.8rem;color:#3d5573}
.qed-pop__fine a{color:inherit}
.qed-pop__ok{margin:0;font-size:1.05rem;font-weight:600;color:#1A3E68}
@media (prefers-reduced-motion:reduce){.qed-pop[open]{animation:none}}
/* cookie choice */
.qed-consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:9990;max-width:620px;margin:0 auto;display:flex;flex-wrap:wrap;gap:var(--s-3,14px);align-items:center;justify-content:space-between;padding:var(--s-4,20px);border-radius:var(--ui-card-r,20px);background:rgba(242,242,242,.9);color:#0B2440;box-shadow:0 30px 60px -28px rgba(11,36,64,.55),inset 0 1px 0 rgba(255,255,255,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.qed-consent[hidden]{display:none}
.qed-consent p{margin:0;font-size:.88rem;line-height:1.5;flex:1 1 300px}
.qed-consent a{color:#1A3E68}
.qed-consent .qed-consent__b{flex:0 0 auto;display:flex;gap:.5rem}
.qed .qed-pop__x,.qed .qed-pop__x:focus{background:transparent!important;color:#1A3E68!important;box-shadow:none!important;padding:0!important;border:0!important}
.qed .qed-pop__x:hover{background:rgba(26,62,104,.08)!important}
.qed .qed-pop__x:focus-visible{outline:3px solid var(--ui-amber)!important;outline-offset:2px}
.qed-pop h2:focus{outline:none}

/* ---- MOTION (qed-ui.js adds .qed-motion only when animation is welcome; without it everything simply shows) ---- */
html.qed-motion,.qed-motion body{overflow-x:clip}   /* a card sliding in never adds a sideways scrollbar (clip keeps the sticky header working) */
.qed-motion [data-qa]{opacity:0;transition:opacity .75s var(--ui-ease),transform .75s var(--ui-ease);transition-delay:var(--qa-d,0ms)}
.qed-motion [data-qa="up"]{transform:translateY(22px)}
.qed-motion [data-qa="left"]{transform:translateX(-40px)}
.qed-motion [data-qa="right"]{transform:translateX(40px)}
.qed-motion [data-qa="pop"]{transform:scale(.92)}
.qed-motion [data-qa].is-in{opacity:1;transform:none}
.qed-motion .qed-imgcard[data-qa]>img{transform:scale(1.07);transition:transform 1.3s var(--ui-ease)}
.qed-motion .qed-imgcard[data-qa].is-in>img{transform:none}
/* the hero settles in on arrival: image eases back, glass pane rises, the script word writes itself, buttons follow */
.qed-motion .qed-hero__bg{animation:qaSettle 1.8s var(--ui-ease) backwards}
.qed-motion .qed-hero__card{animation:qaRise .9s var(--ui-ease) .15s backwards}
.qed-motion .qed-hero .qed-script{display:inline-block;animation:qaInk 1.1s var(--ui-ease) .55s backwards}
.qed-motion .qed-hero__after .qed-btn{animation:qaRise .7s var(--ui-ease) backwards}
.qed-motion .qed-hero__after .qed-btn:nth-child(1){animation-delay:.6s}
.qed-motion .qed-hero__after .qed-btn:nth-child(2){animation-delay:.72s}
.qed-motion .qed-hero__after .qed-btn:nth-child(3){animation-delay:.84s}
.qed-motion .qed-hero__num{animation:qaFade 1.4s ease .5s backwards}
@keyframes qaSettle{from{transform:scale(1.06)}to{transform:scale(1)}}
@keyframes qaRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes qaInk{from{clip-path:inset(-30% 100% -45% -12%)}to{clip-path:inset(-30% -12% -45% -12%)}}
@keyframes qaFade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.qed-motion [data-qa]{opacity:1!important;transform:none!important}.qed-motion .qed-hero *{animation:none!important}}
@media print{.qed-motion [data-qa]{opacity:1!important;transform:none!important}}
/* video in an image card (About: the first cell, 2016) -- portrait, plays silently in a loop */
.qed-vidcard>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.qed-vidcard{min-height:clamp(420px,46vw,620px)}

/* ==========================================================================
   REVISION 2.0 (2026-10-05)
   ========================================================================== */
/* Home hero: the promise set in full in Battistina, two lines */
.qed-hero--home .qed-liquid .qed-h-big.qed-h-big{font-size:clamp(2.4rem,4.6vw,5rem);white-space:normal;line-height:1.08}
.qed-hero--home .qed-liquid .qed-h-big .qed-script{font-size:1.12em!important;line-height:1.08!important;display:inline;padding-right:.1em}
@media (max-width:620px){.qed-hero--home .qed-liquid .qed-h-big.qed-h-big{font-size:clamp(2rem,9vw,2.6rem)}}
/* Market figures: five cards */
.qed-stats:has(>:nth-child(5)){grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1180px){.qed-stats:has(>:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.qed-stats:has(>:nth-child(5)){grid-template-columns:1fr 1fr}}
@media (max-width:520px){.qed-stats:has(>:nth-child(5)){grid-template-columns:1fr}}
/* Prismatic slot under the coin-cell milestones */
.qed-miles__next{margin-top:var(--s-5);padding:var(--s-5);border-radius:var(--ui-card-r);box-shadow:var(--clay-dish)}
.qed-miles__next .qed-idx{margin:0 0 var(--s-2)}
.qed-miles__nextt{margin:0;max-width:62ch;color:var(--ui-ink-2)}
.qed-miles--prismatic{margin-top:var(--s-4)}
.qed-mile--target .qed-mile__s{color:#8A5A00}
/* About: achievements timeline */
.qed-achieve{list-style:none;margin:var(--s-5) 0 var(--s-4);padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--g-gutter);counter-reset:a}
.qed-achieve__i{position:relative;padding:var(--s-5) var(--s-4) var(--s-4);border-top:2px solid var(--ui-lazuli);background:var(--ui-bg);border-radius:0 0 var(--ui-card-r) var(--ui-card-r)}
.qed-achieve__y{margin:0 0 var(--s-2);font-size:var(--t-small);letter-spacing:.08em;text-transform:uppercase;color:var(--ui-lazuli);font-weight:600}
.qed-achieve__t{margin:0 0 var(--s-2);font-size:1.15rem;font-weight:600;color:var(--ui-ink);line-height:1.25}
.qed-achieve__d{margin:0;color:var(--ui-ink-2);font-size:.95rem}
@media (max-width:1000px){.qed-achieve{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.qed-achieve{grid-template-columns:1fr}}
/* About: the team in the lab */
.qed-labgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:clamp(200px,24vw,340px);gap:var(--g-gutter);margin-top:var(--s-5)}
.qed-labgrid__i{margin:0;border-radius:var(--ui-card-r);overflow:hidden;box-shadow:var(--dr-L)}
.qed-labgrid__i--wide{grid-column:span 2}
.qed-labgrid__i img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:760px){.qed-labgrid{grid-template-columns:1fr;grid-auto-rows:auto}.qed-labgrid__i,.qed-labgrid__i--wide{grid-column:auto;aspect-ratio:3/2}}
/* Products: drawn illustrations (flat prismatic, plastic case) */
.qed-draw{display:block;width:100%;height:100%}
.qed-draw__l{font:500 12px/1 var(--ui-font,system-ui),sans-serif;fill:var(--ui-ink)}
.qed-prodstack__img--art{background:linear-gradient(180deg,#FFFFFF,#EEF2F6);display:grid;place-items:center}
.qed-artcard{background:linear-gradient(180deg,#FFFFFF,#EEF2F6);padding:var(--s-5) var(--s-5) var(--s-3);min-height:0}
.qed-artcard .qed-draw{max-height:420px}
.qed-artcard__cap{position:static;padding:var(--s-3) 0 0}
.qed-artcard__cap .qed-idx{margin:0}
/* Explore: pre-sale storefront */
.qed-card__acts{position:absolute;top:12px;right:12px;display:flex;gap:6px;z-index:2}
.qed-pill{font:inherit;font-size:.78rem;font-weight:600;line-height:1;padding:.55rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.6);background:rgba(255,255,255,.82);color:var(--ui-ink);cursor:pointer;text-decoration:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s,color .2s}
.qed-pill:hover{background:#fff}
.qed-pill--cta{background:var(--ui-lazuli);border-color:var(--ui-lazuli);color:#fff}
.qed-pill--cta:hover{background:var(--ui-atlantic);color:#fff}
.qed-pill__on{display:none}
[data-add].is-on .qed-pill__on{display:inline}[data-add].is-on .qed-pill__off{display:none}
.qed-pill.is-on{background:var(--ui-atlantic);border-color:var(--ui-atlantic);color:#fff}
.qed-pill:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}
.qed-seg__n{display:inline-block;margin-left:.4em;font-size:.75em;opacity:.65}
.qed-specs{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2) var(--s-4);margin:var(--s-4) 0}
.qed-specs div{border-top:1px solid var(--ui-line);padding-top:var(--s-2)}
.qed-specs dt{font-size:var(--t-small);text-transform:uppercase;letter-spacing:.06em;color:var(--ui-ink-2)}
.qed-specs dd{margin:0;font-weight:600;color:var(--ui-ink)}
.qed-tray{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:60;width:min(720px,calc(100% - 140px));display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:14px 18px;border-radius:18px;color:#F2F2F2}
.qed-tray[hidden]{display:none}
.qed-tray__t{margin:0;min-width:0}
.qed-tray__t b{font-size:1.2rem}
.qed-tray__names{display:block;font-size:.82rem;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qed-tray__a{margin:0;display:flex;gap:8px;flex:none}
.qed-tray .qed-btn--tertiary{color:#F2F2F2}
@media (max-width:620px){.qed-tray{left:16px;right:16px;transform:none;width:auto;bottom:84px;flex-direction:column;align-items:stretch}.qed-card__acts{top:10px;right:10px}}
/* Footer + contact */
.qed-foot__addr{font-style:normal;margin-top:var(--s-3);font-size:var(--t-small);line-height:1.6;color:var(--ui-ink-2)}
.qed-foot__addr a{color:inherit}
.qed .qed-card__acts .qed-pill--cta,.qed .qed-card__acts .qed-pill--cta:hover{color:#fff!important;text-decoration:none}
.qed .qed-card__acts .qed-pill:not(.qed-pill--cta){color:var(--ui-ink)!important}
.qed .qed-card__acts .qed-pill.is-on{color:#fff!important}
.qed .qed-tray .qed-btn--tertiary{color:var(--ui-ink)!important;background:rgba(255,255,255,.7);border-radius:999px;padding:.6rem 1rem}

/* ==========================================================================
   CAUSTIC GLASS (2026-10-08) -- layer injected by qed-ui.js into every .qed-liquid; texture = var(--qed-caustic).
   Light enters at the top and leaves at the bottom edge, so the caustics are strongest near the bottom and fade upward.
   Two copies of the tile drift against each other: the pattern lives without anything "spinning".
   Shown inside the Home film always (.hf); site-wide only with html.qed-caustics.
   ========================================================================== */
.qed-caus{display:none}
.hf .qed-liquid>.qed-caus,.qed-caustics .qed-liquid>.qed-caus{
  display:block;position:absolute;inset:0;z-index:0;border-radius:inherit;overflow:hidden;pointer-events:none;
  -webkit-mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.85) 22%,rgba(0,0,0,.3) 45%,rgba(0,0,0,.08) 70%,rgba(0,0,0,.04) 100%);
          mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.85) 22%,rgba(0,0,0,.3) 45%,rgba(0,0,0,.08) 70%,rgba(0,0,0,.04) 100%)}
.qed-liquid>.qed-caus>i{position:absolute;inset:-60%;background:var(--qed-caustic,none) 0 0/240px repeat;opacity:.9;will-change:transform;
  animation:qed-caus-a 28s linear infinite alternate}
.qed-liquid>.qed-caus>i+i{opacity:.55;mix-blend-mode:screen;background-size:356px;animation:qed-caus-b 37s linear infinite alternate}
/* the focused spot where the light leaves the glass (bottom-right) + a bright line along the exit edge */
.qed-liquid>.qed-caus::before{content:"";position:absolute;right:-6%;bottom:-18%;width:46%;height:70%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,255,255,.75),rgba(225,240,255,.25) 55%,rgba(255,255,255,0));z-index:1}
.qed-liquid>.qed-caus::after{content:"";position:absolute;left:6%;right:6%;bottom:1px;height:1.5px;border-radius:2px;z-index:1;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.95) 30%,rgba(190,225,255,.9) 62%,rgba(255,255,255,0))}
@keyframes qed-caus-a{from{transform:translate3d(0,0,0) rotate(0)}to{transform:translate3d(-14%,-9%,0) rotate(7deg)}}
@keyframes qed-caus-b{from{transform:translate3d(-11%,-7%,0) rotate(0)}to{transform:translate3d(5%,7%,0) rotate(-6deg)}}
/* keep pane content above the light */
.hf .qed-liquid>:not(.qed-caus):not(.hf-sheen):not(.hf-cast),.qed-caustics .qed-liquid>:not(.qed-caus){position:relative;z-index:2}
.qed-liquid>.qed-caus{position:absolute!important}
/* site-wide: a whisper of dispersion on the rim (cool left, warm right) */
.qed-caustics .qed-liquid:not(.qed-liquid--strong){box-shadow:inset 1.5px 0 0 rgba(150,210,255,.38),inset -1.5px 0 0 rgba(255,214,160,.34),inset 0 1.5px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.3),0 1px 2px rgba(13,39,80,.10),0 24px 48px -26px rgba(13,39,80,.42)!important}
.qed-caustics .qed-liquid>.qed-caus:not(.is-vis)>i{animation-play-state:paused}   /* off screen: no work */
@media (prefers-reduced-motion:reduce){.qed-liquid>.qed-caus>i,.hf .hf-b.qed-liquid>.hf-cast>i{animation:none}}

/* ==========================================================================
   GLASS v4 -- BACKLIT, TRANSPARENT (2026-10-08). Option 08 of the glass study, in QED colours, blended with the caustic layer.
   TRANSPARENT, not translucent: ~3% body, 3 px blur, a brightened backdrop -- you look THROUGH it.
   LIGHT    convex bead highlight up top, soft transmission bloom, dispersion (Air blue entering, a trace of amber leaving).
   SHAPE    inner shading so the pane reads as a slight bulge; Chromium also bends the backdrop like a lens (qed-ui.js).
   CAUSTICS inside: the moving caustic layer, toned down. BELOW: the transmitted caustic (focus, two ribs, crossing line, bed)
            sitting in a soft contact shadow -- the light the pane throws onto the surface under it.
   ========================================================================== */
.qed-liquid:not(.qed-liquid--strong),.qed-hero__card.qed-liquid{
  overflow:visible!important;
  background-color:rgba(255,255,255,.03)!important;background-image:none!important;
  -webkit-backdrop-filter:blur(3px) saturate(1.45) brightness(1.12)!important;backdrop-filter:blur(3px) saturate(1.45) brightness(1.12)!important;
  box-shadow:
    inset 0 2px 4px -1px rgba(255,255,255,1),
    inset 0 -4px 8px -3px rgba(11,36,64,.22),
    inset 0 0 60px rgba(255,255,255,.12),
    inset 0 -30px 44px -30px rgba(11,36,64,.22),
    0 1px 2px rgba(11,36,64,.14),0 4px 8px -3px rgba(11,36,64,.10),
    0 14px 26px -12px rgba(11,36,64,.16),0 34px 60px -32px rgba(11,36,64,.24)!important}
.qed-liquid:not(.qed-liquid--strong)::before,.qed-hero__card.qed-liquid::before{
  content:"";position:absolute;inset:0;width:auto;height:auto;left:0;top:0;aspect-ratio:auto;border-radius:inherit;z-index:0;filter:none;pointer-events:none;
  background:
    radial-gradient(18% 9% at 50% 10%,#FFFFFF 0%,rgba(255,255,255,.6) 34%,rgba(255,255,255,0) 70%),
    radial-gradient(10% 5% at 70% 16%,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 76%),
    radial-gradient(80% 50% at 50% 100%,rgba(255,255,255,.26) 0%,rgba(255,255,255,0) 60%),
    radial-gradient(50% 34% at 50% 20%,rgba(255,255,255,.2) 0%,rgba(255,255,255,0) 72%),
    linear-gradient(180deg,rgba(113,166,188,.16) 0%,rgba(255,255,255,.02) 45%,rgba(255,193,18,.07) 100%),
    radial-gradient(140% 90% at 50% 42%,rgba(255,255,255,.12) 0%,rgba(255,255,255,0) 55%)!important}
.qed-liquid:not(.qed-liquid--strong)::after,.qed-hero__card.qed-liquid::after{
  padding:1.5px!important;opacity:.95!important;
  background:conic-gradient(from 210deg,#FFFFFF 0deg,rgba(113,166,188,.62) 60deg,rgba(255,255,255,.3) 120deg,rgba(11,36,64,.26) 200deg,
    rgba(255,193,18,.34) 260deg,rgba(255,255,255,.9) 330deg,#FFFFFF 360deg)!important}
/* inner caustics: toned down for the clear pane */
.qed-liquid>.qed-caus>i{opacity:.42}
.qed-liquid>.qed-caus>i+i{opacity:.26}
/* transmitted caustic + contact shadow, under the pane */
.qed-tcaus,.qed-tgap{display:none}
.qed-liquid:not(.qed-liquid--strong)>.qed-tgap{display:block;position:absolute!important;left:3%;right:3%;bottom:-20px;height:20px;z-index:-2!important;pointer-events:none;
  background:linear-gradient(180deg,rgba(11,36,64,.18) 0%,rgba(11,36,64,.05) 55%,rgba(11,36,64,0) 100%);filter:blur(4px)}
.qed-liquid:not(.qed-liquid--strong)>.qed-tcaus{display:block;position:absolute!important;left:-4%;right:-4%;bottom:-50px;height:54px;z-index:-1!important;pointer-events:none;
  background:
    radial-gradient(24% 80% at 50% 34%,rgba(255,255,255,1) 0%,rgba(255,255,255,.55) 32%,rgba(255,255,255,0) 74%),
    radial-gradient(16% 60% at 22% 48%,rgba(255,255,255,.8) 0%,rgba(255,255,255,0) 70%),
    radial-gradient(16% 60% at 78% 48%,rgba(255,255,255,.8) 0%,rgba(255,255,255,0) 70%),
    radial-gradient(10% 40% at 38% 62%,rgba(225,240,248,.55) 0%,rgba(225,240,248,0) 72%),
    radial-gradient(10% 40% at 62% 62%,rgba(225,240,248,.55) 0%,rgba(225,240,248,0) 72%),
    linear-gradient(180deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.65) 48%,rgba(255,255,255,.85) 52%,rgba(255,255,255,0) 70%),
    radial-gradient(70% 100% at 50% 20%,rgba(200,226,238,.4) 0%,rgba(200,226,238,0) 80%);
  -webkit-mask-image:radial-gradient(60% 100% at 50% 30%,#000 55%,transparent);mask-image:radial-gradient(60% 100% at 50% 30%,#000 55%,transparent);
  filter:blur(2.6px);opacity:.9}
.qed-liquid>:not(.qed-caus):not(.qed-tcaus):not(.qed-tgap):not(.hf-cast){position:relative;z-index:2}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .qed-liquid:not(.qed-liquid--strong),.qed-hero__card.qed-liquid{background-color:rgba(242,242,242,.86)!important}}
@media (prefers-reduced-transparency:reduce){
  .qed-liquid:not(.qed-liquid--strong),.qed-hero__card.qed-liquid{background-color:rgba(242,242,242,.92)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}

/* FUNCTIONAL GLASS (2026-10-08): sign-up panel, pop-up, Ask QED window -- GLASS v4 light and caustics, frosted body kept. */
.qed-glint{display:none}
.qed-caustics .qed-glassui>.qed-caus{display:block;position:absolute;inset:0;z-index:0;border-radius:inherit;overflow:hidden;pointer-events:none;
  -webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.5) 30%,rgba(0,0,0,.32) 60%,rgba(0,0,0,.22) 100%);
          mask-image:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.5) 30%,rgba(0,0,0,.32) 60%,rgba(0,0,0,.22) 100%)}
.qed-caustics .qed-glassui>.qed-caus>i{position:absolute;inset:-60%;background:var(--qed-caustic,none) 0 0/240px repeat;opacity:.32;will-change:transform;animation:qed-caus-a 28s linear infinite alternate}
.qed-caustics .qed-glassui>.qed-caus>i+i{opacity:.2;background-size:356px;mix-blend-mode:screen;animation:qed-caus-b 37s linear infinite alternate}
.qed-caustics .qed-glassui>.qed-caus:not(.is-vis)>i{animation-play-state:paused}
.qed-caustics .qed-glassui>.qed-glint{display:block;position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;
  /* light spread ACROSS the pane (not one hotspot): a soft band along the whole top edge, a faint diagonal sheen over the
     full surface, a gentle lift at the bottom where light leaves, and the Air-blue / amber dispersion top to bottom */
  background:linear-gradient(180deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.18) 5%,rgba(255,255,255,0) 14%),
    radial-gradient(85% 16% at 50% 0%,rgba(255,255,255,.42) 0%,rgba(255,255,255,0) 100%),
    linear-gradient(118deg,rgba(255,255,255,0) 20%,rgba(255,255,255,.10) 42%,rgba(255,255,255,.04) 58%,rgba(255,255,255,0) 78%),
    radial-gradient(90% 22% at 50% 100%,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 100%),
    linear-gradient(180deg,rgba(113,166,188,.10) 0%,rgba(255,255,255,0) 40%,rgba(255,193,18,.05) 100%)}
.qed-caustics .qed-glassui>.qed-glint::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;opacity:.95;
  background:conic-gradient(from 210deg,#FFFFFF 0deg,rgba(113,166,188,.62) 60deg,rgba(255,255,255,.3) 120deg,rgba(11,36,64,.26) 200deg,rgba(255,193,18,.34) 260deg,rgba(255,255,255,.9) 330deg,#FFFFFF 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.qed-caustics .qed-glassui>:not(.qed-caus):not(.qed-glint){position:relative;z-index:2}
.qed-caustics .qed-ask__panel.qed-glassui::after{display:none}   /* its own rim gives way to the shared one */
/* filter buttons (Explore): the GLASS v4 edge only */
.qed-caustics .qed-pill{box-shadow:inset 1.5px 0 0 rgba(113,166,188,.5),inset -1.5px 0 0 rgba(255,193,18,.36),inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.35)}
@media (prefers-reduced-motion:reduce){.qed-glassui>.qed-caus>i{animation:none}}

/* low-power devices (<= 4 cores or <= 4 GB, set by qed-ui.js): glass stays, motion stops */
.qed-lowpower .qed-caus>i{animation:none!important}

/* ==========================================================================
   HEADER (2026-10-08): full-width bar (logo at the left edge = more room for the menu); burger at any width where the
   menu would wrap (qed-ui.js adds html.qed-nav-burger); the CTA always stays outside the burger.
   ========================================================================== */
.qed .site-header .inside-header{max-width:none;padding-left:clamp(16px,2.4vw,36px);padding-right:clamp(16px,2.4vw,36px);position:relative}
.qed-head-cta{display:none}
html.qed-nav-burger .qed .site-header .inside-header{display:flex;align-items:center;flex-wrap:nowrap}
html.qed-nav-burger .qed .qed-head-cta{display:inline-flex;align-items:center;margin-left:auto;margin-right:.6rem;padding:0 1.1rem;min-height:2.5rem;border-radius:999px;
  background:var(--ui-amber,#FFC112);color:#1A3E68;font-family:var(--qed-font-head);font-weight:600;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;white-space:nowrap;box-shadow:var(--btn-cta-shadow)}
html.qed-nav-burger .qed .qed-head-cta:hover{filter:brightness(1.04);color:#1A3E68}
html.qed-nav-burger .qed #site-navigation li.qed-nav-cta{display:none!important}
@media (min-width:769px){
  html.qed-nav-burger .qed #mobile-menu-control-wrapper{display:flex!important;align-items:center;margin:0}
  html.qed-nav-burger .qed #mobile-menu-control-wrapper .menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:transparent;color:#1A3E68}
  html.qed-nav-burger .qed #site-navigation{position:static;margin:0;flex:0 0 0;width:0;overflow:visible}
  html.qed-nav-burger .qed #site-navigation .inside-navigation>.menu-toggle{display:none}
  html.qed-nav-burger .qed #site-navigation .inside-navigation,html.qed-nav-burger .qed #site-navigation .main-nav{position:static;width:auto;max-width:none;padding:0}
  html.qed-nav-burger .qed #site-navigation .main-nav>ul{display:none}
  html.qed-nav-burger .qed #site-navigation.toggled .main-nav>ul{display:flex;flex-direction:column;align-items:stretch;position:absolute;left:0;right:0;top:100%;z-index:60;
    margin:0;padding:.5rem clamp(16px,2.4vw,36px) 1rem;background:rgba(242,242,242,.97);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
    box-shadow:0 18px 40px -20px rgba(11,36,64,.35)}
  html.qed-nav-burger .qed #site-navigation.toggled .main-nav>ul>li{border-top:1px solid rgba(26,62,104,.10)}
  html.qed-nav-burger .qed #site-navigation.toggled .main-nav>ul>li>a{display:block;padding:.85rem 0;line-height:1.3;font-size:.9rem}
}
@media (max-width:768px){
  html.qed-nav-burger .qed .site-header .inside-header{flex-wrap:wrap}
  html.qed-nav-burger .qed #site-navigation{order:10;flex:0 0 100%}   /* the menu panel opens on its own row, under the bar */
  html.qed-nav-burger .qed .qed-head-cta{font-size:.68rem;letter-spacing:.08em;padding:0 .8rem;min-height:2.2rem;margin-left:auto;margin-right:.3rem}
}

/* 2.8.5 -- full-frame image card (16:9 render shown uncropped) + compact caption in the top-left corner */
.qed-imgcard.qed-imgcard--full{min-height:0;aspect-ratio:16/9;align-self:center}
.qed-imgcard .qed-imgcard__cap--top{top:14px;bottom:auto;right:auto;max-width:calc(100% - 28px);padding:12px 18px}
@media (max-width:760px){.qed-imgcard.qed-imgcard--full{aspect-ratio:auto;min-height:0}.qed-imgcard--full>img{position:static;height:auto;aspect-ratio:16/9}.qed-imgcard--full .qed-imgcard__cap--top{position:relative!important;inset:auto;margin:12px;max-width:none}}
.qed-imgcard .qed-imgcard__cap--top .qed-idx{margin:0!important}
/* 2.8.6 -- product name under each generation label (Wayne 2026-10-10): "Gen 1 · pre-pilot" / QED S-Series · Stationary storage (2.8.7: S / E / M series) */
.qed-genname{font-family:var(--qed-font-head);font-weight:600;font-size:1.05rem;line-height:1.2;letter-spacing:.02em;color:var(--ui-lazuli);margin:-.4rem 0 .75rem}
:is(.qed-liquid--dark,.qed-hero__card,.qed-sec--lazuli,.qed-imgcard__cap) .qed-genname{color:#9CC7DA}
.qed-genname__for{font-weight:400;font-size:.88em;letter-spacing:.01em;opacity:.78}
.qed-genname__for::before{content:'\00B7';margin:0 .45em 0 .3em;opacity:.7}
th>.qed-genname{display:block;margin:.2rem 0 0;font-size:.82rem;letter-spacing:.01em;text-transform:none}

/* 2.8.8 -- ASK POINTS: "not sure? ask" strip at each decision point ([qed_ask topic=...]). A quiet clay strip between
   sections: question mark, one line of help, two actions. The assistant's script turns the links into chat actions. */
.qed-askband{margin:0 0 var(--s-7,64px)}
.qed-askpt{display:flex;align-items:center;gap:clamp(14px,2vw,28px);padding:clamp(16px,2vw,24px) clamp(18px,2.6vw,32px);border-radius:var(--ui-card-r,24px);background:var(--ui-bg,#E6E7E8);box-shadow:var(--clay-dish,inset 4px 4px 10px rgba(11,36,64,.10),inset -4px -4px 10px rgba(255,255,255,.8))}
.qed-askpt__q{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:var(--qed-font-head);font-weight:700;font-size:1.25rem;color:#F2F2F2;background:var(--ui-lazuli,#1A3E68);box-shadow:0 8px 16px -8px rgba(11,36,64,.6)}
.qed-askpt__t{flex:1 1 320px;margin:0;font-size:1.05rem;line-height:1.45;color:var(--ui-ink,#0B2440)}
.qed-askpt__t b{display:block;font-family:var(--qed-font-head);font-weight:600;font-size:1.2rem;letter-spacing:.01em;margin-bottom:2px}
.qed-askpt__a{flex:none;margin:0;display:flex;flex-wrap:wrap;gap:10px}
.qed-detail__ask{margin:var(--s-3,16px) 0 0;font-size:.95rem}
.qed-detail__ask a{color:var(--ui-lazuli,#1A3E68);text-decoration:underline;text-underline-offset:3px}
@media (max-width:760px){.qed-askpt{flex-wrap:wrap}.qed-askpt__q{width:36px;height:36px;font-size:1.05rem}.qed-askpt__t{flex-basis:calc(100% - 60px)}.qed-askpt__a{width:100%}.qed-askpt__a .qed-btn{flex:1 1 auto;text-align:center;justify-content:center}}
.qed-imgcard.qed-imgcard--43{aspect-ratio:9/7}
@media (max-width:760px){.qed-imgcard--43>img{aspect-ratio:9/7}}
@media (max-width:1000px){#at-work .qed-imgcard{grid-column:1/-1}#at-work .c-9-12{grid-column:1/-1}}
/* 2.8.8 -- quiet image note: a small line in the bottom corner that says an image is conceptual. There for the curious,
   never competing with the picture: no panel, no glass, small type. */
.qed-imgnote{position:absolute;right:14px;bottom:10px;z-index:2;margin:0;padding:0;font-family:var(--qed-font-head);font-size:.68rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;line-height:1;color:rgba(26,62,104,.62);text-shadow:0 0 6px rgba(255,255,255,.7);pointer-events:none}
/* 2.8.8 -- series names inside the interactive sections ("Where it fits", "Every scale of power") */
.qed-fits__series{margin:-.7rem 0 1.1rem}
.qed-scale__gens{flex-wrap:wrap}
.qed-scale__gens li small{display:block;font-size:.72em;font-weight:500;letter-spacing:.02em;opacity:.85;margin-top:1px}
.qed-fits__meta .qed-badge--soft{background:var(--ui-bg);color:#1A3E68;box-shadow:var(--clay-sm)}   /* status pill was dark text on a dark pill: unreadable */