/* ── REVEAL ANIMATION ── */
.reveal{opacity:0;transform:translateY(60px) scale(0.96);transition:all 0.9s cubic-bezier(0.16,1,0.3,1);will-change:transform,opacity}
.reveal.active{opacity:1;transform:translateY(0) scale(1)}

/* ── REVEAL WITH DELAY FOR CHILDREN ── */
.reveal-stagger .reveal-item{opacity:0;transform:translateY(40px);transition:all 0.8s cubic-bezier(0.16,1,0.3,1);will-change:transform,opacity}
.reveal-stagger.active .reveal-item:nth-child(1){transition-delay:0.05s}
.reveal-stagger.active .reveal-item:nth-child(2){transition-delay:0.15s}
.reveal-stagger.active .reveal-item:nth-child(3){transition-delay:0.25s}
.reveal-stagger.active .reveal-item:nth-child(4){transition-delay:0.35s}
.reveal-stagger.active .reveal-item:nth-child(5){transition-delay:0.45s}
.reveal-stagger.active .reveal-item:nth-child(6){transition-delay:0.55s}
.reveal-stagger.active .reveal-item{opacity:1;transform:translateY(0)}


/* ── POP IN ANIMATION FOR CARDS ── */
.pop-card{opacity:0;transform:translateY(30px) scale(0.97);transition:all 0.7s cubic-bezier(0.16,1,0.3,1);will-change:transform,opacity}
.pop-card.active{opacity:1;transform:translateY(0) scale(1)}

/* ── PRESET BUTTONS — always fully visible, override pop-card ── */
.preset-btn{opacity:1 !important;transform:none !important}
.preset-btn.pop-card{opacity:1 !important;transform:none !important}
.preset-btn.pop-card.active{opacity:1 !important;transform:none !important}

