@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--navy:#101f3d;--blue:#1768d2;--cyan:#22c5d8;--orange:#ff9e45;--ink:#17243b;--muted:#66758d;--line:#e4eaf2;--bg:#f6f8fc;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.6;background:#fff}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 40px));margin:auto}.topbar{background:#fff;border-bottom:1px solid #edf0f5;position:relative;z-index:5}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:17px;line-height:1.25}.brandmark{display:grid;place-items:center;width:48px;height:44px;border-radius:13px;color:#fff;font-size:15px;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,var(--blue),#16418c);box-shadow:0 7px 18px #1768d22b}.brand b{color:var(--blue)}.brand small{display:block;color:#7c8799;font:10px 'DM Sans',sans-serif;letter-spacing:.6px;margin-top:4px}.navlinks{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:600}.navlinks>a:not(.login-link){color:#4d5a70}.navlinks a:hover,.text-link:hover{color:var(--blue)}.login-link{background:#edf4ff;color:var(--blue);padding:11px 16px;border-radius:9px}.menu-toggle{display:none;border:0;background:#edf4ff;padding:9px 12px;border-radius:8px;font-size:21px}.hero{overflow:hidden;background:radial-gradient(ellipse at 88% 12%,#263e75 0,transparent 38%),linear-gradient(120deg,#101f3d,#172d56);color:#fff;padding:76px 0 72px}.hero-grid{display:grid;grid-template-columns:1.18fr .82fr;align-items:center;gap:48px}.eyebrow{display:block;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:1.8px;margin-bottom:13px}.hero .eyebrow{color:#67d9e8}.hero h1,.simple-page h1{font:800 clamp(37px,4.5vw,58px)/1.12 Manrope,sans-serif;letter-spacing:-2px;margin:0 0 20px}.hero h1 em{font-style:normal;color:#6de0e8}.hero-copy>p{color:#d0d9e9;font-size:16px;max-width:570px;margin:0 0 28px}.searchbox{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;padding:9px;background:#fff;border-radius:13px;box-shadow:0 16px 50px #0002}.searchbox label{padding:4px 10px;min-width:0}.searchbox label+label{border-left:1px solid var(--line)}.searchbox label span{display:block;font-size:10px;font-weight:700;color:#506078;margin-bottom:3px}.searchbox input{border:0;outline:0;width:100%;font:12px 'DM Sans',sans-serif;color:var(--ink)}.searchbox button{background:var(--orange);color:#19233a;border:0;border-radius:8px;padding:0 17px;font-weight:800;font-size:12px;cursor:pointer}.searchbox button b{font-size:17px;margin-left:8px}.hero-note{display:flex;flex-wrap:wrap;gap:19px;margin-top:22px;font-size:11px;color:#c6d4e8}.hero-note span:first-letter{color:#6de0e8}.hero-art{min-height:310px;display:grid;place-items:center;position:relative}.art-orbit{position:absolute;border:1px solid #ffffff21;border-radius:50%;width:300px;height:300px}.orbit-two{width:235px;height:235px;border-style:dashed}.main-art{position:relative;z-index:1;background:#fff;color:var(--ink);border:1px solid #ffffffa1;width:min(290px,90%);padding:29px;border-radius:20px;box-shadow:0 24px 80px #0004;transform:rotate(-2deg)}.art-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#eaf7ff;color:var(--blue);font-size:37px;margin-bottom:20px}.main-art>b{font:800 21px/1.3 Manrope,sans-serif}.main-art p{color:var(--muted);font-size:12px}.mini-bars{height:45px;display:flex;align-items:end;gap:7px;margin-top:24px}.mini-bars i{display:block;width:22px;background:linear-gradient(#25c4d7,#1768d2);border-radius:5px 5px 0 0}.mini-bars i:nth-child(1){height:38%}.mini-bars i:nth-child(2){height:55%}.mini-bars i:nth-child(3){height:48%}.mini-bars i:nth-child(4){height:72%}.mini-bars i:nth-child(5){height:63%}.mini-bars i:nth-child(6){height:86%}.mini-bars i:nth-child(7){height:100%}.float-chip{position:absolute;background:#fff;color:var(--ink);padding:12px 16px;border-radius:11px;font-size:11px;font-weight:800;box-shadow:0 10px 30px #0002;z-index:2}.chip-top{top:25px;right:0}.chip-bottom{bottom:22px;left:0}.trust-strip{border-bottom:1px solid var(--line);background:#fff}.trust-items{display:flex;justify-content:space-around;gap:20px;padding:20px 0;color:#728098;font-size:12px}.trust-items b{color:var(--ink)}.section{padding:76px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-head h2,.promo h2,.final-cta h2{font:800 clamp(25px,3vw,34px)/1.2 Manrope,sans-serif;letter-spacing:-1px;margin:0 0 9px}.section-head p,.final-cta p{margin:0;color:var(--muted);font-size:13px}.text-link{font-size:12px;color:var(--blue);font-weight:800;white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.category-card{padding:21px;border:1px solid var(--line);border-radius:13px;display:flex;flex-direction:column;align-items:flex-start;min-height:155px;transition:.2s;background:#fff}.category-card:hover,.business-card:hover{border-color:#b7d1f8;transform:translateY(-3px);box-shadow:0 12px 30px #173b7210}.cat-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#edf5ff;color:var(--blue);font-size:22px;margin-bottom:16px}.category-card b{font-size:13px}.category-card small{display:flex;justify-content:space-between;width:100%;color:#8390a4;font-size:10px;margin-top:8px}.category-card small span{color:var(--blue)}.featured-section{background:var(--bg)}.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.business-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:22px;transition:.2s;min-width:0}.business-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.business-logo{width:48px;height:48px;border-radius:12px;background:#eaf3ff;display:grid;place-items:center;color:var(--blue);font-size:21px;font-weight:800;overflow:hidden}.business-logo img{width:100%;height:100%;object-fit:cover}.verified{font-size:10px;color:#138b68;background:#e7f8f1;padding:5px 8px;border-radius:20px}.business-category{color:var(--blue);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.business-card h3{font:800 17px Manrope,sans-serif;margin:6px 0}.business-card p{font-size:12px;color:var(--muted);min-height:40px;margin:0 0 15px}.business-meta{font-size:11px;color:#77849a;padding-bottom:16px;border-bottom:1px solid var(--line)}.card-link{display:flex;justify-content:space-between;color:var(--blue);font-size:11px;font-weight:800;padding-top:14px}.empty-state{grid-column:1/-1;text-align:center;padding:35px 15px;border:1px dashed #cdd8e7;background:#fff;border-radius:14px}.empty-state>div{font-size:30px;color:var(--blue)}.empty-state h3{margin:8px 0;font-family:Manrope,sans-serif}.empty-state p{color:var(--muted);font-size:12px}.promo{background:linear-gradient(115deg,#1768d2,#154c9b);color:#fff;padding:64px 0;overflow:hidden}.promo-inner{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:60px}.eyebrow.light{color:#8cebf0}.promo h2{font-size:clamp(30px,3.5vw,42px)}.promo p{color:#d8e6fa;max-width:500px;font-size:13px}.promo-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:23px}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:0;border-radius:9px;padding:13px 18px;font:700 12px 'DM Sans',sans-serif;cursor:pointer}.button-white{background:#fff;color:#174a91}.button-primary{background:var(--blue);color:#fff}.button-outline{border:1px solid #cbd8e9;background:#fff;color:var(--blue)}.promo-secondary{font-size:11px;color:#fff;font-weight:700}.promo-visual{position:relative;padding:20px}.promo-window{background:#fff;border-radius:17px;padding:22px;color:var(--ink);box-shadow:0 20px 50px #001c503d;transform:rotate(3deg)}.window-dots{color:#ffad63;font-size:11px;letter-spacing:3px;margin-bottom:24px}.window-line{height:9px;background:#e7edf5;border-radius:8px;width:64%;margin:12px 0}.window-line.wide{width:90%;height:14px;background:#dceaff}.window-line.short{width:42%}.window-stats{display:flex;justify-content:space-between;align-items:center;background:#eff7ff;padding:15px;border-radius:10px;margin:22px 0;font-size:11px}.window-stats b{color:#1768d2}.promo-star{position:absolute;right:0;top:0;background:var(--orange);width:47px;height:47px;display:grid;place-items:center;border-radius:14px;color:#fff;font-size:25px}.location-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.location-grid>a,.location-pill{padding:13px 15px;border:1px solid var(--line);border-radius:9px;font-size:12px;color:#4b5b72}.location-grid>a{display:flex;justify-content:space-between}.location-grid>a span{color:var(--blue)}.location-grid>a:hover{background:#f1f7ff;border-color:#c9dcfa}.final-cta{padding:35px 0;background:#f1f6fd}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.final-cta h2{font-size:24px}.footer{background:#0e1b33;color:#c6d1e2;padding:53px 0 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px}.brand-footer{color:#fff}.brand-footer b{color:#7bcfe9}.footer-about p{max-width:270px;font-size:12px;color:#98a9c2}.footer h4{font-size:12px;color:#fff;margin:5px 0 17px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:11px}.footer-grid>div>a:not(.brand){font-size:11px;color:#aebbd0}.footer-grid a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #ffffff18;padding:18px 0;font-size:10px;color:#8293ad}.simple-page{padding:70px 0 90px;min-height:65vh;background:linear-gradient(#f7faff,#fff)}.narrow{max-width:850px}.simple-page h1{font-size:clamp(34px,4vw,48px);color:var(--navy)}.simple-page> .container>p,.simple-page .narrow>p{color:var(--muted)}.plan-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0}.plan-card{padding:27px;border:1px solid var(--line);border-radius:15px;background:#fff}.plan-highlight{border-color:#8cb7f5;box-shadow:0 12px 35px #1768d211}.plan-label{font-size:10px;font-weight:800;color:var(--blue);letter-spacing:1px}.plan-card h2{font:800 25px Manrope,sans-serif;margin:9px 0}.plan-card p,.plan-card li{font-size:12px;color:var(--muted)}.plan-card ul{padding-left:19px;line-height:2.1;margin:20px 0}.notice{font-size:11px!important;background:#fff8e8;color:#7d5b1d!important;padding:14px 16px;border-radius:9px;border:1px solid #f4e5be}.form-wrap{max-width:520px;background:#fff;padding:34px;border:1px solid var(--line);border-radius:17px;box-shadow:0 15px 45px #153c7010}.portal-form{display:grid;gap:17px;margin:25px 0}.portal-form label{display:grid;gap:7px;font-size:12px;font-weight:700}.portal-form input{width:100%;border:1px solid #d6dfeb;border-radius:8px;padding:13px;font:14px 'DM Sans',sans-serif}.portal-form input:focus{outline:2px solid #b9d7ff;border-color:var(--blue)}.success,.error{padding:14px;border-radius:8px;font-size:12px;margin:15px 0}.success{background:#e9f8ef;color:#17653b}.error{background:#fff0ef;color:#a42b25}@media(max-width:900px){.navlinks{gap:13px;font-size:11px}.hero-grid{gap:20px}.searchbox{grid-template-columns:1fr 1fr}.searchbox button{grid-column:1/-1;padding:13px}.category-grid{grid-template-columns:repeat(3,1fr)}.business-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{gap:24px}}@media(max-width:650px){.container{width:min(100% - 30px,1160px)}.nav{min-height:70px}.menu-toggle{display:block}.navlinks{display:none;position:absolute;left:0;right:0;top:69px;background:#fff;padding:18px 22px 22px;box-shadow:0 15px 25px #152e5115;flex-direction:column;align-items:stretch;gap:0}.navlinks.open{display:flex}.navlinks a{padding:12px 8px}.login-link{text-align:center;margin-top:7px}.hero{padding:52px 0 46px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:39px;letter-spacing:-1.5px}.hero-copy>p{font-size:14px}.searchbox{grid-template-columns:1fr;padding:8px}.searchbox label{padding:8px 10px}.searchbox label+label{border-left:0;border-top:1px solid var(--line)}.searchbox button{grid-column:auto}.hero-art{min-height:260px;margin-top:4px}.art-orbit{width:245px;height:245px}.orbit-two{width:195px;height:195px}.main-art{width:255px;padding:22px}.chip-top{right:0;top:8px}.chip-bottom{left:0;bottom:5px}.trust-items{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:18px 0}.section{padding:52px 0}.section-head{align-items:flex-start;flex-direction:column;margin-bottom:22px}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category-card{padding:15px;min-height:145px}.business-grid{grid-template-columns:1fr}.business-card p{min-height:0}.promo{padding:48px 0}.promo-inner{grid-template-columns:1fr;gap:20px}.promo-visual{max-width:390px;width:100%;margin:auto}.location-grid{grid-template-columns:repeat(2,1fr)}.final-cta-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-about{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:6px}.plan-row{grid-template-columns:1fr}.simple-page{padding:48px 0 65px}.form-wrap{padding:24px 19px}.simple-page h1{letter-spacing:-1.2px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@media (max-width: 650px) {
    .topbar {
        position: relative;
        z-index: 1000;
    }

    .nav {
        position: relative;
    }

    .menu-toggle {
        display: block;
        position: relative;
        z-index: 1002;
        cursor: pointer;
    }

    .navlinks {
        z-index: 1001;
        max-height: calc(100vh - 80px);
        overflow-y: auto;
    }

    .navlinks.open {
        display: flex;
    }
}

