/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-outline-style:solid}::backdrop{--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.resize{resize:both}.rounded{border-radius:.25rem}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:Timeless Sans;src:url(/fonts/timeless-sans-v1.93.7-vf.ttf)format("truetype");font-style:normal;font-weight:300 800;font-display:swap}:root{--paper:#f4f1e9;--ink:#222;--muted:#777773;--line:#c9c9c4;--lime:#c8ff3d;--violet:#7b45ff;--orange:#ff4f2e}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-variation-settings:"wght" 420, "STYL" 0;scroll-behavior:smooth;font-family:Timeless Sans,Arial,Helvetica,sans-serif;font-size:11px;line-height:1.45}body,p,h1,h2,figure{margin:0}img{display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-shell{text-transform:uppercase;flex-direction:column;width:min(100%,1440px);margin:0 auto;padding:18px;display:flex}.primary-color-section{order:1}.voice-section{order:2}.color-section{order:3}.treatments-section{order:4}.motion-section{order:5}.application-section{order:6}.footer{order:7}.topbar,.intro-row,.section-head{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;display:grid}.topbar{z-index:20;border-bottom:1px solid var(--line);background:var(--paper);align-items:center;min-height:40px;padding:7px 0 9px;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.topbar{background:color-mix(in srgb, var(--paper) 92%, transparent)}}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-name{grid-column:1/span 5;font-weight:700}.project-state{color:var(--muted);grid-column:6/span 3}.topbar,.intro-row,.section-head,.stage-meta,figcaption,.download-link,.type-meta,.size-cell>p,.voice-kicker,.browser-bar,.bill-study,.footer{font-family:var(--font-geist-mono), "SFMono-Regular", Menlo, monospace;font-variation-settings:normal}.mini-mark{object-fit:contain;grid-column:12;justify-self:end;width:30px;height:30px}.intro{align-items:center;min-height:80vh;padding:18vh 0 10vh;display:flex}.intro-list{width:100%}.intro-row{padding:12px 0}.intro-row span:first-child{grid-column:1/span 2}.intro-row span:last-child{grid-column:4/span 8}.study-section{padding:18px 0 90px}.section-head{margin-bottom:64px}.section-head>p:first-child{grid-column:1/span 2}.section-head h2{font-size:inherit;grid-column:4/span 5}.section-note{color:var(--muted);grid-column:10/span 3}.mark-system-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mark-system-panel{border:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:min(49vw,680px);padding:14px;display:flex;overflow:hidden}.mark-system-panel>img{width:38%;height:auto;margin:auto}.mark-system-panel figcaption{justify-content:space-between;display:flex}.mark-system-light{background:#fffdf2}.mark-system-dark{background:var(--ink);color:#aaa;border-color:#444}.mark-system-dark>img{filter:brightness(0)invert()}.flat-x-stage{background:var(--ink);color:#fff;border-radius:14px;flex-direction:column;justify-content:space-between;gap:48px;min-height:min(52vw,700px);margin-bottom:12px;padding:14px;display:flex;overflow:hidden}.flat-x-meta{color:#8f8f8f}.flat-x-lineup{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:clamp(0px,1vw,14px);padding:4vw 2vw 2vw;display:grid}.flat-x-figure{min-width:0}.flat-x{aspect-ratio:1;background:currentColor;width:65%;margin:0 auto 28px;-webkit-mask:url(/assets/flex-x.svg) 50%/contain no-repeat;mask:url(/assets/flex-x.svg) 50%/contain no-repeat}.flat-x-lime{color:var(--lime)}.flat-x-violet{color:var(--violet)}.flat-x-orange{color:var(--orange)}.flat-x-figure figcaption{color:#8f8f8f;justify-content:space-between;gap:12px;display:flex}.x-stage{background:var(--ink);color:#fff;border-radius:14px;flex-direction:column;justify-content:space-between;gap:60px;min-height:min(52vw,700px);padding:14px;display:flex;overflow:hidden}.x-stage-copy{color:#a6a6a6;justify-content:space-between;display:flex}.x-lineup{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:clamp(0px,1vw,14px);padding:4vw 2vw 2vw;display:grid}.x-figure{min-width:0}.x-figure img{aspect-ratio:1;object-fit:contain;width:118%;max-width:none;margin-left:-9%;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.x-figure:hover img{transform:rotate(6deg)scale(1.045)}.x-figure figcaption{color:#8f8f8f;justify-content:space-between;gap:12px;display:flex}.wordmark-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.wordmark-panel{border:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:min(49vw,680px);padding:14px;display:flex;overflow:hidden}.wordmark-panel>img{width:70%;height:auto;margin:auto}.wordmark-mask{aspect-ratio:1557.75/418.133;background:var(--lime);width:70%;margin:auto;-webkit-mask:url(/assets/flex-wordmark.svg) 50%/contain no-repeat;mask:url(/assets/flex-wordmark.svg) 50%/contain no-repeat}.wordmark-panel figcaption{justify-content:space-between;display:flex}.mono-light-panel,.wordmark-mask-white{background:#fffdf2}.lime-panel{background:var(--lime)}.dark-panel{background:var(--ink);color:#aaa;border-color:#444}.download-link{color:inherit;margin-top:12px;text-decoration:none;display:inline-block}.download-link:hover{text-decoration:underline}.color-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;min-height:min(34vw,470px);display:grid}.primary-color-grid{grid-template-columns:2fr 1fr 1fr;gap:12px;min-height:min(14vw,190px);display:grid}.primary-color-card{font-family:var(--font-geist-mono), "SFMono-Regular", Menlo, monospace;flex-direction:column;justify-content:space-between;padding:14px;display:flex}.primary-yellow{background:var(--lime)}.primary-paper{border:1px solid var(--line);background:#fffdf2}.primary-ink{background:var(--ink);color:#fffdf2}.color-card{border:1px solid;flex-direction:column;justify-content:space-between;min-height:0;padding:14px;display:flex}@supports (color:color-mix(in lab, red, red)){.color-card{border:1px solid color-mix(in srgb, currentColor 22%, transparent)}}.color-card.lime{background:var(--lime);grid-area:1/1/span 2/span 3}.color-card.neutral{background:#fffdf2;grid-area:1/4/auto/span 2}.color-card.ink{background:var(--ink);color:#fffdf2;grid-area:2/4/auto/span 2}.color-card.violet{background:var(--violet);grid-area:1/6}.color-card.orange{background:var(--orange);grid-area:2/6}.expression-subsection-first{margin-top:0}.treatment-gallery{scroll-snap-type:x mandatory;scrollbar-color:var(--ink) var(--line);grid-template-rows:repeat(2,auto);grid-auto-columns:clamp(220px,28vw,390px);grid-auto-flow:column;gap:12px;padding:0 0 10px;display:grid;overflow-x:auto}.treatment-tile{aspect-ratio:1;scroll-snap-align:start;background:#fffdf2;border:0;border-radius:14px;place-items:center;display:grid;position:relative;overflow:hidden}.treatment-meta{z-index:2;color:currentColor;font-family:var(--font-geist-mono), "SFMono-Regular", Menlo, monospace;justify-content:space-between;gap:10px;display:flex;position:absolute;top:12px;left:12px;right:12px}.treatment-mark{aspect-ratio:1;background:currentColor;width:42%;-webkit-mask:url(/assets/flex-x.svg) 50%/contain no-repeat;mask:url(/assets/flex-x.svg) 50%/contain no-repeat}.treatment-tile>img{object-fit:contain;width:76%;height:76%}.treatment-tile.ink-on-paper{color:var(--ink)}.treatment-tile.paper-on-ink,.treatment-tile.yellow-on-ink,.treatment-tile.material-dark,.treatment-tile.outline-ink{background:var(--ink);color:#fffdf2;border-color:#444}.treatment-tile.yellow-on-ink,.treatment-tile.yellow-on-paper{color:var(--lime)}.treatment-tile.violet-on-paper{color:var(--violet)}.treatment-tile.signal-on-paper{color:var(--orange)}.treatment-tile.flare-paper{color:var(--ink);background:radial-gradient(at 22% 18%,#c8ff3d94,#0000 42%),radial-gradient(at 88% 92%,#c8ff3d38,#0000 52%),#fffdf2}.treatment-tile.flare-paper:after{content:"";opacity:.13;pointer-events:none;mix-blend-mode:multiply;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.treatment-tile.vector-outline>img{width:42%;height:42%}.treatment-tile.outline-ink>img{filter:brightness(0)invert()}.gradient-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.gradient-card{isolation:isolate;color:#fffdf2;background-color:var(--ink);width:100%;min-height:min(43vw,600px);font:inherit;text-align:left;text-transform:inherit;cursor:pointer;border:0;border-radius:14px;flex-direction:column;justify-content:space-between;padding:14px;display:flex;position:relative;overflow:hidden}.gradient-card:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.gradient-card:after{content:"";z-index:-1;pointer-events:none;opacity:.18;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.gradient-card-meta,.gradient-card-caption{z-index:2;font-family:var(--font-geist-mono), "SFMono-Regular", Menlo, monospace;justify-content:space-between;gap:12px;display:flex;position:relative}.gradient-x{z-index:1;aspect-ratio:1;width:20%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask:url(/assets/flex-x.svg) 50%/contain no-repeat;mask:url(/assets/flex-x.svg) 50%/contain no-repeat}.gradient-x-paper{background:#fffdf2}.gradient-x-ink{background:var(--ink)}.gradient-x-acid{background:var(--lime)}.gradient-x-signal{background:var(--orange)}.gradient-x-electric{background:var(--violet)}.gradient-paper-acid,.gradient-paper-signal,.gradient-paper-electric,.gradient-inverse-acid,.gradient-inverse-signal,.gradient-inverse-electric{color:var(--ink)}.gradient-paper-acid{background-image:radial-gradient(ellipse 82% 62% at var(--gx1) var(--gy1), #c8ff3df5 0 24%, #c8ff3d8a 49%, transparent 76%), radial-gradient(ellipse 126% 98% at var(--gx2) var(--gy2), #c8ff3d 0 38%, #dfff87 64%, #fffdf2 94%)}.gradient-paper-signal{background-image:radial-gradient(ellipse 84% 64% at var(--gx1) var(--gy1), #ff4f2ef5 0 24%, #ff4f2e85 49%, transparent 76%), radial-gradient(ellipse 126% 98% at var(--gx2) var(--gy2), #ff4f2e 0 38%, #ff9b85 64%, #fffdf2 94%)}.gradient-paper-electric{background-image:radial-gradient(ellipse 84% 64% at var(--gx1) var(--gy1), #7b45fff5 0 24%, #7b45ff80 49%, transparent 76%), radial-gradient(ellipse 126% 98% at var(--gx2) var(--gy2), #7b45ff 0 38%, #aa8cff 64%, #fffdf2 94%)}.gradient-inverse-acid{background-color:#fffdf2;background-image:radial-gradient(ellipse 72% 54% at var(--gx1) var(--gy1), #c8ff3d47 0 14%, #c8ff3d1f 42%, transparent 72%), radial-gradient(ellipse 82% 62% at var(--gx2) var(--gy2), #c8ff3d30 0 12%, transparent 68%)}.gradient-inverse-signal{background-color:#fffdf2;background-image:radial-gradient(ellipse 72% 54% at var(--gx1) var(--gy1), #ff4f2e42 0 14%, #ff4f2e1a 42%, transparent 72%), radial-gradient(ellipse 82% 62% at var(--gx2) var(--gy2), #ff4f2e2b 0 12%, transparent 68%)}.gradient-inverse-electric{background-color:#fffdf2;background-image:radial-gradient(ellipse 72% 54% at var(--gx1) var(--gy1), #7b45ff42 0 14%, #7b45ff1a 42%, transparent 72%), radial-gradient(ellipse 82% 62% at var(--gx2) var(--gy2), #7b45ff2b 0 12%, transparent 68%)}.type-stage{background:var(--ink);color:#fff;font-variation-settings:"wght" 420, "STYL" 0;text-transform:none;border-radius:14px;flex-direction:column;gap:clamp(48px,7vw,104px);min-height:0;padding:clamp(24px,4vw,60px);font-family:Timeless Sans,Arial,Helvetica,sans-serif;display:flex;overflow:hidden}.type-meta{z-index:2;font-family:var(--font-geist-mono), monospace;text-transform:uppercase;justify-content:space-between;gap:24px;font-size:11px;display:flex;position:relative}.type-meta>div p+p{font-variation-settings:"wght" 420, "STYL" 0;margin-top:22px;font-family:Timeless Sans,sans-serif;font-size:clamp(20px,3vw,48px)}.type-display{letter-spacing:-.045em;font-size:clamp(150px,28vw,400px);line-height:.72}.alphabet{letter-spacing:.01em;gap:.22em;width:100%;font-size:clamp(20px,2.8vw,42px);line-height:1.14;display:grid}.alphabet p{white-space:nowrap}.size-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.size-cell{border:1px solid var(--line);background:#faf9f6;flex-direction:column;min-height:min(24vw,330px);padding:12px;display:flex}.size-cell img{object-fit:contain;margin:auto}.voice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.voice-card{border-radius:14px;flex-direction:column;justify-content:space-between;min-height:min(58vw,780px);padding:16px;display:flex;position:relative;overflow:hidden}.voice-card:after{content:"";z-index:1;mix-blend-mode:soft-light;opacity:.18;pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E");position:absolute;inset:0}.voice-ink{color:#fffdf2;background:var(--ink)}.voice-paper{color:var(--ink);border:1px solid var(--line);background:#fffdf2}.voice-yellow{color:var(--ink);background:var(--lime)}.voice-ink .voice-float,.voice-paper .voice-float,.voice-yellow .voice-float{background:var(--lime);width:40%;bottom:5%;right:-6%;transform:rotate(-8deg)}.voice-paper .voice-float{bottom:14%;left:-8%;right:auto}.voice-yellow .voice-float{background:var(--ink);top:16%;bottom:auto;right:-8%;transform:rotate(16deg)}.voice-ink:hover .voice-float,.voice-paper:hover .voice-float{transform:rotate(1deg)scale(1.04)}.voice-yellow:hover .voice-float{transform:rotate(8deg)scale(1.04)}.voice-lime{color:var(--ink);background-color:#fffdf2;background-image:radial-gradient(72% 54% at 24% 24%,#c8ff3d47 0 14%,#c8ff3d1f 42%,#0000 72%),radial-gradient(82% 62% at 76% 78%,#c8ff3d30 0 12%,#0000 68%)}.voice-violet{color:var(--ink);background-color:#fffdf2;background-image:radial-gradient(72% 54% at 24% 72%,#7b45ff42 0 14%,#7b45ff1a 42%,#0000 72%),radial-gradient(82% 62% at 78% 22%,#7b45ff2b 0 12%,#0000 68%)}.voice-orange{color:var(--ink);background-color:#fffdf2;background-image:radial-gradient(72% 54% at 76% 24%,#ff4f2e42 0 14%,#ff4f2e1a 42%,#0000 72%),radial-gradient(82% 62% at 24% 76%,#ff4f2e2b 0 12%,#0000 68%)}.voice-lime,.voice-violet,.voice-orange{background-position:0 0,100% 100%;background-repeat:no-repeat;background-size:108% 108%,112% 112%;animation:16s ease-in-out infinite alternate voice-gradient-drift}.voice-violet{animation-delay:-5s}.voice-orange{animation-delay:-10s}@keyframes voice-gradient-drift{0%{background-position:0 0,100% 100%}to{background-position:100% 72%,0 24%}}.voice-kicker{z-index:2;position:relative}.voice-line{z-index:2;font-variation-settings:"wght" 600, "STYL" 0;letter-spacing:-.07em;max-width:8ch;font-family:Timeless Sans,Arial,sans-serif;font-size:clamp(34px,5vw,78px);font-weight:560;line-height:.91;position:relative}.voice-corner-mark{z-index:3;aspect-ratio:1;background:currentColor;width:clamp(24px,3vw,42px);position:absolute;top:16px;right:16px;-webkit-mask:url(/assets/flex-x.svg) 50%/contain no-repeat;mask:url(/assets/flex-x.svg) 50%/contain no-repeat}.voice-float{z-index:0;aspect-ratio:1;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;-webkit-mask:url(/assets/flex-x.svg) 50%/contain no-repeat;mask:url(/assets/flex-x.svg) 50%/contain no-repeat}.voice-lime .voice-float{background:var(--lime);width:76%;bottom:2%;right:-13%;transform:rotate(-10deg)}.voice-violet .voice-float{background:var(--violet);width:80%;bottom:12%;left:-19%;transform:rotate(14deg)}.voice-orange .voice-float{background:var(--orange);width:69%;top:16%;right:-16%;transform:rotate(25deg)}.voice-lime:hover .voice-float{transform:rotate(2deg)scale(1.05)}.voice-violet:hover .voice-float{transform:rotate(4deg)scale(1.05)}.voice-orange:hover .voice-float{transform:rotate(15deg)scale(1.05)}.application-grid{grid-template-columns:1.3fr .7fr;gap:12px;display:grid}.application-section{flex-direction:column;display:flex}.application-section>.section-head{order:0}.application-section>.merch-label{order:1}.application-section>.merch-grid{order:2}.application-section>.phone-label{order:3}.application-section>.app-icon-standalone{order:4}.application-section>.ui-label{order:5}.application-section>.ui-lab-grid{order:6}.application-section>.card-label{order:7}.application-section>.flex-card-grid{order:8}.application-section>.product-label{order:9}.application-section>.product-grid{order:10}.browser-study,.bill-study{border:1px solid var(--line);background:#fff;min-height:min(55vw,720px);overflow:hidden}.browser-bar{border-bottom:1px solid var(--line);background:#e9e8e4;align-items:end;gap:18px;height:56px;padding:9px 11px 0;display:flex}.browser-controls{gap:5px;padding-bottom:16px;display:flex}.browser-controls span{border:1px solid #777;border-radius:50%;width:7px;height:7px}.browser-tab{background:#fff;border-radius:8px 8px 0 0;align-items:center;gap:9px;width:min(290px,70%);height:42px;padding:0 12px;display:flex}.browser-tab img{object-fit:contain;width:18px;height:18px}.browser-body{background:var(--lime);flex-direction:column;justify-content:space-between;min-height:calc(min(55vw,720px) - 56px);padding:clamp(22px,4vw,58px);display:flex}.browser-body img{width:72%;height:auto}.browser-body p{font-variation-settings:"wght" 600, "STYL" 0;letter-spacing:-.08em;max-width:8ch;font-family:Timeless Sans,Arial,sans-serif;font-size:clamp(48px,7vw,106px);font-weight:560;line-height:.86}.bill-study{background:#f5f4f0;flex-direction:column;padding:14px;display:flex}.bill-head,.bill-foot{justify-content:space-between;align-items:center;display:flex}.bill-stack{flex:1;place-items:center;display:grid;position:relative}.bill{aspect-ratio:1.5;transform-origin:50% 110%;border:1px solid #00000038;border-radius:16px;justify-content:space-between;width:78%;padding:14px;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute}.bill-one{z-index:3;background:var(--lime);transform:translateY(12%)rotate(-3deg)}.bill-two{z-index:2;background:#fffdf2;transform:translateY(-2%)rotate(5deg)}.bill-three{z-index:1;background:var(--ink);color:#fffdf2;transform:translateY(-16%)rotate(-8deg)}.bill-stack:hover .bill-one{transform:translateY(30%)rotate(-5deg)}.bill-stack:hover .bill-two{transform:translateY(0)rotate(3deg)}.bill-stack:hover .bill-three{transform:translateY(-30%)rotate(-10deg)}.bill-foot img{object-fit:contain;width:38px;height:38px}.app-icon-study{background:var(--ink);color:#fffdf2;border-radius:14px;grid-column:1/-1;place-items:center;min-height:min(50vw,680px);padding:14px;display:grid;position:relative;overflow:hidden}.app-icon-meta{color:#969696;font-family:var(--font-geist-mono), "SFMono-Regular", Menlo, monospace;text-transform:none;justify-content:space-between;display:flex;position:absolute;top:14px;left:14px;right:14px}.iphone-lineup{grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;gap:clamp(22px,5vw,72px);width:100%;padding:66px clamp(18px,5vw,78px) 28px;display:grid}.iphone{aspect-ratio:.49;background:var(--ink);border:1px solid #494949;border-radius:min(4vw,54px);width:min(18vw,255px);padding:9px;position:relative;box-shadow:0 28px 60px #00000057}.iphone-screen{background:var(--violet);border-radius:calc(min(4vw,54px) - 9px);height:100%;position:relative;overflow:hidden}.iphone-island{z-index:3;background:var(--ink);border-radius:999px;width:31%;height:21px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.launch-screen{background:var(--launch-bg);place-items:center;display:grid}.launch-acid{--launch-bg:var(--lime);--launch-mark:var(--ink)}.launch-paper{--launch-bg:#fffdf2;--launch-mark:var(--ink)}.launch-ink{--launch-bg:var(--ink);--launch-mark:var(--lime)}.launch-mark{aspect-ratio:1;background:var(--launch-mark);width:57%;-webkit-mask:url(/assets/flex-x.svg) 50%/contain no-repeat;mask:url(/assets/flex-x.svg) 50%/contain no-repeat}.subsection-label{border-top:1px solid var(--line);color:var(--muted);font-family:var(--font-geist-mono), "SFMono-Regular", Menlo, monospace;justify-content:space-between;gap:12px;margin:64px 0 12px;padding-top:10px;display:flex}.flex-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.flex-card-study{min-width:0}.flex-card-frame{aspect-ratio:1;border:1px solid var(--line);background:#f8f7f3;border-radius:14px;place-items:center;padding:7%;display:grid}.flex-card-native{aspect-ratio:1.586;background:var(--card-color);width:100%;color:var(--card-ink);border-radius:clamp(14px,2vw,26px);position:relative;overflow:hidden}.flex-card-acid{--card-color:var(--lime);--card-ink:#111}.flex-card-paper{--card-color:#fffdf2;--card-ink:var(--ink)}.flex-card-signal{--card-color:var(--orange);--card-ink:#111}.flex-card-ink{--card-color:var(--ink);--card-ink:var(--lime)}.flex-card-wordmark{aspect-ratio:1557.75/418.133;background:currentColor;width:31%;position:absolute;top:14%;left:9%;-webkit-mask:url(/assets/flex-wordmark.svg) 50%/contain no-repeat;mask:url(/assets/flex-wordmark.svg) 50%/contain no-repeat}.flex-card-contactless,.flex-card-visa{background:currentColor;display:block;position:absolute}.flex-card-contactless{aspect-ratio:112/139;width:7.25%;top:43%;right:8%;-webkit-mask:url(/assets/emv-contactless-indicator.png) 50%/contain no-repeat;mask:url(/assets/emv-contactless-indicator.png) 50%/contain no-repeat}.flex-card-visa{aspect-ratio:1920/622;width:18.5%;bottom:10%;right:7.5%;-webkit-mask:url(/assets/visa-brandmark-official.png) 50%/contain no-repeat;mask:url(/assets/visa-brandmark-official.png) 50%/contain no-repeat}.flex-card-study figcaption{color:var(--muted);font-family:var(--font-geist-mono), "SFMono-Regular", Menlo, monospace;justify-content:space-between;gap:12px;padding-top:8px;display:flex}.ui-lab-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.ui-lab-card{border-radius:14px;place-items:center;min-width:0;min-height:min(30vw,410px);padding:clamp(44px,5vw,72px) clamp(20px,3vw,44px) clamp(28px,3vw,44px);display:grid;position:relative;overflow:hidden}.ui-lab-paper{border:1px solid var(--line);background:#f8f7f3}.ui-lab-ink{background:var(--ink);color:#fffdf2}.ui-lab-signal{background:var(--orange);color:var(--ink)}.ui-lab-meta{font-family:var(--font-geist-mono), "SFMono-Regular", Menlo, monospace;justify-content:space-between;gap:12px;display:flex;position:absolute;top:14px;left:14px;right:14px}.ui-lab-card button{font-family:Timeless Sans,Arial,Helvetica,sans-serif;font:inherit;cursor:pointer;border:0}.ui-lab-card button:focus-visible{outline-offset:3px;outline:2px solid}.ui-x{aspect-ratio:1;background:currentColor;flex:none;width:1.05em;display:block;-webkit-mask:url(/assets/flex-x.svg) 50%/contain no-repeat;mask:url(/assets/flex-x.svg) 50%/contain no-repeat}.ui-action-stack{flex-direction:column;align-items:center;gap:16px;width:auto;display:flex}.ui-button{font-variation-settings:"wght" 650, "STYL" 0;text-transform:none;white-space:nowrap;border-radius:1em;justify-content:center;align-items:center;gap:.72em;width:max-content;padding:1.05em 1.2em;display:flex;font-size:clamp(14px,1.25vw,19px)!important;font-weight:650!important;line-height:1!important}.ui-button-ink{background:var(--ink);color:#fff}.ui-button-paper{color:var(--ink);background:#fff;border:1px solid var(--line)!important}.ui-icon-actions{align-items:center;gap:clamp(12px,1.5vw,20px);display:flex}.ui-icon-button{aspect-ratio:1;width:clamp(62px,6vw,86px);color:var(--ink);border-radius:31%;place-items:center;display:grid}.ui-icon-button .ui-x{width:38%}.ui-icon-acid{background:var(--lime)}.ui-icon-violet{background:var(--violet);color:#fff}.ui-icon-signal{background:var(--orange)}.ui-symbol{aspect-ratio:1;background:currentColor;width:38%;display:block}.ui-plus{-webkit-mask:url(/assets/ui-plus-rounded.svg) 50%/contain no-repeat;mask:url(/assets/ui-plus-rounded.svg) 50%/contain no-repeat}.ui-check{-webkit-mask:url(/assets/ui-check-rounded.svg) 50%/contain no-repeat;mask:url(/assets/ui-check-rounded.svg) 50%/contain no-repeat}.ui-progress-study{width:min(100%,340px)}.ui-progress-label{text-transform:none;justify-content:space-between;margin-bottom:12px;font-size:clamp(14px,1.3vw,18px);font-weight:650;display:flex}.ui-progress-track{background:#17171733;border-radius:99px;height:9px;overflow:hidden}.ui-progress-track span{border-radius:inherit;background:var(--ink);width:75%;height:100%;display:block}.ui-progress-marks{justify-content:space-between;margin-top:20px;display:flex}.ui-progress-marks .ui-x{width:clamp(24px,2.5vw,34px)}.ui-progress-marks .ui-x-open{opacity:.25}.merch-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.merch-item{min-width:0;margin:0}.merch-product{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:14px;position:relative;overflow:hidden}.merch-product-image{object-fit:cover;width:100%;height:100%}.merch-brand{z-index:2;position:absolute}.merch-tee-brand,.merch-tote-brand{aspect-ratio:1557.75/418.133;left:50%;transform:translate(-50%,-50%);-webkit-mask:url(/assets/flex-wordmark.svg) 50%/contain no-repeat;mask:url(/assets/flex-wordmark.svg) 50%/contain no-repeat}.merch-tee-brand{background:var(--lime);width:38.88%;top:45%}.merch-tote-brand{background:var(--ink);width:45%;top:62%}.merch-cap-brand{filter:brightness(0)invert();width:9.5%;height:auto;top:42%;left:50%;transform:translate(-50%,-50%)}.merch-item figcaption{color:var(--muted);padding-top:8px}.motion-study-label{border-top:1px solid var(--line);color:var(--muted);font-family:var(--font-geist-mono), "SFMono-Regular", Menlo, monospace;justify-content:space-between;gap:12px;margin:64px 0 12px;padding-top:10px;display:flex}.motion-study-label-first{margin-top:0}.motion-tabs{margin-top:64px}.motion-tab-list{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;padding-top:10px;display:grid}.motion-tab{border:1px solid var(--line);color:var(--muted);font:inherit;font-family:var(--font-geist-mono), "SFMono-Regular", Menlo, monospace;cursor:pointer;background:0 0;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.motion-tab[aria-selected=true]{border-color:var(--ink);background:var(--ink);color:var(--lime)}.motion-tab:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.loading-state-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.loading-state-card{aspect-ratio:1;min-width:0;font-family:var(--font-geist-mono), "SFMono-Regular", Menlo, monospace;border-radius:14px;position:relative;overflow:hidden}.loading-state-meta,.loading-state-card figcaption{z-index:3;justify-content:space-between;gap:12px;display:flex;position:absolute;left:14px;right:14px}.loading-state-meta{top:14px}.loading-state-card figcaption{bottom:14px}.loading-state-ink{background:var(--ink);color:#969696}.loading-state-violet{background:var(--violet);color:#fffdf2}.loading-state-signal{background:var(--orange);color:var(--ink)}.loading-metaball-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.loading-pulse{place-items:center;display:grid;position:absolute;inset:0}.loading-pulse span{aspect-ratio:1;background:#fffdf2;width:30%;animation:6.4s cubic-bezier(.4,0,.2,1) infinite loading-pulse-turn;display:block;-webkit-mask:url(/assets/flex-x.svg) 50%/contain no-repeat;mask:url(/assets/flex-x.svg) 50%/contain no-repeat}@keyframes loading-pulse-turn{0%,to{transform:rotate(0)scale(.9)}9%{transform:rotate(0)scale(1)}17%{transform:rotate(0)scale(.9)}25%{transform:rotate(90deg)scale(.9)}34%{transform:rotate(90deg)scale(1)}42%{transform:rotate(90deg)scale(.9)}50%{transform:rotate(180deg)scale(.9)}59%{transform:rotate(180deg)scale(1)}67%{transform:rotate(180deg)scale(.9)}75%{transform:rotate(270deg)scale(.9)}84%{transform:rotate(270deg)scale(1)}92%{transform:rotate(270deg)scale(.9)}}.split-demo{--travel:0;aspect-ratio:16/9;background:var(--ink);color:#f8f7f2;border-radius:14px;flex-direction:column;min-height:0;padding:14px;display:flex;overflow:hidden}.split-demo-meta,.split-caption{z-index:4;color:#969696;font-family:var(--font-geist-mono), "SFMono-Regular", Menlo, monospace;justify-content:space-between;gap:12px;display:flex;position:relative}.split-visual{flex:1;min-height:0;position:relative;overflow:hidden}.split-canvas{width:100%;height:100%;min-height:0;display:block}.split-controls{z-index:4;width:min(780px,100% - 28px);color:var(--lime);font-family:var(--font-geist-mono), monospace;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin:0 auto 28px;display:grid;position:relative}.split-controls label{display:block}.split-controls input{-webkit-appearance:none;appearance:none;cursor:ew-resize;background:0 0;width:100%;height:28px;margin:0}.split-controls input::-webkit-slider-runnable-track{background:#666;height:1px}.split-controls input::-moz-range-track{background:#666;height:1px}.split-controls input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--lime);border:0;border-radius:50%;width:24px;height:24px;margin-top:-12px;box-shadow:0 0 0 5px #c8ff3d29}.split-controls input::-moz-range-thumb{background:var(--lime);border:0;border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 5px #c8ff3d29}.dot-burst-demo{width:100%;font:inherit;text-align:left;cursor:pointer;border:0}.dot-burst-demo:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.flex-labs-stage{--labs-lockup-height:clamp(52px, 8.2vw, 118px);aspect-ratio:16/9;background:var(--ink);color:#fffdf2;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:0;padding:14px;display:flex;overflow:hidden}.flex-labs-meta{color:#969696;font-family:var(--font-geist-mono), "SFMono-Regular", Menlo, monospace;justify-content:space-between;gap:16px;display:flex}.flex-labs-lockup{justify-content:center;align-items:center;gap:clamp(20px,3.4vw,52px);width:min(82%,760px);margin:auto;display:flex}.labs-x-cycle{width:var(--labs-lockup-height);height:var(--labs-lockup-height);flex:none;position:relative}.labs-x-3d{place-items:center;display:grid;position:absolute;inset:-32%}.labs-x-3d canvas{cursor:crosshair;touch-action:pan-y;width:100%;height:100%;display:block}.labs-x-3d.is-interactive{inset:12%}.labs-x-3d.is-hero{inset:0}.labs-x-3d.is-interactive canvas{cursor:grab;touch-action:none}.labs-wordmark{width:auto;height:var(--labs-lockup-height);color:#fffdf2}.labs-material-playground{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;margin:12px 0 0;display:grid}.labs-material-card{background:#1b1b1b;border:1px solid #3b3b3b;border-radius:12px;min-width:0;overflow:hidden}.labs-material-frame{aspect-ratio:1;background:#222;border-bottom:1px solid #3b3b3b;position:relative;overflow:hidden}.labs-material-card-meta{z-index:2;color:#8d8d8d;font-family:var(--font-geist-mono), "SFMono-Regular", Menlo, monospace;pointer-events:none;justify-content:space-between;gap:16px;display:flex;position:absolute;top:14px;left:14px;right:14px}.labs-material-controls{grid-template-columns:1.2fr .9fr repeat(3,minmax(0,1fr));gap:0;display:grid}.labs-finish-select,.labs-color-control,.labs-range-control{color:#8d8d8d;min-width:0;font-family:var(--font-geist-mono), "SFMono-Regular", Menlo, monospace;border-right:1px solid #3b3b3b;padding:14px;font-size:9px}.labs-material-controls>:last-child{border-right:0}.labs-finish-select span,.labs-color-control span,.labs-color-control output,.labs-range-control span,.labs-range-control output{margin-bottom:12px;display:inline-block}.labs-range-control output,.labs-color-control output{float:right;color:#fffdf2}.labs-finish-select select{-webkit-appearance:none;appearance:none;color:#fffdf2;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;outline:none;padding:0;display:block}.labs-color-control input{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;border:0;border-radius:9px;width:100%;height:18px;padding:0;display:block;overflow:hidden}.labs-color-control input::-webkit-color-swatch-wrapper{padding:0}.labs-color-control input::-webkit-color-swatch{border:0;border-radius:9px}.labs-color-control input::-moz-color-swatch{border:0;border-radius:9px}.labs-range-control input{-webkit-appearance:none;appearance:none;cursor:ew-resize;background:0 0;width:100%;height:16px;margin:0;display:block}.labs-range-control input::-webkit-slider-runnable-track{background:#666;height:1px}.labs-range-control input::-moz-range-track{background:#666;height:1px}.labs-range-control input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--lime);border:0;border-radius:50%;width:10px;height:10px;margin-top:-5px}.labs-range-control input::-moz-range-thumb{background:var(--lime);border:0;border-radius:50%;width:10px;height:10px}.footer{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:12px;min-height:300px;padding-top:80px;display:grid}.footer p:first-child{grid-column:1/span 5}.footer p:nth-child(2){color:var(--muted);grid-column:6/span 3}.footer p:last-child{text-align:right;grid-column:10/span 3}@media (max-width:760px){.site-shell{padding:12px}.project-name{grid-column:1/span 7}.project-state{grid-column:9/span 2}.mini-mark{grid-column:12;width:24px;height:24px}.intro{min-height:70vh;padding-top:12vh}.intro-row span:last-child{grid-column:4/-1}.section-head{margin-bottom:38px}.section-head h2{grid-column:4/span 5}.section-note{text-align:right;grid-column:9/-1}.flat-x-stage{min-height:116vw}.flat-x-lineup{scroll-snap-type:x mandatory;grid-template-columns:repeat(3,72vw);padding:5vw 3vw 3vw;overflow-x:auto}.flat-x-figure{scroll-snap-align:center}.x-stage{min-height:116vw}.x-lineup{scroll-snap-type:x mandatory;grid-template-columns:repeat(3,72vw);overflow-x:auto}.x-figure{scroll-snap-align:center}.mark-system-grid{grid-template-columns:1fr}.mark-system-panel{min-height:88vw}.wordmark-grid{grid-template-columns:1fr}.wordmark-panel{min-height:88vw}.color-grid{grid-template-rows:repeat(3,28vw);grid-template-columns:1fr 1fr;min-height:0}.primary-color-grid{grid-template-columns:2fr 1fr 1fr;min-height:34vw}.color-card{min-height:0}.color-card.lime{grid-area:1/1/span 2}.color-card.neutral{grid-area:1/2}.color-card.ink{grid-area:2/2}.color-card.violet{grid-area:3/1}.color-card.orange{grid-area:3/2}.treatment-gallery{grid-auto-columns:72vw}.gradient-grid{grid-template-columns:1fr}.gradient-card{min-height:92vw}.type-stage{gap:16vw;min-height:0}.type-display{font-size:44vw}.alphabet p{text-overflow:ellipsis;overflow:hidden}.size-grid{grid-template-columns:repeat(4,150px);padding-bottom:8px;overflow-x:auto}.size-cell{min-height:210px}.voice-grid{scroll-snap-type:x mandatory;grid-template-columns:repeat(3,82vw);overflow-x:auto}.voice-card{scroll-snap-align:center;min-height:118vw}.application-grid{grid-template-columns:1fr}.browser-study,.bill-study{min-height:118vw}.browser-body{min-height:calc(118vw - 56px)}.app-icon-study{min-height:142vw}.iphone-lineup{scroll-snap-type:x mandatory;grid-template-columns:repeat(3,58vw);justify-content:start;padding:15vw 5vw 8vw;overflow-x:auto}.iphone{scroll-snap-align:center;border-radius:10vw;width:58vw}.iphone-screen{border-radius:calc(10vw - 9px)}.flex-card-grid{scroll-snap-type:x mandatory;grid-template-columns:repeat(3,82vw);padding-bottom:8px;overflow-x:auto}.flex-card-study{scroll-snap-align:center}.ui-lab-grid{scroll-snap-type:x mandatory;grid-template-columns:repeat(6,82vw);padding-bottom:8px;overflow-x:auto}.ui-lab-card{scroll-snap-align:center;min-height:82vw}.merch-grid{scroll-snap-type:x mandatory;grid-template-columns:repeat(6,82vw);overflow-x:auto}.merch-item{scroll-snap-align:center}.loading-state-grid{scroll-snap-type:x mandatory;grid-template-columns:repeat(3,82vw);overflow-x:auto}.loading-state-card{scroll-snap-align:center}.motion-tab-list{grid-template-columns:1fr}.split-demo{aspect-ratio:1;min-height:0}.split-visual{min-height:0}.split-piece{width:112vw}.split-controls{width:calc(100% - 8px)}.flex-labs-stage{min-height:0}.flex-labs-lockup{gap:18px;width:82%}.labs-material-playground{grid-template-columns:1fr}.labs-material-controls{grid-template-columns:1fr 1fr}.labs-finish-select,.labs-color-control{border-bottom:1px solid #3b3b3b;border-right:0;grid-column:1/-1}.labs-range-control:nth-child(4){border-right:0}.labs-range-control:last-child{border-top:1px solid #3b3b3b;grid-column:1/-1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.voice-card{animation:none}.loading-pulse span{animation-play-state:paused}.x-figure img,.voice-card img,.bill{transition:none}}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}