.hero-bg{
    position: relative;
    background:
        linear-gradient(
            rgba(10,14,24,.65),
            rgba(10,14,24,.65)
        ),
        url('images/hero-bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    min-height: 100vh;
}

.hero-bg h1,
.hero-bg p{
    text-shadow: 0 2px 16px rgba(0,0,0,.45);
}

@supports(-webkit-touch-callout:none){.hero-bg{background-attachment:scroll}}
.glass-header{background:transparent;border-bottom:1px solid transparent;transition:background .4s ease,border-color .4s ease,box-shadow .4s ease}
.glass-header.scrolled{background:rgba(5,10,20,.8);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.05);box-shadow:0 4px 30px rgba(0,0,0,.25)}
.glass-header{color:#fff}
.glass-header .nav-link{color:rgba(255,255,255,.85)}
.glass-header .nav-link:hover{color:#4c5cf0}
.glass-header #menuBtn span{background-color:#fff}
.nav-link{padding:4px 2px;transition:color .3s ease;color:rgba(255,255,255,.85);font-size:14px;font-weight:700}
.nav-link:hover{color:#4c5cf0}
@keyframes popIn{0%{opacity:0;transform:scale(.85) translateY(20px)}60%{opacity:1;transform:scale(1.03) translateY(0)}100%{opacity:1;transform:scale(1) translateY(0)}}
.pop-in{opacity:0;animation:popIn .8s cubic-bezier(0.16,1,0.3,1) forwards}
.pop-in.delay-1{animation-delay:.2s}
.pop-in.delay-2{animation-delay:.45s}
.orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.10;pointer-events:none}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.float-anim{animation:float 6s ease-in-out infinite}
.testi-label{text-align:center;font-size:15px;letter-spacing:0.1em;text-transform:uppercase;color:#4c5cf0;font-family:'Outfit',sans-serif;font-weight:900;margin-bottom:.6rem}
.testi-heading{font-family:'Outfit',sans-serif;font-size:1.6rem !important;font-weight:800;line-height:1.35;margin-bottom:1.2rem;text-align:center}
@media(min-width:768px){.testi-heading{font-size:1.8rem !important}}
.testi-heading .w{color:#fff}
.testi-heading .g{background:linear-gradient(90deg,#9adfff,#4c6ef5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.divider-wrap{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 1rem;width:100%}
.div-line{height:1px;flex:1;max-width:200px;background:linear-gradient(90deg,transparent,rgba(76,92,240,.5))}
.div-line.r{background:linear-gradient(90deg,rgba(76,92,240,.5),transparent)}
.div-dot{width:7px;height:7px;border-radius:50%;background:#4c5cf0;box-shadow:0 0 8px rgba(76,92,240,.7);flex-shrink:0}
.div-dot-sm{width:4px;height:4px;border-radius:50%;background:#7c6cf6;opacity:.6;flex-shrink:0}
.div-line-thin{height:1px;flex:1;max-width:80px;background:linear-gradient(90deg,transparent,rgba(124,108,246,.35))}
.div-line-thin.r{background:linear-gradient(90deg,rgba(124,108,246,.35),transparent)}
.testi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:1.5rem}
.testi-card{padding:1.5rem;border-radius:16px;background:rgba(255,255,255,.03);position:relative;cursor:pointer;transition:all 0.35s cubic-bezier(0.16,1,0.3,1)}
.testi-card::before{content:'';position:absolute;inset:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,rgba(154,163,255,.35),rgba(76,92,240,.2),rgba(124,108,246,.35));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.testi-card:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 12px 36px rgba(76,92,240,.22)}
.testi-card:active{transform:scale(0.95) !important}
.testi-card.pop{animation:cardPop 0.5s cubic-bezier(0.16,1,0.3,1) forwards}
.testi-quote{font-size:14px;color:rgba(255,255,255,.6);line-height:1.6;font-style:italic;margin-bottom:.8rem}
.testi-sep{height:1px;background:linear-gradient(90deg,rgba(76,92,240,.4),rgba(124,108,246,.4),transparent);margin-bottom:.7rem}
.testi-name{font-size:13px;font-weight:700;font-family:'Outfit',sans-serif;color:#fff;margin-bottom:2px}
.testi-role{font-size:11px;color:#6f7df5}
@media(max-width:768px){
  .testi-grid{grid-template-columns:1fr}
  .testi-quote{font-size:13px}
}
.frag-row{display:flex;align-items:flex-end;justify-content:center;gap:0;flex-wrap:wrap;margin-bottom:3rem}
.frag-card{position:relative;width:230px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:#070d1a;overflow:hidden;transition:transform .45s cubic-bezier(0.16,1,0.3,1),border-color .35s ease,box-shadow .35s ease;cursor:default}
.frag-card:nth-child(1){transform:rotate(-3deg) translateY(6px);z-index:1}
.frag-card:nth-child(3){transform:rotate(1.5deg) translateY(-4px);z-index:2}
.frag-card:nth-child(5){transform:rotate(-1deg) translateY(10px);z-index:1}
.frag-card:nth-child(7){transform:rotate(2.5deg) translateY(0);z-index:1}
.frag-card:hover{transform:rotate(0deg) translateY(-6px) scale(1.04)!important;border-color:rgba(76,92,240,.4);box-shadow:0 18px 40px -14px rgba(76,92,240,.35);z-index:5}
.frag-chrome{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}
.frag-dots{display:flex;gap:4px}
.frag-dots span{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.18)}
.frag-tag{font-family:monospace;font-size:9.5px;letter-spacing:.04em;color:rgba(255,255,255,.3)}
.frag-body{height:120px;position:relative;display:flex;align-items:center;justify-content:center;padding:14px}
.frag-caption{padding:13px 14px 16px;border-top:1px solid rgba(255,255,255,.05)}
.frag-caption .ft{font-size:14px;font-weight:700;font-family:'Outfit',sans-serif;margin-bottom:4px}
.frag-caption .fd{font-size:12px;color:rgba(255,255,255,.5);line-height:1.5}
.frag-break{display:flex;align-items:center;justify-content:center;width:34px;align-self:center;flex-shrink:0;position:relative}
.frag-break::before{content:'';position:absolute;width:100%;height:0;border-top:1.5px dashed rgba(248,113,113,.35)}
.frag-break i{position:relative;z-index:1;font-size:14px;color:rgba(248,113,113,.7);background:#050a14;padding:3px;border-radius:50%}
@media(max-width:1024px){.frag-break{display:none}.frag-row{gap:18px}.frag-card{transform:none!important;width:100%;max-width:280px}.frag-card:hover{transform:translateY(-4px) scale(1.02)!important}}
.mock-viewer{width:100%;height:100%;position:relative;border-radius:8px;background:radial-gradient(circle at 50% 45%,#1a2438,#0a0f1c 75%)}
.mock-viewer .lesion{position:absolute;top:38%;left:46%;width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(111,125,245,.7);box-shadow:0 0 14px rgba(111,125,245,.35)}
.mock-viewer .cross{position:absolute;background:rgba(255,255,255,.18)}
.mock-viewer .cross.h{top:53%;left:0;width:100%;height:1px}
.mock-viewer .cross.v{top:0;left:50%;width:1px;height:100%}
.mock-viewer .wl{position:absolute;bottom:6px;left:8px;font-family:monospace;font-size:8px;color:rgba(255,255,255,.4)}
.mock-dictation{display:flex;align-items:center;gap:3px;height:36px}
.mock-dictation span{width:3px;border-radius:2px;background:linear-gradient(180deg,#7c6cf6,#4c5cf0);animation:waveBar 1.1s ease-in-out infinite}
.mock-dictation span:nth-child(1){height:14px;animation-delay:0s}
.mock-dictation span:nth-child(2){height:26px;animation-delay:.1s}
.mock-dictation span:nth-child(3){height:34px;animation-delay:.2s}
.mock-dictation span:nth-child(4){height:18px;animation-delay:.3s}
.mock-dictation span:nth-child(5){height:30px;animation-delay:.4s}
.mock-dictation span:nth-child(6){height:12px;animation-delay:.5s}
.mock-dictation span:nth-child(7){height:22px;animation-delay:.6s}
@keyframes waveBar{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}
.mock-rec{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:4px;font-family:monospace;font-size:8px;color:rgba(248,113,113,.75)}
.mock-rec .dot{width:5px;height:5px;border-radius:50%;background:#f87171;animation:recPulse 1.4s ease-in-out infinite}
@keyframes recPulse{0%,100%{opacity:1}50%{opacity:.25}}
.mock-report{width:100%;padding:2px}
.mock-report .ln{height:5px;border-radius:3px;background:rgba(255,255,255,.10);margin-bottom:7px}
.mock-report .ln.s{width:60%}
.mock-report .stamp{position:absolute;top:8px;right:10px;border:1.5px solid rgba(124,108,246,.55);color:rgba(124,108,246,.8);font-family:'Outfit',sans-serif;font-size:8px;font-weight:800;letter-spacing:.1em;padding:2px 7px;border-radius:5px;transform:rotate(8deg)}
.mock-chat{width:100%;display:flex;flex-direction:column;gap:6px}
.mock-chat .bub{font-size:9px;border-radius:9px;padding:5px 9px;max-width:78%;color:rgba(255,255,255,.6);background:rgba(255,255,255,.06)}
.mock-chat .bub.me{align-self:flex-end;background:rgba(76,92,240,.18);color:rgba(255,255,255,.8)}
.frag-stats{display:grid;grid-template-columns:1fr;gap:1px;background:rgba(255,255,255,.06);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}
@media(min-width:768px){.frag-stats{grid-template-columns:repeat(3,1fr)}}
.frag-stat{background:#070d1a;padding:1.75rem 2rem;display:flex;gap:16px;align-items:flex-start}
.frag-stat i{font-size:24px;margin-top:1px;flex-shrink:0;color:#4c5cf0}
.frag-stat h5{font-size:18px;font-weight:700;font-family:'Outfit',sans-serif;margin-bottom:4px;color:#fff}
.frag-stat p{font-size:15px;color:rgba(255,255,255,.55);line-height:1.6;font-weight:300}

/* ── PRESET BUTTONS ROW ── */
.preset-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:2rem}
.preset-btn{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 22px 12px 16px;
  border-radius:100px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.03);
  cursor:pointer;
  transition:border-color .35s cubic-bezier(0.16,1,0.3,1),background .35s cubic-bezier(0.16,1,0.3,1),box-shadow .35s cubic-bezier(0.16,1,0.3,1);
  font-family:'Outfit',sans-serif;
  /* Always visible — never hidden by pop-card */
  opacity:1 !important;
  transform:none !important;
  will-change:auto;
}
.preset-swatch{width:10px;height:10px;border-radius:50%;flex-shrink:0;transition:box-shadow .35s ease}
.preset-btn[data-tone="blue"] .preset-swatch{background:#6f7df5}
.preset-btn[data-tone="sky"] .preset-swatch{background:#5b8def}
.preset-btn[data-tone="cyan"] .preset-swatch{background:#4c5cf0}
.preset-btn[data-tone="rose"] .preset-swatch{background:#3947c4}
.preset-name{font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.6);transition:color .3s ease}
.preset-btn:hover{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.05)}
.preset-btn.active{background:rgba(255,255,255,.06)}
.preset-btn.active[data-tone="blue"]{border-color:rgba(111,125,245,.6)}
.preset-btn.active[data-tone="sky"]{border-color:rgba(91,141,239,.6)}
.preset-btn.active[data-tone="cyan"]{border-color:rgba(76,92,240,.6)}
.preset-btn.active[data-tone="rose"]{border-color:rgba(57,71,196,.6)}
.preset-btn.active[data-tone="blue"] .preset-swatch{box-shadow:0 0 0 4px rgba(111,125,245,.18)}
.preset-btn.active[data-tone="sky"] .preset-swatch{box-shadow:0 0 0 4px rgba(91,141,239,.18)}
.preset-btn.active[data-tone="cyan"] .preset-swatch{box-shadow:0 0 0 4px rgba(76,92,240,.18)}
.preset-btn.active[data-tone="rose"] .preset-swatch{box-shadow:0 0 0 4px rgba(57,71,196,.18)}
.preset-btn.active .preset-name{color:#fff}

/* ── SOLUTIONS PANEL - SINGLE VISIBLE ── */
.preset-panel{max-width:780px;margin:0 auto;position:relative}
.preset-pane{border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.015);overflow:hidden;transition:all .4s cubic-bezier(0.16,1,0.3,1);display:none !important;padding:0}
.preset-pane.active{display:block !important;animation:fadeUp .45s cubic-bezier(0.16,1,0.3,1)}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.preset-pane:hover{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.025)}
.preset-copy{padding:2rem 2.5rem}
.preset-eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-family:'Outfit',sans-serif;font-weight:700;margin-bottom:.8rem;display:block !important}
.preset-pane[data-tone="blue"] .preset-eyebrow{color:#818cf8}
.preset-pane[data-tone="sky"] .preset-eyebrow{color:#8fb4f7}
.preset-pane[data-tone="cyan"] .preset-eyebrow{color:#6f86f5}
.preset-pane[data-tone="rose"] .preset-eyebrow{color:#5b6eea}
.preset-copy h3{font-family:'Outfit',sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:.7rem;color:#fff;line-height:1.3;display:block !important}
.preset-copy p{font-size:14px;color:rgba(255,255,255,.55);line-height:1.7;margin-bottom:1.2rem;font-weight:300;display:block !important}
.preset-chips{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:.7rem}
.preset-chip{display:inline-flex !important;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.82);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:100px;padding:8px 16px}
@media (max-width:640px){.preset-chips{grid-template-columns:1fr !important}}
.preset-chip i{font-size:15px;flex-shrink:0}
.preset-pane[data-tone="blue"] .preset-chip i{color:#818cf8}
.preset-pane[data-tone="sky"] .preset-chip i{color:#8fb4f7}
.preset-pane[data-tone="cyan"] .preset-chip i{color:#6f86f5}
.preset-pane[data-tone="rose"] .preset-chip i{color:#5b6eea}

.platform-orbit-wrap{position:relative;width:min(600px,92vw);aspect-ratio:1/1;margin:0 auto}
.platform-orbit-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.orbit-center{position:absolute;left:50%;top:50%;width:34%;height:34%;min-width:130px;min-height:130px;max-width:220px;max-height:220px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#7c6cf6,#4c5cf0 55%,#3947c4 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8%;box-shadow:0 20px 55px -12px rgba(76,92,240,.35);opacity:0;transform:translate(-50%,-50%) scale(.7);transition:opacity .6s ease,transform .6s cubic-bezier(0.16,1,0.3,1);z-index:2}
.platform-orbit-wrap.boot-active .orbit-center{opacity:1;transform:translate(-50%,-50%) scale(1)}
.orbit-center::before{content:'';position:absolute;inset:-9%;border-radius:50%;border:1px solid rgba(154,223,255,.22);pointer-events:none;z-index:-1}
.orbit-center-title{font-family:'Outfit',sans-serif;font-weight:700;font-size:clamp(.7rem,1.8vw,.9rem);letter-spacing:.02em;color:#fff;line-height:1.3}
.orbit-center-desc{font-size:clamp(.6rem,1.3vw,.75rem);color:rgba(255,255,255,.8);margin-top:.4rem;line-height:1.45;transition:opacity .2s ease}
.orbit-node{position:absolute;transform:translate(-50%,-50%) scale(.6);width:19%;height:19%;min-width:68px;min-height:68px;max-width:115px;max-height:115px;border-radius:50%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:border-color .35s ease,background .35s ease,box-shadow .35s ease,transform .35s cubic-bezier(0.16,1,0.3,1);z-index:3}
@keyframes nodeBoot{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.platform-orbit-wrap.boot-active .orbit-node{animation:nodeBoot .6s cubic-bezier(0.16,1,0.3,1) forwards}
.orbit-node:hover,.orbit-node:focus-visible,.orbit-node.active{border-color:rgba(76,92,240,.55);background:rgba(76,92,240,.14);transform:translate(-50%,-50%) scale(1.08);box-shadow:0 12px 32px -10px rgba(76,92,240,.5)}
.orbit-node i{font-size:1.2rem;color:#fff;transition:color .3s ease}
.orbit-node:hover i,.orbit-node:focus-visible i,.orbit-node.active i{color:#9adfff}
.orbit-label{font-size:.55rem;text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,.55);margin-top:.3rem;text-align:center;line-height:1.15}
.pos-0{left:91%;top:50%}.pos-60{left:70.5%;top:14.5%}.pos-120{left:29.5%;top:14.5%}.pos-180{left:9%;top:50%}.pos-240{left:29.5%;top:85.5%}.pos-300{left:70.5%;top:85.5%}
.orbit-node[data-index="0"]{animation-delay:.05s}.orbit-node[data-index="1"]{animation-delay:.16s}.orbit-node[data-index="2"]{animation-delay:.27s}.orbit-node[data-index="3"]{animation-delay:.38s}.orbit-node[data-index="4"]{animation-delay:.49s}.orbit-node[data-index="5"]{animation-delay:.6s}

/* ── ORBIT RUNNING DOTTED LINE ── */
.orbit-dotted-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1;pointer-events:none}
.orbit-dotted-svg circle{fill:none;stroke:#4c5cf0;stroke-width:0.8;stroke-dasharray:2 8;opacity:0.3;animation:orbitRotate 20s linear infinite}
@keyframes orbitRotate{0%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}

/* ── ORBIT CONNECTION LINES ── */
.orbit-connection-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1;pointer-events:none}
.orbit-connection-svg line{stroke-width:1.2;stroke-linecap:round;opacity:0;transition:opacity .6s ease}
.orbit-connection-svg line.active{opacity:0.5}
.orbit-connection-svg circle{opacity:0;transition:opacity .5s ease .4s}
.orbit-connection-svg circle.active{opacity:1}
.orbit-node.connected .orbit-label{color:#9adfff}

.workflow-path-wrap{position:relative;max-width:1000px;margin:0 auto;aspect-ratio:1240/380}
.workflow-path-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.wf-line{fill:none;stroke:rgba(255,255,255,.20);stroke-width:2;stroke-dasharray:1 7;stroke-linecap:round}
.wf-accent{fill:none;stroke-width:5;stroke-linecap:round}
.wf-node{position:absolute;width:68px;height:68px;border-radius:50%;background:#0a0f1c;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);box-shadow:0 10px 28px -10px rgba(0,0,0,.55);cursor:pointer;transition:all .4s cubic-bezier(0.16,1,0.3,1)}
.wf-node i{font-size:1.3rem;transition:transform .4s cubic-bezier(0.16,1,0.3,1)}
.wf-node.tone-neon{box-shadow:0 0 0 1px rgba(76,92,240,.3),0 10px 28px -10px rgba(0,0,0,.55)}
.wf-node.tone-violet{box-shadow:0 0 0 1px rgba(124,108,246,.3),0 10px 28px -10px rgba(0,0,0,.55)}
.wf-node.tone-neon i{color:#6f7df5}
.wf-node.tone-violet i{color:#9b8cf8}
@keyframes wfBlink{0%,100%{box-shadow:0 0 0 1px rgba(76,92,240,.3),0 10px 28px -10px rgba(0,0,0,.55)}50%{box-shadow:0 0 0 8px rgba(76,92,240,.25),0 0 20px rgba(76,92,240,.15),0 10px 28px -10px rgba(0,0,0,.55)}}
.wf-node.tone-neon:hover{animation:wfBlink .8s ease-in-out infinite}
@keyframes wfBlinkViolet{0%,100%{box-shadow:0 0 0 1px rgba(124,108,246,.3),0 10px 28px -10px rgba(0,0,0,.55)}50%{box-shadow:0 0 0 8px rgba(124,108,246,.25),0 0 20px rgba(124,108,246,.15),0 10px 28px -10px rgba(0,0,0,.55)}}
.wf-node.tone-violet:hover{animation:wfBlinkViolet .8s ease-in-out infinite}
.wf-node.clicked{transform:translate(-50%,-50%) scale(1.25)}
.wf-node.clicked i{transform:scale(1.2);color:#fff}
.wf-node.clicked.tone-neon{box-shadow:0 0 0 8px rgba(76,92,240,.25),0 0 0 1px rgba(76,92,240,.3),0 20px 50px -12px rgba(76,92,240,.5)}
.wf-node.clicked.tone-violet{box-shadow:0 0 0 8px rgba(124,108,246,.25),0 0 0 1px rgba(124,108,246,.3),0 20px 50px -12px rgba(124,108,246,.5)}
@keyframes wfPulse{0%{box-shadow:0 0 0 0 rgba(76,92,240,.4)}100%{box-shadow:0 0 0 20px rgba(76,92,240,0)}}
.wf-node.pulse{animation:wfPulse .8s ease-out}
.wf-caption{position:absolute;width:220px;text-align:center;transform:translateX(-50%);transition:all .4s cubic-bezier(0.16,1,0.3,1)}
.wf-caption.wf-top{top:-10px}
.wf-caption.wf-bottom{bottom:-10px}
.wf-caption .wftag{font-family:monospace;font-size:11px;letter-spacing:.08em;color:rgba(255,255,255,.32);display:block;margin-bottom:.5rem;transition:color .3s ease}
.wf-caption h4{font-size:1.05rem;font-weight:700;font-family:'Outfit',sans-serif;margin-bottom:.4rem;color:#fff;transition:color .3s ease}
.wf-caption p{font-size:0.85rem;color:rgba(255,255,255,.45);line-height:1.6;transition:color .3s ease;font-weight:300}
.wf-caption.active .wftag{color:#4c5cf0}
.wf-caption.active h4{color:#9adfff}
.wf-caption.active p{color:rgba(255,255,255,.7)}
.wf-pos-0{left:6.45%}.wf-pos-1{left:35.48%}.wf-pos-2{left:64.52%}.wf-pos-3{left:93.55%}
.wf-node-row{top:50%}
@media(max-width:768px){.workflow-path-wrap{display:none}}
.workflow-stack{display:none}
@media(max-width:768px){
  .workflow-stack{display:flex;flex-direction:column;gap:14px;max-width:480px;margin:0 auto}
  .workflow-stack-item{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#070d1a;cursor:pointer;transition:all .3s ease}
  .workflow-stack-item:hover{background:rgba(76,92,240,.08);border-color:rgba(76,92,240,.3)}
  .workflow-stack-item .wf-node{position:static;transform:none;flex-shrink:0;width:56px;height:56px}
  .workflow-stack-item .wf-caption{position:static;width:auto;text-align:left;transform:none}
  .workflow-stack-item .wf-caption h4{font-size:0.95rem;font-weight:700}
  .workflow-stack-item .wf-caption p{font-size:0.8rem}
}
.team-section{padding:5rem 0}
.team-badge{display:inline-block;font-size:15px;letter-spacing:0.1em;text-transform:uppercase;color:#4c5cf0;font-family:'Outfit',sans-serif;font-weight:900;margin-bottom:.75rem}
.team-title span{background:linear-gradient(90deg,#9adfff,#4c6ef5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.team-sub{font-size:15px;color:#ffffff;max-width:540px;margin:0 auto;line-height:1.7;font-weight:400}
.team-group-label{font-family:'Outfit',sans-serif;font-size:14px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#ffffff;margin-bottom:1.5rem;display:flex;align-items:center;gap:12px}
.team-group-label::before,.team-group-label::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.15)}
.team-grid{display:grid;gap:16px;justify-items:center}
.team-grid-2{grid-template-columns:repeat(2,minmax(0,240px));justify-content:center}
.team-grid-3{grid-template-columns:repeat(3,minmax(0,240px));justify-content:center}
@media(max-width:640px){.team-grid-2,.team-grid-3{grid-template-columns:1fr;justify-items:center}}
@media(min-width:641px) and (max-width:900px){.team-grid-3{grid-template-columns:repeat(2,minmax(0,240px))}}
.tcard2{width:100%;max-width:240px;border-radius:20px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);overflow:hidden;transition:transform .35s cubic-bezier(0.16,1,0.3,1),border-color .35s ease,box-shadow .35s ease;display:flex;flex-direction:column;position:relative}
.tcard2:hover{transform:translateY(-6px);border-color:rgba(76,92,240,.4);box-shadow:0 16px 40px -12px rgba(76,92,240,.3)}
.tcard2__photo{width:100%;aspect-ratio:1/1;overflow:hidden;background:#0a0f1c;position:relative}
.tcard2__photo img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .5s ease}
.tcard2:hover .tcard2__photo img{transform:scale(1.04)}
.tcard2__accent{height:2px;background:linear-gradient(90deg,#4c5cf0,#7c6cf6,transparent)}
.tcard2__body{padding:1.25rem 1.25rem .85rem;flex:1;text-align:center}
.tcard2__name{font-family:'Outfit',sans-serif;font-size:16px;font-weight:700;color:#fff;line-height:1.3;margin-bottom:4px}
.tcard2__role{font-size:13px;color:#6f7df5;line-height:1.4}
.tcard2__footer{padding:.7rem 1rem 1rem;display:flex;align-items:center;justify-content:center}
.tcard2__link{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-family:'Outfit',sans-serif;font-weight:700;color:rgba(255,255,255,.45);text-decoration:none;transition:color .25s ease}
.tcard2__link:hover{color:#9adfff}
.team-grid-advisory{display:grid;grid-template-columns:repeat(4,minmax(0,240px));justify-content:center;gap:16px}
@media(max-width:900px){.team-grid-advisory{grid-template-columns:repeat(2,minmax(0,240px))}}
@media(max-width:480px){.team-grid-advisory{grid-template-columns:minmax(0,240px)}}

/* ── SECTION EYEBROW ── */
.section-eyebrow{display:inline-block;font-size:15px;letter-spacing:0.1em;text-transform:uppercase;color:#4c5cf0;font-family:'Outfit',sans-serif;font-weight:900;margin-bottom:.6rem;opacity:1}
.section-eyebrow.violet{color:#7c6cf6}
main section{padding-top:4rem;padding-bottom:4rem}
main section .text-center.mb-16,main section .text-center.mb-10{margin-bottom:2.5rem}
main section h2{font-family:'Outfit',sans-serif;font-size:1.8rem !important;font-weight:800 !important;line-height:1.3;letter-spacing:-0.02em}
@media(min-width:768px){main section h2{font-size:2rem !important}}
.section-divider{width:60px;height:1px;margin:0 auto 1.5rem;background:linear-gradient(90deg,transparent,rgba(76,92,240,.2),transparent)}

.btn-book-demo{background:#4c5cf0 !important;color:#fff !important;box-shadow:0 8px 24px -6px rgba(76,92,240,.55) !important;font-size:15px !important;padding:14px 32px !important}
.btn-book-demo:hover{background:#6f7df5 !important}
.btn-sign-in{background:#4c5cf0 !important;font-size:14px !important}
.btn-sign-in:hover{background:#7c6cf6 !important}
.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(5,10,20,.85);backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .35s ease}
.modal-overlay.open{opacity:1;pointer-events:all}
.modal-box{position:relative;width:100%;max-width:560px;background:#0a1020;border:1px solid rgba(76,92,240,.25);border-radius:24px;padding:2.5rem;transform:translateY(24px) scale(.97);transition:transform .4s cubic-bezier(0.16,1,0.3,1);box-shadow:0 32px 80px -16px rgba(0,0,0,.7),0 0 0 1px rgba(76,92,240,.12)}
.modal-overlay.open .modal-box{transform:translateY(0) scale(1)}
.modal-close{position:absolute;top:1.1rem;right:1.1rem;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s ease,border-color .25s ease;color:rgba(255,255,255,.5);font-size:14px}
.modal-close:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff}
.modal-eyebrow{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:#4c5cf0;font-family:'Outfit',sans-serif;font-weight:800;margin-bottom:.5rem}
.modal-title{font-family:'Outfit',sans-serif;font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.4rem;line-height:1.3}
.modal-sub{font-size:13px;color:rgba(255,255,255,.45);line-height:1.6;margin-bottom:1.75rem;font-weight:300}
.modal-divider{height:1px;background:linear-gradient(90deg,rgba(76,92,240,.4),rgba(124,108,246,.3),transparent);margin-bottom:1.75rem}
.modal-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:480px){.modal-row{grid-template-columns:1fr}}
.modal-field{display:flex;flex-direction:column;gap:6px}
.modal-field.full{grid-column:1/-1}
.modal-label{font-size:12px;font-weight:700;font-family:'Outfit',sans-serif;color:rgba(255,255,255,.65);letter-spacing:.04em}
.modal-label span{color:#4c5cf0}
.modal-input,.modal-textarea,.modal-select{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 16px;font-size:14px;color:#fff;outline:none;font-family:'Inter',sans-serif;transition:border-color .25s ease,background .25s ease}
.modal-select option{background:#fff;color:#000}
.modal-input::placeholder,.modal-textarea::placeholder{color:rgba(255,255,255,.25)}
.modal-input::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.8);cursor:pointer;transform:scale(1.5);}
.modal-input:focus,.modal-textarea:focus,.modal-select:focus{border-color:rgba(76,92,240,.6);background:rgba(76,92,240,.06)}
.modal-textarea{resize:none;height:90px;line-height:1.55}
.modal-submit{width:100%;margin-top:1.25rem;padding:14px;border-radius:12px;background:#4c5cf0;color:#fff;font-family:'Outfit',sans-serif;font-size:14px;font-weight:700;letter-spacing:.04em;cursor:pointer;border:none;transition:background .25s ease,box-shadow .25s ease}
.modal-submit:hover{background:#6f7df5;box-shadow:0 8px 24px -8px rgba(76,92,240,.6)}
.modal-submit:disabled{opacity:.6;cursor:not-allowed}
.modal-success{text-align:center;padding:16px 0}
.modal-success .ms-icon{width:44px;height:44px;border-radius:50%;margin:0 auto 14px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3);display:flex;align-items:center;justify-content:center;color:#4ade80;font-size:20px}
.modal-success h4{font-family:'Outfit',sans-serif;font-weight:600;font-size:1rem;color:#fff;margin-bottom:6px}
.modal-success p{font-size:12px;color:rgba(255,255,255,.5);line-height:1.6}
@media(max-width:1024px){.hero-bg h1{font-size:3rem}main section{padding-top:3.5rem;padding-bottom:3.5rem}main section h2{font-size:1.8rem !important}}
@media(max-width:768px){.hero-bg{min-height:90vh;background-attachment:scroll}.hero-bg h1{font-size:2.5rem;line-height:1.2}.hero-bg p{font-size:.9rem}main section{padding-top:2.5rem;padding-bottom:2.5rem}main section h2{font-size:1.6rem !important;line-height:1.3}.testi-grid{grid-template-columns:1fr}}
@media(max-width:480px){.hero-bg{min-height:85vh;padding-top:5rem;padding-bottom:3rem}.hero-bg h1{font-size:2rem}.orbit-label{display:none}.orbit-node{min-width:50px;min-height:50px}.orbit-center{min-width:104px;min-height:104px}}

/* ── FOOTER ── */
.footer-custom{background:#0d1220;border-top:1px solid rgba(76,92,240,.15);padding:1.5rem 0}
.footer-custom .text-muted{color:rgba(255,255,255,.7) !important}
.footer-custom h4{color:#ffffff !important;font-size:14px !important;letter-spacing:0.05em}
.footer-custom .hover\:text-neon:hover{color:#4c5cf0 !important}
.footer-custom ul li a{color:rgba(255,255,255,.7) !important;transition:color .3s ease;font-size:14px !important}
.footer-custom ul li a:hover{color:#ffffff !important}
.footer-logo{filter:none}
.footer-custom p.text-sm{color:rgba(255,255,255,.8) !important;font-size:14px !important}
.footer-custom input{background:rgba(255,255,255,.08) !important;border-color:rgba(255,255,255,.15) !important;color:#fff !important;font-size:14px !important}
.footer-custom input::placeholder{color:rgba(255,255,255,.4) !important}
.footer-custom input:focus{border-color:#4c5cf0 !important;outline:none;box-shadow:0 0 0 3px rgba(76,92,240,.15)}
.footer-custom .border-t{border-color:rgba(255,255,255,.08) !important}
.footer-custom .bg-neon{background:#4c5cf0 !important}
.footer-custom .bg-neon:hover{background:#6f7df5 !important}
.footer-custom .text-xs{font-size:12px !important;color:rgba(255,255,255,.6) !important}
/* ── AI Copilot ── */
.ai-copilot-left .icon-wrap{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,rgba(76,92,240,.15),rgba(124,108,246,.05));border:1px solid rgba(76,92,240,.15);display:flex;align-items:center;justify-content:center;margin-bottom:.8rem;transition:all .4s ease}
.ai-copilot-left .icon-wrap:hover{background:linear-gradient(135deg,rgba(76,92,240,.25),rgba(124,108,246,.1));border-color:rgba(76,92,240,.3);transform:scale(1.05)}
.ai-copilot-left .icon-wrap i{font-size:1.6rem;color:#4c5cf0}
.ai-copilot-left .feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:1.2rem}
.ai-copilot-left .feature-item{padding:12px 16px;border-radius:10px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);transition:all .3s ease;text-align:center}
.ai-copilot-left .feature-item:hover{background:rgba(76,92,240,.06);border-color:rgba(76,92,240,.2);transform:translateY(-2px)}
.ai-copilot-left .feature-item .fi-icon{color:#4c5cf0;font-size:14px}
.ai-copilot-left .feature-item span{font-size:12px;color:rgba(255,255,255,.7);font-weight:500}
@media(max-width:768px){.ai-copilot-left .feature-grid{grid-template-columns:1fr}}

/* ── AI COPILOT PHONE BOX ── */
.phone-box{position:relative;width:100%;max-width:160px;margin:0 auto;aspect-ratio:9/19;border-radius:20px;background:linear-gradient(145deg,#0a1020,#1a1a2e);border:1.5px solid rgba(255,255,255,.04);box-shadow:0 10px 25px -6px rgba(0,0,0,.35),inset 0 0 15px rgba(76,92,240,.02);padding:5px;transition:transform .4s ease}
.phone-box:hover{transform:translateY(-2px)}
.phone-box .phone-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:55px;height:12px;background:rgba(0,0,0,.2);border-radius:6px;display:flex;align-items:center;justify-content:center;gap:2px;z-index:5}
.phone-box .phone-notch .cam{width:4px;height:4px;border-radius:50%;background:rgba(76,92,240,.12);border:1px solid rgba(255,255,255,.03)}
.phone-box .phone-notch .speaker{width:18px;height:2px;border-radius:1.5px;background:rgba(255,255,255,.02)}
.phone-box .phone-screen{width:100%;height:100%;border-radius:16px;overflow:hidden;background:#0a0f1c;position:relative}
.phone-box .phone-screen .scan-overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(76,92,240,.02),transparent 70%);z-index:1}
.phone-box .phone-screen .chat-area{position:relative;z-index:2;padding:18px 6px 6px;height:100%;display:flex;flex-direction:column;justify-content:center;gap:4px}
.phone-box .phone-screen .chat-msg{font-size:5px;padding:4px 7px;border-radius:6px;max-width:85%;line-height:1.3;font-family:'Inter',sans-serif}
.phone-box .phone-screen .chat-msg.user{background:rgba(255,255,255,.04);color:rgba(255,255,255,.4);align-self:flex-start;border-bottom-left-radius:2px}
.phone-box .phone-screen .chat-msg.ai{background:rgba(76,92,240,.08);color:rgba(255,255,255,.6);align-self:flex-end;border-bottom-right-radius:2px;border:1px solid rgba(76,92,240,.05)}
.phone-box .phone-screen .chat-msg.ai .highlight{color:#9adfff}
.phone-box .phone-screen .ai-badge{position:absolute;top:22px;left:50%;transform:translateX(-50%);z-index:3;background:rgba(76,92,240,.08);backdrop-filter:blur(3px);border:1px solid rgba(76,92,240,.06);padding:2px 7px;border-radius:8px;font-size:5px;color:#9adfff;font-weight:700;letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center;gap:2px}
.phone-box .phone-screen .ai-badge .dot{width:2.5px;height:2.5px;border-radius:50%;background:#4c5cf0;animation:blink 1.4s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
.phone-box .phone-screen .bottom-bar{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);z-index:2;display:flex;gap:6px}
.phone-box .phone-screen .bottom-bar span{width:12px;height:1.5px;border-radius:1.5px;background:rgba(255,255,255,.02)}
.phone-box .phone-screen .bottom-bar span.active{background:rgba(76,92,240,.12);width:18px}
.phone-side-buttons{position:absolute;right:-2.5px;top:35%;display:flex;flex-direction:column;gap:3px;z-index:10}
.phone-side-buttons span{width:1.5px;height:14px;background:rgba(255,255,255,.02);border-radius:1.5px}
.phone-side-buttons span:nth-child(2){height:20px}
.phone-side-buttons span:nth-child(3){height:28px}
@media(max-width:768px){.phone-box{max-width:140px}}

/* ── STATS SECTION ── */
.stats-section .feature-card h4{font-size:16px !important;font-weight:700 !important}
.stats-section .feature-card p{font-size:14px !important;line-height:1.5 !important}
.stats-section .feature-card .text-2xl{font-size:2.2rem !important}

/* ── METRICS CARDS - ZOOM + POP ON CLICK ── */
.feature-card{
  cursor:pointer;
  transition:all 0.35s cubic-bezier(0.16,1,0.3,1);
  position:relative;
}
.feature-card:hover{
  border-color:rgba(76,92,240,.35);
  background:rgba(76,92,240,.04);
  transform:translateY(-6px) scale(1.03);
  box-shadow:0 16px 40px -12px rgba(76,92,240,.3);
}
.feature-card:active{transform:scale(0.95) !important}
.feature-card.pop{animation:cardPop 0.5s cubic-bezier(0.16,1,0.3,1) forwards}

/* ── TESTIMONIAL CARDS - ZOOM + POP ON CLICK ── */
.testi-card{
  cursor:pointer;
  transition:all 0.35s cubic-bezier(0.16,1,0.3,1);
}
.testi-card:hover{
  transform:translateY(-5px) scale(1.03);
  box-shadow:0 12px 36px rgba(76,92,240,.22);
}
.testi-card:active{transform:scale(0.95) !important}
.testi-card.pop{animation:cardPop 0.5s cubic-bezier(0.16,1,0.3,1) forwards}

/* ── SHARED POP ANIMATION ── */
@keyframes cardPop{
  0%{transform:scale(1)}
  30%{transform:scale(0.92)}
  60%{transform:scale(1.07);box-shadow:0 20px 50px -10px rgba(76,92,240,.4)}
  100%{transform:scale(1)}
}
/* Reduce spacing around AI disclaimer */
.reveal:has(.border-neon\/10) {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.reveal .border-neon\/10 {
  padding: 1.5rem 2rem !important;
}
.phone-screen{
    position: relative;
    overflow: hidden;
    border-radius: 28px;
}

.phone-ui{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}