*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e2e8f0}html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;scroll-behavior:smooth}body{margin:0;background:#fff;color:#111827}.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:1rem;top:1rem;z-index:100;background:#111827;color:#fff;padding:.75rem 1rem;border-radius:.75rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a{color:inherit;text-decoration:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none}.block{display:block}.inline-flex{display:inline-flex}.flex{display:flex}.grid{display:grid}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.top-0{top:0}.z-50{z-index:50}.w-full{width:100%}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-auto{margin-left:auto}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.pt-20{padding-top:5rem}.pb-5{padding-bottom:1.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-14{gap:3.5rem}.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}.space-y-3>:not([hidden])~:not([hidden]){margin-top:.75rem}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-\[1\.03\]{line-height:1.03}.tracking-tight{letter-spacing:-.025em}.tracking-\[\.045em\]{letter-spacing:-.045em}.tracking-widest{letter-spacing:.1em}.tracking-\[\.2em\]{letter-spacing:.2em}.uppercase{text-transform:uppercase}.text-white{color:#fff}.text-slate-950{color:#020617}.text-slate-800{color:#1e293b}.text-slate-700{color:#334155}.text-slate-600{color:#475569}.text-slate-500{color:#64748b}.text-slate-400{color:#94a3b8}.text-slate-300{color:#cbd5e1}.text-slate-950{color:#020617}.text-brand{color:#635bff}.text-violet-300{color:#c4b5fd}.text-violet-600{color:#7c3aed}.text-blue-600{color:#2563eb}.text-emerald-600{color:#059669}.text-amber-600{color:#d97706}.text-emerald-700{color:#047857}.text-white\/75{color:rgba(255,255,255,.75)}.text-violet-100\/70{color:rgba(237,233,254,.7)}.bg-white{background:#fff}.bg-slate-50{background:#f8fafc}.bg-slate-950{background:#020617}.bg-soft{background:#f7f7fb}.bg-brand{background:#635bff}.bg-brand\/5{background:rgba(99,91,255,.05)}.bg-violet-50{background:#f5f3ff}.bg-violet-400\/10{background:rgba(167,139,250,.1)}.bg-blue-50{background:#eff6ff}.bg-emerald-50{background:#ecfdf5}.bg-amber-50{background:#fffbeb}.bg-emerald-50{background:#ecfdf5}.bg-white\/5{background:rgba(255,255,255,.05)}.bg-white\/85{background:rgba(255,255,255,.85)}.bg-white\/10{background:rgba(255,255,255,.1)}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-slate-100{border-color:#f1f5f9}.border-slate-200{border-color:#e2e8f0}.border-slate-200\/70{border-color:rgba(226,232,240,.7)}.border-white\/10{border-color:rgba(255,255,255,.1)}.border-white\/15{border-color:rgba(255,255,255,.15)}.border-brand\/20{border-color:rgba(99,91,255,.2)}.border-violet-300\/20{border-color:rgba(196,181,253,.2)}.border-violet-300\/30{border-color:rgba(196,181,253,.3)}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[3rem\]{border-radius:3rem}.shadow-sm{box-shadow:0 1px 2px rgba(15,23,42,.05)}.shadow-lg{box-shadow:0 10px 25px rgba(15,23,42,.1)}.shadow-xl{box-shadow:0 20px 35px rgba(15,23,42,.12)}.shadow-card{box-shadow:0 12px 40px rgba(15,23,42,.07)}.shadow-soft{box-shadow:0 24px 70px rgba(15,23,42,.1)}.overflow-hidden{overflow:hidden}.border-collapse{border-collapse:collapse}.divide-y>:not([hidden])~:not([hidden]){border-top-width:1px}.divide-slate-100>:not([hidden])~:not([hidden]){border-color:#f1f5f9}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.min-h-\[1px\]{min-height:1px}.h-2{height:.5rem}.w-2{width:.5rem}.h-9{height:2.25rem}.w-9{width:2.25rem}.h-12{height:3rem}.w-12{width:3rem}.place-items-center{place-items:center}.space-x-0>:not([hidden])~:not([hidden]){margin-left:0}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.show{opacity:1;transform:none}.glass{background:rgba(255,255,255,.78);backdrop-filter:blur(14px)}.gradient-text{background:linear-gradient(90deg,#635bff,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-grid{background-image:linear-gradient(rgba(99,91,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(99,91,255,.06) 1px,transparent 1px);background-size:36px 36px}.nav-shadow{box-shadow:0 8px 30px rgba(15,23,42,.06)}.pill{display:inline-flex;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;padding:.45rem .7rem;color:#475569}.hover\:bg-slate-50:hover{background:#f8fafc}.hover\:bg-slate-100:hover{background:#f1f5f9}.hover\:bg-slate-800:hover{background:#1e293b}.hover\:bg-white\/10:hover{background:rgba(255,255,255,.1)}.hover\:border-slate-300:hover{border-color:#cbd5e1}.hover\:text-slate-950:hover{color:#020617}.hover\:text-white:hover{color:#fff}.transition{transition-property:color,background-color,border-color,opacity,box-shadow,transform;transition-duration:150ms}.hover\:-translate-y-0\.5:hover{transform:translateY(-2px)}.shadow-slate-950\/15{box-shadow:0 20px 35px rgba(2,6,23,.15)}.shadow-xl{box-shadow:0 20px 35px rgba(15,23,42,.12)}.backdrop-blur-xl{backdrop-filter:blur(24px)}.divide-y>:not([hidden])~:not([hidden]){border-top-width:1px}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-violet-600{--tw-gradient-from:#7c3aed;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(124,58,237,0))}.via-brand{--tw-gradient-stops:var(--tw-gradient-from),#635bff,var(--tw-gradient-to,rgba(99,91,255,0))}.to-slate-950{--tw-gradient-to:#020617}.from-brand\/15{--tw-gradient-from:rgba(99,91,255,.15);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(99,91,255,0))}.via-purple-200\/10{--tw-gradient-stops:var(--tw-gradient-from),rgba(233,213,255,.1),var(--tw-gradient-to,rgba(233,213,255,0))}.to-pink-200\/20{--tw-gradient-to:rgba(251,207,232,.2)}.blur-2xl{filter:blur(40px)}.whitespace-nowrap{white-space:nowrap}.uppercase{ text-transform:uppercase}
@media(min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:flex{display:flex}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}}
@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex{display:flex}.md\:col-span-2{grid-column:span 2/span 2}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:items-center{align-items:center}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-28{padding-top:7rem;padding-bottom:7rem}.lg\:py-8{padding-top:2rem;padding-bottom:2rem}.lg\:gap-14{gap:3.5rem}.lg\:grid{display:grid}.lg\:text-7xl{font-size:4.5rem;line-height:1}.lg\:max-w-7xl{max-width:80rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.transition{transition:none}}
@media(max-width:1023px){.lg\:hidden{display:block}.lg\:flex{display:none}}
@media(max-width:639px){.text-5xl{font-size:2.65rem}.text-6xl{font-size:3.2rem}.text-7xl{font-size:3.6rem}.py-24{padding-top:4.5rem;padding-bottom:4.5rem}}
section{content-visibility:auto;contain-intrinsic-size:800px}




