*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);text-rendering:optimizelegibility;margin:0;font-size:1.0625rem;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0;line-height:1.1}p{text-wrap:pretty;margin:0}ul,ol{margin:0;padding:0}:focus-visible{outline:3px solid var(--focus,var(--accent));outline-offset:3px}.skip{z-index:100;background:var(--fg);color:var(--bg);padding:.75rem 1rem;position:absolute;top:-4rem;left:1rem}.skip:focus{top:1rem}.wrap{width:min(100% - 2.5rem,72rem);margin-inline:auto}.narrow{max-width:42rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.section{padding-block:clamp(3.5rem,8vw,6.5rem)}.section-head{gap:.9rem;max-width:44rem;margin-bottom:2.5rem;display:grid}.lede{color:var(--muted);font-size:1.15rem}.btn{min-height:48px;font:inherit;cursor:pointer;touch-action:manipulation;border:2px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-weight:600;text-decoration:none;transition:background-color .18s ease-out,color .18s ease-out,border-color .18s ease-out;display:inline-flex}.page-head{padding-block:clamp(3rem,7vw,5.5rem) clamp(2rem,4vw,3rem)}.page-head h1{max-width:22ch;font-size:clamp(2.1rem,5vw,3.6rem)}.page-head .lede{max-width:40rem;margin-top:1.25rem}.crumbs{color:var(--muted);margin-bottom:1.25rem;font-size:.9rem}.crumbs ol{flex-wrap:wrap;gap:.4rem;list-style:none;display:flex}.crumbs li+li:before{content:"/";opacity:.6;margin-right:.4rem}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}.checklist{gap:.8rem;list-style:none;display:grid}.checklist li{padding-left:1.75rem;position:relative}.checklist li:before{content:"";border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);width:.9rem;height:.5rem;position:absolute;top:.55em;left:0;transform:rotate(-45deg)}.faq{gap:.75rem;display:grid}.faq details{border-top:1px solid var(--line);padding-block:1rem}.faq summary{cursor:pointer;font-size:1.1rem;font-weight:600;list-style-position:outside}.faq details p{color:var(--muted);max-width:60ch;margin-top:.75rem}.viewer{grid-template-columns:minmax(0,1fr);gap:1rem;min-width:0;display:grid}.viewer-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.viewer-tabs button,.device-toggle button{font:inherit;cursor:pointer;min-height:44px;color:inherit;border:1px solid var(--line);background:0 0;padding:.5rem .9rem}.viewer-tabs button[aria-selected=true],.device-toggle button[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.viewer-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.device-toggle{gap:.25rem;display:inline-flex}.viewer-stage{place-items:center;min-height:0;display:grid}.viewer-frame{border:1px solid var(--line);background:var(--surface,#fff);width:100%;max-width:62rem;overflow:hidden}.viewer-frame.phone{border-width:8px;border-color:var(--fg);border-radius:28px;width:min(100%,300px)}.viewer-frame img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%}.viewer-frame.phone img{aspect-ratio:9/19.5}.viewer-caption{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;display:flex}.viewer-caption p{color:var(--muted);max-width:52ch}.form{gap:1.25rem;display:grid}.field{gap:.4rem;display:grid}.field label{font-weight:600}.field .hint{color:var(--muted);font-size:.9rem}.field input,.field textarea,.field select{font:inherit;color:var(--fg);background:var(--surface,#fff);border:1px solid var(--line-strong,var(--fg));width:100%;min-height:48px;padding:.75rem .9rem}.field textarea{resize:vertical;min-height:9rem}.field [aria-invalid=true]{border-color:var(--danger,#b42318);border-width:2px}.err{color:var(--danger,#b42318);font-size:.95rem;font-weight:600}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.status{border:2px solid;padding:1rem 1.25rem}.btn[disabled]{opacity:.5;cursor:progress}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=860px){.header-inner>nav{scrollbar-width:none;order:3;width:100%;overflow-x:auto}.nav a{white-space:nowrap}}@media (width<=640px){.viewer-tabs{scrollbar-width:thin;flex-wrap:nowrap;padding-bottom:.25rem;overflow-x:auto}.viewer-tabs button{white-space:nowrap;flex:none}}.hero-body{gap:1rem;max-width:38rem;margin-top:1.25rem;display:grid}.explore{margin-top:2.25rem}.explore ul{flex-wrap:wrap;gap:.5rem 1.75rem;list-style:none;display:flex}.explore a{text-underline-offset:5px;padding-block:.6rem;font-weight:600;display:inline-block}.link-list{gap:.75rem;list-style:none;display:grid}.link-list a{font-weight:600}.svc :is(h2,h3){font-size:1.4rem;line-height:1.15}.shot{justify-items:start;gap:.75rem;display:grid}.shot .viewer-frame.phone{width:min(100%,260px)}.work-item{scroll-margin-top:5rem}.feature-list .svc h3{margin-bottom:.5rem;font-size:1.3rem}.feature-tags{flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;list-style:none;display:flex}.feature-tags a{border:1px solid var(--line-strong,var(--line));color:var(--fg);padding:.35rem .7rem;font-size:.9rem;text-decoration:none;display:inline-block}.feature-tags a:hover{border-color:var(--accent);color:var(--accent)}.detail-body{gap:2.25rem;display:grid}.detail-sec h2{margin-bottom:.6rem;font-size:clamp(1.35rem,2.6vw,1.75rem)}.detail-sec p{max-width:65ch}.feature-list .svc h3 a,.feature-list .svc :is(h2,h3) a{text-decoration:none}.feature-list .svc h3 a:hover,.feature-list .svc :is(h2,h3) a:hover{text-underline-offset:4px;text-decoration:underline}.svc{position:relative}.svc :is(h2,h3) a:after,.svc h3 a:after{content:"";z-index:1;position:absolute;inset:0}.svc:has(h2 a,h3 a){cursor:pointer}.hero-marketing{border-top:1px solid var(--line);margin-top:clamp(2.5rem,6vw,4rem);padding-top:clamp(1.75rem,4vw,2.5rem)}.hero-marketing h2{font-size:clamp(1.6rem,3vw,2.2rem)}.hero-marketing .lede{max-width:44rem;margin:.75rem 0 1.75rem}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-vietnamese-wght-normal.D0rl6rjA.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-ext-wght-normal.D9tNdqV9.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-wght-normal.BhU9QXUp.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:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/public-sans-vietnamese-wght-normal.CtlIRbEm.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:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/public-sans-latin-ext-wght-normal.MQgHevqp.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:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/public-sans-latin-wght-normal.DdeTHZLK.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{--bg:#f6f3ea;--surface:#fdfbf5;--fg:#1a2d42;--muted:#53647a;--accent:#185a8d;--plate:#123a5e;--plate-deep:#0d2c49;--plate-line:#a8c9e4;--redline:#c03b2a;--line:#d8d2c2;--line-strong:#9aa5b4;--focus:#c03b2a;--danger:#c03b2a;--grid:#185a8d12;--font-display:"Space Grotesk Variable", "Trebuchet MS", sans-serif;--font-body:"Public Sans Variable", system-ui, sans-serif}body{background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:2.5rem 2.5rem;line-height:1.65}h1{letter-spacing:-.02em;font-weight:600}h2{letter-spacing:-.015em;font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:600}h3{font-size:1.2rem;font-weight:600}.btn-primary{background:var(--redline);color:#fff}.btn-primary:hover{background:#a02e20}.btn-ghost{border-color:var(--fg);color:var(--fg);background:var(--surface)}.btn-ghost:hover{background:var(--fg);color:var(--surface)}.section-head h2{padding-bottom:.9rem;position:relative}.section-head h2:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:2px;position:absolute;bottom:0;left:0}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.section-head h2:after{animation:linear both rule-in view();animation-range:entry 10% entry 60%}}}@keyframes rule-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.site-header{background:var(--bg);border-bottom:1px solid var(--fg);box-shadow:0 3px 0 -2px var(--fg), 0 7px 0 -6px var(--line-strong)}.header-inner{align-items:center;gap:2rem;min-height:4.5rem;display:flex}.brand{font-family:var(--font-display);letter-spacing:.01em;margin-right:auto;font-size:1.35rem;font-weight:700;text-decoration:none}.brand span:after{content:" /";color:var(--redline)}.nav{gap:1.5rem;list-style:none;display:flex}.nav a{border-bottom:2px solid #0000;padding-block:.5rem;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{border-bottom-color:var(--redline)}.header-cta{min-height:44px;padding:.5rem 1rem}@media (width<=860px){.header-inner{flex-wrap:wrap;gap:.5rem 1rem;padding-block:.75rem}.nav{order:3;gap:1.1rem;width:100%;font-size:.95rem;overflow-x:auto}}.hero{padding-block:clamp(3rem,8vw,6.5rem);position:relative;overflow:clip}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(2rem,5vw,4.5rem);display:grid}.hero h1{max-width:14ch;font-size:clamp(2.5rem,6vw,4.5rem)}.hero .lede{color:var(--fg);margin-top:1.5rem;font-size:1.2rem}.hero-body{color:var(--muted)}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.explore ul{border-top:1px solid var(--line);padding-top:.75rem}@media (width<=860px){.hero-grid{grid-template-columns:1fr}}.board{background:var(--plate);border:1px solid var(--plate-deep);box-shadow:inset 0 0 0 1px #a8c9e459, inset 0 0 0 9px var(--plate), inset 0 0 0 10px #a8c9e459;background-image:radial-gradient(at 30% 20%,#ffffff0f,#0000 60%);margin:0;padding:1.25rem 1.25rem .75rem;position:relative}.plan{width:100%;height:auto;display:block}.plan .stroke *,.plan .dims line{fill:none;stroke:var(--plate-line);stroke-width:2px;stroke-linecap:round}.plan .thin{stroke-width:1px}.plan .hot{stroke:#e8a08f}.plan .note{fill:var(--plate-line);font:500 11px var(--font-display);letter-spacing:.14em}.plan .vert{writing-mode:vertical-rl}.board-cap{color:var(--plate-line);font-family:var(--font-display);letter-spacing:.14em;border-top:1px solid #a8c9e459;justify-content:space-between;gap:1rem;padding:.6rem .25rem 0;font-size:.7rem;display:flex}@media (prefers-reduced-motion:no-preference){.plan .draw,.plan .draw *{stroke-dasharray:1;stroke-dashoffset:1px;animation:.7s ease-out forwards draft;animation-delay:calc(.25s + var(--i,0) * .18s)}.plan .draw *{animation-delay:calc(.25s + var(--i,0) * .18s + 50ms)}.plan .fade{opacity:0;animation:.5s ease-out forwards note-in;animation-delay:calc(.4s + var(--i,0) * .18s)}}@keyframes draft{to{stroke-dashoffset:0}}@keyframes note-in{to{opacity:1}}.crosshair{pointer-events:none;z-index:90;position:fixed;inset:0}.crosshair-x,.crosshair-y{background:color-mix(in srgb, var(--accent) 40%, transparent);position:absolute}.crosshair-x{left:0;right:0;top:var(--cy,-10px);height:1px}.crosshair-y{top:0;bottom:0;left:var(--cx,-10px);width:1px}.crosshair-read{left:var(--cx,0);top:var(--cy,0);white-space:pre;background:color-mix(in srgb, var(--surface) 85%, transparent);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);font-family:var(--font-display);letter-spacing:.08em;color:var(--accent);padding:.2rem .45rem;font-size:.7rem;position:absolute;transform:translate(.85rem,.85rem)}[data-measured]{outline:1px dashed color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:6px}.board[data-measured],.btn[data-measured]{outline-offset:4px}.field [data-measured]{outline-offset:3px}.page-head h1{padding-bottom:1.1rem;position:relative}.page-head h1:after{content:"";background:linear-gradient(var(--redline), var(--redline)) left center / 100% 1px no-repeat, linear-gradient(var(--redline), var(--redline)) left top / 1px 100% no-repeat, linear-gradient(var(--redline), var(--redline)) right top / 1px 100% no-repeat;transform-origin:0;width:min(100%,18rem);height:9px;position:absolute;bottom:0;left:0}@media (prefers-reduced-motion:no-preference){.page-head h1:after{animation:.8s cubic-bezier(.2,.7,.2,1) .25s both dim-in}.page-head .lede{animation:.6s ease-out .55s both note-up}}@keyframes dim-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes note-up{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}.section+.section{border-top:1px solid var(--line)}.section-tight{padding-top:0}.more{margin-top:1.5rem}.viewer-frame{background:var(--surface);border-color:var(--line-strong)}.viewer-meta{color:var(--muted)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.work-item .viewer-frame img{animation:linear both develop view();animation-range:entry 20% entry 90%}}}@keyframes develop{0%{filter:grayscale()sepia()hue-rotate(175deg)saturate(2.2)brightness(.72)}to{filter:none}}.svc-list{border-top:2px solid var(--fg);grid-template-columns:repeat(2,1fr);list-style:none;display:grid}.svc{border-bottom:1px solid var(--line);padding:1.75rem 2rem 1.75rem 0}.svc:nth-child(odd){border-right:1px solid var(--line)}.svc:nth-child(2n){padding-left:2rem}.svc :is(h2,h3){font-family:var(--font-display);font-size:1.35rem;font-weight:600}.svc :is(h2,h3) a{text-decoration:none}.svc :is(h2,h3) a:hover{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.svc p{color:var(--muted);margin-top:.6rem}@media (width<=760px){.svc-list{grid-template-columns:1fr}.svc,.svc:nth-child(2n){border-right:0;padding-inline:0}}.own-grid{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;display:grid}.owned{background:var(--plate);color:var(--plate-line);border:1px solid var(--plate-deep);box-shadow:inset 0 0 0 6px var(--plate), inset 0 0 0 7px #a8c9e459;margin:0}.owned-row{border-bottom:1px solid #a8c9e44d;padding:1.4rem 1.6rem}.owned-row:last-child{border-bottom:0}.owned dt{font-family:var(--font-display);color:#fff;font-size:1.25rem}.owned dd{color:var(--plate-line);margin:.3rem 0 0}@media (width<=860px){.own-grid{grid-template-columns:1fr}}.steps{grid-template-columns:repeat(4,1fr);gap:2rem;list-style:none;display:grid}.step-n{font-family:var(--font-display);color:var(--accent);margin-bottom:.75rem;font-size:2.5rem;font-weight:600;line-height:1;display:block}.step h3{margin-bottom:.5rem}.step p{color:var(--muted)}@media (width<=960px){.steps{grid-template-columns:1fr 1fr}}@media (width<=560px){.steps{grid-template-columns:1fr}}.work-list{gap:4rem;list-style:none;display:grid}.work-item{grid-template-columns:1.2fr 1fr;align-items:start;gap:2.5rem;display:grid}.work-name{font-family:var(--font-display);font-size:1.7rem;font-weight:600}.work-meta{color:var(--accent);margin-top:.4rem;font-weight:600}.work-summary{margin-top:1rem}.work-built{color:var(--muted);gap:.35rem;margin-top:1rem;list-style:none;display:grid}.work-built li:before{content:"+ ";color:var(--redline);font-weight:700}.work-link{margin-top:1.25rem;font-weight:600;display:inline-block}@media (width<=860px){.work-item{grid-template-columns:1fr;gap:1.25rem}}.split{grid-template-columns:1fr 1.3fr;gap:3rem;display:grid}.split h2{margin-bottom:1rem}.for-who{color:var(--muted)}@media (width<=860px){.split{grid-template-columns:1fr}}.head-cta{margin-top:2rem}.cta-band{background:var(--plate);color:#fff;background-image:linear-gradient(#a8c9e414 1px,#0000 1px),linear-gradient(90deg,#a8c9e414 1px,#0000 1px);background-size:2.5rem 2.5rem;padding-block:clamp(3.5rem,8vw,6rem)}.cta-inner{justify-items:start;gap:1rem;display:grid}.cta-band h2{font-size:clamp(2rem,4vw,3rem)}.cta-band p{max-width:36rem;color:var(--plate-line)}.cta-band .btn-primary{margin-top:.75rem}.site-footer{background:var(--bg);border-top:2px solid var(--fg);padding-top:4rem}.footer-grid{border:1px solid var(--fg);background:var(--surface);grid-template-columns:1.4fr repeat(2,1fr);gap:0;display:grid}.footer-grid>*{border-left:1px solid var(--line);padding:1.5rem}.footer-grid>:first-child{border-left:0}.footer-name{font-family:var(--font-display);font-size:1.5rem;font-weight:700}.footer-brand p+p{color:var(--muted);margin-block:.5rem 1.25rem}.footer-h{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;font-size:.8rem;font-weight:600}.site-footer ul{gap:.5rem;list-style:none;display:grid}.site-footer nav a{color:var(--fg);text-decoration:none}.site-footer nav a:hover{color:var(--redline);text-decoration:underline}.footer-base{color:var(--muted);font-size:.85rem;font-family:var(--font-display);letter-spacing:.08em;margin-top:0;padding-block:1rem}@media (width<=860px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{border-left:0;grid-column:1/-1}.footer-grid>*{border-top:1px solid var(--line);border-left:0}.footer-grid>:first-child{border-top:0}}