:root{--bg-base: #1e1e1e;--bg-surface: #242424;--bg-card: #282828;--bg-card-hover: #333333;--bg-hero: #666666;--border: rgba(255, 255, 255, .1);--border-accent: rgba(90, 160, 90, .5);--border-bright: rgba(90, 160, 90, .8);--color-primary: #5a9e5a;--color-primary-light: #7aba7a;--color-primary-dim: rgba(90, 158, 90, .2);--text-primary: rgba(255, 255, 255, .9);--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .3);--font-pixel: "Press Start 2P", monospace;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius: 6px;--radius-lg: 8px;--radius-xl: 12px;--shadow-sm: 0 1px 4px rgba(0,0,0,.6);--shadow-md: 0 4px 16px rgba(0,0,0,.6);--shadow-lg: 0 8px 32px rgba(0,0,0,.7);--shadow-primary: 0 0 20px rgba(90, 158, 90, .25), 0 0 40px rgba(90, 158, 90, .1);--nav-h: 40px;--container-w: 1120px;--section-gap: 100px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}img,svg{display:block}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--container-w);margin:0 auto;padding:0 24px}.section{padding:var(--section-gap) 0}.section-header{text-align:center;max-width:620px;margin:0 auto 64px}.section-title{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;color:var(--text-primary);line-height:1.25;letter-spacing:-.02em;margin-bottom:16px}.section-subtitle{font-size:1.05rem;color:var(--text-secondary);line-height:1.7}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-weight:600;border-radius:var(--radius);cursor:pointer;border:1.5px solid transparent;transition:all .2s ease;white-space:nowrap;text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-primary)}.btn-primary:hover{background:var(--color-primary-light);border-color:var(--color-primary-light);transform:translateY(-1px);box-shadow:0 0 24px #5a9e5a80,0 0 48px #5a9e5a33}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:var(--border)}.btn-ghost:hover{color:var(--text-primary);border-color:#fff3;background:#ffffff0f}.btn-lg{padding:14px 28px;font-size:.95rem;border-radius:10px}.btn-sm{padding:8px 16px;font-size:.8rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-ring{0%{transform:scale(.95);opacity:.6}50%{transform:scale(1.05);opacity:.3}to{transform:scale(.95);opacity:.6}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.animate-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.animate-in.visible{opacity:1;transform:translateY(0)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:translateY(0)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h);display:flex;align-items:center;padding:0 24px;transition:background .3s ease,border-color .3s ease,backdrop-filter .3s ease;border-bottom:1px solid transparent}.nav--scrolled{background:#1e1e1ef5;backdrop-filter:blur(12px);border-color:var(--border)}.nav-inner{width:100%;max-width:var(--container-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:var(--font-pixel);font-size:.65rem;color:var(--text-primary);display:flex;align-items:center;gap:10px;letter-spacing:.05em;transition:color .2s}.nav-logo:hover{color:var(--color-primary-light)}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a:not(.btn){font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:color .2s}.nav-links a:not(.btn):hover{color:var(--text-primary)}.hero{position:relative;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:calc(var(--nav-h) + 40px) 24px 80px;overflow:hidden;background:var(--bg-hero)}.hero-grid{position:absolute;inset:0;background-image:repeating-linear-gradient(26.57deg,rgba(0,0,0,.18) 0px,rgba(0,0,0,.18) 1px,transparent 1px,transparent 44.7px),repeating-linear-gradient(-26.57deg,rgba(0,0,0,.18) 0px,rgba(0,0,0,.18) 1px,transparent 1px,transparent 44.7px);mask-image:radial-gradient(ellipse 90% 80% at 50% 50%,black 20%,transparent 80%)}.hero-glow{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none}.hero-glow-1{width:400px;height:300px;background:radial-gradient(circle,rgba(90,158,90,.2) 0%,transparent 70%);top:30%;left:50%;transform:translate(-50%)}.hero-glow-2{width:600px;height:200px;background:radial-gradient(circle,rgba(90,158,90,.08) 0%,transparent 70%);bottom:10%;left:50%;transform:translate(-50%)}.hero-content{position:relative;z-index:1;text-align:center;max-width:780px}.hero-eyebrow{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:24px}.hero-title{font-family:var(--font-pixel);font-size:clamp(2rem,7vw,4.5rem);line-height:1.3;margin-bottom:28px;letter-spacing:.02em}.title-line{display:block;color:var(--text-primary)}.title-line-accent{color:transparent;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 40%,var(--color-primary) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;animation:shimmer 3s linear infinite;filter:drop-shadow(0 0 20px rgba(90,158,90,.5))}.hero-tagline{font-size:clamp(.95rem,2.5vw,1.15rem);color:var(--text-secondary);line-height:1.75;max-width:600px;margin:0 auto 36px}.hero-tagline em{font-style:normal;color:var(--text-primary);font-weight:600}.hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}.hero-badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.badge{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:4px;background:#ffffff0d;border:1px solid var(--border);color:var(--text-muted)}.scroll-hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);color:var(--text-muted);animation:scrollBounce 1.8s ease-in-out infinite;transition:opacity .3s;z-index:1}.scroll-hint:hover{color:var(--color-primary)}.features{background:var(--bg-base)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;transition:border-color .25s,background .25s,transform .25s,box-shadow .25s}.feature-card:hover{border-color:var(--border-accent);background:var(--bg-card-hover);transform:translateY(-3px);box-shadow:var(--shadow-primary)}.feature-icon{font-size:1.8rem;margin-bottom:16px;line-height:1}.feature-card h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:10px;letter-spacing:-.01em}.feature-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.7}.tools-section{background:var(--bg-base)}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tool-item{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:6px 12px;align-items:start;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:border-color .2s,background .2s}.tool-item:hover{border-color:var(--border-accent);background:var(--bg-card-hover)}kbd{grid-row:1 / 3;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-base);border:1px solid rgba(255,255,255,.15);border-bottom-width:2px;border-radius:4px;font-family:var(--font-pixel);font-size:.5rem;color:var(--color-primary-light);flex-shrink:0}.tool-name{font-size:.875rem;font-weight:600;color:var(--text-primary);align-self:end}.tool-desc{font-size:.78rem;color:var(--text-muted);line-height:1.5}.perf-section{background:var(--bg-surface)}.perf-content{display:grid;grid-template-columns:1fr auto;gap:80px;align-items:center}.perf-text .perf-eyebrow{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);display:block;margin-bottom:16px}.perf-text h2{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:20px;line-height:1.2}.perf-text>p{font-size:1rem;color:var(--text-secondary);line-height:1.75;max-width:480px;margin-bottom:28px}.perf-list{list-style:none;display:flex;flex-direction:column;gap:10px}.perf-list li{display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--text-secondary)}.perf-check{color:var(--color-green);font-weight:700;flex-shrink:0}.perf-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;min-width:260px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 20px;text-align:center;transition:border-color .2s}.stat-card:hover{border-color:var(--border-accent)}.stat-number{font-family:var(--font-pixel);font-size:1.3rem;color:var(--color-primary-light);line-height:1;margin-bottom:8px}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.formats-section{background:var(--bg-base)}.formats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:800px;margin:0 auto}.format-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;transition:border-color .25s,background .25s}.format-card:hover{border-color:var(--border-accent);background:var(--bg-card-hover)}.format-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.format-ext{font-family:var(--font-pixel);font-size:.65rem;color:var(--color-primary-light);background:#5a9e5a1f;border:1px solid var(--border-accent);padding:5px 10px;border-radius:4px}.format-badge{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.format-card h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:16px}.format-card ul{list-style:none;display:flex;flex-direction:column;gap:8px}.format-card li{font-size:.855rem;color:var(--text-secondary);padding-left:16px;position:relative}.format-card li:before{content:"—";position:absolute;left:0;color:var(--text-muted)}code{font-family:Menlo,Consolas,monospace;font-size:.85em;color:var(--color-primary-light);background:#5a9e5a1f;padding:1px 5px;border-radius:3px}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cta-section{background:var(--bg-base)}.cta-box{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(90,158,90,.07) 100%);border:1px solid var(--border-accent);border-radius:var(--radius-xl);padding:72px;text-align:center;box-shadow:var(--shadow-primary)}.cta-box h2{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:16px}.cta-box p{font-size:1.05rem;color:var(--text-secondary);margin-bottom:36px}.footer{background:var(--bg-surface);border-top:1px solid var(--border);padding:56px 0 32px}.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:40px}.footer-brand{max-width:320px}.footer-logo{font-family:var(--font-pixel);font-size:.6rem;color:var(--text-secondary);display:flex;align-items:center;gap:10px;letter-spacing:.05em;margin-bottom:14px}.footer-brand p{font-size:.855rem;color:var(--text-muted);line-height:1.65}.footer-nav{display:flex;flex-wrap:wrap;gap:24px;align-items:center}.footer-nav a{font-size:.875rem;color:var(--text-secondary);transition:color .2s}.footer-nav a:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--border);padding-top:24px;text-align:center}.footer-bottom p{font-size:.8rem;color:var(--text-muted)}@media (max-width: 1024px){:root{--section-gap: 88px}.features-grid,.tools-grid{grid-template-columns:repeat(2,1fr)}.perf-content{grid-template-columns:1fr;gap:48px}.perf-text>p{max-width:100%}.perf-stats{grid-template-columns:repeat(4,1fr);min-width:auto}}@media (max-width: 768px){:root{--section-gap: 64px}.nav-links a:not(.btn){display:none}.features-grid{grid-template-columns:1fr;gap:16px}.tools-grid,.perf-stats{grid-template-columns:repeat(2,1fr)}.formats-grid{grid-template-columns:1fr;max-width:100%}.cta-box{padding:48px 24px}.footer-inner{flex-direction:column}}@media (max-width: 480px){.tools-grid{grid-template-columns:1fr}.hero-cta,.cta-buttons{flex-direction:column;align-items:center}.hero-title{font-size:clamp(1.6rem,8vw,2.2rem)}}