.chatsune-hero{min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:6rem 0 4rem}.chatsune-hero:before{content:"";position:absolute;top:-20%;left:-20%;width:140%;height:140%;background:radial-gradient(ellipse 40% 50% at 20% 50%,rgba(74,122,232,.07) 0%,transparent 70%),radial-gradient(ellipse 40% 50% at 80% 50%,rgba(168,126,212,.07) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 50% 80%,rgba(232,121,168,.04) 0%,transparent 70%);pointer-events:none}.chatsune-hero h1{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.8rem);font-weight:300;line-height:1.2;max-width:800px;margin:0 auto 1.5rem;text-shadow:0 2px 16px rgba(0,0,0,.8)}.chatsune-hero h1 em{font-style:italic;color:var(--purple-bright)}.hero-icon{width:72px;height:72px;margin:0 auto 2rem;border-radius:18px;background:linear-gradient(135deg,#4e1a8a,#8a1a78 55%,#b82580);display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 0 50px #a87ed440}.hero-badge{display:inline-flex;gap:.5rem;padding:.4rem 1rem;border-radius:100px;border:1px solid var(--border-bright);font-size:.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:2rem;text-shadow:0 1px 6px rgba(0,0,0,.6)}.hero-sub-ch{font-size:1.1rem;color:var(--text-primary);max-width:600px;margin:0 auto 2.5rem;line-height:1.8;text-shadow:0 1px 10px rgba(0,0,0,.8)}.hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2.5rem}.tag{font-size:.72rem;padding:.35rem .8rem;border-radius:100px;border:1px solid var(--border);color:var(--text-secondary);letter-spacing:.5px}.problem-section{padding:5rem 0}.problem-header{margin-bottom:3rem;text-align:center}.problem-header h2{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:300;margin-bottom:1rem;text-shadow:0 2px 12px rgba(0,0,0,.8)}.problem-header p{color:var(--text-secondary);max-width:600px;line-height:1.8;text-shadow:0 1px 8px rgba(0,0,0,.7);margin:0 auto}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:820px;margin:0 auto}.problem-col{background:#1e14464d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(120,90,160,.2);border-radius:12px;padding:2.5rem;transition:all .4s ease;position:relative;overflow:hidden}.problem-col:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--purple),transparent);opacity:0;transition:opacity .4s}.problem-col:hover{background:#28195547;border-color:#a87ed466;transform:translateY(-4px)}.problem-col:hover:before{opacity:1}.problem-col h3{font-family:var(--font-body);font-size:.75rem;letter-spacing:3px;text-transform:uppercase;margin-bottom:1.5rem;padding-bottom:.8rem;border-bottom:1px solid var(--border);text-shadow:0 1px 8px rgba(0,0,0,.7)}.problem-col.bad h3{color:#ef4444}.problem-col.good h3{color:#4ade80}.problem-item{display:flex;gap:.8rem;align-items:flex-start;margin-bottom:1.2rem}.problem-item .prob-icon{font-size:.9rem;margin-top:.2rem;flex-shrink:0}.problem-col.bad .prob-icon{color:#ef4444}.problem-col.good .prob-icon{color:#4ade80}.problem-item p{font-size:.9rem;color:var(--text-primary);line-height:1.6;text-shadow:0 1px 8px rgba(0,0,0,.8)}.ch-section{padding:5rem 0}.features-header{text-align:center;margin-bottom:3rem}.features-label{font-size:.75rem;letter-spacing:4px;text-transform:uppercase;color:var(--purple);margin-bottom:1rem;text-shadow:0 1px 8px rgba(0,0,0,.7)}.features-title{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:300;margin-bottom:1rem;text-shadow:0 2px 14px rgba(0,0,0,.8)}.features-intro{color:var(--text-primary);max-width:620px;line-height:1.8;margin:0 auto;text-shadow:0 1px 8px rgba(0,0,0,.8)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-card{background:#1e14464d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(120,90,160,.2);border-radius:12px;padding:1.4rem 1.6rem;transition:all .4s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--purple),transparent);opacity:0;transition:opacity .4s}.feature-card:hover{background:#28195547;border-color:#a87ed466;transform:translateY(-4px)}.feature-card:hover:before{opacity:1}.feature-card h4{font-family:var(--font-display);font-size:1.1rem;font-weight:400;margin-bottom:.4rem;text-shadow:0 1px 8px rgba(0,0,0,.7)}.feature-card p{font-size:.85rem;color:var(--text-primary);line-height:1.7;text-shadow:0 1px 6px rgba(0,0,0,.8)}.memory-section{padding:5rem 0;background:linear-gradient(180deg,transparent 0%,rgba(42,31,78,.06) 50%,transparent 100%)}.memory-flow{display:flex;align-items:stretch;justify-content:center;gap:1rem;margin:3rem 0;flex-wrap:wrap}.memory-step{background:#1e14464d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(120,90,160,.2);border-radius:12px;padding:1.5rem;text-align:center;width:160px;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .4s ease;position:relative;overflow:hidden}.memory-step:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--purple),transparent);opacity:0;transition:opacity .4s}.memory-step:hover{background:#28195547;border-color:#a87ed466;transform:translateY(-4px)}.memory-step:hover:before{opacity:1}.memory-step .step-icon{font-size:1.4rem;margin-bottom:.6rem;display:block}.memory-step h4{font-family:var(--font-display);font-size:1rem;margin-bottom:.3rem;text-shadow:0 1px 8px rgba(0,0,0,.7);color:var(--text-primary)}.memory-step p{font-size:.78rem;color:var(--text-primary);text-shadow:0 1px 6px rgba(0,0,0,.8)}.memory-arrow{color:var(--purple);font-size:1.5rem;align-self:center}.homelab-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:0 auto 1.5rem;align-items:stretch;max-width:700px}.homelab-shared-text{color:var(--text-primary);font-size:.95rem;line-height:1.8;text-align:center;max-width:640px;margin:0 auto 1.5rem;text-shadow:0 1px 8px rgba(0,0,0,.8)}.homelab-card-title{font-family:var(--font-display);font-size:1.15rem;font-weight:400;margin-bottom:.8rem;color:#f0ecff;text-shadow:0 1px 10px rgba(0,0,0,.8)}.homelab-section-divider{height:1px;background:#785aa040;margin:1.4rem 0}.homelab-arch{margin:0 0 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;text-align:center;padding:1rem 2.5rem}.diagram-arrow{font-size:.85rem;color:var(--text-secondary)}.diagram-tags{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.diagram-tags span{font-size:.72rem;color:var(--text-muted);background:#785aa01a;border:1px solid rgba(120,90,160,.2);border-radius:4px;padding:.15rem .5rem;white-space:nowrap}.homelab-quote{text-align:center;font-family:var(--font-display);font-size:1.3rem;font-style:italic;color:#dcd4f5;max-width:900px;margin:1.5rem auto 0;line-height:1.8;text-shadow:0 1px 12px rgba(0,0,0,.85);font-weight:300;white-space:nowrap}.homelab-diagram{background:#1e14464d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(120,90,160,.2);border-radius:12px;padding:2.5rem 2rem;transition:all .4s ease;position:relative;overflow:hidden}.homelab-diagram p{color:var(--text-primary);line-height:1.8;margin-bottom:.8rem;font-size:.9rem;text-shadow:0 1px 8px rgba(0,0,0,.8)}.homelab-diagram p:last-child{margin-bottom:0}.homelab-arch .diagram-flow{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;font-size:1.4rem}.homelab-diagram:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--purple),transparent);opacity:0;transition:opacity .4s}.homelab-diagram:hover{background:#28195547;border-color:#a87ed466;transform:translateY(-4px)}.homelab-diagram:hover:before{opacity:1}.diagram-flow{font-family:JetBrains Mono,monospace;font-size:.8rem;color:#c8c0e0;line-height:2.2;text-shadow:0 1px 6px rgba(0,0,0,.7)}.diagram-flow .highlight{color:var(--purple-bright)}.diagram-flow .blue{color:var(--blue-bright)}.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:3rem auto 0;max-width:900px}.value-item{display:flex;flex-direction:column;gap:.6rem;background:#1e14464d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(120,90,160,.2);border-radius:12px;padding:2rem 1.8rem;transition:all .4s ease;position:relative;overflow:hidden}.value-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--purple),transparent);opacity:0;transition:opacity .4s}.value-item:hover{background:#28195547;border-color:#a87ed466;transform:translateY(-4px)}.value-item:hover:before{opacity:1}.value-icon{font-size:1.2rem;margin-top:.2rem;color:var(--purple-bright);flex-shrink:0}.value-item h4{font-family:var(--font-display);font-size:1.2rem;font-weight:500;color:#f0ecff;margin-bottom:.6rem;padding-bottom:.6rem;border-bottom:1px solid rgba(120,90,160,.25);text-shadow:0 1px 10px rgba(0,0,0,.8);letter-spacing:.2px}.value-item p{font-size:.9rem;color:var(--text-secondary);line-height:1.7;text-shadow:0 1px 6px rgba(0,0,0,.8)}.deploy-section{text-align:center;padding:5rem 0}.terminal{background:#050414d9;border:1px solid var(--border);border-radius:12px;padding:2rem;max-width:600px;margin:2.5rem auto;text-align:left;font-family:JetBrains Mono,monospace;font-size:.85rem;line-height:2;color:var(--text-secondary);position:relative;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.terminal:before{content:"terminal";position:absolute;top:.6rem;right:1rem;font-size:.6rem;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;font-family:var(--font-body)}.terminal .dots{display:flex;gap:6px;margin-bottom:1rem}.terminal .dot{width:10px;height:10px;border-radius:50%;border:1px solid var(--border-bright)}.terminal .cmd{color:var(--purple-bright)}.terminal .comment{color:var(--text-muted)}.terminal .output{color:#4ade80}.cta-section{text-align:center;padding:5rem 2rem;border-top:1px solid var(--border)}.cta-section h2{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:300;font-style:italic;margin-bottom:1rem;text-shadow:0 2px 12px rgba(0,0,0,.8)}.cta-section p{color:var(--text-secondary);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.8;text-shadow:0 1px 8px rgba(0,0,0,.6)}.cta-footer{margin-top:3rem;font-size:1rem;color:var(--text-secondary);text-align:center;line-height:1.9;text-shadow:0 1px 8px rgba(0,0,0,.8)}@media(max-width:900px){.features-grid,.problem-grid,.homelab-cards,.values-grid{grid-template-columns:1fr}.memory-flow{flex-direction:column;align-items:center}.memory-arrow{transform:rotate(90deg);align-self:center}}.chatsune-article-banner{display:block;max-width:680px;margin:0 auto;background:#0a0a1ed9;border:1px solid rgba(100,80,200,.35);border-radius:14px;padding:2.4rem 2.8rem;text-decoration:none;transition:all .4s;position:relative;overflow:hidden}.chatsune-article-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--purple-bright),var(--blue-bright),transparent);opacity:0;transition:opacity .3s}.chatsune-article-banner:hover{border-color:#a87ed48c;transform:translateY(-3px);box-shadow:0 8px 32px #6450c826}.chatsune-article-banner:hover:before{opacity:1}.chatsune-article-banner-inner{display:flex;flex-direction:column;gap:.7rem}.chatsune-article-meta{display:flex;align-items:center;gap:.8rem}.chatsune-article-tag{font-size:.65rem;letter-spacing:1.5px;text-transform:uppercase;padding:.2rem .6rem;border-radius:4px;background:#a87ed426;color:var(--purple-bright);font-weight:500}.chatsune-article-author{font-size:.8rem;color:var(--text-muted)}.chatsune-article-title{font-family:var(--font-display);font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:400;color:var(--text-primary);margin:0;text-shadow:0 1px 10px rgba(0,0,0,.7)}.chatsune-article-subtitle{font-size:.9rem;color:var(--text-secondary);line-height:1.7;margin:0;text-shadow:0 1px 6px rgba(0,0,0,.5)}.chatsune-article-btn{display:inline-block;margin-top:.4rem;font-size:.85rem;color:var(--purple-bright);transition:color .3s}.chatsune-article-banner:hover .chatsune-article-btn{color:#fff}
