html,body{margin:0px;padding:0px;}
.hidden{display:none;}
.lq * { box-sizing: border-box; }
.lq { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #0f172a; background: #fff; min-height: 100vh; line-height: 1.5; }
a { color: inherit; text-decoration: none; }
h1,h2,h3,p,ul { margin: 0; }
ul { padding: 0; list-style: none; }
button { font: inherit; cursor: pointer; border: 0; background: none; color: inherit; }
.lq svg { display: inline-block; vertical-align: middle; }
.lq { overflow-x: hidden; }
img { max-width: 100%; height: auto; }
:root {
                --lq-navy: #0d214f;
                --lq-navy-dark: #07122c;
                --lq-navy-deep: #091635;
                --lq-gold: #ffcc00;
                --lq-primary: #0d214f;
                --lq-primary-fg: #ffffff;
                --lq-fg: #0f172a;
                --lq-muted: #64748b;
                --lq-border: #e5e7eb;
                --lq-card: #ffffff;
                --lq-tinted: #f8fafc;
                --lq-light: #ffffff;
                --lq-destructive: #dc2626;
            }

            /* NAV */
            .lq-nav {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                z-index: 50;
                background: var(--lq-navy);
                box-shadow: 0 2px 8px rgba(0,0,0,.15);
            }

            .lq-nav-inner {
                max-width: 72rem;
                margin: 0 auto;
                padding: .75rem 1rem;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

            .lq-logo {
                color: #fff;
                font-weight: 800;
                font-size: 1.15rem;
                letter-spacing: .3px;
            }

            .lq-logo span {
                color: var(--lq-gold);
            }

            .lq-nav-links {
                display: none;
                gap: 1.5rem;
                align-items: center;
            }

            .lq-nav-links a {
                color: rgba(255,255,255,.85);
                font-size: .875rem;
                font-weight: 500;
                transition: color .15s;
            }
            .lq-logo-link:hover,.lq-logo-link:focus-visible{outline:none;}
            .lq-nav-links a:hover {
                color: var(--lq-gold);
            }

            .lq-nav-cta {
                display: none;
            }

            .lq a.lq-btn-gold {
                display: inline-flex;
                align-items: center;
                gap: .5rem;
                background: var(--lq-gold);
                color: #0f172a;
                font-weight: 700;
                padding: .55rem 1rem;
                border-radius: .5rem;
                font-size: .8rem;
                transition: background .15s;
            }

            .lq a.lq-btn-gold:hover {
                background: #e6b800;
            }

            .lq-burger {
                color: #fff;
                padding: .5rem;
            }

            @media (min-width: 768px) {
                .lq-nav-links, .lq-nav-cta {
                    display: flex;
                }

                .lq-burger {
                    display: none;
                }
            }

            .lq-mobile-menu {
                background: var(--lq-navy-dark);
                padding: 1rem;
                display: flex;
                flex-direction: column;
                gap: .75rem;
            }

            .lq-mobile-menu a {
                color: #fff;
                padding: .5rem 0;
                font-size: .9rem;
            }

            @media (min-width: 768px) {
                .lq-mobile-menu {
                    display: none !important;
                }
            }

            /* HERO */
            .lq-hero {
                padding-top: 4rem;
                background: linear-gradient(135deg, #0d214f 0%, #07122c 100%);
            }

            .lq-hero-inner {
                max-width: 72rem;
                margin: 0 auto;
                padding: 5rem 1rem;
                text-align: center;
            }

            .lq-badge {
                display: inline-flex;
                align-items: center;
                gap: .5rem;
                border: 1px solid rgba(255,204,0,.3);
                background: rgba(255,204,0,.1);
                color: var(--lq-gold);
                padding: .35rem 1rem;
                border-radius: 9999px;
                font-size: .75rem;
                font-weight: 600;
                margin-bottom: 1.5rem;
            }

            .lq-hero h1 {
                color: #fff;
                font-size: 1.875rem;
                font-weight: 800;
                line-height: 1.15;
                margin-bottom: 1.25rem;
            }

            .lq-hero h1 span {
                color: var(--lq-gold);
            }

            @media (min-width: 640px) {
                .lq-hero h1 {
                    font-size: 2.25rem;
                }
            }

            @media (min-width: 768px) {
                .lq-hero h1 {
                    font-size: 3rem;
                }
            }

            .lq-hero-sub {
                color: rgba(255,255,255,.7);
                max-width: 36rem;
                margin: 0 auto 2rem;
                font-size: 1rem;
                text-align: center;
            }

            @media (min-width: 768px) {
                .lq-hero-sub {
                    font-size: 1.125rem;
                }
            }

            .lq-hero-actions {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 1rem;
                margin-bottom: 3rem;
            }

            @media (min-width: 640px) {
                .lq-hero-actions {
                    flex-direction: row;
                    justify-content: center;
                }
            }

            .lq a.lq-btn-gold-lg {
                display: inline-flex;
                align-items: center;
                gap: .5rem;
                background: var(--lq-gold);
                color: #0f172a;
                font-weight: 700;
                padding: .875rem 1.75rem;
                border-radius: .5rem;
                font-size: .875rem;
                box-shadow: 0 6px 16px rgba(255,204,0,.25);
                transition: background .15s;
            }

            .lq a.lq-btn-gold-lg:hover {
                background: #e6b800;
            }

            .lq a.lq-btn-outline {
                display: inline-flex;
                align-items: center;
                gap: .5rem;
                border: 1px solid rgba(255,255,255,.2);
                background: rgba(255,255,255,.05);
                color: #fff;
                font-weight: 600;
                padding: .875rem 1.75rem;
                border-radius: .5rem;
                font-size: .875rem;
                transition: background .15s;
            }

            .lq a.lq-btn-outline:hover {
                background: rgba(255,255,255,.1);
            }

            .lq-trust-row {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;
                gap: 1.5rem;
                color: rgba(255,255,255,.5);
                font-size: .75rem;
            }

            .lq-trust-row > div {
                display: inline-flex;
                align-items: center;
                gap: .375rem;
            }

            .lq-trust-row .gold {
                color: var(--lq-gold);
            }

            .lq-divider {
                color: rgba(255,255,255,.3);
            }

            /* SECTIONS */
            .lq-section {
                border-bottom: 1px solid var(--lq-border);
            }

            .lq-section.tinted {
                background: var(--lq-tinted);
            }

            .lq-section.light {
                background: var(--lq-light);
            }

            .lq-container {
                max-width: 72rem;
                margin: 0 auto;
                padding: 4rem 1rem;
            }

            .lq-container.sm {
                padding: 2rem 1rem;
            }

            .lq-container.narrow {
                max-width: 64rem;
                padding: 3.5rem 1rem;
            }

            .lq-heading {
                text-align: center;
                margin-bottom: 2.5rem;
            }

            .lq-eyebrow {
                color: var(--lq-primary);
                font-size: .7rem;
                font-weight: 700;
                letter-spacing: .15em;
                text-transform: uppercase;
                margin-bottom: .5rem;
            }

            .lq-h2 {
                font-size: 1.5rem;
                font-weight: 700;
                color: var(--lq-fg);
                margin-bottom: .75rem;
            }

            .lq-sub {
                font-size: .875rem;
                color: var(--lq-muted);
                max-width: 32rem;
                margin: 0 auto;
                text-align: center;
            }

            /* TRUST STRIP */
            .lq-trust-grid {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 1.5rem;
                text-align: center;
            }

            @media (min-width: 768px) {
                .lq-trust-grid {
                    grid-template-columns: repeat(4, 1fr);
                }
            }

            .lq-trust-item {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: .5rem;
            }

            .lq-trust-icon {
                width: 2.5rem;
                height: 2.5rem;
                border-radius: 9999px;
                background: rgba(13,33,79,.1);
                color: var(--lq-primary);
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .lq-trust-item p:first-of-type {
                font-size: .875rem;
                font-weight: 700;
            }

            .lq-trust-item p:last-of-type {
                font-size: .75rem;
                color: var(--lq-muted);
            }

            /* CARDS GRID */
            .lq-grid-4 {
                display: grid;
                grid-template-columns: 1fr;
                gap: 1.25rem;
            }

            @media (min-width: 640px) {
                .lq-grid-4 {
                    grid-template-columns: repeat(2, 1fr);
                }
            }

            @media (min-width: 1024px) {
                .lq-grid-4 {
                    grid-template-columns: repeat(4, 1fr);
                }
            }

            .lq-grid-3 {
                display: grid;
                grid-template-columns: 1fr;
                gap: 1.25rem;
            }

            @media (min-width: 640px) {
                .lq-grid-3 {
                    grid-template-columns: repeat(2, 1fr);
                }
            }

            @media (min-width: 1024px) {
                .lq-grid-3 {
                    grid-template-columns: repeat(3, 1fr);
                }
            }

            .lq-grid-2 {
                display: grid;
                grid-template-columns: 1fr;
                gap: 1rem;
            }

            @media (min-width: 768px) {
                .lq-grid-2 {
                    grid-template-columns: repeat(2, 1fr);
                }
            }

            .lq-card {
                display: flex;
                flex-direction: column;
                align-items: center;
                text-align: center;
                border-radius: .75rem;
                border: 1px solid var(--lq-border);
                background: var(--lq-card);
                padding: 1.5rem;
                box-shadow: 0 1px 2px rgba(0,0,0,.04);
            }

            .lq-card-icon {
                width: 3.5rem;
                height: 3.5rem;
                border-radius: 9999px;
                background: rgba(220,38,38,.1);
                color: var(--lq-destructive);
                display: flex;
                align-items: center;
                justify-content: center;
                margin-bottom: 1rem;
            }

            .lq-card h3 {
                font-size: .875rem;
                font-weight: 700;
                margin-bottom: .5rem;
            }

            .lq-card p {
                font-size: .75rem;
                color: var(--lq-muted);
                line-height: 1.6;
            }

            /* DRAW CARDS */
            .lq-draw {
                position: relative;
                border-radius: .75rem;
                border: 2px solid var(--lq-border);
                background: var(--lq-card);
                padding: 1.5rem;
                box-shadow: 0 1px 2px rgba(0,0,0,.04);
                transition: box-shadow .15s;
            }

            .lq-draw:hover {
                box-shadow: 0 8px 20px rgba(0,0,0,.08);
            }

            .lq-draw.featured {
                box-shadow: 0 0 0 2px var(--lq-primary), 0 0 0 4px #fff, 0 8px 20px rgba(13,33,79,.15);
            }

            .lq-draw-ribbon {
                position: absolute;
                top: -.75rem;
                left: 50%;
                transform: translateX(-50%);
                background: var(--lq-primary);
                color: #fff;
                padding: .15rem 1rem;
                border-radius: 9999px;
                font-size: .7rem;
                font-weight: 700;
                box-shadow: 0 2px 6px rgba(0,0,0,.15);
                white-space: nowrap;
            }

            .lq-draw-head {
                display: flex;
                align-items: flex-start;
                justify-content: space-between;
                margin-bottom: 1rem;
                gap: .5rem;
            }

            .lq-draw-tag {
                display: inline-block;
                padding: .15rem .625rem;
                border-radius: 9999px;
                font-size: .7rem;
                font-weight: 600;
                margin-bottom: .5rem;
                background: rgba(13,33,79,.1);
                color: var(--lq-primary);
            }

            .lq-draw-tag.sky {
                background: #e0f2fe;
                color: #0369a1;
            }

            .lq-draw-tag.red {
                background: #fee2e2;
                color: #b91c1c;
            }

            .lq-draw h3 {
                font-size: 1.125rem;
                font-weight: 800;
            }

            .lq-price {
                font-size: .75rem;
                font-weight: 700;
                color: var(--lq-muted);
                background: #f1f5f9;
                border-radius: .375rem;
                padding: .25rem .5rem;
                white-space: nowrap;
            }

            .lq-draw-info {
                display: flex;
                flex-direction: column;
                gap: .5rem;
                margin-bottom: 1.25rem;
            }

            .lq-draw-info-row {
                display: flex;
                align-items: center;
                gap: .5rem;
                font-size: .875rem;
                color: var(--lq-muted);
            }

            .lq-draw-info-row strong {
                color: var(--lq-fg);
            }

            .lq-prize {
                font-size: 1.125rem;
                font-weight: 800;
                color: var(--lq-primary);
            }

            .lq-prize.sky {
                color: #0369a1;
            }

            .lq-prize.red {
                color: #b91c1c;
            }

            .lq-draw-btn {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: .5rem;
                width: 100%;
                padding: .625rem;
                border-radius: .5rem;
                font-size: .875rem;
                font-weight: 700;
                transition: background .15s;
            }

            .lq-draw-btn.primary {
                background: var(--lq-primary);
                color: #fff;
            }

            .lq-draw-btn.primary:hover {
                background: #0a1a3f;
            }

            .lq-draw-btn.soft {
                background: rgba(13,33,79,.1);
                color: var(--lq-primary);
            }

            .lq-draw-btn.soft:hover {
                background: rgba(13,33,79,.2);
            }

            .lq-viewall {
                margin-top: 2rem;
                text-align: center;
            }

            .lq-viewall a {
                display: inline-flex;
                align-items: center;
                gap: .5rem;
                color: var(--lq-primary);
                font-size: .875rem;
                font-weight: 600;
            }

            .lq-viewall a:hover {
                text-decoration: underline;
            }

            /* RESULTS */
            .lq-results-head {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                justify-content: space-between;
                gap: 1rem;
                margin-bottom: 2.5rem;
            }

            @media (min-width: 640px) {
                .lq-results-head {
                    flex-direction: row;
                    align-items: center;
                }
            }

            .lq-result {
                border-radius: .75rem;
                border: 1px solid var(--lq-border);
                background: var(--lq-card);
                padding: 1.25rem;
                box-shadow: 0 1px 2px rgba(0,0,0,.04);
            }

            .lq-result-head {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-bottom: .75rem;
                gap: .5rem;
            }

            .lq-result-date {
                display: flex;
                align-items: center;
                gap: .375rem;
                font-size: .75rem;
                color: var(--lq-muted);
                margin-top: .15rem;
            }

            .lq-balls {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                gap: .5rem;
            }

            .lq-ball {
                display: inline-flex;
                height: 2rem;
                width: 2rem;
                align-items: center;
                justify-content: center;
                border-radius: 9999px;
                font-size: .75rem;
                font-weight: 700;
                box-shadow: 0 1px 2px rgba(0,0,0,.1);
                background: var(--lq-primary);
                color: #fff;
            }

            .lq-ball.gold {
                background: var(--lq-gold);
                color: #0f172a;
            }

            .lq-plus {
                font-size: .75rem;
                color: var(--lq-muted);
                font-weight: 600;
            }

            /* TOOLS */
            .lq-tool {
                display: flex;
                align-items: center;
                gap: 1rem;
                border-radius: .75rem;
                border: 1px solid var(--lq-border);
                background: var(--lq-card);
                padding: 1.5rem;
                box-shadow: 0 1px 2px rgba(0,0,0,.04);
                transition: border-color .15s, box-shadow .15s;
            }

            .lq-tool:hover {
                border-color: rgba(13,33,79,.3);
                box-shadow: 0 8px 20px rgba(0,0,0,.06);
            }

            .lq-tool-icon {
                flex-shrink: 0;
                width: 3rem;
                height: 3rem;
                border-radius: .75rem;
                background: rgba(13,33,79,.1);
                color: var(--lq-primary);
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .lq-tool p:first-of-type {
                font-size: .875rem;
                font-weight: 700;
            }

            .lq-tool p:last-of-type {
                font-size: .75rem;
                color: var(--lq-muted);
                margin-top: .125rem;
            }

            /* FAQ */
            .lq-faq-grid {
                display: grid;
                grid-template-columns: 1fr;
                gap: .75rem;
                max-width: 56rem;
                margin: 0 auto;
            }

            @media (min-width: 768px) {
                .lq-faq-grid {
                    grid-template-columns: repeat(2, 1fr);
                }
            }

            .lq-faq {
                border-radius: .75rem;
                border: 1px solid var(--lq-border);
                background: var(--lq-card);
                overflow: hidden;
                box-shadow: 0 1px 2px rgba(0,0,0,.04);
            }

            .lq-faq-btn {
                display: flex;
                width: 100%;
                align-items: center;
                justify-content: space-between;
                padding: 1rem 1.25rem;
                text-align: left;
                font-size: .875rem;
                font-weight: 600;
                transition: background .15s;
                cursor: pointer;
                list-style: none;
            }

            .lq-faq-btn::-webkit-details-marker {
                display: none;
            }

            .lq-faq-btn::marker {
                content: "";
            }

            .lq-faq-btn:hover {
                background: rgba(241,245,249,.6);
            }

            .lq-faq-btn svg {
                color: var(--lq-primary);
                transition: transform .2s;
                flex-shrink: 0;
            }

            .lq-faq[open] .lq-faq-btn svg {
                transform: rotate(180deg);
            }

            .lq-faq-body {
                border-top: 1px solid var(--lq-border);
                padding: 1rem 1.25rem;
                font-size: .75rem;
                color: var(--lq-muted);
                line-height: 1.65;
            }

            .lq-faq-body a {
                color: var(--lq-primary);
                text-decoration: underline;
            }

            /* RESPONSIBLE PLAY */
            .lq-resp {
                background: var(--lq-navy-deep);
                color: #fff;
                border-bottom: 1px solid var(--lq-border);
            }

            .lq-resp h2 {
                color: #fff;
                font-size: 1.5rem;
                font-weight: 800;
                margin-bottom: 1.25rem;
            }

            @media (min-width: 640px) {
                .lq-resp h2 {
                    font-size: 1.875rem;
                }
            }

            @media (min-width: 768px) {
                .lq-resp h2 {
                    font-size: 2.25rem;
                }
            }

            .lq-resp p, .lq-resp li {
                color: #fff;
                margin-bottom: .5rem;
                font-size: .95rem;
            }

            .lq-resp ul {
                margin-bottom: .75rem;
            }

            .lq-resp a {
                color: #fff;
                text-decoration: underline;
            }

            /* TRUST BADGES */
            .lq-trustbadges {
                display: grid;
                grid-template-columns: 1fr;
                gap: 1.25rem;
                max-width: 64rem;
                margin: 0 auto;
            }

            @media (min-width: 640px) {
                .lq-trustbadges {
                    grid-template-columns: repeat(3, 1fr);
                }
            }

            .lq-trustbadge {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: .5rem;
                border-radius: .75rem;
                border: 1px solid var(--lq-border);
                background: rgba(13,33,79,.05);
                padding: .75rem;
                box-shadow: 0 1px 2px rgba(0,0,0,.04);
                font-size: .875rem;
                font-weight: 600;
            }

            .lq-trustbadge span:first-child {
                color: #17a2b8;
                font-size: 1.5rem;
            }

            /* FOOTER */
            .lq-footer {
                border-top: 1px solid var(--lq-border);
                background-color: rgb(9,22,53);
                padding: 3rem 0;
            }

            .lq-footer-inner {
                max-width: 72rem;
                margin: 0 auto;
                padding: 0 1rem;
            }

            .lq-footer-notice {
                margin-bottom: 2.5rem;
                border-radius: .75rem;
                border: 1px solid rgba(255,255,255,.1);
                background: rgba(255,255,255,.05);
                padding: 1.5rem;
                text-align: center;
            }

            .lq-footer-notice p:first-child {
                font-size: .875rem;
                font-weight: 700;
                color: #fff;
                margin-bottom: .25rem;
            }

            .lq-footer-notice p:last-child {
                font-size: .75rem;
                color: rgba(255,255,255,.6);
            }

            .lq-footer-notice a {
                color: rgba(255,255,255,.6);
                text-decoration: underline;
            }

            .lq-footer-notice a:hover {
                color: #fff;
            }

            .lq-footer-notice strong {
                color: #fff;
            }

            .lq-footer-badges {
                margin-bottom: 2.5rem;
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;
                gap: 1.5rem;
                font-size: .75rem;
                color: rgba(255,255,255,.5);
            }

            .lq-footer-badges img {
                width: auto;
                height: 3rem;
                border-radius: .25rem;
                padding: .5rem;
            }

            @media (min-width: 768px) {
                .lq-footer-badges img {
                    height: 4rem;
                }
            }

            .lq-footer-legal {
                margin-bottom: 2.5rem;
                text-align: center;
                font-size: .75rem;
                color: rgba(255,255,255,.4);
                line-height: 1.625;
                max-width: 48rem;
                margin-left: auto;
                margin-right: auto;
            }

            .lq-footer-nav {
                margin-bottom: 2rem;
            }

            .lq-footer-nav-warning {
                font-size: .875rem;
                font-weight: 700;
                text-align: center;
                color: red;
                margin-bottom: 1rem;
            }

            .lq-footer-nav-mobile {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 0;
                font-size: .875rem;
            }

            .lq-footer-nav-mobile a {
                width: 100%;
                border-top: 1px solid rgba(255,255,255,.1);
                padding: .75rem 0;
                text-align: center;
                font-weight: 600;
                color: rgba(255,255,255,.7);
            }

            .lq-footer-nav-mobile a:last-child {
                border-bottom: 1px solid rgba(255,255,255,.1);
            }

            .lq-footer-nav-mobile a:hover {
                color: #fff;
            }

            .lq-footer-nav-desktop {
                display: none;
                flex-wrap: wrap;
                align-items: center;
                justify-content: center;
                gap: .5rem;
                font-size: .875rem;
                border-top: 1px solid rgba(255,255,255,.1);
                border-bottom: 1px solid rgba(255,255,255,.1);
                padding: 1rem 0;
            }

            .lq-footer-nav-desktop a {
                font-weight: 600;
                color: rgba(255,255,255,.7);
                padding: 0 .75rem;
            }

            .lq-footer-nav-desktop a:hover {
                color: #fff;
            }

            .lq-footer-nav-desktop span {
                color: rgba(255,255,255,.2);
            }

            @media (min-width: 768px) {
                .lq-footer-nav-mobile {
                    display: none;
                }

                .lq-footer-nav-desktop {
                    display: flex;
                }
            }

            .lq-footer-bottom {
                text-align: center;
            }

            .lq-footer-bottom a {
                display: inline-flex;
                align-items: center;
                gap: .5rem;
                margin-bottom: .75rem;
            }

            .lq-footer-bottom img {
                width: auto;
                height: 55px;
            }

            .lq-footer-bottom p.copy {
                font-size: .875rem;
                font-weight: 700;
                color: rgba(255,255,255,.7);
            }

            .lq-footer-bottom p.reg {
                font-size: 11px;
                color: rgba(255,255,255,.3);
                margin-top: .25rem;
            }

            /* ============ RESPONSIVE REFINEMENTS ============ */
            /* Tablet (<=1024px) */
            @media (max-width: 1024px) {
                .lq-nav-inner {
                    padding: .625rem 1rem;
                }

                .lq-container {
                    padding: 3rem 1rem;
                }

                .lq-container.narrow {
                    padding: 3rem 1rem;
                }

                .lq-hero-inner {
                    padding: 4rem 1rem;
                }

                .lq-nav-links {
                    gap: 1rem;
                }

                .lq-nav-links a {
                    font-size: .82rem;
                }
            }

            /* Small tablet / large phone (<=768px) */
            @media (max-width: 768px) {
                .lq-logo {
                    font-size: 1rem;
                }

                .lq-hero-inner {
                    padding: 3rem 1rem;
                }

                .lq-hero h1 {
                    font-size: 1.75rem;
                }

                .lq-hero-sub {
                    font-size: .95rem;
                }

                .lq-container {
                    padding: 2.5rem 1rem;
                }

                .lq-container.sm {
                    padding: 1.5rem 1rem;
                }

                .lq-container.narrow {
                    padding: 2.5rem 1rem;
                }

                .lq-h2 {
                    font-size: 1.35rem;
                }

                .lq-heading {
                    margin-bottom: 2rem;
                }

                .lq-resp h2 {
                    font-size: 1.4rem;
                }

                .lq-footer {
                    padding: 2.5rem 0;
                }

                .lq-footer-inner {
                    padding: 0 1rem;
                }

                .lq-footer-notice {
                    padding: 1.25rem;
                    margin-bottom: 2rem;
                }

                .lq-footer-badges {
                    gap: 1rem;
                    margin-bottom: 2rem;
                }

                .lq-footer-badges img {
                    height: 2.5rem;
                }

                .lq-footer-legal {
                    margin-bottom: 2rem;
                }
            }

            /* Phone (<=640px) */
            @media (max-width: 640px) {
                .lq-nav-inner {
                    padding: .5rem .75rem;
                }

                .lq-logo {
                    font-size: .95rem;
                }

                .lq a.lq-btn-gold {
                    padding: .45rem .75rem;
                    font-size: .72rem;
                }

                .lq-hero {
                    padding-top: 3.5rem;
                }

                .lq-hero-inner {
                    padding: 2.5rem .75rem;
                }

                .lq-hero h1 {
                    font-size: 1.5rem;
                }

                .lq-hero-sub {
                    font-size: .875rem;
                    margin-bottom: 1.5rem;
                }

                .lq-hero-actions {
                    gap: .75rem;
                    margin-bottom: 2rem;
                }

                .lq a.lq-btn-gold-lg, .lq a.lq-btn-outline {
                    width: 100%;
                    justify-content: center;
                    padding: .75rem 1rem;
                    font-size: .82rem;
                }

                .lq-badge {
                    font-size: .68rem;
                    padding: .3rem .75rem;
                    margin-bottom: 1rem;
                }

                .lq-trust-row {
                    gap: .75rem 1rem;
                    font-size: .68rem;
                }

                .lq-divider {
                    display: none;
                }

                .lq-container {
                    padding: 2rem .75rem;
                }

                .lq-container.sm {
                    padding: 1.25rem .75rem;
                }

                .lq-container.narrow {
                    padding: 2rem .75rem;
                }

                .lq-h2 {
                    font-size: 1.2rem;
                }

                .lq-sub {
                    font-size: .82rem;
                }

                .lq-eyebrow {
                    font-size: .65rem;
                }

                .lq-card {
                    padding: 1.25rem;
                }

                .lq-card-icon {
                    width: 3rem;
                    height: 3rem;
                    margin-bottom: .75rem;
                }

                .lq-draw {
                    padding: 1.25rem;
                }

                .lq-draw h3 {
                    font-size: 1rem;
                }

                .lq-prize {
                    font-size: 1rem;
                }

                .lq-tool {
                    padding: 1.25rem;
                    gap: .75rem;
                }

                .lq-tool-icon {
                    width: 2.5rem;
                    height: 2.5rem;
                }

                .lq-result {
                    padding: 1rem;
                }

                .lq-result-head {
                    flex-wrap: wrap;
                }

                .lq-ball {
                    height: 1.75rem;
                    width: 1.75rem;
                    font-size: .7rem;
                }

                .lq-faq-btn {
                    padding: .875rem 1rem;
                    font-size: .82rem;
                }

                .lq-faq-body {
                    padding: .875rem 1rem;
                }

                .lq-resp h2 {
                    font-size: 1.25rem;
                }

                .lq-resp p, .lq-resp li {
                    font-size: .85rem;
                }

                .lq-trustbadge {
                    padding: .625rem;
                    font-size: .8rem;
                }

                .lq-footer-notice p:first-child {
                    font-size: .82rem;
                }

                .lq-footer-notice p:last-child {
                    font-size: .7rem;
                }

                .lq-footer-badges img {
                    height: 2.25rem;
                }

                .lq-footer-legal {
                    font-size: .7rem;
                }

                .lq-footer-nav-mobile a {
                    font-size: .82rem;
                    padding: .625rem 0;
                }

                .lq-footer-bottom img {
                    height: 44px;
                }

                .lq-footer-bottom p.copy {
                    font-size: .78rem;
                }
            }

            /* Very small phone (<=380px) */
            @media (max-width: 380px) {
                .lq-nav-links, .lq-nav-cta {
                    display: none !important;
                }

                .lq-hero h1 {
                    font-size: 1.3rem;
                }

                .lq-h2 {
                    font-size: 1.1rem;
                }

                .lq-balls {
                    gap: .35rem;
                }

                .lq-ball {
                    height: 1.6rem;
                    width: 1.6rem;
                    font-size: .65rem;
                }
            }

            

            /* Utility classes replacing former inline styles */
            .lq-header-logo {
                height: 50px;
                width: auto;
            }

            .lq-container.narrow {
                max-width: 64rem;
            }

            .lq-container.mid {
                max-width: 56rem;
            }

            .lq-h2--flush {
                margin-bottom: 0;
            }

            .lq-h2--row {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: .75rem;
            }

            .lq-h2--trust {
                font-size: 1.875rem;
                text-align: center;
                margin-bottom: 1rem;
            }

            .lq-h2-icon {
                color: var(--lq-primary);
            }

            .lq-link-more {
                display: inline-flex;
                align-items: center;
                gap: .375rem;
                color: var(--lq-primary);
                font-weight: 600;
                font-size: .875rem;
            }

            .lq-result-title {
                font-weight: 700;
            }

            .lq-card--pad {
                padding: 1.75rem;
            }

            .lq-card-icon--primary {
                background: rgba(13,33,79,.1);
                color: var(--lq-primary);
            }

            .lq-faq-q {
                padding-right: 1rem;
            }

            .lq-check-mark {
                padding: 0 7px 0 5px;
            }

            .lq-badge-white {
                background-color: #fff;
            }

            .lq-txt-icon {
                line-height: 1;
                display: inline-block;
            }