@property --glow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --shimmer-pos{syntax:"<percentage>";inherits:false;initial-value:-100%}:root{--bg-void:#030308;--bg-primary:#050510;--bg-secondary:#0a0a1a;--bg-elevated:#0e0e22;--accent-cyan:#00e5ff;--accent-blue:#4f8fff;--accent-purple:#a855f7;--accent-violet:#7c3aed;--accent-pink:#ec4899;--accent-magenta:#d946ef;--accent-orange:#ff6b35;--accent-green:#22c55e;--text-primary:#f0f2ff;--text-secondary:#9ca3bf;--text-muted:#5b6080;--liquid-bg:#ffffff08;--liquid-bg-hover:#ffffff0f;--liquid-border:#ffffff14;--liquid-border-hover:#ffffff29;--liquid-highlight:#ffffff1f;--liquid-blur:24px;--liquid-blur-heavy:40px;--refraction-1:#00e5ff0d;--refraction-2:#a855f70d;--refraction-3:#ec48990a;--shadow-glass:0 8px 32px #0006, inset 0 1px 0 #ffffff0f;--shadow-glass-hover:0 16px 48px #00000080, inset 0 1px 0 #ffffff1a;--shadow-glow-cyan:0 0 30px #00e5ff26, 0 0 60px #00e5ff0d;--shadow-glow-purple:0 0 30px #a855f726, 0 0 60px #a855f70d;--section-gap:120px;--container-max:1140px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-medium:.4s cubic-bezier(.4, 0, .2, 1);--transition-slow:.8s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:100px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-void);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}#root{min-height:100vh;position:relative}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{background:linear-gradient(#00e5ff33,#a855f733);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#00e5ff66,#a855f766)}::selection{color:var(--text-primary);background:#00e5ff33}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes shimmer{0%{--shimmer-pos:-100%}to{--shimmer-pos:200%}}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}@keyframes borderGlow{0%{--glow-angle:0deg}to{--glow-angle:360deg}}.app{min-height:100vh;position:relative;overflow-x:hidden}.ambient-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-orb{filter:blur(140px);opacity:.25;will-change:transform;border-radius:50%;animation:30s ease-in-out infinite orbDrift;position:absolute}.ambient-orb--1{background:radial-gradient(circle, var(--accent-cyan), transparent 70%);width:600px;height:600px;animation-delay:0s;top:-15%;right:-10%}.ambient-orb--2{background:radial-gradient(circle, var(--accent-purple), transparent 70%);width:700px;height:700px;animation-delay:-10s;bottom:-20%;left:-15%}.ambient-orb--3{background:radial-gradient(circle, var(--accent-pink), transparent 70%);width:400px;height:400px;animation-delay:-20s;top:40%;left:40%}.ambient-orb--4{background:radial-gradient(circle, var(--accent-blue), transparent 70%);opacity:.12;width:500px;height:500px;animation-delay:-15s;top:20%;left:10%}@keyframes orbDrift{0%,to{transform:translate(0)scale(1)}20%{transform:translate(40px,-50px)scale(1.08)}40%{transform:translate(-30px,30px)scale(.95)}60%{transform:translate(25px,45px)scale(1.04)}80%{transform:translate(-45px,-20px)scale(.98)}}.ambient-grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 50% at 50% 30%,#00000080,#0000);mask-image:radial-gradient(80% 50% at 50% 30%,#00000080,#0000)}.ambient-particles{position:absolute;inset:0}.ambient-particle{background:var(--accent-cyan);opacity:0;border-radius:50%;width:3px;height:3px;animation:10s ease-in-out infinite particleFloat;position:absolute}.ambient-particle:first-child{animation-delay:0s;top:15%;left:8%}.ambient-particle:nth-child(2){background:var(--accent-purple);animation-delay:-2s;top:25%;left:82%}.ambient-particle:nth-child(3){background:var(--accent-pink);animation-delay:-4s;top:65%;left:25%}.ambient-particle:nth-child(4){animation-delay:-1s;top:45%;left:65%}.ambient-particle:nth-child(5){background:var(--accent-purple);animation-delay:-3s;top:75%;left:92%}.ambient-particle:nth-child(6){background:var(--accent-blue);animation-delay:-5s;top:8%;left:45%}.ambient-particle:nth-child(7){background:var(--accent-cyan);animation-delay:-6s;top:85%;left:15%}.ambient-particle:nth-child(8){background:var(--accent-pink);animation-delay:-7s;top:90%;left:72%}@keyframes particleFloat{0%,to{opacity:0;transform:translateY(0)scale(.5)}15%{opacity:.7}50%{opacity:.25;transform:translateY(-50px)scale(1.2)}85%{opacity:.5}}.mouse-glow{pointer-events:none;z-index:1;will-change:transform;opacity:0;background:radial-gradient(circle,#00e5ff0d,#a855f708,#0000 70%);border-radius:50%;width:600px;height:600px;transition:opacity .4s;position:fixed}.content{z-index:2;position:relative}.section{padding:0 24px;position:relative}.container{max-width:var(--container-max);z-index:2;margin:0 auto;position:relative}.section__header{text-align:center;margin-bottom:64px}.section__label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-cyan);font-size:.72rem;font-weight:600;font-family:var(--font-mono);border-radius:var(--radius-pill);background:#00e5ff0f;border:1px solid #00e5ff1f;margin-bottom:16px;padding:6px 16px;display:inline-block}.section__title{letter-spacing:-.03em;color:var(--text-primary);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;line-height:1.15}.section__subtitle{color:var(--text-secondary);max-width:560px;margin:16px auto 0;font-size:1.05rem;line-height:1.7}.nav{z-index:100;-webkit-backdrop-filter:blur(var(--liquid-blur-heavy));border:1px solid var(--liquid-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-glass);animation:navSlideDown 1s var(--transition-medium);background:#05051080;align-items:center;gap:32px;padding:10px 24px;transition:background .3s,box-shadow .3s;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.nav--scrolled{box-shadow:var(--shadow-glass), 0 4px 30px #0000004d;background:#050510d9}.nav:before{content:"";background:linear-gradient(90deg,#0000,#00e5ff4d,#a855f74d,#ec489933,#0000);border-radius:1px;height:1px;position:absolute;top:0;left:10%;right:10%}@keyframes navSlideDown{0%{opacity:0;transform:translate(-50%)translateY(-24px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.nav__logo{color:var(--text-primary);align-items:center;gap:10px;text-decoration:none;display:flex}.nav__logo-img{object-fit:contain;filter:drop-shadow(0 0 8px #00e5ff4d);width:36px;height:36px;transition:var(--transition-fast);border-radius:6px}.nav__logo:hover .nav__logo-img{filter:drop-shadow(0 0 14px #00e5ff80);transform:scale(1.08)}.nav__logo-text{letter-spacing:-.02em;font-size:1.05rem;font-weight:700}.nav__links{gap:4px;display:flex}.nav__link{color:var(--text-secondary);border-radius:var(--radius-sm);transition:var(--transition-fast);padding:7px 16px;font-size:.85rem;font-weight:500;text-decoration:none}.nav__link:hover{color:var(--text-primary);background:#ffffff0d}.nav__cta{color:var(--bg-primary);background:linear-gradient(135deg, var(--accent-cyan), var(--accent-blue));border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);border:none;padding:8px 22px;font-size:.85rem;font-weight:600;text-decoration:none;box-shadow:0 4px 16px #00e5ff40}.nav__cta:hover{transform:translateY(-1px);box-shadow:0 8px 28px #00e5ff59}.hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero__bg{z-index:0;will-change:transform;position:absolute;inset:-60px}.hero__bg-img{object-fit:cover;opacity:.35;filter:saturate(1.2);width:100%;height:100%}.hero__bg-overlay{background:linear-gradient(180deg, #0505104d 0%, #05051080 40%, #050510d9 75%, var(--bg-void) 100%);position:absolute;inset:0}.hero__logo-wrapper{justify-content:center;margin-bottom:28px;animation:.6s both fadeUp;display:flex;position:relative}.hero__logo-wrapper:after{content:"";pointer-events:none;background:radial-gradient(circle,#00e5ff1f,#0000 70%);border-radius:50%;width:160px;height:160px;animation:4s ease-in-out infinite glowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero__logo{object-fit:contain;filter:drop-shadow(0 0 20px #00e5ff59);z-index:1;width:100px;height:100px;animation:6s ease-in-out infinite float;position:relative}.hero__shards{z-index:1;pointer-events:none;position:absolute;inset:0}.hero__shard{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff0a,#ffffff03);border:1px solid #ffffff0f;animation:8s ease-in-out infinite shardFloat;position:absolute}.hero__shard--1{border-color:#00e5ff14;width:100px;height:100px;animation-delay:0s;top:12%;left:8%;transform:rotate(-15deg)}.hero__shard--2{border-color:#a855f71a;width:70px;height:70px;animation-delay:-2s;top:25%;right:12%;transform:rotate(25deg)}.hero__shard--3{border-color:#ec48991a;width:50px;height:50px;animation-delay:-4s;bottom:25%;left:5%;transform:rotate(40deg)}.hero__shard--4{border-color:#4f8fff1a;width:60px;height:60px;animation-delay:-6s;bottom:20%;right:8%;transform:rotate(-30deg)}@keyframes shardFloat{0%,to{transform:translateY(0) rotate(var(--shard-rot,0deg))}50%{transform:translateY(-20px) rotate(calc(var(--shard-rot,0deg) + 5deg))}}.hero__shard--1{--shard-rot:-15deg}.hero__shard--2{--shard-rot:25deg}.hero__shard--3{--shard-rot:40deg}.hero__shard--4{--shard-rot:-30deg}.hero__inner{z-index:3;max-width:760px;position:relative}.hero__badge{border-radius:var(--radius-pill);color:var(--text-secondary);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #ffffff1a;align-items:center;gap:10px;margin-bottom:32px;padding:7px 18px;font-size:.8rem;animation:.8s both fadeUp;display:inline-flex;position:relative;overflow:hidden}.hero__badge:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);width:50%;height:100%;animation:4s ease-in-out infinite badgeShimmer;position:absolute;top:0;left:-100%}@keyframes badgeShimmer{0%,to{left:-100%}50%{left:150%}}.hero__badge-dot{background:var(--accent-green);border-radius:50%;width:7px;height:7px;animation:2s infinite dotPulse;box-shadow:0 0 8px #22c55e66}@keyframes dotPulse{0%,to{opacity:1;box-shadow:0 0 8px #22c55e66}50%{opacity:.6;box-shadow:0 0 16px #22c55e33}}.hero__title{letter-spacing:-.04em;text-shadow:0 2px 40px #00000080;margin-bottom:24px;font-size:clamp(2.8rem,6.5vw,4.8rem);font-weight:900;line-height:1.05;animation:.8s .1s both fadeUp}.hero__title-gradient{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-blue), var(--accent-purple), var(--accent-pink), var(--accent-cyan));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px #00e5ff4d);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;animation:8s infinite heroGradient}@keyframes heroGradient{0%,to{background-position:0%}33%{background-position:50% 100%}66%{background-position:100%}}.hero__subtitle{color:var(--text-secondary);max-width:580px;margin:0 auto 40px;font-size:1.15rem;font-weight:400;line-height:1.75;animation:.8s .2s both fadeUp}.hero__actions{flex-wrap:wrap;justify-content:center;gap:14px;animation:.8s .3s both fadeUp;display:flex}.hero__scroll-indicator{flex-direction:column;align-items:center;gap:10px;margin-top:56px;animation:1.2s .6s both fadeUp;display:flex}.hero__scroll-mouse{border:2px solid #ffffff26;border-radius:14px;justify-content:center;width:24px;height:38px;display:flex;position:relative}.hero__scroll-wheel{background:var(--accent-cyan);border-radius:2px;width:3px;height:8px;margin-top:8px;animation:2s ease-in-out infinite scrollWheel;box-shadow:0 0 6px #00e5ff66}@keyframes scrollWheel{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.3;transform:translateY(10px)}}.hero__scroll-text{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-family:var(--font-mono)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.btn{border-radius:var(--radius-md);transition:var(--transition-fast);cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--font-sans);border:none;align-items:center;gap:8px;padding:14px 30px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn--primary{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-blue));color:var(--bg-primary);box-shadow:0 4px 20px #00e5ff40,inset 0 1px #fff3}.btn--primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:60%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.btn--primary:hover:before{left:150%}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 36px #00e5ff66,inset 0 1px #ffffff4d}.btn--glass{color:var(--text-primary);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-glass);background:#ffffff0d;border:1px solid #ffffff1a}.btn--glass:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;background:linear-gradient(135deg,#0000 30%,#00e5ff4d,#a855f74d,#0000 70%);padding:1px;transition:opacity .3s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn--glass:hover:before{opacity:1}.btn--glass:hover{box-shadow:var(--shadow-glass-hover);background:#ffffff14;transform:translateY(-2px)}.features{padding-top:20px;padding-bottom:var(--section-gap);overflow:hidden}.features__bg{z-index:0;will-change:transform;position:absolute;inset:-80px -20px}.features__bg-img{object-fit:cover;opacity:.15;filter:saturate(1.3)blur(2px);width:100%;height:100%}.features__bg-overlay{background:linear-gradient(180deg, var(--bg-void) 0%, #05051099 30%, #05051099 70%, var(--bg-void) 100%);position:absolute;inset:0}.features__grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feature-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);transition:var(--transition-medium);box-shadow:var(--shadow-glass);background:#ffffff08;border:1px solid #ffffff14;padding:32px 28px;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#ffffff0a,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}.feature-card:after{content:"";background:radial-gradient(circle at 30% 30%, var(--refraction-1), transparent 50%);opacity:0;pointer-events:none;width:200%;height:200%;transition:opacity .5s;position:absolute;top:-50%;left:-50%}.feature-card:hover{box-shadow:var(--shadow-glass-hover), var(--shadow-glow-cyan);background:#ffffff0f;border-color:#ffffff29;transform:translateY(-6px)}.feature-card:hover:after{opacity:1}.feature-card__icon{border-radius:var(--radius-md);width:52px;height:52px;transition:var(--transition-medium);z-index:1;background:#00e5ff0f;border:1px solid #00e5ff1f;justify-content:center;align-items:center;margin-bottom:20px;font-size:1.5rem;display:flex;position:relative;box-shadow:0 0 20px #00e5ff14}.feature-card:hover .feature-card__icon{transform:scale(1.05);box-shadow:0 0 28px #00e5ff26}.feature-card__icon--purple{background:#a855f70f;border-color:#a855f71f;box-shadow:0 0 20px #a855f714}.feature-card:hover .feature-card__icon--purple{box-shadow:0 0 28px #a855f726}.feature-card__icon--pink{background:#ec48990f;border-color:#ec48991f;box-shadow:0 0 20px #ec489914}.feature-card:hover .feature-card__icon--pink{box-shadow:0 0 28px #ec489926}.feature-card__icon--orange{background:#ff6b350f;border-color:#ff6b351f;box-shadow:0 0 20px #ff6b3514}.feature-card:hover .feature-card__icon--orange{box-shadow:0 0 28px #ff6b3526}.feature-card__icon--green{background:#22c55e0f;border-color:#22c55e1f;box-shadow:0 0 20px #22c55e14}.feature-card:hover .feature-card__icon--green{box-shadow:0 0 28px #22c55e26}.feature-card__icon--blue{background:#4f8fff0f;border-color:#4f8fff1f;box-shadow:0 0 20px #4f8fff14}.feature-card:hover .feature-card__icon--blue{box-shadow:0 0 28px #4f8fff26}.feature-card__title{letter-spacing:-.01em;z-index:1;margin-bottom:10px;font-size:1.08rem;font-weight:700;position:relative}.feature-card__desc{color:var(--text-secondary);z-index:1;font-size:.88rem;line-height:1.65;position:relative}.how-it-works{padding-bottom:var(--section-gap)}.steps{grid-template-columns:repeat(3,1fr);gap:24px;display:grid;position:relative}.steps__connector{z-index:0;height:2px;position:absolute;top:52px;left:calc(16.66% + 28px);right:calc(16.66% + 28px)}.steps__connector-line{background:linear-gradient(90deg,#00e5ff26,#a855f733,#ec489926);border-radius:1px;position:absolute;inset:0}.steps__connector-pulse{background:linear-gradient(90deg, transparent, var(--accent-cyan), transparent);filter:blur(1px);border-radius:3px;width:40px;height:6px;animation:3s ease-in-out infinite connectorPulse;position:absolute;top:-2px;left:0}@keyframes connectorPulse{0%{opacity:0;left:-10%}10%{opacity:1}90%{opacity:1}to{opacity:0;left:100%}}.step-card{text-align:center;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-glass);transition:var(--transition-medium);z-index:1;background:#ffffff08;border:1px solid #ffffff14;padding:36px 24px;position:relative;overflow:hidden}.step-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;position:absolute;top:0;left:15%;right:15%}.step-card:hover{box-shadow:var(--shadow-glass-hover), var(--shadow-glow-cyan);background:#ffffff0f;border-color:#ffffff29;transform:translateY(-6px)}.step-card__number{width:56px;height:56px;color:var(--accent-cyan);font-size:1.1rem;font-weight:800;font-family:var(--font-mono);background:linear-gradient(135deg,#00e5ff1a,#a855f71a);border:1.5px solid #00e5ff33;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex;box-shadow:0 0 20px #00e5ff1a}.step-card__icon{margin-bottom:16px;font-size:1.6rem;display:block}.step-card__title{margin-bottom:10px;font-size:1.08rem;font-weight:700}.step-card__desc{color:var(--text-secondary);font-size:.85rem;line-height:1.65}.step-card__code{border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--accent-cyan);text-shadow:0 0 8px #00e5ff33;background:#00000080;border:1px solid #ffffff0f;margin-top:16px;padding:8px 16px;font-size:.75rem;display:inline-block}.architecture{padding-bottom:var(--section-gap);overflow:hidden}.architecture__bg{z-index:0;will-change:transform;position:absolute;inset:-80px -20px}.architecture__bg-img{object-fit:cover;opacity:.12;filter:saturate(1.2)blur(1px);width:100%;height:100%}.architecture__bg-overlay{background:linear-gradient(180deg, var(--bg-void) 0%, #05051080 25%, #05051080 75%, var(--bg-void) 100%);position:absolute;inset:0}.arch-diagram{max-width:820px;margin:0 auto}.arch-layers{flex-direction:column;gap:8px;display:flex}.arch-layer{justify-content:center;gap:14px;display:flex}.arch-layer--modules{flex-wrap:wrap}.arch-node{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-glass);text-align:center;transition:var(--transition-medium);background:#ffffff08;border:1px solid #ffffff14;min-width:150px;padding:18px 24px;position:relative;overflow:hidden}.arch-node:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;position:absolute;top:0;left:15%;right:15%}.arch-node:hover{box-shadow:var(--shadow-glass-hover);background:#ffffff0f;border-color:#ffffff29;transform:translateY(-3px)}.arch-node--user{border-color:#a855f726}.arch-node--master{min-width:240px;box-shadow:var(--shadow-glass), 0 0 25px #00e5ff14;background:#00e5ff08;border-color:#00e5ff33}.arch-node--master:hover{box-shadow:var(--shadow-glass-hover), var(--shadow-glow-cyan)}.arch-node__icon{margin-bottom:8px;font-size:1.5rem;display:block}.arch-node__title{margin-bottom:4px;font-size:.9rem;font-weight:700}.arch-node__subtitle{color:var(--text-muted);font-size:.72rem;font-family:var(--font-mono)}.arch-arrow{justify-content:center;padding:2px 0;display:flex;position:relative}.arch-arrow:before{content:"";background:linear-gradient(#00e5ff33,#a855f733);width:1px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.arch-arrow__icon{background:var(--bg-void);z-index:1;color:var(--accent-cyan);text-shadow:0 0 8px #00e5ff4d;padding:2px 8px;font-size:.85rem;position:relative}.demo{padding-bottom:var(--section-gap)}.terminal{border-radius:var(--radius-lg);max-width:720px;-webkit-backdrop-filter:blur(var(--liquid-blur-heavy));box-shadow:var(--shadow-glass), 0 0 60px #0006;background:#050510cc;border:1px solid #ffffff14;margin:0 auto;position:relative;overflow:hidden}.terminal:after{content:"";pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00e5ff02 2px 4px);position:absolute;inset:0}.terminal__header{background:#ffffff05;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;padding:14px 20px;display:flex}.terminal__dot{width:12px;height:12px;transition:var(--transition-fast);border-radius:50%}.terminal__dot--red{background:#ff5f57;box-shadow:0 0 8px #ff5f574d}.terminal__dot--yellow{background:#febc2e;box-shadow:0 0 8px #febc2e4d}.terminal__dot--green{background:#28c840;box-shadow:0 0 8px #28c8404d}.terminal__title{text-align:center;color:var(--text-muted);font-size:.78rem;font-family:var(--font-mono);flex:1}.terminal__body{font-family:var(--font-mono);color:var(--text-secondary);z-index:1;min-height:220px;padding:22px 26px;font-size:.82rem;line-height:1.85;position:relative}.terminal__line{gap:8px;margin-bottom:2px;display:flex}.terminal__prompt{color:var(--accent-cyan);-webkit-user-select:none;user-select:none;text-shadow:0 0 8px #00e5ff4d;flex-shrink:0}.terminal__command{color:var(--text-primary)}.terminal__output{color:var(--text-muted)}.terminal__output--success{color:var(--accent-green);text-shadow:0 0 6px #22c55e33}.terminal__output--accent{color:var(--accent-purple);text-shadow:0 0 6px #a855f733}.terminal__cursor{background:var(--accent-cyan);vertical-align:middle;width:8px;height:17px;margin-left:2px;animation:1s step-end infinite cursorBlink;display:inline-block;box-shadow:0 0 6px #00e5ff66}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.stats{padding-bottom:var(--section-gap)}.stats__grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.stat-card{text-align:center;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-glass);transition:var(--transition-medium);background:#ffffff08;border:1px solid #ffffff14;padding:36px 20px 32px;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}.stat-card:hover{box-shadow:var(--shadow-glass-hover), var(--shadow-glow-purple);background:#ffffff0f;border-color:#ffffff29;transform:translateY(-5px)}.stat-card__icon-wrapper{margin-bottom:12px;font-size:1.5rem}.stat-card__number{letter-spacing:-.03em;background:linear-gradient(135deg, var(--accent-cyan), var(--accent-blue), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2.4rem;font-weight:900;line-height:1.1}.stat-card__label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.cta{padding-bottom:var(--section-gap)}.cta__card{text-align:center;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-glass);background:#ffffff08;border:1px solid #ffffff14;padding:72px 40px;position:relative;overflow:hidden}.cta__bg{z-index:0;will-change:transform;position:absolute;inset:-40px}.cta__bg-img{object-fit:cover;opacity:.2;filter:saturate(1.3);width:100%;height:100%}.cta__bg-overlay{background:radial-gradient(#05051066,#050510cc 70%);position:absolute;inset:0}.cta__card:before{content:"";border-radius:inherit;background:conic-gradient(from var(--glow-angle,0deg), transparent 0%, #00e5ff33 10%, transparent 20%, #a855f733 35%, transparent 45%, #ec489926 55%, transparent 65%, #4f8fff33 80%, transparent 90%);-webkit-mask-composite:xor;z-index:1;padding:1px;animation:6s linear infinite borderGlow;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.cta__title{letter-spacing:-.02em;z-index:2;margin-bottom:16px;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;position:relative}.cta__desc{color:var(--text-secondary);z-index:2;max-width:520px;margin:0 auto 32px;font-size:1.05rem;line-height:1.7;position:relative}.cta__actions{z-index:2;flex-wrap:wrap;justify-content:center;gap:14px;display:flex;position:relative}.footer{text-align:center;border-top:1px solid #ffffff0f;padding:36px 24px;position:relative}.footer:before{content:"";background:linear-gradient(90deg,#0000,#00e5ff26,#a855f726,#0000);height:1px;position:absolute;top:-1px;left:20%;right:20%}.footer__text{color:var(--text-muted);font-size:.82rem}.footer__link{color:var(--accent-cyan);transition:var(--transition-fast);font-weight:600;text-decoration:none}.footer__link:hover{color:var(--accent-purple);text-shadow:0 0 8px #a855f74d}.footer__heart{color:var(--accent-pink);animation:2s infinite heartBeat;display:inline-block}@keyframes heartBeat{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.1)}}@media (width<=1024px){.features__grid,.stats__grid{grid-template-columns:repeat(2,1fr)}.arch-layer--modules{flex-wrap:wrap;justify-content:center}}@media (width<=768px){.nav{gap:12px;padding:10px 16px}.nav__links{display:none}.hero{min-height:auto;padding-top:100px;padding-bottom:80px}.hero__shards,.hero__scroll-indicator{display:none}.features__grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:16px}.steps__connector{display:none}.arch-layer,.arch-layer--modules{flex-direction:column;align-items:center}.stats__grid{grid-template-columns:repeat(2,1fr)}.cta__card{padding:48px 24px}.terminal__body{padding:16px;font-size:.72rem}.mouse-glow,.features__bg,.architecture__bg{display:none}}@media (width<=480px){.stats__grid{grid-template-columns:1fr}.hero__actions,.cta__actions{flex-direction:column;align-items:center}.btn{justify-content:center;width:100%}.arch-node{min-width:unset;width:100%}}