@import"https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap";:root{--bg-deep: #050505;--bg-dark: #0f172a;--primary: #2563eb;--primary-glow: rgba(37, 99, 235, .5);--accent-purple: #7c3aed;--accent-cyan: #06b6d4;--accent-green: #10b981;--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--text-main: #f8fafc;--text-muted: #94a3b8;--font-heading: "Pixelify Sans", sans-serif;--font-body: "Pixelify Sans", sans-serif;--bulb-top-0: -95px;--bulb-x-0: -120px;--bulb-top-1: 40px;--bulb-x-1: -295px;--bulb-top-2: 20px;--bulb-x-2: 50px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-deep);color:var(--text-main);font-family:var(--font-body);font-size:18px;line-height:1.5;letter-spacing:.02rem;overflow-x:hidden;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;image-rendering:pixelated}.content-fade-enter{opacity:0;transform:translateY(10px)}.content-fade-active{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-33.333%)}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-bulb{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes flicker{0%,to{opacity:1;filter:drop-shadow(0 0 20px rgba(255,228,50,.4)) brightness(1.1)}30%,70%{opacity:.85;filter:drop-shadow(0 0 15px rgba(255,228,50,.2)) brightness(.95)}50%{opacity:.95;filter:drop-shadow(0 0 18px rgba(255,228,50,.3)) brightness(1.05)}}@keyframes bulb-glow{0%,to{filter:drop-shadow(0 0 15px rgba(255,228,50,.4));transform:scale(1)}50%{filter:drop-shadow(0 0 35px rgba(255,228,50,.7));transform:scale(1.02)}}@keyframes typewriter{0%,5%{width:0}35%,65%{width:100%}95%,to{width:0}}@keyframes blinkTextCursor{0%{border-right-color:var(--accent-cyan)}to{border-right-color:transparent}}@keyframes badge-glow{0%,to{box-shadow:0 0 15px #06b6d433,inset 0 0 5px #06b6d41a;border-color:#06b6d44d;background:#06b6d414}50%{box-shadow:0 0 25px #06b6d480,inset 0 0 10px #06b6d433;border-color:#06b6d499;background:#06b6d426}}.anim-typewriter{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid var(--accent-cyan);animation:typewriter 8s steps(44) infinite,blinkTextCursor .5s steps(44) infinite normal;width:0}.marquee-container{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.marquee-content{display:flex;gap:0;animation:marquee 40s linear infinite;padding:66px 0}.floating-card{animation:float-y 4s ease-in-out infinite}.floating-card:nth-child(2n){animation-delay:1s}.floating-card:nth-child(3n){animation-delay:2s}.bg-glow{position:absolute;width:600px;height:600px;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%);filter:blur(80px);z-index:-1;pointer-events:none}.bg-glow-purple{background:radial-gradient(circle,rgba(124,58,237,.3) 0%,transparent 70%)}.bg-glow-cyan{background:radial-gradient(circle,rgba(6,182,212,.3) 0%,transparent 70%)}.glass-card{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;padding:40px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),border-color .3s ease}.glass-card:hover{transform:translateY(-8px);border-color:#fff3}h1,h2,h3{font-family:var(--font-heading);font-weight:600;text-transform:uppercase;letter-spacing:.05rem;line-height:1.2}.gradient-text{background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.accent-blue{color:var(--accent-cyan);text-shadow:0 0 20px rgba(2,255,255,.774)}.btn-primary{background:var(--primary);color:#fff;transition:all .3s ease;padding:16px 32px;border-radius:100px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px;box-shadow:0 0 20px var(--primary-glow);border:1px solid rgba(255,255,255,.1)}.ready-cta{background:#fff!important;color:#000!important;border:1px solid white!important;box-shadow:0 0 20px #fff6!important}.ready-cta:hover{background:#f0f0f0!important;color:#000!important;transform:translateY(-2px) scale(1.02)!important;box-shadow:0 0 30px #fff9!important;text-shadow:none!important}.btn-primary:hover{transform:scale(1.05);box-shadow:0 0 30px var(--primary-glow);filter:brightness(1.1);text-shadow:0 2px 4px rgba(0,0,0,.8)}.btn-ghost{background:transparent;color:var(--text-main);padding:16px 32px;border-radius:100px;font-weight:600;text-decoration:none;border:1px solid var(--glass-border);transition:all .3s ease}.btn-ghost:hover{background:var(--glass);border-color:var(--text-main)}.badge-glow{display:inline-block;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--accent-cyan)!important;padding:8px 20px;border-radius:100px;font-size:14px;font-weight:600;border:1px solid rgba(6,182,212,.3);text-transform:uppercase;letter-spacing:.1em;animation:badge-glow 3s ease-in-out infinite;box-shadow:0 0 15px #06b6d433;transition:all .3s ease}.badge-glow:hover{transform:translateY(-2px);border-color:var(--accent-cyan);box-shadow:0 0 30px #06b6d499}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float{animation:float 6s ease-in-out infinite}.container{max-width:1200px;margin:0 auto;padding:0 24px}section{padding:120px 0;position:relative}.section-hero{padding-top:180px}.section-ecosystem{padding:100px 0}.section-cta{padding:160px 0;text-align:center}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;background:#05050580;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--glass-border)}.nav-content{display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;gap:32px;align-items:center}.nav-mobile-btn{display:none;background:transparent;border:none;color:var(--text-main);cursor:pointer;padding:4px}.mobile-menu{position:absolute;top:100%;left:0;width:100%;background:#0f172af2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);padding:24px;display:flex;flex-direction:column;gap:20px;z-index:999}.hero-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;text-align:left;max-width:1200px;margin:0 auto}.hero-title{font-size:72px;margin-top:40px;padding-bottom:24px}.hero-actions{display:flex;gap:16px}.hero-3d-logo-container{width:100%;height:500px;display:flex;align-items:center;justify-content:center;position:relative;perspective:1000px}.workflow-layout{display:flex;gap:24px}.features-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px}.section-title{font-size:48px}.marquee-ide-card{margin-right:60px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:120px;height:120px}.footer-layout{display:flex;gap:24px;justify-content:center;margin-top:32px;align-items:center}.ready-cta{font-size:18px;padding:20px 48px}.mockup-glass-card{max-width:900px;margin:0 auto;height:400px;background:#0f172a99;display:flex;align-items:center;justify-content:center;overflow:hidden}.mockup-inner-layout{width:80%;height:80%;display:flex;gap:20px}.mockup-panel-left{flex:1;background:#ffffff0d;border-radius:12px;padding:20px}.mockup-panel-right{width:300px;background:#2563eb0d;border-radius:12px;border:1px solid var(--primary);padding:20px;position:relative}.step-card-layout{flex:1;text-align:left;padding:32px}.step-icon-wrapper{width:48px;height:48px;background:#2563eb1a;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--primary)}.feature-card-layout{text-align:left;display:flex;gap:24px;align-items:flex-start}.feature-icon-wrapper{color:var(--accent-cyan)}@media(max-width:900px){.badge-glow{margin-top:-4rem;margin-bottom:1rem}.hero-layout{display:flex;flex-direction:column-reverse;text-align:center;gap:20px}.hero-content{display:flex;flex-direction:column;align-items:center}.hero-title{font-size:48px}.hero-actions{justify-content:center;flex-wrap:wrap}.features-layout{grid-template-columns:1fr;text-align:center}.features-header{margin-bottom:40px}}@media(max-width:768px){.nav-links{display:none}.nav-mobile-btn{display:block}.section-title{font-size:36px!important;margin-bottom:32px}.hero-title{font-size:40px;margin-top:10px}.workflow-layout{flex-direction:column}section{padding:40px 0}.section-hero{padding-top:40px}.section-ecosystem{padding:40px 0}.section-cta{padding:50px 0}.hero-3d-logo-container{height:340px;margin-bottom:20px;perspective:1000px!important}.hero-3d-scale-wrapper{transform:scale(.7)}:root{--bulb-top-0: 10%;--bulb-x-0: -50%;--bulb-top-1: 30%;--bulb-x-1: -120%;--bulb-top-2: 30%;--bulb-x-2: 20%}.glass-card{padding:24px}.marquee-ide-card{width:80px;height:80px;margin-right:40px}.hero-bulb{display:none!important}.footer-layout{flex-direction:column;gap:16px}.nav-content{max-height:97px}.bg-glow{width:300px;height:300px}.mockup-glass-card{height:auto;padding:24px}.mockup-inner-layout{flex-direction:column;width:100%;height:auto}.mockup-panel-left,.mockup-panel-right{width:100%}.step-card-layout{text-align:center!important;align-items:center!important}.step-icon-wrapper{margin-left:auto;margin-right:auto}.feature-card-layout{flex-direction:column;align-items:center!important;text-align:center!important;gap:16px}}@media(max-width:480px){.hero-title{font-size:32px}.ready-cta{padding:16px 32px;font-size:16px;width:100%;justify-content:center;text-align:center}.hero-actions{flex-direction:column;width:100%}.hero-actions a{width:100%;justify-content:center}}.hide-mobile{display:block}@media(max-width:768px){.hide-mobile{display:none}}.cris-logo-wrapper{justify-content:flex-start;flex-wrap:nowrap;gap:24px}.avatar-3d-logo-container{flex:0 0 auto}@media(max-width:900px){.cris-logo-wrapper{justify-content:center;flex-wrap:wrap;gap:16px}}@media(max-width:768px){.avatar-3d-logo-container{width:200px!important;height:200px!important;flex:0 0 auto!important}}.pixel-bubble{image-rendering:pixelated;word-wrap:break-word}
