: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 !important;color:var(--text);font-family:"Poppins",sans-serif;line-height:1.65;overflow-x:hidden;}

.integ-hero{
      padding-top:68px;
      background:linear-gradient(145deg,#040c1a 0%,#0b1d3a 50%,#0c1120 100%);
      position:relative;overflow:hidden;
    }

.integ-hero::before{
      content:"";position:absolute;inset:0;
      background:
        radial-gradient(ellipse 70% 90% at 10% 60%,rgba(26,86,219,.22),transparent 55%),
        radial-gradient(ellipse 50% 60% at 90% 20%,rgba(14,165,233,.18),transparent 55%);
      pointer-events:none;
    }

.hero-inner{position:relative;z-index:1;padding:72px 0 56px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;}

.hero-text{}

.hero-eyebrow{display:inline-flex;align-items:center;gap:7px;background:rgba(26,86,219,.18);border:1px solid rgba(26,86,219,.35);color:#93c5fd;font-size:.70rem;font-weight:700;letter-spacing:.10em;text-transform:uppercase;padding:5px 14px;border-radius:20px;margin-bottom:1.2rem;}

.hero-eyebrow .material-icons-round{font-size:13px;}

.hero-text h1{font-size:clamp(2rem,3.2vw,3rem);font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1.13;margin-bottom:1rem;}

.hero-text h1 .gr{background:linear-gradient(90deg,#60a5fa,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}

.hero-text p{color:rgba(255,255,255,.52);font-size:.93rem;max-width:480px;margin-bottom:1.8rem;line-height:1.75;}

.btn-hero-demo{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none;padding:13px 28px;border-radius:10px;font-size:.90rem;font-weight:700;font-family:"Poppins",sans-serif;text-decoration:none;box-shadow:0 6px 20px var(--glow);transition:opacity .2s,transform .15s;cursor:pointer;}

.btn-hero-demo:hover{opacity:.88;transform:translateY(-2px);color:#fff;}

.btn-hero-demo .material-icons-round{font-size:18px;}

.hl-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:background .2s;}

.hl-card:hover{background:rgba(255,255,255,.11);}

.hl-card .hl-emoji{font-size:1.8rem;line-height:1;}

.hl-card .hl-name{font-size:.68rem;font-weight:600;color:rgba(255,255,255,.55);}

.tabs-section{background:#060d1f;padding:40px 0 0;border-bottom:1px solid rgba(255,255,255,.07);}

.tabs-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:24px;}

.tabs-header h2{font-size:1.15rem;font-weight:700;color:var(--text);}

.tab-list{display:flex;gap:4px;border-bottom:2px solid var(--border);overflow-x:auto;padding-bottom:0;-webkit-overflow-scrolling:touch;}

.tab-list::-webkit-scrollbar{display:none;}

.tab-btn{display:inline-flex;align-items:center;gap:6px;padding:11px 18px;font-size:.82rem;font-weight:600;color:var(--muted);border:none;background:transparent;cursor:pointer;font-family:"Poppins",sans-serif;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s;white-space:nowrap;}

.tab-btn:hover{color:var(--text);}

.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);}

.tab-btn .material-icons-round{font-size:15px;}

.integrations-section{background:#060d1f;padding:48px 0 80px;}

.integ-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}

.integ-card{
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.08);
      border-radius:16px;
      padding:24px 16px 20px;
      display:flex;flex-direction:column;align-items:center;gap:10px;
      text-align:center;
      transition:transform .2s,border-color .2s,background .2s;
      position:relative;
      cursor:default;
    }

.integ-card:hover{transform:translateY(-5px);box-shadow:0 16px 48px rgba(10,22,40,.12);border-color:rgba(26,86,219,.25);}

.integ-logo-wrap{width:72px;height:72px;border-radius:18px;background:var(--bg);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:2.2rem;transition:transform .2s;}

.integ-card:hover .integ-logo-wrap{transform:scale(1.06);}

.integ-card-name{font-size:.88rem;font-weight:700;color:var(--text);line-height:1.3;}

.integ-card-cat{font-size:.64rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;}

.integ-link{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-size:.76rem;font-weight:700;text-decoration:none;transition:gap .15s;}

.integ-link:hover{gap:8px;color:var(--accent);}

.integ-link .material-icons-round{font-size:14px;}

.integ-badge{position:absolute;top:12px;right:12px;padding:2px 7px;border-radius:20px;font-size:.56rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;}

.badge-native{background:rgba(26,86,219,.09);border:1px solid rgba(26,86,219,.20);color:var(--accent);}

.badge-popular{background:rgba(245,158,11,.09);border:1px solid rgba(245,158,11,.22);color:#d97706;}

.badge-new{background:rgba(34,197,94,.09);border:1px solid rgba(34,197,94,.22);color:#16a34a;}

.badge-soon{background:rgba(100,116,139,.09);border:1px solid rgba(100,116,139,.18);color:#64748b;}

.section-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;}

.count-label{font-size:.82rem;font-weight:600;color:var(--muted);}

.count-label strong{color:var(--accent);}

.search-wrap{position:relative;width:260px;}

.search-wrap .material-icons-round{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:17px;color:var(--muted);pointer-events:none;}

.search-input{width:100%;background:var(--bg);border:1.5px solid var(--border);border-radius:9px;padding:9px 13px 9px 36px;font-size:.82rem;font-family:"Poppins",sans-serif;color:var(--text);outline:none;transition:border-color .2s;}

.search-input:focus{border-color:var(--accent);}

.empty-state{text-align:center;padding:60px 20px;display:none;grid-column:1/-1;}

.empty-state.show{display:block;}

.empty-ico{width:60px;height:60px;border-radius:50%;background:var(--surface2);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;}

.empty-ico .material-icons-round{font-size:28px;color:var(--muted);}

.open-api-section{background:var(--bg);padding:72px 0;}

.oa-header{text-align:center;margin-bottom:44px;}

.oa-eyebrow{display:inline-flex;align-items:center;gap:7px;background:rgba(26,86,219,.09);border:1px solid rgba(26,86,219,.20);color:var(--accent);font-size:.70rem;font-weight:700;letter-spacing:.10em;text-transform:uppercase;padding:5px 14px;border-radius:20px;margin-bottom:1rem;}

.oa-eyebrow .material-icons-round{font-size:13px;}

.oa-header h2{font-size:clamp(1.7rem,2.8vw,2.4rem);font-weight:800;color:var(--text);letter-spacing:-.03em;margin-bottom:.7rem;}

.oa-gr{background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}

.oa-header p{color:var(--muted);font-size:.92rem;max-width:540px;margin:0 auto;}

.oa-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:24px;}

.oa-card{background:var(--surface);border:1.5px solid var(--border);border-radius:18px;padding:26px;display:flex;gap:18px;align-items:flex-start;box-shadow:0 3px 16px var(--shadow);transition:transform .2s,box-shadow .2s,border-color .2s;}

.oa-card:hover{transform:translateY(-3px);box-shadow:0 12px 36px var(--shadow);border-color:rgba(26,86,219,.20);}

.oa-card-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}

.oa-card-icon .material-icons-round{color:#fff;font-size:22px;}

.oa-card-body{flex:1;min-width:0;}

.oa-card-title{font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:.4rem;}

.oa-card-desc{font-size:.80rem;color:var(--muted);line-height:1.65;margin-bottom:.9rem;}

.oa-examples{display:flex;gap:6px;flex-wrap:wrap;}

.oa-ex{display:inline-flex;padding:3px 10px;border-radius:6px;background:var(--surface2);border:1px solid var(--border);font-size:.68rem;font-weight:600;color:var(--text2);}

.oa-ex-more{background:rgba(26,86,219,.07);border-color:rgba(26,86,219,.18);color:var(--accent);}

.oa-api-bar{background:linear-gradient(135deg,#0a1628,#0f2040);border-radius:18px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;}

.oa-api-bar-left{display:flex;align-items:center;gap:14px;}

.oa-api-bar-left .material-icons-round{font-size:28px;color:#60a5fa;flex-shrink:0;}

.oa-api-title{font-size:.95rem;font-weight:700;color:#fff;margin-bottom:2px;}

.oa-api-sub{font-size:.75rem;color:rgba(255,255,255,.45);}

.btn-api{display:inline-flex;align-items:center;gap:6px;background:rgba(26,86,219,.85);color:#fff;border:1px solid rgba(26,86,219,.5);padding:11px 22px;border-radius:9px;font-size:.82rem;font-weight:700;font-family:"Poppins",sans-serif;text-decoration:none;transition:background .15s,transform .15s;white-space:nowrap;}

.btn-api:hover{background:var(--accent);transform:translateX(3px);color:#fff;}

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

@media (max-width:767px) {
.oa-grid{grid-template-columns:1fr;}
.oa-api-bar{flex-direction:column;align-items:flex-start;}
.btn-api{width:100%;justify-content:center;}
}

.cta-band{background:linear-gradient(135deg,#040c1a,#0a1a35);padding:60px 0;text-align:center;position:relative;overflow:hidden;}

.cta-band::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 55% 70% at 50% 50%,rgba(26,86,219,.18),transparent 65%);pointer-events:none;}

.cta-inner{position:relative;z-index:1;}

.cta-band h2{font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:800;color:#fff;letter-spacing:-.03em;margin-bottom:.7rem;}

.cta-band p{color:rgba(255,255,255,.50);font-size:.90rem;max-width:460px;margin:0 auto 1.8rem;}

.btn-cta{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none;padding:13px 28px;border-radius:10px;font-size:.90rem;font-weight:700;font-family:"Poppins",sans-serif;text-decoration:none;box-shadow:0 6px 20px var(--glow);transition:opacity .2s,transform .15s;}

.btn-cta:hover{opacity:.88;transform:translateY(-2px);color:#fff;}

.btn-cta .material-icons-round{font-size:18px;}

.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: #5a7fa8;
    }

.meta-badge-title {
      font-size: .82rem;
      font-weight: 800;
      color: #0a1628;
      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: var(--surface);
      border-top: 1px solid var(--border);
      border-bottom: 1px solid var(--border);
      padding: 80px 0;
      transition: background .3s, border-color .3s;
    }

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

.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:991px) {
.hero-inner{grid-template-columns:1fr;text-align:center;}
.hero-text p,.btn-hero-demo{margin-left:auto;margin-right:auto;}
}

@media (max-width:600px) {
.tabs-header{flex-direction:column;align-items:flex-start;}
.search-wrap{width:100%;}
}

@media  (max-width: 768px)  {
.section-title { font-size: clamp(1.5rem, 6vw, 2rem) !important; }
.plans-grid, .contact-grid, .faq-grid, .nl-inner,
      .discover-card, .agents-grid, .ct-cols { grid-template-columns: 1fr !important; }
.stats-bar .container { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
}

@media  (max-width: 575px)  {
.btn-primary, .btn-cta, .btn-find, .discover-btn, .btn-cta-primary, .btn-cta-secondary
        { width: 100% !important; justify-content: center !important; }
.huw-chips { gap: 8px; }
.huw-chip { font-size: .70rem; padding: 6px 12px; }
.section-eyebrow { font-size: .62rem; }
.ct-cols { grid-template-columns: 1fr !important; }
.ct-col-head { padding: 10px 16px; }
}

*, *::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: 88px 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;
      }
.how-steps { grid-template-columns: 1fr 1fr !important; gap: 24px !important; }
.how-line  { display: none !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)  {
.how-steps { grid-template-columns: 1fr !important; }
.how-step  { flex-direction: row; align-items: flex-start; text-align: left; gap: 12px; }
.how-step-num { flex-shrink: 0; margin-bottom: 0; margin-top: 2px; }
.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: 76px 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: none !important; }
.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-chips { padding: 12px !important; gap: 6px !important; }
.meta-prem-chip  { font-size: .64rem !important; padding: 5px 8px !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; }
}

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: rgba(6,13,31,.98) !important; border-color: transparent !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-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; }
}

.logos-section {
      background: #060d1f;
      padding: 28px 0 40px;
      border-bottom: 1px solid rgba(255,255,255,.05);
      overflow: hidden;
    }

.logos-label {
      text-align: center;
      font-size: .62rem;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: rgba(255,255,255,.25);
      font-family: "Poppins", sans-serif;
      margin-bottom: 20px;
    }

.logos-track {
      overflow: hidden;
      -webkit-mask: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
      mask: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
    }

.logos-inner {
      display: flex;
      gap: 24px;
      width: max-content;
      animation: logoScroll 22s linear infinite;
    }

.logos-inner:hover { animation-play-state: paused; }

@keyframes logoScroll {
      0%   { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }

.logo-item {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 8px 16px;
      border-radius: 8px;
      flex-shrink: 0;
      transition: opacity .2s;
      opacity: .7;
    }

.logo-item:hover { opacity: 1; }

.logo-item svg { height: 28px; width: auto; display: block; }

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

.testi-grid {
      display: grid;
      grid-template-columns: 1fr 1.1fr 1fr;
      gap: 16px;
      align-items: start;
    }

.testi-card {
      background: rgba(255,255,255,.03);
      border: 1px solid rgba(255,255,255,.07);
      border-radius: 18px;
      padding: 28px;
      display: flex;
      flex-direction: column;
      gap: 16px;
      transition: border-color .2s, transform .2s;
    }

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

.testi-card-featured {
      background: rgba(59,130,246,.05);
      border-color: rgba(59,130,246,.2);
      position: relative;
    }

.testi-card-featured::before {
      content: "\"";
      position: absolute;
      top: 12px; right: 20px;
      font-size: 5rem;
      color: rgba(59,130,246,.12);
      font-family: Georgia, serif;
      line-height: 1;
    }

.testi-stars {
      color: #fbbf24;
      font-size: .85rem;
      letter-spacing: 2px;
    }

.testi-quote {
      font-size: .82rem;
      color: rgba(255,255,255,.6);
      font-family: "Poppins", sans-serif;
      line-height: 1.75;
      font-style: italic;
      flex: 1;
    }

.testi-author {
      display: flex;
      align-items: center;
      gap: 12px;
      padding-top: 14px;
      border-top: 1px solid rgba(255,255,255,.06);
    }

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

.testi-name {
      font-size: .82rem;
      font-weight: 700;
      color: rgba(255,255,255,.88);
      font-family: "Poppins", sans-serif;
    }

.testi-role {
      font-size: .70rem;
      color: rgba(255,255,255,.35);
      font-family: "Poppins", sans-serif;
      margin-top: 2px;
    }

@media (max-width:768px)  {
.testi-grid { grid-template-columns: 1fr; }
}

@media (max-width:991px)  {
.testi-grid { grid-template-columns: 1fr 1fr; }
.testi-card:last-child { grid-column: span 2; }
}

.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; }

.final-cta-trust {
      display: flex;
      justify-content: center;
      gap: 24px;
      flex-wrap: wrap;
      font-size: .72rem;
      color: rgba(255,255,255,.30);
      font-family: "Poppins", sans-serif;
    }

.final-cta-trust span { display: flex; align-items: center; gap: 5px; }

@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; }
.final-cta-trust { gap: 14px; }
}

.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;
    }

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

.card, .feature-card, .plan-card, .pricing-card, .agent-card,
    .blog-card, .step-card, .pain-card, .channel-card, .review-card,
    .stats-bar, .ct-table-wrap, .discover-section, .newsletter-strip,
    .filter-bar, .integ-grid, .crm-card, .open-api-section { background: var(--surface) !important; }

.card, .feature-card, .plan-card, .pricing-card, .agent-card,
    .blog-card, .step-card, .pain-card, .channel-card { border-color: rgba(255,255,255,.07) !important; }

section, .section, .ct-section, .pain-section, .channels-section,
    .agents-section, .how-section, .cta-section, .stats-bar,
    .discover-section, .filter-bar, .blog-section, .agents-choice-section,
    .process-section, .form-section, .integ-section, .crm-section,
    .pricing-section, .newsletter-strip, .open-api-section, .cta-band { background: #060d1f !important; }

.ct-table th { background: rgba(255,255,255,.05) !important; color: rgba(255,255,255,.55) !important; }

.ct-table td { color: rgba(255,255,255,.75) !important; border-color: rgba(255,255,255,.06) !important; }

.ct-table tr:nth-child(even) { background: rgba(255,255,255,.02) !important; }

.ct-table tr:hover { background: rgba(255,255,255,.04) !important; }

.ct-thead { background: rgba(255,255,255,.04) !important; border-color: rgba(255,255,255,.07) !important; }

.ct-col-head { background: rgba(59,130,246,.12) !important; color: #60a5fa !important; }

h1, h2, h3, h4 { color: rgba(255,255,255,.92) !important; }

p, li, span:not(.material-icons-round) { color: inherit; }

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

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

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

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

.plan-card { background: rgba(255,255,255,.03) !important; border: 1px solid rgba(255,255,255,.08) !important; }

.plan-card.plan-featured { background: rgba(59,130,246,.08) !important; border-color: rgba(59,130,246,.25) !important; }

.plan-name { color: rgba(255,255,255,.88) !important; }

.plan-price { color: #fff !important; }

.plan-feature-item { color: rgba(255,255,255,.55) !important; }

.plan-feature-item::before { background: #4ade80 !important; }

.blog-card { background: rgba(255,255,255,.03) !important; border: 1px solid rgba(255,255,255,.07) !important; }

.blog-card:hover { border-color: rgba(59,130,246,.25) !important; background: rgba(255,255,255,.05) !important; }

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

.blog-card-excerpt { color: rgba(255,255,255,.45) !important; }

.blog-card-meta { color: rgba(255,255,255,.3) !important; }

.blog-card-tag { background: rgba(59,130,246,.12) !important; color: #60a5fa !important; border-color: rgba(59,130,246,.2) !important; }

.filter-bar { background: rgba(255,255,255,.03) !important; border-color: rgba(255,255,255,.07) !important; }

.filter-btn { color: rgba(255,255,255,.5) !important; background: transparent !important; border-color: transparent !important; }

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

.agent-card { background: rgba(255,255,255,.03) !important; border: 1px solid rgba(255,255,255,.07) !important; }

.agent-card:hover { border-color: rgba(59,130,246,.25) !important; }

.agent-name { color: rgba(255,255,255,.88) !important; }

.agent-role, .agent-desc { color: rgba(255,255,255,.45) !important; }

.agent-skill { background: rgba(59,130,246,.1) !important; color: #60a5fa !important; border-color: rgba(59,130,246,.18) !important; }

.stat-val, .stats-num { color: #fff !important; }

.stat-lbl, .stats-lbl { color: rgba(255,255,255,.45) !important; }

.stats-bar { border-color: rgba(255,255,255,.06) !important; }

.stat-item { border-color: rgba(255,255,255,.06) !important; }

.step-num { background: rgba(59,130,246,.12) !important; border-color: rgba(59,130,246,.25) !important; color: #60a5fa !important; }

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

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

.process-line { background: rgba(255,255,255,.08) !important; }

.integ-card { background: rgba(255,255,255,.03) !important; border-color: rgba(255,255,255,.07) !important; }

.integ-card:hover { border-color: rgba(59,130,246,.25) !important; background: rgba(255,255,255,.05) !important; }

.integ-name { color: rgba(255,255,255,.88) !important; }

.integ-desc { color: rgba(255,255,255,.42) !important; }

.crm-card { background: rgba(255,255,255,.03) !important; border-color: rgba(255,255,255,.07) !important; }

.section-divider, hr { border-color: rgba(255,255,255,.07) !important; }

.page-header { background: linear-gradient(145deg,#040c1a,#0b1d3a,#0c1120) !important; }

.pain-card { background: rgba(255,255,255,.03) !important; border-color: rgba(255,255,255,.07) !important; }

.pain-card:hover { border-color: rgba(248,113,113,.25) !important; }

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

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

.check-icon { color: #4ade80 !important; }

.x-icon { color: #f87171 !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.active { background: rgba(59,130,246,.2) !important; border-color: rgba(59,130,246,.4) !important; color: #60a5fa !important; }

.faq-item { border-color: rgba(255,255,255,.07) !important; }

.faq-question { color: rgba(255,255,255,.88) !important; }

.faq-answer { color: rgba(255,255,255,.5) !important; }

.faq-item:hover { border-color: rgba(59,130,246,.2) !important; background: rgba(255,255,255,.02) !important; }

.cta-band { background: linear-gradient(135deg,#0d1a2e,#0f2040) !important; border-color: rgba(255,255,255,.07) !important; }

.cta-band h2, .cta-band p { color: rgba(255,255,255,.88) !important; }

.newsletter-strip { background: rgba(255,255,255,.03) !important; border-color: rgba(255,255,255,.07) !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); }

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%);
      pointer-events: none; z-index: 0;
    }

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

@media (max-width:1200px) {
.integ-grid{grid-template-columns:repeat(4,1fr);}
}

@media (max-width:991px)  {
.integ-grid{grid-template-columns:repeat(3,1fr);gap:12px;}
}

@media (max-width:767px)  {
.integ-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
.integ-card{padding:18px 12px 16px;}
}

@media (max-width:480px)  {
.integ-grid{grid-template-columns:repeat(2,1fr);gap:8px;}
.integ-card{padding:16px 10px;border-radius:12px;}
.integ-name{font-size:.76rem;}
}

@media (max-width:360px)  {
.integ-grid{grid-template-columns:1fr;}
}

.integ-diagram{
      position:relative;
      width:440px; height:440px;
      flex-shrink:0;
      margin:0 auto;
    }

.integ-hub{
      position:absolute;
      top:50%; left:50%;
      transform:translate(-50%,-50%);
      z-index:3;
    }

.integ-hub-inner{
      display:flex;flex-direction:column;align-items:center;gap:8px;
      background:rgba(59,130,246,.15);
      border:2px solid rgba(59,130,246,.4);
      border-radius:20px;
      padding:20px 26px;
      backdrop-filter:blur(10px);
    }

.integ-hub-label{font-size:.8rem;font-weight:800;color:rgba(255,255,255,.88);font-family:"Poppins",sans-serif;letter-spacing:.04em;}

.integ-hub-inner .logo-icon{background:none !important;border:none !important;box-shadow:none !important;padding:0 !important;width:auto !important;height:auto !important;border-radius:0 !important;display:flex;align-items:center;justify-content:center;}

.integ-hub-inner .logo-icon img{width:28px;height:28px;object-fit:contain;display:block;}

.integ-ring{
      position:absolute;top:50%;left:50%;
      border-radius:50%;
      border:1px solid rgba(59,130,246,.15);
      transform:translate(-50%,-50%);
      pointer-events:none;
    }

.integ-ring-1{width:240px;height:240px;animation:ringPulse 3s ease-in-out infinite;}

.integ-ring-2{width:400px;height:400px;animation:ringPulse 3s ease-in-out infinite .8s;border-color:rgba(59,130,246,.08);}

@keyframes ringPulse{
      0%,100%{opacity:.6;transform:translate(-50%,-50%) scale(1);}
      50%{opacity:1;transform:translate(-50%,-50%) scale(1.03);}
    }

.integ-node{
      position:absolute;
      top:50%; left:50%;
      --r:180px;
      transform:translate(-50%,-50%)
        rotate(var(--a))
        translateY(calc(-1 * var(--r)))
        rotate(calc(-1 * var(--a)));
      display:flex;flex-direction:column;align-items:center;gap:6px;
      background:rgba(255,255,255,.05);
      border:1px solid rgba(255,255,255,.1);
      border-radius:14px;
      padding:12px 14px;
      min-width:76px;
      text-align:center;
      transition:border-color .2s,background .2s,transform .2s;
      cursor:default;
      z-index:2;
    }

.integ-node:hover{
      border-color:rgba(59,130,246,.4);
      background:rgba(59,130,246,.1);
      transform:translate(-50%,-50%)
        rotate(var(--a))
        translateY(calc(-1 * var(--r) - 4px))
        rotate(calc(-1 * var(--a)));
    }

.integ-node .material-icons-round{font-size:24px;}

.integ-node-icon{width:22px;height:22px;object-fit:contain;display:block;}

.integ-node span:last-child{font-size:.64rem;font-weight:700;color:rgba(255,255,255,.55);font-family:"Poppins",sans-serif;white-space:nowrap;}

.integ-diagram::before{
      content:"";
      position:absolute;top:50%;left:50%;
      width:1px;height:var(--r,140px);
      background:linear-gradient(180deg,rgba(59,130,246,.4),rgba(59,130,246,.0));
      transform-origin:0 0;
      pointer-events:none;
    }

@media (max-width:991px) {
.integ-diagram{width:340px;height:340px;}
.integ-ring-1{width:190px;height:190px;}
.integ-ring-2{width:320px;height:320px;}
.integ-node{--r:145px;padding:9px 10px;min-width:62px;}
.integ-node .material-icons-round{font-size:19px;}
.integ-node-icon{width:19px;height:19px;}
.integ-node span:last-child{font-size:.58rem;}
}

@media (max-width:767px) {
.integ-diagram{width:280px;height:280px;}
.integ-ring-1{width:155px;height:155px;}
.integ-ring-2{width:265px;height:265px;}
.integ-node{--r:120px;}
}

@media (max-width:575px) {
.hero-inner{grid-template-columns:1fr!important;text-align:center;}
.integ-diagram{width:260px;height:260px;margin-top:20px;}
.integ-ring-1{width:135px;height:135px;}
.integ-ring-2{width:245px;height:245px;}
.integ-node{--r:110px;padding:6px 8px;min-width:54px;}
.integ-node .material-icons-round{font-size:16px;}
.integ-node-icon{width:16px;height:16px;}
.integ-node span:last-child{font-size:.52rem;}
}

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

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

.integ-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;}

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

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

.integ-step:hover{border-color:rgba(59,130,246,.25);background:rgba(255,255,255,.05);}

.integ-step:hover::before{opacity:1;}

.integ-step-num{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;}

.integ-step-icon{width:44px;height:44px;border-radius:12px;border:1px solid;display:flex;align-items:center;justify-content:center;margin-bottom:14px;}

.integ-step-icon .material-icons-round{font-size:22px;}

.integ-step-title{font-size:.92rem;font-weight:700;color:rgba(255,255,255,.88);font-family:"Poppins",sans-serif;margin-bottom:8px;}

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

.integ-compat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;}

.integ-compat-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s,background .2s;}

.integ-compat-card:hover{border-color:rgba(59,130,246,.25);background:rgba(255,255,255,.05);}

.integ-compat-icon{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;}

.integ-compat-icon .material-icons-round{font-size:20px;}

.integ-compat-icon img{width:20px;height:20px;object-fit:contain;display:block;}

.integ-compat-title{font-size:.88rem;font-weight:700;color:rgba(255,255,255,.88);font-family:"Poppins",sans-serif;}

.integ-compat-desc{font-size:.76rem;color:rgba(255,255,255,.42);font-family:"Poppins",sans-serif;line-height:1.6;}

.prereq-card img{object-fit:contain;display:block;}

@media (max-width:991px) {
.integ-steps{grid-template-columns:1fr;}
.integ-compat-grid{grid-template-columns:repeat(2,1fr);}
.integ-admin-grid{grid-template-columns:1fr !important;}
.prereq-card{grid-template-columns:1fr 1fr !important;}
.prereq-card > div:nth-child(3){grid-column:1 / -1;text-align:left !important;display:flex !important;align-items:center;gap:10px;}
.prereq-card > a{grid-column:1 / -1;}
}

@media (max-width:575px) {
.integ-compat-grid{grid-template-columns:1fr;}
.integ-how-section,.integ-compat-section{padding:48px 0;}
.integ-stats-grid{grid-template-columns:repeat(2,1fr) !important;row-gap:16px;}
.integ-stats-grid > div{border-right:none !important;}
.integ-stats-grid > div:nth-child(odd){border-right:1px solid rgba(255,255,255,.07) !important;}
.prereq-card{grid-template-columns:1fr !important;padding:20px !important;gap:14px !important;}
.prereq-card > div:nth-child(3){grid-column:auto;text-align:left !important;}
.prereq-card > a{width:100%;text-align:center;}
}

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;
    }

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

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

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

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

.toggle-thumb { background: #fff !important; }

.compare-section, .tabs-section, .integrations-section { background: #060d1f !important; }

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

.channels-section { background: #060d1f !important; border-color: rgba(255,255,255,.06) !important; }

.pricing-section { background: #060d1f !important; }

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

.channel-name { color: rgba(255,255,255,.88) !important; }

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

@media (max-width:767px) {
.prereq-row { grid-template-columns: 1fr !important; }
.prereq-row > div:last-child { text-align:left !important; display:flex; gap:16px; align-items:center; }
}