.hero{position:relative;padding:calc(var(--header-height) + var(--space-4xl)) 0 var(--space-4xl);text-align:center;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-hero);z-index:0}.hero:after{content:"";position:absolute;top:-50%;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(123,47,255,.08) 0%,transparent 70%);z-index:0;animation:float 8s ease-in-out infinite}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:0 var(--space-xl)}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:6px 16px;background:#00d4ff14;border:1px solid rgba(0,212,255,.15);border-radius:var(--radius-xl);font-size:.85rem;font-weight:500;color:var(--color-primary);margin-bottom:var(--space-xl);animation:fadeIn .6s ease-out}.hero h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:900;line-height:1.1;margin-bottom:var(--space-lg);animation:fadeIn .6s ease-out .1s both}.hero-subtitle{font-size:clamp(1rem,2vw,1.2rem);color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-2xl);line-height:1.7;animation:fadeIn .6s ease-out .2s both}.hero-cta{display:flex;align-items:center;justify-content:center;gap:var(--space-md);animation:fadeIn .6s ease-out .3s both;flex-wrap:wrap}.trust-badges{display:flex;justify-content:center;gap:var(--space-2xl);margin-top:var(--space-3xl);animation:fadeIn .6s ease-out .4s both;flex-wrap:wrap}.trust-badge{display:flex;align-items:center;gap:var(--space-sm);font-size:.85rem;color:var(--color-text-secondary);font-weight:500}.trust-badge-icon{font-size:1.2rem}.tools-section{padding:var(--space-4xl) 0}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-header h2{margin-bottom:var(--space-md)}.section-header p{margin:0 auto}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl);max-width:var(--max-width);margin:0 auto;padding:0 var(--space-xl)}.tool-card{padding:var(--space-2xl);text-decoration:none;display:block;position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base)}.tool-card:hover:before{opacity:1}.tool-card-icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:var(--space-lg);background:#00d4ff14;border:1px solid rgba(0,212,255,.15)}.tool-card h3{font-size:1.15rem;margin-bottom:var(--space-sm);color:var(--color-text-primary)}.tool-card p{font-size:.9rem;line-height:1.6;color:var(--color-text-secondary)}.tool-card-arrow{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-lg);font-size:.85rem;font-weight:600;color:var(--color-primary);transition:gap var(--transition-fast)}.tool-card:hover .tool-card-arrow{gap:var(--space-sm)}.how-section{padding:var(--space-4xl) 0;background:var(--color-bg-secondary)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-2xl);max-width:var(--max-width);margin:0 auto;padding:0 var(--space-xl)}.step{text-align:center;padding:var(--space-xl)}.step-number{width:48px;height:48px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;color:#fff;margin:0 auto var(--space-lg);box-shadow:var(--shadow-glow-primary)}.step h3{margin-bottom:var(--space-sm);font-size:1.1rem}.step p{font-size:.9rem;margin:0 auto}.privacy-section{padding:var(--space-4xl) 0}.privacy-content{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-xl);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}.privacy-features{display:flex;flex-direction:column;gap:var(--space-lg)}.privacy-feature{display:flex;gap:var(--space-md);align-items:flex-start}.privacy-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:#00e67614;border:1px solid rgba(0,230,118,.2);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.privacy-feature h4{font-size:1rem;margin-bottom:var(--space-xs)}.privacy-feature p{font-size:.85rem}.privacy-visual{display:flex;align-items:center;justify-content:center}.privacy-diagram{width:100%;max-width:400px;aspect-ratio:1;background:var(--color-bg-card);border:1px solid var(--color-bg-glass-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-2xl);position:relative;overflow:hidden}.diagram-browser{padding:var(--space-md) var(--space-lg);background:#00e6761a;border:1px solid rgba(0,230,118,.2);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;color:var(--color-success);position:relative;z-index:1}.diagram-arrow{font-size:1.5rem;color:var(--color-text-tertiary);position:relative;z-index:1}.diagram-files{padding:var(--space-md) var(--space-lg);background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;color:var(--color-primary);position:relative;z-index:1}.diagram-server{padding:var(--space-md) var(--space-lg);background:#ff52521a;border:1px solid rgba(255,82,82,.2);border-radius:var(--radius-md);font-size:.85rem;font-weight:600;color:var(--color-error);text-decoration:line-through;position:relative;z-index:1;opacity:.5}.faq-section{padding:var(--space-4xl) 0;background:var(--color-bg-secondary)}.faq-grid{max-width:800px;margin:0 auto;padding:0 var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md)}.faq-item{border:1px solid var(--color-bg-glass-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-card)}.faq-question{width:100%;padding:var(--space-lg) var(--space-xl);display:flex;align-items:center;justify-content:space-between;font-size:1rem;font-weight:600;color:var(--color-text-primary);text-align:left;cursor:pointer;background:none;border:none}.faq-question:hover{color:var(--color-primary)}.faq-chevron{transition:transform var(--transition-base);font-size:.8rem;color:var(--color-text-tertiary)}.faq-item.active .faq-chevron{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-slow)}.faq-item.active .faq-answer{max-height:300px}.faq-answer-content{padding:0 var(--space-xl) var(--space-lg);font-size:.9rem;color:var(--color-text-secondary);line-height:1.7}@media(max-width:768px){.hero{padding:calc(var(--header-height) + var(--space-2xl)) 0 var(--space-2xl)}.trust-badges{flex-direction:column;align-items:center;gap:var(--space-md)}.privacy-content{grid-template-columns:1fr}.tools-grid{grid-template-columns:1fr;padding:0 var(--space-md)}}