.admin-login-btn {
    display: inline-block;
    padding: 10px 16px;
    background: #164e8a;
    color: #fff;
    text-decoration: none;
    border-radius: 7px;
    font-weight: 600;
}
.admin-login-btn:hover {
    background: #123c70;
}

/* Homepage enhancement pack */
.ad-showcase{padding:38px 0;background:#f4f7fb;border-bottom:1px solid var(--line)}
.ad-showcase-inner{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:30px}
.ad-showcase-copy h2{font:800 clamp(23px,2.6vw,31px)/1.2 Manrope,sans-serif;letter-spacing:-.8px;margin:0 0 10px;color:var(--navy)}
.ad-showcase-copy p{font-size:13px;color:var(--muted);margin:0 0 18px;max-width:390px}
.ad-showcase-copy .eyebrow{margin-bottom:9px}
.ad-banner-slot{min-width:0}
.ad-label{display:block;font-size:9px;letter-spacing:1.3px;font-weight:800;color:#75849b;margin:0 0 8px}
.ad-banner-art{min-height:145px;display:flex;align-items:center;gap:17px;padding:23px 25px;border-radius:15px;background:linear-gradient(115deg,#142b4a,#087f8c);color:#fff;box-shadow:0 14px 32px #142b4a20;overflow:hidden;position:relative}
.ad-banner-art:after{content:"";position:absolute;width:210px;height:210px;border:1px solid #ffffff25;border-radius:50%;right:90px;top:-90px;pointer-events:none}
.ad-banner-mark{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border-radius:14px;background:#ffffff1c;border:1px solid #ffffff35;font-weight:800;font-size:16px}
.ad-banner-art div{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1;z-index:1}
.ad-banner-art strong{font:800 clamp(15px,1.7vw,20px)/1.25 Manrope,sans-serif}
.ad-banner-art small{font-size:11px;color:#d6e8ee}
.ad-banner-art>a{white-space:nowrap;background:#f59e0b;color:#17243b;border-radius:8px;padding:11px 13px;font-size:11px;font-weight:800;z-index:1}
.ad-slot-note{font-size:10px;color:#77849a;margin:8px 0 0}
.hero-quick-links{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:15px;font-size:11px;color:#c8d8eb}
.hero-quick-links a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.nav-register-btn{background:#087f8c;color:#fff;padding:11px 15px;white-space:nowrap}
.nav-register-btn:hover{background:#066773;color:#fff}
.client-login-btn{background:#edf4ff;color:#1768d2}
.admin-login-btn{background:#142b4a;color:#fff}
.admin-login-btn:hover{background:#203e68;color:#fff}
.button-primary:hover,.button-white:hover,.button-outline:hover{filter:brightness(.97);transform:translateY(-1px)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}
img{max-width:100%}
@media(max-width:900px){
 .navlinks{gap:8px}
 .navlinks .login-link,.navlinks .nav-register-btn{padding:9px 10px}
 .ad-showcase-inner{grid-template-columns:1fr;gap:20px}
 .ad-showcase-copy{max-width:650px}
}
@media(max-width:650px){
 .navlinks{top:69px;max-height:calc(100vh - 78px);overflow-y:auto;z-index:1001}
 .navlinks .login-link,.navlinks .nav-register-btn{display:block;text-align:center;margin-top:7px}
 .hero-quick-links{gap:7px;font-size:10px}
 .ad-showcase{padding:30px 0}
 .ad-banner-art{align-items:flex-start;flex-wrap:wrap;padding:18px;gap:12px}
 .ad-banner-mark{width:43px;height:43px;flex-basis:43px}
 .ad-banner-art div{flex-basis:calc(100% - 60px)}
 .ad-banner-art>a{margin-left:55px}
}

/* Search 4 Nation identity and company cards */
.site-logo{width:82px;height:54px;object-fit:contain;display:block;background:#fff;border-radius:6px}
.brand{gap:12px}
.business-cover{display:block;margin:-1px -1px 14px;overflow:hidden;border-radius:12px 12px 0 0;height:135px;background:#e8eef6}
.business-cover img{width:100%;height:100%;object-fit:cover;display:block}
.business-card{overflow:hidden}
@media(max-width:640px){.site-logo{width:58px;height:42px}.business-cover{height:115px}}

/* Registration button text: white and clearly visible */
.register-btn,
.register-btn a,
a.register-btn,
.register-link,
a[href*="client/register.php"] {
    color: #ffffff !important;
    font-weight: 700;
    text-decoration: none;
}

/* Hover effect */
.register-btn:hover,
.register-link:hover,
a[href*="client/register.php"]:hover {
    color: #ffffff !important;
    opacity: 0.9;
}


/* Site-wide polish: consistent logo-based identity and readable page footers */
.brand-footer .site-logo{width:76px;height:52px;object-fit:contain;background:transparent;border-radius:0}
.footer a{transition:color .18s ease}
.footer a:hover{color:#ffad59}
.s4n-public-header,.s4n-public-footer{font-family:inherit}
.s4n-public-header a,.s4n-public-footer a{transition:opacity .18s ease}
.s4n-public-header a:hover,.s4n-public-footer a:hover{opacity:.82}
.location-pill{display:inline-flex;align-items:center;gap:8px;text-decoration:none}

/* Featured business carousel and paginated search results */
.business-carousel{width:100%;min-width:0;position:relative}
.business-carousel-track{display:flex;flex-wrap:nowrap;gap:17px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-inline:2px;padding:2px 2px 16px;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
.business-carousel-track::-webkit-scrollbar{display:none}
.business-carousel-track>.business-card{flex:0 0 calc((100% - 34px)/3);width:calc((100% - 34px)/3);max-width:calc((100% - 34px)/3);scroll-snap-align:start;scroll-snap-stop:always;min-width:0}
.business-carousel-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:-12px 0 16px;color:var(--muted);font-size:11px;font-weight:700}
.business-carousel-controls button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--blue);font-size:23px;line-height:1;cursor:pointer;box-shadow:0 3px 12px #17243b0b}
.business-carousel-controls button:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.search-results .search-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;overflow:visible;scroll-snap-type:none;padding:0}
.search-grid>.business-card{width:auto;flex:initial}
.pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:28px 0 0}
.page-link{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--blue);font-size:12px;font-weight:800}
.page-link:hover,.page-link.active{background:var(--blue);border-color:var(--blue);color:#fff}
@media(max-width:900px){.business-carousel-track>.business-card{flex:0 0 calc((100% - 17px)/2);width:calc((100% - 17px)/2);max-width:calc((100% - 17px)/2)}.search-results .search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.business-carousel-track{gap:12px;padding-left:2px;padding-right:2px;scroll-padding-inline:2px}.business-carousel-track>.business-card{flex:0 0 calc(100% - 4px);width:calc(100% - 4px);max-width:calc(100% - 4px);min-width:calc(100% - 4px)}.business-carousel-controls{margin-top:-7px}.business-carousel-controls span{margin-right:auto}.search-results .search-grid{grid-template-columns:minmax(0,1fr)}.pagination{gap:6px}.page-link{min-width:36px;min-height:36px;padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.business-carousel-track{scroll-behavior:auto}}

.business-carousel-track>.empty-state{flex:0 0 100%;width:100%}


/* Compact, consistent branding on authentication and registration pages */
.s4n-public-header { background:#fff; border-bottom:1px solid #e7edf5; }
.s4n-public-header > .container { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.s4n-public-header .s4n-brand,
.s4n-public-footer .s4n-brand { display:inline-flex; align-items:center; gap:10px; min-width:0; font-family:Manrope,sans-serif; font-size:16px; line-height:1.2; font-weight:700; }
.s4n-public-header .s4n-brand img { display:block; width:54px !important; height:44px !important; max-width:54px; max-height:44px; object-fit:contain; flex:0 0 auto; }
.s4n-public-header .s4n-brand span,
.s4n-public-footer .s4n-brand span { display:block; }
.s4n-public-header .s4n-brand b { color:var(--blue,#1768d2); }
.s4n-public-header .s4n-brand small,
.s4n-public-footer .s4n-brand small { display:block; font-size:10px; font-weight:500; letter-spacing:.3px; margin-top:4px; }
.s4n-public-header > .container > a:not(.s4n-brand) { font-size:12px; font-weight:700; color:var(--blue,#1768d2); }
.s4n-public-footer { background:#0e1b33; color:#c6d1e2; padding:22px 0; }
.s4n-public-footer > .container { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.s4n-public-footer .s4n-brand { color:#fff; font-size:14px; }
.s4n-public-footer .s4n-brand img { display:block; width:46px !important; height:36px !important; max-width:46px; max-height:36px; object-fit:contain; background:transparent; border-radius:0; flex:0 0 auto; }
.s4n-public-footer > .container > a:not(.s4n-brand) { font-size:11px; }
.s4n-public-footer > .container > span { font-size:10px; color:#aebbd0; }
@media(max-width:600px) {
 .s4n-public-header > .container { min-height:66px; gap:10px; }
 .s4n-public-header .s4n-brand { gap:8px; font-size:14px; }
 .s4n-public-header .s4n-brand img { width:44px !important; height:36px !important; max-width:44px; max-height:36px; }
 .s4n-public-header .s4n-brand small { font-size:9px; }
 .s4n-public-footer > .container { justify-content:flex-start; gap:13px 18px; }
 .s4n-public-footer .s4n-brand { width:100%; }
}

/* Premium banner carousel and transparent footer brand image */
.premium-promo-track{display:flex;gap:14px;overflow:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.premium-promo-item{position:relative;display:block;flex:0 0 100%;min-width:100%;height:225px;border-radius:13px;overflow:hidden;background:#e8eef6;scroll-snap-align:start;text-decoration:none;color:#fff}
.premium-promo-item>img{width:100%;height:100%;object-fit:cover;display:block}
.premium-promo-item:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(5,20,40,.88))}
.premium-promo-caption{position:absolute;z-index:1;left:15px;right:15px;bottom:13px;display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:10px;align-items:center}
.premium-promo-caption>img{grid-row:span 2;width:42px;height:42px;object-fit:contain;background:#fff;border-radius:7px;padding:3px}
.premium-promo-caption b{font-size:15px;line-height:1.3;overflow-wrap:anywhere}
.premium-promo-caption small{font-size:11px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:650px){.premium-promo-item{height:190px}.premium-promo-caption{left:11px;right:11px;bottom:10px}.premium-promo-caption b{font-size:13px}}