/* ============================================================
   Qiangsheng (强盛) — F1 "Bold Industrial" family
   Solid top-bar, oversized Archivo type, hard-edge compact cards.
   Prefix .qs · primary #B23A2E / accent #36506A / dark #17110F
   Surface #FAF0EE · radius 2px · font Archivo (heading + body)
   Differs from sibling F1 (ajql): no condensed font, no mega menu,
   square-tab nav, steel-blue rail accents, denser grid.
   ============================================================ */

:root{
  --qs-primary:#B23A2E;
  --qs-primary-700:#8f2c22;
  --qs-primary-soft:rgba(178,58,46,.08);
  --qs-accent:#36506A;
  --qs-accent-700:#283d51;
  --qs-dark:#17110F;
  --qs-dark-2:#221a17;
  --qs-ink:#241c1a;
  --qs-muted:#6c615d;
  --qs-bg:#FFFFFF;
  --qs-surface:#FAF0EE;
  --qs-surface-2:#f1e0dc;
  --qs-line:rgba(23,17,15,.14);
  --qs-line-soft:rgba(23,17,15,.07);
  --qs-radius:2px;
  --qs-shadow-sm:0 1px 0 rgba(23,17,15,.05), 0 1px 4px rgba(23,17,15,.06);
  --qs-shadow:0 14px 34px rgba(23,17,15,.16);
  --qs-section-y:74px;
  --qs-maxw:1190px;
  --qs-font:'Archivo',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:var(--qs-font);
  font-size:16.5px;
  line-height:1.64;
  color:var(--qs-ink);
  background:var(--qs-bg);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4{font-family:var(--qs-font);font-weight:800;line-height:1.07;color:var(--qs-dark);margin:0 0 .42em;letter-spacing:-.018em}
h1{font-size:clamp(2.25rem,3.1rem,3.95rem);}
h2{font-size:clamp(1.7rem,2.15rem,2.6rem);}
h3{font-size:1.28rem;font-weight:700;letter-spacing:-.01em}
h4{font-size:.96rem;font-weight:700;letter-spacing:.02em}
p{margin:0 0 1.1em}
a{color:var(--qs-primary);text-decoration:none}
a:hover{color:var(--qs-primary-700)}
img,svg{max-width:100%;display:block}
ul{margin:0 0 1.1em;padding:0 0 0 1.1em}
li{margin:.3em 0}
strong{font-weight:700;color:var(--qs-dark)}
small{font-size:.84rem;}
:focus-visible{outline:3px solid var(--qs-accent);outline-offset:2px}

.qs-wrap{max-width:var(--qs-maxw);margin:0 auto;padding:0 24px}
.qs-section{padding:var(--qs-section-y) 0}
.qs-section--tint{background:var(--qs-surface)}
.qs-section--dark{background:var(--qs-dark);color:#d7ccc8}
.qs-section--dark h2,.qs-section--dark h3,.qs-section--dark h4{color:#fff}
.qs-eyebrow{display:inline-flex;align-items:center;gap:.5em;font-weight:700;font-size:.82rem;letter-spacing:.2em;text-transform:uppercase;color:var(--qs-primary);margin-bottom:14px}
.qs-eyebrow::before{content:"";width:26px;height:3px;background:var(--qs-primary);display:inline-block}
.qs-eyebrow svg{color:var(--qs-primary);font-size:1.1em;}
.qs-lede{font-size:1.13rem;color:var(--qs-muted);max-width:62ch}
.qs-center{text-align:center}
.qs-center .qs-eyebrow{justify-content:center}
.qs-center .qs-lede{margin-left:auto;margin-right:auto}

/* ---- buttons (hard edge) ---- */
.qs-btn{display:inline-flex;align-items:center;gap:.5em;font-weight:700;font-size:.98rem;letter-spacing:.01em;padding:.78em 1.5em;border-radius:var(--qs-radius);border:2px solid transparent;cursor:pointer;transition:transform .12s ease, background .15s ease, color .15s;text-align:center;line-height:1.1}
.qs-btn svg{font-size:1.15em;}
.qs-btn--primary{background:var(--qs-primary);color:#fff}
.qs-btn--primary:hover{background:var(--qs-primary-700);color:#fff;transform:translateY(-2px)}
.qs-btn--dark{background:var(--qs-accent);color:#fff}
.qs-btn--dark:hover{background:var(--qs-accent-700);color:#fff;transform:translateY(-2px)}
.qs-btn--ghost{background:transparent;color:var(--qs-dark);border-color:var(--qs-line)}
.qs-btn--ghost:hover{background:var(--qs-dark);color:#fff;border-color:var(--qs-dark)}
.qs-btn--lg{padding:.95em 1.9em;font-size:1.06rem;}
.qs-btn--onlight-ghost{color:#fff;border-color:rgba(255,255,255,.45)}
.qs-btn--onlight-ghost:hover{background:#fff;color:var(--qs-dark);border-color:#fff}

/* ============== Top bar / nav (solid) ============== */
.qs-topbar{background:var(--qs-accent);color:#cdd7e1;font-size:.84rem;}
.qs-topbar .qs-wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:40px;flex-wrap:wrap}
.qs-topbar a{color:#e6ecf2}
.qs-topbar a:hover{color:#fff}
.qs-topbar__meta{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.qs-topbar__meta span{display:inline-flex;align-items:center;gap:.45em}
.qs-topbar__meta svg{color:#fff}
.qs-topbar__tag{display:inline-flex;align-items:center;gap:.5em;font-weight:700;letter-spacing:.04em;color:#fff}
.qs-topbar__tag svg{color:#fff}

.qs-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:3px solid var(--qs-dark);transition:box-shadow .2s}
.qs-header.is-stuck{box-shadow:var(--qs-shadow-sm)}
.qs-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:70px}
.qs-logo{display:flex;align-items:center;gap:12px}
.qs-logo__img{height:40px !important;width:auto !important;max-width:200px;display:block;object-fit:contain;flex:none}
.qs-logo__chip{display:inline-flex;background:#fff;padding:6px 8px;border-radius:6px}
.qs-logo__chip .qs-logo__img{height:34px !important}
.qs-menu{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0}
.qs-menu>li>a{display:flex;align-items:center;gap:.4em;font-weight:700;font-size:.96rem;letter-spacing:.01em;color:var(--qs-dark);padding:.6em .95em;position:relative}
.qs-menu>li>a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--qs-primary);transform:scaleX(0);transform-origin:left;transition:transform .18s}
.qs-menu>li>a:hover::after,.qs-menu>li>a[aria-current="page"]::after{transform:scaleX(1)}
.qs-menu>li>a:hover,.qs-menu>li>a[aria-current="page"]{color:var(--qs-primary)}
.qs-nav__cta{display:flex;align-items:center;gap:10px}
.qs-burger{display:none;background:none;border:2px solid var(--qs-line);border-radius:var(--qs-radius);width:46px;height:46px;cursor:pointer;color:var(--qs-dark);align-items:center;justify-content:center}
.qs-burger svg{font-size:1.5rem;}

/* ============== Hero (dark overlay bold) ============== */
.qs-hero{position:relative;background:var(--qs-dark);color:#fff;overflow:hidden}
.qs-hero__bg{position:absolute;inset:0;z-index:0}
.qs-hero__bg img{width:100%;height:100%;object-fit:cover;opacity:.4}
.qs-hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(23,17,15,.95) 0%,rgba(23,17,15,.84) 46%,rgba(23,17,15,.34) 100%)}
.qs-hero__rail{position:absolute;top:0;bottom:0;left:0;width:8px;background:var(--qs-primary);z-index:2}
.qs-hero .qs-wrap{position:relative;z-index:2}
.qs-hero__in{max-width:760px;padding:96px 0 86px}
.qs-hero__badge{display:inline-flex;align-items:center;gap:.5em;background:var(--qs-primary);color:#fff;font-weight:700;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;padding:.42em .95em;border-radius:var(--qs-radius);margin-bottom:24px}
.qs-hero h1{color:#fff;margin-bottom:.32em}
.qs-hero h1 .qs-hl{color:var(--qs-primary)}
.qs-hero__lede{font-size:1.22rem;color:#d6ccc9;max-width:58ch;margin-bottom:28px}
.qs-hero__btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}
.qs-hero__note{font-size:.9rem;color:#b9aba7;display:flex;align-items:center;gap:.5em}
.qs-hero__note svg{color:var(--qs-primary)}

/* scale strip */
.qs-scale{background:var(--qs-dark-2);color:#fff;position:relative;z-index:3;border-top:3px solid var(--qs-primary)}
.qs-scale .qs-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.qs-scale__item{padding:30px 24px;border-right:1px solid rgba(255,255,255,.1)}
.qs-scale__item:last-child{border-right:none}
.qs-scale__item b{display:block;font-weight:800;font-size:2.5rem;color:#fff;line-height:.95;letter-spacing:-.02em}
.qs-scale__item b .qs-u{color:var(--qs-primary)}
.qs-scale__item span{font-size:.84rem;color:#b9c4ce;display:block;margin-top:8px;letter-spacing:.05em;text-transform:uppercase}

/* ============== Figures ============== */
.qs-figure{overflow:hidden;background:var(--qs-surface);position:relative;border-radius:var(--qs-radius)}
.qs-figure img{width:100%;height:100%;object-fit:cover;display:block}
.qs-figure figcaption{position:absolute;left:0;bottom:0;background:var(--qs-primary);color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.42em .9em}
.qs-figure--bordered{border:1px solid var(--qs-line)}

/* ============== Grid / cards (hard edge, compact) ============== */
.qs-grid{display:grid;gap:2px;background:var(--qs-line)}
.qs-grid--3{grid-template-columns:repeat(3,1fr)}
.qs-grid--4{grid-template-columns:repeat(4,1fr)}
.qs-grid--gap{gap:18px;background:transparent}

.qs-card{background:#fff;border:1px solid var(--qs-line);padding:26px 24px;transition:transform .16s ease, border-color .16s}
.qs-grid:not(.qs-grid--gap) .qs-card{border:none}
.qs-card:hover{border-color:var(--qs-primary)}
.qs-card__ic{width:48px;height:48px;display:grid;place-items:center;background:var(--qs-accent);color:#fff;font-size:1.5rem;margin-bottom:16px;border-radius:var(--qs-radius)}
.qs-card h3{margin-bottom:.32em}
.qs-card p{color:var(--qs-muted);font-size:.95rem;margin-bottom:0}

/* product/category card with image */
.qs-pcard{background:#fff;border:1px solid var(--qs-line);overflow:hidden;transition:transform .16s, box-shadow .16s;display:flex;flex-direction:column}
.qs-pcard:hover{transform:translateY(-4px);box-shadow:var(--qs-shadow)}
.qs-pcard .qs-figure{border-radius:0;aspect-ratio:4/3}
.qs-pcard__body{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}
.qs-pcard__body h3{margin-bottom:.3em}
.qs-pcard__body p{color:var(--qs-muted);font-size:.93rem;flex:1}
.qs-pcard__link{font-weight:700;font-size:.94rem;letter-spacing:.01em;display:inline-flex;align-items:center;gap:.45em;margin-top:12px;color:var(--qs-primary)}
.qs-pcard__link svg{transition:transform .18s}
.qs-pcard:hover .qs-pcard__link svg{transform:translateX(5px)}
.qs-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;list-style:none}
.qs-tags li{font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--qs-accent);background:var(--qs-surface-2);padding:.25em .65em;margin:0;border-radius:var(--qs-radius)}

/* ============== Split / feature rows ============== */
.qs-split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.qs-split--rev .qs-split__media{order:2}
.qs-split__media .qs-figure{aspect-ratio:5/4}
.qs-feature-list{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:2px;background:var(--qs-line);border:1px solid var(--qs-line)}
.qs-feature-list li{display:flex;gap:14px;align-items:flex-start;margin:0;background:#fff;padding:15px 18px}
.qs-feature-list .qs-fi{flex:none;width:34px;height:34px;display:grid;place-items:center;background:var(--qs-primary);color:#fff;font-size:1.1rem;margin-top:1px;border-radius:var(--qs-radius)}
.qs-feature-list b{display:block;color:var(--qs-dark);font-weight:700;font-size:1.02rem;}
.qs-feature-list span{color:var(--qs-muted);font-size:.93rem;}

/* spec table */
.qs-spec{width:100%;border-collapse:collapse;font-size:.95rem;margin:8px 0 0}
.qs-spec th,.qs-spec td{text-align:left;padding:13px 18px;border-bottom:1px solid var(--qs-line)}
.qs-spec th{color:var(--qs-dark);background:var(--qs-surface);width:38%;font-weight:700;letter-spacing:.01em}
.qs-spec tr:last-child th,.qs-spec tr:last-child td{border-bottom:none}
.qs-spec-wrap{border:1px solid var(--qs-line)}

/* markets */
.qs-markets{display:flex;flex-wrap:wrap;gap:2px;margin-top:26px;background:rgba(255,255,255,.1)}
.qs-markets span{background:var(--qs-dark-2);padding:.65em 1.15em;font-weight:700;font-size:.95rem;letter-spacing:.02em;color:#fff;display:inline-flex;align-items:center;gap:.55em}
.qs-markets span svg{color:var(--qs-primary)}

/* steps */
.qs-steps{counter-reset:s;display:grid;gap:2px;grid-template-columns:repeat(4,1fr);margin-top:28px;background:var(--qs-line);border:1px solid var(--qs-line)}
.qs-step{background:#fff;padding:26px 22px;position:relative}
.qs-step::before{counter-increment:s;content:counter(s,decimal-leading-zero);font-weight:800;font-size:2rem;color:var(--qs-primary);display:block;margin-bottom:8px;line-height:1}
.qs-step h3{font-size:1.08rem;margin-bottom:.3em}
.qs-step p{color:var(--qs-muted);font-size:.92rem;margin:0}

/* ============== FAQ accordion ============== */
.qs-faq{max-width:840px;margin:0 auto}
.qs-acc{border:1px solid var(--qs-line);border-left:3px solid var(--qs-line);margin-bottom:10px;background:#fff;transition:border-color .15s}
.qs-acc.is-open{border-left-color:var(--qs-primary)}
.qs-acc__q{width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:18px 22px;font-weight:700;font-size:1.08rem;letter-spacing:-.005em;color:var(--qs-dark);display:flex;justify-content:space-between;align-items:center;gap:16px}
.qs-acc__q:hover{color:var(--qs-primary)}
.qs-acc__q svg{flex:none;transition:transform .25s;color:var(--qs-primary);font-size:1.4rem;}
.qs-acc.is-open .qs-acc__q svg{transform:rotate(45deg)}
.qs-acc__a{padding:0 22px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}
.qs-acc.is-open .qs-acc__a{padding:0 22px 22px;max-height:560px}
.qs-acc__a p{color:var(--qs-muted);margin:0}

/* ============== Forms ============== */
.qs-form{background:#fff;border:1px solid var(--qs-line);border-top:3px solid var(--qs-primary);padding:30px}
.qs-form h3{margin-bottom:1rem}
.qs-field{margin-bottom:16px}
.qs-field label{display:block;font-weight:700;font-size:.92rem;letter-spacing:.005em;color:var(--qs-dark);margin-bottom:7px}
.qs-field .qs-req{color:var(--qs-primary)}
.qs-field input,.qs-field select,.qs-field textarea{width:100%;font-family:var(--qs-font);font-size:1rem;color:var(--qs-ink);padding:.72em 1em;border:1.5px solid var(--qs-line);border-radius:var(--qs-radius);background:var(--qs-surface);transition:border-color .15s,background .15s}
.qs-field input:focus,.qs-field select:focus,.qs-field textarea:focus{border-color:var(--qs-primary);background:#fff;outline:none}
.qs-field textarea{min-height:128px;resize:vertical}
.qs-field--row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.qs-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.qs-form__msg{margin-top:10px;font-size:.93rem;font-weight:700;display:none}
.qs-form__msg.is-ok{display:block;color:#1a7a3c}
.qs-form__msg.is-err{display:block;color:var(--qs-primary-700)}
.qs-form small{color:var(--qs-muted)}

/* ============== Breadcrumb ============== */
.qs-crumb{font-size:.85rem;color:var(--qs-muted);padding:18px 0 0;letter-spacing:.01em}
.qs-crumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:.5em;margin:0;padding:0}
.qs-crumb li{display:flex;align-items:center;gap:.5em;margin:0}
.qs-crumb li::after{content:"›";color:var(--qs-line)}
.qs-crumb li:last-child::after{content:""}
.qs-crumb a{color:var(--qs-muted)}
.qs-crumb a:hover{color:var(--qs-primary)}
.qs-crumb [aria-current]{color:var(--qs-dark);font-weight:700}

/* page header band */
.qs-pagehead{background:var(--qs-dark);color:#fff;position:relative;overflow:hidden}
.qs-pagehead::before{content:"";position:absolute;top:0;bottom:0;left:0;width:8px;background:var(--qs-primary)}
.qs-pagehead__in{padding:26px 0 54px;max-width:780px;position:relative}
.qs-pagehead h1{color:#fff;margin:14px 0 .3em}
.qs-pagehead .qs-lede{color:#d6ccc9}
.qs-pagehead .qs-eyebrow{color:#fff}
.qs-pagehead .qs-eyebrow::before{background:var(--qs-primary)}
.qs-pagehead .qs-crumb{color:#b9aba7}
.qs-pagehead .qs-crumb a{color:#b9aba7}
.qs-pagehead .qs-crumb [aria-current]{color:#fff}

/* CTA band */
.qs-cta{background:var(--qs-primary);color:#fff;padding:50px 46px;display:grid;grid-template-columns:1.4fr auto;gap:30px;align-items:center;border-radius:var(--qs-radius)}
.qs-cta h2{color:#fff;margin-bottom:.3em}
.qs-cta p{color:rgba(255,255,255,.92);margin:0;max-width:56ch}
.qs-cta__btns{display:flex;gap:14px;flex-wrap:wrap}
.qs-cta .qs-btn--ghost{color:#fff;border-color:rgba(255,255,255,.55);background:transparent}
.qs-cta .qs-btn--ghost:hover{background:#fff;color:var(--qs-primary)}
.qs-cta .qs-btn--dark{background:var(--qs-dark);border-color:var(--qs-dark)}
.qs-cta .qs-btn--dark:hover{background:#000;border-color:#000;color:#fff}

/* prose */
.qs-prose>p:first-child{font-size:1.1rem;color:var(--qs-ink)}
.qs-prose h2{margin-top:1.4em}
.qs-prose h3{margin-top:1.2em}

/* ============== Footer ============== */
.qs-footer{background:var(--qs-dark);color:#a99e9a;padding:56px 0 24px;font-size:.93rem;}
.qs-footer a{color:#cabfbc}
.qs-footer a:hover{color:#fff}
.qs-footer__grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.3fr;gap:34px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.1)}
.qs-footer h4{color:#fff;font-size:.86rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}
.qs-footer ul{list-style:none;padding:0;margin:0}
.qs-footer li{margin:.5em 0}
.qs-footer__brand{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.qs-footer__brand .qs-logo__img{height:32px !important}
.qs-footer__about{max-width:38ch;color:#a99e9a}
.qs-footer__contact li{display:flex;gap:.6em;align-items:flex-start}
.qs-footer__contact svg{color:var(--qs-primary);flex:none;margin-top:3px}
.qs-footer__bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:22px;font-size:.84rem;color:#867b78}
.qs-footer__bottom a{color:#a99e9a}

/* floating inquiry widget */
.qs-fab{position:fixed;right:22px;bottom:22px;z-index:80;background:var(--qs-primary);color:#fff;border:none;border-radius:var(--qs-radius);box-shadow:var(--qs-shadow);font-weight:700;font-size:.98rem;letter-spacing:.01em;padding:.8em 1.25em;display:inline-flex;align-items:center;gap:.5em;cursor:pointer;transition:transform .14s,background .15s}
.qs-fab:hover{background:var(--qs-primary-700);transform:translateY(-2px)}
.qs-fab svg{font-size:1.3em;}
.qs-modal{position:fixed;inset:0;z-index:90;display:none;align-items:flex-end;justify-content:flex-end;padding:22px}
.qs-modal.is-open{display:flex}
.qs-modal__overlay{position:absolute;inset:0;background:rgba(23,17,15,.56)}
.qs-modal__panel{position:relative;background:#fff;width:min(420px,100%);max-height:calc(100vh - 44px);overflow:auto;border-top:3px solid var(--qs-primary);box-shadow:var(--qs-shadow)}
.qs-modal__head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 0}
.qs-modal__head h3{margin:0}
.qs-modal__close{background:none;border:none;cursor:pointer;color:var(--qs-muted);font-size:1.5rem;line-height:1;padding:4px}
.qs-modal__close:hover{color:var(--qs-primary)}
.qs-modal .qs-form{border:none;border-top:none;padding:18px 24px 26px}

/* reveal on scroll */
.qs-reveal{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}
.qs-reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.qs-reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

.qs-mnav{display:none}

/* ============== Responsive ============== */
@media (max-width:980px){
  .qs-hero__in{padding:68px 0 60px}
  .qs-split{grid-template-columns:1fr;gap:34px}
  .qs-split--rev .qs-split__media{order:0}
  .qs-scale .qs-wrap{grid-template-columns:repeat(2,1fr)}
  .qs-scale__item:nth-child(2){border-right:none}
  .qs-grid--3,.qs-grid--4{grid-template-columns:repeat(2,1fr)}
  .qs-steps{grid-template-columns:repeat(2,1fr)}
  .qs-cta{grid-template-columns:1fr;text-align:left}
  .qs-footer__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  body{font-size:16px;}
  :root{--qs-section-y:52px}
  .qs-menu,.qs-nav__cta .qs-btn{display:none}
  .qs-burger{display:flex}
  .qs-mnav{display:block;border-top:1px solid var(--qs-line-soft);background:#fff;max-height:0;overflow:hidden;transition:max-height .3s ease}
  .qs-mnav.is-open{max-height:560px}
  .qs-mnav ul{list-style:none;margin:0;padding:10px 24px 20px}
  .qs-mnav li{margin:0}
  .qs-mnav a{display:block;padding:13px 4px;font-weight:700;font-size:1.05rem;color:var(--qs-dark);border-bottom:1px solid var(--qs-line-soft)}
  .qs-mnav .qs-btn{margin-top:14px;width:100%;justify-content:center}
  .qs-grid--3,.qs-grid--4{grid-template-columns:1fr}
  .qs-steps{grid-template-columns:1fr}
  .qs-field--row{grid-template-columns:1fr}
  .qs-scale .qs-wrap{grid-template-columns:1fr 1fr}
  .qs-footer__grid{grid-template-columns:1fr}
  .qs-cta{padding:34px 24px}
  .qs-topbar__meta{display:none}
  .qs-fab span{display:none}
  .qs-fab{padding:.9em}
}

/* ============== skip link ============== */
.qs-skip{position:absolute;left:-999px;top:0;z-index:200;background:var(--qs-primary);color:#fff;padding:.7em 1.2em;font-weight:700;border-radius:0 0 var(--qs-radius) 0}
.qs-skip:focus{left:0}

/* ============== language switcher ============== */
.qs-lang{position:relative;flex:none}
.qs-lang__btn{display:inline-flex;align-items:center;gap:.4em;background:none;border:2px solid var(--qs-line);border-radius:var(--qs-radius);padding:.5em .7em;cursor:pointer;color:var(--qs-dark);font-family:var(--qs-font);font-weight:700;font-size:.88rem;line-height:1}
.qs-lang__btn svg{color:var(--qs-primary);font-size:1.1rem;}
.qs-lang__btn:hover{border-color:var(--qs-primary);color:var(--qs-primary)}
.qs-lang__menu{position:absolute;top:calc(100% + 8px);right:0;min-width:168px;list-style:none;margin:0;padding:6px;background:#fff;border:1px solid var(--qs-line);border-radius:var(--qs-radius);box-shadow:var(--qs-shadow);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:90}
.qs-lang:hover .qs-lang__menu,.qs-lang:focus-within .qs-lang__menu,.qs-lang__menu.is-open{opacity:1;visibility:visible;transform:translateY(0)}
.qs-lang__menu li{margin:0}
.qs-lang__menu a{display:block;padding:.5em .8em;border-radius:var(--qs-radius);font-family:var(--qs-font);font-weight:600;font-size:.9rem;color:var(--qs-ink)}
.qs-lang__menu a:hover{background:var(--qs-surface);color:var(--qs-primary)}
.qs-lang__menu a[aria-current="true"]{color:var(--qs-primary);font-weight:800}
@media (max-width:980px){.qs-lang__btn span{display:none}}

/* ============== Blog ============== */
.qs-post__meta{display:inline-flex;align-items:center;gap:.45em;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--qs-muted)}
.qs-post__meta svg{color:var(--qs-primary)}
.qs-pagehead .qs-post__meta{color:#cabfbc}
.qs-pagehead .qs-post__meta svg{color:var(--qs-primary)}
.qs-post__meta--lg{font-size:.9rem;margin-top:14px}
.qs-pcard__body .qs-post__meta{margin-bottom:8px}
.qs-postwrap{max-width:760px;margin:0 auto}
.qs-post__hero{margin-bottom:30px}
.qs-post__hero .qs-figure{margin:0}
.qs-prose.qs-post{font-size:1.06rem;}
.qs-prose.qs-post p{margin:0 0 1.15em}
.qs-prose.qs-post h2{font-size:1.5rem;margin:1.5em 0 .5em;letter-spacing:-.01em}
.qs-prose.qs-post ul{margin:0 0 1.2em;padding-left:1.25em}
.qs-prose.qs-post li{margin:.4em 0}
.qs-prose.qs-post a{color:var(--qs-primary);font-weight:600;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.qs-prose.qs-post a:hover{color:var(--qs-primary-700)}
/* article closing CTA */
.qs-postcta{background:var(--qs-dark);color:#fff;padding:40px 38px;margin:42px 0 8px;display:grid;grid-template-columns:1.5fr auto;gap:28px;align-items:center;border-left:8px solid var(--qs-primary)}
.qs-postcta h2{color:#fff;margin:.25em 0 .35em;font-size:1.5rem;}
.qs-postcta p{color:#d6ccc9;margin:0;max-width:48ch}
.qs-postcta .qs-eyebrow{color:#fff}
.qs-postcta .qs-eyebrow::before{background:var(--qs-primary)}
.qs-postcta__btns{display:flex;flex-direction:column;gap:12px}
.qs-postcta .qs-btn--ghost{color:#fff;border-color:rgba(255,255,255,.55);background:transparent}
.qs-postcta .qs-btn--ghost:hover{background:#fff;color:var(--qs-primary)}
/* more notes */
.qs-more{margin-top:46px;border-top:1px solid var(--qs-line);padding-top:28px}
.qs-more h2{font-size:1.25rem;margin-bottom:18px}
.qs-more__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.qs-morecard{display:flex;flex-direction:column;gap:8px;padding:20px 22px;background:var(--qs-surface);border:1px solid var(--qs-line);border-left:4px solid var(--qs-primary);text-decoration:none;transition:background .15s,transform .15s}
.qs-morecard:hover{background:var(--qs-surface-2);transform:translateY(-2px)}
.qs-morecard__k{font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--qs-primary)}
.qs-morecard__t{font-weight:700;color:var(--qs-dark);line-height:1.3}
.qs-morecard__t svg{color:var(--qs-primary)}
@media (max-width:760px){
  .qs-postcta{grid-template-columns:1fr;padding:32px 26px}
  .qs-more__grid{grid-template-columns:1fr}
}


/* codex layout hardening: prevents mobile overflow, image distortion and cramped nav/buttons */
html,body{max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
img,picture,video,canvas,svg{max-width:100%;height:auto}
img{display:block}
a,button,input,textarea,select{max-width:100%}
h1,h2,h3,h4,p,li,a,button,span{overflow-wrap:break-word}
nav,header,[class*="-nav"],[class*="-menu"],[class*="-hero__btns"],.actions,[class*="-footer"]{min-width:0}
[class*="-wrap"],[class*="-container"]{max-width:min(1200px, calc(100vw - 24px))}
[class*="-grid"],[class*="grid"],[class*="-split"],[class*="-hero__grid"]{min-width:0}
[class*="-grid"]>* ,[class*="grid"]>* ,[class*="-split"]>* ,[class*="-hero__grid"]>*{min-width:0}
[class*="-btn"],.btn,.cta{white-space:normal;text-align:center}
[class*="-lang__menu"],.lang-menu{max-width:calc(100vw - 24px)}
@media (max-width: 760px){
  h1{font-size:2rem;}
  h2{font-size:1.55rem;}
  h3{font-size:1.16rem;}
  [class*="-hero__btns"],.actions{display:flex;flex-direction:column;align-items:stretch}
  [class*="-btn"],.btn,.cta{width:100%;justify-content:center}
  [class*="-hero__stats"],[class*="-stats"],[class*="-grid--3"],.cols-3{grid-template-columns:1fr}
}

/* captcha layout hotfix 20260608 */
form :where(div):has(> :where(.captcha-q, [data-captcha-q])) {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
}
form :where(.captcha-q, [data-captcha-q]) {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
  min-width: max-content !important;
  line-height: 1.2 !important;
}
form :where(input[name="captcha"], input[name="captchaAnswer"], input[data-captcha-a]) {
  width: clamp(88px, 18vw, 128px) !important;
  max-width: 128px !important;
  min-width: 88px !important;
  flex: 0 0 clamp(88px, 18vw, 128px) !important;
  text-align: center !important;
}
@media (max-width: 520px) {
  form :where(input[name="captcha"], input[name="captchaAnswer"], input[data-captcha-a]) {
    width: 96px !important;
    max-width: 96px !important;
    min-width: 80px !important;
    flex-basis: 96px !important;
  }
}