@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-vietnamese-opsz-normal.1k3y_okim8acf.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-latin-ext-opsz-normal.25isf9j40uh6k.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-latin-opsz-normal.1oev-doreg81o.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}
@font-face{font-family:Permanent Marker;font-style:normal;font-display:swap;font-weight:400;src:url(../media/permanent-marker-latin-400-normal.1nzvdd5zy8-t9.woff2)format("woff2"),url(../media/permanent-marker-latin-400-normal.19a8fjqxbfevy.woff)format("woff")}
@font-face{font-family:Caveat Brush;font-style:normal;font-display:swap;font-weight:400;src:url(../media/caveat-brush-latin-400-normal.240-fwd45kmsi.woff2)format("woff2"),url(../media/caveat-brush-latin-400-normal.234_j6vhz1q-0.woff)format("woff")}
:root{--navy:#0e1b3d;--navy-2:#26335a;--lime:#c6f432;--lime-dark:#a9d61a;--bg:#fff;--bg-alt:#f6f7fb;--line:#e3e6ef;--muted:#46506b;--muted-2:#5a6480;--danger:#c0262d;--radius:16px;--font:"Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", sans-serif;--marker:"Permanent Marker", "Marker Felt", "Comic Sans MS", cursive;--brush:"Caveat Brush", "Permanent Marker", cursive}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--navy);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.5}a{color:var(--navy)}img,svg{max-width:100%}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--lime-dark);outline-offset:2px}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.site-nav{flex-wrap:wrap;align-items:center;gap:24px;font-size:16px;display:flex}.site-nav a{text-decoration:none}.logo{flex-direction:column;align-items:flex-start;line-height:1;text-decoration:none;display:inline-flex;transform:rotate(-6deg)}.logo-crown{margin-bottom:1px;margin-left:1.1em}.logo-word{font-family:var(--marker);line-height:.92}.logo-link{padding:4px;text-decoration:none;display:inline-block}.btn{cursor:pointer;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 24px;font-size:17px;font-weight:700;text-decoration:none;transition:transform 80ms,background .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.55;cursor:not-allowed}.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy-2)}.btn-lime{background:var(--lime);color:var(--navy)}.btn-lime:hover{background:var(--lime-dark)}.btn-ghost{color:var(--navy);border-color:var(--line);background:#fff}.btn-ghost:hover{border-color:var(--navy)}.btn-sm{min-height:40px;padding:8px 16px;font-size:15px}.btn-block{width:100%}.link-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;text-decoration:underline}.hero{text-align:center;padding:8px 0 0}.hero h1{letter-spacing:-1px;margin:0;font-size:clamp(40px,6vw,64px);font-weight:800;line-height:1.02}.brush{font-family:var(--marker);background:var(--lime);letter-spacing:3px;word-spacing:8px;border-radius:10px;margin-top:10px;padding:4px 22px 0;font-weight:400;line-height:1.15;display:inline-block;transform:rotate(-1deg)}.brush-num{font-family:var(--brush);font-size:1.15em}.hero-sub{color:var(--muted);max-width:560px;margin:16px auto 0;font-size:19px}.chat-shell{max-width:760px;margin:24px auto 0;scroll-margin-top:12px}.chat{border:1px solid var(--line);background:#fff;border-radius:24px;flex-direction:column;max-height:max(560px,min(720px,82vh));display:flex;overflow:hidden;box-shadow:0 1px 2px #0e1b3d0a,0 12px 32px #0e1b3d0f}.chat-top{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;font-size:14px;display:flex}.chat-top strong{color:var(--navy)}.progress{gap:4px;display:flex}.progress span{background:var(--line);border-radius:3px;width:22px;height:6px}.progress span.on{background:var(--navy)}.chat-log{scroll-behavior:smooth;flex-direction:column;flex:auto;gap:12px;min-height:96px;padding:20px;display:flex;overflow-y:auto}.msg{white-space:pre-line;border-radius:18px;max-width:85%;padding:12px 16px;font-size:16px;line-height:1.45}.msg.bot{background:var(--bg-alt);border-bottom-left-radius:6px;align-self:flex-start}.msg.user{background:var(--navy);color:#fff;border-bottom-right-radius:6px;align-self:flex-end;align-items:center;gap:10px;display:flex}.msg.user .edit{color:#c9d0e3;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.msg.user img{object-fit:contain;background:#fff;border-radius:8px;width:36px;height:36px}.bot-row{align-items:flex-end;gap:10px;display:flex}.bot-face{background:var(--navy);width:32px;height:32px;color:var(--lime);font-family:var(--brush);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:15px;display:flex}.typing{gap:4px;display:inline-flex}.typing i{background:var(--muted-2);border-radius:50%;width:6px;height:6px;animation:1s infinite blink}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes blink{0%,to{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.typing i{animation:none}html{scroll-behavior:auto}}.chat-input{border-top:1px solid var(--line);background:#fff;flex:none;padding:16px 20px 18px;overflow-y:auto}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row-stretch>*{flex:160px}.field{color:var(--muted);flex-direction:column;flex:180px;gap:6px;font-size:14px;display:flex}.input{border:2px solid var(--line);width:100%;min-height:48px;color:var(--navy);background:#fff;border-radius:14px;padding:10px 16px;font-size:16px}.input:focus{border-color:var(--navy);outline:none}.error{color:var(--danger);margin:8px 0 0;font-size:14px}.hint{color:var(--muted-2);margin:8px 0 0;font-size:13px}.chip{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;min-height:44px;padding:8px 18px;font-weight:600}.chip:hover{border-color:var(--navy)}.chip.on{background:var(--navy);border-color:var(--navy);color:#fff}.upload{background:var(--bg-alt);cursor:pointer;text-align:center;border:2px dashed #b9c0d4;border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:64px;padding:12px 16px;font-weight:700;display:flex}.upload:hover,.upload.drag{border-color:var(--navy);background:#eef1fa}.upload input{opacity:0;width:1px;height:1px;position:absolute}.or{text-align:center;color:var(--muted-2);margin:10px 0;font-size:13px}.design-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}@media (max-width:560px){.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.design-card{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;font-size:14px;font-weight:600;display:flex}.design-card:hover{border-color:var(--navy)}.design-card.on{border-color:var(--navy);background:var(--bg-alt)}.tweak{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.tweak-preview{flex:none;justify-content:center;display:flex}.tweak-controls{flex-direction:column;flex:260px;gap:12px;display:flex}.swatch-label{color:var(--muted);margin-bottom:4px;font-size:13px}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{border:2px solid var(--line);cursor:pointer;border-radius:50%;width:30px;height:30px;padding:0}.swatch.on{outline:3px solid var(--navy);outline-offset:2px}.summary{background:var(--bg-alt);border-radius:18px;flex-wrap:wrap;align-items:center;gap:16px;padding:16px;display:flex}.summary dl{flex:240px;grid-template-columns:auto 1fr;gap:4px 16px;margin:0;font-size:15px;display:grid}.summary dt{color:var(--muted)}.summary dd{margin:0;font-weight:600}.total{font-size:28px;font-weight:800}.trust-line{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 24px;margin:18px 0 0;font-size:15px;display:flex}.trust-line span:before{content:"✓ ";color:var(--navy);font-weight:800}.section{padding:88px 0}.section-alt{background:var(--bg-alt)}.section h2{text-align:center;margin:0 0 12px;font-size:clamp(30px,4vw,42px);font-weight:800;line-height:1.1}.section .lead{text-align:center;color:var(--muted);max-width:600px;margin:0 auto 48px;font-size:19px}.grid3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:28px}.card h3{margin:12px 0 6px;font-size:21px}.card p{color:var(--muted);margin:0}.num{font-family:var(--brush);font-size:40px;line-height:1}.compare{flex-direction:column;gap:20px;max-width:720px;margin:0 auto;display:flex}.bar-label{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:8px;font-weight:600;display:flex}.bar{border-radius:8px;height:26px}.compare-note{text-align:center;color:var(--muted);margin:28px 0 0}.pills{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 20px;font-weight:600}.faq{flex-direction:column;gap:10px;max-width:760px;margin:0 auto;display:flex}.faq details{border:1px solid var(--line);background:#fff;border-radius:16px;padding:4px 20px}.faq summary{cursor:pointer;justify-content:space-between;gap:12px;padding:14px 0;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:22px;line-height:1}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--muted);margin:0 0 16px}.cta{background:var(--navy);color:#fff;text-align:center;border-radius:32px;padding:56px 32px}.cta h2{color:#fff}.cta p{color:#c9d0e3;margin:0 0 28px}.site-footer{color:var(--muted-2);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:32px 0 40px;font-size:14px;display:flex}.center-page{text-align:center;justify-content:center;align-items:center;min-height:70vh;padding:40px 24px;display:flex}.center-page h1{margin:0 0 12px;font-size:clamp(34px,5vw,52px)}.center-page p{color:var(--muted);max-width:520px;margin:0 auto 24px;font-size:19px}.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}@media (max-width:640px){.hide-sm{display:none}.chat{max-height:none}.chat-log{padding:16px;overflow:visible}.chat-input{padding:14px 16px 16px}.msg{max-width:92%}.site-nav{gap:16px;font-size:15px}.section{padding:64px 0}.summary .total{width:100%}}