.brief-card{--brief-aro:0 0 0 1px #16151412, inset 0 0 0 2px #ffffffe6, inset 0 0 0 3px #1615140a;--brief-well:#f6f5f2;--brief-well-hover:#efeee9;--brief-gap:.75rem;--brief-out:cubic-bezier(.23, 1, .32, 1);--brief-io:cubic-bezier(.77, 0, .175, 1);--brief-settle:cubic-bezier(.22, 1, .36, 1);box-shadow:var(--brief-aro);background:#fff;border-radius:1.25rem}.brief-sentence{--brief-t:clamp(.9375rem, .55rem + 2.34cqi, 1.3125rem);--brief-c:clamp(.875rem, .61rem + 1.78cqi, 1.1875rem);--brief-h:clamp(2.125rem, 1.76rem + 2.29cqi, 2.5rem);align-items:center;gap:var(--brief-gap);font-size:var(--brief-t);line-height:var(--brief-h);letter-spacing:-.014em;flex-wrap:wrap;display:flex}.brief-words{overflow-wrap:anywhere;min-width:0}.brief-words [data-when]:not([data-on]){display:none}.brief-last{align-items:center;gap:.15em;max-width:100%;display:inline-flex}.brief-last>.brief-menu{min-width:0}.brief-text{max-width:100%;min-height:var(--brief-h);border-radius:calc(var(--brief-h) / 2);background:var(--brief-well);box-shadow:var(--brief-aro);font-size:var(--brief-c);cursor:text;transition:box-shadow 80ms var(--brief-out);grid-template-columns:minmax(0,auto);align-items:center;line-height:1.25;display:inline-grid;position:relative}.brief-mirror,.brief-input{grid-area:1/1;min-width:0;padding:0 .85em 0 1.45em}.brief-mirror{white-space:pre;visibility:hidden;font-weight:500;overflow:hidden}.brief-mirror-hint{font-weight:400}.brief-input{border-radius:inherit;width:100%;color:var(--color-ink,#161514);font:inherit;letter-spacing:inherit;text-overflow:ellipsis;caret-color:var(--color-ink,#161514);background:0 0;border:0;outline:none;align-self:stretch;margin:0;font-weight:500}.brief-input::placeholder{color:var(--color-ink-soft,#5c5a56);opacity:1;font-weight:400;transition:color 80ms}.brief-input:focus::placeholder{color:#716e69}.brief-text:has(.brief-input:focus-visible){outline:2px solid var(--color-brand-ink,#b83a00);outline-offset:3px}.brief-bar{pointer-events:none;background:#1615148c;border-radius:1px;width:2px;height:.95em;margin-top:-.475em;position:absolute;top:50%;left:.8em}.brief-text:has(.brief-input:focus:placeholder-shown) .brief-bar{animation:brief-blink 1.6s var(--brief-io) 3}.brief-input:focus:placeholder-shown{caret-color:#0000}@keyframes brief-blink{0%,42%{opacity:1}58%{opacity:.12}to{opacity:1}}.brief-text[data-invalid]{box-shadow:inset 0 0 0 1.5px var(--color-brand-ink,#b83a00)}.brief-text[data-invalid] .brief-input::placeholder{color:var(--color-brand-ink,#b83a00)}.brief-text[data-invalid] .brief-bar{background:var(--color-brand-ink,#b83a00)}.brief-menu{max-width:100%;display:inline-flex;position:relative}.brief-trigger{--ground:var(--brief-well);max-width:100%;min-height:var(--brief-h);border-radius:calc(var(--brief-h) / 2);background:var(--brief-well);box-shadow:var(--brief-aro);color:var(--color-ink,#161514);font-size:var(--brief-c);letter-spacing:-.014em;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .12s var(--brief-out);align-items:center;gap:.55em;padding:.2em .75em .2em .85em;font-weight:500;line-height:1.15;display:inline-flex}.brief-trigger[aria-expanded=true]{--ground:var(--brief-well-hover);background:var(--brief-well-hover)}.brief-faces{min-width:0;display:inline-grid}.brief-face{white-space:nowrap;grid-area:1/1;align-items:center;gap:.55em;min-width:0;display:inline-flex}.brief-face:not([data-current]){visibility:hidden}.brief-icon{flex:none;width:.8em;height:.8em}.brief-bolt{color:var(--color-brand,#ff5600)}.brief-chevron{color:#16151499;flex:none;width:.74em;height:.74em;margin-left:auto;transition:rotate .15s}.brief-trigger[aria-expanded=true] .brief-chevron{rotate:180deg}.brief-day-value{font-variant-numeric:tabular-nums;white-space:nowrap}.brief-pop{z-index:30;min-width:100%;box-shadow:var(--brief-aro), 0 18px 40px -12px #16151452;letter-spacing:normal;opacity:0;transform-origin:0 0;pointer-events:none;transition:opacity .12s var(--brief-out), transform .12s var(--brief-settle), display .12s allow-discrete;background:#fff;border-radius:1.125rem;font-size:1rem;line-height:1.5;display:none;position:absolute;top:calc(100% + .5rem);left:0;transform:translateY(-2px)scale(.99)}.brief-pop[data-open]{opacity:1;pointer-events:auto;transition:opacity .15s var(--brief-out), transform .25s var(--brief-settle), display 0s allow-discrete;display:block;transform:none}@starting-style{.brief-pop[data-open]{opacity:0;transform:translateY(-5px)scale(.98)}}.brief-pop[data-align=end]{transform-origin:100% 0;left:auto;right:0}.brief-list{flex-direction:column;margin:0;padding:.375rem;list-style:none;display:flex}.brief-option{--ground:#fff;color:var(--color-ink-soft,#5c5a56);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:.625rem;padding:.625rem .875rem;font-size:1.0625rem;display:flex}.brief-option[aria-selected=true],.brief-option[data-active]{color:var(--color-ink,#161514)}.brief-option[data-active]{--ground:var(--brief-well-hover);background:var(--brief-well-hover)}.brief-menu:has(.brief-trigger:focus-visible) .brief-option[data-active]{outline:2px solid var(--color-brand-ink,#b83a00);outline-offset:-2px}.brief-option-icon{width:1rem;color:var(--color-ink,#161514);flex:none;place-items:center;display:grid}.brief-check-mark{width:.875rem;height:.875rem;color:var(--color-ink,#161514);visibility:hidden;flex:none;margin-left:auto}.brief-option[aria-selected=true] .brief-check-mark{visibility:visible}.brief-cal{width:19rem;padding:.375rem .5rem .5rem}.brief-cal-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.brief-cal-title{letter-spacing:-.01em;margin:0;font-size:.875rem;font-weight:550}.brief-cal-nav{width:2rem;height:2rem;color:var(--color-ink-soft,#5c5a56);cursor:pointer;border-radius:.5rem;place-items:center;transition:background-color 80ms,color 80ms;display:grid}.brief-cal-nav[aria-disabled=true]{cursor:default;opacity:.3}.brief-cal-nav svg{width:.875rem;height:.875rem}.brief-cal-grid{border-collapse:collapse;table-layout:fixed;width:100%;margin-top:.25rem}.brief-cal-grid th{height:1.75rem;color:var(--color-ink-soft,#5c5a56);padding:0;font-size:.75rem;font-weight:450}.brief-cal-grid td{text-align:center;padding:.125rem 0}.brief-day{aspect-ratio:1;width:min(2.25rem,100%);color:var(--color-ink,#161514);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:999px;place-items:center;font-size:.875rem;line-height:1;transition:background-color 80ms,box-shadow 80ms;display:inline-grid;position:relative}.brief-day:focus-visible{outline-offset:1px}.brief-day[aria-disabled=true]{color:#16151452;cursor:default}.brief-day[aria-pressed=true]{background:var(--color-ink,#161514);color:#fff}.brief-day-bolt{width:.55rem;height:.55rem;color:var(--color-brand,#ff5600);position:absolute;top:.12rem;right:.12rem}.brief-cal-foot{border-top:1px solid #16151412;flex-direction:column;gap:.25rem;margin-top:.375rem;padding:.5rem .375rem .125rem;font-size:.8125rem;line-height:1.35;display:flex}.brief-cal-foot p{align-items:center;gap:.375rem;margin:0;display:flex}.brief-cal-foot .brief-icon{width:.875rem;height:.875rem}.brief-cal-fast{color:var(--color-brand-ink,#b83a00)}.brief-cal-min{color:var(--color-ink-soft,#5c5a56)}.brief-fold{max-width:100%;transition:grid-template-columns .25s var(--brief-settle), margin .25s var(--brief-settle), opacity .15s var(--brief-out);grid-template-columns:minmax(0,1fr);display:grid}.brief-fold-inner{min-width:0;transition:overflow 0s .25s allow-discrete;display:flex;overflow:visible}.brief-fold[data-folded]{opacity:0;grid-template-columns:minmax(0,0fr);margin-inline-start:calc(-1 * var(--brief-gap))}.brief-fold[data-folded] .brief-fold-inner{transition-delay:0s;overflow:hidden}.brief-fast,.brief-speed{color:var(--color-brand-ink,#b83a00);font-style:italic}.brief-speed{display:inline-block;position:relative}.brief-speed[data-play]{animation:.16s linear 28 brief-shake}.brief-speed-ink{position:relative}.brief-speed[data-play] .brief-speed-ink{background:linear-gradient(100deg,#b83a00 0%,#c44100 24%,#b83a00 50%,#8a2c00 76%,#b83a00 100%) 0 0/300% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-inline:-.15em;padding-inline:.15em;animation:1.1s linear 4 brief-flow}.brief-speed-ghost{color:var(--color-brand,#ff5600);white-space:nowrap;opacity:.5;filter:url(#brief-smear);transform-origin:100%;pointer-events:none;display:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 70%);mask-image:linear-gradient(90deg,#0000,#000 70%)}.brief-speed-ghost:before{content:attr(data-text)}.brief-speed[data-play] .brief-speed-ghost{animation:.42s ease-in-out 10 alternate brief-smear,4.5s linear forwards brief-ghost;display:block}.brief-speed-wind{pointer-events:none;display:none;position:absolute;inset:-.12em -.7em -.12em -1.7em;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 22% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 22% 82%,#0000)}.brief-speed[data-play] .brief-speed-wind{display:block}.brief-speed-wind i{top:var(--y);width:var(--w);background:linear-gradient(90deg, transparent, var(--color-brand,#ff5600) 35%, var(--color-brand,#ff5600) 80%, transparent);opacity:.75;height:max(1.5px,.03em);animation:brief-wind var(--lap) linear var(--at) var(--laps);border-radius:999px;position:absolute;left:100%}.brief-speed-wind .brief-cut{background:var(--ground,#fff);opacity:.9;height:max(1px,.034em)}@keyframes brief-shake{25%{translate:.012em -.006em}75%{translate:-.012em .006em}}@keyframes brief-smear{0%{transform:translate(-.2em)scaleX(1.06)}to{transform:translate(-.34em)scaleX(1.16)}}@keyframes brief-ghost{90%{opacity:.5}to{opacity:0}}@keyframes brief-flow{to{background-position:150% 0}}@keyframes brief-wind{0%{left:100%}to{left:-60%}}.brief-area{background:var(--brief-well);width:100%;box-shadow:var(--brief-aro);color:var(--color-ink,#161514);font:inherit;resize:none;border:0;border-radius:1.25rem;margin-top:2rem;padding:1rem;font-size:1rem;line-height:1.5;display:block}.brief-area::placeholder{color:var(--color-ink-soft,#5c5a56);opacity:1}.brief-confirm{width:fit-content;max-width:100%;color:var(--color-ink-soft,#5c5a56);cursor:pointer;align-items:center;gap:.75rem;margin-top:1.5rem;font-size:1rem;line-height:1.5;display:flex}.brief-box{flex:none;place-items:center;width:1.5rem;height:1.5rem;display:grid;position:relative}.brief-box input{background:var(--brief-well);cursor:pointer;appearance:none;transition:background-color .15s var(--brief-out), box-shadow .15s var(--brief-out);border-radius:999px;margin:0;position:absolute;inset:0;box-shadow:inset 0 0 0 1.5px #16151480}.brief-box input:checked{background:var(--color-brand,#ff5600);box-shadow:0 0 0 1px #cc4600e6,inset 0 0 0 1px #ffffff3d,0 0 0 4px #ff560024}.brief-box-mark{color:#fff;opacity:0;filter:blur(4px);pointer-events:none;width:.875rem;height:.875rem;transition:opacity .2s cubic-bezier(.2,0,0,1),scale .2s cubic-bezier(.2,0,0,1),filter .2s cubic-bezier(.2,0,0,1);position:relative;scale:.25}.brief-box input:checked+.brief-box-mark{opacity:1;filter:blur();scale:1}.brief-mail-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.brief-mail{background:var(--brief-well);min-width:0;min-height:3.25rem;box-shadow:var(--brief-aro);cursor:text;border-radius:999px;flex:16.25rem;align-items:center;gap:.75rem;padding:0 1.25rem;font-size:1rem;line-height:1.5;display:flex}.brief-mail label{color:var(--color-ink-soft,#5c5a56);cursor:text;flex:none}.brief-mail input{min-width:0;color:var(--color-ink,#161514);font:inherit;text-overflow:ellipsis;caret-color:var(--color-ink,#161514);background:0 0;border:0;outline:none;flex:1;align-self:stretch;margin:0;padding:0}.brief-mail:has(input:focus-visible){outline:2px solid var(--color-brand-ink,#b83a00);outline-offset:3px}.brief-mail[data-invalid]{box-shadow:inset 0 0 0 1.5px var(--color-brand-ink,#b83a00)}.brief-mail[data-invalid] label{color:var(--color-brand-ink,#b83a00)}.brief-keys{flex:none;align-items:center;gap:.25rem;display:none}@media (hover:hover) and (pointer:fine){.brief-keys{opacity:0;transition:opacity .15s;display:flex}.brief-mail:focus-within .brief-keys{opacity:1}}.brief-key{font-size:.6875rem}.brief-key-face{min-width:1.7em;padding:.3em .45em;font-weight:550;line-height:1}.brief-key svg{width:1em;height:1em}.brief-send{background:var(--color-brand,#ff5600);max-width:100%;min-height:3.25rem;color:var(--color-ink,#161514);letter-spacing:-.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s var(--brief-out), scale .12s var(--brief-out);border-radius:999px;flex:none;justify-content:center;align-items:center;gap:.625rem;padding:.5rem 1.5rem;font-size:1rem;font-weight:550;line-height:1.25;display:inline-flex;box-shadow:0 0 0 1px #cc4600e6,inset 0 0 0 1px #ffffff3d,0 0 0 4px #ff560024}.brief-send:focus-visible{outline-color:var(--color-ink,#161514)}.brief-send:active{scale:.97}.brief-send[data-state=sending]{background:color-mix(in srgb, var(--color-brand,#ff5600) 70%, #fff);cursor:progress}.brief-send[data-state=sent]{cursor:default}.brief-send-labels{text-align:center;display:grid}.brief-send-labels>span{transition:opacity .15s var(--brief-out), filter .15s var(--brief-out);grid-area:1/1}.brief-send-labels>[data-on=false]{opacity:0;filter:blur(3px)}.brief-send-icon{flex:none;width:1rem;height:1rem;display:grid}.brief-send-icon>svg{grid-area:1/1;width:100%;height:100%;transition:opacity .2s cubic-bezier(.2,0,0,1),scale .2s cubic-bezier(.2,0,0,1),filter .2s cubic-bezier(.2,0,0,1)}.brief-send-icon>[data-on=false]{opacity:0;filter:blur(4px);scale:.25}.brief-note{color:var(--color-brand-ink,#b83a00);animation:brief-rise .25s var(--brief-out);gap:.5rem;margin-top:1rem;font-size:.9375rem;font-weight:500;line-height:1.45;display:flex}.brief-note+.brief-note{margin-top:.375rem}.brief-note-icon{flex:none;width:1rem;height:1rem;margin-top:.15em}@keyframes brief-rise{0%{opacity:0;transform:translateY(5px)}}.brief-native,.brief-native-caret{display:none}.brief-native{max-width:100%;min-height:var(--brief-h);border-radius:calc(var(--brief-h) / 2);background:var(--brief-well);box-shadow:var(--brief-aro);color:var(--color-ink,#161514);font:inherit;font-size:var(--brief-c);letter-spacing:-.014em;cursor:pointer;appearance:none;border:0;padding:0 2em 0 .85em;font-weight:500}input[type=date].brief-native{padding-right:.85em}.brief-native[aria-invalid=true],.brief-trigger[data-invalid]{box-shadow:inset 0 0 0 1.5px var(--color-brand-ink,#b83a00)}.brief-native-caret{color:#16151499;width:.74em;height:.74em;font-size:var(--brief-c);pointer-events:none;margin-top:-.37em;position:absolute;top:50%;right:.75em}.brief-mosaic{display:block;position:relative}.brief-mosaic-probe{display:inline-block}.brief-mosaic-canvas{pointer-events:none;display:none;position:absolute}.brief-mosaic[data-ready] .brief-mosaic-canvas{display:block}.brief-mosaic[data-ready] .brief-mosaic-text{opacity:0}.brief-halftone{pointer-events:none;position:absolute}.brief-halftone~*{position:relative}@media (scripting:none){.brief-trigger,.brief-pop,.brief-keys{display:none}.brief-native,.brief-native-caret{display:block}.brief-form [data-when]{display:none}:is(.brief-form:has(select[name=service] option[value=suivi]:checked) [data-when=suivi],.brief-form:not(:has(select[name=service] option[value=suivi]:checked)) [data-when=other]){display:inline}:is(.brief-form:has(select[name=service] option[value=design]:checked) [data-fold~=design],.brief-form:has(select[name=service] option[value=suivi]:checked) [data-fold~=suivi]){display:none}}@container not (min-width:34rem){.brief-sentence{--brief-gap:.5rem;row-gap:0}.brief-sentence>*+*{margin-top:var(--brief-gap)}.brief-text,.brief-menu,.brief-fold,.brief-last,.brief-trigger,.brief-native{width:100%}.brief-last>.brief-menu{flex:1}.brief-face,.brief-option{white-space:normal;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.brief-pop,.brief-pop[data-align=end]{left:0;right:0}.brief-cal,.brief-cal[data-align=end]{transform-origin:top;width:min(19rem,100vw - 1rem);min-width:100%;left:50%;right:auto;translate:-50%}.brief-fold{grid-template-rows:minmax(0,1fr);transition-property:grid-template-rows,margin,opacity}.brief-fold-inner{min-height:0}.brief-fold[data-folded]{margin-inline-start:0;grid-template-rows:minmax(0,0fr);margin-top:0}.brief-mail{flex-basis:100%}.brief-keys{display:none}}@media (hover:hover) and (pointer:fine){.brief-trigger:hover{--ground:var(--brief-well-hover);background:var(--brief-well-hover)}.brief-cal-nav:not([aria-disabled=true]):hover{background:var(--brief-well);color:var(--color-ink,#161514)}.brief-day:not([aria-disabled=true],[aria-pressed=true]):hover{box-shadow:inset 0 0 0 1.5px #16151447}.brief-send:not([aria-disabled]):hover{background:#f24f00}}@media (prefers-reduced-motion:reduce){.brief-pop,.brief-pop[data-open]{transform:none}@starting-style{.brief-pop[data-open]{transform:none}}.brief-fold,.brief-fold[data-folded]{transition-property:opacity}.brief-chevron{transition:none}.brief-send:active,.brief-send-icon>[data-on=false],.brief-box-mark{scale:none}.brief-note{animation-name:brief-fade}.brief-speed[data-play],.brief-speed[data-play] .brief-speed-ink{animation:none}.brief-text:has(.brief-input:focus:placeholder-shown) .brief-bar{animation:none}.brief-speed[data-play] .brief-speed-ink{-webkit-text-fill-color:currentColor;background:0 0}.brief-speed[data-play] :is(.brief-speed-ghost,.brief-speed-wind){display:none}}@keyframes brief-fade{0%{opacity:0}}@media (prefers-contrast:more){.brief-card{--brief-aro:0 0 0 1px #16151499, inset 0 0 0 2px #ffffffe6}.brief-input:focus::placeholder{color:var(--color-ink-soft,#5c5a56)}.brief-chevron,.brief-native-caret{color:var(--color-ink,#161514)}.brief-day[aria-disabled=true]{color:#1615148c}.brief-halftone{display:none}}@media (forced-colors:active){.brief-text,.brief-trigger,.brief-area,.brief-mail,.brief-native,.brief-send,.brief-box input{border:1px solid buttontext}.brief-text[data-invalid],.brief-mail[data-invalid],.brief-trigger[data-invalid],.brief-native[aria-invalid=true]{border-width:3px}.brief-chevron,.brief-check-mark,.brief-native-caret{color:inherit}.brief-pop{border:1px solid canvastext}.brief-option[data-active],.brief-day[aria-pressed=true],.brief-box input:checked{color:highlighttext;forced-color-adjust:none;background:highlight}.brief-box input:checked+.brief-box-mark,.brief-option[data-active] *,.brief-day[aria-pressed=true] *{color:highlighttext}.brief-day[aria-disabled=true]{color:graytext}.brief-speed[data-play] .brief-speed-ink{-webkit-text-fill-color:currentColor;background:0 0}.brief-speed-ghost,.brief-speed-wind{display:none!important}.brief-mosaic[data-ready] .brief-mosaic-canvas{display:none}.brief-mosaic[data-ready] .brief-mosaic-text{opacity:1}.brief-halftone{display:none}}
.fmt-stage{margin-top:2.5rem;position:relative}.fmt-fan{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:.875rem;margin-inline:-1rem;padding:.5rem 1rem 3.5rem;scroll-padding-inline:1rem;display:flex;overflow-x:auto}.fmt-fan::-webkit-scrollbar{display:none}.fmt-fan:focus-visible{outline-offset:-3px}.fmt-item{--delay:calc(var(--i) * 60ms);scroll-snap-align:start;width:220px;height:300px;transition:transform .7s var(--ease-out,cubic-bezier(.23, 1, .32, 1)) var(--delay), opacity .7s var(--ease-out,cubic-bezier(.23, 1, .32, 1)) var(--delay);flex:none;font-size:14.6667px;position:relative}.fmt-lift{height:100%;position:relative}.fmt-lift-shadow{opacity:0;border-radius:1.5rem;position:absolute;inset:0;box-shadow:0 48px 72px -36px #1615148c}.fmt-poster{isolation:isolate;border-radius:1.5rem;height:100%;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #16151473}.fmt-caption{z-index:1;position:absolute;bottom:1.2em;left:1.25em;right:1.25em}.fmt-title{letter-spacing:-.035em;word-spacing:.06em;font-size:1.375em;font-weight:600;line-height:1.05}.fmt-purpose{text-wrap:pretty;margin-top:.4em;font-size:max(.75rem,.875em);font-weight:500;line-height:1.3}.fmt-art{position:absolute;overflow:hidden}.fmt-dots{background-image:radial-gradient(circle,#ffffff4d 0 1.9px,#0000 2.5px);background-size:7px 7px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 45%,#000 97%);mask-image:linear-gradient(90deg,#0000 45%,#000 97%)}.fmt-vitrine{color:#fff;background:radial-gradient(120% 70% at 12% 0,#ff8a4ce6,#ff8a4c00 70%),linear-gradient(#ff5600 28%,#b03700 90%)}.fmt-v-bar{height:1.7em}.fmt-v-paper{background:#f2f1ed;width:7em;top:2.2em;left:1.25em}.fmt-v-ink{background:linear-gradient(90deg,#4a4744 0%,#161514 38%);width:11.8em;top:3.9em;left:3.2em}.fmt-v-indigo{background:linear-gradient(90deg,#4b3bff 55%,#8f84ff);width:7.4em;top:5.6em;left:0}.fmt-v-stripes{background:repeating-linear-gradient(90deg,#4b3bff 0 .2em,#0000 .2em .4em);width:1.7em;height:1.7em;top:2.2em;left:8.25em}.fmt-v-checker{grid-template-columns:repeat(3,.5em);display:grid;top:7.3em;left:7.4em}.fmt-v-checker span{width:.5em;height:.5em}.fmt-v-checker span:nth-child(odd){background:#161514}.fmt-landing{color:#f2f1ed;background:#161514}.fmt-glow{background:radial-gradient(closest-side,#ff560061,#ff560000);width:18em;height:18em;top:-3em;left:0;overflow:visible}.fmt-sphere{background:radial-gradient(circle at 28% 26%,#ffb38a 0%,#ffb38a00 42%),radial-gradient(circle at 82% 76%,#9b8cff 0%,#9b8cff00 56%),radial-gradient(circle at 88% 26%,#f8a8c8 0%,#f8a8c800 46%),radial-gradient(circle at 22% 88%,#f8a8c8 0%,#f8a8c800 38%),#ff5600;border-radius:50%;width:14em;height:14em;top:-2.6em;left:1.25em;box-shadow:inset -1.4em -1.8em 3.2em #16151452}.fmt-shop{color:#2f22c9;background:linear-gradient(#e5e1ff 0%,#dcd7ff 55%,#d3cdff 100%)}.fmt-s-checker{grid-template-columns:repeat(4,.55em);display:grid;top:1.1em;left:1.1em}.fmt-s-checker span{width:.55em;height:.55em}.fmt-s-checker span:is(:nth-child(8n+1),:nth-child(8n+3),:nth-child(8n+6),:nth-child(8n+8)){background:#4b3bff}.fmt-s-dots{background-image:radial-gradient(circle,#4b3bff6b 0 1.3px,#0000 1.8px);background-size:7px 7px;width:75%;height:65%;bottom:0;right:0;-webkit-mask-image:radial-gradient(100% 100% at 100% 100%,#000 15%,#0000 75%);mask-image:radial-gradient(100% 100% at 100% 100%,#000 15%,#0000 75%)}.fmt-s-key{position:absolute;top:3.5em;left:2.9em;rotate:-8deg}.fmt-s-key>.key{font-size:4.75em;box-shadow:0 .05em #1615141a,0 .55em .9em -.35em #2f22c973}.fmt-folio{color:#161514;background:#e7e5df}.fmt-f-bars{justify-items:start;display:grid;position:absolute;top:2.2em;left:0}.fmt-f-bars>span{height:1.7em;position:relative;overflow:hidden}.fmt-f-bars>span:first-child{background:linear-gradient(90deg,#dcd7ff,#f8a8c8);width:6em}.fmt-f-bars>span:nth-child(2){background:linear-gradient(90deg,#f8a8c8,#ff8a5c);width:8.5em}.fmt-f-bars>span:nth-child(3){background:linear-gradient(90deg,#ff8a5c,#ff5600);width:11em}.fmt-f-bars>span:nth-child(4){background:linear-gradient(90deg,#ff5600,#4b3bff);width:13.5em}.fmt-app{color:#b83a00;background:linear-gradient(#ffd1b6 0%,#ffd9c4 45%,#ffe7da 100%)}.fmt-pill{border-radius:999px;height:2.4em}.fmt-p-toggle{background:linear-gradient(90deg,#4b3bff,#9b8cff);width:9em;top:2.2em;left:1.25em}.fmt-p-toggle:after{content:"";background:#fdfcfa;border-radius:50%;width:1.8em;height:1.8em;position:absolute;top:.3em;right:.3em;box-shadow:0 .2em .5em #2f22c959}.fmt-p-check{background:linear-gradient(90deg,#ff5600,#ff8a5c 50%,#f8a8c8);width:10.6em;top:5em;left:3.4em}.fmt-p-check-dot{color:#4b3bff;background:#fdfcfa;border-radius:50%;place-items:center;width:1.8em;height:1.8em;display:grid;position:absolute;top:.3em;left:.3em}.fmt-p-soft{background:linear-gradient(90deg,#9b8cff,#dcd7ff);width:7.4em;top:7.8em;left:.7em}.fmt-bubble{display:none}.fmt-label{white-space:nowrap;border-radius:999px;padding:.53em .93em .6em;font-size:max(.8125rem,.9375em);font-weight:550;line-height:1;display:block;position:relative}.fmt-label:after{content:"";background:inherit;width:.75rem;height:.5rem;position:absolute;bottom:-.34rem}.fmt-vous .fmt-label{color:#fff;background:#4b3bff;box-shadow:0 14px 24px -14px #2f22c9e6}.fmt-vous .fmt-label:after{clip-path:polygon(0 0,100% 0,100% 100%);right:.95rem}.fmt-studio .fmt-label{color:#161514;background:#ff5600;box-shadow:0 14px 24px -14px #b83a00e6}.fmt-studio .fmt-label:after{clip-path:polygon(0 0,100% 0,0 100%);left:.95rem}@media (min-width:768px){.fmt-stage{height:27.5em;margin-top:3rem;font-size:12.5px}.fmt-fan{height:100%;margin:0;padding:0;display:block;overflow:visible}.fmt-caption{width:6.75em;right:auto}.fmt-title{white-space:nowrap;font-size:1.0625em}.fmt-purpose{text-wrap:balance}.fmt-item:last-child .fmt-caption{width:auto;right:1.25em}.fmt-item{--delay:calc(var(--d) * 60ms);width:15em;height:20em;font-size:inherit;transform:translateX(var(--x)) translateY(var(--y)) rotate(var(--r)) scale(1);transition:transform .9s var(--ease-back,cubic-bezier(.34, 1.56, .64, 1)) var(--delay), opacity .2s var(--ease-out,cubic-bezier(.23, 1, .32, 1)) var(--delay);margin-left:-7.5em;position:absolute;top:3.5em;left:50%}.fmt-bubble{z-index:20;transition:transform .6s var(--ease-back,cubic-bezier(.34, 1.56, .64, 1)) var(--delay), opacity .25s var(--ease-out,cubic-bezier(.23, 1, .32, 1)) var(--delay);display:block;position:absolute}.fmt-vous{--delay:.64s;transform-origin:85% 120%;top:2em;right:calc(50% + 19.75em)}.fmt-studio{--delay:.76s;transform-origin:15% 120%;top:1.75em;left:calc(50% + 18.75em)}}@media (min-width:1024px){.fmt-stage{font-size:16px}.fmt-title{font-size:1.125em}}@media (hover:hover) and (pointer:fine) and (min-width:768px){.fmt-item{z-index:0;transition:transform .9s var(--ease-back,cubic-bezier(.34, 1.56, .64, 1)) var(--delay), opacity .2s var(--ease-out,cubic-bezier(.23, 1, .32, 1)) var(--delay), z-index 0s linear .4s}.fmt-item:hover{z-index:10;transition-delay:var(--delay), var(--delay), 0s}.fmt-fan:has(.fmt-item:hover) .fmt-item:not(:hover){transition-property:transform,opacity}.fmt-lift{transition:transform .4s var(--ease-out,cubic-bezier(.23, 1, .32, 1))}.fmt-item:hover .fmt-lift{transform:translateY(-1.125em) rotate(calc(var(--r) * -.4))}.fmt-lift-shadow{transition:opacity .4s var(--ease-out,cubic-bezier(.23, 1, .32, 1))}.fmt-item:hover .fmt-lift-shadow{opacity:1}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.fmt-stage:not([data-open]) .fmt-item{opacity:0;transform:translateY(1.5em)}.fmt-stage:not([data-open]) .fmt-bubble{opacity:0;transform:translateY(.4rem)scale(.6)}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference) and (min-width:768px){.fmt-stage:not([data-open]) .fmt-item{transform:translate(0%)translateY(0)rotate(0)scale(.92)}}@media (prefers-reduced-motion:reduce){.fmt-item,.fmt-bubble,.fmt-lift,.fmt-lift-shadow{transition:none}.fmt-item:hover .fmt-lift{transform:none}}
.hero-lockup{--f:min(7.5rem, 10.2vw, calc((100cqw - 3.25rem) / 7.8), max(1.9rem, calc((100svh - 22rem) / 4.3)));--io:cubic-bezier(.77, 0, .175, 1);--out:cubic-bezier(.23, 1, .32, 1);--back:cubic-bezier(.34, 1.56, .64, 1);width:8.9em;height:4.25em;font-size:var(--f);-webkit-user-select:none;user-select:none;line-height:1;display:block;position:relative}.hero-lockup>*{display:block;position:absolute}.hero-bar{--dur:.6s;--ease:var(--io);height:1.2em}.hero-wipe{animation:hero-wipe var(--dur) var(--ease) var(--at) backwards;transition:transform .5s var(--out);position:absolute;inset:0;overflow:hidden}.hero-fill{animation:hero-unwipe var(--dur) var(--ease) var(--at) backwards;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.hero-deco{--at:.1s;--dur:.45s;width:3em;height:.62em;top:0;left:0}.hero-deco .hero-fill{background:linear-gradient(90deg,#ffc4a3,#ff7d3d)}.hero-stripes{--at:.45s;--dur:.3s;--ease:steps(5, jump-end);width:.62em;height:.62em;top:0;left:3em}.hero-stripes .hero-fill{background:#4b3bff;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 .07em,#0000 .07em .14em);mask-image:repeating-linear-gradient(90deg,#000 0 .07em,#0000 .07em .14em)}.hero-bar-a{--at:.25s;width:6.4em;top:.62em;left:0}.hero-bar-a .hero-fill{background:linear-gradient(90deg,#ff9a63 0%,#ff6a1f 9%,#f25000 17%,#f04e00 100%);padding-left:1.1em}.hero-bar-b{--at:1.05s;--dur:.5s;width:6.6em;top:1.82em;left:2em}.hero-bar-b .hero-fill{background:linear-gradient(90deg,#4b3bff 55%,#8f84ff);padding-left:.42em}.hero-bar-c{--at:1.85s;width:7.3em;top:3.02em;left:.5em}.hero-bar-c .hero-fill{background:linear-gradient(90deg,#4a4744 0%,#161514 38%);padding-left:.42em}.hero-text{letter-spacing:-.035em;color:#fff;white-space:pre;font-size:.78em;font-weight:500;position:relative}.hero-char{animation:hero-type 1ms linear var(--d) backwards}.hero-px{top:calc(var(--r) * var(--cell));left:calc(var(--c) * var(--cell));width:var(--cell);height:var(--cell);background-color:var(--tone);background-image:var(--noise);background-position:calc(var(--c) * -37px) calc(var(--r) * -53px);background-blend-mode:soft-light;animation:hero-pop .28s var(--back) var(--d) backwards;background-size:64px 64px;position:absolute}.hero-checker-indigo{--cell:.155em;--tone:#4b3bff;top:.38em;left:6.15em}.hero-checker-ink{--cell:.155em;--tone:#161514;top:2.72em;left:8.2em}.hero-heart{--cell:.09em;--tone:#ff5600;top:2.32em;left:.85em}.hero-square{--cell:.6em;--tone:#4b3bff;top:3.62em;left:7.8em}.hero-cursor{--size:1.375rem;z-index:1;pointer-events:none;animation:hero-cursor-path 2.9s var(--io) backwards, hero-cursor-drift .8s ease-in-out 2.9s 2 alternate;top:0;left:0;translate:5.9em 3.42em}@media (min-width:48rem){.hero-cursor{--size:1.5rem}}.hero-arrow{top:calc(var(--size) * -.1433);left:calc(var(--size) * -.1433);width:var(--size);height:var(--size);color:#ff5600;filter:drop-shadow(1.25px 0 #fff)drop-shadow(-1.25px 0 #fff)drop-shadow(0 1.25px #fff)drop-shadow(0 -1.25px #fff)drop-shadow(0 2px 3px #1615144d);position:absolute}.hero-label{top:calc(var(--size) * .8);left:calc(var(--size) * .62);color:#161514;letter-spacing:-.01em;white-space:nowrap;background:#ff5600;border-radius:999px;padding:.3rem .55rem .32rem;font-size:.875rem;font-weight:600;line-height:1;position:absolute;box-shadow:0 0 0 1.25px #fff,0 4px 10px -4px #16151473}.hero-label-design{opacity:0;animation:hero-label-out .18s var(--out) .95s backwards}.hero-label-code{opacity:0;animation:1.88s linear backwards hero-label-code}.hero-label-prod{animation:hero-label-in .18s var(--out) 1.7s backwards}@media not (min-width:54rem){.hero-label-code{right:min(calc(var(--size) * .1), calc(2 * var(--f) - 2.35rem));z-index:-1;left:auto}}.hero-pill{position:relative}.hero-pill-fx{--pill-at:.15s;--pill-turn:1.6s;border-radius:inherit;pointer-events:none;position:absolute;inset:0;container-type:size}.hero-pill-ring,.hero-pill-halo{border-radius:inherit;position:absolute;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.hero-pill-ring{padding:1px;inset:-1px}.hero-pill-halo{padding:24px;inset:-24px}.hero-pill-spot{--delay:calc(var(--pill-at) + var(--lag,0s));width:var(--size);height:var(--size);margin:calc(var(--size) / -2) 0 0 calc(var(--size) / -2);opacity:0;animation:hero-pill-x var(--pill-turn) linear var(--delay) 2 backwards, hero-pill-y var(--pill-turn) linear var(--delay) 2 backwards, hero-pill-spot calc(2 * var(--pill-turn)) linear var(--delay) backwards;border-radius:50%;position:absolute;top:50%;left:50%}.hero-pill-ring .hero-pill-spot:first-child{--lag:.15s;--size:2.75rem;background:radial-gradient(closest-side,#ffd9c4d9,#0000)}.hero-pill-ring .hero-pill-spot:nth-child(2){--lag:75ms;--size:2.25rem;background:radial-gradient(closest-side,#ff9a63 20%,#0000)}.hero-pill-ring .hero-pill-spot:nth-child(3){--size:1.75rem;background:radial-gradient(closest-side,#ff5600 40%,#0000)}.hero-pill-halo .hero-pill-spot:first-child{--lag:.11s;--size:3.5rem;background:radial-gradient(closest-side,#ffd9c466,#0000)}.hero-pill-halo .hero-pill-spot:nth-child(2){--lag:20ms;--size:3rem;background:radial-gradient(closest-side,#ff56004d,#ffd9c433 55%,#0000)}.hero-pill-fx:after{content:"";border-radius:inherit;animation:.9s ease-in-out 2.6s backwards hero-pill-rest;position:absolute;inset:0;box-shadow:0 0 0 1px #ff560066,0 0 12px #ff560038}@keyframes hero-wipe{0%{translate:-100%}}@keyframes hero-unwipe{0%{translate:calc(100% + 2px)}}@keyframes hero-type{0%{opacity:0}}@keyframes hero-pop{0%{transform:scale(0)}}@keyframes hero-cursor-path{0%,3.448%{opacity:0;translate:-.4em 1.7em}8.621%{opacity:1;translate:.05em 1.3em}29.31%{translate:6.4em 1.3em}36.21%{translate:2em 2.5em}53.45%{translate:8.6em 2.5em}63.79%{translate:.5em 3.7em}84.48%{translate:7.8em 3.7em}to{translate:5.9em 3.42em}}@keyframes hero-cursor-drift{to{transform:translate(.06em,-.08em)}}@keyframes hero-label-in{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:none}}@keyframes hero-label-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-.35rem)}}@keyframes hero-label-code{0%,50.53%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1);transform:translateY(.35rem)}60.11%,90.43%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1);transform:none}to{opacity:0;transform:translateY(-.35rem)}}@keyframes hero-pill-x{0%{translate:calc(50cqh - 50cqw)}35.41%{animation-timing-function:cubic-bezier(.61,1,.88,1);translate:calc(50cqw - 50cqh)}42.71%{animation-timing-function:cubic-bezier(.12,0,.39,0);translate:50cqw}50%{translate:calc(50cqw - 50cqh)}85.41%{animation-timing-function:cubic-bezier(.61,1,.88,1);translate:calc(50cqh - 50cqw)}92.71%{animation-timing-function:cubic-bezier(.12,0,.39,0);translate:-50cqw}to{translate:calc(50cqh - 50cqw)}}@keyframes hero-pill-y{0%,35.41%{animation-timing-function:cubic-bezier(.37,0,.63,1);transform:translateY(-50cqh)}50%,85.41%{animation-timing-function:cubic-bezier(.37,0,.63,1);transform:translateY(50cqh)}to{transform:translateY(-50cqh)}}@keyframes hero-pill-spot{0%{opacity:0}8%,78%{opacity:1}}@keyframes hero-pill-rest{0%{opacity:0}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.hero-bar:hover .hero-wipe{transform:translate(.12em)}}@media (prefers-reduced-motion:reduce){.hero-lockup,.hero-lockup *,.hero-pill-fx *,.hero-pill-fx:after{animation:none}.hero-wipe{transition:none}}@media (forced-colors:active){.hero-pill{outline:1px solid canvastext}.hero-pill-fx{display:none}}
.svc-design-panel{box-shadow:0 1px #2f22c90f,0 32px 64px -30px #2f22c980}.svc-specimen{contain:strict;letter-spacing:-.04em;width:1.6em;height:1em;animation:svc-weight 3.4s var(--ease-in-out,cubic-bezier(.77, 0, .175, 1)) paused;font-size:4.25rem;font-weight:640;line-height:1;display:block}.svc-design[data-state=play] .svc-specimen{animation-play-state:running}@keyframes svc-weight{0%{font-weight:200}70%{font-weight:800}to{font-weight:640}}.svc-sphere{aspect-ratio:1;border-radius:999px;width:min(100%,3.25rem);display:block;position:relative;overflow:hidden;box-shadow:inset 0 -.4rem .8rem #1615141f,0 .6rem 1rem -.6rem #16151466}.svc-sphere .grain{opacity:.75}.svc-sphere-orange{background:radial-gradient(70% 70% at 74% 82%,#f8a8c8 0%,#f8a8c800 100%),radial-gradient(110% 110% at 22% 14%,#ffb48c 0%,#ff7a33 34%,#ff5600 62%,#ef5a2c 100%)}.svc-sphere-indigo{background:radial-gradient(70% 70% at 76% 84%,#2f22c9 0%,#2f22c900 100%),radial-gradient(110% 110% at 22% 14%,#b4a9ff 0%,#7464ff 32%,#4b3bff 64%,#3d2ff0 100%)}.svc-sphere-ink{background:radial-gradient(70% 70% at 76% 84%,#0a0909 0%,#0a090900 100%),radial-gradient(110% 110% at 22% 14%,#6b6762 0%,#3a3734 34%,#161514 68%,#121110 100%)}.svc-sphere-paper{background:radial-gradient(70% 70% at 76% 84%,#dcd7ff 0%,#dcd7ff00 100%),radial-gradient(110% 110% at 22% 14%,#fff 0%,#f7f6f2 36%,#f2f1ed 64%,#e4e0d8 100%);box-shadow:inset 0 0 0 1px #16151414,inset 0 -.4rem .8rem #1615140f,0 .6rem 1rem -.6rem #16151452}.svc-motif{flex:none;width:1.75rem;height:1.75rem;display:block;position:relative;overflow:hidden}.svc-motif-orange{background:linear-gradient(90deg,#ffc4a3,#ff7d3d);width:7rem}.svc-motif-ink{background:linear-gradient(90deg,#4a4744 0%,#161514 38%);flex:0 9rem}.svc-motif-stripes{background:repeating-linear-gradient(90deg,#4b3bff 0 .2rem,#0000 .2rem .4rem)}.svc-motif-checker{background:repeating-conic-gradient(#4b3bff 0 25%, transparent 0 50%) 0 0 / .875rem .875rem}@media (prefers-reduced-motion:reduce){.svc-specimen{animation:none}}
.svc-dev-window{box-shadow:inset 0 1px #ffffff0d,0 40px 80px -30px #000000b3}.svc-code{font-variant-ligatures:none}.svc-code-text{vertical-align:top;display:inline-block}.svc-dev[data-state=idle] .svc-code-text{clip-path:inset(0 100% 0 0)}.svc-dev[data-state=play] .svc-code-text{animation:svc-type var(--dur) steps(var(--n), end) var(--d) backwards}@keyframes svc-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.svc-dev[data-state=idle] .svc-code-num{opacity:0}.svc-dev[data-state=play] .svc-code-num{animation:svc-appear 1ms linear var(--d) backwards}@keyframes svc-appear{0%{opacity:0}}.svc-caret{vertical-align:-.25em;opacity:0;background:#ff8a4c;width:2px;height:1.2em;margin-left:1px;display:inline-block}.svc-caret-last{opacity:1}.svc-dev[data-state=idle] .svc-caret{opacity:0}.svc-dev[data-state=play] .svc-caret{animation:svc-caret-move var(--dur) steps(var(--n), end) var(--d) backwards, svc-caret-on calc(var(--dur) + var(--pause)) linear var(--d)}.svc-dev[data-state=play] .svc-caret-last{animation:svc-caret-move var(--dur) steps(var(--n), end) var(--d) backwards, svc-caret-off var(--d) linear, svc-blink 1.1s steps(1, end) calc(var(--d) + var(--dur))}@keyframes svc-caret-move{0%{transform:translateX(calc(var(--n) * -1ch))}to{transform:translate(0)}}@keyframes svc-caret-on{0%,to{opacity:1}}@keyframes svc-caret-off{0%,to{opacity:0}}@keyframes svc-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.svc-code-text,.svc-code-num,.svc-caret{animation:none!important}}
.svc-motion-panel{box-shadow:0 1px #b83a000f,0 32px 64px -30px #b83a0073}.svc-loop{animation-duration:2.4s;animation-iteration-count:2.75;animation-play-state:paused;animation-delay:-2.2s}.svc-motion[data-state=play] .svc-loop{animation-play-state:running}.svc-dot-x,.svc-runner{animation-name:svc-move-x;animation-timing-function:linear;transform:translate(100%)}.svc-dot-y{animation-name:svc-move-y;animation-timing-function:var(--ease-out);transform:translateY(-100%)}.svc-runner.svc-runner-ease{animation-timing-function:var(--ease-out)}@keyframes svc-move-x{0%,8.333%{transform:translate(0)}75%,to{transform:translate(100%)}}@keyframes svc-move-y{0%,8.333%{transform:translateY(0)}75%,to{transform:translateY(-100%)}}.svc-fade{animation-name:svc-fade;animation-timing-function:linear}@keyframes svc-fade{0%{opacity:0}6%,93%{opacity:1}to{opacity:0}}.svc-dot{background:#ff5600;border-radius:999px;width:.75rem;height:.75rem;margin:0 0 -.375rem -.375rem;position:absolute;bottom:0;left:0;box-shadow:0 0 0 2.5px #fdfcfa,0 4px 10px -2px #ff560099}.svc-ball{border-radius:999px;width:1.5rem;height:1.5rem;position:absolute;top:0;left:0}.svc-ball-grey{background:radial-gradient(circle at 34% 28%,#d6d3cd,#a8a5a0 70%);box-shadow:0 3px 8px -3px #16151473}.svc-ball-orange{background:radial-gradient(circle at 34% 28%,#ffb38a,#ff5600 70%);box-shadow:0 4px 10px -3px #ff5600b3}@media (prefers-reduced-motion:reduce){.svc-loop{animation:none}}
.svc-sunset{border-radius:inherit;overflow:hidden;-webkit-mask-image:linear-gradient(120deg,#0000 34%,#000 80%);mask-image:linear-gradient(120deg,#0000 34%,#000 80%)}.svc-sunset-glow{background:radial-gradient(55% 70% at 86% 74%,#ff5600 0%,#ff560000 75%),radial-gradient(50% 60% at 58% 100%,#ff8a5c 0%,#ff8a5c00 80%),linear-gradient(205deg,#f8a8c8 6%,#ff9a72 48%,#ff6a1f 100%)}.svc-prod-panel{box-shadow:0 1px #b83a0014,0 32px 64px -28px #7824008c}.svc-prod[data-state=idle] :is(.svc-check,.svc-url){opacity:0}.svc-prod[data-state=idle] .svc-step-label{opacity:.45}.svc-prod[data-state=idle] .svc-fill{transform:scaleY(0)}.svc-fill{transform-origin:top}.svc-ping{opacity:0}.svc-prod[data-state=play] .svc-check{animation:svc-pop .45s var(--ease-back,cubic-bezier(.34, 1.56, .64, 1)) var(--at) both}.svc-prod[data-state=play] .svc-step-label{animation:svc-brighten .3s var(--ease-out) var(--at) both}.svc-prod[data-state=play] .svc-url{animation:svc-pop-url .5s var(--ease-back,cubic-bezier(.34, 1.56, .64, 1)) calc(var(--at) + 80ms) both}.svc-prod[data-state=play] .svc-ping{animation:svc-ping .9s var(--ease-out) calc(var(--at) + .25s) both}.svc-prod[data-state=play] .svc-fill{animation:svc-fill 1.9s var(--ease-in-out,cubic-bezier(.77, 0, .175, 1)) .45s both}@keyframes svc-pop{0%{opacity:0;transform:scale(.4)}}@keyframes svc-pop-url{0%{opacity:0;transform:scale(.85)}}@keyframes svc-brighten{0%{opacity:.45}}@keyframes svc-ping{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}@keyframes svc-fill{0%{transform:scaleY(0)}26.3%,36.8%{transform:scaleY(.3333)}63.2%,73.7%{transform:scaleY(.6667)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.svc-check,.svc-step-label,.svc-url,.svc-ping,.svc-fill{animation:none!important}}
.svc-suivi{--typing-at:1s;--answer-at:2.45s}.svc-client{transform-origin:0 100%;box-shadow:0 14px 28px -18px #9c1f5780}.svc-studio{transform-origin:100% 100%;box-shadow:0 14px 28px -16px #1615148c}.svc-typing{opacity:0;transform-origin:100% 100%}.svc-suivi[data-state=idle] :is(.svc-client,.svc-studio){opacity:0}.svc-suivi[data-state=play] .svc-client{animation:svc-bubble-in .55s var(--ease-back,cubic-bezier(.34, 1.56, .64, 1)) .2s both}.svc-suivi[data-state=play] .svc-typing{animation:svc-typing calc(var(--answer-at) - var(--typing-at)) linear var(--typing-at) both}.svc-suivi[data-state=play] .svc-typing-dot{animation:svc-typing-dot .64s var(--ease-in-out,cubic-bezier(.77, 0, .175, 1)) 2 both}.svc-suivi[data-state=play] .svc-studio{animation:svc-bubble-in .55s var(--ease-back,cubic-bezier(.34, 1.56, .64, 1)) var(--answer-at) both}@keyframes svc-bubble-in{0%{opacity:0;transform:translateY(10px)scale(.9)}}@keyframes svc-typing{0%{opacity:0;animation-timing-function:var(--ease-back,cubic-bezier(.34, 1.56, .64, 1));transform:scale(.6)}22%,88%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}@keyframes svc-typing-dot{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.svc-client,.svc-typing,.svc-typing-dot,.svc-studio{animation:none!important}}
.ftr-card{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;container:ftr-card/size}.ftr-card[data-hover]{cursor:grab}.ftr-card[data-drag]{cursor:grabbing}.ftr-pile{--u:min((100cqw + 100cqh) * .52, 160cqmin);position:absolute;inset:0}.ftr-sticker{--rot:var(--r);left:var(--x);top:var(--y);transform:translate(-50%, -50%) rotate(var(--rot));position:absolute}@container ftr-card not (min-aspect-ratio:1.25){.ftr-sticker{--rot:var(--nr);left:var(--nx);top:var(--ny)}}@container ftr-card not (min-aspect-ratio:.72){.ftr-sticker{--rot:var(--tr);left:var(--tx);top:var(--ty)}}.ftr-card:not([data-mode=physics]) .ftr-pile{--u:min((100cqw + 100cqh) * .52, 145cqmin)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.ftr-card:not([data-mode]) .ftr-sticker{opacity:0;animation:ftr-fallback .4s var(--ease-out,cubic-bezier(.23, 1, .32, 1)) 6s forwards}}@keyframes ftr-fallback{to{opacity:1}}.ftr-card[data-mode=physics] .ftr-sticker{transform-origin:0 0;visibility:hidden;top:0;left:0}.ftr-card[data-state=live] .ftr-sticker{visibility:visible;will-change:transform}.ftr-key{width:calc(var(--u) * var(--w));max-width:none;height:auto;filter:drop-shadow(0 calc(var(--u) * .012) calc(var(--u) * .014) #1615143d);-webkit-user-drag:none}.ftr-pill,.ftr-circle{isolation:isolate;background:var(--bg);color:var(--fg);box-shadow:0 .4em .9em -.4em rgb(var(--tint) / .55);border:max(2px,.13em) solid #fff;overflow:hidden}.ftr-pill{font-size:calc(var(--u) * .044);letter-spacing:-.02em;white-space:nowrap;border-radius:999px;align-items:center;gap:.4em;padding:.5em .95em .54em;font-weight:500;line-height:1;display:inline-flex}.ftr-circle{width:calc(var(--u) * .14);aspect-ratio:1;font-size:calc(var(--u) * .044);border-radius:50%;place-items:center;display:grid}.ftr-circle svg{width:44%;height:44%;position:relative}.ftr-lilac{--bg:#dcd7ff;--fg:#2f22c9;--tint:47 34 201}.ftr-indigo{--bg:#4b3bff;--fg:#fff;--tint:47 34 201}.ftr-brand{--bg:#ff5600;--fg:#161514;--tint:184 58 0}.ftr-peach{--bg:#ffd9c4;--fg:#161514;--tint:184 58 0}.ftr-ink{--bg:#161514;--fg:#f2f1ed;--tint:22 21 20}.ftr-rose{--bg:#f9d2e2;--fg:#9c1f57;--tint:156 31 87}.ftr-white{--bg:#fdfcfa;--fg:#161514;--tint:22 21 20}.ftr-dot{background:#12a150;border-radius:50%;width:.5em;height:.5em;position:relative;box-shadow:0 0 0 .18em #12a15033}.ftr-cursor{width:4.245em;height:2.91em;font-size:calc(var(--u) * .042)}.ftr-cursor-arrow{color:#ff5600;filter:drop-shadow(.08em 0 #fff)drop-shadow(-.08em 0 #fff)drop-shadow(0 .08em #fff)drop-shadow(0 -.08em #fff)drop-shadow(0 .1em .15em #1615144d);width:1.5em;height:1.5em;position:absolute;top:0;left:0}.ftr-cursor-label{color:#161514;letter-spacing:-.01em;background:#ff5600;border-radius:999px;place-items:center;width:3.5429em;height:1.7086em;font-size:.875em;font-weight:600;line-height:1;display:grid;position:absolute;top:1.6171em;left:1.3086em;box-shadow:0 0 0 max(1.25px,.07em) #fff,0 .25em .6em -.25em #16151473}
.kb{--kb-gutter:1rem;grid-template-columns:[page-start] var(--kb-gutter) [copy-start board-start] minmax(0, 1fr) [copy-end list-end] var(--kb-gutter) [page-end];padding-top:4rem;display:grid;overflow-x:clip}.kb-intro{grid-area:1/copy}.kb-hint{text-wrap:pretty;max-width:34ch;color:var(--color-ink-soft,#5c5a56);margin-top:.875rem;font-size:1.0625rem;line-height:1.5}.kb-panels{grid-area:2/copy;grid-template-columns:minmax(0,1fr);max-width:32rem;margin-top:1.5rem;display:grid}.kb-board{grid-area:3/board-start/auto/page-end;align-self:center;min-width:0;margin-top:.5rem;container-type:inline-size}@media (min-width:48rem){.kb{--kb-gutter:2rem;padding-top:6rem}}@media (min-width:64rem){.kb{--kb-gutter:max(2rem, (100% - 1400px) / 2 + 2rem);grid-template-columns:[page-start] var(--kb-gutter) [copy-start] minmax(0, clamp(26rem, 26rem + (100vw - 80rem) / 2, 34rem)) [copy-end] 4rem [board-start] minmax(0, 1fr) [list-end] var(--kb-gutter) [page-end];grid-template-rows:1fr auto auto 1fr}.kb-intro{grid-row:2}.kb-panels{grid-row:3;max-width:none;margin-top:2rem}.kb-board{grid-row:1/-1;margin-top:0}}.kb-frame{--kb-max:calc(min(43.1px + 1.945vw, 60px + .625vw, 72px) / var(--kb-unit));--kb-w:min(var(--kb-max), max(100cqw / (var(--kb-cut) - var(--kb-case)), min(var(--kb-min), (100cqw - 12px) / (var(--kb-reach) - var(--kb-case)))));--kb-px:calc(var(--kb-w) / var(--kb-full));--kb-travel:calc(12 * var(--kb-px));width:calc(var(--kb-w) * var(--kb-crop));margin-left:max(calc(100% - var(--kb-w) * var(--kb-cut)), calc(var(--kb-w) * var(--kb-case) * -1));pointer-events:none;position:relative}.kb-keys{position:absolute;inset:0}.kb-key{border-radius:calc(18 * var(--kb-px));pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:absolute}.kb-press{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;position:absolute}.kb-key:is([data-selected],:active) .kb-press{opacity:1}.kb-key:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.kb-key:is([data-selected],:active):after{translate:0 var(--kb-travel)}@media (hover:hover) and (pointer:fine){.kb-key:hover:after{box-shadow:0 0 0 2px #ffffffe6,0 0 0 3.5px #1615144d}}.kb-key:focus-visible{outline-offset:2px;outline:2px solid #0000}.kb-key:focus-visible:after{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--color-brand-ink,#b83a00)}.kb-panel{visibility:hidden;opacity:0;border-radius:1.5rem;grid-area:1/1;translate:0 .5rem}.kb-panel[data-selected]{visibility:visible;opacity:1;transition:opacity .22s var(--ease-out,cubic-bezier(.23, 1, .32, 1)), translate .22s var(--ease-out,cubic-bezier(.23, 1, .32, 1));translate:none}.kb-card{background:#fdfcfa;border-radius:1.5rem;align-content:start;gap:1.25rem;height:100%;padding:1.25rem;display:grid;box-shadow:0 0 0 1px #1615140f,0 0 0 .375rem #16151409,0 1.5rem 3rem -2rem #1615144d}.kb-card-top{flex-wrap:wrap;align-items:center;gap:.875rem;display:flex}.kb-card-key{flex:none;font-size:3rem}.kb-card-face{width:1em;height:1em}.kb-card-face svg{fill:currentColor;width:.46em;height:.46em}.kb-card-name{letter-spacing:-.03em;font-size:1.375rem;font-weight:600;line-height:1.1}.kb-card-where{color:var(--color-ink-soft,#5c5a56);align-items:center;gap:.4375rem;margin-top:.375rem;font-size:.875rem;font-weight:500;line-height:1.3;display:flex}.kb-card-where[data-site]:before{content:"";background:var(--color-live,#12a150);border-radius:50%;flex:none;width:.4375rem;height:.4375rem;box-shadow:0 0 0 3px #12a15029}.kb-steps{flex-wrap:wrap;gap:.375rem;display:flex}.kb-step{text-align:center;color:var(--color-ink-soft,#5c5a56);border-radius:999px;flex:1 0 auto;padding:.5rem .75rem;font-size:.8125rem;font-weight:550;line-height:1.2;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #1615141f}.kb-step[aria-current][data-step=design]{background:var(--color-brand,#ff5600);color:var(--color-ink,#161514);box-shadow:none}.kb-step[aria-current][data-step=dev]{background:var(--color-indigo,#4b3bff);color:#fff;box-shadow:none}.kb-step[aria-current][data-step=prod]{background:var(--color-ink,#161514);color:var(--color-paper,#f2f1ed);box-shadow:none}.kb-facts{gap:1rem;display:grid}.kb-facts dt{color:var(--color-ink-soft,#5c5a56);font-size:.8125rem;font-weight:600}.kb-facts dd{text-wrap:pretty;margin-top:.25rem;font-size:1rem;line-height:1.5}@media (min-width:40rem){.kb-card{border-radius:1.75rem;padding:1.5rem}.kb-panel{border-radius:1.75rem}}@media (scripting:none){.kb-hint,.kb-keys{display:none}.kb-board{grid-row:2}.kb-panels{grid-area:3/copy-start/auto/list-end;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:1.25rem;max-width:none;margin-top:2rem}.kb-panel{visibility:visible;opacity:1;grid-area:auto;translate:none}}@media (scripting:none) and (min-width:64rem){.kb{grid-template-rows:1fr auto 1fr auto}.kb-board{grid-row:1/4}.kb-panels{grid-row:4}}@media (prefers-reduced-motion:reduce){.kb-panel{translate:none}}@media (forced-colors:active){.kb-card{border:1px solid canvastext}.kb-key[data-selected]:after{border:2px solid highlight}.kb-key:focus-visible{outline-offset:4px;outline:3px solid canvastext}.kb-step{border:1px solid canvastext;padding:calc(.5rem - 1px) calc(.75rem - 1px)}.kb-step[aria-current][data-step]{forced-color-adjust:none;color:highlighttext;background:highlight}.kb-step[aria-current] .grain{display:none}}