@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-vietnamese-wght-normal-RvljkFvg.woff2)format("woff2-variations");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:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-ext-wght-normal-B6JQhE1e.woff2)format("woff2-variations");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:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-wght-normal-ci0D1wrL.woff2)format("woff2-variations");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}:root{--white:#fff;--ink-50:#f5f8f7;--ink-100:#f1f5f4;--ink-150:#dbe4e2;--ink-200:#c3d1ce;--ink-500:#768a86;--ink-600:#4a5d5a;--ink-950:#0b1d1b;--teal-50:#e3f3f0;--teal-700:#0f766e;--teal-800:#115e59;--green-700:#15803d;--red-50:#fef3f2;--red-700:#b42318;--amber-50:#fff8eb;--amber-300:#f2c879;--amber-700:#b45309;--night-950:#060e0d;--night-900:#11231f;--night-850:#172d29;--night-teal:#10302c;--night-700:#26443e;--night-600:#35574f;--night-500:#5b7d75;--mist-100:#e6efed;--mist-400:#9fb3af;--teal-300:#5eead4;--teal-400:#2dd4bf;--teal-950:#042f2b;--green-400:#4ade80;--red-300:#ff8a7a;--red-950:#2a1513;--amber-400:#fbbf24;--amber-800:#6b5220;--amber-950:#261f10;--bg:var(--ink-50);--surface:var(--white);--surface-2:var(--ink-100);--text:var(--ink-950);--muted:var(--ink-600);--border:var(--ink-150);--border-strong:var(--ink-200);--field-border:var(--ink-500);--accent:var(--teal-700);--accent-strong:var(--teal-800);--accent-ink:var(--white);--accent-soft:var(--teal-50);--success:var(--green-700);--error:var(--red-700);--error-soft:var(--red-50);--warn-bg:var(--amber-50);--warn-border:var(--amber-300);--warn-ink:var(--amber-700);--chevron:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%234a5d5a%27 stroke-width=%272%27 stroke-linecap=%27round%27%3E%3Cpath d=%27m6 9 6 6 6-6%27/%3E%3C/svg%3E");--shadow-sm:0 1px 3px #0b1d1b1f;--shadow:0 1px 2px #0b1d1b0a, 0 8px 24px -8px #0b1d1b1f;--shadow-lg:0 2px 4px #0b1d1b0a, 0 24px 48px -16px #0b1d1b38;--card-paper:var(--white);--card-ink:var(--ink-950);--card-muted:var(--ink-600);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:40px;--space-10:48px;--space-11:56px;--space-12:72px;--text-2xs:.75rem;--text-xs:.8rem;--text-sm:.875rem;--text-md:.925rem;--text-base:1rem;--text-lg:1.0625rem;--text-xl:1.125rem;--text-2xl:1.25rem;--text-3xl:1.75rem;--text-4xl:2.25rem;--text-lead:clamp(1.05rem, 2.4vw, 1.2rem);--text-h2:clamp(1.5rem, 4vw, 2.1rem);--text-display:clamp(2rem, 6vw, 3.5rem);--radius-xs:6px;--radius-sm:12px;--radius-md:16px;--radius:20px;--radius-pill:999px;--dur-fast:.1s;--dur:.15s;--dur-slow:.2s;--font-head:"Lexend Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;--font-mono:ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:var(--night-950);--surface:var(--night-900);--surface-2:var(--night-850);--text:var(--mist-100);--muted:var(--mist-400);--border:var(--night-700);--border-strong:var(--night-600);--field-border:var(--night-500);--accent:var(--teal-400);--accent-strong:var(--teal-300);--accent-ink:var(--teal-950);--accent-soft:var(--night-teal);--success:var(--green-400);--error:var(--red-300);--error-soft:var(--red-950);--warn-bg:var(--amber-950);--warn-border:var(--amber-800);--warn-ink:var(--amber-400);--chevron:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%239fb3af%27 stroke-width=%272%27 stroke-linecap=%27round%27%3E%3Cpath d=%27m6 9 6 6 6-6%27/%3E%3C/svg%3E");--shadow-sm:0 1px 3px #0006;--shadow:0 1px 2px #0000004d, 0 8px 24px -8px #00000080;--shadow-lg:0 2px 4px #0000004d, 0 24px 48px -16px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}h1,h2,h3{font-family:var(--font-head);letter-spacing:-.02em;text-wrap:balance}a{color:var(--accent);text-underline-offset:3px}a:hover{color:var(--accent-strong)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}.wrap{width:100%;max-width:1120px;padding:0 var(--space-4);margin:0 auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:10;padding:var(--space-3) var(--space-4);background:var(--accent);color:var(--accent-ink);border-radius:var(--radius-sm);font-weight:600;position:absolute;top:-60px;left:16px}.skip:focus{top:12px}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.topbar{z-index:5;background:color-mix(in srgb, var(--bg) 96%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;box-shadow:0 6px 16px -12px #00000059}.topbar-inner{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:64px;display:flex}.brand{align-items:center;gap:var(--space-3);color:var(--text);font-family:var(--font-head);font-weight:600;font-size:var(--text-xl);letter-spacing:-.01em;text-decoration:none;display:inline-flex}.brand:hover{color:var(--text)}.brand-mark{width:32px;height:32px}.brand span{flex-direction:column;line-height:1.15;display:flex}.brand small{font-size:var(--text-2xs);color:var(--muted);font-weight:400}.topbar-actions{align-items:center;gap:var(--space-1);display:flex}.topnav{gap:var(--space-1);display:flex}.theme-toggle{width:44px;height:44px;color:var(--muted);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.theme-toggle:hover{background:var(--surface-2);color:var(--text)}.topnav a{min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-pill);color:var(--muted);font-weight:500;font-size:var(--text-md);transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);align-items:center;text-decoration:none;display:inline-flex}.topnav a:hover{background:var(--surface-2);color:var(--text)}.topnav a[aria-current=page]{color:var(--accent);background:var(--accent-soft)}.hero{padding-top:var(--space-10);padding-bottom:var(--space-8);text-align:center}.hero h1{max-width:820px;margin:0 auto var(--space-4);font-size:var(--text-display);font-weight:700;line-height:1.08}.hero h1 .hl{color:inherit}.lead{max-width:640px;color:var(--muted);font-size:var(--text-lead);margin:0 auto}.ur{max-width:640px;margin:var(--space-3) auto 0;color:var(--text);font-family:var(--font-head);font-size:var(--text-lead);text-wrap:balance;font-weight:500;line-height:1.5}.trust{justify-content:center;gap:var(--space-2) var(--space-5);margin:var(--space-6) 0 0;color:var(--muted);font-size:var(--text-md);flex-wrap:wrap;padding:0;font-weight:500;list-style:none;display:flex}.trust li{align-items:center;gap:var(--space-2);display:inline-flex}.trust .icon{width:18px;height:18px;color:var(--accent)}.tool{gap:var(--space-5);padding-bottom:var(--space-6);align-items:start;display:grid}@media (width>=900px){.tool{gap:var(--space-7);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.preview{position:sticky;top:88px}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.form{padding:clamp(20px,4vw,32px)}.panel-head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.panel-head h2{font-size:var(--text-2xl);margin:0}.panel-head p{color:var(--muted);font-size:var(--text-md);margin:2px 0 0}.step-badge{border-radius:var(--radius-sm);background:var(--accent-soft);width:40px;height:40px;color:var(--accent);flex:none;place-items:center;display:grid}.field+.field{margin-top:var(--space-5)}.label-row{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}label{font-weight:600;font-size:var(--text-base)}.optional{color:var(--muted);font-weight:400;font-size:var(--text-sm)}.count{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--muted);font-variant-numeric:tabular-nums;transition:color var(--dur) var(--ease)}.count[data-state=valid]{color:var(--success)}.input-wrap{align-items:center;display:flex;position:relative}input,select{width:100%;min-height:52px;padding:var(--space-3) var(--space-4);font:inherit;font-size:var(--text-lg);color:var(--text);background:var(--surface-2);border:1.5px solid var(--field-border);border-radius:var(--radius-sm);transition:border-color var(--dur) var(--ease), background-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease)}select{appearance:none;padding-right:var(--space-10);cursor:pointer;background-image:var(--chevron);background-position:right 14px center;background-repeat:no-repeat;background-size:20px}input::placeholder{color:color-mix(in srgb, var(--muted) 70%, transparent)}input:hover,select:hover{border-color:var(--muted)}input:focus,select:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);outline:none}#account{font-family:var(--font-mono);font-size:var(--text-lg);letter-spacing:.02em;padding-right:var(--space-10)}.input-wrap[data-state=valid] input{border-color:var(--success)}.input-wrap[data-state=invalid] input{border-color:var(--error);background:var(--error-soft)}.state-icon{width:22px;height:22px;color:var(--success);opacity:0;transition:opacity var(--dur-slow) var(--ease), transform var(--dur-slow) var(--ease);pointer-events:none;position:absolute;right:14px;transform:scale(.6)}.input-wrap[data-state=valid] .state-icon{opacity:1;transform:scale(1)}.prefix{color:var(--muted);pointer-events:none;font-weight:600;position:absolute;left:16px}.input-wrap.has-prefix input{padding-left:var(--space-11)}.help{margin:var(--space-2) 0 0;color:var(--muted);font-size:var(--text-sm)}.error{margin:var(--space-4) 0 0;color:var(--error);font-size:var(--text-md);font-weight:500}.error:empty{margin:0}.privacy-note{gap:var(--space-3);margin:var(--space-6) 0 0;padding:var(--space-4) var(--space-4);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--text);font-size:var(--text-md);display:flex}.privacy-note .icon{color:var(--accent);margin-top:1px}.preview{padding:clamp(16px,3vw,24px)}.placeholder{place-items:center;gap:var(--space-4);aspect-ratio:720/980;max-height:560px;padding:var(--space-6);border:2px dashed var(--border-strong);border-radius:var(--radius-md);text-align:center;color:var(--muted);margin:0 auto;display:grid}.placeholder-qr{width:min(55%,200px);height:auto;color:var(--border-strong)}.placeholder p{max-width:260px;font-size:var(--text-md);margin:0}.placeholder strong{margin-bottom:var(--space-1);color:var(--text);font-family:var(--font-head);font-weight:600;display:block}.result{animation:rise .32s var(--ease)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.check{gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--warn-border);border-radius:var(--radius-sm);background:var(--warn-bg);font-size:var(--text-md);display:flex}.check .icon{color:var(--warn-ink);margin-top:2px}.check strong{font-family:var(--font-mono);font-size:var(--text-base);overflow-wrap:anywhere;margin:2px 0;display:block}.check p{margin:0}.card-preview{width:100%;max-width:380px;height:auto;margin:var(--space-5) auto;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:block}.actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:48px;padding:var(--space-3) var(--space-5);font:inherit;color:var(--text);background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), transform var(--dur-fast) var(--ease);flex:130px;font-weight:600;display:inline-flex}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn:active{transform:scale(.98)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);flex-basis:100%}.btn.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--accent-ink)}.btn[data-done]{border-color:var(--success);color:var(--success)}.section{margin-top:var(--space-11);padding-top:var(--space-11);border-top:1px solid var(--border)}@media (width<=600px){.section{margin-top:var(--space-9);padding-top:var(--space-9)}}.section-head{max-width:640px;margin:0 auto var(--space-7);text-align:center}.section-head h2{margin:0 0 var(--space-2);font-size:var(--text-h2);line-height:1.15}.section-head p{color:var(--muted);margin:0}.steps{gap:var(--space-4);counter-reset:step;margin:0;padding:0;list-style:none;display:grid}@media (width>=720px){.steps{grid-template-columns:repeat(3,1fr)}}.steps li{column-gap:var(--space-4);counter-increment:step;grid-template-columns:auto 1fr;align-content:start;display:grid}.steps li:before{content:counter(step);font-family:var(--font-head);font-size:var(--text-4xl);color:var(--accent);grid-row:span 2;font-weight:700;line-height:1}.steps h3{margin:0 0 var(--space-2);font-size:var(--text-xl)}.steps p{color:var(--muted);font-size:var(--text-md);margin:0}.apps-line{margin:var(--space-7) 0 0;color:var(--muted);text-align:center;font-weight:500}.apps{justify-content:center;gap:var(--space-3);margin:var(--space-6) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.apps li{padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);font-size:var(--text-md);font-weight:500}.checklist{max-width:760px;margin:0 auto;padding:clamp(20px,4vw,32px)}.checklist ol{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.checklist li{gap:var(--space-4);display:flex}.checklist .icon{width:24px;height:24px;color:var(--success)}.faq{max-width:760px;margin:0 auto}.faq details{border-bottom:1px solid var(--border)}.faq details:first-of-type{border-top:1px solid var(--border)}.faq summary{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:56px;padding:var(--space-4) var(--space-1);font-family:var(--font-head);font-weight:500;font-size:var(--text-lg);cursor:pointer;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary .icon{color:var(--muted);transition:transform var(--dur-slow) var(--ease)}.faq details[open] summary .icon{transform:rotate(45deg)}.faq details p{padding:0 var(--space-1) var(--space-5);color:var(--muted);margin:0}.cross{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;max-width:760px;margin:0 auto;padding:24px clamp(20px,4vw,32px);display:flex}.cross h2{margin:0 0 var(--space-1);font-size:var(--text-2xl)}.cross p{color:var(--muted);margin:0}.cross .btn{flex:none;text-decoration:none}.site-footer{margin-top:var(--space-12);border-top:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:var(--text-md)}.footer-grid{gap:var(--space-8) var(--space-6);padding-top:var(--space-9);padding-bottom:var(--space-8);grid-template-columns:1fr 1fr;display:grid}.footer-brand{grid-column:1/-1}@media (width>=720px){.footer-grid{gap:var(--space-10);grid-template-columns:2fr 1fr 1fr}.footer-brand{grid-column:auto}}.footer-brand p{max-width:360px;margin:var(--space-3) 0 var(--space-4)}.social{gap:var(--space-2);margin:0;padding:0;list-style:none;display:flex}.social a{border:1px solid var(--border);border-radius:var(--radius-pill);width:44px;height:44px;color:var(--text);transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease);place-items:center;display:grid}.social a:hover{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.icon-fill{fill:currentColor;stroke:none}.footer-title{margin:0 0 var(--space-3);color:var(--text);font-family:var(--font-head);font-weight:600}.footer-col ul{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.footer-col a{min-height:36px;color:var(--muted);align-items:center;text-decoration:none;display:inline-flex}.footer-col a:hover{color:var(--accent);text-decoration:underline}.footer-bottom{justify-content:space-between;gap:var(--space-2) var(--space-6);padding-top:var(--space-5);padding-bottom:var(--space-7);border-top:1px solid var(--border);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.footer-bottom p{margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}.brand span,.topnav a{white-space:nowrap}@media (width<=420px){.topnav a{padding:0 var(--space-3);font-size:var(--text-sm)}.topbar-inner{gap:var(--space-2)}.topbar-actions,.topnav{gap:0}#account{padding-right:var(--space-9)}#account::placeholder{font-size:var(--text-xs);letter-spacing:0}}@media (width<=600px){.topbar .brand span{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.scan-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.scan-actions .btn.primary{flex-basis:180px}label.btn{cursor:pointer}input.sr-only:focus-visible+label.btn{outline:3px solid var(--accent);outline-offset:2px}.camera{margin-top:var(--space-4);border-radius:var(--radius-md);background:#000;position:relative;overflow:hidden}.camera video{aspect-ratio:1;object-fit:cover;width:100%;display:block}.camera-frame{border-radius:var(--radius-md);pointer-events:none;border:3px solid #ffffffd9;position:absolute;inset:18%;box-shadow:0 0 0 100vmax #00000059}.camera-stop{flex:none;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.drop{margin-top:var(--space-4);padding:var(--space-5);border:2px dashed var(--border-strong);border-radius:var(--radius-sm);color:var(--muted);font-size:var(--text-md);text-align:center;transition:border-color var(--dur) var(--ease), background-color var(--dur) var(--ease)}.drop p{margin:0}.drop[data-over]{border-color:var(--accent);background:var(--accent-soft)}.compare{margin-top:var(--space-5)}.verdict{gap:var(--space-3);padding:var(--space-4) var(--space-4);border-radius:var(--radius-sm);border:1px solid;display:flex}.verdict .icon{width:24px;height:24px;margin-top:1px}.verdict strong{font-family:var(--font-head);font-size:var(--text-lg);display:block}.verdict p{font-size:var(--text-md);margin:2px 0 0}.verdict-ok{border-color:color-mix(in srgb, var(--success) 45%, transparent);background:color-mix(in srgb, var(--success) 12%, var(--surface))}.verdict-ok .icon{color:var(--success)}.verdict-bad{border-color:color-mix(in srgb, var(--error) 50%, transparent);background:var(--error-soft)}.verdict-bad .icon,.verdict-bad strong{color:var(--error)}.verdict-info{border-color:var(--warn-border);background:var(--warn-bg)}.verdict-info .icon{color:var(--warn-ink)}.facts{gap:var(--space-3) var(--space-4);margin:var(--space-5) 0 var(--space-2);grid-template-columns:max-content 1fr;display:grid}.facts dt{color:var(--muted);font-size:var(--text-md)}.facts dd{overflow-wrap:anywhere;margin:0;font-weight:500}.facts .mono{font-family:var(--font-mono);font-size:var(--text-lg)}.fact-note{color:var(--error);font-size:var(--text-sm);margin-top:2px;font-weight:500;display:block}.raw{margin:var(--space-4) 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--surface-2);font-family:var(--font-mono);font-size:var(--text-sm);overflow-wrap:anywhere;display:block}.result>.btn{margin-top:var(--space-4)}@media (width<=420px){.facts{grid-template-columns:1fr;gap:2px}.facts dd{margin-bottom:var(--space-3)}}.layout-controls{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.segmented{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);flex:auto;margin:0;padding:3px;display:flex}.segmented label{flex:1 1 0;min-width:max-content;position:relative}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented span{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-xs);color:var(--muted);font-size:var(--text-md);cursor:pointer;transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);place-items:center;font-weight:600;display:grid}.segmented input:checked+span{background:var(--surface);color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent), var(--shadow-sm)}.segmented input:focus-visible+span{outline:3px solid var(--accent);outline-offset:1px}.card-preview[data-layout=sticker]{max-width:320px}.print-area{display:none}@page{size:A4 portrait;margin:10mm}@media print{body{background:#fff!important}body>:not(.print-area){display:none!important}.print-area{display:block!important}.print-area img{break-inside:avoid;display:block}.print-area[data-layout=card] img{width:100mm;margin:0 auto}.print-area[data-layout=poster] img{width:auto;max-width:100%;height:274mm;margin:0 auto}.print-area[data-layout=sticker]{grid-template-columns:repeat(3,60mm);justify-content:center;gap:6mm;display:grid!important}.print-area[data-layout=sticker] img{width:60mm}}.feature{gap:var(--space-8);align-items:center;display:grid}@media (width>=900px){.feature{gap:var(--space-11);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.feature-flip .feature-copy{order:2}}.feature-eyebrow{margin:0 0 var(--space-2);color:var(--accent);font-size:var(--text-md);font-weight:600}.feature-eyebrow .icon{width:16px;height:16px}.feature h2{margin:0 0 var(--space-3);font-size:var(--text-h2);line-height:1.15}.feature-lead{margin:0 0 var(--space-5);color:var(--muted);font-size:var(--text-lg)}.feature-list{gap:var(--space-3);margin:0 0 var(--space-6);padding:0;list-style:none;display:grid}.feature-list li{gap:var(--space-3);display:flex}.feature-list .icon{color:var(--success);margin-top:2px}.feature-list strong{color:var(--text)}.feature-list span{color:var(--muted)}.feature-cta{flex:none;text-decoration:none}.feature-cta:hover{color:var(--accent-ink)}.feature-visual{border:1px solid var(--border);border-radius:var(--radius);background:var(--accent-soft);place-items:center;padding:clamp(20px,5vw,40px);display:grid}.mock{width:100%;max-width:400px;padding:var(--space-5);box-shadow:var(--shadow-lg)}.mock-verdict{gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb, var(--error) 50%, transparent);border-radius:var(--radius-sm);background:var(--error-soft);display:flex}.mock-verdict .icon{color:var(--error)}.mock-verdict strong{color:var(--error);font-family:var(--font-head);display:block}.mock-verdict span{font-size:var(--text-sm)}.mock-facts{gap:var(--space-3) var(--space-4);margin:var(--space-5) 0 0;font-size:var(--text-md);grid-template-columns:max-content 1fr;display:grid}.mock-facts dt{color:var(--muted)}.mock-facts dd{margin:0;font-weight:600}.mono{font-family:var(--font-mono)}.mock-card{max-width:280px;padding:var(--space-6);border-radius:var(--radius);background:var(--card-paper);color:var(--card-ink);text-align:center;justify-items:center;display:grid}.mock-card p{margin:0}.mock-card-title{font-family:var(--font-head);font-size:var(--text-xl);font-weight:700}.mock-qr{width:180px;height:180px;margin:var(--space-4) 0;color:var(--card-ink)}.mock-card-name{font-family:var(--font-head);letter-spacing:.02em;font-weight:700}.mock-card-iban{color:var(--card-muted);font-size:var(--text-xs);margin-top:var(--space-1)!important}.hero-cta{margin-top:var(--space-6);padding:var(--space-4) var(--space-7);font-size:var(--text-lg);box-shadow:var(--shadow);flex:none;text-decoration:none;display:inline-flex}.hero-cta:hover{color:var(--accent-ink)}@media (width<=600px){.hero{padding-top:var(--space-5);padding-bottom:var(--space-5)}.hero h1{margin-bottom:var(--space-3);font-size:var(--text-3xl)}.lead{font-size:var(--text-base)}.ur{margin-top:var(--space-2);font-size:var(--text-base)}.trust{gap:var(--space-1) var(--space-4);margin-top:var(--space-3);font-size:var(--text-sm)}.trust .icon{width:15px;height:15px}.hero-cta{width:100%;margin-top:var(--space-4)}.form>.panel-head{display:none}}.inapp-hint{gap:var(--space-3);margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--warn-border);border-radius:var(--radius-sm);background:var(--warn-bg);font-size:var(--text-md);display:flex}.inapp-hint .icon{color:var(--warn-ink);flex:none;margin-top:1px}button,a,label,summary,select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.label-row{align-items:center}.paste-btn{min-height:40px;padding:0 var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--accent);font:inherit;font-size:var(--text-sm);cursor:pointer;margin-left:auto;font-weight:600}.paste-btn:hover{border-color:var(--accent)}.ready-bar{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:6;align-items:center;gap:var(--space-2);min-height:48px;padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-ink);white-space:nowrap;box-shadow:var(--shadow-lg);animation:rise .32s var(--ease);font-weight:700;text-decoration:none;display:inline-flex;position:fixed;transform:translate(-50%)}.ready-bar:hover{color:var(--accent-ink)}@media (width<=899px){.result{flex-direction:column;display:flex}.result>.layout-controls{order:1}.result>.actions{margin-top:var(--space-4);order:2}.result>.card-preview{order:3}.result>.inapp-hint{order:4}.placeholder{aspect-ratio:auto;max-height:none;padding:var(--space-4);text-align:left;grid-template-columns:auto 1fr}.placeholder-qr{width:48px}}.not-found-links{justify-content:center;gap:var(--space-3);margin:var(--space-7) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.not-found-links .btn{text-decoration:none}.shop-ctas{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.shop-list{max-width:760px;margin:0 auto}.tips{width:100%;max-width:420px;padding:var(--space-6);margin:0;list-style:none}.tips li{padding:var(--space-3) 0;border-top:1px solid var(--border);color:var(--muted)}.tips .tips-title{color:var(--text);font-family:var(--font-head);border-top:0;padding-top:0;font-weight:600}.shop-ctas .btn{flex:none}@media (width<=600px){.shop-ctas .btn{flex:100%}}@media (width<=359px){.topbar-inner{gap:var(--space-1)}.topnav a{padding:0 var(--space-2);font-size:var(--text-xs)}}