.legacy-home-shell{--bg-deep:#050810;--bg-surface:#0a0f1a;--bg-elevated:#111827;--coral-bright:#ff4d4d;--coral-mid:#e63946;--coral-dark:#991b1b;--cyan-bright:#00e5cc;--cyan-mid:#14b8a6;--cyan-glow:#00e5cc66;--text-primary:#f0f4ff;--text-secondary:#8892b0;--text-muted:#5a6480;--border-subtle:#8892b026;--border-accent:#ff4d4d4d;--color-primary:var(--text-primary);--color-accent:var(--coral-bright);--color-accent-hover:var(--coral-mid);--color-background:var(--bg-deep);--color-surface:var(--bg-surface);--color-text:var(--text-primary);--color-text-muted:var(--text-secondary);--color-border:var(--border-subtle);--color-success:var(--cyan-bright);--max-width:1400px;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--radius:8px;--radius-lg:12px;--shadow:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-lg:0 10px 25px #0006}.legacy-home-shell,.legacy-home-shell *{box-sizing:border-box;margin:0;padding:0}html:has(.legacy-home-shell){scroll-behavior:smooth}.legacy-home-shell{background-color:var(--bg-deep);color:var(--text-primary);font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6}.legacy-home-shell .stars{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.legacy-home-shell .stars:before{content:"";background:0 0;border-radius:50%;width:2px;height:2px;position:absolute;top:0;left:0;box-shadow:12vw 8vh 0 3px #fff,67vw 12vh 0 3px #fff,89vw 23vh 0 3px #fff,34vw 45vh 0 3px #fff,5vw 62vh 0 3px #fff,78vw 75vh 0 3px #fff,45vw 89vh 0 3px #fff,92vw 35vh 0 3px #fff,50vw 50vh 0 3px #fff,15vw 30vh 0 3px #fff,23vw 15vh 0 2px #fff,56vw 5vh 0 2px #fff,91vw 18vh 0 2px #fff,8vw 28vh 0 2px #fff,42vw 32vh 0 2px #fff,73vw 48vh 0 2px #fff,15vw 55vh 0 2px #fff,58vw 68vh 0 2px #fff,85vw 82vh 0 2px #fff,31vw 92vh 0 2px #fff,69vw 95vh 0 2px #fff,3vw 85vh 0 2px #fff,40vw 18vh 0 2px #fff,62vw 58vh 0 2px #fff,18vw 3vh 0 1.5px #fff,35vw 10vh 0 1.5px #fff,52vw 18vh 0 1.5px #fff,7vw 22vh 0 1.5px #fff,81vw 28vh 0 1.5px #fff,28vw 35vh 0 1.5px #fff,63vw 42vh 0 1.5px #fff,96vw 52vh 0 1.5px #fff,11vw 58vh 0 1.5px #fff,44vw 65vh 0 1.5px #fff,76vw 72vh 0 1.5px #fff,22vw 78vh 0 1.5px #fff,48vw 85vh 0 1.5px #fff,94vw 92vh 0 1.5px #fff,4vw 7vh 0 1.2px #fffffff2,16vw 12vh 0 1.2px #fffffff2,29vw 20vh 0 1.2px #fffffff2,41vw 26vh 0 1.2px #fffffff2,54vw 38vh 0 1.2px #fffffff2,66vw 45vh 0 1.2px #fffffff2,79vw 55vh 0 1.2px #fffffff2,92vw 62vh 0 1.2px #fffffff2,2vw 70vh 0 1.2px #fffffff2,14vw 75vh 0 1.2px #fffffff2,27vw 82vh 0 1.2px #fffffff2,39vw 88vh 0 1.2px #fffffff2,51vw 95vh 0 1.2px #fffffff2,64vw 8vh 0 1.2px #fffffff2,88vw 15vh 0 1.2px #fffffff2,72vw 22vh 0 1.2px #fffffff2,59vw 28vh 0 1px #ffffffe6,46vw 35vh 0 1px #ffffffe6,33vw 42vh 0 1px #ffffffe6,20vw 48vh 0 1px #ffffffe6,7vw 55vh 0 1px #ffffffe6,95vw 65vh 0 1px #ffffffe6,82vw 72vh 0 1px #ffffffe6,70vw 80vh 0 1px #ffffffe6,57vw 87vh 0 1px #ffffffe6,44vw 93vh 0 1px #ffffffe6,25vw 5vh 0 1px #ffffffe6,38vw 15vh 0 1px #ffffffe6,50vw 22vh 0 1px #ffffffe6,62vw 32vh 0 1px #ffffffe6,75vw 40vh 0 1px #ffffffe6,87vw 48vh 0 1px #ffffffe6,10vw 2vh 0 .8px #ffffffd9,21vw 8vh 0 .8px #ffffffd9,32vw 14vh 0 .8px #ffffffd9,43vw 20vh 0 .8px #ffffffd9,55vw 27vh 0 .8px #ffffffd9,68vw 33vh 0 .8px #ffffffd9,80vw 38vh 0 .8px #ffffffd9,93vw 44vh 0 .8px #ffffffd9,6vw 50vh 0 .8px #ffffffd9,17vw 56vh 0 .8px #ffffffd9,30vw 62vh 0 .8px #ffffffd9,42vw 68vh 0 .8px #ffffffd9,53vw 74vh 0 .8px #ffffffd9,65vw 80vh 0 .8px #ffffffd9,77vw 86vh 0 .8px #ffffffd9,90vw 92vh 0 .8px #ffffffd9,13vw 98vh 0 .6px #fffc,36vw 4vh 0 .6px #fffc,60vw 10vh 0 .6px #fffc,83vw 16vh 0 .6px #fffc,97vw 25vh 0 .6px #fffc,1vw 32vh 0 .6px #fffc,24vw 40vh 0 .6px #fffc,47vw 46vh 0 .6px #fffc,71vw 52vh 0 .6px #fffc,84vw 60vh 0 .6px #fffc,9vw 66vh 0 .6px #fffc,35vw 73vh 0 .6px #fffc,58vw 79vh 0 .6px #fffc,74vw 85vh 0 .6px #fffc,98vw 91vh 0 .6px #fffc}.legacy-home-shell .container{max-width:var(--max-width);padding:0 var(--spacing-md);margin:0 auto}.legacy-home-shell nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle);z-index:100;background:#0a0f1af2;position:fixed;top:0;left:0;right:0}.legacy-home-shell .nav-content{padding:var(--spacing-sm) var(--spacing-md);max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.legacy-home-shell .logo{color:var(--text-primary);align-items:center;gap:var(--spacing-xs);font-family:Clash Display,sans-serif;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.legacy-home-shell .logo-icon{background:linear-gradient(135deg, var(--coral-bright), var(--cyan-bright));border-radius:var(--radius);width:32px;height:32px;color:var(--bg-deep);justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.legacy-home-shell .nav-links{gap:var(--spacing-lg);align-items:center;display:flex}.legacy-home-shell .nav-links a{color:var(--text-secondary);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.legacy-home-shell .nav-links a:hover{color:var(--cyan-bright)}.legacy-home-shell .hero{z-index:1;padding:calc(var(--spacing-3xl) + 60px) 0 var(--spacing-3xl);text-align:center;background:linear-gradient(#0a0f1ab3 0%,#050810bf 100%);position:relative}.legacy-home-shell .hero h1{color:var(--text-primary);margin-bottom:var(--spacing-sm);letter-spacing:-.02em;font-family:Clash Display,sans-serif;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700}.legacy-home-shell .hero .tagline{background:linear-gradient(90deg, var(--coral-bright), var(--cyan-bright));-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-lg);-webkit-background-clip:text;background-clip:text;font-family:Clash Display,sans-serif;font-size:clamp(1.125rem,2.5vw,1.375rem);font-weight:600}.legacy-home-shell .hero .intro{color:var(--text-secondary);max-width:700px;margin:0 auto var(--spacing-xl);font-size:1.125rem;line-height:1.7}.legacy-home-shell .cta-group{gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-wrap:wrap;justify-content:center;display:flex}.legacy-home-shell .btn{align-items:center;gap:var(--spacing-xs);border-radius:var(--radius);cursor:pointer;border:none;padding:.875rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.legacy-home-shell .btn-primary{background:linear-gradient(135deg, var(--coral-bright), var(--coral-mid));color:#fff}.legacy-home-shell .btn-primary:hover{background:linear-gradient(135deg, var(--coral-mid), var(--coral-dark));transform:translateY(-2px);box-shadow:0 8px 25px #ff4d4d4d}.legacy-home-shell .btn-secondary{color:var(--text-primary);border:1px solid var(--border-subtle);background:0 0}.legacy-home-shell .btn-secondary:hover{border-color:var(--cyan-bright);color:var(--cyan-bright);box-shadow:0 0 20px var(--cyan-glow)}.legacy-home-shell .hostinger-deploy-container{justify-content:space-between;align-items:center;gap:1.5rem;padding:.75rem;display:flex}.legacy-home-shell .hostinger-deploy-btn{background:linear-gradient(135deg, var(--cyan-bright), #14b8a6);color:var(--bg-deep);border-radius:var(--radius);isolation:isolate;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.75rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;animation:2s ease-in-out infinite buttonPulse;display:inline-flex;position:relative;overflow:visible;box-shadow:0 0 30px #00e5cc99,0 0 60px #00e5cc4d,0 4px 20px #0000004d}.legacy-home-shell .hostinger-deploy-btn:before{content:"";border-radius:calc(var(--radius) + 2px);z-index:-1;filter:blur(6px);background:radial-gradient(circle,#00e5cc4d 0%,#00e5cc1a 50%,#00e5cc00 100%);position:absolute;inset:-3px}.legacy-home-shell .hostinger-deploy-btn:after{content:"";background:linear-gradient(135deg, var(--cyan-bright), #14b8a6);border-radius:var(--radius);z-index:-1;position:absolute;inset:0}@keyframes borderRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes buttonPulse{0%,to{box-shadow:0 0 30px #00e5cc99,0 0 60px #00e5cc4d,0 4px 20px #0000004d}50%{box-shadow:0 0 40px #00e5cccc,0 0 80px #00e5cc80,0 6px 25px #0000004d}}@keyframes buttonFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.legacy-home-shell .hostinger-deploy-btn:hover{animation:none;transform:translateY(-4px)scale(1.02);box-shadow:0 0 50px #00e5cc,0 0 100px #00e5cc99,0 8px 30px #0006}.legacy-home-shell .hostinger-deploy-btn:hover:before{filter:blur(12px)brightness(1.8)}.legacy-home-shell .hostinger-deploy-btn .btn-text{z-index:1;position:relative}.legacy-home-shell .hostinger-deploy-btn svg{z-index:1;transition:transform .3s;position:relative}.legacy-home-shell .hostinger-deploy-btn:hover svg{transform:translate(2px,-2px)}.legacy-home-shell .hostinger-deploy-btn:focus-visible{outline:2px solid var(--cyan-bright);outline-offset:2px}.legacy-home-shell .hostinger-docs-link{color:var(--text-secondary);border-radius:var(--radius);background:#ffffff05;border:1px solid #0000;flex-shrink:0;align-items:center;gap:.75rem;max-width:240px;padding:.5rem .75rem;font-size:.95rem;font-weight:500;line-height:1.5;text-decoration:none;transition:all .2s;display:inline-flex}.legacy-home-shell .hostinger-docs-link:hover{color:var(--cyan-bright);background:#00e5cc0d;border-color:#00e5cc33}.legacy-home-shell .hostinger-docs-link svg{opacity:.7;flex-shrink:0;transition:opacity .2s}.legacy-home-shell .hostinger-docs-link:hover svg{opacity:1}.legacy-home-shell .hostinger-docs-link:focus-visible{outline:2px solid var(--cyan-bright);outline-offset:2px}@media (max-width:768px){.legacy-home-shell .hostinger-deploy-container{flex-direction:column;align-items:stretch;gap:1rem}.legacy-home-shell .hostinger-deploy-btn{width:100%;padding:.875rem 1.5rem;font-size:.9rem}.legacy-home-shell .hostinger-docs-link{text-align:center;justify-content:center;max-width:100%;padding:.75rem 1rem;font-size:.9rem}}@media (max-width:480px){.legacy-home-shell .hostinger-deploy-btn{padding:.75rem 1.25rem;font-size:.85rem}.legacy-home-shell .hostinger-docs-link{padding:.625rem .875rem;font-size:.8rem}}@media (prefers-reduced-motion:reduce){.legacy-home-shell .hostinger-deploy-btn:before{animation:none}.legacy-home-shell .hostinger-deploy-btn:hover{transform:none}}.legacy-home-shell .guide-links{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-wrap:wrap;justify-content:center;display:flex}.legacy-home-shell .guide-link{color:var(--text-secondary);border-radius:var(--radius);border:1px solid #0000;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.legacy-home-shell .guide-link:hover{color:var(--cyan-bright);border-color:var(--cyan-bright);background:#00e5cc1a}.legacy-home-shell .guide-link svg{opacity:.7;transition:opacity .3s}.legacy-home-shell .guide-link:hover svg{opacity:1}.legacy-home-shell .moltbook-links{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.legacy-home-shell .moltbook-links.openclaw-links{gap:var(--spacing-sm)}.legacy-home-shell .moltbook-links.openclaw-links .guide-link{font-size:.9rem}.legacy-home-shell .compact-links{margin-bottom:var(--spacing-lg);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;display:flex}.legacy-home-shell .compact-links a{color:var(--text-secondary);border:1px solid var(--border-subtle);background:#ffffff05;border-radius:999px;padding:.2rem .45rem;font-size:.9rem;text-decoration:none}.legacy-home-shell .compact-links a:hover{color:var(--cyan-bright);border-color:var(--cyan-bright);background:#00e5cc1a}.legacy-home-shell .link-tabs{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle)}.legacy-home-shell .link-tablist{margin-bottom:var(--spacing-md);flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.legacy-home-shell .link-tab{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:.35rem .85rem;font-family:inherit;font-size:.9rem;transition:all .2s}.legacy-home-shell .link-tab:hover{color:var(--text-primary);border-color:var(--cyan-bright)}.legacy-home-shell .link-tab.active{color:var(--text-primary);border-color:var(--cyan-bright);background:#00e5cc1f}.legacy-home-shell .link-panel{display:none}.legacy-home-shell .link-panel.active{display:block}.legacy-home-shell .moltbook-links.ecosystem-links{gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);flex-wrap:nowrap;overflow-x:auto}.legacy-home-shell .moltbook-links.ecosystem-links .guide-link{white-space:nowrap;padding:.35rem .6rem;font-size:.85rem}.legacy-home-shell .moltbook-links.ecosystem-links .guide-link svg{width:16px;height:16px}.legacy-home-shell .moltbook-label{color:var(--coral-bright);align-items:center;font-size:.9rem;font-weight:600;display:flex}.legacy-home-shell .stats{justify-content:center;gap:var(--spacing-xl);flex-wrap:wrap;display:flex}.legacy-home-shell .stat{text-align:center}.legacy-home-shell .stat-value{color:var(--cyan-bright);font-family:Clash Display,sans-serif;font-size:1.75rem;font-weight:700}.legacy-home-shell .stat-label{color:var(--text-muted);font-size:.875rem}.legacy-home-shell .version-badge{background:linear-gradient(135deg, var(--coral-bright), var(--coral-mid));color:#fff;margin-bottom:var(--spacing-md);border-radius:20px;padding:.35rem .85rem;font-size:.8rem;font-weight:600;display:inline-block;box-shadow:0 4px 15px #ff4d4d4d}.legacy-home-shell .evolution{z-index:1;padding:var(--spacing-3xl) 0;background:#111827cc;position:relative}.legacy-home-shell .evolution-content{max-width:900px;margin:0 auto}.legacy-home-shell .evolution-timeline{padding:var(--spacing-lg) 0;position:relative}.legacy-home-shell .evolution-step{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);align-items:flex-start;display:flex}.legacy-home-shell .evolution-marker{background:linear-gradient(135deg, var(--coral-bright), var(--cyan-bright));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex;position:relative}.legacy-home-shell .evolution-step:not(:last-child) .evolution-marker:after{content:"";background:linear-gradient(180deg, var(--cyan-bright), transparent);width:2px;height:80px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.legacy-home-shell .evolution-text h3{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-family:Clash Display,sans-serif;font-size:1.25rem;font-weight:600}.legacy-home-shell .evolution-text p{color:var(--text-secondary);line-height:1.7}.legacy-home-shell .tutorials{z-index:1;padding:var(--spacing-xl) 0;background:#050810bf;position:relative}.legacy-home-shell .tutorials-grid{gap:var(--spacing-md);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:var(--spacing-sm);grid-template-rows:repeat(2,1fr);grid-auto-columns:360px;grid-auto-flow:column;display:grid;overflow-x:auto}.legacy-home-shell .tutorial-card{scroll-snap-align:start;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);aspect-ratio:16/9;width:360px;text-decoration:none;transition:transform .3s,box-shadow .3s,border-color .3s;display:block;position:relative;overflow:hidden}.legacy-home-shell .tutorial-card:hover{border-color:var(--coral-bright);transform:translateY(-4px);box-shadow:0 12px 40px #ff4d4d33}.legacy-home-shell .tutorial-card img{object-fit:cover;width:100%;height:100%;display:block}.legacy-home-shell .tutorial-card .play-icon{background:#ff4d4de6;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;transition:background .3s,transform .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.legacy-home-shell .tutorial-card:hover .play-icon{background:var(--coral-bright);transform:translate(-50%,-50%)scale(1.1)}.legacy-home-shell .tutorial-card .play-icon svg{fill:#fff;width:28px;height:28px;margin-left:4px}.legacy-home-shell .features{z-index:1;background:#0a0f1acc;position:relative}.legacy-home-shell .features-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.legacy-home-shell .feature-card{padding:var(--spacing-lg);background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);transition:border-color .3s,box-shadow .3s,transform .3s}.legacy-home-shell .feature-card:hover{border-color:var(--cyan-bright);transform:translateY(-4px);box-shadow:0 0 30px #00e5cc26}.legacy-home-shell .feature-icon{border-radius:var(--radius);width:48px;height:48px;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,#ff4d4d26,#00e5cc1a);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.legacy-home-shell .feature-card h3{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-family:Clash Display,sans-serif;font-size:1.125rem;font-weight:600}.legacy-home-shell .feature-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.legacy-home-shell section{z-index:1;padding:var(--spacing-3xl) 0;position:relative}.legacy-home-shell .section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.legacy-home-shell .section-header h2{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-family:Clash Display,sans-serif;font-size:2rem;font-weight:700}.legacy-home-shell .section-header p{color:var(--text-secondary);max-width:600px;margin:0 auto}.legacy-home-shell .use-cases-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.legacy-home-shell .use-case{padding:var(--spacing-md);background:var(--bg-surface);border-radius:var(--radius);border:1px solid var(--border-subtle);text-align:center;transition:transform .3s,box-shadow .3s,border-color .3s}.legacy-home-shell .use-case:hover{border-color:var(--coral-bright);transform:translateY(-4px);box-shadow:0 0 25px #ff4d4d26}.legacy-home-shell .use-case-icon{margin-bottom:var(--spacing-sm);font-size:2rem}.legacy-home-shell .use-case h3{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-family:Clash Display,sans-serif;font-size:1rem;font-weight:600}.legacy-home-shell .use-case p{color:var(--text-secondary);font-size:.85rem}.legacy-home-shell .technical{background:var(--bg-surface);color:var(--text-primary)}.legacy-home-shell .tech-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.legacy-home-shell .tech-card{padding:var(--spacing-lg);background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);transition:border-color .3s,box-shadow .3s}.legacy-home-shell .tech-card:hover{border-color:var(--cyan-mid);box-shadow:0 0 20px #00e5cc1a}.legacy-home-shell .tech-card h3{margin-bottom:var(--spacing-sm);color:var(--cyan-bright);font-family:Clash Display,sans-serif;font-size:1rem;font-weight:600}.legacy-home-shell .tech-list{list-style:none}.legacy-home-shell .tech-list li{padding:var(--spacing-xs) 0;color:var(--text-secondary);align-items:center;gap:var(--spacing-xs);font-size:.9rem;display:flex}.legacy-home-shell .tech-list li:before{content:"›";color:var(--coral-bright);font-weight:700}.legacy-home-shell .how-it-works{background:var(--bg-deep);padding:var(--spacing-3xl) 0}.legacy-home-shell .arch-flow-simple{justify-content:center;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.legacy-home-shell .arch-step{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);flex-direction:column;min-width:100px;transition:border-color .3s,transform .3s;display:flex}.legacy-home-shell .arch-step:hover{border-color:var(--cyan-bright);transform:translateY(-2px)}.legacy-home-shell .arch-step.highlight{border-color:var(--coral-bright);background:linear-gradient(135deg,#ff4d4d1a,#00e5cc0d)}.legacy-home-shell .arch-icon{font-size:1.75rem}.legacy-home-shell .arch-label{color:var(--text-secondary);text-align:center;font-size:.8rem;font-weight:500}.legacy-home-shell .arch-connector{color:var(--coral-bright);font-size:1.25rem;font-weight:700}.legacy-home-shell .arch-features{justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.legacy-home-shell .arch-feature{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-surface);border-radius:var(--radius);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.9rem;display:flex}.legacy-home-shell .arch-feature-icon{font-size:1rem}.legacy-home-shell .arch-cta{text-align:center}@media (max-width:768px){.legacy-home-shell .arch-flow-simple{flex-direction:column}.legacy-home-shell .arch-connector{transform:rotate(90deg)}}.legacy-home-shell .trust{background:var(--bg-deep)}.legacy-home-shell .trust-content{gap:var(--spacing-2xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}@media (max-width:768px){.legacy-home-shell .trust-content{grid-template-columns:1fr}}.legacy-home-shell .founder-card{padding:var(--spacing-lg);background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.legacy-home-shell .founder-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.legacy-home-shell .founder-avatar{background:linear-gradient(135deg, var(--coral-bright), var(--cyan-bright));width:64px;height:64px;color:var(--bg-deep);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.legacy-home-shell .founder-info h3{color:var(--text-primary);font-family:Clash Display,sans-serif;font-size:1.125rem;font-weight:600}.legacy-home-shell .founder-info p{color:var(--text-secondary);font-size:.9rem}.legacy-home-shell .founder-bio{color:var(--text-secondary);font-size:.9rem;line-height:1.7}.legacy-home-shell .trust-badges{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.legacy-home-shell .badge{padding:var(--spacing-md);background:var(--bg-elevated);border-radius:var(--radius);border:1px solid var(--border-subtle);text-align:center;transition:border-color .3s,box-shadow .3s}.legacy-home-shell .badge:hover{border-color:var(--cyan-mid);box-shadow:0 0 15px #00e5cc1a}.legacy-home-shell .badge-value{color:var(--coral-bright);font-family:Clash Display,sans-serif;font-size:1.5rem;font-weight:700}.legacy-home-shell .badge-label{color:var(--text-muted);font-size:.85rem}.legacy-home-shell .download{background:linear-gradient(180deg, var(--bg-deep) 0%, var(--bg-surface) 100%)}.legacy-home-shell .download-grid{justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.legacy-home-shell .download-card{padding:var(--spacing-lg);background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);text-align:center;min-width:220px;transition:border-color .2s,box-shadow .2s}.legacy-home-shell .download-card:hover{border-color:var(--coral-bright);box-shadow:0 8px 30px #ff4d4d33}.legacy-home-shell .download-icon{margin-bottom:var(--spacing-sm);font-size:2.5rem}.legacy-home-shell .download-card h3{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-family:Clash Display,sans-serif;font-size:1.125rem;font-weight:600}.legacy-home-shell .download-card .size{color:var(--text-muted);margin-bottom:var(--spacing-md);font-size:.85rem}.legacy-home-shell .btn-download{align-items:center;gap:var(--spacing-xs);background:linear-gradient(135deg, var(--coral-bright), var(--coral-mid));color:#fff;border-radius:var(--radius);padding:.75rem 1.25rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.legacy-home-shell .btn-download:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff4d4d66}.legacy-home-shell .cta-section{z-index:1;text-align:center;padding:var(--spacing-3xl) 0;background:linear-gradient(#0a0f1ab3 0%,#050810b3 100%);position:relative}.legacy-home-shell .cta-section h2{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-family:Clash Display,sans-serif;font-size:2rem;font-weight:700}.legacy-home-shell .cta-section p{color:var(--text-secondary);margin-bottom:var(--spacing-lg);max-width:500px;margin-left:auto;margin-right:auto}.legacy-home-shell footer{z-index:1;color:var(--text-secondary);padding:var(--spacing-xl) 0;border-top:1px solid var(--border-subtle);background:#050810cc;position:relative}.legacy-home-shell .footer-content{justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.legacy-home-shell .footer-nav{justify-content:space-between;gap:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--spacing-lg);display:flex}.legacy-home-shell .footer-section{flex:1;min-width:120px}.legacy-home-shell .footer-section h4{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-family:Clash Display,sans-serif;font-size:.9rem;font-weight:600}.legacy-home-shell .footer-section a{color:var(--text-secondary);padding:.25rem 0;font-size:.85rem;text-decoration:none;transition:color .2s;display:block}.legacy-home-shell .footer-section a:hover{color:var(--cyan-bright)}.legacy-home-shell .footer-bottom{justify-content:center;align-items:center;display:flex}.legacy-home-shell .footer-copy{color:var(--text-muted);font-size:.85rem}.legacy-home-shell .footer-links{gap:var(--spacing-lg);display:flex}@media (max-width:600px){.legacy-home-shell .footer-nav{gap:var(--spacing-lg);flex-direction:column}}.legacy-home-shell .footer-links a{color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:color .3s}.legacy-home-shell .footer-links a:hover{color:var(--cyan-bright)}.legacy-home-shell .faq{background:var(--bg-deep)}.legacy-home-shell .faq-list{max-width:800px;margin:0 auto}.legacy-home-shell .faq-item{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--spacing-sm);transition:border-color .3s;overflow:hidden}.legacy-home-shell .faq-item:hover{border-color:var(--cyan-mid)}.legacy-home-shell .faq-question{width:100%;padding:var(--spacing-md) var(--spacing-lg);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:var(--spacing-md);background:0 0;border:none;display:flex}.legacy-home-shell .faq-question h3{color:var(--text-primary);margin:0;font-family:Clash Display,sans-serif;font-size:1rem;font-weight:600}.legacy-home-shell .faq-icon{color:var(--coral-bright);flex-shrink:0;font-size:1.25rem;transition:transform .3s}.legacy-home-shell .faq-item.active .faq-icon{transform:rotate(45deg)}.legacy-home-shell .faq-answer{max-height:0;transition:max-height .3s ease-out;overflow:hidden}.legacy-home-shell .faq-answer p{padding:0 var(--spacing-lg) var(--spacing-md);color:var(--text-secondary);font-size:.95rem;line-height:1.7}.legacy-home-shell .faq-item.active .faq-answer{max-height:300px}.legacy-home-shell .lang-selector{position:relative}.legacy-home-shell .lang-btn{border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.legacy-home-shell .lang-btn:hover{border-color:var(--cyan-bright);color:var(--cyan-bright)}.legacy-home-shell .lang-dropdown{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius);opacity:0;visibility:hidden;z-index:200;min-width:140px;margin-top:.5rem;transition:all .2s;position:absolute;top:100%;right:0;transform:translateY(-10px)}.legacy-home-shell .lang-selector.active .lang-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.legacy-home-shell .lang-dropdown a{color:var(--text-secondary);padding:.625rem 1rem;font-size:.85rem;text-decoration:none;transition:all .2s;display:block}.legacy-home-shell .lang-dropdown a:hover{background:var(--bg-surface);color:var(--cyan-bright)}.legacy-home-shell .lang-dropdown a.active{color:var(--coral-bright)}@media (max-width:768px){.legacy-home-shell .nav-links{display:none}.legacy-home-shell .stats{gap:var(--spacing-lg)}.legacy-home-shell .stat-value{font-size:1.5rem}.legacy-home-shell .footer-content{text-align:center;flex-direction:column}}.legacy-home-shell .sticky-footer-bar{background:linear-gradient(135deg, var(--coral-bright), var(--coral-mid));z-index:99;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000004d}.legacy-home-shell .sticky-footer-bar a{color:#fff;justify-content:center;align-items:center;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.legacy-home-shell .sticky-footer-bar a:hover{background:linear-gradient(135deg, var(--coral-mid), var(--coral-dark));box-shadow:0 -6px 30px #ff4d4d66}.legacy-home-shell{padding-bottom:60px}.legacy-home-shell .quick-start{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius);text-align:left;width:100%;max-width:960px;padding:.75rem 1rem}.legacy-home-shell .quick-start h3{color:var(--text-primary);text-align:center;margin-bottom:.5rem;font-family:Clash Display,sans-serif;font-size:.9rem;font-weight:600}.legacy-home-shell .quick-start-tabs{border-bottom:1px solid var(--border-subtle);gap:.25rem;margin-bottom:.5rem;padding-bottom:.25rem;display:flex}.legacy-home-shell .quick-start-tab{color:var(--text-muted);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;padding:.3rem .75rem;font-size:.9rem;font-weight:500;transition:all .2s}.legacy-home-shell .quick-start-tab:hover{color:var(--text-secondary);background:#ffffff0d}.legacy-home-shell .quick-start-tab.active{color:var(--cyan-bright);background:#00e5cc1a}.legacy-home-shell .quick-start-panel{display:none}.legacy-home-shell .quick-start-panel.active{display:block}.legacy-home-shell .code-block{background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:.5rem .75rem;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.8rem}.legacy-home-shell .code-comment{color:var(--text-muted);margin-bottom:.25rem;font-size:.75rem;display:block}.legacy-home-shell .code-line{align-items:center;gap:.5rem;display:flex}.legacy-home-shell .code-command{color:var(--cyan-bright);word-break:break-all;flex:1}.legacy-home-shell .copy-btn{border:1px solid var(--border-subtle);cursor:pointer;color:var(--text-muted);background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.legacy-home-shell .copy-btn:hover{color:var(--cyan-bright);border-color:var(--cyan-bright);background:#00e5cc1a}.legacy-home-shell .copy-btn.copied{color:var(--cyan-bright);border-color:var(--cyan-bright)}.legacy-home-shell .copy-btn .check-icon{display:none}.legacy-home-shell .copy-btn .copy-icon,.legacy-home-shell .copy-btn.copied .check-icon{display:block}.legacy-home-shell .copy-btn.copied .copy-icon{display:none}.legacy-home-shell .phone-ai-container{justify-content:center;align-items:center;padding:.75rem;display:flex}.legacy-home-shell .phone-ai-btn{color:#fff;isolation:isolate;background:linear-gradient(90deg,#f59e0b 0%,#fb923c 50%,#ef4444 100%);border-radius:50px;flex-shrink:0;justify-content:center;align-items:center;gap:.75rem;padding:1rem 1.75rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:visible;box-shadow:0 0 20px #f59e0b66,0 0 40px #fb923c4d,0 4px 15px #0000004d}.legacy-home-shell .phone-ai-btn svg{flex-shrink:0}.legacy-home-shell .phone-ai-btn:hover{transform:translateY(-2px)scale(1.01);box-shadow:0 0 30px #f59e0b99,0 0 60px #fb923c80,0 6px 20px #0006}.legacy-home-shell .phone-ai-btn:focus-visible{outline-offset:2px;outline:2px solid #f59e0b}@media (max-width:768px){.legacy-home-shell .phone-ai-btn{width:100%;padding:.875rem 1.5rem;font-size:.9rem}}@media (max-width:480px){.legacy-home-shell .phone-ai-btn{gap:.5rem;padding:.75rem 1.25rem;font-size:.85rem}}.legacy-home-shell .quick-start-tab.desktop-only{align-items:center;display:inline-flex!important}.legacy-home-shell .quick-start-tab.mobile-only{display:none!important}.legacy-home-shell .quick-start-panel.desktop-only{display:none}.legacy-home-shell .quick-start-panel.desktop-only.active{display:block}.legacy-home-shell .quick-start-panel.mobile-only,.legacy-home-shell .quick-start-panel.mobile-only.active{display:none}@media (max-width:768px){.legacy-home-shell .quick-start-tab.desktop-only{display:none!important}.legacy-home-shell .quick-start-tab.mobile-only{align-items:center;display:inline-flex!important}.legacy-home-shell .quick-start-panel.desktop-only,.legacy-home-shell .quick-start-panel.desktop-only.active{display:none!important}.legacy-home-shell .quick-start-panel.mobile-only{display:none}.legacy-home-shell .quick-start-panel.mobile-only.active{display:block!important}}.legacy-home-shell .mac-download{text-align:center;padding:.25rem 0}.legacy-home-shell .clawbot-survey-entry{z-index:1200;color:#f0f4ff;background:radial-gradient(circle at 0 0,#00e5cc33,#0000 55%),linear-gradient(145deg,#0f1729,#19243a);border:1px solid #ffffff24;border-radius:14px;width:min(340px,100vw - 32px);padding:16px 16px 14px;animation:.22s ease-out clawbotSurveyFadeIn;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 34px #0000005c,inset 0 1px #ffffff1a}.legacy-home-shell .clawbot-survey-entry.is-hidden{animation:.22s ease-in forwards clawbotSurveyFadeOut}.legacy-home-shell .clawbot-survey-entry__title{color:#f0f4ff;margin:0 24px 12px 0;font-size:14px;font-weight:600;line-height:1.45}.legacy-home-shell .clawbot-survey-entry__button{color:#e2e8f0;letter-spacing:.01em;background:linear-gradient(135deg,#334155,#475569);border:1px solid #f0f4ff47;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:40px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex}.legacy-home-shell .clawbot-survey-entry__button:hover{border-color:#f0f4ff5c;transform:translateY(-1px);box-shadow:0 6px 14px #00000038}.legacy-home-shell .clawbot-survey-entry__button:active{opacity:.9;transform:translateY(0)}.legacy-home-shell .clawbot-survey-entry__close{color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:50%;width:24px;height:24px;font-size:18px;line-height:1;transition:background .15s;position:absolute;top:8px;right:8px}.legacy-home-shell .clawbot-survey-entry__close:hover{background:#ffffff3d}@keyframes clawbotSurveyFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes clawbotSurveyFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}@media (max-width:1023px){.legacy-home-shell .clawbot-survey-entry{border-radius:0;width:100%;max-width:none;padding:14px 14px 12px;bottom:0;left:0;right:0}.legacy-home-shell .clawbot-survey-entry__title{margin-bottom:10px;font-size:13px}.legacy-home-shell .clawbot-survey-entry__button{min-height:38px;font-size:12px}}.legacy-home-shell #site-header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle,#8892b026);background:#050810f2;padding:1rem 2rem;position:sticky;top:0}.legacy-home-shell #site-header .nav-content{max-width:var(--max-width,1200px);justify-content:space-between;align-items:center;gap:clamp(1rem,3vw,3rem);margin:0 auto;display:flex}.legacy-home-shell #site-header .logo{color:var(--text-primary,#f0f4ff);flex:none;align-items:center;gap:.5rem;font-family:Clash Display,sans-serif;font-size:1.25rem;font-weight:600;text-decoration:none;display:flex}.legacy-home-shell #site-header .logo:hover{text-decoration:none}.legacy-home-shell #site-header .logo-icon{background:linear-gradient(135deg, var(--coral-bright,#ff4d4d), var(--coral-mid,#e63946));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.legacy-home-shell #site-header .nav-links{flex:auto;justify-content:flex-end;align-items:center;gap:clamp(.75rem,1.4vw,1.5rem);min-width:0;margin:0;padding:0;list-style:none;display:flex}.legacy-home-shell #site-header .nav-links>li{flex:none;position:relative}.legacy-home-shell #site-header .nav-links a{color:var(--text-secondary,#8892b0);white-space:nowrap;font-size:.9rem;text-decoration:none;transition:color .2s}.legacy-home-shell #site-header .nav-links a:hover{color:var(--text-primary,#f0f4ff)}.legacy-home-shell #site-header .nav-links a.active{color:var(--coral-bright,#ff4d4d)}.legacy-home-shell #site-header .hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.legacy-home-shell #site-header .hamburger span{background:var(--text-primary,#f0f4ff);border-radius:2px;width:24px;height:2px;transition:all .3s;display:block}.legacy-home-shell #site-header .nav-item{position:relative}.legacy-home-shell #site-header .nav-item>a{cursor:pointer}.legacy-home-shell #site-header .nav-item>a .arrow{vertical-align:middle;border-top:4px solid;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;margin-left:4px;transition:transform .2s;display:inline-block}.legacy-home-shell #site-header .nav-item:hover>a .arrow,.legacy-home-shell #site-header .nav-item.active>a .arrow{transform:rotate(180deg)}.legacy-home-shell #site-header .mega-menu{background:var(--bg-elevated,#111827);border:0;border-bottom:1px solid var(--border-subtle,#8892b026);opacity:0;visibility:hidden;z-index:99;pointer-events:none;border-radius:0;width:auto;max-height:50vh;padding:0;transition:all .25s;position:fixed;top:60px;left:0;right:0;overflow-y:auto;transform:translateY(-8px);box-shadow:0 8px 32px #0006}.legacy-home-shell #site-header .nav-item:hover .mega-menu,.legacy-home-shell #site-header .nav-item:focus-within .mega-menu,.legacy-home-shell #site-header .nav-item.active .mega-menu{opacity:1;visibility:visible;pointer-events:auto;display:block;transform:translateY(0)}.legacy-home-shell #site-header .nav-item:after{content:"";height:12px;position:absolute;top:100%;left:0;right:0}.legacy-home-shell #site-header .mega-inner{max-width:var(--max-width,1200px);gap:2.5rem;margin:0 auto;padding:2rem;display:flex}.legacy-home-shell #site-header .mega-col{flex:1;min-width:0}.legacy-home-shell #site-header .mega-col h4{color:var(--coral-bright,#ff4d4d);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-subtle,#8892b026);margin-bottom:.75rem;padding-bottom:.5rem;font-family:Clash Display,sans-serif;font-size:.8rem;font-weight:600}.legacy-home-shell #site-header .mega-col ul{margin:0;padding:0;list-style:none}.legacy-home-shell #site-header .mega-col li{margin:0}.legacy-home-shell #site-header .mega-col a{color:var(--text-secondary,#8892b0);padding:.4rem 0;font-size:.85rem;text-decoration:none;transition:all .15s;display:block}.legacy-home-shell #site-header .mega-col a:hover{color:var(--cyan-bright,#00e5cc);padding-left:4px}.legacy-home-shell #site-header .mega-col a .mega-meta{color:var(--text-muted,#5a6480);margin-left:.4rem;font-size:.7rem}.legacy-home-shell #site-header .mega-featured{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;min-width:0;display:grid}.legacy-home-shell #site-header .mega-featured ul{list-style:none;display:contents}.legacy-home-shell #site-header .mega-featured li{display:contents}.legacy-home-shell #site-header .mega-skill{background:var(--bg-surface,#0a0f1a);border:1px solid var(--border-subtle,#8892b026);border-radius:6px;gap:.2rem;min-width:0;padding:.75rem;text-decoration:none;transition:all .2s;display:grid;overflow:hidden}.legacy-home-shell #site-header .mega-skill:hover{border-color:var(--coral-bright,#ff4d4d);transform:translateY(-1px)}.legacy-home-shell #site-header .mega-skill .ms-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-primary,#f0f4ff);margin-bottom:.2rem;font-family:Clash Display,sans-serif;font-size:.85rem;font-weight:600;display:block;overflow:hidden}.legacy-home-shell #site-header .mega-skill .ms-desc{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-muted,#5a6480);font-size:.75rem;line-height:1.4;display:block;overflow:hidden}.legacy-home-shell #site-header .mega-skill .ms-dl{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--cyan-bright,#00e5cc);margin-top:.3rem;font-size:.7rem;display:block;overflow:hidden}.legacy-home-shell #site-header .mega-viewall{color:var(--coral-bright,#ff4d4d);margin-top:1rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-block}.legacy-home-shell #site-header .mega-viewall:hover{color:var(--cyan-bright,#00e5cc)}@media (max-width:1024px){.legacy-home-shell #site-header .hamburger{display:flex}.legacy-home-shell #site-header .nav-links{display:none}.legacy-home-shell #site-header .nav-links.open{background:var(--bg-elevated,#111827);border-bottom:1px solid var(--border-subtle,#8892b026);z-index:110;flex-direction:column;align-items:stretch;gap:.25rem;padding:.75rem 1rem 1rem;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 16px 32px #00000059}.legacy-home-shell #site-header .nav-links.open>li{width:100%}.legacy-home-shell #site-header .nav-links.open>li>a{border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:.75rem .85rem;display:flex}.legacy-home-shell #site-header .nav-links.open>li>a:hover{background:var(--bg-surface,#0a0f1a);color:var(--cyan-bright,#00e5cc)}.legacy-home-shell #site-header .mega-menu,.legacy-home-shell #site-header .nav-item:hover .mega-menu,.legacy-home-shell #site-header .nav-item:focus-within .mega-menu,.legacy-home-shell #site-header .nav-item.active .mega-menu{display:none}}.legacy-home-shell{min-height:100vh}.legacy-home-shell section{content-visibility:auto;contain-intrinsic-size:900px}.legacy-home-shell .nav-item{list-style:none;position:relative}.legacy-home-shell .mega-menu{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:min(760px,100vw - 2rem);box-shadow:var(--shadow-lg);z-index:200;background:#0a0f1afa;padding:1rem;display:none;position:absolute;top:calc(100% + .75rem);left:50%;transform:translate(-50%)}.legacy-home-shell .nav-item:hover>.mega-menu,.legacy-home-shell .nav-item:focus-within>.mega-menu{display:block}.legacy-home-shell .mega-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.legacy-home-shell .mega-col h4{color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem}.legacy-home-shell .mega-col ul{gap:.35rem;list-style:none;display:grid}.legacy-home-shell .mega-col a{color:var(--text-secondary);line-height:1.35;text-decoration:none;display:block}.legacy-home-shell .mega-col a:hover{color:var(--cyan-bright)}.legacy-home-shell .mega-meta,.legacy-home-shell .ms-dl,.legacy-home-shell .ms-desc{color:var(--text-muted);font-size:.78rem}.legacy-home-shell .mega-skill{gap:.15rem;display:grid}.legacy-home-shell .ms-name{color:var(--text-primary);font-size:.86rem}.legacy-home-shell .mega-viewall{color:var(--cyan-bright);margin-top:.6rem;font-size:.82rem}@media (max-width:768px){.legacy-home-shell .mega-menu{width:100%;margin-top:.5rem;position:static;transform:none}.legacy-home-shell .mega-inner{grid-template-columns:1fr}}@media (max-width:480px){.legacy-home-shell .quick-start-tabs{grid-template-columns:1fr;display:grid}.legacy-home-shell .quick-start-tab{white-space:normal;justify-content:center;width:100%}.legacy-home-shell .code-line{align-items:flex-start}.legacy-home-shell .code-command{overflow-wrap:anywhere}}
.legacy-home-shell.blog-shell{background:radial-gradient(circle at 18% 12%, #ff4d4d14, transparent 28rem), radial-gradient(circle at 82% 22%, #00e5cc14, transparent 26rem), var(--bg-deep);min-height:100vh;color:var(--text-primary)}.blog-shell .blog-main{z-index:1;position:relative}.blog-container,.blog-list-section,.blog-article{width:min(100% - 2rem, var(--max-width));margin:0 auto}.blog-hero{border-bottom:1px solid var(--border-subtle);padding:clamp(4rem,8vw,7rem) 0 clamp(3rem,6vw,5rem);position:relative;overflow:hidden}.blog-hero:after{content:"";background:linear-gradient(90deg, transparent, var(--coral-bright), var(--cyan-bright), transparent);height:1px;position:absolute;inset:auto 0 0}.blog-hero h1{max-width:780px;color:var(--text-primary);font-family:Clash Display,sans-serif;font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:.95}.blog-hero p{max-width:680px;color:var(--text-secondary);margin-top:1.25rem;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.7}.blog-list-section{padding:clamp(3rem,6vw,5rem) 0}.blog-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.blog-post-card,.blog-empty-state,.blog-related-link{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111827c2;position:relative;box-shadow:0 18px 48px #00000047}.blog-post-card{min-height:260px;padding:clamp(1.25rem,3vw,1.75rem);transition:transform .2s,border-color .2s,background .2s}.blog-post-card:hover{border-color:var(--border-accent);background:#111827e6;transform:translateY(-3px)}.blog-post-meta,.blog-article-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;font-size:.86rem;display:flex}.blog-post-card h2{color:var(--text-primary);margin-top:1rem;font-family:Clash Display,sans-serif;font-size:clamp(1.35rem,2.5vw,1.85rem);font-weight:650;line-height:1.18}.blog-post-card p{color:var(--text-secondary);margin-top:.8rem;font-size:.98rem;line-height:1.7}.blog-tag-list{flex-wrap:wrap;gap:.55rem;margin-top:1.1rem;display:flex}.blog-tag{min-height:1.85rem;color:var(--cyan-bright);background:#00e5cc14;border:1px solid #00e5cc38;border-radius:999px;align-items:center;padding:.25rem .7rem;font-size:.75rem;font-weight:600;display:inline-flex}.blog-read-more{color:var(--coral-bright);align-items:center;gap:.45rem;margin-top:1.35rem;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex}.blog-read-more:hover{color:var(--cyan-bright)}.blog-card-hitarea{border-radius:var(--radius-lg);position:absolute;inset:0}.blog-empty-state{padding:clamp(1.5rem,4vw,2.25rem)}.blog-empty-state h2{color:var(--text-primary);font-family:Clash Display,sans-serif;font-size:1.35rem}.blog-empty-state p{max-width:650px;color:var(--text-secondary);margin-top:.65rem;line-height:1.7}.blog-article{max-width:900px;padding:clamp(3rem,6vw,5rem) 0}.blog-back-link{color:var(--cyan-bright);align-items:center;gap:.5rem;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex}.blog-back-link:hover{color:var(--coral-bright)}.blog-article-header{margin-top:2rem}.blog-article-header h1{color:var(--text-primary);font-family:Clash Display,sans-serif;font-size:clamp(2.4rem,6vw,4.6rem);font-weight:700;line-height:1}.blog-article-header>p{color:var(--text-secondary);margin-top:1.2rem;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.75}.blog-article-meta{margin-top:1.1rem}.blog-cover-image{aspect-ratio:16/9;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);object-fit:cover;width:100%;height:auto;margin-top:2rem}.blog-article-body,.blog-article-section,.blog-share{border-top:1px solid var(--border-subtle);margin-top:2.5rem;padding-top:2rem}.blog-article-section h2,.blog-share>p{color:var(--text-primary);font-family:Clash Display,sans-serif;font-size:1.35rem;font-weight:650}.blog-faq-list,.blog-related-list{gap:1rem;margin-top:1.25rem;display:grid}.blog-faq-item h3{color:var(--text-primary);font-size:1rem;font-weight:700}.blog-related-link{gap:.35rem;padding:1rem;text-decoration:none;transition:transform .2s,border-color .2s;display:grid}.blog-related-link:hover{border-color:#00e5cc59;transform:translateY(-2px)}.blog-related-link span{color:var(--text-primary);font-weight:700}.blog-related-link small{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.blog-share>div{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.blog-share-link{border:1px solid var(--border-subtle);border-radius:var(--radius);min-height:2.4rem;color:var(--text-secondary);align-items:center;gap:.45rem;padding:.6rem .85rem;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.blog-share-link:hover{border-color:var(--cyan-bright);color:var(--cyan-bright)}@media (max-width:768px){.blog-post-grid{grid-template-columns:1fr}.blog-container,.blog-list-section,.blog-article{width:min(100% - 1.25rem, var(--max-width))}}