@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-vietnamese-wght-normal.0h_qcmzvudf58.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-wght-normal.0i4j_a8lim1a-.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-wght-normal.300rpl789hft0.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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/newsreader-vietnamese-wght-normal.0r91virwwy7i7.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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/newsreader-latin-ext-wght-normal.0b8fr24hsg_rp.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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/newsreader-latin-wght-normal.1tkuwlnjs9jrl.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{--lead:#274650;--hover:#e7edf0;--dtext:#37535c;--sel:#eaf3f4;--field:#fff;--fborder:#9fb2b9;--pill:#e1ebee;--btn-ink:#fff;--footer:#12313b;--footer-ink:#d6e2e6;--chalk:#f1f4f6;--paper:#fff;--ink:#12313b;--teal:#0e5a66;--teal-d:#0a4651;--marker:#f4c430;--done:#2a8a62;--muted:#56717b;--rule:#cad5da;--err:#b3261e;--head:"Bricolage Grotesque Variable",system-ui,sans-serif;--read:"Newsreader Variable",Georgia,serif;--w:1120px}:root[data-theme=dark]{--stamp:#f4c430;--chalk:#0b1c22;--paper:#12303a;--ink:#e7eff2;--teal:#52b6c2;--teal-d:#86d0d9;--marker:#f4c430;--muted:#9ab4bc;--rule:#26505b;--err:#ff8a80;--lead:#c3d6db;--hover:#12303a;--dtext:#a9c2c9;--sel:#173b46;--field:#0f2830;--fborder:#3e6a76;--pill:#1a3f4a;--btn-ink:#06222a;--footer:#071418;--footer-ink:#a9c2c9}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--chalk);color:var(--ink);font-family:var(--head);margin:0;font-size:17px;line-height:1.55;transition:background-color .35s,color .35s}a{color:var(--teal)}a:hover{color:var(--teal-d)}:focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:2px}.wrap{max-width:var(--w);margin:0 auto;padding:0 20px}h1,h2,h3{font-family:var(--head);letter-spacing:-.02em;margin:0 0 .5em;line-height:1.12}h1{font-size:clamp(2.2rem,5.4vw,3.8rem);font-weight:700}h2{font-size:clamp(1.6rem,3.2vw,2.2rem);font-weight:700}h3{font-size:1.15rem;font-weight:650}.read{font-family:var(--read);max-width:62ch;font-size:1.12rem;line-height:1.7}.muted{color:var(--muted)}.skip{inset-inline-start:12px;position:absolute;top:0;transform:translateY(-300%)}.skip:focus{background:var(--paper);z-index:9;padding:8px 12px;top:12px;transform:none}header.site{border-bottom:1px solid var(--rule);background:var(--chalk)}header.site .wrap{justify-content:space-between;align-items:center;gap:16px;padding-top:14px;padding-bottom:14px;display:flex}.brand{color:var(--ink);letter-spacing:-.03em;font-size:1.3rem;font-weight:800;text-decoration:none}.brand b{color:var(--teal)}nav.main{flex-wrap:wrap;align-items:center;gap:20px;display:flex}nav.main a{color:var(--ink);font-size:.95rem;font-weight:550;text-decoration:none}nav.main a:hover{text-decoration:underline}.btn{background:var(--teal);font:600 1rem var(--head);cursor:pointer;border:0;border-radius:4px;padding:13px 22px;text-decoration:none;display:inline-block;color:var(--btn-ink)!important}.btn:hover{background:var(--teal-d)}.btn[disabled]{opacity:.6;cursor:wait}.btn.ghost{border:1.5px solid var(--teal);background:0 0;color:var(--teal)!important}.hero{padding:56px 0 48px}.hero .wrap{grid-template-columns:1fr 1.05fr;align-items:center;gap:48px;display:grid}.hero p.lead{font-family:var(--read);max-width:34ch;color:var(--lead);margin:0 0 26px;font-size:1.25rem}.hero .cta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.slip{background:var(--paper);border:1px solid var(--rule);box-shadow:0 1px 0 var(--rule),0 14px 30px -18px #12313b59;justify-self:center;width:100%;max-width:420px;padding:22px 24px 26px;position:relative;transform:rotate(1.2deg)}.slip:after{content:"";background:radial-gradient(circle at 6px 0,transparent 5px,var(--paper) 5.5px) 0 0/12px 8px repeat-x;height:8px;filter:drop-shadow(0 1px 0 var(--rule));position:absolute;bottom:-8px;left:0;right:0}.slip .tag{color:var(--muted);margin-bottom:12px;font-size:.78rem}.slip dl{grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:.95rem;display:grid}.slip dt{color:var(--muted)}.slip dd{margin:0;font-weight:600}.slip .steps{border-top:1px dashed var(--rule);margin:18px 0 0;padding:14px 0 0;list-style:none}.slip .steps li{opacity:.35;align-items:center;gap:10px;padding:4px 0;font-size:.95rem;animation:.5s forwards tick;display:flex}.slip .steps li:before{content:"";border:2px solid var(--rule);border-radius:50%;flex:none;width:14px;height:14px}.slip .steps li:first-child{animation-delay:.5s}.slip .steps li:nth-child(2){animation-delay:1.3s}.slip .steps li:nth-child(3){animation-delay:2.1s}.slip .steps li:nth-child(4){animation-delay:2.9s}@keyframes tick{to{opacity:1}}.slip .steps li{animation-name:tick}.stamp{border:3px solid var(--marker);color:var(--stamp,#8a6a00);opacity:0;text-align:center;background:#f4c4302e;border-radius:4px;padding:6px 14px;font-size:1.25rem;font-weight:800;line-height:1.1;animation:.35s cubic-bezier(.2,.9,.3,1.2) 3.7s forwards stampIn;position:absolute;bottom:34px;right:16px;transform:rotate(-9deg)scale(1.6)}.stamp small{font-size:.8rem;font-weight:700;display:block}@keyframes stampIn{to{opacity:1;transform:rotate(-9deg)scale(1)}}@media (prefers-reduced-motion:reduce){.slip .steps li{opacity:1;animation:none}.stamp{opacity:1;animation:none;transform:rotate(-9deg)}}section.block{border-top:1px solid var(--rule);padding:56px 0}.ledger{border-top:2px solid var(--ink);margin:24px 0 0;padding:0;list-style:none}.ledger li{border-bottom:1px solid var(--rule)}.ledger a{color:var(--ink);grid-template-columns:1.1fr 1.6fr auto;align-items:baseline;gap:8px 28px;padding:20px 4px;text-decoration:none;display:grid}.ledger a:hover{background:var(--hover)}.ledger .n{font-size:1.15rem;font-weight:700}.ledger .d{font-family:var(--read);color:var(--dtext)}.ledger .p{white-space:nowrap;font-weight:700}.ledger .p small{color:var(--muted);font-weight:500}.cols{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;max-width:100%;margin-top:20px;display:grid}.seq{counter-reset:s;gap:18px;max-width:760px;margin:24px 0 0;padding:0;list-style:none;display:grid}.seq li{counter-increment:s;padding-left:54px;position:relative}.seq li:before{content:counter(s);background:var(--teal);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid;position:absolute;top:0;left:0}.seq strong{font-size:1.1rem;display:block}details{border-bottom:1px solid var(--rule);padding:14px 0}summary{cursor:pointer;font-size:1.05rem;font-weight:650}details p{font-family:var(--read);max-width:64ch;margin:10px 0 0}footer.site{background:var(--footer);color:var(--footer-ink);margin-top:40px;padding:36px 0;font-size:.92rem}footer.site a,footer.site h4{color:#fff}footer.site .wrap{grid-template-columns:1.4fr 1fr 1fr;gap:28px;display:grid}footer.site h4{color:#fff;margin:0 0 8px;font-size:.95rem}footer.site ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.page{padding:44px 0 20px}.page .prose{font-family:var(--read);max-width:68ch;font-size:1.1rem;line-height:1.7}.prose h2{font-family:var(--head);margin-top:1.6em}.prose h3{font-family:var(--head)}.svc{grid-template-columns:1fr 420px;align-items:start;gap:48px;display:grid}.panel{background:var(--paper);border:1px solid var(--rule);border-radius:6px;padding:22px}form .f{margin-bottom:16px}form label{margin-bottom:5px;font-size:.95rem;font-weight:600;display:block}form .help{color:var(--muted);margin:3px 0 0;font-size:.85rem}input,select,textarea{width:100%;font:1rem var(--head);border:1.5px solid var(--fborder);background:var(--field);color:var(--ink);border-radius:4px;padding:10px 12px}textarea{resize:vertical;min-height:120px}.tiers{gap:10px;margin-bottom:18px;display:grid}.tier{border:1.5px solid var(--rule);cursor:pointer;border-radius:4px;align-items:flex-start;gap:10px;padding:12px;display:flex}.tier input{width:auto;margin-top:5px}.tier:has(input:checked){border-color:var(--teal);background:var(--sel)}.tier b{display:block}.tier span.pr{margin-left:auto;font-weight:700}.err{color:var(--err);margin:10px 0;font-weight:600}.hp{height:0;position:absolute;left:-9999px;overflow:hidden}.check{align-items:flex-start;gap:10px;font-size:.92rem;display:flex}.check input{width:auto;margin-top:4px}ul.tick{padding-left:1.2em}ul.tick li{margin:6px 0}.status{background:var(--pill);border-radius:99px;padding:3px 10px;font-size:.85rem;font-weight:650;display:inline-block}.status.done{color:#17603f;background:#d5eee2}pre.out{white-space:pre-wrap;font-family:var(--read);background:var(--paper);border:1px solid var(--rule);border-radius:6px;padding:20px;line-height:1.65}.note{color:var(--muted);font-size:.88rem}.themebtn{border:1.5px solid var(--rule);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;width:38px;height:38px;font-size:1.05rem;transition:transform .35s,background-color .35s;display:grid}.themebtn:hover{transform:rotate(25deg)}.stage{--mx:0;--my:0;padding:0 0 52px;position:relative}.stage .photo{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;transform:translate3d(calc(var(--mx)*-10px),calc(var(--my)*-8px),0);border-radius:6px;transition:transform .25s ease-out;animation:22s ease-in-out infinite alternate drift;display:block;box-shadow:0 30px 60px -30px #12313b8c}@keyframes drift{0%{scale:1}to{scale:1.035}}.stage .slip{width:min(268px,62%);transform:translate3d(calc(var(--mx)*14px),calc(var(--my)*10px),0) rotate(-1.5deg);padding:16px 18px 18px;transition:transform .25s ease-out;position:absolute;bottom:6px;left:-44px}.stage .slip .tag{margin-bottom:8px}.stage .slip dl,.stage .slip .steps li{font-size:.85rem}.stage .stamp{font-size:1rem;bottom:22px;right:10px}.showcase{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;margin-top:26px;display:grid}.sc{color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:6px;text-decoration:none;transition:transform .25s,box-shadow .25s;display:block;overflow:hidden}.sc:hover{transform:translateY(-4px);box-shadow:0 22px 40px -24px #12313b8c}.sc .img{aspect-ratio:3/2;overflow:hidden}.sc img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.sc:hover img{transform:scale(1.06)}.sc .body{padding:16px 18px 20px}.sc h3{margin:0 0 4px}.sc p{font-family:var(--read);color:var(--dtext);margin:0}.sc .from{color:var(--teal);margin-top:10px;font-weight:700;display:block}.hero{background:radial-gradient(900px 420px at 85% -10%,color-mix(in srgb,var(--teal) 14%,transparent),transparent 70%)}@media (prefers-reduced-motion:reduce){.stage .photo{transition:none;animation:none}.stage .slip,.sc,.sc img,.themebtn{transition:none}}@media (max-width:560px){.brand{white-space:nowrap;font-size:1.15rem}nav.main{flex-wrap:nowrap;gap:12px}nav.main a{font-size:.88rem}header.site .wrap{gap:8px}}@media (max-width:860px){.stage{padding-bottom:0}.stage .slip{width:min(360px,92%);margin:-40px auto 0;position:relative;left:0}.stage .photo{transform:none!important}.hero .wrap,.svc{grid-template-columns:1fr}.hero{padding-top:32px}.ledger a{grid-template-columns:1fr auto}.ledger .d{order:3;grid-column:1/-1}footer.site .wrap{grid-template-columns:1fr}.slip{transform:none}}.lang{position:relative}.lang summary{cursor:pointer;border:1.5px solid var(--rule);background:var(--paper);color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.9rem;font-weight:550;list-style:none;display:flex}.lang summary::-webkit-details-marker{display:none}.lang summary:hover{background:var(--chalk)}.lang ul{inset-inline-end:0;z-index:30;background:var(--paper);border:1.5px solid var(--rule);border-radius:12px;min-width:150px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);box-shadow:0 10px 30px #0000002e}.lang li a{color:var(--ink);border-radius:8px;padding:8px 12px;font-weight:550;text-decoration:none;display:block}.lang li a:hover,.lang li a[aria-current]{background:var(--chalk)}.lang li a[aria-current]{color:var(--teal)}html[dir=rtl] .tick,html[dir=rtl] .seq{padding-inline-start:0}@media (max-width:560px){.lang summary{padding:6px 9px;font-size:.82rem}.lang .cur{display:none}}.sc .from:first-letter{text-transform:uppercase}