.visual-experience-container[data-astro-cid-ejwazcvs]{background:#0a0a0a;color:#fff;min-height:100vh;position:relative;overflow-x:hidden}.experience-nav[data-astro-cid-ejwazcvs]{position:fixed;top:0;left:0;right:0;z-index:1000;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,245,255,.2);padding:1.5rem 0}.nav-content[data-astro-cid-ejwazcvs]{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.experience-title[data-astro-cid-ejwazcvs]{font-size:2.5rem;font-weight:900;margin:0 0 .5rem;background:linear-gradient(45deg,#00f5ff,#ff6b6b,#4ade80);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:titleGradient 4s ease-in-out infinite}.experience-subtitle[data-astro-cid-ejwazcvs]{font-size:1.1rem;opacity:.8;margin:0 0 1.5rem}.nav-indicators[data-astro-cid-ejwazcvs]{display:flex;justify-content:center;gap:1rem}.nav-dot[data-astro-cid-ejwazcvs]{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:transparent;cursor:pointer;transition:all .3s ease}.nav-dot[data-astro-cid-ejwazcvs].active{background:#00f5ff;border-color:#00f5ff;box-shadow:0 0 20px #00f5ff99}.metrics-bar[data-astro-cid-ejwazcvs]{position:fixed;top:120px;right:2rem;z-index:999;display:flex;flex-direction:column;gap:.5rem;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;border-radius:10px;border:1px solid rgba(0,245,255,.2)}.metric-item[data-astro-cid-ejwazcvs]{display:flex;flex-direction:column;align-items:center;text-align:center}.metric-value[data-astro-cid-ejwazcvs]{font-size:1.2rem;font-weight:700;color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.5)}.metric-label[data-astro-cid-ejwazcvs]{font-size:.7rem;opacity:.7;text-transform:uppercase;letter-spacing:.1em}.demo-section[data-astro-cid-ejwazcvs]{min-height:100vh;padding:150px 2rem 4rem;position:relative;display:none}.demo-section[data-astro-cid-ejwazcvs].active{display:block}.demo-header[data-astro-cid-ejwazcvs]{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.demo-title[data-astro-cid-ejwazcvs]{font-size:3rem;font-weight:900;margin:0 0 1rem;background:linear-gradient(45deg,#4ade80,#00f5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.demo-description[data-astro-cid-ejwazcvs]{font-size:1.2rem;opacity:.9;margin:0 0 2rem;line-height:1.6}.tech-tags[data-astro-cid-ejwazcvs]{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.tech-tag[data-astro-cid-ejwazcvs]{padding:.5rem 1rem;background:#00f5ff1a;border:1px solid rgba(0,245,255,.3);border-radius:20px;font-size:.9rem;font-weight:500;color:#00f5ff}.demo-content[data-astro-cid-ejwazcvs]{margin-bottom:4rem}.demo-insights[data-astro-cid-ejwazcvs]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.insight-card[data-astro-cid-ejwazcvs]{background:#0009;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.insight-card[data-astro-cid-ejwazcvs] h4[data-astro-cid-ejwazcvs]{margin:0 0 1.5rem;color:#4ade80;font-size:1.3rem;font-weight:700}.insight-card[data-astro-cid-ejwazcvs] ul[data-astro-cid-ejwazcvs]{list-style:none;padding:0;margin:0}.insight-card[data-astro-cid-ejwazcvs] li[data-astro-cid-ejwazcvs]{border-bottom:1px solid rgba(255,255,255,.1);position:relative;padding:.8rem 0 .8rem 1.5rem}.insight-card[data-astro-cid-ejwazcvs] li[data-astro-cid-ejwazcvs]:before{content:"▶";position:absolute;left:0;color:#00f5ff}.insight-card[data-astro-cid-ejwazcvs] li[data-astro-cid-ejwazcvs]:last-child{border-bottom:none}.comparison-section[data-astro-cid-ejwazcvs]{padding:6rem 2rem;background:linear-gradient(135deg,#1a1a2e,#16213e)}.comparison-container[data-astro-cid-ejwazcvs]{max-width:1200px;margin:0 auto}.comparison-title[data-astro-cid-ejwazcvs]{text-align:center;font-size:3rem;font-weight:900;margin-bottom:4rem;background:linear-gradient(45deg,#ff6b6b,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.comparison-grid[data-astro-cid-ejwazcvs]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem;margin-bottom:4rem}.comparison-card[data-astro-cid-ejwazcvs]{background:#0009;border-radius:20px;padding:3rem;position:relative;transition:transform .3s ease}.comparison-card[data-astro-cid-ejwazcvs]:hover{transform:translateY(-10px)}.comparison-card[data-astro-cid-ejwazcvs].traditional{border:2px solid #ff6b6b;box-shadow:0 20px 60px #ff6b6b33}.comparison-card[data-astro-cid-ejwazcvs].astro{border:2px solid #4ade80;box-shadow:0 20px 60px #4ade8033}.comparison-card[data-astro-cid-ejwazcvs] h3[data-astro-cid-ejwazcvs]{text-align:center;font-size:1.8rem;margin:0 0 2rem}.comparison-metrics[data-astro-cid-ejwazcvs]{display:flex;flex-direction:column;gap:1.5rem}.comparison-metric[data-astro-cid-ejwazcvs]{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:10px}.metric-icon[data-astro-cid-ejwazcvs]{font-size:1.5rem}.metric-text[data-astro-cid-ejwazcvs]{font-weight:600;font-size:1.1rem}.performance-viz[data-astro-cid-ejwazcvs]{text-align:center}.performance-viz[data-astro-cid-ejwazcvs] h3[data-astro-cid-ejwazcvs]{font-size:2rem;margin-bottom:3rem;color:#4ade80}.performance-charts[data-astro-cid-ejwazcvs]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;max-width:800px;margin:0 auto}.chart-item[data-astro-cid-ejwazcvs]{display:flex;flex-direction:column;align-items:center;gap:1rem}.chart-circle[data-astro-cid-ejwazcvs]{position:relative;width:120px;height:120px}.chart-circle[data-astro-cid-ejwazcvs] svg[data-astro-cid-ejwazcvs]{width:100%;height:100%;transform:rotate(-90deg)}.chart-bg[data-astro-cid-ejwazcvs]{fill:none;stroke:#ffffff1a;stroke-width:8}.chart-fill[data-astro-cid-ejwazcvs]{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 2s ease}.chart-fill[data-astro-cid-ejwazcvs].performance{stroke:#4ade80}.chart-fill[data-astro-cid-ejwazcvs].accessibility{stroke:#00f5ff}.chart-fill[data-astro-cid-ejwazcvs].best-practices{stroke:#ff6b6b}.chart-fill[data-astro-cid-ejwazcvs].seo{stroke:#fbbf24}.chart-value[data-astro-cid-ejwazcvs]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.8rem;font-weight:700}.chart-label[data-astro-cid-ejwazcvs]{font-weight:600;text-transform:uppercase;letter-spacing:.1em;opacity:.8}.cta-section[data-astro-cid-ejwazcvs]{padding:6rem 2rem;background:linear-gradient(135deg,#0f172a,#1e293b)}.cta-container[data-astro-cid-ejwazcvs]{max-width:1200px;margin:0 auto;text-align:center}.cta-title[data-astro-cid-ejwazcvs]{font-size:3rem;font-weight:900;margin-bottom:2rem;background:linear-gradient(45deg,#00f5ff,#ff6b6b,#4ade80);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:titleGradient 4s ease-in-out infinite}.cta-description[data-astro-cid-ejwazcvs]{font-size:1.3rem;opacity:.9;margin-bottom:3rem;line-height:1.6;max-width:800px;margin-left:auto;margin-right:auto}.cta-buttons[data-astro-cid-ejwazcvs]{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:4rem}.cta-button[data-astro-cid-ejwazcvs]{display:flex;align-items:center;gap:.8rem;padding:1.2rem 2.5rem;border-radius:12px;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.1em;transition:all .3s ease;min-width:200px;justify-content:center}.cta-button[data-astro-cid-ejwazcvs].primary{background:linear-gradient(45deg,#4ade80,#22c55e);color:#fff;box-shadow:0 15px 40px #4ade8066}.cta-button[data-astro-cid-ejwazcvs].primary:hover{transform:translateY(-5px);box-shadow:0 20px 50px #4ade8099}.cta-button[data-astro-cid-ejwazcvs].secondary{background:linear-gradient(45deg,#00f5ff,#0891b2);color:#fff;box-shadow:0 15px 40px #00f5ff66}.cta-button[data-astro-cid-ejwazcvs].secondary:hover{transform:translateY(-5px);box-shadow:0 20px 50px #00f5ff99}.cta-button[data-astro-cid-ejwazcvs].tertiary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3)}.cta-button[data-astro-cid-ejwazcvs].tertiary:hover{background:#fff3;transform:translateY(-3px)}.button-icon[data-astro-cid-ejwazcvs]{font-size:1.2rem}.tech-showcase[data-astro-cid-ejwazcvs]{margin-top:4rem}.tech-showcase[data-astro-cid-ejwazcvs] h3[data-astro-cid-ejwazcvs]{font-size:2rem;margin-bottom:2rem;color:#4ade80}.tech-grid[data-astro-cid-ejwazcvs]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:800px;margin:0 auto}.tech-item[data-astro-cid-ejwazcvs]{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:2rem;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:15px;transition:transform .3s ease}.tech-item[data-astro-cid-ejwazcvs]:hover{transform:translateY(-5px);border-color:#00f5ff}.tech-icon[data-astro-cid-ejwazcvs]{font-size:3rem}.tech-name[data-astro-cid-ejwazcvs]{font-weight:700;font-size:1.2rem;color:#00f5ff}.tech-desc[data-astro-cid-ejwazcvs]{font-size:.9rem;opacity:.8}@keyframes titleGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media (max-width: 768px){.experience-title[data-astro-cid-ejwazcvs],.demo-title[data-astro-cid-ejwazcvs],.comparison-title[data-astro-cid-ejwazcvs],.cta-title[data-astro-cid-ejwazcvs]{font-size:2rem}.metrics-bar[data-astro-cid-ejwazcvs]{position:static;margin:2rem auto;flex-direction:row;justify-content:center;max-width:300px}.comparison-grid[data-astro-cid-ejwazcvs]{grid-template-columns:1fr}.performance-charts[data-astro-cid-ejwazcvs]{grid-template-columns:repeat(2,1fr)}.cta-buttons[data-astro-cid-ejwazcvs]{flex-direction:column;align-items:center}.tech-grid[data-astro-cid-ejwazcvs]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.experience-title[data-astro-cid-ejwazcvs],.demo-title[data-astro-cid-ejwazcvs],.comparison-title[data-astro-cid-ejwazcvs],.cta-title[data-astro-cid-ejwazcvs]{font-size:1.5rem}.demo-section[data-astro-cid-ejwazcvs]{padding:120px 1rem 2rem}.tech-grid[data-astro-cid-ejwazcvs],.performance-charts[data-astro-cid-ejwazcvs]{grid-template-columns:1fr}}