:root{--os-desk:#cdc8bc;--os-desk-ink:#3a362f;--os-chrome:#e4e0d6;--os-paper:#f6f3ec;--os-ink:#1c1a17;--os-soft:#55504a;--os-muted:#6f6a60;--os-line:#8a8478;--os-signal:#a63a0c;--os-note:#f2d35c}
body.lab:has(.lab-theme-os){background:var(--os-desk)}body.lab:has(.lab-os[data-os=desktop]){overflow:hidden}.lab-theme-os{--lab-ground:var(--os-chrome);--lab-text:var(--os-ink);--lab-menu-line:var(--os-ink);--fg:var(--os-ink);--fg-muted:var(--os-soft);--hairline-firm:var(--os-ink);--os-dock-h:54px;--os-mono:var(--font-lab-mono);--os-dots:radial-gradient(circle at 1px 1px, var(--os-ink) .85px, transparent 1.15px) 0 0 / 4px 4px;min-height:100svh;color:var(--os-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--os-desk-ink) 32%, transparent) .8px, transparent 1.2px) 0 0 / 6px 6px, var(--os-desk)}.lab-theme-os .lab-bar{border-bottom-color:var(--os-ink)}.lab-theme-os .lab-bar__tag{color:var(--os-soft);font-family:var(--os-mono)}.lab-theme-os .lab-views ul{border:1px solid var(--os-ink);box-shadow:4px 4px 0 var(--os-ink);border-radius:6px}.lab-theme-os :focus-visible{outline:2px solid var(--os-signal);outline-offset:2px}.lab-theme-os .os-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.os-wallpaper{z-index:0;width:100%;height:100%;image-rendering:pixelated;opacity:0;pointer-events:none;position:fixed;inset:0}.os-wallpaper[data-ready]{opacity:1}.lab-os{z-index:1;max-width:940px;padding:calc(var(--os-bar,57px) + 28px) 16px 72px;gap:32px;margin-inline:auto;display:grid;position:relative}.os-icons ul{flex-wrap:wrap;gap:4px;display:flex}.os-icon{border-radius:6px;flex-direction:column;align-items:center;gap:6px;width:96px;padding:8px 4px;text-decoration:none;display:flex}.os-icon__img{width:48px;height:48px;color:var(--os-ink);filter:drop-shadow(1px 0 0 var(--os-paper)) drop-shadow(-1px 0 0 var(--os-paper)) drop-shadow(0 1px 0 var(--os-paper)) drop-shadow(0 -1px 0 var(--os-paper))}.os-icon__label{background:var(--os-paper);font:500 .75rem/1.3 var(--os-mono);text-align:center;border-radius:3px;padding:2px 6px}.os-icon:hover .os-icon__label,.os-icon:focus-visible .os-icon__label{background:var(--os-ink);color:var(--os-paper)}.os-icon:focus-visible{outline-offset:0}.os-win{--os-pad:clamp(20px, 4.2cqi, 36px);border:1px solid var(--os-ink);background:var(--os-paper);min-width:0;box-shadow:4px 4px 0 var(--os-ink);border-radius:7px;flex-direction:column;display:flex;overflow:clip;container-type:inline-size}.os-win:focus-visible{outline:3px solid var(--os-signal);outline-offset:3px}.os-win__bar{border-bottom:1px solid var(--os-ink);background:var(--os-dots), var(--os-chrome);-webkit-user-select:none;user-select:none;flex:none;align-items:center;height:36px;padding:0 6px 0 8px;display:flex}.os-win__glyph,.os-win__name{background:var(--os-chrome)}.os-win__glyph{width:26px;height:22px;color:var(--os-ink);flex:none;padding:1px 3px}.os-win__name{font:500 .75rem/1.4 var(--os-mono);letter-spacing:.12em;text-transform:uppercase;padding:2px 10px 2px 4px}.os-win__controls{background:var(--os-chrome);gap:5px;margin-inline-start:auto;padding-inline-start:6px;display:none}.os-ctl{border:1px solid var(--os-ink);background:var(--os-paper);width:28px;height:24px;color:var(--os-ink);border-radius:4px;place-items:center;display:grid}@media (hover:hover){.os-ctl:hover{background:var(--os-ink);color:var(--os-paper)}}.os-ctl:active{transform:translate(1px,1px)}.os-ctl i{width:10px;height:10px;display:block}.os-ctl [data-glyph=min]{border-bottom:2px solid}.os-ctl [data-glyph=max]{border:1.5px solid;border-top-width:3px}.os-ctl [data-glyph=close]{background:linear-gradient(45deg,#0000 42%,currentColor 42% 58%,#0000 58%),linear-gradient(-45deg,#0000 42%,currentColor 42% 58%,#0000 58%)}.os-win__body{min-height:0;padding:var(--os-pad);scrollbar-color:var(--os-ink) var(--os-chrome);flex:auto}.os-win__status{border-top:1px solid var(--os-ink);background:var(--os-chrome);min-height:34px;color:var(--os-soft);font:500 .75rem/1.4 var(--os-mono);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:4px 16px;padding:6px 12px;display:flex}.os-win__status--desk{display:none}.lab-os[data-os=desktop] .os-win__status--desk{display:flex}.os-win__status [data-selected]{color:var(--os-ink)}.os-status-link{color:var(--os-ink);text-underline-offset:.2em;margin-block:-4px;padding-block:4px;display:inline-block}.os-hint--touch{display:none}.os-label{font:500 .75rem/1.4 var(--os-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--os-soft)}.os-label--signal{color:var(--os-signal)}.os-display{letter-spacing:-.045em;text-wrap:balance;max-width:13ch;margin-block:14px 20px;font-size:clamp(2.25rem,8cqi,4.75rem);font-weight:650;line-height:.96}.os-display em,.os-h2 em,.os-quote em{font-family:var(--font-display-italic);letter-spacing:-.02em;color:var(--os-signal);font-style:italic;font-weight:400}.os-lead{max-width:50ch;color:var(--os-soft);font-size:clamp(1rem,.9rem + .6cqi,1.1875rem);line-height:1.55}.os-h2{letter-spacing:-.035em;text-wrap:balance;max-width:22ch;margin-block:8px 22px;font-size:clamp(1.625rem,5.2cqi,2.5rem);font-weight:650;line-height:1.02}.os-h3{letter-spacing:-.01em;font-size:1.125rem;font-weight:650;line-height:1.25}.os-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.os-button{border:1px solid var(--os-ink);background:var(--os-paper);min-height:44px;box-shadow:3px 3px 0 var(--os-ink);color:var(--os-ink);border-radius:6px;align-items:center;padding:0 18px;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.os-button[data-variant=primary]{background:var(--os-signal);color:var(--os-paper)}@media (hover:hover){.os-button:hover{background:var(--os-ink);color:var(--os-paper)}}.os-button:active{box-shadow:none;transform:translate(3px,3px)}.os-button[aria-disabled=true]{opacity:.45;cursor:default;pointer-events:none}.os-win--welcome .os-win__body{padding-block:calc(var(--os-pad) * 1.15)}.os-apps{grid-template-columns:repeat(auto-fill,minmax(min(100%,205px),1fr));gap:6px;display:grid}.os-app{border:1px solid #0000;border-radius:6px;grid-template:"icon title""icon price""promise promise"1fr"meta meta"/50px 1fr;column-gap:12px;height:100%;padding:12px;text-decoration:none;display:grid}.os-app:hover,.os-app:focus-visible{border-color:var(--os-ink);background:var(--os-chrome)}.os-app:focus-visible{outline-offset:-1px}.os-app__icon{width:50px;height:50px;color:var(--os-ink);grid-area:icon}.os-app__title{grid-area:title;align-self:end;font-weight:650;line-height:1.2}.os-app:hover .os-app__title,.os-app:focus-visible .os-app__title{background:var(--os-ink);box-shadow:0 0 0 2px var(--os-ink);color:var(--os-paper);justify-self:start}.os-app__price{font:500 .8125rem/1.5 var(--os-mono);color:var(--os-signal);grid-area:price}.os-app__promise{color:var(--os-soft);grid-area:promise;margin-top:10px;font-size:.875rem;line-height:1.45}.os-app__meta{font:500 .6875rem/1.4 var(--os-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--os-soft);grid-area:meta;margin-top:8px}.os-steps{border-top:1px solid var(--os-ink)}.os-steps__item{border-bottom:1px solid var(--os-line);grid-template-columns:48px 1fr;gap:12px;padding-block:16px;display:grid}.os-steps__n{font:500 .875rem/1.6 var(--os-mono);color:var(--os-signal)}.os-steps__item p:last-child{color:var(--os-soft);margin-top:4px}.os-wizard{border:1px solid var(--os-ink);border-radius:6px;grid-template-columns:minmax(170px,36%) 1fr;min-height:330px;display:grid;overflow:clip}.os-wizard__side{border-inline-end:1px solid var(--os-ink);background:var(--os-chrome);flex-direction:column;display:flex}.os-wizard__banner{border-bottom:1px solid var(--os-ink);background:var(--os-paper);height:112px;color:var(--os-ink)}.os-wizard__banner svg{width:100%;height:100%;display:block}.os-wizard__rail{gap:2px;padding:8px;display:grid}.os-wizard__jump{text-align:start;border-radius:4px;align-items:flex-start;gap:9px;width:100%;min-height:32px;padding:6px 8px;font-size:.875rem;line-height:1.3;display:flex}.os-wizard__jump:hover{background:var(--os-paper)}.os-wizard__jump[aria-current=step]{background:var(--os-ink);color:var(--os-paper)}.os-wizard__tick{border:1.5px solid;border-radius:50%;flex:none;width:12px;height:12px;margin-top:2px}.os-wizard__jump[data-done] .os-wizard__tick{background:currentColor}.os-wizard__jump[aria-current=step] .os-wizard__tick{background:radial-gradient(circle,currentColor 0 2.5px,#0000 3px)}.os-wizard__page{flex-direction:column;gap:10px;padding:20px 24px;display:flex}.os-wizard__meter{border:1px solid var(--os-ink);border-radius:3px;height:14px;padding:2px}.os-wizard__meter span{background:repeating-linear-gradient(90deg, var(--os-ink) 0 9px, transparent 9px 12px);height:100%;transition:width .35s steps(6,end);display:block}.os-wizard__step{margin-top:12px}.os-wizard__n{font:500 3rem/1 var(--os-mono);letter-spacing:-.04em;color:var(--os-soft);display:block}.os-wizard__title{margin-block:10px 4px;font-size:1.5rem}.os-wizard__body{max-width:44ch;color:var(--os-soft);margin-top:10px}.os-wizard__nav{justify-content:flex-end;gap:12px;margin-top:auto;padding-top:18px;display:flex}@container not (min-width:560px){.os-wizard{grid-template-columns:1fr}.os-wizard__side{border-inline-end:0;border-bottom:1px solid var(--os-ink)}.os-wizard__banner{display:none}.os-wizard__page{padding:18px}}.os-prefs{border:1px solid var(--os-ink);border-radius:6px;display:grid;overflow:clip}.os-pref{border-bottom:1px solid var(--os-line);grid-template-columns:22px 1fr;gap:14px;padding:14px 16px;display:grid}.os-pref:last-child{border-bottom:0}@container (min-width:680px){.os-prefs{grid-template-columns:1fr 1fr}.os-pref:nth-child(odd){border-inline-end:1px solid var(--os-line)}.os-pref:nth-last-child(2):nth-child(odd){border-bottom:0}}.os-check{appearance:none;border:1.5px solid var(--os-ink);background:var(--os-ink);opacity:1;border-radius:4px;place-content:center;width:24px;height:24px;margin:0;display:grid}.os-check:before{content:"";border-bottom:2.5px solid var(--os-paper);border-left:2.5px solid var(--os-paper);width:10px;height:5px;transform:translateY(-1px)rotate(-45deg)}.os-pref__title{font-weight:650;line-height:1.3;display:block}.os-pref__body{color:var(--os-soft);margin-top:3px;font-size:.9375rem;line-height:1.5}.os-lock{align-items:center;gap:8px;display:inline-flex}.os-lock i{background:currentColor;border-radius:1px;width:10px;height:8px;margin-top:5px;position:relative}.os-lock i:before{content:"";border:1.5px solid;border-bottom:0;border-radius:4px 4px 0 0;height:7px;position:absolute;inset:-6px 2px auto}.os-win--note{background:var(--os-note);border-radius:2px;justify-self:start;width:100%;max-width:380px;rotate:-1.2deg}.os-win--note .os-win__bar{background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--os-ink) 45%, transparent) .8px, transparent 1.1px) 0 0 / 4px 4px, var(--os-note);border-bottom-style:dashed;height:30px}.os-win--note :is(.os-win__glyph,.os-win__name,.os-win__controls){background:var(--os-note)}.os-win--note .os-ctl{background:var(--os-note);width:24px;height:20px}@media (hover:hover){.os-win--note .os-ctl:hover{background:var(--os-ink)}}.os-quote blockquote p{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:pretty;font-size:1.375rem;line-height:1.25}.os-quote em{color:inherit}.os-quote figcaption{font:500 .75rem/1.45 var(--os-mono);color:var(--os-soft);margin-top:16px}.os-win--compose .os-win__body{padding:0}.os-fields div{padding:10px var(--os-pad);border-bottom:1px solid var(--os-line);align-items:baseline;gap:12px;display:flex}.os-fields dt{width:64px;font:500 .75rem/1.4 var(--os-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--os-soft);flex:none}.os-fields dd{overflow-wrap:anywhere;min-width:0;margin:0}.os-fields a{color:var(--os-signal);text-underline-offset:.2em;font-weight:600}.os-compose{padding:var(--os-pad)}.os-compose .os-h2{margin-top:0}.os-compose__body{max-width:46ch;color:var(--os-soft)}.lab-theme-os .lab-enquiry{--lab-form-line:var(--os-soft);--lab-form-field:var(--os-paper);--lab-form-accent:var(--os-signal);--lab-form-on-accent:var(--os-paper);--lab-form-radius:4px;margin-top:20px}.lab-theme-os .lab-enquiry :is(.c-input,.c-select,.c-textarea){box-shadow:inset 2px 2px 0 var(--os-chrome)}.lab-theme-os .lab-enquiry :is(.c-input,.c-textarea)::placeholder{color:var(--os-muted);opacity:1}.lab-theme-os .lab-enquiry .c-btn{border:1px solid var(--os-ink);min-height:44px;box-shadow:3px 3px 0 var(--os-ink);border-radius:6px}@media (hover:hover){.lab-theme-os .lab-enquiry .c-btn:hover{background:var(--os-ink)}}.lab-theme-os .lab-enquiry .c-btn:active{box-shadow:none;transform:translate(3px,3px)}.lab-os[data-os=desktop] .os-win--compose{max-height:max(240px, calc(100% - var(--y,0px) - 14px))}.os-signature{border-top:1px dashed var(--os-line);font:500 .75rem/1.5 var(--os-mono);color:var(--os-soft);margin-top:28px;padding-top:12px}.lab-os[data-os=desktop]{inset:var(--os-bar,57px) 0 var(--os-dock-h) 0;inset:var(--os-bar,57px) 0 calc(var(--os-dock-h) + env(safe-area-inset-bottom)) 0;isolation:isolate;max-width:none;margin:0;padding:0;display:block;position:fixed;overflow:hidden}.lab-os[data-os=desktop] .os-icons{width:100px;position:absolute;inset-block-start:12px;inset-inline-start:8px}.lab-os[data-os=desktop] .os-icons ul{flex-direction:column;gap:6px}.lab-os[data-os=desktop] .os-win{z-index:var(--z);width:var(--w);height:var(--h);max-width:none;max-height:calc(100% - 28px);box-shadow:3px 3px 0 var(--os-ink);position:absolute;inset-block-start:var(--y);inset-inline-start:var(--x)}.lab-os[data-os=desktop] .os-win[data-active]{box-shadow:7px 7px 0 var(--os-ink)}.lab-os[data-os=desktop] .os-win:not([data-active]) .os-win__bar{background:var(--os-chrome);color:var(--os-soft)}.lab-os[data-os=desktop] .os-win--note:not([data-active]) .os-win__bar{background:var(--os-note)}.lab-os[data-os=desktop] .os-win:is([data-state=min],[data-state=closed]){display:none}.lab-os[data-os=desktop] .os-win[data-max]{width:calc(100% - 12px);height:calc(100% - 12px);inset-block-start:6px;inset-inline-start:6px}.lab-os[data-os=desktop] .os-win__bar{cursor:grab;touch-action:none}.lab-os[data-os=desktop] .os-win[data-dragging] .os-win__bar{cursor:grabbing}.lab-os[data-os=desktop] .os-win[data-max] .os-win__bar{cursor:default}.lab-os[data-os=desktop] .os-win__controls{display:flex}.lab-os[data-os=desktop] .os-win__body{overscroll-behavior:contain;overflow:auto}.lab-os[data-os=desktop] .os-win--note{rotate:-1.6deg}.lab-os[data-os=desktop] .os-win--note .os-win__body{flex:none}.lab-os[data-os=desktop] .os-win--note[data-dragging]{rotate:none}[data-motion=full] .lab-os[data-os=desktop] .os-win--note{transition:rotate .2s}.os-dock{z-index:4;height:var(--os-dock-h);height:calc(var(--os-dock-h) + env(safe-area-inset-bottom));padding:0 12px;padding:0 max(12px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(12px, env(safe-area-inset-left));border-top:1px solid var(--os-ink);background:var(--os-chrome);font:500 .75rem/1.2 var(--os-mono);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:14px;display:flex;position:fixed;inset:auto 0 0}.os-dock__system{border-inline-end:1px solid var(--os-line);white-space:nowrap;flex:none;align-items:center;gap:8px;padding-inline-end:14px;display:flex}.os-dock__mark{width:24px;height:24px}.os-dock__nav{flex:0 auto;min-width:0}.os-dock__nav ul{gap:6px;min-width:0;display:flex}.os-dock__nav li{flex:0 auto;min-width:0}.os-dock__button>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.os-dock__button{border:1px solid var(--os-ink);background:var(--os-paper);max-width:100%;height:36px;box-shadow:2px 2px 0 var(--os-ink);white-space:nowrap;border-radius:6px;align-items:center;gap:7px;padding:0 11px 0 7px;display:flex}.lab-theme-os .os-dock__button{font:inherit;letter-spacing:inherit;text-transform:inherit}.os-dock__button[data-front]{background:var(--os-ink);box-shadow:none;color:var(--os-paper);transform:translate(2px,2px)}.os-dock__button[aria-pressed=false]{background:var(--os-chrome);box-shadow:none;color:var(--os-soft);border-style:dashed}@media (hover:hover){.os-dock__button:hover{background:var(--os-ink);color:var(--os-paper)}}.os-dock__icon{flex:none;width:20px;height:20px}.os-dock__clock{border-inline-start:1px solid var(--os-line);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;margin-inline-start:auto;padding-inline-start:14px}@media not (min-width:1180px){.os-dock__system span{display:none}}.os-boot{display:none}[data-os-boot] .os-boot{z-index:20;background:var(--os-dots), var(--os-desk);place-items:center;animation:.25s ease-in 1.25s both os-boot-out;display:grid;position:fixed;inset:0}.os-boot__inner{border:1px solid var(--os-ink);background:var(--os-paper);width:min(360px,100vw - 32px);box-shadow:7px 7px 0 var(--os-ink);border-radius:7px;justify-items:center;gap:14px;padding:36px 28px 28px;display:grid}.os-boot__mark{width:64px;height:64px}.os-boot__name{font:500 .875rem/1 var(--os-mono);letter-spacing:.24em;text-transform:uppercase}.os-boot__bar{border:1px solid var(--os-ink);border-radius:3px;width:100%;height:16px;padding:2px}.os-boot__bar span{background:repeating-linear-gradient(90deg, var(--os-ink) 0 10px, transparent 10px 13px);height:100%;animation:1.15s steps(12,end) both os-boot-fill;display:block}.os-boot__line,.os-boot__skip{font:500 .6875rem/1.4 var(--os-mono);letter-spacing:.04em;color:var(--os-soft);text-align:center}@keyframes os-boot-fill{0%{width:0}to{width:100%}}@keyframes os-boot-out{to{opacity:0;visibility:hidden}}html:has(.lab-theme-os)::view-transition-group(os-morph){animation-duration:.28s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}html:has(.lab-theme-os)::view-transition-old(os-morph){object-fit:fill;height:100%}html:has(.lab-theme-os)::view-transition-new(os-morph){object-fit:fill;height:100%}html:has(.lab-theme-os)::view-transition-old(root){animation:none}html:has(.lab-theme-os)::view-transition-new(root){animation:none}[data-motion=reduced] .lab-theme-os *,[data-motion=reduced] .lab-theme-os :before{transition:none;animation:none}@media (prefers-reduced-motion:reduce){.lab-theme-os *,.lab-theme-os :before{transition:none;animation:none}}@media not (min-height:860px){.lab-os[data-os=desktop] .os-icons ul{gap:0}.lab-os[data-os=desktop] .os-icon{gap:3px;padding-block:5px}.lab-os[data-os=desktop] .os-icon__img{width:40px;height:40px}}@media (pointer:coarse){.lab-os[data-os=desktop] .os-win__bar{height:46px}.lab-os[data-os=desktop] .os-win__controls{gap:6px}.lab-os[data-os=desktop] .os-ctl,.lab-os[data-os=desktop] .os-win--note .os-ctl{width:40px;height:36px}.lab-os[data-os=desktop] .os-win--note .os-win__bar{height:42px}.lab-theme-os{--os-dock-h:60px}.os-dock__button{height:44px}.os-hint--keys{display:none}.os-hint--touch{display:inline}}@media (orientation:landscape) and (not (min-height:560px)){.lab-os:not([data-os=desktop]){padding-top:calc(var(--os-bar,57px) + 12px);gap:20px}.lab-os:not([data-os=desktop]) .os-icons ul{flex-wrap:nowrap;justify-content:space-between}.lab-os:not([data-os=desktop]) .os-icon{flex-direction:row;gap:6px;width:auto;max-width:100%;min-height:44px;padding:4px}.lab-os:not([data-os=desktop]) .os-icon__img{flex:none;width:28px;height:28px}.lab-os:not([data-os=desktop]) .os-icons li{flex:0 auto;min-width:0}.lab-os:not([data-os=desktop]) .os-icon__label{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;text-align:start;min-width:0}}