:root{--bg: #f7f4ec;--bg-soft: #fffaf2;--surface: rgba(255, 255, 255, .88);--surface-strong: #fffdf8;--surface-tint: #f1eadb;--text: #172033;--muted: #5f6675;--line: rgba(53, 70, 102, .14);--accent: #1f6fff;--accent-strong: #0f56d8;--accent-soft: #dce8ff;--warm-accent: #ffd7a1;--danger: #b42318;--success: #146c43;--max-width: 70rem;--radius: 10px;--radius-large: 24px;--shadow: 0 18px 50px rgba(29, 37, 52, .1);--shadow-soft: 0 10px 30px rgba(29, 37, 52, .08);--font-body: "Avenir Next", "Segoe UI", "Helvetica Neue", sans-serif;--font-heading: "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;font-family:var(--font-body)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at top left,rgba(255,215,161,.28),transparent 26rem),radial-gradient(circle at 82% 100%,rgba(31,111,255,.07),transparent 24rem),linear-gradient(180deg,var(--bg-soft),var(--bg));background-attachment:fixed;isolation:isolate}a{color:inherit;text-decoration:none}main{display:block}h1,h2,h3,h4,.brand{font-family:var(--font-heading)}h1,h2,h3,p{margin-top:0}.shell{width:min(calc(100% - 2rem),var(--max-width));margin:0 auto}.stack{display:grid;gap:1rem}.site-header,.site-footer{position:relative;z-index:5}.site-header{position:sticky;top:0;padding:.85rem 0;border-bottom:1px solid rgba(53,70,102,.12);background:#f7f4ecc7;backdrop-filter:blur(18px)}.site-header .shell,.nav,.hero-actions,.chip-row{display:flex;align-items:center}.site-header .shell{justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.7rem;font-size:1.02rem;font-weight:800;letter-spacing:-.02em}.brand-logo{width:2rem;height:2rem;flex:0 0 auto}.nav{gap:1rem}.nav a{color:var(--muted);font-size:.96rem;font-weight:700;transition:color .18s ease,transform .18s ease}.nav a:hover,.nav a:focus-visible,.brand:hover,.brand:focus-visible{color:var(--accent-strong)}.nav a:hover{transform:translateY(-1px)}.site-footer{padding:1.25rem 0 1.75rem;color:var(--muted)}.site-footer .shell{padding-top:1rem;border-top:1px solid rgba(53,70,102,.12)}.site-footer p{margin:0}.hero{padding:3rem 0 2rem}.hero-grid{display:grid;gap:2rem;align-items:center;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.hero-panel{min-width:0}.hero-actions{gap:.85rem;flex-wrap:wrap}.tool-hero{position:relative;overflow:clip;padding:2rem 0 2.5rem}.tool-hero-shell{position:relative;z-index:1;display:grid;gap:1rem;min-width:0}.tool-intro{max-width:44rem;min-width:0}.tool-intro h1{margin-bottom:.65rem;font-size:clamp(2.6rem,6vw,4.9rem);line-height:.98;letter-spacing:-.045em}.tool-intro p:last-child{max-width:39rem;margin-bottom:0;color:var(--muted);font-size:1.05rem}#generator{min-width:0}.eyebrow{color:var(--accent-strong);font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.8rem 1.05rem;border:1px solid transparent;border-radius:999px;background:var(--accent);color:#fff;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 12px 24px #1f6fff29;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease,border-color .18s ease}.button-link:hover{transform:translateY(-1px);background:var(--accent-strong);box-shadow:0 14px 28px #1f6fff33}.button-link:focus-visible,.text-input:focus-visible,a:focus-visible{outline:3px solid var(--accent-strong);outline-offset:2px}.button-link.secondary{background:#ffffffb8;color:var(--accent-strong);border-color:var(--accent-soft);box-shadow:none}.button-link.secondary:hover{background:#dce8ff73}.section{padding:2.5rem 0 4rem}.section-card{padding:1.2rem;border:1px solid var(--line);border-radius:var(--radius-large);background:var(--surface);box-shadow:var(--shadow-soft)}.info-grid{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1.1fr) minmax(16rem,.9fr);align-items:start}.use-case-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.chip-row{gap:.75rem;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.56rem .88rem;border-radius:999px;border:1px solid var(--line);background:var(--surface-strong);box-shadow:0 1px #ffffffe6 inset;color:var(--text);font-size:.94rem;font-weight:700}.chip:hover{border-color:#1f6fff38}.feature-list{display:flex;gap:1rem;flex-wrap:wrap;padding:0;margin:0;list-style:none}.feature-list li{padding:.55rem .85rem;border-radius:999px;background:var(--surface-strong);border:1px solid var(--line);color:var(--text);font-weight:700}.generator-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(14rem,18rem);gap:1rem;align-items:stretch;min-width:0;padding:1.15rem;border:1px solid var(--line);border-radius:var(--radius-large);background:linear-gradient(180deg,#fffffff0,#fffdf8eb);box-shadow:var(--shadow)}.generator-controls{display:grid;gap:1rem;align-content:start;min-width:0}.generator-copy{display:grid;gap:.45rem;min-width:0}.generator-copy h2{margin-bottom:0;font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.08;letter-spacing:-.03em}.generator-copy p:last-child{margin-bottom:0;color:var(--muted)}.generator-form{display:grid;gap:.55rem}.field-label{font-weight:800}.text-input{width:100%;min-width:0;min-height:44px;padding:.78rem .88rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--text);font:inherit;transition:border-color .18s ease,box-shadow .18s ease}.text-input:focus{border-color:#1f6fff99;box-shadow:0 0 0 4px #1f6fff14}.field-help{margin:0;color:var(--muted);font-size:.92rem}.field-help[data-state=error]{color:var(--danger)}.field-help[data-state=success]{color:var(--success)}.generator-download{width:fit-content}.generator-download:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.qr-preview{display:grid;min-height:100%;justify-items:center;align-content:center;gap:.8rem;padding:1rem;border:1px solid var(--line);border-radius:calc(var(--radius-large) - 4px);background:linear-gradient(180deg,#fffffffa,#f1eadb6b);box-shadow:inset 0 1px #ffffffbf}.preview-note{max-width:13rem;text-align:center}.qr-canvas{width:min(240px,100%);height:auto}.qr-empty-state{display:grid;width:min(220px,100%);aspect-ratio:1;place-items:center;border-radius:var(--radius);background:linear-gradient(90deg,rgba(23,32,51,.08) 1px,transparent 1px),linear-gradient(rgba(23,32,51,.08) 1px,transparent 1px);background-color:#ffffffb8;background-size:22px 22px;color:var(--muted);font-weight:800}[hidden]{display:none!important}@media(max-width:760px){.site-header .shell,.nav,.hero-actions{flex-direction:column;align-items:flex-start}.site-header{border-bottom:0}.hero{padding:2.25rem 0 1.5rem}.tool-hero{min-height:auto;padding:.5rem 0 1.5rem}.tool-hero-shell{gap:.9rem}.tool-intro h1{font-size:2.2rem}.tool-intro p:last-child{font-size:.98rem}.section{padding:2rem 0 3.25rem}.info-grid,.use-case-grid,.hero-grid{grid-template-columns:1fr}.generator-panel{grid-template-columns:1fr;gap:.85rem;padding:.9rem}.generator-copy h2{font-size:1.3rem}.generator-copy p:last-child{font-size:.95rem}.generator-download{width:100%}.qr-preview{min-height:160px;padding:.75rem}.qr-canvas,.qr-empty-state{width:min(180px,100%)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}