@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Variable;font-style:italic;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-italic-DS6JCx7O.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:italic;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-italic-Cq9u_6Zz.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Archivo Variable;font-style:italic;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-italic-BuvkOFDm.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--cyanotype: #1d3f9e;--cyanotype-deep: #17357f;--chalk: #f2f5ff;--trace: #c8d3ff;--pencil: #ffc93c;--ink: #142c6e;--line: rgb(242 245 255 / .22);--line-faint: rgb(242 245 255 / .07);--font: "Archivo Variable", "Archivo", system-ui, sans-serif;--gutter: clamp(16px, 5vw, 80px);--max: 1360px;--pad: max(var(--gutter), calc((100% - var(--max)) / 2));--ease-out: cubic-bezier(.2, .7, .1, 1)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--cyanotype);color:var(--chalk);font-family:var(--font);font-size:17px;line-height:1.55;font-stretch:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit}:focus-visible{outline:2px solid var(--pencil);outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:absolute;left:var(--gutter);top:-60px;z-index:10;padding:10px 14px;background:var(--pencil);color:var(--ink);font-weight:600}.skip:focus{top:12px}.hero,.build,.faq,.contact{background-image:linear-gradient(var(--line-faint) 1px,transparent 1px),linear-gradient(90deg,var(--line-faint) 1px,transparent 1px),linear-gradient(rgb(242 245 255 / .05) 1px,transparent 1px),linear-gradient(90deg,rgb(242 245 255 / .05) 1px,transparent 1px);background-size:32px 32px,32px 32px,160px 160px,160px 160px;background-position:-1px -1px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px var(--pad)}.wordmark{font-size:26px;line-height:1;text-decoration:none;letter-spacing:-.01em;white-space:nowrap}.wm-agent{font-stretch:62%;font-weight:760}.wm-asy{font-stretch:125%;font-weight:280;transition:font-stretch .5s var(--ease-out),font-weight .5s var(--ease-out)}.wordmark:hover .wm-asy{font-stretch:62%;font-weight:760}.site-header nav{display:flex;gap:clamp(16px,3vw,36px);font-size:15px}.site-header nav a{text-decoration:none;color:var(--trace);transition:color .2s}.site-header nav a:hover{color:var(--chalk)}@media(max-width:720px){.site-header nav a:not(.nav-contact){display:none}}.hero{padding:clamp(24px,5vw,64px) var(--pad) clamp(64px,8vw,120px)}.hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px)}.hero-copy{display:contents}.headline{grid-column:1 / -1;width:100%;font-size:clamp(42px,9.4vw,148px);line-height:.92;letter-spacing:-.015em;font-weight:300}.hl-fantasy,.hl-executed{display:block}.hl-fantasy{font-stretch:125%;font-weight:260}.hl-executed{font-stretch:62%;font-weight:820;padding-left:calc((100% + clamp(16px,2vw,32px)) / 12 * 4);animation:execute 1.15s .25s var(--ease-out) both}@keyframes execute{0%{font-stretch:125%;font-weight:200;color:var(--pencil)}}.lead{grid-column:1 / span 4;grid-row:2;align-self:start;margin-top:clamp(32px,4vw,56px);max-width:34ch;color:var(--trace);font-size:clamp(17px,1.3vw,19px)}.hero-cta{grid-column:1 / span 4;grid-row:3;align-self:start;margin-top:28px}.button{display:inline-block;padding:14px 22px;background:var(--pencil);color:var(--ink);font-weight:650;font-stretch:90%;text-decoration:none;border-radius:2px;transition:transform .2s var(--ease-out),background .2s}.button:hover{transform:translateY(-2px);background:#ffd665}.demo{grid-column:5 / -1;grid-row:2 / span 3;margin-top:clamp(32px,4vw,56px)}@media(max-width:900px){.hl-executed{padding-left:0}.lead,.hero-cta,.demo{grid-column:1 / -1;grid-row:auto}.lead{max-width:44ch}.demo{margin-top:40px}.hero-cta{order:1;margin-top:32px}}.board{position:relative;border:1px solid var(--line);background:#17357f8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.board:before,.board:after{content:"";position:absolute;width:14px;height:14px;border-color:var(--trace);border-style:solid;pointer-events:none}.board:before{top:-6px;left:-6px;border-width:1px 0 0 1px}.board:after{right:-6px;bottom:-6px;border-width:0 1px 1px 0}.board-wish{display:flex;align-items:baseline;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line);min-height:76px}.board-label,.step-tool,.title-block{font-size:13px;font-stretch:80%;color:var(--trace);letter-spacing:.01em}.wish{font-style:italic;font-stretch:118%;font-weight:320;font-size:clamp(18px,1.7vw,23px);line-height:1.3;color:var(--pencil)}.wish-typed:after{content:"";display:inline-block;width:2px;height:1em;margin-left:3px;vertical-align:-.12em;background:var(--pencil);animation:caret 1s steps(1) infinite}[data-phase=plan] .wish-typed:after,[data-phase=waiting] .wish-typed:after,[data-phase=done] .wish-typed:after{display:none}@keyframes caret{50%{opacity:0}}.board-plan{position:relative;padding:24px}.scribble{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;transition:opacity .8s}.scribble path{transition:opacity .45s;fill:none;stroke:var(--pencil);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw .7s var(--ease-out) forwards}.scribble path.is-erased{opacity:0}@keyframes draw{to{stroke-dashoffset:0}}.steps{list-style:none;padding:0;display:grid;gap:18px}.step{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:56px;padding:10px 16px 10px 12px}.step:not(:last-child):after{content:"";position:absolute;left:25px;top:100%;width:1px;height:18px;background:var(--chalk);transform:scaleY(0);transform-origin:top;transition:transform .3s var(--ease-out)}.step[data-state=done]:after{transform:scaleY(1)}.frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.frame rect{width:100%;height:100%;fill:none;stroke:var(--chalk);stroke-width:1;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .5s var(--ease-out)}.step:not([data-state=pending]) .frame rect{stroke-dashoffset:0}.checkpoint .frame rect{stroke:var(--pencil)}.step-n,.step-body,.step-result{opacity:0;transition:opacity .35s}.step:not([data-state=pending]):not([data-state=drawing]) :is(.step-n,.step-body,.step-result){opacity:1}.step-n{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;font-size:13px;font-stretch:80%;color:var(--trace);background:var(--cyanotype-deep);position:relative;z-index:1;transition:opacity .35s,background .3s,color .3s}.step[data-state=done] .step-n{background:var(--chalk);color:var(--ink);border-color:var(--chalk)}.checkpoint[data-state=waiting] .step-n,.checkpoint[data-state=done] .step-n{background:var(--pencil);border-color:var(--pencil);color:var(--ink)}.step-body{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:12px;row-gap:2px;min-width:0}.step-title{font-size:16px;font-weight:560;font-stretch:88%}.checkpoint .step-tool{color:var(--pencil)}.step-result{font-size:15px;font-stretch:85%;color:var(--chalk);text-align:right;white-space:nowrap}.step[data-state=working]:not(.checkpoint) .step-result:before{content:"";display:inline-block;width:36px;height:2px;vertical-align:middle;background:linear-gradient(90deg,var(--trace) 30%,transparent 30% 50%,var(--trace) 50% 80%,transparent 80%);background-size:12px 2px;animation:working .6s linear infinite}@keyframes working{to{background-position:12px 0}}.cp{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:8px}.cp-prompt{font-size:15px;color:var(--chalk)}.cp-action{font:inherit;font-size:15px;font-weight:650;font-stretch:90%;padding:8px 18px;border:0;border-radius:2px;background:var(--pencil);color:var(--ink);cursor:pointer;animation:nudge 2.4s 1.2s ease-in-out infinite}.cp-action:hover{background:#ffd665}@keyframes nudge{0%,to{box-shadow:0 0 #ffc93c80}50%{box-shadow:0 0 0 8px #ffc93c00}}.title-block{display:grid;grid-template-columns:auto 1fr auto;border-top:1px solid var(--line)}.title-block>span{padding:10px 24px}.title-block>span+span{border-left:1px solid var(--line)}.title-block b{font-weight:600;color:var(--chalk)}.board-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 24px 16px;border-top:1px solid var(--line)}.board-status{min-height:3.2em;display:flex;align-items:center;font-size:15px;color:var(--trace)}[data-phase=done] .board-status{color:var(--chalk);font-weight:560}.wishes{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.wishes button{font:inherit;font-size:15px;font-stretch:92%;padding:9px 16px;color:var(--chalk);background:transparent;border:1px solid var(--line);border-radius:2px;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.wishes button:hover{border-color:var(--chalk)}.wishes button[aria-pressed=true]{background:var(--chalk);color:var(--ink);border-color:var(--chalk)}@media(max-width:560px){.board-wish,.board-plan{padding-inline:16px}.board-wish{flex-direction:column;gap:4px}.step{grid-template-columns:28px minmax(0,1fr)}.step-result{grid-column:2;text-align:left;margin-top:-6px}.title-block{grid-template-columns:1fr 1fr}.title-block>span{padding-inline:16px}.title-block>span:nth-child(2){display:none}.board-foot{padding-inline:16px}}.section-title{font-size:clamp(40px,6vw,88px);line-height:.95;font-stretch:62%;font-weight:800;letter-spacing:-.01em}.build{padding:clamp(80px,10vw,160px) var(--pad);border-top:1px solid var(--line)}.services{list-style:none;padding:0;margin-top:clamp(40px,5vw,72px);border-top:1px solid var(--line)}.services li{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);padding:clamp(24px,3vw,40px) 0;border-bottom:1px solid var(--line)}.services h3{grid-column:1 / span 5;font-size:clamp(28px,3.4vw,48px);line-height:1;font-stretch:125%;font-weight:280;letter-spacing:-.01em}.services li>p{grid-column:7 / -1}.services p:not(.first){max-width:52ch;color:var(--trace);font-size:clamp(16px,1.25vw,18px)}@media(max-width:800px){.services h3,.services li>p{grid-column:1 / -1}.services p:not(.first){margin-top:12px}}.method{padding:clamp(80px,10vw,160px) var(--pad);background-color:var(--chalk);background-image:linear-gradient(rgb(29 63 158 / .07) 1px,transparent 1px),linear-gradient(90deg,rgb(29 63 158 / .07) 1px,transparent 1px);background-size:32px 32px;color:var(--ink)}.phases{--rule: 2px;list-style:none;padding:0;margin-top:clamp(48px,6vw,88px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,48px);counter-reset:phase;position:relative}.phases:before{content:"";position:absolute;left:0;right:0;top:15px;height:var(--rule);background:var(--cyanotype);transform:scaleX(0);transform-origin:left;transition:transform 1.6s var(--ease-out)}.phases.is-drawn:before{transform:scaleX(1)}.phases li{counter-increment:phase;position:relative;padding-top:56px}.phases li:before{content:counter(phase);position:absolute;top:0;left:0;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--cyanotype);color:var(--chalk);font-size:14px;font-weight:600;font-stretch:80%}.phases h3{font-size:clamp(26px,2.4vw,34px);line-height:1;font-stretch:62%;font-weight:780}.phases p{margin-top:14px;max-width:34ch;color:#33467f}@media(max-width:900px){.phases{grid-template-columns:1fr;gap:36px}.phases:before{left:15px;right:auto;top:0;bottom:0;width:var(--rule);height:auto;transform:scaleY(0);transform-origin:top}.phases.is-drawn:before{transform:scaleY(1)}.phases li{padding:4px 0 0 56px}}.maxim{margin-top:clamp(80px,10vw,140px);font-size:clamp(36px,6.4vw,96px);line-height:1;letter-spacing:-.015em;color:var(--cyanotype)}.mx-work,.mx-calls{display:block}.mx-work{font-stretch:62%;font-weight:820}.mx-calls{font-stretch:125%;font-weight:250}.contact{padding:clamp(96px,12vw,200px) var(--pad)}.contact-title{font-size:clamp(40px,6.4vw,96px);line-height:.98;font-stretch:62%;font-weight:800;max-width:16ch}.contact-body{margin-top:24px;max-width:44ch;color:var(--trace);font-size:clamp(17px,1.3vw,19px)}.contact{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);row-gap:48px;align-items:start}.contact-intro{grid-column:1 / span 5}.plain-mail{margin-top:28px;font-size:15px;color:var(--trace)}.brief{grid-column:7 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px;padding:clamp(20px,2.4vw,32px);border:1px solid var(--line);background:#17357f8c;position:relative}.brief:before{content:"";position:absolute;top:-6px;left:-6px;width:14px;height:14px;border:solid var(--trace);border-width:1px 0 0 1px}.field{display:grid;gap:8px;align-content:start}.field-wide,.brief-foot,.form-status,.sent{grid-column:1 / -1}.field label{font-size:14px;font-stretch:90%;font-weight:560;color:var(--chalk)}.optional{font-weight:400;color:var(--trace)}.field input,.field textarea{width:100%;font:inherit;font-size:17px;color:var(--chalk);background:#0e246099;border:1px solid var(--line);border-radius:2px;padding:12px 14px;transition:border-color .2s,background .2s}.field textarea{resize:vertical;min-height:132px;line-height:1.5}.field input:hover,.field textarea:hover{border-color:#f2f5ff66}.field input:focus,.field textarea:focus{outline:none;border-color:var(--pencil);background:#0e2460d9}.field [aria-invalid=true]{border-color:#ff9b7a}.field-hint{font-size:14px;color:var(--trace)}.field-error{font-size:14px;font-weight:560;color:#ffb39c}.field-error:empty{display:none}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.brief-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.turnstile{min-height:65px;flex:1 1 260px;max-width:340px}.brief .button{border:0;cursor:pointer;font:inherit;font-weight:650;font-stretch:90%;font-size:17px;padding:14px 32px}.brief .button:disabled{opacity:.6;cursor:progress;transform:none}.form-status{min-height:1.5em;font-size:15px;color:var(--chalk)}.form-status:empty{display:none}.sent{font-size:clamp(18px,1.6vw,22px);line-height:1.5;color:var(--trace)}.sent strong{display:block;margin-bottom:6px;font-size:clamp(32px,3.4vw,48px);line-height:1;font-stretch:62%;font-weight:820;color:var(--pencil)}.sent:focus{outline:none}@media(max-width:900px){.contact-intro,.brief{grid-column:1 / -1}}@media(max-width:560px){.brief{grid-template-columns:1fr}.brief .button{width:100%}}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:28px var(--pad) 36px;border-top:1px solid var(--line);font-size:14px;color:var(--trace)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.wish-rest{color:transparent}.services .first{margin-top:14px;max-width:52ch;font-size:15px;font-stretch:92%;color:var(--pencil)}.stamp{display:grid;justify-items:center;padding:6px 14px 7px;border:2px solid var(--pencil);border-radius:3px;color:var(--pencil);line-height:1;transform:rotate(-5deg) scale(1.5);opacity:0;pointer-events:none}.stamp-word{font-size:22px;font-stretch:62%;font-weight:820;letter-spacing:.04em}.stamp-date{margin-top:4px;font-size:11px;font-stretch:85%;font-weight:500}[data-phase=done] .stamp{opacity:.95;transform:rotate(-5deg) scale(1);transition:transform .28s cubic-bezier(.3,1.6,.5,1),opacity .12s}[data-phase=done] .board{animation:thud .3s .12s ease-out}@keyframes thud{40%{transform:translateY(2px)}}[data-phase=clearing] .step,[data-phase=clearing] .wish{opacity:0;transform:translateY(-6px);transition:opacity .25s,transform .25s}.services h3{align-self:start}.sketch{grid-column:1 / span 4;grid-row:2 / span 2;width:min(100%,240px);margin-top:24px;overflow:visible}.sketch *{fill:none;stroke:var(--trace);stroke-width:1.4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s var(--ease-out)}.sketch .hot{stroke:var(--pencil);stroke-width:2}.sketch .dash{stroke:var(--pencil)}.sketch.is-drawn *{stroke-dashoffset:0}.sketch.is-drawn *:nth-child(2){transition-delay:.08s}.sketch.is-drawn *:nth-child(3){transition-delay:.16s}.sketch.is-drawn *:nth-child(4){transition-delay:.24s}.sketch.is-drawn *:nth-child(5){transition-delay:.32s}.sketch.is-drawn *:nth-child(6){transition-delay:.4s}.sketch.is-drawn *:nth-child(7){transition-delay:.48s}.sketch.is-drawn *:nth-child(n+8){transition-delay:.56s}@media(max-width:800px){.sketch{grid-row:auto;order:-1;margin:0 0 20px;width:200px}}@media(max-width:560px){.stamp-word{font-size:18px}}.build-intro{margin-top:20px;max-width:40ch;font-size:clamp(18px,1.6vw,22px);font-stretch:110%;font-weight:320;color:var(--trace)}p{text-wrap:pretty}h2,h3{text-wrap:balance}.demo-note{margin-top:16px;max-width:60ch;font-size:14px;font-stretch:90%;color:var(--trace)}.demo-note b{font-weight:600;color:var(--chalk)}.byline{margin-top:12px;max-width:58ch;font-size:15px;font-stretch:92%;color:var(--trace)}.privacy-note{grid-column:1 / -1;font-size:13px;font-stretch:92%;color:var(--trace)}.faq{padding:clamp(80px,10vw,160px) var(--pad) 0}.faq-list{margin-top:clamp(40px,5vw,72px);border-top:1px solid var(--line);max-width:920px}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:24px 0;cursor:pointer;list-style:none;font-size:clamp(20px,2vw,26px);line-height:1.25;font-stretch:110%;font-weight:340}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"";flex:none;width:14px;height:14px;background:linear-gradient(var(--pencil),var(--pencil)) center / 100% 2px no-repeat,linear-gradient(var(--pencil),var(--pencil)) center / 2px 100% no-repeat;transition:transform .3s var(--ease-out)}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item summary:hover{color:var(--pencil)}.faq-item p{max-width:64ch;padding:0 0 28px;color:var(--trace);font-size:clamp(16px,1.25vw,18px)}
