*{box-sizing:border-box;margin:0;padding:0}
:root{
  --b:#0A5A94;--b2:#0D6FB8;--bd:#074070;--bx:#042C53;
  --dk:#111827;--dk2:#1F2937;--dk3:#374151;
  --ac:#FFC107;--ac2:#E5AC00;--ac3:#FFD54F;
  --lt:#F3F9FF;--lt2:#EBF4FD;--lt3:#E0F0FF;
  --mu:#6B7280;--mu2:#9CA3AF;--mu3:#D1D5DB;
  --bo:#E1ECF7;--bo2:#D0E4F5;
  --wh:#ffffff;--bg:#F9FAFB;
  --red:#DC2626;--red-lt:#FEE2E2;
  --grn:#059669;--grn-lt:#D1FAE5;
  --warn:#92400E;--warn-lt:#FEF3C7;
  /* Channel colors */
  --ch-email:#0A5A94;
  --ch-wa:#25D366;
  --ch-call:#F59E0B;
  --ch-chat:#7C3AED;
  --ch-social:#1DA1F2;
  --ch-review:#EF4444;
}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;color:var(--dk);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.ticket-list .active{
    border-bottom: 1px solid #0A5A94!important;
}


.container{max-width:1320px;margin:0 auto;}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:14px}
.sec-heading{font-size:45px;font-weight:800;line-height:1.12;letter-spacing:-1px;color:var(--dk)}
.sec-heading em{font-style:normal;color:var(--b)}
.sec-sub{font-size:16px;color:var(--mu);line-height:1.8;margin-top:16px}
.btn-blue{display:inline-flex;align-items:center;gap:8px;background:var(--b);color:#fff;font-size:14px;font-weight:600;padding:14px 28px;border-radius:9px;border:none;cursor:pointer;text-decoration:none;transition:all 0.2s}
.btn-blue:hover{background:var(--bd);transform:translateY(-1px);color:#fff;box-shadow:0 8px 24px rgba(10,90,148,0.25)}
.btn-outline{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--b);font-size:14px;font-weight:600;padding:14px 28px;border-radius:9px;border:1.5px solid var(--bo2);cursor:pointer;text-decoration:none;transition:all 0.2s}
.btn-outline:hover{border-color:var(--b);background:var(--lt)}
.btn-gold{display:inline-flex;align-items:center;gap:8px;background:var(--ac);color:var(--dk);font-size:14px;font-weight:700;padding:15px 30px;border-radius:9px;border:none;cursor:pointer;text-decoration:none;transition:all 0.2s}
.btn-gold:hover{background:var(--ac2);transform:translateY(-1px);box-shadow:0 8px 24px rgba(255,193,7,0.3)}

/* =================== HERO =================== */
.hero{padding:50px 0px;background:linear-gradient(170deg,#fff 60%,var(--lt) 100%);display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:start;max-width:1320px;margin:0 auto}
.hero-left{padding-top:12px}
.pill{display:inline-flex;align-items:center;gap:8px;background:var(--lt2);border:1px solid var(--bo2);padding:7px 16px;border-radius:24px;font-size:12px;font-weight:600;color:var(--b);margin-bottom:28px;letter-spacing:0.3px}
.pill-dot{width:7px;height:7px;border-radius:50%;background:var(--grn);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}
.hero h2{font-size:48px;font-weight:900;color:var(--dk);line-height:1.08;letter-spacing:-1.5px;margin-bottom:22px}
.hero h2 em{font-style:normal;color:var(--b);position:relative}
.hero h2 em::after{content:'';position:absolute;bottom:-3px;left:0;width:100%;height:3px;background:var(--ac);border-radius:2px}
.hero-desc{font-size:16px;color:var(--mu);line-height:1.8;margin-bottom:36px!important;max-width:480px}
.hero-actions{display:flex;gap:14px;align-items:center;margin-bottom:48px;flex-wrap:wrap}
.hero-trust{display:flex;gap:40px}
.trust-item .val{font-size:28px;font-weight:800;color:var(--dk);letter-spacing:-0.6px}
.trust-item .lbl{font-size:11px;color:var(--mu2);font-weight:500;margin-top:2px}
/* Hero right — inbox mock */
.hero-right{background:#fff;border-radius:18px 18px 0 0;border:1px solid var(--bo);border-bottom:none;padding:0;overflow:hidden;box-shadow:0 24px 64px rgba(10,90,148,0.10)}
.mock-bar{display:flex;align-items:center;gap:7px;padding:14px 18px;background:#fff;border-bottom:1px solid var(--bo)}
.mock-dot{width:9px;height:9px;border-radius:50%}
.mock-dot:nth-child(1){background:#FCA5A5}.mock-dot:nth-child(2){background:#FCD34D}.mock-dot:nth-child(3){background:#6EE7B7}
.mock-title{font-size:11px;font-weight:600;color:var(--mu);margin-left:6px}
.mock-tabs-wrap{padding:0 18px;border-bottom:1px solid var(--bo);display:flex;gap:4px;overflow-x:auto;background:#FAFBFD}
.mock-tab{font-size:10.5px;font-weight:600;padding:10px 14px;color:var(--mu);cursor:default;border-bottom:2px solid transparent;white-space:nowrap;transition:all 0.15s}
.mock-tab.active{color:var(--b);border-bottom-color:var(--b)}
.ticket-list{padding:10px 14px;display:flex;flex-direction:column;gap:7px}
.ticket{background:#fff;border:1px solid var(--bo);border-radius:10px;padding:12px 14px;display:flex;gap:10px;align-items:flex-start;transition:all 0.2s;cursor:default}
.ticket:hover{border-color:var(--b);box-shadow:0 2px 12px rgba(10,90,148,0.07)}
.ticket.active{border-color:var(--b);background:var(--lt)}
.ch-badge{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px;font-weight:800;letter-spacing:-0.5px}
.ch-badge.email{background:#EBF4FD;color:var(--ch-email)}
.ch-badge.wa{background:#E8F5E9;color:#15803D}
.ch-badge.call{background:#FEF3C7;color:#92400E}
.ch-badge.chat{background:#F3E8FF;color:var(--ch-chat)}
.ch-badge.x{background:#F3F4F6;color:#111}
.ch-badge.ig{background:#FCE7F3;color:#BE185D}
.ticket-body{flex:1;min-width:0}
.ticket-name{font-size:11.5px;font-weight:700;color:var(--dk)}
.ticket-msg{font-size:10.5px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.ticket-meta{display:flex;gap:5px;align-items:center;margin-top:5px;flex-wrap:wrap}
.tag{font-size:9px;font-weight:700;padding:2px 8px;border-radius:8px}
.tag.high{background:#FEE2E2;color:#991B1B}.tag.med{background:#FEF3C7;color:#92400E}.tag.new{background:#DBEAFE;color:#1E40AF}.tag.ch{background:var(--lt2);color:var(--b)}.tag.re{background:#F3E8FF;color:#6D28D9}
.ticket-time{font-size:9.5px;color:var(--mu2);margin-left:auto;flex-shrink:0}
.mock-ai{margin:0 14px 14px;padding:12px 14px;background:linear-gradient(135deg,var(--bx),var(--b));border-radius:10px;display:flex;gap:10px;align-items:center}
.ai-badge{background:rgba(255,255,255,0.15);font-size:9px;font-weight:700;padding:3px 8px;border-radius:10px;color:#fff;letter-spacing:0.5px;white-space:nowrap}
.ai-text{font-size:10.5px;color:rgba(255,255,255,0.9);line-height:1.5}
.ai-text strong{color:#fff}

/* =================== TRUST STRIP =================== */
.logos-strip{padding:20px 56px;border-top:1px solid var(--bo);border-bottom:1px solid var(--bo);display:flex;align-items:center;gap:14px;background:#FAFBFC;overflow-x:auto}
.logos-label{font-size:11.5px;color:var(--mu2);font-weight:500;white-space:nowrap;margin-right:8px}
.logo-pill{font-size:11.5px;font-weight:600;color:var(--mu);background:#fff;border:1px solid var(--bo);padding:5px 16px;border-radius:6px;white-space:nowrap;flex-shrink:0}

/* =================== CHANNEL SHOWCASE =================== */
/* This is the big new section — visual channel story */
.channels-sec{padding:104px 0;background:#fff;position:relative;overflow:hidden}
.channels-sec::before{content:'';position:absolute;top:-80px;right:-120px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(10,90,148,0.04),transparent 70%);pointer-events:none}
.ch-header{text-align:center;max-width:680px;margin:0 auto 64px}
.social img {
    background: #DBEAFE;
    padding: 11px;
    height: 100%;
    width: 100%;
    border-radius: 10%;
}
/* Central hub diagram */
.ch-hub-wrap{position:relative;max-width:1100px;margin:0 auto 80px;height:800px}
.ch-hub-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;background:var(--b);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;box-shadow:0 0 0 12px rgba(10,90,148,0.08),0 0 0 24px rgba(10,90,148,0.04);animation:hubPulse 3s ease-in-out infinite}
@keyframes hubPulse{0%,100%{box-shadow:0 0 0 12px rgba(10,90,148,0.08),0 0 0 24px rgba(10,90,148,0.04)}50%{box-shadow:0 0 0 16px rgba(10,90,148,0.12),0 0 0 32px rgba(10,90,148,0.05)}}
.ch-hub-label{font-size:10px;font-weight:700;color:#fff;letter-spacing:1px;opacity:0.8}
.ch-hub-icon{font-size:32px;margin-bottom:2px}
/* SVG connector lines */
.ch-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}
.ch-svg line{stroke:var(--bo);stroke-width:1.5;stroke-dasharray:6 4}
.ch-svg line.active-line{stroke:var(--b);opacity:0.35;animation:dashAnim 2s linear infinite}
@keyframes dashAnim{to{stroke-dashoffset:-20}}
/* Channel nodes */
.ch-node{position:absolute;z-index:5;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:default;transition:transform 0.25s}
.ch-node:hover{transform:scale(1.06) translateZ(0)}
.ch-node-card{border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;align-items:center;gap:8px;border:1.5px solid;min-width:148px;background:#fff;box-shadow:0 4px 24px rgba(0,0,0,0.06);transition:all 0.25s}
.ch-node:hover .ch-node-card{box-shadow:0 8px 40px rgba(0,0,0,0.12);transform:translateY(-3px)}
.ch-node-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px}
.ch-node-name{font-size:13px;font-weight:700;color:var(--dk)}
.ch-node-sub{font-size:10.5px;color:var(--mu);text-align:center;line-height:1.5}
.ch-node-count{font-size:10px;font-weight:700;padding:3px 10px;border-radius:10px;margin-top:2px}
/* Node positions — 6 around a circle */
.ch-node.email{top:30px;left:50%;transform:translateX(-50%)}
.ch-node.email:hover{transform:translateX(-50%) scale(1.06)}
.ch-node.wa{top:220px;right:80px}
.ch-node.call{top:510px;right:143px}
.ch-node.chat{top:510px;left:143px}
.ch-node.social{top:220px;left:80px}
.ch-node.review{bottom:10px;left:50%;transform:translateX(-50%)}
.ch-node.review:hover{transform:translateX(-50%) scale(1.06)}
/* Node colors */
.ch-node.email .ch-node-card{border-color:rgba(10,90,148,0.2);background:linear-gradient(135deg,#fff,#EBF4FD)}
.ch-node.email .ch-node-icon{background:#EBF4FD}
.ch-node.email .ch-node-count{background:#EBF4FD;color:var(--b)}
.ch-node.wa .ch-node-card{border-color:rgba(37,211,102,0.2);background:linear-gradient(135deg,#fff,#F0FDF4)}
.ch-node.wa .ch-node-icon{background:#F0FDF4}
.ch-node.wa .ch-node-count{background:#DCFCE7;color:#15803D}
.ch-node.call .ch-node-card{border-color:rgba(245,158,11,0.2);background:linear-gradient(135deg,#fff,#FFFBEB)}
.ch-node.call .ch-node-icon{background:#FEF3C7}
.ch-node.call .ch-node-count{background:#FEF3C7;color:#92400E}
.ch-node.chat .ch-node-card{border-color:rgba(124,58,237,0.2);background:linear-gradient(135deg,#fff,#F5F3FF)}
.ch-node.chat .ch-node-icon{background:#EDE9FE}
.ch-node.chat .ch-node-count{background:#EDE9FE;color:#6D28D9}
.ch-node.social .ch-node-card{border-color:rgba(29,161,242,0.2);background:linear-gradient(135deg,#fff,#EFF6FF)}
.ch-node.social .ch-node-icon{background:#DBEAFE}
.ch-node.social .ch-node-count{background:#DBEAFE;color:#1D4ED8}
.ch-node.review .ch-node-card{border-color:rgba(239,68,68,0.2);background:linear-gradient(135deg,#fff,#FFF5F5)}
.ch-node.review .ch-node-icon{background:#FEE2E2}
.ch-node.review .ch-node-count{background:#FEE2E2;color:#B91C1C}

/* Channel deep-dive cards below the hub */
.ch-deep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:100%;margin:0 auto}
.ch-deep{border-radius:16px;overflow:hidden;border:1.5px solid var(--bo);transition:all 0.25s;cursor:default}
.ch-deep:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.09)}
.ch-deep-header{padding:24px 28px 20px;display:flex;gap:14px;align-items:flex-start}
.ch-deep-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.ch-deep-title{font-size:15px;font-weight:700;color:var(--dk)}
.ch-deep-tag{font-size:10px;font-weight:700;padding:2px 10px;border-radius:8px;margin-top:4px;display:inline-block}
.ch-deep-body{padding:0 28px 24px}
.ch-deep-desc{font-size:13px;color:var(--mu);line-height:1.7;margin-bottom:16px}
.ch-deep-features{display:flex;flex-direction:column;gap:8px}
.ch-deep-feat{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:var(--dk3);line-height:1.5}
.ch-feat-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:5px}
/* Channel deep colors */
.ch-deep.email .ch-deep-header{background:linear-gradient(135deg,#EBF4FD,#fff)}
.ch-deep.email .ch-deep-icon{background:#D6EAFB}
.ch-deep.email .ch-deep-tag{background:#EBF4FD;color:var(--b)}
.ch-deep.email .ch-feat-dot{background:var(--b)}
.ch-deep.wa .ch-deep-header{background:linear-gradient(135deg,#F0FDF4,#fff)}
.ch-deep.wa .ch-deep-icon{background:#DCFCE7}
.ch-deep.wa .ch-deep-tag{background:#DCFCE7;color:#15803D}
.ch-deep.wa .ch-feat-dot{background:#15803D}
.ch-deep.call .ch-deep-header{background:linear-gradient(135deg,#FFFBEB,#fff)}
.ch-deep.call .ch-deep-icon{background:#FEF3C7}
.ch-deep.call .ch-deep-tag{background:#FEF3C7;color:#92400E}
.ch-deep.call .ch-feat-dot{background:#F59E0B}
.ch-deep.chat .ch-deep-header{background:linear-gradient(135deg,#F5F3FF,#fff)}
.ch-deep.chat .ch-deep-icon{background:#EDE9FE}
.ch-deep.chat .ch-deep-tag{background:#EDE9FE;color:#6D28D9}
.ch-deep.chat .ch-feat-dot{background:#7C3AED}
.ch-deep.social .ch-deep-header{background:linear-gradient(135deg,#EFF6FF,#fff)}
.ch-deep.social .ch-deep-icon{background:#DBEAFE}
.ch-deep.social .ch-deep-tag{background:#DBEAFE;color:#1D4ED8}
.ch-deep.social .ch-feat-dot{background:#3B82F6}
.ch-deep.review .ch-deep-header{background:linear-gradient(135deg,#FFF5F5,#fff)}
.ch-deep.review .ch-deep-icon{background:#FEE2E2}
.ch-deep.review .ch-deep-tag{background:#FEE2E2;color:#B91C1C}
.ch-deep.review .ch-feat-dot{background:#EF4444}
.integrate, .social, .dashboard, .listening, .social-publishing {
    box-shadow: none;
    margin-left: 10px;
}
/* Channel count strip */
.ch-count-strip{display:flex;gap:0;max-width:1100px;margin:0 auto 60px;border:1.5px solid var(--bo);border-radius:14px;overflow:hidden;background:#fff}
.ch-count-item{flex:1;padding:20px 16px;text-align:center;border-right:1px solid var(--bo);transition:background 0.2s;cursor:default}
.ch-count-item:last-child{border-right:none}
.ch-count-item:hover{background:var(--lt)}
.ch-count-num{font-size:24px;font-weight:800;color:var(--dk);letter-spacing:-0.5px}
.ch-count-label{font-size:11px;color:var(--mu);font-weight:500;margin-top:3px}
.ch-count-dot{width:8px;height:8px;border-radius:50%;margin:0 auto 8px}

/* =================== CHANNEL LOGOS GRID =================== */
.ch-logos-sec{padding:72px 0;background:var(--bg)}
.ch-logos-header{text-align:center;margin-bottom:48px}
.ch-logos-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:100%;margin:0 auto}
.ch-logo-pill{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;border:1.5px solid var(--bo);border-radius:10px;font-size:12.5px;font-weight:600;color:var(--dk);transition:all 0.2s;cursor:default}
.ch-logo-pill:hover{border-color:var(--b);background:var(--lt);transform:translateY(-2px);box-shadow:0 4px 16px rgba(10,90,148,0.08)}
.ch-logo-pill-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}

/* =================== PROBLEM =================== */
.problem-sec{padding:96px 0;background:#fff}
.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.pv-wrap{position:relative}
.pv-card{border-radius:16px;padding:28px;background:#fff;border:1.5px solid var(--bo);box-shadow:0 4px 24px rgba(0,0,0,0.04);margin-bottom:16px}
.pv-card.bad{border-color:#FECACA}
.pv-card-label{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:6px}
.pv-card.bad .pv-card-label{color:var(--red)}
.pv-card.good .pv-card-label{color:var(--grn)}
.pv-channel-row{display:flex;gap:8px;flex-wrap:wrap}
.pv-ch-chip{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;font-size:11px;font-weight:600}
.pv-card.bad .pv-ch-chip{background:#FFF5F5;border:1px dashed #FECACA;color:var(--red)}
.pv-connect-arrow{text-align:center;font-size:22px;color:var(--b);margin:4px 0}
.pv-unified-box{padding:20px;background:linear-gradient(135deg,var(--lt2),#fff);border-radius:12px;border:1.5px solid var(--bo2)}
.pv-unified-row{display:flex;gap:8px;align-items:center;margin-bottom:10px;font-size:12px;font-weight:600;color:var(--dk)}
.pv-unified-icon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}

/* =================== FEATURES =================== */
.features-sec{padding:96px 0;background:var(--bg)}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:52px}
.feat-card{background:#fff;border:1.5px solid var(--bo);border-radius:14px;padding:30px 26px;transition:all 0.25s;cursor:default;position:relative;overflow:hidden}
.feat-card::after{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:var(--b);transform:scaleX(0);transform-origin:left;transition:transform 0.3s}
.feat-card:hover{border-color:var(--b);box-shadow:0 8px 32px rgba(10,90,148,0.08);transform:translateY(-3px)}
.feat-card:hover::after{transform:scaleX(1)}
.feat-ico{width:48px;height:48px;border-radius:12px;background:var(--lt2);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px}
.feat-card h4{font-size:15px;font-weight:700;color:var(--dk);margin-bottom:8px}
.feat-card p{font-size:13px;color:var(--mu);line-height:1.7}

/* =================== UNIFIED CONTEXT =================== */
.uc-sec{padding:96px 0;background:var(--dk);overflow:hidden;position:relative}
.uc-sec::before{content:'';position:absolute;top:-200px;left:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(10,90,148,0.2),transparent);pointer-events:none}
.uc-sec::after{content:'';position:absolute;bottom:-200px;right:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(255,193,7,0.06),transparent);pointer-events:none}
.uc-header{text-align:center;margin-bottom:56px;position:relative;z-index:1}
.uc-unified{margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr;gap:20px;position:relative;z-index:1}
.uc-profile-card{background:var(--dk2);border:1px solid rgba(255,255,255,0.08);border-radius:16px;overflow:hidden}
.uc-profile-header{background:linear-gradient(135deg,var(--b),var(--bd));padding:20px 24px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.uc-avatar{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#fff;flex-shrink:0}
.uc-name{font-size:15px;font-weight:700;color:#fff}
.uc-name small{display:block;font-size:11px;font-weight:400;color:rgba(255,255,255,0.6);margin-top:2px}
.uc-profile-meta{display:flex;gap:8px;margin-left:auto}
.uc-meta-pill{font-size:9px;font-weight:700;padding:4px 10px;border-radius:8px}
.uc-meta-pill.fr{background:rgba(220,38,38,0.2);color:#FCA5A5}
.uc-meta-pill.esc{background:rgba(255,193,7,0.15);color:var(--ac3)}
.uc-profile-body{padding:20px 24px}
.uc-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}
.uc-stat{text-align:center;padding:12px 8px;background:rgba(255,255,255,0.04);border-radius:10px;border:1px solid rgba(255,255,255,0.06)}
.uc-stat .num{font-size:22px;font-weight:800;color:var(--ac)}
.uc-stat .lbl{font-size:10px;color:rgba(255,255,255,0.4);margin-top:2px}
.tl-label{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,0.25);margin-bottom:14px}
.tl-event{display:flex;gap:12px;align-items:stretch;margin-bottom:4px}
.tl-left{display:flex;flex-direction:column;align-items:center;width:24px;flex-shrink:0}
.tl-dot{width:10px;height:10px;border-radius:50%;border:2px solid;flex-shrink:0;margin-top:4px}
.tl-dot.emd{border-color:#60A5FA;background:#1E3A5F}
.tl-dot.wad{border-color:#4ADE80;background:#0D2E22}
.tl-dot.chd{border-color:#A78BFA;background:#2D1B69}
.tl-dot.cld{border-color:#FBBF24;background:#422006}
.tl-dot.igd{border-color:#F472B6;background:#4C1130}
.tl-dot.twd{border-color:#FB923C;background:#431407}
.tl-line{width:1px;background:rgba(255,255,255,0.06);flex:1;margin:3px 0}
.tl-body{padding-bottom:14px;flex:1}
.tl-ch{font-size:9.5px;font-weight:700;letter-spacing:0.5px}
.tl-ch.emc{color:#60A5FA}.tl-ch.wac{color:#4ADE80}.tl-ch.chc{color:#A78BFA}.tl-ch.clc{color:#FBBF24}.tl-ch.igc{color:#F472B6}.tl-ch.twc{color:#FB923C}
.tl-msg{font-size:11px;color:rgba(255,255,255,0.55);line-height:1.5;margin-top:2px}
.tl-time{font-size:9px;color:rgba(255,255,255,0.2);margin-top:3px}
.uc-ai-sidebar{background:var(--dk2);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:18px}
.uc-ai-hdr{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.uc-ai-hdr-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--b),var(--ac));display:flex;align-items:center;justify-content:center;font-size:14px}
.uc-ai-hdr h4{font-size:13px;font-weight:700;color:#fff}
.uc-ai-hdr h4 small{display:block;font-size:9.5px;font-weight:400;color:rgba(255,255,255,0.4);margin-top:1px}
.uc-ai-block{padding:14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:10px}
.uc-ai-block h5{font-size:9.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,0.3);margin-bottom:10px}
.uc-ai-block p{font-size:11.5px;color:rgba(255,255,255,0.55);line-height:1.65}
.uc-ai-block ul{list-style:none;display:flex;flex-direction:column;gap:7px}
.uc-ai-block li{font-size:11px;color:rgba(255,255,255,0.55);line-height:1.5;padding-left:14px;position:relative}
.uc-ai-block li::before{content:'';position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background:var(--b)}
.uc-ai-actions{display:flex;flex-direction:column;gap:6px}
.uc-ai-action{display:flex;align-items:center;gap:8px;padding:10px 12px;background:rgba(10,90,148,0.1);border:1px solid rgba(10,90,148,0.2);border-radius:8px;font-size:11px;font-weight:600;color:rgba(255,255,255,0.7);cursor:default;transition:all 0.15s}
.uc-ai-action:hover{background:rgba(10,90,148,0.2)}

/* =================== VS TABLE =================== */
.vs-sec{padding:96px 0;background:#fff}
.vs-table-wrap{margin-top:48px;border-radius:16px;overflow:hidden;border:1.5px solid var(--bo)}
.vs-head{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;background:var(--dk)}
.vs-head-cell{padding:18px 24px;font-size:12px;font-weight:700;color:rgba(255,255,255,0.7);letter-spacing:0.5px}
.vs-head-cell:first-child{color:rgba(255,255,255,0.5)}
.vs-head-cell.ours{color:var(--ac);font-size:13px;letter-spacing:0}
.vs-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border-top:1px solid var(--bo);transition:background 0.15s}
.vs-row:hover{background:var(--lt)}
.vs-cell{padding:16px 24px;font-size:13px;color:var(--mu);display:flex;align-items:center;gap:6px}
.vs-cell:first-child{font-weight:600;color:var(--dk);font-size:13px}
.vs-cell.ours{color:var(--b);font-weight:600;background:rgba(10,90,148,0.02)}
.vs-yes{color:var(--grn);font-weight:700;font-size:15px}
.vs-no{color:var(--red);font-weight:700;font-size:15px}
.vs-partial{color:var(--ac2);font-size:12px;font-weight:600}
.vs-note{font-size:11px;color:var(--mu2)}
.pv-ch-chip img{
  width:16px;
  height:16px;
  object-fit:contain;
  vertical-align:middle;
  margin-right:6px;
}

/* =================== AUTOMATION =================== */
.auto-sec{padding:96px 0;background:var(--bg)}
.auto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}
.auto-card{background:#fff;border:1.5px solid var(--bo);border-radius:14px;padding:28px;transition:all 0.25s}
.auto-card:hover{border-color:var(--b);transform:translateY(-3px);box-shadow:0 8px 32px rgba(10,90,148,0.08)}
.auto-ico{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px}
.auto-card h4{font-size:15px;font-weight:700;color:var(--dk);margin-bottom:8px}
.auto-card p{font-size:13px;color:var(--mu);line-height:1.7}

/* =================== REPORTING =================== */
.reporting-sec{padding:96px 0;background:#fff}
.reporting-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:center}
.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kpi-card{background:#fff;border:1.5px solid var(--bo);border-radius:12px;padding:20px 18px;transition:all 0.2s}
.kpi-card:hover{border-color:var(--b);box-shadow:0 4px 16px rgba(10,90,148,0.06)}
.kpi-val{font-size:28px;font-weight:800;color:var(--b);letter-spacing:-0.5px}
.kpi-lbl{font-size:11px;color:var(--mu);margin-top:3px}
.kpi-trend{font-size:10px;font-weight:600;margin-top:6px;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:8px}
.kpi-trend.up{background:var(--grn-lt);color:var(--grn)}
.kpi-trend.dn{background:var(--red-lt);color:var(--red)}
.chart-bars{background:#fff;border:1.5px solid var(--bo);border-radius:12px;padding:20px;margin-top:12px;height:120px;display:flex;align-items:flex-end;gap:6px}
.chart-bar{border-radius:4px 4px 0 0;flex:1;transition:opacity 0.2s}
.chart-bar:nth-child(odd){background:var(--b);opacity:0.5}
.chart-bar:nth-child(even){background:var(--b);opacity:0.8}
.chart-bar:hover{opacity:1}

/* =================== OUTCOMES =================== */
.outcomes-sec{padding:96px 0;background:var(--bg)}
.out-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}
.out-card{background:#fff;border:1.5px solid var(--bo);border-radius:14px;padding:28px 22px;text-align:center;transition:all 0.25s}
.out-card:hover{border-color:var(--b);transform:translateY(-3px);box-shadow:0 8px 32px rgba(10,90,148,0.08)}
.out-big{font-size:44px;font-weight:900;color:var(--b);line-height:1;margin-bottom:14px}
.out-card h4{font-size:14px;font-weight:700;color:var(--dk);margin-bottom:8px}
.out-card p{font-size:12.5px;color:var(--mu);line-height:1.7}
.benefit-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px;justify-content:center}
.benefit-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:#fff;border:1.5px solid var(--bo);border-radius:24px;font-size:12.5px;font-weight:600;color:var(--dk);transition:all 0.2s}
.benefit-chip::before{content:'✓';color:var(--grn);font-weight:800}
.benefit-chip:hover{border-color:var(--b);background:var(--lt)}

/* =================== CTA =================== */
.cta-sec{padding:96px 56px;background:var(--dk);position:relative;overflow:hidden}
.cta-sec::before{content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(10,90,148,0.35),transparent);pointer-events:none}
.cta-sec::after{content:'';position:absolute;bottom:-200px;left:-200px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(255,193,7,0.08),transparent);pointer-events:none}
.cta-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center;position:relative;z-index:1}
.cta-sec h2{font-size:38px;font-weight:800;color:#fff;line-height:1.2;letter-spacing:-1px;max-width:580px}
.cta-sec h2 em{font-style:normal;color:var(--ac)}
.cta-sec p{color:rgba(255,255,255,0.45);font-size:15px;margin-top:14px;line-height:1.7}
.cta-right{display:flex;flex-direction:column;gap:14px;align-items:flex-end;flex-shrink:0}

/* =================== RESPONSIVE =================== */
@media(max-width:1024px){
  .hero,.reporting-grid,.problem-grid,.cta-inner,.uc-unified{grid-template-columns:1fr}
  .hero-right{margin-top:20px}
  .feat-grid,.auto-grid,.ch-deep-grid{grid-template-columns:1fr 1fr}
  .out-grid{grid-template-columns:repeat(2,1fr)}
  .vs-head,.vs-row{grid-template-columns:2fr 1fr 1fr}
  .container{padding:0 32px}
  .nav,.hero,.cta-sec{padding-left:32px;padding-right:32px}
  .ch-hub-wrap{height:auto;position:static;display:flex;flex-direction:column;align-items:center;gap:16px}
  .ch-svg{display:none}
  .ch-hub-center{position:static;transform:none;margin:20px auto}
  .ch-node{position:static;transform:none!important;display:flex;flex-direction:row;width:100%;max-width:400px}
  .ch-node-card{flex-direction:row;min-width:auto;width:100%;text-align:left;padding:14px 18px}
  .container {
    display: flex;
    justify-content: unset !important;
    align-items: unset !important;
    margin: 0;
    padding: 8px 0 0;
    flex-direction: column;
}

}
@media(max-width:678px){
    .btn-blue {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--b);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 14px;
    border-radius: 9px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s;
}
.hero-actions {
    display: flex;
    gap: 14px;
    align-items: center;
    margin-bottom: 48px;
    flex-wrap: nowrap;
    flex-direction: row;
}
.channels-sec {
    padding: 50px 10px;
    background: #fff;
    position: relative;
    overflow: hidden;
}
.integrate, .social, .dashboard, .listening, .social-publishing {
    box-shadow: none;
    margin-left: 0px!important;
}
.problem-sec {
    padding: 50px 10px;
    background: #fff;
}
.nav, .hero, .cta-sec {
    padding-left: 10px;
    padding-right: 10px;
}
.features-sec, .vs-sec, .auto-sec, .reporting-sec, .outcomes-sec {
    padding: 50px 10px;
    background: var(--bg);
}
}
@media(max-width:640px){
  .feat-grid,.auto-grid,.ch-deep-grid,.out-grid,.kpi-grid{grid-template-columns:1fr}
  .hero h2{font-size:34px}
  .sec-heading{font-size:28px}
  .nav-links{display:none}
  .ch-count-strip{flex-wrap:wrap}
  .ch-count-item{flex:1 1 30%}
}
.pv-unified-icon img{
  width:14px;
  height:14px;
  object-fit:contain;
  display:block;
}
.ch-logo-pill-icon img{
  width:16px;
  height:16px;
  object-fit:contain;
  display:block;
}
.feat-ico img{
  width:28px;
  height:28px;
  object-fit:contain;
  display:block;
}
.revamherobutton-custom-btn {
    color: #065994!important;
    position: relative!important;
    border-radius: 9px!important;
    border: 1px solid #D0E4F5!important;
    background: #FFF!important;
}
.revamherobutton-custom-btn::before {
display: none!important;
}
.revamherobutton-custom-btn::after{
    display: none!important;

}