:root{--bg:#08111d;--bg-soft:#111e31;--surface:rgba(9,19,33,0.82);--surface-strong:rgba(15,27,47,0.94);--field-bg:#1b2433;--field-bg-disabled:#2a3444;--text:#eff5ff;--muted:#aab8cf;--line:rgba(255,255,255,0.12);--accent:#f3d272;--accent-2:#6cf0c2;--shadow:0 30px 80px rgba(0,0,0,0.35)}html[data-theme=light]{--bg:#eef4fb;--bg-soft:#d9e5f2;--surface:rgba(255,255,255,0.8);--surface-strong:rgba(248,251,255,0.94);--field-bg:rgba(255,255,255,0.92);--field-bg-disabled:rgba(226,234,244,0.96);--text:#102036;--muted:#4f627c;--line:rgba(16,32,54,0.12);--accent:#f0b84f;--accent-2:#008f7a;--shadow:0 24px 60px rgba(30,59,94,0.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--font-body),sans-serif;background:radial-gradient(circle at top,rgba(108,240,194,.16),transparent 28%),radial-gradient(circle at 80% 20%,rgba(243,210,114,.2),transparent 22%),linear-gradient(180deg,#0b1627,#08111d 55%,#050b13);transition:background .22s ease,color .22s ease}html[data-theme=light] body{background:radial-gradient(circle at top,rgba(0,143,122,.08),transparent 24%),radial-gradient(circle at 78% 16%,rgba(240,184,79,.18),transparent 18%),linear-gradient(180deg,#f8fbff,#eef4fb 52%,#e3edf7)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 0);background-size:36px 36px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 92%)}html[data-theme=light] body:before{background-image:linear-gradient(rgba(16,32,54,.04) 1px,transparent 0),linear-gradient(90deg,rgba(16,32,54,.04) 1px,transparent 0)}a{color:inherit;text-decoration:none}main{display:grid;grid-gap:3.5rem;gap:3.5rem}.page-shell{width:min(1200px,calc(100% - 2rem));margin:0 auto;padding:1rem 0 3rem}.content-panel,.hero-grid,.site-footer,.site-header,.tool-directory,.tool-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.site-header{display:grid;grid-gap:1.5rem;gap:1.5rem;padding:1.1rem 1.25rem;margin-bottom:2rem;position:relative;z-index:40;border-radius:28px;background:rgba(10,20,36,.75)}html[data-theme=light] .site-header{background:rgba(255,255,255,.72)}.site-header__top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-header__actions{display:flex;align-items:center;gap:.75rem}.menu-toggle,.site-header__theme--mobile{display:none}.site-nav{display:block}.brand-mark{display:inline-flex;align-items:center;gap:.95rem}.brand-mark__logo{position:relative;display:inline-grid;place-items:center;width:3.5rem;height:3.5rem;flex-shrink:0}.brand-mark__logo-image{grid-area:1/1;width:100%;height:100%;object-fit:contain}.brand-mark__logo-image--dark,html[data-theme=dark] .brand-mark__logo-image--light{opacity:0}html[data-theme=dark] .brand-mark__logo-image--dark{opacity:1}.brand-mark strong{display:block;font-size:1rem}.brand-mark__sub{display:block;color:var(--muted);font-size:.82rem}.footer-links,.nav-list{display:flex;flex-wrap:wrap;gap:.8rem 1.1rem;padding:0;margin:0;list-style:none}.footer-links a,.nav-list a{color:var(--muted)}.footer-links a:hover,.nav-list a:hover,.tool-directory__item a:hover{color:var(--accent)}.nav-group{position:relative;display:flex;align-items:center;gap:.45rem}.nav-group__label{color:var(--muted)}.nav-group__label:after{content:"▾";margin-left:.35rem;font-size:.75rem}.nav-sublist{position:absolute;top:calc(100% + .7rem);left:0;z-index:80;display:grid;grid-gap:.45rem;gap:.45rem;min-width:19rem;padding:.8rem;margin:0;list-style:none;border:1px solid var(--line);border-radius:18px;background:var(--surface-strong);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.nav-subgroup{display:grid;grid-gap:.35rem;gap:.35rem}.nav-subgroup__title{color:var(--accent-2);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.nav-subgroup__list{display:grid;grid-gap:.2rem;gap:.2rem;padding:0;margin:0;list-style:none}.nav-group:focus-within .nav-sublist,.nav-group:hover .nav-sublist{opacity:1;visibility:visible;transform:translateY(0)}.nav-sublist a{display:block;padding:.35rem .25rem;color:var(--text)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-gap:1.5rem;gap:1.5rem;padding:1.5rem;border-radius:32px;background:linear-gradient(145deg,rgba(16,32,56,.92),rgba(8,17,29,.82)),rgba(12,18,34,.92)}html[data-theme=light] .hero-grid{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(233,242,251,.92)),rgba(248,251,255,.96)}.hero-copy{display:grid;align-content:start;grid-gap:1rem;gap:1rem;min-height:420px;animation:rise-in .7s ease both}.eyebrow{margin:0;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2);font-size:.78rem;font-weight:700}h1,h2,h3{margin:0;font-family:var(--font-display),serif;line-height:.98}h1{font-size:clamp(3rem,7vw,5.7rem);max-width:11ch}h2{font-size:clamp(1.9rem,4vw,3rem)}h3{font-size:1.35rem}p{margin:0;color:var(--muted);line-height:1.7}.hero-intro{max-width:58ch;font-size:1.06rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:.95rem 1.25rem;background:linear-gradient(135deg,var(--accent),#ff9f68);color:#08111d;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.button:hover{transform:translateY(-2px);box-shadow:0 18px 28px rgba(255,159,104,.26)}.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}.button--ghost{border:1px solid var(--line)}.button--ghost,.theme-toggle{background:transparent;color:var(--text)}.theme-toggle{padding:0;border:0;cursor:pointer}.menu-toggle{align-items:center;gap:.7rem;padding:.7rem .95rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.05);color:var(--text);font:inherit;font-weight:700;cursor:pointer}.menu-toggle__icon{display:grid;grid-gap:.22rem;gap:.22rem}.menu-toggle__icon span{display:block;width:1rem;height:2px;border-radius:999px;background:currentColor}.menu-toggle__text{font-size:.88rem}.theme-toggle__track{display:inline-flex;align-items:center;gap:.8rem;min-width:10.25rem;padding:.45rem .5rem .45rem .9rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.05)}.theme-toggle__label{font-size:.88rem;font-weight:700}.theme-toggle__thumb{position:relative;width:2.4rem;height:1.45rem;border-radius:999px;background:rgba(255,255,255,.12)}.theme-toggle__thumb:after{content:"";position:absolute;top:.14rem;left:.14rem;width:1.15rem;height:1.15rem;border-radius:50%;background:linear-gradient(135deg,var(--accent),#ff9f68);transition:transform .18s ease}html[data-theme=light] .theme-toggle__thumb:after{transform:translateX(.95rem)}.tool-panel{min-width:0;padding:1.25rem;border-radius:24px;background:var(--surface);animation:rise-in .85s ease both}.generator-form{display:grid;grid-gap:1rem;gap:1rem;min-width:0}.generator-form label{display:grid;grid-gap:.45rem;gap:.45rem;color:var(--text);font-weight:600}.generator-form input,.generator-form select{width:100%;border:1px solid var(--line);border-radius:16px;padding:.9rem 1rem;background:var(--field-bg);color:var(--text);font:inherit}.generator-form input:disabled,.generator-form select:disabled{background:var(--field-bg-disabled);color:var(--muted);opacity:1}.checkbox-row{grid-template-columns:auto 1fr;align-items:center;gap:.8rem}.checkbox-row input{width:1.1rem;height:1.1rem;margin:0}.result-tile{display:grid;grid-template-rows:auto 1fr auto;grid-gap:.45rem;gap:.45rem;padding:1.1rem;min-width:0;min-height:calc(9.5rem + 40px);border-radius:20px;background:linear-gradient(135deg,rgba(108,240,194,.12),rgba(243,210,114,.12)),var(--surface-strong);border:1px solid rgba(255,255,255,.08);overflow:hidden}.result-tile__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.25rem}.result-tile__label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.copy-button{flex-shrink:0;border:1px solid var(--line);border-radius:999px;padding:.45rem .8rem;background:rgba(255,255,255,.04);color:var(--text);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease;opacity:0;visibility:hidden;pointer-events:none}.copy-button:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24);transform:translateY(-1px)}.copy-button--visible{opacity:1;visibility:visible;pointer-events:auto}.result-tile strong,.result-tile__value{display:flex;align-items:center;justify-content:center;align-self:stretch;width:100%;min-width:0;min-height:100%;font-size:clamp(1.7rem,4vw,3rem);line-height:1.1;text-align:center;overflow-wrap:anywhere;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1,tabular-nums lining-nums}.result-tile .result-tile__value--placeholder{font-size:clamp(.95rem,1.55vw,1.2rem);color:var(--muted)}.result-tile small{color:var(--muted);font-size:.95rem}.error-text{color:#ff9c96}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1.25rem;gap:1.25rem}.page-intro{display:grid;grid-gap:1rem;gap:1rem;max-width:64rem}.breadcrumbs{display:flex}.breadcrumbs__list{display:flex;flex-wrap:wrap;gap:.45rem;padding:0;margin:0;list-style:none;color:var(--muted);font-size:.92rem}.breadcrumbs__item{display:inline-flex;align-items:center;gap:.45rem}.breadcrumbs__item:not(:last-child):after{content:"/";color:var(--muted)}.breadcrumbs__item a:hover{color:var(--accent)}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-grid,.blog-index{display:grid;grid-gap:1.25rem;gap:1.25rem}.blog-search-panel{align-content:start}.blog-search-field{display:grid;grid-gap:.45rem;gap:.45rem;color:var(--text);font-weight:600}.blog-search-field input{width:100%;border:1px solid var(--line);border-radius:16px;padding:.9rem 1rem;background:var(--field-bg);color:var(--text);font:inherit}.blog-search-summary{font-size:.95rem}.blog-card{align-content:space-between}.blog-article__meta,.blog-card__footer,.blog-card__meta{display:flex;flex-wrap:wrap;gap:.65rem 1rem;color:var(--muted);font-size:.9rem}.blog-article__meta span,.blog-card__footer span,.blog-card__meta span{padding:.35rem .7rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03)}.blog-article,.blog-article__sections,.blog-section__blocks{display:grid;grid-gap:1.25rem;gap:1.25rem}.faq-panel{align-content:start}.faq-list{display:grid;grid-gap:1rem;gap:1rem}.faq-item{display:grid;grid-gap:.55rem;gap:.55rem;padding-top:1rem;border-top:1px solid var(--line)}.faq-item:first-child{padding-top:0;border-top:0}.blog-article__hero{gap:1rem}.blog-section h2{max-width:18ch}.blog-code-block{overflow-x:auto;padding:1rem;border:1px solid var(--line);border-radius:20px;background:rgba(3,9,17,.75)}html[data-theme=light] .blog-code-block{background:rgba(236,243,250,.9)}.blog-code-block code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;white-space:pre-wrap}.blog-list{display:grid;grid-gap:.8rem;gap:.8rem;padding-left:1.2rem;margin:0;color:var(--muted)}.blog-inline-link{display:inline-flex;align-items:center;padding:.75rem 1rem;border:1px solid var(--line);border-radius:18px;color:var(--text);background:rgba(255,255,255,.03);transition:border-color .18s ease,transform .18s ease}.blog-inline-link:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.24)}.blog-links-block{display:flex;flex-wrap:wrap;gap:.8rem}.homepage-blog-link{justify-self:start}.content-panel,.tool-directory{border-radius:28px;padding:1.35rem;background:rgba(7,14,24,.72);animation:fade-in .9s ease both}html[data-theme=light] .content-panel,html[data-theme=light] .site-footer,html[data-theme=light] .tool-directory,html[data-theme=light] .tool-panel{background:rgba(255,255,255,.72)}.content-panel{display:grid;grid-gap:.8rem;gap:.8rem}.tool-directory{display:grid;grid-gap:1.4rem;gap:1.4rem}.section-heading{display:grid;grid-gap:.6rem;gap:.6rem}.tool-directory__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem}.tool-directory__item{padding:1rem 0;border-top:1px solid var(--line)}.tool-directory__item p{margin-top:.65rem}.site-footer{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:1.5rem;gap:1.5rem;margin-top:3rem;padding:1.5rem;border-radius:28px;background:rgba(10,20,36,.8)}@keyframes rise-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media (max-width:900px){.blog-grid,.content-grid,.hero-grid,.site-footer,.tool-directory__grid{grid-template-columns:1fr}.hero-copy{min-height:unset}}@media (max-width:640px){.page-shell{width:min(100% - 1rem,1200px)}.content-panel,.hero-grid,.site-footer,.site-header,.tool-directory,.tool-panel{border-radius:22px}h1{max-width:100%}.site-header__top{align-items:stretch;flex-direction:column}.site-header__actions{width:100%;justify-content:space-between}.site-header__theme--desktop{display:none}.menu-toggle,.site-header__theme--mobile{display:inline-flex}.site-nav{display:none}.site-nav--open{display:grid;grid-gap:1rem;gap:1rem}.nav-list{gap:1rem}.nav-group,.nav-list{align-items:flex-start;flex-direction:column}.nav-group{width:100%}.nav-sublist{position:static;min-width:0;width:100%;opacity:1;visibility:visible;transform:none;box-shadow:none}.site-header__theme--mobile{width:100%}.theme-toggle__track{min-width:0;width:100%}.result-tile{min-height:calc(9.5rem + 10px)}.result-tile__top{align-items:flex-start;flex-direction:column}.copy-button{width:100%;justify-content:center}}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/fb526027db1fc1ae-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4da3161b738b07dd-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/af4bf8399d1aacdf-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Fraunces Fallback;src:local("Times New Roman");ascent-override:84.71%;descent-override:22.09%;line-gap-override:0.00%;size-adjust:115.45%}.__className_eb41fe{font-family:Fraunces,Fraunces Fallback;font-style:normal}.__variable_eb41fe{--font-display:"Fraunces","Fraunces Fallback"}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/e1aab0933260df4d-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/b7387a63dd068245-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/36966cca54120369-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Space Grotesk Fallback;src:local("Arial");ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.00%;size-adjust:109.69%}.__className_dd5b2f{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.__variable_dd5b2f{--font-body:"Space Grotesk","Space Grotesk Fallback"}