/* CPE for Teams page - Start - 20102026 */
  :root{
    /* MYCPE ONE V5.0 - gray scale */
    --ink:#101828;        /* gray-900 - headings */
    --ink-soft:#475467;    /* gray-600 - body copy */
    --ink-muted:#667085;   /* gray-500 - meta / secondary */
    --placeholder:#98A2B3; /* gray-400 */
    --bg:#F9FAFB;          /* gray-50 */
    --panel:#FFFFFF;
    --line:#EAECF0;        /* gray-200 */
    --line-soft:#D0D5DD;   /* gray-300 - input borders */

    /* Brand blue */
    --brand:#3A58EF;       /* brand-500 */
    --brand-hover:#314BD0; /* brand-600 */
    --brand-active:#283FB1;/* brand-700 */
    --brand-dark:#314BD0;  /* kept for back-compat, = hover */
    --brand-tint:#EBEEFD;  /* brand-50 */

    /* Dark navy - high-impact sections */
    --navy:#12327B;        /* brand-800 */
    --navy-line:#1E4499;

    /* Purple - labels, badge tags, accent icon fills */
    --purple:#7162EA;      /* purple-400 */
    --purple-dark:#5849D0; /* purple-500 */
    --purple-tint:#F3F1FD; /* purple-50 */

    /* Success - completion / inclusion indicators */
    --success:#12B76A;
    --success-tint:#E7F8EE;
    --warning:#F79009;
    --warning-tint:#FEF3E2;

    --radius-sm:4px;   /* buttons */
    --radius-md:8px;   /* cards, chips */
    --radius-lg:12px;  /* large surfaces: modals, banners */
    --maxw:1320px;
    --shadow:0 1px 3px rgba(16,24,40,0.10);
    --shadow-lg:0 12px 16px rgba(16,24,40,0.08);
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    font-family:'Inter',sans-serif;
    color:var(--ink);
    background:var(--bg);
    -webkit-font-smoothing:antialiased;
    line-height:1.5;
  }
  h1,h2,h3,h4,.jakarta{
    font-family:'Inter',sans-serif;
    letter-spacing:-0.02em;
    margin:0;
  }
  a{color:inherit;}
  /* img{max-width:100%;display:block;} */
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 40px;}
  @media(max-width:640px){.wrap{padding:0 20px;}}
  .eyebrow{
    font-size:13px;
    font-weight:700;
    color:#3A58EF;
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:14px;
    text-transform:uppercase;
    letter-spacing:0.04em;
  }
  .eyebrow::before{
    content:"";
    width:6px;height:6px;border-radius:50%;
    background:#3A58EF;
    display:inline-block;
  }
  button{font-family:inherit;cursor:pointer;}
  :focus-visible{outline:2px solid var(--brand);outline-offset:2px;}

  /* Buttons - MYCPE ONE V5.0: 4px radius, Inter 600 */
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:10px 18px;border-radius:var(--radius-sm);font-weight:600;font-size:16px;
    border:1px solid transparent;text-decoration:none;transition:background .15s ease, border-color .15s ease, color .15s ease;
    white-space:nowrap;min-height:44px;
  }
  .btn-primary{background:var(--brand);color:#fff;}
  .btn-primary:hover{background:var(--brand-hover);}
  .btn-primary:active{background:var(--brand-active);}
  .btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-soft);}
  .btn-ghost:hover{border-color:var(--brand);color:var(--brand);}
  .btn-outline-blue{background:#fff;border:1px solid var(--brand);color:var(--brand);}
  .btn-outline-blue:hover{background:var(--brand-tint);}
  .btn-text{background:transparent;color:var(--brand);padding:10px 4px;}
  .btn-text:hover{text-decoration:underline;}
  .btn-block{width:100%;}
  .btn-lg{padding:14px 22px;font-size:16px;}

  /* Header */
  header{
    position:sticky;top:0;z-index:40;background:rgba(250,250,253,.98);
    border-bottom:1px solid var(--line);
  }
  .nav{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;}
  .logo-cluster{display:flex;align-items:center;gap:12px;}
  .logo-mark{display:flex;align-items:center;gap:8px;}
  .logo-tri{width:20px;height:20px;flex:none;}
  .logo-text{font-family:'Inter';font-weight:900;font-size:15px;letter-spacing:0.01em;}
  .logo-text b{color:var(--brand);}
  .logo-img{display:block;height:28px;width:auto;}
  .logo-mark{text-decoration:none;}
  .logo-div{width:1px;height:22px;background:var(--line);}
  .product-name{font-family:'Inter';font-weight:700;font-size:15px;color:var(--ink-soft);}
  .nav-links{display:flex;align-items:center;gap:28px;}
  .nav-links a{font-size:14px;font-weight:600;color:var(--ink-soft);text-decoration:none;}
  .nav-links a:hover{color:var(--ink);}
  .nav-cta{display:flex;align-items:center;gap:10px;}
  .nav-menu-btn{display:none;background:none;border:none;padding:6px;}
  @media(max-width:900px){
    .nav-links{display:none;}
    .nav-cta .btn-ghost{display:none;}
    .nav-menu-btn{display:block;}
  }

  /* Hero */
  .hero{padding:80px 0 48px;}
  .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;}
  @media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:40px;}}
  .hero h1{font-size:48px;line-height:1.1;font-weight:700;color:var(--ink);letter-spacing:-0.02em;}
  .hero h1 em{font-style:normal;color:var(--brand);}
  .hero p.lead{font-size:18px;font-weight:400;color:var(--ink-soft);margin-top:18px;max-width:46ch;line-height:1.5;}
  .hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;align-items:center;}
  .hero-price-note{font-size:13px;color:var(--ink-soft);margin-top:14px;}
  .hero-price-note strong{color:var(--ink);}

  /* Hero product mock */
  .device{position:relative;}
  .screen-stack{position:relative;height:420px;}
  .screen-card{
    position:absolute;background:var(--panel);border:1px solid var(--line);
    border-radius:var(--radius-md);box-shadow:0 18px 40px -18px rgba(16,24,40,.18);
    overflow:hidden;
  }
  .screen-card .s-title{font-size:11px;font-weight:600;color:var(--ink-soft);display:flex;align-items:center;justify-content:space-between;padding:14px 16px 0;margin-bottom:8px;}
  .screen-card .s-title span.tag{background:var(--success-tint);color:var(--success);border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700;}
  .sc-1{width:78%;top:0;left:0;z-index:3;height:230px;padding:0;overflow:hidden;position:absolute;animation:sc1-float 4.5s ease-in-out infinite;}
  @keyframes sc1-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
  .sc-1::after{
    content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
    background:linear-gradient(115deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 60%);
    transform:translateX(-120%);
    animation:sc1-shine 4.5s ease-in-out infinite;
  }
  @keyframes sc1-shine{0%,35%{transform:translateX(-120%);}55%,100%{transform:translateX(120%);}}
  @media(prefers-reduced-motion:reduce){.sc-1{animation:none;}.sc-1::after{animation:none;display:none;}}
  .sc-1 img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;}
  .sc-2{width:62%;bottom:0;right:0;z-index:2;height:200px;padding:16px;}
  .sc-3{width:48%;bottom:26px;left:4%;z-index:4;height:150px;padding:0;}
  .sc-3 img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;}
  .bar-row{display:flex;align-items:flex-end;gap:6px;height:70px;margin-top:6px;}
  .bar{flex:1;background:var(--brand-tint);border-radius:4px 4px 0 0;position:relative;}
  .bar.on{background:var(--brand);}
  .float-chip{
    position:absolute;background:var(--panel);border:1px solid var(--line);
    border-radius:var(--radius-md);padding:10px 14px;box-shadow:var(--shadow-lg);
    font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px;z-index:5;
  }
  .fc-1{top:8px;right:-10px;color:var(--success);}
  .fc-2{bottom:2px;left:-14px;color:var(--brand);}
  @media(max-width:980px){.screen-stack{height:340px;}.float-chip{display:none;}}

  /* Hero coverflow slider (reduced width to fit the hero column) */
  .hero-coverflow{
    position:relative;height:380px;perspective:1800px;
  }
  .cf-card{
    position:absolute;top:47%;left:50%;width:min(400px,92%);
    background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);
    overflow:hidden;cursor:pointer;container-type:inline-size;
    transition:transform 1.1s cubic-bezier(.22,.61,.36,1),
               filter .8s ease, box-shadow 1.1s ease, z-index 0s .3s;
    will-change:transform,filter;
  }
  .cf-card img{width:100%;height:auto;display:block;pointer-events:none;}
  .cf-card::after{
    content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
    background:linear-gradient(115deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 60%);
    transform:translateX(-120%);
    animation:sc1-shine 6s ease-in-out infinite;
  }
  .cf-num{
    position:absolute;display:flex;align-items:center;justify-content:center;
    font-family:'Inter',sans-serif;font-weight:800;line-height:1;font-size:4.5cqw;
    border-radius:0.5cqw;z-index:1;
  }
  @media(prefers-reduced-motion:reduce){.cf-card::after{animation:none;display:none;}}

  .cf-role-front{
    transform:translate(-50%,-50%) translateX(0) translateZ(70px) rotateY(0deg) scale(1);
    z-index:3; box-shadow:0 30px 60px -20px rgba(16,24,40,.35); filter:none;
  }
  .cf-role-left{
    transform:translate(-50%,-50%) translateX(-32%) translateZ(-40px) rotateY(22deg) scale(.86);
    z-index:2; box-shadow:0 18px 36px -18px rgba(16,24,40,.22); filter:blur(1.5px) brightness(.93) saturate(.85);
  }
  .cf-role-right{
    transform:translate(-50%,-50%) translateX(32%) translateZ(-40px) rotateY(-22deg) scale(.86);
    z-index:1; box-shadow:0 18px 36px -18px rgba(16,24,40,.22); filter:blur(1.5px) brightness(.93) saturate(.85);
  }
  .cf-card.hovered{
    transform:translate(-50%,-50%) translateX(0) translateZ(150px) rotateY(0deg) scale(1.1) !important;
    z-index:50 !important; filter:none !important;
    box-shadow:0 36px 72px -16px rgba(16,24,40,.45);
    transition:transform .5s cubic-bezier(.22,.61,.36,1), filter .3s ease, box-shadow .5s ease;
  }

  .cf-dots{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10;}
  .cf-dot{width:7px;height:7px;border-radius:50%;background:var(--line);border:none;cursor:pointer;padding:0;transition:background .25s ease,transform .25s ease;}
  .cf-dot.active{background:var(--brand);transform:scale(1.3);}

  @media(max-width:980px){.hero-coverflow{height:320px;}.float-chip{display:none;}}
  @media(max-width:640px){.hero h1{font-size:32px;}.hero-coverflow{height:260px;}
    .cf-role-left{transform:translate(-50%,-50%) translateX(-38%) translateZ(-30px) rotateY(18deg) scale(.78);}
    .cf-role-right{transform:translate(-50%,-50%) translateX(38%) translateZ(-30px) rotateY(-18deg) scale(.78);}
  }
  @media(prefers-reduced-motion:reduce){
    .cf-card{transition:none;}
  }

  /* Value strip */
  .value-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg);}
  .value-row{display:flex;flex-wrap:wrap;gap:0;padding:22px 0;}
  .value-item{flex:1 1 180px;display:flex;align-items:center;gap:10px;padding:8px 18px;font-size:13.5px;font-weight:600;color:var(--ink-soft);border-left:1px solid var(--line);}
  .value-item:first-child{border-left:none;}
  .value-item svg{flex:none;color:var(--brand);}
  .value-badge{margin-left:auto;background:var(--brand);color:#fff;border-radius:20px;padding:8px 16px;font-size:12.5px;font-weight:700;white-space:nowrap;}
  @media(max-width:900px){.value-item{border-left:none;flex:1 1 45%;}.value-badge{flex:1 1 100%;text-align:center;margin-left:0;}}
  .hero-capsules{display:grid;grid-template-columns:repeat(3,max-content);gap:10px;margin-top:20px;}
  @media(max-width:640px){.hero-capsules{grid-template-columns:repeat(2,max-content);}}
  @media(max-width:420px){.hero-capsules{grid-template-columns:max-content;}}
  .hero-capsule{display:inline-flex;align-items:center;gap:7px;background:var(--brand-tint);color:var(--ink-soft);font-size:12.5px;font-weight:600;padding:7px 14px;border-radius:999px;white-space:nowrap;}
  .hc-dot{width:6px;height:6px;border-radius:50%;background:var(--brand);flex:none;}
  .hero-capsule svg{width:15px;height:15px;flex:none;}
  .hero-capsule.accent{background:var(--brand);color:#fff;font-weight:700;}

  /* Logos */
  .logos-section{padding:44px 0;}
  .logos-label{font-size:13px;color:var(--ink-soft);text-align:center;margin-bottom:22px;}
  .logos-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:44px;}
  .logo-word{font-family:'Inter';font-weight:700;font-size:19px;color:#B7B8CC;letter-spacing:0.01em;}
  .logos-row img{height:30px;width:auto;max-width:160px;object-fit:contain;}
  .client-logo{height:40px;width:auto;display:block;filter:grayscale(1);opacity:.55;transition:filter .2s ease,opacity .2s ease;}
  .client-logo:hover{filter:grayscale(0);opacity:1;}

  /* Section heading */
  .section{padding:72px 0;}
  .section-head{max-width:640px;margin-bottom:36px;}
  .section-head h2{font-size:36px;font-weight:700;line-height:1.2;letter-spacing:-0.02em;}
  .section-head p{color:var(--ink-soft);font-size:16px;margin-top:12px;line-height:1.5;}

  /* Fold grid (8 cards) */
  .fold-grid-wrap{background:linear-gradient(180deg,var(--brand-tint),#fff 55%);padding:8px;border-radius:calc(var(--radius-md) + 8px);box-shadow:var(--shadow-lg);}
  .fold-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;}
  @media(max-width:900px){.fold-grid{grid-template-columns:repeat(2,1fr);}}
  @media(max-width:520px){.fold-grid{grid-template-columns:1fr;}}
  .fold-card{
    background:#fff;padding:28px 22px;text-align:left;border:none;
    display:flex;flex-direction:column;gap:14px;min-height:180px;
    transition:background .15s ease;position:relative;
  }
  .fold-card:hover{background:var(--brand-tint);}
  .fold-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--brand-tint);display:flex;align-items:center;justify-content:center;color:var(--brand);}
  .fold-icon svg{width:26px;height:26px;}
  .fold-card:hover .fold-icon{background:#fff;}
  .fold-card h3{font-size:15.5px;font-weight:700;}
  .fold-card p{font-size:13px;color:var(--ink-soft);margin:0;}
  .fold-more{font-size:12.5px;font-weight:700;color:var(--brand);margin-top:auto;display:flex;align-items:center;gap:5px;}

  /* CTA banner - dark navy (brand-800), the V5.0 high-impact band */
  .cta-banner{background:var(--navy);border-radius:var(--radius-lg);padding:28px 40px;color:#fff;}
  .cta-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
  .cta-banner h2{font-size:28px;font-weight:700;max-width:420px;line-height:1.2;}
  .cta-banner p{color:rgba(255,255,255,.7);margin-top:8px;font-size:14.5px;}
  .cta-banner .hero-ctas{margin-top:0;}
  .cta-banner .btn-ghost{border-color:var(--navy-line);color:#fff;}
  .cta-banner .btn-ghost:hover{border-color:#fff;}
  /* CTA illustrated banner (Figma V6.0) */
  .cta-illustrated-wrap{background:var(--brand-tint);padding:48px 0;}
  .cta-illustrated-card{
    background:#fff;border:1px solid #D0D5DD;border-radius:8px;
    padding:32px;display:flex;gap:32px;align-items:center;
  }
  .cta-illustrated-art{flex:none;width:357px;max-width:38%;}
  .cta-illustrated-art img,.cta-illustrated-art svg{display:block;width:100%;height:auto;}
  .cta-illustrated-content{flex:1 0 0;min-width:0;display:flex;flex-direction:column;gap:24px;}
  .cta-illustrated-text{display:flex;flex-direction:column;gap:12px;}
  .cta-illustrated-heading{
    font-family:'Inter',sans-serif;font-weight:700;font-size:30px;line-height:38px;
    color:#26244A;margin:0;letter-spacing:-0.01em;
  }
  .cta-illustrated-price{
    font-family:'Inter',sans-serif;font-weight:500;font-size:20px;line-height:30px;
    color:#475467;margin:0;
  }
  .cta-illustrated-price strong{font-weight:700;font-size:30px;line-height:38px;color:var(--brand);}
  .cta-illustrated-ctas{display:flex;gap:24px;flex-wrap:wrap;align-items:center;}
  .cta-illustrated-ctas .btn{
    padding:12px 20px;border-radius:4px;font-size:16px;font-weight:600;line-height:24px;
    min-height:0;
  }
  .cta-illustrated-ctas .btn-primary{background:var(--brand);color:#fff;box-shadow:0 1px 2px rgba(16,24,40,.05);}
  .cta-illustrated-ctas .btn-primary:hover{background:var(--brand-hover);}
  .cta-illustrated-ctas .btn-outline-blue{background:#fff;border:1px solid var(--brand);color:var(--brand);}
  .cta-illustrated-ctas .btn-outline-blue:hover{background:var(--brand-tint);}
  .cta-illustrated-ctas .btn-tint{background:var(--brand-tint);color:var(--brand);box-shadow:0 1px 2px rgba(16,24,40,.05);}
  .cta-illustrated-ctas .btn-tint:hover{background:#dde3fb;}
  @media(max-width:820px){
    .cta-illustrated-card{flex-direction:column;align-items:flex-start;}
    .cta-illustrated-art{width:100%;max-width:280px;margin:0 auto;}
  }

  /* Integrations */
  #capabilities .section-head{max-width:900px}
  #capabilities .section-head h2{text-wrap:balance}
  #capabilities .cap-sub{margin:10px auto 0;max-width:60ch;font-size:16px;line-height:1.55;color:#667085;text-align:center}
  .integrations{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
  @media(max-width:900px){.integrations{grid-template-columns:1fr;}}
  .integration-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
  .integration-chip{
    background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:20px 16px;
    text-align:center;font-size:12.5px;font-weight:700;color:var(--ink-soft);
    display:flex;align-items:center;justify-content:center;min-height:78px;
  }
  .integration-chip img{max-width:100%;max-height:36px;width:auto;height:auto;object-fit:contain;}
  .integrations ul{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;}
  .integrations li{display:flex;gap:10px;font-size:14.5px;color:var(--ink-soft);}
  .integrations li svg{flex:none;color:var(--success);margin-top:2px;}
  .int-box{margin-top:24px;}
  .integrations .int-box ul{margin:0;gap:12px;}
  .integrations .int-box li{align-items:flex-start;gap:14px;padding:16px 20px;font-size:16px;line-height:1.5;color:var(--ink-soft);background:#fff;border:1px solid #D9DEF5;border-radius:14px;box-shadow:0 14px 28px -22px rgba(38,36,74,.35),0 1px 3px rgba(16,24,40,.04);transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease;}
  .integrations .int-box li:hover{border-color:#C7D0FA;transform:translateY(-2px);box-shadow:0 20px 34px -22px rgba(58,88,239,.45),0 1px 3px rgba(16,24,40,.04);}
  .integrations .int-box li svg{width:20px;height:20px;margin-top:2px;padding:3px;border-radius:50%;background:#E7F6EC;color:#12B76A;}
  .integrations .int-box li b{font-weight:700;color:#101828;}
  @media(max-width:560px){.integrations .int-box li{padding:14px 16px;font-size:15px;}}
  /* Integrations: two layout options (A = one-line points, B = 2x4 logo grid) */
  .integrations[data-iv="short"] .int-box li{align-items:center}
  .integrations[data-iv="short"] .int-box li svg{margin-top:0}
  .integrations[data-iv="grid"]{grid-template-columns:1.35fr 1fr}
  .integrations[data-iv="grid"] .integration-logos{grid-template-columns:repeat(2,1fr)}
  .integrations[data-iv="grid"] .iv-more{grid-column:1 / -1;min-height:0;padding-top:10px;padding-bottom:10px}
  @media(max-width:900px){.integrations[data-iv="grid"]{grid-template-columns:1fr}}
  

  /* Stats */
  .stats-grid{
    display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
    background:var(--line);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;
  }
  @media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr);}}
  .stat b{font-family:'Inter';font-size:32px;font-weight:700;display:block;color:var(--ink);}
  .stat span{font-size:13px;color:var(--ink-soft);}
  .stat{text-align:center;background:#fff;padding:28px 22px;transition:background .15s ease;cursor:default;}
  .stat:nth-child(2),.stat:nth-child(4),.stat:nth-child(5),.stat:nth-child(7){background:var(--brand-tint);}
  .stat-icon{
    width:48px;height:48px;border-radius:var(--radius-md);background:var(--brand-tint);
    display:flex;align-items:center;justify-content:center;color:var(--brand);
    margin:0 auto 12px;transition:background .15s ease;
  }
  .stat-icon svg{width:26px;height:26px;}
  .stat:nth-child(2) .stat-icon,.stat:nth-child(4) .stat-icon,.stat:nth-child(5) .stat-icon,.stat:nth-child(7) .stat-icon{background:#fff;}
  .stat{position:relative;z-index:1;transition:background .15s ease, box-shadow .2s ease, transform .2s ease;}
  .stat:hover{
    box-shadow:0 16px 32px -12px rgba(16,24,40,.22);
    transform:translateY(-4px);
    z-index:2;
  }
  .stat:hover .stat-icon{background:var(--brand);}
  .stat:hover .stat-icon svg{filter:brightness(0) invert(1);}

  /* Testimonial */
  .testimonial-card{
    display:grid;grid-template-columns:1.35fr 1fr;gap:0;min-height:350px;
    background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;
  }
  @media(max-width:800px){.testimonial-card{grid-template-columns:1fr;min-height:0;}.testimonial-video{order:-1 !important;min-height:220px;}.testimonial-copy{padding:26px 22px !important;}.testimonial-nav{top:111px !important;}}
  .testimonial-video{
    background:linear-gradient(135deg,#12327B,#3A58EF);min-height:280px;position:relative;
    display:flex;align-items:center;justify-content:center;
    background-size:cover;background-position:right center;order:2;overflow:hidden;
  }
  .testimonial-video::after{
    content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,20,70,0) 55%,rgba(10,20,70,.28) 100%);transition:opacity .3s ease;pointer-events:none;
  }
  .testimonial-video .play-btn{position:relative;z-index:1;}
  .play-btn{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;box-shadow:0 10px 24px -10px rgba(10,20,70,.6);transition:transform .25s cubic-bezier(.2,.7,.2,1),background .2s ease;}
  .testimonial-video:hover .play-btn{transform:scale(1.1);background:rgba(255,255,255,.34);}
  .testimonial-copy{padding:40px 52px;display:flex;flex-direction:column;justify-content:center;}
  .testimonial-copy p.quote{font-size:18px;font-weight:400;color:#26244A;line-height:1.6;}
  .testimonial-copy .attrib{margin-top:20px;font-size:14px;line-height:1.55;color:var(--ink-soft);}
  .testimonial-copy .attrib b{display:block;color:var(--ink);font-weight:700;}
  .testimonial-card.swap .testimonial-copy,.testimonial-card.swap .testimonial-video{animation:tmFade .45s ease;}
  @keyframes tmFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
  @media (prefers-reduced-motion:reduce){.testimonial-card.swap .testimonial-copy,.testimonial-card.swap .testimonial-video{animation:none;}}
  .testimonial-wrap{position:relative;}
  .testimonial-nav{
    position:absolute;top:50%;transform:translateY(-50%);z-index:2;
    width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid var(--line);
    display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(16,24,40,.12);
    color:var(--ink);transition:background .15s ease;
  }
  .testimonial-nav:hover{background:var(--bg);}
  .testimonial-nav.prev{left:-20px;}
  .testimonial-nav.next{right:-20px;}
  @media(max-width:760px){
    .testimonial-nav.prev{left:4px;}
    .testimonial-nav.next{right:4px;}
  }

  /* Alliances / as seen on */
  .strip-section{padding:40px 0;border-top:1px solid var(--line);}
  .strip-title{font-size:13px;color:var(--ink-soft);margin-bottom:18px;}
  @media(max-width:900px){.alliance-grid{grid-template-columns:1fr!important;}}

  /* FAQ */
  .faq-list{max-width:100%;}
  .faq-item{border-bottom:1px solid var(--line);}
  .faq-item summary{
    list-style:none;cursor:pointer;padding:18px 0;font-size:15.5px;font-weight:600;
    display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--ink);
  }
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item summary .faq-plus{flex:none;width:22px;height:22px;position:relative;}
  .faq-item summary .faq-plus::before,.faq-item summary .faq-plus::after{
    content:"";position:absolute;background:var(--brand);border-radius:2px;
  }
  .faq-item summary .faq-plus::before{width:14px;height:2px;top:10px;left:4px;}
  .faq-item summary .faq-plus::after{width:2px;height:14px;top:4px;left:10px;transition:transform .15s ease;}
  .faq-item[open] summary .faq-plus::after{transform:rotate(90deg);opacity:0;}
  .faq-item p{margin:0 0 18px;font-size:14.5px;color:var(--ink-soft);max-width:100%;}

  /* Footer */
  footer{background:var(--navy);color:rgba(255,255,255,.65);padding:56px 0 28px;}
  .footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px;}
  @media(max-width:800px){.footer-grid{grid-template-columns:1fr 1fr;}}
  .footer-grid h4{color:#fff;font-size:13px;font-weight:700;margin-bottom:14px;}
  .footer-grid ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
  .footer-grid a{color:rgba(255,255,255,.65);text-decoration:none;font-size:13.5px;}
  .footer-grid a:hover{color:#fff;}
  .footer-bottom{padding-top:20px;font-size:12.5px;color:rgba(255,255,255,.5);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}

  /* Sticky mobile CTA */
  .mobile-cta-bar{
    display:none;position:fixed;bottom:0;left:0;right:0;z-index:50;
    background:#fff;border-top:1px solid var(--line);padding:10px 14px;
    gap:10px;box-shadow:0 -8px 24px -16px rgba(16,24,40,.3);
  }
  @media(max-width:640px){.mobile-cta-bar{display:flex;}body{padding-bottom:70px;}}
  .mobile-cta-bar .btn{flex:1;padding:12px 10px;font-size:14px;}

  /* Modal */
  .modal-overlay{
    position:fixed;inset:0;background:rgba(16,24,40,.55);z-index:100;
    display:none;align-items:flex-start;justify-content:center;padding:36px 16px;overflow-y:auto;
  }
  .modal-overlay.open{display:flex;}
  .modal-box{
    background:#fff;border-radius:var(--radius-lg);max-width:520px;width:100%;
    padding:32px;position:relative;margin:auto;
  }
  .modal-close{
    position:absolute;top:18px;right:18px;background:none;border:none;
    width:32px;height:32px;display:flex;align-items:center;justify-content:center;
    color:var(--ink-soft);border-radius:8px;
  }
  .modal-close:hover{background:var(--bg);color:var(--ink);}
  .modal-box h3{font-size:22px;font-weight:700;}
  .modal-box .modal-sub{color:var(--ink-soft);font-size:14px;margin-top:8px;}

  /* Testimonial video modal */
  #video-modal{z-index:10000;align-items:center}
  .modal-box.video-box{max-width:min(960px,calc((100vh - 120px)*16/9));padding:0;background:transparent}
  .video-box .modal-close{top:-42px;right:0;background:rgba(0,0,0,.6);color:#fff;border-radius:50%}
  .video-box .modal-close:hover{background:rgba(0,0,0,.85);color:#fff}
  .video-frame{position:relative;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;background:#000}
  .video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

  /* Feature modal specific */
  .modal-box.feat-box{max-width:700px;}
  .feat-modal-band{
    margin:-32px -32px 16px;padding:20px 32px 14px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;
    background:var(--accent-tint,var(--brand-tint));
  }
  .feat-modal-head{display:flex;align-items:center;gap:16px;}
  .feat-modal-icon{
    width:52px;height:52px;border-radius:14px;flex:none;
    background:#fff;color:var(--accent,var(--brand));
    display:flex;align-items:center;justify-content:center;
  }
  .feat-modal-icon svg{width:26px;height:26px;}
  .feat-modal-head h3{font-size:21px;font-weight:700;}
  .feat-count{
    display:inline-block;margin-top:6px;font-size:11px;font-weight:700;
    color:var(--accent,var(--brand));background:#fff;padding:3px 10px;border-radius:20px;
  }
  .feat-modal-sub{color:var(--ink-soft);font-size:14px;margin-top:4px;max-width:52ch;}
  .feat-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;}
  @media(max-width:560px){.feat-list{grid-template-columns:1fr;}}
  .feat-view-more-inline{color:#3A58EF;font-size:12.5px;font-weight:600;text-decoration:underline;white-space:nowrap;margin-left:8px;flex:none;}
  .feat-list li{
    display:flex;gap:9px;align-items:center;font-size:13.5px;color:var(--ink-soft);
    background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-md);padding:10px 12px;
    white-space:nowrap;overflow:hidden;
  }
  .feat-list li .feat-text{overflow:hidden;text-overflow:ellipsis;}
  @media(max-width:560px){.feat-list li{white-space:normal;line-height:1.35;padding:9px 12px;}}
  .feat-check{
    flex:none;width:17px;height:17px;border-radius:50%;margin-top:1px;
    background:var(--accent-tint,var(--success-tint));color:var(--accent,var(--success));
    display:flex;align-items:center;justify-content:center;
  }
  .feat-check svg{width:10px;height:10px;}

  /* Form modal */
  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;}
  @media(max-width:520px){.form-grid{grid-template-columns:1fr;}}
  .field{display:flex;flex-direction:column;gap:6px;}
  .field.full{grid-column:1/-1;}
  .field label{font-size:12.5px;font-weight:600;color:var(--ink-soft);}
  .field input,.field select{
    border:1px solid var(--line-soft);border-radius:var(--radius-md);padding:11px 12px;font-size:14px;
    font-family:inherit;color:var(--ink);background:#fff;
  }
  .field input:focus,.field select:focus{border-color:var(--brand);}
  .field-price{background:var(--brand-tint);border-radius:var(--radius-md);padding:11px 12px;font-size:14px;font-weight:700;color:var(--brand);}
  .pw-wrap{position:relative;}
  .pw-wrap input{width:100%;padding-right:36px;}
  .pw-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--ink-soft);padding:2px;}
  .demo-intro{display:flex;gap:14px;align-items:flex-start;margin-bottom:6px;}
  .demo-avatar{width:56px;height:56px;border-radius:var(--radius-md);background:linear-gradient(135deg,#3A58EF,#7162EA);flex:none;}
  .form-note{font-size:12px;color:var(--ink-soft);margin-top:14px;text-align:center;}
  .form-success{display:none;text-align:center;padding:20px 0;}
  .form-success.show{display:block;}
  .form-success svg{color:var(--success);margin-bottom:14px;}
  .form-success h3{font-size:19px;}
  .form-success p{color:var(--ink-soft);font-size:14px;margin-top:8px;}


/* ===== Interactive illustrations (live cards laid over the artwork) ===== */
.ia{position:relative;container-type:inline-size;}
.ia > img{display:block;width:100%;height:auto;}
.ia-card{position:absolute;background:#fff;box-sizing:border-box;color:#26244A;font-family:'Inter',sans-serif;
  box-shadow:0 0 0 1px rgba(16,24,40,.06),0 1px 8px rgba(16,24,40,.10);transition:box-shadow .25s ease;}
.ia-card:hover,.ia-card:focus-within{box-shadow:0 0 0 1px rgba(58,88,239,.25),0 6px 18px rgba(16,24,40,.18);}
:where(.ia-card) button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:left;}
.ia-card button:focus-visible,.ia-plot:focus-visible{outline:2px solid #9CABF7;outline-offset:1px;border-radius:4px;}
/* card 2: learning activity chart */
.ia-chart{left:6.4%;top:18.4%;width:42.5%;height:39.9%;border-radius:1.3cqw;padding:1.8cqw 2.4cqw 1cqw;display:flex;flex-direction:column;justify-content:space-between;}
.ia-chead{display:flex;align-items:center;justify-content:space-between;gap:2cqw;white-space:nowrap;}
.ia-ctitle{font-size:2.3cqw;font-weight:800;color:#1B1464;}
.ia-cleg{display:flex;gap:2.2cqw;}
.ia-lt{display:inline-flex !important;align-items:center;gap:.8cqw;font-size:1.85cqw;font-weight:600;color:#475467;opacity:.45;transition:opacity .15s ease;}
.ia-lt.on{opacity:1;}
.ia-lt i{width:1.5cqw;height:1.5cqw;border-radius:50%;}
.ia-vd{font-size:1.85cqw;font-weight:700;color:#3A58EF;}
.ia-vd:hover{text-decoration:underline;}
.ia-plot{position:relative;outline:none;}
.ia-plot svg{display:block;width:100%;height:auto;overflow:visible;}
.ia-plot text{font-family:'Inter',sans-serif;font-size:6.4px;fill:#667085;}
.ia-plot .gl{stroke:#EEF1F6;stroke-width:.6;}
.ia-line{fill:none;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.3s cubic-bezier(.22,.61,.36,1),opacity .2s ease;}
.ia-in .ia-line{stroke-dashoffset:0;}
.ia-area{opacity:0;transition:opacity .9s ease .5s;}
.ia-in .ia-area{opacity:1;}
.ia-hide{opacity:0 !important;pointer-events:none;}
.ia-dot{transition:opacity .2s ease,r .15s ease;}
.ia-guide{stroke:#B9B0F5;stroke-width:.7;stroke-dasharray:2 2;opacity:0;transition:opacity .15s ease;}
.ia-hit{fill:transparent;cursor:crosshair;}
.ia-tip{position:absolute;z-index:6;pointer-events:none;background:#fff;color:#26244A;border-radius:8px;padding:5px 9px;font-size:10px;line-height:1.4;white-space:nowrap;opacity:0;transition:opacity .15s ease,left .12s ease;box-shadow:0 0 0 1px rgba(16,24,40,.08),0 8px 20px rgba(16,24,40,.28);}
.ia-tip.on{opacity:1;}
.ia-tip b{display:block;font-weight:800;margin-bottom:1px;color:#1B1464;}
.ia-tip i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;}
@media(prefers-reduced-motion:reduce){.ia-line,.ia-area,.ia-tip{transition:none !important;}}
/* ===== Dashboard banner (replaces original hero) — all rules scoped to #dbnHero ===== */
#dbnHero{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);line-height:1.5}
#dbnHero h1,#dbnHero h4,#dbnHero h3,#dbnHero h2,#dbnHero h5{font-family:Inter,system-ui,sans-serif}
#dbnHero .dbn-eyebrow::before{content:none}
#dbnHero .dbn-eyebrow{display:block}
#dbnHero img{max-width:none}
#dbnHero{ --v: #6E5CE6; --vd: #5849D0; --vt: #F1EFFD; --vl: #E6E2FB; --ink: #101828; --bd: #475467; --mu: #667085; --ln: #EAECF0; --soft: #F9FAFB; --ok: #039855; --okt: #ECFDF3; --wa: #B54708; --wat: #FFFAEB; --er: #D92D20; --ert: #FEF3F2; }
#dbnHero *{ box-sizing: border-box; }
#dbnHero.banner{ position: relative; padding: clamp(28px, 5vw, 64px) clamp(16px, 4vw, 40px); background: radial-gradient(60% 55% at 50% 0%, #EFEDFD 0%, rgba(239,237,253,0) 70%), linear-gradient(180deg, #FBFAFF 0%, #FFFFFF 60%); overflow: hidden; }
#dbnHero.banner::before{ content: ""; position: absolute; inset: 0; background-image: linear-gradient(#EEF0F5 1px, transparent 1px), linear-gradient(90deg, #EEF0F5 1px, transparent 1px); background-size: 56px 56px; mask-image: radial-gradient(70% 60% at 50% 40%, #000 20%, transparent 75%); -webkit-mask-image: radial-gradient(70% 60% at 50% 40%, #000 20%, transparent 75%); pointer-events: none; }
#dbnHero .canvas{ position: relative; max-width: 1180px; margin: 0 auto; }
#dbnHero .frame{ position: relative; background: #fff; border: 1px solid var(--ln); border-radius: 18px; box-shadow: 0 40px 80px -40px rgba(38,36,74,.28), 0 12px 24px -12px rgba(38,36,74,.08); overflow: hidden; }
#dbnHero .scroll{ overflow: hidden; border-radius: inherit; }
#dbnHero .fit{ position: relative; }
#dbnHero .hint{ display: flex; align-items: center; justify-content: center; gap: 8px; margin: 16px 0 0; font-size: 13.5px; color: var(--mu); transition: opacity .3s ease; }
#dbnHero .hint i{ width: 7px; height: 7px; border-radius: 50%; background: #12B76A; animation: dbn-pulse 2s infinite; }
#dbnHero .hint.off{ opacity: .6; }
#dbnHero .hint .sw{ display: none; }

@keyframes dbn-pulse { 0% { box-shadow: 0 0 0 0 rgba(18,183,106,.45); } 100% { box-shadow: 0 0 0 8px rgba(18,183,106,0); } }

@media (max-width: 700px) {#dbnHero .scroll{ overflow-x: auto; overscroll-behavior-x: contain; }
#dbnHero .hint .sw{ display: inline; }
 }
#dbnHero .app{ position: absolute; left: 0; top: 0; width: 1340px; height: 800px; transform-origin: 0 0; background: #fff; font-size: 13.9px; line-height: 1.4; }
#dbnHero :where(.app) button{ font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; text-align: inherit; }
#dbnHero .app svg.i{ width: 14px; height: 14px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
#dbnHero .app :focus-visible{ outline: 2px solid #B9B0F5; outline-offset: 2px; border-radius: 6px; }
#dbnHero .view{ position: absolute; inset: 0; padding: 20px 22px; opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .35s ease, transform .35s ease, visibility .35s; }
#dbnHero .view.on{ opacity: 1; visibility: visible; transform: none; }
#dbnHero .card{ background: #fff; border: 1px solid var(--ln); border-radius: 12px; min-width: 0; }
#dbnHero .ch{ display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 14px; border-bottom: 1px solid var(--ln); }
#dbnHero .ch h4{ margin: 0; font-size: 15.7px; font-weight: 600; }
#dbnHero .ch small{ display: block; color: var(--mu); font-size: 12.8px; margin-top: 1px; }
#dbnHero .cb{ padding: 12px 14px; }
#dbnHero .btn-o{ height: 28px; padding: 0 11px; border: 1px solid #D0D5DD !important; border-radius: 8px !important; color: var(--v) !important; font-weight: 600; font-size: 13.3px; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; background: #fff !important; transition: background .18s ease, border-color .18s ease; }
#dbnHero .btn-o:hover{ background: var(--vt) !important; border-color: #C7C0F6 !important; }
#dbnHero .btn-p{ height: 32px; padding: 0 14px; border-radius: 8px !important; background: var(--v) !important; color: #fff !important; font-weight: 600; display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; transition: background .18s ease; }
#dbnHero .btn-p:hover{ background: var(--vd) !important; }
#dbnHero .btn-s{ height: 24px; padding: 0 10px; border-radius: 6px !important; background: var(--v) !important; color: #fff !important; font-weight: 600; font-size: 12.8px; display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
#dbnHero .btn-s.done{ background: var(--okt) !important; color: var(--ok) !important; }
#dbnHero .crumb{ display: flex; align-items: center; gap: 6px; color: var(--mu); font-size: 12.8px; }
#dbnHero .crumb button{ color: var(--mu); }
#dbnHero .crumb button:hover{ color: var(--v); }
#dbnHero .crumb b{ color: var(--bd); font-weight: 500; }
#dbnHero .ph{ display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin: 6px 0 14px; }
#dbnHero .ph h3{ margin: 0; font-size: 22px; font-weight: 600; letter-spacing: -.01em; }
#dbnHero .ph p{ margin: 2px 0 0; color: var(--bd); font-size: 13.9px; }
#dbnHero .dbn-bar{ display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
#dbnHero .srch{ display: flex; align-items: center; gap: 8px; width: 220px; height: 32px; padding: 0 10px; border: 1px solid #D0D5DD; border-radius: 8px; color: #98A2B3; }
#dbnHero .srch input{ border: 0; outline: 0; font: inherit; color: var(--ink); width: 100%; background: none; }
#dbnHero .chips{ display: flex; gap: 6px; }
#dbnHero .chip{ height: 28px; padding: 0 11px; border: 1px solid var(--ln) !important; border-radius: 99px !important; font-weight: 500; color: var(--bd) !important; white-space: nowrap; transition: all .18s ease; }
#dbnHero .chip:hover{ border-color: #C7C0F6 !important; }
#dbnHero .chip.on{ background: var(--vt) !important; border-color: #C7C0F6 !important; color: var(--vd) !important; font-weight: 600; }
#dbnHero .tbl{ width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--ln); border-radius: 10px; overflow: hidden; }
#dbnHero .tbl th{ background: #F4F3FE; text-align: left; font-weight: 600; height: 38px; font-size: 12.8px; color: var(--ink); height: 34px; padding: 0 12px; white-space: nowrap; }
#dbnHero .tbl td{ height: 48px; padding: 6px 12px; border-top: 1px solid var(--ln); font-size: 13.3px; color: var(--bd); vertical-align: middle; }
#dbnHero .tbl td b{ display: block; color: var(--ink); font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#dbnHero .tbl td small{ color: var(--mu); font-size: 12.2px; }
#dbnHero .tbl tbody tr{ transition: background .18s ease; }
#dbnHero .tbl tbody tr:hover{ background: #FCFBFF; }
#dbnHero .tbl tr.new td{ animation: dbn-flash 1.6s ease; }
 @keyframes dbn-flash { 0% { background: var(--vt); } 100% { background: transparent; } }
#dbnHero .q{ display: inline-flex; align-items: center; height: 20px; padding: 0 7px; border-radius: 5px; background: #F2F4F7; color: var(--ink); font-size: 12.2px; font-weight: 500; }
#dbnHero .q.more{ background: var(--vt); color: var(--v); margin-left: 4px; }
#dbnHero .st{ display: inline-flex; align-items: center; height: 20px; padding: 0 8px; border-radius: 5px; font-size: 12.2px; font-weight: 500; white-space: nowrap; border: 1px solid transparent; }
#dbnHero .st.ok{ background: var(--okt); color: var(--ok); border-color: #ABEFC6; }
#dbnHero .st.wa{ background: var(--wat); color: var(--wa); border-color: #FEDF89; }
#dbnHero .st.er{ background: var(--ert); color: var(--er); border-color: #FECDCA; }
#dbnHero .st.n{ background: #F2F4F7; color: var(--bd); border-color: var(--ln); }
#dbnHero .st.v{ background: var(--vt); color: var(--vd); border-color: #D9D4FB; }
#dbnHero .dots{ width: 26px; height: 26px; border-radius: 6px !important; display: grid; place-items: center; color: var(--bd); }
#dbnHero .dots:hover{ background: #F2F4F7 !important; }
#dbnHero .lnk{ color: var(--v) !important; font-weight: 500; }
#dbnHero .lnk:hover{ text-decoration: underline; }
#dbnHero .ai{ display: inline-flex; align-items: center; gap: 3px; height: 17px; padding: 0 5px; margin-left: 6px; border-radius: 4px; background: var(--vt); color: var(--v); font-size: 11px; font-weight: 600; vertical-align: 1px; }
#dbnHero .spin{ width: 12px; height: 12px; border: 2px solid #D9D4FB; border-top-color: var(--v); border-radius: 50%; animation: dbn-sp .8s linear infinite; display: inline-block; }
 @keyframes dbn-sp { to { transform: rotate(360deg); } }
#dbnHero .toast{ position: absolute; left: 50%; bottom: 18px; z-index: 30; transform: translate(-50%, 10px); padding: 9px 16px; border-radius: 10px; background: #26244A; color: #fff; font-size: 13.9px; font-weight: 500; opacity: 0; transition: all .25s ease; pointer-events: none; white-space: nowrap; }
#dbnHero .toast.on{ opacity: 1; transform: translate(-50%, 0); }
#dbnHero .g1{ display: grid; grid-template-columns: 1fr 1fr 1.25fr; gap: 16px; height: 410px; }
#dbnHero .g1 > .card, #dbnHero .g2 > .card{ overflow: hidden; }
#dbnHero .g2{ display: grid; grid-template-columns: 1.15fr 1fr .85fr; gap: 16px; margin-top: 16px; height: 318px; }
#dbnHero .hi{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
#dbnHero .hi h2{ margin: 0; font-size: 20.9px; font-weight: 600; letter-spacing: -.01em; }
#dbnHero .hi p{ margin: 2px 0 0; color: var(--mu); font-size: 13.9px; }
#dbnHero .kpis{ display: grid; gap: 6px; }
#dbnHero .kpi{ width: 100%; padding: 6px 12px; border-radius: 8px; background: linear-gradient(90deg, #EEEBFD, #F6F5FE); transition: transform .18s ease; }
#dbnHero .kpi:hover{ transform: translateX(2px); }
#dbnHero .kpi b{ display: block; font-size: 17.4px; font-weight: 600; font-variant-numeric: tabular-nums; }
#dbnHero .kpi span{ font-size: 12.2px; color: var(--bd); }
#dbnHero .tl{ margin-top: 10px; }
#dbnHero .tl h5{ margin: 0 0 4px; font-size: 13.3px; font-weight: 600; }
#dbnHero .tl div{ display: flex; justify-content: space-between; height: 22px; align-items: center; border-bottom: 1px solid var(--ln); font-size: 12.8px; color: var(--bd); }
#dbnHero .tl div b{ color: var(--ink); font-weight: 600; font-variant-numeric: tabular-nums; }
#dbnHero .donut{ display: grid; place-items: center; position: relative; height: 138px; }
#dbnHero .donut svg{ width: 128px; height: 128px; transform: rotate(-90deg); }
#dbnHero .donut circle{ fill: none; stroke-width: 22; transition: stroke-dasharray 1s ease; }
#dbnHero .donut b{ position: absolute; font-size: 20.9px; font-weight: 600; color: var(--v); }
#dbnHero .lg div{ display: flex; align-items: center; justify-content: space-between; height: 22px; font-size: 12.8px; color: var(--bd); }
#dbnHero .lg div b{ color: var(--ink); font-weight: 600; }
#dbnHero .lg i{ display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 7px; vertical-align: 0; }
#dbnHero .dl{ margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--ln); }
#dbnHero .dl h5{ margin: 0 0 3px; font-size: 12.8px; font-weight: 600; }
#dbnHero .dl div{ display: flex; justify-content: space-between; gap: 10px; font-size: 12.2px; color: var(--bd); min-height: 21px; align-items: center; }
#dbnHero .dl div b{ white-space: nowrap; }
#dbnHero .dl div b{ color: var(--ink); font-weight: 600; }
#dbnHero .seg{ display: inline-flex; padding: 2px; gap: 2px; border-radius: 8px; background: #F2F4F7; }
#dbnHero .seg button{ height: 22px; padding: 0 9px; border-radius: 6px; font-size: 12.2px; font-weight: 500; color: var(--bd); }
#dbnHero .seg button.on{ background: #fff; color: var(--ink); font-weight: 600; box-shadow: 0 1px 2px rgba(16,24,40,.08); }
#dbnHero .chart{ position: relative; height: 280px; padding: 8px 4px 0 24px; }
#dbnHero .chart .gl{ position: absolute; left: 24px; right: 4px; border-top: 1px dashed var(--ln); }
#dbnHero .chart .gl span{ position: absolute; left: -22px; top: -7px; font-size: 11px; color: #98A2B3; }
#dbnHero .bars{ position: absolute; left: 30px; right: 8px; top: 8px; bottom: 22px; display: grid; grid-template-columns: repeat(12, 1fr); align-items: end; gap: 4px; }
#dbnHero .bw{ display: flex; align-items: flex-end; justify-content: center; gap: 2px; height: 100%; position: relative; }
#dbnHero .bw i{ width: 11px; border-radius: 3px 3px 0 0; transition: height .7s cubic-bezier(.2,.8,.2,1); }
#dbnHero .bw i.a{ background: #4E69F1; }
#dbnHero .bw i.b{ background: #FDA29B; }
#dbnHero .bw em{ position: absolute; bottom: -18px; font-style: normal; font-size: 11px; color: var(--mu); }
#dbnHero .bw:hover i{ filter: brightness(1.08); }
#dbnHero .tip{ position: absolute; z-index: 5; padding: 5px 8px; border-radius: 6px; background: #26244A; color: #fff; font-size: 12.2px; white-space: nowrap; pointer-events: none; opacity: 0; transform: translate(-50%, -110%); transition: opacity .15s ease; }
#dbnHero .tip.on{ opacity: 1; }
#dbnHero .key{ display: flex; gap: 14px; font-size: 12.2px; color: var(--bd); }
#dbnHero .key i{ display: inline-block; width: 8px; height: 8px; border-radius: 2px; margin-right: 5px; }
#dbnHero .dept{ margin-bottom: 11px; }
#dbnHero .dept div:first-child{ display: flex; justify-content: space-between; font-size: 13.3px; margin-bottom: 5px; }
#dbnHero .dept div:first-child b{ font-weight: 600; }
#dbnHero .dept div:first-child span{ color: var(--mu); }
#dbnHero .stk{ display: flex; height: 8px; border-radius: 99px; overflow: hidden; background: #F2F4F7; }
#dbnHero .stk i{ height: 100%; transition: width .8s ease; }
#dbnHero .qd{ display: grid; grid-template-columns: 140px 1fr; gap: 12px; align-items: center; }
#dbnHero .qd svg{ width: 140px; height: 140px; transform: rotate(-90deg); }
#dbnHero .qd circle{ fill: none; stroke-width: 20; transition: stroke-width .2s ease, opacity .2s ease; cursor: pointer; }
#dbnHero .qd circle.dim{ opacity: .35; }
#dbnHero .qd circle.hot{ stroke-width: 24; }
#dbnHero .ql button{ display: flex; width: 100%; justify-content: space-between; align-items: center; gap: 8px; white-space: nowrap; height: 26px; padding: 0 6px; border-radius: 6px; font-size: 12.8px; color: var(--bd); }
#dbnHero .ql button:hover, #dbnHero .ql button.hot{ background: var(--vt); }
#dbnHero .ql b{ color: var(--ink); font-weight: 600; }
#dbnHero .qa{ display: grid; gap: 6px; padding-top: 10px !important; }
#dbnHero .qa button{ display: flex; align-items: center; gap: 10px; width: 100%; padding: 6px 10px; border: 1px solid var(--ln) !important; border-radius: 10px !important; transition: all .18s ease; }
#dbnHero .qa button:hover{ border-color: #C7C0F6 !important; background: #FCFBFF !important; transform: translateX(2px); }
#dbnHero .qa .ic{ width: 28px; height: 28px; border-radius: 8px; background: var(--vt); color: var(--v); display: grid; place-items: center; flex: none; }
#dbnHero .qa b{ display: block; font-weight: 600; font-size: 13.3px; }
#dbnHero .qa span{ color: var(--mu); font-size: 12.2px; }
#dbnHero .org{ position: relative; height: 620px; border: 1px solid var(--ln); border-radius: 12px; background: #FCFCFD; background-image: radial-gradient(#E4E7EC 1px, transparent 1px); background-size: 18px 18px; overflow: hidden; }
#dbnHero .org .zoom{ position: absolute; right: 12px; top: 12px; display: grid; gap: 6px; z-index: 3; }
#dbnHero .org .zoom button{ width: 30px; height: 30px; border: 1px solid var(--ln) !important; border-radius: 8px !important; background: #fff !important; display: grid; place-items: center; font-size: 17.4px; font-weight: 600; color: var(--bd); }
#dbnHero .tree{ position: absolute; left: 50%; top: 26px; transform-origin: 50% 0; transition: transform .3s ease; display: flex; flex-direction: column; align-items: center; }
#dbnHero .node{ width: 150px; padding: 26px 10px 12px; background: #fff; border: 1px solid var(--ln); border-top: 3px solid var(--c, var(--v)); border-radius: 10px; text-align: center; position: relative; box-shadow: 0 2px 6px rgba(16,24,40,.05); }
#dbnHero .node .av{ position: absolute; left: 50%; top: -17px; transform: translateX(-50%); width: 34px; height: 34px; border-radius: 50%; background: var(--vt); color: var(--vd); display: grid; place-items: center; font-size: 12.8px; font-weight: 600; border: 2px solid #fff; box-shadow: 0 0 0 1px var(--ln); }
#dbnHero .node b{ display: block; font-weight: 600; font-size: 13.3px; }
#dbnHero .node span{ font-size: 11.6px; color: var(--mu); }
#dbnHero .deps{ display: flex; gap: 26px; margin-top: 30px; position: relative; }
#dbnHero .deps::before{ content: ""; position: absolute; top: -16px; left: 75px; right: 75px; border-top: 1px solid #D0D5DD; }
#dbnHero .tree > .node::after{ content: ""; position: absolute; left: 50%; bottom: -31px; height: 16px; border-left: 1px solid #D0D5DD; }
#dbnHero .dep{ display: flex; flex-direction: column; align-items: center; position: relative; }
#dbnHero .dep::before{ content: ""; position: absolute; top: -16px; left: 50%; height: 16px; border-left: 1px solid #D0D5DD; }
#dbnHero .pill{ height: 26px; padding: 0 12px; border-radius: 99px !important; background: var(--c) !important; color: #fff !important; font-weight: 600; font-size: 12.8px; display: inline-flex; align-items: center; gap: 7px; }
#dbnHero .pill em{ font-style: normal; background: rgba(255,255,255,.3); border-radius: 99px; min-width: 17px; height: 17px; display: grid; place-items: center; font-size: 11.6px; }
#dbnHero .kids{ display: grid; gap: 26px; margin-top: 30px; }
#dbnHero .dep.closed .kids{ display: none; }
#dbnHero .stats{ display: grid; grid-template-columns: repeat(4, 1fr); background: var(--soft); border: 1px solid var(--ln); border-radius: 12px; margin-bottom: 12px; }
#dbnHero .stats div{ padding: 12px 18px; border-left: 1px solid var(--ln); }
#dbnHero .stats div:first-child{ border-left: 0; }
#dbnHero .stats span{ color: var(--bd); font-size: 13.9px; }
#dbnHero .stats b{ display: block; margin-top: 4px; font-size: 25.5px; font-weight: 600; font-variant-numeric: tabular-nums; }
#dbnHero .qc{ width: 26px; height: 26px; border-radius: 50%; background: var(--vt); color: var(--v); display: grid; place-items: center; font-weight: 600; font-size: 12.8px; margin: 0 auto; }
#dbnHero .acts{ display: flex; gap: 8px; align-items: center; }
#dbnHero .acts i{ width: 1px; height: 12px; background: #D0D5DD; }
#dbnHero .sent{ color: var(--ok); font-weight: 500; display: inline-flex; align-items: center; gap: 4px; }
#dbnHero .tabs{ display: flex; gap: 20px; border-bottom: 1px solid var(--ln); margin-bottom: 12px; }
#dbnHero .tabs button{ height: 32px; font-weight: 500; color: var(--bd); border-bottom: 2px solid transparent !important; margin-bottom: -1px; }
#dbnHero .tabs button.on{ color: var(--v); border-bottom-color: var(--v) !important; font-weight: 600; }
#dbnHero .cbx{ width: 15px; height: 15px; border: 1.5px solid #D0D5DD; border-radius: 4px; display: grid; place-items: center; color: #fff; }
#dbnHero .cbx.on{ background: var(--v); border-color: var(--v); }
#dbnHero .selbar{ display: flex; align-items: center; gap: 10px; margin-top: 10px; padding: 8px 12px; border-radius: 10px; background: var(--vt); color: var(--vd); font-weight: 500; opacity: 0; transform: translateY(6px); transition: all .25s ease; pointer-events: none; }
#dbnHero .selbar.on{ opacity: 1; transform: none; pointer-events: auto; }
#dbnHero .selbar .btn-s{ margin-left: auto; }
#dbnHero .dbn-hero{ position: relative; max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, .74fr) minmax(0, 1.26fr); gap: clamp(28px, 4vw, 56px); align-items: center; }
#dbnHero .dbn-eyebrow{ margin: 0; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #3A58EF; }
#dbnHero .dbn-hero h1{ margin: 14px 0 0; font-size: clamp(32px, 3.6vw, 52px); line-height: 1.1; font-weight: 700; letter-spacing: -.025em; color: #101828; }
#dbnHero .dbn-hero h1 span{ color: #3A58EF; }
#dbnHero .tags{ list-style: none; display: flex; flex-wrap: wrap; gap: 10px; margin: 26px 0 0; padding: 0; max-width: 470px; }
#dbnHero .tags li{ display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 14px; border-radius: 99px; font-size: 13.5px; font-weight: 600; }
#dbnHero .tags li::before{ content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
#dbnHero .t1{ background: #EBEEFD; color: #3A58EF; }
#dbnHero .t2{ background: #E7F6EC; color: #067647; }
#dbnHero .t3{ background: #F3F1FD; color: #7F56D9; }
#dbnHero .t4{ background: #FEF3E6; color: #B54708; }
#dbnHero .t5{ background: #FDEEF3; color: #C11574; }
#dbnHero .t6{ background: #E6F7F5; color: #107569; }
#dbnHero .ctas{ display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
#dbnHero .b1, #dbnHero .b2{ display: inline-flex; align-items: center; justify-content: center; height: 50px; padding: 0 22px; border-radius: 4px; font-size: 16px; font-weight: 600; text-decoration: none; transition: background .2s ease, box-shadow .2s ease, transform .2s ease; }
#dbnHero .b1{ background: #3A58EF; color: #fff; }
#dbnHero .b1:hover{ background: #314BD0; box-shadow: 0 10px 24px -10px rgba(58,88,239,.6); transform: translateY(-1px); }
#dbnHero .b2{ border: 1px solid #3A58EF; color: #3A58EF; background: #fff; }
#dbnHero .b2:hover{ background: #EBEEFD; }
#dbnHero .b1:focus-visible, #dbnHero .b2:focus-visible, #dbnHero .meta a:focus-visible{ outline: 3px solid #9CABF7; outline-offset: 2px; }
#dbnHero .meta{ margin: 16px 0 0; font-size: 14px; color: #475467; line-height: 1.6; }
#dbnHero .meta b{ color: #101828; font-weight: 700; }
#dbnHero .meta .sep{ margin: 0 6px; color: #98A2B3; }
#dbnHero .meta a{ color: #3A58EF; text-decoration: none; font-weight: 500; }
#dbnHero .meta a:hover{ text-decoration: underline; }
#dbnHero .dbn-hero .canvas{ max-width: none; margin: 0; padding: 30px 0 34px; }

@media (min-width: 1001px) {#dbnHero .dbn-hero .hint{ justify-content: flex-start; padding-left: 4px; }
 }
#dbnHero .dbn-hero h1{ text-wrap: balance; }
#dbnHero .float{ position: absolute; z-index: 4; display: inline-flex; align-items: center; gap: 10px; height: 42px; padding: 0 16px; border-radius: 10px; background: #fff; border: 1px solid #EAECF0; box-shadow: 0 12px 28px -12px rgba(16,24,40,.22); font-size: 13.5px; font-weight: 600; animation: dbn-bob 5s ease-in-out infinite; }
#dbnHero .float svg{ width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
#dbnHero .f1{ top: 0; right: 24px; color: #039855; }
#dbnHero .f2{ bottom: 76px; left: -24px; color: #3A58EF; animation-delay: -2.5s; }

@keyframes dbn-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }

@media (prefers-reduced-motion: reduce) {#dbnHero .float, #dbnHero .hint i{ animation: none; }
 }

@media (max-width: 560px) {#dbnHero .f1{ display: none; }
#dbnHero .hint{ display: block; text-align: center; }
#dbnHero .hint i{ display: inline-block; margin-right: 6px; }
 }

@media (max-width: 1000px) {#dbnHero .dbn-hero{ grid-template-columns: minmax(0, 1fr); }
#dbnHero .f2{ left: 8px; top: 0; bottom: auto; }
 }

@media (max-width: 560px) {#dbnHero .float{ height: 36px; font-size: 12.5px; padding: 0 12px; }
#dbnHero .f1{ right: 8px; }
#dbnHero .float{ gap: 6px; }
#dbnHero .b1, #dbnHero .b2{ flex: 1 1 auto; }
 }
#dbnHero .side{ position: absolute; left: 0; top: 0; bottom: 0; width: 214px; background: #fff; border-right: 1px solid var(--ln); padding: 14px 10px; display: flex; flex-direction: column; gap: 2px; }
#dbnHero .mode{ display: flex; align-items: center; gap: 8px; padding: 2px 8px 12px; font-size: 11.6px; font-weight: 700; letter-spacing: .04em; color: var(--ink); }
#dbnHero .mode button{ width: 26px; height: 14px; border-radius: 99px; background: var(--v) !important; position: relative; }
#dbnHero .mode button::after{ content: ""; position: absolute; top: 2px; left: 2px; width: 10px; height: 10px; border-radius: 50%; background: #fff; transition: transform .2s ease; }
#dbnHero .mode button.lr::after{ transform: translateX(12px); }
#dbnHero .mode span{ color: var(--mu); }
#dbnHero .nv{ display: flex; align-items: center; gap: 10px; width: 100%; height: 36px; padding: 0 10px; border-radius: 8px; color: var(--bd); font-weight: 500; font-size: 13.9px; white-space: nowrap; transition: background .18s ease, color .18s ease; }
#dbnHero .nv:hover{ background: #F6F5FE; color: var(--ink); }
#dbnHero .nv.on{ background: #E9E6FC; color: var(--ink); }
#dbnHero .nv .cv{ margin-left: auto; width: 12px; height: 12px; transition: transform .2s ease; }
#dbnHero .nv.open .cv{ transform: rotate(180deg); }
#dbnHero .sub{ display: none; position: relative; margin: 0 0 4px 18px; padding-left: 12px; border-left: 1px solid var(--ln); }
#dbnHero .sub.open{ display: grid; gap: 2px; }
#dbnHero .sub .nv{ height: 31px; font-size: 13.3px; padding: 0 9px; }
#dbnHero .main{ position: absolute; left: 214px; right: 0; top: 0; bottom: 0; }
#dbnHero .tg{ width: 32px; height: 18px; border-radius: 99px; background: #D0D5DD !important; position: relative; flex: none; transition: background .2s ease; }
#dbnHero .tg::after{ content: ""; position: absolute; top: 3px; left: 3px; width: 12px; height: 12px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.2); transition: transform .2s ease; }
#dbnHero .tg.on{ background: #3A58EF !important; }
#dbnHero .tg.on::after{ transform: translateX(14px); }
#dbnHero .prow{ display: flex; align-items: center; justify-content: space-between; height: 36px; padding: 0 14px; border-top: 1px solid var(--ln); font-size: 13.9px; color: var(--bd); }
#dbnHero .log{ display: flex; gap: 12px; padding: 11px 14px; border-top: 1px solid var(--ln); }
#dbnHero .log:first-child{ border-top: 0; }
#dbnHero .log p{ margin: 0; font-size: 13.9px; color: var(--bd); }
#dbnHero .log p b{ color: var(--ink); font-weight: 500; }
#dbnHero .log small{ color: var(--mu); font-size: 12.2px; }
#dbnHero .lav{ width: 28px; height: 28px; border-radius: 50%; background: var(--vt); color: var(--vd); display: grid; place-items: center; font-size: 11.6px; font-weight: 600; flex: none; }
#dbnHero .clamp{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.45; }
#dbnHero .rchart{ position: relative; height: 420px; margin: 14px 8px 0 30px; }
#dbnHero .rchart .gl{ position: absolute; left: 0; right: 0; border-top: 1px dashed var(--ln); }
#dbnHero .rchart .gl span{ position: absolute; left: -26px; top: -7px; font-size: 11.6px; color: #98A2B3; }
#dbnHero .rbars{ position: absolute; inset: 0; display: grid; grid-template-columns: repeat(12, 1fr); gap: 10px; align-items: end; }
#dbnHero .rbw{ position: relative; height: 100%; display: flex; align-items: flex-end; justify-content: center; gap: 4px; }
#dbnHero .rbw i{ width: 22px; border-radius: 3px 3px 0 0; position: relative; transition: height .8s cubic-bezier(.2,.8,.2,1); }
#dbnHero .rbw i.a{ background: #4E69F1; }
#dbnHero .rbw i.b{ background: #FDA29B; }
#dbnHero .rbw i em{ position: absolute; top: -16px; left: 50%; transform: translateX(-50%); font-style: normal; font-size: 11.6px; font-weight: 600; color: var(--bd); }
#dbnHero .rbw > span{ position: absolute; bottom: -20px; font-size: 12.2px; color: var(--mu); }
#dbnHero .band{ display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 18px; margin-bottom: 12px; border-radius: 12px; background: #EEEBFD; }
#dbnHero .band > div:first-child{ border-left: 3px solid var(--vd); padding-left: 12px; }
#dbnHero .band span{ font-size: 13.9px; color: var(--bd); }
#dbnHero .band b{ display: block; font-size: 25.5px; font-weight: 700; color: #1B1464; }
#dbnHero .band b small{ font-size: 16.2px; font-weight: 500; }
#dbnHero .bx{ display: flex; gap: 10px; }
#dbnHero .bx button{ width: 118px; padding: 8px 12px; border-radius: 8px !important; background: #fff !important; box-shadow: 0 1px 3px rgba(16,24,40,.08); border: 1.5px solid transparent !important; transition: border-color .18s ease; }
#dbnHero .bx button b{ font-size: 20.9px; color: var(--ink); font-weight: 600; }
#dbnHero .bx button.on{ border-color: var(--v) !important; }
#dbnHero .scards{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 12px; }
#dbnHero .scards div{ position: relative; padding: 14px 16px; border-radius: 10px; background: #F2F4F7; }
#dbnHero .scards span{ font-size: 13.9px; color: var(--bd); }
#dbnHero .scards b{ display: block; margin-top: 4px; font-size: 23.2px; font-weight: 600; }
#dbnHero .scards i{ position: absolute; right: 14px; top: 14px; width: 32px; height: 32px; border-radius: 8px; background: #fff; color: #3A58EF; display: grid; place-items: center; }
#dbnHero .insg{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
#dbnHero .ins .cb{ padding: 8px 10px; }
#dbnHero .ih{ display: flex; justify-content: space-between; padding: 6px 8px; background: #F9FAFB; border-radius: 6px; font-size: 12.2px; font-weight: 600; margin-bottom: 4px; }
#dbnHero .ir{ position: relative; display: flex; justify-content: space-between; width: 100%; height: 30px; align-items: center; padding: 0 8px; border-bottom: 1px solid var(--ln) !important; font-size: 13.3px; color: #3A58EF !important; border-radius: 4px !important; overflow: hidden; }
#dbnHero .ir span, #dbnHero .ir b{ position: relative; z-index: 1; }
#dbnHero .ir b{ color: var(--ink); font-weight: 600; }
#dbnHero .ir i{ position: absolute; left: 0; bottom: 0; height: 2px; background: #C3BAF7; }
#dbnHero .ir:hover, #dbnHero .ir.on{ background: var(--vt) !important; }
#dbnHero .mbar{ display: inline-block; width: 80px; height: 6px; border-radius: 99px; background: #EAECF0; overflow: hidden; }
#dbnHero .mbar i{ display: block; height: 100%; background: var(--v); }
#dbnHero .note{ display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 64px; padding: 12px 16px; margin-bottom: 12px; border: 1px solid #9E8FF0; border-radius: 10px; background: #F7F6FE; color: var(--vd); }
#dbnHero .note em{ display: table; margin-top: 6px; padding: 3px 8px; border-radius: 4px; background: #E9E6FC; font-style: normal; font-weight: 600; color: #26244A; }
#dbnHero .acts2{ display: inline-flex; gap: 4px; }
#dbnHero .acts2 button{ width: 28px; height: 28px; border-radius: 6px !important; display: grid; place-items: center; color: var(--bd); transition: background .18s ease, color .18s ease; }
#dbnHero .acts2 button:hover{ background: var(--vt) !important; color: var(--v); }



/* ===== Hero redesign: centred layout, live tab strip, interactive stage (scoped to #dbnHero) ===== */
#dbnHero.banner{padding:clamp(56px,7.5vw,104px) clamp(16px,4vw,40px) clamp(48px,6vw,88px);background:#fff;isolation:isolate;overflow:visible;overflow-x:clip;}
#dbnHero.banner::before{-webkit-mask-image:radial-gradient(60% 50% at 50% 22%,#000 10%,transparent 72%);mask-image:radial-gradient(60% 50% at 50% 22%,#000 10%,transparent 72%);}
#dbnHero .hx-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;}
#dbnHero .hx-blob{position:absolute;display:block;border-radius:50%;filter:blur(72px);opacity:.6;will-change:transform;}
#dbnHero .hx-b1{width:520px;height:520px;left:6%;top:-190px;background:radial-gradient(circle,#CBD5FF 0%,rgba(203,213,255,0) 70%);animation:hx-d1 19s ease-in-out infinite alternate;}
#dbnHero .hx-b2{width:480px;height:480px;right:4%;top:-150px;background:radial-gradient(circle,#E2D6FF 0%,rgba(226,214,255,0) 70%);animation:hx-d2 23s ease-in-out infinite alternate;}
#dbnHero .hx-b3{width:400px;height:400px;left:40%;top:60px;background:radial-gradient(circle,#CFF3EA 0%,rgba(207,243,234,0) 70%);opacity:.45;animation:hx-d3 27s ease-in-out infinite alternate;}
#dbnHero .hx-spot{position:absolute;inset:0;background:radial-gradient(460px circle at var(--mx,50%) var(--my,26%),rgba(58,88,239,.11),transparent 62%);transition:background-position .2s;}
@keyframes hx-d1{to{transform:translate(70px,50px) scale(1.12)}}
@keyframes hx-d2{to{transform:translate(-80px,60px) scale(.92)}}
@keyframes hx-d3{to{transform:translate(60px,-40px) scale(1.18)}}

#dbnHero .dbn-hero{display:block;max-width:1240px;}
#dbnHero .hx-top{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(36px,4.5vw,72px);align-items:center;}
#dbnHero .hx-copy{display:flex;flex-direction:column;align-items:flex-start;text-align:left;max-width:640px;margin:0;}
#dbnHero .hx-copy > *{animation:hx-rise .8s cubic-bezier(.2,.7,.2,1) both;}
#dbnHero .hx-copy > :nth-child(2){animation-delay:.07s}
#dbnHero .hx-copy > :nth-child(3){animation-delay:.14s}
#dbnHero .hx-copy > :nth-child(4){animation-delay:.21s}
#dbnHero .hx-copy > :nth-child(5){animation-delay:.28s}
#dbnHero .hx-copy > :nth-child(6){animation-delay:.35s}
@keyframes hx-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

#dbnHero .hx-pill{display:inline-flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;border:1px solid #E4E7EC;border-radius:99px;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13.5px;font-weight:500;color:#475467;text-decoration:none;box-shadow:0 1px 2px rgba(16,24,40,.05);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;}
#dbnHero .hx-pill b{display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border-radius:99px;background:#EBEEFD;color:#3A58EF;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;}
#dbnHero .hx-pill b::before{content:"";width:6px;height:6px;border-radius:50%;background:#3A58EF;box-shadow:0 0 0 0 rgba(58,88,239,.5);animation:hx-ping 2.2s ease-out infinite;}
@keyframes hx-ping{70%{box-shadow:0 0 0 7px rgba(58,88,239,0)}100%{box-shadow:0 0 0 0 rgba(58,88,239,0)}}
#dbnHero .hx-pill .hx-arr{width:15px;height:15px;color:#98A2B3;transition:transform .2s ease,color .2s ease;}
#dbnHero .hx-pill:hover{border-color:#C7D0FA;box-shadow:0 6px 18px -8px rgba(58,88,239,.35);transform:translateY(-1px);}
#dbnHero .hx-pill:hover .hx-arr{transform:translateX(3px);color:#3A58EF;}

#dbnHero .dbn-hero h1{margin:24px 0 0;font-size:48px;line-height:1.15;letter-spacing:-.03em;font-weight:700;color:#101828;text-wrap:balance;}
#dbnHero .hx-grad{background:linear-gradient(100deg,#3A58EF 0%,#7C5CFA 38%,#3A58EF 72%,#2F8CF5 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent !important;animation:hx-shine 7s linear infinite;}
@keyframes hx-shine{to{background-position:-220% 0}}
#dbnHero .hx-sub{margin:22px 0 0;max-width:560px;font-size:clamp(16px,1.45vw,19px);line-height:1.6;color:#475467;}
#dbnHero .tags{justify-content:flex-start;max-width:none;margin:28px 0 0;gap:9px;}
#dbnHero .tags li{height:32px;padding:0 13px;font-size:13px;transition:transform .2s ease,box-shadow .2s ease;cursor:default;}
#dbnHero .tags li:hover{transform:translateY(-2px);box-shadow:0 8px 16px -8px rgba(16,24,40,.25);}
#dbnHero .ctas{justify-content:flex-start;margin-top:30px;}
#dbnHero .b1,#dbnHero .b2{font-family:inherit;cursor:pointer;position:relative;overflow:hidden;gap:10px;border-radius:6px;transform:translate(var(--tx,0px),var(--ty,0px));transition:background .2s ease,box-shadow .2s ease,transform .25s cubic-bezier(.2,.7,.2,1);}
#dbnHero .b1{border:0;box-shadow:0 10px 22px -10px rgba(58,88,239,.65),inset 0 1px 0 rgba(255,255,255,.18);}
#dbnHero .b1::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.34) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s ease;}
#dbnHero .b1:hover::after{transform:translateX(120%);}
#dbnHero .b1:hover{transform:translate(var(--tx,0px),calc(var(--ty,0px) - 2px));box-shadow:0 16px 30px -12px rgba(58,88,239,.75),inset 0 1px 0 rgba(255,255,255,.18);}
#dbnHero .b2:hover{transform:translate(var(--tx,0px),calc(var(--ty,0px) - 2px));}
#dbnHero .b1 .hx-arr{width:18px;height:18px;transition:transform .2s ease;}
#dbnHero .b1:hover .hx-arr{transform:translateX(4px);}
#dbnHero .meta{margin-top:18px;}

/* tab strip */
#dbnHero .hx-tabswrap[hidden]{display:none !important;}
#dbnHero .hx-tabswrap{width:100vw;margin:clamp(40px,5vw,64px) 0 0 calc(50% - 50vw);border-top:1px solid #EAECF0;border-bottom:1px solid #EAECF0;background:rgba(255,255,255,.9);position:sticky;top:var(--hdr,72px);z-index:30;transition:background .25s ease,box-shadow .3s ease,border-color .25s ease;}
#dbnHero .hx-tabswrap.is-stuck{background:rgba(255,255,255,.94);border-top-color:transparent;border-bottom-color:#E4E7EC;box-shadow:0 14px 28px -20px rgba(38,36,74,.45);}
#dbnHero .hx-tabswrap.is-stuck .hx-tab.on .hx-prog{height:3px;}
#dbnHero .hx-tabs{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid #EAECF0;border-right:1px solid #EAECF0;}
#dbnHero .hx-tab{position:relative;display:flex;align-items:center;justify-content:center;height:72px;padding:0 8px;border:0;border-left:1px solid #EAECF0;background:none;font-family:inherit;cursor:pointer;}
#dbnHero .hx-tab:first-child{border-left:0;}
#dbnHero .hx-tp{display:inline-flex;align-items:center;gap:9px;height:40px;padding:0 20px;border:1px solid #EAECF0;border-radius:99px;background:#F9FAFB;color:#667085;font-size:14.5px;font-weight:600;white-space:nowrap;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .25s ease,transform .25s ease;}
#dbnHero .hx-tp svg{width:17px;height:17px;flex:none;transition:color .2s ease;}
#dbnHero .hx-tab:hover .hx-tp{background:#fff;color:#101828;transform:translateY(-1px);}
#dbnHero .hx-tab.on .hx-tp{background:#fff;color:#101828;border-color:#D0D5DD;box-shadow:0 8px 18px -10px rgba(16,24,40,.35),0 1px 2px rgba(16,24,40,.06);}
#dbnHero .hx-tab.on .hx-tp svg{color:#3A58EF;}
#dbnHero .hx-tab:focus-visible{outline:none;}
#dbnHero .hx-tab:focus-visible .hx-tp{outline:3px solid #9CABF7;outline-offset:2px;}
#dbnHero .hx-prog{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#3A58EF,#7C5CFA);transform-origin:0 50%;transform:scaleX(0);}
#dbnHero .hx-tab.on .hx-prog{transform:scaleX(var(--p,0));}

/* stage */
#dbnHero .dbn-hero .canvas{max-width:960px;margin:clamp(34px,4.4vw,56px) auto 0;padding:0;perspective:1700px;isolation:isolate;}
#dbnHero .hx-glow{position:absolute;z-index:-1;left:calc(8% + var(--px,0) * 60px);right:calc(8% - var(--px,0) * 60px);top:10%;bottom:-3%;border-radius:50%;background:radial-gradient(60% 60% at 50% 45%,rgba(58,88,239,.30),rgba(124,92,250,.16) 55%,transparent 75%);filter:blur(54px);transition:left .4s ease-out,right .4s ease-out;pointer-events:none;}
#dbnHero .hx-rev{transition:opacity .9s ease,transform 1s cubic-bezier(.2,.7,.2,1);}
.hx-js #dbnHero .canvas:not(.in) .hx-rev{opacity:0;transform:translateY(54px) rotateX(9deg) scale(.96);}
#dbnHero .frame{border-radius:20px;border:1px solid #E4E7EC;box-shadow:0 0 0 8px rgba(255,255,255,.7),0 0 0 9px #E4E7EC,0 70px 110px -50px rgba(38,36,74,.42),0 24px 44px -24px rgba(38,36,74,.14);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s ease-out;will-change:transform;}
#dbnHero .hx-bar{display:flex;align-items:center;gap:12px;height:42px;padding:0 16px;border-bottom:1px solid #EAECF0;background:linear-gradient(#FDFDFE,#F8F9FB);font-size:12.5px;font-weight:500;color:#667085;}
#dbnHero .hx-dots{display:inline-flex;gap:6px;flex:none;}
#dbnHero .hx-dots i{width:10px;height:10px;border-radius:50%;background:#F97066;}
#dbnHero .hx-dots i:nth-child(2){background:#FEC84B}
#dbnHero .hx-dots i:nth-child(3){background:#32D583}
#dbnHero .hx-title{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;}
#dbnHero .hx-title svg{width:12px;height:12px;color:#98A2B3;}
#dbnHero .hx-live{display:inline-flex;align-items:center;gap:7px;flex:none;padding:3px 10px;border-radius:99px;background:#ECFDF3;color:#067647;font-size:11.5px;font-weight:600;}
#dbnHero .hx-live i{width:6px;height:6px;border-radius:50%;background:#12B76A;animation:hx-ping 2.2s ease-out infinite;}
#dbnHero .hint{margin-top:34px;}
#dbnHero .hint.off{opacity:1;}

/* floating chips */
#dbnHero .float{height:40px;padding:0 15px;gap:8px;font-size:13px;font-weight:600;border-radius:12px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:hx-bob 6s ease-in-out infinite;translate:calc(var(--px,0) * 22px) calc(var(--py,0) * 14px);transition:translate .4s ease-out;}
#dbnHero .float svg{width:16px;height:16px;}
#dbnHero .f1{top:-26px;right:16%;left:auto;bottom:auto;color:#039855;}
#dbnHero .f2{top:auto;bottom:21%;left:-28px;right:auto;color:#3A58EF;animation-delay:-2s;}
#dbnHero .f3{top:auto;bottom:11%;right:-26px;left:auto;color:#7F56D9;animation-delay:-4s;}
@keyframes hx-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

@media (max-width:1240px){#dbnHero .f2{left:6px}#dbnHero .f3{right:6px}}
@media (max-width:900px){
  #dbnHero .hx-tabs{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-left:0;border-right:0;}
  #dbnHero .hx-tabs::-webkit-scrollbar{display:none}
  #dbnHero .hx-tab{flex:0 0 auto;height:64px;padding:0 6px;border-left:0;}
  #dbnHero .hx-tp{height:38px;padding:0 16px;font-size:14px;}
  #dbnHero .f2,#dbnHero .f3{display:none;}
}
@media (max-width:700px){
  #dbnHero .dbn-hero h1{font-size:34px;}
  #dbnHero .hx-br{display:none;}
  #dbnHero .hx-pill span{display:none;}
  #dbnHero .hx-pill{padding-right:10px;}
  #dbnHero .frame{border-radius:14px;box-shadow:0 0 0 5px rgba(255,255,255,.7),0 0 0 6px #E4E7EC,0 40px 70px -40px rgba(38,36,74,.4);}
  #dbnHero .hx-title{display:none;}
  #dbnHero .hx-live{margin-left:auto;}
  #dbnHero .f1{display:none;}
  #dbnHero .ctas{width:100%;}
  #dbnHero .b1,#dbnHero .b2{flex:1 1 100%;}
}
@media (prefers-reduced-motion:reduce){
  #dbnHero .hx-blob,#dbnHero .hx-grad,#dbnHero .float,#dbnHero .hx-copy > *,#dbnHero .hx-pill b::before,#dbnHero .hx-live i{animation:none !important;}
  .hx-js #dbnHero .canvas:not(.in) .hx-rev{opacity:1;transform:none;}
  #dbnHero .frame,#dbnHero .hx-rev,#dbnHero .float,#dbnHero .b1,#dbnHero .b2{transition:none !important;}
  #dbnHero .hx-grad{-webkit-text-fill-color:#3A58EF;background:none;color:#3A58EF !important;}
}

/* ===== CTA: course tracking (interactive) — scoped to #ctaTrack ===== */
@property --ctx-a{syntax:'<angle>';inherits:false;initial-value:0deg}
#ctaTrack{position:relative;overflow:hidden;padding:clamp(36px,4vw,56px) 0;background:#EBEEFD;font-family:'Inter',system-ui,-apple-system,"Segoe UI",sans-serif;}
#ctaTrack *{box-sizing:border-box;}
#ctaTrack .ctx-card{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,52px);padding:clamp(22px,3vw,40px);background:#fff;border:1px solid #D9DEF5;border-radius:18px;box-shadow:0 36px 70px -42px rgba(38,36,74,.4),0 2px 6px rgba(16,24,40,.04);transition:box-shadow .4s ease,transform .9s cubic-bezier(.2,.7,.2,1),opacity .9s ease;}
#ctaTrack .ctx-card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(460px circle at var(--mx,72%) var(--my,18%),rgba(58,88,239,.085),transparent 62%);pointer-events:none;}
#ctaTrack .ctx-card::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--ctx-a),#3A58EF,#7C5CFA,#22C38E,#F5A524,#3A58EF);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:0;transition:opacity .5s ease;pointer-events:none;animation:ctx-spin 7s linear infinite;animation-play-state:paused;}
#ctaTrack .ctx-card:hover{box-shadow:0 44px 80px -44px rgba(58,88,239,.45),0 2px 6px rgba(16,24,40,.04);}
#ctaTrack .ctx-card:hover::after{opacity:1;animation-play-state:running;}
@keyframes ctx-spin{to{--ctx-a:360deg}}
.hx-js #ctaTrack:not(.in) .ctx-card{opacity:0;transform:translateY(36px);}
#ctaTrack .ctx-deco{position:absolute;z-index:-1;display:block;border-radius:50%;filter:blur(64px);pointer-events:none;}
#ctaTrack .ctx-d1{width:380px;height:380px;right:-90px;top:-130px;background:radial-gradient(circle,rgba(124,92,250,.20),transparent 70%);}
#ctaTrack .ctx-d2{width:340px;height:340px;left:-80px;bottom:-140px;background:radial-gradient(circle,rgba(58,88,239,.16),transparent 70%);}

/* stage */
#ctaTrack .ctx-visual{position:relative;}
#ctaTrack .ctx-stage{position:relative;container-type:inline-size;isolation:isolate;aspect-ratio:450/297;}
#ctaTrack .ctx-plate{position:absolute;inset:-7% -5% -5% -5%;border-radius:22px;background:radial-gradient(circle at 30% 34%,rgba(124,92,250,.20),transparent 55%),radial-gradient(circle at 82% 72%,rgba(58,88,239,.15),transparent 52%);}
#ctaTrack .ctx-plate::before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:radial-gradient(#C9D0EF 1px,transparent 1.2px);background-size:15px 15px;-webkit-mask-image:radial-gradient(70% 70% at 40% 40%,#000,transparent 80%);mask-image:radial-gradient(70% 70% at 40% 40%,#000,transparent 80%);opacity:.7;}
#ctaTrack .ctx-band{position:absolute;z-index:2;left:2.2%;right:2.2%;bottom:7.5%;height:40%;border-radius:3.4cqw;overflow:hidden;background:radial-gradient(90% 130% at 0% 20%,#1FA0EC 0%,#0F62D8 42%,#1B34B8 100%);box-shadow:0 2cqw 4cqw -2.4cqw rgba(15,40,160,.55);translate:calc(var(--sx,0) * -3px) calc(var(--sy,0) * -2px);transition:translate .5s ease-out;}
#ctaTrack .ctx-band::before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(ellipse 80% 140% at 88% 135%,rgba(255,255,255,0) 0 5px,rgba(255,255,255,.12) 5px 6px);opacity:.8;}
#ctaTrack .ctx-band::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 90% at 100% 0%,rgba(124,92,250,.28),transparent 70%);}
#ctaTrack .ctx-lady{position:absolute;z-index:3;left:9%;bottom:7.5%;height:84%;width:auto;display:block;translate:calc(var(--sx,0) * -8px) calc(var(--sy,0) * -5px);transition:translate .5s ease-out;filter:drop-shadow(0 1.2cqw 2cqw rgba(10,25,90,.28));}
#ctaTrack .ctx-float{position:absolute;z-index:4;left:44%;top:12%;width:52%;animation:ctx-bob 5s ease-in-out infinite;translate:calc(var(--sx,0) * 14px) calc(var(--sy,0) * 10px);transition:translate .5s ease-out;}
@keyframes ctx-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.8cqw)}}
#ctaTrack .ctx-tilt{transform:perspective(900px) rotateY(calc(var(--sx,0) * 9deg)) rotateX(calc(var(--sy,0) * -7deg));transition:transform .45s ease-out;will-change:transform;}
#ctaTrack .ctx-chart{background:#fff;border-radius:3cqw;padding:3cqw 3.4cqw 3cqw;box-shadow:0 0 0 1px rgba(38,36,74,.05),0 1.6cqw 5cqw rgba(15,30,90,.24);}
#ctaTrack .ctx-ch-head{display:flex;align-items:center;justify-content:space-between;gap:2cqw;padding-bottom:2cqw;margin-bottom:2.4cqw;border-bottom:1px solid #EEF0F6;white-space:nowrap;}
#ctaTrack .ctx-ch-title{font-size:2.4cqw;font-weight:700;color:#16193A;}
#ctaTrack .ctx-ch-tag{font-size:1.6cqw;font-weight:600;color:#5B3FD6;background:#F1EDFD;padding:.6cqw 1.6cqw;border-radius:999px;}
#ctaTrack .ctx-ch-body{display:flex;align-items:center;gap:3.4cqw;}
#ctaTrack .ctx-donut{position:relative;width:19cqw;flex:none;}
#ctaTrack .ctx-donut svg{display:block;width:100%;transform:rotate(-90deg);overflow:visible;}
#ctaTrack .ctx-track{fill:none;stroke:#EEF0F6;stroke-width:9;}
#ctaTrack .ctx-seg{fill:none;stroke-width:9;stroke-dasharray:0 227;stroke-dashoffset:0;cursor:pointer;transition:stroke-dasharray .55s cubic-bezier(.22,.61,.36,1),stroke-dashoffset .55s cubic-bezier(.22,.61,.36,1),stroke-width .2s ease,opacity .2s ease;}
#ctaTrack .ctx-donut.intro .ctx-seg{transition-duration:1.3s,1.3s,.2s,.2s;}
#ctaTrack .ctx-donut.has-hot .ctx-seg:not(.hot){opacity:.28;}
#ctaTrack .ctx-seg.hot{stroke-width:12;}
#ctaTrack .ctx-mid{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none;}
#ctaTrack .ctx-mid b{font-size:4.4cqw;font-weight:800;color:#16193A;line-height:1;font-variant-numeric:tabular-nums;transition:color .2s ease;}
#ctaTrack .ctx-mid span{font-size:1.5cqw;color:#6B7085;margin-top:.5cqw;line-height:1.2;font-weight:500;}
#ctaTrack .ctx-legend{flex:1;min-width:0;display:grid;gap:1.5cqw;}
#ctaTrack .ctx-lg,#ctaTrack .ctx-rem{display:flex;align-items:center;gap:1.4cqw;width:100%;font:inherit;font-size:2.1cqw;font-weight:500;color:#4C5166;white-space:nowrap;text-align:left;}
#ctaTrack .ctx-lg{background:none;border:0;cursor:pointer;padding:.9cqw 1.2cqw;margin:-.9cqw -1.2cqw;border-radius:1.2cqw;transition:background .15s ease;}
#ctaTrack .ctx-lg:hover,#ctaTrack .ctx-lg.hot{background:#F3F5FA;}
#ctaTrack .ctx-lg:focus-visible,#ctaTrack .ctx-remind:focus-visible{outline:2px solid #9CABF7;outline-offset:1px;}
#ctaTrack .ctx-lg i{width:1.8cqw;height:1.8cqw;border-radius:50%;background:var(--c);flex:none;}
#ctaTrack .ctx-lg b,#ctaTrack .ctx-rem b{margin-left:auto;font-weight:700;color:#16193A;font-variant-numeric:tabular-nums;}
#ctaTrack .ctx-rem{padding-top:1.6cqw;border-top:1px solid #EEF0F6;margin-top:.2cqw;}
#ctaTrack .ctx-bell{width:3.4cqw;height:3.4cqw;flex:none;border-radius:1cqw;display:grid;place-items:center;background:#F1EDFD;color:#5B3FD6;}
#ctaTrack .ctx-bell svg,#ctaTrack .ctx-bell-s svg{width:2.2cqw;height:2.2cqw;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 10%;}
#ctaTrack .ctx-bell.ring svg,#ctaTrack .ctx-remind.go .ctx-bell-s svg{animation:ctx-ringb 1s ease-in-out;}
@keyframes ctx-ringb{0%,100%{transform:rotate(0)}15%{transform:rotate(16deg)}30%{transform:rotate(-14deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}
#ctaTrack .ctx-remind{display:flex;align-items:center;justify-content:center;gap:1.4cqw;width:100%;height:6.6cqw;margin-top:2.4cqw;border:0;border-radius:2cqw;background:#F1EDFD;color:#5B3FD6;font:inherit;font-size:1.95cqw;font-weight:700;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;}
#ctaTrack .ctx-remind:hover{background:#E6DFFB;transform:translateY(-.3cqw);box-shadow:0 1cqw 2cqw -1cqw rgba(91,63,214,.5);}
#ctaTrack .ctx-remind[aria-disabled="true"]{cursor:default;transform:none;box-shadow:none;}
#ctaTrack .ctx-remind.ok{background:#E3F7EC;color:#067647;}
#ctaTrack .ctx-burst{position:absolute;left:50%;top:50%;width:1.3cqw;height:1.3cqw;margin:-.65cqw 0 0 -.65cqw;border-radius:50%;pointer-events:none;background:var(--c);animation:ctx-burst .9s cubic-bezier(.2,.7,.2,1) forwards;}
@keyframes ctx-burst{from{transform:translate(0,0) scale(1);opacity:1}to{transform:translate(var(--x),var(--y)) scale(.3);opacity:0}}
#ctaTrack .ctx-feed{position:absolute;z-index:4;left:44%;bottom:4%;width:52%;height:8cqw;pointer-events:none;}
#ctaTrack .ctx-toast{position:absolute;left:0;bottom:0;display:inline-flex;align-items:center;gap:1.4cqw;max-width:100%;padding:1.2cqw 2.6cqw 1.2cqw 1.2cqw;border-radius:99px;background:rgba(255,255,255,.97);box-shadow:0 0 0 1px rgba(38,36,74,.05),0 1.2cqw 3cqw -.6cqw rgba(15,30,90,.35);font-size:1.9cqw;font-weight:600;color:#26244A;white-space:nowrap;opacity:0;transform:translateY(70%) scale(.96);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.7,.2,1);}
#ctaTrack .ctx-toast.in{opacity:1;transform:none;}
#ctaTrack .ctx-toast.out{opacity:0;transform:translateY(-80%) scale(.98);}
#ctaTrack .ctx-toast em{width:4.2cqw;height:4.2cqw;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--b);color:var(--f);font-style:normal;}
#ctaTrack .ctx-toast em svg{width:2.2cqw;height:2.2cqw;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
#ctaTrack .ctx-cap{display:flex;align-items:center;justify-content:center;gap:8px;margin:28px 0 0;font-size:12.5px;color:#667085;}
#ctaTrack .ctx-cap i{width:7px;height:7px;border-radius:50%;background:#12B76A;box-shadow:0 0 0 0 rgba(18,183,106,.5);animation:ctx-ping 2.2s ease-out infinite;}
@keyframes ctx-ping{70%{box-shadow:0 0 0 7px rgba(18,183,106,0)}100%{box-shadow:0 0 0 0 rgba(18,183,106,0)}}

/* copy */
#ctaTrack .ctx-copy{min-width:0;}
#ctaTrack .ctx-copy > *{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 70ms + 150ms);}
.hx-js #ctaTrack:not(.in) .ctx-copy > *{opacity:0;transform:translateY(16px);}
#ctaTrack .ctx-pill{--i:0;margin-bottom:14px;display:inline-flex;align-items:center;gap:8px;padding:5px 13px 5px 11px;border-radius:99px;background:#EBEEFD;color:#3A58EF;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;}
#ctaTrack .ctx-pill i{width:6px;height:6px;border-radius:50%;background:#3A58EF;animation:ctx-ping2 2.2s ease-out infinite;}
@keyframes ctx-ping2{70%{box-shadow:0 0 0 7px rgba(58,88,239,0)}0%{box-shadow:0 0 0 0 rgba(58,88,239,.5)}100%{box-shadow:0 0 0 0 rgba(58,88,239,0)}}
#ctaTrack .ctx-title{--i:1;margin:0;font-size:36px;line-height:1.2;font-weight:700;letter-spacing:-.02em;color:#1B1D45;text-wrap:balance;}
#ctaTrack .ctx-grad{background:linear-gradient(100deg,#3A58EF 0%,#7C5CFA 40%,#3A58EF 75%,#2F8CF5 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:ctx-shine 7s linear infinite;}
@keyframes ctx-shine{to{background-position:-220% 0}}
@media (min-width:561px){#ctaTrack .ctx-grad{white-space:nowrap;}}
#ctaTrack .ctx-nofee{display:block;margin-top:6px;font-size:15px;line-height:1.5;font-weight:500;color:#667085;}
#ctaTrack .ctx-price{--i:2;margin:14px 0 0;font-size:16px;font-weight:500;color:#475467;}
#ctaTrack .ctx-price strong{font-family:'Inter',sans-serif;font-size:1.75em;font-weight:700;letter-spacing:-.02em;vertical-align:-.06em;margin:0 .06em;background:linear-gradient(120deg,#3A58EF,#7C5CFA);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums;}

/* estimator */
#ctaTrack .ctx-est{--i:3;margin-top:22px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 28px;align-items:center;padding:16px 20px;border:1px solid #E1E6FA;border-radius:16px;background:linear-gradient(180deg,#FBFBFF,#F4F6FF);transition:border-color .25s ease,box-shadow .25s ease;}
#ctaTrack .ctx-est:hover,#ctaTrack .ctx-est:focus-within{border-color:#C7D0FA;box-shadow:0 12px 28px -18px rgba(58,88,239,.45);}
#ctaTrack .ctx-est-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px;}
#ctaTrack .ctx-est-top label{font-size:13px;font-weight:600;color:#475467;}
#ctaTrack .ctx-est-top b{font-size:14px;font-weight:700;color:#3A58EF;font-variant-numeric:tabular-nums;}
#ctaTrack .ctx-est input[type=range]{--f:8%;-webkit-appearance:none;appearance:none;display:block;width:100%;height:6px;margin:0;border-radius:99px;outline:none;cursor:pointer;background:linear-gradient(90deg,#3A58EF 0,#7C5CFA var(--f),#DCE1F6 var(--f));}
#ctaTrack .ctx-est input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid #3A58EF;box-shadow:0 4px 10px -2px rgba(58,88,239,.55);transition:transform .15s ease,box-shadow .15s ease;}
#ctaTrack .ctx-est input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #3A58EF;box-shadow:0 4px 10px -2px rgba(58,88,239,.55);}
#ctaTrack .ctx-est input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12);}
#ctaTrack .ctx-est input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2);}
#ctaTrack .ctx-est input[type=range]:focus-visible{box-shadow:0 0 0 4px rgba(156,171,247,.55);}
#ctaTrack .ctx-chips{display:flex;gap:8px;margin-top:12px;}
#ctaTrack .ctx-chips button{height:28px;padding:0 13px;border:1px solid #DCE1F6;border-radius:99px;background:#fff;font:inherit;font-size:12.5px;font-weight:600;color:#475467;cursor:pointer;transition:all .18s ease;}
#ctaTrack .ctx-chips button:hover{border-color:#3A58EF;color:#3A58EF;transform:translateY(-1px);}
#ctaTrack .ctx-chips button.on{background:#3A58EF;border-color:#3A58EF;color:#fff;}
#ctaTrack .ctx-chips button:focus-visible{outline:2px solid #9CABF7;outline-offset:2px;}
#ctaTrack .ctx-est-r{display:flex;flex-direction:column;align-items:flex-end;min-width:150px;padding-left:24px;border-left:1px solid #E1E6FA;}
#ctaTrack .ctx-est-k{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#98A2B3;}
#ctaTrack .ctx-est-r output{font-family:'Inter',sans-serif;font-size:34px;line-height:1.15;font-weight:700;letter-spacing:-.03em;color:#1B1D45;font-variant-numeric:tabular-nums;margin-top:2px;}
#ctaTrack .ctx-est-u{font-size:13px;font-weight:500;color:#667085;}
#ctaTrack .ctx-est-note{grid-column:1 / -1;margin:0;font-size:12.5px;color:#667085;}
#ctaTrack .ctx-save{grid-column:1 / -1;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 8px;border-radius:12px;background:linear-gradient(90deg,#E9F9EF,#F4FCF7);border:1px solid #C9EED7;font-size:13px;color:#344054}
#ctaTrack .ctx-save .ic{width:26px;height:26px;flex:none;border-radius:8px;display:grid;place-items:center;background:#12B76A;color:#fff}
#ctaTrack .ctx-save .ic svg{width:15px;height:15px}
#ctaTrack .ctx-save .t{flex:1;min-width:0}
#ctaTrack .ctx-save .t b{color:#067647;font-weight:700;font-variant-numeric:tabular-nums}
#ctaTrack .ctx-save .pct{flex:none;padding:3px 9px;border-radius:99px;background:#12B76A;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
@media(max-width:560px){#ctaTrack .ctx-save{flex-wrap:wrap;font-size:12.5px}#ctaTrack .ctx-save .t{flex-basis:calc(100% - 40px)}#ctaTrack .ctx-save .pct{margin-left:36px}}


/* buttons */
#ctaTrack .ctx-btns{--i:4;display:flex;flex-wrap:wrap;align-items:center;gap:14px 16px;margin-top:24px;}
#ctaTrack .ctx-b1,#ctaTrack .ctx-b2{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:0 22px;border-radius:8px;font:inherit;font-size:15.5px;font-weight:600;cursor:pointer;transform:translate(var(--tx,0px),var(--ty,0px));transition:background .2s ease,box-shadow .2s ease,transform .25s cubic-bezier(.2,.7,.2,1);}
#ctaTrack .ctx-b1{border:0;background:#3A58EF;color:#fff;box-shadow:0 12px 24px -12px rgba(58,88,239,.7),inset 0 1px 0 rgba(255,255,255,.18);}
#ctaTrack .ctx-b1::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.34) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s ease;}
#ctaTrack .ctx-b1:hover{background:#314BD0;transform:translate(var(--tx,0px),calc(var(--ty,0px) - 2px));box-shadow:0 18px 30px -14px rgba(58,88,239,.8),inset 0 1px 0 rgba(255,255,255,.18);}
#ctaTrack .ctx-b1:hover::after{transform:translateX(120%);}
#ctaTrack .ctx-arr{width:18px;height:18px;transition:transform .2s ease;}
#ctaTrack .ctx-b1:hover .ctx-arr{transform:translateX(4px);}
#ctaTrack .ctx-b2{border:1px solid #3A58EF;background:#fff;color:#3A58EF;}
#ctaTrack .ctx-b2:hover{background:#EBEEFD;transform:translate(var(--tx,0px),calc(var(--ty,0px) - 2px));}
#ctaTrack .ctx-link{display:inline-flex;align-items:center;gap:7px;font-size:15.5px;font-weight:600;color:#3A58EF;text-decoration:none;padding:4px 0;}
#ctaTrack .ctx-link span{padding-bottom:2px;background:linear-gradient(currentColor,currentColor) 0 100% / 100% 1.5px no-repeat;transition:background-size .3s ease;}
#ctaTrack .ctx-link .lnk-arr{width:17px;height:17px;flex:none;transition:transform .25s cubic-bezier(.2,.7,.2,1);}
#ctaTrack .ctx-link:hover span{background-size:0 1.5px;background-position:100% 100%;}
#ctaTrack .ctx-link:hover .lnk-arr{transform:translateX(4px);}
#ctaTrack .ctx-b1:focus-visible,#ctaTrack .ctx-b2:focus-visible,#ctaTrack .ctx-link:focus-visible{outline:3px solid #9CABF7;outline-offset:2px;}
#ctaTrack .ctx-trust{--i:5;list-style:none;display:flex;flex-wrap:wrap;gap:8px 16px;margin:20px 0 0;padding:0;font-size:13px;color:#475467;}
#ctaTrack .ctx-trust li{display:inline-flex;align-items:center;gap:7px;}
#ctaTrack .ctx-trust svg{width:16px;height:16px;padding:2.5px;border-radius:50%;background:#E7F6EC;color:#12B76A;flex:none;}


/* Pricing block under the image: version A (stacked) and B (compact box) */
#ctaTrack .ctx-under:empty{display:none}
#ctaTrack .ctx-under{margin-top:18px}
#ctaTrack .ctx-under .ctx-price-low{margin-top:0}
#ctaTrack .ctx-under .ctx-btns{margin-top:14px}
#ctaTrack .ctx-card[data-pv="a"] .ctx-under{text-align:center}
#ctaTrack .ctx-card[data-pv="a"] .ctx-under .ctx-nofee{font-size:13.5px;margin-top:2px}
#ctaTrack .ctx-card[data-pv="a"] .ctx-under .ctx-btns{justify-content:center;gap:12px}
#ctaTrack .ctx-card[data-pv="a"] .ctx-under .ctx-cap,#ctaTrack .ctx-card[data-pv="a"] .ctx-cap{margin-top:14px}
#ctaTrack .ctx-card[data-pv="b"] .ctx-cap{display:none}
#ctaTrack .ctx-card[data-pv="b"] .ctx-under{padding:14px 16px;border:1px solid #E1E6FA;border-radius:16px;background:linear-gradient(180deg,#F7F8FF,#fff)}
#ctaTrack .ctx-card[data-pv="b"] .ctx-under .ctx-price-low{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 6px;font-size:15px}
#ctaTrack .ctx-card[data-pv="b"] .ctx-under .ctx-nofee{flex-basis:100%;margin:0;font-size:12.5px}
#ctaTrack .ctx-card[data-pv="b"] .ctx-under .ctx-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
#ctaTrack .ctx-card[data-pv="b"] .ctx-under .ctx-b1,#ctaTrack .ctx-card[data-pv="b"] .ctx-under .ctx-b2{width:100%;justify-content:center;padding-left:12px;padding-right:12px;font-size:14.5px;min-height:48px;height:48px}
#ctaTrack .ctx-card[data-pv="b"] .ctx-under .cta-pr{display:none}
#ctaTrack .ctx-card[data-pv="a"] .ctx-under .cta-pr{display:none}
#ctaTrack .ctx-card[data-pv="a"] .ctx-under .ctx-btns{flex-wrap:nowrap}
@media (min-width:901px){
  #ctaTrack .ctx-card[data-pv="a"],#ctaTrack .ctx-card[data-pv="b"]{grid-template-columns:minmax(0,390px) minmax(0,1fr);align-items:center;padding-top:28px;padding-bottom:28px}
  #ctaTrack .ctx-card[data-pv="a"] .ctx-cap,#ctaTrack .ctx-card[data-pv="b"] .ctx-cap{display:none}
  #ctaTrack .ctx-card[data-pv="a"] .ctx-under,#ctaTrack .ctx-card[data-pv="b"] .ctx-under{margin-top:14px}
}
@media (max-width:900px){
  #ctaTrack .ctx-card{grid-template-columns:1fr;}
  #ctaTrack .ctx-visual{max-width:520px;width:100%;margin:0 auto;}
}
@media (max-width:560px){
  #ctaTrack .ctx-card{border-radius:18px;}
  #ctaTrack .ctx-est{grid-template-columns:1fr;padding:14px 16px;}
  #ctaTrack .ctx-est-r{flex-direction:row;align-items:baseline;gap:8px;min-width:0;padding:12px 0 0;border-left:0;border-top:1px solid #E1E6FA;}
  #ctaTrack .ctx-est-k{order:-1;margin-right:auto;}
  #ctaTrack .ctx-est-r output{font-size:28px;}
  #ctaTrack .ctx-btns{gap:12px;}
  #ctaTrack .ctx-b1,#ctaTrack .ctx-b2{flex:1 1 100%;}
}
@media (prefers-reduced-motion:reduce){
  #ctaTrack .ctx-link .lnk-arr,#pricing-note .ptx-link .lnk-arr{transition:none !important;}
  #ctaTrack .ctx-float,#ctaTrack .ctx-grad,#ctaTrack .ctx-pill i,#ctaTrack .ctx-cap i,#ctaTrack .ctx-card::after{animation:none !important;}
  #ctaTrack .ctx-grad{-webkit-text-fill-color:#3A58EF;background:none;color:#3A58EF;}
  .hx-js #ctaTrack:not(.in) .ctx-card,.hx-js #ctaTrack:not(.in) .ctx-copy > *{opacity:1;transform:none;}
  #ctaTrack .ctx-card,#ctaTrack .ctx-copy > *,#ctaTrack .ctx-seg,#ctaTrack .ctx-toast,#ctaTrack .ctx-tilt,#ctaTrack .ctx-lady,#ctaTrack .ctx-band,#ctaTrack .ctx-float,}

/* ===== Logo bento (replaces the alliance photo panel) — scoped to .lgb ===== */
@property --ga{syntax:'<angle>';inherits:false;initial-value:0deg}
.lgb{position:relative;isolation:isolate;overflow:hidden;min-height:276px;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--radius-lg);border:1px solid #DFE4F6;background:linear-gradient(155deg,#F3F5FF 0%,#FFFFFF 54%,#F7F2FF 100%);box-shadow:0 22px 44px -30px rgba(38,36,74,.4);font-family:'Inter',system-ui,sans-serif;}
.lgb *{box-sizing:border-box;}
.lgb .lgb-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(300px circle at var(--gx,75%) var(--gy,20%),rgba(58,88,239,.13),transparent 66%);}
.lgb .lgb-head{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:5px 13px 5px 10px;border-radius:99px;background:#fff;border:1px solid #E4E7EC;box-shadow:0 1px 2px rgba(16,24,40,.05);font-size:12px;font-weight:600;color:#475467;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;}
.lgb .lgb-head i{width:7px;height:7px;border-radius:50%;background:#12B76A;flex:none;animation:lgb-ping 2.2s ease-out infinite;}
@keyframes lgb-ping{0%{box-shadow:0 0 0 0 rgba(18,183,106,.5)}70%,100%{box-shadow:0 0 0 7px rgba(18,183,106,0)}}
.lgb .lgb-grid{flex:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,minmax(84px,1fr));gap:10px;margin:0;padding:0;list-style:none;}
.lgb .lgb-tile{position:relative;grid-column:span var(--s);display:grid;place-items:center;overflow:hidden;border-radius:14px;background:#fff;border:1px solid #E6E9F5;box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 20px -16px rgba(38,36,74,.35);cursor:pointer;outline:none;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .3s ease,opacity .3s ease;}
.lgb .lgb-tile img{display:block;width:var(--lw);max-width:82%;height:auto;pointer-events:none;transition:filter .3s ease,opacity .3s ease,transform .35s cubic-bezier(.2,.7,.2,1);}
.lgb .lgb-tile::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;background:radial-gradient(120px circle at var(--x,50%) var(--y,50%),rgba(var(--ar,58,88,239),.95),transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:0;transition:opacity .3s ease;}
.lgb.hov .lgb-tile::after{opacity:.55;}
.lgb .lgb-tile.hot::after{opacity:1;}
.lgb .lgb-tile.glint::after{opacity:1;background:conic-gradient(from var(--ga,0deg),rgba(var(--ar),0),rgba(var(--ar),.95),rgba(var(--ar),0) 55%);animation:lgb-sweep 1.6s linear;}
@keyframes lgb-sweep{to{--ga:360deg}}
.lgb .lgb-tile::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(160px circle at var(--x,50%) var(--y,50%),rgba(var(--ar),.14),transparent 72%);opacity:0;transition:opacity .3s ease;pointer-events:none;}
.lgb .lgb-tile.hot::before{opacity:1;}
.lgb .lgb-tile.hot,.lgb .lgb-tile.glint{transform:translateY(-4px);border-color:rgba(var(--ar),.45);box-shadow:0 18px 30px -16px rgba(var(--ar),.55),0 0 0 4px rgba(var(--ar),.08);z-index:2;}
.lgb .lgb-tile.hot img{transform:scale(1.07);}
.lgb.has-hot .lgb-tile:not(.hot):not(.lgb-stat){opacity:.5;}
.lgb.has-hot .lgb-tile:not(.hot):not(.lgb-stat) img{filter:grayscale(1);}
.lgb .lgb-tile:focus-visible{box-shadow:0 0 0 3px #9CABF7;}
.lgb .lgb-stat{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:0 22px;border:0;cursor:default;background:linear-gradient(120deg,#3A58EF 0%,#6C5CF0 62%,#7C5CFA 100%);color:#fff;box-shadow:0 16px 28px -16px rgba(58,88,239,.8);}
.lgb .lgb-stat::before,.lgb .lgb-stat::after{display:none;}
.lgb .lgb-num{font-family:'Inter',sans-serif;font-size:clamp(28px,2.7vw,36px);font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;}
.lgb .lgb-st{display:flex;flex-direction:column;gap:3px;min-width:0;text-align:left;}
.lgb .lgb-st strong{font-size:14px;font-weight:700;line-height:1.2;}
.lgb .lgb-st em{display:inline-flex;align-items:center;gap:5px;font-style:normal;font-size:12px;font-weight:500;color:rgba(255,255,255,.82);white-space:nowrap;}
.lgb .lgb-st em svg{width:13px;height:13px;flex:none;}
.lgb .lgb-stat .sheen{position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s ease;pointer-events:none;}
.lgb .lgb-stat:hover .sheen{transform:translateX(120%);}
.lgb .lgb-stat:hover{transform:translateY(-3px);}
.hx-js .lgb:not(.in) .lgb-tile{opacity:0;}
.lgb.in .lgb-tile{animation:lgb-pop .6s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(var(--i) * 70ms);}
@keyframes lgb-pop{from{opacity:0;transform:translateY(16px) scale(.94)}}
@media (max-width:760px){
  .lgb{min-height:0;}
  #lgb .lgb-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:72px;}
  #lgb .lgb-tile{grid-column:span var(--sm,3);}
  #lgb .lgb-stat{grid-column:span 6;flex-direction:row;align-items:center;justify-content:center;gap:14px;}
  #lgb .lgb-num{font-size:28px;}
}
@media (prefers-reduced-motion:reduce){
  .lgb .lgb-head i{animation:none !important;}
  .lgb.in .lgb-tile{animation:none !important;}
  .hx-js .lgb:not(.in) .lgb-tile{opacity:1;}
  .lgb .lgb-tile,.lgb .lgb-tile img,.lgb .lgb-stat .sheen{transition:none !important;}
  .lgb .lgb-tile.glint::after{animation:none !important;}
}

/* left panel: associations (2 x 2) */
.lgb-left .lgb-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(84px,1fr));}
.lgb-left .lgb-head svg{width:15px;height:15px;color:#3A58EF;flex:none;}
.lgb-left .lgb-head i{display:none;}
.lgb-wm{position:relative;display:inline-flex;align-items:center;gap:11px;transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .3s ease;}
.lgb-wm svg{width:38px;height:38px;flex:none;}
.lgb-wm b{font-size:16px;line-height:1.15;font-weight:700;letter-spacing:-.01em;color:#26244A;text-align:left;}
.lgb-left .lgb-tile.hot .lgb-wm{transform:scale(1.07);}
.lgb.has-hot .lgb-tile:not(.hot):not(.lgb-stat) .lgb-wm{filter:grayscale(1);}
@media (max-width:760px){
  .lgb-left .lgb-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:78px;grid-template-rows:none;}
  .lgb-left .lgb-tile{grid-column:span 1 !important;}
  .lgb-wm b{font-size:13px;}
  .lgb-wm svg{width:30px;height:30px;}
}
/* ===== Pricing note (interactive) — scoped to #pricing-note ===== */
#pricing-note{position:relative;overflow:hidden;padding:clamp(36px,4vw,56px) 0;background:#EBEEFD;font-family:'Inter',system-ui,-apple-system,"Segoe UI",sans-serif;}
#pricing-note *{box-sizing:border-box;}
#pricing-note .ptx-card{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);align-items:center;gap:clamp(36px,5vw,72px);padding:clamp(22px,3vw,40px);background:#fff;border:1px solid #D9DEF5;border-radius:18px;box-shadow:0 36px 70px -42px rgba(38,36,74,.4),0 2px 6px rgba(16,24,40,.04);transition:box-shadow .4s ease,transform .9s cubic-bezier(.2,.7,.2,1),opacity .9s ease;}
#pricing-note .ptx-card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(460px circle at var(--mx,26%),var(--my,18%),rgba(58,88,239,.085),transparent 62%);pointer-events:none;}
#pricing-note .ptx-card::before{background:radial-gradient(460px circle at var(--mx,26%) var(--my,18%),rgba(58,88,239,.085),transparent 62%);}
#pricing-note .ptx-card::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--ctx-a,0deg),#3A58EF,#7C5CFA,#22C38E,#F5A524,#3A58EF);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:0;transition:opacity .5s ease;pointer-events:none;animation:ctx-spin 7s linear infinite;animation-play-state:paused;}
#pricing-note .ptx-card:hover{box-shadow:0 44px 80px -44px rgba(58,88,239,.45),0 2px 6px rgba(16,24,40,.04);}
#pricing-note .ptx-card:hover::after{opacity:1;animation-play-state:running;}
.hx-js #pricing-note:not(.in) .ptx-card{opacity:0;transform:translateY(36px);}
#pricing-note .ptx-deco{position:absolute;z-index:-1;display:block;border-radius:50%;filter:blur(64px);pointer-events:none;}
#pricing-note .ptx-d1{width:360px;height:360px;left:-100px;top:-130px;background:radial-gradient(circle,rgba(124,92,250,.18),transparent 70%);}
#pricing-note .ptx-d2{width:380px;height:380px;right:-90px;bottom:-150px;background:radial-gradient(circle,rgba(58,88,239,.16),transparent 70%);}

/* copy */
#pricing-note .ptx-copy{min-width:0;}
#pricing-note .ptx-copy > *{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 70ms + 150ms);}
.hx-js #pricing-note:not(.in) .ptx-copy > *{opacity:0;transform:translateY(16px);}
#pricing-note .ptx-pill{--i:0;display:inline-flex;align-items:center;gap:8px;padding:5px 13px 5px 11px;border-radius:99px;background:#EBEEFD;color:#3A58EF;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;}
#pricing-note .ptx-pill i{width:6px;height:6px;border-radius:50%;background:#3A58EF;animation:ctx-ping2 2.2s ease-out infinite;}
#pricing-note .ptx-title{--i:1;margin:0;font-size:36px;line-height:1.2;font-weight:700;letter-spacing:-.02em;color:#1B1D45;text-wrap:balance;}
#pricing-note .ptx-grad{background:linear-gradient(100deg,#3A58EF 0%,#7C5CFA 40%,#3A58EF 75%,#2F8CF5 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:ctx-shine 7s linear infinite;}

/* price tile */
#pricing-note .ptx-tile{--i:2;position:relative;margin-top:22px;padding:18px 22px 16px;border:1px solid #E1E6FA;border-radius:18px;background:linear-gradient(135deg,#FBFBFF 0%,#F2F4FF 100%);overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease;}
#pricing-note .ptx-tile::before{content:"";position:absolute;right:-60px;top:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,250,.16),transparent 70%);pointer-events:none;}
#pricing-note .ptx-tile:hover{border-color:#C7D0FA;box-shadow:0 16px 32px -20px rgba(58,88,239,.5);}
#pricing-note .ptx-tile-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}
#pricing-note .ptx-k{font-size:14px;font-weight:600;color:#475467;}
#pricing-note .ptx-seg{--seg:0;position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:99px;background:#E6EAFB;}
#pricing-note .ptx-seg-i{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:99px;background:#fff;box-shadow:0 2px 8px -2px rgba(38,36,74,.35);transform:translateX(calc(var(--seg) * 100%));transition:transform .35s cubic-bezier(.2,.7,.2,1);}
#pricing-note .ptx-seg button{position:relative;z-index:1;min-width:84px;height:30px;padding:0 14px;border:0;border-radius:99px;background:none;font:inherit;font-size:13px;font-weight:600;color:#667085;cursor:pointer;transition:color .2s ease;white-space:nowrap;}
#pricing-note .ptx-seg button.on{color:#3A58EF;}
#pricing-note .ptx-seg button:focus-visible{outline:2px solid #9CABF7;outline-offset:1px;}
#pricing-note .ptx-amt{position:relative;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;margin-top:10px;}
#pricing-note .ptx-amt output{font-size:clamp(46px,5vw,60px);line-height:1;font-weight:700;letter-spacing:-.035em;font-variant-numeric:tabular-nums;background:linear-gradient(120deg,#3A58EF,#7C5CFA);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
#pricing-note .ptx-unit{font-size:17px;font-weight:600;color:#475467;transition:opacity .2s ease,transform .25s ease;}
#pricing-note .ptx-unit.sw,#pricing-note .ptx-note.sw{opacity:0;transform:translateY(4px);}
#pricing-note .ptx-note{position:relative;margin:10px 0 0;font-size:13.5px;line-height:1.5;color:#667085;transition:opacity .2s ease,transform .25s ease;}

/* included chips */
#pricing-note .ptx-inc{--i:3;margin-top:20px;}
#pricing-note .ptx-inc-k{display:block;margin-bottom:10px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#98A2B3;}
#pricing-note .ptx-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;}
#pricing-note .ptx-chips li{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 13px;border-radius:99px;background:var(--b);color:var(--c);font-size:13px;font-weight:600;cursor:default;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;}
#pricing-note .ptx-chips li::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;transition:background .2s ease;}
#pricing-note .ptx-chips li:hover{transform:translateY(-2px);background:var(--c);color:#fff;box-shadow:0 10px 18px -10px var(--c);}

/* buttons */
#pricing-note .ptx-btns{--i:4;display:flex;flex-wrap:wrap;align-items:center;gap:14px 16px;margin-top:24px;}
#pricing-note .ptx-b1,#pricing-note .ptx-b2{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:0 22px;border-radius:8px;font:inherit;font-size:15.5px;font-weight:600;cursor:pointer;transform:translate(var(--tx,0px),var(--ty,0px));transition:background .2s ease,box-shadow .2s ease,transform .25s cubic-bezier(.2,.7,.2,1);}
#pricing-note .ptx-b1{border:0;background:#3A58EF;color:#fff;box-shadow:0 12px 24px -12px rgba(58,88,239,.7),inset 0 1px 0 rgba(255,255,255,.18);}
#pricing-note .ptx-b1::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.34) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s ease;}
#pricing-note .ptx-b1:hover{background:#314BD0;transform:translate(var(--tx,0px),calc(var(--ty,0px) - 2px));box-shadow:0 18px 30px -14px rgba(58,88,239,.8),inset 0 1px 0 rgba(255,255,255,.18);}
#pricing-note .ptx-b1:hover::after{transform:translateX(120%);}
#pricing-note .ptx-arr{width:18px;height:18px;transition:transform .2s ease;}
#pricing-note .ptx-b1:hover .ptx-arr{transform:translateX(4px);}
#pricing-note .ptx-b2{border:1px solid #3A58EF;background:#fff;color:#3A58EF;}
#pricing-note .ptx-b2:hover{background:#EBEEFD;transform:translate(var(--tx,0px),calc(var(--ty,0px) - 2px));}
#pricing-note .ptx-link{display:inline-flex;align-items:center;gap:7px;font-size:15.5px;font-weight:600;color:#3A58EF;text-decoration:none;padding:4px 0;}
#pricing-note .ptx-link span{padding-bottom:2px;background:linear-gradient(currentColor,currentColor) 0 100% / 100% 1.5px no-repeat;transition:background-size .3s ease;}
#pricing-note .ptx-link .lnk-arr{width:17px;height:17px;flex:none;transition:transform .25s cubic-bezier(.2,.7,.2,1);}
#pricing-note .ptx-link:hover span{background-size:0 1.5px;background-position:100% 100%;}
#pricing-note .ptx-link:hover .lnk-arr{transform:translateX(4px);}
#pricing-note .ptx-b1:focus-visible,#pricing-note .ptx-b2:focus-visible,#pricing-note .ptx-link:focus-visible{outline:3px solid #9CABF7;outline-offset:2px;}

/* visual */
#pricing-note .ptx-visual{position:relative;order:-1;}
#pricing-note .ptx-price{--i:2;margin:14px 0 0;font-size:16px;line-height:1.5;font-weight:500;color:#475467;}
#pricing-note .ptx-price strong{font-size:1.75em;font-weight:700;letter-spacing:-.02em;vertical-align:-.06em;margin:0 .06em;font-family:'Inter',sans-serif;background:linear-gradient(120deg,#3A58EF,#7C5CFA);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums;}
#pricing-note .ptx-art{isolation:isolate;}
#pricing-note .ptx-plate{position:absolute;z-index:0;inset:-7% -9% -5% -4%;border-radius:22px;background:radial-gradient(circle at 70% 30%,rgba(124,92,250,.20),transparent 55%),radial-gradient(circle at 18% 78%,rgba(58,88,239,.15),transparent 52%);}
#pricing-note .ptx-plate::before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:radial-gradient(#C9D0EF 1px,transparent 1.2px);background-size:15px 15px;-webkit-mask-image:radial-gradient(70% 70% at 60% 40%,#000,transparent 80%);mask-image:radial-gradient(70% 70% at 60% 40%,#000,transparent 80%);opacity:.7;}
#pricing-note .ia > img{position:relative;z-index:2;transform:translateX(6%);translate:calc(var(--sx,0) * -7px) calc(var(--sy,0) * -5px);transition:translate .5s ease-out;}
#pricing-note .ia-chart{z-index:6;left:3%;top:9%;width:58%;height:auto;gap:1.8cqw;border-radius:2.6cqw;padding:2.6cqw 3cqw 2cqw;animation:ptx-bob 5.4s ease-in-out infinite;translate:calc(var(--sx,0) * 14px) calc(var(--sy,0) * 10px);transition:translate .5s ease-out,box-shadow .25s ease;box-shadow:0 0 0 1px rgba(38,36,74,.05),0 1.6cqw 5cqw rgba(15,30,90,.28);}
#pricing-note .ia-chart:hover,#pricing-note .ia-chart:focus-within{box-shadow:0 0 0 1px rgba(58,88,239,.25),0 2cqw 6cqw rgba(15,30,90,.34);}
#pricing-note .ia-ctitle{font-size:2.5cqw;}
#pricing-note .ia-lt,#pricing-note .ia-vd{font-size:2cqw;}
#pricing-note .ia-lt i{width:1.7cqw;height:1.7cqw;}
#pricing-note .ia-plot text{font-size:8px;}
@keyframes ptx-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.6cqw)}}
#pricing-note .ptx-chip{position:absolute;z-index:4;left:5%;bottom:7%;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:12px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #EAECF0;box-shadow:0 12px 28px -12px rgba(16,24,40,.35);font-size:12.5px;font-weight:600;color:#3A58EF;white-space:nowrap;animation:ptx-bob 6s ease-in-out infinite -2s;translate:calc(var(--sx,0) * 18px) calc(var(--sy,0) * 12px);transition:translate .5s ease-out;}
#pricing-note .ptx-chip svg{width:15px;height:15px;flex:none;}
#pricing-note .ptx-cap{display:flex;align-items:center;justify-content:center;gap:8px;margin:28px 0 0;font-size:12.5px;color:#667085;}
#pricing-note .ptx-cap i{width:7px;height:7px;border-radius:50%;background:#12B76A;animation:ctx-ping 2.2s ease-out infinite;}

@media (max-width:900px){
  #pricing-note .ptx-card{grid-template-columns:1fr;}
  #pricing-note .ptx-visual{max-width:520px;width:100%;margin:0 auto;}
}
@media (max-width:560px){
  #pricing-note .ia > img{transform:translateX(3%);}
  #pricing-note .ptx-plate{inset:-9% -6% -7% -5%;}
  #pricing-note .ptx-card{border-radius:18px;}
  #pricing-note .ptx-title{font-size:30px;}
  #pricing-note .ptx-tile{padding:16px 16px 14px;}
  #pricing-note .ptx-b1,#pricing-note .ptx-b2{flex:1 1 100%;}
  #pricing-note .ptx-chip{display:none;}
}
@media (prefers-reduced-motion:reduce){
  #pricing-note .ptx-grad,#pricing-note .ptx-pill i,#pricing-note .ptx-cap i,#pricing-note .ptx-card::after,#pricing-note .ia-chart,#pricing-note .ptx-chip{animation:none !important;}
  #pricing-note .ptx-grad{-webkit-text-fill-color:#3A58EF;background:none;color:#3A58EF;}
  .hx-js #pricing-note:not(.in) .ptx-card,.hx-js #pricing-note:not(.in) .ptx-copy > *{opacity:1;transform:none;}
  #pricing-note .ptx-card,#pricing-note .ptx-copy > *,#pricing-note .ptx-seg-i,#pricing-note .ia > img,#pricing-note .ia-chart,#pricing-note .ptx-chip{transition:none !important;}
}
@media(max-width:560px){.nav{padding:12px 16px;gap:10px}.logo-cluster{flex:none}.logo-mark{flex:none}.logo-img{height:21px}.logo-div,.product-name{display:none}.nav-cta{gap:6px}.nav-cta .btn{padding:0 14px;height:40px;font-size:14px}}

/* ===== Hero visual: feature showcase driven by the pointer chips (scoped to #dbnHero .hxf) ===== */
#dbnHero .hxf{--fc:#3A58EF;--fb:#EBEEFD;position:relative;isolation:isolate;max-width:580px;width:100%;justify-self:end;padding:22px 20px 46px 8px;}
#dbnHero .hxf[data-k="1"]{--fc:#079455;--fb:#E7F6EC;}
#dbnHero .hxf[data-k="2"]{--fc:#7F56D9;--fb:#F3F1FD;}
#dbnHero .hxf[data-k="3"]{--fc:#DC6803;--fb:#FEF3E6;}
#dbnHero .hxf[data-k="4"]{--fc:#C11574;--fb:#FDEEF3;}
#dbnHero .hxf[data-k="5"]{--fc:#107569;--fb:#E6F7F5;}
#dbnHero .hxf-glow{position:absolute;z-index:-1;inset:6% -4% 12% -4%;border-radius:50%;background:radial-gradient(60% 60% at 50% 45%,color-mix(in srgb,var(--fc) 30%,transparent),rgba(124,92,250,.12) 55%,transparent 76%);filter:blur(56px);pointer-events:none;translate:calc(var(--px,0)*-22px) calc(var(--py,0)*-16px);transition:translate .5s ease-out;}
#dbnHero .hxf-card{position:relative;background:#fff;border:1px solid #E4E7EC;border-radius:20px;overflow:hidden;box-shadow:0 0 0 6px rgba(255,255,255,.75),0 0 0 7px #EAECF0,0 56px 90px -48px rgba(38,36,74,.45),0 22px 40px -28px rgba(38,36,74,.14);transform:perspective(1300px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .45s ease-out,opacity .9s ease;}
#dbnHero .hxf-card::before{content:"";position:absolute;left:22px;right:22px;top:0;height:2px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,transparent,var(--fc),transparent);opacity:.55;transition:background .5s ease;}
.hx-js #dbnHero .hxf:not(.in) .hxf-card{opacity:0;transform:translateY(40px) scale(.96);}
#dbnHero .hxf-stage{position:relative;height:428px;}

/* panels */
#dbnHero .hxf-p{position:absolute;inset:0;padding:22px 22px 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .4s ease,transform .55s cubic-bezier(.2,.7,.2,1),visibility 0s linear .4s;}
#dbnHero .hxf-p.on{opacity:1;visibility:visible;transform:none;transition-delay:0s;}
#dbnHero .hxf-p.on .hxf-st{animation:hxf-in .6s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(var(--i,0) * 70ms + 60ms);}
@keyframes hxf-in{from{opacity:0;transform:translateY(12px)}}
#dbnHero .hxf-hd{display:flex;align-items:center;gap:12px;}
#dbnHero .hxf-ic{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;background:var(--fb);color:var(--fc);}
#dbnHero .hxf-ic svg{width:20px;height:20px;}
#dbnHero .hxf-hd b{display:block;font-size:16px;font-weight:700;color:#101828;letter-spacing:-.01em;line-height:1.3;}
#dbnHero .hxf-hd small{display:block;font-size:12.5px;color:#667085;line-height:1.4;}
#dbnHero .hxf svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
#dbnHero .hxf button{font-family:inherit;}
#dbnHero .hxf button:focus-visible{outline:2px solid color-mix(in srgb,var(--fc) 55%,#fff);outline-offset:2px;}

/* footer: progress segments */
#dbnHero .hxf-ft{display:flex;align-items:center;gap:16px;padding:12px 22px 14px;border-top:1px solid #F2F4F7;background:#FCFCFD;}
#dbnHero .hxf-segs{display:flex;gap:6px;flex:1;}
#dbnHero .hxf-seg{position:relative;flex:1;height:14px;padding:0;border:0;background:none;cursor:pointer;}
#dbnHero .hxf-seg::before,#dbnHero .hxf-seg::after{content:"";position:absolute;left:0;right:0;top:5px;height:4px;border-radius:99px;}
#dbnHero .hxf-seg::before{background:#EAECF0;transition:background .2s ease;}
#dbnHero .hxf-seg:hover::before{background:#D0D5DD;}
#dbnHero .hxf-seg::after{background:var(--fc);transform-origin:left;transform:scaleX(var(--p,0));}
#dbnHero .hxf-seg.done::after{transform:scaleX(1);opacity:.28;}
#dbnHero .hxf-count{font-size:12px;font-weight:600;color:#98A2B3;font-variant-numeric:tabular-nums;white-space:nowrap;}
#dbnHero .hxf-count b{color:#344054;font-weight:700;}

/* toast */
#dbnHero .hxf-toast{position:absolute;z-index:4;top:2px;right:-4px;display:flex;align-items:center;gap:10px;max-width:290px;padding:9px 14px 9px 9px;background:rgba(255,255,255,.96);border:1px solid #EAECF0;border-radius:14px;box-shadow:0 20px 38px -18px rgba(16,24,40,.38);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transform:translateY(10px) scale(.95);transition:opacity .4s ease,transform .5s cubic-bezier(.2,.7,.2,1);pointer-events:none;}
#dbnHero .hxf-toast.show{opacity:1;transform:none;}
#dbnHero .hxf-toast i{width:30px;height:30px;flex:none;border-radius:9px;display:grid;place-items:center;background:var(--fb);color:var(--fc);}
#dbnHero .hxf-toast i svg{width:15px;height:15px;}
#dbnHero .hxf-toast span{min-width:0;}
#dbnHero .hxf-toast b,#dbnHero .hxf-toast small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#dbnHero .hxf-toast b{display:block;font-size:12.5px;font-weight:600;color:#101828;line-height:1.3;}
#dbnHero .hxf-toast small{display:block;font-size:11.5px;color:#667085;line-height:1.3;}
#dbnHero .hxf-cap{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;align-items:center;gap:8px;margin:0;font-size:12.5px;color:#667085;}
#dbnHero .hxf-cap i{width:7px;height:7px;border-radius:50%;background:#12B76A;animation:hx-ping 2.2s ease-out infinite;}

/* shared bits */
#dbnHero .hxf-pill{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:99px;font-size:11.5px;font-weight:600;white-space:nowrap;}
#dbnHero .hxf-pill.ok{background:#E7F6EC;color:#067647;}
#dbnHero .hxf-pill.wa{background:#FEF3E6;color:#B54708;}
#dbnHero .hxf-btn{height:28px;padding:0 11px;border-radius:8px;border:1px solid #E4E7EC;background:#fff;font-size:12px;font-weight:600;color:var(--fc);cursor:pointer;white-space:nowrap;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;}
#dbnHero .hxf-btn:hover{border-color:var(--fc);transform:translateY(-1px);}
#dbnHero .hxf-btn.ok{background:var(--fb);border-color:transparent;color:var(--fc);}

/* 0 · content library */
#dbnHero .hxf-search{display:flex;align-items:center;gap:10px;height:42px;margin-top:18px;padding:0 14px;border:1px solid #E4E7EC;border-radius:11px;background:#F9FAFB;font-size:13.5px;color:#101828;}
#dbnHero .hxf-search svg{width:16px;height:16px;color:#98A2B3;flex:none;}
#dbnHero .hxf-search .ph{color:#98A2B3;}
#dbnHero .hxf-caret{display:inline-block;width:1.5px;height:16px;margin-left:1px;vertical-align:-3px;background:var(--fc);animation:hxf-blink 1s steps(2,start) infinite;}
@keyframes hxf-blink{to{visibility:hidden}}
#dbnHero .hxf-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;}
#dbnHero .hxf-chip{height:28px;padding:0 11px;border:1px solid #E4E7EC;border-radius:99px;background:#fff;font-size:12px;font-weight:600;color:#475467;cursor:pointer;transition:all .18s ease;}
#dbnHero .hxf-chip:hover{border-color:color-mix(in srgb,var(--fc) 40%,#fff);}
#dbnHero .hxf-chip.on{background:var(--fc);border-color:var(--fc);color:#fff;}
#dbnHero .hxf-rows{display:flex;flex-direction:column;gap:8px;margin-top:12px;}
#dbnHero .hxf-row{display:flex;align-items:center;gap:12px;padding:8px 10px 8px 8px;border:1px solid #EEF0F4;border-radius:12px;background:#fff;transition:opacity .3s ease,border-color .2s ease,box-shadow .25s ease,transform .25s ease;}
#dbnHero .hxf-row:hover,#dbnHero .hxf-row.hl{border-color:color-mix(in srgb,var(--fc) 35%,#fff);box-shadow:0 12px 24px -18px rgba(16,24,40,.35);transform:translateX(3px);}
#dbnHero .hxf-row.dim{opacity:.32;}
#dbnHero .hxf-th{width:38px;height:38px;flex:none;border-radius:10px;display:grid;place-items:center;font-size:10.5px;font-weight:800;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,var(--a),var(--b));}
#dbnHero .hxf-rt{flex:1;min-width:0;}
#dbnHero .hxf-rt b{display:block;font-size:13px;font-weight:600;color:#101828;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#dbnHero .hxf-rt small{display:block;font-size:11.5px;color:#667085;}

/* 1 · tracking */
#dbnHero .hxf-tog{display:inline-flex;gap:2px;margin-top:18px;padding:3px;border-radius:10px;background:#F2F4F7;}
#dbnHero .hxf-tog button{height:28px;padding:0 12px;border:0;border-radius:8px;background:none;font-size:12.5px;font-weight:600;color:#667085;cursor:pointer;transition:all .2s ease;}
#dbnHero .hxf-tog button.on{background:#fff;color:#101828;box-shadow:0 1px 3px rgba(16,24,40,.12);}
#dbnHero .hxf-trk{display:grid;grid-template-columns:140px 1fr;gap:22px;align-items:center;margin-top:16px;}
#dbnHero .hxf-ring{position:relative;width:140px;height:140px;}
#dbnHero .hxf-ring svg{width:100%;height:100%;transform:rotate(-90deg);}
#dbnHero .hxf-ring circle{stroke-width:11;}
#dbnHero .hxf-ring .tr{stroke:#EEF0F4;}
#dbnHero .hxf-ring .fl{stroke:var(--fc);stroke-dasharray:314.16;stroke-dashoffset:314.16;transition:stroke-dashoffset 1.1s cubic-bezier(.2,.7,.2,1) .2s;}
#dbnHero .hxf-p.on .hxf-ring .fl{stroke-dashoffset:calc(314.16 * (1 - var(--v,0)));}
#dbnHero .hxf-ring-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
#dbnHero .hxf-ring-c b{font-size:30px;font-weight:700;letter-spacing:-.03em;color:#101828;line-height:1;font-variant-numeric:tabular-nums;}
#dbnHero .hxf-ring-c small{margin-top:4px;font-size:11.5px;color:#667085;}
#dbnHero .hxf-bars{display:flex;flex-direction:column;gap:12px;}
#dbnHero .hxf-bar span{display:flex;justify-content:space-between;font-size:12px;color:#475467;font-weight:500;}
#dbnHero .hxf-bar span em{font-style:normal;font-weight:600;color:#101828;font-variant-numeric:tabular-nums;}
#dbnHero .hxf-bar i{display:block;height:7px;margin-top:5px;border-radius:99px;background:#EEF0F4;overflow:hidden;}
#dbnHero .hxf-bar i::after{content:"";display:block;height:100%;width:0;border-radius:inherit;background:var(--fc);transition:width 1s cubic-bezier(.2,.7,.2,1) .3s;}
#dbnHero .hxf-p.on .hxf-bar i::after{width:var(--w,0%);}
#dbnHero .hxf-log{display:flex;flex-direction:column;gap:8px;margin-top:18px;}
#dbnHero .hxf-li{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:12px;background:#F9FAFB;font-size:12.5px;color:#475467;}
#dbnHero .hxf-li i{width:28px;height:28px;flex:none;border-radius:8px;display:grid;place-items:center;background:#fff;border:1px solid #EAECF0;color:var(--fc);}
#dbnHero .hxf-li i svg{width:14px;height:14px;}
#dbnHero .hxf-li > span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#dbnHero .hxf-li b{color:#101828;font-weight:600;}
#dbnHero .hxf-li em{margin-left:auto;font-style:normal;font-weight:700;color:var(--fc);white-space:nowrap;}

/* 2 · compliance */
#dbnHero .hxf-sum{display:flex;align-items:center;gap:16px;margin-top:18px;padding:14px 16px;border-radius:14px;background:linear-gradient(120deg,var(--fb),#fff 85%);border:1px solid color-mix(in srgb,var(--fc) 14%,#fff);}
#dbnHero .hxf-sum b{font-size:28px;font-weight:700;letter-spacing:-.03em;color:#101828;line-height:1;font-variant-numeric:tabular-nums;}
#dbnHero .hxf-sum div{flex:1;}
#dbnHero .hxf-sum small{display:block;font-size:12px;color:#475467;font-weight:500;}
#dbnHero .hxf-sum i{display:block;height:6px;margin-top:7px;border-radius:99px;background:rgba(255,255,255,.9);overflow:hidden;}
#dbnHero .hxf-sum i::after{content:"";display:block;height:100%;width:var(--w,0%);border-radius:inherit;background:var(--fc);transition:width .9s cubic-bezier(.2,.7,.2,1);}
#dbnHero .hxf-lic{display:flex;flex-direction:column;gap:8px;margin-top:12px;}
#dbnHero .hxf-lr{display:flex;align-items:center;gap:12px;padding:8px 10px 8px 8px;border:1px solid #EEF0F4;border-radius:12px;transition:border-color .2s ease,background .3s ease;}
#dbnHero .hxf-lr:hover{border-color:color-mix(in srgb,var(--fc) 30%,#fff);}
#dbnHero .hxf-lr .s{width:38px;height:38px;flex:none;border-radius:10px;display:grid;place-items:center;background:#F2F4F7;font-size:12px;font-weight:800;color:#344054;}
#dbnHero .hxf-lr .r{flex:1;min-width:0;}
#dbnHero .hxf-lr .r b{display:block;font-size:13px;font-weight:600;color:#101828;}
#dbnHero .hxf-lr .r small{display:block;font-size:11.5px;color:#667085;}
#dbnHero .hxf-lr .a{display:flex;align-items:center;gap:6px;}
#dbnHero .hxf-lr.fixed{background:#FAFFFC;}

/* 3 · training */
#dbnHero .hxf-path{display:flex;align-items:center;gap:12px;margin-top:18px;padding:12px 14px;border-radius:14px;border:1px solid #EEF0F4;background:linear-gradient(120deg,var(--fb),#fff 80%);}
#dbnHero .hxf-path .r{flex:1;}
#dbnHero .hxf-path b{display:block;font-size:14px;font-weight:700;color:#101828;}
#dbnHero .hxf-path small{display:block;font-size:12px;color:#667085;}
#dbnHero .hxf-av{display:flex;}
#dbnHero .hxf-av span{width:28px;height:28px;margin-left:-6px;border-radius:50%;border:2px solid #fff;display:grid;place-items:center;font-size:10px;font-weight:700;color:#fff;background:var(--c);}
#dbnHero .hxf-av span:first-child{margin-left:0;}
#dbnHero .hxf-av span:last-child{background:#F2F4F7;color:#475467;}
#dbnHero .hxf-steps{position:relative;display:flex;flex-direction:column;gap:6px;margin-top:14px;}
#dbnHero .hxf-steps::before{content:"";position:absolute;left:19px;top:22px;bottom:22px;width:2px;background:#EEF0F4;}
#dbnHero .hxf-sp{position:relative;display:flex;align-items:center;gap:14px;padding:7px 10px 7px 4px;border-radius:12px;transition:background .25s ease;}
#dbnHero .hxf-sp:hover{background:#F9FAFB;}
#dbnHero .hxf-sp .d{position:relative;z-index:1;width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid #EAECF0;color:#98A2B3;font-size:12px;font-weight:700;transition:all .35s ease;}
#dbnHero .hxf-sp .d svg{width:14px;height:14px;}
#dbnHero .hxf-sp .r{flex:1;min-width:0;}
#dbnHero .hxf-sp .r b{display:block;font-size:13px;font-weight:600;color:#101828;}
#dbnHero .hxf-sp .r small{display:block;font-size:11.5px;color:#667085;}
#dbnHero .hxf-sp .r i{display:none;height:5px;margin-top:6px;max-width:170px;border-radius:99px;background:#EEF0F4;overflow:hidden;}
#dbnHero .hxf-sp .r i::after{content:"";display:block;height:100%;width:var(--w,0%);background:var(--fc);border-radius:inherit;transition:width .9s cubic-bezier(.2,.7,.2,1);}
#dbnHero .hxf-sp[data-s="done"] .d{background:var(--fc);border-color:var(--fc);color:#fff;}
#dbnHero .hxf-sp[data-s="now"] .d{border-color:var(--fc);color:var(--fc);box-shadow:0 0 0 5px var(--fb);}
#dbnHero .hxf-sp[data-s="now"] .r i{display:block;}
#dbnHero .hxf-sp[data-s="lock"] .r b{color:#98A2B3;}
#dbnHero .hxf-sp .hxf-btn{display:none;}
#dbnHero .hxf-sp[data-s="now"] .hxf-btn{display:inline-block;}

/* 4 · assessments */
#dbnHero .hxf-qm{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:12px;font-weight:600;color:#667085;}
#dbnHero .hxf-qm .hxf-dots{display:flex;gap:4px;}
#dbnHero .hxf-qm .hxf-dots i{display:block;width:18px;height:4px;border-radius:99px;background:#EAECF0;}
#dbnHero .hxf-qm .hxf-dots i.d{background:var(--fc);}
#dbnHero .hxf-qm .hxf-dots i.c{background:color-mix(in srgb,var(--fc) 40%,#fff);}
#dbnHero .hxf-qm .tm{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums;}
#dbnHero .hxf-qm .tm svg{width:13px;height:13px;}
#dbnHero .hxf-q{margin-top:12px;font-size:14.5px;font-weight:600;line-height:1.45;color:#101828;}
#dbnHero .hxf-opts{display:flex;flex-direction:column;gap:7px;margin-top:12px;}
#dbnHero .hxf-opt{display:flex;align-items:center;gap:11px;height:40px;padding:0 12px;border:1px solid #E4E7EC;border-radius:11px;background:#fff;font-size:13px;font-weight:500;color:#344054;text-align:left;cursor:pointer;transition:all .22s ease;}
#dbnHero .hxf-opt .k{width:22px;height:22px;flex:none;border-radius:7px;display:grid;place-items:center;background:#F2F4F7;font-size:11px;font-weight:700;color:#475467;transition:all .22s ease;}
#dbnHero .hxf-opt .k svg{width:12px;height:12px;stroke-width:3;}
#dbnHero .hxf-opt:hover{border-color:color-mix(in srgb,var(--fc) 40%,#fff);}
#dbnHero .hxf-opt.right{border-color:#12B76A;background:#F3FBF6;color:#067647;}
#dbnHero .hxf-opt.right .k{background:#12B76A;color:#fff;}
#dbnHero .hxf-opt.wrong{border-color:#F97066;background:#FEF6F5;color:#B42318;animation:hxf-shake .4s ease;}
#dbnHero .hxf-opt.wrong .k{background:#F04438;color:#fff;}
@keyframes hxf-shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
#dbnHero .hxf-fb{display:flex;align-items:center;gap:8px;min-height:36px;margin-top:10px;font-size:12.5px;color:#667085;}
#dbnHero .hxf-fb b{color:#101828;}

/* 5 · support */
#dbnHero .hxf-agent{display:flex;align-items:center;gap:10px;margin-top:18px;padding:10px 12px;border-radius:12px;background:#F9FAFB;}
#dbnHero .hxf-agent .av{position:relative;width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,#14B8A6,#107569);}
#dbnHero .hxf-agent .av::after{content:"";position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:#12B76A;border:2px solid #F9FAFB;}
#dbnHero .hxf-agent b{display:block;font-size:13px;font-weight:600;color:#101828;}
#dbnHero .hxf-agent small{display:block;font-size:11.5px;color:#667085;}
#dbnHero .hxf-chat{display:flex;flex-direction:column;gap:8px;height:186px;margin-top:12px;overflow:hidden;justify-content:flex-end;}
#dbnHero .hxf-msg{max-width:82%;padding:9px 13px;border-radius:14px;font-size:13px;line-height:1.45;animation:hxf-in .45s cubic-bezier(.2,.7,.2,1) backwards;}
#dbnHero .hxf-msg.me{align-self:flex-end;background:var(--fc);color:#fff;border-bottom-right-radius:5px;}
#dbnHero .hxf-msg.ag{align-self:flex-start;background:#F2F4F7;color:#101828;border-bottom-left-radius:5px;}
#dbnHero .hxf-msg small{display:block;margin-top:3px;font-size:10.5px;opacity:.65;}
#dbnHero .hxf-typing{display:inline-flex;gap:4px;padding:3px 0;}
#dbnHero .hxf-typing i{width:6px;height:6px;border-radius:50%;background:#98A2B3;animation:hxf-dot 1s ease-in-out infinite;}
#dbnHero .hxf-typing i:nth-child(2){animation-delay:.15s}
#dbnHero .hxf-typing i:nth-child(3){animation-delay:.3s}
@keyframes hxf-dot{40%{transform:translateY(-4px);opacity:.5}}
#dbnHero .hxf-qr{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;}

/* chips on the left drive the showcase */
#dbnHero .tags li{position:relative;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .25s ease,opacity .25s ease;}
#dbnHero .tags.live li:not(.on){opacity:.8;}
#dbnHero .tags.live li:hover{opacity:1;}
#dbnHero .tags li.on{opacity:1;box-shadow:inset 0 0 0 1.5px currentColor,0 10px 20px -12px currentColor;}
#dbnHero .tags li::after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;border-radius:2px;background:currentColor;opacity:0;transform-origin:left;transform:scaleX(var(--p,0));}
#dbnHero .tags li.on::after{opacity:.55;}
#dbnHero .tags li:focus-visible{outline:2px solid currentColor;outline-offset:2px;}

@media (max-width:1000px){
  #dbnHero .hx-top{grid-template-columns:1fr;gap:44px;}
  #dbnHero .hx-copy{max-width:720px;}
  #dbnHero .hxf{justify-self:center;max-width:560px;}
}
@media (max-width:560px){
  #dbnHero .hxf{padding:40px 2px 46px;}
  #dbnHero .hxf-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-16px;padding-right:16px;}
  #dbnHero .hxf-chips::-webkit-scrollbar{display:none;}
  #dbnHero .hxf-chip{flex:none;}
  #dbnHero .hxf-row:nth-child(4){display:none;}
  #dbnHero .hxf-li em{font-size:12px;}
  #dbnHero .hxf-card{border-radius:18px;}
  #dbnHero .hxf-stage{height:420px;}
  #dbnHero .hxf-p{padding:18px 16px 0;}
  #dbnHero .hxf-ft{padding:12px 16px 14px;}
  #dbnHero .hxf-toast{right:0;top:0;max-width:250px;}
  #dbnHero .hxf-trk{grid-template-columns:112px 1fr;gap:16px;}
  #dbnHero .hxf-ring{width:112px;height:112px;}
  #dbnHero .hxf-ring-c b{font-size:24px;}
  #dbnHero .hxf-row .hxf-btn span,#dbnHero .hxf-lr .hxf-pill{display:none;}
  #dbnHero .hxf-sp .r b,#dbnHero .hxf-sp .r small,#dbnHero .hxf-lr .r b,#dbnHero .hxf-lr .r small,#dbnHero .hxf-hd small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  #dbnHero .hxf-hd > span:last-child{min-width:0;}
  #dbnHero .hxf-path .r{min-width:0;}
  #dbnHero .hxf-q{font-size:14px;}
  #dbnHero .hxf-opt{height:38px;}
}
@media (prefers-reduced-motion:reduce){
  #dbnHero .hxf-cap i,#dbnHero .hxf-caret,#dbnHero .hxf-typing i{animation:none !important;}
  #dbnHero .hxf-p.on .hxf-st,#dbnHero .hxf-msg{animation:none !important;}
  .hx-js #dbnHero .hxf:not(.in) .hxf-card{opacity:1;transform:none;}
  #dbnHero .hxf-card,#dbnHero .hxf-p,#dbnHero .hxf-glow{transition:none !important;}
}

/* hero content: eyebrow text, inline gradient headline, 3-column chips (matches the approved hero copy) */
#dbnHero .hx-eye{display:block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#3A58EF;}
#dbnHero .dbn-hero h1{margin:14px 0 0;text-wrap:wrap;}
#dbnHero .hx-grad{white-space:normal;}
#dbnHero .tags{display:grid;grid-template-columns:repeat(3,max-content);gap:10px;margin:26px 0 0;justify-content:start;}
#dbnHero .tags li{justify-content:flex-start;}
#dbnHero .b1{gap:0;}
@media (max-width:700px){#dbnHero .tags{display:flex;flex-wrap:wrap;}}

/* ===== By the numbers (stats cards) — scoped to #numbers ===== */
#numbers .nm-head{text-align:center;margin-bottom:clamp(32px,5vw,48px);}
#numbers .nm-eyebrow{display:inline-block;margin:0 0 18px;padding:6px 14px;border-radius:999px;background:#F1EDFD;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#5B3FD6;}
#numbers .nm-title{margin:0;font-size:36px;line-height:1.2;font-weight:700;letter-spacing:-.02em;color:#0E1120;}
#numbers .nm-title span{background:linear-gradient(90deg,#5B3FD6,#1D7FD1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
#numbers .nm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
#numbers .nm-card{position:relative;overflow:hidden;padding:28px 26px;border-radius:20px;background:linear-gradient(150deg,var(--tint) 0%,#FFFFFF 62%);box-shadow:inset 0 0 0 1px var(--ring),0 12px 28px -22px var(--shadow);transition:transform 200ms ease,box-shadow 200ms ease;}
#numbers .nm-card::after{content:"";position:absolute;right:-44px;bottom:-44px;width:116px;height:116px;border-radius:50%;border:18px solid var(--tint);opacity:.9;pointer-events:none;}
#numbers .nm-card:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--ring),0 20px 36px -22px var(--shadow);}
#numbers .nm-icon{position:relative;z-index:1;width:46px;height:46px;margin-bottom:28px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;box-shadow:0 8px 18px -8px var(--shadow);}
#numbers .nm-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;}
#numbers .nm-value{position:relative;z-index:1;font-size:clamp(30px,3vw,38px);line-height:1;font-weight:600;letter-spacing:-.03em;color:#0E1120;font-variant-numeric:tabular-nums;}
#numbers .nm-label{position:relative;z-index:1;margin:10px 0 0;max-width:24ch;font-size:15px;line-height:1.45;color:#4C5166;}
#numbers .nm-violet{--c1:#7B61F0;--c2:#5B3FD6;--tint:#EFEAFE;--ring:#E4DCFC;--shadow:rgba(91,63,214,.45);}
#numbers .nm-emerald{--c1:#34C98A;--c2:#14935B;--tint:#E3F6EC;--ring:#D1EFDF;--shadow:rgba(20,147,91,.40);}
#numbers .nm-sky{--c1:#4AA8F0;--c2:#1D7FD1;--tint:#E4F1FD;--ring:#D3E7FA;--shadow:rgba(29,127,209,.40);}
#numbers .nm-amber{--c1:#F5B83D;--c2:#D98A0B;--tint:#FDF1DC;--ring:#F8E3BD;--shadow:rgba(217,138,11,.40);}
#numbers .nm-rose{--c1:#F2677F;--c2:#D23A5C;--tint:#FCE8ED;--ring:#F7D5DD;--shadow:rgba(210,58,92,.40);}
#numbers .nm-teal{--c1:#2EC4C1;--c2:#0E8E8E;--tint:#E1F5F4;--ring:#CDEBEA;--shadow:rgba(14,142,142,.40);}
#numbers .nm-indigo{--c1:#7C88F2;--c2:#4453D6;--tint:#E9ECFD;--ring:#D9DDF9;--shadow:rgba(68,83,214,.40);}
#numbers .nm-orange{--c1:#F58A55;--c2:#D65A1F;--tint:#FDEBE1;--ring:#F8D8C8;--shadow:rgba(214,90,31,.40);}
@media (max-width:960px){#numbers .nm-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:480px){#numbers .nm-grid{grid-template-columns:1fr;gap:12px;}#numbers .nm-icon{margin-bottom:20px;}#numbers .nm-title{font-size:30px;}}
@media (prefers-reduced-motion:reduce){#numbers .nm-card{transition:none;}}
/* ===== Everything included: animated thumbnails (from Thumbnails.html) — scoped to .ei-shell ===== */
  .ei-shell{--ei-ink:#26244A;--ei-b500:#3A58EF;--ei-b600:#314BD0;}
  /* outer lavender shell */
  .ei-shell{background:#EBEEFD;border-radius:26px;padding:10px;box-shadow:0 10px 30px rgba(16,24,40,.08),0 2px 6px rgba(16,24,40,.04)}
  .ei-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#EAECF0;gap:1px;border:1px solid #EAECF0;border-radius:16px;overflow:hidden}

  /* ================= CARD ================= */
  .ei-card{position:relative;background:#fff;display:flex;flex-direction:column;transition:background .2s ease}
  .ei-card:hover,.ei-card:focus-within{background:#FCFCFF}
  .ei-thumb{position:relative;aspect-ratio:383/295;overflow:hidden;background:#EEF1FF}
  .ei-thumb>svg.art{position:absolute;inset:0;width:100%;height:100%;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
  .ei-card:is(:hover,:focus-within,.is-live) .ei-thumb>svg.art{transform:scale(1.035)}
  .ei-icon{position:absolute;top:15px;left:15px;z-index:2;width:42px;height:42px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--ei-ink);box-shadow:0 1px 3px rgba(16,24,40,.12),0 1px 2px rgba(16,24,40,.06);transition:transform .25s ease,color .25s ease,background .25s ease}
  .ei-icon svg{width:22px;height:22px}
  .ei-card:is(:hover,:focus-within,.is-live) .ei-icon{transform:translateY(-2px) rotate(-4deg);color:#fff;background:var(--ei-b500)}
  .ei-body{padding:22px 25px 24px}
  .ei-name{font-size:18px;line-height:26px;font-weight:600;letter-spacing:-.02em;color:var(--ei-ink);margin:0 0 9px}
  .ei-link{display:inline-flex;align-items:center;gap:8px;font-size:15px;line-height:22px;font-weight:600;color:var(--ei-b500);text-decoration:none}
  .ei-link::after{content:"";position:absolute;inset:0;z-index:3} /* whole card clickable */
  .ei-link svg{width:14px;height:14px;transition:transform .25s ease}
  .ei-card:is(:hover,:focus-within) .ei-link{color:var(--ei-b600)}
  .ei-card:is(:hover,:focus-within) .ei-link svg{transform:translateX(4px)}
  .ei-link:focus-visible{outline:2px solid var(--ei-b500);outline-offset:4px;border-radius:4px}

  /* ================= SVG ART BASE ================= */
  .ei-shell svg.art text{font-family:'Inter',system-ui,sans-serif}
  .ei-shell svg.art [class]{transform-box:fill-box;transform-origin:center}
  .ei-shell .par{transition:transform .25s ease-out;transform:translate(calc(var(--px,0)*var(--k,1)*7px),calc(var(--py,0)*var(--k,1)*7px))}
  .ei-shell svg.art .tl{transform-origin:left center}
  .ei-shell svg.art .tb{transform-origin:center bottom}
  .ei-shell .draw{stroke-dasharray:var(--len,100)}

  /* animation library – plays when card is hovered / focused / .is-live (touch) */
  @keyframes ei-slideR{from{transform:translateX(34px);opacity:0}to{transform:none;opacity:1}}
  @keyframes ei-slideL{from{transform:translateX(-34px);opacity:0}to{transform:none;opacity:1}}
  @keyframes ei-rise{from{transform:translateY(38px);opacity:0}to{transform:none;opacity:1}}
  @keyframes ei-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
  @keyframes ei-pop{0%{transform:scale(.3);opacity:0}65%{transform:scale(1.14);opacity:1}100%{transform:scale(1);opacity:1}}
  @keyframes ei-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
  @keyframes ei-bobS{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
  @keyframes ei-drawIn{from{stroke-dashoffset:var(--len,100)}to{stroke-dashoffset:0}}
  @keyframes ei-ring{from{stroke-dashoffset:277}to{stroke-dashoffset:50}}
  @keyframes ei-blink{0%,86%,100%{transform:scaleY(1)}92%{transform:scaleY(.08)}}
  @keyframes ei-pulse{0%,100%{transform:scale(1);opacity:.55}50%{transform:scale(1.14);opacity:1}}
  @keyframes ei-dot{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-5px);opacity:1}}
  @keyframes ei-twinkle{0%,100%{transform:scale(.4) rotate(0);opacity:.2}50%{transform:scale(1.15) rotate(45deg);opacity:1}}
  @keyframes ei-flash{0%,100%{fill:var(--f0,#F3F5FF)}40%{fill:var(--f1,#DCE4FF)}}
  @keyframes ei-nudge{0%,100%{transform:translateX(0)}40%{transform:translateX(7px)}}
  @keyframes ei-glow{0%,100%{opacity:.25;transform:scale(.9)}50%{opacity:.95;transform:scale(1.25)}}
  @keyframes ei-spinPop{0%{transform:scale(.2) rotate(-120deg);opacity:0}70%{transform:scale(1.15) rotate(8deg);opacity:1}100%{transform:scale(1) rotate(0);opacity:1}}
  @keyframes ei-shieldHop{0%,100%{transform:scale(1)}40%{transform:scale(1.08)}}

  .ei-card:is(:hover,:focus-within,.is-live) .a-slideR{animation:ei-slideR .55s cubic-bezier(.2,.8,.2,1) calc(var(--i,0)*90ms) both}
  .ei-card:is(:hover,:focus-within,.is-live) .a-slideL{animation:ei-slideL .55s cubic-bezier(.2,.8,.2,1) calc(var(--i,0)*90ms) both}
  .ei-card:is(:hover,:focus-within,.is-live) .a-rise{animation:ei-rise .6s cubic-bezier(.2,.9,.25,1.1) calc(var(--i,0)*110ms) both}
  .ei-card:is(:hover,:focus-within,.is-live) .a-grow{animation:ei-grow 1s cubic-bezier(.2,.8,.2,1) calc(var(--i,0)*110ms) both}
  .ei-card:is(:hover,:focus-within,.is-live) .a-pop{animation:ei-pop .55s ease-out calc(var(--i,0)*100ms) both}
  .ei-card:is(:hover,:focus-within,.is-live) .a-bob{animation:ei-bob 2.2s ease-in-out calc(var(--i,0)*150ms) infinite}
  .ei-card:is(:hover,:focus-within,.is-live) .a-bobS{animation:ei-bobS 1.6s ease-in-out calc(var(--i,0)*180ms) infinite}
  .ei-card:is(:hover,:focus-within,.is-live) .a-draw{animation:ei-drawIn .7s ease-out calc(var(--i,0)*260ms) both}
  .ei-card:is(:hover,:focus-within,.is-live) .a-ring{animation:ei-ring 1.3s cubic-bezier(.2,.8,.2,1) both}
  .ei-card:is(:hover,:focus-within,.is-live) .a-blink{animation:ei-blink 2.6s ease-in-out infinite}
  .ei-card:is(:hover,:focus-within,.is-live) .a-pulse{animation:ei-pulse 1.8s ease-in-out infinite}
  .ei-card:is(:hover,:focus-within,.is-live) .a-dot{animation:ei-dot .9s ease-in-out calc(var(--i,0)*150ms) infinite}
  .ei-card:is(:hover,:focus-within,.is-live) .a-twinkle{animation:ei-twinkle 2s ease-in-out calc(var(--i,0)*300ms) infinite}
  .ei-card:is(:hover,:focus-within,.is-live) .a-flash{animation:ei-flash 1.1s ease-in-out calc(var(--i,0)*260ms) both}
  .ei-card:is(:hover,:focus-within,.is-live) .a-nudge{animation:ei-nudge 1.1s ease-in-out calc(var(--i,0)*260ms) both}
  .ei-card:is(:hover,:focus-within,.is-live) .a-glow{animation:ei-glow 1.6s ease-in-out infinite}
  .ei-card:is(:hover,:focus-within,.is-live) .a-spin{animation:ei-spinPop .75s cubic-bezier(.2,.9,.3,1.2) calc(var(--i,0)*120ms) both}
  .ei-card:is(:hover,:focus-within,.is-live) .a-hop{animation:ei-shieldHop 1.4s ease-in-out infinite}

  @media (prefers-reduced-motion:reduce){
    .ei-card *{animation:none!important;transition:none!important}
    .ei-shell .par{transform:none!important}
  }

  
  @media (max-width:1199.98px){.ei-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media (max-width:575.98px){.ei-shell{padding:6px;border-radius:20px}.ei-name{font-size:17px}}

  /* mobile: one row of cards that swipes sideways instead of a tall stacked column */
  .ei-dots{display:none}
  @media (max-width:767.98px){
    .ei-grid{position:relative;display:flex;gap:10px;background:none;border:0;border-radius:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0 4px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 4px}
    .ei-grid::-webkit-scrollbar{display:none}
    .ei-card{flex:0 0 84%;scroll-snap-align:start;border:1px solid #EAECF0;border-radius:14px;overflow:hidden}
    .ei-body{padding:16px 18px 18px}
    .ei-name{margin-bottom:6px}
    .ei-dots{display:flex;justify-content:center;gap:6px;padding:12px 0 4px}
    .ei-dots button{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:#C3CEF5;cursor:pointer;transition:width .25s ease,background .25s ease}
    .ei-dots button[aria-current="true"]{width:20px;background:var(--ei-b500)}
    .ei-grid.has-hot .ei-card:not(.hot) .ei-thumb,.ei-grid.has-hot .ei-card:not(.hot) .ei-body{opacity:1;filter:none}
  }
  @media (max-width:767.98px) and (prefers-reduced-motion:reduce){.ei-dots button{transition:none}}


  /* hovering one card softens the others */
  .ei-thumb,.ei-body{transition:opacity .35s ease,filter .35s ease}
  .ei-grid.has-hot .ei-card:not(.hot) .ei-thumb{opacity:.38;filter:saturate(.55)}
  .ei-grid.has-hot .ei-card:not(.hot) .ei-body{opacity:.4}
  @media (prefers-reduced-motion:reduce){.ei-thumb,.ei-body{transition:none}}

/* eyebrow labels are hidden on every section (markup kept so they can be switched back on) */
.eyebrow,#numbers .nm-eyebrow{display:none !important;}

/* ===== One Platform, Eight Jobs Done — Option 2 (Figma node 11045:9069) · scoped to .ep8 ===== */
.ep8{background:#fff;padding:72px 0;font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;color:#26244A}
.ep8 *,.ep8 *::before,.ep8 *::after{box-sizing:border-box}
.ep8-wrap{width:min(1320px,calc(100% - 80px));margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:48px}
.ep8-title{margin:0;width:100%;text-align:center;font-size:36px;line-height:1.2;font-weight:700;letter-spacing:-.72px;color:#26244A}
.ep8-grid{list-style:none;margin:0;padding:0;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.ep8-item{perspective:1100px}
.ep8.js .ep8-item{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i)*70ms)}
.ep8.js.is-in .ep8-item{opacity:1;transform:none}

.ep8-card{appearance:none;-webkit-appearance:none;border:0;margin:0;padding:0;background:#fff;font:inherit;color:inherit;cursor:pointer;display:block;position:relative;width:100%;aspect-ratio:312/416;border-radius:20px;
  transform:translateY(var(--lift,0px)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;will-change:transform;
  transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,opacity .3s ease,filter .3s ease;-webkit-tap-highlight-color:transparent}
.ep8-media{position:absolute;inset:0;display:block;border-radius:inherit;overflow:hidden}
.ep8-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1);user-select:none;-webkit-user-drag:none}
.ep8-shine{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s ease;background:radial-gradient(circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.34),rgba(255,255,255,0) 55%)}
.ep8-badge{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;background:#fff;color:#26244A;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(16,24,40,.18);opacity:0;transform:translateY(-6px) scale(.85);transition:opacity .25s ease,transform .3s cubic-bezier(.2,.7,.2,1),background .2s,color .2s;pointer-events:none}
.ep8-badge svg{width:18px;height:18px}
.ep8-card:hover,.ep8-card:focus-visible{--lift:-8px;box-shadow:0 26px 48px -14px rgba(38,36,74,.32),0 10px 18px -10px rgba(38,36,74,.18)}
.ep8-card:hover .ep8-media img,.ep8-card:focus-visible .ep8-media img{transform:scale(1.045)}
.ep8-card:hover .ep8-shine,.ep8-card:focus-visible .ep8-shine{opacity:1}
.ep8-card:hover .ep8-badge,.ep8-card:focus-visible .ep8-badge{opacity:1;transform:none}
.ep8-card:active{--lift:-4px;transition-duration:.12s}
.ep8-card:focus-visible{outline:3px solid #3A58EF;outline-offset:4px}
@media (hover:hover){
  .ep8-grid:has(.ep8-card:hover) .ep8-card:not(:hover){opacity:.7;filter:saturate(.8)}
}

/* ---- details dialog ---- */
.ep8-modal{border:0;padding:0;margin:auto;background:transparent;color:#26244A;width:min(940px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 32px);overflow:visible;font-family:'Inter',system-ui,sans-serif}
.ep8-modal::backdrop{background:rgba(16,24,40,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ep8-modal[open]{animation:ep8-pop .38s cubic-bezier(.2,.8,.2,1)}
.ep8-modal[open]::backdrop{animation:ep8-fade .3s ease}
@keyframes ep8-pop{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ep8-fade{from{opacity:0}to{opacity:1}}
.ep8-panel{position:relative;display:grid;grid-template-columns:312px minmax(0,1fr);gap:48px;align-items:center;padding:40px;background:#fff;border-radius:24px;box-shadow:0 32px 64px -16px rgba(16,24,40,.45);max-height:calc(100vh - 32px);overflow:auto}
.ep8-pimg{width:312px;aspect-ratio:312/416;border-radius:20px;overflow:hidden;box-shadow:0 18px 36px -14px rgba(38,36,74,.35)}
.ep8-pimg img{display:block;width:100%;height:100%;object-fit:cover}
.ep8-pbody{min-width:0}
.ep8-swap{animation:ep8-swap .38s cubic-bezier(.2,.8,.2,1)}
@keyframes ep8-swap{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.ep8-count{font-size:13px;line-height:1.3;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5849D0;margin:0 0 12px}
.ep8-ptitle{margin:0;font-size:32px;line-height:1.2;font-weight:700;letter-spacing:-.02em;color:#26244A}
.ep8-ptag{margin:12px 0 0;font-size:18px;line-height:1.5;color:#475467}
.ep8-plabel{margin:28px 0 12px;font-size:14px;line-height:1.4;font-weight:600;color:#667085}
.ep8-plist{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ep8-plist li{display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.4;font-weight:500;color:#344054}
.ep8-plist li i{flex:none;width:24px;height:24px;border-radius:50%;background:#EBEEFD;color:#3A58EF;display:flex;align-items:center;justify-content:center}
.ep8-plist li i svg{width:14px;height:14px}
.ep8-actions{display:flex;align-items:center;gap:12px;margin-top:32px;flex-wrap:wrap}
.ep8-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:10px;background:#3A58EF;color:#fff;font-size:16px;line-height:24px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s}
.ep8-cta:hover{background:#314BD0;box-shadow:0 8px 18px -6px rgba(58,88,239,.55)}
.ep8-cta:active{background:#283FB1;transform:translateY(1px)}
.ep8-cta svg{width:16px;height:16px;transition:transform .25s ease}
.ep8-cta:hover svg{transform:translateX(4px)}
.ep8-nav{margin-left:auto;display:flex;gap:8px}
.ep8-btn{appearance:none;-webkit-appearance:none;cursor:pointer;width:44px;height:44px;border-radius:50%;border:1px solid #D0D5DD;background:#fff;color:#344054;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s,border-color .2s,color .2s}
.ep8-btn:hover{background:#F3F5FF;border-color:#9CABF7;color:#3A58EF}
.ep8-btn svg{width:18px;height:18px}
.ep8-x{position:absolute;top:16px;right:16px;width:40px;height:40px;border:0;background:#F2F4F7}
.ep8-x:hover{background:#EAECF0;color:#101828;border-color:transparent}
.ep8-cta:focus-visible,.ep8-btn:focus-visible{outline:3px solid #3A58EF;outline-offset:3px}

@media (max-width:1100px){.ep8-wrap{width:min(1320px,calc(100% - 64px))}}
@media (max-width:1023px){.ep8-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ep8-title{font-size:32px}}
@media (max-width:760px){
  .ep8{padding:56px 0}
  .ep8-wrap{width:calc(100% - 32px);gap:32px}
  .ep8-title{font-size:28px;letter-spacing:-.56px}
  .ep8-panel{grid-template-columns:1fr;gap:24px;padding:24px}
  .ep8-pimg{width:200px;margin:0 auto}
  .ep8-ptitle{font-size:26px;padding-right:32px}
  .ep8-nav{margin-left:0}
}
@media (max-width:560px){.ep8-grid{grid-template-columns:minmax(0,1fr);max-width:360px;margin:0 auto;gap:20px}}
@media (hover:none){.ep8-card:hover{--lift:0px;box-shadow:none}.ep8-card:hover .ep8-media img{transform:none}.ep8-card:hover .ep8-badge,.ep8-card:hover .ep8-shine{opacity:0}}
@media (prefers-reduced-motion:reduce){
  .ep8.js .ep8-item{opacity:1;transform:none;transition:none}
  .ep8-card,.ep8-media img,.ep8-badge,.ep8-shine{transition:none}
  .ep8-card{transform:none!important}
  .ep8-modal[open],.ep8-modal[open]::backdrop,.ep8-swap{animation:none}
}

/* ===== One Platform, Eight Jobs Done — Option 3 (image thumbnails from reference sheet) · scoped to .ep9 ===== */
.ep9{background:#fff;padding:72px 0;font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;color:#26244A}
.ep9 *,.ep9 *::before,.ep9 *::after{box-sizing:border-box}
.ep9-wrap{width:min(1320px,calc(100% - 80px));margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:48px}
.ep9-title{margin:0;width:100%;text-align:center;font-size:36px;line-height:1.2;font-weight:700;letter-spacing:-.72px;color:#26244A}
.ep9-grid{list-style:none;margin:0;padding:0;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.ep9-item{perspective:1100px}
.ep9.js .ep9-item{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i)*70ms)}
.ep9.js.is-in .ep9-item{opacity:1;transform:none}

.ep9-card{appearance:none;-webkit-appearance:none;margin:0;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;width:100%;height:100%;position:relative;background:#fff;border:1px solid #EAECF0;border-radius:20px;overflow:hidden;
  transform:translateY(var(--lift,0px)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform;
  transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .25s ease,opacity .3s ease,filter .3s ease;-webkit-tap-highlight-color:transparent}
.ep9-media{position:relative;display:block;width:100%;aspect-ratio:414/463;overflow:hidden;background:#F3F5FF}
.ep9-media img{display:block;width:100%;height:100%;object-fit:cover;transform:translate(var(--tx,0px),var(--ty,0px)) scale(var(--zs,1));transition:transform .5s cubic-bezier(.2,.7,.2,1);user-select:none;-webkit-user-drag:none}
.ep9-shine{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s ease;background:radial-gradient(circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.38),rgba(255,255,255,0) 55%)}
.ep9-badge{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;background:#fff;color:#26244A;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(16,24,40,.18);opacity:0;transform:translateY(-6px) scale(.85);transition:opacity .25s ease,transform .3s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.ep9-badge svg{width:18px;height:18px}
.ep9-body{display:flex;flex-direction:column;flex:1;padding:20px 20px 22px}
.ep9-name{display:block;font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.02em;color:#26244A}
.ep9-sub{display:block;margin-top:6px;font-size:15px;line-height:1.5;color:#475467}
.ep9-link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:14px;font-size:15px;line-height:22px;font-weight:600;color:#3A58EF;transition:color .2s}
.ep9-link svg{width:14px;height:14px;transition:transform .25s ease}
.ep9-card:hover,.ep9-card:focus-visible{--lift:-8px;--zs:1.07;border-color:#D8DEFC;box-shadow:0 26px 48px -14px rgba(38,36,74,.30),0 10px 18px -10px rgba(38,36,74,.16)}
.ep9-card:hover .ep9-shine,.ep9-card:focus-visible .ep9-shine{opacity:1}
.ep9-card:hover .ep9-badge,.ep9-card:focus-visible .ep9-badge{opacity:1;transform:none}
.ep9-card:hover .ep9-link,.ep9-card:focus-visible .ep9-link{color:#314BD0}
.ep9-card:hover .ep9-link svg,.ep9-card:focus-visible .ep9-link svg{transform:translateX(5px)}
.ep9-card:active{--lift:-4px;transition-duration:.12s}
.ep9-card:focus-visible{outline:3px solid #3A58EF;outline-offset:4px}
@media (hover:hover){.ep9-grid:has(.ep9-card:hover) .ep9-card:not(:hover){opacity:.72;filter:saturate(.8)}}

/* ---- details dialog ---- */
.ep9-modal{border:0;padding:0;margin:auto;background:transparent;color:#26244A;width:min(960px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 32px);overflow:visible;font-family:'Inter',system-ui,sans-serif}
.ep9-modal::backdrop{background:rgba(16,24,40,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ep9-modal[open]{animation:ep9-pop .38s cubic-bezier(.2,.8,.2,1)}
.ep9-modal[open]::backdrop{animation:ep9-fade .3s ease}
@keyframes ep9-pop{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ep9-fade{from{opacity:0}to{opacity:1}}
.ep9-panel{position:relative;display:grid;grid-template-columns:360px minmax(0,1fr);gap:48px;align-items:center;padding:40px;background:#fff;border-radius:24px;box-shadow:0 32px 64px -16px rgba(16,24,40,.45);max-height:calc(100vh - 32px);overflow:auto}
.ep9-pimg{width:360px;aspect-ratio:414/463;border-radius:20px;overflow:hidden;box-shadow:0 18px 36px -14px rgba(38,36,74,.35)}
.ep9-pimg img{display:block;width:100%;height:100%;object-fit:cover}
.ep9-pbody{min-width:0}
.ep9-swap{animation:ep9-swap .38s cubic-bezier(.2,.8,.2,1)}
@keyframes ep9-swap{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.ep9-count{font-size:13px;line-height:1.3;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5849D0;margin:0 0 12px}
.ep9-ptitle{margin:0;font-size:32px;line-height:1.2;font-weight:700;letter-spacing:-.02em;color:#26244A;padding-right:40px}
.ep9-ptag{margin:12px 0 0;font-size:18px;line-height:1.5;color:#475467}
.ep9-plabel{margin:28px 0 14px;font-size:14px;line-height:1.4;font-weight:600;color:#667085}
.ep9-plist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
.ep9-plist li{display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.4;font-weight:500;color:#344054}
.ep9-plist li i{flex:none;width:24px;height:24px;border-radius:50%;background:#EBEEFD;color:#3A58EF;display:flex;align-items:center;justify-content:center}
.ep9-plist li i svg{width:14px;height:14px}
.ep9-actions{display:flex;align-items:center;gap:12px;margin-top:32px;flex-wrap:wrap}
.ep9-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:10px;background:#3A58EF;color:#fff;font-size:16px;line-height:24px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s}
.ep9-cta:hover{background:#314BD0;box-shadow:0 8px 18px -6px rgba(58,88,239,.55)}
.ep9-cta:active{background:#283FB1;transform:translateY(1px)}
.ep9-cta svg{width:16px;height:16px;transition:transform .25s ease}
.ep9-cta:hover svg{transform:translateX(4px)}
.ep9-nav{margin-left:auto;display:flex;gap:8px}
.ep9-btn{appearance:none;-webkit-appearance:none;cursor:pointer;width:44px;height:44px;border-radius:50%;border:1px solid #D0D5DD;background:#fff;color:#344054;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s,border-color .2s,color .2s}
.ep9-btn:hover{background:#F3F5FF;border-color:#9CABF7;color:#3A58EF}
.ep9-btn svg{width:18px;height:18px}
.ep9-x{position:absolute;top:16px;right:16px;width:40px;height:40px;border:0;background:#F2F4F7;z-index:2}
.ep9-x:hover{background:#EAECF0;color:#101828;border-color:transparent}
.ep9-cta:focus-visible,.ep9-btn:focus-visible{outline:3px solid #3A58EF;outline-offset:3px}

@media (max-width:1100px){.ep9-wrap{width:min(1320px,calc(100% - 64px))}}
@media (max-width:1023px){.ep9-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ep9-title{font-size:32px}.ep9-panel{grid-template-columns:300px minmax(0,1fr);gap:32px}.ep9-pimg{width:300px}}
@media (max-width:760px){
  .ep9{padding:56px 0}
  .ep9-wrap{width:calc(100% - 32px);gap:32px}
  .ep9-title{font-size:28px;letter-spacing:-.56px}
  .ep9-panel{grid-template-columns:1fr;gap:24px;padding:24px}
  .ep9-pimg{width:240px;margin:0 auto}
  .ep9-ptitle{font-size:26px}
  .ep9-plist{grid-template-columns:1fr}
  .ep9-nav{margin-left:0}
}
@media (max-width:560px){.ep9-grid{grid-template-columns:minmax(0,1fr);max-width:360px;margin:0 auto;gap:20px}}
@media (hover:none){.ep9-card:hover{--lift:0px;--zs:1;box-shadow:none;border-color:#EAECF0}.ep9-card:hover .ep9-badge,.ep9-card:hover .ep9-shine{opacity:0}.ep9-card:hover .ep9-link svg{transform:none}}
@media (prefers-reduced-motion:reduce){
  .ep9.js .ep9-item{opacity:1;transform:none;transition:none}
  .ep9-card,.ep9-media img,.ep9-badge,.ep9-shine{transition:none}
  .ep9-card{transform:none!important}
  .ep9-media img{transform:none!important}
  .ep9-modal[open],.ep9-modal[open]::backdrop,.ep9-swap{animation:none}
}

/* ===== FAQ — "Before You Talk to Us." (two-column accordion) ===== */
.faqx{background:#FFFFFF;padding:72px 0;font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif}
.faqx *,.faqx *::before,.faqx *::after{box-sizing:border-box}
.faqx-inner{display:flex;flex-direction:column;gap:48px;align-items:stretch;width:min(1320px,calc(100% - 80px));margin:0 auto}
.faqx-head{width:100%;text-align:center}
.faqx-head h2{margin:0;font-size:36px;font-weight:700;line-height:1.2;letter-spacing:-.72px;color:#26244A}
.faqx-head h2 span{color:#3A58EF}
.faqx-list{flex:1;min-width:0;display:flex;flex-direction:column}
.faqx-item{background:transparent}
.faqx-btn{appearance:none;-webkit-appearance:none;cursor:pointer;width:100%;text-align:left;background:transparent;border:0;margin:0;padding:24px 0;display:flex;align-items:flex-start;gap:24px;font-family:inherit;color:inherit;-webkit-tap-highlight-color:transparent}
.faqx-icon{width:32px;height:32px;flex:none;margin-top:2px;display:flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.faqx-icon svg{display:block}
.faqx-cross{display:none!important}
.faqx-item.open .faqx-cross{display:block!important}
.faqx-item.open .faqx-plus{display:none}
.faqx-btn:hover .faqx-icon{transform:scale(1.12)}
.faqx-q{flex:1;font-size:20px;font-weight:600;line-height:1.5;color:#2A3343;text-align:left;transition:color .2s}
.faqx-btn:hover .faqx-q,.faqx-item.open .faqx-q{color:#26244A}
.faqx-btn:focus-visible{outline:3px solid #3A58EF;outline-offset:2px;border-radius:6px}
.faqx-ans{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.2,.8,.2,1)}
.faqx-item.open .faqx-ans{grid-template-rows:1fr}
.faqx-ans-in{overflow:hidden;min-height:0}
.faqx-ans p{margin:0;padding:0 0 24px 56px;font-size:18px;line-height:28px;font-weight:400;color:#2A3343;opacity:0;transform:translateY(-6px);transition:opacity .3s ease,transform .35s ease}
.faqx-item.open .faqx-ans p{opacity:1;transform:none;transition-delay:.06s}
.faqx-divider{height:1px;background:#D9D9D9}
@media (max-width:1023px){.faqx-head h2{font-size:32px}}
@media (max-width:820px){.faqx-inner{gap:32px;width:calc(100% - 48px)}}
@media (max-width:620px){.faqx{padding:56px 0}.faqx-head h2{font-size:28px;letter-spacing:-.56px}.faqx-btn{gap:16px;padding:20px 0}.faqx-q{font-size:18px}.faqx-ans p{padding-left:48px;font-size:16px;line-height:26px}}
@media (prefers-reduced-motion:reduce){.faqx-ans,.faqx-ans p,.faqx-icon,.faqx-q{transition:none}}

/* mobile-fixes */
/* ===== Mobile / tablet responsiveness pass =====
   Based on current best practice: fluid layouts, 44px touch targets, no hover-only UI,
   16px form fields (no iOS zoom), safe-area insets, nothing wider than the viewport. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:clip}
a,button,summary,[role=button],[role=tab],input,select{touch-action:manipulation}

/* ---- navigation: proper mobile menu ---- */
@media(max-width:900px){
  header .nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#fff;padding:6px 16px 14px;border-bottom:1px solid var(--line);box-shadow:0 28px 40px -26px rgba(16,24,40,.4);max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);overflow-y:auto;display:none}
  header .nav-links.open{display:flex;animation:mf-drop .22s ease-out}
  header .nav-links a{display:flex;align-items:center;min-height:48px;padding:0 6px;font-size:16px;border-bottom:1px solid var(--line-soft,#EAECF0)}
  header .nav-links a:last-child{border-bottom:0}
  header .nav-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin-right:-8px;border-radius:10px;color:var(--ink)}
  header .nav-menu-btn:hover,header .nav-menu-btn.is-open{background:#F2F4F7}
  header .nav-menu-btn:focus-visible{outline:3px solid #9CABF7;outline-offset:1px}
  @keyframes mf-drop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
}
@media(max-width:640px){
  header .nav-cta .btn{display:none}          /* the sticky bottom bar already carries both CTAs */
  header .logo-mark{display:inline-flex;align-items:center;min-height:44px}
}
@media(prefers-reduced-motion:reduce){header .nav-links.open{animation:none}}

/* ---- sticky bottom CTA bar: safe area + comfortable targets ---- */
@media(max-width:640px){
  .mobile-cta-bar{padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px))}
  .mobile-cta-bar .btn{min-height:46px}
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
}

/* ---- forms / modals: 16px fields stop iOS zoom, 44px high ---- */
@media(max-width:760px){
  .field input,.field select,.field textarea{font-size:16px;min-height:46px}
  .modal-overlay{padding:12px}
}

/* ---- touch devices: enlarge small controls (hit area first, visuals stay) ---- */
@media(pointer:coarse){
  .footer-grid a{display:inline-block;padding:9px 0}
  .footer-grid ul{gap:0}
  #dbnHero .hxf-seg,#dbnHero .hxf-btn,#dbnHero .hxf-chip{position:relative}
  #dbnHero .hxf-seg::before,#dbnHero .hxf-btn::before{content:"";position:absolute;inset:-14px -4px}
  #dbnHero .hxf-chip{min-height:40px}
  #dbnHero .hxf-chips{gap:8px}
  #ctaTrack .ctx-chips button{height:40px;padding:0 16px}
  #ctaTrack .ctx-lg,#ctaTrack .ctx-remind{min-height:36px}
  .testimonial-nav{min-width:44px;min-height:44px}
}

/* ---- numbers: compact 2-up grid instead of eight tall cards ---- */
@media(max-width:560px){
  #numbers .nm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #numbers .nm-card{padding:18px 16px 16px;border-radius:16px}
  #numbers .nm-icon{width:38px;height:38px;margin-bottom:14px;border-radius:11px}
  #numbers .nm-value{font-size:26px}
  #numbers .nm-label{font-size:13px;margin-top:8px}
}

/* ---- course-tracking card: keep chart text legible on phones ---- */
@media(max-width:560px){
  #ctaTrack .ctx-stage{aspect-ratio:1/.92}
  #ctaTrack .ctx-lady{left:4%;height:80%}
  #ctaTrack .ctx-float{left:30%;top:9%;width:66%}
  #ctaTrack .ctx-chart{padding:3.4cqw 3.4cqw}
  #ctaTrack .ctx-ch-title{font-size:3.3cqw}
  #ctaTrack .ctx-ch-tag{font-size:2.3cqw;padding:.7cqw 1.7cqw}
  #ctaTrack .ctx-donut{width:24cqw}
  #ctaTrack .ctx-mid b{font-size:6.4cqw}
  #ctaTrack .ctx-mid span{font-size:2.3cqw}
  #ctaTrack .ctx-lg,#ctaTrack .ctx-rem{font-size:3.1cqw}
  #ctaTrack .ctx-lg i{width:2.6cqw;height:2.6cqw}
  #ctaTrack .ctx-bell{width:5cqw;height:5cqw}
  #ctaTrack .ctx-bell svg,#ctaTrack .ctx-bell-s svg{width:3.2cqw;height:3.2cqw}
  #ctaTrack .ctx-remind{font-size:3.2cqw;height:9cqw;border-radius:2.6cqw}
  #ctaTrack .ctx-feed{left:16%;width:80%;height:10cqw}
  #ctaTrack .ctx-toast{font-size:3cqw;gap:2cqw}
  #ctaTrack .ctx-toast em{width:5.6cqw;height:5.6cqw}
  #ctaTrack .ctx-toast em svg{width:3cqw;height:3cqw}
}

/* ---- very small phones (320–360px) ---- */
@media(max-width:380px){
  .wrap{padding-left:16px;padding-right:16px}
  h1{overflow-wrap:anywhere}
}

/* hx-devices-css */
/* ===== Laptop + phone dashboard previews, side by side ===== */
#dbnHero .hx-devices{display:flex;align-items:center;justify-content:center;gap:clamp(28px,3.4vw,56px);max-width:1260px;margin:clamp(34px,4.4vw,56px) auto 0}
#dbnHero .hx-devices .canvas{flex:1 1 0;min-width:0;max-width:880px;margin:0;width:100%}
#dbnHero .hx-phone{order:-1;flex:none;width:300px;position:relative;opacity:0;transform:translateY(26px);transition:opacity .9s ease .15s,transform 1s cubic-bezier(.2,.7,.2,1) .15s}
#dbnHero .hx-phone.in{opacity:1;transform:none}
#dbnHero .hxp-hint{margin-top:26px}

.hxp-device{position:relative;width:300px;height:612px;padding:11px;border-radius:46px;background:linear-gradient(145deg,#343947,#0E1016);box-shadow:inset 0 0 0 1.5px #4A4F5E,0 70px 100px -50px rgba(38,36,74,.55),0 26px 46px -26px rgba(38,36,74,.3);transition:transform .35s ease-out}
.hxp-device:hover{transform:translateY(-4px)}
.hxp-sb{position:absolute;width:3px;background:#2A2E3A;border-radius:2px}
.hxp-sb.sb1{left:-3px;top:112px;height:30px}.hxp-sb.sb2{left:-3px;top:156px;height:52px}.hxp-sb.sb3{right:-3px;top:140px;height:70px}
.hxp-screen{position:relative;height:100%;border-radius:36px;background:#F5F6FB;overflow:hidden;display:flex;flex-direction:column;font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;color:#101828}
.hxp-screen *{box-sizing:border-box}
.hxp-notch{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:88px;height:25px;border-radius:14px;background:#0E1016;z-index:6}
.hxp-status{flex:none;height:44px;padding:13px 24px 0;display:flex;justify-content:space-between;align-items:flex-start;font-size:12.5px;font-weight:700;background:#fff;color:#101828}
.hxp-sig{display:flex;gap:5px;align-items:center}
.hxp-top{flex:none;display:flex;align-items:center;justify-content:space-between;padding:6px 16px 12px;background:#fff;border-bottom:1px solid #EAECF0}
.hxp-tt h3{margin:0;font-size:19px;line-height:1.2;font-weight:700;letter-spacing:-.02em;color:#101828}
.hxp-tt p{margin:2px 0 0;font-size:11.5px;color:#667085}
.hxp-bell{position:relative;width:36px;height:36px;border-radius:50%;background:#F2F4F7;color:#344054;display:grid;place-items:center}
.hxp-bell i{position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:50%;background:#F04438;box-shadow:0 0 0 2px #F2F4F7}
.hxp-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 12px 92px;scrollbar-width:none}
.hxp-body{scrollbar-width:thin;scrollbar-color:#D0D5E6 transparent;cursor:grab;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}
.hxp-body::-webkit-scrollbar{width:4px}.hxp-body::-webkit-scrollbar-thumb{background:#D0D5E6;border-radius:4px}.hxp-body::-webkit-scrollbar-thumb:hover{background:#B4BBD3}
.hxp-body.drag{cursor:grabbing;scroll-behavior:auto;user-select:none}
.hxp-body:focus-visible{outline:2px solid #9CABF7;outline-offset:-2px}
.hxp-top{transition:box-shadow .25s ease}.hxp-top.scrolled{box-shadow:0 10px 18px -14px rgba(16,24,40,.35);position:relative;z-index:3}
.hxp-fade{position:absolute;left:0;right:0;bottom:78px;height:64px;pointer-events:none;z-index:3;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;background:linear-gradient(to bottom,rgba(245,246,251,0),#F5F6FB 78%);transition:opacity .3s ease}
.hxp-fade.off{opacity:0}
.hxp-fade span{display:inline-flex;align-items:center;gap:4px;font:700 10.5px/1 'Inter',system-ui,sans-serif;color:#5849D0;background:#fff;border:1px solid #DAD5F7;border-radius:999px;padding:6px 10px 6px 8px;box-shadow:0 6px 14px -8px rgba(88,73,208,.5);animation:hxp-nudge 1.6s ease-in-out infinite}
.hxp-fade span svg{animation:hxp-bounce 1.6s ease-in-out infinite}
@keyframes hxp-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes hxp-bounce{0%,100%{transform:translateY(-1px)}50%{transform:translateY(2px)}}
@media(prefers-reduced-motion:reduce){.hxp-fade span,.hxp-fade span svg{animation:none}.hxp-body{scroll-behavior:auto}}
.hxp-panel[hidden]{display:none}
.hxp-panel.on{animation:hxp-in .38s cubic-bezier(.2,.8,.2,1)}
@keyframes hxp-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.hxp-card{background:#fff;border:1px solid #E4E7EC;border-radius:16px;padding:14px;margin-bottom:12px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.hxp-ch{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:12px}
.hxp-ch h4{margin:0;font-size:14px;font-weight:700;color:#101828;letter-spacing:-.01em}
.hxp-ch p{margin:2px 0 0;font-size:11px;color:#667085}
.hxp-pill{white-space:nowrap;flex:none;appearance:none;border:1px solid #D9D6F5;background:#fff;color:#5849D0;font:600 11.5px/1 'Inter',system-ui,sans-serif;padding:8px 11px;border-radius:9px;cursor:pointer;transition:background .2s}
.hxp-pill:hover,.hxp-pill:active{background:#F4F2FF}
.hxp-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hxp-kpi{background:#F1EEFF;border-radius:12px;padding:11px 12px}
.hxp-kpi.big{grid-column:1/-1}
.hxp-kpi b{display:block;white-space:nowrap;font-size:16px;font-weight:700;letter-spacing:-.02em;color:#101828;font-variant-numeric:tabular-nums}
.hxp-kpi.big b{font-size:20px}
.hxp-kpi span{display:block;margin-top:2px;font-size:11px;color:#667085}
.hxp-sh{margin:4px 2px 8px;font-size:12px;font-weight:700;color:#344054;letter-spacing:.01em}
.hxp-qa{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hxp-q{appearance:none;text-align:left;font-family:inherit;cursor:pointer;background:#fff;border:1px solid #E4E7EC;border-radius:14px;padding:11px;display:grid;gap:2px;min-height:86px;align-content:start;transition:transform .2s,box-shadow .2s,border-color .2s}
.hxp-q:hover{border-color:#C9C3F5;box-shadow:0 10px 20px -14px rgba(88,73,208,.5);transform:translateY(-2px)}
.hxp-q:active{transform:scale(.97)}
.hxp-q i{width:28px;height:28px;border-radius:9px;background:#EDE9FF;color:#5849D0;display:grid;place-items:center;margin-bottom:6px}
.hxp-q b{font-size:12.5px;font-weight:700;color:#101828}
.hxp-q span{font-size:10.5px;color:#667085}
.hxp-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #F2F4F7}
.hxp-row:first-of-type{border-top:0}
.hxp-av{flex:none;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#8B7BFF,#5849D0);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}
.hxp-rm{flex:1;min-width:0}
.hxp-rt{display:flex;justify-content:space-between;align-items:baseline;font-size:12px}
.hxp-rt b{font-weight:700;color:#101828}.hxp-rt span{color:#475467;font-variant-numeric:tabular-nums}
.hxp-bar{height:6px;border-radius:3px;background:#EEF0F5;margin-top:6px;overflow:hidden}
.hxp-bar.s{grid-column:1/-1;height:5px;margin-top:2px}
.hxp-bar i{display:block;height:100%;width:var(--w);border-radius:3px;background:linear-gradient(90deg,#7162EA,#5849D0);transform-origin:left;transform:scaleX(0)}
.hxp-panel.on .hxp-bar i,.hxp-panel.on .hxp-seg i{transform:scaleX(1);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.hxp-ql{display:grid;grid-template-columns:10px 1fr auto;align-items:center;column-gap:8px;row-gap:5px;padding:6px 0;font-size:12px;color:#344054}
.hxp-ql > i{width:8px;height:8px;border-radius:50%}.hxp-ql b{font-weight:700;color:#101828;font-variant-numeric:tabular-nums}
.hxp-donut{position:relative;width:132px;height:132px;margin:2px auto 12px}
.hxp-donut svg{width:100%;height:100%;display:block}
.hxp-donut .arc{stroke-dasharray:0 289;transition:stroke-dasharray 1.1s cubic-bezier(.2,.7,.2,1)}
.hxp-panel.on .hxp-donut .arc{stroke-dasharray:31.8 289}
.hxp-donut b{position:absolute;inset:0;display:grid;place-items:center;font-size:22px;font-weight:700;color:#6F5CE0}
.hxp-lg{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:12px;color:#344054}
.hxp-lg span{display:flex;align-items:center;gap:7px}.hxp-lg i,.hxp-key i{width:8px;height:8px;border-radius:50%;display:inline-block}
.hxp-lg b{font-weight:700;color:#101828}
.hxp-key{display:flex;gap:12px;flex-wrap:wrap;margin:-2px 0 10px;font-size:10.5px;color:#475467}
.hxp-key span{display:inline-flex;align-items:center;gap:5px}.hxp-key i{border-radius:2px}
.hxp-dp{padding:7px 0}.hxp-dp .hxp-rt{font-size:12px}
.hxp-seg{display:flex;gap:0;height:7px;border-radius:4px;overflow:hidden;margin-top:6px;background:#EEF0F5}
.hxp-seg i{display:block;width:var(--w);transform-origin:left;transform:scaleX(0)}
.hxp-seg .g{background:#12B76A}.hxp-seg .o{background:#F79009}.hxp-seg .r{background:#F04438}
.hxp-dl{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid #F2F4F7;font-size:11.5px;color:#475467}
.hxp-dl:first-of-type{border-top:0}.hxp-dl b{flex:none;color:#101828;font-weight:700}
.hxp-yr{display:inline-flex;padding:2px;border-radius:9px;background:#F2F4F7}
.hxp-yr button{appearance:none;border:0;background:transparent;font:600 11px/1 'Inter',system-ui,sans-serif;color:#667085;padding:7px 9px;border-radius:7px;cursor:pointer}
.hxp-yr button.on{background:#fff;color:#101828;box-shadow:0 1px 3px rgba(16,24,40,.12)}
.hxp-chart{display:flex;align-items:flex-end;gap:2px;padding-top:6px;margin-bottom:12px}
.hxp-mo{appearance:none;border:0;background:transparent;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;padding:0 0 6px;cursor:pointer;border-radius:6px;font-family:inherit}
.hxp-mo.sel{background:#F4F2FF}
.hxp-bars{display:flex;align-items:flex-end;gap:1.5px;height:118px;width:100%;justify-content:center;border-bottom:1px solid #EAECF0}
.hxp-bars i{display:block;width:6px;border-radius:2px 2px 0 0;height:var(--h,0%);transition:height .8s cubic-bezier(.2,.7,.2,1)}
.hxp-bars .a{background:#4B5DF0}.hxp-bars .n{background:#F9A59B}
.hxp-mo em{font-style:normal;font-size:9.5px;color:#667085;line-height:1}
.hxp-tip{margin:0;font-size:11.5px;color:#475467;min-height:16px}
.hxp-tip b{color:#101828}
.hxp-nav{position:absolute;left:0;right:0;bottom:0;height:78px;padding:8px 8px 20px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #E4E7EC;z-index:4}
.hxp-tab{appearance:none;border:0;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:600 10.5px/1 'Inter',system-ui,sans-serif;color:#667085;border-radius:12px;min-height:44px;transition:color .2s}
.hxp-ti{display:grid;place-items:center;width:42px;height:26px;border-radius:13px;transition:background .25s,color .25s}
.hxp-tab:hover{color:#344054}
.hxp-tab.on{color:#5849D0}.hxp-tab.on .hxp-ti{background:#EDE9FF}
.hxp-tab:focus-visible{outline:2px solid #5849D0;outline-offset:1px}
.hxp-home{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:104px;height:4px;border-radius:2px;background:#101828;opacity:.85;z-index:5}
.hxp-toast{position:absolute;left:50%;bottom:92px;transform:translate(-50%,16px);display:flex;align-items:center;gap:8px;white-space:nowrap;background:#101828;color:#fff;font-size:11.5px;font-weight:600;padding:9px 13px 9px 9px;border-radius:12px;box-shadow:0 14px 28px -12px rgba(16,24,40,.6);opacity:0;pointer-events:none;transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1);z-index:6}
.hxp-toast.show{opacity:1;transform:translate(-50%,0)}
.hxp-toast i{width:20px;height:20px;border-radius:50%;background:#12B76A;display:grid;place-items:center}


/* ---- notification bell + panel ---- */
.hxp-bell{appearance:none;-webkit-appearance:none;border:0;padding:0;cursor:pointer;width:40px;height:40px;transition:background .2s,transform .2s}
.hxp-bell:hover{background:#E8EBF2}.hxp-bell:active{transform:scale(.94)}
.hxp-bell:focus-visible{outline:2px solid #5849D0;outline-offset:2px}
.hxp-bell[aria-expanded="true"]{background:#EDE9FF;color:#5849D0}
.hxp-bell i{top:9px;right:10px;transition:transform .25s cubic-bezier(.2,.9,.3,1.4),opacity .2s}
.hxp-bell.read i{transform:scale(0);opacity:0}
.hxp-bell .ring{transform-origin:50% 15%}
.hxp-bell:hover .ring,.hxp-bell.ring-now .ring{animation:hxp-ring .9s ease-in-out}
@keyframes hxp-ring{0%,100%{transform:rotate(0)}15%{transform:rotate(15deg)}30%{transform:rotate(-13deg)}45%{transform:rotate(9deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}
.hxp-scrim{position:absolute;left:0;right:0;top:96px;bottom:78px;background:rgba(16,24,40,.28);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:6}
.hxp-scrim.show{opacity:1;pointer-events:auto}
.hxp-notif{position:absolute;left:10px;right:10px;top:96px;z-index:8;background:#fff;border:1px solid #E4E7EC;border-radius:18px;box-shadow:0 24px 40px -18px rgba(16,24,40,.5);overflow:hidden;transform-origin:88% 0}
.hxp-notif[hidden]{display:none}
.hxp-notif.show{animation:hxp-pop .28s cubic-bezier(.2,.9,.3,1.1)}
@keyframes hxp-pop{from{opacity:0;transform:translateY(-8px) scale(.94)}to{opacity:1;transform:none}}
.hxp-nh{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 14px 10px}
.hxp-nh b{font-size:14px;font-weight:700;color:#101828}
.hxp-mark{appearance:none;border:0;background:none;cursor:pointer;font:600 11px/1 'Inter',system-ui,sans-serif;color:#5849D0;padding:8px 6px;border-radius:8px}
.hxp-mark:hover{background:#F4F2FF}.hxp-mark:disabled{color:#98A2B3;cursor:default;background:none}
.hxp-nl{list-style:none;margin:0;padding:0 6px 8px;max-height:310px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.hxp-ni{appearance:none;width:100%;text-align:left;font-family:inherit;border:0;background:transparent;cursor:pointer;display:grid;grid-template-columns:32px 1fr 8px;gap:10px;align-items:start;padding:10px 8px;border-radius:12px;transition:background .2s}
.hxp-ni:hover,.hxp-ni:focus-visible{background:#F6F5FF;outline:none}
.hxp-ni:focus-visible{box-shadow:inset 0 0 0 2px #9CABF7}
.hxp-ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center}
.hxp-ic.ok{background:#E7F6EC;color:#12B76A}.hxp-ic.warn{background:#FEF0C7;color:#DC6803}.hxp-ic.info{background:#EDE9FF;color:#5849D0}.hxp-ic.bad{background:#FEE4E2;color:#D92D20}
.hxp-nt{display:block;font-size:12px;line-height:1.4;font-weight:600;color:#101828}
.hxp-ni.read .hxp-nt{font-weight:500;color:#475467}
.hxp-nm{display:block;margin-top:2px;font-size:10.5px;color:#667085}
.hxp-ud{width:8px;height:8px;border-radius:50%;background:#5849D0;margin-top:5px;transition:transform .2s,opacity .2s}
.hxp-ni.read .hxp-ud{transform:scale(0);opacity:0}
.hxp-ni.fresh{animation:hxp-fresh .6s ease-out}
@keyframes hxp-fresh{from{background:#EDE9FF;transform:translateY(-6px);opacity:0}to{background:transparent;transform:none;opacity:1}}
.hxp-empty{padding:18px 14px 20px;text-align:center;font-size:12px;color:#667085}
@media(prefers-reduced-motion:reduce){.hxp-bell:hover .ring,.hxp-bell.ring-now .ring,.hxp-notif.show,.hxp-ni.fresh{animation:none}.hxp-scrim,.hxp-bell i{transition:none}}

/* stack on smaller screens: phone first, then the laptop preview */
@media(max-width:1060px){
  #dbnHero .hx-devices{flex-direction:column;gap:40px}
  #dbnHero .hx-phone{order:-1}
  #dbnHero .hx-devices .canvas{max-width:960px}
}
@media(max-width:380px){.hx-phone,.hxp-device{width:min(300px,calc(100vw - 32px))}.hxp-device{height:calc((100vw - 32px)*2.04)}}
@media(prefers-reduced-motion:reduce){#dbnHero .hx-phone{opacity:1;transform:none;transition:none}.hxp-panel.on,.hxp-toast{animation:none;transition:none}.hxp-bar i,.hxp-seg i,.hxp-bars i,.hxp-donut .arc{transition:none}}

/* hx-banner-edits */
#dbnHero .hx-eye{display:inline-block;margin:0 0 16px;padding:6px 14px;border-radius:999px;background:#EBEEFD;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#3A58EF;}
#dbnHero .hx-price{gap:0;font-weight:500;}
#dbnHero .hx-price b{font-weight:700;}
#dbnHero .hx-dtabs{display:flex;width:max-content;margin:clamp(40px,5vw,64px) auto 0;padding:4px;gap:4px;border:1px solid #E4E7EC;border-radius:999px;background:#fff;box-shadow:0 8px 20px -14px rgba(16,24,40,.35);}
#dbnHero .hx-dtab{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 20px;border:0;border-radius:999px;background:transparent;font:inherit;font-size:15px;font-weight:600;color:#475467;cursor:pointer;transition:background .2s ease,color .2s ease;}
#dbnHero .hx-dtab svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
#dbnHero .hx-dtab:hover{color:#101828;}
#dbnHero .hx-dtab.on{background:#3A58EF;color:#fff;}
#dbnHero .hx-dtab:focus-visible{outline:3px solid #9CABF7;outline-offset:2px;}
#dbnHero .hx-dtabs + .hx-devices{margin-top:clamp(24px,3vw,36px);}
#dbnHero .hx-devices[data-dev="desktop"] .hx-phone,
#dbnHero .hx-devices[data-dev="mobile"] .canvas{display:none !important;}
#dbnHero .hx-devices[data-dev="mobile"] .hx-phone{order:0;}


#dbnHero .hxf-v[hidden]{display:none !important;}
#dbnHero .hxf-v-team .hxf-sum{margin-top:14px;padding:10px 14px;}
#dbnHero .hxf-v-team .hxf-lic{margin-top:10px;gap:7px;}
#dbnHero .hxf-v-team .hxf-lr{padding:6px 10px 6px 6px;}
#dbnHero .hxf-v-team .hxf-lr .s{width:36px;height:36px;}
#dbnHero .hxf-sts{display:flex;align-items:stretch;gap:8px;margin-top:14px;flex-wrap:wrap;}
#dbnHero .hxf-sts>div{flex:1;min-width:0;padding:9px 12px;border-radius:12px;border:1px solid #EEF0F4;background:#fff;}
#dbnHero .hxf-sts>div b{display:block;font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.05;font-variant-numeric:tabular-nums;transition:color .3s ease;}
#dbnHero .hxf-sts>div small{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:11.5px;font-weight:600;color:#475467;white-space:nowrap;}
#dbnHero .hxf-sts>div small::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none;}
#dbnHero .hxf-sts .c{background:#F3FBF6;border-color:#D3F0DE;}#dbnHero .hxf-sts .c b,#dbnHero .hxf-sts .c small::before{color:#079455;}
#dbnHero .hxf-sts .p{background:#FFF9F2;border-color:#FBE3C7;}#dbnHero .hxf-sts .p b,#dbnHero .hxf-sts .p small::before{color:#DC6803;}
#dbnHero .hxf-sts .n{background:#FFF6F5;border-color:#FAD7D3;}#dbnHero .hxf-sts .n b,#dbnHero .hxf-sts .n small::before{color:#D92D20;}
#dbnHero .hxf-sts .t{display:none;}
#dbnHero .hxf-sb{display:flex;gap:2px;height:5px;margin-top:5px;border-radius:99px;overflow:hidden;background:#F2F4F7;max-width:220px;}
#dbnHero .hxf-sb i{display:block;height:100%;width:var(--w,0%);transition:width .8s cubic-bezier(.2,.7,.2,1);}
#dbnHero .hxf-sb i.c{background:#17B26A;}#dbnHero .hxf-sb i.p{background:#F79009;}#dbnHero .hxf-sb i.n{background:#F04438;}
#dbnHero .hxf-ct{display:inline-grid;place-items:center;min-width:26px;height:24px;padding:0 6px;border-radius:7px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;}
#dbnHero .hxf-ct.c{background:#E7F6EC;color:#067647;}#dbnHero .hxf-ct.p{background:#FEF3E6;color:#B54708;}#dbnHero .hxf-ct.n{background:#FEECEB;color:#B42318;}
#dbnHero .hxf-ct.z{background:#F5F6F8;color:#98A2B3;}
#dbnHero .hxf-sr .a{gap:4px;}#dbnHero .hxf-sr .hxf-btn,#dbnHero .hxf-sr .hxf-pill{margin-left:4px;}
#dbnHero .hxf-v-team .hxf-sts{margin-top:12px;gap:6px;}
#dbnHero .hxf-v-team .hxf-sts>div{padding:6px 11px;}
#dbnHero .hxf-v-team .hxf-sts>div b{font-size:19px;}
#dbnHero .hxf-v-team .hxf-sts>div small{margin-top:1px;font-size:11px;}
#dbnHero .hxf-v-team .hxf-lic{margin-top:8px;gap:5px;}
#dbnHero .hxf-v-team .hxf-sr{padding:5px 10px 5px 6px;}
#dbnHero .hxf-v-team .hxf-sr .s{width:32px;height:32px;font-size:11px;}
#dbnHero .hxf-v-team .hxf-sr .r b{font-size:12.5px;line-height:1.25;}
#dbnHero .hxf-v-team .hxf-sr .r small{font-size:11px;line-height:1.3;}
#dbnHero .hxf-v-team .hxf-sb{margin-top:4px;height:4px;}
#dbnHero .hxf-v-team .hxf-ct{height:22px;min-width:24px;font-size:11.5px;}
@media (max-width:560px){#dbnHero .hxf-v-team .hxf-sts>div{padding:6px 8px;}#dbnHero .hxf-v-team .hxf-sts>div b{font-size:17px;}#dbnHero .hxf-v-team .hxf-sts>div small{font-size:10px;gap:4px;}#dbnHero .hxf-sr .hxf-ct{min-width:22px;padding:0 4px;font-size:11px;}#dbnHero .hxf-sr .hxf-btn,#dbnHero .hxf-sr .hxf-pill{display:none;}}

#dbnHero .hxf-v-team .hxf-sum,#dbnHero .hxf-v-team .hxf-lr{animation:hxfIn .45s cubic-bezier(.2,.7,.2,1) both;}
@keyframes hxfIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
#dbnHero .hxf-pill.er{background:#FEECEB;color:#B42318;}
#dbnHero .hxf-lpbar{display:flex;align-items:center;gap:10px;margin-top:18px;}
#dbnHero .hxf-lpbar .hxf-chips{flex:1;min-width:0;margin:0;}
#dbnHero .hxf-bulk{flex:none;height:30px;padding:0 12px;border:0;border-radius:8px;background:var(--fc);color:#fff;font:inherit;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s ease,transform .2s ease;}
#dbnHero .hxf-bulk:hover{transform:translateY(-1px);}
#dbnHero .hxf-bulk.ok{background:#E7F6EC;color:#067647;}
#dbnHero .hxf-bulk:focus-visible{outline:3px solid #C9B9F5;outline-offset:2px;}
#dbnHero .hxf-lps{display:flex;flex-direction:column;gap:8px;margin-top:14px;}
#dbnHero .hxf-lp{display:flex;align-items:center;gap:12px;padding:9px 10px 9px 9px;border:1px solid #EEF0F4;border-radius:12px;transition:opacity .25s ease,border-color .2s ease,background .3s ease;}
#dbnHero .hxf-lp:hover{border-color:color-mix(in srgb,var(--fc) 30%,#fff);}
#dbnHero .hxf-lp.dim{opacity:.35;}
#dbnHero .hxf-lp.sent{background:#FAFFFC;}
#dbnHero .hxf-lp .s{width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c);font-size:12px;font-weight:700;}
#dbnHero .hxf-lp .r{flex:1;min-width:0;}
#dbnHero .hxf-lp .r b{display:block;font-size:13px;font-weight:600;color:#101828;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#dbnHero .hxf-lp .r small{display:block;font-size:11.5px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#dbnHero .hxf-lpp{display:block;height:4px;margin-top:5px;max-width:160px;border-radius:99px;background:#EEF0F4;overflow:hidden;}
#dbnHero .hxf-lpp::after{content:"";display:block;height:100%;width:0;border-radius:inherit;background:#F79009;transition:width 1s cubic-bezier(.2,.7,.2,1) .4s;}
#dbnHero .hxf-p.on .hxf-lpp::after{width:var(--w,0%);}
#dbnHero .hxf-lp .a{flex:none;}
@media (max-width:560px){
  #dbnHero .hxf-lpbar .hxf-chips{margin-right:0;padding-right:0;}
  #dbnHero .hxf-bulk{height:28px;padding:0 10px;font-size:11.5px;}
  #dbnHero .hxf-lp .hxf-pill{padding:0 7px;font-size:11px;}
  #dbnHero .hxf-v-team .hxf-lr .hxf-pill.ok{display:inline-flex;}
  #dbnHero .hxf-v-team .hxf-lr.fixed .hxf-pill.ok{display:none;}
  #dbnHero .hxf-path b,#dbnHero .hxf-path small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
}

/* hx-mob-only */
/* Phones: show only the mobile learning app in the second fold, not the Teams dashboard */
@media (max-width:767px){
  #dbnHero .hx-dtabs{display:none !important}
  #dbnHero .hx-devices .canvas{display:none !important}
  #dbnHero .hx-devices[data-dev] .hx-phone{display:block !important;margin-left:auto;margin-right:auto}
  #dbnHero .hx-devices{margin-top:28px}
}

/* ma-css */
/* ===== Mobile app preview (mirrors the desktop admin dashboard) ===== */
#dbnHero .hx-phone{width:340px}
.hxp-device{width:340px;height:700px}
.hxp-screen{background:#F4F5FA}
.ma{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;font-size:12.5px;line-height:1.4;color:#101828}
.ma :where(button){font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:inherit}
.ma svg.i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ma :focus-visible{outline:2px solid #3A58EF;outline-offset:2px;border-radius:8px}

/* header */
.ma-hd{flex:none;display:flex;align-items:center;gap:10px;padding:4px 14px 12px;background:#fff;border-bottom:1px solid #EEF0F4}
.ma-logo{width:34px;height:34px;flex:none;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#5B7BFF,#3A58EF);color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em}
.ma-back{width:34px;height:34px;flex:none;border-radius:11px;display:grid;place-items:center;background:#F2F4F7;color:#344054}
.ma-tt{flex:1;min-width:0}
.ma-tt h3{margin:0;font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ma-tt p{margin:1px 0 0;font-size:11.5px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ma-ib{position:relative;width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:#F2F4F7;color:#344054}
.ma-ib .dot{position:absolute;top:7px;right:8px;width:7px;height:7px;border-radius:50%;background:#F04438;box-shadow:0 0 0 2px #F2F4F7}

/* body */
.ma-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:14px 14px 90px}
.ma-body::-webkit-scrollbar{display:none}
.ma-scr.enter{animation:maIn .35s cubic-bezier(.2,.7,.2,1)}
.ma-scr.enter.fwd{animation-name:maFwd}
@keyframes maIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes maFwd{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}

.ma-card{background:#fff;border:1px solid #EEF0F4;border-radius:16px;padding:14px;margin-bottom:12px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.ma-ch{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:12px}
.ma-ch h4{margin:0;font-size:13.5px;font-weight:700;letter-spacing:-.01em}
.ma-ch small{display:block;font-size:11px;color:#667085;margin-top:1px}
.ma-link{flex:none;height:26px;padding:0 10px;border-radius:99px;background:#EEF1FE;color:#3A58EF !important;font-size:11px !important;font-weight:600;display:inline-flex;align-items:center;gap:4px}
.ma-sh{display:flex;justify-content:space-between;align-items:center;margin:4px 2px 8px;font-size:12px;font-weight:700;color:#344054}

.ma-greet{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px}
.ma-greet b{display:block;font-size:15px;font-weight:700;letter-spacing:-.01em}
.ma-greet small{display:block;font-size:11px;color:#667085}
.ma-seg{display:inline-flex;padding:3px;border-radius:10px;background:#E9EBF2;gap:2px;flex:none}
.ma-seg button{height:26px;padding:0 10px;border-radius:8px;font-size:11.5px;font-weight:600;color:#667085}
.ma-seg button.on{background:#fff;color:#101828;box-shadow:0 1px 3px rgba(16,24,40,.12)}
.ma-seg.full{display:flex;margin-bottom:12px}
.ma-seg.full button{flex:1}

/* hero KPI */
.ma-hero{position:relative;overflow:hidden;border-radius:18px;padding:16px;margin-bottom:12px;color:#fff;background:linear-gradient(135deg,#4F6BFF 0%,#3A58EF 55%,#5B3FD6 100%);box-shadow:0 14px 28px -16px rgba(58,88,239,.8)}
.ma-hero::after{content:"";position:absolute;right:-40px;top:-50px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.1)}
.ma-hero small{font-size:11px;opacity:.85}
.ma-hero .big{display:block;font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:2px 0 12px}
.ma-hero .big em{font-style:normal;font-size:14px;font-weight:600;opacity:.85;margin-left:3px}
.ma-hero .row{display:flex;gap:8px;position:relative;z-index:1}
.ma-hero .row > button{flex:1;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.14);color:#fff}
.ma-hero .row b{display:block;font-size:15px;font-weight:700}
.ma-hero .row span{font-size:10.5px;opacity:.85}
.ma-hero .hl{position:absolute;right:14px;top:14px;z-index:1;height:26px;padding:0 10px;border-radius:99px;background:rgba(255,255,255,.18);color:#fff;font-size:11px;font-weight:600}

/* quick actions */
.ma-qa{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px}
.ma-qa button{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10.5px;font-weight:600;color:#344054;text-align:center}
.ma-qa i{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#fff;border:1px solid #EEF0F4;color:#3A58EF;box-shadow:0 2px 6px -3px rgba(16,24,40,.15);transition:transform .15s ease}
.ma-qa button:active i{transform:scale(.94)}

/* lists */
.ma-tl > div{display:flex;align-items:center;gap:10px;padding:7px 0}
.ma-tl > div + div{border-top:1px solid #F2F4F7}
.ma-av{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--c,#3A58EF);background:color-mix(in srgb,var(--c,#3A58EF) 14%,#fff)}
.ma-grow{flex:1;min-width:0}
.ma-grow b{display:block;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ma-grow small{display:block;font-size:11px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ma-bar{display:block;height:5px;margin-top:5px;border-radius:99px;background:#EEF0F4;overflow:hidden}
.ma-bar i{display:block;height:100%;width:0;border-radius:inherit;background:var(--bc,#3A58EF);transition:width .9s cubic-bezier(.2,.7,.2,1)}
.ma-num{flex:none;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}

/* donut */
.ma-dn{display:flex;align-items:center;gap:14px}
.ma-donut{position:relative;width:96px;height:96px;flex:none}
.ma-donut svg{width:100%;height:100%;transform:rotate(-90deg)}
.ma-donut circle{fill:none;stroke-width:14;transition:stroke-dasharray 1s cubic-bezier(.2,.7,.2,1),opacity .2s ease}
.ma-donut circle.dim{opacity:.25}
.ma-donut b{position:absolute;inset:0;display:grid;place-items:center;font-size:18px;font-weight:700}
.ma-lg{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.ma-lg > *{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11.5px;color:#475467;width:100%}
.ma-lg b{color:#101828;font-weight:600;white-space:nowrap}
.ma-lg span{display:flex;align-items:center;gap:6px;min-width:0}
.ma-lg i{width:8px;height:8px;border-radius:50%;flex:none}
.ma-lg button{padding:3px 6px;margin:0 -6px;border-radius:8px}
.ma-lg button.hot{background:#F4F3FF}
.ma-dl{margin-top:12px;padding-top:10px;border-top:1px solid #F2F4F7}
.ma-dl h5{margin:0 0 6px;font-size:11.5px;font-weight:700;color:#344054}
.ma-dl > div{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:11px;color:#475467}
.ma-dl > div b{flex:none;color:#101828;font-weight:600}

/* chart */
.ma-key{display:flex;flex-wrap:wrap;gap:10px;font-size:10.5px;color:#475467;margin-bottom:8px}
.ma-key span{display:flex;align-items:center;gap:5px}
.ma-key i{width:8px;height:8px;border-radius:2px}
.ma-chart{display:flex;align-items:flex-end;gap:4px;height:120px;padding-bottom:16px;position:relative;border-bottom:1px solid #EEF0F4}
.ma-chart button{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:1.5px;position:relative;border-radius:6px}
.ma-chart button.on{background:#F4F6FE}
.ma-chart i{width:5px;height:0;border-radius:3px 3px 0 0;transition:height .8s cubic-bezier(.2,.7,.2,1)}
.ma-chart i.a{background:#4E69F1}.ma-chart i.n{background:#FDA29B}
.ma-chart em{position:absolute;bottom:-16px;left:0;right:0;text-align:center;font-style:normal;font-size:9.5px;color:#98A2B3}
.ma-tip{margin:22px 0 0;padding:8px 10px;border-radius:10px;background:#F9FAFB;font-size:11px;color:#475467;min-height:32px}
.ma-tip b{color:#101828}

/* stacked dept */
.ma-dp{margin-top:10px}
.ma-dp > div:first-child{display:flex;justify-content:space-between;font-size:11.5px}
.ma-dp > div:first-child span{color:#667085}
.ma-stk{display:flex;height:8px;margin-top:5px;border-radius:99px;overflow:hidden;background:#EEF0F4;gap:2px}
.ma-stk i{display:block;height:100%;width:0;transition:width .9s cubic-bezier(.2,.7,.2,1)}

/* search + chips */
.ma-srch{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border-radius:12px;background:#fff;border:1px solid #E4E7EC;color:#98A2B3;margin-bottom:10px}
.ma-srch input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:12.5px;color:#101828}
.ma-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -14px 12px;padding:0 14px}
.ma-chips::-webkit-scrollbar{display:none}
.ma-chip{flex:none;height:28px;padding:0 12px;border-radius:99px;border:1px solid #E4E7EC !important;background:#fff !important;font-size:11.5px;font-weight:600;color:#475467 !important}
.ma-chip.on{background:#101828 !important;border-color:#101828 !important;color:#fff !important}

/* list rows */
.ma-list{background:#fff;border:1px solid #EEF0F4;border-radius:16px;overflow:hidden;margin-bottom:12px}
.ma-row{display:flex;align-items:center;gap:10px;padding:11px 12px;width:100%}
.ma-row + .ma-row{border-top:1px solid #F2F4F7}
.ma-row.new{animation:maNew 1.4s ease}
@keyframes maNew{0%{background:#EEF1FE}100%{background:#fff}}
.ma-pill{flex:none;display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:99px;font-size:10.5px;font-weight:600;white-space:nowrap}
.ma-pill.ok{background:#E7F6EC;color:#067647}.ma-pill.wa{background:#FEF3E6;color:#B54708}.ma-pill.er{background:#FEECEB;color:#B42318}.ma-pill.v{background:#EEF1FE;color:#3A58EF}.ma-pill.n{background:#F2F4F7;color:#475467}
.ma-tag{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:6px;background:#F2F4F7;font-size:10.5px;font-weight:600;color:#475467;margin-right:4px}
.ma-more{width:28px;height:28px;flex:none;border-radius:8px;display:grid;place-items:center;color:#667085}
.ma-chev{color:#98A2B3}

/* course / generic cards */
.ma-cc{background:#fff;border:1px solid #EEF0F4;border-radius:16px;padding:12px;margin-bottom:10px}
.ma-cc h5{margin:0;font-size:13px;font-weight:650;line-height:1.35}
.ma-cc p{margin:3px 0 8px;font-size:11px;color:#667085}
.ma-cf{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #F2F4F7}
.ma-cf small{font-size:11px;color:#667085}
.ma-btn{flex:none;height:30px;padding:0 14px;border-radius:9px;background:#3A58EF !important;color:#fff !important;font-size:11.5px;font-weight:600;display:inline-flex;align-items:center;gap:5px;transition:transform .15s ease,background .2s ease}
.ma-btn:active{transform:scale(.97)}
.ma-btn.ghost{background:#EEF1FE !important;color:#3A58EF !important}
.ma-btn.done{background:#E7F6EC !important;color:#067647 !important}
.ma-btn.wide{width:100%;justify-content:center;height:38px;font-size:12.5px;border-radius:12px;margin-bottom:12px}

/* stats */
.ma-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.ma-stats div{background:#fff;border:1px solid #EEF0F4;border-radius:14px;padding:10px 12px}
.ma-stats span{display:block;font-size:10.5px;color:#667085}
.ma-stats b{display:block;font-size:19px;font-weight:700;letter-spacing:-.02em;margin-top:2px}

/* org chart */
.ma-org-root{display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;background:linear-gradient(135deg,#F4F3FF,#fff);border:1px solid #E9E5FD;margin-bottom:6px}
.ma-org-line{width:2px;height:12px;background:#E4E7EC;margin:0 0 6px 27px}
.ma-dep{margin-bottom:8px;border-radius:14px;background:#fff;border:1px solid #EEF0F4;overflow:hidden}
.ma-dep > button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px}
.ma-dep > button i{width:10px;height:10px;border-radius:3px;background:var(--c)}
.ma-dep > button b{flex:1;font-size:12.5px}
.ma-dep > button em{font-style:normal;font-size:11px;color:#667085}
.ma-dep > button svg{transition:transform .2s ease}
.ma-dep.closed > button svg{transform:rotate(-90deg)}
.ma-dep.closed .ma-kids{display:none}
.ma-kids{border-top:1px solid #F2F4F7;padding:2px 12px 4px 30px;position:relative}
.ma-kids::before{content:"";position:absolute;left:16px;top:0;bottom:16px;width:2px;background:color-mix(in srgb,var(--c) 30%,#fff)}

/* more menu */
.ma-me{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:#fff;border:1px solid #EEF0F4;margin-bottom:14px}
.ma-me .ma-av{width:44px;height:44px;font-size:14px;color:#fff;background:linear-gradient(135deg,#5B7BFF,#5B3FD6)}
.ma-sw{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;color:#667085;letter-spacing:.04em}
.ma-sw button{width:34px;height:20px;border-radius:99px;background:#3A58EF;position:relative}
.ma-sw button::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s ease}
.ma-sw button.l::after{transform:translateX(14px)}
.ma-mh{margin:4px 4px 6px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#98A2B3}
.ma-mi{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px}
.ma-mi + .ma-mi{border-top:1px solid #F2F4F7}
.ma-mi .ic{width:32px;height:32px;flex:none;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--c)}
.ma-mi .ic svg.i{width:16px;height:16px}
.ma-mi b{flex:1;font-size:12.5px;font-weight:600}
.ma-mi em{font-style:normal;font-size:10.5px;font-weight:600;color:#667085;background:#F2F4F7;border-radius:99px;padding:2px 7px}

/* fab, tab bar, toast, sheet */
.ma-fab{position:absolute;right:14px;bottom:82px;z-index:4;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#3A58EF !important;color:#fff !important;box-shadow:0 12px 22px -10px rgba(58,88,239,.9)}
.ma-fab svg.i{width:22px;height:22px}
.ma-nav{position:absolute;left:0;right:0;bottom:0;z-index:5;display:flex;padding:7px 6px 22px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #EEF0F4}
.ma-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:600;color:#98A2B3 !important;text-align:center}
.ma-nav button span{width:44px;height:28px;border-radius:99px;display:grid;place-items:center;transition:background .2s ease}
.ma-nav button.on{color:#3A58EF !important}
.ma-nav button.on span{background:#EEF1FE}
.ma-toast{position:absolute;left:50%;bottom:80px;z-index:8;transform:translate(-50%,12px);max-width:calc(100% - 28px);padding:9px 14px;border-radius:12px;background:#101828;color:#fff;font-size:11.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .3s cubic-bezier(.2,.7,.2,1)}
.ma-toast.on{opacity:1;transform:translate(-50%,0)}
.ma-scrim{position:absolute;inset:0;z-index:9;background:rgba(16,24,40,.35);opacity:0;pointer-events:none;transition:opacity .25s ease}
.ma-scrim.on{opacity:1;pointer-events:auto}
.ma-sheet{position:absolute;left:0;right:0;bottom:0;z-index:10;max-height:78%;overflow-y:auto;padding:8px 16px 28px;border-radius:22px 22px 0 0;background:#fff;transform:translateY(105%);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.ma-sheet.on{transform:none}
.ma-grab{width:36px;height:4px;border-radius:4px;background:#D0D5DD;margin:0 auto 12px}
.ma-sheet h4{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px;font-size:15px}
.ma-sheet h4 button{font-size:11.5px;font-weight:600;color:#3A58EF}
.ma-ni{display:flex;gap:10px;padding:10px 0;border-top:1px solid #F2F4F7;font-size:12px;color:#344054}
.ma-ni.u b{color:#101828}
.ma-ni .ic{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;background:#EEF1FE;color:#3A58EF}
.ma-ni .ic svg.i{width:15px;height:15px}
.ma-ni small{display:block;font-size:10.5px;color:#98A2B3;margin-top:2px}
.ma-ni.u::after{content:"";width:7px;height:7px;flex:none;margin-top:4px;border-radius:50%;background:#3A58EF}
.ma-empty{padding:22px 10px;text-align:center;font-size:12px;color:#667085}
.ma-spin{display:inline-block;width:11px;height:11px;border:2px solid #C7D0FB;border-top-color:#3A58EF;border-radius:50%;animation:maSp .8s linear infinite;vertical-align:-1px;margin-right:4px}
@keyframes maSp{to{transform:rotate(360deg)}}
@media(max-width:380px){#dbnHero .hx-phone,.hxp-device{width:min(340px,calc(100vw - 32px))}.hxp-device{height:calc((100vw - 32px)*2.06)}}
@media(prefers-reduced-motion:reduce){.ma-scr.enter,.ma-row.new{animation:none}.ma-bar i,.ma-stk i,.ma-chart i,.ma-donut circle,.ma-sheet,.ma-toast{transition:none}}

/* fm-nav-css */
#fmBox .hero-ctas{flex-wrap:wrap;align-items:center;}
#fmBox .fm-nav{margin-left:auto;display:flex;align-items:center;gap:10px;}
#fmBox .fm-arrow{width:44px;height:44px;flex:none;border-radius:50%;border:1px solid #D0D5DD;background:#fff;color:#344054;display:grid;place-items:center;cursor:pointer;padding:0;transition:border-color .2s ease,color .2s ease,background .2s ease;}
#fmBox .fm-arrow:hover{border-color:var(--accent,#3A58EF);color:var(--accent,#3A58EF);background:var(--accent-tint,#EBEEFD);}
#fmBox .fm-arrow:focus-visible{outline:3px solid #9CABF7;outline-offset:2px;}
#fmBox .fm-arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
#fmBox.fm-swap .feat-modal-band,#fmBox.fm-swap .feat-list{animation:fmSwap .35s cubic-bezier(.2,.7,.2,1);}
@keyframes fmSwap{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#fmBox.fm-swap .feat-modal-band,#fmBox.fm-swap .feat-list{animation:none;}}

/* ei-fit-css */
.ei-name{white-space:nowrap;overflow:hidden;text-overflow:clip;}

/* testi-thumb-fit */
.testimonial-card{min-height:0;align-items:stretch;}
.testimonial-video{aspect-ratio:510/336;min-height:0 !important;height:auto;background-size:cover;background-position:center;align-self:center;}
.testimonial-video .play-btn{position:absolute;right:18px;bottom:18px;width:52px;height:52px;background:rgba(58,88,239,.85);border-color:rgba(255,255,255,.75);}
.testimonial-video:hover .play-btn{background:#3A58EF;}
@media(max-width:800px){.testimonial-video .play-btn{right:12px;bottom:12px;width:44px;height:44px;}}

/* tx-css */
/* Testimonial: dark panel, person breaking out of a gradient circle, frosted pill nav (same footprint as before) */
#testimonial .tx-card{position:relative;display:grid;grid-template-columns:1.35fr 1fr;height:350px;min-height:0;border:0;border-radius:var(--radius-lg,20px);overflow:hidden;
  background:radial-gradient(90% 120% at 85% 60%,#1B1670 0%,#110C4A 45%,#0C0836 100%);color:#fff;isolation:isolate}
#testimonial .tx-card::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 60%);mask-image:linear-gradient(90deg,#000,transparent 60%)}
#testimonial .tx-copy{padding:30px 52px;display:flex;flex-direction:column;justify-content:center}
#testimonial .tx-quote{font-size:19px;line-height:1.5;font-weight:400;letter-spacing:-.01em;color:#fff;max-width:42ch;margin:0}
#testimonial .tx-name{margin:18px 0 0;font-size:15px;font-weight:700;color:#fff}
#testimonial .tx-role{margin:8px 0 0;font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:14px;line-height:20px;font-weight:500;letter-spacing:0;text-transform:none;white-space:pre-line;color:rgba(225,230,255,.85)}
#testimonial .tx-watch[hidden]{display:none !important}
#testimonial .tx-watch{margin-top:18px;align-self:flex-start;display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 16px 0 6px;border-radius:99px;border:1px solid rgba(255,255,255,.28);color:#fff;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s ease,border-color .2s ease}
#testimonial .tx-watch span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#3A58EF}
#testimonial .tx-watch svg{width:12px;height:12px;fill:#fff;margin-left:2px}
#testimonial .tx-watch:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5)}
#testimonial .tx-watch:focus-visible,#testimonial .tx-pill button:focus-visible{outline:3px solid #9CABF7;outline-offset:2px}
#testimonial .tx-stage{position:relative;--d:296px}
#testimonial .tx-circle{position:absolute;left:50%;bottom:16px;width:var(--d);height:var(--d);margin-left:calc(var(--d) / -2);border-radius:50%;
  background:linear-gradient(180deg,#D6FBFF 0%,#A9D8FF 45%,#6FA6FF 100%);box-shadow:0 30px 60px -30px rgba(80,140,255,.6)}
#testimonial .tx-clip{position:absolute;left:50%;bottom:16px;width:var(--d);height:calc(var(--d) + 34px);margin-left:calc(var(--d) / -2);overflow:hidden;border-radius:0 0 calc(var(--d) / 2) calc(var(--d) / 2)}
#testimonial .tx-person{position:absolute;left:50%;bottom:0;height:calc(100% - 6px);width:auto;max-width:none;transform:translateX(-50%);filter:drop-shadow(0 12px 20px rgba(10,20,80,.25));transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .3s ease}
#testimonial .tx-pill{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);z-index:3;display:flex;align-items:center;gap:10px;padding:7px;border-radius:99px;
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(225,228,245,.62));border:1px solid rgba(255,255,255,.75);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 14px 30px -14px rgba(5,5,40,.6)}
#testimonial .tx-arrow{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(20,30,90,.18);background:rgba(255,255,255,.55);color:#14205A;cursor:pointer;transition:background .2s ease,transform .2s ease}
#testimonial .tx-arrow:hover{background:#fff;transform:scale(1.05)}
#testimonial .tx-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#testimonial .tx-avs{display:flex;gap:6px}
#testimonial .tx-av{position:relative;width:38px;height:38px;padding:0;border:0;background:none;border-radius:50%;cursor:pointer;opacity:.55;filter:grayscale(.6);transition:opacity .25s ease,filter .25s ease,transform .25s ease}
#testimonial .tx-av img{width:100%;height:100%;border-radius:50%;display:block}
#testimonial .tx-av i{position:absolute;left:50%;bottom:-7px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#14205A;opacity:0;transition:opacity .25s ease}
#testimonial .tx-av.on{opacity:1;filter:none;transform:translateY(-2px)}
#testimonial .tx-av.on i{opacity:1}
#testimonial .tx-av:hover{opacity:1}
#testimonial .tx-count{min-width:44px;text-align:center;font-size:12.5px;font-weight:700;color:#14205A;font-variant-numeric:tabular-nums}
/* swap animation */
#testimonial .tx-card.tx-out .tx-copy{opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease}
#testimonial .tx-card.tx-out .tx-person{opacity:0;transform:translateX(calc(-50% + var(--dir,1) * -30px)) scale(.96)}
#testimonial .tx-card.tx-in .tx-copy{animation:txCopy .5s cubic-bezier(.2,.7,.2,1)}
#testimonial .tx-card.tx-in .tx-person{animation:txPerson .6s cubic-bezier(.2,.7,.2,1)}
#testimonial .tx-card.tx-in .tx-circle{animation:txPulse .6s ease}
@keyframes txCopy{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes txPerson{from{opacity:0;transform:translateX(calc(-50% + var(--dir,1) * 40px)) translateY(14px)}to{opacity:1;transform:translateX(-50%)}}
@keyframes txPulse{50%{transform:scale(1.03)}}
@media(max-width:800px){
  #testimonial .tx-card{grid-template-columns:1fr;height:auto;min-height:0}
  #testimonial .tx-stage{order:-1;height:310px;--d:250px}
  #testimonial .tx-copy{padding:22px 22px 30px !important}
  #testimonial .tx-quote{font-size:17.5px}
}
@media (prefers-reduced-motion:reduce){#testimonial .tx-card *{animation:none !important;transition:none !important}}

/* ctx-reorder-css */
#ctaTrack .ctx-big{font-size:52px;line-height:1.05;letter-spacing:-.03em;color:#1B1D45;}
#ctaTrack .ctx-sub{--i:1;margin:12px 0 0;font-size:24px;line-height:1.3;font-weight:700;letter-spacing:-.015em;color:#1B1D45;}
#ctaTrack .ctx-trust-top{--i:2;margin:16px 0 0;font-size:14px;}
/* slimmer estimator */
#ctaTrack .ctx-est{margin-top:20px;padding:11px 16px;gap:6px 22px;border-radius:14px;}
#ctaTrack .ctx-est-top{margin-bottom:8px;}
#ctaTrack .ctx-est-top label{font-size:12.5px;}
#ctaTrack .ctx-est-top b{font-size:13px;}
#ctaTrack .ctx-est input[type=range]{height:4px;}
#ctaTrack .ctx-est input[type=range]::-webkit-slider-thumb{width:16px;height:16px;border-width:2px;}
#ctaTrack .ctx-est input[type=range]::-moz-range-thumb{width:13px;height:13px;}
#ctaTrack .ctx-chips{gap:6px;margin-top:9px;}
#ctaTrack .ctx-chips button{height:24px;padding:0 11px;font-size:12px;}
#ctaTrack .ctx-est-r{min-width:120px;padding-left:20px;}
#ctaTrack .ctx-est-k{font-size:11px;}
#ctaTrack .ctx-est-r output{font-size:26px;line-height:1.1;}
#ctaTrack .ctx-est-u{font-size:12px;}
#ctaTrack .ctx-est-note{font-size:12px;}
#ctaTrack .ctx-price-low{--i:4;margin-top:20px;}
#ctaTrack .ctx-btns{--i:5;margin-top:20px;}
@media(pointer:coarse){#ctaTrack .ctx-chips button{height:34px;padding:0 14px}}
@media(max-width:640px){#ctaTrack .ctx-big{font-size:40px}#ctaTrack .ctx-sub{font-size:20px}#ctaTrack .ctx-sub .ctx-grad{white-space:normal}}

/* hxf-cc-css */
#dbnHero .hxf-cc{margin-top:16px;padding:12px 14px;border-radius:14px;background:linear-gradient(120deg,var(--fb),#fff 85%);border:1px solid color-mix(in srgb,var(--fc) 16%,#fff)}
#dbnHero .hxf-cc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
#dbnHero .hxf-cc-top b{display:block;font-size:13px;font-weight:700;color:#101828}
#dbnHero .hxf-cc-top small{display:block;font-size:11px;color:#667085}
#dbnHero .hxf-cc-n{flex:none;font-size:12px;font-weight:600;color:#475467;white-space:nowrap}
#dbnHero .hxf-cc-n b{display:inline;font-size:20px;letter-spacing:-.02em;color:#101828;font-variant-numeric:tabular-nums}
#dbnHero .hxf-cc-bar{display:flex;gap:2px;height:8px;margin-top:9px;border-radius:99px;background:#EAECF0;overflow:hidden}
#dbnHero .hxf-cc-bar i{display:block;height:100%;width:0;transition:width .9s cubic-bezier(.2,.7,.2,1) .3s}
#dbnHero .hxf-p.on .hxf-cc-bar i{width:var(--w)}
#dbnHero .hxf-cc-bar i.m,#dbnHero .hxf-cc-lg i.m{background:#7F56D9}
#dbnHero .hxf-cc-bar i.x,#dbnHero .hxf-cc-lg i.x{background:#0E9384}
#dbnHero .hxf-cc-lg{display:flex;align-items:center;gap:12px;margin-top:9px;font-size:11px;color:#475467}
#dbnHero .hxf-cc-lg span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
#dbnHero .hxf-cc-lg i{width:8px;height:8px;border-radius:2px}
#dbnHero .hxf-cc-lg b{color:#101828}
#dbnHero .hxf-cc-lg .hxf-bulk{margin-left:auto;height:28px;font-size:11.5px}
#dbnHero #hxfP2 .hxf-lps{margin-top:12px}
#dbnHero .hxf-lp.hxf-new{background:#F0FBF8;border-color:#BDEBDD;animation:hxfIn .5s cubic-bezier(.2,.7,.2,1) both}
@media (max-width:560px){#dbnHero .hxf-cc-lg{flex-wrap:wrap;gap:6px 12px}#dbnHero .hxf-cc-lg .hxf-bulk{margin-left:0}}
#dbnHero .hxf-pipe{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}
#dbnHero .hxf-pipe>div{position:relative;padding:8px 9px;border-radius:10px;background:#fff;border:1px solid #EEF0F4;min-width:0}
#dbnHero .hxf-pipe b{display:block;font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1.05;color:#101828;font-variant-numeric:tabular-nums;transition:color .3s ease}
#dbnHero .hxf-pipe small{display:block;margin-top:3px;font-size:10.5px;line-height:1.25;font-weight:600;color:#475467}
#dbnHero .hxf-pipe>div::before{content:"";position:absolute;left:9px;right:9px;top:0;height:2px;border-radius:0 0 2px 2px;background:var(--pc)}
#dbnHero .hxf-pipe .s1{--pc:#3556E8}#dbnHero .hxf-pipe .s2{--pc:#F79009}#dbnHero .hxf-pipe .s3{--pc:#17B26A}#dbnHero .hxf-pipe .s4{--pc:#7F56D9}
#dbnHero .hxf-pipe.bump .s3 b{color:#079455}
#dbnHero #hxfP2 .hxf-cc-n b{color:#079455}
#dbnHero #hxfRevRow{cursor:pointer}
#dbnHero .hxf-pill.up{background:#EEF2FF;color:#3538CD}
#dbnHero #hxfP2 .hxf-lp{padding:7px 10px 7px 7px}
#dbnHero #hxfP2 .hxf-lp .s{width:34px;height:34px;font-size:10.5px}
#dbnHero #hxfP2 .hxf-lps{gap:6px;margin-top:10px}
@media (max-width:560px){#dbnHero #hxfP3 .hxf-sp .r b{white-space:normal;overflow:visible;text-overflow:clip}#dbnHero .hxf-pipe{gap:4px}#dbnHero .hxf-pipe>div{padding:7px 6px}#dbnHero .hxf-pipe b{font-size:16px}#dbnHero .hxf-pipe small{font-size:9.5px}#dbnHero .hxf-pipe>div::before{left:6px;right:6px}}
#dbnHero .hxf-ar{display:flex;flex-direction:column;gap:8px;margin-top:14px}
#dbnHero .hxf-ar-who{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 8px;border:1px solid #EEF0F4;border-radius:12px;background:linear-gradient(120deg,var(--fb),#fff 80%)}
#dbnHero .hxf-ar-who .av{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:#3556E8;color:#fff;font-size:12px;font-weight:700}
#dbnHero .hxf-ar-who .r{flex:1;min-width:0}
#dbnHero .hxf-ar-who .r b{display:block;font-size:13px;font-weight:700;color:#101828}
#dbnHero .hxf-ar-who .r small{display:block;font-size:11px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dbnHero .hxf-ar-pass{font-weight:700;letter-spacing:.02em}
#dbnHero .hxf-ar-sc{display:grid;grid-template-columns:auto 1fr 1fr 1fr;gap:6px;align-items:stretch}
#dbnHero .hxf-ar-sc .ring{position:relative;width:64px;height:64px}
#dbnHero .hxf-ar-sc .ring svg{width:64px;height:64px;transform:rotate(-90deg)}
#dbnHero .hxf-ar-sc .ring circle{fill:none;stroke-width:7}
#dbnHero .hxf-ar-sc .ring .tr{stroke:#EEF0F4}
#dbnHero .hxf-ar-sc .ring .fl{stroke:#17B26A;stroke-linecap:round;stroke-dasharray:163.4;stroke-dashoffset:163.4;transition:stroke-dashoffset 1.3s cubic-bezier(.2,.7,.2,1)}
#dbnHero .hxf-ar.go .ring .fl{stroke-dashoffset:calc(163.4 * (1 - var(--v)))}
#dbnHero .hxf-ar-sc .ring span{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
#dbnHero .hxf-ar-sc .ring b{font-size:15px;font-weight:700;color:#101828;line-height:1;font-variant-numeric:tabular-nums}
#dbnHero .hxf-ar-sc .ring small{font-size:8.5px;color:#667085;font-weight:600;margin-top:1px}
#dbnHero .hxf-ar-sc .ct{padding:8px 10px;border-radius:11px;border:1px solid #EEF0F4;display:flex;flex-direction:column;justify-content:center;min-width:0}
#dbnHero .hxf-ar-sc .ct b{font-size:19px;font-weight:700;line-height:1.05;font-variant-numeric:tabular-nums}
#dbnHero .hxf-ar-sc .ct small{font-size:10.5px;font-weight:600;color:#475467;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dbnHero .hxf-ar-sc .ct.c{background:#F3FBF6;border-color:#D3F0DE}#dbnHero .hxf-ar-sc .ct.c b{color:#079455}
#dbnHero .hxf-ar-sc .ct.n{background:#FFF6F5;border-color:#FAD7D3}#dbnHero .hxf-ar-sc .ct.n b{color:#D92D20}
#dbnHero .hxf-ar-sc .ct.z{background:#F9FAFB}#dbnHero .hxf-ar-sc .ct.z b{color:#667085}
#dbnHero .hxf-ar-tp{padding:9px 11px;border:1px solid #EEF0F4;border-radius:12px}
#dbnHero .hxf-ar-tp .h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
#dbnHero .hxf-ar-tp .h b{font-size:12px;font-weight:700;color:#101828}
#dbnHero .hxf-ar-tp .h small{display:flex;align-items:center;gap:5px;font-size:10px;color:#667085;white-space:nowrap}
#dbnHero .hxf-ar-tp .h small i{width:7px;height:7px;border-radius:2px;background:#17B26A}#dbnHero .hxf-ar-tp .h small i.lo{background:#F04438;margin-left:4px}
#dbnHero .hxf-ar-tp .g{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}
#dbnHero .hxf-ar-tp .t span{display:flex;justify-content:space-between;gap:6px;font-size:11px}
#dbnHero .hxf-ar-tp .t span b{font-weight:600;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dbnHero .hxf-ar-tp .t span em{font-style:normal;font-weight:700;color:#079455;font-variant-numeric:tabular-nums}
#dbnHero .hxf-ar-tp .t.lo span em{color:#D92D20}
#dbnHero .hxf-ar-tp .t i{display:block;height:4px;margin-top:3px;border-radius:99px;background:#F2F4F7;overflow:hidden}
#dbnHero .hxf-ar-tp .t i::after{content:"";display:block;height:100%;width:0;border-radius:inherit;background:#17B26A;transition:width 1s cubic-bezier(.2,.7,.2,1) .3s}
#dbnHero .hxf-ar-tp .t.lo i::after{background:#F04438}
#dbnHero .hxf-ar.go .hxf-ar-tp .t i::after{width:var(--w)}
#dbnHero .hxf-ar-in{display:flex;align-items:center;gap:8px;padding:7px 11px;border-radius:10px;background:#F3FBF6;font-size:11.5px;color:#475467}
#dbnHero .hxf-ar-in svg{width:15px;height:15px;flex:none;fill:none;stroke:#079455;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#dbnHero .hxf-ar-in b{color:#067647}
@media (max-width:560px){#dbnHero .hxf-ar-sc{grid-template-columns:auto 1fr 1fr 1fr;gap:4px}#dbnHero .hxf-ar-sc .ct{padding:6px 7px}#dbnHero .hxf-ar-sc .ct b{font-size:16px}#dbnHero .hxf-ar-sc .ct small{font-size:9.5px}#dbnHero .hxf-ar-tp .g{gap:5px 10px}#dbnHero .hxf-ar-tp .t span{font-size:10px}#dbnHero .hxf-ar-who .hxf-ar-pass{display:inline-flex}#dbnHero .hxf-ar-sc .ct small{white-space:normal;line-height:1.15}#dbnHero .hxf-ar-in .x{display:none}}
#dbnHero .hxf-chns{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}
#dbnHero .hxf-chn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 10px;border:1px solid #EEF0F4;border-radius:12px;background:#fff;text-align:left;cursor:pointer;font:inherit;min-width:0;transition:border-color .2s ease,background .25s ease,transform .2s ease}
#dbnHero .hxf-chn svg{width:18px;height:18px;margin-bottom:4px;fill:none;stroke:var(--fc);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#dbnHero .hxf-chn b{font-size:12px;font-weight:700;color:#101828;line-height:1.2}
#dbnHero .hxf-chn small{font-size:10.5px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#dbnHero .hxf-chn:hover{border-color:color-mix(in srgb,var(--fc) 35%,#fff)}
#dbnHero .hxf-chn.on{border-color:var(--fc);background:var(--fb);transform:translateY(-1px)}
#dbnHero .hxf-svcs{display:flex;flex-direction:column;gap:6px;margin-top:10px}
#dbnHero .hxf-svc{display:flex;align-items:center;gap:10px;padding:7px 10px 7px 7px;border:1px solid #EEF0F4;border-radius:12px}
#dbnHero .hxf-svc .s{width:32px;height:32px;flex:none;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 12%,#fff)}
#dbnHero .hxf-svc .s svg{width:16px;height:16px;fill:none;stroke:var(--c);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#dbnHero .hxf-svc .r{flex:1;min-width:0}
#dbnHero .hxf-svc .r b{display:block;font-size:12.5px;font-weight:600;color:#101828}
#dbnHero .hxf-svc .r small{display:block;font-size:11px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:560px){#dbnHero .hxf-chns{gap:4px}#dbnHero .hxf-chn{padding:7px 6px}#dbnHero .hxf-chn b{font-size:10.5px}#dbnHero .hxf-chn small{font-size:9px}#dbnHero .hxf-chn svg{width:16px;height:16px}#dbnHero .hxf-svc .hxf-pill{padding:0 7px;font-size:10.5px}}
#dbnHero #hxfP3{display:flex;flex-direction:column}
#dbnHero #hxfP3 .hxf-path{flex:none;margin-top:14px;padding:10px 14px}
#dbnHero #hxfP3 .hxf-steps{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin-top:8px;padding:2px 4px 18px 0;gap:2px;scrollbar-width:thin;scrollbar-color:#D0D5DD transparent;-webkit-mask-image:linear-gradient(#000 calc(100% - 26px),transparent);mask-image:linear-gradient(#000 calc(100% - 26px),transparent)}
#dbnHero #hxfP3 .hxf-steps::before{display:none}
#dbnHero #hxfP3 .hxf-sp{padding:6px 10px 6px 4px;gap:12px}
#dbnHero #hxfP3 .hxf-sp:not(:last-child)::after{content:"";position:absolute;left:19px;top:calc(50% + 15px);bottom:calc(-50% + 13px);width:2px;background:#EEF0F4}
#dbnHero #hxfP3 .hxf-sp[data-s="done"]:not(:last-child)::after{background:var(--fc)}
#dbnHero #hxfP3 .hxf-sp .d{width:30px;height:30px;font-size:11.5px}
#dbnHero #hxfP3 .hxf-sp .r b{font-size:12.5px;line-height:1.3}
#dbnHero #hxfP3 .hxf-sp .r small{font-size:11px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dbnHero #hxfP3 .hxf-sp[data-s="lock"] .r small{color:#98A2B3}
#dbnHero #hxfAr .hxf-tog{margin-top:0;align-self:flex-start}
#dbnHero #hxfAr{gap:7px}
#dbnHero .hxf-arv{display:flex;flex-direction:column;gap:7px}
#dbnHero .hxf-arv[hidden]{display:none !important}
#dbnHero .hxf-ar-kv{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:6px}
#dbnHero .hxf-ar-kv>div{padding:7px 10px;border:1px solid #EEF0F4;border-radius:11px;min-width:0}
#dbnHero .hxf-ar-kv small{display:block;font-size:10px;font-weight:600;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dbnHero .hxf-ar-kv b{display:block;margin-top:1px;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dbnHero .hxf-ar-kv b.ok{color:#079455}#dbnHero .hxf-ar-kv b.gd{color:#3556E8}#dbnHero .hxf-ar-kv b.ac{color:#B54708}
#dbnHero .hxf-trs{display:flex;flex-direction:column;border:1px solid #EEF0F4;border-radius:12px;padding:2px 10px}
#dbnHero .hxf-tr{display:grid;grid-template-columns:minmax(0,1fr) 36px 46px 34px 76px;align-items:center;gap:8px;padding:4.5px 0;border-bottom:1px solid #F2F4F7}
#dbnHero .hxf-tr .q{background:none !important;border:0 !important;padding:0 !important;width:auto !important;height:auto !important;font-size:11px;font-weight:600;color:#475467;text-align:right;font-variant-numeric:tabular-nums}
#dbnHero .hxf-trh{display:grid;grid-template-columns:minmax(0,1fr) 36px 46px 34px 76px;gap:8px;padding:5px 0 3px;border-bottom:1px solid #EEF0F4;font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#98A2B3}
#dbnHero .hxf-trh span:nth-child(2),#dbnHero .hxf-trh span:nth-child(4){text-align:right}#dbnHero .hxf-trh span:last-child{text-align:right}
#dbnHero .hxf-tr:last-child{border-bottom:0}
#dbnHero .hxf-tr .n{min-width:0;font-size:11.5px;font-weight:600;color:#101828;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dbnHero .hxf-tr .n small{display:block;font-size:10px;font-weight:500;color:#667085}
#dbnHero .hxf-tr .b{height:5px;border-radius:99px;background:#F2F4F7;overflow:hidden}
#dbnHero .hxf-tr .b i{display:block;height:100%;width:0;border-radius:inherit;background:var(--tc);transition:width .9s cubic-bezier(.2,.7,.2,1) .15s}
#dbnHero .hxf-ar.go .hxf-tr .b i{width:var(--w)}
#dbnHero .hxf-tr .sc{font-size:11.5px;font-weight:700;color:var(--tt);text-align:right;font-variant-numeric:tabular-nums}
#dbnHero .hxf-tr .pf{justify-self:end;padding:2px 7px;border-radius:99px;font-size:10px;font-weight:700;white-space:nowrap;background:var(--tb);color:var(--tt)}
#dbnHero .hxf-tr.ex{--tc:#17B26A;--tt:#067647;--tb:#E7F6EC}
#dbnHero .hxf-tr.gd{--tc:#3556E8;--tt:#2E46C9;--tb:#EEF2FF}
#dbnHero .hxf-tr.ni{--tc:#F79009;--tt:#B54708;--tb:#FEF3E6}
#dbnHero .hxf-tr.tot{--tc:#3556E8;--tt:#2E46C9;--tb:#EEF2FF;background:#F9FAFB;margin:0 -10px;padding:5px 10px;border-radius:0 0 11px 11px}
#dbnHero .hxf-tr.tot .n{font-weight:800}
@media (max-width:560px){#dbnHero .hxf-ar-kv{grid-template-columns:1fr 1fr}#dbnHero .hxf-ar-kv>div:last-child{grid-column:1 / -1}#dbnHero .hxf-tr,#dbnHero .hxf-trh{grid-template-columns:minmax(0,1fr) 34px 32px 70px;gap:6px}#dbnHero .hxf-tr .b,#dbnHero .hxf-trh span:nth-child(3){display:none}#dbnHero .hxf-ar-in{display:none}}
#dbnHero .hx-logos{margin:clamp(40px,5vw,64px) auto 0;padding:22px 0 0;border-top:1px solid #EEF0F4;max-width:980px}
#dbnHero .hx-logos .logos-label{font-size:13px;color:#667085;text-align:center;margin:0 0 18px}
#dbnHero .hx-logos .logos-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px 44px}
#dbnHero .hx-logos .logos-row img{height:30px;width:auto;max-width:160px;object-fit:contain}
#dbnHero .hx-dhead{text-align:center;max-width:820px;margin:clamp(56px,7vw,88px) auto 0}
#dbnHero .hx-dh{margin:0;font-size:clamp(26px,3vw,34px);line-height:1.2;font-weight:700;letter-spacing:-.02em;color:#0A1746}
#dbnHero .hx-ds{margin:10px auto 0;max-width:68ch;font-size:15.5px;line-height:1.55;color:#667085}
#dbnHero .hx-dhead + .hx-dtabs{margin-top:22px}
@media (max-width:767px){#dbnHero .hx-ds{font-size:14.5px}#dbnHero .hx-logos .logos-row{display:grid;grid-template-columns:1fr 1fr;justify-items:center;gap:18px 20px}#dbnHero .hx-logos .logos-row img{height:24px}}
#dbnHero .ctas .cta-start{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;line-height:1}
#dbnHero .ctas .cta-start .cs-l,#dbnHero .ctas .cta-start .cs-u{font-weight:500;color:#475467}
#dbnHero .ctas .cta-start .cs-p{font-size:1.55em;line-height:1;font-weight:800;letter-spacing:-.02em;background:linear-gradient(120deg,#3A58EF,#5B3FD6);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;padding:2px 0;transform:translateY(-1px)}
/* page-wide pricing CTA */
.cta-pricing,a.btn.btn-ghost,a.btn.btn-outline-blue,#ctaTrack a.ctx-b2{text-decoration:none}
.cta-pl{white-space:nowrap}.cta-pr{font-weight:500;opacity:.8}
#ctaTrack a.ctx-b2{display:inline-flex}
@media(max-width:400px){.mobile-cta-bar .btn{font-size:13px;padding:12px 6px}}
/* scroll perf: freeze looping animations in sections that are off-screen (class toggled from JS) */
.cft-off,.cft-off *,.cft-off *::before,.cft-off *::after{animation-play-state:paused !important}
/* CPE for Teams page - End */

.cpe_teams_header {

}

header.new_header.sticky-top, .header_top , footer {
  
}

.cpe_teams_footer {

}