@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/2c55a0e60120577a-s.0bjc5tiuqdqro-Cpd2YT5r.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/9c72aa0f40e4eef8-s.0m6w47a4e5dy9-C5ekK6td.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/ad66f9afd8947f86-s.11u06r12fd6v_-Ai74Rjx-.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/5476f68d60460930-s.0wxq9webf.ew4-BQL42Lnq.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/2bbe8d2671613f1f-s.067x_6k0k23tk-YEzCLjIM.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/1bffadaabf893a1e-s.16ipb6fqu393i-B_-bZUTo.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/83afe278b6a6bb3c-s.p.0q-301v4kxxnr-8kRkwJBP.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0%;size-adjust:107.12%}:root{--bg:#f4f6f9;--surface:#fff;--surface-strong:#eef2f7;--text:#111827;--muted:#526071;--soft:#7b8794;--border:#dde4ee;--border-strong:#c8d2df;--primary:#2563eb;--primary-strong:#1d4ed8;--primary-soft:#eaf1ff;--accent:#0f766e;--success:#047857;--success-soft:#e8f7f1;--warning:#a15c07;--warning-soft:#fff7e8;--shadow:0 14px 42px #0f172a14;--radius:8px;--content:1220px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Fallback,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}html{background:var(--bg)}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--primary);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{color:var(--primary-strong)}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--text);letter-spacing:0;line-height:1.08}h1{font-size:clamp(2rem,3.6vw,3.35rem);font-weight:750}h2{font-size:1.18rem;font-weight:720}h3{font-size:1rem;font-weight:720}code{color:#1c2938;background:#eef2f6;border-radius:5px;align-items:center;padding:.12rem .38rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.92em;display:inline-flex}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:200;background:#fff;border-bottom:1px solid #4a556826;width:100%;padding:0 24px;position:sticky;top:0}.site-header-inner{width:min(var(--content), calc(100% - 32px));justify-content:space-between;align-items:center;gap:16px;height:64px;margin:0 auto;display:flex;position:relative}.brand,.footer-brand{color:var(--text);align-items:center;gap:.62rem;font-weight:760;text-decoration:none;display:inline-flex}.brand{flex-shrink:0;font-size:.92rem}.brand-mark{color:#0070f3;background:#eef6ff;border:1px solid #bfdbfe;border-radius:5px;place-items:center;width:42px;height:42px;display:inline-grid}.primary-nav{align-items:center;gap:24px;display:flex}.primary-nav a{color:#4a5568;justify-content:center;align-items:center;min-height:36px;font-size:.82rem;font-weight:560;text-decoration:none;display:inline-flex}.primary-nav a:hover,.primary-nav a.router-link-active{color:#0058c3}.primary-nav a.nav-cta{color:#fff;background:linear-gradient(135deg,#0058c3,#0070f3);border-radius:4px;min-height:36px;padding:0 18px;font-weight:700;box-shadow:0 8px 18px #0070f333}.primary-nav a.nav-cta:hover,.primary-nav a.nav-cta.router-link-active{color:#fff;background:linear-gradient(135deg,#004aa8,#0065dc)}.icon-button{border:1px solid var(--border);width:42px;height:42px;color:var(--text);background:var(--surface);border-radius:8px;place-items:center;display:inline-grid}.mobile-menu-button{display:none}.generator-layout{scroll-margin-top:84px}main{flex:1}.tool-hero{width:min(var(--content), calc(100% - 32px));grid-template-columns:minmax(0,1fr) 380px;align-items:end;gap:2rem;margin:.5rem auto 1.2rem;padding:2rem 0 1.1rem;display:grid}.hero-copy{max-width:760px}.hero-copy h1{margin-top:.55rem}.hero-copy p:last-child{max-width:680px;color:var(--muted);margin-top:.8rem;font-size:1rem}.eyebrow{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-size:.73rem;font-weight:780}.hero-panel{border-radius:var(--radius);color:var(--primary-strong);background:var(--primary-soft);border:1px solid #c7d7fe;align-items:flex-start;gap:.85rem;padding:1rem;display:flex}.hero-panel strong,.hero-panel span{display:block}.hero-panel span{color:#41536b;margin-top:.2rem;font-size:.9rem}.generator-layout{width:min(var(--content), calc(100% - 32px));grid-template-columns:minmax(0,1fr) 430px;gap:1.2rem;margin:0 auto 2.5rem;display:grid}.workspace{gap:1rem;display:grid}.tool-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.content-panel,.tool-panel:not(.preview-panel){padding:1rem}.panel-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.85rem;display:flex}.panel-heading svg{color:var(--primary);flex:none}.panel-badge{min-height:30px;color:var(--primary-strong);background:var(--primary-soft);border-radius:999px;justify-content:center;align-items:center;padding:0 .65rem;font-size:.82rem;font-weight:760;display:inline-flex}.type-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin-bottom:.9rem;display:grid}.type-option{border:1px solid var(--border);min-height:42px;color:var(--muted);background:#fbfcfe;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;font-weight:720;display:inline-flex}.type-option:hover,.type-option.active{color:var(--primary-strong);background:var(--primary-soft);border-color:#a8c8ce}.form-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.span-2{grid-column:1/-1}.field{gap:.32rem;display:grid}.field span,.check-field span{color:#344154;font-size:.84rem;font-weight:720}.field input[type=text],.field input[type=url],.field input[type=email],.field input[type=tel],.field select,.field textarea{border:1px solid var(--border-strong);width:100%;min-height:42px;color:var(--text);background:#fff;border-radius:8px;outline:none;padding:.58rem .72rem;transition:border-color .16s,box-shadow .16s}.field textarea{resize:vertical;min-height:112px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #146c7524}.check-field{align-items:center;gap:.55rem;min-height:42px;padding-top:1.25rem;display:flex}.check-field input{width:16px;height:16px;accent-color:var(--primary)}.range-row{grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:.6rem;min-height:38px;display:grid}.range-row input[type=range]{width:100%;accent-color:var(--primary)}.range-row output{min-height:30px;color:var(--primary-strong);background:var(--primary-soft);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;font-size:.82rem;font-weight:750;display:inline-flex}.color-pair{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.color-field{grid-template-columns:44px minmax(9ch,1fr);align-items:center;gap:.45rem .65rem}.color-field span{grid-column:1/-1}.color-field input[type=color]{border:1px solid var(--border-strong);background:#fff;border-radius:8px;width:42px;height:42px;padding:0}.color-field input[type=text]{letter-spacing:0;min-width:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.logo-box{border-top:1px solid var(--border);margin-top:.85rem;padding-top:.85rem}.logo-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.7rem;display:flex}.logo-heading svg{color:var(--accent)}.logo-actions,.download-box{flex-wrap:wrap;gap:.65rem;display:flex}.logo-settings{gap:.65rem;margin-top:.7rem;display:grid}.logo-settings .check-field{padding-top:0}.reset-button{margin-top:.7rem}.button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;min-height:40px;padding:0 .85rem;font-size:.9rem;font-weight:760;text-decoration:none;transition:transform .16s,border-color .16s,background-color .16s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.55}.button.primary{color:#fff;background:var(--primary)}.button.primary:hover{color:#fff;background:var(--primary-strong)}.button.secondary{color:var(--primary-strong);background:var(--primary-soft);border-color:#b8d4d9}.button.ghost{border-color:var(--border);color:#39475a;background:#fff}.auto-preview-status{border-top:1px solid var(--border);color:var(--soft);text-align:right;margin-top:.95rem;padding-top:.9rem;font-size:.84rem}.preview-column{min-width:0}.preview-panel{padding:1rem;position:sticky;top:78px}.preview-panel .panel-heading{margin-bottom:.7rem}.preview-panel h2{font-size:1.12rem}.qr-frame{aspect-ratio:1;border:1px solid var(--border);border-radius:8px;place-items:center;width:100%;min-height:260px;max-height:min(420px,100vh - 310px);padding:clamp(.65rem,2vw,1rem);display:grid;overflow:hidden}.qr-frame.empty{background:#f8fafc;border-style:dashed}.qr-frame canvas{width:min(100%,256px);height:auto;max-height:100%;image-rendering:pixelated;display:block}.qr-placeholder{max-width:260px;color:var(--soft);text-align:center;justify-items:center;gap:.45rem;display:grid}.qr-placeholder svg{color:#94a3b8}.qr-placeholder strong{color:var(--text);font-size:.98rem}.qr-placeholder span{color:var(--muted);font-size:.88rem}.qr-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.75rem;display:grid}.qr-stats div{border:1px solid var(--border);background:#fbfcfe;border-radius:8px;min-height:52px;padding:.55rem}.qr-stats span,.qr-stats strong{display:block}.qr-stats span{color:var(--soft);text-transform:uppercase;font-size:.68rem;font-weight:760}.qr-stats strong{color:var(--text);margin-top:.12rem;font-size:.96rem}.quality-list{gap:.42rem;margin-top:.75rem;display:grid}.quality{border-radius:8px;align-items:flex-start;gap:.5rem;padding:.58rem;font-size:.84rem;display:flex}.quality svg{flex:none;margin-top:.12rem}.quality.success{color:var(--success);background:var(--success-soft)}.quality.warning{color:var(--warning);background:var(--warning-soft)}.download-box{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.75rem;display:grid}.download-box .button{width:100%}.content-section{border-top:1px solid var(--border);background:#fff;padding:clamp(3.4rem,6vw,4.8rem) 0}.content-section.tinted{background:#f8fafc}.content-inner{width:min(980px,100% - 32px);margin:0 auto}.content-section h2{max-width:780px;font-size:clamp(1.55rem,3vw,2.35rem);font-weight:760;line-height:1.12}.content-section h3{font-size:1rem;line-height:1.25}.section-kicker{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem;font-size:.72rem;font-weight:800}.section-kicker.danger{color:#b42318}.section-lede{max-width:760px;color:var(--muted);margin-top:1rem;font-size:1rem;line-height:1.75}.section-heading-row{justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1.4rem;display:flex}.principle-grid,.use-case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:1.5rem;display:grid}.principle-card,.use-case-card{border:1px solid var(--border);background:#fff;border-radius:8px;min-height:100%;padding:1rem}.principle-card h3,.use-case-card h3,.reason-item h3,.faq-item h3{color:var(--text)}.principle-card p,.use-case-card p,.reason-item p,.faq-item p{color:var(--muted);margin-top:.55rem;font-size:.94rem;line-height:1.65}.blog-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.blog-preview-card{border:1px solid var(--border);min-height:100%;color:inherit;background:#fff;border-radius:8px;padding:1.05rem;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}.blog-preview-card:hover{border-color:#0058c338;transform:translateY(-2px);box-shadow:0 16px 36px #0f172a14}.blog-preview-card h3{margin-top:.8rem}.blog-preview-card p{color:var(--muted);margin-top:.6rem;font-size:.94rem;line-height:1.65}.split-content,.security-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(1.4rem,4vw,3rem);display:grid}.reason-list{gap:0;display:grid}.reason-item{border-bottom:1px solid var(--border);padding:1rem 0}.reason-item:first-child{padding-top:0}.safety-list{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.safety-list li{border:1px solid var(--border);color:var(--muted);background:#fff;border-radius:8px;padding:.85rem .9rem .85rem 2.15rem;line-height:1.55;position:relative}.safety-list li:before{background:var(--accent);content:"";border-radius:999px;width:.55rem;height:.55rem;position:absolute;top:1.15rem;left:.9rem}.faq-section{padding-bottom:clamp(3.8rem,7vw,5.4rem)}.faq-list{margin-top:1.5rem;display:grid}.faq-item{border-top:1px solid var(--border);padding:1.2rem 0}.faq-item:last-child{border-bottom:1px solid var(--border)}.info-band{width:min(var(--content), calc(100% - 32px));border:1px solid var(--border);border-radius:var(--radius);background:#fff;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0 auto 3rem;padding:1.1rem;display:grid}.info-band div{padding:.5rem}.info-band p{color:var(--muted);margin-top:.5rem}.site-footer{width:min(var(--content), calc(100% - 32px));border-top:1px solid var(--border);margin:0 auto;padding:2.4rem 0 2.2rem}.footer-main{grid-template-columns:minmax(220px,1.25fr) repeat(4,minmax(120px,.7fr));align-items:start;gap:clamp(1.2rem,3vw,2.4rem);display:grid}.footer-summary p{max-width:390px;color:var(--muted);margin-top:.7rem;font-size:.92rem;line-height:1.65}.footer-email{color:var(--primary);align-items:center;gap:.45rem;margin-top:1rem;font-size:.9rem;font-weight:720;text-decoration:none;display:inline-flex}.footer-email:hover{color:var(--primary-strong)}.footer-column{gap:.52rem;display:grid}.footer-column h2{color:var(--text);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.18rem;font-size:.78rem;font-weight:820}.footer-column a{color:var(--muted);font-size:.9rem;font-weight:620;text-decoration:none}.footer-column a:hover{color:var(--primary)}.footer-highlights{border:1px solid var(--border);background:#fbfcfe;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:2rem;padding:1rem;display:grid}.footer-highlights div{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.16rem .5rem;display:grid}.footer-highlights svg{color:var(--success);grid-row:span 2;margin-top:.12rem}.footer-highlights strong{color:var(--text);font-size:.88rem}.footer-highlights span{color:var(--muted);font-size:.82rem;line-height:1.45}.footer-bottom{color:var(--soft);justify-content:space-between;align-items:center;gap:1rem;margin-top:1.35rem;font-size:.78rem;display:flex}.cookie-overlay{z-index:180;pointer-events:none;justify-content:center;padding:0 1rem 1rem;display:flex;position:fixed;bottom:0;left:0;right:0}.cookie-banner{border:1px solid var(--border-strong);border-radius:var(--radius);pointer-events:auto;background:#fff;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.85rem;width:min(860px,100%);padding:1rem;display:grid;box-shadow:0 18px 44px #0f172a29}.cookie-icon{width:42px;height:42px;color:var(--primary);background:var(--primary-soft);border-radius:8px;place-items:center;display:grid}.cookie-copy h2{font-size:1rem}.cookie-copy p{color:var(--muted);margin-top:.28rem;font-size:.9rem}.cookie-actions{gap:.55rem;display:flex}.legal-page{width:min(860px,100% - 32px);margin:1.2rem auto 3rem;padding:3rem 0 1rem}.legal-page h1{margin-top:.55rem;font-size:clamp(2rem,4vw,3.4rem)}.legal-page .lede{color:var(--muted);margin-top:1rem;font-size:1.08rem}.legal-page section{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-top:1.45rem;padding:1.15rem}.legal-page section h2{font-size:1.12rem}.legal-page section p{color:var(--muted);margin-top:.55rem}.contact-card{gap:.8rem;display:grid}.contact-method{align-items:flex-start;gap:.8rem;display:flex}.contact-method svg{color:var(--primary)}.contact-action{margin-top:1.2rem}.blog-page{background:#f7fafc}.blog-hero{color:#fff;background:linear-gradient(160deg,#08122a 0%,#12325f 58%,#0b172e 100%);padding:3.5rem 1.25rem 2.9rem}.blog-hero-inner,.blog-index{width:min(820px,100% - 32px);margin:0 auto}.blog-hero .section-kicker{color:#93c5fd}.blog-hero h1{color:#fff;max-width:760px;margin-top:.8rem;font-size:clamp(2rem,4vw,2.85rem)}.blog-hero p:last-child{color:#ffffffad;max-width:720px;margin-top:1rem;font-size:1rem;line-height:1.7}.blog-index{gap:1.25rem;padding:3rem 0 4rem;display:grid}.blog-index-card{border-radius:var(--radius);background:#fff;border:1px solid #4a556817;padding:2rem 1.75rem}.blog-index-link{color:inherit;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}.blog-index-link:hover{border-color:#0058c338;transform:translateY(-2px);box-shadow:0 18px 42px #0f172a14}.blog-index-card h2{margin-top:.9rem;font-size:clamp(1.15rem,2.5vw,1.45rem);line-height:1.25}.blog-index-card p{color:var(--muted);margin-top:.8rem;font-size:.95rem;line-height:1.7}.blog-index-card ul{color:var(--muted);gap:.45rem;margin:1rem 0 0;padding-left:1.1rem;font-size:.92rem;display:grid}.blog-read-link{color:var(--blog-tone,var(--primary));margin-top:1.1rem;font-size:.9rem;font-weight:760;display:inline-flex}.blog-meta{color:var(--soft);flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.78rem;display:flex}.blog-category{color:var(--blog-tone,#0058c3);letter-spacing:.08em;text-transform:uppercase;background:#0f172a0f;border-radius:3px;padding:.18rem .55rem;font-size:.68rem;font-weight:780}[data-tone=blue]{--blog-tone:#0058c3}[data-tone=green]{--blog-tone:#047857}[data-tone=purple]{--blog-tone:#7c3aed}[data-tone=orange]{--blog-tone:#c2410c}[data-tone=red]{--blog-tone:#dc2626}.blog-cta{color:#fff;text-align:center;background:linear-gradient(160deg,#08122a,#12325f);border-radius:12px;margin-top:1.7rem;padding:2.4rem 1.75rem}.blog-cta h2{color:#fff;font-size:clamp(1.3rem,3vw,1.8rem)}.blog-cta p{color:#ffffffad;max-width:620px;margin:.75rem auto 1.4rem}.blog-article-page{background:#f7fafc}.blog-article-hero{color:#fff;background:radial-gradient(circle at 80% 20%,#3b82f633,#0000 26rem),linear-gradient(160deg,#08122a 0%,#12325f 58%,#0b172e 100%);padding:3.4rem 1.25rem 3rem}.blog-article-hero-inner,.blog-article-shell,.article-bottom,.blog-not-found{width:min(820px,100% - 32px);margin:0 auto}.article-back-link{color:#ffffffb8;margin-bottom:1.2rem;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.article-back-link:hover{color:#fff}.blog-article-hero .blog-category{color:#bfdbfe;background:#ffffff1a}.blog-article-hero h1{color:#fff;max-width:780px;margin-top:.9rem;font-size:clamp(2.1rem,5vw,3.35rem);line-height:1.05}.blog-article-hero p{color:#ffffffb3;max-width:720px;margin-top:1rem;font-size:1rem;line-height:1.7}.blog-article-shell{gap:2rem;padding:3rem 0 1.5rem;display:grid}.quick-answer{border:1px solid #0058c32e;border-left:4px solid var(--blog-tone,var(--primary));background:#fff;border-radius:8px;padding:1.35rem 1.45rem;box-shadow:0 14px 32px #0f172a0f}.quick-answer span{color:var(--blog-tone,var(--primary));letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:820}.quick-answer p{color:var(--text);margin-top:.55rem;font-size:1rem;line-height:1.7}.article-section{border-bottom:1px solid var(--border);padding-bottom:2rem}.article-section h2{color:var(--text);font-size:clamp(1.35rem,3vw,1.85rem);line-height:1.2}.article-section p{color:var(--muted);margin-top:1rem;font-size:1rem;line-height:1.78}.article-section ul{color:var(--muted);gap:.5rem;margin:1.1rem 0 0;padding-left:1.15rem;line-height:1.65;display:grid}.article-bottom{gap:1.25rem;padding:1.5rem 0 4rem;display:grid}.article-cta{color:#fff;background:linear-gradient(160deg,#08122a,#12325f);border-radius:12px;padding:2rem}.article-cta .section-kicker{color:#93c5fd}.article-cta h2{color:#fff;margin-top:.65rem;font-size:clamp(1.35rem,3vw,1.85rem)}.article-cta p:not(.section-kicker){color:#ffffffb3;max-width:650px;margin:.7rem 0 1.35rem;line-height:1.7}.related-articles{background:#fff;border:1px solid #4a556817;border-radius:12px;padding:1.5rem}.related-articles h2{font-size:1.15rem}.related-article-list{gap:.75rem;margin-top:1rem;display:grid}.related-article{border:1px solid var(--border);color:inherit;border-radius:8px;gap:.45rem;padding:1rem;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:grid}.related-article:hover{border-color:#0058c338;box-shadow:0 12px 28px #0f172a0f}.related-article strong{color:var(--text);font-size:1rem}.related-article>span:last-child{color:var(--soft);font-size:.82rem}.blog-not-found{padding:4rem 0}.blog-not-found h1{margin-top:.7rem;font-size:clamp(2rem,5vw,3rem)}.blog-not-found p:not(.section-kicker){max-width:620px;color:var(--muted);margin:.9rem 0 1.4rem;line-height:1.7}.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}@media (width<=980px){.tool-hero,.generator-layout{grid-template-columns:1fr}.tool-hero{padding-top:2.6rem}.hero-panel{max-width:520px}.preview-panel{position:static}.preview-column{order:-1}.qr-frame{max-width:460px;margin:0 auto}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-summary{grid-column:1/-1}.footer-highlights{grid-template-columns:1fr}}@media (width<=760px){.site-header{padding:0 12px}.site-header-inner{width:100%}.mobile-menu-button{display:inline-grid}.primary-nav{background:#fff;border:1px solid #dce3eae6;border-radius:8px;flex-direction:column;align-items:stretch;gap:.2rem;width:min(260px,100vw - 24px);padding:.45rem;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 40px #1c2a391f}.primary-nav.open{display:flex}.primary-nav a{justify-content:flex-start;min-height:40px;padding:0 .72rem}.primary-nav a.nav-cta{justify-content:center;margin-top:.2rem}.tool-hero,.generator-layout,.info-band,.site-footer,.legal-page{width:calc(100% - 24px)}.tool-hero{margin-top:.4rem;padding-top:1.8rem}.type-grid,.form-grid,.settings-grid,.color-pair,.principle-grid,.split-content,.security-layout,.use-case-grid,.blog-preview-grid,.info-band{grid-template-columns:1fr}.section-heading-row{flex-direction:column;align-items:flex-start}.content-section{padding:2.8rem 0}.blog-hero{padding:2.7rem 1rem 2.3rem}.blog-index{width:calc(100% - 24px);padding:2.2rem 0 3rem}.blog-article-hero{padding:2.7rem 1rem 2.35rem}.blog-article-hero-inner,.blog-article-shell,.article-bottom,.blog-not-found{width:calc(100% - 24px)}.blog-article-shell{padding-top:2.2rem}.blog-index-card,.blog-cta,.article-cta,.related-articles{padding:1.35rem}.color-field{grid-template-columns:46px minmax(0,1fr)}.color-field span{grid-column:1/-1}.download-box{grid-template-columns:1fr}.site-footer{padding:2rem 0}.footer-main{grid-template-columns:1fr}.footer-summary{grid-column:auto}.footer-bottom{flex-direction:column;align-items:flex-start}.footer-highlights{padding:.85rem}.cookie-banner{grid-template-columns:1fr}.cookie-actions{grid-template-columns:1fr 1fr;display:grid}}@media (width<=430px){:root{font-size:15px}.content-panel,.tool-panel:not(.preview-panel),.preview-panel{padding:.9rem}.qr-stats{grid-template-columns:1fr}}