:root{--bg-primary:#faf8f5;--brand-primary:#4338ca;--brand-violet:#6366f1;--brand-amber:#f59e0b;--brand-emerald:#10b981;--brand-rose:#f43f5e;--brand-cyan:#06b6d4;--text-main:#0b1120;--text-muted:#475569;--ease-elastic:cubic-bezier(.175, .885, .32, 1.275);--ease-smooth:cubic-bezier(.16, 1, .3, 1)}h1,h2,h3,h4,h5,h6,.font-display,h1.font-display,h2.font-display,h3.font-display,h4.font-display,.heading-display{font-family:var(--font-space-grotesk), "Space Grotesk", system-ui, sans-serif!important}h1 *,h2 *,h3 *,h4 *,h5 *,h6 *,h1 span,h2 span,h3 span,h4 span,h5 span,h6 span,.font-display,.font-display span,.font-display *,.heading-display *,.animated-gradient-text{font-family:inherit!important}body,.font-sans,p,span,button,input,label,a{font-family:var(--font-plus-jakarta), "Plus Jakarta Sans", system-ui, -apple-system, sans-serif}h1 *,h2 *,h3 *,h4 *,h5 *,h6 *,h1 span,h2 span,h3 span,h4 span,h5 span,h6 span,.font-display span,.font-display *{font-family:inherit!important}#solution .space-y-3>:not([hidden])~:not([hidden]){margin-top:.75rem!important;margin-bottom:0!important}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body:before{content:"";pointer-events:none;z-index:999;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.ambient-grid{background-image:radial-gradient(#6366f112 1.5px,#0000 1.5px),radial-gradient(#f59e0b0a 1px,#0000 1px);background-position:0 0,18px 18px;background-size:36px 36px,72px 72px;animation:20s linear infinite gridShift}@keyframes gridShift{0%{background-position:0 0,18px 18px}to{background-position:36px 36px,54px 54px}}#main-header{transition:all .4s var(--ease-smooth)}#main-header.scrolled{-webkit-backdrop-filter:blur(20px);background-color:#faf8f5ed;border-bottom:1px solid #4338ca1a;box-shadow:0 8px 32px -8px #0f172a14}.glass-panel{-webkit-backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #fffffff2;box-shadow:0 20px 60px -15px #0f172a14,0 0 0 1px #6366f114}#mobile-drawer{transition:transform .35s var(--ease-smooth), translate .35s var(--ease-smooth), opacity .25s ease, visibility .35s ease}#mobile-drawer.open{--tw-translate-x:0!important;opacity:1!important;pointer-events:auto!important;visibility:visible!important;transform:translate(0)translate(0,0)!important}#mobile-drawer-backdrop{transition:opacity .3s,visibility .3s}#mobile-drawer-backdrop.active{opacity:1!important;pointer-events:auto!important;visibility:visible!important}body.modal-open{overflow:hidden}#scroll-progress{transition:width 80ms linear;box-shadow:0 0 8px #6366f199}.hero-orb{filter:blur(80px);will-change:transform;border-radius:50%;animation:8s ease-in-out infinite orbFloat}.hero-orb-2{animation-duration:10s;animation-delay:-4s}.hero-orb-3{animation-duration:12s;animation-delay:-2s}@keyframes orbFloat{0%,to{transform:translateY(0)scale(1)}33%{transform:translateY(-20px)scale(1.05)}66%{transform:translateY(10px)scale(.96)}}.hero-word{opacity:0;animation:wordReveal .6s var(--ease-elastic) forwards;display:inline-block;transform:translateY(30px)skewY(3deg)}@keyframes wordReveal{to{opacity:1;transform:translateY(0)skewY(0)}}.hero-badge{animation:badgeIn .8s var(--ease-elastic) .3s both}@keyframes badgeIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.tilt-card{transform-style:preserve-3d;transition:transform .3s var(--ease-smooth)}.animate-spin-slow{animation:50s linear infinite spinCW}.animate-spin-reverse{animation:65s linear infinite spinCCW}@keyframes spinCW{to{transform:rotate(360deg)}}@keyframes spinCCW{to{transform:rotate(-360deg)}}.animate-pulse-core{animation:3s ease-in-out infinite coreGlow}@keyframes coreGlow{0%,to{box-shadow:0 0 #4f46e580,0 0 30px #6366f14d}50%{box-shadow:0 0 0 18px #4f46e500,0 0 60px 10px #6366f173}}.laser-path{stroke-dasharray:8 10;animation:2s linear infinite laserFlow}@keyframes laserFlow{to{stroke-dashoffset:-36px}}.interactive-node{transition:all .35s var(--ease-elastic);cursor:pointer}.interactive-node:hover{z-index:40!important;transform:scale(1.12)translateY(-5px)!important;box-shadow:0 16px 32px -8px #4338ca59,0 0 0 2.5px #6366f1!important}.shimmer-btn{transition:all .4s var(--ease-smooth);position:relative;overflow:hidden}.shimmer-btn:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff59 50%,#0000 70%);animation:4s ease-in-out infinite shimmerSweep;position:absolute;inset:0;transform:translate(-100%)skew(-15deg)}@keyframes shimmerSweep{0%,70%{transform:translate(-100%)skew(-15deg)}to{transform:translate(200%)skew(-15deg)}}.cta-trigger{transition:all .35s var(--ease-smooth);position:relative;overflow:hidden}.cta-trigger:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 20px 40px -10px #4338ca73,0 0 0 1px #6366f14d}.cta-trigger:active{transform:scale(.97)}@keyframes rippleOut{to{opacity:0;transform:translate(-50%,-50%)scale(30)}}.magnetic-btn{transition:transform .2s var(--ease-smooth)}.problem-card{transition:all .5s var(--ease-smooth);cursor:default;border-radius:1.5rem;position:relative;overflow:hidden}.problem-card:before{content:"";opacity:0;z-index:1;background:linear-gradient(135deg,#6366f114 0%,#0000 60%);transition:opacity .5s;position:absolute;inset:0}.problem-card:hover:before{opacity:1}.problem-card:hover{transform:translateY(-8px)rotate(-.5deg);box-shadow:0 30px 60px -15px #4338ca33,0 0 0 2px #6366f133}.problem-card:nth-child(2):hover{transform:translateY(-8px)rotate(.5deg)}.problem-card:nth-child(3):hover{transform:translateY(-8px)rotate(-.3deg)}.problem-card:nth-child(4):hover{transform:translateY(-8px)rotate(.4deg)}.problem-card img{transition:transform .7s var(--ease-smooth), filter .5s ease}.problem-card:hover img{filter:brightness(1.05);transform:scale(1.1)}.card-number{color:#4338ca;width:36px;height:36px;transition:all .4s var(--ease-elastic);background:#fffffff2;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:900;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 4px 12px #0000001a}.problem-card:hover .card-number{color:#fff;background:#4338ca;transform:scale(1.3)rotate(-10deg)}.flow-panel{background:linear-gradient(135deg,#f8f7ff 0%,#fdfcff 50%,#f5f8ff 100%);animation:6s ease-in-out infinite panelBreath}@keyframes panelBreath{0%,to{background-position:0%}50%{background-position:100%}}.dim-pill{transition:all .35s var(--ease-elastic);cursor:default}.dim-pill:hover{transform:scale(1.06)translateY(-2px);box-shadow:0 8px 20px -4px #4338ca33}.flow-arrow{stroke-dasharray:8 6;animation:2.5s linear infinite flowPulse}@keyframes flowPulse{to{stroke-dashoffset:-42px}}.framework-card{transition:all .5s var(--ease-smooth);border-radius:1.75rem;position:relative;overflow:hidden}.framework-card:after{content:"";height:100%;transition:bottom .5s var(--ease-smooth);background:linear-gradient(#0000 0%,#4338ca1f 100%);position:absolute;bottom:-100%;left:0;right:0}.framework-card:hover:after{bottom:0}.framework-card:hover{transform:translateY(-6px)scale(1.01);box-shadow:0 30px 60px -12px #4338ca2e,0 0 0 2px #6366f126}.framework-card img{transition:transform .7s var(--ease-smooth), filter .5s ease}.framework-card:hover img{transform:scale(1.08)}.framework-badge{transition:all .4s var(--ease-elastic)}.framework-card:hover .framework-badge{transform:scale(1.08)translateY(-2px)}.step-card{transition:all .5s var(--ease-smooth);position:relative;overflow:hidden}.step-card:before{content:"";transform-origin:0;height:4px;transition:transform .5s var(--ease-smooth);background:linear-gradient(90deg,#4338ca,#6366f1,#10b981);border-radius:4px 4px 0 0;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.step-card:hover:before{transform:scaleX(1)}.step-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px -15px #4338ca2e}.step-card img{transition:transform .7s var(--ease-smooth)}.step-card:hover img{transform:scale(1.08)}.step-num{transition:all .4s var(--ease-elastic)}.step-card:hover .step-num{transform:rotate(-10deg)scale(1.15)}.step-connector{position:relative;overflow:hidden}.step-connector:after{content:"";background:linear-gradient(90deg,#0000,#6366f1,#0000);width:100%;height:2px;animation:3s linear infinite connectorFlow;position:absolute;top:50%;left:-100%}@keyframes connectorFlow{to{left:200%}}.get-card{transition:all .5s var(--ease-smooth);border-radius:1.5rem;position:relative;overflow:hidden}.get-card-icon{transition:all .45s var(--ease-elastic)}.get-card:hover .get-card-icon{transform:scale(1.2)rotate(-5deg)}.get-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px -12px #4338ca26}.spotlight-card{position:relative;overflow:hidden}.spotlight-card:before{content:"";top:var(--mouse-y,-9999px);left:var(--mouse-x,-9999px);pointer-events:none;opacity:0;z-index:1;background:radial-gradient(circle closest-side,#6366f124,#0000);width:400px;height:400px;transition:opacity .4s;position:absolute;transform:translate(-50%,-50%)}.spotlight-card:hover:before{opacity:1}.report-progress-bar{width:0%;transition:width 1.4s var(--ease-smooth);border-radius:99px}.report-float{animation:5s ease-in-out infinite reportHover}@keyframes reportHover{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-10px)rotate(1deg)}}.badge-shimmer{position:relative;overflow:hidden}.badge-shimmer:after{content:"";background:linear-gradient(60deg,#0000 40%,#ffffff80 50%,#0000 60%);width:200%;height:200%;animation:3s 1s infinite badgeShimmer;position:absolute;top:-50%;left:-50%;transform:rotate(30deg)translate(-100%)}@keyframes badgeShimmer{to{transform:rotate(30deg)translate(200%)}}.benefit-section{position:relative;overflow:hidden}.benefit-bg-overlay{z-index:1;background:linear-gradient(135deg,#1f1b4ae0 0%,#312e81d1 40%,#111827eb 100%);position:absolute;inset:0}.star-particle{background:#fff;border-radius:50%;animation:3s ease-in-out infinite starTwinkle;position:absolute}@keyframes starTwinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.benefit-headline{animation:4s ease-in-out infinite textGlow}@keyframes textGlow{0%,to{text-shadow:0 0 30px #6366f14d}50%{text-shadow:0 0 60px #6366f199,0 0 100px #f59e0b33}}.parent-cta-section{position:relative;overflow:hidden}.cta-bg-animate{background:linear-gradient(135deg,#312e81 0%,#1e1b4b 30%,#0f172a 60%,#1e293b 100%) 0 0/200% 200%;animation:8s infinite ctaBgShift;position:absolute;inset:0}@keyframes ctaBgShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.cta-orb{filter:blur(60px);pointer-events:none;border-radius:50%;animation:6s ease-in-out infinite ctaOrbFloat;position:absolute}@keyframes ctaOrbFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-15px)scale(1.08)}}#assessment-modal{opacity:0;pointer-events:none;transition:opacity .4s}#assessment-modal.active{opacity:1;pointer-events:auto}.modal-card{transition:transform .5s var(--ease-elastic), opacity .4s ease;transform:scale(.92)translateY(20px)}#assessment-modal.active .modal-card{transform:scale(1)translateY(0)}.sample-ans{transition:all .3s var(--ease-elastic);cursor:pointer}.sample-ans:hover{transform:scale(1.03)translate(4px);background:#eef2ff!important;border-color:#6366f1!important}.reveal-element{opacity:0;transition:opacity .9s var(--ease-smooth), transform .9s var(--ease-smooth);will-change:opacity, transform;transform:translateY(32px)}.reveal-element.is-revealed{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .9s var(--ease-smooth), transform .9s var(--ease-smooth);transform:translate(-40px)}.reveal-left.is-revealed{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .9s var(--ease-smooth), transform .9s var(--ease-smooth);transform:translate(40px)}.reveal-right.is-revealed{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transition:opacity .8s var(--ease-smooth), transform .8s var(--ease-elastic);transform:scale(.92)}.reveal-scale.is-revealed{opacity:1;transform:scale(1)}.delay-100{transition-delay:.1s}.delay-150{transition-delay:.15s}.delay-200{transition-delay:.2s}.delay-250{transition-delay:.25s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-500{transition-delay:.5s}.blob-shape{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;animation:8s ease-in-out infinite blobMorph}.blob-shape-2{animation-delay:-4s}@keyframes blobMorph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}33%{border-radius:30% 60% 70% 40%/50% 60% 30%}66%{border-radius:40% 60% 60% 40%/70% 40% 60% 30%}}.float-pill-1{animation:5s ease-in-out infinite pillFloat1}.float-pill-2{animation:6s ease-in-out 1.5s infinite pillFloat2}.float-pill-3{animation:4.5s ease-in-out 3s infinite pillFloat3}@keyframes pillFloat1{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-12px)rotate(1deg)}}@keyframes pillFloat2{0%,to{transform:translateY(0)rotate(1.5deg)}50%{transform:translateY(-10px)rotate(-1deg)}}@keyframes pillFloat3{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(2deg)}}.pulse-ring{position:relative}.pulse-ring:after{content:"";opacity:0;border:2px solid;border-radius:50%;animation:2s ease-out infinite ringPulse;position:absolute;inset:-4px}@keyframes ringPulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.counter-num{transition:transform .3s var(--ease-elastic);display:inline-block}#sticky-cta-bar{transition:transform .5s var(--ease-smooth);padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px))}#sticky-cta-bar.translate-y-full{transform:translateY(100%)}.animated-gradient-text{background:linear-gradient(270deg,#4338ca,#6366f1,#06b6d4,#10b981,#f59e0b,#f43f5e,#6366f1,#4338ca) 0 0/400% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:8s infinite gradientShift}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.wave-divider{width:100%;line-height:0;position:absolute;bottom:-1px;left:0;overflow:hidden}.wave-divider svg{width:calc(100% + 1.3px);height:60px;display:block}.typewriter-cursor:after{content:"|";color:#6366f1;margin-left:2px;animation:1.1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal-element,.reveal-left,.reveal-right,.reveal-scale{opacity:1!important;transform:none!important}}@media (max-width:640px){.hero-card-mobile{aspect-ratio:1;max-width:340px}.problem-card:hover,.framework-card:hover,.step-card:hover,.get-card:hover{transform:translateY(-4px)}.interactive-node:hover{transform:scale(1.06)translateY(-3px)!important}}.text-clip-gradient{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.animate-float-slow{animation:6s ease-in-out infinite floatSlow}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.accent-line{background:linear-gradient(90deg,#4338ca,#6366f1,#06b6d4);border-radius:2px;height:4px;display:inline-block}.image-zoom-card{transition:all .5s var(--ease-smooth);overflow:hidden}.image-zoom-card img{transition:transform .7s var(--ease-smooth), filter .5s ease}.image-zoom-card:hover img{transform:scale(1.08)}.image-zoom-card:hover{transform:translateY(-6px);box-shadow:0 28px 56px -14px #4338ca2e,0 0 0 2px #6366f133}
