:root {
    --slqr-navy: #0b1f3a;
    --slqr-deep: #071426;
    --slqr-blue: #1527a7;
    --slqr-powder: #eaf6fb;
    --slqr-gold: #f5c400;
    --slqr-white: #f8fafc;
    --slqr-gray: #596474;
    --slqr-border: #d9e2ea;
    --slqr-success: #0f6b3b;
    --slqr-error: #8b1d1d;
    --slqr-shadow: 0 24px 60px rgba(7, 20, 38, .13);
    --slqr-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

.slqr-product-module {
    background: #f8fafc;
    border: 1px solid #d9e2ea;
    border-radius: 20px;
    color: #071426;
    margin: 32px auto;
    max-width: 680px;
    padding: clamp(20px, 4vw, 34px);
    text-align: center;
}

.slqr-product-module h2 {
    color: #0b1f3a;
    margin-top: 0;
}

.slqr-product-module figure {
    margin: 20px auto 12px;
    max-width: 330px;
}

.slqr-product-module img {
    background: #fff;
    display: block;
    height: auto;
    width: 100%;
}

.slqr-product-module figcaption {
    font-weight: 800;
    margin-top: 12px;
}

.slqr-product-module__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.slqr-product-module__actions a,
.slqr-product-module__actions button,
.slqr-product-module__download {
    align-items: center;
    background: #0b1f3a;
    border: 2px solid #0b1f3a;
    border-radius: 999px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-weight: 850;
    justify-content: center;
    min-height: 44px;
    padding: 10px 18px;
    text-decoration: none;
    white-space: nowrap;
}

.slqr-product-module__actions button,
.slqr-product-module__download {
    background: #fff;
    color: #0b1f3a;
}

.slqr-product-module :focus-visible {
    outline: 3px solid #f5b83b;
    outline-offset: 3px;
}

.slqr-product-module__url {
    font-weight: 800;
    overflow-wrap: anywhere;
}

.slqr-product-module__disclosure {
    margin-top: 18px;
}

.slqr-product-module__disclosure summary {
    cursor: pointer;
    font-weight: 900;
    min-height: 44px;
    padding: 10px;
}

.slqr-product-module__desktop {
    display: none;
}

@media (min-width: 721px) {
    .slqr-product-module__disclosure {
        display: none;
    }
    .slqr-product-module__desktop {
        display: block;
    }
}

@media print {
    .slqr-product-module__actions,
    .slqr-product-module__disclosure,
    .slqr-copy-status {
        display: none !important;
    }
    .slqr-product-module__desktop {
        display: block !important;
    }
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.slqr-public { margin: 0; background: var(--slqr-white); color: var(--slqr-deep); font-family: var(--slqr-font); font-size: 17px; line-height: 1.62; -webkit-font-smoothing: antialiased; }
.slqr-public img { display: block; max-width: 100%; height: auto; }
.slqr-public a { color: inherit; }
.slqr-public h1, .slqr-public h2, .slqr-public h3, .slqr-public p { margin-top: 0; }
.slqr-public h1 { max-width: 850px; margin-bottom: 24px; font-size: clamp(2.45rem, 7vw, 4.7rem); line-height: .98; letter-spacing: -.055em; }
.slqr-public h2 { margin-bottom: 16px; color: var(--slqr-deep); font-size: clamp(2rem, 4vw, 3rem); line-height: 1.06; letter-spacing: -.04em; }
.slqr-public h3 { margin-bottom: 10px; color: var(--slqr-navy); line-height: 1.18; }
.slqr-container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.slqr-skip { position: fixed; top: -80px; left: 18px; z-index: 1000; padding: 12px 18px; border-radius: 999px; background: var(--slqr-gold); color: var(--slqr-deep); font-weight: 900; }
.slqr-skip:focus { top: 16px; }
.slqr-public :focus-visible { outline: 3px solid var(--slqr-gold); outline-offset: 4px; }

.slqr-header { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid var(--slqr-border); background: rgba(248, 250, 252, .96); backdrop-filter: blur(12px); }
.slqr-header__inner { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.slqr-header img { width: min(250px, 48vw); }
.slqr-header nav { display: flex; align-items: center; gap: 22px; font-size: 14px; font-weight: 850; }
.slqr-header nav a { text-decoration: none; }
.slqr-nav-cta { padding: 9px 15px; border-radius: 999px; background: var(--slqr-navy); color: white !important; }

.slqr-hero { overflow: hidden; padding: clamp(60px, 8vw, 112px) 0 74px; background: radial-gradient(circle at 84% 18%, rgba(245,196,0,.2), transparent 24rem), linear-gradient(135deg, var(--slqr-deep), var(--slqr-navy) 62%, #123b69); color: white; }
.slqr-hero__grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr); align-items: center; gap: clamp(36px, 6vw, 72px); }
.slqr-eyebrow { margin-bottom: 12px !important; color: var(--slqr-gold); font-size: 13px; font-weight: 950; letter-spacing: .14em; text-transform: uppercase; }
.slqr-lead { max-width: 760px; color: rgba(255,255,255,.86); font-size: clamp(1.12rem, 2vw, 1.38rem); }
.slqr-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 30px 0 20px; }
.slqr-btn { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 13px 21px; border: 1px solid transparent; border-radius: 999px; font: inherit; font-size: 15px; font-weight: 900; text-align: center; text-decoration: none; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease; }
.slqr-btn:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(7,20,38,.2); }
.slqr-btn--gold { background: var(--slqr-gold); color: var(--slqr-deep); }
.slqr-btn--navy { background: var(--slqr-navy); color: white; }
.slqr-btn--outline { border-color: rgba(255,255,255,.35); background: rgba(255,255,255,.08); color: white; }
.slqr-visible-url { color: rgba(255,255,255,.8); font-size: 14px; }
.slqr-hero__image { margin: 0; padding: 13px; border-radius: 28px; background: white; box-shadow: 0 34px 90px rgba(0,0,0,.36); }
.slqr-hero__image img { width: 100%; aspect-ratio: 1.18 / 1; border-radius: 20px; object-fit: cover; }

.slqr-section { padding: clamp(64px, 8vw, 104px) 0; }
.slqr-section--tint { background: var(--slqr-powder); }
.slqr-section-heading { max-width: 780px; margin-bottom: 34px; }
.slqr-section-heading > p:not(.slqr-eyebrow) { color: var(--slqr-gray); }
.slqr-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.slqr-feature-grid article { min-height: 146px; padding: 24px; border: 1px solid var(--slqr-border); border-radius: 22px; background: white; box-shadow: var(--slqr-shadow); }
.slqr-feature-grid article > span { display: grid; width: 38px; height: 38px; margin-bottom: 16px; place-items: center; border-radius: 12px; background: var(--slqr-powder); color: var(--slqr-navy); font-weight: 950; }
.slqr-feature-grid h3 { font-size: 20px; }
.slqr-notice { margin-top: 28px; padding: 18px 20px; border-left: 5px solid var(--slqr-gold); border-radius: 0 16px 16px 0; background: #fff8d6; }
.slqr-notice p { margin: 5px 0 0; }
.slqr-resource-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.slqr-resource-grid a { min-height: 168px; display: flex; flex-direction: column; justify-content: space-between; gap: 20px; padding: 24px; border: 1px solid var(--slqr-border); border-radius: 22px; background: white; color: var(--slqr-navy); text-decoration: none; box-shadow: 0 18px 44px rgba(7,20,38,.08); }
.slqr-resource-grid a::after { content: "Open document →"; color: var(--slqr-blue); font-size: 14px; font-weight: 900; }
.slqr-resource-grid strong { font-size: 20px; line-height: 1.18; }
.slqr-resource-grid span { color: var(--slqr-gray); }

.slqr-form-layout { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: 44px; align-items: start; }
.slqr-next-steps { padding-left: 22px; color: var(--slqr-navy); font-weight: 700; }
.slqr-next-steps li { margin-bottom: 12px; }
.slqr-form { padding: 28px; border: 1px solid var(--slqr-border); border-radius: 24px; background: white; box-shadow: var(--slqr-shadow); }
.slqr-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.slqr-form label { display: grid; gap: 7px; color: var(--slqr-navy); font-size: 14px; font-weight: 850; }
.slqr-form label > span { color: var(--slqr-error); }
.slqr-form input:not([type="checkbox"]), .slqr-form select, .slqr-form textarea { width: 100%; min-height: 48px; padding: 12px 13px; border: 1px solid #b9c7d4; border-radius: 13px; background: white; color: var(--slqr-deep); font: inherit; font-size: 16px; }
.slqr-form textarea { min-height: 150px; resize: vertical; }
.slqr-full { margin-top: 17px; }
.slqr-full small { color: var(--slqr-gray); font-weight: 500; }
.slqr-consent { display: grid; gap: 12px; margin: 20px 0; padding: 18px; border: 1px solid var(--slqr-border); border-radius: 16px; }
.slqr-consent legend { padding: 0 8px; color: var(--slqr-navy); font-weight: 900; }
.slqr-consent label { grid-template-columns: 22px 1fr; align-items: start; font-weight: 650; }
.slqr-consent input { width: 18px; height: 18px; margin-top: 3px; }
.slqr-transactional { color: var(--slqr-gray); font-size: 14px; }
.slqr-submit { width: 100%; border: 0; }
.slqr-errors { margin-bottom: 20px; padding: 16px 18px; border: 1px solid #efb2b2; border-radius: 16px; background: #fff1f1; color: var(--slqr-error); }
.slqr-errors ul { margin-bottom: 0; }
.slqr-honeypot { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; }

.slqr-footer { padding: 38px 0; background: var(--slqr-deep); color: white; }
.slqr-footer p { margin: 7px 0 0; color: rgba(255,255,255,.75); }
.slqr-footer a { color: var(--slqr-gold); }
.slqr-result-page { min-height: 100vh; background: radial-gradient(circle at top right, rgba(245,196,0,.16), transparent 30rem), var(--slqr-powder) !important; }
.slqr-result-shell { min-height: 100vh; display: grid; place-items: center; padding: 32px 18px; }
.slqr-result-card { width: min(720px, 100%); padding: clamp(28px, 6vw, 56px); border: 1px solid var(--slqr-border); border-radius: 28px; background: white; box-shadow: var(--slqr-shadow); }
.slqr-result-card > img { width: min(310px, 80%); margin-bottom: 34px; }
.slqr-result-card h1 { font-size: clamp(2.3rem, 7vw, 4rem); }
.slqr-reference { padding: 14px 16px; border-radius: 14px; background: var(--slqr-powder); }
.slqr-result-card .slqr-visible-url { color: var(--slqr-gray); }

@media (max-width: 900px) {
    .slqr-hero__grid, .slqr-form-layout { grid-template-columns: 1fr; }
    .slqr-hero__image { max-width: 660px; }
    .slqr-feature-grid, .slqr-resource-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
    body.slqr-public { font-size: 16px; }
    .slqr-container { width: min(100% - 28px, 1180px); }
    .slqr-header__inner { min-height: 70px; }
    .slqr-header nav a:not(.slqr-nav-cta) { display: none; }
    .slqr-feature-grid, .slqr-resource-grid, .slqr-form-grid { grid-template-columns: 1fr; }
    .slqr-form { padding: 20px; }
    .slqr-actions { align-items: stretch; flex-direction: column; }
    .slqr-btn { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}

@media print {
    .slqr-header, .slqr-footer, .slqr-actions, .slqr-form { display: none !important; }
    .slqr-hero { padding: 28px 0; background: white !important; color: black; }
    .slqr-lead, .slqr-visible-url { color: black; }
    .slqr-section { padding: 28px 0; }
    .slqr-feature-grid, .slqr-resource-grid { grid-template-columns: repeat(2, 1fr); }
}

/* Compact catalog-card context. Static and fully usable without JavaScript. */
.slqr-card-module {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #d9e2ea;
    border-radius: 12px;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(112px, 140px) minmax(0, 1fr);
    margin: 14px 0 18px;
    padding: 12px;
    text-align: left;
}
.slqr-card-module__image { background: #fff; display: block; line-height: 0; }
.slqr-card-module__image img { display: block; height: auto; max-width: 140px; width: 100%; }
.slqr-card-module__copy { display: grid; gap: 7px; min-width: 0; }
.slqr-card-module__copy strong { color: #0b1f3a; font-size: .9rem; line-height: 1.25; }
.slqr-card-module__copy a { color: #0b1f3a; font-size: .78rem; font-weight: 800; overflow-wrap: anywhere; text-underline-offset: 3px; }
.slqr-card-module__diagnostic { background: #fff4ce; color: #3b2b00; font-size: .78rem; grid-column: 1 / -1; margin: 0; padding: 8px; }
@media (max-width: 420px) {
    .slqr-card-module { grid-template-columns: 112px minmax(0, 1fr); padding: 10px; }
    .slqr-card-module__image img { max-width: 112px; }
}