@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.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}.page{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:10;border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem clamp(1rem,4vw,2rem);display:flex;position:sticky;top:0}.brand{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--plum-deep);align-items:center;gap:.45ch;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-flex}.brand__mark{color:var(--gold);font-size:.95rem}.nav{align-items:center;gap:clamp(.75rem,3vw,1.5rem);display:flex}.nav a,.nav-btn{font-family:var(--font-sans);color:var(--ink-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;margin:0;padding:0;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s}.nav a:hover,.nav-btn:hover{color:var(--plum)}.nav a:focus-visible,.nav-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}.nav-btn--active{color:var(--plum-deep);border-bottom:2px solid var(--gold);font-weight:600}.hero{flex:1;justify-content:center;align-items:center;padding:clamp(2rem,6vw,4rem) clamp(1rem,4vw,2rem);display:flex}.hero__inner{width:100%;max-width:42rem;animation:.5s cubic-bezier(.22,1,.36,1) both rise}.header{text-align:center;margin-bottom:clamp(1.5rem,4vw,2.25rem)}.wordmark{letter-spacing:.18em;text-transform:uppercase;color:var(--plum);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:.5ch;padding:.4rem .85rem;font-size:.78rem;font-weight:600;display:inline-flex}.wordmark__mark{color:var(--gold);font-size:.85rem;line-height:1}.app h1,.header h1{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--plum-deep);text-wrap:balance;margin:1.1rem 0 0;font-size:clamp(2.3rem,7vw,3.5rem);font-weight:600;line-height:1.05}.app h1 span,.header h1 span{display:block}.tagline{max-width:32rem;color:var(--ink-muted);text-wrap:balance;margin:.9rem auto 0;font-size:clamp(1rem,2.4vw,1.12rem);line-height:1.55}.subhead{max-width:30rem;color:var(--ink-faint);text-wrap:balance;margin:.6rem auto 0;font-size:.95rem;line-height:1.5}.form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);gap:.6rem;padding:.6rem;display:flex}.field{flex:18rem;align-items:center;display:flex;position:relative}.field__icon{color:var(--gold);pointer-events:none;font-size:.7rem;position:absolute;left:1rem}.url-input{width:100%;color:var(--ink);border-radius:var(--radius);border:1px solid #0000;padding:.85rem 1rem .85rem 2.2rem;font-family:inherit;font-size:1rem;transition:border-color .18s,box-shadow .18s}.url-input::placeholder{color:var(--ink-faint)}.url-input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #c8962e38}.generate-btn{color:#fff;background:linear-gradient(180deg, var(--plum) 0%, var(--plum-deep) 100%);border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;flex:none;justify-content:center;align-items:center;gap:.55rem;padding:.85rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex;box-shadow:0 8px 18px -8px #43203a80}.generate-btn:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 12px 24px -10px #43203a8c}.generate-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 6px 14px -8px #43203a80}.generate-btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.generate-btn:disabled{background:var(--surface-sunken);color:var(--ink-faint);box-shadow:none;cursor:not-allowed}.dots{gap:.22rem;display:inline-flex}.dots i{opacity:.5;background:currentColor;border-radius:50%;width:.34rem;height:.34rem;animation:1.2s ease-in-out infinite blink}.dots i:nth-child(2){animation-delay:.18s}.dots i:nth-child(3){animation-delay:.36s}.status,.hint{color:var(--ink-muted);text-align:center;margin:1.4rem 0 0;font-size:.96rem}.status{justify-content:center;align-items:center;gap:.6rem;animation:.4s both fade;display:flex}.hint{max-width:30rem;color:var(--ink-faint);margin-inline:auto}.error{color:var(--error-ink);background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius);align-items:flex-start;gap:.65rem;margin:1.4rem 0 0;padding:.85rem 1rem;font-size:.96rem;animation:.3s both fade;display:flex}.error__icon{color:#fff;background:var(--error-ink);border-radius:50%;flex:0 0 1.25rem;justify-content:center;align-items:center;height:1.25rem;font-size:.8rem;font-weight:700;display:inline-flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.result{margin-top:clamp(1.5rem,4vw,2.25rem);animation:.5s cubic-bezier(.22,1,.36,1) both rise}.result-bar{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.result-meta{letter-spacing:.02em;color:var(--ink-faint);font-size:.82rem;font-weight:500}.copy-btn{color:var(--plum);background:var(--surface);border:1px solid var(--border-strong);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .16s,color .16s,transform .16s,box-shadow .16s;display:inline-flex}.copy-btn__icon{font-size:.95rem;line-height:1}.copy-btn:hover{background:var(--plum);color:#fff;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.copy-btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.article-scroll{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:var(--radius-lg);max-height:clamp(18rem,48vh,34rem);box-shadow:var(--shadow-lg);overflow-y:auto}.article-scroll--example{max-height:clamp(16rem,40vh,28rem);box-shadow:var(--shadow-md)}.article{white-space:pre-wrap;font-family:var(--font-serif);color:var(--ink);overflow-wrap:break-word;margin:0;padding:clamp(1.5rem,4vw,2.5rem);font-size:clamp(1.04rem,2.2vw,1.16rem);line-height:1.75}.article:first-line{color:var(--plum-deep);font-weight:600}.section{border-top:1px solid var(--border);width:100%;max-width:42rem;margin:0 auto;padding:clamp(2.5rem,6vw,4rem) clamp(1rem,4vw,2rem);scroll-margin-top:4.5rem}.section h2{font-family:var(--font-serif);color:var(--plum-deep);text-align:center;margin:0 0 1.5rem;font-size:clamp(1.5rem,4vw,2rem);font-weight:600}.section__lead{text-align:center;color:var(--ink-muted);margin:-.75rem 0 1.5rem;font-size:.96rem}.how__steps{grid-template-columns:repeat(3,1fr);gap:1rem;margin:0;padding:0;list-style:none;display:grid}.step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);text-align:center;padding:1.4rem 1.1rem}.step__num{background:var(--plum);color:#fff;width:2rem;height:2rem;font-family:var(--font-sans);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.75rem;font-size:.95rem;font-weight:600;display:inline-flex}.step h3{font-family:var(--font-sans);color:var(--ink);margin:0 0 .4rem;font-size:1rem;font-weight:600}.step p{color:var(--ink-muted);margin:0;font-size:.92rem;line-height:1.5}.footer{border-top:1px solid var(--border);color:var(--ink-muted);justify-content:space-between;align-items:center;gap:1.5rem;margin-top:auto;padding:1.5rem clamp(1rem,4vw,2rem);font-size:.88rem;display:flex}.footer__copyright{text-align:left}.footer__credit{text-align:right;color:var(--ink-muted);font-weight:500}.footer__credit a{color:var(--gold-deep);font-weight:600;text-decoration:underline;transition:color .15s}.footer__credit a:hover{color:var(--plum);text-decoration:none}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@media (width<=34rem){.form{flex-direction:column;gap:.5rem;padding:.5rem}.field{flex:auto}.url-input{padding-block:.7rem}.generate-btn{width:100%;padding-block:.75rem}.result-bar{flex-wrap:wrap}.how__steps{grid-template-columns:1fr}.nav{gap:.9rem}.nav a,.nav-btn{font-size:.82rem}.footer{text-align:center;flex-direction:column;gap:.5rem;padding-block:1.5rem}.footer__copyright,.footer__credit{text-align:center}}.about-page{width:100%;max-width:42rem;margin:0 auto;padding:clamp(2rem,6vw,4rem) clamp(1rem,4vw,2rem);animation:.5s cubic-bezier(.22,1,.36,1) both rise}.about-hero{text-align:center;margin-bottom:clamp(2rem,5vw,3rem)}.about-title{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--plum-deep);text-wrap:balance;margin:1.1rem 0 0;font-size:clamp(2.1rem,6.5vw,3.25rem);font-weight:600;line-height:1.05}.about-subtitle{max-width:32rem;color:var(--ink-muted);text-wrap:balance;margin:.9rem auto 0;font-size:clamp(1rem,2.4vw,1.12rem);line-height:1.55}.about-mission{margin-bottom:clamp(2.5rem,6vw,4rem)}.about-mission__card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--plum);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:clamp(1.5rem,4vw,2.5rem)}.about-mission__card h2{font-family:var(--font-serif);color:var(--plum-deep);margin:0 0 1rem;font-size:clamp(1.5rem,4vw,1.85rem)}.about-mission__card p{color:var(--ink-muted);margin:0 0 1rem;font-size:1.02rem;line-height:1.6}.about-mission__card p:last-child{margin-bottom:0}.about-cta{text-align:center;margin-top:2rem}.contact-page{width:100%;max-width:42rem;margin:0 auto;padding:clamp(2rem,6vw,4rem) clamp(1rem,4vw,2rem);animation:.5s cubic-bezier(.22,1,.36,1) both rise}.contact-hero{text-align:center;margin-bottom:clamp(2rem,5vw,3rem)}.contact-title{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--plum-deep);text-wrap:balance;margin:1.1rem 0 0;font-size:clamp(2.1rem,6.5vw,3.25rem);font-weight:600;line-height:1.05}.contact-subtitle{max-width:32rem;color:var(--ink-muted);text-wrap:balance;margin:.9rem auto 0;font-size:clamp(1rem,2.4vw,1.12rem);line-height:1.55}.contact-form{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;gap:1.5rem;padding:clamp(1.5rem,4vw,2.5rem);display:flex}.contact-field{flex-direction:column;gap:.45rem;display:flex}.contact-label{font-family:var(--font-sans);color:var(--ink);font-size:.9rem;font-weight:600}.contact-required{color:var(--gold);font-weight:700}.contact-input{width:100%;color:var(--ink);border:1px solid var(--border-strong);border-radius:var(--radius);background:#fff;padding:.85rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .18s,box-shadow .18s}.contact-input::placeholder{color:var(--ink-faint)}.contact-input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #c8962e38}.contact-textarea{resize:vertical;min-height:8rem;line-height:1.6}.contact-hint{color:var(--ink-faint);font-size:.82rem}.contact-submit{color:#fff;background:linear-gradient(180deg, var(--plum) 0%, var(--plum-deep) 100%);border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.55rem;width:100%;padding:.95rem 1.5rem;font-family:inherit;font-size:1.05rem;font-weight:600;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex;box-shadow:0 8px 18px -8px #43203a80}.contact-submit:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 12px 24px -10px #43203a8c}.contact-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 6px 14px -8px #43203a80}.contact-submit:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.contact-submit:disabled{background:var(--surface-sunken);color:var(--ink-faint);box-shadow:none;cursor:not-allowed}.contact-success{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:26rem;box-shadow:var(--shadow-lg);text-align:center;margin:4rem auto;padding:clamp(2rem,5vw,3rem);animation:.5s cubic-bezier(.22,1,.36,1) both rise}.contact-success__icon{background:linear-gradient(135deg, var(--gold) 0%, var(--gold-deep) 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin-bottom:1.25rem;font-size:1.5rem;font-weight:700;display:inline-flex;box-shadow:0 6px 16px -6px #c8962e73}.contact-success__heading{font-family:var(--font-serif);color:var(--plum-deep);margin:0 0 .65rem;font-size:1.65rem;font-weight:600}.contact-success__body{color:var(--ink-muted);margin:0 0 1.75rem;font-size:1rem;line-height:1.55}.contact-home-btn{color:var(--plum);border:2px solid var(--plum);border-radius:var(--radius);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1.75rem;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .18s,color .18s,box-shadow .18s;display:inline-flex}.contact-home-btn:hover{background:var(--plum);color:#fff;box-shadow:0 6px 16px -6px #43203a59}.contact-home-btn:active{background:var(--plum-deep);color:#fff}.contact-home-btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.contact-submit--confirm{background:linear-gradient(180deg, var(--gold) 0%, var(--gold-deep) 100%);animation:1s ease-in-out infinite pulse-confirm;box-shadow:0 8px 18px -8px #c8962e80}.contact-submit--confirm:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 12px 24px -10px #c8962e8c}@keyframes pulse-confirm{0%,to{box-shadow:0 8px 18px -8px #c8962e80}50%{box-shadow:0 8px 24px -6px #c8962eb3}}@media (width<=34rem){.contact-form{gap:1.25rem;padding:clamp(1.25rem,3vw,1.5rem)}.contact-input{padding:.7rem .85rem}}@media (prefers-reduced-motion:reduce){.hero__inner,.result,.status,.error,.about-page,.contact-page,.contact-success,.contact-submit--confirm{animation:none}.dots i{opacity:.7;animation:none}.generate-btn,.copy-btn,.url-input,.contact-submit,.contact-input,.contact-home-btn,.nav a,.nav-btn{transition:none}}:root{--bg:#faf6ef;--bg-warm:#f3ead9;--surface:#fffdf8;--surface-sunken:#f6efe2;--plum:#5b2a4a;--plum-deep:#43203a;--plum-soft:#5b2a4a14;--gold:#c8962e;--gold-deep:#ab7d1f;--ink:#2a2420;--ink-muted:#6b5d52;--ink-faint:#786a5a;--border:#5b2a4a24;--border-strong:#5b2a4a47;--error-bg:#fbeceb;--error-ink:#8a1f1f;--error-border:#efc3c0;--radius:14px;--radius-lg:20px;--shadow-sm:0 1px 2px #43203a0f;--shadow-md:0 10px 30px -12px #43203a38;--shadow-lg:0 24px 60px -22px #43203a52;--font-serif:"Fraunces Variable", Georgia, "Times New Roman", serif;--font-sans:"Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-family:var(--font-sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(80rem 40rem at 50% -12rem, var(--bg-warm), transparent 60%), var(--bg);margin:0}