:root{--bg:#0b1220;--bg-glow:#13203a;--surface:#111a2e;--surface-hover:#15203a;--border:#24314d;--text:#f1f5f9;--text-muted:#a3b1c6;--accent:#f59e0b;--accent-strong:#fbbf24;--on-accent:#111827;--ok:#34d399;--focus:#e5e7eb;--radius:1rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*,:before,:after{box-sizing:border-box}body{min-height:100dvh;color:var(--text);background-color:var(--bg);background-image:radial-gradient(60rem 30rem at 50% -8rem, var(--bg-glow), transparent 70%);background-repeat:no-repeat;flex-direction:column;margin:0;line-height:1.5;display:flex}.container{width:100%;max-width:64rem;padding-left:max(1rem, env(safe-area-inset-left));padding-right:max(1rem, env(safe-area-inset-right));margin:0 auto}@media (width>=48rem){.container{padding-left:max(2rem, env(safe-area-inset-left));padding-right:max(2rem, env(safe-area-inset-right))}}.site-header{padding-top:max(1rem, env(safe-area-inset-top))}.site-header-inner{justify-content:space-between;align-items:center;gap:.75rem;min-height:3.5rem;display:flex}.brand{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;margin:0;display:flex}.brand-mark{flex:none;width:2rem;height:2rem}.brand-name{letter-spacing:.08em;font-size:1.25rem;font-weight:800}.brand-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-strong);border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);white-space:nowrap;border-radius:999px;padding:.125rem .5rem;font-size:.75rem;font-weight:700}.language{flex:none}.lang-switch{border:1px solid var(--border);background:var(--surface);border-radius:.75rem;display:inline-flex;overflow:hidden}.lang-option{min-width:2.75rem;min-height:2.75rem;font:inherit;letter-spacing:.05em;color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:0 .5rem;font-size:.875rem;font-weight:700}.lang-option+.lang-option{border-left:1px solid var(--border)}.lang-option[aria-pressed=true]{color:var(--on-accent);background:var(--accent)}@media (hover:hover){.lang-option[aria-pressed=false]:hover{color:var(--text)}}.lang-option:focus-visible{outline-offset:-4px}.lang-option[aria-pressed=true]:focus-visible{outline-color:var(--on-accent)}main{flex:1 0 auto}.hero{max-width:44rem;padding:clamp(2.5rem,9vw,5.5rem) 0 clamp(2rem,6vw,3.5rem)}h1{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(2rem,8vw,3.5rem);font-weight:800;line-height:1.1}.hero-lead{color:var(--text-muted);text-wrap:pretty;margin:1rem 0 0;font-size:clamp(1.0625rem,3.2vw,1.25rem)}.tools{padding-bottom:3rem}h2{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);margin:0 0 1rem;font-size:.875rem;font-weight:700}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:1rem;min-width:0;padding:1.25rem;display:flex}.tool-card-available{border-color:color-mix(in srgb, var(--accent) 70%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 15%, transparent), 0 12px 32px -18px #f59e0b73;transition:transform .16s,border-color .16s,background-color .16s}@media (hover:hover){.tool-card-available:hover{border-color:var(--accent);background:var(--surface-hover);transform:translateY(-2px)}}.tool-card-placeholder,.tool-card-coming-soon{background:0 0;border-style:dashed}.tool-card-head{align-items:center;gap:.875rem;min-width:0;display:flex}.tool-icon{width:3rem;height:3rem;color:var(--accent-strong);background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:.875rem;flex:none;place-items:center;display:grid}.tool-card-placeholder .tool-icon,.tool-card-coming-soon .tool-icon{color:var(--text-muted);background:color-mix(in srgb, var(--text-muted) 10%, transparent)}.tool-title{min-width:0}h3.tool-name{overflow-wrap:anywhere;margin:0;font-size:1.25rem;line-height:1.3}.tool-card-placeholder .tool-name{color:var(--text-muted);font-size:1.125rem}.tool-status{letter-spacing:.02em;color:var(--text-muted);align-items:center;gap:.375rem;margin:.25rem 0 0;font-size:.8125rem;font-weight:700;display:inline-flex}.tool-status:before{content:"";background:currentColor;border-radius:50%;width:.5rem;height:.5rem}.tool-status-available{color:var(--ok)}.tool-description{color:var(--text-muted);margin:0}.tool-card-available .tool-description{color:var(--text)}.tool-action{text-align:center;min-height:3rem;color:var(--on-accent);background:var(--accent);border-radius:.75rem;justify-content:center;align-items:center;margin-top:auto;padding:.75rem 1.25rem;font-size:1.0625rem;font-weight:700;text-decoration:none;transition:background-color .16s;display:flex}@media (hover:hover){.tool-action:hover{background:var(--accent-strong)}}@media (width>=30rem){.tool-action{align-self:flex-start}}.site-footer{padding:1.5rem 0 max(1.5rem, env(safe-area-inset-bottom));color:var(--text-muted);border-top:1px solid var(--border);font-size:.875rem}.site-footer p{margin:0}a:focus-visible,button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}.tool-card-available:hover{transform:none}}