/* Nexa Leads — Home experience v3.2 */

body.page-home {
    --home-navy: #06172f;
    --home-navy-2: #092443;
    --home-navy-3: #0c3153;
    --home-cyan: #19d8f5;
    --home-teal: #18d9b2;
    --home-orange: #ff970f;
    --home-ice: #eef8ff;
    --home-line: rgba(76, 157, 205, .22);
    font-family: "Manrope", Inter, system-ui, sans-serif;
    color: #0b223d;
    background: #f4f8fc;
}

.page-home h1,
.page-home h2,
.page-home h3,
.page-home strong,
.page-home b,
.page-home .btn { font-family: "Manrope", Inter, system-ui, sans-serif; }

.page-home .site-header {
    height: 86px;
    color: #0a2547;
    background: rgba(244, 249, 255, .94);
    border-bottom: 1px solid rgba(9, 74, 139, .12);
    box-shadow: 0 10px 35px rgba(8, 39, 77, .08);
    backdrop-filter: blur(20px);
}
.page-home .site-header.scrolled {
    height: 74px;
    background: rgba(247, 251, 255, .97);
    border-color: rgba(9, 74, 139, .14);
    box-shadow: 0 18px 45px rgba(8, 39, 77, .12);
}
.page-home .site-header .brand,
.page-home .site-header .brand:hover,
.page-home .footer-head .brand {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.page-home .site-header .brand img {
    width: 196px;
    height: 62px;
    filter: drop-shadow(0 7px 14px rgba(6, 69, 166, .14));
}
.page-home .main-nav a,
.page-home .text-link { color: #45627e; }
.page-home .main-nav a:hover,
.page-home .main-nav a.active,
.page-home .text-link:hover { color: #074ca5; }
.page-home .main-nav a::after { background: linear-gradient(90deg, #0877ff, var(--home-cyan), var(--home-orange)); }
.page-home .site-header .btn-small {
    color: #fff;
    border-color: #0d92d7;
    background: linear-gradient(135deg, #0877ff, #00afd9);
    box-shadow: 0 12px 26px rgba(5, 113, 204, .2);
}

.home-hero {
    position: relative;
    min-height: 930px;
    padding: 164px clamp(25px, 5.7vw, 100px) 105px;
    display: grid;
    grid-template-columns: minmax(0, .88fr) minmax(520px, 1.12fr);
    align-items: center;
    gap: clamp(45px, 6vw, 100px);
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 82% 22%, rgba(25, 216, 245, .17), transparent 28%),
        radial-gradient(circle at 57% 88%, rgba(24, 217, 178, .08), transparent 30%),
        radial-gradient(circle at 12% 11%, rgba(8, 119, 255, .18), transparent 28%),
        linear-gradient(145deg, #06172f, #061a35 52%, #031023);
}
.home-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .3;
    background: linear-gradient(rgba(66, 146, 210, .09) 1px, transparent 1px), linear-gradient(90deg, rgba(66, 146, 210, .09) 1px, transparent 1px);
    background-size: 54px 54px;
    mask-image: linear-gradient(to bottom, #000 8%, transparent 90%);
    pointer-events: none;
}
.home-hero::after {
    content: "";
    position: absolute;
    width: 760px;
    height: 760px;
    right: -260px;
    top: 28px;
    border: 1px solid rgba(45, 215, 245, .1);
    border-radius: 50%;
    box-shadow: 0 0 0 65px rgba(45, 215, 245, .025), 0 0 0 130px rgba(45, 215, 245, .018);
    animation: homeOrbit 34s linear infinite;
    pointer-events: none;
}
.home-grid-glow {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 68% 46%, rgba(15, 162, 230, .17), transparent 34%);
    animation: homeGlow 7s ease-in-out infinite alternate;
    pointer-events: none;
}
.home-hero-copy,
.live-call-wrap { position: relative; z-index: 4; }
.home-operations-image { position:absolute; inset:-34px -38px auto auto; width:94%; height:96%; object-fit:cover; border-radius:30px; opacity:.2; filter:saturate(.85) contrast(1.08); transform:translateZ(-35px); mask-image:linear-gradient(135deg,transparent 2%,#000 30%,#000 72%,transparent 100%); pointer-events:none; }
.home-hero-copy { max-width: 700px; }
.home-kicker,
.home-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #60e9ff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
}
.home-kicker { margin-bottom: 24px; }
.home-kicker i,
.home-label i,
.bid-title span i,
.live-activity-card header span i,
.console-foot span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--home-teal);
    box-shadow: 0 0 16px var(--home-teal);
    animation: homePulse 1.8s ease-in-out infinite;
}
.home-hero h1 {
    max-width: 760px;
    margin: 0 0 26px;
    color: #fff;
    font-size: clamp(53px, 5.4vw, 85px);
    line-height: .98;
    letter-spacing: -.061em;
}
.home-hero h1 span,
.home-section h2 span,
.partner-path-heading h2 span,
.home-industries h2 span {
    color: transparent;
    background: linear-gradient(90deg, var(--home-cyan), var(--home-teal) 55%, #79f0d3);
    background-clip: text;
}
.home-hero-copy > p {
    max-width: 630px;
    margin: 0;
    color: #9bb3cf;
    font-size: clamp(15px, 1.3vw, 18px);
    line-height: 1.75;
}
.home-actions,
.media-actions { margin-top: 34px; display: flex; flex-wrap: wrap; gap: 12px; }
.page-home .home-primary {
    color: #031827;
    border-color: rgba(131, 255, 239, .6);
    background: linear-gradient(135deg, #65f1ff, var(--home-teal) 62%, #23bf9e);
    box-shadow: 0 16px 38px rgba(24, 217, 178, .22), inset 0 1px rgba(255, 255, 255, .55);
}
.page-home .home-primary:hover { box-shadow: 0 22px 55px rgba(24, 217, 178, .34); }
.page-home .home-outline {
    color: #eaf7ff;
    border-color: rgba(96, 199, 234, .42);
    background: rgba(10, 40, 70, .62);
    box-shadow: inset 0 1px rgba(255, 255, 255, .06);
    backdrop-filter: blur(10px);
}
.page-home .home-outline:hover {
    border-color: var(--home-cyan);
    background: rgba(12, 54, 92, .9);
    box-shadow: 0 18px 42px rgba(0, 174, 222, .18);
}
.home-quick-links {
    max-width: 620px;
    margin-top: 34px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid rgba(103, 164, 209, .18);
    border-bottom: 1px solid rgba(103, 164, 209, .18);
}
.home-quick-links a {
    position: relative;
    padding: 18px 44px 18px 0;
    display: block;
    transition: .28s ease;
}
.home-quick-links a + a { padding-left: 22px; border-left: 1px solid rgba(103, 164, 209, .18); }
.home-quick-links b,
.home-quick-links span { display: block; }
.home-quick-links b { color: #e9f7ff; font-size: 11px; }
.home-quick-links span { margin-top: 5px; color: #6686a8; font-size: 8px; }
.home-quick-links i { position: absolute; right: 16px; top: 23px; color: var(--home-cyan); font-style: normal; transition: .28s; }
.home-quick-links a:hover { padding-top: 15px; padding-bottom: 21px; }
.home-quick-links a:hover i { transform: translate(4px, -3px); }

.live-call-wrap { perspective: 1400px; }
.live-call-console {
    position: relative;
    width: min(650px, 100%);
    margin-inline: auto;
    padding: 22px;
    overflow: hidden;
    border: 1px solid rgba(166, 228, 255, .72);
    border-radius: 28px;
    color: #eaf6ff;
    background:
        radial-gradient(circle at 100% 0, rgba(19, 207, 229, .17), transparent 34%),
        linear-gradient(145deg, rgba(8, 31, 58, .98), rgba(5, 18, 38, .98));
    box-shadow: 0 44px 110px rgba(0, 0, 0, .43), 0 0 70px rgba(24, 216, 244, .1), inset 0 1px rgba(255, 255, 255, .06);
    transform-style: preserve-3d;
    transition: transform .18s ease, border-color .35s, box-shadow .35s;
}
.live-call-console:hover {
    border-color: rgba(54, 231, 255, .95);
    box-shadow: 0 50px 125px rgba(0, 0, 0, .48), 0 0 85px rgba(24, 216, 244, .19), inset 0 1px rgba(255, 255, 255, .08);
}
.live-call-console::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .18;
    background: linear-gradient(rgba(83, 173, 226, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(83, 173, 226, .08) 1px, transparent 1px);
    background-size: 34px 34px;
    pointer-events: none;
}
.console-scan {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    height: 100px;
    top: -120px;
    background: linear-gradient(transparent, rgba(36, 221, 245, .08), transparent);
    animation: consoleScan 5.7s linear infinite;
    pointer-events: none;
}
.live-call-console > *:not(.console-scan) { position: relative; z-index: 2; }
.live-call-head {
    min-height: 62px;
    padding-bottom: 17px;
    display: grid;
    grid-template-columns: 48px 1fr auto;
    align-items: center;
    gap: 13px;
    border-bottom: 1px solid rgba(113, 169, 210, .17);
}
.live-phone {
    position: relative;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--home-cyan);
    background: rgba(8, 150, 198, .15);
    font-size: 18px;
}
.live-phone::after {
    content: "";
    position: absolute;
    inset: -8px;
    border: 1px solid rgba(32, 214, 240, .18);
    border-radius: 17px;
    animation: phoneRing 2.2s ease-out infinite;
}
.live-call-head small,
.live-call-head strong { display: block; }
.live-call-head small { color: #45dff4; font-size: 9px; font-weight: 800; letter-spacing: .13em; }
.live-call-head small i { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: var(--home-cyan); box-shadow: 0 0 12px var(--home-cyan); }
.live-call-head strong { margin-top: 5px; color: #fff; font-size: 14px; }
.live-call-head em {
    padding: 8px 13px;
    border-radius: 999px;
    color: #55e3bc;
    background: rgba(17, 169, 122, .17);
    font-size: 9px;
    font-style: normal;
    font-weight: 800;
}
.live-call-detail {
    padding: 16px 0;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 11px 18px;
}
.live-call-detail span { color: #7890a9; font-size: 10px; font-weight: 700; }
.live-call-detail strong { color: #eff7ff; font-size: 12px; text-align: right; }
.call-quality-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.call-quality-grid article {
    min-height: 88px;
    padding: 13px;
    border: 1px solid rgba(95, 154, 199, .22);
    border-radius: 13px;
    background: rgba(255, 255, 255, .035);
    transition: .3s ease;
}
.call-quality-grid article:hover { border-color: rgba(32, 216, 244, .55); background: rgba(17, 126, 170, .1); transform: translateY(-4px); }
.call-quality-grid i { display: block; color: var(--home-cyan); font-size: 14px; font-style: normal; }
.call-quality-grid small { display: block; margin: 9px 0 4px; color: #6f879f; font-size: 8px; }
.call-quality-grid strong { color: #fff; font-size: 14px; }
.live-bid-panel {
    margin-top: 16px;
    padding: 15px;
    border: 1px solid rgba(95, 154, 199, .22);
    border-radius: 15px;
    background: rgba(255, 255, 255, .025);
}
.bid-title { margin-bottom: 13px; display: flex; justify-content: space-between; gap: 10px; align-items: center; }
.bid-title span { display: flex; align-items: center; gap: 8px; color: #8fa6bd; font-size: 8px; font-weight: 800; letter-spacing: .13em; }
.bid-title small { color: #526a82; font-size: 7px; }
.bid-row { display: grid; grid-template-columns: 65px 1fr 45px 48px; gap: 10px; align-items: center; margin: 9px 0; }
.bid-row > span { color: #8399ad; font-size: 9px; }
.bid-row > div { height: 5px; overflow: hidden; border-radius: 10px; background: rgba(112, 144, 173, .22); }
.bid-row > div i { display: block; width: var(--bid); height: 100%; border-radius: inherit; background: #257fa4; box-shadow: 0 0 15px rgba(25, 216, 245, .25); transition: width .8s cubic-bezier(.2, .8, .2, 1), background .4s; }
.bid-row strong { color: #eef7ff; font-size: 9px; text-align: right; }
.bid-row em { color: #687f95; font-size: 8px; font-style: normal; text-align: right; }
.bid-row.won > div i { background: linear-gradient(90deg, var(--home-cyan), var(--home-teal)); animation: bidGlow 1.8s ease-in-out infinite; }
.bid-row.won em { color: #4ce0b5; }
.console-foot { padding-top: 15px; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.console-foot span { display: flex; align-items: center; gap: 8px; color: #80ddc2; font-size: 8px; }
.console-foot small { color: #516a82; font-size: 7px; letter-spacing: .1em; }

.home-marquee {
    overflow: hidden;
    border-block: 1px solid rgba(72, 153, 197, .22);
    background: linear-gradient(90deg, #071c35, #0b3652, #075b65, #0b3652, #071c35);
}
.home-marquee div {
    width: max-content;
    padding: 13px 0;
    display: flex;
    align-items: center;
    gap: 24px;
    color: #d8ecfa;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .14em;
    animation: homeMarquee 32s linear infinite;
}
.home-marquee i { color: var(--home-teal); font-style: normal; }

.home-proof {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-bottom: 1px solid #dce8f3;
    background: #fff;
    box-shadow: 0 18px 45px rgba(14, 56, 101, .06);
}
.home-proof article {
    min-height: 165px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-right: 1px solid #dfe9f3;
    transition: .32s ease;
}
.home-proof article:last-child { border-right: 0; }
.home-proof article:hover { background: #f2f9fd; transform: translateY(-5px); box-shadow: 0 18px 34px rgba(7, 79, 128, .08); }
.home-proof small { color: #7390a9; font-size: 8px; font-weight: 800; letter-spacing: .14em; }
.home-proof strong { margin: 10px 0 5px; color: #0a294a; font-size: clamp(22px, 2.4vw, 34px); letter-spacing: -.04em; }
.home-proof span { color: #688199; font-size: 9px; }

.home-section {
    position: relative;
    width: min(1380px, calc(100% - 48px));
    margin: 0 auto;
    padding: 112px 0;
}
.home-section h2,
.partner-path-heading h2 {
    margin: 0 0 23px;
    color: #092441;
    font-size: clamp(40px, 4.4vw, 66px);
    line-height: 1.03;
    letter-spacing: -.052em;
}
.home-section p { color: #5b738c; }
.home-label { margin: 0 0 19px; color: #0879a4; }
.home-label i { background: #0ac8c5; box-shadow: 0 0 13px #0ac8c5; }

.live-network-section {
    display: grid;
    grid-template-columns: .87fr 1.13fr;
    align-items: center;
    gap: clamp(55px, 7vw, 110px);
}
.home-section-copy > p:not(.home-label) { max-width: 580px; font-size: 15px; }
.flow-points { margin: 30px 0; display: grid; border-top: 1px solid #d7e4ef; }
.flow-points span { padding: 14px 4px; display: flex; align-items: center; gap: 13px; border-bottom: 1px solid #d7e4ef; color: #264765; font-size: 11px; }
.flow-points b { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; color: #0879a4; background: #e8f7fa; font-size: 8px; }
.text-route { display: inline-flex; align-items: center; gap: 12px; color: #0874c9; font-size: 11px; font-weight: 800; }
.text-route span { color: #0fbca9; transition: .25s; }
.text-route:hover span { transform: translate(4px, -4px); }

.live-activity-card {
    position: relative;
    min-height: 460px;
    padding: 28px;
    overflow: hidden;
    border: 1px solid rgba(67, 211, 215, .36);
    border-radius: 26px;
    color: #fff;
    background:
        radial-gradient(circle at 95% 4%, rgba(25, 217, 178, .2), transparent 32%),
        radial-gradient(circle at 0 100%, rgba(13, 140, 207, .18), transparent 35%),
        linear-gradient(145deg, #0b2a49, #092139);
    box-shadow: 0 35px 90px rgba(10, 54, 88, .25), inset 0 1px rgba(255, 255, 255, .06);
    transform-style: preserve-3d;
    transition: transform .18s, box-shadow .35s, border-color .35s;
}
.live-activity-card::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .2;
    background: linear-gradient(rgba(79, 168, 211, .09) 1px, transparent 1px), linear-gradient(90deg, rgba(79, 168, 211, .09) 1px, transparent 1px);
    background-size: 38px 38px;
    pointer-events: none;
}
.live-activity-card:hover { border-color: rgba(36, 232, 215, .72); box-shadow: 0 42px 110px rgba(8, 61, 91, .32), 0 0 50px rgba(24, 217, 178, .08); }
.live-activity-card > * { position: relative; z-index: 2; }
.live-activity-card > header,
.live-activity-card > footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.live-activity-card > header span { display: flex; align-items: center; gap: 8px; color: #66f2d3; font-size: 9px; font-weight: 800; letter-spacing: .1em; }
.live-activity-card > header small { color: #718da8; font-size: 8px; font-weight: 800; letter-spacing: .11em; }
.activity-metrics { margin-top: 27px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.activity-metrics article { padding: 21px; border: 1px solid rgba(116, 174, 207, .22); border-radius: 15px; background: rgba(255, 255, 255, .055); transition: .3s; }
.activity-metrics article:hover { transform: translateY(-4px); border-color: rgba(59, 223, 219, .42); background: rgba(255, 255, 255, .075); }
.activity-metrics small,
.activity-metrics strong,
.activity-metrics em { display: block; }
.activity-metrics small { color: #86a0b8; font-size: 9px; }
.activity-metrics strong { margin: 9px 0 5px; color: #fff; font-size: 31px; letter-spacing: -.045em; }
.activity-metrics em { color: #6f879c; font-size: 8px; font-style: normal; }
.activity-metrics em b { color: #54e2bd; }
.activity-pipeline {
    position: relative;
    height: 150px;
    margin: 32px 0 22px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    gap: 22px;
}
.pipeline-track { position: absolute; left: 8%; right: 8%; top: 50%; height: 2px; background: linear-gradient(90deg, #2b738e, var(--home-teal), var(--home-cyan)); box-shadow: 0 0 13px rgba(25, 216, 245, .3); }
.pipeline-track i { position: absolute; top: -5px; width: 12px; height: 12px; border-radius: 50%; background: #51f0db; box-shadow: 0 0 16px #51f0db; animation: flowDot 4.5s linear infinite; }
.pipeline-track i:nth-child(2) { animation-delay: -1.5s; }
.pipeline-track i:nth-child(3) { animation-delay: -3s; }
.activity-pipeline > span { position: relative; z-index: 2; min-height: 54px; padding: 10px 8px; display: grid; place-items: center; border: 1px solid rgba(83, 179, 204, .31); border-radius: 12px; color: #9eb8cb; background: rgba(10, 40, 68, .9); font-size: 8px; font-weight: 800; text-align: center; transition: .3s; }
.activity-pipeline > span:hover { color: #fff; border-color: var(--home-teal); transform: translateY(-5px); box-shadow: 0 12px 28px rgba(11, 212, 180, .14); }
.live-activity-card footer span { display: flex; align-items: center; gap: 8px; color: #91ead2; font-size: 8px; }
.live-activity-card footer span i { width: 6px; height: 6px; border-radius: 50%; background: #36e2b6; box-shadow: 0 0 12px #36e2b6; }
.live-activity-card footer small { color: #657f96; font-size: 8px; }

.media-buying-section {
    width: min(1480px, calc(100% - 42px));
    padding: 74px;
    display: grid;
    grid-template-columns: .83fr 1.17fr;
    gap: 55px;
    overflow: hidden;
    border: 1px solid rgba(60, 163, 210, .26);
    border-radius: 30px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 40%, rgba(24, 217, 178, .11), transparent 31%),
        radial-gradient(circle at 3% 5%, rgba(8, 119, 255, .17), transparent 28%),
        linear-gradient(145deg, #08213d, #082a4b 55%, #061a31);
    box-shadow: 0 42px 100px rgba(6, 38, 72, .2), inset 0 1px rgba(255, 255, 255, .055);
}
.media-buying-section::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .22;
    background: linear-gradient(rgba(80, 158, 205, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(80, 158, 205, .08) 1px, transparent 1px);
    background-size: 46px 46px;
    pointer-events: none;
}
.media-copy,
.media-orbit,
.media-foundation { position: relative; z-index: 2; }
.media-buying-section .home-label { color: #60f0db; }
.media-buying-section h2 { color: #fff; font-size: clamp(45px, 4.8vw, 72px); }
.media-buying-section .media-copy > p:not(.home-label) { max-width: 560px; color: #a5bad0; font-size: 13px; }
.media-benefits { margin-top: 28px; display: grid; gap: 9px; }
.media-benefits article {
    padding: 13px;
    display: grid;
    grid-template-columns: 34px 1fr;
    align-items: center;
    gap: 12px;
    border: 1px solid rgba(55, 167, 207, .28);
    border-radius: 10px;
    background: rgba(8, 45, 78, .7);
    transition: .3s ease;
}
.media-benefits article:hover { border-color: rgba(31, 226, 194, .6); background: rgba(10, 61, 93, .9); transform: translateX(7px); }
.media-benefits article > b { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: linear-gradient(135deg, #0dbfc1, #12a49b); font-size: 10px; }
.media-benefits strong,
.media-benefits small { display: block; }
.media-benefits strong { color: #fff; font-size: 9px; }
.media-benefits small { margin-top: 3px; color: #8ba4bc; font-size: 7px; line-height: 1.45; }

.media-orbit {
    min-height: 620px;
    align-self: center;
    transform-style: preserve-3d;
    transition: transform .18s ease;
}
.media-orbit > p { position: absolute; left: 50%; top: 1%; transform: translateX(-50%); width: 100%; color: #d4e4f1; font-size: 9px; font-weight: 800; letter-spacing: .09em; text-align: center; }
.orbit-ring { position: absolute; left: 50%; top: 51%; border: 1px dashed rgba(66, 204, 220, .22); border-radius: 50%; transform: translate(-50%, -50%); }
.orbit-one { width: 410px; height: 410px; animation: orbitRingSpin 30s linear infinite; }
.orbit-two { width: 540px; height: 540px; border-color: rgba(48, 137, 208, .16); animation: homeOrbitReverse 42s linear infinite; }
.orbit-core {
    position: absolute;
    left: 50%;
    top: 51%;
    z-index: 4;
    width: 180px;
    height: 180px;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(43, 238, 220, .74);
    border-radius: 50%;
    background: radial-gradient(circle at 35% 20%, #0b4770, #071d39 68%);
    box-shadow: 0 0 0 17px rgba(12, 182, 184, .07), 0 0 55px rgba(17, 218, 202, .2), inset 0 0 28px rgba(24, 217, 178, .08);
    animation: coreFloat 5.5s ease-in-out infinite;
}
.orbit-core::before { content: ""; position: absolute; inset: -28px; border: 1px solid rgba(37, 220, 218, .22); border-radius: 50%; animation: homePulseRing 3.4s ease-out infinite; }
.orbit-core img { width: 98px; height: 98px; object-fit: contain; filter: drop-shadow(0 12px 25px rgba(0,0,0,.34)); }
.orbit-core small { margin-top: 3px; color: #7fded4; font-size: 7px; font-weight: 800; letter-spacing: .1em; text-align: center; }
.channel-node {
    position: absolute;
    z-index: 5;
    min-width: 122px;
    padding: 11px;
    display: grid;
    grid-template-columns: 31px 1fr;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(61, 188, 213, .32);
    border-radius: 12px;
    background: rgba(7, 35, 63, .94);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .25), inset 0 1px rgba(255, 255, 255, .04);
    animation: channelFloat 5s ease-in-out infinite;
    transition: .3s ease;
}
.channel-node:hover { z-index: 8; border-color: var(--home-teal); transform: translateY(-8px) scale(1.04); box-shadow: 0 24px 50px rgba(0,0,0,.32), 0 0 30px rgba(24,217,178,.12); }
.channel-node > b { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; color: #092039; background: #e9f8ff; font-size: 11px; }
.channel-node span,
.channel-node small { display: block; }
.channel-node span { color: #edf9ff; font-size: 8px; font-weight: 800; }
.channel-node small { margin-top: 3px; color: #67849d; font-size: 6px; font-weight: 600; }
.channel-google { left: 8%; top: 18%; }
.channel-social { right: 2%; top: 27%; animation-delay: -.8s; }
.channel-video { left: 0; top: 52%; animation-delay: -1.6s; }
.channel-native { left: 13%; bottom: 6%; animation-delay: -2.4s; }
.channel-display { right: 8%; bottom: 9%; animation-delay: -3.2s; }
.channel-network { right: 1%; top: 57%; animation-delay: -4s; }
.orbit-pulse { position: absolute; z-index: 3; left: 50%; top: 51%; width: 10px; height: 10px; margin: -5px; border-radius: 50%; background: #64f5dd; box-shadow: 0 0 17px #64f5dd; transform-origin: 0 0; }
.pulse-one { animation: pulseOrbitOne 7s linear infinite; }
.pulse-two { background: #33d8ff; box-shadow: 0 0 17px #33d8ff; animation: pulseOrbitTwo 9s linear infinite -3s; }
.pulse-three { background: var(--home-orange); box-shadow: 0 0 17px var(--home-orange); animation: pulseOrbitOne 11s linear infinite -6s; }
.media-foundation {
    grid-column: 1 / -1;
    margin-top: 12px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    overflow: hidden;
    border: 1px solid rgba(71, 153, 194, .21);
    border-radius: 14px;
    background: rgba(3, 24, 47, .78);
}
.media-foundation article { min-height: 90px; padding: 19px; border-right: 1px solid rgba(71, 153, 194, .21); }
.media-foundation article:last-child { border-right: 0; }
.media-foundation strong,
.media-foundation span { display: block; }
.media-foundation strong { color: #62ead6; font-size: 9px; }
.media-foundation span { margin-top: 8px; color: #839db4; font-size: 7px; line-height: 1.5; }

.partner-path-section { padding-top: 125px; }
.partner-path-heading { max-width: 880px; margin-bottom: 48px; }
.partner-path-heading > p:last-child { max-width: 520px; }
.partner-path-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }
.partner-path-card {
    position: relative;
    min-height: 430px;
    padding: 31px;
    overflow: hidden;
    border: 1px solid #cfdeea;
    border-radius: 20px;
    color: #0b2947;
    background: linear-gradient(145deg, #fff, #f4f9fd);
    box-shadow: 0 24px 65px rgba(17, 67, 111, .08);
    transform-style: preserve-3d;
    transition: transform .18s, border-color .35s, box-shadow .35s, background .35s;
}
.partner-path-card::before { content: ""; position: absolute; width: 240px; height: 240px; right: -130px; top: -120px; border-radius: 50%; background: rgba(15, 183, 204, .08); transition: .45s; }
.partner-path-card:hover { border-color: rgba(10, 174, 184, .5); background: #fff; box-shadow: 0 36px 85px rgba(11, 85, 121, .15); }
.partner-path-card:hover::before { transform: scale(1.55); background: rgba(16, 205, 194, .12); }
.path-index { color: #8aa0b3; font-size: 9px; font-weight: 800; letter-spacing: .13em; }
.path-icon { width: 63px; height: 63px; margin: 42px 0 47px; display: grid; place-items: center; border: 1px solid rgba(14, 166, 190, .25); border-radius: 17px; color: #0aa1a7; background: #eafafa; font-size: 25px; box-shadow: 0 14px 35px rgba(9, 153, 174, .1); transition: .4s; }
.partner-path-card:hover .path-icon { transform: rotate(-7deg) translateY(-7px); color: #fff; background: linear-gradient(135deg, #0bb9c2, #13ccab); }
.partner-path-card > small { color: #0b8a9b; font-size: 8px; font-weight: 800; letter-spacing: .12em; }
.partner-path-card h3 { margin: 10px 0 13px; color: #0a2846; font-size: 30px; letter-spacing: -.045em; }
.partner-path-card p { min-height: 70px; color: #627b91; font-size: 11px; }
.partner-path-card > b { position: absolute; left: 31px; right: 31px; bottom: 29px; display: flex; justify-content: space-between; color: #0a619e; font-size: 10px; }
.partner-path-card > b i { color: #0ab6a9; font-style: normal; transition: .25s; }
.partner-path-card:hover > b i { transform: translateX(6px); }
.buyer-path::before { background: rgba(8, 119, 255, .08); }
.buyer-path .path-icon { color: #0877db; background: #e9f4ff; }
.login-path::before { background: rgba(255, 151, 15, .09); }
.login-path .path-icon { color: #d97b00; background: #fff4e6; }

.home-industries {
    width: min(1480px, calc(100% - 42px));
    padding: 82px 70px;
    overflow: hidden;
    border: 1px solid rgba(69, 157, 202, .22);
    border-radius: 28px;
    color: #fff;
    background:
        radial-gradient(circle at 5% 8%, rgba(13, 138, 216, .2), transparent 28%),
        radial-gradient(circle at 96% 95%, rgba(24, 217, 178, .1), transparent 24%),
        linear-gradient(145deg, #071b34, #06152a);
    box-shadow: 0 40px 95px rgba(5, 34, 69, .18);
}
.home-industries h2 { color: #fff; }
.home-industries .section-heading { margin-bottom: 46px; }
.home-industries .industry-grid { border-color: rgba(90, 158, 205, .2); }
.home-industries .industry-grid article { min-height: 255px; border-color: rgba(90, 158, 205, .2); background: rgba(8, 34, 64, .68); }
.home-industries .industry-grid article:hover { border-color: rgba(40, 226, 204, .56); background: linear-gradient(145deg, rgba(10, 75, 106, .9), rgba(5, 36, 67, .96)); box-shadow: 0 25px 60px rgba(0,0,0,.22); }
.home-industries .industry-grid h3 { color: #fff; }
.home-industries .industry-grid p { color: #829cb6; }
.home-industries .industry-symbol { color: var(--home-cyan); border-color: rgba(45, 208, 226, .32); background: rgba(9, 86, 116, .35); }

.home-workspace {
    display: grid;
    grid-template-columns: .78fr 1.22fr;
    gap: 80px;
    align-items: center;
}
.home-workspace .feature-list { color: #43627e; }
.home-workspace .feature-list li::before { color: #0bb59e; }
.home-workspace .dashboard-mock { border-color: rgba(49, 209, 219, .44); background: linear-gradient(145deg, #0b2c4a, #06162d); box-shadow: 0 45px 100px rgba(5, 43, 76, .28), 0 0 60px rgba(24, 217, 178, .08); }
.home-workspace .dashboard-mock::before { background: linear-gradient(125deg, rgba(32, 215, 239, .5), transparent 38%, rgba(24, 217, 178, .4)); }
.home-workspace .mock-chart svg { animation: chartBreathe 3.8s ease-in-out infinite; }

.home-compliance {
    width: min(1320px, calc(100% - 48px));
    margin-bottom: 110px;
    padding: 52px;
    display: grid;
    grid-template-columns: 170px 1fr auto;
    align-items: center;
    gap: 45px;
    border: 1px solid rgba(48, 185, 204, .3);
    border-radius: 24px;
    color: #fff;
    background: radial-gradient(circle at 10% 50%, rgba(14, 156, 216, .22), transparent 29%), linear-gradient(145deg, #082540, #06172e);
    box-shadow: 0 32px 80px rgba(7, 42, 73, .19);
}
.home-compliance h2 { margin-bottom: 14px; color: #fff; font-size: clamp(32px, 3.4vw, 49px); }
.home-compliance p:not(.home-label) { max-width: 720px; margin: 0; color: #91a8bd; }
.home-compliance .shield-visual { width: 150px; height: 150px; border-color: rgba(50, 219, 222, .38); background: radial-gradient(circle, rgba(10, 119, 159, .4), rgba(4, 25, 49, .85)); }
.home-compliance .shield-visual::before,
.home-compliance .shield-visual::after { border-color: rgba(35, 218, 205, .27); }

/* Home refinement v3.2 — clearer typography, premium cards and service explorer */
.home-label { font-size: 11px; letter-spacing: .15em; }
.home-section-copy > p:not(.home-label),
.partner-path-heading > p:last-child,
.services-explorer-heading > div > p:last-child,
.home-workspace .platform-copy > p:not(.home-label) { color: #46647f; font-size: 16px; line-height: 1.75; }

.home-quick-links {
    max-width: 650px;
    margin-top: 32px;
    gap: 13px;
    border: 0;
}
.home-quick-links .quick-link-card,
.home-quick-links .quick-link-card + .quick-link-card {
    position: relative;
    min-height: 84px;
    padding: 15px 54px 15px 15px;
    display: grid;
    grid-template-columns: 42px 1fr;
    align-items: center;
    gap: 13px;
    overflow: hidden;
    border: 1px solid rgba(106, 190, 229, .28);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(13, 53, 89, .86), rgba(7, 31, 60, .76));
    box-shadow: inset 0 1px rgba(255, 255, 255, .07), 0 14px 34px rgba(0, 0, 0, .16);
    backdrop-filter: blur(16px);
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease, background .3s ease;
}
.home-quick-links .quick-link-card::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0;
    background: linear-gradient(115deg, transparent 18%, rgba(63, 233, 248, .12), transparent 62%);
    transform: translateX(-70%);
    transition: opacity .3s, transform .7s ease;
}
.home-quick-links .quick-link-card:hover {
    padding: 15px 54px 15px 15px;
    border-color: rgba(48, 225, 238, .72);
    background: linear-gradient(145deg, rgba(14, 70, 105, .96), rgba(8, 36, 66, .9));
    box-shadow: 0 20px 46px rgba(0, 182, 220, .14), inset 0 1px rgba(255,255,255,.1);
    transform: translateY(-4px);
}
.home-quick-links .quick-link-card:hover::before { opacity: 1; transform: translateX(80%); }
.home-quick-links .quick-link-icon {
    position: relative;
    z-index: 1;
    width: 42px;
    height: 42px;
    margin: 0;
    display: grid;
    place-items: center;
    border: 1px solid rgba(55, 223, 237, .3);
    border-radius: 12px;
    color: #64efff;
    background: rgba(12, 157, 190, .14);
    font-size: 18px;
}
.home-quick-links .quick-link-copy { position: relative; z-index: 1; margin: 0; }
.home-quick-links .quick-link-copy b { color: #fff; font-size: 14px; letter-spacing: -.01em; }
.home-quick-links .quick-link-copy small { display: block; margin-top: 5px; color: #9bb6ce; font-size: 10px; }
.home-quick-links .quick-link-card > i {
    right: 15px;
    top: 50%;
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(68, 218, 235, .28);
    border-radius: 50%;
    background: rgba(20, 157, 179, .1);
    transform: translateY(-50%);
}
.home-quick-links .quick-link-card:hover > i { transform: translate(3px, -58%); }

.home-proof-section { padding: 54px 24px 86px; background: linear-gradient(#f4f8fc, #eef6fc); }
.home-proof {
    width: min(1380px, 100%);
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid rgba(77, 172, 210, .3);
    border-radius: 25px;
    background: radial-gradient(circle at 100% 0, rgba(19, 197, 190, .16), transparent 25%), linear-gradient(145deg, #092b4a, #06172f);
    box-shadow: 0 34px 80px rgba(8, 45, 80, .18), inset 0 1px rgba(255,255,255,.07);
}
.home-proof article {
    position: relative;
    min-height: 180px;
    padding: 30px 26px;
    display: grid;
    grid-template-columns: 46px 1fr;
    align-items: center;
    gap: 16px;
    border-right-color: rgba(95, 175, 211, .2);
    background: transparent;
}
.home-proof article > div:not(.proof-icon) {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.home-proof article > div:not(.proof-icon) > small,
.home-proof article > div:not(.proof-icon) > strong,
.home-proof article > div:not(.proof-icon) > span { display: block; }
.home-proof article::after {
    content: "";
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 0;
    height: 2px;
    opacity: 0;
    background: linear-gradient(90deg, var(--home-cyan), var(--home-teal), var(--home-orange));
    transform: scaleX(.25);
    transition: .4s ease;
}
.home-proof article:hover { background: rgba(18, 81, 111, .34); box-shadow: inset 0 1px rgba(255,255,255,.05); transform: none; }
.home-proof article:hover::after { opacity: 1; transform: scaleX(1); }
.proof-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(39, 215, 229, .32);
    border-radius: 13px;
    color: #42e8ee;
    background: rgba(15, 159, 182, .12);
    font-size: 19px;
    transition: .35s ease;
}
.home-proof article:hover .proof-icon { color: #071b32; background: #58eddd; transform: translateY(-4px) rotate(-4deg); }
.home-proof small { color: #73cfe0; font-size: 9px; }
.home-proof strong { margin: 8px 0 5px; color: #fff; font-size: clamp(23px, 2vw, 32px); }
.home-proof span { color: #a2b8cc; font-size: 11px; }

.network-copy-card {
    max-width: none;
    padding: clamp(28px, 3.2vw, 46px);
    border: 1px solid #d2e2ee;
    border-radius: 26px;
    background: linear-gradient(145deg, #fff, #f7fbff);
    box-shadow: 0 30px 80px rgba(12, 62, 104, .11), inset 0 1px #fff;
}
.network-copy-card h2 { font-size: clamp(40px, 4.1vw, 62px); }
.network-copy-card > p:not(.home-label) { max-width: 660px; }
.flow-points { margin: 30px 0 24px; gap: 10px; border: 0; }
.flow-points article {
    padding: 14px;
    display: grid;
    grid-template-columns: 42px 1fr 32px;
    align-items: center;
    gap: 13px;
    border: 1px solid #d6e5f0;
    border-radius: 14px;
    background: #f8fbfe;
    transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease, background .28s ease;
}
.flow-points article:hover { border-color: rgba(9, 176, 189, .48); background: #fff; box-shadow: 0 15px 35px rgba(8, 87, 126, .09); transform: translateX(6px); }
.flow-points article > b { width: 42px; height: 42px; border-radius: 12px; color: #087da6; background: linear-gradient(145deg, #e9faff, #e7f5ff); font-size: 10px; }
.flow-points article > span { padding: 0; display: block; border: 0; }
.flow-points article strong,
.flow-points article small { display: block; }
.flow-points article strong { color: #173b5b; font-size: 13px; }
.flow-points article small { margin-top: 4px; color: #637d94; font-size: 10px; line-height: 1.45; }
.flow-points article > i { color: #0bbda9; font-size: 15px; font-style: normal; text-align: center; transition: transform .28s; }
.flow-points article:hover > i { transform: translateX(4px); }
.network-cta {
    min-width: 225px;
    padding: 12px 13px 12px 18px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    border: 1px solid #0a8eb7;
    border-radius: 13px;
    color: #fff;
    background: linear-gradient(135deg, #0b6eb4, #079aa7);
    box-shadow: 0 14px 30px rgba(6, 111, 166, .2);
    font-size: 12px;
    font-weight: 800;
    transition: transform .3s, box-shadow .3s;
}
.network-cta b { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; color: #062442; background: #68eee0; transition: transform .3s; }
.network-cta:hover { color: #fff; box-shadow: 0 20px 42px rgba(6, 111, 166, .3); transform: translateY(-3px); }
.network-cta:hover b { transform: rotate(7deg) translate(2px, -2px); }

.media-buying-section .media-copy > p:not(.home-label) { color: #b9cde0; font-size: 15px; line-height: 1.75; }
.media-benefits { gap: 11px; }
.media-benefits article { min-height: 68px; padding: 14px; grid-template-columns: 38px 1fr; border-radius: 13px; }
.media-benefits article > b { width: 38px; height: 38px; font-size: 12px; }
.media-benefits strong { font-size: 12px; }
.media-benefits small { margin-top: 4px; color: #a4bbcf; font-size: 9px; line-height: 1.55; }
.channel-node { min-width: 130px; }
.channel-node span { font-size: 9px; }
.channel-node small { color: #8ca5ba; font-size: 7px; }
.media-foundation { border-radius: 17px; }
.media-foundation article { position: relative; min-height: 108px; padding: 23px; transition: .3s; }
.media-foundation article:hover { background: rgba(13, 69, 99, .72); transform: translateY(-3px); }
.media-foundation strong { color: #73f2de; font-size: 12px; }
.media-foundation span { margin-top: 9px; color: #a4bacd; font-size: 9px; line-height: 1.55; }

.partner-path-heading { max-width: 980px; }
.partner-path-heading > p:last-child { max-width: 620px; }
.partner-path-grid { gap: 20px; }
.partner-path-card {
    min-height: 500px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    border-radius: 24px;
    background: linear-gradient(155deg, #fff 0%, #f6fbff 66%, #eef8fc 100%);
    box-shadow: 0 26px 70px rgba(12, 58, 99, .1);
}
.partner-path-card::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 4px;
    background: linear-gradient(90deg, #12d6e8, #17d7b2);
}
.partner-path-card.buyer-path::after { background: linear-gradient(90deg, #078cff, #16cbef); }
.partner-path-card.login-path::after { background: linear-gradient(90deg, #ffad27, #ff7b14); }
.path-top { position: relative; z-index: 1; margin-bottom: 32px; display: flex; align-items: center; justify-content: space-between; }
.path-index { color: #64819a; font-size: 11px; }
.path-icon { width: 62px; height: 62px; margin: 0; }
.partner-path-card > small { color: #078b9c; font-size: 9px; }
.partner-path-card h3 { margin: 11px 0 13px; font-size: 34px; }
.partner-path-card p { min-height: 0; margin: 0 0 24px; color: #526f87; font-size: 14px; line-height: 1.65; }
.path-features { margin-bottom: 25px; display: flex; flex-wrap: wrap; gap: 7px; }
.path-features span { padding: 7px 9px; border: 1px solid #d2e4ee; border-radius: 999px; color: #3f647d; background: #f4faff; font-size: 9px; font-weight: 700; }
.path-cta {
    position: relative;
    z-index: 2;
    min-height: 54px;
    margin-top: auto;
    padding: 11px 12px 11px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 13px;
    color: #fff;
    background: #092b4c;
    box-shadow: 0 12px 30px rgba(7, 42, 77, .14);
    font-size: 12px;
    font-weight: 800;
}
.path-cta i { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; color: #08213b; background: #58ebdd; font-style: normal; transition: transform .3s; }
.partner-path-card:hover .path-cta i { transform: translateX(4px); }
.buyer-path .path-cta i { background: #67dfff; }
.login-path .path-cta i { background: #ffbd4e; }

.services-explorer-section {
    width: min(1480px, calc(100% - 42px));
    padding: 78px 68px;
    overflow: hidden;
    border: 1px solid rgba(69, 157, 202, .22);
    border-radius: 30px;
    background: linear-gradient(145deg, #f9fcff, #edf6fc);
    box-shadow: 0 38px 95px rgba(6, 42, 76, .14);
}
.services-explorer-heading { margin-bottom: 40px; display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; }
.services-explorer-heading h2 { margin-bottom: 15px; }
.services-explorer-heading > div > p:last-child { max-width: 680px; margin: 0; }
.service-total { min-width: 150px; padding: 19px 22px; border: 1px solid #cfe1ed; border-radius: 18px; background: #fff; box-shadow: 0 16px 42px rgba(10, 65, 105, .08); text-align: center; }
.service-total strong,
.service-total span { display: block; }
.service-total strong { color: #087fa9; font-size: 31px; }
.service-total span { margin-top: 3px; color: #607c94; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.service-category-list { display: grid; gap: 13px; }
.service-category {
    overflow: hidden;
    border: 1px solid rgba(52, 154, 188, .28);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(8, 54, 92, .07);
    transition: border-color .35s, box-shadow .35s;
}
.service-category.open { border-color: rgba(18, 190, 193, .55); box-shadow: 0 23px 55px rgba(7, 67, 101, .13); }
.service-category-toggle {
    width: 100%;
    min-height: 96px;
    padding: 17px 21px;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) auto 42px;
    align-items: center;
    gap: 16px;
    border: 0;
    color: #fff;
    background: linear-gradient(110deg, #092b4b, #0a3853 55%, #08756f);
    text-align: left;
    cursor: pointer;
    transition: filter .3s, background .3s;
}
.service-category-toggle:hover { filter: brightness(1.09); }
.service-category.open .service-category-toggle { background: linear-gradient(110deg, #082944, #07506a 55%, #078b7d); }
.service-category-icon { width: 52px; height: 52px; display: grid; place-items: center; border: 1px solid rgba(150, 239, 245, .28); border-radius: 14px; color: #71f4e3; background: rgba(255,255,255,.08); font-size: 21px; }
.service-category-copy strong,
.service-category-copy small { display: block; }
.service-category-copy strong { font-size: 20px; letter-spacing: -.02em; }
.service-category-copy small { margin-top: 5px; color: #b4cada; font-size: 11px; line-height: 1.45; }
.service-category-count { padding: 7px 11px; border: 1px solid rgba(103, 239, 223, .28); border-radius: 999px; color: #71f4df; background: rgba(14, 174, 158, .12); font-size: 10px; font-weight: 800; white-space: nowrap; }
.service-category-plus { position: relative; width: 42px; height: 42px; border: 1px solid rgba(189, 238, 246, .25); border-radius: 12px; background: rgba(255,255,255,.08); }
.service-category-plus::before,
.service-category-plus::after { content: ""; position: absolute; left: 50%; top: 50%; width: 15px; height: 2px; border-radius: 2px; background: #eafcff; transform: translate(-50%, -50%); transition: transform .35s; }
.service-category-plus::after { transform: translate(-50%, -50%) rotate(90deg); }
.service-category.open .service-category-plus::after { transform: translate(-50%, -50%) rotate(0); }
.service-category-panel { display: grid; grid-template-rows: 0fr; background: #eff7fc; transition: grid-template-rows .5s cubic-bezier(.2,.8,.2,1); }
.service-category.open .service-category-panel { grid-template-rows: 1fr; }
.service-category-panel-inner { min-height: 0; overflow: hidden; }
.service-offer-grid { padding: 24px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.service-offer-card {
    min-height: 300px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(59, 181, 206, .3);
    border-radius: 18px;
    color: #fff;
    background: radial-gradient(circle at 100% 0, rgba(22, 207, 188, .16), transparent 30%), linear-gradient(145deg, #0a2e4f, #08213e);
    box-shadow: 0 18px 42px rgba(6, 39, 72, .15);
    transition: transform .3s, border-color .3s, box-shadow .3s;
}
.service-offer-card:hover { border-color: rgba(54, 231, 219, .7); box-shadow: 0 25px 54px rgba(5, 54, 83, .25); transform: translateY(-5px); }
.service-offer-card header { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.service-offer-card header span { padding: 6px 9px; border: 1px solid rgba(92, 236, 220, .26); border-radius: 7px; color: #81f3e2; background: rgba(11, 166, 155, .12); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.service-offer-card header small { color: #a7bdcf; font-size: 9px; font-weight: 800; }
.service-offer-card h3 { margin: 24px 0 10px; color: #fff; font-size: 21px; line-height: 1.28; letter-spacing: -.025em; }
.service-offer-card > p { margin: 0; color: #b1c5d6; font-size: 12px; line-height: 1.65; }
.service-meta { margin: 19px 0 22px; display: grid; gap: 6px; }
.service-meta span { color: #d6e6f1; font-size: 10px; }
.service-meta span::before { content: "✓"; margin-right: 7px; color: #4be4c6; font-weight: 800; }
.service-actions { margin-top: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.service-actions a { min-height: 42px; display: grid; place-items: center; border: 1px solid rgba(92, 178, 215, .28); border-radius: 10px; color: #e8f7ff; background: rgba(4, 22, 47, .55); font-size: 10px; font-weight: 800; transition: .3s; }
.service-actions a:last-child { border-color: rgba(79, 229, 210, .42); color: #06223a; background: linear-gradient(135deg, #4ce7e5, #16d0ad); }
.service-actions a:hover { border-color: #55e8e0; color: #fff; background: #0b5f82; transform: translateY(-2px); }
.service-actions a:last-child:hover { color: #031d31; background: #78f4df; }
.service-availability { margin: 0 24px 24px; padding: 14px 17px; border: 1px solid #d2e2ed; border-radius: 12px; color: #536f86; background: #fff; font-size: 11px; line-height: 1.6; }

.home-workspace .feature-list { color: #375d78; font-size: 13px; }
.home-workspace .mock-top span,
.home-workspace .mock-top small { font-size: 9px; }
.home-workspace .mock-metrics small { font-size: 9px; }
.home-workspace .mock-metrics strong { color: #fff; font-size: 25px; }
.home-workspace .mock-metrics em { color: #78dcc3; font-size: 9px; }
.home-workspace .mock-table { font-size: 10px; }
.home-compliance p:not(.home-label) { color: #b0c4d5; font-size: 15px; line-height: 1.7; }
.home-compliance .home-outline { min-width: 190px; justify-content: space-between; }

.page-home .final-cta { border-top-color: rgba(68, 160, 202, .2); background: radial-gradient(circle at 50% 115%, rgba(15, 173, 203, .37), transparent 44%), radial-gradient(circle at 68% 100%, rgba(24, 217, 178, .12), transparent 31%), #06162c; }
.page-home .site-footer { color: #fff; border-top-color: rgba(103, 156, 211, .2); background: radial-gradient(circle at 2% 25%, rgba(0, 163, 225, .11), transparent 25%), radial-gradient(circle at 94% 85%, rgba(255, 139, 0, .08), transparent 22%), #092553; }
.page-home .site-footer p { color: #91abc2; }
.page-home .footer-column > a:not(.btn),
.page-home .footer-column > button { color: #a8bfdf; }
.page-home .site-footer .footer-head-cta { color: #fff; }
.page-home .site-footer .footer-partner-cta .btn { color: #07101d; }
.page-home .site-footer strong { color: #f5fbff; }

.live-value-change { animation: liveValuePop .55s cubic-bezier(.2, .8, .2, 1); }

@keyframes homePulse { 50% { opacity: .4; transform: scale(.78); } }
@keyframes phoneRing { from { opacity: .8; transform: scale(.75); } to { opacity: 0; transform: scale(1.28); } }
@keyframes consoleScan { to { transform: translateY(670px); } }
@keyframes bidGlow { 50% { filter: brightness(1.35); box-shadow: 0 0 20px rgba(24,217,178,.65); } }
@keyframes homeMarquee { to { transform: translateX(-50%); } }
@keyframes homeOrbit { to { transform: rotate(360deg); } }
@keyframes orbitRingSpin { from { transform: translate(-50%, -50%) rotate(0); } to { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes homeOrbitReverse { from { transform: translate(-50%, -50%) rotate(360deg); } to { transform: translate(-50%, -50%) rotate(0); } }
@keyframes homeGlow { to { opacity: .5; transform: scale(1.08) translate(18px, -8px); } }
@keyframes flowDot { from { left: 0; opacity: 0; } 10%, 90% { opacity: 1; } to { left: calc(100% - 12px); opacity: 0; } }
@keyframes coreFloat { 50% { transform: translate(-50%, -53%); } }
@keyframes homePulseRing { from { opacity: .7; transform: scale(.75); } to { opacity: 0; transform: scale(1.3); } }
@keyframes channelFloat { 50% { margin-top: -9px; } }
@keyframes pulseOrbitOne { from { transform: rotate(0) translateX(205px) rotate(0); } to { transform: rotate(360deg) translateX(205px) rotate(-360deg); } }
@keyframes pulseOrbitTwo { from { transform: rotate(360deg) translateX(270px) rotate(-360deg); } to { transform: rotate(0) translateX(270px) rotate(0); } }
@keyframes chartBreathe { 50% { filter: drop-shadow(0 0 18px rgba(24,217,178,.55)); transform: translateY(-3px); } }
@keyframes liveValuePop { 0% { opacity: .25; transform: translateY(6px); } 60% { color: #65f3dc; } 100% { opacity: 1; transform: none; } }

@media (max-width: 1180px) {
    .page-home .main-nav { background: rgba(246, 251, 255, .98); border-color: #d3e2ef; }
    .page-home .main-nav a { color: #315776; }
    .home-hero { grid-template-columns: 1fr; min-height: 1280px; padding-top: 145px; }
    .home-hero-copy { max-width: 820px; }
    .live-call-wrap { width: 100%; }
    .live-call-console { width: min(760px, 100%); }
    .live-network-section,
    .home-workspace { grid-template-columns: 1fr; }
    .home-section-copy { max-width: 820px; }
    .live-activity-card { width: min(820px, 100%); }
    .media-buying-section { grid-template-columns: 1fr; }
    .media-copy { max-width: 760px; }
    .media-orbit { min-height: 650px; }
    .home-compliance { grid-template-columns: 145px 1fr; }
    .home-compliance .home-outline { grid-column: 2; justify-self: start; }
    .partner-path-grid { grid-template-columns: 1fr 1fr; }
    .partner-path-card:last-child { grid-column: 1 / -1; }
    .services-explorer-section { padding: 64px 42px; }
}

@media (max-width: 820px) {
    .page-home .site-header { height: 70px; }
    .page-home .site-header .brand img { width: 158px; height: 50px; }
    .home-hero { min-height: auto; padding: 122px 20px 80px; gap: 60px; }
    .home-hero h1 { font-size: clamp(47px, 12.5vw, 68px); }
    .home-quick-links { grid-template-columns: 1fr; }
    .home-quick-links a + a { padding-left: 0; border-left: 0; border-top: 1px solid rgba(103, 164, 209, .18); }
    .live-call-console { padding: 17px; border-radius: 21px; }
    .home-proof { grid-template-columns: 1fr 1fr; }
    .home-proof article:nth-child(2) { border-right: 0; }
    .home-proof article { min-height: 140px; padding: 22px; }
    .home-section { width: min(100% - 30px, 1380px); padding: 82px 0; }
    .media-buying-section,
    .home-industries { width: min(100% - 24px, 1480px); padding: 48px 25px; border-radius: 22px; }
    .media-foundation { grid-template-columns: 1fr 1fr; }
    .media-foundation article:nth-child(2) { border-right: 0; }
    .media-foundation article:nth-child(-n+2) { border-bottom: 1px solid rgba(71, 153, 194, .21); }
    .partner-path-grid { grid-template-columns: 1fr; }
    .partner-path-card { min-height: 380px; }
    .home-industries .industry-grid { grid-template-columns: 1fr 1fr; }
    .home-compliance { width: min(100% - 30px, 1320px); grid-template-columns: 1fr; padding: 38px 25px; text-align: center; }
    .home-compliance .shield-visual { margin: auto; }
    .home-compliance .home-outline { grid-column: auto; justify-self: center; }
    .home-quick-links .quick-link-card,
    .home-quick-links .quick-link-card + .quick-link-card { padding: 14px 52px 14px 14px; border: 1px solid rgba(106, 190, 229, .28); }
    .home-proof-section { padding: 38px 15px 62px; }
    .home-proof article { grid-template-columns: 42px 1fr; min-height: 150px; padding: 22px; border-right-color: rgba(95, 175, 211, .2); }
    .proof-icon { width: 42px; height: 42px; }
    .network-copy-card { padding: 27px; }
    .partner-path-card:last-child { grid-column: auto; }
    .services-explorer-section { width: min(100% - 24px, 1480px); padding: 50px 24px; border-radius: 22px; }
    .services-explorer-heading { align-items: flex-start; flex-direction: column; }
    .service-total { min-width: 145px; }
    .service-category-toggle { grid-template-columns: 48px 1fr 40px; gap: 13px; }
    .service-category-count { grid-column: 2; justify-self: start; }
    .service-category-plus { grid-column: 3; grid-row: 1 / 3; }
    .service-category-icon { width: 48px; height: 48px; grid-row: 1 / 3; }
    .service-offer-grid { grid-template-columns: 1fr; padding: 17px; }
    .service-availability { margin: 0 17px 17px; }
}

@media (max-width: 600px) {
    .home-actions,
    .media-actions { flex-direction: column; }
    .home-actions .btn,
    .media-actions .btn { width: 100%; }
    .live-call-head { grid-template-columns: 42px 1fr; }
    .live-call-head em { grid-column: 1 / -1; justify-self: start; }
    .live-call-detail { grid-template-columns: 1fr; gap: 5px; }
    .live-call-detail strong { margin-bottom: 8px; text-align: left; }
    .call-quality-grid { grid-template-columns: 1fr; }
    .call-quality-grid article { min-height: 72px; }
    .bid-title small { display: none; }
    .bid-row { grid-template-columns: 55px 1fr 40px; }
    .bid-row em { display: none; }
    .console-foot { align-items: flex-start; flex-direction: column; }
    .home-proof { grid-template-columns: 1fr; }
    .home-proof article { border-right: 0; border-bottom: 1px solid #dfe9f3; }
    .activity-metrics { grid-template-columns: 1fr; }
    .live-activity-card { min-height: 540px; padding: 20px; }
    .activity-pipeline { height: 210px; grid-template-columns: 1fr 1fr; }
    .pipeline-track { display: none; }
    .media-orbit { min-height: 610px; transform: scale(.82); transform-origin: center; margin-inline: -35px; }
    .orbit-one { width: 330px; height: 330px; }
    .orbit-two { width: 440px; height: 440px; }
    .orbit-core { width: 150px; height: 150px; }
    .orbit-core img { width: 78px; height: 78px; }
    .channel-node { min-width: 105px; padding: 8px; }
    .channel-google { left: 2%; }.channel-social { right: 0; }.channel-video { left: -2%; }.channel-native { left: 3%; }.channel-display { right: 2%; }.channel-network { right: -2%; }
    .media-foundation { grid-template-columns: 1fr; }
    .media-foundation article { border-right: 0; border-bottom: 1px solid rgba(71, 153, 194, .21); }
    .home-industries .industry-grid { grid-template-columns: 1fr; }
    .home-industries .section-heading { align-items: flex-start; }
    .home-compliance { margin-bottom: 70px; }
    .home-quick-links .quick-link-card,
    .home-quick-links .quick-link-card + .quick-link-card { min-height: 76px; }
    .home-proof article { border-right: 0; border-bottom: 1px solid rgba(95, 175, 211, .2); }
    .network-copy-card { padding: 23px 18px; }
    .network-copy-card h2 { font-size: 38px; }
    .flow-points article { grid-template-columns: 38px 1fr; }
    .flow-points article > b { width: 38px; height: 38px; }
    .flow-points article > i { display: none; }
    .network-cta { width: 100%; }
    .partner-path-card { min-height: 470px; padding: 25px; }
    .partner-path-card h3 { font-size: 31px; }
    .service-category-toggle { min-height: 112px; padding: 16px; }
    .service-category-copy strong { font-size: 17px; }
    .service-category-copy small { font-size: 10px; }
    .service-offer-card { min-height: 320px; padding: 20px; }
    .service-actions { grid-template-columns: 1fr; }
    .home-workspace .mock-table b { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .page-home *,
    .page-home *::before,
    .page-home *::after { animation: none !important; }
}