@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-vietnamese-400-normal-CkBxLiRJ.woff2)format("woff2"),url(/assets/anton-vietnamese-400-normal-2FfR1wHA.woff)format("woff");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:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-ext-400-normal-SyiqE2Jt.woff2)format("woff2"),url(/assets/anton-latin-ext-400-normal-BMODBQc6.woff)format("woff");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:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-400-normal-Byf51wtH.woff2)format("woff2"),url(/assets/anton-latin-400-normal-AUNGEG_V.woff)format("woff");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}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2)format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2)format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2)format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2)format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff)format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2)format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff)format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff");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}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2)format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2)format("woff2"),url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-plRanbMR.woff2)format("woff2"),url(/assets/inter-greek-600-normal-BZpKdvQh.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2)format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff)format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2)format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff)format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff");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{--bg:#f3f1ec;--surface:#fff;--ink:#111;--on-ink:#fff;--text-muted:#555;--accent:#ffb400;--accent-text:#7a5500;--border:#d9d5cc;--danger:#b3261e;--success:#166b2e;--font-display:"Anton", Impact, sans-serif;--font-body:"Inter", system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--shadow-card:0 1px 2px #1111110f, 0 4px 16px #1111110f;--gutter:16px;--max-width:1120px}@media (width>=768px){:root{--gutter:24px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);margin:0;font-size:16px;line-height:24px}h1,h2,h3,p,ul,ol,dl,dd,fieldset{margin:0;padding:0}ul,ol{list-style:none}fieldset{border:0;min-width:0}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.site-header :focus-visible,.hero :focus-visible,.bottom-bar :focus-visible{outline-color:var(--accent)}.container{width:100%;max-width:var(--max-width);padding:0 var(--gutter);margin:0 auto}.app{flex-direction:column;min-height:100dvh;display:flex}.app>main{flex:1}.small{font-size:14px;line-height:20px}.muted{color:var(--text-muted)}.center{margin-top:var(--space-5);justify-content:center;display:flex}.site-header{background:var(--ink);color:var(--on-ink);z-index:10;position:sticky;top:0}.header-row{justify-content:space-between;align-items:center;min-height:56px;display:flex}.brand{align-items:center;gap:var(--space-2);color:inherit;min-height:44px;text-decoration:none;display:flex}.brand-mark{--tn-body:var(--accent);--tn-detail:var(--ink);width:28px;height:28px}.brand-name{font-family:var(--font-display);letter-spacing:.5px;font-size:24px;line-height:28px}.brand-tee{color:var(--accent)}.demo-badge{border:1px solid var(--accent);color:var(--accent);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.06em;padding:2px 10px;font-size:12px;font-weight:600;line-height:18px}.stepper ol{gap:var(--space-2);padding-bottom:var(--space-3);display:flex}.step{align-items:center;gap:var(--space-2);color:#bdbdbd;flex:1;font-size:14px;display:flex}.step-num{border:1px solid #bdbdbd;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:inline-grid}.step.current{color:var(--on-ink);font-weight:600}.step.current .step-num{background:var(--accent);color:var(--ink);border-color:var(--accent)}.step.done .step-num{background:var(--on-ink);color:var(--ink);border-color:var(--on-ink)}.step-label{display:none}@media (width>=480px){.step-label{display:inline}}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-5);border-radius:var(--radius-pill);cursor:pointer;text-align:center;border:2px solid #0000;font-weight:600;text-decoration:none;transition:transform 80ms;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--ink)}.btn-dark{background:var(--ink);color:var(--on-ink)}.btn-ghost{color:var(--ink);border-color:var(--border);background:0 0}.btn-lg{min-height:56px;font-size:18px}.btn-block{width:100%}.hero{background:var(--ink);color:var(--on-ink);padding:var(--space-6) 0 var(--space-7);overflow:hidden}.hero-grid{gap:var(--space-6);align-items:center;display:grid}.hero-copy{gap:var(--space-4);flex-direction:column;align-items:flex-start;display:flex}.kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:14px;font-weight:600}.hero-title{font-family:var(--font-display);text-transform:uppercase;font-size:44px;font-weight:400;line-height:48px}.hl{color:var(--accent)}.hero-lead{color:#e6e6e6;max-width:34em;font-size:18px;line-height:28px}.hero-note{color:#bdbdbd;font-size:14px}.hero-collage{justify-self:center;align-items:center;gap:var(--space-3);flex-direction:column;width:min(100%,420px);margin:0;display:flex;position:relative}.hero-collage:before{content:"";aspect-ratio:1;background:var(--accent);border-radius:50%;width:104%;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.hero-collage img{width:100%;height:auto;display:block;position:relative}.hero-photo-note{color:var(--on-ink);border-radius:var(--radius-pill);background:#111111d1;border:1px solid #3a3a3a;padding:2px 12px;font-size:12px;line-height:20px;position:relative}.section{padding-top:var(--space-7)}.section:last-of-type{padding-bottom:var(--space-7)}.section-title{font-family:var(--font-display);margin-bottom:var(--space-4);font-size:28px;font-weight:400;line-height:32px}.small-title{margin-top:var(--space-5)}.sample-row{gap:var(--space-4);padding-bottom:var(--space-2);scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.sample{scroll-snap-align:start;text-align:center;flex:0 0 72%;max-width:320px}.how{gap:var(--space-4);display:grid}.card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.card h3{font-size:18px;line-height:24px}.how-num{background:var(--ink);width:32px;height:32px;color:var(--accent);font-family:var(--font-display);border-radius:50%;place-items:center;display:inline-grid}.how-card{gap:var(--space-2)}.how-visual{height:220px;margin:calc(-1 * var(--space-5)) calc(-1 * var(--space-5)) var(--space-2);background:var(--accent);border-radius:var(--radius-md) var(--radius-md) 0 0;position:relative;overflow:hidden}.how-person{width:auto;height:380px;position:absolute;top:16px;right:18px}.how-visual-pair .how-person-left{height:360px;top:20px;left:8%;right:auto}.how-visual-pair .how-person-right{height:340px;top:40px;right:8%}.how-chips{gap:var(--space-2);z-index:1;flex-direction:column;display:flex;position:absolute;top:28px;left:14px}.how-chips-bottom{white-space:nowrap;flex-direction:row;top:auto;bottom:12px;left:50%;transform:translate(-50%)}.mini-chip{background:var(--surface);color:var(--ink);border:2px solid var(--ink);border-radius:var(--radius-sm);padding:4px 10px;font-size:13px;font-weight:600;line-height:20px;display:inline-block}.mini-chip.on{background:var(--ink);color:var(--on-ink)}.how-tee{width:52%;position:absolute;top:14px;left:8px}.page{padding-top:var(--space-5);padding-bottom:var(--space-7);gap:var(--space-4);flex-direction:column;display:flex}.page-title{font-family:var(--font-display);font-size:32px;font-weight:400;line-height:36px}.lead{color:var(--text-muted)}.bar-spacer{height:72px}.bottom-bar{background:var(--ink);color:var(--on-ink);padding:var(--space-3) 0;z-index:5;position:sticky;bottom:0}.bottom-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.bar-text{color:#e6e6e6}.field-group{gap:var(--space-2);flex-direction:column;display:flex}.field-legend{margin-bottom:var(--space-2);font-weight:600}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{min-height:44px;padding:var(--space-2) var(--space-4);border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;font-weight:600;display:inline-flex}.chip.on{border-color:var(--ink);background:var(--ink);color:var(--on-ink)}.chip-sub{opacity:.8;font-size:12px;font-weight:400;line-height:16px}.chip:has(.swatch){align-items:center;gap:var(--space-2);flex-direction:row}.swatch{border:1px solid var(--border);border-radius:50%;width:18px;height:18px}.swatch-black{background:#1b1b1b}.swatch-white{background:#f6f5f2}.tabs{gap:var(--space-2);border-bottom:2px solid var(--border);display:flex}.tab{cursor:pointer;min-height:48px;color:var(--text-muted);background:0 0;border:0;border-bottom:4px solid #0000;flex:1;margin-bottom:-2px;font-weight:600}.tab.active{color:var(--ink);border-bottom-color:var(--accent)}.generate-row{gap:var(--space-2);flex-direction:column;align-items:flex-start;display:flex}.notice{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-3);flex-direction:column;align-items:flex-start;display:flex}.grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=768px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.tile{background:var(--surface);border-radius:var(--radius-md);width:100%;padding:var(--space-2);cursor:pointer;box-shadow:var(--shadow-card);align-items:center;gap:var(--space-1);border:3px solid #0000;flex-direction:column;display:flex}.tile.on{border-color:var(--ink);outline:3px solid var(--accent);outline-offset:0}.tile-label{text-align:center;font-size:14px;font-weight:600;line-height:20px}.mockup{width:100%}.mockup svg{width:100%;height:auto;display:block}.mockup-skeleton{aspect-ratio:600/660;border-radius:var(--radius-md);background:linear-gradient(90deg,#e8e5de,#f6f4ef,#e8e5de) 0 0/200% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.options-grid{gap:var(--space-5);align-items:start;display:grid}.options-preview,.share-preview{width:100%;max-width:280px;margin:0 auto}.options-cards{gap:var(--space-4);display:grid}.option{position:relative}.option-featured{border:3px solid var(--accent)}.option-title{font-family:var(--font-display);font-size:24px;font-weight:400;line-height:28px}.option-price{font-weight:600}.badge{background:var(--accent);color:var(--ink);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.06em;align-self:flex-start;padding:2px 12px;font-size:12px;font-weight:600}.ticks{gap:var(--space-2);flex-direction:column;display:flex}.ticks li{padding-left:28px;position:relative}.ticks li:before{content:"";border:solid var(--ink);border-width:0 3px 3px 0;width:8px;height:14px;position:absolute;top:6px;left:4px;transform:rotate(45deg)}.row-actions{gap:var(--space-3);display:flex}.dl-list{gap:var(--space-3);flex-direction:column;display:flex}.how-print{border-top:1px solid var(--border);padding-top:var(--space-3)}.how-print h3{font-size:16px}.success{color:var(--success);font-weight:600}.error,.field-error{color:var(--danger);font-size:14px;font-weight:600;line-height:20px}.summary-list{gap:var(--space-3);flex-direction:column;display:flex}.summary-list dt{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:12px;font-weight:600;line-height:16px}.summary-list dd{font-weight:600}.share-img{border-radius:var(--radius-md);width:100%;height:auto;box-shadow:var(--shadow-card);aspect-ratio:1080/1350;display:block}.form{gap:var(--space-4);flex-direction:column;max-width:560px;display:flex}.field{gap:var(--space-1);flex-direction:column;display:flex}.field-label{font-weight:600}.field-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.input{width:100%;min-height:48px;padding:0 var(--space-3);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm)}.input[aria-invalid=true]{border-color:var(--danger)}.form-actions{gap:var(--space-3);flex-direction:column;display:flex}.site-footer{background:var(--ink);color:#e6e6e6;padding:var(--space-5) 0;font-size:14px;line-height:20px}@media (width>=768px){.hero-grid{grid-template-columns:1.1fr .9fr}.hero-title{font-size:72px;line-height:76px}.how{grid-template-columns:repeat(3,minmax(0,1fr))}.sample{flex:1 1 0}.options-grid{gap:var(--space-6);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.options-preview,.share-preview{max-width:420px;margin:0}.form-actions{flex-direction:row-reverse;justify-content:flex-start}.form-actions .btn-block{flex:1;width:auto}}@media (prefers-reduced-motion:reduce){.mockup-skeleton{animation:none}.btn{transition:none}}
