:root{--bg: #f3f7f8;--bg-deep: #e7eef0;--surface: #ffffff;--surface-soft: #f7fafb;--ink: #0c1b1e;--ink-soft: #2e4448;--muted: #5b7378;--line: #dce6e8;--line-strong: #becfd2;--accent: #0e7490;--accent-strong: #0a5568;--accent-soft: #dcf0f4;--gold: #b07a25;--gold-soft: #f6ead3;--danger: #a33b2e;--accent-ink: #ffffff;--on-ink: #f4f8f9;--radius-sm: 9px;--radius: 16px;--radius-lg: 24px;--shadow-sm: 0 1px 2px color-mix(in srgb, var(--ink) 6%, transparent);--shadow: 0 22px 60px -34px color-mix(in srgb, var(--ink) 40%, transparent);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--container: 1160px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-anchor:none}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 12% -8%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 34rem),radial-gradient(circle at 92% 4%,color-mix(in srgb,var(--gold) 8%,transparent),transparent 30rem),var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent);color:var(--accent-ink)}h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}ul,ol{padding:0;list-style:none}img,svg{display:block;max-width:100%}img{height:auto}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:inherit}:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 32%,transparent);outline-offset:2px}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.section{padding-block:clamp(3.5rem,7vw,6rem)}.section--tight{padding-block:clamp(2rem,4vw,3.25rem)}.eyebrow{display:flex;align-items:center;gap:.55rem;color:var(--accent);font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.13em;line-height:1.4;text-transform:uppercase}.eyebrow:before{content:"";width:22px;height:1px;background:currentColor}.section-head{max-width:740px;margin-bottom:clamp(1.5rem,3vw,2.5rem)}.section-head h2{margin-top:.6rem;font-family:var(--font-serif);font-size:clamp(2rem,4vw,3.2rem);font-weight:600;letter-spacing:-.035em;line-height:1.04}.section-head p{max-width:62ch;margin-top:1rem;color:var(--ink-soft);font-size:1.02rem}.skip-link{position:absolute;top:-100px;left:1rem;z-index:100;padding:.75rem 1rem;border-radius:8px;background:var(--ink);color:var(--on-ink);font-size:.9rem;text-decoration:none}.skip-link:focus{top:1rem}.site-header{--shrink: 0;position:sticky;top:0;z-index:40;border-bottom:0;background:var(--surface);box-shadow:inset 0 -1px color-mix(in srgb,var(--line-strong) 55%,transparent)}.site-header.is-compact{--shrink: 1}.header-inner{display:flex;min-height:calc(70px - 30px * var(--shrink));align-items:center;justify-content:space-between;gap:1rem;transition:min-height .24s cubic-bezier(.22,.61,.36,1)}.brand{display:inline-flex;align-items:center;gap:calc(.55rem - .1rem * var(--shrink));font-weight:700;letter-spacing:-.03em;text-decoration:none;transition:gap .24s cubic-bezier(.22,.61,.36,1)}.brand-mark{width:calc(32px - 8px * var(--shrink));height:calc(32px - 8px * var(--shrink));flex:none;transition:width .24s cubic-bezier(.22,.61,.36,1),height .24s cubic-bezier(.22,.61,.36,1)}.brand-name{font-size:calc(1.08rem - .14rem * var(--shrink));transition:font-size .24s cubic-bezier(.22,.61,.36,1)}.nav{display:flex;align-items:center;gap:calc(1.35rem - .35rem * var(--shrink));margin-left:auto;margin-right:.4rem;transition:gap .24s cubic-bezier(.22,.61,.36,1)}.nav a{color:var(--ink-soft);font-size:calc(.88rem - .08rem * var(--shrink));text-decoration:none;transition:color .18s ease,font-size .24s cubic-bezier(.22,.61,.36,1)}.nav a:hover{color:var(--accent)}.btn.header-cta{min-height:calc(46px - 14px * var(--shrink));padding:calc(.68rem - .2rem * var(--shrink)) calc(1.05rem - .3rem * var(--shrink));font-size:calc(.9rem - .08rem * var(--shrink));transition:background .18s ease,border-color .18s ease,min-height .24s cubic-bezier(.22,.61,.36,1),padding .24s cubic-bezier(.22,.61,.36,1),font-size .24s cubic-bezier(.22,.61,.36,1)}.hero{position:relative;overflow:clip;padding-block:clamp(.85rem,2vw,1rem) clamp(2rem,4vw,3rem)}.hero>.container{position:relative;z-index:1}.hero:before{position:absolute;inset:0;background-image:radial-gradient(circle,color-mix(in srgb,var(--accent) 13%,transparent) 1px,transparent 1px);background-size:24px 24px;content:"";-webkit-mask-image:linear-gradient(to bottom,#000,transparent 76%);mask-image:linear-gradient(to bottom,#000,transparent 76%);opacity:.42;pointer-events:none}.hero-head,.hero-tool,.hero-foot{max-width:980px;margin-inline:auto}.hero h1{margin-top:.5rem;font-family:var(--font-serif);font-size:clamp(2.4rem,2.6vw + 1.5rem,4rem);font-weight:600;letter-spacing:-.045em;line-height:1.02}.hero h1 em{color:var(--accent);font-style:italic}.hero-tool{margin-top:clamp(.75rem,1.4vw,1rem)}.hero-foot{display:grid;gap:1.25rem 3rem;margin-top:clamp(1.4rem,2.6vw,2rem)}.hero-lede{max-width:48ch;color:var(--ink-soft);font-size:clamp(1.02rem,1.5vw,1.16rem)}.hero-points{display:flex;flex-direction:column;gap:.45rem;color:var(--muted);font-size:.85rem}.hero-points li{display:inline-flex;align-items:center;gap:.38rem}.hero-points svg{width:14px;height:14px;color:var(--accent)}.hero-aside{display:flex;flex-direction:column;align-items:flex-start}.hero-link{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.05rem;color:var(--accent);font-size:.86rem;font-weight:700;text-decoration:none}.hero-link:hover{text-decoration:underline;text-underline-offset:3px}.hero-link svg{width:15px;height:15px}.trust-strip{border-block:1px solid var(--line);background:color-mix(in srgb,var(--surface) 34%,transparent)}.trust-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem 1.65rem;padding-block:.95rem;color:var(--muted);font-size:.8rem}.trust-list li{display:inline-flex;align-items:center;gap:.4rem}.trust-list svg{width:14px;height:14px;color:var(--accent)}.btn{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:.5rem;padding:.68rem 1.05rem;border:1px solid transparent;border-radius:10px;font-size:.9rem;font-weight:650;line-height:1.15;text-align:center;text-decoration:none;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.btn svg{width:17px;height:17px}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:var(--accent-strong)}.btn-secondary{border-color:var(--line-strong);background:var(--surface);color:var(--ink)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-sm{min-height:40px;padding:.5rem .8rem;font-size:.8rem}.btn-block{width:100%}.btn:disabled{cursor:not-allowed;opacity:.42}.qr-card{position:relative;padding:clamp(1rem,2.2vw,1.35rem);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 34px 80px -44px color-mix(in srgb,var(--ink) 48%,transparent),0 1px color-mix(in srgb,var(--surface) 80%,transparent) inset;container-type:inline-size;scroll-margin-top:92px}.qr-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.qr-card__kicker{display:block;color:var(--muted);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;line-height:1.4;text-transform:uppercase}.qr-card__title{margin-top:.22rem;font-family:var(--font-serif);font-size:1.55rem;font-weight:600;letter-spacing:-.025em;line-height:1.08}.qr-badge{display:inline-flex;min-height:28px;flex:none;align-items:center;gap:.35rem;padding:.24rem .62rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--accent);font-family:var(--font-mono);font-size:.64rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.qr-badge:before{width:6px;height:6px;border-radius:50%;background:var(--accent);content:""}.qr-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin-top:.85rem;padding:4px;border-radius:12px;background:var(--bg-deep)}.qr-tab{min-height:42px;padding:.45rem .2rem;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:.82rem;font-weight:650}.qr-tab[aria-selected=true]{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--ink)}.qr-card__body{display:grid;gap:1.1rem;margin-top:.95rem}.qr-form{display:flex;min-width:0;flex-direction:column;gap:1rem}.field{display:flex;min-width:0;flex-direction:column;gap:.34rem}.field label{color:var(--ink-soft);font-size:.77rem;font-weight:700;letter-spacing:.01em}.field input[type=text],.field input[type=url],.field input[type=email],.field input[type=tel],.field input[type=password],.field textarea,.field select{width:100%;min-height:46px;padding:.68rem .78rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-size:16px;line-height:1.35}.field textarea{min-height:112px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);outline:3px solid color-mix(in srgb,var(--accent) 14%,transparent);outline-offset:0}.field-hint{color:var(--muted);font-size:.7rem;line-height:1.4}.field-row{display:grid;gap:.75rem}.input-with-button{position:relative;display:flex}.input-with-button input{padding-right:4.1rem}.input-with-button button{position:absolute;top:50%;right:.35rem;min-height:34px;padding:.25rem .55rem;transform:translateY(-50%);border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--muted);font-size:.7rem;font-weight:700}.checkbox{display:flex;min-height:46px;align-items:center;gap:.5rem;color:var(--ink-soft);font-size:.84rem}.checkbox input{width:18px;height:18px;accent-color:var(--accent)}.qr-customize{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.customize-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.65rem}.customize-head span:first-child{color:var(--muted);font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.customize-head span:last-child{color:var(--muted);font-size:.68rem}.customize-grid{display:grid;gap:.75rem}.color-control{display:flex;align-items:center;gap:.5rem}.color-control input[type=color]{width:42px;height:42px;flex:none;padding:3px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);-webkit-appearance:none;appearance:none}.color-control input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-control input[type=color]::-webkit-color-swatch{border:0;border-radius:5px}.color-control input[type=color]::-moz-color-swatch{border:0;border-radius:5px}.swatches{display:flex;flex-wrap:wrap;gap:.32rem}.swatch{width:24px;height:24px;padding:0;border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);border-radius:50%;background:var(--swatch);box-shadow:0 0 0 2px transparent}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}.qr-preview-panel{display:flex;min-width:0;flex-direction:column;gap:.65rem}.qr-preview-frame{position:relative;display:grid;width:100%;max-width:300px;aspect-ratio:1;place-items:center;margin-inline:auto;padding:12px;overflow:hidden;border:1px dashed var(--line-strong);border-radius:var(--radius);background:#fff}.qr-preview-frame.has-code{border-style:solid;border-color:var(--line)}.qr-placeholder{display:flex;max-width:12rem;flex-direction:column;align-items:center;gap:.55rem;color:var(--muted);font-size:.72rem;line-height:1.4;text-align:center;grid-area:1 / 1}.qr-placeholder svg{width:42px;height:42px;opacity:.4}.qr-svg{display:grid;width:100%;place-items:center;grid-area:1 / 1}.qr-svg svg{width:100%;height:auto;shape-rendering:crispEdges}.qr-expand{position:absolute;top:8px;right:8px;display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--ink-soft)}.qr-expand svg{width:15px;height:15px}.qr-actions{display:grid;gap:.5rem}.qr-actions .btn{width:100%}.qr-share{min-height:32px;border:0;background:none;color:var(--accent);font-size:.76rem;font-weight:700;text-decoration:underline;text-underline-offset:2px}.qr-status{min-height:1.1rem;color:var(--muted);font-size:.72rem;line-height:1.45}.qr-status[data-tone=error]{color:var(--danger)}.qr-status[data-tone=success]{color:var(--accent)}.qr-privacy{display:flex;align-items:flex-start;gap:.35rem;color:var(--muted);font-size:.69rem;line-height:1.45}.qr-privacy svg{width:14px;height:14px;flex:none;margin-top:.08rem}.qr-card__foot{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--line);color:var(--muted);font-size:.68rem}.qr-card__foot span{display:inline-flex;align-items:center;gap:.3rem}.qr-card__foot svg{width:12px;height:12px;color:var(--accent)}.qr-dialog{width:min(92vw,540px);max-width:540px;padding:0;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow);color:var(--ink)}.qr-dialog::backdrop{background:color-mix(in srgb,var(--ink) 58%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.qr-dialog__inner{padding:1.25rem}.qr-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.qr-dialog__title{font-family:var(--font-serif);font-size:1.4rem;font-weight:600;letter-spacing:-.02em}.qr-dialog__close{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink-soft)}.qr-dialog__close svg{width:17px;height:17px}.qr-dialog__code{width:min(100%,380px);margin:1rem auto;padding:1rem;border-radius:12px;background:#fff}.qr-dialog__code svg{width:100%;height:auto;shape-rendering:crispEdges}.qr-dialog__hint{color:var(--muted);font-size:.8rem;text-align:center}.logo-field{min-width:0}.logo-empty{display:flex;width:100%;min-height:42px;align-items:center;gap:.5rem;padding:.4rem .55rem;border:1px dashed var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink-soft);text-align:left;transition:border-color .15s ease}.logo-empty:hover{border-color:var(--accent)}.logo-empty:hover .logo-empty__label{color:var(--accent)}.logo-empty__icon{display:grid;width:26px;height:26px;flex:none;place-items:center;border-radius:7px;background:var(--accent-soft);color:var(--accent)}.logo-empty__label{color:var(--ink);font-size:.78rem;font-weight:650}.logo-empty__hint{margin-left:auto;color:var(--muted);font-size:.66rem;white-space:nowrap}.logo-current{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .55rem;padding:.25rem .38rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.logo-thumb{width:34px;height:34px;flex:none;overflow:hidden;border:1px solid var(--line);border-radius:7px;background-color:#fff;background-image:conic-gradient(var(--bg-deep) 25%,transparent 0 50%,var(--bg-deep) 0 75%,transparent 0);background-size:10px 10px}.logo-thumb img{width:100%;height:100%;object-fit:contain}.logo-meta{display:flex;min-width:0;flex:1 1 7rem;flex-direction:column;gap:.05rem;line-height:1.25}.logo-name{overflow:hidden;color:var(--ink);font-size:.78rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.logo-note{color:var(--muted);font-size:.64rem}.logo-actions{display:flex;flex:none;align-items:center;gap:.2rem;margin-left:auto}.logo-actions .btn{min-height:30px;padding:.25rem .55rem;font-size:.7rem}.logo-remove{min-height:30px;padding:.25rem .35rem;border:0;background:none;color:var(--muted);font-size:.68rem;font-weight:700;text-decoration:underline;text-underline-offset:2px}.logo-remove:hover{color:var(--danger)}.logo-status{color:var(--muted);font-size:.66rem;line-height:1.45}.logo-status:empty{display:none}.logo-status[data-tone=error]{color:var(--danger)}.logo-status[data-tone=success]{color:var(--accent)}@container (min-width: 500px){.logo-empty__hint{display:none}}@container (min-width: 840px){.logo-empty__hint{display:inline}}.logo-dialog{width:min(94vw,440px);max-width:440px;max-height:92dvh;padding:0;overflow-y:auto;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow);color:var(--ink)}.logo-dialog::backdrop{background:color-mix(in srgb,var(--ink) 58%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.logo-dialog__inner{display:flex;flex-direction:column;gap:.85rem;padding:1.1rem 1.15rem 1.15rem}.logo-dialog .qr-dialog__title{margin-top:.1rem;font-size:1.3rem}.logo-crop{width:min(100%,320px);margin-inline:auto}.logo-crop__viewport{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border:1px solid var(--line-strong);border-radius:12px;background-color:#fff;background-image:conic-gradient(var(--bg-deep) 25%,transparent 0 50%,var(--bg-deep) 0 75%,transparent 0);background-size:16px 16px;cursor:grab;touch-action:none;user-select:none}.logo-crop__viewport.is-dragging{cursor:grabbing}.logo-crop__viewport:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 32%,transparent);outline-offset:2px}.logo-crop__viewport img{position:absolute;top:50%;left:50%;max-width:none;max-height:none;pointer-events:none;user-select:none}.logo-crop__edge{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 12%,transparent);pointer-events:none}.logo-crop__hint{color:var(--muted);font-size:.72rem;line-height:1.45;text-align:center}.logo-crop__zoom{display:flex;align-items:center;gap:.7rem}.logo-crop__zoom label{color:var(--ink-soft);font-size:.72rem;font-weight:700}.logo-crop__zoom input{flex:1;accent-color:var(--accent)}.logo-crop__error{color:var(--danger);font-size:.74rem;line-height:1.45}.logo-crop__error:empty{display:none}.logo-dialog__actions{display:flex;justify-content:flex-end;gap:.5rem}.logo-dialog__actions .btn{min-height:40px;font-size:.82rem}.logo-dialog__privacy{display:flex;align-items:center;justify-content:center;gap:.35rem;color:var(--muted);font-size:.66rem}.logo-dialog__privacy svg{width:13px;height:13px}.field select:disabled{cursor:not-allowed;opacity:.55}@container (max-width: 420px){.logo-current{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-areas:"thumb meta" "thumb actions";align-items:center}.logo-thumb{grid-area:thumb}.logo-meta{grid-area:meta}.logo-actions{grid-area:actions;justify-content:flex-end;margin-left:0;padding-top:.1rem}}.trust-strip+.section{padding-top:clamp(3rem,6vw,5rem)}.how-grid,.types-grid,.features-grid,.use-grid{display:grid;gap:1rem}.step-card{padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.step-number{display:grid;width:32px;height:32px;place-items:center;margin-bottom:1rem;border:1px solid var(--accent);border-radius:50%;color:var(--accent);font-family:var(--font-mono);font-size:.72rem;font-weight:700}.step-card h3{font-size:1.08rem;letter-spacing:-.01em}.step-card p{margin-top:.42rem;color:var(--muted);font-size:.9rem}.type-card{display:flex;flex-direction:column;gap:.7rem;padding:1.4rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:inherit;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.type-card__top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.type-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.type-icon svg{width:21px;height:21px}.type-card__arrow{width:18px;height:18px;color:var(--line-strong);transition:color .18s ease,transform .18s ease}.type-card h3{font-family:var(--font-serif);font-size:1.35rem;font-weight:600;letter-spacing:-.02em}.type-card p{color:var(--muted);font-size:.9rem}.type-card__link{display:inline-flex;align-items:center;gap:.3rem;margin-top:auto;padding-top:.55rem;color:var(--accent);font-size:.78rem;font-weight:700}.feature{padding:1.15rem 0;border-top:1px solid var(--line)}.feature__icon{display:grid;width:34px;height:34px;place-items:center;margin-bottom:.75rem;border-radius:9px;background:var(--bg-deep);color:var(--accent)}.feature__icon svg{width:17px;height:17px}.feature h3{font-size:1rem;letter-spacing:-.01em}.feature p{margin-top:.35rem;color:var(--muted);font-size:.88rem}.use-card{display:flex;flex-direction:column;gap:.35rem;padding:1.2rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft)}.use-card__label{color:var(--accent);font-family:var(--font-mono);font-size:.64rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.use-card h3{font-size:1.02rem}.use-card p{color:var(--muted);font-size:.84rem}.use-card a{margin-top:.45rem;color:var(--accent);font-size:.76rem;font-weight:700;text-decoration:none}.use-card a:hover{text-decoration:underline;text-underline-offset:2px}.faq-section{padding-block:clamp(3rem,6vw,5rem)}.faq-list{max-width:800px;border-bottom:1px solid var(--line)}.faq-item{border-top:1px solid var(--line)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem 0;cursor:pointer;font-size:.98rem;font-weight:650;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{flex:none;color:var(--accent);content:"+";font-family:var(--font-serif);font-size:1.45rem;font-weight:400;line-height:1;transition:transform .18s ease}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{max-width:68ch;padding-bottom:1.1rem;color:var(--ink-soft);font-size:.92rem}.cta-band{display:flex;flex-direction:column;gap:1.4rem;padding:clamp(2rem,5vw,3.5rem);border-radius:var(--radius-lg);background:var(--ink);color:var(--on-ink)}.cta-band h2{max-width:18ch;font-family:var(--font-serif);font-size:clamp(2rem,4vw,3.1rem);font-weight:600;letter-spacing:-.035em;line-height:1.02}.cta-band p{margin-top:.65rem;color:color-mix(in srgb,var(--on-ink) 68%,transparent);font-size:.94rem}.cta-band .btn{align-self:flex-start;border-color:transparent;background:var(--on-ink);color:var(--ink)}.cta-band .btn:hover{background:color-mix(in srgb,var(--on-ink) 88%,#fff)}.tool-hero{padding-block:clamp(1.5rem,4vw,3rem) clamp(1.5rem,3vw,2.5rem)}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;color:var(--muted);font-size:.74rem}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.breadcrumbs .sep{opacity:.5}.tool-hero h1{max-width:900px;margin-top:1rem;font-family:var(--font-serif);font-size:clamp(2.45rem,5vw,4.2rem);font-weight:600;letter-spacing:-.045em;line-height:1}.tool-lede{max-width:64ch;margin-top:1rem;color:var(--ink-soft);font-size:clamp(1.02rem,1.5vw,1.16rem)}.tool-generator{max-width:1040px;margin-top:clamp(1.5rem,3vw,2.25rem)}.content-grid{display:grid;gap:2rem}.prose{max-width:72ch;color:var(--ink-soft)}.prose>:first-child{margin-top:0}.prose h2{margin-top:2.5rem;margin-bottom:.7rem;color:var(--ink);font-family:var(--font-serif);font-size:clamp(1.75rem,3vw,2.35rem);font-weight:600;letter-spacing:-.03em;line-height:1.1}.prose h3{margin-top:1.6rem;margin-bottom:.45rem;color:var(--ink);font-size:1.13rem;letter-spacing:-.01em}.prose p{margin-top:.85rem}.prose ul,.prose ol{display:grid;gap:.35rem;margin-top:.8rem;padding-left:1.25rem}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li::marker{color:var(--accent)}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.prose code{padding:.08rem .3rem;border:1px solid var(--line);border-radius:4px;background:var(--surface-soft);color:var(--ink);font-family:var(--font-mono);font-size:.86em}.prose strong{color:var(--ink)}.prose .callout{margin-top:1.25rem;padding:.95rem 1.1rem;border-left:3px solid var(--accent);border-radius:0 10px 10px 0;background:var(--accent-soft);color:var(--ink-soft);font-size:.92rem}.prose .steps-list{display:grid;gap:.85rem;margin-top:1rem;padding-left:0;list-style:none;counter-reset:step}.prose .steps-list li{position:relative;padding-left:2.7rem}.prose .steps-list li:before{position:absolute;top:0;left:0;display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--accent);border-radius:50%;color:var(--accent);content:counter(step);counter-increment:step;font-family:var(--font-mono);font-size:.68rem;font-weight:700}.prose .updated{margin-top:2.5rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem}.content-aside{display:flex;flex-direction:column;gap:1rem}.aside-card{padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.aside-card h2{color:var(--muted);font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.related-list{display:flex;flex-direction:column;margin-top:.65rem}.related-list a{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.58rem 0;border-top:1px solid var(--line);color:var(--ink-soft);font-size:.86rem;text-decoration:none}.related-list a:first-child{border-top:0}.related-list a:hover{color:var(--accent)}.related-list svg{width:14px;height:14px;flex:none;color:var(--line-strong)}.aside-note{color:var(--muted);font-size:.82rem}.aside-note strong{display:block;margin-bottom:.25rem;color:var(--ink);font-size:.9rem}.site-footer{padding-block:3rem 1.5rem;border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 28%,transparent)}.footer-grid{display:grid;gap:2rem}.footer-brand{max-width:320px}.footer-brand p{margin-top:.75rem;color:var(--muted);font-size:.84rem}.footer-col h3{color:var(--muted);font-family:var(--font-mono);font-size:.66rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.footer-col a{display:block;padding:.22rem 0;color:var(--ink-soft);font-size:.85rem;text-decoration:none}.footer-col a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem 1.5rem;margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--line);color:var(--muted);font-size:.72rem}.footer-bottom p{max-width:70ch}@media(max-width:760px){.nav{display:none}.header-inner{min-height:calc(62px - 22px * var(--shrink))}.btn.header-cta{min-height:calc(38px - 6px * var(--shrink));padding:calc(.42rem - .12rem * var(--shrink)) calc(.7rem - .1rem * var(--shrink));font-size:calc(.76rem - .04rem * var(--shrink))}.hero{padding-top:1.35rem}.qr-card{border-radius:18px}.qr-card__title{font-size:1.35rem}.qr-tab{font-size:.77rem}.qr-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.qr-preview-frame{max-width:280px}}@media(max-width:420px){.brand-name{font-size:calc(1rem - .12rem * var(--shrink))}.qr-card{padding:.9rem}.qr-tab{font-size:.72rem;letter-spacing:-.01em}}@media(min-width:760px){.hero-foot{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:start}.how-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.types-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.5rem}.use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-band{flex-direction:row;align-items:center;justify-content:space-between}.cta-band>div{max-width:38rem}.cta-band .btn{flex:none}.footer-grid{grid-template-columns:1.6fr repeat(3,minmax(0,1fr))}}@media(min-width:900px){.content-grid{grid-template-columns:minmax(0,1.65fr) minmax(260px,.7fr);align-items:start;gap:3rem}.content-aside{position:sticky;top:92px}}@media(min-width:1000px){.features-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.use-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (max-width: 499px){.qr-card__body{display:flex;flex-direction:column}.qr-form{display:contents}.qr-panel{order:0}.qr-preview-panel{order:1}.qr-customize{order:2;margin-top:.25rem}.logo-field{order:1}}@container (min-width: 430px){.field-row,.customize-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width: 500px){.qr-card__body{grid-template-columns:minmax(0,1fr) minmax(190px,220px);align-items:start;gap:1.1rem}.qr-preview-panel{padding-left:1.1rem;border-left:1px solid var(--line)}.qr-preview-frame{max-width:none}}@container (min-width: 840px){.qr-card__body{grid-template-columns:minmax(0,1fr) minmax(440px,.9fr);gap:1.5rem}.qr-preview-panel{display:grid;grid-template-areas:"frame" "logo" "actions" "status" "privacy";gap:.5rem;align-content:start;padding-left:1.4rem}.qr-preview-frame{grid-area:frame;max-width:200px;margin-inline:auto}.logo-field{grid-area:logo}.qr-actions{grid-area:actions;grid-template-columns:repeat(2,minmax(0,1fr))}.qr-share{grid-column:1 / -1}.qr-status{grid-area:status}.qr-privacy{grid-area:privacy}}@media(min-height:900px){@container (min-width: 840px){.qr-preview-frame{max-width:240px}}}@container (max-width: 839px){.logo-meta{display:none}}@container (max-width: 499px){.logo-meta{display:flex}}@media(hover:hover)and (pointer:fine){.type-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow)}.type-card:hover .type-card__arrow{transform:translate(2px,-2px);color:var(--accent)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media print{.site-header,.site-footer,.hero-head,.hero-foot,.trust-strip,.qr-form,.qr-customize,.qr-actions,.qr-status,.qr-privacy,.qr-card__head,.qr-card__foot,.qr-tabs,.qr-expand{display:none!important}.qr-card,.qr-preview-frame{border:0!important;box-shadow:none!important}.qr-preview-frame{max-width:360px}}