:root{color-scheme:light;--bg: #f7f4ec;--bg-soft: #fffaf2;--page-glow-1: rgba(255, 215, 161, .28);--page-glow-2: rgba(31, 111, 255, .07);--header-bg: rgba(247, 244, 236, .78);--header-line: rgba(53, 70, 102, .12);--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;--input-bg: #fff;--secondary-bg: rgba(255, 255, 255, .72);--secondary-hover-bg: rgba(220, 232, 255, .45);--panel-bg-start: rgba(255, 255, 255, .94);--panel-bg-end: rgba(255, 253, 248, .92);--preview-bg-start: rgba(255, 255, 255, .98);--preview-bg-end: rgba(241, 234, 219, .42);--preview-border: rgba(53, 70, 102, .14);--preview-inner-highlight: rgba(255, 255, 255, .75);--empty-grid-line: rgba(23, 32, 51, .08);--empty-grid-base: rgba(255, 255, 255, .72);--theme-toggle-bg: rgba(255, 255, 255, .76);--theme-toggle-hover: rgba(220, 232, 255, .5);--chip-inset: rgba(255, 255, 255, .9);--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)}[data-theme=dark]{color-scheme:dark;--bg: #0a0f18;--bg-soft: #121a28;--page-glow-1: rgba(82, 118, 255, .18);--page-glow-2: rgba(24, 172, 154, .1);--header-bg: rgba(10, 15, 24, .72);--header-line: rgba(145, 163, 201, .16);--surface: rgba(16, 23, 35, .88);--surface-strong: #111a29;--surface-tint: #172033;--text: #edf2ff;--muted: #a6b2c8;--line: rgba(145, 163, 201, .18);--accent: #6ca0ff;--accent-strong: #8db7ff;--accent-soft: rgba(108, 160, 255, .18);--warm-accent: #9b7b4a;--danger: #ff7b72;--success: #62d19c;--input-bg: #0f1726;--secondary-bg: rgba(16, 23, 35, .82);--secondary-hover-bg: rgba(108, 160, 255, .16);--panel-bg-start: rgba(16, 23, 35, .94);--panel-bg-end: rgba(14, 20, 31, .92);--preview-bg-start: rgba(16, 23, 35, .96);--preview-bg-end: rgba(16, 23, 35, .96);--preview-border: rgba(145, 163, 201, .12);--preview-inner-highlight: rgba(255, 255, 255, 0);--empty-grid-line: rgba(145, 163, 201, .08);--empty-grid-base: rgba(14, 20, 31, .96);--theme-toggle-bg: rgba(16, 23, 35, .84);--theme-toggle-hover: rgba(108, 160, 255, .14);--chip-inset: rgba(255, 255, 255, .03);--shadow: 0 24px 60px rgba(0, 0, 0, .36);--shadow-soft: 0 14px 36px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at top left,var(--page-glow-1),transparent 26rem),radial-gradient(circle at 82% 100%,var(--page-glow-2),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 var(--header-line);background:var(--header-bg);backdrop-filter:blur(18px)}.site-header .shell,.header-actions,.hero-actions,.chip-row{display:flex;align-items:center}.site-header .shell{justify-content:space-between;gap:1rem}.header-actions{gap:1rem;flex-wrap:wrap;justify-content:flex-end}.nav-menu{display:flex;align-items:center;gap:.85rem}.nav-menu-toggle{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.nav-menu-button{display:none;align-items:center;gap:.5rem;min-height:44px;padding:.7rem .95rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;font-size:.94rem;font-weight:800;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.nav-menu-button:hover{transform:translateY(-1px);background:var(--secondary-hover-bg);border-color:#1f6fff3d}.nav-menu-button:focus-visible{outline:3px solid var(--accent-strong);outline-offset:2px}.nav-menu-icon{width:1rem;height:.75rem;display:inline-block;position:relative}.nav-menu-icon:before{content:"";position:absolute;left:0;width:100%;height:2px;border-radius:999px;background:currentColor;box-shadow:0 5px 0 currentColor,0 10px 0 currentColor}.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{display:flex;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 var(--header-line)}.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-grid[data-layout=stacked]{grid-template-columns:minmax(0,1fr);gap:1.5rem;align-items:start}.hero-panel{min-width:0}.hero-grid[data-layout=stacked] .hero-panel{width:min(100%,58rem)}.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:var(--secondary-bg);color:var(--accent-strong);border-color:var(--line);box-shadow:none}.button-link.secondary:hover{background:var(--secondary-hover-bg)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.7rem .95rem;border:1px solid var(--line);border-radius:999px;background:var(--theme-toggle-bg);color:var(--text);font:inherit;font-size:.94rem;font-weight:800;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.theme-toggle:hover{transform:translateY(-1px);background:var(--theme-toggle-hover);border-color:#1f6fff3d}.theme-toggle:focus-visible{outline:3px solid var(--accent-strong);outline-offset:2px}.theme-toggle-label{white-space:nowrap}.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 0 var(--chip-inset) 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,var(--panel-bg-start),var(--panel-bg-end));box-shadow:var(--shadow)}.generator-panel--compact{grid-template-columns:minmax(23rem,27rem) minmax(12.5rem,15rem);width:fit-content;justify-self:start;align-items:stretch}.hero-grid[data-layout=stacked] .generator-panel--compact{width:100%;grid-template-columns:minmax(0,1.55fr) minmax(14rem,16rem)}.generator-panel--compact .qr-preview{min-height:100%;align-self:stretch;justify-self:stretch;padding:.85rem;align-content:center}.generator-panel--compact .qr-canvas,.generator-panel--compact .qr-empty-state{width:min(170px,100%)}.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}.vcard-address-details{padding-top:.35rem}.vcard-address-summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;list-style:none;padding:.1rem 0}.vcard-address-summary::-webkit-details-marker{display:none}.vcard-address-summary-icon{position:relative;flex:0 0 auto;width:.8rem;height:.8rem;margin-top:.1rem}.vcard-address-summary-icon:before,.vcard-address-summary-icon:after{content:"";position:absolute;inset:0;margin:auto;width:.5rem;height:.12rem;border-radius:999px;background:currentColor;transition:transform .18s ease}.vcard-address-summary-icon:after{transform:rotate(90deg)}.vcard-address-details[open] .vcard-address-summary-icon:after{transform:rotate(0)}.vcard-address-details>div{padding-top:.5rem}.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:var(--input-bg);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}.checkbox-field{display:inline-flex;align-items:center;gap:.65rem;width:fit-content;min-height:44px;font-weight:700}.checkbox-field input{width:1rem;height:1rem;accent-color:var(--accent)}.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;width:100%;max-width:18rem;aspect-ratio:1;justify-items:center;align-content:center;gap:.8rem;padding:1rem;border:1px solid var(--preview-border);border-radius:calc(var(--radius-large) - 4px);background:linear-gradient(180deg,var(--preview-bg-start),var(--preview-bg-end));box-shadow:inset 0 1px 0 var(--preview-inner-highlight);align-self:center}.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,var(--empty-grid-line) 1px,transparent 1px),linear-gradient(var(--empty-grid-line) 1px,transparent 1px);background-color:var(--empty-grid-base);background-size:22px 22px;color:var(--muted);font-weight:800}[hidden]{display:none!important}@media(max-width:760px){.site-header .shell{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem}.header-actions{flex-wrap:nowrap;align-items:center;gap:.5rem}.nav-menu{position:relative;display:flex;align-items:flex-end;flex-direction:column;gap:0}.nav-menu-button{display:inline-flex}.nav{display:none;position:absolute;top:calc(100% + .65rem);right:0;z-index:20;min-width:min(18rem,calc(100vw - 2rem));flex-direction:column;align-items:stretch;gap:.25rem;padding:.75rem;border:1px solid var(--line);border-radius:calc(var(--radius-large) - 6px);background:var(--surface-strong);box-shadow:var(--shadow)}.nav-menu-toggle:checked~.nav{display:flex}.nav a{padding:.55rem .7rem;border-radius:.75rem}.nav a:hover,.nav a:focus-visible{background:var(--accent-soft)}.site-header{border-bottom:0}.header-actions{justify-content:flex-end}.hero-actions{flex-direction:column;align-items:flex-start}.theme-toggle{white-space:nowrap}.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{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}}