@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-void:#05060a;--bg-deep:#0a0b10;--bg-surface:#10121a;--bg-elevated:#161822;--bg-card:#121420b3;--cyan:#00e5ff;--cyan-dim:#00e5ff44;--cyan-glow:#00e5ff22;--purple:#a855f7;--purple-dim:#a855f744;--purple-glow:#a855f722;--amber:#f5a623;--amber-dim:#f5a62344;--pink:#ff3d7f;--green:#22d3a7;--green-dim:#22d3a744;--text-primary:#e8eaed;--text-secondary:#8b8fa3;--text-muted:#4a4e5c;--text-accent:var(--cyan);--glass-bg:#10121a99;--glass-border:#ffffff0f;--glass-shine:#ffffff08;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--font-display:"Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-back:cubic-bezier(.34, 1.56, .64, 1);--ease-spring:cubic-bezier(.22, 1.36, .36, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-display);background:var(--bg-void);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:9999;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}#root{min-height:100vh}a{color:var(--cyan);transition:color .3s var(--ease-out-expo);text-decoration:none}a:hover{color:var(--purple)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{background:var(--cyan-dim);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--cyan)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(1.2);border:1px solid var(--glass-border)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px)saturate(1.2);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all .4s var(--ease-out-expo)}.glass-card:hover{border-color:var(--cyan-dim);transform:translateY(-4px);box-shadow:0 20px 60px #00e5ff0f,0 0 1px #00e5ff4d}.glow-text{background:linear-gradient(135deg, var(--cyan), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.mono{font-family:var(--font-mono)}.gradient-border{border:none;position:relative;overflow:hidden}.gradient-border:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--cyan), var(--purple), var(--pink));-webkit-mask-composite:xor;padding:1px;animation:4s linear infinite borderRotate;position:absolute;inset:0;-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}@keyframes borderRotate{to{filter:hue-rotate(360deg)}}.btn-primary{align-items:center;gap:var(--space-sm);font-family:var(--font-display);color:var(--bg-void);background:linear-gradient(135deg, var(--cyan), #00b8d4);border-radius:var(--radius-full);cursor:pointer;transition:all .4s var(--ease-out-expo);letter-spacing:.02em;border:none;padding:14px 32px;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary:after{content:"";opacity:0;background:linear-gradient(135deg,#0000,#fff3);transition:opacity .3s;position:absolute;inset:0}.btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 12px 40px #00e5ff4d,0 0 80px #00e5ff1a}.btn-primary:hover:after{opacity:1}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-secondary{align-items:center;gap:var(--space-sm);font-family:var(--font-display);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-full);cursor:pointer;transition:all .4s var(--ease-out-expo);letter-spacing:.02em;background:0 0;padding:14px 32px;font-size:.95rem;font-weight:500;display:inline-flex}.btn-secondary:hover{border-color:var(--cyan-dim);color:var(--cyan);background:var(--cyan-glow);transform:translateY(-2px)}.section{padding:var(--space-3xl) var(--space-xl);max-width:1320px;margin:0 auto;position:relative}.section-label{align-items:center;gap:var(--space-sm);font-family:var(--font-mono);color:var(--cyan);background:var(--cyan-glow);border:1px solid var(--cyan-dim);border-radius:var(--radius-full);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--space-lg);padding:6px 16px;font-size:.72rem;font-weight:500;display:inline-flex}.section-title{margin-bottom:var(--space-md);letter-spacing:-.03em;font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1.15}.section-subtitle{color:var(--text-secondary);max-width:600px;font-size:1.1rem;line-height:1.7}.tag{font-family:var(--font-mono);border-radius:var(--radius-full);letter-spacing:.05em;align-items:center;padding:4px 12px;font-size:.7rem;font-weight:500;display:inline-flex}.tag-cyan{color:var(--cyan);background:var(--cyan-glow);border:1px solid var(--cyan-dim)}.tag-purple{color:var(--purple);background:var(--purple-glow);border:1px solid var(--purple-dim)}.tag-green{color:var(--green);background:var(--green-dim);border:1px solid #22d3a733}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--cyan-glow)}50%{box-shadow:0 0 40px var(--cyan-dim), 0 0 80px var(--cyan-glow)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.animate-in{animation:fadeInUp .8s var(--ease-out-expo) forwards;opacity:0}.animate-in-delay-1{animation-delay:.1s}.animate-in-delay-2{animation-delay:.2s}.animate-in-delay-3{animation-delay:.3s}.animate-in-delay-4{animation-delay:.4s}.animate-in-delay-5{animation-delay:.5s}@media (width<=768px){.section{padding:var(--space-2xl) var(--space-md)}.section-title{font-size:clamp(1.6rem,6vw,2.4rem)}}.scene3d__orb{filter:blur(80px);pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.scene3d__orb--cyan{opacity:.06;background:#00e5ff;width:400px;height:400px;animation:8s ease-in-out infinite orbFloat;top:20%;left:30%}.scene3d__orb--purple{opacity:.05;background:#a855f7;width:350px;height:350px;animation:10s ease-in-out infinite reverse orbFloat;top:30%;right:25%}.scene3d__orb--amber{opacity:.04;background:#f5a623;width:250px;height:250px;animation:12s ease-in-out infinite orbFloat;bottom:20%;left:40%}.scene3d__brain{background:radial-gradient(circle,#00e5ff11,#0000 70%);border:1px solid #00e5ff11;border-radius:50%;width:200px;height:200px;animation:4s ease-in-out infinite brainPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scene3d__ring{pointer-events:none;border:1px solid;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scene3d__ring--1{border-color:#00e5ff15;width:300px;height:300px;animation:20s linear infinite ringRotate}.scene3d__ring--2{border-color:#a855f710;width:400px;height:400px;animation:25s linear infinite reverse ringRotate}.scene3d__ring--3{border-color:#f5a62308;width:500px;height:500px;animation:30s linear infinite ringRotate}.scene3d__particles{position:absolute;inset:0;overflow:hidden}.scene3d__particle{border-radius:50%;animation:3s ease-in-out infinite particleTwinkle;position:absolute}.scene3d__grid{pointer-events:none;opacity:.5;width:100%;height:100%;position:absolute;inset:0}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.05)}66%{transform:translate(-20px,15px)scale(.95)}}@keyframes brainPulse{0%,to{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 40px #00e5ff08}50%{transform:translate(-50%,-50%)scale(1.05);box-shadow:0 0 80px #00e5ff15}}@keyframes ringRotate{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes particleTwinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.8;transform:scale(1.5)}}.cursor{pointer-events:none;z-index:99998;mix-blend-mode:normal;transition:opacity .2s;position:fixed}.cursor__dot{z-index:99998;pointer-events:none;background:#00e5ff;border-radius:50%;width:8px;height:8px;transition:transform .1s,width .2s,height .2s,background .2s;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 12px #00e5ff,0 0 24px #00e5ff44}.cursor__ring{z-index:99997;pointer-events:none;border:1.5px solid #00e5ff66;border-radius:50%;width:36px;height:36px;transition:transform .12s ease-out,width .3s,height .3s,border-color .3s;position:fixed;transform:translate(-50%,-50%)}.cursor__ring--hover{background:#a855f70a;border-color:#a855f780;width:56px;height:56px}#root{flex-direction:column;display:flex}main{flex:1}.section-divider{background:linear-gradient(to right, transparent, var(--glass-border), transparent);width:100%;height:1px;margin:0}.glow-orb{filter:blur(100px);pointer-events:none;border-radius:50%;position:absolute}.scroll-progress{z-index:9999;background:linear-gradient(90deg,#00e5ff,#a855f7);height:2px;transition:width .1s linear;position:fixed;top:0;left:0;box-shadow:0 0 10px #00e5ff44}@media (hover:none) and (pointer:coarse){*,:before,:after{cursor:auto!important}.cursor__dot,.cursor__ring{display:none}}.loading{z-index:99999;background:var(--bg-void);transition:opacity .6s var(--ease-out-expo), transform .6s var(--ease-out-expo);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading--done{opacity:0;pointer-events:none;transform:scale(1.05)}.loading__content{align-items:center;gap:var(--space-xl);padding:var(--space-xl);flex-direction:column;display:flex}.loading__icon{justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.loading__ring{border:2px solid #0000;border-top-color:var(--cyan);border-radius:50%;animation:1.2s linear infinite loadingSpin;position:absolute;inset:0}.loading__ring--2{border-top-color:var(--purple);animation-duration:1.8s;animation-direction:reverse;inset:8px}.loading__center-dot{background:linear-gradient(135deg, var(--cyan), var(--purple));border-radius:50%;width:12px;height:12px;animation:1.5s ease-in-out infinite pulse-glow}@keyframes loadingSpin{to{transform:rotate(360deg)}}.loading__brand{letter-spacing:-.03em;font-size:1.8rem;font-weight:700}.loading__bar-wrap{width:280px}.loading__bar-track{border-radius:var(--radius-full);width:100%;height:3px;margin-bottom:var(--space-sm);background:#ffffff0f;overflow:hidden}.loading__bar-fill{background:linear-gradient(90deg, var(--cyan), var(--purple));border-radius:var(--radius-full);height:100%;transition:width .3s var(--ease-out-expo);box-shadow:0 0 12px var(--cyan-dim)}.loading__meta{justify-content:space-between;align-items:center;display:flex}.loading__phase{color:var(--text-muted);letter-spacing:.05em;font-size:.65rem}.loading__percent{font-size:.75rem;font-weight:700}.navbar{z-index:1000;transition:all .4s var(--ease-out-expo);padding:16px 24px;position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(20px)saturate(1.4);border-bottom:1px solid var(--glass-border);background:#05060ad9;padding:10px 24px}.navbar__inner{justify-content:space-between;align-items:center;max-width:1320px;margin:0 auto;display:flex}.navbar__brand{cursor:pointer;align-items:center;gap:10px;transition:opacity .3s;display:flex}.navbar__brand:hover{opacity:.85}.navbar__logo{align-items:center;animation:4s ease-in-out infinite float;display:flex}.navbar__name{letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.navbar__links{align-items:center;gap:8px;display:flex}.navbar__link{font-family:var(--font-display);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all .3s var(--ease-out-expo);background:0 0;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:500;display:flex}.navbar__link:hover{color:var(--text-primary);background:#ffffff0a}.navbar__link-dot{background:var(--cyan);opacity:0;width:4px;height:4px;transition:all .3s var(--ease-out-back);border-radius:50%;transform:scale(0)}.navbar__link:hover .navbar__link-dot{opacity:1;transform:scale(1)}.navbar__github{color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-full);transition:all .3s var(--ease-out-expo);background:#ffffff0f;align-items:center;gap:6px;padding:8px 18px;font-size:.82rem;font-weight:600;text-decoration:none;display:flex}.navbar__github:hover{border-color:var(--cyan-dim);color:var(--cyan);background:#ffffff1a;transform:translateY(-1px)}.navbar__hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.navbar__hamburger span{background:var(--text-primary);width:22px;height:2px;transition:all .3s var(--ease-out-expo);border-radius:2px}.navbar__hamburger--open span:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar__hamburger--open span:nth-child(2){opacity:0}.navbar__hamburger--open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (width<=768px){.navbar__hamburger{display:flex}.navbar__links{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-left:1px solid var(--glass-border);width:280px;transition:transform .4s var(--ease-out-expo);background:#0a0b10f7;flex-direction:column;align-items:stretch;gap:4px;padding:80px 24px 24px;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.navbar__links--open{transform:translate(0)}.navbar__link{padding:14px 16px;font-size:1rem}}.hero{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero__content{z-index:10;text-align:center;max-width:820px;padding:0 var(--space-lg);position:relative}.hero__badge{border-radius:var(--radius-full);margin-bottom:var(--space-xl);letter-spacing:.15em;color:var(--cyan);background:#00e5ff0f;border:1px solid #00e5ff26;align-items:center;gap:8px;padding:7px 18px;font-size:.7rem;display:inline-flex}.hero__badge-dot{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 8px var(--cyan);border-radius:50%;animation:2s ease-in-out infinite pulse-glow}.hero__title{letter-spacing:-.04em;margin-bottom:var(--space-lg);min-height:2.5em;font-size:clamp(2.4rem,6vw,4rem);font-weight:700;line-height:1.15}.hero__typed-wrapper{display:inline;position:relative}.hero__typed{font-weight:700}.hero__cursor{background:var(--cyan);vertical-align:text-bottom;width:3px;height:1em;box-shadow:0 0 8px var(--cyan);margin-left:2px;animation:.8s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.hero__subtitle{color:var(--text-secondary);max-width:620px;margin:0 auto var(--space-xl);font-size:1.15rem;line-height:1.75}.hero__actions{gap:var(--space-md);margin-bottom:var(--space-3xl);flex-wrap:wrap;justify-content:center;display:flex}.hero__cta{padding:16px 40px;font-size:1.05rem}.hero__stats{justify-content:center;align-items:center;gap:var(--space-xl);opacity:0;transition:all .8s var(--ease-out-expo) .6s;display:flex;transform:translateY(20px)}.hero__stats--visible{opacity:1;transform:translateY(0)}.hero__stat{flex-direction:column;align-items:center;gap:4px;display:flex}.hero__stat-value{letter-spacing:-.02em;font-size:1.6rem;font-weight:700}.hero__stat-label{color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase}.hero__stat-divider{background:linear-gradient(to bottom, transparent, var(--glass-border), transparent);width:1px;height:36px}.hero__scroll-indicator{color:var(--text-muted);letter-spacing:.2em;flex-direction:column;align-items:center;gap:8px;font-size:.6rem;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.hero__scroll-line{background:linear-gradient(to bottom, var(--cyan), transparent);width:1px;height:40px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.3;transform:scaleY(.5)}}@media (width<=768px){.hero__title{font-size:clamp(1.8rem,7vw,3rem)}.hero__stats{gap:var(--space-md);flex-direction:column}.hero__stat-divider{width:40px;height:1px}}.analyzer{min-height:100vh;padding:var(--space-3xl) var(--space-lg);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.analyzer__bg-orb{filter:blur(120px);pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite orbFloat;position:absolute}.analyzer__bg-orb--1{background:radial-gradient(circle, var(--cyan-glow), transparent 70%);width:500px;height:500px;top:-100px;right:-150px}.analyzer__bg-orb--2{background:radial-gradient(circle, var(--purple-glow), transparent 70%);width:400px;height:400px;animation-delay:-4s;bottom:-100px;left:-100px}.analyzer__container{z-index:10;flex-direction:column;align-items:center;width:100%;max-width:680px;display:flex;position:relative}.analyzer__progress-track{border-radius:var(--radius-full);width:100%;height:3px;margin-bottom:var(--space-xl);background:#ffffff0f;position:relative;overflow:hidden}.analyzer__progress-fill{background:linear-gradient(90deg, var(--cyan), var(--purple));border-radius:var(--radius-full);height:100%;transition:width .6s var(--ease-out-expo);box-shadow:0 0 12px var(--cyan-dim)}.analyzer__progress-steps{justify-content:space-between;display:flex;position:absolute;top:12px;left:0;right:0}.analyzer__progress-step{width:28px;height:28px;font-size:.7rem;font-weight:600;font-family:var(--font-mono);background:var(--bg-surface);color:var(--text-muted);transition:all .4s var(--ease-out-expo);border:2px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;display:flex}.analyzer__progress-step--active{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 16px var(--cyan-glow);transform:scale(1.15)}.analyzer__progress-step--done{background:linear-gradient(135deg, var(--cyan), var(--purple));color:var(--bg-void);border-color:#0000;font-size:.6rem}.analyzer__counter{color:var(--text-muted);margin-top:var(--space-2xl);margin-bottom:var(--space-lg);letter-spacing:.1em;font-size:.85rem}.analyzer__counter .glow-text{font-size:1.3rem;font-weight:700}.analyzer__counter-sep{margin:0 4px}.analyzer__card{width:100%;padding:var(--space-xl) var(--space-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);text-align:center}.analyzer__card--enter{animation:cardEnter .5s var(--ease-out-expo) forwards}.analyzer__card--exit{animation:cardExit .3s var(--ease-out-expo) forwards}@keyframes cardEnter{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cardExit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-20px)scale(.96)}}.analyzer__question-icon{margin-bottom:var(--space-md);font-size:2.8rem;animation:3s ease-in-out infinite float}.analyzer__question{letter-spacing:-.02em;margin-bottom:var(--space-xl);font-size:1.65rem;font-weight:700;line-height:1.3}.analyzer__options{flex-direction:column;gap:10px;display:flex}.analyzer__option{align-items:center;gap:var(--space-md);border-radius:var(--radius-md);font-family:var(--font-display);color:var(--text-secondary);cursor:pointer;transition:all .35s var(--ease-out-expo);text-align:left;animation:optionSlideIn .4s var(--ease-out-expo) both;background:#ffffff05;border:1px solid #ffffff0f;padding:16px 20px;font-size:.92rem;display:flex}@keyframes optionSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.analyzer__option:hover{border-color:var(--cyan-dim);color:var(--text-primary);background:#00e5ff0a;transform:translate(6px)}.analyzer__option--selected{box-shadow:0 0 20px var(--cyan-glow);transform:translate(6px)scale(1.01);border-color:var(--cyan)!important;color:var(--cyan)!important;background:#00e5ff14!important}.analyzer__option-icon{text-align:center;flex-shrink:0;width:32px;font-size:1.3rem}.analyzer__option-label{flex:1}.analyzer__option-check{width:24px;height:24px;transition:all .3s var(--ease-out-expo);color:#0000;border:2px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.analyzer__option--selected .analyzer__option-check{background:var(--cyan);border-color:var(--cyan);color:var(--bg-void)}.analyzer__back{margin-top:var(--space-xl);color:var(--text-muted);font-family:var(--font-display);cursor:pointer;transition:all .3s var(--ease-out-expo);border-radius:var(--radius-full);background:0 0;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;display:flex}.analyzer__back:hover{color:var(--text-primary);background:#ffffff0a}@media (width<=768px){.analyzer__question{font-size:1.3rem}.analyzer__option{padding:14px 16px;font-size:.85rem}}.wf{margin-bottom:var(--space-2xl)}.wf__header{text-align:center;margin-bottom:var(--space-lg)}.wf__hint{color:var(--text-muted);margin-top:4px;font-size:.68rem}.wf__canvas-wrap{padding:var(--space-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);position:relative;overflow:hidden}.wf__svg{display:block}.wf__edge-line{stroke-width:1.5px}.wf__edge-glow{stroke-width:2px;stroke-linecap:round;opacity:.6;animation:2s ease-in-out infinite alternate edgePulse}.wf__edge-particle{opacity:.9;filter:blur(1px)}@keyframes edgePulse{0%{opacity:.3;stroke-dashoffset:0}to{opacity:.8;stroke-dashoffset:-200px}}.wf__node{transition:all .3s var(--ease-out-expo)}.wf__node:hover circle{stroke-width:2px;filter:drop-shadow(0 0 12px)}.wf__node--active circle{stroke-width:2.5px}.wf__node-icon{pointer-events:none}.wf__node-label{pointer-events:none;letter-spacing:.03em}.wf__loop-note{text-align:center;margin-top:var(--space-md);border-radius:var(--radius-full);background:#ffffff05;padding:6px 16px;font-size:.7rem;display:inline-block;position:relative;left:50%;transform:translate(-50%)}.wf__info-panel{margin-top:var(--space-lg);padding:var(--space-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-lg);animation:fadeInUp .3s var(--ease-out-expo);background:#0006;border:1px solid}.wf__info-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.wf__info-icon{font-size:1.5rem}.wf__info-title{flex:1;font-size:1rem;font-weight:700}.wf__info-close{border:1px solid var(--glass-border);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;transition:all .2s;display:flex}.wf__info-close:hover{color:var(--text-primary);background:#ffffff1a}.wf__info-text{color:var(--text-secondary);font-size:.85rem;line-height:1.7}.wf__builder{margin-top:var(--space-2xl);padding:var(--space-xl);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.wf__builder-header{text-align:center;margin-bottom:var(--space-lg)}.wf__builder-subtitle{color:var(--text-secondary);margin-top:6px;font-size:.82rem}.wf__builder-form{gap:var(--space-md);flex-direction:column;display:flex}.wf__builder-textarea{width:100%;padding:var(--space-md);border:1px solid var(--glass-border);border-radius:var(--radius-md);min-height:120px;color:var(--text-primary);font-family:var(--font-display);resize:vertical;background:#0000004d;outline:none;font-size:.85rem;line-height:1.6;transition:border-color .3s}.wf__builder-textarea:focus{border-color:var(--cyan-dim)}.wf__builder-textarea::placeholder{color:var(--text-muted)}.wf__builder-controls{gap:var(--space-md);flex-wrap:wrap;align-items:flex-end;display:flex}.wf__builder-field{flex:1;min-width:200px}.wf__builder-label{font-size:.72rem;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;margin-bottom:4px;display:block}.wf__builder-select{border:1px solid var(--glass-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-mono);background:#0000004d;outline:none;padding:10px 12px;font-size:.78rem}.wf__builder-btn{white-space:nowrap}.wf__builder-btn:disabled{opacity:.4;cursor:not-allowed}.wf__status-bar{padding:10px var(--space-md);margin-bottom:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#00000040;justify-content:space-between;align-items:center;display:flex}.wf__status-left,.wf__status-right{align-items:center;gap:var(--space-sm);display:flex}.wf__status-badge{font-size:.72rem;font-family:var(--font-mono);border-radius:var(--radius-full);border:1px solid;padding:4px 10px}.wf__status-badge--active{color:#4ade80;background:#4ade8011;border-color:#4ade8033}.wf__status-badge--free{color:var(--cyan);border-color:var(--cyan-dim);background:#00e5ff0f}.wf__status-badge--offline{color:var(--text-muted);border-color:var(--glass-border);background:#ffffff05}.wf__key-btn{font-size:.7rem;font-family:var(--font-mono);border-radius:var(--radius-md);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;background:#ffffff0a;padding:5px 12px;transition:all .2s}.wf__key-btn:hover{color:var(--text-primary);background:#ffffff14}.wf__key-btn--remove{color:#f87171;border-color:#f8717133}.wf__key-btn--remove:hover{background:#f8717111}.wf__apikey-panel{padding:var(--space-lg);margin-bottom:var(--space-md);border-radius:var(--radius-lg);animation:fadeInUp .3s var(--ease-out-expo);background:#0000004d;border:1px solid}.wf__apikey-info{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:.82rem;line-height:1.6}.wf__apikey-form{gap:var(--space-sm);display:flex}.wf__apikey-input{border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);background:#0006;outline:none;flex:1;padding:10px 14px;font-size:.8rem}.wf__apikey-input:focus{border-color:var(--cyan-dim)}.wf__apikey-save{white-space:nowrap}.wf__apikey-provider-row{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.wf__provider-btns{gap:var(--space-sm);display:flex}.wf__provider-btn{font-size:.72rem;font-family:var(--font-mono);border-radius:var(--radius-md);border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;background:#ffffff08;padding:6px 14px;transition:all .2s}.wf__provider-btn:hover{color:var(--text-secondary);background:#ffffff0f}.wf__provider-btn--active{background:#ffffff0f;font-weight:600}.wf__progress{margin-top:var(--space-md);animation:fadeInUp .3s var(--ease-out-expo)}.wf__progress-bar{border-radius:var(--radius-full);background:#ffffff0d;height:3px;margin-bottom:8px;overflow:hidden}.wf__progress-fill{border-radius:var(--radius-full);width:40%;height:100%;animation:1.5s ease-in-out infinite progressSlide}@keyframes progressSlide{0%{width:40%;transform:translate(-100%)}50%{width:60%}to{width:40%;transform:translate(300%)}}.wf__progress-text{color:var(--text-muted);font-size:.72rem}.wf__error{margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);align-items:center;gap:var(--space-sm);color:#fca5a5;animation:fadeInUp .3s var(--ease-out-expo);background:#f871710f;border:1px solid #f8717133;font-size:.8rem;display:flex}.wf__error-icon{flex-shrink:0;font-size:1.1rem}.tag-yellow{color:#fde047;background:#facc151a;border-color:#facc154d}.tag-green{color:#4ade80;background:#4ade801a;border-color:#4ade804d}.wf__detected{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);animation:fadeInUp .3s var(--ease-out-expo);background:#0003}.wf__detected-row{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.wf__estimate{margin-top:var(--space-xl);padding:var(--space-xl);border-radius:var(--radius-lg);animation:fadeInUp .4s var(--ease-out-expo);background:#0000004d;border:1px solid}.wf__estimate-title{margin-bottom:var(--space-lg);font-size:1rem;font-weight:600}.wf__estimate-grid{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.wf__estimate-card{padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#ffffff05;flex-direction:column;gap:4px;display:flex}.wf__estimate-card--total{border-color:var(--cyan-dim);background:#00e5ff08}.wf__estimate-label{font-size:.6rem;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.wf__estimate-value{font-size:1.1rem;font-weight:700;font-family:var(--font-mono)}.wf__infra-breakdown{margin-bottom:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#ffffff03}.wf__infra-items{flex-direction:column;gap:6px;display:flex}.wf__infra-item{color:var(--text-secondary);border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:4px 0;font-size:.78rem;display:flex}.wf__infra-item:last-child{border-bottom:none}.wf__estimate-cta{text-align:center;padding-top:var(--space-lg);border-top:1px solid var(--glass-border)}.wf__estimate-note{color:var(--text-muted);margin-bottom:var(--space-md);font-size:.72rem}.wf__linkedin-btn{align-items:center;gap:6px;display:inline-flex}.wf__trace{margin-top:var(--space-xl);animation:fadeInUp .4s var(--ease-out-expo)}.wf__trace-title{margin-bottom:var(--space-md);font-size:1rem;font-weight:600}.wf__trace-table{border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:#0000004d;overflow:hidden}.wf__trace-header,.wf__trace-row,.wf__trace-footer{gap:var(--space-sm);padding:10px var(--space-md);grid-template-columns:40px 130px 1fr 80px 80px 80px;align-items:center;font-size:.75rem;display:grid}.wf__trace-header{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--glass-border);background:#ffffff08;font-size:.65rem}.wf__trace-row{animation:fadeInUp .3s var(--ease-out-expo) both;border-bottom:1px solid #ffffff05;transition:background .2s}.wf__trace-row:hover{background:#ffffff05}.wf__trace-row:last-child{border-bottom:none}.wf__trace-step{font-family:var(--font-mono);border:1px solid var(--cyan-dim);width:24px;height:24px;color:var(--cyan);background:#00e5ff14;border-radius:50%;justify-content:center;align-items:center;font-size:.65rem;font-weight:600;display:flex}.wf__trace-action{font-weight:600}.wf__trace-detail{color:var(--text-muted);font-size:.7rem}.wf__trace-footer{border-top:1px solid var(--glass-border);background:#ffffff08;font-weight:700}.wf__dynamic-result{animation:fadeInUp .6s var(--ease-out-expo)}.wf__roadmap{margin-top:var(--space-xl);animation:fadeInUp .4s var(--ease-out-expo)}.wf__roadmap-title{margin-bottom:var(--space-lg);font-size:1rem;font-weight:600}.wf__roadmap-phases{gap:var(--space-md);flex-direction:column;display:flex}.wf__roadmap-phase{padding:var(--space-lg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);animation:fadeInUp .4s var(--ease-out-expo) both;background:#0000004d;transition:border-color .3s}.wf__roadmap-phase:hover{border-color:var(--cyan-dim)}.wf__roadmap-phase-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.wf__roadmap-num{width:32px;height:32px;font-family:var(--font-mono);border:1px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.wf__roadmap-phase-name{font-size:.9rem;font-weight:600}.wf__roadmap-tasks{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.wf__roadmap-task{color:var(--text-secondary);padding-left:var(--space-xl);font-size:.78rem;line-height:1.5;position:relative}.wf__roadmap-task:before{content:"→";left:var(--space-md);color:var(--cyan-dim);font-family:var(--font-mono);position:absolute}@media (width<=768px){.wf__estimate-grid{grid-template-columns:repeat(2,1fr)}.wf__builder-controls{flex-direction:column}.wf__trace-header,.wf__trace-row,.wf__trace-footer{grid-template-columns:30px 100px 1fr 60px 60px 60px;font-size:.65rem}}@media (width<=480px){.wf__estimate-grid{grid-template-columns:1fr}.wf__trace-header,.wf__trace-row,.wf__trace-footer{grid-template-columns:30px 1fr 60px}.wf__trace-detail,.wf__trace-header span:nth-child(4),.wf__trace-header span:nth-child(5),.wf__trace-header span:nth-child(6),.wf__trace-row span:nth-child(4),.wf__trace-row span:nth-child(5),.wf__trace-row span:nth-child(6),.wf__trace-footer span:nth-child(4),.wf__trace-footer span:nth-child(5){display:none}}.results{padding:var(--space-3xl) var(--space-lg);opacity:0;transition:all .8s var(--ease-out-expo);position:relative;transform:translateY(40px)}.results--revealed{opacity:1;transform:translateY(0)}.results__bg-glow{pointer-events:none;position:absolute;inset:0}.results__container{z-index:10;max-width:1000px;margin:0 auto;position:relative}.results__header{text-align:center;margin-bottom:var(--space-2xl)}.results__top-card{gap:var(--space-xl);padding:var(--space-xl);background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);margin-bottom:var(--space-2xl);animation:fadeInUp .8s var(--ease-out-expo) .2s both;grid-template-columns:240px 1fr;display:grid}.results__top-3d{border-radius:var(--radius-lg);background:radial-gradient(circle,#00e5ff0a,#0000);justify-content:center;align-items:center;width:240px;height:240px;display:flex;overflow:hidden}.results__trophy{justify-content:center;align-items:center;width:100%;height:100%;animation:3s ease-in-out infinite float;display:flex}.results__trophy-shape{border:2px solid;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;justify-content:center;align-items:center;width:120px;height:120px;transition:transform .5s;animation:10s linear infinite shapeRotate;display:flex}.results__trophy-icon{font-size:3rem;animation:2s ease-in-out infinite float}.results__top-info{gap:var(--space-lg);flex-direction:column;display:flex}.results__top-header{align-items:center;gap:var(--space-md);display:flex}.results__top-logo{font-size:2.4rem}.results__top-name{letter-spacing:-.02em;font-size:1.6rem;font-weight:700}.results__top-tagline{color:var(--text-secondary);font-size:.85rem}.results__match-badge{font-family:var(--font-mono);border-radius:var(--radius-full);letter-spacing:.03em;border:1px solid;margin-left:auto;padding:6px 16px;font-size:.85rem;font-weight:700}.results__scores{flex-direction:column;gap:10px;display:flex}.results__score-row{align-items:center;gap:12px;display:flex}.results__score-label{width:110px;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;flex-shrink:0;font-size:.72rem}.results__score-track{border-radius:var(--radius-full);background:#ffffff0a;flex:1;height:6px;overflow:hidden}.results__score-bar{border-radius:var(--radius-full);height:100%;transition:width 1s var(--ease-out-expo);width:0}.results__score-value{text-align:right;flex-shrink:0;width:30px;font-size:.75rem;font-weight:600}.results__tags{flex-wrap:wrap;gap:6px;display:flex}.results__pros-cons{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.results__list-title{margin-bottom:8px;font-size:.82rem;font-weight:600}.results__list-item{color:var(--text-secondary);padding:6px 0 6px 16px;font-size:.82rem;position:relative}.results__list-item:before{content:"";border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.results__list-item--pro:before{background:var(--green)}.results__list-item--con:before{background:var(--amber)}.results__arch{margin-bottom:var(--space-2xl);padding:var(--space-xl);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);animation:fadeInUp .8s var(--ease-out-expo) .6s both}.results__arch-title{text-align:center;margin-bottom:var(--space-xl)}.results__arch-diagram{flex-direction:column;align-items:center;gap:0;display:flex}.results__arch-node{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all .3s var(--ease-out-expo);align-items:center;gap:10px;padding:12px 24px;font-size:.85rem;font-weight:500;display:flex}.results__arch-node:hover{border-color:var(--cyan-dim);transform:scale(1.05)}.results__arch-node--agent{border-width:2px;padding:16px 32px;font-size:1rem;font-weight:600}.results__arch-connector{background:linear-gradient(to bottom, var(--cyan-dim), var(--purple-dim));width:2px;height:28px}.results__arch-connector--v{background:linear-gradient(to bottom, var(--cyan-dim), transparent);width:2px;height:24px;margin:0 auto}.results__arch-branch{flex-direction:column;align-items:center;width:100%;display:flex}.results__arch-row{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.results__arch-node--small{padding:8px 16px;font-size:.78rem}.results__runners{margin-bottom:var(--space-2xl)}.results__runners-title{margin-bottom:var(--space-lg);text-align:center;color:var(--text-secondary);font-size:1.2rem;font-weight:600}.results__runners-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.results__runner-card{padding:var(--space-lg);text-align:center;animation:fadeInUp .6s var(--ease-out-expo) both;cursor:default;flex-direction:column;align-items:center;gap:8px;display:flex}.results__runner-card:hover{border-color:var(--fw-color,var(--cyan-dim));box-shadow:0 12px 40px color-mix(in srgb, var(--fw-color) 10%, transparent)}.results__runner-rank{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.1em;font-size:.7rem}.results__runner-logo{margin:4px 0;font-size:2rem}.results__runner-name{font-size:1.05rem;font-weight:600}.results__runner-tagline{color:var(--text-muted);font-size:.75rem;line-height:1.5}.results__runner-match{font-family:var(--font-mono);font-size:.85rem;font-weight:700}.results__runner-tags{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.results__tabs{flex-wrap:wrap;gap:6px;display:flex}.results__tab{font-family:var(--font-display);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all .3s var(--ease-out-expo);background:#ffffff05;border:1px solid #ffffff0f;padding:6px 14px;font-size:.75rem;font-weight:500}.results__tab:hover{border-color:var(--cyan-dim);color:var(--text-primary)}.results__tab--active{background:var(--cyan-glow);border-color:var(--cyan);color:var(--cyan)}.results__benchmark-row{gap:var(--space-md);padding:var(--space-md) 0;grid-template-columns:repeat(3,1fr);display:grid}.results__benchmark-item{padding:var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#ffffff05;flex-direction:column;gap:2px;display:flex}.results__benchmark-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.6rem}.results__benchmark-value{color:var(--text-primary);font-size:1.1rem;font-weight:700}.results__benchmark-note{color:var(--text-muted);font-size:.55rem}.results__github-grid{gap:var(--space-md);flex-direction:column;display:flex}.results__github-stat{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#ffffff05;align-items:center;gap:8px;margin-bottom:8px;margin-right:8px;padding:6px 12px;display:inline-flex}.results__github-icon{font-size:1rem}.results__github-num{font-size:.9rem;font-weight:700}.results__github-label{color:var(--text-muted);font-size:.7rem}.results__github-meta{color:var(--text-secondary);font-size:.82rem;line-height:2}.results__github-meta strong{color:var(--text-primary)}.results__pricing-detail{flex-direction:column;gap:12px;display:flex}.results__pricing-row-detail{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#ffffff05;align-items:flex-start;gap:12px;padding:12px;display:flex}.results__pricing-icon{font-size:1.2rem}.results__pricing-row-detail>div{flex-direction:column;gap:2px;display:flex}.results__pricing-title{color:var(--text-muted);font-size:.72rem;font-family:var(--font-mono);letter-spacing:.05em}.results__pricing-val{color:var(--text-primary);font-size:.85rem}.results__deploy-detail{gap:var(--space-lg);flex-direction:column;display:flex}.results__deploy-options{flex-wrap:wrap;gap:8px;display:flex}.results__deploy-option{border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);background:#ffffff05;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;display:flex}.results__actions{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}@media (width<=900px){.results__top-card{grid-template-columns:1fr}.results__top-3d{width:100%;height:180px}}@media (width<=768px){.results__runners-grid,.results__pros-cons{grid-template-columns:1fr}}.benchmarks{padding:var(--space-3xl) var(--space-lg);background:var(--bg-void);position:relative}.benchmarks__container{max-width:1000px;margin:0 auto}.benchmarks__header{text-align:center;margin-bottom:var(--space-2xl)}.benchmarks__tabs{margin-bottom:var(--space-md);flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.benchmarks__tab{font-family:var(--font-display);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all .3s var(--ease-out-expo);background:#ffffff05;border:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:2px;padding:10px 20px;font-size:.82rem;font-weight:500;display:flex}.benchmarks__tab:hover{border-color:var(--cyan-dim);color:var(--text-primary)}.benchmarks__tab--active{background:var(--cyan-glow);border-color:var(--cyan);color:var(--cyan)}.benchmarks__tab-unit{color:var(--text-muted);font-size:.6rem}.benchmarks__tab--active .benchmarks__tab-unit{color:var(--cyan)}.benchmarks__description{text-align:center;color:var(--text-muted);margin-bottom:var(--space-xl);letter-spacing:.03em;font-size:.72rem}.benchmarks__chart{margin-bottom:var(--space-xl);flex-direction:column;gap:8px;display:flex}.benchmarks__row{align-items:center;gap:var(--space-md);border-radius:var(--radius-md);transition:all .3s var(--ease-out-expo);animation:fadeInUp .4s var(--ease-out-expo) both;background:#ffffff04;border:1px solid #0000;padding:14px 16px;display:flex}.benchmarks__row:hover{border-color:var(--glass-border);background:#ffffff08}.benchmarks__row--winner{border-color:var(--cyan-dim);background:#00e5ff05}.benchmarks__row-left{flex-shrink:0;align-items:center;gap:10px;width:260px;display:flex}.benchmarks__rank{color:var(--text-muted);width:24px;font-size:.7rem}.benchmarks__logo{font-size:1.3rem}.benchmarks__name-col{flex-direction:column;display:flex}.benchmarks__fw-name{font-size:.9rem;font-weight:600}.benchmarks__note{color:var(--text-muted);margin-top:2px;font-size:.6rem}.benchmarks__row-right{flex:1;align-items:center;gap:12px;display:flex}.benchmarks__bar-track{border-radius:var(--radius-full);background:#ffffff0a;flex:1;height:8px;overflow:hidden}.benchmarks__bar-fill{border-radius:var(--radius-full);height:100%;transition:width .8s var(--ease-out-expo)}.benchmarks__val{text-align:right;flex-shrink:0;width:90px;font-size:.82rem;font-weight:700}.benchmarks__source{text-align:center;color:var(--text-muted);padding:var(--space-md);border-radius:var(--radius-md);background:#ffffff04;font-size:.6rem;line-height:1.6}@media (width<=768px){.benchmarks__row{flex-direction:column;align-items:stretch}.benchmarks__row-left{width:100%}.benchmarks__val{text-align:left;width:auto}}.cost-calc{padding:var(--space-3xl) var(--space-lg);background:linear-gradient(to bottom, var(--bg-void), var(--bg-deep));position:relative}.cost-calc__container{max-width:1280px;margin:0 auto}.cost-calc__header{text-align:center;margin-bottom:var(--space-2xl)}.cost-calc__body{gap:var(--space-xl);grid-template-columns:380px 1fr;align-items:start;display:grid}.cost-calc__controls{padding:var(--space-xl);position:sticky;top:80px}.cost-calc__controls-title{margin-bottom:var(--space-lg);font-size:1rem;font-weight:600}.cost-calc__field{margin-bottom:var(--space-lg)}.cost-calc__label{margin-bottom:var(--space-sm);color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.cost-calc__value{color:var(--cyan);font-size:.9rem;font-weight:600}.cost-calc__slider{appearance:none;border-radius:var(--radius-full);cursor:pointer;background:#ffffff0f;outline:none;width:100%;height:4px}.cost-calc__slider::-webkit-slider-thumb{appearance:none;background:var(--cyan);border:2px solid var(--bg-void);width:16px;height:16px;box-shadow:0 0 10px var(--cyan-dim);cursor:pointer;border-radius:50%;transition:transform .2s}.cost-calc__slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.cost-calc__range-labels{color:var(--text-muted);justify-content:space-between;margin-top:4px;font-size:.6rem;display:flex}.cost-calc__summary{padding-top:var(--space-md);border-top:1px solid var(--glass-border);margin-top:var(--space-md)}.cost-calc__summary-row{color:var(--text-secondary);justify-content:space-between;padding:6px 0;font-size:.78rem;display:flex}.cost-calc__summary-row .mono{color:var(--text-primary);font-weight:500}.cost-calc__results-title{margin-bottom:var(--space-lg);align-items:center;gap:var(--space-sm);font-size:1rem;font-weight:600;display:flex}.cost-calc__bars{margin-bottom:var(--space-xl);flex-direction:column;gap:8px;display:flex}.cost-calc__bar-row{border-radius:var(--radius-md);cursor:pointer;transition:all .3s var(--ease-out-expo);animation:fadeInUp .4s var(--ease-out-expo) both;background:#ffffff04;border:1px solid #0000;padding:12px 16px;position:relative}.cost-calc__bar-row:hover{border-color:var(--glass-border);background:#ffffff08}.cost-calc__bar-row--active{border-color:var(--cyan-dim);box-shadow:0 0 20px var(--cyan-glow);background:#00e5ff08}.cost-calc__bar-info{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cost-calc__bar-name{align-items:center;gap:8px;font-size:.85rem;display:flex}.cost-calc__bar-provider{font-size:.7rem;font-family:var(--font-mono);font-weight:600}.cost-calc__bar-prices{align-items:center;gap:12px;display:flex}.cost-calc__bar-unit{color:var(--text-muted);font-size:.65rem}.cost-calc__bar-total{font-size:.9rem;font-weight:700}.cost-calc__bar-track{border-radius:var(--radius-full);background:#ffffff0a;height:4px;overflow:hidden}.cost-calc__bar-fill{border-radius:var(--radius-full);height:100%;transition:width .6s var(--ease-out-expo)}.cost-calc__free-badge,.cost-calc__cheapest-badge{font-size:.6rem;font-family:var(--font-mono);border-radius:var(--radius-full);letter-spacing:.08em;padding:2px 8px;font-weight:700;position:absolute;top:8px;right:12px}.cost-calc__free-badge{color:var(--green);background:var(--green-dim);border:1px solid #22d3a733}.cost-calc__cheapest-badge{color:var(--amber);background:var(--amber-dim);border:1px solid #f5a62333}.cost-calc__detail{padding:var(--space-lg)}.cost-calc__detail-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.cost-calc__detail-header h4{margin-right:auto;font-size:1.1rem;font-weight:700}.cost-calc__detail-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.cost-calc__detail-item{padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#ffffff05;flex-direction:column;gap:4px;display:flex}.cost-calc__detail-item--total{border-color:var(--cyan-dim);background:#00e5ff08}.cost-calc__detail-label{font-size:.65rem;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.cost-calc__detail-value{font-size:1rem;font-weight:600;font-family:var(--font-mono)}.cost-calc__detail-big{font-size:1.5rem}@media (width<=900px){.cost-calc__body{grid-template-columns:1fr}.cost-calc__controls{position:static}.cost-calc__detail-grid{grid-template-columns:repeat(2,1fr)}}.frameworks{padding:var(--space-3xl) var(--space-lg);background:linear-gradient(to bottom, var(--bg-void), var(--bg-deep), var(--bg-void));position:relative}.frameworks__container{max-width:1280px;margin:0 auto}.frameworks__header{text-align:center;margin-bottom:var(--space-2xl)}.frameworks__filters{margin-bottom:var(--space-xl);flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.frameworks__filter{font-family:var(--font-display);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all .35s var(--ease-out-expo);background:#ffffff08;border:1px solid #ffffff0f;padding:8px 18px;font-size:.82rem;font-weight:500}.frameworks__filter:hover{border-color:var(--cyan-dim);color:var(--text-primary)}.frameworks__filter--active{background:var(--cyan-glow);border-color:var(--cyan);color:var(--cyan)}.frameworks__grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.frameworks__card{animation:fadeInUp .6s var(--ease-out-expo) both;cursor:default;padding:0;overflow:hidden}.frameworks__card:hover{border-color:var(--fw-color,var(--cyan-dim));box-shadow:0 16px 48px color-mix(in srgb, var(--fw-color) 8%, transparent)}.frameworks__card-3d{border-bottom:1px solid var(--glass-border);background:radial-gradient(circle,#00e5ff05,#0000);justify-content:center;align-items:center;width:100%;height:140px;display:flex;overflow:hidden}.frameworks__shape{justify-content:center;align-items:center;width:80px;height:80px;animation:4s ease-in-out infinite shapeFloat;display:flex}.frameworks__shape-inner{width:60px;height:60px;transition:transform .5s var(--ease-out-expo), box-shadow .5s;border:1.5px solid;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;animation:8s linear infinite shapeRotate;position:relative;overflow:hidden}.frameworks__shape--hover .frameworks__shape-inner{border-radius:50%;transform:scale(1.3)}.frameworks__shape-glow{filter:blur(12px);opacity:.6;border-radius:50%;width:20px;height:20px;animation:2s ease-in-out infinite glowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes shapeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shapeRotate{to{transform:rotate(360deg)}}@keyframes glowPulse{0%,to{opacity:.4;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.3)}}.frameworks__card-content{padding:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex}.frameworks__card-head{align-items:center;gap:12px;display:flex}.frameworks__card-logo{font-size:2rem}.frameworks__card-name{letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.frameworks__card-tagline{color:var(--text-muted);margin-top:2px;font-size:.78rem}.frameworks__card-stats{gap:var(--space-lg);display:flex}.frameworks__card-stat-val{font-family:var(--font-mono);font-size:.78rem;font-weight:600}.frameworks__card-tags,.frameworks__card-langs{flex-wrap:wrap;gap:5px;display:flex}.frameworks__card-bars{flex-direction:column;gap:6px;margin-top:4px;display:flex}.frameworks__mini-bar{color:var(--text-muted);font-size:.68rem;font-family:var(--font-mono);align-items:center;gap:8px;display:flex}.frameworks__mini-bar>span{flex-shrink:0;width:80px}.frameworks__mini-track{border-radius:var(--radius-full);background:#ffffff0a;flex:1;height:3px;overflow:hidden}.frameworks__mini-fill{border-radius:var(--radius-full);height:100%;transition:width .6s var(--ease-out-expo)}@media (width<=768px){.frameworks__grid{grid-template-columns:1fr}}.playground{padding:var(--space-3xl) var(--space-lg);background:linear-gradient(to bottom, var(--bg-deep), var(--bg-void));position:relative}.playground__container{max-width:1000px;margin:0 auto}.playground__header{text-align:center;margin-bottom:var(--space-2xl)}.playground__selector{margin-bottom:var(--space-xl);flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.playground__fw-btn{font-family:var(--font-display);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all .3s var(--ease-out-expo);background:#ffffff05;border:1px solid #ffffff0f;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:500;display:flex}.playground__fw-btn:hover{border-color:var(--cyan-dim);color:var(--text-primary)}.playground__fw-btn--active{background:#ffffff0a;font-weight:600}.playground__window{border-radius:var(--radius-lg);border:1px solid var(--glass-border);margin-bottom:var(--space-xl);background:#0d0f17;overflow:hidden}.playground__titlebar{align-items:center;gap:var(--space-md);border-bottom:1px solid var(--glass-border);background:#ffffff08;padding:12px 16px;display:flex}.playground__dots{gap:6px;display:flex}.playground__dot{border-radius:50%;width:10px;height:10px}.playground__dot--red{background:#ff5f57}.playground__dot--yellow{background:#ffbd2e}.playground__dot--green{background:#28ca42}.playground__filename{color:var(--text-muted);text-align:center;flex:1;font-size:.7rem}.playground__copy-btn{color:var(--cyan);background:var(--cyan-glow);border:1px solid var(--cyan-dim);border-radius:var(--radius-full);cursor:pointer;font-size:.7rem;font-family:var(--font-mono);padding:4px 12px;transition:all .3s}.playground__copy-btn:hover{background:var(--cyan-dim)}.playground__code-area{padding:var(--space-lg);max-height:400px;overflow:auto}.playground__pre{margin:0}.playground__code{font-family:var(--font-mono);color:#c9d1d9;white-space:pre;tab-size:4;font-size:.78rem;line-height:1.7}.playground__meta{border-top:1px solid var(--glass-border);grid-template-columns:repeat(4,1fr);display:grid}.playground__meta-item{border-right:1px solid var(--glass-border);flex-direction:column;gap:4px;padding:12px 16px;display:flex}.playground__meta-item:last-child{border-right:none}.playground__meta-label{font-size:.6rem;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.playground__meta-value{font-size:.8rem;font-weight:600}.playground__meta-link{color:var(--cyan);font-size:.75rem;text-decoration:none}.playground__meta-link:hover{text-decoration:underline}.playground__deploy{margin-top:var(--space-lg)}.playground__deploy-title{margin-bottom:var(--space-md);font-size:1rem;font-weight:600}.playground__deploy-grid{margin-bottom:var(--space-lg);flex-wrap:wrap;gap:8px;display:flex}.playground__deploy-card{border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);background:#ffffff05;align-items:center;gap:8px;padding:10px 16px;font-size:.82rem;transition:all .3s;display:flex}.playground__deploy-card:hover{border-color:var(--cyan-dim);color:var(--text-primary)}.playground__deploy-icon{font-size:1.1rem}.playground__pricing{padding:var(--space-lg);border-radius:var(--radius-md);background:#ffffff04}.playground__pricing-title{margin-bottom:var(--space-md);font-size:.85rem;font-weight:600}.playground__pricing-rows{flex-direction:column;gap:8px;display:flex}.playground__pricing-row{border-bottom:1px solid var(--glass-border);justify-content:space-between;padding:6px 0;font-size:.82rem;display:flex}.playground__pricing-row:last-child{border-bottom:none}.playground__pricing-label{color:var(--text-muted);font-family:var(--font-mono);font-size:.72rem}.playground__pricing-value{color:var(--text-primary);font-size:.8rem}@media (width<=768px){.playground__meta{grid-template-columns:1fr 1fr}.playground__meta-item:nth-child(2){border-right:none}}.compare{padding:var(--space-3xl) var(--space-lg);background:var(--bg-deep);position:relative}.compare__container{max-width:1280px;margin:0 auto}.compare__header{text-align:center;margin-bottom:var(--space-2xl)}.compare__selectors{margin-bottom:var(--space-xl);flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.compare__selector{font-family:var(--font-display);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all .3s var(--ease-out-expo);background:#ffffff05;border:1px solid #ffffff0f;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:500;display:flex}.compare__selector:hover{border-color:var(--cyan-dim);color:var(--text-primary)}.compare__selector--active{font-weight:600}.compare__table-wrap{border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow-x:auto}.compare__table{border-collapse:collapse;width:100%;font-size:.85rem}.compare__th-label,.compare__td-label{text-align:left;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;border-right:1px solid var(--glass-border);background:#00000026;width:140px;min-width:120px;padding:14px 20px;font-size:.72rem;font-weight:500}.compare__th-fw{text-align:center;border-bottom:1px solid var(--glass-border);padding:16px 20px;font-size:.95rem;font-weight:600}.compare__th-icon{margin-bottom:4px;font-size:1.5rem;display:block}.compare__td-val{text-align:center;color:var(--text-secondary);padding:12px 16px;font-size:.8rem;line-height:1.5}.compare__td-bar{padding:12px 16px}.compare__bar-row{align-items:center;gap:8px;display:flex}.compare__bar-track{border-radius:var(--radius-full);background:#ffffff0a;flex:1;height:5px;overflow:hidden}.compare__bar-fill{border-radius:var(--radius-full);height:100%;transition:width .6s var(--ease-out-expo)}.compare__bar-row .mono{white-space:nowrap;font-size:.7rem;font-weight:600}.compare__tag-wrap{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.compare__pro{text-align:left;color:var(--green);padding:3px 0;font-size:.78rem}.compare__con{text-align:left;color:var(--amber);padding:3px 0;font-size:.78rem}tr{border-bottom:1px solid var(--glass-border)}tr:last-child{border-bottom:none}tr:hover{background:#ffffff03}@media (width<=768px){.compare__table{font-size:.78rem}.compare__th-label,.compare__td-label{min-width:80px;padding:10px 12px;font-size:.65rem}}.footer{padding:var(--space-3xl) var(--space-lg) var(--space-xl);background:var(--bg-void);border-top:1px solid var(--glass-border);position:relative;overflow:hidden}.footer__glow{background:radial-gradient(ellipse, var(--cyan-glow), transparent 70%);pointer-events:none;width:600px;height:300px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.footer__container{z-index:10;max-width:1280px;margin:0 auto;position:relative}.footer__brand{margin-bottom:var(--space-2xl)}.footer__logo{margin-bottom:var(--space-md);align-items:center;gap:8px;font-size:1.2rem;font-weight:700;display:flex}.footer__tagline{color:var(--text-muted);max-width:350px;font-size:.85rem;line-height:1.7}.footer__links{gap:var(--space-xl);margin-bottom:var(--space-2xl);grid-template-columns:repeat(3,1fr);display:grid}.footer__col-title{font-size:.75rem;font-family:var(--font-mono);color:var(--text-primary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-md);font-weight:600}.footer__link{color:var(--text-muted);padding:4px 0;font-size:.85rem;text-decoration:none;transition:all .3s;display:block}.footer__link:hover{color:var(--cyan);transform:translate(4px)}.footer__bottom{justify-content:space-between;align-items:center;gap:var(--space-md);padding-top:var(--space-xl);border-top:1px solid var(--glass-border);flex-wrap:wrap;display:flex}.footer__copyright{color:var(--text-muted);letter-spacing:.02em;font-size:.72rem}.footer__built-with{gap:6px;display:flex}.footer__tech-badge{font-size:.65rem;font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--glass-border);border-radius:var(--radius-full);letter-spacing:.05em;background:#ffffff08;padding:4px 10px}@media (width<=768px){.footer__links{gap:var(--space-lg);grid-template-columns:1fr 1fr}.footer__bottom{text-align:center;flex-direction:column}}