:root{--void:#06060e;--deep:#0a0a14;--surface:#0f0f1c;--card:#141422;--lift:#1a1a2c;--border:#ffffff12;--border2:#ffffff21;--green:#4ade80;--green-dim:#4ade801a;--green-glow:#4ade8038;--teal:#2dd4bf;--violet:#a78bfa;--ink:#eeeef5;--mist:#8888a8;--ghost:#44445a;--font-s:"Space Grotesk", system-ui, sans-serif;--font-b:"Inter", system-ui, sans-serif;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--r-full:999px;--space-xs:6px;--space-sm:10px;--space-md:16px;--space-lg:24px;--space-xl:40px;--ease:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--void);color:var(--ink);font-family:var(--font-b);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--green);color:#000}.app{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#06060ee0;position:sticky;top:0}.container{max-width:960px;padding:0 var(--space-lg);margin:0 auto}.header-inner{justify-content:space-between;align-items:center;height:56px;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo-emoji{font-size:1.4rem}.logo-textblock{flex-direction:column;gap:1px;display:flex}.logo-wordmark{font-family:var(--font-s);letter-spacing:.08em;font-size:1rem;font-weight:700}.logo-ground{color:var(--green)}.logo-tagline{color:var(--ghost);letter-spacing:.12em;text-transform:uppercase;font-size:.6rem}.hero{text-align:center;padding:80px 0 64px;position:relative;overflow:hidden}.hero-rings{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero-ring{border:1px solid var(--green);opacity:0;border-radius:50%;animation:5s ease-out infinite pulse-ring;position:absolute}.hero-ring--1{width:200px;height:200px;animation-delay:0s}.hero-ring--2{width:360px;height:360px;animation-delay:1.2s}.hero-ring--3{width:520px;height:520px;animation-delay:2.4s}.hero-ring--4{width:680px;height:680px;animation-delay:3.6s}@keyframes pulse-ring{0%{opacity:0;transform:scale(.8)}20%{opacity:.18}to{opacity:0;transform:scale(1.2)}}.hero-content{z-index:1;position:relative}.hero-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--green);margin-bottom:16px;font-size:.68rem;font-weight:600}.hero-headline{font-family:var(--font-s);letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(2.4rem,6vw,3.6rem);font-weight:700;line-height:1.05}.hero-headline--accent{color:var(--green)}.hero-body{color:var(--mist);max-width:580px;margin:0 auto 32px;font-size:.95rem;line-height:1.7}.hero-stats{justify-content:center;gap:var(--space-xl);flex-wrap:wrap;margin-bottom:36px;display:flex}.hero-stat{flex-direction:column;align-items:center;gap:3px;display:flex}.hero-stat-num{font-family:var(--font-s);color:var(--green);font-size:1.6rem;font-weight:700;line-height:1}.hero-stat-label{color:var(--ghost);text-align:center;max-width:100px;font-size:.62rem}.hero-cta{background:var(--green-dim);border:1px solid var(--green);border-radius:var(--r-full);color:var(--green);font-family:var(--font-s);letter-spacing:.05em;cursor:pointer;align-items:center;gap:8px;padding:12px 28px;font-size:.85rem;font-weight:600;transition:background .2s,box-shadow .2s;display:inline-flex}.hero-cta:hover{box-shadow:0 0 24px var(--green-glow);background:#4ade802e}.main-tools{padding:var(--space-xl) 0}.tool-tabs{margin-bottom:var(--space-lg);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;padding-bottom:12px;display:flex}.tool-tab{border-radius:var(--r-md);font-family:var(--font-s);letter-spacing:.03em;color:var(--ghost);align-items:center;gap:7px;padding:7px 14px;font-size:.78rem;font-weight:600;transition:background .15s,color .15s;display:flex}.tool-tab:hover{background:var(--lift);color:var(--mist)}.tool-tab--active{background:var(--green-dim);color:var(--green)}.tool-tab-icon{font-size:1rem}.tool-panel{min-height:320px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-lg)}.btn{border-radius:var(--r-full);font-family:var(--font-s);letter-spacing:.04em;cursor:pointer;align-items:center;gap:8px;padding:10px 22px;font-size:.82rem;font-weight:600;transition:background .15s,box-shadow .15s;display:inline-flex}.btn-primary{background:var(--green-dim);border:1px solid var(--green);color:var(--green)}.btn-primary:hover{box-shadow:0 0 18px var(--green-glow);background:#4ade8033}.btn-ghost{border:1px solid var(--border2);color:var(--mist);background:0 0}.btn-ghost:hover{background:var(--lift);color:var(--ink)}input[type=range]{-webkit-appearance:none;background:var(--border2);border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--green);cursor:pointer;width:16px;height:16px;box-shadow:0 0 8px var(--green-glow);border-radius:50%}.section-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--green);margin-bottom:8px;font-size:.62rem;font-weight:700}.section-title{font-family:var(--font-s);letter-spacing:-.02em;margin-bottom:10px;font-size:1.6rem;font-weight:700}.section-body{color:var(--mist);font-size:.88rem;line-height:1.65}@media (width<=600px){.container{padding:0 var(--space-md)}.hero{padding:56px 0 48px}.hero-stats{gap:var(--space-lg)}.tool-tabs{gap:4px}}