:root {
      
      --bg:        #060d1f;
      --surface:   #0d1a2e;
      --surface2:  #0f2040;
      --border:    rgba(255,255,255,.08);
      --text:      rgba(255,255,255,.92);
      --text2:     rgba(255,255,255,.65);
      --muted:     rgba(255,255,255,.38);
      --accent:    #3b82f6;
      --accent2:   #06b6d4;
      --green:     #4ade80;
      --orange:    #f59e0b;
      --meta-blue: #60a5fa;
      --shadow:    rgba(0,0,0,.4);
      --glow:      rgba(59,130,246,.20);
      --nav-bg:    rgba(6,13,31,.92);
    }

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
      background: #060d1f;: var(--bg);
      color: var(--text);
      font-family: "Poppins", sans-serif;
      font-weight: 400;
      line-height: 1.65;
      overflow-x: hidden;
      transition: background: #060d1f; .3s, color .3s;
      padding-top: 68px; 
    }

.material-icons-round {
      display: inline-block;
      width: 1em; height: 1em;
      flex-shrink: 0;
    }

.nav-logo {
      display: flex; align-items: center; gap: 9px;
      font-family: "Poppins", sans-serif;
      font-weight: 800; font-size: 1.2rem;
      color: var(--text) !important;
      text-decoration: none; letter-spacing: -.02em;
      flex-shrink: 0;
    }

.nav-logo-icon {
      width: 34px; height: 34px; border-radius: 9px;
      display: flex; align-items: center; justify-content: center;
    }

.nav-logo-icon .material-icons-round { font-size: 18px; color: #fff; }

.hero {
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      position: relative;
      overflow: hidden;
      background: #060d1f;
    }

.hero::before {
      content: ""; position: absolute; inset: 0; pointer-events: none;
      background:
        radial-gradient(ellipse 70% 60% at -10% 60%, rgba(26,86,219,.09), transparent 55%),
        radial-gradient(ellipse 55% 55% at 110% 5%,  rgba(14,165,233,.07), transparent 55%);
    }

.hero-inner {
      position: relative; z-index: 1;
      width: 100%;
      max-width: 1280px;
      margin: 0 auto;
      padding: 44px 3vw 60px;
      display: grid;
      grid-template-columns: 10fr 10fr;
      align-items: center;
      gap: 2rem;
    }

.hero-left {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      min-width: 0;
    }

.hero-badge-row {
      display: flex;
      justify-content: flex-start;
      margin-bottom: 1.5rem;
      animation: fadeUp .4s ease both;
    }

.hero h1 {
      font-family: "Poppins", sans-serif;
      font-weight: 800;
      letter-spacing: -.03em;
      font-size: clamp(2.244rem, 3.468vw, 3.672rem);
      line-height: 1.07;
      margin: 0 0 1.1rem;
      color: #ffffff;
      animation: fadeUp .5s .05s ease both;
    }

.hero h1 .gr {
      background: linear-gradient(130deg, var(--accent) 20%, var(--accent2) 80%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

.hero-sub {
      color: rgba(255,255,255,.6);
      font-size: .99rem;
      line-height: 1.75;
      max-width: 449px;
      margin: 0 0 2rem;
      animation: fadeUp .5s .1s ease both;
    }

.hero-cta {
      display: flex;
      gap: 1rem;
      flex-wrap: wrap;
      align-items: center;
      animation: fadeUp .5s .15s ease both;
    }

.btn-find {
      display: inline-flex; align-items: center; gap: 7px;
      background: transparent;
      border: 1.5px solid var(--border);
      color: var(--text2);
      padding: 11px 22px; border-radius: 10px;
      font-size: .875rem; font-weight: 600;
      cursor: pointer; text-decoration: none;
      font-family: inherit; white-space: nowrap;
      transition: all .2s;
    }

.btn-find .material-icons-round { font-size: 16px; }

.btn-find:hover { border-color: var(--accent); color: var(--accent); background: rgba(26,86,219,.05); }

.hero-right {
      display: flex;
      align-items: center;
      justify-content: center;
      animation: fadeUp .6s .2s ease both;
      width: 100%;
      min-width: 0;
    }

@media  (max-width: 991px)  {
.hero-inner {
        grid-template-columns: 1fr;
        padding: 48px 5vw 48px;
        gap: 2rem;
      }
.hero-left { align-items: center; text-align: center; }
.hero-badge-row { justify-content: center; }
.hero-sub { margin-left: auto; margin-right: auto; }
.hero-cta { justify-content: center; }
.hero-right { justify-content: center; }
}

@media  (max-width: 575px)  {
.hero-inner { padding: 40px 4vw 40px; gap: 1.5rem; }
.hero h1 { font-size: clamp(1.938rem, 7.14vw, 2.55rem); }
.hero-cta { flex-direction: column; width: 100%; }
.btn-primary, .btn-find { width: 100%; justify-content: center; }
}

.unibox-core { filter: drop-shadow(0 0 14px rgba(99,102,241,0.25)); }

.platform-card, .agent-card { cursor: default; transition: filter .25s; }

.platform-card:hover, .agent-card:hover { filter: brightness(0.93); }

.hero-stats { display: flex; gap: 1.8rem; margin-top: 2.2rem; flex-wrap: wrap; }

.hero-stat strong { display: block; font-family: "Poppins",sans-serif; font-weight: 800; font-size: 1.5rem; color: rgba(255,255,255,.9); letter-spacing: -.02em; }

.hero-stat span { font-size: .8rem; color: rgba(255,255,255,.4); }

.logos-strip {
      padding: 52px 5vw; background: var(--surface);
      border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);
      text-align: center; transition: background .3s, border-color .3s;
    }

.logos-label {
      font-size: .72rem; font-weight: 700; letter-spacing: .12em;
      text-transform: uppercase; color: var(--muted); margin-bottom: 1.8rem;
    }

.logos-row { display: flex; align-items: center; justify-content: center; gap: 3.5rem; flex-wrap: wrap; }

.logos-row img { height: 26px; filter: grayscale(1) opacity(.35); transition: filter .25s; }

.logos-row img:hover { filter: none; }

section { padding: 80px 0; }

.section-eyebrow {
      display: inline-block;
      font-size: .68rem; font-weight: 700;
      letter-spacing: .12em; text-transform: uppercase;
      color: var(--accent); font-family: "Poppins", sans-serif;
      margin-bottom: .6rem;
    }

.section-title {
      font-family: "Poppins", sans-serif;
      font-weight: 700; letter-spacing: -.02em;
      font-size: clamp(1.35rem, 2.2vw, 1.9rem);
      line-height: 1.25; color: var(--text);
      margin: 0;
    }

.section-body {
      margin-top: .6rem; color: var(--muted);
      font-size: .88rem; max-width: 520px;
      line-height: 1.7; font-family: "Poppins", sans-serif;
    }

.centered { text-align: center; }

.centered .section-body { margin-left: auto; margin-right: auto; }

.feat-header { margin-bottom: 3.5rem; }

.card {
      background: var(--surface); border: 1px solid var(--border) !important;
      border-radius: 18px !important; padding: 2rem 1.8rem;
      transition: border-color .25s, box-shadow .25s, transform .25s, background .3s;
    }

.card:hover { border-color: rgba(61,106,255,.35) !important; box-shadow: 0 8px 32px var(--glow) !important; transform: translateY(-3px); }

.card-ico {
      width: 46px; height: 46px; border-radius: 13px;
      background: linear-gradient(135deg, rgba(61,106,255,.1), rgba(108,64,255,.08));
      border: 1px solid rgba(61,106,255,.2);
      display: flex; align-items: center; justify-content: center; margin-bottom: 1.2rem;
    }

.card-ico .material-icons-round { color: var(--accent); font-size: 22px; }

.card h3 { font-family: "Poppins", sans-serif; font-weight: 700; font-size: 1.05rem; margin-bottom: .45rem; letter-spacing: -.01em; }

.card p { color: var(--muted); font-size: .9rem; line-height: 1.6; margin: 0; }

.cta-card {
      background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08);
      border-radius: 20px; padding: 2.4rem 2rem;
      position: relative; overflow: hidden;
      transition: border-color .25s, box-shadow .25s, background .3s;
    }

.cta-card:hover { border-color: rgba(61,106,255,.35); box-shadow: 0 12px 40px var(--shadow); }

.cta-card::after {
      content: ""; position: absolute; top: -50px; right: -50px;
      width: 180px; height: 180px; border-radius: 50%;
      background: radial-gradient(circle, var(--glow), transparent 70%); pointer-events: none;
    }

.cta-tag { font-size: .68rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--accent); margin-bottom: .4rem; }

.cta-card h3 { font-family: "Poppins", sans-serif; font-weight: 800; font-size: 1.45rem; letter-spacing: -.02em; margin-bottom: .6rem; }

.cta-card p { color: var(--muted); font-size: .88rem; margin-bottom: 1.5rem; line-height: 1.6; }

.float-icon {
      position: absolute; bottom: 1.4rem; right: 1.4rem;
      width: 48px; height: 48px; border-radius: 13px;
      background: var(--surface2); border: 1px solid var(--border);
      display: flex; align-items: center; justify-content: center;
    }

.meta-sec{ background:#060d1f; padding:52px 0; }

.meta-premium-card{
      background:#060d1f;
      border-radius:20px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.07);
      position:relative;
    }