/* Motion layer inspired by modern product storytelling: lightweight, responsive, no runtime library. */
@layer base {
  html { scroll-behavior: smooth; }
  body { overflow-x: hidden; }
}

@layer components {
  .scroll-progress { position: fixed; inset: 0 auto auto 0; width: 0; height: 3px; z-index: 100; background: linear-gradient(90deg,#635bff,#8b5cf6,#ec4899); box-shadow: 0 0 18px rgba(99,91,255,.35); }
  .cursor-glow { position: fixed; width: 320px; height: 320px; left: 0; top: 0; border-radius: 9999px; pointer-events: none; z-index: 1; opacity: 0; transform: translate(-50%,-50%); background: radial-gradient(circle, rgba(99,91,255,.10), rgba(99,91,255,0) 68%); transition: opacity .25s ease; }
  .reveal { opacity: 0; transform: translateY(24px) scale(.985); transition: opacity .75s cubic-bezier(.2,.7,.2,1), transform .75s cubic-bezier(.2,.7,.2,1); }
  .reveal.show { opacity: 1; transform: none; }
  .tilt-card, .interactive-panel, .ai-demo { transform-style: preserve-3d; will-change: transform; transition: transform .22s ease, box-shadow .22s ease; }
  .tilt-card:hover, .interactive-panel:hover, .ai-demo:hover { box-shadow: 0 22px 60px rgba(15,23,42,.12); }
  .hero-visual { perspective: 1200px; }
  .hero-visual > .glass { animation: heroFloat 7s ease-in-out infinite; }
  .hero-orb { position:absolute; border-radius:9999px; filter: blur(1px); pointer-events:none; }
  .hero-orb-a { width:72px;height:72px;right:-18px;top:18%;background:rgba(139,92,246,.18);animation:orbA 6s ease-in-out infinite; }
  .hero-orb-b { width:42px;height:42px;left:-14px;bottom:16%;background:rgba(236,72,153,.14);animation:orbB 5s ease-in-out infinite; }
  .process-step { position:relative; overflow:hidden; transition: border-color .3s ease, background .3s ease, transform .3s ease; }
  .process-step::after { content:""; position:absolute; left:18px; right:18px; bottom:0; height:2px; transform:scaleX(0); transform-origin:left; background:linear-gradient(90deg,rgba(139,92,246,.9),rgba(99,91,255,0)); transition:transform .5s ease; }
  .process-step:hover::after, .process-step.show::after { transform:scaleX(1); }
  .process-final { animation: finalPulse 3.5s ease-in-out infinite; }
  .capability-marquee { display:flex; width:max-content; align-items:center; gap:1.4rem; padding:1.1rem 0; white-space:nowrap; animation: marquee 26s linear infinite; font-size:.78rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:#64748b; }
  .capability-marquee i { color:#8b5cf6; font-style:normal; }
  .magnetic { will-change:transform; }
  .nav-link.active { color:#111827; }
  .nav-link.active::after { content:""; display:inline-block; width:5px; height:5px; margin-left:6px; margin-bottom:2px; border-radius:9999px; background:#635bff; }
}

@keyframes heroFloat { 0%,100%{transform:translateY(0) rotateX(0deg) rotateY(0deg)} 50%{transform:translateY(-10px) rotateX(.7deg) rotateY(-.7deg)} }
@keyframes orbA { 0%,100%{transform:translate(0,0) scale(1)} 50%{transform:translate(-18px,16px) scale(1.15)} }
@keyframes orbB { 0%,100%{transform:translate(0,0)} 50%{transform:translate(14px,-12px)} }
@keyframes finalPulse { 0%,100%{box-shadow:0 0 0 0 rgba(139,92,246,0)} 50%{box-shadow:0 0 0 8px rgba(139,92,246,.05)} }
@keyframes marquee { to { transform:translateX(-50%); } }

@media (max-width: 1023px) { .cursor-glow { display:none; } }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  .reveal { opacity:1; transform:none; transition:none; }
  .hero-visual > .glass, .hero-orb-a, .hero-orb-b, .process-final, .capability-marquee { animation:none; }
  .tilt-card, .interactive-panel, .ai-demo, .magnetic { transition:none; transform:none !important; }
}

/* Trigger Sales conversion-audit interactions */
.audit-panel{position:relative;overflow:hidden}
.audit-panel::before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 30% 20%,rgba(139,92,246,.18),transparent 34%),radial-gradient(circle at 80% 70%,rgba(59,130,246,.14),transparent 30%);pointer-events:none}
.audit-panel>*{position:relative}
.audit-item{transition:transform .25s ease,border-color .25s ease,background .25s ease}
.audit-item:hover{transform:translateX(4px);border-color:rgba(167,139,250,.35);background:rgba(255,255,255,.07)}
@media (prefers-reduced-motion:reduce){.audit-item{transition:none}.audit-item:hover{transform:none}}