.elementor-7778 .elementor-element.elementor-element-ec93d69{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--padding-top:200px;--padding-bottom:200px;--padding-left:40px;--padding-right:40px;}.elementor-7778 .elementor-element.elementor-element-ec93d69:not(.elementor-motion-effects-element-type-background), .elementor-7778 .elementor-element.elementor-element-ec93d69 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://homeautomationdesigns.com/wp-content/uploads/2026/04/supremuszrbanner.jpeg");background-repeat:no-repeat;background-size:cover;}.elementor-7778 .elementor-element.elementor-element-ec93d69::before, .elementor-7778 .elementor-element.elementor-element-ec93d69 > .elementor-background-video-container::before, .elementor-7778 .elementor-element.elementor-element-ec93d69 > .e-con-inner > .elementor-background-video-container::before, .elementor-7778 .elementor-element.elementor-element-ec93d69 > .elementor-background-slideshow::before, .elementor-7778 .elementor-element.elementor-element-ec93d69 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7778 .elementor-element.elementor-element-ec93d69 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor2 );--background-overlay:'';}.elementor-7778 .elementor-element.elementor-element-18b8abf{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:099px 099px 099px 099px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7778 .elementor-element.elementor-element-18b8abf:not(.elementor-motion-effects-element-type-background), .elementor-7778 .elementor-element.elementor-element-18b8abf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF8C;}.elementor-7778 .elementor-element.elementor-element-18b8abf.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-7778 .elementor-element.elementor-element-c52f2d8{text-align:center;color:var( --e-global-color-astglobalcolor5 );}.elementor-7778 .elementor-element.elementor-element-d6bb74e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-7778 .elementor-element.elementor-element-18b8abf{--width:100px;}}@media(min-width:768px){.elementor-7778 .elementor-element.elementor-element-18b8abf{--width:277px;}}/* Start custom CSS for html, class: .elementor-element-5dcddf2 *//* =====================================================
           QED BRAND PAGE – INLINE STYLES
           No external CSS or JS files. Astra theme CSS linked above.
           ===================================================== */

        :root {
            --qed-dark:       #0d0d0d;
            --qed-navy:       #0d1b2a;
            --qed-charcoal:   #1a1a2e;
            --qed-gold:       #c8a96e;
            --qed-gold-lt:    #e2c98a;
            --qed-white:      #ffffff;
            --qed-off-white:  #f8f7f5;
            --qed-light:      #f2f0ed;
            --qed-mid-gray:   #666666;
            --qed-text:       #2c2c2c;
            --qed-border:     #e0ddd8;
        }

        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

        .qed-wrap {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
            color: var(--qed-text);
            line-height: 1.7;
        }

        .qed-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }

        /* ── SECTION CHROME ── */
        .qed-sec        { padding: 90px 24px; }
        .qed-sec-dark   { padding: 90px 24px; background: var(--qed-dark);     color: var(--qed-white); }
        .qed-sec-navy   { padding: 90px 24px; background: var(--qed-charcoal); color: var(--qed-white); }
        .qed-sec-light  { padding: 90px 24px; background: var(--qed-off-white); }

        .qed-kicker {
            display: block;
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 4px;
            text-transform: uppercase;
            color: var(--qed-gold);
            margin-bottom: 14px;
            text-align: center;
        }

        .qed-h2 {
            font-size: clamp(1.9rem, 3.5vw, 2.8rem);
            font-weight: 300;
            text-align: center;
            line-height: 1.25;
            color: inherit;
            margin-bottom: 18px;
        }
        .qed-h2 b { font-weight: 700; }

        .qed-lede {
            text-align: center;
            max-width: 680px;
            margin: 0 auto 56px;
            font-size: 1.05rem;
            line-height: 1.85;
            color: var(--qed-mid-gray);
        }
        .qed-sec-dark  .qed-lede,
        .qed-sec-navy  .qed-lede { color: rgba(255,255,255,0.62); }

        .qed-rule {
            width: 52px; height: 2px;
            background: var(--qed-gold);
            margin: 0 auto 56px;
        }

        /* ── BUTTONS ── */
        .qed-btn {
            display: inline-block;
            padding: 14px 38px;
            background: var(--qed-gold);
            color: var(--qed-dark) !important;
            text-decoration: none;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 2px;
            text-transform: uppercase;
            transition: background 0.25s ease;
        }
        .qed-btn:hover { background: var(--qed-gold-lt); }

        .qed-btn-ghost {
            display: inline-block;
            padding: 13px 38px;
            border: 1px solid rgba(255,255,255,0.35);
            color: var(--qed-white) !important;
            text-decoration: none;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 2px;
            text-transform: uppercase;
            margin-left: 16px;
            transition: border-color 0.25s ease, color 0.25s ease;
        }
        .qed-btn-ghost:hover { border-color: var(--qed-gold); color: var(--qed-gold) !important; }

        /* ── HERO ── */
        .qed-hero {
            position: relative;
            background: linear-gradient(150deg, #080c14 0%, #0d1b2a 55%, #0a1220 100%);
            color: var(--qed-white);
            padding: 110px 24px 80px;
            overflow: hidden;
            text-align: center;
        }

        .qed-hero::before {
            content: '';
            position: absolute; inset: 0;
            background: radial-gradient(ellipse 70% 60% at 50% 40%, rgba(200,169,110,0.12) 0%, transparent 70%);
            pointer-events: none;
        }

        .qed-hero-inner { position: relative; z-index: 1; max-width: 860px; margin: 0 auto; }

        .qed-hero-badge {
            display: inline-block;
            border: 1px solid var(--qed-gold);
            color: var(--qed-gold);
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 4px;
            text-transform: uppercase;
            padding: 6px 22px;
            margin-bottom: 34px;
        }

        .qed-hero h1 {
            font-size: clamp(2.4rem, 5.5vw, 4.2rem);
            font-weight: 300;
            color: var(--qed-white);
            line-height: 1.18;
            margin-bottom: 10px;
        }
        .qed-hero h1 b { font-weight: 700; color: var(--qed-gold); }

        .qed-hero-tagline {
            font-size: 12px;
            letter-spacing: 5px;
            text-transform: uppercase;
            color: rgba(255,255,255,0.45);
            margin-bottom: 28px;
        }

        .qed-hero p {
            font-size: 1.1rem;
            color: rgba(255,255,255,0.72);
            max-width: 660px;
            margin: 0 auto 44px;
            line-height: 1.85;
        }

        /* Hero product strip */
        .qed-hero-strip {
            display: flex;
            justify-content: center;
            gap: 16px;
            margin-top: 70px;
            flex-wrap: wrap;
        }

        .qed-hero-chip {
            width: 175px;
            background: rgba(255,255,255,0.04);
            border: 1px solid rgba(255,255,255,0.09);
            padding: 14px;
            text-align: center;
            transition: border-color 0.25s ease;
        }
        .qed-hero-chip:hover { border-color: var(--qed-gold); }

        .qed-hero-chip img {
            width: 100%;
            height: 120px;
            object-fit: contain;
        }

        .qed-hero-chip-label {
            display: block;
            margin-top: 10px;
            font-size: 10px;
            color: rgba(255,255,255,0.5);
            letter-spacing: 1px;
        }

        /* ── STATS BAR ── */
        .qed-stats-bar {
            background: var(--qed-gold);
            padding: 36px 24px;
        }

        .qed-stats-row {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 10px;
            max-width: 960px;
            margin: 0 auto;
            text-align: center;
        }

        .qed-stat-val {
            font-size: 2.4rem;
            font-weight: 800;
            color: var(--qed-dark);
            line-height: 1;
            margin-bottom: 6px;
        }

        .qed-stat-lbl {
            font-size: 10px;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: rgba(0,0,0,0.65);
            font-weight: 600;
        }

        /* ── BRAND STORY ── */
        .qed-story-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 80px;
            align-items: center;
            max-width: 1200px;
            margin: 0 auto;
        }

        .qed-story-kicker {
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 4px;
            text-transform: uppercase;
            color: var(--qed-gold);
            margin-bottom: 16px;
        }

        .qed-story-h2 {
            font-size: clamp(1.8rem, 3vw, 2.5rem);
            font-weight: 300;
            line-height: 1.28;
            margin-bottom: 28px;
        }
        .qed-story-h2 b { font-weight: 700; color: var(--qed-gold); }

        .qed-story-text p {
            font-size: 0.975rem;
            line-height: 1.95;
            color: var(--qed-mid-gray);
            margin-bottom: 20px;
        }

        .qed-text-link {
            display: inline-block;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 2px;
            text-transform: uppercase;
            color: var(--qed-gold);
            text-decoration: none;
            border-bottom: 1px solid var(--qed-gold);
            padding-bottom: 2px;
            margin-top: 8px;
            transition: opacity 0.2s ease;
        }
        .qed-text-link:hover { opacity: 0.72; }

        .qed-story-mosaic {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 14px;
        }

        .qed-story-mosaic-img {
            width: 100%;
            aspect-ratio: 1;
            object-fit: contain;
            background: var(--qed-light);
            padding: 14px;
        }

        /* ── WHY QED (dark) ── */
        .qed-pillars {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 28px;
            max-width: 1200px;
            margin: 0 auto;
        }

        .qed-pillar {
            padding: 40px 28px;
            border: 1px solid rgba(255,255,255,0.07);
            text-align: center;
            transition: border-color 0.25s ease;
        }
        .qed-pillar:hover { border-color: rgba(200,169,110,0.4); }

        .qed-pillar-icon {
            width: 58px; height: 58px;
            margin: 0 auto 20px;
            border: 1px solid var(--qed-gold);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.4rem;
        }

        .qed-pillar h3 {
            font-size: 1rem;
            font-weight: 700;
            color: var(--qed-white);
            margin-bottom: 12px;
        }

        .qed-pillar p {
            font-size: 0.875rem;
            line-height: 1.85;
            color: rgba(255,255,255,0.55);
        }

        /* ── PRODUCT LINES ── */
        .qed-lines {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 28px;
            max-width: 1200px;
            margin: 0 auto;
        }

        .qed-line-card {
            background: var(--qed-white);
            border: 1px solid var(--qed-border);
            display: flex;
            flex-direction: column;
            transition: transform 0.28s ease, box-shadow 0.28s ease;
        }
        .qed-line-card:hover { transform: translateY(-6px); box-shadow: 0 24px 48px rgba(0,0,0,0.09); }

        .qed-line-head {
            padding: 34px 28px 28px;
            text-align: center;
        }
        .qed-line-head.perf { background: linear-gradient(135deg, #0d2340 0%, #0a1828 100%); }
        .qed-line-head.ref  { background: linear-gradient(135deg, #1e1000 0%, #2d1800 100%); }
        .qed-line-head.sig  { background: linear-gradient(135deg, #110820 0%, #1c1030 100%); }

        .qed-line-tier {
            display: inline-block;
            background: var(--qed-gold);
            color: var(--qed-dark);
            font-size: 9px;
            font-weight: 800;
            letter-spacing: 2px;
            text-transform: uppercase;
            padding: 4px 14px;
            margin-bottom: 14px;
        }

        .qed-line-head h3 {
            font-size: 1.9rem;
            font-weight: 300;
            color: var(--qed-white);
        }

        .qed-line-body {
            padding: 28px;
            flex: 1;
            display: flex;
            flex-direction: column;
        }

        .qed-line-body p {
            font-size: 0.9rem;
            line-height: 1.85;
            color: var(--qed-mid-gray);
            margin-bottom: 24px;
        }

        .qed-line-thumbs {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 8px;
            margin-bottom: 26px;
        }

        .qed-thumb-wrap { text-align: center; }

        .qed-thumb-wrap img {
            width: 100%;
            aspect-ratio: 1;
            object-fit: contain;
            background: var(--qed-light);
            padding: 8px;
        }

        .qed-thumb-name {
            display: block;
            font-size: 9px;
            color: var(--qed-mid-gray);
            line-height: 1.4;
            margin-top: 5px;
        }

        .qed-line-body .qed-text-link { margin-top: auto; }

        /* ── TECHNOLOGY ── */
        .qed-tech-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 44px;
            max-width: 1100px;
            margin: 0 auto;
        }

        .qed-tech-item { display: flex; gap: 24px; align-items: flex-start; }

        .qed-tech-num {
            flex-shrink: 0;
            width: 48px; height: 48px;
            background: var(--qed-gold);
            color: var(--qed-dark);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.1rem;
            font-weight: 800;
        }

        .qed-tech-item h4 {
            font-size: 0.975rem;
            font-weight: 700;
            margin-bottom: 10px;
            color: var(--qed-text);
        }

        .qed-tech-item p {
            font-size: 0.875rem;
            line-height: 1.9;
            color: var(--qed-mid-gray);
        }

        /* ── FEATURED PRODUCTS ── */
        .qed-products-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 22px;
            max-width: 1200px;
            margin: 0 auto;
        }

        .qed-prod-card {
            background: var(--qed-white);
            border: 1px solid var(--qed-border);
            display: flex;
            flex-direction: column;
            text-align: center;
            transition: transform 0.25s ease, box-shadow 0.25s ease;
        }
        .qed-prod-card:hover { transform: translateY(-4px); box-shadow: 0 14px 32px rgba(0,0,0,0.08); }

        .qed-prod-card img {
            width: 100%;
            aspect-ratio: 1;
            object-fit: contain;
            padding: 18px;
            background: var(--qed-light);
        }

        .qed-prod-info { padding: 14px 14px 0; flex: 1; }

        .qed-prod-tag {
            font-size: 9px;
            font-weight: 800;
            letter-spacing: 2px;
            text-transform: uppercase;
            color: var(--qed-gold);
            margin-bottom: 5px;
        }

        .qed-prod-name {
            font-size: 0.825rem;
            font-weight: 600;
            color: var(--qed-text);
            line-height: 1.45;
            margin-bottom: 10px;
        }

        .qed-prod-price {
            font-size: 1rem;
            font-weight: 700;
            color: var(--qed-dark);
        }

        .qed-prod-cta {
            display: block;
            margin: 14px;
            padding: 10px;
            background: var(--qed-dark);
            color: var(--qed-white) !important;
            text-decoration: none;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 1.5px;
            text-transform: uppercase;
            transition: background 0.25s ease;
        }
        .qed-prod-cta:hover { background: var(--qed-gold); color: var(--qed-dark) !important; }

        .qed-all-cta {
            text-align: center;
            margin-top: 52px;
        }

        /* ── FAQ ── */
        .qed-faq-wrap { max-width: 860px; margin: 0 auto; }

        .qed-faq-wrap details {
            border-bottom: 1px solid var(--qed-border);
        }

        .qed-faq-wrap details:first-of-type { border-top: 1px solid var(--qed-border); }

        .qed-faq-wrap summary {
            list-style: none;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 22px 4px;
            font-size: 1rem;
            font-weight: 600;
            color: var(--qed-text);
            cursor: pointer;
            user-select: none;
            gap: 20px;
        }
        .qed-faq-wrap summary::-webkit-details-marker { display: none; }

        .qed-faq-wrap summary::after {
            content: '+';
            flex-shrink: 0;
            width: 28px; height: 28px;
            border: 1px solid var(--qed-gold);
            color: var(--qed-gold);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.25rem;
            font-weight: 300;
            line-height: 1;
            transition: background 0.2s ease;
        }

        .qed-faq-wrap details[open] summary::after {
            content: '−';
            background: var(--qed-gold);
            color: var(--qed-dark);
        }

        .qed-faq-wrap details[open] summary { color: var(--qed-gold); }

        .qed-faq-ans {
            padding: 6px 4px 28px;
            font-size: 0.95rem;
            line-height: 1.95;
            color: var(--qed-mid-gray);
        }

        .qed-faq-ans b { color: var(--qed-text); }

        /* ── CTA BANNER ── */
        .qed-cta-banner {
            background: linear-gradient(150deg, #0a0e18 0%, #0d1b2a 60%, #060d16 100%);
            color: var(--qed-white);
            text-align: center;
            padding: 110px 24px;
            position: relative;
            overflow: hidden;
        }

        .qed-cta-banner::before {
            content: '';
            position: absolute; inset: 0;
            background: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(200,169,110,0.10) 0%, transparent 65%);
        }

        .qed-cta-banner > * { position: relative; z-index: 1; }

        .qed-cta-banner .qed-h2 { margin-bottom: 18px; }
        .qed-cta-banner .qed-lede { margin-bottom: 44px; max-width: 580px; }

        /* ── RESPONSIVE ── */
        @media (max-width: 900px) {
            .qed-pillars       { grid-template-columns: 1fr 1fr; }
            .qed-lines         { grid-template-columns: 1fr; }
            .qed-tech-grid     { grid-template-columns: 1fr; }
            .qed-products-grid { grid-template-columns: repeat(2, 1fr); }
            .qed-story-grid    { grid-template-columns: 1fr; gap: 40px; }
        }

        @media (max-width: 640px) {
            .qed-stats-row     { grid-template-columns: repeat(2, 1fr); }
            .qed-pillars       { grid-template-columns: 1fr; }
            .qed-hero-strip    { display: none; }
            .qed-products-grid { grid-template-columns: 1fr 1fr; }
            .qed-btn-ghost     { display: block; margin: 14px auto 0; width: max-content; }
        }

        @media (max-width: 400px) {
            .qed-products-grid { grid-template-columns: 1fr; }
        }/* End custom CSS */