/* ==========================================================================
   BRS ENGINEERING — Custom Design System
   Direction: Light & Corporate · Refined brand identity (navy + cyan)
   Loaded AFTER bootstrap + style.css to establish a unique visual language.
   ========================================================================== */

:root {
    /* Brand — refined from #19409A (navy) & #00D1F9 (cyan) */
    --brs-navy:        #12306E;   /* primary brand navy            */
    --brs-navy-ink:    #0B1E48;   /* darkest — headings on light   */
    --brs-navy-deep:   #0A1830;   /* dark sections / footer        */
    --brs-blue:        #1E56C4;   /* interactive blue / links      */
    --brs-cyan:        #06B6D4;   /* accent turquoise              */
    --brs-cyan-600:    #0894AC;   /* cyan for text (AA on white)   */
    --brs-cyan-soft:   #E4F7FB;   /* cyan tint background          */

    /* Neutrals */
    --brs-ink:         #10203A;   /* body text                     */
    --brs-slate:       #5A6B85;   /* muted text                    */
    --brs-slate-2:     #8494A9;   /* faint text                    */
    --brs-line:        #E6ECF4;   /* hairline borders              */
    --brs-line-2:      #D5DEEA;
    --brs-bg:          #FFFFFF;
    --brs-bg-alt:      #F4F7FB;   /* light section                 */
    --brs-bg-alt2:     #EDF2F9;

    /* Effects */
    --brs-accent-grad: linear-gradient(120deg, #06B6D4 0%, #1E56C4 100%);
    --brs-navy-grad:   linear-gradient(155deg, #12306E 0%, #0A1830 100%);
    --brs-shadow-sm:   0 4px 14px rgba(16, 32, 58, .06);
    --brs-shadow:      0 18px 44px rgba(16, 32, 58, .10);
    --brs-shadow-lg:   0 30px 70px rgba(16, 32, 58, .16);
    --brs-radius:      16px;
    --brs-radius-sm:   12px;

    /* Re-map Bootstrap tokens so utilities inherit the brand */
    --bs-primary:      #12306E;
    --bs-primary-rgb:  18, 48, 110;
    --bs-secondary:    #06B6D4;
    --bs-secondary-rgb: 6, 182, 212;
    --bs-body-color:   #10203A;
    --bs-body-font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

/* ---------- Base ---------------------------------------------------------- */
html { scroll-behavior: smooth; }

body {
    font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
    color: var(--brs-ink);
    background: var(--brs-bg);
    font-size: 16px;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Sora', 'Inter', sans-serif;
    color: var(--brs-navy-ink);
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.18;
}

p { color: var(--brs-slate); }

a { color: var(--brs-blue); text-decoration: none; transition: color .2s ease; }
a:hover { color: var(--brs-cyan-600); }

/* Tame Bootstrap's oversized display sizes for a corporate feel */
.display-1 { font-size: clamp(2.8rem, 6vw, 4.6rem); font-weight: 800; }
.display-2 { font-size: clamp(2.4rem, 5vw, 3.9rem); font-weight: 800; }
.display-3 { font-size: clamp(2.0rem, 4vw, 3.1rem); font-weight: 700; }
.display-4 { font-size: clamp(1.7rem, 3.4vw, 2.5rem); font-weight: 700; }

.text-primary   { color: var(--brs-navy) !important; }
.text-secondary { color: var(--brs-cyan-600) !important; }
.bg-primary     { background-color: var(--brs-navy) !important; }
.bg-secondary   { background-color: var(--brs-cyan) !important; }
.bg-light       { background-color: var(--brs-bg-alt) !important; }

/* Container width a touch tighter for editorial rhythm */
@media (min-width: 1400px){ .container { max-width: 1240px; } }

/* Section eyebrow label + accent underline system ------------------------- */
.brs-eyebrow,
.text-uppercase.text-primary {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    font-family: 'Sora', sans-serif;
    font-weight: 600;
    font-size: .82rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--brs-cyan-600) !important;
    margin-bottom: .85rem;
}
.brs-eyebrow::before,
.text-uppercase.text-primary::before {
    content: "";
    width: 26px; height: 2px;
    background: var(--brs-accent-grad);
    border-radius: 2px;
}

/* ---------- Buttons ------------------------------------------------------- */
.btn {
    font-family: 'Sora', sans-serif;
    font-weight: 600;
    letter-spacing: .02em;
    border-radius: 10px;
    padding: .8rem 1.6rem;
    transition: transform .18s ease, box-shadow .18s ease, background .2s ease, color .2s ease;
}
.btn.rounded-pill { border-radius: 50rem; }

.btn-primary,
.btn.btn-primary {
    background: var(--brs-navy);
    border: 1px solid var(--brs-navy);
    color: #fff;
}
.btn-primary:hover,
.btn.btn-primary:hover {
    background: var(--brs-navy-ink);
    border-color: var(--brs-navy-ink);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(18, 48, 110, .28);
}

.btn-secondary,
.btn.btn-secondary {
    background: var(--brs-accent-grad);
    border: 0;
    color: #fff;
    box-shadow: 0 10px 22px rgba(6, 182, 212, .28);
}
.btn-secondary:hover,
.btn.btn-secondary:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 16px 30px rgba(6, 182, 212, .38);
}

.btn-outline-brs {
    background: transparent;
    border: 1.5px solid var(--brs-line-2);
    color: var(--brs-navy);
}
.btn-outline-brs:hover {
    border-color: var(--brs-navy);
    background: var(--brs-navy);
    color: #fff;
    transform: translateY(-2px);
}

/* Back-to-top */
.back-to-top {
    background: var(--brs-navy) !important;
    border: 0 !important;
    box-shadow: var(--brs-shadow);
}
.back-to-top:hover { background: var(--brs-cyan) !important; }

/* ==========================================================================
   HEADER — utility bar + navbar
   ========================================================================== */
.brs-topbar {
    background: var(--brs-navy-deep);
    color: #cdd7e6;
    font-size: .84rem;
    border-bottom: 1px solid rgba(255,255,255,.06);
}
.brs-topbar a { color: #cdd7e6; }
.brs-topbar a:hover { color: #fff; }
.brs-topbar .brs-topbar-inner {
    display: flex; align-items: center; justify-content: space-between;
    gap: 1rem; padding: .5rem 0; flex-wrap: wrap;
}
.brs-topbar .brs-tb-item { display: inline-flex; align-items: center; gap: .5rem; }
.brs-topbar i { color: var(--brs-cyan); }
.brs-topbar .brs-tb-sep { color: rgba(255,255,255,.18); }

/* Dil seçici (TR / EN / RU) */
.brs-lang { display: inline-flex; align-items: center; gap: 2px; margin-left: .4rem; }
.brs-lang a {
    display: inline-block; padding: 2px 8px; border-radius: 6px;
    font-size: .78rem; font-weight: 700; letter-spacing: .04em;
    color: rgba(255,255,255,.62); line-height: 1.4; text-decoration: none;
    transition: background .18s ease, color .18s ease;
}
.brs-lang a:hover { color: #fff; background: rgba(255,255,255,.10); }
.brs-lang a.active { color: #fff; background: var(--brs-cyan); }

/* Navbar shell */
.navbar.navbar-light {
    background: rgba(255,255,255,.92) !important;
    backdrop-filter: saturate(160%) blur(10px);
    border-bottom: 1px solid var(--brs-line);
    padding-top: .35rem; padding-bottom: .35rem;
}
.sticky-top.navbar-light,
.navbar.sticky-top {
    box-shadow: 0 8px 30px rgba(16, 32, 58, .08) !important;
    background: rgba(255,255,255,.96) !important;
}

/* Brand wordmark (resilient — no image dependency) */
.navbar-brand.p-0 h1 { display: none; }
.brs-logo { display: inline-flex; align-items: center; gap: .7rem; }
/* Real brand logo (navbar) */
.brs-logo-img { height: 54px; width: auto; display: block; }
@media (max-width: 991.98px){ .brs-logo-img { height: 44px; } }
/* Real brand logo on dark footer — white chip so black wordmark stays legible */
.brs-foot-logo { display: inline-block; background: transparent; padding: 0; }
.brs-foot-logo img { height: 50px; width: auto; display: block; }
.brs-logo-mark-img { width: 46px; height: 46px; display: block; flex: 0 0 auto; }
.brs-logo-mark {
    width: 44px; height: 44px; border-radius: 12px;
    background: var(--brs-navy-grad);
    display: grid; place-items: center;
    color: #fff; font-family: 'Sora'; font-weight: 800; font-size: 1.02rem;
    letter-spacing: .02em; position: relative; overflow: hidden;
    box-shadow: 0 8px 20px rgba(18,48,110,.25);
}
.brs-logo-mark::after {
    content:""; position:absolute; left:0; right:0; bottom:0; height:4px;
    background: var(--brs-accent-grad);
}
.brs-logo-text { display: flex; flex-direction: column; line-height: 1; }
.brs-logo-text strong {
    font-family: 'Sora'; font-weight: 800; font-size: 1.18rem;
    color: var(--brs-navy-ink); letter-spacing: .01em;
}
.brs-logo-text span {
    font-family: 'Sora'; font-weight: 600; font-size: .62rem;
    letter-spacing: .32em; text-transform: uppercase; color: var(--brs-cyan-600);
    margin-top: 3px;
}
/* If a real logo image is dropped in, keep it tidy */
.navbar-brand img { max-height: 46px; width: auto; }

/* Nav links */
.navbar-light .navbar-nav .nav-link,
.sticky-top.navbar-light .navbar-nav .nav-link {
    font-family: 'Sora', sans-serif;
    font-weight: 600;
    font-size: .93rem;
    color: var(--brs-navy-ink) !important;
    padding: 1.4rem .95rem !important;
    position: relative;
}
.navbar-light .navbar-nav .nav-link::after,
.navbar-light .navbar-nav .nav-item::after,
.navbar-light .navbar-nav .nav-item::before { display: none !important; }
.navbar-light .navbar-nav .nav-link > span,
.navbar-light .navbar-nav .nav-link {
    background-image: linear-gradient(var(--brs-cyan), var(--brs-cyan));
    background-size: 0% 2px;
    background-position: 0 calc(100% - .95rem);
    background-repeat: no-repeat;
    transition: background-size .25s ease, color .2s ease;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
    color: var(--brs-navy) !important;
    background-size: 60% 2px;
}
.navbar .dropdown-toggle::after { margin-left: .4rem; opacity: .7; }
.dropdown-menu {
    border: 1px solid var(--brs-line);
    border-radius: 12px;
    box-shadow: var(--brs-shadow);
    padding: .5rem;
    margin-top: .35rem !important;
}
.dropdown-item {
    border-radius: 8px;
    font-weight: 500;
    color: var(--brs-ink);
    padding: .55rem .8rem;
}
.dropdown-item:hover {
    background: var(--brs-cyan-soft);
    color: var(--brs-navy);
}

/* Top contact block inside navbar */
.navbar .border-end.border-primary { border-color: var(--brs-line-2) !important; }
.navbar .text-body { color: var(--brs-slate) !important; font-size: .84rem; }
.navbar .text-primary { color: var(--brs-navy) !important; font-weight: 700; font-size: .9rem; }

/* ==========================================================================
   HERO
   ========================================================================== */
.brs-hero {
    position: relative;
    background: linear-gradient(180deg, #F4F7FB 0%, #EEF3F9 55%, #F4F7FB 100%);
    overflow: hidden;
    padding: clamp(3.5rem, 7vw, 6.5rem) 0 clamp(3rem, 6vw, 5rem);
}
.brs-hero::before {   /* blueprint grid */
    content:""; position:absolute; inset:0;
    background-image:
        linear-gradient(to right, rgba(18,48,110,.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(18,48,110,.05) 1px, transparent 1px);
    background-size: 46px 46px;
    -webkit-mask-image: radial-gradient(120% 90% at 80% 10%, #000 40%, transparent 75%);
            mask-image: radial-gradient(120% 90% at 80% 10%, #000 40%, transparent 75%);
}
.brs-hero::after {   /* soft cyan glow */
    content:""; position:absolute; right:-8%; top:-15%;
    width: 620px; height: 620px; border-radius: 50%;
    background: radial-gradient(circle, rgba(6,182,212,.16), transparent 62%);
    pointer-events:none;
}
.brs-hero .container { position: relative; z-index: 2; }

.brs-hero-eyebrow {
    display:inline-flex; align-items:center; gap:.6rem;
    background:#fff; border:1px solid var(--brs-line);
    box-shadow: var(--brs-shadow-sm);
    color: var(--brs-navy); font-family:'Sora'; font-weight:600;
    font-size:.8rem; letter-spacing:.12em; text-transform:uppercase;
    padding:.5rem .95rem; border-radius: 50rem; margin-bottom:1.4rem;
}
.brs-hero-eyebrow i { color: var(--brs-cyan-600); }
.brs-hero h1 {
    font-size: clamp(2.2rem, 4.6vw, 3.7rem);
    font-weight: 800; margin-bottom: 1.25rem;
}
.brs-hero h1 .grad {
    background: var(--brs-accent-grad);
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent;
}
.brs-hero-lead {
    font-size: 1.12rem; color: var(--brs-slate);
    max-width: 560px; margin-bottom: 2rem;
}
.brs-hero-cta { display:flex; flex-wrap:wrap; gap:.9rem; }

/* Hero visual frame (image-optional) */
.brs-visual {
    position: relative; border-radius: var(--brs-radius);
    background: var(--brs-navy-grad);
    box-shadow: var(--brs-shadow-lg);
    overflow: hidden; min-height: 420px;
    display:grid; place-items:center;
}
.brs-visual::before {   /* concentric mill motif */
    content:""; position:absolute; width:460px; height:460px; border-radius:50%;
    border:1px solid rgba(255,255,255,.12);
    box-shadow:
        0 0 0 40px rgba(255,255,255,.05),
        0 0 0 90px rgba(255,255,255,.035),
        0 0 0 150px rgba(255,255,255,.02);
}
.brs-visual::after {
    content:""; position:absolute; inset:0;
    background:
        radial-gradient(circle at 30% 20%, rgba(6,182,212,.35), transparent 45%),
        linear-gradient(to top, rgba(6,182,212,.12), transparent 60%);
}
.brs-visual img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:1; }
/* Temiz fotoğraf varyantı: dekoratif halka ve tonlama yok + beyaz çerçeve */
.brs-visual--photo::before, .brs-visual--photo::after { content: none; }
.brs-visual--photo {
    border: 8px solid #fff;
    background: #fff;
    box-shadow: 0 28px 56px rgba(11,30,72,.20);
}
.brs-visual-badge {
    position: relative; z-index:2; text-align:center; color:#fff; padding:2rem;
}
.brs-visual-badge i { font-size: 3rem; color: var(--brs-cyan); margin-bottom:1rem; }
.brs-visual-badge span { display:block; font-family:'Sora'; font-weight:700; font-size:1.15rem; letter-spacing:.02em; }
.brs-visual-badge small { color: rgba(255,255,255,.7); letter-spacing:.2em; text-transform:uppercase; font-size:.72rem; }
.brs-visual-tag {
    position:absolute; z-index:3; left:1.1rem; bottom:1.1rem;
    background: rgba(255,255,255,.95); border-radius:12px; padding:.7rem 1rem;
    display:flex; align-items:center; gap:.7rem; box-shadow: var(--brs-shadow);
}
.brs-visual-tag b { font-family:'Sora'; color:var(--brs-navy-ink); font-size:.95rem; }
.brs-visual-tag i { color: var(--brs-cyan-600); font-size:1.3rem; }

/* Hero stat strip */
.brs-stats {
    margin-top: 3rem; display:grid; gap: 1rem;
    grid-template-columns: repeat(3, 1fr);
}
.brs-stat {
    background:#fff; border:1px solid var(--brs-line); border-radius: var(--brs-radius-sm);
    padding: 1.3rem 1.4rem; box-shadow: var(--brs-shadow-sm);
    position:relative;
}
.brs-stat::before{ content:""; position:absolute; left:0; top:1.3rem; bottom:1.3rem; width:3px; background:var(--brs-accent-grad); border-radius:3px; }
.brs-stat b { font-family:'Sora'; font-size:1.7rem; font-weight:800; color:var(--brs-navy-ink); display:block; line-height:1; padding-left:.9rem; }
.brs-stat span { color: var(--brs-slate); font-size:.9rem; padding-left:.9rem; display:block; margin-top:.35rem; }

/* ==========================================================================
   SECTION HEADER (numbered)
   ========================================================================== */
.brs-section { padding: clamp(3.5rem, 6vw, 5.5rem) 0; }
.brs-head { max-width: 760px; }
.brs-head.center { margin-inline:auto; text-align:center; }
.brs-head h2 { font-size: clamp(1.8rem, 3.4vw, 2.6rem); font-weight:700; margin-bottom:.8rem; }
.brs-head p { font-size: 1.05rem; }

/* ==========================================================================
   SECTORS strip
   ========================================================================== */
.brs-sectors {
    display:flex; flex-wrap:wrap; gap:1rem; justify-content:center;
}
.brs-sector {
    flex: 1 1 150px; max-width: 190px; min-width: 130px;
    background:#fff; border:1px solid var(--brs-line); border-radius: var(--brs-radius-sm);
    padding: 1.6rem 1rem; text-align:center;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.brs-sector:hover { transform: translateY(-6px); box-shadow: var(--brs-shadow); border-color: transparent; }
.brs-sector-icon {
    width: 58px; height:58px; margin:0 auto .9rem; border-radius: 14px;
    background: var(--brs-cyan-soft); color: var(--brs-cyan-600);
    display:grid; place-items:center; font-size:1.5rem;
    transition: background .25s ease, color .25s ease;
}
.brs-sector:hover .brs-sector-icon { background: var(--brs-accent-grad); color:#fff; }
.brs-sector span { font-family:'Sora'; font-weight:600; color:var(--brs-navy-ink); font-size:1rem; }

/* Keep legacy hizmet markup usable if present */
.hizmet-box img { max-width:64px; }
.hizmet-yazi { font-family:'Sora'; font-weight:600; color:var(--brs-navy-ink); }

/* ==========================================================================
   CAPABILITY / FEATURE cards (restyle .feature-item)
   ========================================================================== */
.feature.bg-light { background: var(--brs-bg-alt) !important; }
.feature-item {
    background:#fff; border:1px solid var(--brs-line);
    border-radius: var(--brs-radius); padding: 2rem !important;
    height:100%; position:relative; overflow:hidden;
    box-shadow: var(--brs-shadow-sm);
    transition: transform .22s ease, box-shadow .22s ease;
}
.feature-item::before {
    content:""; position:absolute; left:0; top:0; height:4px; width:0;
    background: var(--brs-accent-grad); transition: width .3s ease;
}
.feature-item:hover { transform: translateY(-8px); box-shadow: var(--brs-shadow); }
.feature-item:hover::before { width:100%; }
.feature-item img { max-width:66px; margin-bottom:1rem; }
/* Uçtan uca proses diyagram ikonları (beyaz zeminli görsel, kartla kaynaşır) */
.feature-item .brs-proc-icon { max-width:120px; width:120px; height:auto; margin-bottom:1.1rem; display:block; mix-blend-mode: multiply; }
.feature-item .feature-icon,
.brs-card-icon {
    width:64px; height:64px; border-radius:16px; margin-bottom:1.2rem;
    background: var(--brs-navy-grad); color:#fff;
    display:grid; place-items:center; font-size:1.5rem;
    box-shadow: 0 10px 22px rgba(18,48,110,.22);
}
.feature-item .feature-icon i { color:#fff !important; }
.feature-item .h4,
.feature-item a.h4 { font-family:'Sora'; font-weight:700; color:var(--brs-navy-ink); display:inline-block; margin-bottom:.6rem; }
.feature-item a.h4:hover { color: var(--brs-cyan-600); }
.feature-item p { color: var(--brs-slate); margin-bottom:0; }

/* ==========================================================================
   ABOUT / feature split (restyle .about-*)
   ========================================================================== */
.about .about-img,
.about-img {
    position:relative; border-radius: var(--brs-radius); overflow:hidden;
    background: var(--brs-navy-grad);          /* branded panel if photo missing */
    display:grid; place-items:center; min-height: 360px;
    padding: 0 !important; margin: 0 !important;
}
.about .about-img::before,
.about-img::before {                            /* concentric mill motif */
    content:"\f085"; font-family:"Font Awesome 5 Free"; font-weight:900;
    font-size:3rem; color: rgba(255,255,255,.16);
    position:relative; z-index:1;
    width:auto; height:auto; top:auto; left:auto; right:auto; bottom:auto;
    background: transparent;
}
.about .about-img::after,
.about-img::after {
    content:""; position:absolute; width:300px; height:300px; border-radius:50%;
    border:1px solid rgba(255,255,255,.10); background: transparent;
    left:50%; top:50%; transform: translate(-50%,-50%);
    box-shadow: 0 0 0 34px rgba(255,255,255,.05), 0 0 0 74px rgba(255,255,255,.03);
}
.about-img img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius: var(--brs-radius); z-index:2; }
.about-img .about-exp { z-index:3; top:auto !important; left:1rem !important; bottom:1rem; }
.about-exp {
    position:absolute; left:1rem; bottom:1rem; z-index:2;
    background: rgba(255,255,255,.95); color:var(--brs-navy-ink);
    font-family:'Sora'; font-weight:700; font-size:.9rem;
    padding:.7rem 1.1rem; border-radius:12px; box-shadow: var(--brs-shadow);
}
.about-exp span { color:var(--brs-navy-ink); }
.about-item h4.text-primary { color: var(--brs-cyan-600) !important; }
.about-item h1 { margin-bottom:1.1rem; }
.about-item .bg-light {
    background:#fff !important; border:1px solid var(--brs-line);
    border-radius: var(--brs-radius-sm) !important; box-shadow: var(--brs-shadow-sm);
}
.about-item .rounded-circle.bg-primary {
    background: var(--brs-navy-grad) !important; position:relative;
}
.about-item .rounded-circle.bg-primary::after {
    content:"\f085"; font-family:"Font Awesome 5 Free"; font-weight:900;
    color:#fff; font-size:1.7rem;
    position:absolute; inset:0; display:grid; place-items:center;
}

/* ==========================================================================
   VALUES / SERVICE (restyle .service-item)
   ========================================================================== */
.service.bg-light { background: var(--brs-bg-alt) !important; }
.service-item {
    background:#fff !important; border:1px solid var(--brs-line);
    border-radius: var(--brs-radius) !important; box-shadow: var(--brs-shadow-sm);
    transition: transform .2s ease, box-shadow .2s ease;
}
.service-item:hover { transform: translateY(-5px); box-shadow: var(--brs-shadow); }
.service-btn {
    background: var(--brs-navy-grad) !important;
    width:54px; height:54px; border-radius:14px;
    display:grid; place-items:center; box-shadow:0 8px 18px rgba(18,48,110,.2);
}
.service-content a.h4 { font-family:'Sora'; color:var(--brs-navy-ink); }
.service-content p { color: var(--brs-slate); }

/* ==========================================================================
   TECHNICAL INFO / TEAM cards (restyle .team-item)
   ========================================================================== */
.team-item { padding: .75rem !important; }
.team-inner {
    background:#fff; border:1px solid var(--brs-line);
    border-radius: var(--brs-radius) !important; overflow:hidden;
    box-shadow: var(--brs-shadow-sm);
    transition: transform .22s ease, box-shadow .22s ease;
}
.team-item:hover .team-inner { transform: translateY(-8px); box-shadow: var(--brs-shadow); }
.team-img { position:relative; aspect-ratio: 4/3; background: var(--brs-navy-grad); overflow:hidden; }
.team-img img { width:100%; height:100%; object-fit:cover; }
.team-inner .bg-light { background:#fff !important; }
.team-inner h4 { font-family:'Sora'; color:var(--brs-navy-ink); }
.team-inner .dropdown-item:hover { background:transparent; }
.team-inner .dropdown-item:hover h4 { color: var(--brs-cyan-600); }

/* ==========================================================================
   PRODUCT / BLOG cards (catalog + products)
   ========================================================================== */
.blog-item {
    background:#fff; border:1px solid var(--brs-line);
    border-radius: var(--brs-radius); overflow:hidden; height:100%;
    box-shadow: var(--brs-shadow-sm);
    transition: transform .22s ease, box-shadow .22s ease;
}
.blog-item:hover { transform: translateY(-8px); box-shadow: var(--brs-shadow); }
.blog-img { position:relative; aspect-ratio: 16/10; overflow:hidden;
    background: var(--brs-navy-grad); display:grid; place-items:center; }
.blog-img > i { color: rgba(255,255,255,.30); font-size: 2.6rem; }
.blog-img img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:1;
    transition: transform .5s ease; }
.blog-item .blog-content h4 { font-family:'Sora'; color:var(--brs-navy-ink); transition: color .25s ease; }

/* Mavi hover: görselin üzerine gelince mavi tonlama + hafif yakınlaşma */
.blog-img::after {
    content:""; position:absolute; inset:0; z-index:2;
    background: linear-gradient(135deg, rgba(6,182,212,.48), rgba(18,48,110,.62));
    opacity:0; transition: opacity .35s ease;
    pointer-events:none;
}
.blog-item:hover .blog-img::after { opacity:1; }
.blog-item:hover .blog-img img { transform: scale(1.06); }
/* Ürün render kartları: şeffaf ürün (arka planla aynı renk), tam görünüm */
.blog-img.brs-render { background: transparent; aspect-ratio: 4 / 3; }  /* beyaz kutu yok — kart tonuyla aynı */
.blog-img.brs-render::after { display:none; }            /* koyu mavi kutu efekti kapalı */
.blog-item:hover .blog-img.brs-render { background: transparent; }
.blog-img.brs-render > i { color: rgba(18,48,110,.20); }
.blog-img.brs-render img { inset: 12px; width: calc(100% - 24px); height: calc(100% - 24px);
    object-fit: contain; transition: filter .3s ease, transform .5s ease; }
/* Üzerine gelince gri 3D görsel BRS logosundaki lacivert maviye boyanır (tonlar korunur) */
.blog-item:hover .blog-img.brs-render img { filter: sepia(1) hue-rotate(193deg) saturate(4) brightness(.55); }
.blog-content .h4 { font-family:'Sora'; color:var(--brs-navy-ink); }
.blog-content .actions { display:flex; gap:.6rem; margin-top:1rem; flex-wrap:wrap; }
.btn-view { background: var(--brs-navy); color:#fff; }
.btn-view:hover { background: var(--brs-navy-ink); color:#fff; }
.btn-download { background: var(--brs-cyan-soft); color: var(--brs-navy); border:1px solid transparent; }
.btn-download:hover { background: var(--brs-accent-grad); color:#fff; }
.btn-wide { padding:.6rem 1.15rem; border-radius:10px; font-size:.9rem; }

/* Reusable product tile used on redesigned homepage */
.brs-product {
    display:block; height:100%;
    background:#fff; border:1px solid var(--brs-line); border-radius: var(--brs-radius);
    padding: 1.6rem; box-shadow: var(--brs-shadow-sm);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.brs-product:hover { transform: translateY(-6px); box-shadow: var(--brs-shadow); border-color:transparent; }
.brs-product .brs-product-ic {
    width:52px; height:52px; border-radius:13px; margin-bottom:1rem;
    background: var(--brs-cyan-soft); color:var(--brs-cyan-600);
    display:grid; place-items:center; font-size:1.35rem;
}
.brs-product:hover .brs-product-ic { background:var(--brs-accent-grad); color:#fff; }
.brs-product h5 { font-family:'Sora'; color:var(--brs-navy-ink); margin-bottom:.35rem; }
.brs-product p { color:var(--brs-slate); font-size:.92rem; margin-bottom:.8rem; }
.brs-product .brs-more { color:var(--brs-cyan-600); font-family:'Sora'; font-weight:600; font-size:.88rem; }

/* Formül bloğu (metin/MathML — teknik sayfalar) */
.brs-formula { max-width: 760px; margin: 0 auto; background:#fff; text-align:left;
    border:1px solid var(--brs-line); border-radius: var(--brs-radius);
    box-shadow: var(--brs-shadow-sm); overflow:hidden; }
.brs-formula + .brs-formula { margin-top: 1.4rem; }
.brs-formula-eq { background: var(--brs-navy-grad); color:#fff; padding: 1.5rem 1rem; text-align:center; }
.brs-formula-eq math { font-size: 1.55rem; color:#fff; }
.brs-formula-eq .brs-eq-label { display:block; font-family:'Sora'; font-weight:600;
    font-size:.82rem; letter-spacing:.08em; text-transform:uppercase; color: var(--brs-cyan); margin-bottom:.5rem; }
.brs-formula-defs { padding: 1.2rem 1.4rem; }
.brs-formula-defs dl { display:grid; grid-template-columns: max-content 1fr; gap:.45rem 1.1rem; margin:0; }
.brs-formula-defs dt { font-family:'Sora'; font-weight:700; color:var(--brs-navy-ink); white-space:nowrap; }
.brs-formula-defs dd { margin:0; color:var(--brs-slate); }
.brs-formula-note { padding: 0 1.4rem 1.2rem; color:var(--brs-slate); font-size:.92rem; }
.brs-formula-note p { margin:.3rem 0; }

/* Uygulama alanları tablosu (gerçek, seçilebilir metin) */
.brs-apptable-wrap { max-width: 1040px; margin: 0 auto; overflow-x: auto; text-align: left; }
.brs-apptable {
    width: 100%; min-width: 720px; table-layout: fixed;
    border-collapse: separate; border-spacing: 0;
    border-radius: var(--brs-radius); overflow: hidden;
    box-shadow: var(--brs-shadow); background: #fff;
}
.brs-apptable th, .brs-apptable td { width: auto; }  /* table-layout:fixed -> sütunlar eşit (5 veya 4) */
.brs-apptable thead th {
    background: var(--brs-navy); color: #fff; font-family: 'Sora', sans-serif;
    font-weight: 600; padding: .85rem 1rem; text-align: center; line-height: 1.3;
    border-left: 1px solid rgba(255,255,255,.12);
}
.brs-apptable thead th:first-child { border-left: 0; }
.brs-apptable thead tr:first-child th {
    background: var(--brs-navy-ink); font-size: 1.15rem; letter-spacing: .02em;
    border-left: 0;
}
.brs-apptable thead tr:nth-child(2) th { font-size: .92rem; vertical-align: middle; }
.brs-apptable tbody td {
    vertical-align: top; padding: 1.1rem 1.15rem;
    border-left: 1px solid var(--brs-line); background: #fff;
    transition: background .2s ease;
}
.brs-apptable tbody td:first-child { border-left: 0; }
.brs-apptable tbody td:hover { background: var(--brs-cyan-soft); }
.brs-apptable ul { list-style: none; margin: 0; padding: 0; }
.brs-apptable li {
    position: relative; padding-left: 1.15rem; margin-bottom: .5rem;
    color: var(--brs-ink); font-size: .95rem; line-height: 1.35;
}
.brs-apptable li:last-child { margin-bottom: 0; }
.brs-apptable li::before {
    content: ""; position: absolute; left: 0; top: .55em;
    width: 6px; height: 6px; border-radius: 50%; background: var(--brs-cyan);
}

/* Genel veri tablosu — uygulama tablosuyla aynı görsel dil (.table1/.table2) */
.image-container { overflow-x: auto; max-width: 1060px; margin: 0 auto; }
/* Mobilde geniş tablolar için otomatik yatay kaydırma sarmalayıcısı */
.brs-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; margin: 0 auto; }
.table1, .table2 {
    border-collapse: separate; border-spacing: 0; width: 100%;
    border-radius: var(--brs-radius); overflow: hidden;
    box-shadow: var(--brs-shadow); background: #fff; margin: 0 auto; text-align: center;
}
.table1 th, .table2 th {
    background: var(--brs-navy); color: #fff; font-family: 'Sora', sans-serif;
    font-weight: 600; padding: .85rem 1rem; text-align: center; line-height: 1.3;
    border-left: 1px solid rgba(255,255,255,.12); border-top: 0;
}
.table1 th:first-child, .table2 th:first-child { border-left: 0; }
.table1 td, .table2 td {
    padding: .8rem 1rem; border-top: 1px solid var(--brs-line);
    color: var(--brs-ink); background: #fff; transition: background .2s ease;
    vertical-align: middle; border-left: 0;
}
.table1 tbody tr:nth-child(even) td, .table2 tbody tr:nth-child(even) td { background: #F7FAFC; }
.table1 tr:hover td, .table2 tr:hover td { background: var(--brs-cyan-soft); }
/* Avantaj/Dezavantaj: hücreler sola yaslı */
.table1 { max-width: 920px; }
.table1 td { text-align: left; vertical-align: top; }
.table1 td:empty { background: #fbfcfe; }
/* Teknik özellikler: ilk sütun etiket (sol, kalın) */
.table2 { max-width: 1040px; font-size: .95rem; }
.table2 td:first-child { text-align: left; font-family: 'Sora', sans-serif; font-weight: 600; color: var(--brs-navy-ink); white-space: nowrap; }
/* .counter (navy zemin) içindeki not yazısı okunur olsun */
.counter p { color: #dfe7f3; margin-top: 1.4rem; }

/* Şık çerçeveli görsel (akım şeması vb.) — tablo diliyle uyumlu başlık bandı */
.brs-figure { max-width: 860px; margin: 0 auto; background:#fff;
    border-radius: var(--brs-radius); overflow:hidden; box-shadow: var(--brs-shadow); }
.brs-figure-head { background: var(--brs-navy); color:#fff; font-family:'Sora',sans-serif;
    font-weight:600; padding:.85rem 1rem; text-align:center; letter-spacing:.01em; }
.brs-figure-body { padding: clamp(1rem,2.5vw,1.8rem); }
.brs-figure-body img { display:block; width:100%; height:auto; border-radius:8px; }

/* Tam görünen ürün resmi (kırpma yok) */
.about-img.about-img--full {
    min-height: 0; background: transparent; display: block;
    box-shadow: var(--brs-shadow-sm); border-radius: var(--brs-radius); overflow: hidden;
}
.about-img.about-img--full::before, .about-img.about-img--full::after { content: none; }
.about-img.about-img--full img {
    position: static; width: 100%; height: auto; object-fit: contain;
    border-radius: var(--brs-radius); display: block;
}

/* System diagram showcase */
.brs-diagram-media {
    background:#fff; border:1px solid var(--brs-line); border-radius: var(--brs-radius);
    padding: 1rem; box-shadow: var(--brs-shadow);
}
.brs-diagram-media img { width:100%; height:auto; border-radius: 10px; display:block; }

/* ==========================================================================
   CONTACT page
   ========================================================================== */
.brs-contact-item { display:flex; gap:1rem; align-items:flex-start; margin-bottom:1.4rem; }
.brs-contact-ic {
    flex:0 0 auto; width:50px; height:50px; border-radius:13px;
    background: var(--brs-cyan-soft); color: var(--brs-cyan-600);
    display:grid; place-items:center; font-size:1.2rem;
}
.brs-contact-item h5 { font-family:'Sora'; color:var(--brs-navy-ink); margin-bottom:.25rem; font-size:1.05rem; }
.brs-contact-item p, .brs-contact-item a { color:var(--brs-slate); }
.brs-contact-item a:hover { color:var(--brs-cyan-600); }

.brs-form-card {
    background:#fff; border:1px solid var(--brs-line); border-radius: var(--brs-radius);
    box-shadow: var(--brs-shadow); padding: clamp(1.5rem, 3vw, 2.4rem);
}
.brs-form-card h4 { font-family:'Sora'; color:var(--brs-navy-ink); }
.contact .form-label { font-family:'Sora'; font-weight:600; font-size:.86rem; color:var(--brs-navy-ink); margin-bottom:.35rem; }
.contact .form-control {
    border:1.5px solid var(--brs-line-2); border-radius:10px; padding:.75rem 1rem;
    background:#fff; color:var(--brs-ink); box-shadow:none;
}
.contact .form-control:focus {
    border-color: var(--brs-cyan); box-shadow: 0 0 0 .2rem rgba(6,182,212,.15);
}

.brs-map {
    display:flex; align-items:center; gap:1.2rem; flex-wrap:wrap;
    background: var(--brs-navy-grad); color:#fff; border-radius: var(--brs-radius);
    padding: clamp(1.4rem, 3vw, 2rem); position:relative; overflow:hidden;
}
.brs-map::before {
    content:""; position:absolute; inset:0;
    background-image:
        linear-gradient(to right, rgba(255,255,255,.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255,255,255,.05) 1px, transparent 1px);
    background-size: 40px 40px;
    -webkit-mask-image: radial-gradient(80% 90% at 90% 10%, #000, transparent 70%);
            mask-image: radial-gradient(80% 90% at 90% 10%, #000, transparent 70%);
}
.brs-map > * { position:relative; z-index:2; }
.brs-map-pin { width:56px; height:56px; border-radius:14px; background:var(--brs-accent-grad);
    display:grid; place-items:center; font-size:1.4rem; color:#fff; }
.brs-map-text h5 { font-family:'Sora'; color:#fff; margin-bottom:.2rem; }
.brs-map-text p { color: rgba(255,255,255,.75); }
.brs-map .btn-outline-brs { border-color: rgba(255,255,255,.4); color:#fff; }
.brs-map .btn-outline-brs:hover { background:#fff; color:var(--brs-navy); }

/* Embedded Google map */
.brs-mapwrap { border:1px solid var(--brs-line); border-radius: var(--brs-radius);
    overflow:hidden; box-shadow: var(--brs-shadow); background:#fff; }
.brs-mapwrap iframe { display:block; width:100%; height:430px; border:0; }
.brs-map-bar { display:flex; align-items:center; gap:1rem; flex-wrap:wrap;
    padding: 1.1rem 1.4rem; border-top:1px solid var(--brs-line); background:#fff; }
.brs-map-bar .brs-map-pin { width:48px; height:48px; flex:0 0 auto; }
.brs-map-bar .brs-map-text h5 { color: var(--brs-navy-ink); margin-bottom:.15rem; }
.brs-map-bar .brs-map-text p { color: var(--brs-slate); }
.brs-map-bar .btn-outline-brs { border-color: var(--brs-line-2); color: var(--brs-navy); }
.brs-map-bar .btn-outline-brs:hover { background: var(--brs-navy); color:#fff; border-color: var(--brs-navy); }

/* ==========================================================================
   GALLERY
   ========================================================================== */
.brs-gallery { display:grid; grid-template-columns: repeat(3, 1fr); gap:1.2rem; }
.brs-gallery a {
    position:relative; display:block; aspect-ratio: 4/3; border-radius: var(--brs-radius);
    overflow:hidden; background: var(--brs-navy-grad); box-shadow: var(--brs-shadow-sm);
}
.brs-gallery a > i { position:absolute; inset:0; display:grid; place-items:center;
    color: rgba(255,255,255,.28); font-size:2.4rem; }
.brs-gallery img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
    z-index:1; transition: transform .5s ease; }
.brs-gallery a:hover img { transform: scale(1.06); }
.brs-gallery a::after {
    content:"\f00e"; font-family:"Font Awesome 5 Free"; font-weight:900;
    position:absolute; inset:0; z-index:2; display:grid; place-items:center;
    color:#fff; font-size:1.6rem; background: rgba(10,24,48,.45);
    opacity:0; transition: opacity .3s ease;
}
.brs-gallery a:hover::after { opacity:1; }
@media (max-width: 767.98px){ .brs-gallery { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 479.98px){ .brs-gallery { grid-template-columns: 1fr; } }

/* ==========================================================================
   NEWS (Haberler) carousel
   ========================================================================== */
.brs-news-card {
    display:grid; grid-template-columns: 1.05fr 1fr; gap:0;
    background:#fff; border:1px solid var(--brs-line); border-radius: var(--brs-radius);
    overflow:hidden; box-shadow: var(--brs-shadow);
}
.brs-news-media {
    position:relative; min-height: 360px; overflow:hidden;
    background: var(--brs-navy-grad); display:grid; place-items:center;
}
.brs-news-media > i { font-size: 3rem; color: rgba(255,255,255,.22); }
.brs-news-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; padding:16px; z-index:1; }
.brs-news-tag {
    position:absolute; z-index:2; top:1rem; left:1rem;
    background: var(--brs-accent-grad); color:#fff; font-family:'Sora'; font-weight:600;
    font-size:.76rem; letter-spacing:.05em; padding:.42rem .95rem; border-radius:50rem;
    box-shadow: 0 8px 18px rgba(6,182,212,.35);
}
.brs-news-body { padding: clamp(1.5rem, 3.2vw, 2.8rem); display:flex; flex-direction:column; justify-content:center; }
.brs-news-meta {
    color: var(--brs-cyan-600); font-family:'Sora'; font-weight:600; font-size:.8rem;
    letter-spacing:.1em; text-transform:uppercase; margin-bottom:.7rem;
    display:flex; align-items:center; gap:.5rem;
}
.brs-news-body h3 { font-family:'Sora'; color:var(--brs-navy-ink); font-size: clamp(1.3rem, 2.3vw, 1.85rem); margin-bottom:.8rem; line-height:1.25; }
.brs-news-body p { color: var(--brs-slate); font-size:1.05rem; margin:0; }
.brs-news-body p strong { color: var(--brs-navy-ink); font-weight:700; }

.brs-news-nav { display:flex; align-items:center; justify-content:center; gap:1.3rem; margin-top:1.7rem; }
.brs-news-ctrl {
    width:48px; height:48px; border-radius:50%; background:#fff; border:1px solid var(--brs-line);
    color:var(--brs-navy); display:grid; place-items:center; box-shadow: var(--brs-shadow-sm);
    transition: background .2s ease, color .2s ease, transform .2s ease;
}
.brs-news-ctrl:hover { background: var(--brs-navy); color:#fff; transform: translateY(-2px); }
.brs-news .carousel-indicators { position:static; margin:0; padding:0; display:flex; align-items:center; }
.brs-news .carousel-indicators [data-bs-target] {
    box-sizing:border-box; width:11px; height:11px; border-radius:50%;
    background: var(--brs-slate-2); border:0; opacity:1; margin:0 5px; padding:0;
    text-indent:0; transition: width .25s ease, background .25s ease;
}
.brs-news .carousel-indicators [data-bs-target].active {
    background: var(--brs-cyan); width:32px; border-radius:50rem;
}
@media (max-width: 767.98px){
    .brs-news-card { grid-template-columns: 1fr; }
    .brs-news-media { min-height: 220px; }
}

/* ==========================================================================
   CTA band
   ========================================================================== */
.brs-cta {
    position: relative; overflow: hidden;
    background: var(--brs-navy-grad); color:#fff;
    border-radius: 24px; padding: clamp(2.5rem, 5vw, 4rem);
}
.brs-cta::before {
    content:""; position:absolute; inset:0;
    background-image:
        linear-gradient(to right, rgba(255,255,255,.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255,255,255,.05) 1px, transparent 1px);
    background-size: 40px 40px;
    -webkit-mask-image: radial-gradient(90% 90% at 90% 10%, #000, transparent 70%);
            mask-image: radial-gradient(90% 90% at 90% 10%, #000, transparent 70%);
}
.brs-cta::after {
    content:""; position:absolute; right:-6%; bottom:-40%;
    width:420px; height:420px; border-radius:50%;
    background: radial-gradient(circle, rgba(6,182,212,.35), transparent 60%);
}
.brs-cta > * { position:relative; z-index:2; }
.brs-cta h2 { color:#fff; font-size: clamp(1.6rem, 3vw, 2.4rem); }
.brs-cta p { color: rgba(255,255,255,.78); }
.brs-cta .btn-secondary { box-shadow: 0 12px 30px rgba(6,182,212,.4); }
.brs-cta .btn-light-o { background:transparent; border:1.5px solid rgba(255,255,255,.35); color:#fff; }
.brs-cta .btn-light-o:hover { background:#fff; color:var(--brs-navy); }

/* ==========================================================================
   BREADCRUMB header (restyle .bg-breadcrumb)
   ========================================================================== */
.bg-breadcrumb {
    position: relative;
    background: var(--brs-navy-grad) !important;
    padding: clamp(3rem, 6vw, 5rem) 0 clamp(2.5rem, 5vw, 4rem) !important;
    overflow: hidden;
}
.bg-breadcrumb::before {
    content:""; position:absolute; inset:0;
    background-image:
        linear-gradient(to right, rgba(255,255,255,.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255,255,255,.05) 1px, transparent 1px);
    background-size: 44px 44px;
    -webkit-mask-image: radial-gradient(100% 90% at 20% 0%, #000, transparent 70%);
            mask-image: radial-gradient(100% 90% at 20% 0%, #000, transparent 70%);
}
.bg-breadcrumb::after {
    content:""; position:absolute; right:-5%; top:-40%;
    width:380px; height:380px; border-radius:50%;
    background: radial-gradient(circle, rgba(6,182,212,.28), transparent 62%);
}
.bg-breadcrumb .container { position:relative; z-index:2; }
.bg-breadcrumb h4 { color:#fff !important; font-weight:700; }
.bg-breadcrumb .breadcrumb { margin-top:.6rem; }
.bg-breadcrumb .breadcrumb-item a { color: rgba(255,255,255,.75); font-weight:500; }
.bg-breadcrumb .breadcrumb-item a:hover { color:#fff; }
.bg-breadcrumb .breadcrumb-item.active { color: var(--brs-cyan) !important; }
.bg-breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: rgba(255,255,255,.4); }

/* ==========================================================================
   FOOTER (restyle .footer + .copyright)
   ========================================================================== */
.footer {
    background: #39414E !important;
    color: #c3ccd8; position:relative; overflow:hidden;
    border-top: 1px solid rgba(255,255,255,.06);
    padding-top: clamp(3rem,6vw,4.5rem) !important;
    padding-bottom: clamp(1.5rem,3vw,2rem) !important;
}
.footer::before { display:none; }
.footer .container { position:relative; z-index:2; }
.footer h4, .footer h3, .footer .text-white { color:#fff !important; font-family:'Sora'; }
.footer .footer-item p { color:#aeb8c6; }
.footer .footer-item a { color:#aeb8c6; transition:color .2s ease, padding .2s ease; }
.footer .footer-item a:hover { color:#fff; padding-left:4px; }
.footer .footer-item a i { color: var(--brs-cyan); }
.brs-foot-brand .brs-logo-text strong { color:#fff; }
.brs-foot-social a {
    width:40px; height:40px; border-radius:10px;
    background: rgba(255,255,255,.08); color:#dbe2ec !important;
    display:inline-grid; place-items:center; margin-right:.5rem;
    transition: background .2s ease, transform .2s ease, color .2s ease;
}
.brs-foot-social a:hover { background: var(--brs-accent-grad); color:#fff !important; transform:translateY(-3px); }
.footer .brs-foot-divider { border-top:1px solid rgba(255,255,255,.10); margin: 2.2rem 0 1.2rem; }

.copyright { background: #2C3340 !important; }
.copyright .text-body { color:#9aa5b4 !important; }
.copyright a, .copyright a.text-white { color:#cdd6e2 !important; border:0 !important; }
.copyright a.text-white:hover { color:#fff !important; }
.copyright i { color: var(--brs-cyan) !important; }

/* ==========================================================================
   Misc — spinner + reveal helpers
   ========================================================================== */
#spinner .spinner-border { color: var(--brs-navy) !important; }

/* Simple table polish for technical pages */
.table thead th { background: var(--brs-navy); color:#fff; border-color: var(--brs-navy); }
.table td, .table th { border-color: var(--brs-line); }

/* Product-page spec-table band: refine the old saturated blue */
.counter {
    background: var(--brs-navy-grad) !important;
}
.counter::after {
    content:""; position:absolute; inset:0; z-index:0;
    background-image:
        linear-gradient(to right, rgba(255,255,255,.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255,255,255,.05) 1px, transparent 1px);
    background-size: 42px 42px;
    -webkit-mask-image: radial-gradient(90% 90% at 85% 10%, #000, transparent 70%);
            mask-image: radial-gradient(90% 90% at 85% 10%, #000, transparent 70%);
}
.counter > * { position:relative; z-index:1; }
.counter .table { background:#fff; border-radius:12px; overflow:hidden; }

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 991.98px){
    .navbar-light .navbar-nav .nav-link { padding: .7rem 0 !important; }
    .navbar.navbar-light { background:#fff !important; }
    .brs-visual { min-height: 320px; margin-top: 2rem; }
    .brs-stats { grid-template-columns: 1fr; }
}
@media (max-width: 575.98px){
    .brs-topbar .brs-tb-hidexs { display:none; }
    .brs-hero h1 { font-size: 2rem; }
}