:root{--background:#081717;--background-soft:#0b2020;--surface:#0d2424;--surface-strong:#102c2b;--surface-muted:#163432;--text:#f7fbfa;--text-muted:#91b8b4;--text-subtle:#6f9692;--primary:#20bea9;--primary-hover:#2ccdb7;--primary-text:#062421;--border:#1b4542;--border-strong:#28605b;--danger:#ff8c8c;--warning:#f6c768;--shadow:0 18px 50px #0003;--radius-sm:.625rem;--radius:.875rem;--radius-lg:1.25rem;--container:68rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--background:#f7fbfa;--background-soft:#edf7f5;--surface:#fff;--surface-strong:#e8f4f2;--surface-muted:#dcefeb;--text:#0b2926;--text-muted:#476f6b;--text-subtle:#668984;--primary:#16a994;--primary-hover:#0d927f;--primary-text:#fff;--border:#c9e0dc;--border-strong:#9fc8c1;--danger:#b42318;--warning:#8a5d00;--shadow:0 18px 50px #0f46401a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{background:radial-gradient(circle at 50% -8rem, #20bea914, transparent 30rem), var(--background);min-width:320px;color:var(--text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.6}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance;line-height:1.15}h1{letter-spacing:-.045em;font-size:clamp(2.35rem,6vw,4.25rem)}h2{letter-spacing:-.025em;font-size:clamp(1.65rem,4vw,2.35rem)}h3{font-size:1.05rem}::selection{background:#20bea94d}:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{z-index:200;border-radius:var(--radius-sm);background:var(--primary);color:var(--primary-text);padding:.7rem 1rem;font-weight:750;text-decoration:none;position:fixed;inset-block-start:.5rem;inset-inline-start:.5rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:100;border-bottom:1px solid color-mix(in srgb, var(--border) 75%, transparent);background:color-mix(in srgb, var(--background) 84%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:4.1rem;position:sticky;inset-block-start:0}.header-inner{width:min(calc(100% - 2rem), var(--container));align-items:center;gap:1.75rem;min-height:4.1rem;margin-inline:auto;display:flex}.brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:.65rem;font-size:1.15rem;font-weight:780;text-decoration:none;display:inline-flex}.brand strong{color:var(--primary);font-weight:850}.brand-mark{flex:0 0 1.55rem;width:1.55rem;height:1.55rem;display:inline-block;position:relative}.brand-mark span{background:var(--primary);border-radius:.09rem;width:.35rem;height:.35rem;position:absolute}.brand-mark span:first-child{border:.15rem solid var(--primary);background:0 0;width:.62rem;height:.62rem;inset:0 auto auto 0}.brand-mark span:nth-child(2){border:.15rem solid var(--primary);background:0 0;width:.62rem;height:.62rem;inset:0 0 auto auto}.brand-mark span:nth-child(3){border:.15rem solid var(--primary);background:0 0;width:.62rem;height:.62rem;inset:auto auto 0 0}.brand-mark span:nth-child(4){inset:.78rem .37rem auto auto}.brand-mark span:nth-child(5){inset:auto .02rem .02rem auto}.brand-mark span:nth-child(6){inset:auto .45rem .02rem auto}.brand-mark span:nth-child(7){inset:auto .02rem .45rem auto}.primary-nav{align-items:center;gap:1.25rem;margin-inline-start:auto;display:flex}.primary-nav a{color:var(--text-muted);font-size:.9rem;font-weight:650;text-decoration:none;transition:color .16s}.primary-nav a:hover{color:var(--text)}.header-actions{align-items:center;gap:.5rem;display:flex}.icon-button,.language-trigger{border-radius:var(--radius-sm);min-width:2.35rem;min-height:2.35rem;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:color .16s,background .16s,border-color .16s;display:inline-flex}.icon-button:hover,.language-trigger:hover{border-color:var(--border);background:var(--surface);color:var(--text)}.language-picker{position:relative}.language-trigger{background:var(--surface-strong);color:var(--text);gap:.4rem;padding-inline:.7rem}.language-code{letter-spacing:.06em;font-size:.72rem;font-weight:800}.language-name{font-size:.82rem;font-weight:650}.language-menu{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:12rem;max-height:min(24rem,100vh - 6rem);box-shadow:var(--shadow);margin:0;padding:.35rem;list-style:none;position:absolute;inset-block-start:calc(100% + .55rem);inset-inline-end:0;overflow:auto}.language-menu a{color:var(--text);border-radius:.55rem;grid-template-columns:2.2rem 1fr auto;align-items:center;gap:.5rem;padding:.6rem;text-decoration:none;display:grid}.language-menu a:hover{background:var(--surface-strong)}.mobile-menu-trigger{display:none}.page-shell{width:min(calc(100% - 2rem), var(--container));margin-inline:auto;padding-block:3.5rem 6rem}.home-shell{padding-block-start:2.5rem}.tool-hero{text-align:center;max-width:58rem;margin:0 auto 2.5rem}.tool-hero h1{max-width:56rem;margin:0 auto .85rem;font-size:clamp(2.45rem,6vw,4rem)}.tool-hero>p:last-child{max-width:44rem;color:var(--text-muted);text-wrap:balance;margin:0 auto;font-size:clamp(1.02rem,2vw,1.18rem)}.eyebrow{color:var(--primary);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:.76rem;font-weight:800;display:inline-flex}.tool-workspace{grid-template-columns:minmax(0,36rem);justify-content:center;align-items:start;gap:1.5rem;display:grid}.tool-workspace.has-result{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(145deg, color-mix(in srgb, var(--surface) 96%, var(--primary) 4%), var(--surface));box-shadow:0 1px #ffffff06}.generator-card,.result-card{padding:clamp(1.2rem,3vw,1.75rem)}.card-heading{align-items:center;gap:.7rem;margin-bottom:1.4rem;display:flex}.card-heading h2{letter-spacing:-.01em;margin:0;font-size:1.05rem}.field{margin-bottom:1.1rem;position:relative}.field label,.field legend{color:var(--text);margin-bottom:.48rem;padding:0;font-size:.84rem;font-weight:720;display:block}.field fieldset,fieldset.field{border:0;padding:0}.field-control,.field textarea,.field>input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--background) 34%, transparent);width:100%;min-height:2.8rem;color:var(--text);outline:none;padding:.72rem .85rem;transition:border-color .16s,box-shadow .16s}.field-control:focus,.field textarea:focus,.field>input:focus,.phone-control:focus-within,.result-link:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent)}.field textarea{resize:vertical;min-height:6.4rem}.field input::placeholder,.field textarea::placeholder{color:var(--text-subtle)}.country-picker{position:relative}.country-trigger{text-align:start;cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;display:grid}.country-trigger>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flag{font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif;font-size:1.15rem;line-height:1}.country-popover{z-index:50;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);position:absolute;inset-block-start:calc(100% + .4rem);inset-inline:0;overflow:hidden}.search-field{border-bottom:1px solid var(--border);color:var(--text-muted);align-items:center;gap:.5rem;padding:.75rem;margin:0!important;display:flex!important}.search-field input{width:100%;color:var(--text);background:0 0;border:0;outline:none}.country-popover ul{max-height:17rem;margin:0;padding:.35rem;list-style:none;overflow:auto}.country-popover li button{width:100%;color:var(--text);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:.5rem;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.6rem;padding:.55rem .65rem;display:grid}.country-popover li button:hover{background:var(--surface-strong)}.calling-code{color:var(--text-muted);font-variant-numeric:tabular-nums}.empty-option{color:var(--text-muted);text-align:center;padding:1.2rem}.phone-control{align-items:center;gap:.65rem;padding-block:.5rem;display:flex}.phone-prefix{border-inline-end:1px solid var(--border);color:var(--text-muted);font-variant-numeric:tabular-nums;padding-inline-end:.7rem}.phone-control input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1}.field-help{color:var(--text-subtle);margin:.35rem 0 0;font-size:.74rem}.character-count{color:var(--text-subtle);font-size:.68rem;position:absolute;inset-block-end:.45rem;inset-inline-end:.65rem}.button{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;min-height:2.75rem;padding:.65rem 1rem;font-size:.86rem;font-weight:750;text-decoration:none;transition:transform .14s,background .16s,border-color .16s,color .16s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{opacity:.52;cursor:not-allowed}.primary-button{background:var(--primary);width:100%;color:var(--primary-text)}.primary-button:hover:not(:disabled){background:var(--primary-hover)}.secondary-button{border-color:var(--border-strong);color:var(--text);background:0 0}.secondary-button:hover{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 9%, transparent)}.text-button{min-height:auto;color:var(--text-muted);background:0 0;padding:.4rem}.danger-text{color:var(--danger)}.inline-message{border-radius:.6rem;align-items:flex-start;gap:.5rem;margin:0 0 1rem;padding:.7rem .8rem;font-size:.8rem;display:flex}.error-message{background:color-mix(in srgb, var(--danger) 11%, transparent);color:var(--danger)}.result-card{scroll-margin-top:5.5rem}.result-heading{justify-content:space-between;align-items:flex-start}.result-heading .eyebrow{margin-bottom:.3rem}.status-pill{border:1px solid color-mix(in srgb, var(--primary) 45%, var(--border));background:color-mix(in srgb, var(--primary) 9%, transparent);color:var(--primary);border-radius:999px;align-items:center;gap:.3rem;padding:.32rem .55rem;font-size:.68rem;font-weight:800;display:inline-flex}.result-link{border:1px solid var(--border-strong);border-radius:var(--radius-sm);grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-bottom:1.2rem;display:grid;overflow:hidden}.result-link input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;padding:.72rem .85rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.76rem}.result-link .icon-button{border-inline-start:1px solid var(--border);border-radius:0}.qr-preview{aspect-ratio:1;background:#fff;border-radius:1.35rem;place-items:center;width:min(100%,18rem);margin:0 auto 1rem;padding:.65rem;display:grid;overflow:hidden}.qr-preview img{object-fit:contain;width:100%;height:100%}.static-note{color:var(--text-muted);justify-content:center;align-items:flex-start;gap:.45rem;margin:0 auto 1rem;font-size:.76rem;display:flex}.download-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.65rem;display:grid}.studio-toggle{border-color:var(--border-strong);background:var(--surface-strong);width:100%;color:var(--text);justify-content:flex-start;margin-top:.65rem}.studio-toggle svg:last-child{margin-inline-start:auto;transition:transform .16s}.studio-toggle[aria-expanded=true] svg:last-child{transform:rotate(180deg)}.studio-card{margin-top:1.5rem;padding:clamp(1.25rem,3vw,2rem);scroll-margin-top:5.5rem}.studio-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.2rem;display:flex}.studio-header .card-heading{align-items:flex-start;margin:0}.studio-header h2{font-size:1.3rem}.studio-header p{max-width:38rem;color:var(--text-muted);margin:.35rem 0 0;font-size:.86rem}.studio-grid{grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);display:grid}.color-row{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.color-swatch,.custom-color{border:2px solid var(--border-strong);color:#fff;cursor:pointer;border-radius:999px;flex:0 0 2.35rem;place-items:center;width:2.35rem;height:2.35rem;display:grid;position:relative}.color-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--primary)}.custom-color{background:conic-gradient(#ef4444,#f59e0b,#22c55e,#06b6d4,#3b82f6,#8b5cf6,#ef4444)}.custom-color input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.color-row code{background:var(--surface-strong);color:var(--text-muted);border-radius:.45rem;padding:.35rem .5rem;font-size:.75rem}.field-warning{color:var(--warning);align-items:center;gap:.35rem;margin:.6rem 0 0;font-size:.76rem;display:flex}.style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.style-grid button{border:1px solid var(--border);min-height:3.2rem;color:var(--text);cursor:pointer;background:0 0;border-radius:.6rem;align-items:center;gap:.55rem;padding:.55rem;font-size:.72rem;font-weight:700;display:flex}.style-grid button:hover,.style-grid button[aria-pressed=true]{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent)}.style-sample{background:currentColor;flex:0 0 1rem;width:1rem;height:1rem}.style-rounded{border-radius:.28rem}.style-dots{border-radius:50%}.style-classy{clip-path:polygon(0 0,65% 0,100% 35%,100% 100%,0 100%)}.style-classy-rounded{border-radius:.35rem .15rem .35rem .35rem}.style-extra-rounded{border-radius:.46rem}.logo-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.file-name{max-width:14rem;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.studio-preview{border:1px solid var(--border);border-radius:var(--radius);background:var(--background-soft);padding:1rem;position:sticky;inset-block-start:5.5rem}.studio-preview>p{color:var(--text-muted);text-align:center;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;font-size:.75rem;font-weight:750}.large-preview{width:100%;margin-bottom:0}.toast{z-index:150;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);min-width:16rem;color:var(--text);box-shadow:var(--shadow);grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.8rem .9rem;font-size:.84rem;font-weight:700;display:grid;position:fixed;inset-block-end:1rem;inset-inline-end:1rem}.toast>svg{color:var(--primary)}.toast button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;font-size:1.2rem}.supporting-content,.how-section,.use-section,.faq-section{margin-top:clamp(4.5rem,9vw,7rem)}.how-section{text-align:center}.how-section>h2,.faq-section>h2{margin-bottom:2rem}.step-grid{text-align:start;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.step-grid article{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 82%, transparent);padding:1.4rem}.step-number{background:var(--surface-strong);width:2rem;height:2rem;color:var(--primary);border-radius:50%;place-items:center;font-size:.78rem;font-weight:850;display:grid}.step-grid h3{margin:1rem 0 .55rem}.step-grid p,.use-section p{color:var(--text-muted);margin-bottom:0;font-size:.9rem}.use-section{border:1px solid var(--border);border-radius:calc(var(--radius-lg) + .2rem);background:linear-gradient(120deg, color-mix(in srgb, var(--primary) 9%, transparent), transparent 55%), var(--surface);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(2rem,7vw,6rem);padding:clamp(1.5rem,5vw,3.5rem);display:grid}.text-link{color:var(--primary);gap:.4rem;margin-top:1.25rem;font-weight:750;text-decoration:none;display:inline-flex}.use-list{gap:.65rem;display:grid}.use-list article{border-bottom:1px solid var(--border);gap:.85rem;padding:.85rem 0;display:flex}.use-list article:last-child{border:0}.use-list>article>svg{color:var(--primary);flex:none;margin-top:.1rem}.use-list h3{margin-bottom:.25rem}.faq-section{text-align:center;max-width:48rem;margin-inline:auto}.faq-list{text-align:start;gap:.65rem;display:grid}.faq-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.faq-item h3{margin:0}.faq-item h3 button{width:100%;color:var(--text);text-align:start;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;font-weight:750;display:flex}.faq-item h3 button svg{color:var(--text-muted);flex:none;transition:transform .16s}.faq-item h3 button[aria-expanded=true] svg{transform:rotate(180deg)}.faq-answer{padding:0 1.15rem 1rem}.faq-answer p{color:var(--text-muted);margin:0;font-size:.9rem}.site-footer{border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface) 68%, transparent)}.footer-inner,.footer-bottom{width:min(calc(100% - 2rem), var(--container));margin-inline:auto}.footer-inner{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:3rem;padding-block:3rem;display:grid}.footer-brand>p{max-width:30rem;color:var(--text-muted);margin:1rem 0 0;font-size:.86rem}.footer-brand .legal-note{color:var(--text-subtle);font-size:.72rem}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;display:grid}.footer-links h2{letter-spacing:.08em;text-transform:uppercase;margin-bottom:.8rem;font-size:.78rem}.footer-links a{color:var(--text-muted);margin:.45rem 0;font-size:.82rem;text-decoration:none;display:block}.footer-links a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-subtle);justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;font-size:.72rem;display:flex}.breadcrumbs{margin-bottom:2rem}.breadcrumbs ol{flex-wrap:wrap;align-items:center;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li{color:var(--text-subtle);align-items:center;gap:.35rem;font-size:.76rem;display:inline-flex}.breadcrumbs a{color:var(--text-muted);text-decoration:none}.breadcrumbs a:hover{color:var(--primary)}.narrow-page{max-width:52rem}.not-found{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;justify-content:center;min-height:32rem;padding:clamp(1.5rem,7vw,4rem);display:flex;position:relative;overflow:hidden}.not-found h1{max-width:35rem;font-size:clamp(2.2rem,7vw,4rem)}.not-found>p:not(.eyebrow){max-width:34rem;color:var(--text-muted)}.error-code{color:var(--primary);letter-spacing:.15em;font-size:.8rem;font-weight:850}.button-row{flex-wrap:wrap;gap:.7rem;margin-top:1rem;display:flex}.button-row .primary-button{width:auto}.not-found-icon{color:color-mix(in srgb, var(--primary) 10%, transparent);position:absolute;inset-block-end:-1rem;inset-inline-end:-1rem}.content-shell,.landing-shell,.article-shell,.policy-shell{padding-block-start:2rem}.content-hero,.landing-hero,.policy-header{max-width:54rem;margin-bottom:clamp(3rem,8vw,5.5rem)}.content-hero h1,.landing-hero h1,.policy-header h1{margin-bottom:1rem;font-size:clamp(2.5rem,7vw,4.8rem)}.content-hero>p:last-of-type,.landing-hero>p:last-child,.policy-header>p{max-width:45rem;color:var(--text-muted);font-size:clamp(1rem,2.2vw,1.18rem)}.landing-hero{margin-inline:auto;text-align:center;max-width:48rem;margin-bottom:2.25rem}.category-list{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;display:flex}.category-list span,.article-card-meta>span:first-child{border:1px solid var(--border);background:var(--surface);color:var(--primary);border-radius:999px;padding:.35rem .65rem;font-size:.7rem;font-weight:800}.section-heading-row{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.7rem;display:flex}.section-heading-row h2{max-width:40rem;margin:0}.section-heading-row>p{max-width:28rem;color:var(--text-muted);margin:0;font-size:.85rem}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.article-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0;transition:border-color .16s,transform .16s;overflow:hidden}.article-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.article-card-visual{text-decoration:none;display:block}.article-card-content{padding:1.15rem}.article-card-meta{color:var(--text-subtle);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.7rem;display:flex}.article-card-meta>span:last-child{align-items:center;gap:.3rem;display:inline-flex}.article-card-meta>span:first-child{padding:.2rem .45rem}.article-card h2{margin-bottom:.55rem;font-size:1.12rem}.article-card h2 a{text-decoration:none}.article-card h2 a:hover{color:var(--primary)}.article-card p{color:var(--text-muted);font-size:.82rem}.card-link{color:var(--primary);align-items:center;gap:.35rem;font-size:.78rem;font-weight:800;text-decoration:none;display:inline-flex}.article-visual{border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(circle at 75% 22%,#20bea94d,#0000 15rem),linear-gradient(145deg,#0d2c2a,#071514);align-items:flex-end;min-height:24rem;padding:clamp(1.2rem,5vw,3rem);display:flex;position:relative;overflow:hidden}.article-visual.is-compact{border:0;border-radius:0;min-height:12rem;padding:1rem}.article-visual.is-compact:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(90deg,#041312fa 0%,#041312f0 42%,#0413129e 63%,#04131214 100%);position:absolute;inset:0}.article-visual.is-compact .visual-grid{opacity:.82;width:min(32%,8.5rem);inset-block-start:18%;inset-inline-end:4%}.visual-grid{aspect-ratio:1;opacity:.95;grid-template-columns:repeat(7,1fr);gap:4%;width:min(38%,14rem);display:grid;position:absolute;inset-block-start:13%;inset-inline-end:8%;transform:rotate(4deg)}.visual-grid span{border-radius:20%}.visual-grid span.filled{background:#fff}.visual-copy{z-index:2;gap:.45rem;max-width:65%;display:grid;position:relative}.visual-copy span{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:850}.visual-copy strong{color:#fff;letter-spacing:-.04em;font-size:clamp(1.2rem,3vw,2.6rem);line-height:1.05}.article-visual.is-compact .visual-copy strong{font-size:1.15rem}.article-visual.is-compact .visual-copy{max-width:72%}.blog-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:2.25rem;display:flex}.blog-pagination a,.blog-pagination span{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:2.75rem;min-height:2.75rem;color:var(--text-muted);background:var(--surface);justify-content:center;align-items:center;padding:.55rem .75rem;font-size:.8rem;font-weight:800;text-decoration:none;display:inline-flex}.blog-pagination a:hover{border-color:var(--primary);color:var(--primary)}.blog-pagination .pagination-current{border-color:var(--primary);color:#04201e;background:var(--primary)}.blog-pagination .pagination-direction{gap:.35rem;min-width:6.5rem}.blog-pagination .pagination-disabled{opacity:.45}.visual-watermark{color:#20bea912;width:9rem;height:9rem;position:absolute;inset-block-start:-1rem;inset-inline-start:-1rem}.article-header{max-width:58rem;margin-inline:auto}.article-header h1{max-width:54rem;margin-bottom:1.2rem;font-size:clamp(2.5rem,7vw,4.9rem)}.article-deck{max-width:48rem;color:var(--text-muted);font-size:clamp(1.02rem,2vw,1.22rem)}.article-answer{border:1px solid var(--border);border-inline-start:4px solid var(--primary);border-radius:var(--radius-md);background:var(--surface);max-width:50rem;margin:1.5rem 0;padding:1.15rem 1.25rem}.article-answer h2{margin:0 0 .45rem;font-size:1rem}.article-answer p{color:var(--text-muted);margin:0}.article-byline{color:var(--text-subtle);flex-wrap:wrap;align-items:center;gap:.55rem 1.25rem;margin:1.3rem 0 2rem;font-size:.74rem;display:flex}.article-byline span{align-items:center;gap:.35rem;display:inline-flex}.image-suggestion{color:var(--text-subtle);margin:.55rem 0 0;font-size:.68rem}.article-layout{grid-template-columns:13rem minmax(0,1fr);align-items:start;gap:3.5rem;max-width:58rem;margin:3.5rem auto 0;display:grid}.toc{border-inline-start:1px solid var(--border);padding-inline-start:1rem;position:sticky;inset-block-start:6rem}.toc h2{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.toc ol{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.toc a{color:var(--text-muted);font-size:.75rem;line-height:1.35;text-decoration:none;display:block}.toc a:hover{color:var(--primary)}.article-body{min-width:0;font-family:Georgia,Times New Roman,serif;font-size:1.04rem;line-height:1.82}.article-body>section{margin-bottom:3rem}.article-body h2,.article-body h3,.article-cta{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.article-body h2{margin-bottom:1rem;font-size:clamp(1.55rem,3vw,2.1rem)}.article-body p{color:color-mix(in srgb, var(--text) 82%, var(--text-muted))}.article-body ul,.article-body ol{padding-inline-start:1.3rem}.article-body li{color:color-mix(in srgb, var(--text) 82%, var(--text-muted));margin:.55rem 0}.article-note{border-inline-start:3px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:color-mix(in srgb, var(--primary) 8%, var(--surface));padding:1rem 1.15rem}.article-note strong{color:var(--primary);text-transform:uppercase;letter-spacing:.06em;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.75rem;display:block}.article-note p{margin:.4rem 0 0}.article-cta{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(130deg, color-mix(in srgb, var(--primary) 12%, transparent), transparent 60%), var(--surface);grid-template-columns:1fr auto;align-items:center;gap:1rem;margin:3.5rem 0;padding:1.4rem;display:grid}.article-cta h2{margin:.15rem 0 .45rem;font-size:1.25rem}.article-cta p{margin:0;font-size:.8rem}.article-cta .primary-button{white-space:nowrap;width:auto}.article-faq article{border-top:1px solid var(--border);padding:1rem 0}.article-faq h3{margin-bottom:.35rem;font-size:1rem}.article-faq article p{margin:0;font-size:.95rem}.article-references a{color:var(--primary);text-underline-offset:.2em;text-decoration:underline}.article-return{border-top:1px solid var(--border);padding-top:1rem}.article-return a{color:var(--primary);align-items:center;gap:.4rem;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.78rem;font-weight:800;text-decoration:none;display:inline-flex}.related-section{margin-top:6rem}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-content{max-width:58rem;margin:clamp(4rem,9vw,7rem) auto 0}.landing-intro{max-width:48rem;color:var(--text-muted);text-align:center;margin:0 auto 3rem;font-size:1.08rem}.landing-section-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.landing-section-grid>section{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:1.3rem}.landing-section-grid>section>svg{color:var(--primary)}.landing-section-grid h2{margin:.8rem 0;font-size:1.2rem}.landing-section-grid p,.landing-section-grid li{color:var(--text-muted);font-size:.84rem}.landing-section-grid ul{gap:.55rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.landing-section-grid li{align-items:flex-start;gap:.45rem;display:flex}.landing-section-grid li svg{color:var(--primary);flex:none;margin-top:.18rem}.landing-faq{margin-top:5rem}.landing-faq>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.landing-faq article{border-top:2px solid var(--primary);background:color-mix(in srgb, var(--surface) 74%, transparent);padding:1.1rem}.landing-faq h3{margin-bottom:.5rem}.landing-faq article p{color:var(--text-muted);margin:0;font-size:.84rem}.related-links{border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:1.5rem;margin-top:4rem;padding:1.2rem;display:flex}.related-links h2{margin:0;font-size:1rem}.related-links>div{flex-wrap:wrap;gap:1rem;display:flex}.related-links a{color:var(--primary);font-size:.78rem;font-weight:800;text-decoration:none}.value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.value-grid article,.contact-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:1.5rem}.value-grid svg,.contact-card>svg{color:var(--primary)}.value-grid h2,.contact-card h2{margin:1rem 0 .65rem;font-size:1.3rem}.value-grid p,.contact-card p{color:var(--text-muted);font-size:.88rem}.prose-section{max-width:48rem;margin:5rem auto 0}.prose-section h2{margin-top:2.5rem}.prose-section p,.prose-section li{color:var(--text-muted)}.check-list{gap:.65rem;padding:0;list-style:none;display:grid}.check-list li{align-items:flex-start;gap:.55rem;display:flex}.check-list svg{color:var(--primary);flex:none;margin-top:.25rem}.contact-card{text-align:center;max-width:40rem;margin-inline:auto}.contact-card .primary-button{width:auto}.policy-shell{max-width:58rem}.policy-header{margin-bottom:3rem}.policy-header>p:last-child{color:var(--text-subtle);font-size:.75rem}.policy-content{gap:1rem;display:grid}.policy-content section{border-bottom:1px solid var(--border);padding:.5rem 0 1.4rem}.policy-content section:last-child{border:0}.policy-content h2{font-size:1.35rem}.policy-content p{color:var(--text-muted)}.policy-content a{color:var(--primary)}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){.primary-nav{border-bottom:1px solid var(--border);background:var(--surface);flex-direction:column;align-items:stretch;gap:0;padding:.65rem 1rem 1rem;display:none;position:absolute;inset-block-start:100%;inset-inline:0}.primary-nav.is-open{display:flex}.primary-nav a{border-radius:.55rem;padding:.7rem}.primary-nav a:hover{background:var(--surface-strong)}.mobile-menu-trigger{display:inline-flex}.header-actions{margin-inline-start:auto}.tool-workspace.has-result,.studio-grid{grid-template-columns:1fr}.studio-preview{width:100%;max-width:28rem;margin-inline:auto;position:static}.step-grid{grid-template-columns:1fr}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr;gap:2rem}.toc{border-inline-start:0;border:1px solid var(--border);border-radius:var(--radius);padding:1rem;position:static}.landing-section-grid,.landing-faq>div,.value-grid{grid-template-columns:1fr}}@media (max-width:680px){.language-name{display:none}.header-inner{gap:.75rem}.page-shell{padding-block:2.25rem 4.5rem}.tool-hero{margin-bottom:2rem}.tool-hero h1{font-size:clamp(2.25rem,11vw,3.1rem)}.generator-card,.result-card,.studio-card{padding:1rem}.studio-header{flex-direction:column}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.use-section,.footer-inner{grid-template-columns:1fr}.footer-inner{gap:2rem}.footer-bottom,.section-heading-row,.related-links{flex-direction:column;align-items:flex-start}.article-grid,.related-grid{grid-template-columns:1fr}.article-visual.is-compact .visual-grid{width:min(29%,7.5rem);inset-inline-end:2%}.article-visual.is-compact .visual-copy{max-width:76%}.blog-pagination{gap:.4rem}.blog-pagination a,.blog-pagination span{min-width:2.65rem;min-height:2.65rem;padding-inline:.6rem}.blog-pagination .pagination-direction{min-width:2.65rem}.pagination-direction-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.article-cta{grid-template-columns:1fr}.article-cta .primary-button{width:100%}.toast{min-width:0;inset-inline:1rem}}@media (max-width:420px){.brand{font-size:1rem}.header-inner{width:min(calc(100% - 1rem), var(--container))}.language-trigger{min-width:2.6rem;padding-inline:.55rem}.page-shell{width:min(calc(100% - 1.25rem), var(--container))}.result-heading{flex-direction:column}.download-actions{grid-template-columns:1fr}.footer-links{gap:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.site-header,.site-footer,.tool-workspace,.studio-card,.toast{display:none!important}}.error-page{place-content:center;justify-items:start;gap:1rem;max-width:42rem;min-height:65vh;padding-block:clamp(5rem,12vw,9rem);display:grid}.error-page>*{margin:0}.error-actions{flex-wrap:wrap;gap:.75rem;display:flex}