@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.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{--ink:#0a0a0a;--paper:#fff;--mute:color-mix(in srgb, var(--ink) 60%, var(--paper));--yellow:#ffe600;--magenta:#ff2d78;--cyan:#00f5ff;--line:2px solid var(--ink);--gutter:clamp(1rem, 4vw, 3rem);--max:1200px;--font:"Space Grotesk Variable", "Space Grotesk", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.btn{--shadow:var(--ink);border:var(--line);box-shadow:0 12px 28px -8px color-mix(in srgb, var(--shadow) 45%, transparent), 5px 5px 0 0 var(--shadow);padding:.85rem 1.6rem;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .12s ease-out,box-shadow .12s ease-out,background-color .12s ease-out,color .12s ease-out;display:inline-block}.btn:hover{box-shadow:0 16px 32px -8px color-mix(in srgb, var(--shadow) 45%, transparent), 8px 8px 0 0 var(--shadow);transform:translate(-2px,-2px)}.btn:active{box-shadow:1px 1px 0 0 var(--shadow);transform:translate(2px,2px)}.btn-yellow{background:var(--yellow);color:var(--ink);--shadow:var(--magenta)}.btn-ghost{color:var(--ink);--shadow:var(--cyan);background:0 0}.btn-ghost:hover{background:var(--ink);color:var(--paper)}.btn-ink{background:var(--ink);color:var(--paper);border-color:var(--ink);--shadow:var(--paper)}.card{--shadow:var(--ink);border:var(--line);background:var(--paper);box-shadow:0 20px 40px -12px color-mix(in srgb, var(--shadow) 40%, transparent), 8px 8px 0 0 var(--shadow)}.card-yellow{--shadow:var(--yellow)}.card-magenta{--shadow:var(--magenta)}.card-cyan{--shadow:var(--cyan)}.pills{flex-wrap:wrap;gap:.5rem;display:flex}.pill{border:2px solid var(--ink);white-space:nowrap;border-radius:999px;padding:.25rem .8rem;font-size:.85rem;font-weight:600;line-height:1.4;display:inline-block}.pill-yellow{background:var(--yellow)}.pill-magenta{background:var(--magenta)}.pill-cyan{background:var(--cyan)}.pill-white{background:var(--paper);color:var(--ink)}.section{max-width:var(--max);padding:clamp(3rem, 6vw, 5rem) var(--gutter);border-top:var(--line);grid-template-columns:repeat(12,1fr);gap:1.5rem;margin:0 auto;display:grid}.section-title{grid-column:1/5}.section-title h2{letter-spacing:-.04em;border-bottom:6px solid var(--yellow);padding-bottom:.4rem;font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:700;line-height:1;display:inline-block;position:sticky;top:5rem}.section-body{grid-column:5/-1;gap:1.5rem;display:grid}@media (width<=900px){.section-title,.section-body{grid-column:1/-1}.section-title h2{position:static}}@media (prefers-reduced-motion:reduce){.btn{transition:none}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.55;overflow-x:hidden}h1,h2,h3,p,ul,ol,dl,dd{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit}.skip-link{z-index:100;background:var(--yellow);color:var(--ink);padding:.5rem 1rem;font-weight:700;text-decoration:none;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.site-header{z-index:50;background:var(--paper);border-bottom:var(--line);position:sticky;top:0}.site-header-inner{max-width:var(--max);padding:.9rem var(--gutter);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 2rem;margin:0 auto;display:flex}.brand{letter-spacing:-.03em;font-size:1.25rem;font-weight:700;text-decoration:none}.brand-slash{background:var(--yellow);color:var(--ink);border-radius:4px;margin-left:.05em;padding:0 .28em;display:inline-flex}.intro{max-width:var(--max);padding:clamp(2.5rem, 6vw, 4.5rem) var(--gutter) clamp(2rem, 4vw, 3rem);gap:1rem;margin:0 auto;display:grid}.intro h1{letter-spacing:-.05em;max-width:14ch;font-size:clamp(2.4rem,7vw,5.5rem);font-weight:700;line-height:.92}.intro p{max-width:44ch;font-size:clamp(1.1rem,2vw,1.35rem)}.form{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.field{align-content:start;gap:.4rem;display:grid}.field-wide{grid-column:1/-1}.field label{font-weight:700}.field input,.field textarea,.field select{border:var(--line);background:var(--paper);width:100%;color:var(--ink);font:inherit;border-radius:0;padding:.7rem .85rem}.field textarea{resize:vertical;min-height:7rem}.field-count{color:var(--mute);justify-self:end;font-size:.8rem}.form-note{border-left:4px solid var(--cyan);padding-left:.75rem;font-size:.92rem}.form-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:1rem;display:flex}.btn:disabled{opacity:.6;cursor:progress;transform:none}.btn-small{padding:.45rem .9rem;font-size:.9rem}.notice{border:var(--line);border-left:12px solid var(--magenta);padding:1rem 1.25rem;font-weight:500}.muted{color:var(--mute)}.site-footer{max-width:var(--max);padding:1.5rem var(--gutter) 2.5rem;border-top:var(--line);color:var(--mute);gap:.5rem;margin:0 auto;font-size:.95rem;display:grid}.results-region:focus{outline:none}.results-region:focus-visible{outline:3px solid var(--ink)}.turnstile:empty{display:none}.turnstile{grid-column:1/-1}.form-status{margin:0;font-size:.92rem}@media (width<=560px){.form{grid-template-columns:1fr}}fieldset{border:0;min-width:0;margin:0;padding:0}legend{margin-bottom:.75rem;padding:0;font-weight:700}.services,.contact-fields{border-top:var(--line);gap:1rem;padding-top:1rem;display:grid}.contact-fields{grid-template-columns:repeat(2,1fr)}.contact-fields legend{grid-column:1/-1}.service-row{grid-template-columns:1fr 2fr auto;align-items:end;gap:1rem;display:grid}.field input[aria-invalid=true]{border-left-width:8px;border-left-color:var(--magenta)}.design-panel{border-top:var(--line);gap:1.25rem;padding-top:1rem;display:grid}.design-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;display:flex}.design-head h3{font-size:1.4rem}.design-label{color:var(--mute);font-weight:600}.design-actions,.seed-form,.color-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.seed-form input,.color-row input:not([type=color]){border:var(--line);background:var(--paper);width:8rem;color:var(--ink);font:inherit;border-radius:0;padding:.45rem .6rem}.color-row input[type=color]{border:var(--line);background:var(--paper);cursor:pointer;width:3rem;height:2.5rem;padding:.15rem}.color-row input[aria-invalid=true]{border-left-width:8px;border-left-color:var(--magenta)}.opt-group legend{margin-bottom:.5rem}.opt-list{flex-wrap:wrap;gap:.5rem;display:flex}.opt{cursor:pointer;position:relative}.opt input{opacity:0;width:1px;height:1px;position:absolute}.opt span{border:2px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:999px;padding:.35rem .8rem;font-size:.92rem;font-weight:600;display:inline-block}.opt input:checked+span{background:var(--yellow)}.opt input:focus-visible+span{outline:3px solid var(--ink);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.preview{border:var(--line);background:var(--paper);width:100%;height:34rem}.export-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.check{align-items:center;gap:.5rem;display:flex}.editor{gap:1.5rem;display:grid}.editor h3{font-size:1.4rem}.edit-group{border-top:1px solid var(--ink);grid-template-columns:repeat(2,1fr);gap:1rem;padding-top:1rem;display:grid}.edit-group legend{grid-column:1/-1}@media (width<=900px){.preview{height:28rem}}@media (width<=560px){.contact-fields,.edit-group,.service-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
