:root{color-scheme:light;--bg-primary:#fff;--bg-secondary:#f7f9fc;--bg-elevated:#fff;--bg-sunken:#f1f5fb;--text-primary:#172033;--text-secondary:#5b6577;--text-tertiary:#7c8798;--text-inverse:#fff;--border-default:#d9e0ea;--border-strong:#bbc7d7;--border-active:#2457d6;--accent-primary:#2457d6;--accent-primary-hover:#193f9f;--accent-primary-soft:#edf3ff;--accent-success:#087a55;--accent-success-soft:#e8f7f0;--accent-warning:#8a4b00;--accent-warning-soft:#fff6e8;--accent-danger:#b42318;--accent-danger-soft:#fff0ee;--focus-ring:#2457d6;--brand-leaf:#126a4d;--brand-leaf-deep:#0b513a;--brand-mist:#dff2e9;--brand-sun:#f7c95e;--brand-footer:#10231b;--brand-canvas:#f4f7f3;--brand-canvas-alt:#eaf3ed;--brand-surface-tint:#fbfdfb;--brand-footer-text:#d7e6dc;--brand-footer-muted:#a9c1b2;--brand-footer-line:#345143;--brand-mint-soft:#e6f5ee;--brand-mint-strong:#cfede0;--brand-line:#d6e4dd;--brand-ink:#10312a;--brand-ink-soft:#4e6b62;--brand-ink-faint:#7e958d;--shadow-sm:0 1px 2px #1720330f;--shadow-md:0 4px 10px #17203314;--shadow-lg:0 18px 45px #20335417;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--font-display:"Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;--font-body:"Instrument Sans", "Helvetica Neue", Arial, system-ui, sans-serif;--font-sans:var(--font-body);--text-xs:.72rem;--text-sm:.82rem;--text-base:.94rem;--text-lg:1.06rem;--text-xl:1.3rem;--text-2xl:clamp(1.45rem, 2.6vw, 2.15rem);--text-3xl:clamp(2.35rem, 6vw, 4.65rem);--leading-tight:1.16;--leading-normal:1.5;--leading-relaxed:1.65;--target-min:44px;--target-comfortable:48px;--motion-fast:.12s;--motion-base:.18s;--motion-ease:cubic-bezier(.2, .6, .2, 1);--header-height:68px;--ad-rail-width:160px;--main-column-max:800px}@media (prefers-contrast:more){:root{--text-primary:#000;--text-secondary:#1a1a1a;--text-tertiary:#333;--border-default:#000;--border-strong:#000;--accent-primary:#0b3ea8;--accent-primary-hover:#062a75;--accent-primary-soft:#fff;--focus-ring:#000;--shadow-sm:none;--shadow-md:none;--shadow-lg:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(/fonts/BricolageGrotesque-Variable.woff2)format("woff2")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:75% 100%;font-display:swap;src:url(/fonts/InstrumentSans-Variable.woff2)format("woff2")}:root{--surface:var(--bg-primary);--canvas:var(--brand-canvas);--ink:var(--text-primary);--muted:var(--text-secondary);--line:var(--border-default);--leaf:var(--brand-leaf);--leaf-deep:var(--brand-leaf-deep);--mist:var(--brand-mist);--sun:var(--brand-sun);font-family:var(--font-body);color:var(--brand-ink);background:var(--canvas);font-synthesis:none;font-size:17px;line-height:1.55}*{box-sizing:border-box}html{scroll-behavior:auto;-webkit-text-size-adjust:100%}body{background:var(--canvas);min-width:320px;color:var(--brand-ink);margin:0}a{color:inherit}.skip-link{z-index:20;background:var(--brand-ink);color:var(--text-inverse);border-radius:8px;padding:.65rem .9rem;position:absolute;top:-56px;left:16px}.skip-link:focus{top:8px}.shell,.wrap{width:min(1080px,100% - 48px);margin:0 auto}.site-header{z-index:10;background:var(--canvas);border-bottom:1px solid var(--brand-line);position:sticky;top:0}.bar{min-height:var(--header-height);justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.01em;color:var(--brand-ink);flex:none;align-items:center;gap:10px;font-size:22px;font-weight:600;text-decoration:none;display:inline-flex}.brand:hover{text-decoration:none}.mark{flex:none;width:30px;height:30px}.nav ul{gap:8px;margin:0;padding:0;list-style:none;display:flex}.nav li{position:relative}.nav li.has-menu{position:static}.navlink{min-height:var(--target-min);border-radius:var(--radius-pill);color:var(--brand-ink);font:500 16px var(--font-body);white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:10px 14px;text-decoration:none;display:inline-flex}.navlink:hover,.navlink[aria-expanded=true],.navlink[aria-current=page]{background:var(--brand-mint-soft);text-decoration:none}.navlink svg{transition:transform var(--motion-base) var(--motion-ease)}.navlink[aria-expanded=true] svg{transform:rotate(180deg)}.menu{width:min(760px,100vw - 48px);max-height:calc(100dvh - var(--header-height) - 20px);overscroll-behavior:contain;border:1px solid var(--brand-line);background:var(--surface);border-radius:20px;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:28px 32px;display:none;position:absolute;top:calc(100% + 10px);right:max(24px,50vw - 540px);overflow-y:auto;box-shadow:0 18px 50px #10312a1a}.menu.open{display:grid}.menu[hidden]{display:none}.menu h3{color:var(--leaf-deep);font-family:var(--font-display);letter-spacing:0;margin:0 0 12px;font-size:17px;font-weight:600}.menu ul{display:block}.menu li{margin:0 0 8px}.menu a{color:var(--brand-ink-soft);font-size:15.5px;text-decoration:none}.menu a:hover{color:var(--brand-ink);text-underline-offset:3px;text-decoration:underline}.menu a.more{color:var(--leaf);font-weight:500}.menu a.menu-all{color:var(--leaf-deep);text-underline-offset:3px;align-self:end;font-weight:700;text-decoration:underline}main{min-height:60vh;scroll-margin-top:calc(var(--header-height) + 8px);position:relative;overflow-x:clip}.disc{background:var(--brand-mint-strong);opacity:.55;pointer-events:none;border-radius:50%;width:720px;height:720px;position:absolute;top:250px;left:50%;transform:translate(-50%)}.hero{padding:clamp(3rem,7vw,5.5rem) 0 2rem;position:relative}.hero--home{text-align:center;padding-bottom:40px}h1,h2,h3{color:var(--brand-ink);font-family:var(--font-display);letter-spacing:-.025em;font-weight:600;line-height:1.05}h1{max-width:19ch;margin:0 auto 18px;font-size:clamp(38px,6vw,64px);line-height:1.02}.hero:not(.hero--home) h1,.prose h1{max-width:24ch;margin-left:0}h2{margin:0 0 1rem;font-size:clamp(1.55rem,3vw,2.35rem)}h3{margin:0 0 .5rem;font-size:1.12rem}.sub{max-width:44ch;color:var(--brand-ink-soft);margin:0 auto 44px;font-size:clamp(18px,2vw,21px);line-height:1.45}.eyebrow{color:var(--leaf);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .8rem;font-size:.83rem;font-weight:600}.lead{max-width:670px;color:var(--brand-ink-soft);margin:1.25rem 0 0;font-size:clamp(1.04rem,2vw,1.22rem);line-height:1.6}.trust-line{color:var(--leaf-deep);flex-wrap:wrap;gap:.5rem 1.1rem;margin:1.35rem 0 0;font-size:.94rem;font-weight:600;display:flex}.trust-line span:before{content:"✓";margin-right:.38rem}.tool-facts{border:1px solid var(--line);background:var(--line);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:1px;margin:2rem 0 1.25rem;display:grid;overflow:hidden}.tool-fact{background:var(--surface);min-width:0;padding:1rem 1.1rem}.tool-fact strong{color:var(--leaf-deep);font-family:var(--font-display);margin-bottom:.3rem;font-size:.95rem;display:block}.tool-fact span{color:var(--brand-ink-soft);font-size:.92rem;line-height:1.5;display:block}.tool-limitations{border-left:4px solid var(--leaf);background:var(--mist);border-radius:0 12px 12px 0;margin:2.2rem 0 1.75rem;padding:1.35rem 1.5rem}.tool-limitations h2{margin-top:0}.tool-limitations p{color:var(--brand-ink-soft)}.tool-limitations li{color:var(--brand-ink-soft);margin:.4rem 0}.facts{grid-template-columns:repeat(3,1fr);width:min(820px,100%);margin:56px auto 0;display:grid;position:relative}.fact{text-align:left;padding:6px 28px}.fact+.fact{border-left:1px solid var(--brand-line)}.fact strong{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:4px;font-size:19px;font-weight:600;display:block}.fact span{color:var(--brand-ink-soft);font-size:15.5px}.converter-section{padding:0 0 8px;position:relative}.frame-card{border:2px dashed var(--leaf);background:var(--surface);border-radius:28px;width:min(680px,100%);margin:0 auto;overflow:hidden}.frame-card:hover{border-style:solid}.frame-wrap{background:var(--surface);min-height:460px;position:relative}.converter-frame{background:0 0;border:0;width:100%;min-height:460px;display:block}.frame-status{color:var(--muted);text-align:center;z-index:1;justify-content:center;align-items:center;gap:.65rem;padding:2rem;display:flex;position:absolute;inset:0}.frame-status[hidden]{display:none}.spinner{border:3px solid var(--line);border-top-color:var(--leaf);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.frame-error{gap:.75rem;max-width:450px;display:grid}.frame-error strong{color:var(--ink)}.frame-error a{color:var(--leaf-deep);font-weight:700}.section{padding:clamp(3.25rem,7vw,5.5rem) 0;position:relative}.section.alt{background:var(--brand-mint-soft)}.section-intro{max-width:660px}.section-intro p{color:var(--brand-ink-soft);line-height:1.65}.grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.75rem;display:grid}.category-grid{grid-template-columns:repeat(4,1fr);gap:.8rem;margin:1.75rem 0 1rem;display:grid}.category-entry{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;gap:.45rem;min-height:130px;padding:1.1rem;text-decoration:none;display:flex}.category-entry:hover{border-color:var(--leaf)}.category-entry strong{color:var(--brand-ink);font-family:var(--font-display);font-size:1.04rem}.category-entry span{color:var(--brand-ink-soft);font-size:.91rem;line-height:1.45}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.35rem}.card p,.prose p,.prose li{color:var(--brand-ink-soft);line-height:1.65}.card a,.text-link{color:var(--leaf-deep);text-underline-offset:3px;font-weight:750}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tools-page{padding-bottom:4rem}.tools-hero{padding-bottom:2rem}.tools-browser{padding:1.25rem 0 3rem}.tools-controls{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:auto minmax(220px,1fr) auto minmax(180px,.55fr);align-items:center;gap:.65rem .9rem;padding:1rem;display:grid}.tools-controls label{color:var(--brand-ink-soft);font-size:.92rem;font-weight:650}.tools-search-wrap{gap:.5rem;min-width:0;display:flex}.tools-search,.tools-category{min-height:var(--target-min);border:1px solid var(--brand-line);background:var(--canvas);width:100%;color:var(--brand-ink);font:inherit;border-radius:8px;padding:.65rem .8rem}.tools-search:focus,.tools-category:focus{border-color:var(--leaf)}.tools-clear{min-height:var(--target-min);border:1px solid var(--brand-line);background:var(--canvas);color:var(--leaf-deep);font:600 .88rem var(--font-body);cursor:pointer;border-radius:8px;flex:none;padding:.55rem .75rem}.tools-clear:disabled{cursor:default;opacity:.5}.tools-clear:not(:disabled):hover{border-color:var(--leaf);background:var(--brand-mint-soft)}.tools-hint{color:var(--brand-ink-soft);margin:.8rem 0 0;font-size:.88rem}.tools-count{color:var(--brand-ink-soft);margin:1rem 0 2.25rem;font-size:.94rem}.tool-category-section{scroll-margin-top:calc(var(--header-height) + 1rem);margin:2.75rem 0 3.5rem}.tool-category-heading{border-bottom:1px solid var(--brand-line);justify-content:space-between;align-items:end;gap:1rem;padding-bottom:.8rem;display:flex}.tool-category-heading h2{margin:0 0 .4rem}.tool-category-heading p{max-width:620px;color:var(--brand-ink-soft);margin:0}.category-count{color:var(--leaf-deep);flex:none;font-size:.88rem;font-weight:700}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.2rem;display:grid}.tool-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;min-height:210px;padding:1.3rem;display:flex}.tool-card[hidden],.tool-category-section[hidden]{display:none}.tool-card h3{margin:.35rem 0 .55rem;font-size:1.2rem}.tool-card h3 a{text-decoration:none}.tool-card h3 a:hover{text-underline-offset:3px;text-decoration:underline}.tool-card>p:not(.tool-card-family){color:var(--brand-ink-soft);margin:0 0 1.1rem;line-height:1.55}.tool-card .text-link{margin-top:auto}.tool-card-family{color:var(--leaf-deep);letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:.77rem;font-weight:700}.tools-empty{background:var(--mist);color:var(--brand-ink-soft);border-radius:12px;margin:2rem 0;padding:1.2rem}.prose{max-width:760px;padding:3.75rem 0 5rem}.prose h1{font-size:clamp(2.25rem,5vw,3.7rem)}.prose h2{margin-top:2.4rem}.prose ul{padding-left:1.25rem}.callout{background:var(--mist);border-left:4px solid var(--leaf);color:var(--leaf-deep);border-radius:0 12px 12px 0;margin:1.5rem 0;padding:1rem 1.1rem;line-height:1.55}.faq{border-top:1px solid var(--brand-line);margin-top:1.3rem}details{border-bottom:1px solid var(--brand-line);padding:1rem 0}summary{font-family:var(--font-display);cursor:pointer;font-weight:600}details p{color:var(--brand-ink-soft);padding-right:1rem}.site-footer{border-top:1px solid var(--brand-line);background:var(--canvas);color:var(--brand-ink-soft);margin-top:96px;padding:28px 0 40px;font-size:15px}.foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.foot ul{flex-wrap:wrap;gap:22px;margin:0;padding:0;list-style:none;display:flex}.foot a{color:var(--brand-ink-soft);text-decoration:none}.foot a:hover{text-underline-offset:3px;text-decoration:underline}.button-link{min-height:var(--target-min);border-radius:var(--radius-md);background:var(--leaf);color:var(--text-inverse);align-items:center;padding:.7rem 1.15rem;font-weight:750;text-decoration:none;display:inline-flex}.button-link:hover{background:var(--leaf-deep)}.page-layout{grid-template-columns:minmax(0, var(--main-column-max));justify-content:center;gap:var(--space-8);align-items:start;display:grid}.page-layout--with-rail{grid-template-columns:minmax(0, var(--main-column-max)) var(--ad-rail-width)}.page-layout-main{min-width:0}.ad-rail{top:calc(var(--header-height) + var(--space-4));width:var(--ad-rail-width);contain:layout;align-self:start;min-height:600px;position:sticky}.ad-slot{width:100%;height:100%;min-height:600px}.ad-banner-mobile{display:none}@media (width<=1023px){.page-layout,.page-layout--with-rail{grid-template-columns:minmax(0,1fr)}.ad-rail{display:none}.ad-banner-mobile{width:100%;max-width:320px;min-height:100px;margin:var(--space-6) auto;contain:layout;display:block}}@media (width<=720px){.shell,.wrap{width:calc(100% - 32px)}.bar{min-height:64px}.brand{gap:8px;font-size:19px}.mark{width:26px;height:26px}.nav ul{gap:0}.navlink{padding:8px 9px;font-size:15px}.menu{grid-template-columns:1fr 1fr;gap:20px;width:auto;max-height:calc(100dvh - 88px);padding:22px;position:fixed;top:72px;left:16px;right:16px}.hero{padding:56px 0 24px}.sub{margin-bottom:32px}.frame-card{border-radius:22px}.facts{grid-template-columns:1fr;margin-top:40px}.fact{padding:14px 0}.fact+.fact{border-top:1px solid var(--brand-line);border-left:0}.disc{width:560px;height:560px;top:300px}.grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.tools-controls{grid-template-columns:1fr}.tools-controls label{margin-top:.2rem}.tool-category-heading{flex-direction:column;align-items:start}.tool-grid,.tool-facts{grid-template-columns:1fr}.frame-wrap,.converter-frame{min-height:520px}}@media (width<=480px){.menu,.category-grid{grid-template-columns:1fr}}@media (width<=360px){.bar{flex-wrap:wrap;gap:4px;padding:8px 0}.brand{gap:6px;font-size:18px}.mark{width:24px;height:24px}.nav{width:100%}.nav ul{justify-content:space-between}.navlink{padding-left:6px;padding-right:6px;font-size:14px}.menu{max-height:calc(100dvh - 128px);top:112px}main{scroll-margin-top:112px}}