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

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

.retail-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 65% 80% at 8% 65%,rgba(26,86,219,.22),transparent 55%),radial-gradient(ellipse 50% 60% at 88% 20%,rgba(245,158,11,.12),transparent 55%);pointer-events:none;}

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

.hero-eyebrow{display:inline-flex;align-items:center;gap:7px;background:rgba(245,158,11,.18);border:1px solid rgba(245,158,11,.35);color:#fcd34d;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:.92rem;max-width:480px;margin-bottom:1.8rem;line-height:1.75;}

.hero-ctas{display:flex;gap:10px;flex-wrap:wrap;}

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

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

.btn-hero-secondary{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.18);color:#fff;padding:12px 22px;border-radius:10px;font-size:.88rem;font-weight:600;font-family:"Poppins",sans-serif;text-decoration:none;transition:all .15s;}

.btn-hero-secondary:hover{background:rgba(255,255,255,.14);color:#fff;}

.btn-hero-primary .material-icons-round,.btn-hero-secondary .material-icons-round{font-size:18px;}

.hero-visual{position:relative;padding-bottom:0;display:flex;justify-content:flex-end;}

.hero-stats-float{display:flex;flex-direction:column;gap:12px;padding-bottom:40px;}

.hstat-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:16px 20px;backdrop-filter:blur(8px);}

.hstat-val{font-size:1.8rem;font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1;}

.hstat-val span{font-size:1rem;}

.hstat-label{font-size:.72rem;color:rgba(255,255,255,.50);font-weight:500;margin-top:3px;}

.hstat-accent{color:#fcd34d;}

.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;divide-x:1px;}

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

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

.section-title{font-size:clamp(1.6rem,2.4vw,2.2rem);font-weight:800;color:var(--text);letter-spacing:-.03em;margin-bottom:.7rem;}

.section-sub{color:var(--muted);font-size:.90rem;max-width:560px;line-height:1.75;}

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

.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px;}

.pain-card{background:var(--surface);border:1.5px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 3px 16px var(--shadow);}

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

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

.pain-title{font-size:.92rem;font-weight:700;color:var(--text);margin-bottom:.5rem;}

.pain-desc{font-size:.80rem;color:var(--muted);line-height:1.65;}

.pain-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(239,68,68,.07);border:1px solid rgba(239,68,68,.18);color:#dc2626;font-size:.64rem;font-weight:700;padding:3px 9px;border-radius:20px;margin-top:10px;}

.pain-badge .material-icons-round{font-size:12px;}

.channels-section{padding:72px 0;background:#fff;}

.channels-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px;}

.channel-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:24px;transition:transform .2s,border-color .2s,background .2s;}

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

.channel-icon{display:none;}

.channel-name{font-size:.90rem;font-weight:700;color:rgba(255,255,255,.88);margin-bottom:.4rem;}

.channel-desc{font-size:.78rem;color:rgba(255,255,255,.42);line-height:1.65;margin-bottom:14px;}

.channel-features{display:flex;flex-direction:column;gap:6px;}

.channel-feat{display:flex;align-items:flex-start;gap:7px;font-size:.74rem;color:rgba(255,255,255,.5);}

.channel-feat .material-icons-round{font-size:14px;color:var(--green);flex-shrink:0;margin-top:1px;}

