:root{--navy-950:#04101f;--navy-900:#071a2e;--navy-800:#0b2440;--navy-700:#123055;--navy-100:#dbe9f7;--navy-50:#eef4fb;--cyan-500:#14b8c4;--cyan-600:#0b7e89;--cyan-400:#2dd4c8;--cyan-300:#5ce8dc;--green-500:#34c05e;--green-400:#4ade80;--ink-900:#0b1a2b;--ink-700:#33465c;--ink-500:#5b7189;--ink-300:#8ba1b5;--brand-gradient:linear-gradient(135deg, var(--cyan-400) 0%, var(--green-400) 100%);--brand-accent:var(--cyan-400);--brand-accent-2:var(--green-400);--surface:#fff;--surface-alt:#f5fafd;--surface-dark:var(--navy-900);--line:#d9e6f0;--line-dark:#5ac8d22e;--ok:var(--green-500);--danger:#e23d55;--danger-soft:#fdecef;--ok-soft:#e8f8ee;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--text-xs:.8125rem;--text-sm:.9375rem;--text-md:1.0625rem;--text-lg:clamp(1.125rem, .4vw + 1.05rem, 1.25rem);--text-xl:clamp(1.35rem, 1.6vw + 1.05rem, 1.75rem);--text-2xl:clamp(1.7rem, 2.6vw + 1.1rem, 2.4rem);--text-hero:clamp(2.1rem, 4.5vw + 1rem, 3.55rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--space-9:6.5rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1.1rem;--radius-xl:1.6rem;--radius-pill:999px;--shadow-sm:0 1px 2px #071a2e0f, 0 1px 4px #071a2e14;--shadow-md:0 2px 6px #071a2e12, 0 10px 24px #071a2e17;--shadow-glow:0 8px 30px #14b8c440;--container:72rem;--header-h:4rem;--ease:cubic-bezier(.22, .61, .36, 1);--speed:.18s}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-md);color:var(--ink-900);background:var(--surface);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;line-height:1.6;display:flex}main{flex:1 0 auto}img,svg,video{max-width:100%;display:block}h1,h2,h3,h4{color:var(--ink-900);text-wrap:balance;font-weight:750;line-height:1.15}h1{font-size:var(--text-hero)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}p,ul,ol{text-wrap:pretty}a{color:var(--cyan-500);text-underline-offset:3px;text-decoration-thickness:1px;&:hover{color:var(--green-500)}}:focus-visible{outline:3px solid var(--cyan-500);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{left:var(--space-4);z-index:100;padding:var(--space-2) var(--space-4);background:var(--navy-900);color:#fff;border-radius:var(--radius-md);font-weight:600;position:absolute;top:-100%;&:focus{top:var(--space-3)}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}::selection{background:var(--cyan-300);color:var(--navy-950)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.container{width:min(var(--container), 100% - 2.5rem);margin-inline:auto}.section{padding-block:var(--space-7)}.section-head{max-width:40rem;margin-block-end:var(--space-5);& p{color:var(--ink-700);margin-block-start:var(--space-2)}}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);min-height:2.75rem;font:600 var(--text-sm) var(--font-sans);cursor:pointer;transition:transform var(--speed) var(--ease), box-shadow var(--speed) var(--ease), background var(--speed) var(--ease);border:1px solid #0000;padding:.6rem 1.35rem;text-decoration:none;display:inline-flex;&:hover{transform:translateY(-1px)}&:active{transform:translateY(0)}}.btn-primary{background:var(--brand-gradient);color:var(--navy-950);&:hover{box-shadow:var(--shadow-glow);color:var(--navy-950)}}.btn-ghost{border-color:var(--line);color:var(--ink-900);background:0 0;&:hover{border-color:var(--cyan-500);color:var(--cyan-500)}}.btn-dark{background:var(--navy-800);color:#fff;&:hover{background:var(--navy-700);color:#fff}}.site-header{z-index:50;backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#ffffffeb;position:sticky;top:0;& .inner{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--header-h);display:flex}}.brand{align-items:center;gap:.6rem;text-decoration:none;display:inline-flex;& .brand-name{font-size:var(--text-lg);color:var(--navy-900);letter-spacing:-.02em;font-weight:800}& .brand-tag{font-size:var(--text-xs);color:var(--ink-500);margin-block-start:-2px;font-weight:500;display:block}}.nav-desktop{align-items:center;gap:var(--space-4);display:none;& a{color:var(--ink-700);padding:.4rem .2rem;font-weight:600;text-decoration:none;&:hover,&[aria-current=page]{color:var(--cyan-500)}&[aria-current=page]{box-shadow:inset 0 -2px 0 var(--cyan-500)}}}.nav-mobile{display:block;& summary{border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;width:2.75rem;height:2.75rem;color:var(--navy-900);place-items:center;list-style:none;display:grid;&::-webkit-details-marker{display:none}& svg{pointer-events:none}}& .panel{inset-inline:1.25rem;top:calc(var(--header-h) + .75rem);gap:var(--space-1);padding:var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:grid;position:absolute;& a{border-radius:var(--radius-md);color:var(--ink-900);padding:.6rem .75rem;font-weight:600;text-decoration:none;&:hover{background:var(--surface-alt);color:var(--cyan-500)}&[aria-current=page]{background:var(--navy-50);color:var(--cyan-500)}}}&[open]>summary{border-color:var(--cyan-500)}}@media (width>=52em){.nav-desktop{display:flex}.nav-mobile{display:none}}.hero{background:radial-gradient(38rem 22rem at 85% -10%, #2dd4c859, transparent 60%), radial-gradient(30rem 20rem at 0% 110%, #4ade8038, transparent 60%), var(--navy-900);color:#fff;padding-block:var(--space-8) var(--space-9);overflow:clip;& h1{color:#fff;max-width:20ch}& .lede{color:var(--navy-100);font-size:var(--text-lg);max-width:46rem;margin-block-start:var(--space-4)}& .gradient-text{background:var(--brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}& .actions{gap:var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-6);display:flex}}.tool-search{max-width:34rem;margin-block-start:var(--space-6);& .field{align-items:center;gap:var(--space-2);border:1px solid var(--line-dark);border-radius:var(--radius-pill);background:#ffffff14;padding:.35rem .75rem .35rem 1.1rem;display:flex;&:focus-within{border-color:var(--cyan-400);background:#ffffff1f}& svg{color:var(--cyan-300);flex:none}& input{color:#fff;min-height:2.9rem;font:500 var(--text-md) var(--font-sans);background:0 0;border:0;flex:1;&::placeholder{color:#dbe9f78c}&:focus{outline:none}}}& .hint{color:#dbe9f7bf;font-size:var(--text-xs);margin-block-start:var(--space-2)}}.tool-search--light{& .field{background:var(--surface-alt);border-color:var(--line);&:focus-within{background:var(--surface)}& input{color:var(--ink-900);text:initial}& input::placeholder{color:var(--ink-300)}& svg{color:var(--ink-500)}}& .hint{color:var(--ink-500)}}.badge{border-radius:var(--radius-pill);font-size:var(--text-xs);letter-spacing:.02em;align-items:center;gap:.4rem;padding:.25rem .75rem;font-weight:700;display:inline-flex;&.badge-popular{background:var(--brand-gradient);color:var(--navy-950)}&.badge-planned{background:var(--navy-50);color:var(--navy-700)}&.badge-review{color:#7a5c07;background:#fdf3d8}&.badge-live{background:var(--ok-soft);color:#176b36}&.badge-cat{background:var(--navy-800);color:var(--cyan-300)}}.tool-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(15.5rem,100%),1fr));display:grid;&[hidden]{display:none}}.tool-card{gap:var(--space-2);padding:var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);transition:border-color var(--speed) var(--ease), box-shadow var(--speed) var(--ease), transform var(--speed) var(--ease);flex-direction:column;text-decoration:none;display:flex;&:hover{border-color:var(--cyan-400);box-shadow:var(--shadow-md);transform:translateY(-2px)}& .icon-tile{border-radius:var(--radius-md);background:var(--navy-800);width:2.9rem;height:2.9rem;color:var(--cyan-300);place-items:center;display:grid}& h3{font-size:var(--text-md);color:var(--navy-900);font-weight:700}& p{color:var(--ink-700);font-size:var(--text-sm);flex:1}& .go{color:var(--cyan-600);font-size:var(--text-xs);align-items:center;gap:.3rem;margin-block-start:var(--space-1);font-weight:700;display:inline-flex}}.category-block{padding-block:var(--space-6);border-top:1px solid var(--line);& .cat-head{align-items:baseline;gap:var(--space-2) var(--space-4);flex-wrap:wrap;margin-block-end:var(--space-4);display:flex;& h2{font-size:var(--text-xl)}& p{color:var(--ink-500);font-size:var(--text-sm)}}}.value-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(16rem,100%),1fr));display:grid;& .value{padding:var(--space-5);background:var(--surface-alt);border:1px solid var(--line);border-radius:var(--radius-lg);& .icon-tile{border-radius:var(--radius-md);background:var(--brand-gradient);width:2.5rem;height:2.5rem;color:var(--navy-950);place-items:center;margin-block-end:var(--space-3);display:grid}& h3{font-size:var(--text-md)}& p,& li{color:var(--ink-700);font-size:var(--text-sm)}}}.cta-band{background:radial-gradient(30rem 16rem at 90% 0%, #2dd4c847, transparent 60%), var(--navy-900);color:#fff;border-radius:var(--radius-xl);padding:var(--space-7) var(--space-5);text-align:center;& h2{color:#fff}& p{color:var(--navy-100);max-width:42rem;margin:var(--space-3) auto 0}& .actions{justify-content:center;gap:var(--space-3);margin-block-start:var(--space-5);display:flex}}.site-footer{background:var(--navy-950);color:var(--navy-100);padding-block:var(--space-7) var(--space-5);margin-block-start:var(--space-8);& a{color:var(--navy-100);text-decoration:none;&:hover{color:var(--cyan-300);text-decoration:underline}}& .cols{gap:var(--space-5);border-bottom:1px solid var(--line-dark);grid-template-columns:1fr;padding-block-end:var(--space-6);display:grid;& h3{color:#fff;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;margin-block-end:var(--space-3)}& ul{gap:var(--space-2);font-size:var(--text-sm);padding:0;list-style:none;display:grid}}& .brandline p{color:var(--ink-300);font-size:var(--text-sm);max-width:30rem;margin-block-start:var(--space-3)}& .legal{gap:var(--space-2) var(--space-5);font-size:var(--text-xs);color:var(--ink-300);flex-wrap:wrap;padding-block-start:var(--space-4);display:flex}}@media (width>=46em){.site-footer .cols{grid-template-columns:2fr 1fr 1fr 1fr}}.prose{max-width:46rem;& h2{margin-block:var(--space-6) var(--space-3);font-size:var(--text-xl)}& h3{margin-block:var(--space-5) var(--space-2);font-size:var(--text-lg)}& p,& li{color:var(--ink-700)}& ul,& ol{gap:var(--space-2);margin-block:var(--space-3);padding-inline-start:1.25rem;display:grid}& strong{color:var(--ink-900)}}.page-head{padding-block:var(--space-7) var(--space-5);& h1{font-size:var(--text-2xl);max-width:24ch}& .lede{color:var(--ink-700);font-size:var(--text-lg);max-width:46rem;margin-block-start:var(--space-3)}}.tool-hero{background:radial-gradient(34rem 18rem at 90% -20%, #2dd4c840, transparent 60%), var(--navy-900);color:#fff;padding-block:var(--space-6) var(--space-9);& h1{color:#fff;font-size:var(--text-2xl)}& .lede{color:var(--navy-100);max-width:46rem;margin-block-start:var(--space-3)}& .meta-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}}.breadcrumbs{font-size:var(--text-xs);color:#dbe9f7cc;margin-block-end:var(--space-4);& ol{flex-wrap:wrap;gap:.4rem;padding:0;list-style:none;display:flex}& li+li:before{content:"/";color:var(--ink-300);margin-inline-end:.4rem}& a{color:inherit}}.tool-body{& .notice{gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-md);max-width:46rem;margin-block-start:calc(-1 * var(--space-7) - 3.4rem);display:flex;position:relative;& .icon-tile{border-radius:var(--radius-md);background:var(--brand-gradient);width:2.5rem;height:2.5rem;color:var(--navy-950);flex:none;place-items:center;display:grid}& h2{font-size:var(--text-lg);margin-block-end:var(--space-1)}& p{color:var(--ink-700);font-size:var(--text-sm)}}& .capabilities{max-width:46rem;margin-block-start:var(--space-9);& h2{font-size:var(--text-xl);margin-block-end:var(--space-3)}& ul{gap:var(--space-3);padding:0;list-style:none;display:grid}& li{gap:var(--space-3);color:var(--ink-700);font-size:var(--text-md);display:flex;& svg{color:var(--green-500);flex:none;margin-block-start:.35rem}}}& .privacy-note{max-width:46rem;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--ok-soft);color:var(--ink-700);font-size:var(--text-sm);margin-block-start:var(--space-6);& strong{color:var(--ink-900)}}}.empty-state{padding:var(--space-7) var(--space-4);text-align:center;border:1px dashed var(--line);border-radius:var(--radius-lg);color:var(--ink-500);& strong{color:var(--ink-900);margin-block-end:var(--space-1);display:block}&[hidden]{display:none}}.brand-text[data-astro-cid-fzpbxy5g]{flex-direction:column;line-height:1.1;display:flex}.brand-logo[data-astro-cid-fzpbxy5g]{object-fit:contain;flex:none;width:auto;height:32px;display:block}@media (width<=640px){.brand-logo[data-astro-cid-fzpbxy5g]{height:28px}}.brand-text[data-astro-cid-nns7i3if]{flex-direction:column;line-height:1.1;display:flex}.murabyte-logo[data-astro-cid-nns7i3if]{width:clamp(96px,11vw,128px);height:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-sm,0 1px 3px #0003);background:#fff;margin-block-start:var(--space-4);padding:.55rem;display:block}