.meta-premium-card::before{
      content:"";position:absolute;top:-80px;left:50%;transform:translateX(-50%);
      width:500px;height:320px;
      background:radial-gradient(ellipse,rgba(26,86,219,.14) 0%,transparent 68%);
      pointer-events:none;
    }

.meta-prem-top{ padding:36px 40px 28px;text-align:center;position:relative;z-index:1;border-bottom:1px solid rgba(255,255,255,.05); }

.meta-prem-badge{ display:inline-flex;align-items:center;gap:7px;background:rgba(26,86,219,.12);border:1px solid rgba(26,86,219,.22);border-radius:20px;padding:5px 14px;margin-bottom:22px;font-family:"Poppins",sans-serif; }

.meta-prem-badge svg{ color:#60a5fa; }

.meta-prem-badge span{ font-size:.65rem;font-weight:700;color:#60a5fa;letter-spacing:.08em;text-transform:uppercase; }

.meta-prem-logo-row{ display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:22px; }

.meta-prem-logo{ height:26px;filter:brightness(0) invert(1);opacity:.8; }

.meta-prem-divider-v{ width:1px;height:26px;background:rgba(255,255,255,.12); }

.meta-prem-tech{ display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:6px 12px; }

.meta-prem-tech svg{ color:#4ade80; }

.meta-prem-tech span{ font-size:.75rem;font-weight:500;color:rgba(255,255,255,.7);font-family:"Poppins",sans-serif; }

.meta-prem-title{ font-size:clamp(1.3rem,2.2vw,1.75rem);font-weight:800;color:rgba(255,255,255,.92);line-height:1.3;margin-bottom:10px;font-family:"Poppins",sans-serif;letter-spacing:-.02em; }

.meta-prem-accent{ color:#60a5fa; }

.meta-prem-sub{ font-size:.84rem;color:rgba(255,255,255,.38);max-width:500px;margin:0 auto;line-height:1.7;font-family:"Poppins",sans-serif; }

.meta-prem-stats{ display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:1; }

.meta-prem-stat{ padding:22px 18px;border-right:1px solid rgba(255,255,255,.05);text-align:center; }

.meta-prem-stat:last-child{ border-right:none; }

.meta-prem-stat-val{ font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1;margin-bottom:5px;font-family:"Poppins",sans-serif; }

.meta-prem-stat-lbl{ font-size:.65rem;color:rgba(255,255,255,.32);font-family:"Poppins",sans-serif; }

@media (max-width:768px) {
.meta-prem-stats{grid-template-columns:1fr 1fr;}
.meta-prem-top{padding:24px 20px 20px;}
}

.meta-badge {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      background: #fff;
      border: 1.5px solid rgba(24,119,242,0.22);
      border-radius: 14px;
      padding: 9px 16px 9px 12px;
      box-shadow: 0 4px 20px rgba(24,119,242,0.10), 0 1px 4px rgba(0,0,0,0.06);
      animation: fadeUp .4s ease both;
    }

.meta-badge-logo {
      display: flex;
      align-items: center;
      background: #1877F2;
      border-radius: 8px;
      padding: 5px 10px;
      flex-shrink: 0;
    }

.meta-badge-logo img { height: 13px; display: block; }

.meta-badge-divider {
      width: 1px; height: 28px;
      background: rgba(24,119,242,0.15);
      flex-shrink: 0;
    }

.meta-badge-text {
      display: flex;
      flex-direction: column;
      line-height: 1.2;
    }

.meta-badge-label {
      font-size: .62rem;
      font-weight: 700;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: rgba(255,255,255,.55);
    }

.meta-badge-title {
      font-size: .82rem;
      font-weight: 800;
      color: rgba(255,255,255,.92);
      letter-spacing: -.01em;
    }

.meta-badge-check {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 26px; height: 26px;
      background: linear-gradient(135deg, #1877F2, #0ea5e9);
      border-radius: 50%;
      flex-shrink: 0;
    }

.meta-badge-check .material-icons-round { font-size: 15px; color: #fff; }

.meta-sec {
      background: linear-gradient(160deg, #0a1628 0%, #0f2040 55%, #0d1c36 100%) !important;
      border-top: none !important;
      border-bottom: none !important;
      position: relative;
      overflow: hidden;
    }

.meta-sec::before {
      content: "";
      position: absolute; inset: 0; pointer-events: none;
      background:
        radial-gradient(ellipse 60% 80% at -10% 50%, rgba(24,119,242,0.18), transparent 55%),
        radial-gradient(ellipse 50% 60% at 110% 20%, rgba(14,165,233,0.12), transparent 55%);
    }

.meta-sec .section-title { color: #fff; }

.meta-sec .section-body { color: rgba(255,255,255,0.60); }

.meta-partner-logo-wrap {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      background: rgba(255,255,255,0.06);
      border: 1px solid rgba(255,255,255,0.12);
      border-radius: 16px;
      padding: 14px 24px;
      margin-bottom: 2rem;
    }

.meta-partner-logo-wrap img { height: 28px; filter: brightness(0) invert(1); }

.meta-partner-logo-wrap .mp-divider {
      width: 1px; height: 28px; background: rgba(255,255,255,0.20);
    }

.meta-partner-logo-wrap .mp-label {
      font-size: .72rem; font-weight: 700; letter-spacing: .12em;
      text-transform: uppercase; color: rgba(255,255,255,0.55);
      white-space: nowrap;
    }

.meta-stats-row {
      display: flex;
      justify-content: center;
      gap: 2px;
      flex-wrap: wrap;
      margin: 2rem 0;
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 18px;
      overflow: hidden;
      max-width: 680px;
      margin-left: auto;
      margin-right: auto;
    }

.meta-stat-item {
      flex: 1 1 140px;
      padding: 1.4rem 1.2rem;
      background: rgba(255,255,255,0.04);
      border-right: 1px solid rgba(255,255,255,0.07);
      text-align: center;
    }

.meta-stat-item:last-child { border-right: none; }

.meta-stat-num {
      font-family: "Poppins", sans-serif;
      font-weight: 800; font-size: 1.6rem;
      color: #fff; letter-spacing: -.03em; display: block;
      background: linear-gradient(130deg, #60a5fa, #38bdf8);
      -webkit-background-clip: text; -webkit-text-fill-color: transparent;
      background-clip: text;
    }

.meta-stat-lbl {
      font-size: .73rem; color: rgba(255,255,255,0.45);
      font-weight: 500; display: block; margin-top: 2px;
    }

.meta-chips .chip {
      background: rgba(255,255,255,0.07) !important;
      border-color: rgba(255,255,255,0.14) !important;
      color: rgba(255,255,255,0.80) !important;
    }

.meta-chips .chip .material-icons-round { color: #4ade80 !important; }

.meta-cert-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: linear-gradient(135deg, rgba(24,119,242,0.25), rgba(14,165,233,0.20));
      border: 1px solid rgba(96,165,250,0.35);
      border-radius: 99px;
      padding: 7px 18px;
      font-size: .78rem;
      font-weight: 700;
      color: #93c5fd;
      letter-spacing: .04em;
      margin-bottom: 1.5rem;
    }

.meta-cert-badge .material-icons-round { font-size: 16px; color: #60a5fa; }

.video-section {
      background: #060d1f;
      border-top: 1px solid var(--border);
      border-bottom: 1px solid var(--border);
      padding: 80px 0;
      transition: background .3s, border-color .3s;
      scroll-margin-top: 80px;
    }

.video-header { text-align:center; margin-bottom:2rem; }

.video-wrapper {
      position: relative;
      max-width: 860px;
      margin: 0 auto;
      border-radius: 24px;
      overflow: hidden;
      box-shadow:
        0 0 0 1px var(--border),
        0 24px 80px rgba(10,22,40,0.12),
        0 8px 24px rgba(26,86,219,0.08);
      background: #000;
      transition: box-shadow .3s;
    }

.video-wrapper:hover {
      box-shadow:
        0 0 0 1px rgba(26,86,219,0.35),
        0 32px 100px rgba(10,22,40,0.16),
        0 8px 32px rgba(26,86,219,0.14);
    }

.video-ratio {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
    }

.video-ratio iframe,
    .video-ratio video {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      border: none;
      display: block;
    }

.video-placeholder {
      position: absolute;
      inset: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background: linear-gradient(135deg, #0a1628 0%, #0f2040 60%, #0d1c36 100%);
      gap: 1.2rem;
      cursor: pointer;
    }

.video-placeholder-icon {
      width: 72px; height: 72px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--accent), var(--accent2));
      display: flex; align-items: center; justify-content: center;
      box-shadow: 0 8px 32px rgba(26,86,219,0.45);
      transition: transform .2s, box-shadow .2s;
    }

.video-placeholder:hover .video-placeholder-icon {
      transform: scale(1.08);
      box-shadow: 0 12px 48px rgba(26,86,219,0.60);
    }

.video-placeholder-icon svg {
      width: 28px; height: 28px; fill: #fff;
      margin-left: 4px; 
    }

.video-placeholder-label {
      font-size: .9rem; font-weight: 600;
      color: rgba(255,255,255,0.60);
      letter-spacing: .02em;
    }

.video-meta {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 2rem;
      margin-top: 2rem;
      flex-wrap: wrap;
    }

.video-meta-item {
      display: flex;
      align-items: center;
      gap: 7px;
      font-size: .82rem;
      font-weight: 600;
      color: var(--muted);
    }

.video-meta-item .material-icons-round { font-size: 16px; color: var(--accent); }

@media  (max-width: 575px)  {
.video-section { padding: 56px 0; }
.video-wrapper { border-radius: 16px; }
}

@media  (max-width: 575.98px)  {
.hero-inner { padding-top: 35px; }
.hero h1 { font-size: clamp(1.632rem, 7.14vw, 2.244rem); }
.hero-sub { font-size: .898rem; }
.hero-cta { flex-direction: column; align-items: center; gap: .6rem; }
.btn-primary, .btn-find { width: 100%; text-align: center; justify-content: center; }
.final-btns { flex-direction: column; align-items: center; }
.meta-chips { flex-direction: column; align-items: center; }
}

.hero-right{ display:flex; align-items:center; justify-content:center; animation:fadeUp .6s .2s ease both; width:100%; min-width:0; }

.hda-wrap{
      width:100%; max-width:520px;
      background:#0d1a2e;
      border:1px solid rgba(255,255,255,.08);
      border-radius:18px; overflow:hidden;
      box-shadow:0 32px 80px rgba(0,0,0,.4), 0 0 0 1px rgba(26,86,219,.15), inset 0 1px 0 rgba(255,255,255,.06);
    }

.hda-channels-strip{ display:flex; align-items:center; gap:5px; padding:9px 14px; background:rgba(255,255,255,.03); border-bottom:1px solid rgba(255,255,255,.06); flex-wrap:wrap; }

.hda-ch{ width:26px; height:26px; border-radius:7px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }

.hda-ch svg{ width:14px; height:14px; }

.hda-ch-wa{background:#e8faf2;color:#128c7e;}

.hda-ch-ig{background:rgba(225,48,108,.10);color:#e1306c;}

.hda-ch-ms{background:rgba(0,120,255,.10);color:#0078ff;}

.hda-ch-fb{background:rgba(24,119,242,.10);color:#1877f2;}

.hda-ch-tg{background:rgba(42,171,238,.10);color:#2aabee;}

.hda-ch-tk{background:rgba(255,255,255,.08);color:rgba(255,255,255,.7);}

.hda-ch-em{background:rgba(26,86,219,.08);color:var(--accent);}

.hda-ch-sms{background:rgba(34,197,94,.10);color:#16a34a;}

.hda-channels-label{ margin-left:auto; font-size:.60rem; color:rgba(255,255,255,.3); font-family:"Poppins",sans-serif; white-space:nowrap; }

.hda-split{ display:grid; grid-template-columns:142px 1fr; height:320px; }

.hda-list{ border-right:1px solid rgba(255,255,255,.06); display:flex; flex-direction:column; overflow:hidden; background:rgba(255,255,255,.02); }

.hda-list-head{ font-size:.60rem; font-weight:700; color:rgba(255,255,255,.35); text-transform:uppercase; letter-spacing:.07em; padding:7px 10px; display:flex; align-items:center; gap:5px; font-family:"Poppins",sans-serif; border-bottom:1px solid rgba(255,255,255,.06); }

.hda-badge-count{ background:var(--accent); color:#fff; font-size:.54rem; font-weight:700; padding:1px 5px; border-radius:8px; }

.hda-item{ display:flex; align-items:center; gap:7px; padding:7px 8px; cursor:pointer; border-bottom:0.5px solid rgba(255,255,255,.05); }

.hda-item-active{ background:rgba(193,53,132,.12); border-left:2.5px solid #c13584; }

.hda-av{ width:26px; height:26px; border-radius:50%; flex-shrink:0; font-size:.58rem; font-weight:700; display:flex; align-items:center; justify-content:center; color:#fff; font-family:"Poppins",sans-serif; }

.hda-av-sm{ width:22px; height:22px; }

.hda-av-wa{ background:#25d366; }

.hda-av-ig{ background:#c13584; }

.hda-av-ms{ background:linear-gradient(135deg,#0078ff,#00c8ff); }

.hda-av-fb{ background:#1877f2; }

.hda-av-tg{ background:#2aabee; }

.hda-item-info{ flex:1; min-width:0; }

.hda-item-name{ font-size:.68rem; font-weight:600; color:rgba(255,255,255,.75); font-family:"Poppins",sans-serif; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.hda-item-ch{ display:flex; align-items:center; gap:3px; margin-top:1px; }

.hda-dot-unread{ width:6px; height:6px; border-radius:50%; background:#f472b6; flex-shrink:0; box-shadow:0 0 4px rgba(244,114,182,.5); }

.hda-item:first-child .hda-dot-unread,.hda-item:nth-child(4) .hda-dot-unread{ background:#25d366; }

.hda-mini-stats{ margin-top:auto; border-top:1px solid rgba(255,255,255,.06); padding:7px 10px; display:flex; flex-direction:column; gap:3px; }

.hda-mini-stat{ display:flex; align-items:center; justify-content:space-between; }

.hda-mini-val{ font-size:.70rem; font-weight:800; color:rgba(255,255,255,.85); font-family:"Poppins",sans-serif; letter-spacing:-.02em; }

.hda-mini-lbl{ font-size:.56rem; color:rgba(255,255,255,.35); font-family:"Poppins",sans-serif; }

.hda-thread{ display:flex; flex-direction:column; overflow:hidden; }

.hda-thread-head{ border-bottom:1px solid var(--border); padding:8px 12px; display:flex; align-items:center; gap:8px; background:var(--surface); }

.hda-head-ig{ border-bottom:2px solid #c13584; background:rgba(193,53,132,.08); }

.hda-thread-name{ font-size:.72rem; font-weight:700; color:rgba(255,255,255,.9); font-family:"Poppins",sans-serif; }

.hda-thread-source{ font-size:.60rem; color:#f87ab0; font-family:"Poppins",sans-serif; display:flex; align-items:center; gap:3px; margin-top:1px; font-weight:600; }

.hda-thread-agent-pill{ display:flex; align-items:center; gap:4px; background:rgba(26,86,219,.20); border:1px solid rgba(26,86,219,.35); border-radius:20px; padding:2px 8px; font-size:.60rem; font-weight:600; color:#60a5fa; font-family:"Poppins",sans-serif; white-space:nowrap; }

.hda-agent-dot{ width:5px; height:5px; border-radius:50%; background:#22c55e; flex-shrink:0; }

.hda-messages{ flex:1; padding:8px; display:flex; flex-direction:column; gap:5px; overflow:hidden; background:rgba(0,0,0,.15); }

.hda-msg{ display:flex; flex-direction:column; gap:1px; }

.hda-msg-in{ align-items:flex-start; }

.hda-msg-out{ align-items:flex-end; }

.hda-bubble{ font-size:.67rem; line-height:1.45; padding:6px 10px; border-radius:10px; max-width:190px; font-family:"Poppins",sans-serif; }

.hda-bubble-in{ background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.08); color:rgba(255,255,255,.75); border-radius:2px 10px 10px 10px; }

.hda-bubble-ig{ background:#c13584; color:#fff; border-radius:10px 2px 10px 10px; }

.hda-msg-time{ font-size:.54rem; color:rgba(255,255,255,.3); font-family:"Poppins",sans-serif; padding:0 2px; }

.hda-typing-bubble{ display:inline-flex; gap:3px; align-items:center; min-width:44px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.08); }

.hda-typing-bubble span{ width:5px; height:5px; border-radius:50%; background:rgba(255,255,255,.4); animation:hdaDots .9s ease-in-out infinite; opacity:.5; }

.hda-typing-bubble span:nth-child(2){ animation-delay:.18s; }

.hda-typing-bubble span:nth-child(3){ animation-delay:.36s; }

@keyframes hdaDots{ 0%,60%,100%{transform:translateY(0);opacity:.4;} 30%{transform:translateY(-4px);opacity:1;} }

.hda-input-bar{ background:rgba(255,255,255,.03); border-top:1px solid rgba(255,255,255,.07); padding:7px 10px; display:flex; align-items:center; gap:7px; }

.hda-input-field{ flex:1; font-size:.64rem; color:rgba(255,255,255,.35); font-family:"Poppins",sans-serif; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); border-radius:8px; padding:5px 9px; }

.hda-send-btn{ width:26px; height:26px; border-radius:7px; display:flex; align-items:center; justify-content:center; flex-shrink:0; color:#fff; cursor:pointer; }

.hda-send-ig{ background:#c13584; }

@keyframes hdaLive{ 0%,100%{opacity:1;} 50%{opacity:.3;} }

@media (max-width:991px) {
.hda-wrap{ max-width:100%; }
}

@media (max-width:575px) {
.hda-split{ grid-template-columns:110px 1fr; height:280px; }
.hda-bubble{max-width:150px;font-size:.62rem;}
}

.noshare-section{ padding:52px 0; background:#060d1f; }

.noshare-card{ border-radius:16px; overflow:hidden; background:#060d1f; border:1px solid rgba(255,255,255,.07); }

.noshare-card-top{ padding:28px 32px; border-bottom:1px solid rgba(255,255,255,.06); }

.noshare-eyebrow{ display:inline-flex; align-items:center; gap:6px; font-size:.62rem; font-weight:700; letter-spacing:.10em; text-transform:uppercase; background:rgba(239,68,68,.12); border:1px solid rgba(239,68,68,.2); color:#f87171; padding:3px 10px; border-radius:20px; margin-bottom:14px; font-family:"Poppins",sans-serif; }

.noshare-title{ font-size:clamp(1.3rem,2.2vw,1.7rem); font-weight:800; color:rgba(255,255,255,.92); line-height:1.3; margin-bottom:6px; font-family:"Poppins",sans-serif; letter-spacing:-.02em; }

.noshare-sub{ font-size:.84rem; color:rgba(255,255,255,.38); line-height:1.6; font-family:"Poppins",sans-serif; }

.noshare-stats{ display:grid; grid-template-columns:repeat(4,1fr); }

.noshare-stat{ padding:24px 20px; border-right:1px solid rgba(255,255,255,.05); text-align:center; }

.noshare-stat:last-child{ border-right:none; }

.noshare-stat-num{ font-size:1.8rem; font-weight:800; line-height:1; letter-spacing:-.03em; margin-bottom:8px; font-family:"Poppins",sans-serif; }

.noshare-red{ color:#f87171; }

.noshare-green{ color:#4ade80; }

.noshare-stat-lbl{ font-size:.70rem; color:rgba(255,255,255,.38); line-height:1.5; font-family:"Poppins",sans-serif; }

.noshare-stat-lbl strong{ color:rgba(255,255,255,.65); font-weight:600; display:block; margin-bottom:2px; }

.noshare-bottom{ padding:14px 32px; background:rgba(26,86,219,.08); border-top:1px solid rgba(26,86,219,.12); display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }

.noshare-bottom-text{ font-size:.72rem; color:rgba(255,255,255,.4); display:flex; align-items:center; gap:7px; font-family:"Poppins",sans-serif; }

.noshare-cta{ font-size:.72rem; font-weight:700; color:#60a5fa; display:flex; align-items:center; gap:5px; text-decoration:none; font-family:"Poppins",sans-serif; white-space:nowrap; transition:color .15s; }

.noshare-cta:hover{ color:#93c5fd; }

@media (max-width:768px) {
.noshare-stats{ grid-template-columns:1fr 1fr; }
.noshare-stat{ border-bottom:1px solid rgba(255,255,255,.05); }
}

@media (max-width:575px) {
.noshare-card-top{ padding:20px; }
.noshare-stat{ padding:16px 12px; }
.noshare-stat-num{ font-size:1.4rem; }
.noshare-bottom{ padding:12px 20px; flex-direction:column; text-align:center; }
}

.final-cta{ background:linear-gradient(160deg,#0a1628 0%,#0f2040 55%,#0d1c36 100%); padding:80px 0; }

.final-cta .section-title{ color:#fff; }

.final-cta .section-body{ color:rgba(255,255,255,.55); margin:0 auto 2rem; }

.final-btns{ display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:2rem; }

.btn-outline{ display:inline-flex;align-items:center;gap:6px;padding:11px 24px;border-radius:10px;border:1.5px solid rgba(255,255,255,.25);color:rgba(255,255,255,.8);font-size:.88rem;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s;font-family:"Poppins",sans-serif; }

.btn-outline:hover{ border-color:#fff;color:#fff; }

@media (max-width:575px) {
.final-btns{flex-direction:column;align-items:center;}
.btn-outline,.final-cta .btn-primary{width:100%;justify-content:center;}
}

.about-section{ background:#060d1f; padding:52px 0; }

.about-ob{ display:grid; grid-template-columns:1fr 190px; border-radius:16px; overflow:hidden; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03); }

.about-ob-left{ padding:32px; display:flex; flex-direction:column; justify-content:space-between; }

.about-ob-facts{ display:flex; flex-direction:column; gap:8px; }

.about-ob-fact{ display:flex; align-items:center; gap:8px; font-size:.80rem; color:var(--muted); font-family:"Poppins",sans-serif; }

.about-ob-dot{ width:6px; height:6px; border-radius:50%; background:var(--green); flex-shrink:0; }

.about-ob-fact-icon{ font-size:14px !important; width:14px; height:14px; color:var(--accent2); flex-shrink:0; }

.about-ob-fact-rich{ align-items:flex-start !important; }

.about-ob-fact-rich .about-ob-fact-icon{ margin-top:2px; }

.about-ob-fact-title{ display:block; color:var(--text); font-weight:600; font-size:.82rem; margin-bottom:2px; }

.about-ob-fact-desc{ display:block; color:var(--muted); font-size:.76rem; line-height:1.5; }

.about-ob-right{ background:linear-gradient(145deg,#060d1f,#0f2040); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; padding:28px 20px; }

.about-ob-icon{ width:50px; height:50px; border-radius:50%; background:rgba(255,255,255,.07); border:1.5px solid rgba(255,255,255,.10); display:flex; align-items:center; justify-content:center; }

.about-ob-icon .material-icons-round{ font-size:24px; color:rgba(255,255,255,.7); }

.about-ob-stat{ text-align:center; }

.about-ob-val{ font-size:1.6rem; font-weight:800; color:#fff; letter-spacing:-.03em; line-height:1; font-family:"Poppins",sans-serif; }

.about-ob-lbl{ font-size:.65rem; color:rgba(255,255,255,.38); margin-top:4px; line-height:1.4; font-family:"Poppins",sans-serif; }

.about-ob-divider{ width:32px; height:1px; background:rgba(255,255,255,.08); }

@media (max-width:640px) {
.about-ob{ grid-template-columns:1fr; }
.about-ob-right{ flex-direction:row; justify-content:space-around; padding:20px; }
}

.section-header-centered{ text-align:center; margin-bottom:2rem; }

.section-header-centered .section-title{ max-width:620px; margin:.5rem auto 0; }

.section-header-centered .section-body{ margin:.6rem auto 0; max-width:520px; }

.py-5{ padding-top:52px!important; padding-bottom:52px!important; }

*, *::before, *::after { box-sizing: border-box; }

html { overflow-x: hidden; }

body { overflow-x: hidden; max-width: 100vw; }

.hero { zoom: 1 !important; }

.table-responsive-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }

table { min-width: 600px; }

img { max-width: 100%; height: auto; }

iframe { max-width: 100%; }

@media  (max-width: 991.98px)  {
.hero-inner {
        grid-template-columns: 1fr !important;
        padding: 44px 5vw 40px !important;
        gap: 2rem !important;
      }
.hero-left {
        align-items: center !important;
        text-align: center !important;
        order: 1;
      }
.hero-right {
        order: 2;
        width: 100% !important;
        max-width: 100% !important;
      }
.hda-wrap {
        max-width: 100% !important;
        width: 100% !important;
      }
.feat-grid { grid-template-columns: 1fr !important; }
.about-ob  { grid-template-columns: 1fr !important; }
.about-ob-right { flex-direction: row; justify-content: space-around; padding: 20px !important; }
.noshare-stats { grid-template-columns: 1fr 1fr !important; }
}

@media  (max-width: 767px)  {
.meta-prem-stats { grid-template-columns: 1fr 1fr !important; }
.noshare-stats { grid-template-columns: 1fr !important; }
.noshare-stat  { border-right: none !important; border-bottom: 1px solid rgba(255,255,255,.05); padding: 16px 20px !important; }
.ct-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.ct-table      { min-width: 500px; }
.video-section { padding: 40px 0 !important; }
.py-5          { padding-top: 40px !important; padding-bottom: 40px !important; }
.noshare-section { padding: 40px 0 !important; }
.meta-sec      { padding: 40px 0 !important; }
.about-section { padding: 40px 0 !important; }
.feat-section  { padding: 40px 0 !important; }
.about-ob { grid-template-columns: 1fr !important; }
.about-ob-left { padding: 20px !important; }
}

@media  (max-width: 575px)  {
.hero-inner  { padding: 38px 4vw 32px !important; }
.hero h1     { font-size: clamp(1.6rem, 7vw, 2.2rem) !important; line-height: 1.2 !important; }
.hero-sub    { font-size: .875rem !important; }
.hero-cta    { flex-direction: column !important; width: 100% !important; gap: .6rem !important; }
.btn-primary, .btn-find { width: 100% !important; justify-content: center !important; }
.hero-right  { display: flex !important; padding: 0 4vw 32px; }
.section-title { font-size: clamp(1.25rem, 5.5vw, 1.7rem) !important; }
.section-body  { font-size: .85rem !important; }
.cta-card  { padding: 1.4rem 1.2rem !important; }
.feat-card-prem { flex-direction: column !important; }
.meta-prem-stats { grid-template-columns: 1fr 1fr !important; }
.meta-prem-top   { padding: 20px 16px !important; }
.meta-prem-title { font-size: 1.2rem !important; }
.final-btns  { flex-direction: column !important; align-items: center !important; }
}

@media  (max-width: 400px)  {
.hda-split   { grid-template-columns: 100px 1fr !important; height: 260px !important; }
.hda-bubble  { max-width: 130px !important; font-size: .60rem !important; }
}

.hero-proof{ display:flex; align-items:center; gap:10px; margin:1.2rem 0 0; }

.hero-proof-avs{ display:flex; }

.hpa{ width:26px; height:26px; border-radius:50%; border:2px solid rgba(255,255,255,.1); font-size:.6rem; font-weight:700; display:flex; align-items:center; justify-content:center; color:#fff; margin-left:-6px; font-family:"Poppins",sans-serif; }

.hpa:first-child{ margin-left:0; }

.hpa-1{ background:#1a56db; z-index:3; }

.hpa-2{ background:#c13584; z-index:2; }

.hpa-3{ background:#25d366; z-index:1; }

.hero-proof-stars{ font-size:.70rem; color:#f59e0b; letter-spacing:2px; line-height:1; margin-bottom:2px; }

.hero-proof-text{ font-size:.68rem; color:rgba(255,255,255,.45); font-family:"Poppins",sans-serif; }

.hero .btn-primary{
      box-shadow: 0 6px 24px rgba(26,86,219,.45), 0 2px 8px rgba(26,86,219,.3);
    }

.hero .btn-primary:hover{
      box-shadow: 0 10px 32px rgba(26,86,219,.55);
      transform: translateY(-1px);
    }

.hero .btn-find:hover{
      background: rgba(255,255,255,.10) !important;
      border-color: rgba(255,255,255,.3) !important;
    }

.hero + section, .hero + .feat-section {
      border-top: none;
    }

.hero::after {
      content: "";
      position: absolute;
      bottom: 0; left: 0; right: 0;
      height: 80px;
      background: linear-gradient(to bottom, transparent, rgba(6,13,31,.6));
      pointer-events: none;
    }

body { background: #060d1f !important; color: rgba(255,255,255,.88); }

.nav-divider { background: rgba(255,255,255,.08) !important; }

.section-title { color: rgba(255,255,255,.92) !important; }

.section-eyebrow { color: #60a5fa !important; }

.section-body { color: rgba(255,255,255,.5) !important; }

.section-sub { color: rgba(255,255,255,.5) !important; }

.gr { color: #60a5fa; }

.feat-card-prem-title { color: rgba(255,255,255,.88) !important; }

.feat-card-prem-desc { color: rgba(255,255,255,.45) !important; }

.feat-card-prem-tag { color: #60a5fa !important; }

.feat-ico-blue { background: rgba(59,130,246,.15) !important; color: #60a5fa !important; }

.feat-ico-green { background: rgba(74,222,128,.12) !important; color: #4ade80 !important; }

.feat-ico-purple { background: rgba(139,92,246,.15) !important; color: #a78bfa !important; }

.noshare-card { background: #0a1628 !important; border-color: rgba(255,255,255,.07) !important; }

.video-header .section-title { color: rgba(255,255,255,.92) !important; }

.video-header .section-body { color: rgba(255,255,255,.5) !important; }

.video-meta-item { color: rgba(255,255,255,.45) !important; }

.video-meta-item .material-icons-round { color: #60a5fa !important; }

.cta-card:hover { border-color: rgba(59,130,246,.3) !important; box-shadow: 0 16px 48px rgba(0,0,0,.3) !important; background: rgba(255,255,255,.06) !important; }

.cta-tag { color: #60a5fa !important; }

.cta-card h3 { color: rgba(255,255,255,.92) !important; }

.cta-card p { color: rgba(255,255,255,.5) !important; }

.float-icon { background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.1) !important; color: rgba(255,255,255,.5) !important; }

.about-ob-left { background: transparent !important; }

.about-ob-right { background: linear-gradient(145deg,#0d1a2e,#0f2040) !important; }

.about-ob-facts { }

.about-ob-fact { color: rgba(255,255,255,.55) !important; }

.about-ob-dot { background: #4ade80 !important; }

.section-header-centered .section-eyebrow { color: #60a5fa !important; }

.form-control-ub, .chat-input, input, textarea, select {
      background: rgba(255,255,255,.05) !important;
      border-color: rgba(255,255,255,.1) !important;
      color: rgba(255,255,255,.88) !important;
    }

.form-control-ub::placeholder, input::placeholder, textarea::placeholder {
      color: rgba(255,255,255,.3) !important;
    }

.meta-badge { background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.12) !important; }

.meta-badge-text { color: rgba(255,255,255,.75) !important; }

.meta-badge-label { color: rgba(255,255,255,.55); }

.meta-badge-divider { background: rgba(255,255,255,.15) !important; }

.size-pill { background: rgba(255,255,255,.05) !important; border-color: rgba(255,255,255,.1) !important; color: rgba(255,255,255,.6) !important; }

.size-pill:hover, .size-pill.active { background: rgba(59,130,246,.2) !important; border-color: rgba(59,130,246,.4) !important; color: #60a5fa !important; }

::-webkit-scrollbar { width: 6px; }

::-webkit-scrollbar-track { background: #060d1f; }

::-webkit-scrollbar-thumb { background: rgba(255,255,255,.12); border-radius: 3px; }

::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.2); }

.feat-section,
    .noshare-section,
    .py-5,
    .video-section,
    .meta-sec,
    .about-section,
    .final-cta {
      border-top: 1px solid rgba(255,255,255,.05);
    }

.section-eyebrow::before {
      content: "";
      display: inline-block;
      width: 6px; height: 6px;
      border-radius: 50%;
      background: #3b82f6;
      margin-right: 6px;
      vertical-align: middle;
      box-shadow: 0 0 6px rgba(59,130,246,.6);
    }

.btn-find {
      border-color: rgba(255,255,255,.15) !important;
      background: rgba(255,255,255,.06) !important;
      color: rgba(255,255,255,.8) !important;
    }

.btn-find:hover {
      background: rgba(255,255,255,.10) !important;
      border-color: rgba(255,255,255,.25) !important;
    }

body::before {
      content: "";
      position: fixed;
      inset: 0;
      background:
        radial-gradient(ellipse 80% 50% at -10% 0%, rgba(59,130,246,.07), transparent 60%),
        radial-gradient(ellipse 60% 40% at 110% 30%, rgba(6,182,212,.05), transparent 55%),
        radial-gradient(ellipse 40% 60% at 50% 100%, rgba(59,130,246,.04), transparent 60%);
      pointer-events: none;
      z-index: 0;
    }

body > * { position: relative; z-index: 1; }

.about-ob-title .gr,
    h2 .gr, h3 .gr { color: #60a5fa; }

.cta-tag { 
      background: rgba(59,130,246,.12) !important; 
      border: 1px solid rgba(59,130,246,.2) !important;
      color: #60a5fa !important;
      display: inline-block;
      padding: 2px 10px;
      border-radius: 20px;
      font-size: .65rem;
      font-weight: 700;
      letter-spacing: .08em;
    }

.feat-section {
      background: #060d1f;
      padding: 80px 0;
      border-top: 1px solid rgba(255,255,255,.05);
    }

.feat-header-block {
      text-align: center;
      margin-bottom: 48px;
    }

.feat-eyebrow-wrap {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(59,130,246,.10);
      border: 1px solid rgba(59,130,246,.2);
      padding: 5px 14px;
      border-radius: 20px;
      margin-bottom: 16px;
    }

.feat-eyebrow-dot {
      width: 6px; height: 6px;
      border-radius: 50%;
      background: #3b82f6;
      box-shadow: 0 0 8px rgba(59,130,246,.6);
      flex-shrink: 0;
    }

.feat-eyebrow-text {
      font-size: .65rem;
      font-weight: 700;
      color: #60a5fa;
      letter-spacing: .10em;
      text-transform: uppercase;
      font-family: "Poppins", sans-serif;
    }

.feat-main-title {
      font-family: "Poppins", sans-serif;
      font-weight: 800;
      font-size: clamp(1.6rem, 2.8vw, 2.4rem);
      color: rgba(255,255,255,.92);
      line-height: 1.2;
      letter-spacing: -.03em;
      margin: 0 auto 12px;
      max-width: 640px;
    }

.feat-main-sub {
      font-size: .88rem;
      color: rgba(255,255,255,.4);
      font-family: "Poppins", sans-serif;
      line-height: 1.7;
      max-width: 480px;
      margin: 0 auto;
    }

.feat-bento {
      display: grid;
      grid-template-columns: 1.6fr 1fr 1fr;
      grid-template-rows: auto auto;
      gap: 14px;
    }

.feat-bento-card {
      background: rgba(255,255,255,.03);
      border: 1px solid rgba(255,255,255,.07);
      border-radius: 18px;
      padding: 28px;
      position: relative;
      overflow: hidden;
      transition: border-color .2s, background .2s, transform .2s;
    }

.feat-bento-card::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 18px;
      opacity: 0;
      transition: opacity .3s;
    }

.feat-bento-card:hover {
      border-color: rgba(255,255,255,.14);
      background: rgba(255,255,255,.05);
      transform: translateY(-2px);
    }

.feat-bento-card:hover::before { opacity: 1; }

.feat-card-glow-blue::before { background: radial-gradient(ellipse 80% 60% at 0% 0%, rgba(59,130,246,.08), transparent 60%); }

.feat-card-glow-green::before { background: radial-gradient(ellipse 80% 60% at 0% 0%, rgba(74,222,128,.08), transparent 60%); }

.feat-card-glow-purple::before { background: radial-gradient(ellipse 80% 60% at 0% 0%, rgba(167,139,250,.08), transparent 60%); }

.feat-card-wide { grid-column: span 1; display: flex; gap: 20px; align-items: flex-start; }

.feat-card-tall { grid-row: span 1; }

.feat-bento-content { flex: 1; min-width: 0; position: relative; z-index: 1; }

.feat-bento-icon {
      width: 42px; height: 42px;
      border-radius: 12px;
      display: flex; align-items: center; justify-content: center;
      margin-bottom: 14px;
      flex-shrink: 0;
    }

.feat-bento-icon .material-icons-round { font-size: 20px; }

.feat-ico-blue  { background: rgba(59,130,246,.15);  color: #60a5fa; }

.feat-ico-green { background: rgba(74,222,128,.12);  color: #4ade80; }

.feat-ico-purple{ background: rgba(167,139,250,.12); color: #a78bfa; }

.feat-bento-label {
      font-size: .62rem;
      font-weight: 700;
      letter-spacing: .10em;
      text-transform: uppercase;
      color: rgba(255,255,255,.35);
      font-family: "Poppins", sans-serif;
      margin-bottom: 8px;
    }

.feat-bento-title {
      font-size: 1rem;
      font-weight: 700;
      color: rgba(255,255,255,.88);
      font-family: "Poppins", sans-serif;
      line-height: 1.3;
      margin-bottom: 10px;
      letter-spacing: -.01em;
    }

.feat-bento-desc {
      font-size: .78rem;
      color: rgba(255,255,255,.4);
      font-family: "Poppins", sans-serif;
      line-height: 1.65;
    }

.feat-security-badges {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: 14px;
    }

.feat-sec-badge {
      font-size: .65rem;
      font-weight: 600;
      background: rgba(74,222,128,.08);
      border: 1px solid rgba(74,222,128,.18);
      color: #4ade80;
      padding: 3px 10px;
      border-radius: 20px;
      font-family: "Poppins", sans-serif;
    }

.feat-bento-visual {
      width: 220px;
      flex-shrink: 0;
      position: relative;
      z-index: 1;
    }

.feat-channel-stack {
      background: rgba(255,255,255,.04);
      border: 1px solid rgba(255,255,255,.08);
      border-radius: 12px;
      overflow: hidden;
    }

.fcs-item {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 8px 10px;
      border-bottom: 1px solid rgba(255,255,255,.05);
      transition: background .15s;
    }

.fcs-item:last-child { border-bottom: none; }

.fcs-active { background: rgba(59,130,246,.08); border-left: 2px solid #3b82f6; }

.fcs-av {
      width: 24px; height: 24px; border-radius: 50%;
      font-size: .55rem; font-weight: 700; color: #fff;
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0; font-family: "Poppins", sans-serif;
    }

.fcs-info { flex: 1; min-width: 0; }

.fcs-name { font-size: .62rem; font-weight: 600; color: rgba(255,255,255,.75); font-family: "Poppins", sans-serif; display: block; }

.fcs-msg  { font-size: .58rem; color: rgba(255,255,255,.35); font-family: "Poppins", sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }

.fcs-ch   { font-size: .52rem; font-weight: 700; padding: 1px 5px; border-radius: 4px; flex-shrink: 0; }

.fcs-wa   { background: rgba(37,211,102,.12); color: #25d366; }

.fcs-ig   { background: rgba(193,53,132,.12); color: #c13584; }

.fcs-ms   { background: rgba(0,120,255,.12); color: #60a5fa; }

@media (max-width:991px)  {
.feat-bento { grid-template-columns: 1fr 1fr; }
.feat-card-wide { flex-direction: column; }
.feat-bento-visual { width: 100%; }
}

@media (max-width:575px)  {
.feat-bento { grid-template-columns: 1fr; }
.feat-section { padding: 48px 0; }
}

.growth-section {
      background: #060d1f;
      padding: 80px 0;
      border-top: 1px solid rgba(255,255,255,.05);
    }

.growth-header {
      text-align: center;
      margin-bottom: 48px;
    }

.growth-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
      max-width: 900px;
      margin: 0 auto;
    }

.growth-card {
      background: rgba(255,255,255,.03);
      border: 1px solid rgba(255,255,255,.08);
      border-radius: 20px;
      padding: 32px;
      position: relative;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      transition: border-color .2s, transform .2s;
    }

.growth-card:hover { border-color: rgba(255,255,255,.14); transform: translateY(-3px); }

.growth-card-bg-glow {
      position: absolute;
      top: -40px; right: -40px;
      width: 200px; height: 200px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(59,130,246,.12), transparent 65%);
      pointer-events: none;
    }

.growth-glow-purple { background: radial-gradient(circle, rgba(167,139,250,.12), transparent 65%); }

.growth-card-inner { position: relative; z-index: 1; flex: 1; }

.growth-card-icon {
      position: absolute;
      bottom: 20px; right: 24px;
      width: 52px; height: 52px;
      border-radius: 14px;
      background: rgba(255,255,255,.05);
      border: 1px solid rgba(255,255,255,.08);
      display: flex; align-items: center; justify-content: center;
      color: rgba(255,255,255,.25);
      z-index: 1;
    }

.growth-card-icon .material-icons-round { font-size: 24px; }

.growth-card-tag {
      display: inline-flex;
      align-items: center;
      font-size: .62rem;
      font-weight: 700;
      letter-spacing: .09em;
      text-transform: uppercase;
      background: rgba(59,130,246,.12);
      border: 1px solid rgba(59,130,246,.22);
      color: #60a5fa;
      padding: 3px 10px;
      border-radius: 20px;
      font-family: "Poppins", sans-serif;
      margin-bottom: 14px;
    }

.growth-tag-purple {
      background: rgba(167,139,250,.12) !important;
      border-color: rgba(167,139,250,.22) !important;
      color: #a78bfa !important;
    }

.growth-card-title {
      font-size: 1.4rem;
      font-weight: 800;
      color: rgba(255,255,255,.92);
      font-family: "Poppins", sans-serif;
      letter-spacing: -.03em;
      margin-bottom: 10px;
    }

.growth-card-desc {
      font-size: .80rem;
      color: rgba(255,255,255,.45);
      font-family: "Poppins", sans-serif;
      line-height: 1.7;
      margin-bottom: 18px;
    }

.growth-card-list {
      list-style: none;
      padding: 0;
      margin: 0 0 24px;
      display: flex;
      flex-direction: column;
      gap: 7px;
    }

.growth-card-list li {
      font-size: .78rem;
      color: rgba(255,255,255,.55);
      font-family: "Poppins", sans-serif;
      display: flex;
      align-items: center;
      gap: 8px;
    }

.growth-card-list li::before {
      content: "";
      width: 5px; height: 5px;
      border-radius: 50%;
      background: #3b82f6;
      flex-shrink: 0;
    }

.growth-card-agent .growth-card-list li::before { background: #a78bfa; }

.growth-card-soon {
      position: absolute;
      top: 18px; right: 18px;
      z-index: 2;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      font-size: .62rem;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
      background: rgba(245,158,11,.14);
      border: 1px solid rgba(245,158,11,.3);
      color: #f59e0b;
      padding: 4px 10px;
      border-radius: 20px;
      font-family: "Poppins", sans-serif;
    }

.growth-card-agent { opacity: .85; }

.growth-card-btn.growth-btn-disabled {
      opacity: .5;
      pointer-events: none;
      cursor: not-allowed;
    }

.growth-card-btn {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: .80rem;
      font-weight: 700;
      padding: 11px 22px;
      border-radius: 10px;
      text-decoration: none;
      font-family: "Poppins", sans-serif;
      transition: opacity .15s, transform .15s;
      width: fit-content;
    }

.growth-card-btn:hover { opacity: .88; transform: translateY(-1px); }

.growth-btn-blue {
      background: linear-gradient(135deg, #3b82f6, #06b6d4);
      color: #fff;
      box-shadow: 0 6px 20px rgba(59,130,246,.3);
    }

.growth-btn-purple {
      background: linear-gradient(135deg, #8b5cf6, #a78bfa);
      color: #fff;
      box-shadow: 0 6px 20px rgba(139,92,246,.3);
    }

@media (max-width:640px)  {
.growth-grid { grid-template-columns: 1fr; }
.growth-section { padding: 48px 0; }
}

.how-section {
      background: #060d1f;
      padding: 80px 0;
      border-top: 1px solid rgba(255,255,255,.05);
    }

.how-cards {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
    }

.how-card {
      background: rgba(255,255,255,.03);
      border: 1px solid rgba(255,255,255,.07);
      border-radius: 18px;
      padding: 28px 24px;
      position: relative;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      gap: 12px;
      transition: border-color .2s, background .2s, transform .2s;
    }

.how-card::before {
      content: "";
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 2px;
      background: linear-gradient(90deg, #3b82f6, #06b6d4);
      opacity: 0;
      transition: opacity .3s;
    }

.how-card:hover {
      border-color: rgba(59,130,246,.25);
      background: rgba(255,255,255,.05);
      transform: translateY(-3px);
    }

.how-card:hover::before { opacity: 1; }

.how-card-number {
      font-size: 2.8rem;
      font-weight: 800;
      color: rgba(255,255,255,.05);
      font-family: "Poppins", sans-serif;
      letter-spacing: -.05em;
      line-height: 1;
      position: absolute;
      top: 16px; right: 20px;
    }

.how-card-icon {
      width: 40px; height: 40px;
      border-radius: 11px;
      background: rgba(59,130,246,.12);
      border: 1px solid rgba(59,130,246,.2);
      display: flex; align-items: center; justify-content: center;
      color: #60a5fa;
      flex-shrink: 0;
    }

.how-card-icon .material-icons-round { font-size: 20px; }

.how-card-title {
      font-size: .92rem;
      font-weight: 700;
      color: rgba(255,255,255,.88);
      font-family: "Poppins", sans-serif;
      letter-spacing: -.01em;
      line-height: 1.3;
      margin: 0;
    }

.how-card-desc {
      font-size: .76rem;
      color: rgba(255,255,255,.4);
      font-family: "Poppins", sans-serif;
      line-height: 1.65;
      margin: 0;
      flex: 1;
    }

.how-card-tag {
      display: flex;
      align-items: center;
      gap: 5px;
      font-size: .65rem;
      font-weight: 600;
      color: #4ade80;
      font-family: "Poppins", sans-serif;
      margin-top: 4px;
    }

.how-card-tag .material-icons-round { color: #4ade80; }

.how-card:nth-child(2) .how-card-icon { background: rgba(74,222,128,.10); border-color: rgba(74,222,128,.2); color: #4ade80; }

.how-card:nth-child(3) .how-card-icon { background: rgba(167,139,250,.10); border-color: rgba(167,139,250,.2); color: #a78bfa; }

.how-card:nth-child(4) .how-card-icon { background: rgba(251,191,36,.10); border-color: rgba(251,191,36,.2); color: #fbbf24; }

.how-card:nth-child(2):hover { border-color: rgba(74,222,128,.25); }

.how-card:nth-child(3):hover { border-color: rgba(167,139,250,.25); }

.how-card:nth-child(4):hover { border-color: rgba(251,191,36,.25); }

.how-card:nth-child(2)::before { background: linear-gradient(90deg, #4ade80, #06b6d4); }

.how-card:nth-child(3)::before { background: linear-gradient(90deg, #a78bfa, #60a5fa); }

.how-card:nth-child(4)::before { background: linear-gradient(90deg, #fbbf24, #fb923c); }

@media (max-width:991px)  {
.how-cards { grid-template-columns: 1fr 1fr; }
}

@media (max-width:575px)   {
.how-cards { grid-template-columns: 1fr; }
.how-section { padding: 48px 0; }
}

.final-cta-premium {
      position: relative;
      background: #060d1f;
      padding: 100px 0 80px;
      overflow: hidden;
      border-top: 1px solid rgba(255,255,255,.05);
    }

.final-cta-bg {
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

.final-cta-glow {
      position: absolute;
      width: 500px; height: 500px;
      border-radius: 50%;
      filter: blur(80px);
    }

.final-cta-glow-left {
      top: -150px; left: -100px;
      background: radial-gradient(circle, rgba(59,130,246,.14), transparent 65%);
    }

.final-cta-glow-right {
      bottom: -150px; right: -100px;
      background: radial-gradient(circle, rgba(6,182,212,.10), transparent 65%);
    }

.final-cta-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(59,130,246,.10);
      border: 1px solid rgba(59,130,246,.22);
      color: #60a5fa;
      font-size: .70rem;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
      padding: 6px 16px;
      border-radius: 20px;
      font-family: "Poppins", sans-serif;
      margin-bottom: 24px;
    }

.final-cta-title {
      font-family: "Poppins", sans-serif;
      font-weight: 800;
      font-size: clamp(1.8rem, 3.5vw, 3rem);
      color: rgba(255,255,255,.92);
      line-height: 1.15;
      letter-spacing: -.04em;
      margin: 0 auto 16px;
      max-width: 640px;
    }

.final-cta-sub {
      font-size: .90rem;
      color: rgba(255,255,255,.42);
      font-family: "Poppins", sans-serif;
      line-height: 1.7;
      max-width: 480px;
      margin: 0 auto 36px;
    }

.final-cta-btns {
      display: flex;
      gap: 12px;
      justify-content: center;
      flex-wrap: wrap;
      margin-bottom: 28px;
    }

.final-cta-outline {
      display: inline-flex;
      align-items: center;
      font-size: .80rem;
      font-weight: 600;
      padding: 11px 24px;
      border-radius: 10px;
      border: 1.5px solid rgba(255,255,255,.16);
      background: rgba(255,255,255,.05);
      color: rgba(255,255,255,.72);
      text-decoration: none;
      font-family: "Poppins", sans-serif;
      transition: background .15s, border-color .15s;
    }

.final-cta-outline:hover { background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.28); color: #fff; }

@media (max-width:575px)  {
.final-cta-premium { padding: 60px 0 48px; }
.final-cta-title { font-size: clamp(1.5rem, 7vw, 2rem); }
.final-cta-btns { flex-direction: column; align-items: center; }
}

.reveal {
      opacity: 0;
      transform: translateY(28px);
      transition: opacity .55s cubic-bezier(.22,1,.36,1), transform .55s cubic-bezier(.22,1,.36,1);
    }

.reveal.visible {
      opacity: 1;
      transform: translateY(0);
    }

.reveal-delay-1 { transition-delay: .10s; }

.reveal-delay-2 { transition-delay: .20s; }

.reveal-delay-3 { transition-delay: .30s; }

.reveal-delay-4 { transition-delay: .40s; }

.video-section .section-title .gr { color: #60a5fa; -webkit-text-fill-color: #60a5fa; }

.noshare-card-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 20px 32px 16px;
      border-bottom: 1px solid rgba(255,255,255,.06);
    }

.noshare-col-label {
      display: flex;
      align-items: center;
      gap: 7px;
      font-size: .72rem;
      font-weight: 700;
      font-family: "Poppins", sans-serif;
      letter-spacing: .06em;
      text-transform: uppercase;
    }

.noshare-col-bad  { color: #f87171; }

.noshare-col-good { color: #4ade80; }

.noshare-col-divider {
      flex: 1;
      height: 1px;
      background: rgba(255,255,255,.06);
      margin: 0 24px;
    }

@media (max-width:575px)  {
.noshare-card-header { padding: 14px 16px 12px; }
.noshare-col-divider { margin: 0 12px; }
}

.about-ob-body {
      margin-bottom: 20px;
    }

.about-ob-inner-title {
      font-family: "Poppins", sans-serif;
      font-weight: 700;
      font-size: 1.05rem;
      color: rgba(255,255,255,.88);
      line-height: 1.35;
      letter-spacing: -.02em;
      margin-bottom: 10px;
    }

.about-ob-inner-desc {
      font-size: .78rem;
      color: rgba(255,255,255,.42);
      font-family: "Poppins", sans-serif;
      line-height: 1.7;
    }

select, select.form-control-ub {
      background: #0d1a2e !important;
      background-color: #0d1a2e !important;
      color: rgba(255,255,255,.85) !important;
      border-color: rgba(255,255,255,.12) !important;
      color-scheme: dark;
    }

select option {
      background: #0d1a2e !important;
      background-color: #0d1a2e !important;
      color: rgba(255,255,255,.85) !important;
    }

select option:checked,
    select option:hover {
      background: rgba(59,130,246,.25) !important;
      color: #fff !important;
    }

select:focus {
      border-color: rgba(59,130,246,.5) !important;
      box-shadow: 0 0 0 3px rgba(59,130,246,.12) !important;
      outline: none !important;
    }

select.form-control-ub {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2360a5fa'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") !important;
      background-repeat: no-repeat !important;
      background-position: right 12px center !important;
      background-size: 20px !important;
    }

input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]),
    textarea {
      background: #0d1a2e !important;
      background-color: #0d1a2e !important;
      color: rgba(255,255,255,.88) !important;
      border-color: rgba(255,255,255,.12) !important;
    }

input::placeholder, textarea::placeholder {
      color: rgba(255,255,255,.28) !important;
    }

input:focus, textarea:focus {
      border-color: rgba(59,130,246,.5) !important;
      box-shadow: 0 0 0 3px rgba(59,130,246,.10) !important;
      outline: none !important;
    }

label { color: rgba(255,255,255,.65) !important; }

.req { color: #f87171 !important; }

.form-card, .contact-form-card, .form-layout > div,
    .fpanel, .cal-widget, .success-recap, .sc-card {
      background: rgba(255,255,255,.03) !important;
      border-color: rgba(255,255,255,.08) !important;
    }

.form-stepper {
      background: rgba(255,255,255,.03) !important;
      border-color: rgba(255,255,255,.08) !important;
    }

.fstep-num.pending {
      background: rgba(255,255,255,.07) !important;
      color: rgba(255,255,255,.35) !important;
      border-color: rgba(255,255,255,.1) !important;
    }

.fstep-num.active {
      background: linear-gradient(135deg,#3b82f6,#06b6d4) !important;
      color: #fff !important;
    }

.fstep-num.done {
      background: rgba(74,222,128,.2) !important;
      color: #4ade80 !important;
      border-color: rgba(74,222,128,.3) !important;
    }

.fstep-label { color: rgba(255,255,255,.45) !important; }

.fstep-label.active { color: rgba(255,255,255,.88) !important; }

.phone-prefix-select, .phone-prefix,
    .phone-input-wrap, .phone-wrap {
      background: rgba(255,255,255,.05) !important;
      border-color: rgba(255,255,255,.1) !important;
    }

.phone-prefix-select { color: rgba(255,255,255,.7) !important; }

.phone-input-wrap input, .phone-wrap input {
      background: transparent !important;
    }

.cal-widget {
      background: #0d1a2e !important;
      border-color: rgba(255,255,255,.1) !important;
    }

.cal-day {
      color: rgba(255,255,255,.7) !important;
    }

.cal-day:hover:not(:disabled) {
      background: rgba(59,130,246,.15) !important;
      color: #fff !important;
    }

.cal-day.today {
      border-color: rgba(59,130,246,.4) !important;
      color: #60a5fa !important;
    }

.cal-day.selected {
      background: linear-gradient(135deg,#3b82f6,#06b6d4) !important;
      color: #fff !important;
    }

.cal-day.selected::before { background: #fff !important; }

.cal-day.other-month { color: rgba(255,255,255,.2) !important; }

.cal-day:disabled { color: rgba(255,255,255,.15) !important; }

.cal-nav-btn {
      background: rgba(255,255,255,.06) !important;
      border-color: rgba(255,255,255,.1) !important;
      color: rgba(255,255,255,.6) !important;
    }

.cal-nav-btn:hover {
      background: rgba(59,130,246,.15) !important;
      color: #fff !important;
    }

.cal-month-label { color: rgba(255,255,255,.88) !important; }

.cal-day-header { color: rgba(255,255,255,.35) !important; }

.slot-btn {
      background: rgba(255,255,255,.04) !important;
      border-color: rgba(255,255,255,.1) !important;
      color: rgba(255,255,255,.65) !important;
    }

.slot-btn:hover:not(:disabled) {
      border-color: rgba(59,130,246,.4) !important;
      background: rgba(59,130,246,.12) !important;
      color: #60a5fa !important;
    }

.slot-btn.selected {
      background: linear-gradient(135deg,#3b82f6,#06b6d4) !important;
      border-color: #3b82f6 !important;
      color: #fff !important;
    }

.slot-btn:disabled { opacity: .25 !important; }

.size-pill {
      background: rgba(255,255,255,.05) !important;
      border-color: rgba(255,255,255,.1) !important;
      color: rgba(255,255,255,.55) !important;
    }

.size-pill:hover {
      border-color: rgba(59,130,246,.35) !important;
      color: #60a5fa !important;
    }

.size-pill.active {
      background: rgba(59,130,246,.18) !important;
      border-color: rgba(59,130,246,.4) !important;
      color: #60a5fa !important;
    }

.domain-card {
      background: rgba(255,255,255,.04) !important;
      border-color: rgba(255,255,255,.08) !important;
      color: rgba(255,255,255,.65) !important;
    }

.domain-card:hover {
      border-color: rgba(167,139,250,.35) !important;
      background: rgba(167,139,250,.08) !important;
    }

.domain-card.selected {
      background: rgba(167,139,250,.15) !important;
      border-color: rgba(167,139,250,.4) !important;
      color: #a78bfa !important;
    }

.avail-pill {
      background: rgba(255,255,255,.04) !important;
      border-color: rgba(255,255,255,.1) !important;
      color: rgba(255,255,255,.55) !important;
    }

.avail-pill.active {
      background: rgba(167,139,250,.15) !important;
      border-color: rgba(167,139,250,.35) !important;
      color: #a78bfa !important;
    }

.form-card-title, .form-section-title {
      color: rgba(255,255,255,.88) !important;
    }

.field-msg { color: rgba(255,255,255,.45) !important; }

.field-msg.err { color: #f87171 !important; }

.field-msg.ok  { color: #4ade80 !important; }

input.v-error, select.v-error, textarea.v-error {
      border-color: rgba(248,113,113,.5) !important;
      background: rgba(248,113,113,.05) !important;
    }

input.v-ok, select.v-ok, textarea.v-ok {
      border-color: rgba(74,222,128,.4) !important;
    }

.err-msg, [id$="_err"] {
      color: #f87171 !important;
    }

.form-success, .success-state, #formSuccess, #stepSuccess {
      color: rgba(255,255,255,.88) !important;
    }

.lang-pill {
      background: rgba(255,255,255,.04) !important;
      border-color: rgba(255,255,255,.1) !important;
      color: rgba(255,255,255,.55) !important;
    }

.lang-pill.active {
      background: rgba(59,130,246,.15) !important;
      border-color: rgba(59,130,246,.35) !important;
      color: #60a5fa !important;
    }

.sc-card, .success-recap, .recap-chip {
      background: rgba(255,255,255,.04) !important;
      border-color: rgba(255,255,255,.08) !important;
      color: rgba(255,255,255,.7) !important;
    }

.sc-date-val, .sc-time-val {
      color: rgba(255,255,255,.92) !important;
    }

.stepper-bar {
      background: #060d1f !important;
      border-color: rgba(255,255,255,.08) !important;
    }

.si-num {
      background: rgba(255,255,255,.06) !important;
      border-color: rgba(255,255,255,.1) !important;
      color: rgba(255,255,255,.45) !important;
    }

.si-num.active {
      background: linear-gradient(135deg,#3b82f6,#06b6d4) !important;
      border-color: transparent !important;
      color: #fff !important;
    }

.si-num.done {
      background: rgba(74,222,128,.2) !important;
      border-color: rgba(74,222,128,.3) !important;
      color: #4ade80 !important;
    }

.si-label { color: rgba(255,255,255,.45) !important; }

.si-label.active { color: rgba(255,255,255,.88) !important; }

.si-connector { background: rgba(255,255,255,.08) !important; }

input[type="checkbox"], input[type="radio"] {
      accent-color: #3b82f6;
    }

.newsletter-input, .nl-input {
      background: rgba(255,255,255,.06) !important;
      border-color: rgba(255,255,255,.12) !important;
      color: rgba(255,255,255,.88) !important;
    }

/* ══ ESPACE CLIENT — mockup UI ══ */
.ec-mockup{background:#0a1628;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.35);}
.ec-mockup--wide{max-width:960px;margin:0 auto;}
.ec-mockup-topbar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#0d1a2e;border-bottom:1px solid var(--border);}
.ec-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;}
.ec-mockup-url{margin-left:10px;font-size:.68rem;color:var(--muted);font-family:"Poppins",sans-serif;}
.ec-mockup-body{background:#0a1628;}
.ec-overview{display:grid;grid-template-columns:52px 220px 1fr;min-height:280px;}
.ec-ov-sidebar{background:#08111f;border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:14px;padding:16px 0;}
.ec-ov-channel{width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;}
.ec-ov-channel.active{background:rgba(59,130,246,.18);}
.ec-ov-list{border-right:1px solid var(--border);padding:10px;display:flex;flex-direction:column;gap:4px;}
.ec-ov-convo{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;}
.ec-ov-convo.active{background:rgba(59,130,246,.10);}
.ec-ov-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:700;font-family:"Poppins",sans-serif;flex-shrink:0;}
.ec-ov-name{font-size:.74rem;font-weight:700;color:var(--text);font-family:"Poppins",sans-serif;}
.ec-ov-preview{display:block;font-size:.68rem;color:var(--muted);margin-top:1px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ec-ov-chat{padding:16px;display:flex;flex-direction:column;gap:8px;justify-content:flex-end;}
.ec-ov-bubble{max-width:80%;padding:9px 13px;border-radius:12px;font-size:.74rem;font-family:"Poppins",sans-serif;line-height:1.4;}
.ec-ov-bubble.in{background:rgba(255,255,255,.06);color:var(--text2);align-self:flex-start;border-bottom-left-radius:3px;}
.ec-ov-bubble.out{background:rgba(59,130,246,.18);color:#dbeafe;align-self:flex-end;border-bottom-right-radius:3px;}
.ec-ov-bubble.out.ai{background:rgba(6,182,212,.16);color:#a5f3fc;}
.ec-inbox-row{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid rgba(255,255,255,.04);}
.ec-inbox-txt{flex:1;min-width:0;}
.ec-inbox-txt strong{display:block;font-size:.76rem;color:var(--text);font-family:"Poppins",sans-serif;}
.ec-inbox-txt span{display:block;font-size:.7rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ec-inbox-badge{font-size:.64rem;color:var(--muted);flex-shrink:0;}
.ec-agent-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid rgba(255,255,255,.04);}
.ec-role-badge{font-size:.62rem;font-weight:700;color:#60a5fa;background:rgba(59,130,246,.12);padding:4px 10px;border-radius:20px;flex-shrink:0;font-family:"Poppins",sans-serif;}
.ec-role-badge.admin{color:#a78bfa;background:rgba(167,139,250,.12);}
.ec-log-row{display:flex;align-items:flex-start;gap:10px;padding:9px 4px;}
.ec-log-dot{width:7px;height:7px;border-radius:50%;background:#06b6d4;margin-top:5px;flex-shrink:0;}
.ec-log-txt{font-size:.76rem;color:var(--text2);font-family:"Poppins",sans-serif;}
.ec-log-time{font-size:.66rem;color:var(--muted);margin-top:1px;}
.ec-api-label{font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-family:"Poppins",sans-serif;margin-bottom:8px;}
.ec-api-field{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:.78rem;color:var(--text2);font-family:monospace;margin-bottom:14px;}
.ec-api-status{display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--text2);font-family:"Poppins",sans-serif;}

.ec-feature-row{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;}
.ec-feature-row.ec-reverse .ec-feature-text{order:2;}
.ec-feature-row.ec-reverse .ec-feature-visual{order:1;}

@media (max-width:900px) {
.ec-feature-row{grid-template-columns:1fr;gap:32px;}
.ec-feature-row.ec-reverse .ec-feature-text{order:1;}
.ec-feature-row.ec-reverse .ec-feature-visual{order:2;}
.ec-overview{grid-template-columns:44px 1fr;}
.ec-ov-chat{display:none;}
}

@media (max-width:575px) {
.ec-overview{grid-template-columns:1fr;}
.ec-ov-sidebar,.ec-ov-list{border-right:none;border-bottom:1px solid var(--border);}
.ec-ov-sidebar{flex-direction:row;justify-content:center;padding:10px;}
}

.cta-band{background:linear-gradient(135deg,#040c1a,#0a1a35);padding:70px 0;text-align:center;position:relative;overflow:hidden;border-top:1px solid var(--border);}
.cta-band .btn-primary{ }