.agents-section{padding:72px 0;background:linear-gradient(145deg,#040c1a,#0b1d3a);position:relative;overflow:hidden;}

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

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

.agents-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-top:0;}

.agents-text .section-title{color:#fff;}

.agents-text .section-sub{color:rgba(255,255,255,.52);}

.agents-benefits{display:flex;flex-direction:column;gap:16px;margin-top:28px;}

.agent-benefit{display:flex;gap:14px;align-items:flex-start;}

.ab-icon{width:42px;height:42px;border-radius:12px;background:rgba(26,86,219,.25);border:1px solid rgba(26,86,219,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0;}

.ab-icon .material-icons-round{font-size:20px;color:#60a5fa;}

.ab-title{font-size:.88rem;font-weight:700;color:#fff;margin-bottom:3px;}

.ab-desc{font-size:.78rem;color:rgba(255,255,255,.50);line-height:1.6;}

.agents-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;}

.agent-mini-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:16px;backdrop-filter:blur(8px);}

.amc-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.80rem;font-weight:800;color:#fff;margin-bottom:10px;}

.amc-name{font-size:.80rem;font-weight:700;color:#fff;}

.amc-role{font-size:.67rem;color:rgba(255,255,255,.45);margin-bottom:8px;}

.amc-stats{display:flex;gap:8px;}

.amc-stat{font-size:.65rem;color:rgba(255,255,255,.55);}

.amc-stat strong{color:rgba(255,255,255,.85);}

.amc-status{display:inline-flex;align-items:center;gap:4px;font-size:.62rem;color:#4ade80;font-weight:600;margin-top:6px;}

.amc-status::before{content:"";width:5px;height:5px;border-radius:50%;background:#4ade80;display:inline-block;}

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

.how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:44px;position:relative;}

.how-steps::before{content:"";position:absolute;top:28px;left:12.5%;right:12.5%;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2));z-index:0;}

.how-step{text-align:center;padding:0 16px;position:relative;z-index:1;}

.how-num{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 6px 20px var(--glow);}

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

.how-desc{font-size:.76rem;color:var(--muted);line-height:1.6;}

.pricing-section{padding:72px 0;background:#fff;}

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

.price-card{background:var(--bg);border:1.5px solid var(--border);border-radius:18px;padding:28px;position:relative;transition:transform .2s,box-shadow .2s;}

.price-card.featured{background:linear-gradient(145deg,#040c1a,#0b1d3a);border-color:rgba(26,86,219,.4);transform:translateY(-6px);box-shadow:0 20px 60px rgba(26,86,219,.25);}

.price-card.featured .price-name{color:rgba(255,255,255,.65);}

.price-card.featured .price-val{color:#fff;}

.price-card.featured .price-desc{color:rgba(255,255,255,.45);}

.price-card.featured .price-feat{color:rgba(255,255,255,.75);}

.price-card.featured .price-feat .material-icons-round{color:#4ade80;}

.price-featured-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--orange),#f97316);color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 14px;border-radius:20px;white-space:nowrap;}

.price-name{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px;}

.price-val{font-size:2rem;font-weight:800;color:var(--text);letter-spacing:-.03em;margin-bottom:4px;}

.price-val span{font-size:.90rem;font-weight:500;}

.price-desc{font-size:.78rem;color:var(--muted);margin-bottom:18px;line-height:1.55;}

.price-feats{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;}

.price-feat{display:flex;align-items:flex-start;gap:7px;font-size:.77rem;color:var(--text2);}

.price-feat .material-icons-round{font-size:15px;color:var(--green);flex-shrink:0;margin-top:1px;}

.btn-price{display:flex;align-items:center;justify-content:center;gap:6px;padding:11px;border-radius:10px;font-size:.82rem;font-weight:700;font-family:"Poppins",sans-serif;text-decoration:none;transition:all .15s;border:1.5px solid var(--border);background:var(--surface);color:var(--text2);}

.btn-price:hover{border-color:var(--accent);color:var(--accent);}

.btn-price.featured-btn{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent;color:#fff;box-shadow:0 4px 16px var(--glow);}

.btn-price.featured-btn:hover{opacity:.88;color:#fff;}

.cta-section{padding:80px 0;background:linear-gradient(145deg,#040c1a,#0b1d3a);position:relative;overflow:hidden;text-align:center;}

.cta-section::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-title{font-size:clamp(1.7rem,2.8vw,2.5rem);font-weight:800;color:#fff;letter-spacing:-.03em;margin-bottom:.8rem;}

.cta-sub{color:rgba(255,255,255,.48);font-size:.90rem;max-width:500px;margin:0 auto 2rem;}

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

.btn-cta-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none;padding:14px 30px;border-radius:10px;font-size:.92rem;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-primary:hover{opacity:.88;transform:translateY(-2px);color:#fff;}

.btn-cta-secondary{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.18);color:#fff;padding:13px 26px;border-radius:10px;font-size:.92rem;font-weight:600;font-family:"Poppins",sans-serif;text-decoration:none;transition:all .15s;}

.btn-cta-secondary:hover{background:rgba(255,255,255,.14);color:#fff;}

.btn-cta-primary .material-icons-round,.btn-cta-secondary .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,.agents-grid{grid-template-columns:1fr;text-align:center;}
.hero-ctas{justify-content:center;}
.hero-text p{margin:0 auto 1.8rem;}
.how-steps::before{display:none;}
.how-steps{grid-template-columns:repeat(2,1fr);gap:28px;}
}

@media (max-width:767px) {
.pain-grid,.channels-grid,.pricing-grid{grid-template-columns:1fr;}
.agents-cards{grid-template-columns:1fr 1fr;}
.how-steps{grid-template-columns:1fr 1fr;}
.stats-row{grid-template-columns:repeat(2,1fr);gap:16px;}
}

.how-unibox-section{padding:72px 0;background:#fff;}

.huw-rows{display:flex;flex-direction:column;gap:24px;}

.huw-row{display:grid;grid-template-columns:1fr 56px 1fr;align-items:center;gap:20px;background:var(--bg);border:1.5px solid var(--border);border-radius:20px;padding:28px;}

.huw-row--alt{background:var(--surface);}

.huw-arrow{display:flex;align-items:center;justify-content:center;}

.huw-arrow-icon{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px var(--glow);flex-shrink:0;}

.huw-arrow-icon::after{content:"";display:block;width:10px;height:10px;border-top:2.5px solid #fff;border-right:2.5px solid #fff;transform:rotate(45deg);margin-left:-3px;}

.huw-prob-label{display:flex;align-items:center;gap:5px;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#dc2626;margin-bottom:8px;}

.huw-prob-label .material-icons-round{font-size:13px;}

.huw-prob-title{font-size:.92rem;font-weight:700;color:var(--text);margin-bottom:6px;line-height:1.4;}

.huw-prob-desc{font-size:.78rem;color:var(--muted);line-height:1.65;}

.huw-solution{background:var(--surface);border:1.5px solid rgba(26,86,219,.15);border-radius:14px;padding:20px;}

.huw-row--alt .huw-solution{background:var(--bg);}

.huw-sol-label{display:flex;align-items:center;gap:5px;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--green);margin-bottom:8px;}

.huw-sol-label .material-icons-round{font-size:13px;}

.huw-sol-title{font-size:.92rem;font-weight:700;color:var(--text);margin-bottom:6px;line-height:1.4;}

.huw-sol-desc{font-size:.78rem;color:var(--muted);line-height:1.65;margin-bottom:10px;}

.huw-sol-result{display:flex;align-items:center;gap:6px;font-size:.74rem;font-weight:700;color:var(--accent);background:rgba(26,86,219,.06);border:1px solid rgba(26,86,219,.12);border-radius:8px;padding:7px 10px;}

.huw-sol-result .material-icons-round{font-size:15px;color:var(--green);}

.huw-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px;justify-content:center;}

.huw-chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg);border:1.5px solid var(--border);border-radius:30px;padding:8px 16px;font-size:.76rem;font-weight:600;color:var(--text2);}

.huw-chip .material-icons-round{font-size:15px;color:var(--accent);}

@media (max-width:767px) {
.huw-row{grid-template-columns:1fr;}
.huw-arrow{transform:rotate(90deg);}
}

.agents-choice-section{padding:40px 0 72px;background:var(--bg);}

.agch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start;}

.agch-grid--2col{grid-template-columns:repeat(2,1fr);max-width:820px;margin:0 auto;}

.agch-card{background:var(--surface);border:1.5px solid var(--border);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:14px;box-shadow:0 4px 20px var(--shadow);transition:transform .2s,box-shadow .2s;}

.agch-card:hover{transform:translateY(-4px);box-shadow:0 14px 40px var(--shadow);}

.agch-card--featured{background:linear-gradient(145deg,#040c1a,#0c1c38);border-color:rgba(26,86,219,.4);box-shadow:0 8px 40px rgba(26,86,219,.25);}

.agch-badge{display:inline-flex;align-items:center;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:20px;align-self:flex-start;}

.agch-badge--blue{background:rgba(26,86,219,.08);border:1px solid rgba(26,86,219,.18);color:var(--accent);}

.agch-badge--gold{background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.30);color:#d97706;}

.agch-card--featured .agch-badge--gold{background:rgba(245,158,11,.20);color:#fbbf24;}

.agch-icon{width:48px;height:48px;border-radius:14px;background:rgba(26,86,219,.08);display:flex;align-items:center;justify-content:center;}

.agch-card--featured .agch-icon{background:rgba(26,86,219,.25);}

.agch-icon .material-icons-round{font-size:24px;color:var(--accent);}

.agch-card--featured .agch-icon .material-icons-round{color:#93c5fd;}

.agch-title{font-size:.98rem;font-weight:800;color:var(--text);line-height:1.3;}

.agch-card--featured .agch-title{color:#fff;}

.agch-desc{font-size:.78rem;color:var(--muted);line-height:1.7;}

.agch-card--featured .agch-desc{color:rgba(255,255,255,.50);}

.agch-features{list-style:none;display:flex;flex-direction:column;gap:8px;flex:1;}

.agch-features li{display:flex;align-items:flex-start;gap:7px;font-size:.76rem;color:var(--text2);line-height:1.5;}

.agch-card--featured .agch-features li{color:rgba(255,255,255,.70);}

.agch-features .material-icons-round{font-size:14px;color:var(--green);flex-shrink:0;margin-top:2px;}

.agch-mini-agents{display:flex;flex-direction:column;gap:10px;background:rgba(255,255,255,.05);border-radius:12px;padding:14px;}

.agch-agent{display:flex;align-items:center;gap:10px;}

.agch-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.70rem;font-weight:800;color:#fff;flex-shrink:0;}

.agch-aname{font-size:.78rem;font-weight:700;color:#fff;}

.agch-arole{font-size:.65rem;color:rgba(255,255,255,.45);}

.agch-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:12px;border-radius:10px;font-size:.82rem;font-weight:700;font-family:"Poppins",sans-serif;text-decoration:none;transition:all .15s;margin-top:4px;}

.agch-btn--primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 4px 16px var(--glow);}

.agch-btn--primary:hover{opacity:.88;color:#fff;}

.agch-btn--outline{background:var(--surface2);border:1.5px solid var(--border);color:var(--text2);}

.agch-btn--outline:hover{border-color:var(--accent);color:var(--accent);}

@media (max-width:991px) {
.agch-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto;}
}

.ct-section{padding:48px 0;background:var(--bg);}

.ct-wrap{width:100%;max-width:760px;margin:0 auto;}

.ct-header{text-align:center;margin-bottom:28px;}

.ct-pairs{display:flex;flex-direction:column;gap:16px;max-width:920px;margin:0 auto;}

.ct-pair{display:grid;grid-template-columns:1fr 48px 1fr;align-items:stretch;gap:0;}

.ct-pair-card{border-radius:22px;padding:28px 30px;font-family:"Poppins",sans-serif;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1);}

.ct-pair-before{background:rgba(255,255,255,.015);border:1px solid rgba(255,255,255,.06);}

.ct-pair-after{background:linear-gradient(160deg,rgba(59,130,246,.10),rgba(6,182,212,.04));border:1px solid rgba(59,130,246,.28);box-shadow:0 24px 60px -28px rgba(59,130,246,.45),inset 0 1px 0 rgba(255,255,255,.05);}

.ct-pair:hover .ct-pair-after{transform:translateY(-4px);box-shadow:0 34px 80px -26px rgba(59,130,246,.55),inset 0 1px 0 rgba(255,255,255,.06);}

.ct-pair:hover .ct-pair-before{transform:translateY(-1px);}

.ct-pair-tag{display:inline-flex;align-items:center;gap:6px;font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:5px 13px;border-radius:20px;margin-bottom:16px;}

.ct-pair-before .ct-pair-tag{color:rgba(255,255,255,.32);background:rgba(255,255,255,.035);}

.ct-pair-after .ct-pair-tag{color:#7dd3fc;background:rgba(59,130,246,.16);}

.ct-pair-kpi{font-size:1.32rem;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:8px;}

.ct-pair-before .ct-pair-kpi{color:rgba(255,255,255,.4);}

.ct-pair-after .ct-pair-kpi{color:#fff;}

.ct-pair-desc{font-size:.79rem;line-height:1.65;}

.ct-pair-before .ct-pair-desc{color:rgba(255,255,255,.28);}

.ct-pair-after .ct-pair-desc{color:rgba(255,255,255,.62);}

.ct-pair-arrow{width:40px;height:40px;border-radius:50%;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin:auto;color:var(--accent2);transition:transform .5s cubic-bezier(.22,1,.36,1);}

.ct-pair-arrow .material-icons-round{font-size:18px;}

.ct-pair:hover .ct-pair-arrow{transform:scale(1.15) rotate(8deg);}

.huw-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;justify-content:center;}

.huw-chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg);border:1.5px solid var(--border);border-radius:30px;padding:8px 16px;font-size:.76rem;font-weight:600;font-family:"Poppins",sans-serif;color:var(--text2);transition:border-color .15s,color .15s;}

.huw-chip:hover{border-color:var(--accent);color:var(--accent);}

.huw-chip .material-icons-round{font-size:14px;color:var(--accent);}

@media (max-width:700px) {
.ct-pair{grid-template-columns:1fr;gap:10px;}
.ct-pair-arrow{transform:rotate(90deg);}
.ct-pair:hover .ct-pair-arrow{transform:rotate(90deg) scale(1.15);}
.ct-pair-card{padding:22px 22px;}
}

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

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

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

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

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

.channel-icon-wrap .material-icons-round{font-size:22px;}

.channel-feat .material-icons-round{font-size:14px;color:#4ade80;flex-shrink:0;margin-top:1px;}

@media (max-width:991px) {
.channels-grid{grid-template-columns:repeat(2,1fr);}
}

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