@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/bricolage-grotesque-latin.woff2)format("woff2")}@font-face{font-family:Fragment Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/fragment-mono-latin.woff2)format("woff2")}:root{--dui-paper:#dfdfd7;--dui-paper-dim:#d3d3ca;--dui-ink:#0b0b0a;--dui-ink-60:#0b0b0a99;--dui-ink-38:#0b0b0a61;--dui-rule:#0b0b0a38;--dui-spot:#0e8074;--dui-spot-bright:#2fb3a6;--dui-spot-deep:#0a5c54;--dui-spot-wash:#cfe7e3;--dui-spot-wash-dark:#0c2f2b;--dui-room:#0b0b0a;--dui-room-paper:#dfdfd7;--dui-room-dim:#dfdfd785;--dui-room-rule:#dfdfd72e;--dui-room-surface:#151514;--dui-room-device:#101010;--dui-room-track:#dfdfd724;--dui-room-ghost:#dfdfd70f;--dui-font-display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--dui-font-mono:"Fragment Mono", ui-monospace, "SF Mono", Menlo, monospace;--dui-gutter:clamp(20px, 4vw, 56px);--dui-section:clamp(80px, 10vw, 150px);--dui-radius:0;--dui-radius-device:30px;--paper:var(--dui-paper);--paper-dim:var(--dui-paper-dim);--ink:var(--dui-ink);--ink-60:var(--dui-ink-60);--ink-38:var(--dui-ink-38);--rule:var(--dui-rule);--spot:var(--dui-spot);--room:var(--dui-room);--room-paper:var(--dui-room-paper);--room-dim:var(--dui-room-dim);--room-rule:var(--dui-room-rule);--room-surface:var(--dui-room-surface);--disp:var(--dui-font-display);--mono:var(--dui-font-mono)}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--disp);-webkit-font-smoothing:antialiased;font-size:16px;font-weight:400;line-height:1.55}::selection{background:var(--spot);color:var(--paper)}h1,h2,h3{margin:0;font-weight:750;line-height:.95}p{margin:0}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.mono{font-family:var(--mono)}.wrap{padding-left:var(--dui-gutter);padding-right:var(--dui-gutter)}.slug{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-60);text-transform:lowercase;font-size:11px}#veil{z-index:90;background:var(--paper);padding:var(--dui-gutter);align-items:flex-end;transition:transform .6s cubic-bezier(.76,0,.24,1);display:flex;position:fixed;inset:0}#veil.lift{transform:translateY(-101%)}#veil .vl{font-family:var(--mono);color:var(--ink-60);font-size:12px;line-height:2}#veil .vl .ok{color:var(--spot)}#veil .vl div{opacity:0}#veil.run .vl div{animation:10ms forwards vline}#veil.run .vl div:first-child{animation-delay:50ms}#veil.run .vl div:nth-child(2){animation-delay:.35s}#veil.run .vl div:nth-child(3){animation-delay:.65s}@keyframes vline{to{opacity:1}}#wipe{z-index:80;background:var(--ink);pointer-events:none;position:fixed;inset:0;transform:translateY(101%)}#wipe.go{transition:transform .34s cubic-bezier(.76,0,.24,1);transform:translateY(0)}#wipe.out{transition:transform .42s cubic-bezier(.76,0,.24,1);transform:translateY(-101%)}nav{z-index:20;padding:26px var(--dui-gutter);align-items:baseline;gap:32px;display:flex;position:absolute;top:0;left:0;right:0}.wordmark{font-family:var(--disp);letter-spacing:-.02em;font-size:19px;font-weight:800;text-decoration:none}.wordmark sup{vertical-align:super;font-size:9px;font-weight:400}.nlinks{gap:26px;margin-left:auto;display:flex}.nlinks a{font-family:var(--mono);color:var(--ink-60);font-size:12px;text-decoration:none;transition:color .2s}.nlinks a:hover{color:var(--ink)}.pswitch{align-items:baseline;gap:14px;display:flex}.pswitch .for{font-family:var(--mono);color:var(--ink-38);font-size:11px}.pswitch button{font-family:var(--mono);color:var(--ink-38);border-bottom:1px solid #0000;min-height:32px;padding:4px 0;font-size:12px;transition:color .2s,border-color .2s}.pswitch button:hover{color:var(--ink)}.pswitch button.on{color:var(--ink);border-bottom-color:var(--ink)}@media (width<=760px){.nlinks a:not(.keep){display:none}}main{flex-direction:column;display:flex}#page[data-persona=designer] #s-hero{order:1}#page[data-persona=designer] #s-manifesto{order:2}#page[data-persona=designer] #s-demo{order:3}#page[data-persona=designer] #s-index{order:4}#page[data-persona=designer] #s-stats{order:5}#page[data-persona=designer] #s-consent{order:6}#page[data-persona=designer] #s-packages{order:7}#page[data-persona=engineer] #s-hero{order:1}#page[data-persona=engineer] #s-stats{order:2}#page[data-persona=engineer] #s-demo{order:3}#page[data-persona=engineer] #s-index{order:4}#page[data-persona=engineer] #s-manifesto{order:5}#page[data-persona=engineer] #s-consent{order:6}#page[data-persona=engineer] #s-packages{order:7}.only-designer,.only-engineer{display:none}#page[data-persona=designer] .only-designer,#page[data-persona=engineer] .only-engineer{display:block}.line{display:block;overflow:hidden}.line>span{transition:transform .85s cubic-bezier(.16,1,.3,1);display:block;transform:translateY(112%)}.in .line>span{transform:translateY(0)}.fade{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(14px)}.in .fade{opacity:1;transform:none}#s-hero{flex-direction:column;justify-content:flex-end;min-height:100svh;padding-top:clamp(150px,20vh,220px);padding-bottom:clamp(28px,4vw,56px);display:flex;position:relative}.hero-meta{top:96px;left:var(--dui-gutter);right:var(--dui-gutter);font-family:var(--mono);color:var(--ink-60);justify-content:space-between;gap:16px;font-size:11px;display:flex;position:absolute}.hero-h{letter-spacing:-.035em;text-transform:uppercase;font-size:clamp(46px,8.6vw,124px);font-weight:760;line-height:.93}.hero-h .ghost{letter-spacing:-.02em;font-weight:300}.rot.swap{animation:.55s cubic-bezier(.16,1,.3,1) rotUp}@keyframes rotUp{0%{transform:translateY(105%)}to{transform:translateY(0)}}.hero-foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:clamp(28px,4vw,52px);display:flex}.hero-foot .lede{max-width:38ch;color:var(--ink);font-size:16.5px;font-weight:400;line-height:1.5}.hero-foot .term-line{font-family:var(--mono);color:var(--ink-60);font-size:12px}.hero-foot .term-line .ok{color:var(--spot)}#s-manifesto{padding:clamp(80px,12vw,170px) var(--dui-gutter)}.mani-grid{grid-template-columns:1fr 2fr;gap:32px;display:grid}@media (width<=820px){.mani-grid{grid-template-columns:1fr}}.mani{letter-spacing:-.015em;text-wrap:balance;max-width:26em;font-size:clamp(24px,3.4vw,44px);font-weight:480;line-height:1.22}.mani b{font-weight:800}.mani .ghost{text-underline-offset:.14em;font-weight:800;text-decoration:underline 2px}#s-demo{background:var(--room);color:var(--room-paper);padding:clamp(80px,10vw,150px) var(--dui-gutter);position:relative;overflow:hidden}#s-demo .slug{color:var(--room-dim)}.roomnum{color:var(--dui-room-ghost);user-select:none;pointer-events:none;font-size:clamp(120px,22vw,320px);font-weight:800;line-height:1;position:absolute;top:6px;right:clamp(12px,3vw,44px)}.demo-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,90px);margin-top:clamp(36px,5vw,64px);display:grid}@media (width<=880px){.demo-grid{grid-template-columns:1fr}}.demo-h{letter-spacing:-.03em;text-transform:uppercase;font-size:clamp(34px,4.6vw,62px);font-weight:750;line-height:.98}.demo-sub{color:var(--room-dim);max-width:36ch;margin-top:22px;font-size:15.5px}.arch-list{flex-direction:column;gap:2px;margin-top:38px;display:flex}.arch-list button{text-align:left;font-family:var(--mono);color:var(--room-dim);border-bottom:1px solid var(--room-rule);align-items:baseline;gap:16px;min-height:40px;padding:10px 0;font-size:13px;transition:color .25s;display:flex}.arch-list button .no{font-size:10px}.arch-list button:hover,.arch-list button.on{color:var(--room-paper)}.arch-list button .st{opacity:0;color:var(--room-paper);margin-left:auto;font-size:10px;transition:opacity .25s}.arch-list button.on .st{opacity:1}.demo-valid{font-family:var(--mono);color:var(--room-dim);margin-top:28px;font-size:11.5px}.demo-valid .ok{color:var(--spot)}.stage{justify-content:center;display:flex}.phone{border-radius:var(--dui-radius-device);border:1px solid var(--room-rule);background:var(--dui-room-device);flex:none;width:min(320px,84vw);height:512px;position:relative;overflow:hidden}.screen{opacity:0;pointer-events:none;flex-direction:column;gap:9px;padding:22px 16px 16px;transition:opacity .5s;display:flex;position:absolute;inset:0}.screen.active{opacity:1;pointer-events:auto}.comp{border:1px solid var(--room-rule);background:var(--room-surface);opacity:0;border-radius:12px;padding:12px 14px}.screen.active .comp{animation:.55s cubic-bezier(.16,1,.3,1) forwards slotIn}.screen.active .comp:first-child{animation-delay:40ms}.screen.active .comp:nth-child(2){animation-delay:.12s}.screen.active .comp:nth-child(3){animation-delay:.2s}.screen.active .comp:nth-child(4){animation-delay:.28s}.screen.active .comp:nth-child(5){animation-delay:.36s}@keyframes slotIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.c-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--room-dim);margin-bottom:5px;font-size:9px}.c-big{letter-spacing:-.02em;font-size:24px;font-weight:750;line-height:1.05}.c-sub{color:var(--room-dim);font-size:12px}.c-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.ringwrap{align-items:center;gap:14px;display:flex}.ring{flex:none;width:60px;height:60px}.ring circle{fill:none;stroke-width:6px;stroke-linecap:round}.ring .tr{stroke:var(--room-rule)}.ring .pr{stroke:var(--room-paper);transform-origin:50%;transform:rotate(-90deg)}.bar{background:var(--dui-room-track);border-radius:99px;height:6px;margin-top:9px;overflow:hidden}.bar i{background:var(--room-paper);border-radius:99px;height:100%;display:block}.spark{align-items:flex-end;gap:3px;height:30px;margin-top:9px;display:flex}.spark i{background:var(--room-paper);opacity:.8;border-radius:1px;flex:1}.mrow{font-family:var(--mono);color:var(--room-dim);justify-content:space-between;padding:3px 0;font-size:11px;display:flex}.mrow b{color:var(--room-paper);font-weight:400}.avat{border:1px solid var(--room-rule);width:26px;height:26px;font-family:var(--mono);color:var(--room-dim);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:9px;display:flex}.p-moon{background:var(--room-paper);width:34px;height:34px;box-shadow:-10px -4px 0 -4px var(--room-surface) inset;border-radius:50%;flex:none}.json-wall{font-family:var(--mono);font-size:clamp(12px,1.5vw,15px);line-height:1.9;overflow-x:auto}.json-wall .jl{opacity:0;white-space:pre;transition:opacity .5s,transform .5s;transform:translateY(6px)}.in .json-wall .jl{opacity:1;transform:none}.json-wall .k{color:var(--room-dim)}.json-wall .t{color:var(--room-paper);font-weight:400}.json-wall .ok{color:var(--spot)}#s-index{padding:clamp(80px,10vw,150px) 0 0}#s-index .slug{padding:0 var(--dui-gutter)}.idx{border-top:1px solid var(--rule);margin-top:clamp(28px,4vw,48px)}.row{padding:clamp(20px,3vw,34px) var(--dui-gutter);border-bottom:1px solid var(--rule);cursor:pointer;grid-template-columns:clamp(70px,10vw,150px) 1.1fr 1fr auto;align-items:baseline;gap:24px;transition:background .3s,color .3s;display:grid}.row:hover{background:var(--ink);color:var(--paper)}.row:hover .rnum{color:var(--paper)}.row:hover .rdesc,.row:hover .rtag{color:var(--room-dim)}.rnum{letter-spacing:-.02em;color:var(--ink-38);font-size:clamp(26px,3.4vw,44px);font-weight:300;line-height:1;transition:color .3s}.rname{letter-spacing:-.025em;text-transform:uppercase;font-size:clamp(22px,3vw,40px);font-weight:750;line-height:1}.rdesc{color:var(--ink-60);max-width:44ch;font-size:13.5px;transition:color .3s}.rtag{font-family:var(--mono);color:var(--ink-38);font-size:11px;transition:color .3s}@media (width<=820px){.row{grid-template-columns:64px 1fr;grid-auto-rows:auto}.rdesc{grid-column:2}.rtag{display:none}}#s-stats{padding:clamp(80px,10vw,150px) 0 0}#s-stats .slug{padding:0 var(--dui-gutter)}.stats{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:repeat(4,1fr);margin-top:clamp(28px,4vw,48px);display:grid}@media (width<=880px){.stats{grid-template-columns:repeat(2,1fr)}}.stat{padding:clamp(26px,3.4vw,46px) var(--dui-gutter);border-right:1px solid var(--rule)}.stat:last-child{border-right:none}@media (width<=880px){.stat:nth-child(2){border-right:none}.stat:nth-child(-n+2){border-bottom:1px solid var(--rule)}}.stat .n{letter-spacing:-.04em;font-size:clamp(56px,7.5vw,110px);font-weight:800;line-height:.95}.stat .l{font-family:var(--mono);color:var(--ink-60);letter-spacing:.03em;margin-top:12px;font-size:11px}#s-consent{padding:clamp(80px,12vw,170px) var(--dui-gutter)}.cons-grid{grid-template-columns:1.2fr 1fr;gap:clamp(32px,6vw,90px);display:grid}@media (width<=880px){.cons-grid{grid-template-columns:1fr}}.cons-h{letter-spacing:-.03em;text-transform:uppercase;text-wrap:balance;font-size:clamp(34px,5vw,70px);font-weight:750;line-height:.98}.cons-sub{color:var(--ink-60);max-width:44ch;margin-top:24px;font-size:16px}.cons-lists{grid-template-columns:1fr 1fr;align-self:end;gap:0;display:grid}.clist{padding:0 22px}.clist:first-child{border-right:1px solid var(--rule);padding-left:0}.clist .ch{font-family:var(--mono);letter-spacing:.05em;color:var(--ink-60);padding-bottom:14px;font-size:11px}.clist .ci{font-family:var(--mono);border-top:1px solid var(--rule);padding:9px 0;font-size:12px}.clist .ci.dim{color:var(--ink-38)}.clist .cf{font-family:var(--mono);color:var(--spot);padding-top:14px;font-size:10.5px}#s-packages{padding:clamp(80px,10vw,150px) 0 0}#s-packages .slug{padding:0 var(--dui-gutter)}.pkgs{border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;margin-top:clamp(28px,4vw,48px);display:grid}@media (width<=760px){.pkgs{grid-template-columns:1fr}}.pkg{padding:18px var(--dui-gutter);border-bottom:1px solid var(--rule);align-items:baseline;gap:18px;text-decoration:none;transition:background .25s,color .25s;display:flex}.pkgs .pkg:nth-child(odd){border-right:1px solid var(--rule)}@media (width<=760px){.pkgs .pkg:nth-child(odd){border-right:none}}.pkg:hover{background:var(--ink);color:var(--paper)}.pkg:hover .pd{color:var(--room-dim)}.pkg .pn{font-family:var(--mono);font-size:13px}.pkg .pd{color:var(--ink-60);text-align:right;margin-left:auto;font-size:12.5px;transition:color .25s}footer{padding:clamp(100px,14vw,200px) var(--dui-gutter) 40px}.cta{letter-spacing:-.04em;text-transform:uppercase;font-size:clamp(56px,11vw,170px);font-weight:800;line-height:.92;text-decoration:none;display:block}.cta .ghost{letter-spacing:-.02em;font-weight:300;transition:font-weight .35s}.cta:hover .ghost{font-weight:800}.cta-cmd{font-family:var(--mono);color:var(--ink-60);margin-top:34px;font-size:13px}.cta-cmd button{font-family:var(--mono);color:var(--ink);border-bottom:1px solid var(--ink);min-height:32px;padding-bottom:2px;font-size:13px}.cta-cmd .ok{color:var(--spot)}.foot-row{border-top:1px solid var(--rule);font-family:var(--mono);color:var(--ink-60);flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:clamp(60px,8vw,110px);padding-top:22px;font-size:11px;display:flex}.foot-row a{color:inherit;text-decoration:none}.foot-row a:hover{color:var(--ink)}.meta-line{font-family:var(--mono);color:var(--ink-38);margin-top:14px;font-size:10.5px}.meta-line .ok{color:var(--spot)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}.line>span,.fade,.json-wall .jl{opacity:1!important;transform:none!important}.comp{opacity:1!important}#veil{display:none}}