/* BizQRAI — "tool-first" SaaS product aesthetic. Site-unique bq- class prefix.
   House rules: radius <=6px, no pills/badges, custom SVG icons, no native select,
   deep shadows, rich multi-stop fills, glow on hero. Tool CSS block kept verbatim at end
   (tool.js depends on dd/qr/fld/seg/col/range/btn class names). */
:root{
  --ink:#0b1b2b;--mut:#4d6273;--faint:#8398a6;
  --bg:#f4f7fb;--card:#ffffff;--line:#e4ebf2;
  --ac:#1766f0;--acd:#0f4fc4;--acl:#e7f0ff;
  --mint:#0ea5a5;--mintd:#0b7f84;
  --dark:#0a1626;--r:6px;
  --shadow:0 30px 80px -24px rgba(11,27,43,.28),0 4px 14px rgba(11,27,43,.07);
  --shadow-sm:0 14px 40px -18px rgba(11,27,43,.26),0 2px 8px rgba(11,27,43,.06);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Public Sans',system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--acd)}
h1,h2,h3,h4{font-family:'Public Sans',system-ui,sans-serif;letter-spacing:-.025em;font-weight:800}
.bq-serif{font-family:'Source Serif 4',Georgia,serif}
img{max-width:100%}

/* ============ top bar (sticky, product chrome) ============ */
.bq-bar{position:sticky;top:0;z-index:50;background:rgba(244,247,251,.86);backdrop-filter:saturate(1.3) blur(12px);border-bottom:1px solid var(--line)}
.bq-bar-in{display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:0 auto;padding:13px 24px;position:relative}
.bq-brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:18px;color:var(--ink);text-decoration:none;letter-spacing:-.03em}
.bq-brand img{width:28px;height:28px;display:block}
.bq-menu{display:flex;align-items:center;gap:2px}
.bq-menu a{padding:9px 13px;border-radius:var(--r);color:var(--mut);text-decoration:none;font-size:14.5px;font-weight:600;min-height:40px;display:inline-flex;align-items:center}
.bq-menu a:hover,.bq-menu a.bq-cur{color:var(--acd);background:var(--acl)}
.bq-menu a.bq-navcta{background:linear-gradient(135deg,var(--ac),var(--acd));color:#fff;box-shadow:none;margin-left:6px}
.bq-menu a.bq-navcta:hover{filter:brightness(1.07);background:linear-gradient(135deg,var(--ac),var(--acd))}
.bq-burger{display:none;width:42px;height:42px;align-items:center;justify-content:center;background:var(--card);border:0;border-radius:var(--r);cursor:pointer;flex:none}
.bq-burger span{position:relative;width:19px;height:2px;background:var(--acd);border-radius:2px;display:block}
.bq-burger span::before,.bq-burger span::after{content:"";position:absolute;left:0;width:19px;height:2px;background:var(--acd);border-radius:2px;transition:transform .2s,top .2s}
.bq-burger span::before{top:-6px}.bq-burger span::after{top:6px}
.bq-bar.bq-open .bq-burger span{background:transparent}
.bq-bar.bq-open .bq-burger span::before{top:0;transform:rotate(45deg)}
.bq-bar.bq-open .bq-burger span::after{top:0;transform:rotate(-45deg)}

/* ============ product hero: tool front and center ============ */
.bq-hero{position:relative;overflow:hidden;background:
  radial-gradient(90% 120% at 82% -10%,rgba(23,102,240,.16) 0%,rgba(23,102,240,0) 55%),
  radial-gradient(80% 120% at 8% 0%,rgba(14,165,165,.14) 0%,rgba(14,165,165,0) 50%),
  linear-gradient(180deg,#f7fafe 0%,var(--bg) 100%)}
.bq-hero::before{content:"";position:absolute;inset:0;background-image:
  linear-gradient(rgba(11,27,43,.035) 1px,transparent 1px),
  linear-gradient(90deg,rgba(11,27,43,.035) 1px,transparent 1px);
  background-size:30px 30px;mask-image:radial-gradient(70% 60% at 50% 0%,#000 0%,transparent 80%);pointer-events:none}
.bq-hero-in{position:relative;max-width:1180px;margin:0 auto;padding:68px 24px 54px;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.bq-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;letter-spacing:.02em;color:var(--acd)}
.bq-eyebrow svg{width:16px;height:16px;flex:none}
.bq-hero h1{font-size:clamp(34px,5vw,54px);line-height:1.04;color:var(--ink);margin:16px 0 0}
.bq-hero h1 .bq-grad{background:linear-gradient(120deg,var(--ac),var(--mint));-webkit-background-clip:text;background-clip:text;color:transparent}
.bq-lede{font-size:19px;color:var(--mut);margin:18px 0 0;max-width:520px}
.bq-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.bq-cta{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,var(--ac),var(--acd));color:#fff;text-decoration:none;font-weight:800;font-size:15.5px;padding:14px 26px;border-radius:var(--r);box-shadow:none;transition:transform .14s,filter .14s}
.bq-cta:hover{filter:brightness(1.07);transform:translateY(-1px)}
.bq-cta svg{width:18px;height:18px;flex:none}
.bq-cta-ghost{display:inline-flex;align-items:center;gap:9px;background:var(--card);color:var(--acd);text-decoration:none;font-weight:800;font-size:15.5px;padding:14px 24px;border-radius:var(--r);border:0;box-shadow:none;transition:transform .14s}
.bq-cta-ghost:hover{transform:translateY(-1px);border-color:#c9d8e8}
.bq-trust{display:flex;flex-wrap:wrap;gap:18px 24px;margin-top:30px}
.bq-trust span{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--mut)}
.bq-trust svg{width:17px;height:17px;flex:none;color:var(--mint)}

/* live mini-generator floating card (the tool, front and center) */
.bq-demo{position:relative;background:var(--card);border:0;border-radius:6px;box-shadow:none;padding:22px;display:flex;flex-direction:column;gap:14px}
.bq-demo::after{content:"";position:absolute;inset:-1px;border-radius:6px;background:linear-gradient(135deg,rgba(23,102,240,.25),transparent 40%,rgba(14,165,165,.22));z-index:-1;filter:blur(2px)}
.bq-demo-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.bq-demo-top b{font-size:13px;font-weight:800;color:var(--ink);letter-spacing:-.01em}
.bq-demo-dots{display:flex;gap:5px}
.bq-demo-dots i{width:8px;height:8px;border-radius:50%;background:var(--line);display:block}
.bq-demo-dots i:first-child{background:#f0a35b}.bq-demo-dots i:nth-child(2){background:var(--mint)}
.bq-demo-field{display:flex;align-items:center;gap:0;background:var(--bg);border:0;border-radius:var(--r);overflow:hidden}
.bq-demo-field input{flex:1;min-width:0;font:inherit;font-size:14.5px;color:var(--ink);background:none;border:none;padding:12px 13px;outline:none}
.bq-demo-field button{flex:none;font:inherit;font-weight:800;font-size:14px;color:#fff;background:linear-gradient(135deg,var(--ac),var(--acd));border:none;padding:12px 16px;cursor:pointer}
.bq-demo-field button:hover{filter:brightness(1.08)}
.bq-demo-stage{display:flex;align-items:center;gap:18px;background:
  radial-gradient(130% 150% at 15% 0%,#f9fbff 0%,var(--acl) 60%,#d8e6ff 100%);border-radius:var(--r);padding:18px}
.bq-demo-qr{flex:none;width:118px;height:118px;background:#fff;border-radius:var(--r);padding:8px;display:flex;align-items:center;justify-content:center;box-shadow:none}
.bq-demo-qr canvas{max-width:100%;height:auto;image-rendering:pixelated}
.bq-demo-meta{min-width:0}
.bq-demo-meta b{display:block;font-size:14px;color:var(--ink);margin-bottom:3px}
.bq-demo-meta p{font-size:12.5px;color:var(--mut);margin:0}
.bq-demo-foot{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--mintd);font-weight:700}
.bq-demo-foot svg{width:14px;height:14px;flex:none}

/* ============ logos / stat strip ============ */
.bq-stats{max-width:1180px;margin:0 auto;padding:6px 24px 0}
.bq-stats-in{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;background:var(--card);border:0;border-radius:6px;box-shadow:none;padding:26px 28px;transform:translateY(-18px)}
.bq-stat b{display:block;font-size:26px;font-weight:800;color:var(--ink);letter-spacing:-.03em;font-family:'Source Serif 4',serif}
.bq-stat span{font-size:13px;color:var(--mut);font-weight:600}

/* ============ feature rows (alternating) ============ */
.bq-section{max-width:1180px;margin:0 auto;padding:40px 24px}
.bq-head{max-width:620px;margin:0 auto 34px;text-align:center}
.bq-head .bq-kicker{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mint)}
.bq-head h2{font-size:clamp(26px,3.4vw,36px);line-height:1.1;color:var(--ink);margin:10px 0 0}
.bq-head p{font-size:16.5px;color:var(--mut);margin:12px 0 0}
.bq-row{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;padding:30px 0}
.bq-row.bq-flip .bq-row-art{order:2}
.bq-row-txt h3{font-size:25px;line-height:1.14;color:var(--ink);margin:0 0 10px}
.bq-row-txt p{font-size:16px;color:var(--mut);margin:0 0 14px}
.bq-mini{display:grid;gap:10px;margin-top:4px}
.bq-mini li{list-style:none;display:flex;gap:11px;align-items:flex-start;font-size:15px;color:var(--mut)}
.bq-mini li svg{width:20px;height:20px;flex:none;color:var(--ac);margin-top:1px}
.bq-mini li b{color:var(--ink);font-weight:700}
.bq-rowlink{display:inline-flex;align-items:center;gap:7px;margin-top:18px;font-size:14.5px;font-weight:800;color:var(--acd);text-decoration:none}
.bq-rowlink:hover{gap:11px}
.bq-rowlink svg{width:16px;height:16px;transition:transform .15s}
/* illustrative art panel (custom SVG, not stock icon) */
.bq-art{position:relative;background:
  radial-gradient(120% 120% at 20% 0%,#f8fbff 0%,var(--acl) 55%,#d6e5ff 100%);
  border:0;border-radius:6px;box-shadow:none;padding:30px;min-height:260px;display:flex;align-items:center;justify-content:center}
.bq-art.bq-art-mint{background:radial-gradient(120% 120% at 20% 0%,#f6fdfd 0%,#d8f2f2 55%,#bfe9e9 100%)}
.bq-art svg{width:100%;max-width:300px;height:auto}

/* ============ use-case grid (distinct card system — wide tiles, side accent) ============ */
.bq-uses{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:6px}
.bq-use{position:relative;display:flex;flex-direction:column;gap:10px;background:var(--card);border:0;border-radius:6px;padding:22px 22px 20px;text-decoration:none;color:var(--ink);box-shadow:none;transition:transform .15s,box-shadow .15s;overflow:hidden}
.bq-use::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--ac),var(--mint))}
.bq-use:hover{transform:translateY(-3px);box-shadow:none}
.bq-use-ic{width:44px;height:44px;border-radius:var(--r);background:linear-gradient(135deg,var(--acl),#d8e6ff);display:flex;align-items:center;justify-content:center}
.bq-use-ic svg{width:24px;height:24px;color:var(--acd);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bq-use b{font-size:16.5px;line-height:1.25}
.bq-use span{font-size:13.5px;color:var(--mut);line-height:1.5}

/* ============ featured guides (editorial strip, horizontal media cards) ============ */
.bq-guides{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bq-gcard{display:flex;flex-direction:column;background:var(--card);border:0;border-radius:6px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:none;transition:transform .15s,box-shadow .15s}
.bq-gcard:hover{transform:translateY(-3px);box-shadow:none}
.bq-gcard img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--acl)}
.bq-gcard-b{padding:16px 17px 18px}
.bq-gcard-b .bq-tag{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--mint)}
.bq-gcard-b b{display:block;font-size:16px;line-height:1.3;margin:6px 0 5px}
.bq-gcard-b span{font-size:13.5px;color:var(--mut)}
.bq-more{display:flex;justify-content:center;margin-top:30px}

/* ============ CTA band ============ */
.bq-band{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--dark) 0%,#0f2847 60%,#10306a 100%);border-radius:6px;padding:46px 40px;text-align:center;box-shadow:none}
.bq-band::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(70% 90% at 50% 0%,#000,transparent);pointer-events:none}
.bq-band h2{position:relative;color:#fff;font-size:clamp(24px,3.2vw,32px);margin:0}
.bq-band p{position:relative;color:#bcd2ee;font-size:16px;margin:12px auto 24px;max-width:520px}
.bq-band .bq-cta{background:#fff;color:var(--acd);box-shadow:none}
.bq-band .bq-cta:hover{background:#fff;filter:brightness(1)}

/* ============ FAQ ============ */
.bq-faq{max-width:820px;margin:0 auto}
.bq-acc{background:var(--card);border:0;border-radius:var(--r);margin-bottom:10px;overflow:hidden;box-shadow:none}
.bq-acc summary{list-style:none;cursor:pointer;padding:17px 20px;font-weight:700;font-size:16px;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:12px}
.bq-acc summary::-webkit-details-marker{display:none}
.bq-acc summary .bq-ic{flex:none;width:18px;height:18px;position:relative;transition:transform .2s}
.bq-acc summary .bq-ic::before,.bq-acc summary .bq-ic::after{content:"";position:absolute;background:var(--ac);border-radius:2px}
.bq-acc summary .bq-ic::before{top:8px;left:0;width:18px;height:2px}
.bq-acc summary .bq-ic::after{top:0;left:8px;width:2px;height:18px;transition:transform .2s}
.bq-acc[open] summary .bq-ic::after{transform:scaleY(0)}
.bq-acc .bq-ab{padding:0 20px 18px;color:var(--mut);font-size:15px;line-height:1.62}
.bq-acc:hover summary{color:var(--acd)}

/* ============ article / guide layout (distinct 2-col, sticky meta rail) ============ */
.bq-doc{max-width:1180px;margin:0 auto;padding:30px 24px 10px;display:grid;grid-template-columns:240px 1fr;gap:44px;align-items:start}
.bq-rail{position:sticky;top:76px;background:var(--card);border:0;border-radius:6px;padding:18px 16px;box-shadow:none}
.bq-rail .bq-rh{font-size:11.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--faint);font-weight:800;margin:4px 6px 10px}
.bq-rail a{display:block;padding:9px 10px;border-radius:var(--r);font-size:13.5px;font-weight:600;color:var(--mut);text-decoration:none;margin-bottom:2px}
.bq-rail a:hover,.bq-rail a.bq-cur{background:var(--acl);color:var(--acd)}
/* publish marker class .article kept verbatim — do not rename */
.article{min-width:0;max-width:760px}
.article .bq-cat{display:inline-block;text-transform:uppercase;letter-spacing:.11em;font-size:11px;color:var(--acd);font-weight:800}
.article h1{font-size:clamp(28px,4vw,38px);line-height:1.12;margin:10px 0 8px;color:var(--ink);font-family:'Source Serif 4',Georgia,serif;letter-spacing:-.02em}
.article .bq-dek{font-size:19px;color:var(--mut);margin-bottom:16px;line-height:1.5}
.bq-byline{display:flex;align-items:center;gap:12px;margin:0 0 22px;padding:14px 0 18px;border-bottom:1px solid var(--line)}
.bq-byline .bq-av{width:42px;height:42px;border-radius:var(--r);background:linear-gradient(135deg,var(--ac),var(--mint));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;flex:none}
.bq-byline .bq-m{font-size:13.5px;color:var(--mut)}.bq-byline .bq-m b{color:var(--ink);font-weight:700}
.bq-byline .bq-m .bq-cred{display:block;color:var(--faint);font-size:12.5px;margin-top:1px}
.article .bq-ahero{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:6px;margin:4px 0 24px;background:var(--acl);box-shadow:none}
.article h2{font-size:23px;margin:30px 0 8px;color:var(--ink);font-family:'Source Serif 4',Georgia,serif}
.article p{margin:13px 0;font-size:16.5px}
.article ul{margin:13px 0 13px 20px}.article li{margin:7px 0;font-size:16.5px}
.bq-qfaq{margin:30px 0 6px}.bq-qfaq h2{margin-bottom:12px}
.bq-disc,.bq-med{font-size:12.5px;color:var(--faint);margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.bq-med{margin-top:10px;border:none;padding-top:0}
.bq-back{display:inline-flex;align-items:center;gap:7px;margin:28px 0 0;font-size:14px;font-weight:800;color:var(--acd);text-decoration:none}

/* ============ guides index hero + list reuse ============ */
.bq-phero{position:relative;overflow:hidden;background:radial-gradient(90% 130% at 80% -10%,rgba(23,102,240,.14),transparent 55%),linear-gradient(180deg,#f7fafe,var(--bg))}
.bq-phero-in{max-width:1180px;margin:0 auto;padding:54px 24px 32px}
.bq-phero .bq-eyebrow{margin-bottom:12px}
.bq-phero h1{font-size:clamp(30px,4.4vw,46px);line-height:1.06;color:var(--ink);max-width:760px}
.bq-phero p{font-size:18px;color:var(--mut);margin-top:14px;max-width:620px}

/* ============ glossary ============ */
.bq-gloss{max-width:900px;margin:0 auto;padding:20px 24px 10px}
.bq-alpha{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 26px}
.bq-alpha a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--r);background:var(--card);border:0;color:var(--acd);font-weight:800;font-size:13px;text-decoration:none}
.bq-alpha a:hover{background:var(--acl)}
.bq-alpha .bq-aoff{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--faint);opacity:.4;font-weight:800;font-size:13px}
.bq-gletter{font-family:'Source Serif 4',serif;font-size:22px;color:var(--ac);margin:26px 0 10px;font-weight:800}
.bq-term{background:var(--card);border:0;border-radius:6px;padding:16px 18px;margin-bottom:8px;box-shadow:none}
.bq-term b{display:block;font-size:16px;margin-bottom:4px;color:var(--ink)}.bq-term p{font-size:14.5px;color:var(--mut);margin:0}

/* ============ legal / about ============ */
.bq-legal{max-width:780px;margin:0 auto;padding:10px 24px 30px}
.bq-legal h2{font-size:21px;margin:26px 0 8px;color:var(--ink);font-family:'Source Serif 4',serif}
.bq-legal p{margin:11px 0;color:var(--mut);font-size:16px}
.bq-legal ul{margin:11px 0 11px 20px;color:var(--mut)}.bq-legal li{margin:6px 0}

/* ============ footer (distinct: dark, 4-col, top accent bar) ============ */
.bq-foot{position:relative;background:linear-gradient(180deg,#0a1626 0%,#0b1b2b 100%);color:#c3d6e8;margin-top:64px}
.bq-foot::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--ac),var(--mint))}
.bq-foot-in{max-width:1180px;margin:0 auto;padding:48px 24px 30px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}
.bq-fbrand .bq-fl{display:flex;align-items:center;gap:9px;font-weight:800;font-size:18px;color:#fff;text-decoration:none}
.bq-fbrand .bq-fl img{width:28px;height:28px}
.bq-fbrand p{margin-top:13px;font-size:13.5px;color:#90aac4;max-width:300px;line-height:1.6}
.bq-fbrand .bq-contact{margin-top:14px;font-size:13.5px;color:#c3d6e8}
.bq-fbrand .bq-contact a{color:#6fb0ff;text-decoration:none}
.bq-fcol h4{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#7390ad;margin-bottom:13px;font-weight:800}
.bq-fcol a{display:block;color:#c3d6e8;text-decoration:none;font-size:14px;margin-bottom:9px}
.bq-fcol a:hover{color:#fff}
.bq-fbot{max-width:1180px;margin:0 auto;padding:16px 24px 34px;font-size:12.5px;color:#7390ad;border-top:1px solid rgba(255,255,255,.07)}
.bq-fbot .bq-fnote{margin-top:6px}

/* ============ responsive ============ */
@media(max-width:1000px){
  .bq-hero-in{grid-template-columns:1fr;gap:34px;padding:52px 24px 40px}
  .bq-demo{max-width:460px}
  .bq-row{grid-template-columns:1fr;gap:26px;padding:22px 0}
  .bq-row.bq-flip .bq-row-art{order:0}
  .bq-doc{grid-template-columns:1fr;gap:18px}
  .bq-rail{position:static;display:flex;flex-wrap:wrap;gap:6px}
  .bq-rail .bq-rh{width:100%}.bq-rail a{margin:0}
  .bq-foot-in{grid-template-columns:1fr 1fr;gap:26px}
}
@media(max-width:820px){
  .bq-uses{grid-template-columns:1fr 1fr}
  .bq-guides{grid-template-columns:1fr 1fr}
  .bq-stats-in{grid-template-columns:1fr 1fr;gap:20px 16px}
}
@media(max-width:680px){
  .bq-burger{display:flex}
  .bq-bar-in{flex-wrap:wrap}
  .bq-menu{display:none;flex-direction:column;align-items:stretch;width:100%;gap:3px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
  .bq-bar.bq-open .bq-menu{display:flex}
  .bq-menu a{width:100%;min-height:46px}
  .bq-menu a.bq-navcta{margin-left:0;text-align:center;justify-content:center}
  .bq-uses{grid-template-columns:1fr}
  .bq-guides{grid-template-columns:1fr}
  .bq-foot-in{grid-template-columns:1fr}
  .bq-stats-in{grid-template-columns:1fr 1fr}
  .bq-hero h1{font-size:33px}
  .bq-band{padding:36px 24px}
  .bq-demo-stage{flex-direction:column;text-align:center}
}
@media(max-width:420px){.bq-stats-in{grid-template-columns:1fr}}

/* ---- sub-page hero + list (guides index, about, privacy, glossary) ---- */
.bq-phero-sec{position:relative;overflow:hidden;max-width:1180px;margin:0 auto;padding:46px 24px 22px}
.bq-phero-card{position:relative;background:
  radial-gradient(90% 150% at 85% -20%,rgba(23,102,240,.16),transparent 55%),
  radial-gradient(70% 150% at 5% 0%,rgba(14,165,165,.14),transparent 55%),
  linear-gradient(135deg,#f7fafe,var(--acl) 60%,#dbe8ff);
  border:0;border-radius:6px;padding:40px 40px 34px;box-shadow:none}
.bq-eyebrow2{display:inline-block;text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--mint);font-weight:800;margin-bottom:12px}
.bq-phero-card h1{font-size:clamp(28px,4.4vw,44px);line-height:1.06;color:var(--ink)}
.bq-tag2{font-size:18px;color:var(--mut);margin:14px 0 0;max-width:620px}
.bq-wrap{max-width:1180px;margin:0 auto;padding:28px 24px 10px}
.bq-wrap h2{font-size:24px;margin-bottom:18px;color:var(--ink);font-family:'Source Serif 4',serif}
.bq-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bq-li{display:flex;flex-direction:column;background:var(--card);border:0;border-radius:6px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:none;transition:transform .15s,box-shadow .15s}
.bq-li:hover{transform:translateY(-3px);box-shadow:none}
.bq-li .bq-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--acl)}
.bq-li b{display:block;font-size:16px;margin:14px 16px 5px;line-height:1.3}
.bq-li span{font-size:13.5px;color:var(--mut);margin:0 16px 16px}
.bq-aboutpage .bq-legal:first-of-type{margin-top:4px}
@media(max-width:820px){.bq-list{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.bq-list{grid-template-columns:1fr}.bq-phero-card{padding:30px 24px}}

/* ---- QR generator tool (/qr-generator/) — classes referenced by tool.js, kept verbatim ---- */
.toolwrap{max-width:1120px;margin:0 auto;padding:18px 24px 20px}
.toolgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.toolform{background:var(--card);border:0;border-radius:6px;padding:24px 24px 26px;display:flex;flex-direction:column;gap:18px;box-shadow:none}
.toolout{background:radial-gradient(130% 150% at 15% 0%,#f9fbff 0%,var(--acl) 55%,#d8e6ff 100%);border:0;border-radius:6px;padding:26px;position:sticky;top:76px;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:none}
.fld{display:block}
.fld>span{display:block;font-size:13px;font-weight:800;color:var(--ink);margin-bottom:7px;letter-spacing:-.01em}
.fld>span em{float:right;font-style:normal;font-weight:700;color:var(--acd);font-size:12.5px}
.fld input[type=url],.fld input[type=text],.fld input[type=email],.fld input[type=tel],.fld textarea{width:100%;font:inherit;font-size:15px;color:var(--ink);background:var(--bg);border:0;border-radius:var(--r);padding:12px 13px;outline:none;transition:border-color .15s,background .15s}
.fld input:focus,.fld textarea:focus{border-color:var(--ac);background:#fff}
.fld textarea{resize:vertical;line-height:1.5}
.fhint{font-size:12px;color:var(--faint);margin-top:7px;line-height:1.5}
#contrastWarn{color:#9a5a00;font-weight:600}
.fchk{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--mut);cursor:pointer;margin-top:4px}
.fchk input{width:17px;height:17px;accent-color:var(--ac)}
.qr-fields{display:flex;flex-direction:column;gap:14px}
/* custom dropdown */
.dd{position:relative}
.dd-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;font:inherit;font-size:15px;font-weight:600;color:var(--ink);background:var(--bg);border:0;border-radius:var(--r);padding:12px 13px;cursor:pointer;text-align:left}
.dd-btn:focus-visible,.dd.open .dd-btn{border-color:var(--ac);background:#fff;outline:none}
.dd-car{width:10px;height:10px;border-right:2px solid var(--acd);border-bottom:2px solid var(--acd);transform:rotate(45deg) translateY(-2px);flex:none;transition:transform .18s}
.dd.open .dd-car{transform:rotate(-135deg) translateY(-1px)}
.dd-menu{display:none;position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;background:#fff;border-radius:var(--r);padding:6px;box-shadow:none;max-height:280px;overflow:auto}
.dd.open .dd-menu{display:block}
.dd-opt{display:block;width:100%;text-align:left;font:inherit;font-size:14.5px;font-weight:600;color:var(--mut);background:none;border:none;border-radius:var(--r);padding:11px 11px;cursor:pointer}
.dd-opt:hover{background:var(--acl);color:var(--acd)}
.dd-opt.on{color:var(--acd);background:var(--acl)}
/* segmented ECL */
.seg{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:var(--bg);border-radius:var(--r);padding:4px}
.seg button{font:inherit;font-weight:800;font-size:14px;color:var(--mut);background:none;border:none;border-radius:5px;padding:9px 0;cursor:pointer;transition:background .15s,color .15s}
.seg button:hover{color:var(--acd)}
.seg button.on{background:#fff;color:var(--acd);box-shadow:none}
.range{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:5px;background:#cfe0f5;outline:none;margin-top:4px}
.range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--ac),var(--acd));cursor:pointer;box-shadow:none}
.range::-moz-range-thumb{width:20px;height:20px;border:none;border-radius:50%;background:var(--acd);cursor:pointer}
.colrow{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.colpick{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--mut);cursor:pointer}
.colpick input[type=color]{width:34px;height:30px;border:none;border-radius:var(--r);background:none;cursor:pointer;padding:0}
.colpick input[type=color]::-webkit-color-swatch-wrapper{padding:2px}
.colpick input[type=color]::-webkit-color-swatch{border:0;border-radius:5px}
.linkbtn{font:inherit;font-size:13px;font-weight:700;color:var(--acd);background:none;border:none;cursor:pointer;padding:4px 2px;text-decoration:underline}
/* output stage */
.qr-stage{width:100%;min-height:260px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--r);padding:18px}
.qr-canvas{max-width:100%;height:auto;image-rendering:pixelated;border-radius:2px}
.qr-empty{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--faint);text-align:center;padding:20px}
.qr-empty svg{color:var(--faint)}
.qr-empty p{font-size:14px;color:var(--mut);max-width:260px}
.qr-err p{color:#9a5a00}
.qr-status{font-size:13px;color:var(--mut);text-align:center;font-weight:600}
.qr-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.qr-actions .btn{margin-top:0}
.btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--ac),var(--acd));color:#fff;text-decoration:none;font-weight:800;font-size:15px;padding:13px 24px;border-radius:var(--r);border:none;cursor:pointer}
.btn:hover{filter:brightness(1.07)}
.btn-ghost{background:#fff;color:var(--acd);box-shadow:none}
.btn-ghost:hover{filter:none;background:var(--acl)}
.qr-priv{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--mintd);font-weight:600}
.qr-priv svg{flex:none;color:var(--mintd)}
.toolnote{max-width:860px;margin:30px auto 0;background:var(--card);border:0;border-radius:6px;padding:28px 30px;box-shadow:none}
.toolnote h2{font-size:21px;color:var(--ink);margin-bottom:10px;font-family:'Source Serif 4',serif}
.toolnote p{font-size:15px;color:var(--mut);margin:10px 0}
.toolnote ul{margin:12px 0 12px 20px}
.toolnote li{font-size:15px;color:var(--mut);margin:8px 0}
.toolnote li b{color:var(--ink)}
.toolnote .disc{font-size:13px;color:var(--faint);margin-top:18px;line-height:1.6}
@media(max-width:860px){.toolgrid{grid-template-columns:1fr}.toolout{position:static;order:-1}}
@media(max-width:560px){.toolform{padding:20px}.toolout{padding:20px}}

/* owner design enforcement: flat, no shadows */
*{box-shadow:none!important;-webkit-box-shadow:none!important}