/* Trade Nivo exact demo screenshot conversion overrides. Scoped to the rebuilt homepage and demo header/footer only. */
:root{--tn-exact-navy:#061f3d;--tn-exact-navy-2:#082b52;--tn-exact-blue:#087df0;--tn-exact-line:rgba(111,181,239,.36);--tn-exact-text:#14233e;--tn-exact-muted:#6d7890;--tn-exact-wrap:1240px;}
html,body{margin:0!important;background:#f5f7fb!important;color:var(--tn-exact-text)!important;font-family:Inter,Segoe UI,Arial,sans-serif!important;}
body{overflow-x:hidden!important;}
.btn{border-radius:4px!important;font-weight:800!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;line-height:1!important;box-sizing:border-box!important;}
.btn.primary{background:#087df0!important;color:#fff!important;border:1px solid #087df0!important;box-shadow:0 7px 18px rgba(8,125,240,.22)!important;}
.btn.ghost-light{background:rgba(3,21,43,.48)!important;color:#fff!important;border:1px solid rgba(154,209,255,.58)!important;}
.market-change.up{color:#63e890!important}.market-change.down{color:#ff6677!important}.market-change.neutral{color:#d6e8fa!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}

/* Header: glass bar exactly like the screenshot. */
.tn-header-demo-glass{position:absolute!important;top:10px!important;left:50%!important;transform:translateX(-50%)!important;width:min(1328px,calc(100% - 28px))!important;height:60px!important;z-index:1000!important;background:rgba(4, 22, 42, 0.85) !important;backdrop-filter:blur(20px) !important;-webkit-backdrop-filter:blur(20px) !important;border:1px solid rgba(255, 255, 255, 0.12) !important;border-radius:15px !important;box-shadow:0 10px 30px rgba(0,0,0,0.5) !important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 30px!important;box-sizing:border-box!important;transition: all 0.3s ease !important;}
.tn-header-demo-glass:hover { background: rgba(4, 22, 42, 0.95) !important; border-color: rgba(255, 255, 255, 0.2) !important; }
.tn-brand-demo{display:flex!important;align-items:center!important;flex:0 0 205px!important;min-width:205px!important;height:100%!important;text-decoration:none!important;}
.tn-brand-demo img{display:block!important;width:166px!important;max-width:166px!important;height:auto!important;object-fit:contain!important;filter:none!important;}
.tn-menu{display:none!important;}
.tn-nav-demo{display:flex!important;align-items:center!important;gap:0!important;height:100%!important;margin-left:auto!important;max-width:calc(100% - 220px)!important;}
.tn-nav-demo a{height:100%!important;display:flex!important;align-items:center!important;padding:0 10px!important;color:#e6f4ff!important;font-size:11.5px!important;font-weight:700!important;text-decoration:none!important;white-space:nowrap!important;border:0!important;background:transparent!important;box-shadow:none!important;}
.tn-nav-demo a i{font-size:9px!important;margin-left:4px!important;}

/* Professional Glassy Header & Nav Styles */
.tn-nav-links {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}
.tn-nav-auth {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.tn-menu-toggle {
    display: none !important;
    color: #fff !important;
    background: transparent !important;
    border: none !important;
    font-size: 24px !important;
    cursor: pointer !important;
    padding: 0 10px !important;
    height: 100% !important;
    align-items: center !important;
}
@media (max-width: 1150px) {
    .tn-nav-links a:nth-child(n+5) { display: none !important; }
    .tn-menu-toggle { display: flex !important; }
}
@media (max-width: 900px) {
    .tn-nav-links, .tn-nav-auth { display: none !important; }
    .tn-menu-toggle { display: flex !important; }
    .tn-nav-demo.active {
        display: flex !important;
        position: absolute !important;
        top: 65px !important;
        left: 0 !important;
        width: 100% !important;
        background: rgba(4, 22, 42, 0.98) !important;
        backdrop-filter: blur(25px) !important;
        -webkit-backdrop-filter: blur(25px) !important;
        flex-direction: column !important;
        padding: 20px 0 !important;
        border-radius: 0 0 15px 15px !important;
        border: 1px solid rgba(255,255,255,0.1) !important;
        border-top: none !important;
        z-index: 1000 !important;
        box-shadow: 0 20px 40px rgba(0,0,0,0.6) !important;
    }
    .tn-nav-demo.active .tn-nav-links, .tn-nav-demo.active .tn-nav-auth {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }
    .tn-nav-demo.active a {
        display: flex !important;
        width: 100% !important;
        height: 50px !important;
        padding: 0 30px !important;
        border-bottom: 1px solid rgba(255,255,255,0.05) !important;
        font-size: 14px !important;
    }
    .tn-nav-demo.active .tn-nav-auth {
        padding-top: 10px !important;
    }
    .tn-nav-demo.active .tn-nav-auth a {
        border-bottom: none !important;
        margin: 5px 20px !important;
        width: calc(100% - 40px) !important;
        border-radius: 8px !important;
        justify-content: center !important;
    }
}
.tn-nav-demo a.ghost,.tn-nav-demo a.primary{height:34px!important;margin-left:10px!important;padding:0 18px!important;border-radius:4px!important;}
.tn-nav-demo a.ghost{border:1px solid rgba(179,220,255,.62)!important;color:#fff!important;background:rgba(0,0,0,.14)!important;}
.tn-nav-demo a.primary{background:#087df0!important;border:1px solid #087df0!important;color:#fff!important;box-shadow:0 6px 15px rgba(8,125,240,.28)!important;}

/* Homepage hero. */
.tn-exact-demo-page{background:#f5f7fb!important;margin:0!important;padding:0!important;}
.tn-exact-hero{min-height:402px!important;background:linear-gradient(90deg,rgba(2,13,29,.68) 0%,rgba(2,13,29,.46) 38%,rgba(2,13,29,.32) 100%),url('../images/hero/demo-v4-hero-bg.jpg') center top/cover no-repeat!important;position:relative!important;border-bottom:1px solid rgba(98,177,234,.42)!important;margin:0!important;padding:0!important;}
.tn-exact-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 13%,rgba(160,224,255,.20),transparent 15%),linear-gradient(180deg,rgba(0,0,0,.03),rgba(2,13,29,.10));pointer-events:none;}
.tn-exact-hero-inner{position:relative;z-index:1;width:min(var(--tn-exact-wrap),calc(100% - 90px));margin:0 auto!important;padding-top:118px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 395px!important;gap:42px!important;align-items:start!important;}
.tn-exact-hero-copy h1{margin:0!important;color:#fff!important;text-transform:uppercase!important;font-size:54px!important;line-height:1.05!important;letter-spacing:.2px!important;font-weight:950!important;text-shadow:0 6px 22px rgba(0,0,0,.42)!important;}
.tn-exact-hero-copy p{margin:15px 0 22px!important;color:#dcedff!important;font-size:16px!important;font-weight:500!important;}
.tn-exact-hero-actions{display:flex!important;gap:14px!important;align-items:center!important;}
.tn-exact-hero-actions .btn{height:43px!important;min-width:165px!important;font-size:13px!important;}
.tn-exact-market-widget{background:rgba(4,26,52,.78)!important;border:1px solid rgba(113,181,235,.50)!important;border-radius:7px!important;box-shadow:0 0 0 1px rgba(255,255,255,.03) inset!important;color:#e6f4ff!important;padding:18px 20px 14px!important;min-height:252px!important;box-sizing:border-box!important;}
.tn-exact-market-widget h3{margin:0 0 16px!important;font-size:14px!important;text-transform:uppercase!important;letter-spacing:.5px!important;color:#fff!important;display:flex!important;align-items:center!important;gap:9px!important;}
.tn-exact-market-widget h3 span{width:8px!important;height:8px!important;border-radius:50%!important;background:#55e58a!important;box-shadow:0 0 0 5px rgba(85,229,138,.11)!important;display:inline-block!important;}
.tn-exact-market-widget table,.tn-exact-dark-panel table{width:100%!important;border-collapse:collapse!important;margin:0!important;background:transparent!important;}
.tn-exact-market-widget th,.tn-exact-market-widget td{background:transparent!important;border-bottom:1px solid rgba(173,217,255,.12)!important;color:#dcedff!important;text-align:left!important;padding:9px 0!important;font-size:12px!important;font-weight:600!important;}
.tn-exact-market-widget th{color:#aecaec!important;font-weight:800!important;}
.tn-exact-market-widget td:nth-child(2),.tn-exact-market-widget th:nth-child(2){text-align:center!important;}
.tn-exact-market-widget td:nth-child(3),.tn-exact-market-widget th:nth-child(3){text-align:right!important;}
.tn-exact-market-widget a,.tn-exact-dark-panel>a{height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;text-decoration:none!important;color:#dcedff!important;font-weight:700!important;font-size:12px!important;}

/* Trust strip */
.tn-exact-trust-strip{height:70px!important;background:#062846!important;color:#fff!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;width:100%!important;border-top:1px solid rgba(119,191,255,.35)!important;border-bottom:1px solid rgba(119,191,255,.18)!important;}
.tn-exact-trust-strip>div{display:grid!important;grid-template-columns:45px 1fr!important;grid-template-rows:auto auto!important;column-gap:14px!important;align-content:center!important;padding:0 34px!important;border-right:1px solid rgba(204,231,255,.28)!important;box-sizing:border-box!important;min-width:0!important;}
.tn-exact-trust-strip>div:last-child{border-right:0!important;}
.tn-exact-trust-strip i{grid-row:1/3!important;font-size:34px!important;color:#fff!important;opacity:.96!important;align-self:center!important;text-align:center!important;}
.tn-exact-trust-strip b{font-size:13px!important;color:#fff!important;font-weight:800!important;white-space:nowrap!important;}
.tn-exact-trust-strip small{font-size:11px!important;color:#bed7ee!important;white-space:nowrap!important;}

.tn-exact-wrap{width:min(var(--tn-exact-wrap),calc(100% - 104px))!important;margin:0 auto!important;box-sizing:border-box!important;}
.tn-exact-wrap h2{margin:0!important;text-align:center!important;color:#14233e!important;text-transform:uppercase!important;font-size:24px!important;line-height:1.1!important;letter-spacing:.45px!important;font-weight:950!important;}

/* Categories: six cards in one visible row. */
.tn-exact-categories{padding:16px 0 17px!important;}
.tn-exact-category-row{position:relative!important;margin-top:16px!important;display:grid!important;grid-template-columns:34px repeat(6,1fr) 34px!important;gap:28px!important;align-items:center!important;}
.tn-exact-category-row button{width:34px!important;height:34px!important;border-radius:50%!important;border:0!important;background:#fff!important;color:#6f7e8e!important;box-shadow:0 6px 18px rgba(0,0,0,.08)!important;display:grid!important;place-items:center!important;}
.tn-exact-category-card{height:178px!important;background:#fff!important;border-radius:4px!important;text-align:center!important;text-decoration:none!important;color:#13223d!important;box-shadow:0 8px 20px rgba(8,32,61,.08)!important;overflow:hidden!important;display:block!important;}
.tn-exact-category-card img{width:100%!important;height:113px!important;object-fit:cover!important;display:block!important;border-radius:4px 4px 0 0!important;filter:contrast(1.05) saturate(1.02)!important;}
.tn-exact-category-card strong{display:block!important;margin-top:10px!important;font-size:13px!important;font-weight:900!important;}
.tn-exact-category-card small{display:block!important;margin-top:5px!important;font-size:10px!important;color:#7e8897!important;font-weight:700!important;}

/* Supplier cards: exact 5 x 2 grid. */
.tn-exact-suppliers{padding:10px 0 18px!important;}
.tn-exact-supplier-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:27px 34px!important;margin-top:26px!important;}
.tn-exact-supplier-card{height:213px!important;background:#fff!important;border-radius:4px!important;box-shadow:0 7px 18px rgba(8,32,61,.075)!important;overflow:hidden!important;text-decoration:none!important;color:#14233e!important;display:block!important;}
.tn-exact-supplier-card>img{width:100%!important;height:82px!important;object-fit:cover!important;display:block!important;filter:contrast(1.04) saturate(1.03)!important;}
.tn-exact-supplier-card .tn-card-body{padding:6px 8px 7px!important;}
.tn-card-badges{display:flex!important;gap:4px!important;align-items:center!important;flex-wrap:nowrap!important;margin-bottom:5px!important;white-space:nowrap!important;overflow:hidden!important;}
.tn-badge{display:inline-flex!important;align-items:center!important;gap:3px!important;border-radius:3px!important;padding:2px 5px!important;font-size:7.5px!important;line-height:1!important;font-weight:900!important;}
.tn-badge-verified{background:#083c66!important;color:#fff!important;}.tn-badge-paid{background:#eaf8f0!important;color:#216e42!important;border:1px solid #a7d9bc!important;}.tn-badge-premium{background:#0b7fe9!important;color:#fff!important;}
.tn-exact-supplier-card h3{margin:0 0 5px!important;font-size:13px!important;line-height:1.15!important;font-weight:950!important;color:#14233e!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.tn-exact-supplier-card p{display:flex!important;justify-content:space-between!important;gap:10px!important;margin:0 0 5px!important;font-size:10px!important;color:#22314b!important;line-height:1.15!important;}
.tn-exact-supplier-card p:first-of-type{justify-content:flex-start!important;color:#23344f!important;gap:6px!important;}
.tn-exact-supplier-card p b{font-weight:850!important;color:#23344f!important;}.tn-exact-supplier-card p strong{color:#146d4b!important;font-size:10px!important;}.tn-exact-supplier-card small{display:block!important;text-align:right!important;color:#0874c9!important;font-weight:800!important;font-size:9px!important;margin-top:5px!important;}

/* Live panels row. */
.tn-exact-market-grid{display:grid!important;grid-template-columns:1.55fr 1fr 1.08fr!important;gap:12px!important;padding:6px 0 12px!important;}
.tn-exact-dark-panel{background:rgba(4, 22, 42, 0.85) !important;backdrop-filter:blur(15px) !important;-webkit-backdrop-filter:blur(15px) !important;border:1px solid rgba(255, 255, 255, 0.1) !important;border-radius:15px !important;color:#fff !important;box-shadow:0 15px 45px rgba(0, 0, 0, 0.5) !important;min-height:224px !important;padding:25px !important;box-sizing:border-box !important;overflow:hidden !important;transition: all 0.3s ease !important;}
.tn-exact-dark-panel:hover { background: rgba(4, 22, 42, 0.95) !important; border-color: rgba(255, 255, 255, 0.2) !important; }
.tn-exact-dark-panel h2{margin:0 0 10px!important;text-align:left!important;color:#fff!important;font-size:16px!important;letter-spacing:.3px!important;text-transform:uppercase!important;font-weight:950!important;display:flex!important;justify-content:space-between!important;align-items:center!important;}
.tn-exact-dark-panel h2 span{font-size:10px!important;color:#67ed94!important;text-transform:none!important;display:inline-flex!important;align-items:center!important;gap:6px!important;font-weight:800!important;}
.tn-exact-dark-panel h2 span i{width:7px!important;height:7px!important;border-radius:50%!important;background:#40e480!important;box-shadow:0 0 0 5px rgba(64,228,128,.12)!important;display:block!important;}
.tn-exact-dark-panel th,.tn-exact-dark-panel td{background:transparent!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,0.08)!important;padding:12px 14px!important;text-align:left!important;font-size:14.5px!important;white-space:nowrap!important;}
.tn-exact-dark-panel th{font-weight:800!important;color:rgba(255,255,255,0.7)!important;font-size:13px!important;}
.tn-exact-dark-panel td:last-child{color:#58e68d!important; font-size: 13px !important;}.tn-exact-lme-panel td:nth-child(2),.tn-exact-lme-panel th:nth-child(2){text-align:center!important}.tn-exact-lme-panel td:nth-child(3),.tn-exact-lme-panel th:nth-child(3){text-align:right!important}
.tn-exact-snapshot-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:12px!important;}
.tn-exact-snapshot-grid>div{min-height:74px!important;border:1px solid rgba(151,211,255,.24)!important;border-radius:6px!important;background:rgba(3,20,40,.32)!important;padding:11px 10px 9px 56px!important;position:relative!important;box-sizing:border-box!important;}
.tn-exact-snapshot-grid i{position:absolute!important;left:15px!important;top:21px!important;width:31px!important;height:31px!important;border-radius:50%!important;background:#087df0!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:15px!important;}
.tn-exact-snapshot-grid small{display:block!important;color:#cde2f6!important;font-size:9px!important;font-weight:700!important;line-height:1.15!important;}.tn-exact-snapshot-grid b{display:block!important;color:#fff!important;font-size:17px!important;margin:2px 0!important;}.tn-exact-snapshot-grid span{font-size:9px!important;color:#cde2f6!important;}

/* How section */
.tn-exact-how{padding:40px 0 20px!important; margin-top: 20px !important;}
.tn-exact-how h2{font-size:17px!important;margin-bottom:13px!important;}
.tn-exact-how-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;position:relative!important;}
.tn-exact-how-grid:before{content:"";position:absolute;left:7%;right:7%;top:18px;border-top:1px dashed #c7d3df!important;z-index:0;}
.tn-exact-how-grid>div{text-align:center!important;position:relative!important;z-index:1!important;padding:0 24px!important;}
.tn-exact-how-grid i{width:38px!important;height:38px!important;border-radius:50%!important;background:#fff!important;border:1px solid #e3edf6!important;color:#102744!important;display:grid!important;place-items:center!important;margin:0 auto 10px!important;font-size:17px!important;}
.tn-exact-how-grid b{display:block!important;font-size:11px!important;color:#162744!important;margin-bottom:3px!important;}.tn-exact-how-grid span{display:block!important;font-size:9px!important;line-height:1.25!important;color:#738198!important;}

/* Why row */
.tn-exact-why-dark{background:#062846!important;border:1px solid rgba(112,184,239,.28)!important;border-radius:6px!important;padding:13px 10px 14px!important;margin-top:0!important;color:#fff!important;}
.tn-exact-why-dark h2{color:#fff!important;font-size:18px!important;margin:0 0 10px!important;}
.tn-exact-why-grid{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:9px!important;}
.tn-exact-why-grid>div{border:1px solid rgba(151,211,255,.22)!important;border-radius:6px!important;background:rgba(5,37,71,.72)!important;min-height:83px!important;padding:11px 9px!important;display:grid!important;grid-template-columns:40px 1fr!important;grid-template-rows:auto auto!important;column-gap:9px!important;align-items:center!important;box-sizing:border-box!important;}
.tn-exact-why-grid i{grid-row:1/3!important;width:38px!important;height:38px!important;border-radius:50%!important;background:#087df0!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:16px!important;}
.tn-exact-why-grid b{font-size:11px!important;color:#fff!important;font-weight:900!important;align-self:end!important;}.tn-exact-why-grid span{font-size:9px!important;color:#c9dbed!important;line-height:1.25!important;align-self:start!important;}

/* Membership band */
.tn-exact-membership{background:#fff!important;border:1px solid #e6eef8!important;box-shadow:0 8px 18px rgba(8,32,61,.055)!important;border-radius:0!important;margin-top:21px!important;margin-bottom:0!important;min-height:104px!important;padding:18px 28px!important;display:grid!important;grid-template-columns:78px 1.45fr repeat(3,1fr) 178px!important;gap:20px!important;align-items:center!important;}
.tn-membership-seal{width:68px!important;height:68px!important;border-radius:50%!important;border:4px solid #1aa3ff!important;display:grid!important;place-items:center!important;color:#087df0!important;background:#eff9ff!important;font-size:34px!important;box-shadow:0 0 0 5px rgba(8,125,240,.07) inset!important;}
.tn-membership-copy h2{margin:0 0 6px!important;text-align:left!important;font-size:17px!important;text-transform:uppercase!important;color:#14233e!important;font-weight:950!important;}.tn-membership-copy p{margin:0!important;font-size:11px!important;line-height:1.35!important;color:#617189!important;}
.tn-membership-mini{display:grid!important;grid-template-columns:38px 1fr!important;grid-template-rows:auto auto!important;column-gap:10px!important;align-items:center!important;}.tn-membership-mini i{grid-row:1/3!important;width:38px!important;height:38px!important;border-radius:50%!important;background:#082b52!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:16px!important;}.tn-membership-mini b{font-size:12px!important;color:#14233e!important;font-weight:900!important;}.tn-membership-mini span{font-size:9.5px!important;color:#667890!important;line-height:1.25!important;}.tn-exact-membership .btn{height:44px!important;font-size:13px!important;padding:0 18px!important;}

/* Footer exactly under membership. */
.tn-exact-footer{margin:0!important;padding:0!important;background:#062846!important;color:#d7e6f4!important;display:block!important;border:0!important;}
.tn-exact-footer-cta{min-height:76px!important;width:100%!important;background:linear-gradient(90deg,rgba(4,26,52,.92),rgba(4,26,52,.60)),url('../images/hero/demo-v4-footer-bg.jpg') center center/cover no-repeat!important;display:grid!important;grid-template-columns:minmax(0,1fr) 182px!important;align-items:center!important;gap:26px!important;padding:0 calc((100% - min(var(--tn-exact-wrap),calc(100% - 104px)))/2)!important;box-sizing:border-box!important;}
.tn-exact-footer-cta h2{margin:0 0 7px!important;color:#fff!important;font-size:24px!important;line-height:1.1!important;text-transform:uppercase!important;font-weight:950!important;letter-spacing:.2px!important;}.tn-exact-footer-cta p{margin:0!important;color:#cdddef!important;font-size:13px!important;}.tn-exact-footer-cta .btn{height:44px!important;font-size:14px!important;}
.tn-exact-footer-grid{width:min(var(--tn-exact-wrap),calc(100% - 104px))!important;margin:0 auto!important;display:grid!important;grid-template-columns:1.25fr repeat(4,1fr)!important;gap:42px!important;padding:18px 0 14px!important;box-sizing:border-box!important;}
.tn-exact-footer-grid h3{margin:0 0 9px!important;color:#fff!important;text-transform:uppercase!important;font-size:12px!important;font-weight:900!important;letter-spacing:.4px!important;}.tn-exact-footer-grid a,.tn-exact-footer-grid p{display:block!important;color:#c9d9e9!important;text-decoration:none!important;font-size:10.5px!important;line-height:1.35!important;margin:0 0 4px!important;}.tn-exact-footer-grid img{width:168px!important;height:auto!important;display:block!important;margin:0 0 7px!important;}.tn-footer-social{display:flex!important;gap:17px!important;color:#fff!important;margin-top:15px!important;font-size:15px!important;}
.tn-exact-footer .tn-footer-bottom{width:min(var(--tn-exact-wrap),calc(100% - 104px))!important;margin:0 auto!important;border-top:1px solid rgba(255,255,255,.08)!important;padding:8px 0 10px!important;display:flex!important;justify-content:space-between!important;color:#9eb4ca!important;font-size:9.5px!important;}

/* Chatbot stays visible on homepage; global widget styles are defined in style.css. */

@media(max-width:1150px){.tn-header-demo-glass{position:relative!important;top:0!important;left:0!important;transform:none!important;width:100%!important;border-radius:0!important;height:auto!important;min-height:66px!important;padding:12px 18px!important}.tn-menu{display:block!important}.tn-nav-demo{display:none!important}.nav-open .tn-nav-demo{display:flex!important;position:absolute!important;top:66px!important;left:0!important;right:0!important;height:auto!important;background:rgba(6, 40, 70, 0.95)!important;backdrop-filter:blur(20px)!important;flex-direction:column!important;align-items:stretch!important;padding:10px 18px 16px!important;z-index:99!important}.tn-nav-demo a{height:42px!important}.tn-exact-hero-inner{width:min(100% - 36px,700px)!important;grid-template-columns:1fr!important;padding-top:52px!important}.tn-exact-hero{min-height:auto!important;padding-bottom:28px!important}.tn-exact-hero-copy h1{font-size:40px!important}.tn-exact-trust-strip{height:auto!important;grid-template-columns:1fr 1fr!important}.tn-exact-trust-strip>div{padding:17px 24px!important}.tn-exact-wrap{width:calc(100% - 34px)!important}.tn-exact-category-row{grid-template-columns:repeat(2,1fr)!important}.tn-exact-category-row button{display:none!important}.tn-exact-supplier-grid{grid-template-columns:repeat(2,1fr)!important;gap:18px!important}.tn-exact-market-grid{grid-template-columns:1fr!important}.tn-exact-how-grid,.tn-exact-why-grid{grid-template-columns:1fr 1fr!important}.tn-exact-membership{grid-template-columns:1fr!important}.tn-exact-footer-cta,.tn-exact-footer-grid{grid-template-columns:1fr!important;width:calc(100% - 34px)!important;padding-left:0!important;padding-right:0!important}.tn-exact-footer .tn-footer-bottom{width:calc(100% - 34px)!important;display:block!important}.tn-exact-footer-cta{width:100%!important;padding:18px!important}}
@media(max-width:620px){.tn-exact-hero-copy h1{font-size:34px!important}.tn-exact-hero-actions{flex-direction:column!important;align-items:stretch!important}.tn-exact-hero-actions .btn{width:100%!important}.tn-exact-trust-strip,.tn-exact-category-row,.tn-exact-supplier-grid,.tn-exact-how-grid,.tn-exact-why-grid{grid-template-columns:1fr!important}.tn-exact-why-grid>div{grid-template-columns:46px 1fr!important}.tn-exact-market-widget{padding:14px!important}.tn-exact-dark-panel{overflow-x:auto!important}.tn-exact-dark-panel table{min-width:520px!important}}

/* V6 final compression: match the attached full-page demo screenshot proportions more closely. */
@media (min-width:901px){
  .tn-exact-hero{min-height:335px!important;}
  .tn-exact-hero-inner{padding-top:92px!important;grid-template-columns:minmax(0,1fr) 365px!important;gap:36px!important;}
  .tn-exact-hero-copy h1{font-size:48px!important;line-height:1.04!important;}
  .tn-exact-hero-copy p{margin:12px 0 16px!important;font-size:14px!important;}
  .tn-exact-hero-actions .btn{height:38px!important;min-width:150px!important;font-size:12px!important;}
  .tn-exact-market-widget{min-height:225px!important;padding:14px 18px 10px!important;}
  .tn-exact-market-widget h3{margin-bottom:11px!important;font-size:13px!important;}
  .tn-exact-market-widget th,.tn-exact-market-widget td{padding:6.5px 0!important;font-size:11px!important;}
  .tn-exact-market-widget a,.tn-exact-dark-panel>a{height:30px!important;font-size:11px!important;}
  .tn-exact-trust-strip{height:58px!important;}
  .tn-exact-trust-strip>div{grid-template-columns:36px 1fr!important;column-gap:10px!important;padding:0 26px!important;}
  .tn-exact-trust-strip i{font-size:28px!important;}
  .tn-exact-trust-strip b{font-size:12px!important;}
  .tn-exact-trust-strip small{font-size:10px!important;}
  .tn-exact-categories{padding:12px 0 12px!important;}
  .tn-exact-wrap h2{font-size:22px!important;}
  .tn-exact-category-row{margin-top:12px!important;gap:24px!important;}
  .tn-exact-category-card{height:150px!important;}
  .tn-exact-category-card img{height:96px!important;}
  .tn-exact-category-card strong{margin-top:8px!important;font-size:12px!important;}
  .tn-exact-category-card small{margin-top:3px!important;font-size:9px!important;}
  .tn-exact-suppliers{padding:5px 0 10px!important;}
  .tn-exact-supplier-grid{gap:18px 32px!important;margin-top:18px!important;}
  .tn-exact-supplier-card{height:172px!important;}
  .tn-exact-supplier-card>img{height:66px!important;}
  .tn-exact-supplier-card .tn-card-body{padding:5px 7px 5px!important;}
  .tn-card-badges{margin-bottom:4px!important;}
  .tn-badge{font-size:6.7px!important;padding:1.5px 4px!important;}
  .tn-exact-supplier-card h3{font-size:11.5px!important;margin-bottom:4px!important;}
  .tn-exact-supplier-card p{font-size:9px!important;margin-bottom:4px!important;line-height:1.08!important;}
  .tn-exact-supplier-card p strong{font-size:9px!important;}
  .tn-exact-supplier-card small{font-size:8px!important;margin-top:3px!important;}
  .tn-exact-market-grid{padding:4px 0 10px!important;gap:12px!important;}
  .tn-exact-dark-panel{min-height:190px!important;padding:10px 12px 7px!important;}
  .tn-exact-dark-panel h2{font-size:14px!important;margin-bottom:7px!important;}
  .tn-exact-dark-panel th,.tn-exact-dark-panel td{padding:4.5px 6px!important;font-size:9px!important;}
  .tn-exact-dark-panel th{font-size:8.5px!important;}
  .tn-exact-snapshot-grid{gap:8px!important;margin-top:8px!important;}
  .tn-exact-snapshot-grid>div{min-height:62px!important;padding:8px 8px 7px 48px!important;}
  .tn-exact-snapshot-grid i{left:12px!important;top:16px!important;width:28px!important;height:28px!important;font-size:13px!important;}
  .tn-exact-snapshot-grid small{font-size:8px!important;}.tn-exact-snapshot-grid b{font-size:15px!important;}
  .tn-exact-how{padding:5px 0 14px!important;}
  .tn-exact-how h2{font-size:15px!important;margin-bottom:10px!important;}
  .tn-exact-how-grid i{width:32px!important;height:32px!important;margin-bottom:7px!important;font-size:14px!important;}
  .tn-exact-how-grid b{font-size:9.5px!important;}.tn-exact-how-grid span{font-size:8px!important;line-height:1.15!important;}
  .tn-exact-why-dark{padding:10px 9px 11px!important;}
  .tn-exact-why-dark h2{font-size:16px!important;margin-bottom:8px!important;}
  .tn-exact-why-grid>div{min-height:67px!important;padding:8px 7px!important;grid-template-columns:34px 1fr!important;column-gap:8px!important;}
  .tn-exact-why-grid i{width:31px!important;height:31px!important;font-size:13px!important;}
  .tn-exact-why-grid b{font-size:9.5px!important;}.tn-exact-why-grid span{font-size:8px!important;line-height:1.15!important;}
  .tn-exact-membership{margin-top:16px!important;min-height:86px!important;padding:12px 24px!important;grid-template-columns:64px 1.45fr repeat(3,1fr) 165px!important;gap:16px!important;}
  .tn-membership-seal{width:58px!important;height:58px!important;font-size:28px!important;}
  .tn-membership-copy h2{font-size:15px!important;margin-bottom:4px!important;}.tn-membership-copy p{font-size:9.5px!important;line-height:1.25!important;}
  .tn-membership-mini{grid-template-columns:32px 1fr!important;column-gap:8px!important;}.tn-membership-mini i{width:32px!important;height:32px!important;font-size:14px!important;}.tn-membership-mini b{font-size:10px!important;}.tn-membership-mini span{font-size:8px!important;line-height:1.15!important;}.tn-exact-membership .btn{height:38px!important;font-size:11px!important;}
  .tn-exact-footer-cta{min-height:62px!important;grid-template-columns:minmax(0,1fr) 165px!important;}
  .tn-exact-footer-cta h2{font-size:20px!important;margin-bottom:4px!important;}.tn-exact-footer-cta p{font-size:11px!important;}.tn-exact-footer-cta .btn{height:38px!important;font-size:12px!important;}
  .tn-exact-footer-grid{padding:15px 0 10px!important;gap:38px!important;}
  .tn-exact-footer-grid img{width:145px!important;margin-bottom:6px!important;}.tn-exact-footer-grid h3{font-size:10.5px!important;margin-bottom:7px!important;}.tn-exact-footer-grid a,.tn-exact-footer-grid p{font-size:9px!important;line-height:1.25!important;margin-bottom:3px!important;}.tn-footer-social{margin-top:12px!important;font-size:13px!important;gap:14px!important;}
  .tn-exact-footer .tn-footer-bottom{padding:7px 0 8px!important;font-size:8.5px!important;}
}

/* V6 final fine-tune: reduce mid/lower page drift against the 1074x1600 reference. */
@media (min-width:901px){
  .tn-exact-categories{padding:10px 0 8px!important;}
  .tn-exact-category-row{margin-top:10px!important;gap:22px!important;}
  .tn-exact-category-card{height:137px!important;}
  .tn-exact-category-card img{height:86px!important;}
  .tn-exact-category-card strong{margin-top:7px!important;font-size:11.5px!important;}
  .tn-exact-suppliers{padding:3px 0 8px!important;}
  .tn-exact-supplier-grid{gap:14px 32px!important;margin-top:15px!important;}
  .tn-exact-supplier-card{height:160px!important;}
  .tn-exact-supplier-card>img{height:60px!important;}
  .tn-card-badges{margin-bottom:3px!important;}
  .tn-exact-supplier-card h3{font-size:11px!important;margin-bottom:3px!important;}
  .tn-exact-supplier-card p{font-size:8.4px!important;margin-bottom:3px!important;}
  .tn-exact-supplier-card p strong{font-size:8.4px!important;}
  .tn-exact-supplier-card small{font-size:7.8px!important;margin-top:2px!important;}
  .tn-exact-market-grid{padding:3px 0 7px!important;}
  .tn-exact-dark-panel{min-height:178px!important;padding:9px 11px 6px!important;}
  .tn-exact-dark-panel h2{font-size:13px!important;margin-bottom:6px!important;}
  .tn-exact-dark-panel th,.tn-exact-dark-panel td{padding:3.8px 5px!important;font-size:8.5px!important;}
  .tn-exact-snapshot-grid>div{min-height:56px!important;padding-top:7px!important;padding-bottom:6px!important;}
  .tn-exact-how{padding:4px 0 11px!important;}
  .tn-exact-how h2{margin-bottom:8px!important;}
  .tn-exact-how-grid i{width:29px!important;height:29px!important;margin-bottom:5px!important;}
  .tn-exact-why-dark{padding:9px 8px 9px!important;}
  .tn-exact-why-grid>div{min-height:60px!important;padding:7px 6px!important;grid-template-columns:30px 1fr!important;}
  .tn-exact-why-grid i{width:28px!important;height:28px!important;font-size:12px!important;}
  .tn-exact-membership{margin-top:13px!important;min-height:78px!important;padding:10px 22px!important;}
  .tn-membership-seal{width:52px!important;height:52px!important;font-size:25px!important;}
  .tn-exact-footer-cta{min-height:56px!important;}
  .tn-exact-footer-grid{padding:12px 0 8px!important;}
  .tn-exact-footer .tn-footer-bottom{padding:6px 0 7px!important;}
}

/* V6 reference-height fit: bring footer into the 1600px demo frame. */
@media (min-width:901px){
  .tn-exact-category-card{height:128px!important;}
  .tn-exact-category-card img{height:80px!important;}
  .tn-exact-category-card strong{margin-top:5px!important;font-size:11px!important;}
  .tn-exact-category-card small{font-size:8.5px!important;}
  .tn-exact-supplier-grid{gap:10px 32px!important;margin-top:12px!important;}
  .tn-exact-supplier-card{height:148px!important;}
  .tn-exact-supplier-card>img{height:55px!important;}
  .tn-exact-supplier-card .tn-card-body{padding:4px 7px!important;}
  .tn-badge{font-size:6.2px!important;padding:1px 3.5px!important;}
  .tn-exact-supplier-card h3{font-size:10.3px!important;line-height:1.05!important;}
  .tn-exact-supplier-card p{font-size:7.8px!important;line-height:1.05!important;margin-bottom:2px!important;}
  .tn-exact-supplier-card p strong{font-size:7.8px!important;}
  .tn-exact-supplier-card small{font-size:7.2px!important;}
  .tn-exact-dark-panel{min-height:164px!important;}
  .tn-exact-dark-panel th,.tn-exact-dark-panel td{padding:3.1px 4px!important;font-size:8px!important;}
  .tn-exact-snapshot-grid>div{min-height:50px!important;}
  .tn-exact-snapshot-grid b{font-size:13px!important;}.tn-exact-snapshot-grid small{font-size:7.2px!important;}
  .tn-exact-how{padding-bottom:8px!important;}.tn-exact-how-grid i{width:25px!important;height:25px!important;margin-bottom:4px!important;}.tn-exact-how-grid b{font-size:8.8px!important;}.tn-exact-how-grid span{font-size:7.2px!important;}
  .tn-exact-why-grid>div{min-height:54px!important;}.tn-exact-why-grid b{font-size:8.8px!important;}.tn-exact-why-grid span{font-size:7.2px!important;}
  .tn-exact-membership{min-height:70px!important;padding:8px 20px!important;}.tn-membership-seal{width:46px!important;height:46px!important;font-size:22px!important;}.tn-membership-copy h2{font-size:13.5px!important;}.tn-membership-copy p{font-size:8.4px!important;}.tn-membership-mini i{width:28px!important;height:28px!important;}.tn-membership-mini b{font-size:8.8px!important;}.tn-membership-mini span{font-size:7.2px!important;}.tn-exact-membership .btn{height:34px!important;font-size:10px!important;}
  .tn-exact-footer-cta{min-height:52px!important;}.tn-exact-footer-cta h2{font-size:18px!important;}.tn-exact-footer-cta p{font-size:10px!important;}.tn-exact-footer-cta .btn{height:34px!important;}
  .tn-exact-footer-grid{padding:10px 0 6px!important;}.tn-exact-footer-grid img{width:132px!important;}.tn-exact-footer-grid h3{font-size:9.5px!important;margin-bottom:5px!important;}.tn-exact-footer-grid a,.tn-exact-footer-grid p{font-size:8px!important;line-height:1.16!important;margin-bottom:2px!important;}.tn-footer-social{margin-top:8px!important;font-size:12px!important;}
  .tn-exact-footer .tn-footer-bottom{padding:5px 0!important;font-size:7.8px!important;}
}

/* V6 footer-only final fit so the footer ends inside the demo reference frame. */
@media (min-width:901px){
  .tn-exact-footer-grid{padding:7px 0 4px!important;gap:28px!important;grid-template-columns:1.08fr repeat(4,.92fr)!important;}
  .tn-exact-footer-grid img{width:112px!important;margin-bottom:4px!important;}
  .tn-exact-footer-grid h3{font-size:8.8px!important;margin-bottom:4px!important;}
  .tn-exact-footer-grid a,.tn-exact-footer-grid p{font-size:7.3px!important;line-height:1.08!important;margin-bottom:1.4px!important;}
  .tn-footer-social{margin-top:5px!important;font-size:10px!important;gap:10px!important;}
  .tn-exact-footer .tn-footer-bottom{padding:3px 0 4px!important;font-size:7px!important;}
}

/* V7 slider-control placement + natural card proportions. */
.tn-section-title-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:0 0 14px!important;}
.tn-section-title-row h2{margin:0!important;text-align:left!important;}
.tn-section-slider-controls{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex:0 0 auto!important;}
.tn-section-slider-controls button{width:34px!important;height:34px!important;min-width:34px!important;border-radius:50%!important;border:1px solid #e2eaf3!important;background:#fff!important;color:#0b73d9!important;box-shadow:0 6px 18px rgba(8,32,61,.10)!important;display:grid!important;place-items:center!important;cursor:pointer!important;padding:0!important;line-height:1!important;transition:background .18s ease,color .18s ease,transform .18s ease!important;}
.tn-section-slider-controls button:hover{background:#087df0!important;color:#fff!important;transform:translateY(-1px)!important;}
.tn-section-slider-controls button i{font-size:12px!important;line-height:1!important;}
.tn-exact-category-row{grid-template-columns:repeat(6,minmax(0,1fr))!important;margin-top:0!important;overflow-x:auto!important;scroll-behavior:smooth!important;scrollbar-width:none!important;padding:2px 2px 12px!important;}
.tn-exact-category-row::-webkit-scrollbar,.tn-exact-supplier-grid::-webkit-scrollbar{display:none!important;}
.tn-exact-category-row>button{display:none!important;}
.tn-exact-category-card{height:auto!important;min-height:0!important;}
.tn-exact-category-card img{height:auto!important;aspect-ratio:1.52/1!important;object-fit:cover!important;}
.tn-exact-supplier-grid{overflow-x:auto!important;scroll-behavior:smooth!important;scrollbar-width:none!important;padding:2px 2px 12px!important;}
.tn-exact-supplier-card{height:auto!important;min-height:0!important;}
.tn-exact-supplier-card>img{height:auto!important;aspect-ratio:2.45/1!important;object-fit:cover!important;}
@media (min-width:901px){
  .tn-exact-categories{padding:16px 0 17px!important;}
  .tn-exact-suppliers{padding:10px 0 18px!important;}
  .tn-exact-category-card strong{margin-top:10px!important;font-size:13px!important;}
  .tn-exact-category-card small{font-size:10px!important;margin-bottom:11px!important;}
  .tn-exact-supplier-grid{gap:27px 34px!important;margin-top:0!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;}
  .tn-exact-supplier-card .tn-card-body{padding:7px 9px 9px!important;}
  .tn-badge{font-size:7.5px!important;padding:2px 5px!important;}
  .tn-exact-supplier-card h3{font-size:13px!important;line-height:1.15!important;margin-bottom:5px!important;}
  .tn-exact-supplier-card p{font-size:10px!important;line-height:1.15!important;margin-bottom:5px!important;}
  .tn-exact-supplier-card p strong{font-size:10px!important;}
  .tn-exact-supplier-card small{font-size:9px!important;margin-top:5px!important;}
}
@media (max-width:900px){
  .tn-section-title-row{align-items:flex-start!important;}
  .tn-exact-category-row{grid-template-columns:repeat(6,minmax(160px,1fr))!important;}
  .tn-exact-supplier-grid{grid-template-columns:repeat(5,minmax(210px,1fr))!important;}
}


/* V8: inner-page header spacing, Resources hero image, stable homepage hero, and readable footer typography. */
.tn-page-home .tn-header-demo-glass{
  position:absolute!important;
  top:10px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  margin:0!important;
}
.tn-page-home .tn-exact-hero{
  background-image:linear-gradient(90deg,rgba(2,13,29,.70) 0%,rgba(2,13,29,.50) 40%,rgba(2,13,29,.34) 100%),url('../images/hero/demo-v4-hero-bg.jpg')!important;
  background-position:center top!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  isolation:isolate!important;
  transform:translateZ(0)!important;
}
.tn-page-inner .tn-header-demo-glass{
  position:absolute!important;
  top:10px!important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:min(1328px,calc(100% - 28px))!important;
  margin:0 auto!important;
  z-index:1000!important;
  background:rgba(4, 22, 42, 0.85) !important;
  backdrop-filter:blur(20px) !important;
  -webkit-backdrop-filter:blur(20px) !important;
  border:1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius:15px!important;
  height:60px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 30px!important;
  box-sizing:border-box!important;
}
.tn-page-inner .container{
  margin-top:96px!important;
  padding-top:12px!important;
}
.tn-page-inner .section-head{
  align-items:center!important;
  padding-top:6px!important;
}
.tn-page-inner .section-head h1{
  margin:0 0 22px!important;
  font-size:34px!important;
  line-height:1.15!important;
  color:#101d35!important;
}
.tn-page-inner .section-head p{
  margin:0!important;
  font-size:16px!important;
  line-height:1.5!important;
}
.tn-page-resources .tn-page-hero{
  position:relative!important;
  min-height:300px!important;
  margin:18px 0 0!important;
  padding:76px 24px 82px!important;
  overflow:hidden!important;
  text-align:center!important;
  color:#fff!important;
  background:linear-gradient(90deg,rgba(4,22,42,.88),rgba(8,71,140,.68),rgba(8,125,240,.58)),url('../images/hero/demo-v4-hero-bg.jpg') center center/cover no-repeat!important;
  border-bottom:1px solid rgba(8,125,240,.18)!important;
}
.tn-page-resources .tn-page-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:radial-gradient(circle at 18% 18%,rgba(123,196,255,.26),transparent 22%),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.28))!important;
  pointer-events:none!important;
}
.tn-page-resources .tn-page-hero h1,
.tn-page-resources .tn-page-hero p{
  position:relative!important;
  z-index:1!important;
}
.tn-page-resources .tn-page-hero h1{
  margin:0 0 24px!important;
  font-size:56px!important;
  line-height:1.05!important;
  letter-spacing:-1px!important;
  font-weight:950!important;
  color:#fff!important;
  text-shadow:0 12px 34px rgba(0,0,0,.38)!important;
}
.tn-page-resources .tn-page-hero p{
  max-width:800px!important;
  margin:0 auto!important;
  color:#eaf5ff!important;
  font-size:20px!important;
  line-height:1.55!important;
  font-weight:650!important;
}
.tn-content-section{
  width:min(1180px,94%)!important;
  margin:34px auto!important;
}
.tn-content-card,
.tn-content-grid>div{
  background:#fff!important;
  border:1px solid #e6edf5!important;
  border-radius:18px!important;
  box-shadow:0 18px 45px rgba(14,35,70,.08)!important;
  padding:28px!important;
}
.tn-content-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
.tn-content-card h2,
.tn-content-grid h2{
  color:#0d2442!important;
  margin-top:0!important;
}
.tn-content-card p,
.tn-content-grid p{
  color:#4b5d73!important;
  font-size:15px!important;
  line-height:1.7!important;
}
@media (min-width:901px){
  .tn-exact-footer-cta{min-height:76px!important;grid-template-columns:minmax(0,1fr) 182px!important;}
  .tn-exact-footer-cta h2{font-size:24px!important;line-height:1.1!important;margin:0 0 7px!important;}
  .tn-exact-footer-cta p{font-size:13px!important;line-height:1.35!important;}
  .tn-exact-footer-cta .btn{height:44px!important;font-size:14px!important;}
  .tn-exact-footer-grid{padding:18px 0 14px!important;gap:42px!important;grid-template-columns:1.25fr repeat(4,1fr)!important;}
  .tn-exact-footer-grid img{width:168px!important;margin:0 0 7px!important;}
  .tn-exact-footer-grid h3{font-size:12px!important;line-height:1.2!important;margin:0 0 9px!important;}
  .tn-exact-footer-grid a,.tn-exact-footer-grid p{font-size:10.5px!important;line-height:1.35!important;margin:0 0 4px!important;}
  .tn-footer-social{font-size:15px!important;gap:17px!important;margin-top:15px!important;}
  .tn-exact-footer .tn-footer-bottom{font-size:9.5px!important;padding:8px 0 10px!important;}
}
@media (max-width:900px){
  .tn-page-inner .tn-header-demo-glass{position:relative!important;top:0!important;left:0!important;transform:none!important;width:100%!important;margin:0!important;}
  .tn-page-inner .container{margin-top:24px!important;padding-top:0!important;}
  .tn-page-resources .tn-page-hero{margin-top:0!important;min-height:260px!important;padding:52px 22px!important;}
  .tn-page-resources .tn-page-hero h1{font-size:40px!important;}
  .tn-page-resources .tn-page-hero p{font-size:17px!important;}
  .tn-content-grid{grid-template-columns:1fr!important;}
}

/* V9: root homepage detection safety + fixed hero picture stability. When the home page is opened as / instead of /index.php, layout.php now assigns tn-page-home; these rules also keep the hero image pinned and prevent inner-page header spacing from affecting the home hero. */
body.tn-page-home{background:#f5f7fb!important;}
body.tn-page-home .tn-header-demo-glass{
  position:absolute!important;
  top:10px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:min(1328px,calc(100% - 28px))!important;
  height:58px!important;
  margin:0!important;
  z-index:1000!important;
}
body.tn-page-home .tn-exact-demo-page{
  margin:0!important;
  padding:0!important;
  background:#f5f7fb!important;
}
body.tn-page-home .tn-exact-hero,
.tn-exact-demo-page .tn-exact-hero{
  position:relative!important;
  min-height:402px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background-color:#061f3d!important;
  background-image:linear-gradient(90deg,rgba(2,13,29,.70) 0%,rgba(2,13,29,.50) 40%,rgba(2,13,29,.34) 100%),url('../images/hero/demo-v4-hero-bg.jpg')!important;
  background-position:center top!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-attachment:scroll!important;
  border-bottom:1px solid rgba(98,177,234,.42)!important;
  isolation:isolate!important;
  transform:none!important;
}
body.tn-page-home .tn-exact-hero-inner,
.tn-exact-demo-page .tn-exact-hero-inner{
  padding-top:118px!important;
}
body.tn-page-home .tn-page-inner,
body.tn-page-home .container{
  margin-top:0!important;
  padding-top:0!important;
}
@media (max-width:900px){
  body.tn-page-home .tn-header-demo-glass{position:relative!important;top:0!important;left:0!important;transform:none!important;width:100%!important;margin:0!important;border-radius:0!important;}
  body.tn-page-home .tn-exact-hero,.tn-exact-demo-page .tn-exact-hero{min-height:auto!important;}
  body.tn-page-home .tn-exact-hero-inner,.tn-exact-demo-page .tn-exact-hero-inner{padding-top:42px!important;}
}

/* V10: restore the original Why row, preserve readable dark-panel tables, and align the live mobile menu with the actual .active toggle. */
@media (min-width:1151px){
  .tn-exact-why-dark{background:#062846!important;border:1px solid rgba(112,184,239,.28)!important;border-radius:6px!important;padding:13px 10px 14px!important;margin-top:0!important;color:#fff!important;}
  .tn-exact-why-dark h2{color:#fff!important;font-size:18px!important;margin:0 0 10px!important;}
  .tn-exact-why-grid{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:9px!important;}
  .tn-exact-why-grid>div{border:1px solid rgba(151,211,255,.22)!important;border-radius:6px!important;background:rgba(5,37,71,.72)!important;min-height:83px!important;padding:11px 9px!important;display:grid!important;grid-template-columns:40px 1fr!important;grid-template-rows:auto auto!important;column-gap:9px!important;align-items:center!important;box-sizing:border-box!important;}
  .tn-exact-why-grid i{grid-row:1/3!important;width:38px!important;height:38px!important;border-radius:50%!important;background:#087df0!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:16px!important;margin:0!important;opacity:1!important;}
  .tn-exact-why-grid b{font-size:11px!important;color:#fff!important;font-weight:900!important;align-self:end!important;margin:0!important;display:block!important;}
  .tn-exact-why-grid span{font-size:9px!important;color:#c9dbed!important;line-height:1.25!important;align-self:start!important;display:block!important;margin:0!important;}
  .tn-exact-dark-panel th,.tn-exact-dark-panel td{padding:12px 14px!important;font-size:14.5px!important;}
  .tn-exact-dark-panel th{font-size:13px!important;}
  .tn-exact-dark-panel td:last-child{font-size:13px!important;}
}
@media (max-width:1150px){
  .tn-header-demo-glass,
  body.tn-page-home .tn-header-demo-glass,
  .tn-page-inner .tn-header-demo-glass{position:relative!important;top:0!important;left:0!important;transform:none!important;width:100%!important;height:auto!important;min-height:66px!important;margin:0!important;border-radius:0!important;padding:12px 18px!important;}
  .tn-menu-toggle{display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;background:transparent!important;border:0!important;font-size:24px!important;cursor:pointer!important;}
  .tn-nav-demo{display:none!important;position:absolute!important;top:66px!important;left:0!important;right:0!important;width:100%!important;height:auto!important;margin:0!important;max-width:none!important;background:rgba(4,22,42,.98)!important;backdrop-filter:blur(25px)!important;-webkit-backdrop-filter:blur(25px)!important;flex-direction:column!important;align-items:stretch!important;padding:12px 18px 18px!important;border-radius:0 0 15px 15px!important;border:1px solid rgba(255,255,255,.10)!important;border-top:0!important;z-index:1000!important;box-shadow:0 20px 40px rgba(0,0,0,.60)!important;}
  .tn-nav-demo.active{display:flex!important;}
  .tn-nav-demo.active .tn-nav-links,
  .tn-nav-demo.active .tn-nav-auth{display:flex!important;flex-direction:column!important;width:100%!important;align-items:stretch!important;gap:0!important;}
  .tn-nav-demo.active .tn-nav-links a,
  .tn-nav-demo.active .tn-nav-auth a{display:flex!important;width:100%!important;height:44px!important;margin:0!important;padding:0 22px!important;justify-content:flex-start!important;border-bottom:1px solid rgba(255,255,255,.06)!important;font-size:14px!important;box-sizing:border-box!important;}
  .tn-nav-demo.active .tn-nav-auth{padding-top:10px!important;}
  .tn-nav-demo.active .tn-nav-auth a{justify-content:center!important;height:42px!important;margin:6px 0!important;border-radius:8px!important;border-bottom:0!important;}
  body.tn-page-home .tn-exact-hero-inner,
  .tn-exact-demo-page .tn-exact-hero-inner{padding-top:52px!important;}
}

/* V11: mobile app-style public UI, stable responsive home hero, raised search bar, and dark footer preservation. */
.tn-exact-footer{background:#04162b!important;color:#dbeaff!important;border-top:1px solid rgba(113,181,235,.18)!important;}
.tn-exact-footer-cta{background:#061f3d!important;color:#fff!important;border-color:rgba(113,181,235,.22)!important;}
.tn-exact-footer-grid,.tn-exact-footer .tn-footer-bottom{background:#04162b!important;color:#dbeaff!important;}
.tn-exact-footer-grid h3,.tn-exact-footer-cta h2{color:#fff!important;}
.tn-exact-footer-grid a,.tn-exact-footer-grid p,.tn-footer-bottom span{color:#c4d7eb!important;}
.tn-exact-footer-grid img{filter:none!important;}
body.tn-page-home .tn-exact-hero-inner,.tn-exact-demo-page .tn-exact-hero-inner{width:min(1240px,calc(100% - 72px))!important;grid-template-columns:minmax(0,1fr) clamp(320px,31vw,395px)!important;gap:clamp(24px,3.2vw,42px)!important;align-items:start!important;padding-top:104px!important;}
body.tn-page-home .tn-exact-hero-copy{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;}
body.tn-page-home .tn-exact-hero-copy h1{font-size:clamp(38px,4.1vw,54px)!important;line-height:1.05!important;}
body.tn-page-home .tn-exact-hero-copy p{font-size:clamp(14px,1.25vw,17px)!important;}
body.tn-page-home .tn-home-search-wrap{position:relative!important;top:auto!important;left:auto!important;transform:none!important;width:min(560px,100%)!important;max-width:560px!important;margin:0 0 18px!important;order:-1!important;z-index:3!important;}
body.tn-page-home .tn-exact-hero-actions{flex-wrap:wrap!important;}
body.tn-page-home .tn-exact-market-widget{width:100%!important;transform:none!important;margin-top:0!important;}
.tn-mobile-bottom-nav{display:none;}
@media(max-width:1150px){.tn-brand-demo{flex:0 1 auto!important;min-width:0!important}.tn-brand-demo img{width:150px!important;max-width:150px!important}.tn-header-demo-glass,body.tn-page-home .tn-header-demo-glass,.tn-page-inner .tn-header-demo-glass{background:#031326!important;border-radius:0!important;border-left:0!important;border-right:0!important;box-shadow:0 5px 18px rgba(0,0,0,.18)!important}.tn-menu-toggle{margin-left:auto!important}.tn-nav-demo.active{top:66px!important;background:#031326!important}}
@media(max-width:900px){body{padding-bottom:72px!important}.tn-mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;height:66px;background:#fff;border-top:1px solid #e6edf5;box-shadow:0 -8px 28px rgba(7,20,38,.10);z-index:1100;display:grid;grid-template-columns:repeat(5,1fr);padding:5px 7px calc(5px + env(safe-area-inset-bottom));box-sizing:border-box}.tn-mobile-bottom-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#0b1734;text-decoration:none;font-size:10px;font-weight:800}.tn-mobile-bottom-nav a i{font-size:17px;color:#0b1734}.tn-mobile-bottom-nav a.active,.tn-mobile-bottom-nav a.active i{color:#087df0}.tn-mobile-bottom-nav .tn-mobile-post i{width:34px;height:34px;border-radius:50%;background:#087df0;color:#fff;display:grid;place-items:center;margin-top:-18px;box-shadow:0 9px 18px rgba(8,125,240,.26)}.chat-widget{bottom:84px!important}.tn-header-demo-glass,body.tn-page-home .tn-header-demo-glass,.tn-page-inner .tn-header-demo-glass{min-height:72px!important;padding:14px 17px!important}.tn-brand-demo img{width:142px!important;max-width:142px!important}body.tn-page-home .tn-exact-hero,.tn-exact-demo-page .tn-exact-hero{min-height:378px!important;background-position:center top!important}body.tn-page-home .tn-exact-hero-inner,.tn-exact-demo-page .tn-exact-hero-inner{width:calc(100% - 30px)!important;display:block!important;padding-top:16px!important;padding-bottom:24px!important}body.tn-page-home .tn-exact-hero-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important}body.tn-page-home .tn-home-search-wrap{order:-2!important;width:100%!important;margin:0 0 42px!important;max-width:none!important}body.tn-page-home .tn-home-search{min-height:45px!important;padding:3px 5px 3px 14px!important;background:rgba(26,43,66,.92)!important;border-radius:999px!important}body.tn-page-home .tn-home-search input{font-size:12px!important}body.tn-page-home .tn-home-search button{width:46px!important;height:36px!important;min-width:46px!important}body.tn-page-home .tn-exact-hero-copy h1{font-size:34px!important;line-height:1.08!important;margin:0 0 10px!important;max-width:310px!important}body.tn-page-home .tn-exact-hero-copy h1:before{content:'GLOBAL';display:inline-flex;align-items:center;margin:0 0 14px;padding:7px 12px;border-radius:9px;background:rgba(8,125,240,.22);color:#fff;font-size:11px;letter-spacing:.08em;font-weight:950}body.tn-page-home .tn-exact-hero-copy p{font-size:14px!important;line-height:1.45!important;margin:0 0 18px!important;max-width:280px!important}body.tn-page-home .tn-exact-hero-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:190px!important;gap:10px!important}body.tn-page-home .tn-exact-hero-actions .btn{height:44px!important;width:100%!important;min-width:0!important;font-size:12px!important;border-radius:5px!important}body.tn-page-home .tn-exact-market-widget{display:none!important}.tn-exact-trust-strip{height:auto!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;background:#062846!important}.tn-exact-trust-strip>div{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:7px!important;padding:14px 6px!important;border-right:1px solid rgba(204,231,255,.16)!important}.tn-exact-trust-strip>div:nth-child(n+5){display:none!important}.tn-exact-trust-strip i{font-size:23px!important}.tn-exact-trust-strip b{font-size:10px!important;white-space:normal!important;line-height:1.2!important}.tn-exact-trust-strip small{display:none!important}.tn-exact-wrap{width:calc(100% - 28px)!important}.tn-section-title-row{justify-content:space-between!important;align-items:center!important}.tn-section-title-row h2{text-align:left!important;font-size:15px!important;width:auto!important}.tn-section-title-row:after{content:'View All';color:#087df0;font-size:11px;font-weight:900}.tn-section-slider-controls{display:none!important}.tn-exact-category-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;overflow:visible!important;margin-top:12px!important}.tn-exact-category-card{min-width:0!important;flex:auto!important;height:126px!important;border-radius:8px!important;box-shadow:0 7px 18px rgba(8,32,61,.07)!important}.tn-exact-category-card img{height:78px!important;border-radius:8px 8px 0 0!important}.tn-exact-category-card strong{font-size:11px!important;margin-top:7px!important}.tn-exact-category-card small{font-size:10px!important;margin-top:3px!important}.tn-exact-supplier-grid{display:flex!important;overflow-x:auto!important;gap:14px!important;margin-top:12px!important;scroll-snap-type:x mandatory!important;padding-bottom:8px!important}.tn-exact-supplier-card{flex:0 0 88%!important;height:auto!important;min-height:172px!important;border-radius:8px!important;display:grid!important;grid-template-columns:96px 1fr!important;scroll-snap-align:start!important}.tn-exact-supplier-card>img{width:96px!important;height:100%!important;min-height:172px!important;border-radius:8px 0 0 8px!important}.tn-exact-supplier-card .tn-card-body{padding:12px!important}.tn-exact-supplier-card h3{font-size:14px!important}.tn-exact-supplier-card p{font-size:11px!important}.tn-exact-market-grid{display:block!important}.tn-exact-market-grid .tn-exact-dark-panel{border-radius:8px!important;margin:16px 0!important}.tn-exact-how,.tn-exact-why-dark,.tn-exact-membership{display:none!important}.tn-exact-footer{padding-bottom:70px!important}.tn-exact-footer-cta,.tn-exact-footer-grid,.tn-exact-footer .tn-footer-bottom{width:calc(100% - 28px)!important}.tn-exact-footer-cta{display:block!important;text-align:left!important;padding:20px!important}.tn-exact-footer-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important;padding-top:24px!important}.tn-footer-brand{grid-column:1/-1}.tn-exact-footer .tn-footer-bottom{display:block!important;text-align:center!important}}
@media(min-width:901px) and (max-width:1220px){body.tn-page-home .tn-exact-hero-inner,.tn-exact-demo-page .tn-exact-hero-inner{width:calc(100% - 54px)!important;grid-template-columns:minmax(0,1fr) 340px!important;padding-top:94px!important}body.tn-page-home .tn-home-search-wrap{width:min(500px,100%)!important;margin-bottom:14px!important}body.tn-page-home .tn-exact-hero-actions .btn{min-width:145px!important}}


/* V12: mobile QA refinements after screenshot review. */
@media(max-width:900px){
  body.tn-page-home .tn-exact-hero-copy h1:before{content:none!important;display:none!important;}
  .tn-exact-category-row>button{display:none!important;}
  .tn-exact-category-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important;overflow:visible!important;}
  .tn-exact-category-card{min-width:0!important;width:100%!important;max-width:100%!important;}
  .tn-exact-category-row .tn-exact-category-card:nth-of-type(n+7){display:none!important;}
  body.tn-page-home .tn-home-search-wrap{margin-bottom:34px!important;}
}