:root{--color-bg: #090b0e;--color-bg-subtle: #0d1016;--color-surface: #11151e;--color-surface-hover: #161c28;--color-surface-muted: #0d1017;--color-border: #1b2331;--color-border-hover: #2e3b52;--color-border-accent: rgba(0, 210, 255, .4);--color-border-faint: #141a24;--color-text-primary: #f0f3f6;--color-text-secondary: #9aa5b5;--color-text-tertiary: #5d6b7f;--color-accent-cyan: #00d2ff;--color-accent-cyan-dim: #0099cc;--color-accent-glow: rgba(0, 210, 255, .22);--color-accent-surface: rgba(0, 210, 255, .06);--color-status-blue: #38bdf8;--color-status-blue-bg: rgba(56, 189, 248, .08);--color-status-blue-border: rgba(56, 189, 248, .28);--color-status-green: #22c55e;--color-status-green-bg: rgba(34, 197, 94, .08);--color-status-green-border: rgba(34, 197, 94, .28);--color-status-amber: #f59e0b;--color-status-amber-bg: rgba(245, 158, 11, .08);--color-status-amber-border: rgba(245, 158, 11, .28);--color-status-live: var(--color-status-blue);--color-status-live-bg: rgba(56, 189, 248, .08);--color-status-live-border: rgba(56, 189, 248, .28);--color-status-coming: #64748b;--color-status-coming-bg: rgba(100, 116, 139, .07);--color-status-coming-border: rgba(100, 116, 139, .2);--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--font-sans: var(--font-mono);--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: clamp(2.25rem, 6vw, 3.5rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--max-width: 1040px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--focus-ring: 2px solid var(--color-accent-cyan);--focus-offset: 3px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;scroll-behavior:smooth}body{font-family:var(--font-mono);font-size:var(--text-base);font-feature-settings:"zero" 1,"calt" 1;line-height:1.6;background-color:var(--color-bg);background-image:radial-gradient(circle at 50% 0%,rgba(0,210,255,.05) 0%,transparent 65%),linear-gradient(to right,rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.012) 1px,transparent 1px);background-size:100% 100%,48px 48px,48px 48px;background-position:top center,0 0,0 0;color:var(--color-text-primary);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.skip-link{position:absolute;top:-9999px;left:var(--space-4);background:var(--color-surface);color:var(--color-accent-cyan);padding:var(--space-3) var(--space-4);border:1px solid var(--color-accent-cyan);z-index:1000;font-family:var(--font-mono);font-size:var(--text-sm);text-decoration:none;border-radius:var(--radius-xs)}.skip-link:focus{top:var(--space-4)}.container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media(min-width:640px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}.brand-logo,.hero-logo{font-family:var(--font-mono);font-weight:700;color:var(--color-text-primary);letter-spacing:-.03em;text-transform:lowercase;display:inline-flex;align-items:baseline;-webkit-user-select:none;user-select:none}.brand-dot{color:var(--color-accent-cyan);display:inline;text-shadow:0 0 12px var(--color-accent-glow)}.site-header{border-bottom:1px solid var(--color-border);background-color:#090b0ed9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding-top:var(--space-5);padding-bottom:var(--space-5);position:sticky;top:0;z-index:100}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.brand{display:inline-flex;align-items:center;text-decoration:none;font-size:var(--text-xl);line-height:1;transition:opacity .15s ease}.brand:hover{opacity:.9}.brand .brand-logo{font-size:var(--text-xl)}.header-meta{display:flex;align-items:center;gap:var(--space-4)}.header-contact-link{font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);text-decoration:none;border:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-2) var(--space-3);border-radius:var(--radius-xs);letter-spacing:.04em;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.header-contact-link:hover{color:var(--color-text-primary);border-color:var(--color-accent-cyan);background:var(--color-surface-hover)}.main-content{flex-grow:1}.section-hero{padding-top:var(--space-12);padding-bottom:var(--space-12);border-bottom:1px solid var(--color-border);position:relative}@media(min-width:768px){.section-hero{padding-top:var(--space-16);padding-bottom:var(--space-16)}}.hero-kicker{font-size:var(--text-xs);font-weight:500;color:var(--color-text-tertiary);letter-spacing:.08em;margin-bottom:var(--space-5);display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background-color:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-xs)}.hero-kicker-indicator{width:6px;height:6px;background-color:var(--color-accent-cyan);border-radius:1px;box-shadow:0 0 6px var(--color-accent-cyan);display:inline-block}.hero-title{font-size:var(--text-4xl);font-weight:700;line-height:1.1;letter-spacing:-.03em;color:var(--color-text-primary);margin-bottom:var(--space-6)}.hero-title .hero-logo{font-size:inherit}.hero-lede{font-size:clamp(var(--text-base),2.2vw,var(--text-xl));line-height:1.6;color:var(--color-text-secondary);max-width:58ch;letter-spacing:-.01em}.section-tools{padding-top:var(--space-12);padding-bottom:var(--space-16);border-bottom:1px solid var(--color-border)}.tools-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:640px){.tools-grid{grid-template-columns:repeat(2,1fr)}}.tool-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-6);display:flex;flex-direction:column;justify-content:space-between;min-height:220px;position:relative;transition:border-color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease}.tool-card:hover{border-color:var(--color-border-hover);background-color:var(--color-surface-hover)}.tool-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.tool-card__index{font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;color:var(--color-text-tertiary)}.tool-badge{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;padding:var(--space-1) var(--space-3);border-radius:var(--radius-xs);line-height:1.4;white-space:nowrap}.tool-badge--blue{color:var(--color-status-blue);background-color:var(--color-status-blue-bg);border:1px solid var(--color-status-blue-border)}.tool-badge--blue:before{content:"";display:inline-block;width:5px;height:5px;background-color:var(--color-status-blue);border-radius:1px;box-shadow:0 0 6px #38bdf880}.tool-badge--live,.tool-badge--green{color:var(--color-status-green);background-color:var(--color-status-green-bg);border:1px solid var(--color-status-green-border)}.tool-badge--live:before,.tool-badge--green:before{content:"";display:inline-block;width:5px;height:5px;background-color:var(--color-status-green);border-radius:1px;box-shadow:0 0 6px #22c55e80}.tool-badge--amber,.tool-badge--indev{color:var(--color-status-amber);background-color:var(--color-status-amber-bg);border:1px solid var(--color-status-amber-border)}.tool-badge--amber:before,.tool-badge--indev:before{content:"";display:inline-block;width:5px;height:5px;background-color:var(--color-status-amber);border-radius:1px;box-shadow:0 0 6px #f59e0b80}.tool-badge--coming{color:var(--color-status-coming);background-color:var(--color-status-coming-bg);border:1px solid var(--color-status-coming-border)}.tool-card__body{margin-bottom:var(--space-6);flex-grow:1}.tool-card__title{font-size:var(--text-xl);font-weight:700;letter-spacing:-.01em;color:var(--color-text-primary);margin-bottom:var(--space-2)}.tool-card__title--mono{font-size:var(--text-lg);font-weight:600;color:var(--color-text-secondary)}.tool-card__desc{font-size:var(--text-sm);line-height:1.6;color:var(--color-text-secondary)}.tool-card__footer{padding-top:var(--space-4);border-top:1px solid var(--color-border-faint);display:flex;align-items:center;justify-content:space-between}.tool-card__action-muted{font-size:var(--text-xs);color:var(--color-text-tertiary);letter-spacing:.04em}.tool-card--live:hover{border-color:var(--color-border-accent);box-shadow:0 4px 20px #00d2ff0d}.tool-card--placeholder{background-color:var(--color-surface-muted);border:1px dashed var(--color-border);opacity:.85}.tool-card--placeholder:hover{border-color:var(--color-border-hover);opacity:1}.section-contact{padding-top:var(--space-12);padding-bottom:var(--space-12);border-bottom:1px solid var(--color-border)}.contact-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-6) var(--space-8);display:flex;align-items:center;justify-content:flex-start;transition:border-color .2s ease}.contact-box:hover{border-color:var(--color-border-hover)}.contact-email-link{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2);padding-bottom:2px;border-bottom:1px solid var(--color-border-hover);transition:color .15s ease,border-color .15s ease}.contact-arrow{display:inline-block;transition:transform .2s ease;color:var(--color-accent-cyan)}.contact-email-link:hover{color:var(--color-accent-cyan);border-color:var(--color-accent-cyan)}.contact-email-link:hover .contact-arrow{transform:translate(4px)}.site-footer{padding-top:var(--space-10);padding-bottom:var(--space-12);background-color:var(--color-bg)}.footer-inner{display:flex;flex-direction:column;gap:var(--space-6);font-size:var(--text-xs);color:var(--color-text-tertiary)}.footer-legal{display:flex;flex-direction:column;gap:var(--space-2);max-width:68ch;line-height:1.6}.copyright{color:var(--color-text-secondary);font-weight:600}.legal-detail{color:var(--color-text-tertiary);font-size:var(--text-xs);line-height:1.6}@media print{body{background:#fff;color:#000}.tool-card{border:1px solid #ccc;background:#fff}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}