: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: #ffffff;--surface-alt: #f5fafd;--surface-dark: var(--navy-900);--line: #d9e6f0;--line-dark: rgba(90, 200, 210, .18);--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 rgba(7, 26, 46, .06), 0 1px 4px rgba(7, 26, 46, .08);--shadow-md: 0 2px 6px rgba(7, 26, 46, .07), 0 10px 24px rgba(7, 26, 46, .09);--shadow-glow: 0 8px 30px rgba(20, 184, 196, .25);--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);line-height:1.6;color:var(--ink-900);background:var(--surface);-webkit-font-smoothing:antialiased;display:flex;min-height:100vh;flex-direction:column}main{flex:1 0 auto}img,svg,video{display:block;max-width:100%}h1,h2,h3,h4{color:var(--ink-900);line-height:1.15;font-weight:750}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-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--green-500)}:focus-visible{outline:3px solid var(--cyan-500);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{position:absolute;left:var(--space-4);top:-100%;z-index:100;padding:var(--space-2) var(--space-4);background:var(--navy-900);color:#fff;border-radius:var(--radius-md);font-weight:600}.skip-link:focus{top:var(--space-3)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}::selection{background:var(--cyan-300);color:var(--navy-950)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!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)}.section-head p{color:var(--ink-700);margin-block-start:var(--space-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:2.75rem;padding:.6rem 1.35rem;border:1px solid transparent;border-radius:var(--radius-pill);font:600 var(--text-sm) var(--font-sans);cursor:pointer;text-decoration:none;transition:transform var(--speed) var(--ease),box-shadow var(--speed) var(--ease),background var(--speed) var(--ease)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--brand-gradient);color:var(--navy-950)}.btn-primary:hover{box-shadow:var(--shadow-glow);color:var(--navy-950)}.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink-900)}.btn-ghost:hover{border-color:var(--cyan-500);color:var(--cyan-500)}.btn-dark{background:var(--navy-800);color:#fff}.btn-dark:hover{background:var(--navy-700);color:#fff}.site-header{position:sticky;top:0;z-index:50;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.site-header .inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--header-h)}.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none}.brand .brand-name{font-size:var(--text-lg);font-weight:800;color:var(--navy-900);letter-spacing:-.02em}.brand .brand-tag{display:block;font-size:var(--text-xs);font-weight:500;color:var(--ink-500);margin-block-start:-2px}.nav-desktop{display:none;align-items:center;gap:var(--space-4)}.nav-desktop a{color:var(--ink-700);text-decoration:none;font-weight:600;padding:.4rem .2rem}.nav-desktop a:hover,.nav-desktop a[aria-current=page]{color:var(--cyan-500)}.nav-desktop a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--cyan-500)}.nav-mobile{display:block}.nav-mobile summary{list-style:none;display:grid;place-items:center;width:2.75rem;height:2.75rem;border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;color:var(--navy-900)}.nav-mobile summary::-webkit-details-marker{display:none}.nav-mobile summary svg{pointer-events:none}.nav-mobile .panel{position:absolute;inset-inline:1.25rem;top:calc(var(--header-h) + .75rem);display:grid;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)}.nav-mobile .panel a{padding:.6rem .75rem;border-radius:var(--radius-md);color:var(--ink-900);text-decoration:none;font-weight:600}.nav-mobile .panel a:hover{background:var(--surface-alt);color:var(--cyan-500)}.nav-mobile .panel a[aria-current=page]{background:var(--navy-50);color:var(--cyan-500)}.nav-mobile[open]>summary{border-color:var(--cyan-500)}@media(min-width:52em){.nav-desktop{display:flex}.nav-mobile{display:none}}.hero{background:radial-gradient(38rem 22rem at 85% -10%,rgba(45,212,200,.35),transparent 60%),radial-gradient(30rem 20rem at 0% 110%,rgba(74,222,128,.22),transparent 60%),var(--navy-900);color:#fff;padding-block:var(--space-8) var(--space-9);overflow:clip}.hero h1{color:#fff;max-width:20ch}.hero .lede{color:var(--navy-100);font-size:var(--text-lg);max-width:46rem;margin-block-start:var(--space-4)}.hero .gradient-text{background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-block-start:var(--space-6)}.tool-search{margin-block-start:var(--space-6);max-width:34rem}.tool-search .field{display:flex;align-items:center;gap:var(--space-2);background:#ffffff14;border:1px solid var(--line-dark);border-radius:var(--radius-pill);padding:.35rem .75rem .35rem 1.1rem}.tool-search .field:focus-within{border-color:var(--cyan-400);background:#ffffff1f}.tool-search .field svg{color:var(--cyan-300);flex:none}.tool-search .field input{flex:1;min-height:2.9rem;background:transparent;border:0;color:#fff;font:500 var(--text-md) var(--font-sans)}.tool-search .field input::placeholder{color:#dbe9f78c}.tool-search .field input:focus{outline:none}.tool-search .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)}.tool-search--light .field:focus-within{background:var(--surface)}.tool-search--light .field input{color:var(--ink-900);text:initial}.tool-search--light .field input::placeholder{color:var(--ink-300)}.tool-search--light .field svg{color:var(--ink-500)}.tool-search--light .hint{color:var(--ink-500)}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .75rem;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:700;letter-spacing:.02em}.badge.badge-popular{background:var(--brand-gradient);color:var(--navy-950)}.badge.badge-planned{background:var(--navy-50);color:var(--navy-700)}.badge.badge-review{background:#fdf3d8;color:#7a5c07}.badge.badge-live{background:var(--ok-soft);color:#176b36}.badge.badge-cat{background:var(--navy-800);color:var(--cyan-300)}.tool-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(15.5rem,100%),1fr))}.tool-grid[hidden]{display:none}.tool-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);text-decoration:none;transition:border-color var(--speed) var(--ease),box-shadow var(--speed) var(--ease),transform var(--speed) var(--ease)}.tool-card:hover{border-color:var(--cyan-400);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-card .icon-tile{display:grid;place-items:center;width:2.9rem;height:2.9rem;border-radius:var(--radius-md);background:var(--navy-800);color:var(--cyan-300)}.tool-card h3{font-size:var(--text-md);font-weight:700;color:var(--navy-900)}.tool-card p{color:var(--ink-700);font-size:var(--text-sm);flex:1}.tool-card .go{color:var(--cyan-600);font-size:var(--text-xs);font-weight:700;display:inline-flex;align-items:center;gap:.3rem;margin-block-start:var(--space-1)}.category-block{padding-block:var(--space-6);border-top:1px solid var(--line)}.category-block .cat-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-4);margin-block-end:var(--space-4)}.category-block .cat-head h2{font-size:var(--text-xl)}.category-block .cat-head p{color:var(--ink-500);font-size:var(--text-sm)}.value-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(16rem,100%),1fr))}.value-grid .value{padding:var(--space-5);background:var(--surface-alt);border:1px solid var(--line);border-radius:var(--radius-lg)}.value-grid .value .icon-tile{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);background:var(--brand-gradient);color:var(--navy-950);margin-block-end:var(--space-3)}.value-grid .value h3{font-size:var(--text-md)}.value-grid .value p,.value-grid .value li{color:var(--ink-700);font-size:var(--text-sm)}.cta-band{background:radial-gradient(30rem 16rem at 90% 0%,rgba(45,212,200,.28),transparent 60%),var(--navy-900);color:#fff;border-radius:var(--radius-xl);padding:var(--space-7) var(--space-5);text-align:center}.cta-band h2{color:#fff}.cta-band p{color:var(--navy-100);max-width:42rem;margin:var(--space-3) auto 0}.cta-band .actions{display:flex;justify-content:center;gap:var(--space-3);margin-block-start:var(--space-5)}.site-footer{background:var(--navy-950);color:var(--navy-100);padding-block:var(--space-7) var(--space-5);margin-block-start:var(--space-8)}.site-footer a{color:var(--navy-100);text-decoration:none}.site-footer a:hover{color:var(--cyan-300);text-decoration:underline}.site-footer .cols{display:grid;gap:var(--space-5);grid-template-columns:1fr;padding-block-end:var(--space-6);border-bottom:1px solid var(--line-dark)}.site-footer .cols h3{color:#fff;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;margin-block-end:var(--space-3)}.site-footer .cols ul{list-style:none;padding:0;display:grid;gap:var(--space-2);font-size:var(--text-sm)}.site-footer .brandline p{color:var(--ink-300);font-size:var(--text-sm);max-width:30rem;margin-block-start:var(--space-3)}.site-footer .legal{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);padding-block-start:var(--space-4);font-size:var(--text-xs);color:var(--ink-300)}@media(min-width:46em){.site-footer .cols{grid-template-columns:2fr 1fr 1fr 1fr}}.prose{max-width:46rem}.prose h2{margin-block:var(--space-6) var(--space-3);font-size:var(--text-xl)}.prose h3{margin-block:var(--space-5) var(--space-2);font-size:var(--text-lg)}.prose p,.prose li{color:var(--ink-700)}.prose ul,.prose ol{padding-inline-start:1.25rem;display:grid;gap:var(--space-2);margin-block:var(--space-3)}.prose strong{color:var(--ink-900)}.page-head{padding-block:var(--space-7) var(--space-5)}.page-head h1{font-size:var(--text-2xl);max-width:24ch}.page-head .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%,rgba(45,212,200,.25),transparent 60%),var(--navy-900);color:#fff;padding-block:var(--space-6) var(--space-9)}.tool-hero h1{color:#fff;font-size:var(--text-2xl)}.tool-hero .lede{color:var(--navy-100);max-width:46rem;margin-block-start:var(--space-3)}.tool-hero .meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.breadcrumbs{font-size:var(--text-xs);color:#dbe9f7cc;margin-block-end:var(--space-4)}.breadcrumbs ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.breadcrumbs li+li:before{content:"/";margin-inline-end:.4rem;color:var(--ink-300)}.breadcrumbs a{color:inherit}.tool-body .notice{position:relative;display:flex;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);margin-block-start:calc(-1 * var(--space-7) - 3.4rem);max-width:46rem}.tool-body .notice .icon-tile{flex:none;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);background:var(--brand-gradient);color:var(--navy-950)}.tool-body .notice h2{font-size:var(--text-lg);margin-block-end:var(--space-1)}.tool-body .notice p{color:var(--ink-700);font-size:var(--text-sm)}.tool-body .capabilities{margin-block-start:var(--space-9);max-width:46rem}.tool-body .capabilities h2{font-size:var(--text-xl);margin-block-end:var(--space-3)}.tool-body .capabilities ul{list-style:none;padding:0;display:grid;gap:var(--space-3)}.tool-body .capabilities li{display:flex;gap:var(--space-3);color:var(--ink-700);font-size:var(--text-md)}.tool-body .capabilities li svg{flex:none;margin-block-start:.35rem;color:var(--green-500)}.tool-body .privacy-note{margin-block-start:var(--space-6);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)}.tool-body .privacy-note 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)}.empty-state strong{color:var(--ink-900);display:block;margin-block-end:var(--space-1)}.empty-state[hidden]{display:none}