:root{--bg: #070a0d;--panel: #0b0f12;--card: #0a0d10;--text: #e6f3ff;--muted: #9bb0c3;--primary: #2cffb5;--accent: #63a4ff;--warning: #ffd166;--error: #ff4d6d;--success: #2cffb5;--border: #1d2630;--border-strong: #2f3e4d;--shadow: rgba(0, 0, 0, .55);--pixel-shadow: 4px 4px 0 rgba(0,0,0,.55);--pixel-shadow-hover: 6px 6px 0 rgba(0,0,0,.55);--container: 1200px;--nav-h: 76px;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-pixel: "Press Start 2P", var(--font-mono);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.25rem}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-mono);background:var(--bg);color:var(--text);font-size:var(--text-base);line-height:1.65;overflow-x:hidden;padding-top:var(--nav-h);text-rendering:geometricPrecision;background-image:linear-gradient(#ffffff0a,#fff0),repeating-linear-gradient(0deg,#00000059,#00000059 1px,#0000 3px,#0000 6px),repeating-linear-gradient(90deg,#ffffff09,#ffffff09 1px,#fff0 12px);background-attachment:fixed}::selection{background:#2cffb547}a,a:hover,a:focus,a:active{text-decoration:none}a:active{color:inherit}.pixel-frame{border:2px solid var(--border-strong);box-shadow:var(--pixel-shadow);background:var(--panel)}.kicker{font-family:var(--font-pixel);font-size:.78rem;letter-spacing:.08em;color:var(--primary);text-transform:uppercase;opacity:.95}.muted{color:var(--muted)}.btn{border:2px solid var(--border-strong);background:var(--panel);color:var(--text);padding:12px 18px;border-radius:0;cursor:pointer;text-decoration:none;transition:transform .12s steps(2),box-shadow .12s steps(2),border-color .12s steps(2);font-size:var(--text-sm);font-weight:800;letter-spacing:.06em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:var(--pixel-shadow)}.btn:hover{border-color:var(--primary);transform:translate(-1px,-1px);box-shadow:var(--pixel-shadow-hover)}.btn:focus-visible{outline:3px solid rgba(99,164,255,.7);outline-offset:3px}.btn.ghost{background:transparent;border-color:var(--border-strong)}.btn.ghost:hover{color:var(--primary);border-color:var(--primary)}.btn.link{background:transparent;border:0;box-shadow:none;padding:6px 10px;color:var(--primary)}.btn.link:hover{transform:none;box-shadow:none;color:var(--accent)}.btn.cta{background:linear-gradient(180deg,#2cffb533,#2cffb50f);border-color:#2cffb5bf;color:var(--text)}.btn.cta:hover{filter:saturate(1.1)}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-h);background:#070a0deb;border-bottom:3px solid var(--border-strong);z-index:1000}.nav-container{max-width:var(--container);margin:0 auto;padding:0 18px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.nav-brand{display:inline-flex;align-items:center;gap:12px;color:var(--text)}.nav-logo{width:28px;height:28px;image-rendering:pixelated}.nav-title{font-family:var(--font-pixel);font-size:.9rem;line-height:1;letter-spacing:.08em}.nav-links{display:flex;align-items:center;gap:20px}.nav-link{color:var(--muted);font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:var(--text-sm);padding:6px 8px;border:2px solid transparent}.nav-link:hover{color:var(--primary)}.nav-link.active{color:var(--text);border-color:#2cffb58c;background:#2cffb50f}.app{min-height:calc(100vh - var(--nav-h))}.page{max-width:var(--container);margin:0 auto;padding:42px 18px 64px}.hero{margin-bottom:44px}.hero.hero--pixel{padding:18px}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:stretch}.hero-title{font-family:var(--font-pixel);font-size:clamp(1.35rem,2.6vw,2.05rem);line-height:1.35;letter-spacing:.06em;margin:12px 0 14px}.hero-subtitle{color:var(--muted);font-size:var(--text-base);margin-bottom:16px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.hero-meta{margin-top:14px;color:var(--muted);font-size:var(--text-sm)}.terminal{border:2px solid var(--border-strong);background:#0a0d10bf;box-shadow:var(--pixel-shadow)}.terminal-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:2px solid var(--border-strong);background:#1d263040}.terminal-title{font-family:var(--font-pixel);font-size:.72rem;letter-spacing:.08em;color:var(--text)}.terminal-status{font-size:var(--text-xs);color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.terminal-body{padding:14px 12px 16px}.terminal-line{display:flex;gap:10px;padding:3px 0;color:var(--text)}.prompt{color:var(--primary);font-weight:800}.terminal-dim{color:#9bb0c3d9}.ascii{font-family:var(--font-mono);font-size:.85rem;color:#9bb0c3d9;white-space:pre;overflow:hidden}.pixel-panel{border:2px solid var(--border-strong);background:#0a0d10a6;box-shadow:var(--pixel-shadow);padding:14px;height:100%}.panel-title{font-family:var(--font-pixel);font-size:.85rem;letter-spacing:.08em;margin-bottom:12px}.panel-line{color:var(--muted);font-size:var(--text-sm);margin:10px 0}.section-title{font-family:var(--font-pixel);font-size:.95rem;letter-spacing:.08em;margin:0 0 14px;text-transform:uppercase}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:18px}.tool-card{background:#0a0d10b3;border:2px solid var(--border-strong);box-shadow:var(--pixel-shadow);padding:16px;cursor:pointer;transition:transform .12s steps(2),box-shadow .12s steps(2),border-color .12s steps(2)}.tool-card:hover{transform:translate(-1px,-1px);box-shadow:var(--pixel-shadow-hover);border-color:#2cffb5bf}.tool-name{font-family:var(--font-pixel);font-size:.95rem;letter-spacing:.08em;margin-bottom:10px}.tool-desc{color:var(--muted);font-size:var(--text-sm);line-height:1.7;margin-bottom:12px}.tool-tags{display:flex;gap:8px;flex-wrap:wrap}.tool-tag{display:inline-flex;align-items:center;padding:3px 8px;border:2px solid rgba(99,164,255,.35);background:#63a4ff12;color:#63a4fff2;font-size:var(--text-xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase}.detail-header{border:2px solid var(--border-strong);background:#0a0d10a6;box-shadow:var(--pixel-shadow);padding:16px;margin-bottom:18px}.detail-title{font-family:var(--font-pixel);font-size:clamp(1.1rem,2.2vw,1.6rem);letter-spacing:.08em;margin-bottom:10px}.detail-desc{color:var(--muted);font-size:var(--text-sm)}.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.badge{display:inline-flex;align-items:center;padding:3px 8px;border:2px solid rgba(44,255,181,.35);background:#2cffb50f;color:#2cffb5eb;font-size:var(--text-xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase}.detail-content{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:20px}.detail-main,.detail-sidebar{background:#0a0d10b3;border:2px solid var(--border-strong);box-shadow:var(--pixel-shadow);padding:16px}.feature-list{list-style:none;padding:0}.feature-item{border-bottom:2px dashed rgba(47,62,77,.55);color:#9bb0c3eb;font-size:var(--text-sm);position:relative;padding:10px 0 10px 18px}.feature-item:last-child{border-bottom:none}.feature-item:before{content:"▣";position:absolute;left:0;top:10px;color:#2cffb5e6}.detail-actions{display:flex;gap:10px;flex-wrap:wrap}.contact-content{max-width:760px;margin:0 auto}.contact-title{font-family:var(--font-pixel);font-size:1.1rem;letter-spacing:.08em;margin-bottom:14px}.contact-desc{color:var(--muted);margin-bottom:14px;font-size:var(--text-sm)}.contact-email{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border:2px solid rgba(99,164,255,.45);background:#63a4ff12;box-shadow:var(--pixel-shadow);color:#63a4fff5;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.contact-email:hover{transform:translate(-1px,-1px);box-shadow:var(--pixel-shadow-hover)}.toast{position:fixed;top:calc(var(--nav-h) + 14px);right:18px;background:#0a0d10e6;border:2px solid var(--border-strong);padding:12px 14px;color:var(--text);box-shadow:var(--pixel-shadow);z-index:2000;transform:translate(110%);transition:transform .14s steps(2);min-width:280px}.toast.show{transform:translate(0)}.toast.success{border-color:#2cffb5bf}.toast.warning{border-color:#ffd166d9}.toast.error{border-color:#ff4d6dd9}@media (max-width: 920px){.hero-grid{grid-template-columns:1fr}}@media (max-width: 768px){.nav-container{padding:0 12px}.nav-links{gap:10px}.nav-title{display:none}.page{padding:28px 12px 52px}.tools-grid,.detail-content{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{transition:none!important;scroll-behavior:auto!important}}