@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAfsABQAAAAAEAwAAAeCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbHhwoP0hWQVJbBmA/U1RBVIFiJyYAdC9qEQgKhGSEAAsgADCGCAE2AiQDOgQgBYlMB4EUDAcbLQ4onoexrSC/2ZyLAa8p8VHB8/x3Vue+V0hVJalMJg2nx/TCrQXxBeqLjQG7FyM1WEa/X1tEXN7cFz9EJEMmMUz3RihWSSKeQCbcIou0izz/C8v+fq3VfajEa9gDD11CImXS7qL/RJFVzC1qiB6KmKeD6TZdQ6IRGv78dL6uSVVCfgni5mzu7kcgQBgAEAQTQRCoL++STTYybkJxNfQxAAIAGu8OdEB9teW2jh4BpgDqFjAeSEByW3zFP0CBBgNMsMCGEDjgggdhiEAUAeIIED7ABTDUEnkIE9Q9ahFgKttcVhApo4ACB4qobHaccgDfEjFO6aaWUhjMLt2SyIvHKoDqoA4CSUwEIYQCEjhAO9R1G6keDeDZGjNo+AhxOjCEGTr1WeIF3kYBiLAOKvkJSMiKX0VdAyQt3SDJClCkxJCHkCzfqyVTriJZLcolS32JZHUekq2TYNkYtCtjYHMQXSxGjXDz2t/yLWXzDzxz+o3zFwDEaN23F+13pyMdQAEaSKAR9vcGq4A4MTSKCElGW+M7UcY7xqkggITb28ZJhlqc9q2twYKTt0NjixBgYvO9BIihEBLYuOFXQzfIQ7dXGUEEEgFDooBfAzqiQbpJrhiWSuKJCRFKYbHCyJKI2G5GiZbNAvgAu5pc3vwx4G+g3aDkhklABiSz0BICXrYghtYhx/cdJ+44rY2oZ0aMNRFz3VZjb6W33F3gzltqtOCV8tTHSpOeXuItfvr5lCdfzFpqtEitvqdcdGGFd28ZqqC0tPbeChGXgrIlnhSWu/eUso4uKWFLugyDzQJhflY4659+WjQ++6x72WUMv9G8mw6QJl7BVxX5fe/kpUsOvnZwee9uQ0cGXYd0o89XB2748sDSnt8d2VphdOTTgceDVvOds0v9P/s7HPq15aGun/6Vllb56f1dl0t1LejqrNkpdRZsG8TOnM5vkBG5oiVyVGnS8LHps5cfNWJs6qKPfaNSxiQNBUm3cKNWROr0GSur7Za31k1vieq7LH11VF+jXdRIasRKflc7jkobm1Z9te1IyZA0pDkhLR98+H37Zf1c/8at+dB7x+7GfVyTfJMPiYztsnl59Y5l4j+0n1RXlpHnF3Tq7HecmNF/CJodEMAikruxiyJaGLvHOdAfoA+oDvpjBm2b91cHGRZMU9n25xEU0A8fgEEAdKI3Q1iDtc034sug5YVMkE2jsE+BIkwSoQ3gxXMqz9tELp48bd0cFKOKS7xYjEuXBnZP5ia7DyiO/X/YI+PQSbt2uSdqAkWL9nQbV1XB94/+uPfdZz8dnXYFBYrcTl2SIR/ybxJNJPz/Gupb0JaZeens2ekC7EKr8t+Ls/P5VJPYJdHKyqfg2nqU6bhlidzcddQV/7MmecTzJ5VPcKXkNKSEogHjYFx6QZ7rQ+FSe8njaiNuOnXS8H2ScQ619c2mC3VTtauL0rRbXd/CkSOP37FY9Zkjz8+GibYUMOEWF+RdrFS8Ecv1SHOpPUPZGEIpjPvFyU5cXKjd6OXqorTqy9GwRd++HVufPGnVsW+aO3vggKZ18jR9sXaTC1PWTEsVUaK0FkNySbTQDqlm2PfDjZcu4aalnSLKjnOoYQ0nUlqqXcGpPu/4VgV/xU2pAqW4BW3qzhQ8/hFKhV2qE3+BKAtDqBXjfgnVdH4y0wg5tbVNRenNdTWOrenWLcupQdmsbq5b+18piTe/xRdp1xbILxNPJGInm2z6hoB21Lal0i+ePTtd7B45+3XhFJ329evskXm7qurUVREotqSluSo/L29d3qDhI4YOQqWhI4YNvBNfsMHeXKemXrxQfKeuPOGRVayA3JtkJKEgbPp+dXUDluddutRYLFoXGXWX6N3WFaGLbQtRSitVYNacTNSdy7AaG/HSaUEANcBoGXNdcZvZsOqQ1icBDv21/gzAoYPHH/WDW0qNR3QTYKEAEHig6o13NXbND06CQPlRtYjGNnSktRc09k1mAMDvAlDKfQjgy6fssInlfzmNAjKkDxoxHOBLdVRAIVt9j4qo+hA1w9T1aNBNTUOTTNUHLbqokE+UAfJXCIGw/IxCSL5GRUJeR40rL/UxTm4Q08H6MbCs70ObuNyIIXrINHQYInF06UUlevTjbQzTh5upiDMzMMogUtEnjPs/Y7jAHCJeB0GBHh04tC6FiB6ZFB1oArUSIoFoqhzCeAN6lHwm0T4C3VVPWvjpSMXReuWesMEcoqrmgtNBGd2noWeV0hNAz9rFeShNJxHGsPa3HXeKTk8b55hahySYHaYKKFFLpCfN8rsoaJn01CR04Gkc+5k7KVTCmClX8Q10HCrUEkVlSX+XO33oQR9609tJ516H497WSobWs5Up6TLaS10/dessIskgJSLiDlWvHVUywpkQ7hdPZqGyiEF0uVQerVcPamT1A3eKXdyI1vG9OoflrSXihZ1qqGE3nhmAgiIbRCQgPLEPtOM3UQwTLYaYYomNlpA44opnjV6jkD6id80OOrzf6BzmMD6eEa1zKyeYG1fzfEf16V6jw9XYOaar1/b2kP/IYX8oR2mcFvv2GtBV3JXgd437AQAA)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Clear Sans;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/clear-sans-latin-300-normal-BYiU5tCJ.woff2)format("woff2"),url(/assets/clear-sans-latin-300-normal-D-fBsO37.woff)format("woff")}@font-face{font-family:Clear Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/clear-sans-latin-400-normal-DpMiZc2Y.woff2)format("woff2"),url(/assets/clear-sans-latin-400-normal-AndVGWF5.woff)format("woff")}@font-face{font-family:Clear Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/clear-sans-latin-500-normal-hiYaiSD1.woff2)format("woff2"),url(/assets/clear-sans-latin-500-normal-CfoG6AfA.woff)format("woff")}@font-face{font-family:Clear Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/clear-sans-latin-700-normal-DDj7306M.woff2)format("woff2"),url(/assets/clear-sans-latin-700-normal-CsJVQqIs.woff)format("woff")}.component-card{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-raised);min-height:430px;transition:transform var(--motion-medium) cubic-bezier(.2, .8, .2, 1), border-color var(--motion-fast) ease, box-shadow var(--motion-medium) ease;corner-shape:squircle;corner-smoothing:10%;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #0003}.component-card:hover{border-color:color-mix(in oklch, var(--accent) 42%, var(--border-strong));transform:translateY(-4px);box-shadow:0 38px 100px #00000057}.component-card:has(.component-card__link:focus-visible){border-color:color-mix(in oklch, var(--accent) 42%, var(--border-strong));transform:translateY(-4px);box-shadow:0 38px 100px #00000057}.component-card__preview{background:var(--surface-raised);pointer-events:none;flex:1;grid-template-columns:minmax(0,1fr);place-items:center;min-height:338px;padding:56px 22px;display:grid;overflow:hidden;container-type:inline-size}.component-card__preview .phases-nav{width:min(1120px,145%);padding-inline:0;transform:scale(.78)}.component-card__effects-preview{background:radial-gradient(circle at 18% 30%, color-mix(in oklch, var(--color-take-500) 48%, transparent), transparent 34%), radial-gradient(circle at 78% 70%, color-mix(in oklch, var(--color-enlace-500) 40%, transparent), transparent 38%), var(--color-phases-950);width:100%;min-height:250px;color:var(--text-primary);corner-shape:squircle;corner-smoothing:10%;border-radius:22px;align-content:center;justify-items:center;gap:30px;padding:24px;display:grid;overflow:hidden}.component-card__effects-preview>span{color:var(--text-muted);font-family:var(--font-display);letter-spacing:.08em;align-self:start;font-size:.56rem}.component-card__effects-preview .phases-nav--standalone{width:100%}.component-card__effects-preview .phases-app-island{transform:scale(.78)}.component-card__meta{border-top:1px solid var(--border-subtle);background:color-mix(in oklch, var(--surface-raised) 88%, black);justify-content:space-between;align-items:center;min-height:92px;padding:18px 24px;display:flex}.component-card__meta h2{letter-spacing:-.02em;margin:0 0 6px;font-size:.92rem;font-weight:700}.component-card__meta p{color:var(--text-muted);margin:0;font-size:.82rem}.component-card__arrow{border:1px solid var(--border-subtle);width:42px;height:42px;color:var(--text-secondary);transition:color var(--motion-fast) ease, border-color var(--motion-fast) ease;corner-shape:squircle;corner-smoothing:10%;border-radius:14px;place-items:center;display:grid}.component-card:hover .component-card__arrow{border-color:var(--accent);color:var(--accent)}.component-card__link{border-radius:inherit;position:absolute;inset:0}.component-card__link:focus-visible{outline-offset:-5px}@container (width<=760px){.component-card__preview .phases-nav__account-name{display:none}.component-card__preview .phases-nav__account{width:54px;padding:5px}}@media (width<=700px){.component-card{min-height:360px}.component-card__preview{min-height:275px;padding-inline:8px}.component-card__effects-preview .phases-app-island{transform:scale(.68)}}.component-card__preview .phases-nav{transform-origin:50%;justify-self:center;width:535px;min-width:535px;padding-inline:0;position:relative;transform:scale(.78)}.component-card__preview .phases-nav__layout{grid-template-columns:146px 335px 54px;width:535px;min-width:535px}.component-card__preview .phases-nav__brand{width:146px;min-width:146px;padding-inline:0}.component-card__preview .phases-nav__brand-full{display:inline}.component-card__preview .phases-nav__brand-compact{display:none}.component-card__preview .phases-nav__account-wrap{width:54px}.component-card__preview .phases-nav__account{width:54px;min-width:54px;padding:5px}.component-card__preview .phases-nav__account-name{display:none}.component-card__preview .phases-nav.phases-nav--catalog .phases-app-island--responsive{display:block;position:relative;inset:auto;transform:none}@container (width<=560px){.component-card__preview .phases-nav{transform:scale(.62)}}@container (width<=360px){.component-card__preview .phases-nav{transform:scale(.54)}}.moonsaic{width:min(var(--moonsaic-size), 100%);color:var(--color-phases-50);justify-items:center;gap:14px;display:inline-grid}.moonsaic__grid{width:100%;height:auto;display:block;overflow:visible}.moonsaic__cell{fill:currentColor;opacity:.075;transform-box:fill-box;transform-origin:50%;transition:fill var(--moonsaic-duration) cubic-bezier(.16, 1, .3, 1), opacity var(--moonsaic-duration) cubic-bezier(.16, 1, .3, 1), scale var(--moonsaic-duration) cubic-bezier(.16, 1, .3, 1);transition-delay:var(--moonsaic-delay);scale:.56}.moonsaic__cell[data-active=true]{opacity:1;scale:1}.moonsaic[data-editable=true] .moonsaic__cell{cursor:crosshair}.moonsaic[data-editable=true] .moonsaic__cell[data-active=false]{stroke:currentColor;stroke-opacity:.14;stroke-width:.025px}.moonsaic[data-show-grid=off] .moonsaic__cell[data-active=false]{opacity:0}.moonsaic[data-motion=off] .moonsaic__cell{transition:none}.moonsaic[data-animation^=phase-shift] .moonsaic__cell{transition-delay:0s}.moonsaic[data-animation=phase-shift-kinetic][data-motion=on] .moonsaic__cell[data-active=true]{fill:color-mix(in oklch, var(--color-phases-700), var(--color-phases-50) calc(var(--moonsaic-tone) * 100%));opacity:calc(.36 + var(--moonsaic-tone) * .64);scale:calc(.8 + var(--moonsaic-light) * .2)}.moonsaic__status{color:currentColor;font-family:var(--font-display);letter-spacing:.1em;opacity:.44;text-transform:uppercase;font-size:.62rem}@media (prefers-reduced-motion:reduce){.moonsaic__cell{transition:none;animation:none!important}}:root{--color-phases-black:#070707;--surface-canvas:var(--color-phases-black);--surface-raised:var(--color-phases-900);--surface-soft:var(--color-phases-800);--text-primary:var(--color-phases-50);--text-secondary:var(--color-phases-400);--text-muted:var(--color-phases-500);--border-subtle:color-mix(in oklch, var(--color-phases-50) 13%, transparent);--border-strong:color-mix(in oklch, var(--color-phases-50) 24%, transparent);--accent:var(--color-take-500);--font-display:"JetBrains Mono Variable", "JetBrains Mono", monospace;--font-body:"Clear Sans", system-ui, sans-serif;--phases-corner-shape:squircle;--phases-corner-smoothing:10%;--phases-material-blur:10px;--phases-material-saturation:200%;--phases-material-tint-alpha:.3;--phases-material-brightness-dark:1;--phases-material-brightness-light:1;--phases-material-brightness:var(--phases-material-brightness-dark);--phases-material-dither-alpha:0;--phases-material-dither-size:4px;--phases-material-mosaic-alpha:0;--phases-material-mosaic-size:12px;--phases-material-shadow-inset-top:inset 0 1px 0 #ffffff14;--phases-material-shadow-inset-bottom:inset 0 -1px 0 #00000073;--phases-material-shadow-elevation:0 16px 48px #0000004d;--phases-material-shadow:var(--phases-material-shadow-inset-top), var(--phases-material-shadow-inset-bottom), var(--phases-material-shadow-elevation);--radius-card:30px;--radius-avatar:12px;--page-gutter:clamp(20px, 5vw, 84px);--content-width:1232px;--motion-fast:.18s;--motion-medium:.32s}:where(.phases-nav,.phases-nav-island,.phases-nav-submenu){--nav-touch-target:44px}:where(.phases-nav--dark,.phases-nav-island--dark,.phases-nav-submenu--dark,.phases-surface-material--dark){--phases-material-brightness:var(--phases-material-brightness-dark);--nav-island-background:rgb(12 12 12/var(--phases-material-tint-alpha,.3));--nav-border:#ffffff26;--nav-border-strong:#ffffff47;--nav-text-primary:#fafafa;--nav-text-secondary:#ddd;--nav-hover:#ffffff1a;--nav-active:#ffffff6b;--nav-avatar-background:#00000080;--nav-badge-background:#181818f2}:where(.phases-nav--light,.phases-nav-island--light,.phases-nav-submenu--light,.phases-surface-material--light){--phases-material-brightness:var(--phases-material-brightness-light);--nav-island-background:rgb(255 255 255/var(--phases-material-tint-alpha,.3));--nav-border:#1010101f;--nav-border-strong:#1010103d;--nav-text-primary:#111;--nav-text-secondary:#303030;--nav-hover:#00000014;--nav-active:#0000002e;--nav-avatar-background:#ffffff80;--nav-badge-background:#eeeeeef5}.phases-nav-island{--nav-motion-ease:cubic-bezier(.2, .8, .2, 1);--nav-motion-active-duration:.2s;--nav-motion-hover-duration:.24s;--nav-motion-hover-icon-scale:1.14;--nav-motion-hover-offset:-1px;--nav-motion-icon-duration-scale:1;--nav-motion-icon-intensity:1;--nav-motion-layout-duration:.3s;--nav-motion-press-duration:.12s;--nav-motion-press-scale:.96;--nav-motion-presence-enter-duration:.32s;--nav-motion-presence-enter-scale:.78;--nav-motion-presence-exit-duration:.18s;--nav-motion-presence-exit-scale:.72;--nav-motion-selection-duration:var(--nav-motion-layout-duration);--nav-motion-selection-fade-duration:.16s;--nav-item-compact:44px;--nav-item-expanded-chrome:68px;--nav-item-gap:4px;--nav-item-label-gap:8px;--nav-item-layout-duration:var(--nav-motion-layout-duration);--nav-item-min-expanded:88px;--nav-item-padding-inline:12px;--nav-item-size:44px;--nav-label-max:200px;--nav-rail-max:260px;--nav-island-border-width:1px;--nav-island-padding:5px;--nav-island-radius:21px;--nav-selection-block-offset:0px;--nav-label-hidden-offset:-8px;width:var(--nav-island-natural-width,auto);border:var(--nav-island-border-width) solid var(--nav-border);border-radius:var(--nav-island-radius);background-color:var(--nav-island-background);min-width:0;max-width:100%;min-height:54px;color:var(--nav-text-primary);corner-shape:squircle;corner-smoothing:10%;transition:width var(--nav-item-layout-duration) var(--nav-motion-ease), height var(--nav-item-layout-duration) var(--nav-motion-ease);display:block;position:relative;overflow:hidden;container-type:inline-size}.phases-nav-island__viewport{scrollbar-width:none;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;-webkit-overflow-scrolling:touch;max-width:100%;scroll-padding-inline:22px;overflow:auto hidden}.phases-nav-island__viewport::-webkit-scrollbar{display:none}.phases-nav-island__track{justify-content:center;align-items:center;width:max-content;min-width:100%;display:flex}.phases-nav-island__content{width:max-content;min-width:var(--nav-presence-content-width,0);min-height:var(--nav-presence-content-height,0);align-items:center;gap:var(--nav-item-gap);padding:var(--nav-island-padding);display:flex;position:relative}.phases-nav-island__selection{top:var(--nav-island-padding);z-index:0;box-sizing:border-box;width:var(--nav-selection-width,var(--nav-item-compact));height:max(var(--nav-item-size), var(--nav-touch-target,44px));border:1px solid var(--nav-border-strong);background:var(--nav-active);opacity:0;pointer-events:none;transform:translate3d(var(--nav-selection-x,0), var(--nav-selection-y,0), 0);transform-origin:0;transition:width var(--nav-motion-selection-duration) var(--nav-motion-ease), transform var(--nav-motion-selection-duration) var(--nav-motion-ease), opacity var(--nav-motion-selection-fade-duration) ease;will-change:width, transform;corner-shape:squircle;corner-smoothing:10%;border-radius:15px;position:absolute;inset-inline-start:var(--nav-island-padding);box-shadow:inset 0 1px #ffffff14}.phases-nav-island__item-layout{z-index:1;width:var(--nav-item-width);min-width:var(--nav-item-width);height:max(var(--nav-item-size), var(--nav-touch-target,44px));scroll-snap-align:center;transition:width var(--nav-item-layout-duration) var(--nav-motion-ease), min-width var(--nav-item-layout-duration) var(--nav-motion-ease);flex:none;display:flex;position:relative}.phases-nav-island__item{z-index:1;width:100%;min-width:0;height:100%;color:var(--nav-text-primary);cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:color var(--nav-motion-active-duration) ease, scale var(--nav-motion-press-duration) var(--nav-motion-ease), transform var(--nav-motion-hover-duration) var(--nav-motion-ease);corner-shape:squircle;corner-smoothing:10%;background:0 0;border:0;border-radius:15px;flex:auto;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.phases-nav-island__item:is(.is-active,.is-previewed){justify-content:flex-start;padding-inline:11.5px}.phases-nav-island__item.is-previewed{transform:translateY(var(--nav-motion-hover-offset))}.phases-nav-island[data-orientation=horizontal][data-presentation-mode=expanded] .phases-nav-island__item:is(.is-active,.is-previewed){justify-content:center;padding-inline:0}.phases-nav-island__item[data-pressed]{scale:var(--nav-motion-press-scale)}.phases-nav-island__item[aria-disabled=true]{cursor:not-allowed;opacity:.42}.phases-nav-island__item:focus-visible{outline:2px solid color-mix(in srgb, var(--nav-text-primary) 72%, transparent);outline-offset:-3px}.phases-nav-island__item svg{transition:transform var(--nav-motion-hover-duration) var(--nav-motion-ease)}.phases-nav-island__icon{transform-origin:50%;flex:none;place-items:center;display:inline-grid}.phases-nav-island__item.is-previewed svg{transform:scale(var(--nav-motion-hover-icon-scale))}.phases-nav-island.phases-nav-island[data-show-hitboxes] .phases-nav-island__item{background:color-mix(in oklch, var(--color-take-500) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--color-take-500) 88%, white)}.phases-nav-island[data-show-hitboxes] .phases-nav-island__item-layout:nth-of-type(2n) .phases-nav-island__item{background:color-mix(in oklch, var(--color-enlace-500) 18%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--color-enlace-500) 88%, white)}.phases-nav-island[data-show-hitboxes] .phases-nav-island__item:after{background:var(--color-phases-950);min-width:15px;color:var(--color-phases-50);content:attr(data-hitbox);font-family:var(--font-display);pointer-events:none;text-align:center;border-radius:5px;padding:1px 3px;font-size:.5rem;line-height:1.2;position:absolute;top:3px;left:50%;transform:translate(-50%)}.phases-nav-island__label{max-width:0;color:inherit;font-family:var(--nav-label-font,var(--font-body));opacity:0;transform:translateX(var(--nav-label-hidden-offset));transform-origin:0;visibility:hidden;white-space:nowrap;transition:visibility 0s linear 0s, margin var(--nav-item-layout-duration) var(--nav-motion-ease) 0s, opacity 0s linear 0s, transform 0s linear 0s;flex:none;margin-inline-start:var(--nav-label-gap,0px);font-size:.82rem;overflow:hidden}.phases-nav-island[data-presentation-mode=expanded] .phases-nav-island__label,.phases-nav-island__item:is(.is-active,.is-previewed) .phases-nav-island__label{--nav-label-gap:var(--nav-item-label-gap);max-width:var(--nav-label-max,200px);opacity:1;visibility:visible;transition:visibility 0s linear var(--nav-item-layout-duration), margin var(--nav-item-layout-duration) var(--nav-motion-ease) 0s, opacity .1s cubic-bezier(.16, 1, .3, 1) var(--nav-item-layout-duration), transform .12s cubic-bezier(.16, 1, .3, 1) var(--nav-item-layout-duration);transform:translate(0)}.phases-nav-island__label[data-truncated=true]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000 100%)}.phases-nav-island[data-preview-id]:not([data-presentation-mode=expanded]) .phases-nav-island__item.is-active:not(.is-previewed) .phases-nav-island__label{--nav-label-gap:0px;opacity:0;transform:translateX(var(--nav-label-hidden-offset));visibility:hidden;transition:opacity 0s linear 0s, visibility 0s linear 0s, transform 0s linear 0s, margin var(--nav-item-layout-duration) var(--nav-motion-ease) 0s}.phases-nav-island:before,.phases-nav-island:after{z-index:3;content:"";opacity:0;pointer-events:none;width:28px;transition:opacity var(--nav-motion-selection-fade-duration) ease;position:absolute;top:1px;bottom:1px}.phases-nav-island:before{background:linear-gradient(to right, var(--nav-island-background), transparent);border-radius:19px 0 0 19px;left:1px}.phases-nav-island:after{background:linear-gradient(to left, var(--nav-island-background), transparent);border-radius:0 19px 19px 0;right:1px}.phases-nav-island[data-overflow-start]:before,.phases-nav-island[data-overflow-end]:after{opacity:1}.phases-nav-island__icon{position:relative}.phases-nav-island__item>:is(.phases-nav-badge,.phases-nav-shortcut){flex-shrink:0;margin-inline-start:6px;display:none}.phases-nav-island[data-presentation-mode=expanded] .phases-nav-island__item>:is(.phases-nav-badge,.phases-nav-shortcut),.phases-nav-island[data-orientation=horizontal] .phases-nav-island__item:is(.is-active,.is-previewed)>:is(.phases-nav-badge,.phases-nav-shortcut){display:inline-flex}.phases-nav-island[data-preview-id]:not([data-presentation-mode=expanded]) .phases-nav-island__item.is-active:not(.is-previewed)>:is(.phases-nav-badge,.phases-nav-shortcut){display:none}.phases-nav-island[dir=rtl]{--nav-label-hidden-offset:8px}:is(.phases-nav-island[dir=rtl] .phases-nav-island__label:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),.phases-nav-island:not([dir=rtl]) .phases-nav-island__label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-inline-start:0;margin-inline-end:var(--nav-label-gap,0px)}.phases-nav-island__label[data-truncated=true]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 24px),#0000 100%);mask-image:linear-gradient(270deg,#000 calc(100% - 24px),#0000 100%)}.phases-nav-island[dir=rtl][data-orientation=horizontal]:before{background:linear-gradient(to left, var(--nav-island-background), transparent);border-radius:0 19px 19px 0;left:auto;right:1px}.phases-nav-island[dir=rtl][data-orientation=horizontal]:after{background:linear-gradient(to right, var(--nav-island-background), transparent);border-radius:19px 0 0 19px;left:1px;right:auto}.phases-nav-island[data-orientation=vertical]{width:min(var(--nav-island-natural-width), var(--nav-rail-max));max-width:100%;height:min(var(--nav-island-natural-height), 100%);max-height:100%}.phases-nav-island[data-orientation=vertical] .phases-nav-island__viewport{overscroll-behavior-block:contain;scroll-snap-type:block proximity;width:100%;max-width:100%;height:100%;scroll-padding-block:22px;overflow:hidden auto}.phases-nav-island[data-orientation=vertical] .phases-nav-island__track{flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;min-width:0;max-width:100%;min-height:max-content;display:flex}.phases-nav-island[data-orientation=vertical] .phases-nav-island__content{flex-direction:column;align-items:stretch;width:100%;min-width:0;max-width:100%;display:flex}.phases-nav-island[data-orientation=vertical] .phases-nav-island__item-layout{scroll-snap-align:center;width:100%;min-width:0;max-width:100%}.phases-nav-island[data-orientation=vertical] .phases-nav-island__item{width:100%;min-width:0;max-width:100%;padding-inline:var(--nav-item-padding-inline);justify-content:flex-start}.phases-nav-island[data-orientation=vertical][data-presentation-mode=compact] .phases-nav-island__item{justify-content:center;padding-inline:0}.phases-nav-island[data-orientation=vertical] .phases-nav-island__selection{width:calc(100% - (var(--nav-island-padding) * 2));max-width:none;inset-inline-start:var(--nav-island-padding)}.phases-nav-island[data-orientation=vertical] .phases-nav-island__label,.phases-nav-island[data-orientation=vertical][data-preview-id] .phases-nav-island__item.is-active:not(.is-previewed) .phases-nav-island__label{--nav-label-gap:var(--nav-item-label-gap);max-width:var(--nav-label-max,200px);opacity:1;visibility:visible;transition:visibility linear,opacity .16s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);transform:translate(0)}.phases-nav-island[data-orientation=vertical][data-presentation-mode=compact] .phases-nav-island__label{--nav-label-gap:0px;opacity:0;max-width:0;transform:translateX(var(--nav-label-hidden-offset));visibility:hidden}.phases-nav-island[data-orientation=vertical]:before,.phases-nav-island[data-orientation=vertical]:after{width:auto;height:28px;left:1px;right:1px}.phases-nav-island[data-orientation=vertical]:before{background:linear-gradient(180deg, var(--nav-island-background), transparent);top:1px;bottom:auto}.phases-nav-island[data-orientation=vertical]:after{background:linear-gradient(0deg, var(--nav-island-background), transparent);top:auto;bottom:1px}.phases-nav-island[data-reduced-motion]{--nav-motion-press-scale:1}.phases-nav-island[data-reduced-motion] *,.phases-nav-island[data-reduced-motion] :before,.phases-nav-island[data-reduced-motion] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important}@media (prefers-reduced-motion:reduce){:root:not([data-reduced-motion=false]) .phases-nav-island{--nav-motion-press-scale:1}:root:not([data-reduced-motion=false]) .phases-nav-island *,:root:not([data-reduced-motion=false]) .phases-nav-island :before,:root:not([data-reduced-motion=false]) .phases-nav-island :after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important}}@container (width<=300px){.phases-nav-island__content{--nav-item-size:40px;--nav-selection-block-offset:2px}.phases-nav-island__label{font-size:.78rem}.phases-nav-island[data-orientation=vertical] .phases-nav-island__content{--nav-item-compact:40px;--nav-item-gap:2px;--nav-item-size:42px;--nav-selection-block-offset:1px}}.phases-nav-badge{box-sizing:border-box;pointer-events:none;-webkit-user-select:none;user-select:none}.phases-nav-badge--count,.phases-nav-badge--pill{flex:0 0 var(--phases-nav-badge-reserved-width);inline-size:var(--phases-nav-badge-reserved-width);min-inline-size:var(--phases-nav-badge-reserved-width);max-inline-size:var(--phases-nav-badge-reserved-width);background:var(--phases-nav-badge-background,var(--nav-border-strong,#18181833));color:var(--phases-nav-badge-color,var(--nav-text-primary,#fff));font-family:var(--font-display,ui-monospace, monospace);font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;justify-content:center;align-items:center;padding:1px 5px;font-size:.65rem;font-weight:600;line-height:1;display:inline-flex;overflow:hidden}.phases-nav-badge__value{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;overflow:hidden}.phases-nav-badge--dot,.phases-nav-badge--pulse{border:1px solid var(--phases-nav-badge-border,var(--nav-border,#ffffff8c));background:var(--phases-nav-badge-background,var(--nav-text-primary,#2d4552));border-radius:50%;block-size:8px;inline-size:8px;position:absolute;inset-block-start:-2px;inset-inline-end:-3px}.phases-nav-badge__dot,.phases-nav-badge__pulse-core{border-radius:inherit;background:currentColor;position:absolute;inset:1px}.phases-nav-badge__pulse-halo{opacity:.5;border:1px solid;border-radius:50%;animation:2.2s ease-out infinite phases-nav-badge-pulse;position:absolute;inset:-4px}.phases-nav-badge__pulse-core{background:var(--phases-nav-badge-color,var(--nav-text-primary,#fff))}.phases-nav-badge[data-reduced-motion=true] .phases-nav-badge__pulse-halo,[data-motion-level=off] .phases-nav-badge__pulse-halo{animation:none}@media (prefers-reduced-motion:reduce){.phases-nav-badge__pulse-halo{animation:none}}.phases-nav-badge+.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}@keyframes phases-nav-badge-pulse{0%,to{opacity:.5;transform:scale(.7)}55%{opacity:0;transform:scale(1.65)}}.phases-nav-shortcut{pointer-events:none;align-items:center;max-inline-size:100%;display:inline-flex}.phases-nav-shortcut__keys{white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.phases-nav-shortcut__kbd{box-sizing:border-box;inline-size:var(--phases-nav-shortcut-key-width);min-inline-size:var(--phases-nav-shortcut-key-width);border:1px solid var(--nav-border-strong,#ffffff38);background:var(--nav-kbd-background,#ffffff14);block-size:1.35em;color:var(--nav-text-secondary,currentColor);font-family:var(--font-display,ui-monospace, monospace);font-variant-numeric:tabular-nums;text-align:center;border-radius:4px;justify-content:center;align-items:center;padding-inline:0;font-size:.62rem;line-height:1;display:inline-flex;position:relative;overflow:hidden}.phases-nav-shortcut__flash{pointer-events:none;opacity:0;background:currentColor;position:absolute;inset:0}.phases-nav-shortcut .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}.phases-nav-submenu{--nav-submenu-inline-sign:1;box-sizing:border-box;top:var(--nav-submenu-top,0);left:var(--nav-submenu-left,0);z-index:30;min-width:180px;max-width:calc(100vw - 16px);max-height:min(calc(100dvh - 16px), var(--nav-submenu-max-height,100dvh));border:1px solid var(--nav-border);background-color:var(--nav-island-background);color:var(--nav-text-primary);corner-shape:squircle;corner-smoothing:10%;animation:.18s cubic-bezier(.2,.8,.2,1) phases-nav-submenu-enter;animation-duration:var(--nav-motion-presence-enter-duration,.18s);will-change:opacity, transform;border-radius:18px;flex-direction:column;gap:2px;margin:0;padding:6px;list-style:none;display:flex;position:fixed;overflow-y:auto}.phases-nav-submenu[dir=rtl]{--nav-submenu-inline-sign:-1}@keyframes phases-nav-submenu-enter{0%{opacity:0;transform:translateY(-4px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.phases-nav-submenu__entry{width:100%;display:block}.phases-nav-submenu__entry--back{border-bottom:1px solid var(--nav-border);margin-bottom:2px;padding-bottom:2px}.phases-nav-submenu__item{min-height:var(--nav-touch-target,44px);width:100%;color:var(--nav-text-secondary);font-family:var(--font-display,inherit);letter-spacing:.02em;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background var(--motion-fast,.15s) ease, color var(--motion-fast,.15s) ease, transform var(--motion-fast,.15s) ease;corner-shape:squircle;corner-smoothing:10%;background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;padding:0 12px;font-size:.75rem;text-decoration:none;display:flex}.phases-nav-submenu__item:hover,.phases-nav-submenu__item:focus-visible,.phases-nav-submenu__item:focus{background:var(--nav-hover,#ffffff14);color:var(--nav-text-primary,#fff);outline:none;transform:translate(2px)}.phases-nav-submenu__item.is-active{background:var(--nav-active,#ffffff24);color:var(--nav-text-primary,#fff);font-weight:600}.phases-nav-submenu__item.is-disabled{cursor:not-allowed;opacity:.42}.phases-nav-submenu__item.is-group:after{content:"›";color:var(--nav-text-tertiary,var(--nav-text-secondary));flex:none;font-size:1.15rem;line-height:1}.phases-nav-submenu[dir=rtl] .phases-nav-submenu__item.is-group:after{content:"‹"}.phases-nav-submenu[dir=rtl] .phases-nav-submenu__item:is(:hover,:focus-visible,:focus){transform:translate(-2px)}.phases-nav-submenu__icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.phases-nav-submenu__label{white-space:nowrap;text-align:start;flex:auto}.phases-nav-submenu .phases-nav-badge--count,.phases-nav-submenu .phases-nav-badge--pill{inline-size:auto;min-inline-size:0;max-inline-size:var(--phases-nav-badge-reserved-width);flex:none;padding:2px 6px}.phases-nav-submenu[data-placement=inline]{animation-name:phases-nav-submenu-enter-horizontal}@keyframes phases-nav-submenu-enter-horizontal{0%{opacity:0;transform:translateX(calc(-4px * var(--nav-submenu-inline-sign))) scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}.phases-nav-submenu[data-navigation-direction=forward]{animation-name:phases-nav-submenu-forward}.phases-nav-submenu[data-navigation-direction=back]{animation-name:phases-nav-submenu-back}@keyframes phases-nav-submenu-forward{0%{opacity:0;transform:translateX(calc(10px * var(--nav-submenu-inline-sign))) scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes phases-nav-submenu-back{0%{opacity:0;transform:translateX(calc(-10px * var(--nav-submenu-inline-sign))) scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}@media (width<=900px){.phases-nav-submenu[data-navigation-nested]{z-index:60;right:16px;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 72px);width:auto;min-width:0;max-width:none;max-height:calc(100dvh - 150px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;overflow-y:auto;top:auto!important;left:16px!important}.phases-nav-submenu[data-navigation-nested] .phases-nav-submenu__item{min-height:48px}}@media (prefers-reduced-motion:reduce){:root:not([data-reduced-motion=false]) .phases-nav-submenu{animation-duration:.01ms}}.phases-nav-announcer{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.phases-nav.phases-nav--standalone{place-items:center;width:100%;padding:0;display:grid;position:relative;top:auto}.brand-mark{object-fit:contain;display:block}.brand-mark--full{width:112px;height:32px}.brand-mark--compact{width:24px;height:24px}.phases-footer{border-top:1px solid var(--border-subtle);background:var(--color-phases-black);padding:clamp(76px, 10vw, 136px) var(--page-gutter) 28px}.phases-footer__inner{width:min(100%, var(--content-width));margin:0 auto}.phases-footer__grid{grid-template-columns:minmax(230px,1.6fr) repeat(3,minmax(0,1fr));gap:48px 32px;margin-bottom:clamp(68px,9vw,112px);display:grid}.phases-footer__brand{align-content:start;justify-items:start;gap:22px;min-width:0;display:grid}.phases-footer__brand-link{width:fit-content;padding:4px 0;display:inline-flex}.phases-footer__brand-link .brand-mark--full{width:154px;height:auto}.phases-footer__brand p{max-width:250px;color:var(--text-secondary);margin:0;font-size:.92rem;line-height:1.55}.phases-footer__group{min-width:0}.phases-footer__group h2{color:var(--text-primary);letter-spacing:.04em;margin:0 0 22px;font-size:.72rem;font-weight:700}.phases-footer__group ul{gap:13px;margin:0;padding:0;list-style:none;display:grid}.phases-footer__group a{color:var(--text-secondary);transition:color var(--motion-fast) ease;font-size:.82rem;text-decoration:none}.phases-footer__group a:hover,.phases-footer__group a:focus-visible{color:var(--text-primary)}.phases-footer__bottom{border-top:1px solid var(--border-subtle);color:var(--text-muted);font-family:var(--font-display);justify-content:space-between;align-items:center;gap:24px;padding-top:22px;font-size:.62rem;display:flex}.phases-footer__bottom p{color:var(--text-secondary);text-align:right;margin:0;font-style:italic}@media (width<=760px){.phases-footer{padding-top:72px}.phases-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 24px}.phases-footer__brand{grid-column:1/-1}}@media (width<=480px){.phases-footer__grid{grid-template-columns:1fr;gap:36px}.phases-footer__brand{grid-column:auto}.phases-footer__bottom{flex-direction:column;align-items:flex-start;gap:10px}.phases-footer__bottom p{text-align:left}}.phases-mascot{--mascot-color:var(--color-phases-50);width:min(var(--mascot-size), 100%);max-width:100%;color:var(--mascot-color);place-items:center;display:inline-grid}.phases-mascot__svg{width:100%;height:auto;display:block;overflow:visible}.phases-mascot__frame{fill:none;stroke:currentColor;stroke-linecap:square;stroke-width:4px;vector-effect:non-scaling-stroke}.phases-mascot__eye,.phases-mascot__frame,.phases-mascot__body,.phases-mascot__pixel-cell{transform-box:fill-box;transform-origin:50%}.phases-mascot__pixel-cell{fill:currentColor;opacity:0;transition:opacity var(--mascot-duration) cubic-bezier(.16, 1, .3, 1), scale var(--mascot-duration) cubic-bezier(.16, 1, .3, 1);transition-delay:var(--mascot-delay);scale:.56}.phases-mascot__pixel-cell[data-active=true]{opacity:1;scale:1}.phases-mascot__eye[data-eye-kind=empty] .phases-mascot__pixel-cell[data-active=true]{opacity:.42}.phases-mascot[data-animation=orbit-think] .phases-mascot__eye--left{animation:phases-mascot-orbit-left var(--mascot-duration) ease-in-out infinite}.phases-mascot[data-animation=orbit-think] .phases-mascot__eye--right{animation:phases-mascot-orbit-right var(--mascot-duration) ease-in-out infinite}.phases-mascot[data-animation=lunar-loading] .phases-mascot__frame{animation:phases-mascot-lunar-frame var(--mascot-duration) ease-in-out infinite}.phases-mascot[data-animation=lunar-loading] .phases-mascot__eyes{animation:phases-mascot-lunar-eyes var(--mascot-duration) steps(4, end) infinite}.phases-mascot[data-animation=mosaic-shift] .phases-mascot__pixel-cell[data-active=true]{animation:phases-mascot-mosaic var(--mascot-duration) steps(4, end) infinite;animation-delay:calc(var(--cell-index) * -.035s)}.phases-mascot[data-animation=blink] .phases-mascot__eyes{animation:phases-mascot-blink var(--mascot-duration) ease-in-out infinite}.phases-mascot[data-animation=phase-pulse] .phases-mascot__body{animation:phases-mascot-pulse var(--mascot-duration) ease-in-out infinite}.phases-mascot[data-animation=expand] .phases-mascot__body{animation:phases-mascot-expand var(--mascot-duration) ease-in-out infinite}.phases-mascot[data-animation=compress] .phases-mascot__body{animation:phases-mascot-compress var(--mascot-duration) ease-in-out infinite}.phases-mascot[data-animation=scan] .phases-mascot__body{animation:phases-mascot-scan var(--mascot-duration) ease-in-out infinite}.phases-mascot[data-motion=off] *{animation:none!important}.phases-mascot[data-motion=off] .phases-mascot__pixel-cell{transition:none}.phases-mascot--tui{--mascot-color:var(--color-take-300);min-height:3.6em}.phases-mascot__tui{color:currentColor;min-width:9ch;font-family:var(--font-display);text-align:center;white-space:pre;margin:0;font-size:clamp(1.15rem,3vw,2rem);font-weight:500;line-height:1.25}@keyframes phases-mascot-orbit-left{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(var(--mascot-distance), -8px) rotate(-8deg)}50%{transform:translateY(10px)rotate(0)}75%{transform:translate(var(--mascot-distance-negative), -5px) rotate(8deg)}}@keyframes phases-mascot-orbit-right{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(var(--mascot-distance-negative), 8px) rotate(8deg)}50%{transform:translateY(-10px)rotate(0)}75%{transform:translate(var(--mascot-distance), 5px) rotate(-8deg)}}@keyframes phases-mascot-lunar-frame{0%,to{transform:scaleX(1)}45%{transform:scaleX(.72)}58%{transform:scaleX(.72)}}@keyframes phases-mascot-lunar-eyes{0%,to{opacity:1;transform:scale(1)}45%,60%{opacity:.72;transform:scale(.6)}}@keyframes phases-mascot-mosaic{0%,to{opacity:.25;transform:scale(.78)}48%{opacity:1;transform:scale(1)}}@keyframes phases-mascot-blink{0%,38%,to{transform:scaleY(1)}43%,49%{transform:scaleY(.12)}}@keyframes phases-mascot-pulse{0%,to{opacity:.82;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes phases-mascot-expand{0%,to{transform:scaleX(.9)}50%{transform:scaleX(1.1)}}@keyframes phases-mascot-compress{0%,to{transform:scaleX(1.08)}50%{transform:scaleX(.78)}}@keyframes phases-mascot-scan{0%,to{transform:translate(-8px)}50%{transform:translate(8px)}}@media (prefers-reduced-motion:reduce){.phases-mascot *{animation:none!important}}.phases-nav__skip-link{z-index:100;clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:fixed;inset-block-start:16px;inset-inline-start:16px;overflow:hidden}.phases-nav__skip-link:focus{box-sizing:border-box;clip-path:none;white-space:normal;color:#fff;outline-offset:2px;block-size:auto;min-block-size:44px;inline-size:auto;min-inline-size:44px;max-inline-size:calc(100vw - 32px);font:600 1rem var(--font-body,sans-serif);background:#111;border:2px solid #fff;border-radius:12px;outline:2px solid #111;padding:12px 16px;text-decoration:underline;overflow:visible}.phases-nav{top:0;z-index:20;width:100%;padding:18px var(--page-gutter);pointer-events:none;position:fixed;inset-inline:0}.phases-nav[data-account-open=true]{z-index:50}.phases-nav>*{pointer-events:auto}.phases-nav__layout{width:min(100%, var(--content-width));grid-template-columns:1fr 1fr;align-items:center;margin:0 auto;display:grid;position:relative}.phases-nav__island,.phases-nav__menu{border:1px solid var(--nav-border);background-color:var(--nav-island-background);color:var(--nav-text-primary);corner-shape:squircle;corner-smoothing:10%}.phases-nav__island{border-radius:var(--nav-island-radius,21px);min-height:54px;overflow:visible}.phases-nav__brand{min-width:140px;height:54px;min-height:54px;transition:transform var(--motion-medium) cubic-bezier(.2, .8, .2, 1), background var(--motion-fast) ease, border-color var(--motion-fast) ease, box-shadow var(--motion-medium) ease;justify-content:center;justify-self:start;align-items:center;padding:0 16px;text-decoration:none;display:inline-flex}.phases-nav__brand[data-active=true]{border-color:var(--nav-border-strong);background:var(--nav-active)}.phases-nav__brand:hover{z-index:2;border-color:var(--nav-border-strong);transform:scale(1.065);box-shadow:inset 0 1px #ffffff1a,0 20px 58px #0000006b}.phases-nav__brand[data-brand-state=pressed]{transform:scale(.98)}.phases-nav__brand[data-brand-interactive=false]{cursor:default}.phases-nav__brand[data-brand-interactive=false]:hover,.phases-nav__brand[data-brand-interactive=false][data-brand-state=pressed]{z-index:auto;border-color:var(--nav-border);box-shadow:none;transform:none}.phases-nav__brand[data-brand-animated=true] .phases-nav__brand-full,.phases-nav__brand[data-brand-animated=true] .phases-nav__brand-compact{animation:2.4s ease-in-out infinite phases-nav-brand-breathe}@keyframes phases-nav-brand-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.phases-nav__brand[data-brand-motion-level=off] .phases-nav__brand-full,.phases-nav__brand[data-brand-motion-level=off] .phases-nav__brand-compact{animation:none}.phases-nav--light .brand-mark{filter:invert()}.phases-nav__brand-compact{display:none}.phases-nav__brand-neutral{max-width:100%;color:var(--nav-text-primary);font-family:var(--font-display);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:600;display:block;overflow:hidden}.phases-nav__brand--with-back{cursor:default;align-items:center;gap:8px;min-width:auto;padding-block:5px;padding-inline:8px;display:inline-flex}.phases-nav__brand--with-back:hover{box-shadow:none;border-color:var(--nav-border);transform:none}.phases-nav__brand-link{min-width:44px;min-height:44px;color:var(--nav-text-primary);transition:transform var(--motion-medium) cubic-bezier(.2, .8, .2, 1), background var(--motion-fast) ease, border-color var(--motion-fast) ease;border-radius:14px;justify-content:center;align-items:center;padding-inline:8px;text-decoration:none;display:inline-flex}.phases-nav__brand-link:is(:hover,:focus-visible){background:var(--nav-hover);transform:scale(1.04)}.phases-nav__brand-link:active{transform:scale(.98)}.phases-nav__brand-back{border:1px solid var(--nav-border);background:var(--nav-avatar-background,transparent);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--nav-text-primary);cursor:pointer;corner-shape:squircle;corner-smoothing:10%;transition:border-color var(--motion-fast) ease, background var(--motion-fast) ease, transform var(--motion-fast) ease;border-radius:14px;flex:0 0 44px;place-items:center;padding:0;text-decoration:none;display:inline-grid;box-shadow:inset 0 1px #ffffff0f}.phases-nav__brand-back:is(:hover,:focus-visible){border-color:var(--nav-border-strong);background:var(--nav-hover);transform:scale(1.06)}.phases-nav__brand-back:active{transform:scale(.96)}.phases-nav__brand--with-back[data-back-placement=start] .phases-nav__brand-back{order:1}.phases-nav__brand--with-back[data-back-placement=start] .phases-nav__brand-link{order:2}.phases-nav__brand--with-back[data-back-placement=end] .phases-nav__brand-link{order:1}.phases-nav__brand--with-back[data-back-placement=end] .phases-nav__brand-back{order:2}.phases-nav[data-navbar-position=bottom]{padding-bottom:max(18px, env(safe-area-inset-bottom));top:auto;bottom:0}.phases-nav[data-navbar-position=bottom]>.phases-app-island--responsive{top:auto;bottom:max(18px, env(safe-area-inset-bottom))}.phases-nav[data-navbar-position=bottom] .phases-nav__menu:not(.phases-nav__menu--sidebar),.phases-nav[data-navbar-position=bottom] .phases-nav__account-overlay:not(.phases-nav__account-overlay--sidebar){top:auto;bottom:calc(100% + 12px)}.phases-nav>.phases-app-island--responsive{z-index:1;max-width:760px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.phases-nav__menu a>svg,.phases-nav__avatar>svg{transform-origin:50%;transition:transform .32s cubic-bezier(.2,.8,.2,1)}.phases-nav__menu a:is(:hover,:focus-visible)>svg{transform:translate(2px)scale(1.08)}.phases-nav__account-wrap{justify-self:end;position:relative}.phases-nav__account{height:54px;min-height:54px;color:var(--nav-text-primary);cursor:pointer;font-family:var(--font-display);transition:border-color var(--motion-fast) ease, transform var(--motion-fast) ease;align-items:center;gap:10px;padding-block:5px;padding-inline:5px 15px;font-size:.72rem;display:inline-flex}.phases-nav__account:hover,.phases-nav__account[aria-expanded=true]{border-color:var(--nav-border-strong);transform:translateY(-1px)}.phases-nav__account:is(:hover,:focus-visible,[aria-expanded=true]) .phases-nav__avatar>svg{transform:translateY(-2px)scale(1.08)}.phases-nav__account:is(:hover,:focus-visible,[aria-expanded=true]) .phases-nav__settings-badge{transform:rotate(12deg)scale(1.08)}.phases-nav__avatar{border:1px solid var(--nav-border);background:var(--nav-avatar-background);corner-shape:squircle;corner-smoothing:10%;border-radius:14px;flex:none;place-items:center;width:40px;height:40px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0f}.phases-nav__settings-badge{top:-5px;border:1px solid var(--nav-border);background:var(--nav-badge-background);transform-origin:50%;width:18px;height:18px;transition:border-color var(--motion-fast) ease, color var(--motion-fast) ease, transform .32s cubic-bezier(.2, .8, .2, 1);border-radius:7px;place-items:center;display:grid;position:absolute;inset-inline-end:-5px;box-shadow:0 4px 12px #0006}.phases-nav__settings-badge-motion{transform-origin:50%;place-items:center;display:grid}.phases-nav__menu{z-index:5;border-radius:20px;gap:3px;min-width:184px;margin:0;padding:7px;list-style:none;display:grid;position:absolute;top:calc(100% + 12px)}.phases-nav__menu--account{inset-inline-end:0}.phases-nav__menu-list{gap:3px;margin:0;padding:0;list-style:none;display:grid}.phases-nav__menu--sidebar{top:18px;inset-inline-end:18px;width:min(360px,100vw - 36px);max-height:calc(100dvh - 36px);position:fixed;bottom:18px;overflow:auto}.phases-nav__account-layer:not([popover]){display:contents}.phases-nav__account-layer[popover]{color:inherit;pointer-events:none;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:auto;overflow:visible}.phases-nav__account-layer[popover]>*{pointer-events:auto}.phases-nav__account-overlay{top:calc(100% + 12px);z-index:5;position:absolute;inset-inline-end:0}.phases-nav__account-overlay--sidebar{top:18px;inset-inline-end:18px;z-index:60;width:min(360px,100vw - 36px);max-height:calc(100dvh - 36px);position:fixed;bottom:18px;overflow:auto}.phases-nav__account-overlay--command,.phases-nav__account-overlay--popover{min-width:220px;max-width:min(360px,100vw - 32px)}.phases-nav__account-overlay--sidebar,.phases-nav__account-overlay--command,.phases-nav__account-overlay--popover{border:1px solid var(--nav-border);background-color:var(--nav-island-background);color:var(--nav-text-primary);corner-shape:squircle;border-radius:20px;box-shadow:inset 0 1px #ffffff14,0 24px 64px #00000059}.phases-nav__account-overlay--sidebar{padding:18px}.phases-nav__account-overlay--command,.phases-nav__account-overlay--popover{padding:12px}.phases-nav__account-overlay h2{color:var(--nav-text-primary);font-family:var(--font-display);margin:0 0 10px;font-size:1rem;line-height:1.15}.phases-nav__account-overlay p{color:var(--nav-text-secondary);font-family:var(--font-body);margin:0 0 14px;font-size:.78rem;line-height:1.45}.phases-nav__account-overlay button:where(:not(.phases-nav__island)){min-height:var(--nav-touch-target);min-width:var(--nav-touch-target);border:1px solid var(--nav-border);background:var(--nav-hover);color:var(--nav-text-primary);cursor:pointer;font:inherit;border-radius:10px;padding:6px 10px}.phases-nav__account-overlay [data-account-preview-behavior]{color:var(--nav-text-secondary);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin-top:10px;font-size:.62rem;display:block}.phases-nav[data-orientation=vertical] .phases-nav__account-overlay{top:auto;inset-inline-end:auto;bottom:0;inset-inline-start:calc(100% + 12px)}.phases-nav[data-orientation=vertical] .phases-nav__account-overlay--sidebar{top:18px;inset-inline-end:18px;bottom:18px;inset-inline-start:auto}.phases-nav__menu li{display:flex}.phases-nav__menu a{width:100%;min-height:var(--nav-touch-target);color:var(--nav-text-secondary);font-family:var(--font-display);transition:background var(--motion-fast) ease, color var(--motion-fast) ease;corner-shape:squircle;corner-smoothing:10%;border-radius:14px;align-items:center;gap:10px;padding:0 12px;font-size:.74rem;text-decoration:none;display:flex}.phases-nav__menu a:hover,.phases-nav__menu a:focus-visible{background:var(--nav-hover);color:var(--nav-text-primary)}.phases-nav[data-orientation=vertical]{--phases-nav-rail:188px;top:18px;bottom:18px;pointer-events:none;grid-template-rows:auto minmax(0,1fr) auto;width:188px;padding:0;display:grid;position:fixed;inset-inline:18px auto}.phases-nav[data-orientation=vertical] .phases-nav__layout{display:contents}.phases-nav[data-orientation=vertical] .phases-nav__brand,.phases-nav[data-orientation=vertical] .phases-nav__account-wrap,.phases-nav[data-orientation=vertical]>.phases-app-island--responsive{pointer-events:auto}.phases-nav[data-orientation=vertical] .phases-nav__brand{grid-row:1;justify-self:start;width:188px}.phases-nav[data-orientation=vertical]>.phases-app-island--responsive{top:auto;inset-inline-end:auto;bottom:auto;max-height:calc(100% - 24px);width:min(var(--nav-island-natural-width,188px), 188px);grid-row:2;place-self:center start;height:calc(100% - 24px);margin:12px 0;position:relative;inset-inline-start:auto;transform:none}.phases-nav[data-orientation=vertical] .phases-nav__account-wrap{grid-row:3;justify-self:start}.phases-nav[data-orientation=vertical] .phases-nav__account{width:188px}.phases-nav[data-orientation=vertical][data-presentation-mode=compact] .phases-nav__brand,.phases-nav[data-orientation=vertical][data-presentation-mode=compact] .phases-nav__account{width:54px;min-width:54px;padding:5px}.phases-nav[data-orientation=vertical][data-presentation-mode=compact] .phases-nav__brand--with-back{gap:6px;width:auto;min-width:104px;padding-inline:6px}.phases-nav[data-orientation=vertical][data-presentation-mode=compact] .phases-nav__brand-full,.phases-nav[data-orientation=vertical][data-presentation-mode=compact] .phases-nav__account-name{display:none}.phases-nav[data-orientation=vertical][data-presentation-mode=compact] .phases-nav__brand-compact{display:inline}.phases-nav[data-orientation=vertical] .phases-nav__menu{top:auto;inset-inline-end:auto;bottom:0;inset-inline-start:calc(100% + 12px)}.phases-nav[data-orientation=vertical] .phases-nav__menu--sidebar{top:18px;inset-inline-end:18px;bottom:18px;inset-inline-start:auto}.phases-nav__account[data-active-utility]{border-color:var(--nav-border-strong);background:var(--nav-active)}.phases-nav__account[data-active-utility=settings] .phases-nav__settings-badge{border-color:var(--color-take-500);color:var(--color-take-500)}.phases-nav__account[data-active-utility=settings] .phases-nav__settings-badge-motion{animation:.44s cubic-bezier(.2,.8,.2,1) phases-nav-settings-activate}@keyframes phases-nav-settings-activate{0%{transform:rotate(-20deg)scale(.72)}60%{transform:rotate(10deg)scale(1.12)}to{transform:rotate(0)scale(1)}}@media (width<=900px){.phases-nav{padding:16px}.phases-nav__layout{grid-template-columns:1fr auto;gap:10px}.phases-nav[data-orientation=horizontal][data-back-placement=end] .phases-nav__brand{grid-area:1/2;justify-self:end}.phases-nav[data-orientation=horizontal][data-back-placement=end] .phases-nav__account-wrap{grid-area:1/1;justify-self:start}.phases-nav[data-orientation=horizontal][data-back-placement=end] .phases-nav__menu--account:not(.phases-nav__menu--sidebar),.phases-nav[data-orientation=horizontal][data-back-placement=end] .phases-nav__account-overlay:not(.phases-nav__account-overlay--sidebar){inset-inline:0 auto}.phases-nav__brand{width:54px;min-width:54px;padding:0}.phases-nav__brand--with-back{gap:6px;width:auto;min-width:104px;padding-inline:6px}.phases-nav:not([data-orientation=vertical]) .phases-nav__brand-full{display:none}.phases-nav:not([data-orientation=vertical]) .phases-nav__brand-compact{display:inline}.phases-nav__account{width:54px;padding:5px}.phases-nav:not([data-orientation=vertical]) .phases-nav__account-name{display:none}.phases-nav>.phases-app-island--responsive{top:auto;bottom:max(16px, env(safe-area-inset-bottom));z-index:50;visibility:visible;opacity:1;width:min(430px,100% - 32px);max-width:none;margin:0 auto;display:block;position:fixed;left:0;right:0;transform:none}.phases-nav[data-navbar-position=bottom]{top:auto;bottom:calc(54px + max(16px, env(safe-area-inset-bottom)) + 10px);padding:0 16px}.phases-nav[data-navbar-position=bottom]>.phases-app-island--responsive{bottom:max(16px, env(safe-area-inset-bottom))}.phases-nav[data-orientation=vertical]{--phases-nav-rail:176px;top:max(12px, env(safe-area-inset-top));inset-inline-end:auto;bottom:max(12px, env(safe-area-inset-bottom));width:176px;height:auto;padding:0;inset-inline-start:12px}.phases-nav[data-orientation=vertical]>.phases-app-island--responsive{top:auto;inset-inline-end:auto;max-height:calc(100dvh - 164px - env(safe-area-inset-top) - env(safe-area-inset-bottom));bottom:auto;height:calc(100dvh - 164px - env(safe-area-inset-top) - env(safe-area-inset-bottom));position:relative;inset-inline-start:auto;transform:none}.phases-nav[data-orientation=vertical] .phases-nav-island{max-width:176px}}@media (width>=901px) and (width<=1050px){.phases-nav .phases-nav__brand{width:54px;min-width:54px;padding:0}.phases-nav .phases-nav__brand--with-back{gap:6px;width:auto;min-width:104px;padding-inline:6px}.phases-nav:not([data-orientation=vertical]) .phases-nav__brand-full,.phases-nav:not([data-orientation=vertical]) .phases-nav__account-name{display:none}.phases-nav:not([data-orientation=vertical]) .phases-nav__brand-compact{display:inline}.phases-nav .phases-nav__account{width:54px;padding:5px}}@media (prefers-reduced-motion:reduce){:root:not([data-reduced-motion=false]) .phases-nav *,:root:not([data-reduced-motion=false]) .phases-nav :before,:root:not([data-reduced-motion=false]) .phases-nav :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=360px){.phases-nav[data-orientation=vertical],.phases-nav[data-orientation=vertical]>.phases-app-island--responsive{width:150px}.phases-nav[data-orientation=vertical] .phases-nav-island{max-width:150px}}@media (width<=640px),(width<=900px) and (height<=500px) and (pointer:coarse){.phases-nav[data-navbar-position=sidebar],.phases-nav[data-navbar-position=sidebar][data-orientation=horizontal]{inset:0 0 auto;width:100%;height:auto;padding:16px;display:block;position:fixed;inset-inline:0}.phases-nav[data-navbar-position=sidebar] .phases-nav__layout,.phases-nav[data-navbar-position=sidebar][data-orientation=horizontal] .phases-nav__layout{width:min(100%, var(--content-width));grid-template-columns:1fr auto;gap:10px;margin:0 auto;display:grid}.phases-nav[data-navbar-position=sidebar] .phases-nav__brand,.phases-nav[data-navbar-position=sidebar][data-orientation=horizontal] .phases-nav__brand{grid-row:1;justify-self:start;width:54px;min-width:54px}.phases-nav[data-navbar-position=sidebar] .phases-nav__brand--with-back,.phases-nav[data-navbar-position=sidebar][data-orientation=horizontal] .phases-nav__brand--with-back{width:auto;min-width:104px}.phases-nav[data-navbar-position=sidebar][data-back-placement=end] .phases-nav__brand,.phases-nav[data-navbar-position=sidebar][data-orientation=horizontal][data-back-placement=end] .phases-nav__brand,.phases-nav[data-navbar-position=sidebar] .phases-nav__account-wrap,.phases-nav[data-navbar-position=sidebar][data-orientation=horizontal] .phases-nav__account-wrap{grid-area:1/2;justify-self:end}.phases-nav[data-navbar-position=sidebar] .phases-nav__brand-wrap{grid-area:1/1;justify-self:start}.phases-nav[data-navbar-position=sidebar][data-back-placement=end] .phases-nav__brand-wrap{grid-column:2;justify-self:end}.phases-nav[data-navbar-position=sidebar][data-back-placement=end] .phases-nav__account-wrap,.phases-nav[data-navbar-position=sidebar][data-orientation=horizontal][data-back-placement=end] .phases-nav__account-wrap{grid-area:1/1;justify-self:start}.phases-nav[data-navbar-position=sidebar] .phases-nav__account,.phases-nav[data-navbar-position=sidebar][data-orientation=horizontal] .phases-nav__account{width:54px}.phases-nav[data-navbar-position=sidebar]>.phases-app-island--responsive,.phases-nav[data-navbar-position=sidebar][data-orientation=horizontal]>.phases-app-island--responsive{top:auto;bottom:max(16px, env(safe-area-inset-bottom));z-index:50;width:min(430px,100% - 32px);max-width:none;max-height:none;margin:0 auto;display:block;position:fixed;left:0;right:0;transform:none}}.phases-nav__account-overlay--expand,.phases-nav__brand-overlay{top:0}.phases-nav__expand{--phases-nav-expand-target-width:max(var(--phases-nav-anchor-width,54px), min(var(--phases-nav-expand-width,300px), calc(100vw - 32px)));z-index:5;box-sizing:border-box;width:var(--phases-nav-expand-target-width);height:var(--phases-nav-expand-target-height,auto);border:1px solid var(--nav-border);border-radius:var(--nav-island-radius,21px);background-color:var(--nav-island-background);max-height:calc(100dvh - 36px);color:var(--nav-text-primary);corner-shape:squircle;corner-smoothing:10%;will-change:width, height;flex-direction:column;transition:width .28s cubic-bezier(.22,1,.36,1),height .28s cubic-bezier(.22,1,.36,1);animation:.3s cubic-bezier(.22,1,.36,1) backwards phases-nav-expand-in;display:flex;position:absolute;top:0;overflow:hidden}.phases-nav__expand[data-expand-side=end]{inset-inline-end:0}.phases-nav__expand[data-expand-side=start]{inset-inline-start:0}.phases-nav__expand[data-state=closing]{pointer-events:none;animation:.22s cubic-bezier(.32,.72,0,1) forwards phases-nav-expand-out}@keyframes phases-nav-expand-in{0%{width:var(--phases-nav-anchor-width,54px);height:var(--phases-nav-anchor-height,54px)}to{width:var(--phases-nav-expand-target-width);height:var(--phases-nav-expand-target-height)}}@keyframes phases-nav-expand-out{0%{width:var(--phases-nav-expand-from-width,var(--phases-nav-expand-target-width));height:var(--phases-nav-expand-from-height,var(--phases-nav-expand-target-height))}to{width:var(--phases-nav-anchor-width,54px);height:var(--phases-nav-anchor-height,54px)}}.phases-nav__expand-head{min-height:calc(var(--phases-nav-anchor-height,54px) - 2px);flex:none;align-items:center;display:flex}.phases-nav__expand[data-expand-side=end]>.phases-nav__expand-head{justify-content:flex-end}.phases-nav__expand-head>.phases-nav__island{min-height:calc(var(--phases-nav-anchor-height,54px) - 2px);height:calc(var(--phases-nav-anchor-height,54px) - 2px);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000;border:0;transform:none}.phases-nav__expand-body{box-sizing:border-box;width:calc(var(--phases-nav-expand-target-width) - 2px);max-height:calc(100dvh - 36px - var(--phases-nav-anchor-height,54px));overscroll-behavior:contain;scrollbar-width:thin;flex:none;animation:.24s cubic-bezier(.22,1,.36,1) backwards phases-nav-expand-body;overflow:hidden auto}.phases-nav__expand[data-expand-side=end]>.phases-nav__expand-body{margin-inline-start:auto}.phases-nav__expand[data-state=closing]>.phases-nav__expand-body{animation:.16s cubic-bezier(.32,.72,0,1) forwards phases-nav-expand-body-out}@keyframes phases-nav-expand-body{0%{opacity:0;transform:translateY(-4px)}}@keyframes phases-nav-expand-body-out{to{opacity:0;transform:translateY(-4px)}}.phases-nav[data-orientation=vertical] .phases-nav__account-overlay--expand{top:auto;bottom:0;flex-direction:column-reverse;inset-inline:0 auto}.phases-nav[data-orientation=vertical] .phases-nav__account-overlay--expand>.phases-nav__expand-head{justify-content:flex-start}.phases-nav[data-orientation=vertical] .phases-nav__account-overlay--expand>.phases-nav__expand-body{margin-inline-start:0;animation-name:phases-nav-expand-body-up}.phases-nav[data-orientation=vertical] .phases-nav__account-overlay--expand[data-state=closing]>.phases-nav__expand-body{animation-name:phases-nav-expand-body-up-out}@keyframes phases-nav-expand-body-up{0%{opacity:0;transform:translateY(4px)}}@keyframes phases-nav-expand-body-up-out{to{opacity:0;transform:translateY(4px)}}.phases-nav[data-orientation=vertical]:not([data-presentation-mode=compact]) .phases-nav__brand-wrap,.phases-nav[data-orientation=vertical]:not([data-presentation-mode=compact]) .phases-nav__account-wrap{width:var(--phases-nav-rail);max-width:none}.phases-nav[data-orientation=vertical]:not([data-presentation-mode=compact]) .phases-nav__brand,.phases-nav[data-orientation=vertical]:not([data-presentation-mode=compact]) .phases-nav__account,.phases-nav[data-orientation=vertical]:not([data-presentation-mode=compact])>.phases-app-island--responsive{width:var(--phases-nav-rail);max-width:var(--phases-nav-rail)}.phases-nav[data-orientation=vertical]:not([data-presentation-mode=compact]) .phases-nav__expand{--phases-nav-expand-target-width:var(--phases-nav-rail)}@media (width>=901px){.phases-nav[data-orientation=vertical]>.phases-app-island--responsive{align-self:start;transition:height .38s cubic-bezier(.2,.8,.2,1),margin-top .38s cubic-bezier(.2,.8,.2,1)}.phases-nav[data-orientation=vertical][data-expanded-island]>.phases-app-island--responsive{height:max(54px, calc(100% - 24px - var(--phases-nav-expand-grow,0px)))}.phases-nav[data-orientation=vertical][data-expanded-island=start]>.phases-app-island--responsive{margin-top:calc(12px + var(--phases-nav-expand-grow,0px))}}.phases-nav__brand-wrap{justify-self:start;min-width:0;max-width:100%;display:inline-flex;position:relative}.phases-nav__brand--panel{max-width:min(420px,100%);padding:0 5px}.phases-nav__brand--panel:hover{transform:none}.phases-nav__brand-button,.phases-nav__brand-head{min-width:0;min-height:44px;color:var(--nav-text-primary);font:inherit;cursor:pointer;transition:background var(--motion-fast) ease, transform var(--motion-medium) cubic-bezier(.2, .8, .2, 1);background:0 0;border:0;border-radius:16px;flex:auto;justify-content:center;align-items:center;gap:10px;padding:0 11px;display:inline-flex}.phases-nav__brand-head{flex:none;margin-inline-start:5px}.phases-nav__brand-button:is(:hover,:focus-visible){background:var(--nav-hover)}.phases-nav__brand-button:active{transform:scale(.98)}.phases-nav__brand-mark{align-items:center;display:inline-flex}.phases-nav__brand-notice{white-space:nowrap;align-items:center;gap:10px;min-width:0;padding-inline:10px 2px;animation:.42s cubic-bezier(.2,.8,.2,1) both phases-nav-notice-in;display:inline-flex}.phases-nav__brand--panel:not([data-brand-notice]) .phases-nav__brand-mark{animation:.42s cubic-bezier(.2,.8,.2,1) both phases-nav-notice-in}.phases-nav__brand-button--open{flex:none;min-width:44px;padding:0}@keyframes phases-nav-notice-in{0%{opacity:0;filter:blur(3px);transform:translate(-10px)}}.phases-nav__brand-open{background:var(--nav-hover);width:22px;height:22px;color:var(--nav-text-secondary,var(--nav-text-primary));transition:transform var(--motion-medium) cubic-bezier(.2, .8, .2, 1);border-radius:999px;flex:none;place-items:center;display:inline-grid}.phases-nav__brand-head .phases-nav__brand-open{transform:rotate(180deg)}:is(.phases-nav__account-wrap:has(.phases-nav__expand)>.phases-nav__account,.phases-nav__brand-wrap:has(.phases-nav__expand)>.phases-nav__brand){opacity:0}.phases-nav>.phases-app-island--responsive{transition:transform .38s cubic-bezier(.2,.8,.2,1)}.phases-nav[data-orientation=horizontal][data-brand-notice]>.phases-app-island--responsive{transform:translateX(calc(-50% + var(--phases-nav-notice-shift,56px)))}.phases-nav[data-orientation=horizontal][data-expanded-island=end]>.phases-app-island--responsive{transform:translateX(calc(-50% - var(--phases-nav-expand-shift,96px)))}.phases-nav[data-orientation=horizontal][data-expanded-island=start]>.phases-app-island--responsive{transform:translateX(calc(-50% + var(--phases-nav-expand-shift,96px)))}@media (width<=900px){.phases-nav[data-orientation=horizontal][data-back-placement=end] .phases-nav__brand-wrap{grid-area:1/2;justify-self:end}.phases-nav__brand--panel{width:auto;min-width:54px}.phases-nav__brand--panel[data-brand-notice]{max-width:calc(100vw - 96px)}.phases-nav__brand--panel .phases-nav__brand-button,.phases-nav__brand-head{padding-inline:5px}.phases-nav[data-orientation=horizontal]:is([data-expanded-island],[data-brand-notice])>.phases-app-island--responsive{transform:none}.phases-nav[data-expanded-island=end] .phases-nav__brand-wrap,.phases-nav[data-expanded-island=start] .phases-nav__account-wrap{opacity:0;visibility:hidden;transition:opacity .16s,visibility 0s .16s}.phases-nav__expand{--phases-nav-expand-target-width:calc(100vw - 32px)}}@media (prefers-reduced-motion:reduce){.phases-nav__expand,.phases-nav__expand[data-state=closing],.phases-nav__expand-body,.phases-nav__expand[data-state=closing]>.phases-nav__expand-body,.phases-nav__brand-notice,.phases-nav__brand--panel .phases-nav__brand-mark{animation:none}.phases-nav>.phases-app-island--responsive{transition:none}}.phases-range-slider{--phases-slider-accent:var(--color-take-500);--phases-slider-track:color-mix(in oklch, var(--text-primary) 14%, transparent);color:var(--text-primary);gap:9px;display:grid}.phases-range-slider[data-tone=studio]{--phases-slider-accent:var(--color-studio-500)}.phases-range-slider[data-tone=enlace]{--phases-slider-accent:var(--color-enlace-500)}.phases-range-slider[data-tone=life]{--phases-slider-accent:var(--color-life-500)}.phases-range-slider[data-tone=tangible]{--phases-slider-accent:var(--color-tangible-500)}.phases-range-slider__head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.phases-range-slider__head strong,.phases-range-slider__head output{font-family:var(--font-display);font-size:.66rem;font-weight:500}.phases-range-slider__head output{color:color-mix(in oklch, var(--text-primary) 65%, transparent)}.phases-range-slider small{color:var(--text-muted);font-size:.72rem;line-height:1.4}.phases-range-slider input{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0}.phases-range-slider input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--phases-slider-accent) 0 var(--phases-slider-progress), var(--phases-slider-track) var(--phases-slider-progress) 100%);border-radius:4px;height:4px}.phases-range-slider input::-webkit-slider-thumb{appearance:none;border:3px solid var(--surface-canvas);background:var(--phases-slider-accent);width:18px;height:18px;box-shadow:0 0 0 1px color-mix(in oklch, var(--phases-slider-accent) 60%, transparent), 0 4px 14px color-mix(in oklch, var(--phases-slider-accent) 40%, transparent);border-radius:50%;margin-top:-7px}.phases-range-slider input::-moz-range-track{background:var(--phases-slider-track);border-radius:4px;height:4px}.phases-range-slider input::-moz-range-progress{background:var(--phases-slider-accent);border-radius:4px;height:4px}.phases-range-slider input::-moz-range-thumb{border:3px solid var(--surface-canvas);background:var(--phases-slider-accent);width:12px;height:12px;box-shadow:0 0 0 1px color-mix(in oklch, var(--phases-slider-accent) 60%, transparent), 0 4px 14px color-mix(in oklch, var(--phases-slider-accent) 40%, transparent);border-radius:50%}.phases-range-slider input:focus-visible{outline:2px solid var(--phases-slider-accent);outline-offset:4px}.squircle-specimen{--squircle-fill:color-mix(in oklch, var(--color-take-500) 24%, var(--color-phases-900));--squircle-edge:color-mix(in oklch, var(--color-take-500) 74%, var(--color-phases-50));--squircle-ink:var(--color-take-200);width:min(var(--squircle-width), 100%);aspect-ratio:var(--squircle-ratio);border:1px solid var(--squircle-edge);border-radius:var(--squircle-radius);background:var(--squircle-fill);color:var(--squircle-ink);isolation:isolate;corner-shape:var(--squircle-corner-shape);corner-smoothing:var(--squircle-smoothing);display:grid;position:relative;overflow:hidden}.squircle-specimen--balance{--squircle-fill:color-mix(in oklch, var(--color-balance-400) 19%, var(--color-life-950));--squircle-edge:color-mix(in oklch, var(--color-balance-400) 76%, var(--color-phases-50));--squircle-ink:var(--color-balance-200)}.squircle-specimen--enlace{--squircle-fill:color-mix(in oklch, var(--color-enlace-500) 22%, var(--color-tangible-950));--squircle-edge:color-mix(in oklch, var(--color-enlace-500) 78%, var(--color-phases-50));--squircle-ink:var(--color-enlace-200)}.squircle-specimen--frame{--squircle-fill:color-mix(in oklch, var(--color-frame-300) 28%, var(--color-tangible-950));--squircle-edge:color-mix(in oklch, var(--color-frame-300) 82%, var(--color-phases-50));--squircle-ink:var(--color-frame-100)}.squircle-specimen__inner{inset:var(--squircle-padding);z-index:1;border:1px solid color-mix(in oklch, var(--squircle-edge) 55%, transparent);border-radius:var(--squircle-inner-radius);pointer-events:none;corner-shape:var(--squircle-corner-shape);corner-smoothing:var(--squircle-smoothing);position:absolute}.squircle-specimen__content{z-index:2;text-align:center;place-items:center;min-width:0;min-height:0;padding:clamp(14px,5%,26px);display:grid;position:relative}@supports not (corner-smoothing:1%){.squircle-specimen{border-radius:var(--squircle-fallback-radius)}.squircle-specimen__inner{border-radius:var(--squircle-fallback-inner-radius)}}.phase-unit{width:100%;height:auto;display:block;overflow:visible}.phase-unit__cell{fill:currentColor;opacity:var(--unit-dim,.13);transform-box:view-box;transform-origin:0 0;transition:opacity .42s cubic-bezier(.16,1,.3,1),scale .42s cubic-bezier(.16,1,.3,1)}.phase-unit:not([data-animation=transition]) .phase-unit__cell{transition:none}.phase-unit__cell[data-lit=true]{opacity:1}.phase-unit__limb{fill:none;stroke:currentColor;stroke-opacity:.3;stroke-width:1.25px}.phase-unit__lit{fill:currentColor}.phase-unit__fill{opacity:.86}.phase-unit__limb--hand{fill:currentColor;stroke:none;opacity:var(--unit-dim,.3)}.unit-field{width:100%;display:block}.catalog-page{min-height:100vh}.catalog-page__main{width:min(100%, calc(var(--content-width) + var(--page-gutter) * 2));padding:72px var(--page-gutter) 110px;margin:0 auto}.catalog-page__heading{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.catalog-page__heading h1{letter-spacing:-.05em;margin:0;font-size:clamp(1.45rem,3vw,2.1rem)}.catalog-page__heading p{color:var(--text-muted);margin:10px 0 0;font-size:.92rem}.catalog-page__heading>span{color:var(--text-muted);font-family:var(--font-display);font-size:.76rem}.catalog-page__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.component-card__branding-preview{background:var(--color-phases-950);width:100%;min-height:250px;color:var(--color-phases-50);corner-shape:squircle;corner-smoothing:10%;border-radius:22px;align-content:center;gap:16px;padding:24px;display:grid;overflow:hidden}.component-card__branding-preview>span{color:var(--text-muted);font-family:var(--font-display);letter-spacing:.08em;font-size:.56rem}.component-card__branding-stack{gap:10px;display:grid}.component-card__branding-chip{background:#ffffff0d;border:1px solid #ffffff29;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;display:flex}.component-card__branding-chip strong{color:var(--text-muted);font-family:var(--font-display);letter-spacing:.1em;font-size:.58rem;font-weight:500}.component-card__branding-chip .phase-unit{flex:none;width:34px}.component-card__squircles-preview{justify-items:center;gap:14px;width:min(100%,420px);display:grid}.component-card__squircles-preview .squircle-specimen:nth-child(2){justify-self:end}.component-card__squircles-preview .squircle-specimen:nth-child(3){justify-self:start}.component-card__footer-preview{background:var(--color-phases-black);corner-shape:squircle;corner-smoothing:10%;border-radius:22px;width:100%;overflow:hidden}.component-card__footer-preview .phases-footer{padding:34px 22px 18px}.component-card__footer-preview .phases-footer__grid{grid-template-columns:minmax(108px,1.35fr) repeat(3,minmax(0,1fr));gap:22px 12px;margin-bottom:28px}.component-card__footer-preview .phases-footer__brand{gap:12px}.component-card__footer-preview .phases-footer__brand-link .brand-mark--full{width:96px}.component-card__footer-preview .phases-footer__brand p{max-width:130px;font-size:.62rem;line-height:1.35}.component-card__footer-preview .phases-footer__badge{padding:4px 6px;font-size:.48rem}.component-card__footer-preview .phases-footer__group h2{margin-bottom:12px;font-size:.5rem}.component-card__footer-preview .phases-footer__group ul{gap:7px}.component-card__footer-preview .phases-footer__group a{text-overflow:ellipsis;white-space:nowrap;font-size:.56rem;display:block;overflow:hidden}.component-card__footer-preview .phases-footer__bottom{gap:8px;padding-top:12px;font-size:.44rem}.component-card__mascot-preview{background:radial-gradient(circle at 18% 24%, color-mix(in oklch, var(--color-take-500) 42%, transparent), transparent 32%), radial-gradient(circle at 82% 72%, color-mix(in oklch, var(--color-enlace-500) 34%, transparent), transparent 36%), var(--color-phases-950);corner-shape:squircle;corner-smoothing:10%;border-radius:22px;align-content:center;justify-items:center;gap:26px;width:100%;min-height:250px;padding:24px;display:grid;overflow:hidden}.component-card__mascot-preview>span{color:var(--text-muted);font-family:var(--font-display);letter-spacing:.08em;align-self:start;font-size:.56rem}.component-card__mascot-preview .phases-mascot{width:min(230px,92%);color:var(--color-phases-50)}.component-card__moonsaic-preview{background:var(--color-phases-black);corner-shape:squircle;corner-smoothing:10%;border-radius:22px;align-content:space-between;justify-items:center;width:100%;min-height:250px;padding:24px;display:grid;overflow:hidden}.component-card__moonsaic-preview>span{color:var(--text-muted);font-family:var(--font-display);letter-spacing:.08em;justify-self:start;font-size:.56rem}.component-card__moonsaic-preview .moonsaic{width:min(310px,92%)}.component-card__moonsaic-preview .moonsaic__status{display:none}.component-card__sliders-preview{align-content:center;justify-items:stretch;gap:16px;width:100%;display:grid;overflow:hidden}.component-card__sliders-preview>span{color:var(--text-muted);font-family:var(--font-display);letter-spacing:.08em;font-size:.56rem}.component-card__scrollbar-preview{border:1px solid var(--border-subtle);background:linear-gradient(135deg, color-mix(in oklch, var(--color-take-500) 18%, transparent), transparent 48%), var(--color-phases-950);corner-shape:squircle;corner-smoothing:10%;border-radius:20px;place-items:center;width:100%;height:190px;display:grid;position:relative;overflow:hidden}.component-card__scrollbar-preview-content{corner-shape:squircle;corner-smoothing:10%;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:16px;gap:9px;width:76%;padding:18px;display:grid;transform:rotate(-5deg)}.component-card__scrollbar-preview-content i{background:linear-gradient(90deg, var(--color-take-400), var(--color-enlace-400));border-radius:8px;height:8px;display:block}.component-card__scrollbar-preview-content i:nth-child(2){width:82%}.component-card__scrollbar-preview-content i:nth-child(3){opacity:.65;width:62%}.component-card__scrollbar-preview-content i:nth-child(4){opacity:.35;width:44%}.component-card__scrollbar-preview b{background:color-mix(in oklch, var(--color-take-500) 80%, transparent);width:9px;box-shadow:inset 0 0 0 3px var(--color-phases-950);corner-shape:squircle;corner-smoothing:10%;border-radius:9px;position:absolute;top:22px;bottom:22px;right:16px}.component-card__sliders-preview>.phases-range-slider{padding:0 2px}.catalog-page__guideline{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:baseline;gap:40px;margin-top:104px;padding-top:24px;display:flex}.catalog-page__guideline span{color:var(--accent);font-family:var(--font-display);font-size:.72rem}.catalog-page__guideline p{max-width:480px;color:var(--text-secondary);margin:0;font-size:clamp(1rem,2vw,1.35rem);line-height:1.45}.catalog-page__footer{padding:24px var(--page-gutter);border-top:1px solid var(--border-subtle);color:var(--text-muted);font-family:var(--font-display);justify-content:space-between;font-size:.68rem;display:flex}@media (width<=1050px){.catalog-page__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.catalog-page__main{padding-top:48px}.catalog-page__heading{align-items:start}.catalog-page__heading p{max-width:220px}.catalog-page__heading>span{padding-top:8px}.catalog-page__guideline{flex-direction:column;align-items:start;gap:12px}.catalog-page__grid{grid-template-columns:minmax(0,1fr)}}.pixel-icon{flex:none;display:block}.pixel-icon rect{fill:currentColor}.pixel-icon__mesh{fill:none;stroke:currentColor;stroke-opacity:.12;stroke-width:1px;vector-effect:non-scaling-stroke}.branding-lab{--branding-bg:var(--color-phases-black);--branding-text:var(--color-phases-50);--branding-muted:#ffffff94;--branding-border:#ffffff1f;--branding-panel:#0e0e0ee0;--branding-chip:#ffffff0f;--branding-surface:#ffffff09;--branding-radius:26px;--branding-chip-radius:12px;--branding-shadow:0 24px 70px #0000006b;--lab-mono:var(--color-phases-50);--lab-accent:var(--lab-mono);--lab-academy:oklch(80% .11 78);background:var(--branding-bg);min-height:100vh;color:var(--branding-text);transition:background-color var(--motion-medium) ease, color var(--motion-medium) ease}.branding-lab[data-theme=light]{--branding-bg:var(--color-phases-100);--branding-text:var(--color-phases-900);--branding-muted:#0000008f;--branding-border:#0000001a;--branding-panel:#fafafae6;--branding-chip:#0000000a;--branding-surface:#ffffffb3;--branding-shadow:0 24px 60px #00000014;--lab-mono:var(--color-phases-900);--lab-academy:oklch(62% .12 70)}.branding-lab[data-palette=take],.branding-lab [data-palette=take]{--lab-accent:var(--color-take-500)}.branding-lab[data-palette=academy],.branding-lab [data-palette=academy]{--lab-accent:var(--lab-academy)}.branding-lab__filters{pointer-events:none;position:absolute}.branding-lab .phase-unit,.branding-lab .unit-field{color:var(--lab-accent)}.branding-lab__panel{--panel-edge:24px;top:var(--panel-edge);right:var(--panel-edge);z-index:40;width:min(300px,100vw - 48px);max-height:calc(100dvh - var(--panel-edge) * 2);overscroll-behavior:contain;border:1px solid var(--branding-border);border-radius:var(--branding-radius);background:var(--branding-panel);box-shadow:var(--branding-shadow);-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);position:fixed;overflow:hidden auto}.branding-lab__panel header{border-bottom:1px solid var(--branding-border);justify-content:space-between;align-items:center;gap:8px;padding:13px 16px;display:flex}.branding-lab__panel header div{gap:3px;display:grid}.branding-lab__panel header span,.branding-lab__panel header strong{font-family:var(--font-display)}.branding-lab__panel header span{color:var(--branding-muted);font-size:.6rem}.branding-lab__panel header strong{font-size:.72rem}.branding-lab__catalog-link,.branding-lab__collapse,.branding-lab__choice button,.branding-lab__jump a,.branding-lab__motion-controls button{border:1px solid var(--branding-border);border-radius:var(--branding-chip-radius);background:var(--branding-chip);min-height:32px;color:var(--branding-text);font-family:var(--font-display);cursor:pointer;transition:border-color var(--motion-fast) ease, background var(--motion-fast) ease;font-size:.6rem;text-decoration:none}.branding-lab__catalog-link{align-items:center;padding:6px 10px;display:inline-flex}.branding-lab__collapse{place-items:center;width:32px;padding:0;line-height:1;display:grid}.branding-lab__catalog-link:hover,.branding-lab__catalog-link:focus-visible,.branding-lab__collapse:hover,.branding-lab__collapse:focus-visible,.branding-lab__choice button:hover,.branding-lab__choice button:focus-visible,.branding-lab__jump a:hover,.branding-lab__jump a:focus-visible,.branding-lab__motion-controls button:hover,.branding-lab__motion-controls button:focus-visible{border-color:var(--lab-accent)}.branding-lab__panel-body>section{border-bottom:1px solid var(--branding-border);gap:8px;padding:0 16px 14px;display:grid}.branding-lab__panel-body>section:last-child{border-bottom:0}.branding-lab__panel-body h2{color:var(--branding-muted);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin:0;padding-top:12px;font-size:.58rem;font-weight:500}.branding-lab__choice{grid-template-columns:repeat(var(--choice-count,3), minmax(0, 1fr));gap:5px;display:grid}.branding-lab__choice[data-count="2"],.branding-lab__choice[data-count="4"]{--choice-count:2}.branding-lab__choice button{padding:7px 4px}.branding-lab__choice button[aria-checked=true]{border-color:var(--lab-accent);background:color-mix(in oklch, var(--lab-accent) 24%, transparent)}.branding-lab__panel-note{color:var(--branding-muted);margin:2px 0 0;font-size:.74rem;line-height:1.45}.branding-lab__range{gap:8px;display:grid}.branding-lab__range>span{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.branding-lab__range strong,.branding-lab__range output{font-family:var(--font-display);font-size:.62rem}.branding-lab__range output{color:var(--branding-muted)}.branding-lab__range input,.branding-lab__motion-controls input{width:100%;accent-color:var(--lab-accent);cursor:pointer}.branding-lab__jump{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.branding-lab__jump a{align-items:center;padding:6px 9px;display:flex}.branding-lab__main{width:min(100%, calc(var(--content-width) + var(--page-gutter) * 2));padding:56px var(--page-gutter) 110px;margin:0 auto}.branding-lab__heading{max-width:780px;margin-bottom:44px}.branding-lab__kicker{color:var(--branding-muted);font-family:var(--font-display);letter-spacing:.1em;font-size:.62rem}.branding-lab__heading h1{letter-spacing:-.07em;margin:14px 0 16px;font-size:clamp(2.1rem,5vw,4.4rem);line-height:.98}.branding-lab__heading p{max-width:620px;color:var(--branding-muted);margin:0;font-size:1.02rem;line-height:1.6}.branding-lab__rules{counter-reset:rule;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:26px 0 0;padding:0;list-style:none;display:grid}.branding-lab__rules li{border:1px solid var(--branding-border);counter-increment:rule;border-radius:14px;padding:12px 14px;font-size:.82rem;line-height:1.4}.branding-lab__rules li:before{color:var(--lab-accent);content:"R" counter(rule);font-family:var(--font-display);margin-bottom:6px;font-size:.6rem;display:block}.branding-lab__specimens{gap:34px;display:grid}.branding-lab__specimen{scroll-margin-top:24px}.branding-lab__specimen-head{flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-bottom:12px;display:flex}.branding-lab__specimen-head>span{color:var(--lab-accent);font-family:var(--font-display);letter-spacing:.1em;font-size:.6rem}.branding-lab__specimen-head h2{letter-spacing:-.03em;margin:0;font-size:1.1rem}.branding-lab__specimen-head p{color:var(--branding-muted);margin:0;font-size:.84rem}.branding-lab__surface{border:1px solid var(--branding-border);border-radius:var(--branding-radius);background-color:var(--branding-surface);box-shadow:var(--branding-shadow);gap:22px;padding:clamp(22px,4vw,44px);display:grid;overflow:hidden}.branding-lab__candidates{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.branding-lab__candidates li{transition:border-color var(--motion-fast) ease;border:1px solid #0000;border-radius:20px;align-content:start;gap:10px;padding:18px;display:grid}.branding-lab__candidates li[data-selected]{border-color:var(--lab-accent)}.branding-lab__candidates .phase-unit{width:min(100%,180px);margin:0 auto 8px}.branding-lab__candidates strong{font-family:var(--font-display);font-size:.72rem}.branding-lab__candidates p{color:var(--branding-muted);margin:0;font-size:.8rem;line-height:1.45}.branding-lab__states{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.branding-lab__states li{text-align:center;justify-items:center;gap:6px;display:grid}.branding-lab__states .phase-unit{width:min(100%,110px);margin-bottom:6px}.branding-lab__states strong{font-family:var(--font-display);font-size:.64rem}.branding-lab__states small{color:var(--branding-muted);font-size:.72rem}.branding-lab__tabs{flex-wrap:wrap;gap:8px;display:flex}.branding-lab__tab{border:1px solid var(--branding-border);background:var(--branding-chip);border-radius:10px 10px 0 0;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.branding-lab__tab em{font-size:.78rem;font-style:normal}.branding-lab__tab small{color:var(--branding-muted);font-family:var(--font-display);font-size:.56rem}.branding-lab__tab .phase-unit{flex:none}.branding-lab__tab[data-size="16"] .phase-unit{width:16px}.branding-lab__tab[data-size="32"] .phase-unit{width:32px}.branding-lab__tab[data-size="48"] .phase-unit{width:48px}.branding-lab__scale-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(20px,4vw,48px);display:grid}.branding-lab__scale--icon{background:var(--branding-chip);border-radius:24px;width:96px;padding:14px}.branding-lab__scale--poster{width:clamp(140px,22vw,240px)}.branding-lab__signatures{justify-items:start;gap:18px;display:grid}.branding-lab__wordmark{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:.42em;font-size:clamp(1.4rem,3.4vw,2.4rem);display:inline-flex}.branding-lab__wordmark .phase-unit{width:1em}.branding-lab__wordmark strong{font-weight:700}.branding-lab__signature--sm .branding-lab__wordmark{font-size:.95rem}.branding-lab__motion-controls{grid-template-columns:auto minmax(0,1fr) 90px;align-items:center;gap:14px;display:grid}.branding-lab__motion-controls button{padding:6px 14px}.branding-lab__motion-controls label{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.branding-lab__motion-controls span,.branding-lab__motion-controls output{color:var(--branding-muted);font-family:var(--font-display);font-size:.62rem}.branding-lab__motion-controls output{text-align:right}.branding-lab__app{border:1px solid var(--branding-border);background:var(--branding-bg);border-radius:20px;align-content:start;gap:16px;padding:clamp(18px,3vw,30px);display:grid}.branding-lab__apps{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.branding-lab__app>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.branding-lab__app>header small{color:var(--branding-muted);font-family:var(--font-display);font-size:.6rem}.branding-lab__product{font-family:var(--font-display);align-items:center;gap:8px;font-size:.8rem;font-weight:700;display:inline-flex}.branding-lab__product .phase-unit{width:22px}.branding-lab__app-note{color:var(--branding-muted);margin:0;font-size:.78rem;line-height:1.45}.branding-lab__hero-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.branding-lab__hero-nav .branding-lab__wordmark{font-size:.95rem}.branding-lab__hero-nav>span{flex-wrap:wrap;gap:16px;display:flex}.branding-lab__hero-nav em{color:var(--branding-muted);font-family:var(--font-display);font-size:.62rem;font-style:normal}.branding-lab__hero-body{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;padding:clamp(20px,5vw,56px) 0 clamp(8px,2vw,20px);display:grid}.branding-lab__hero-kicker{color:var(--lab-accent);font-family:var(--font-display);letter-spacing:.08em;font-size:.64rem}.branding-lab__hero-body h3{letter-spacing:-.06em;margin:12px 0 14px;font-size:clamp(1.9rem,4.6vw,3.6rem);line-height:1}.branding-lab__hero-body p{max-width:520px;color:var(--branding-muted);margin:0;font-size:.98rem;line-height:1.6}.branding-lab__provisional{border:1px dashed var(--branding-border);color:var(--branding-muted);font-family:var(--font-display);border-radius:8px;margin-top:16px;padding:4px 8px;font-size:.56rem;display:inline-block}.branding-lab__hero-unit{width:clamp(120px,20vw,220px)}.branding-lab__script{gap:6px;margin:0;padding:0;list-style:none;display:grid}.branding-lab__script li{letter-spacing:-.02em;opacity:.5;transition:opacity var(--motion-medium) ease, color var(--motion-medium) ease;font-size:clamp(1.05rem,2.2vw,1.5rem);font-weight:600;line-height:1.25}.branding-lab__script li[data-state=past]{opacity:.13}.branding-lab__script li[data-state=current]{color:var(--lab-accent);opacity:1}.branding-lab__app--academy h3{letter-spacing:-.03em;margin:0;font-size:1.2rem}.branding-lab__app--academy .branding-lab__choice{min-width:220px}.branding-lab__map{width:100%;height:auto;color:var(--lab-accent);overflow:visible}.branding-lab__map line{stroke:currentColor;stroke-width:.4px;transition:opacity var(--motion-medium) ease}.branding-lab__map g circle{fill:currentColor}.branding-lab__map text{fill:var(--branding-text);font-family:var(--font-display);text-anchor:middle;font-size:3.6px}.branding-lab__map [data-lit]{transition:opacity var(--motion-medium) ease}.branding-lab__map [data-lit=false]{opacity:.13}@media (width>=1180px){.branding-lab__main{padding-right:calc(324px + var(--page-gutter))}}@media (width<=900px){.branding-lab__panel{width:auto;top:16px;left:16px;right:16px}.branding-lab__main{padding-top:92px}.branding-lab__specimen{scroll-margin-top:92px}.branding-lab__apps{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.branding-lab__candidates{grid-template-columns:minmax(0,1fr)}.branding-lab__states{grid-template-columns:repeat(3,minmax(0,1fr))}.branding-lab__scale-row{grid-template-columns:minmax(0,1fr);justify-items:start}.branding-lab__hero-body,.branding-lab__motion-controls{grid-template-columns:minmax(0,1fr)}.branding-lab__motion-controls output{text-align:left}}@media (prefers-reduced-motion:reduce){.branding-lab,.branding-lab *{transition:none!important}}.branding-lab__logos{gap:22px;display:grid}.branding-lab__logo{border:1px solid var(--branding-border);background:var(--branding-bg);border-radius:20px;align-content:start;gap:20px;padding:clamp(18px,3vw,30px);display:grid}.branding-lab__logo-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px 24px;display:flex}.branding-lab__logo-head>div{gap:6px;max-width:460px;display:grid}.branding-lab__logo-head strong{font-family:var(--font-display);font-size:clamp(1.2rem,2.6vw,1.7rem);font-weight:700}.branding-lab__logo-head small{color:var(--branding-muted);font-size:.78rem;line-height:1.45}.branding-lab__logo-head .branding-lab__choice{min-width:200px}.branding-lab__mark-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1.25fr);align-items:center;gap:clamp(18px,4vw,44px);display:grid}.branding-lab__mark{justify-items:center;gap:12px;margin:0;display:grid}.branding-lab__mark figcaption{color:var(--branding-muted);font-family:var(--font-display);letter-spacing:.06em;font-size:.58rem}.branding-lab__mark-compact{width:min(100%,180px)}.branding-lab__mark--large .unit-field{width:min(100%,300px)}.branding-lab__favicons{align-items:flex-end;gap:16px;display:flex}.branding-lab__favicons>span{flex:none;display:block}.branding-lab__favicons>span[data-size="16"]{width:16px}.branding-lab__favicons>span[data-size="32"]{width:32px}.branding-lab__favicons>span[data-size="48"]{width:48px}.branding-lab__favicon-row{flex-wrap:wrap;justify-content:space-around;align-items:flex-end;gap:24px;display:flex}.branding-lab__pixel-icon{color:var(--lab-accent)}.branding-lab__pixel-icon .pixel-icon__mesh{stroke:var(--branding-text)}.branding-lab__tabbar-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.branding-lab__tabbar{color:#e8eaed;background:#202124;border-radius:10px 10px 0 0;gap:2px;padding:8px 8px 0;display:flex;overflow:hidden}.branding-lab__tabbar[data-tab=light]{color:#1f1f1f;background:#dee1e6}.branding-lab__browser-tab{background:#35363a;border-radius:8px 8px 0 0;flex:1 1 0;align-items:center;gap:8px;min-width:0;padding:8px 12px;display:inline-flex}.branding-lab__tabbar[data-tab=light] .branding-lab__browser-tab{background:#fff}.branding-lab__browser-tab[data-muted]{opacity:.72;background:0 0!important}.branding-lab__browser-tab .branding-lab__pixel-icon{color:#f5f5f5}.branding-lab__tabbar[data-tab=light] .branding-lab__pixel-icon{color:#141414}.branding-lab__browser-tab em{text-overflow:ellipsis;white-space:nowrap;font-family:system-ui,sans-serif;font-size:12px;font-style:normal;overflow:hidden}.branding-lab__favicon-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.branding-lab__apply{border:1px solid var(--branding-border);border-radius:var(--branding-chip-radius);background:var(--branding-chip);min-height:32px;color:var(--branding-text);font-family:var(--font-display);cursor:pointer;padding:6px 14px;font-size:.6rem}.branding-lab__apply[aria-pressed=true],.branding-lab__apply:hover,.branding-lab__apply:focus-visible{border-color:var(--lab-accent)}@media (width<=640px){.branding-lab__tabbar-row{grid-template-columns:minmax(0,1fr)}}.branding-lab__motion-controls--logos{grid-template-columns:auto minmax(0,1fr)}.branding-lab__toggle{cursor:pointer;align-items:center;gap:8px;font-size:.74rem;display:flex}.branding-lab__toggle input{accent-color:var(--lab-accent)}@media (width<=640px){.branding-lab__mark-row{grid-template-columns:minmax(0,1fr)}}.branding-lab[data-preset=hand]{--branding-bg:var(--hand-paper);--branding-text:var(--hand-ink);--branding-muted:color-mix(in srgb, var(--hand-ink) 64%, transparent);--branding-border:transparent;--branding-panel:var(--hand-paper);--branding-chip:transparent;--branding-surface:transparent;--branding-shadow:none;--branding-radius:0;--branding-chip-radius:0;--lab-mono:var(--hand-ink);background-image:var(--hand-grain)}.branding-lab[data-preset=hand] .branding-lab__panel{background-color:var(--hand-paper);-webkit-backdrop-filter:none;backdrop-filter:none}.branding-lab[data-preset=hand] :is(.branding-lab__surface,.branding-lab__panel){border-color:#0000;border-image:var(--hand-frame) 24 / 12px stretch}.branding-lab[data-preset=hand] :is(.branding-lab__app,.branding-lab__logo,.branding-lab__contra,.branding-lab__rules li,.branding-lab__candidates li[data-selected],.branding-lab__scale--icon){border-color:#0000;border-image:var(--hand-frame-alt) 24 / 12px stretch;border-radius:0}.branding-lab[data-preset=hand] :is(.branding-lab__catalog-link,.branding-lab__collapse,.branding-lab__choice button,.branding-lab__jump a,.branding-lab__motion-controls button,.branding-lab__apply,.branding-lab__tab,.branding-lab__provisional){border-color:#0000;border-image:var(--hand-frame-thin) 24 / 10px stretch;border-radius:0}.branding-lab[data-preset=hand] .branding-lab__choice button[aria-checked=true]{background-color:#0000;background-image:var(--hand-hatch);border-image-source:var(--hand-frame-alt);background-size:100% 100%}.branding-lab[data-preset=hand] :is(.branding-lab__catalog-link,.branding-lab__collapse,.branding-lab__choice button,.branding-lab__jump a,.branding-lab__motion-controls button):is(:hover,:focus-visible){border-color:#0000;border-image-source:var(--hand-frame-alt)}.branding-lab[data-preset=hand] :is(.branding-lab__panel header,.branding-lab__panel-body>section){background-image:var(--hand-underline);background-position:12px 100%;background-repeat:no-repeat;background-size:calc(100% - 24px) 6px;border-bottom-color:#0000}.branding-lab[data-preset=hand] .branding-lab__panel-body>section:last-child{background-image:none}.branding-lab[data-preset=hand] :is(.branding-lab__specimen-head h2,.branding-lab__heading h1){background-image:var(--hand-underline);background-position:0 100%;background-repeat:no-repeat;background-size:100% .2em;padding-bottom:.18em}.branding-lab[data-preset=hand] .branding-lab__specimen-head h2{background-size:100% 6px;padding-bottom:6px}.branding-lab[data-preset=hand] :is(.branding-lab__range input,.branding-lab__motion-controls input){accent-color:var(--hand-ink)}.branding-lab[data-preset=hand] .branding-lab__map line{stroke-dasharray:1.4 1;stroke-linecap:round}.phases-surface-specimen{box-sizing:border-box;border:1px solid var(--border-subtle);border-radius:var(--radius-card,30px);background-color:rgb(12 12 12/var(--phases-material-tint-alpha,.3));color:var(--text-primary);font-family:var(--font-body);corner-shape:squircle;corner-smoothing:10%;transition:border-color var(--motion-fast) ease;flex-direction:column;display:flex;overflow:hidden}.phases-surface-specimen.phases-surface-material--light{background-color:rgb(255 255 255/var(--phases-material-tint-alpha,.3));color:var(--color-phases-black,#070707);border-color:#0000001f}.phases-surface-specimen--card{min-width:260px;max-width:440px;padding:24px}.phases-surface-specimen--panel{width:100%;padding:32px}.phases-surface-specimen--flyout{border-radius:16px;min-width:200px;max-width:320px;padding:16px}.phases-surface-specimen--pill{border-radius:9999px;justify-content:center;align-items:center;padding:10px 20px}.phases-surface-specimen__header{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.phases-surface-specimen__subtitle{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.62rem}.phases-surface-material--light .phases-surface-specimen__subtitle{color:#0000008c}.phases-surface-specimen__title{letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:600}.phases-surface-specimen__body{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.phases-surface-material--light .phases-surface-specimen__body{color:#000000b8}.effects-lab{--effects-background:var(--color-phases-black);--effects-text:var(--color-phases-50);--effects-muted:#ffffff94;--effects-border:#ffffff24;background:var(--effects-background);min-height:100vh;color:var(--effects-text)}.effects-lab__topbar,.effects-lab__main{width:min(100%, calc(var(--content-width) + var(--page-gutter) * 2));margin:0 auto}.effects-lab__topbar{padding:24px var(--page-gutter) 0;color:var(--effects-muted);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.62rem;display:flex}.effects-lab__catalog-link{border:1px solid var(--effects-border);min-height:34px;color:var(--effects-text);font-family:var(--font-display);transition:border-color var(--motion-fast) ease, background var(--motion-fast) ease, color var(--motion-fast) ease;corner-shape:squircle;corner-smoothing:10%;background:#ffffff0d;border-radius:12px;align-items:center;padding:7px 10px;font-size:.61rem;text-decoration:none;display:inline-flex}.effects-lab__catalog-link:hover,.effects-lab__catalog-link:focus-visible{border-color:var(--color-take-400);background:color-mix(in oklch, var(--color-take-500) 18%, transparent);color:var(--effects-text)}.effects-lab__main{padding:52px var(--page-gutter) 100px}.effects-lab__heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:26px;display:flex}.effects-lab__kicker,.effects-lab__sample-copy>span,.effects-lab__stage-readout>span,.effects-lab__inspector-head>div>span,.effects-lab__inspector-foot>span,.effects-lab__surface>span{color:var(--effects-muted);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem}.effects-lab__heading h1{letter-spacing:-.075em;max-width:760px;margin:14px 0;font-size:clamp(2rem,4.4vw,4.2rem);line-height:.98}.effects-lab__heading p{max-width:560px;color:var(--effects-muted);margin:0;font-size:1rem;line-height:1.55}.effects-lab__catalog-link{flex:none}.effects-lab__workspace{grid-template-columns:minmax(0,1fr) 326px;align-items:start;gap:20px;display:grid}.effects-lab__stage-shell,.effects-lab__inspector{border:1px solid var(--effects-border);corner-shape:squircle;corner-smoothing:10%;background:#ffffff09;border-radius:30px;box-shadow:0 30px 90px #00000042}.effects-lab__stage-shell{overflow:hidden}.effects-lab__stage{isolation:isolate;min-height:520px;position:relative;overflow:hidden}.effects-lab__field,.effects-lab__dither-layer,.effects-lab__mosaic-layer,.effects-lab__moving-items{pointer-events:none;position:absolute;inset:0}.effects-lab__field{z-index:-3;background:radial-gradient(circle at 16% 24%, color-mix(in oklch, var(--effects-accent-a) 78%, transparent), transparent 30%), radial-gradient(circle at 88% 16%, color-mix(in oklch, var(--effects-accent-b) 68%, transparent), transparent 34%), radial-gradient(circle at 67% 88%, color-mix(in oklch, var(--effects-accent-c) 56%, transparent), transparent 34%), var(--effects-field-base)}.effects-lab__field:before,.effects-lab__field:after{background:color-mix(in oklch, var(--effects-accent-a) 42%, transparent);content:"";filter:blur(28px);opacity:.72;width:52%;height:42%;animation:effects-lab-drift var(--effects-motion-duration) ease-in-out infinite alternate;border-radius:50%;display:block;position:absolute;transform:rotate(-18deg)}.effects-lab__field:before{top:12%;left:-12%}.effects-lab__field:after{background:color-mix(in oklch, var(--effects-accent-b) 46%, transparent);animation-delay:-5s;bottom:4%;right:-16%;transform:rotate(28deg)scale(.88)}.effects-lab[data-motion=off] .effects-lab__field:before,.effects-lab[data-motion=off] .effects-lab__field:after,.effects-lab[data-motion=off] .effects-lab__moving-item{animation-play-state:paused}.effects-lab__dither-layer{z-index:-1;opacity:var(--effects-dither-opacity);background-image:radial-gradient(#ffffffb8 .7px,#0000 .82px);background-size:var(--effects-dither-size) var(--effects-dither-size);mix-blend-mode:screen}.effects-lab__mosaic-layer{z-index:-2;opacity:var(--effects-mosaic-opacity);background-image:linear-gradient(#ffffff3d 1px,#0000 1px),linear-gradient(90deg,#ffffff3d 1px,#0000 1px);background-size:var(--effects-mosaic-size) var(--effects-mosaic-size);mix-blend-mode:soft-light}.effects-lab__moving-items{z-index:-1;overflow:hidden}.effects-lab__moving-item{top:var(--item-top);left:var(--item-left);width:var(--item-width);height:var(--item-height);border:1px solid color-mix(in oklch, var(--item-accent) 58%, white 12%);background:color-mix(in oklch, var(--item-accent) 24%, transparent);box-shadow:0 0 30px color-mix(in oklch, var(--item-accent) 25%, transparent);color:color-mix(in oklch, var(--item-accent) 70%, white);font-family:var(--font-display);letter-spacing:.08em;opacity:.78;animation:effects-lab-item-drift var(--item-duration) ease-in-out var(--item-delay) infinite alternate;corner-shape:squircle;corner-smoothing:10%;border-radius:14px;place-items:center;font-size:.55rem;display:grid;position:absolute}.effects-lab__moving-item--a{--item-accent:var(--effects-accent-a)}.effects-lab__moving-item--b{--item-accent:var(--effects-accent-b)}.effects-lab__moving-item--c{--item-accent:var(--effects-accent-c)}.effects-lab__moving-item--dot{box-shadow:0 0 34px color-mix(in oklch, var(--item-accent) 54%, transparent);border-radius:50%}.effects-lab__moving-item--bar{box-shadow:0 0 24px color-mix(in oklch, var(--item-accent) 45%, transparent);border-radius:6px}.effects-lab__sample-copy{z-index:1;max-width:360px;position:absolute;top:42px;left:42px}.effects-lab__sample-copy h2{letter-spacing:-.065em;margin:18px 0 14px;font-size:clamp(1.6rem,3.4vw,3.3rem);line-height:.98}.effects-lab__sample-copy p{max-width:300px;color:var(--effects-muted);margin:0;font-size:.86rem;line-height:1.55}.effects-lab__island-anchor{top:var(--effects-nav-y);left:var(--effects-nav-x);z-index:3;width:min(100%,520px);position:absolute;transform:translate(-50%,-50%)}.effects-lab__island-anchor.is-dragging{z-index:4}.effects-lab__drag-handle{z-index:5;border:1px solid var(--effects-border);color:var(--effects-muted);cursor:grab;font-family:var(--font-display);letter-spacing:.08em;touch-action:none;corner-shape:squircle;corner-smoothing:10%;background:#070707d1;border-radius:8px;padding:5px 8px;font-size:.52rem;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.effects-lab__drag-handle:hover,.effects-lab__drag-handle:focus-visible{border-color:var(--color-take-500);color:var(--effects-text)}.effects-lab__island-anchor.is-dragging .effects-lab__drag-handle{cursor:grabbing;color:var(--effects-text)}.effects-lab__stage-readout{z-index:1;text-align:right;justify-items:end;gap:6px;display:grid;position:absolute;bottom:38px;right:42px}.effects-lab__stage-readout strong{font-family:var(--font-display);font-size:.69rem;font-weight:500}.effects-lab[data-island-theme=light] .effects-lab__stage{--effects-muted:#00000094;color:var(--color-phases-950)}.effects-lab[data-island-theme=light]{--effects-field-base:var(--color-phases-50)}.effects-lab[data-island-theme=light].effects-lab--take{--effects-field-base:var(--color-take-100)}.effects-lab[data-island-theme=light].effects-lab--studio{--effects-field-base:var(--color-studio-100)}.effects-lab[data-island-theme=light].effects-lab--tangible{--effects-field-base:var(--color-tangible-100)}.effects-lab--neutral{--effects-field-base:var(--color-phases-950);--effects-accent-a:var(--color-take-500);--effects-accent-b:var(--color-enlace-500);--effects-accent-c:var(--color-studio-700)}.effects-lab--take{--effects-field-base:var(--color-take-950);--effects-accent-a:var(--color-take-500);--effects-accent-b:var(--color-scene-700);--effects-accent-c:var(--color-tangible-400)}.effects-lab--studio{--effects-field-base:var(--color-studio-950);--effects-accent-a:var(--color-take-500);--effects-accent-b:var(--color-line-600);--effects-accent-c:var(--color-life-700)}.effects-lab--tangible{--effects-field-base:var(--color-tangible-950);--effects-accent-a:var(--color-enlace-500);--effects-accent-b:var(--color-life-700);--effects-accent-c:var(--color-take-500)}.effects-lab__inspector{background-color:rgb(12 12 12/var(--phases-material-tint-alpha,.3));position:sticky;top:20px;overflow:hidden}.effects-lab__inspector-head,.effects-lab__control-section,.effects-lab__inspector-foot{padding:18px}.effects-lab__inspector-head{border-bottom:1px solid var(--effects-border);justify-content:space-between;align-items:start;gap:16px;display:flex}.effects-lab__inspector-head h2{margin:8px 0 0;font-size:.86rem}.effects-lab__inspector-head button,.effects-lab__preset-grid button,.effects-lab__surface{border:1px solid var(--effects-border);color:var(--effects-muted);cursor:pointer;corner-shape:squircle;corner-smoothing:10%;background:#ffffff0b}.effects-lab__inspector-head button{font-family:var(--font-display);border-radius:10px;padding:7px 9px;font-size:.58rem}.effects-lab__inspector-head button:hover,.effects-lab__preset-grid button:hover,.effects-lab__surface:hover{border-color:color-mix(in oklch, var(--color-take-500) 72%, white);color:var(--effects-text)}.effects-lab__control-section+.effects-lab__control-section{border-top:1px solid var(--effects-border)}.effects-lab__section-title{align-items:baseline;gap:10px;margin-bottom:16px;display:flex}.effects-lab__section-title>span{color:var(--color-take-500);font-family:var(--font-display);font-size:.58rem}.effects-lab__section-title h3{margin:0;font-size:.78rem}.effects-lab__preset-grid,.effects-lab__surface-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.effects-lab__preset-grid button{text-align:left;border-radius:14px;gap:5px;min-height:68px;padding:10px;display:grid}.effects-lab__preset-grid button strong{color:var(--effects-text);font-family:var(--font-display);font-size:.63rem;font-weight:600}.effects-lab__preset-grid button span{color:var(--effects-muted);font-size:.68rem;line-height:1.3}.effects-lab__preset-grid button.is-active,.effects-lab__surface.is-active{border-color:var(--color-take-500);background:color-mix(in oklch, var(--color-take-500) 18%, transparent);color:var(--effects-text)}.effects-lab__toggle-row{justify-content:space-between;align-items:center;gap:16px;min-height:52px;display:flex}.effects-lab__toggle-row>div{gap:4px;display:grid}.effects-lab__toggle-row strong{font-family:var(--font-display);font-size:.68rem;font-weight:600}.effects-lab__toggle-row span{color:var(--effects-muted);font-size:.72rem;line-height:1.35}.effects-lab__switch{border:1px solid var(--effects-border);cursor:pointer;corner-shape:squircle;corner-smoothing:10%;background:#ffffff14;border-radius:12px;flex:none;width:42px;height:25px;padding:3px;position:relative}.effects-lab__switch>span{background:var(--effects-muted);corner-shape:squircle;corner-smoothing:10%;width:17px;height:17px;transition:transform var(--motion-medium) cubic-bezier(.2, .8, .2, 1), background var(--motion-fast) ease;border-radius:8px;display:block}.effects-lab__switch[aria-checked=true]{border-color:var(--color-take-500);background:color-mix(in oklch, var(--color-take-500) 40%, transparent)}.effects-lab__switch[aria-checked=true]>span{background:var(--effects-text);transform:translate(16px)}.effects-lab__range-stack{gap:13px;padding:4px 0 12px;display:grid}.effects-lab__range{gap:8px;display:grid}.effects-lab__range>span{justify-content:space-between;align-items:center;gap:12px;display:flex}.effects-lab__range strong,.effects-lab__range output{font-family:var(--font-display);font-size:.62rem;font-weight:500}.effects-lab__range output{color:var(--effects-muted)}.effects-lab__range input{width:100%;height:3px;accent-color:var(--color-take-500);cursor:pointer}.effects-lab__surface{text-align:left;border-radius:14px;gap:7px;min-height:58px;padding:10px;display:grid}.effects-lab__surface>span{font-size:.5rem}.effects-lab__surface strong{color:var(--effects-text);font-family:var(--font-display);font-size:.61rem;font-weight:600}.effects-lab__surface--neutral{background:var(--color-phases-900)}.effects-lab__surface--take{background:var(--color-take-900)}.effects-lab__surface--studio{background:var(--color-studio-900)}.effects-lab__surface--tangible{background:var(--color-tangible-900)}.effects-lab__position-actions{gap:8px;margin-top:4px;display:grid}.effects-lab__position-actions button{border:1px solid var(--effects-border);width:100%;color:var(--effects-text);cursor:pointer;font-family:var(--font-display);text-align:left;corner-shape:squircle;corner-smoothing:10%;background:#ffffff0b;border-radius:10px;padding:8px 10px;font-size:.6rem}.effects-lab__position-actions button:hover,.effects-lab__position-actions button:focus-visible{border-color:var(--color-take-500);background:color-mix(in oklch, var(--color-take-500) 16%, transparent)}.effects-lab__position-actions span{color:var(--effects-muted);font-size:.68rem;line-height:1.4}.effects-lab__inspector-foot{border-top:1px solid var(--effects-border);gap:7px;display:grid}.effects-lab__inspector-foot strong{font-family:var(--font-display);font-size:.63rem;font-weight:500}.effects-lab__inspector-foot small{color:var(--effects-muted);font-size:.68rem;line-height:1.4}@keyframes effects-lab-drift{0%{transform:translate(-2%,-4%)rotate(-18deg)scale(.96)}to{transform:translate(12%,9%)rotate(12deg)scale(1.12)}}@keyframes effects-lab-item-drift{0%{transform:translate3d(0, 0, 0) rotate(var(--item-rotation))}50%{transform:translate3d(var(--item-dx), var(--item-dy), 0) rotate(calc(var(--item-rotation) + 8deg))}to{transform:translate3d(calc(var(--item-dx) * -.45), calc(var(--item-dy) * .6), 0) rotate(calc(var(--item-rotation) - 6deg))}}@media (width<=1000px){.effects-lab__workspace{grid-template-columns:1fr}.effects-lab__inspector{position:relative;top:auto}}@media (width<=700px){.effects-lab{--page-gutter:10px}.effects-lab__topbar{padding-top:18px}.effects-lab__main{padding-top:54px}.effects-lab__heading{flex-direction:column;align-items:start;gap:20px}.effects-lab__heading h1{max-width:520px}.effects-lab__stage{min-height:560px}.effects-lab__sample-copy{top:28px;left:24px;right:24px}.effects-lab__island-anchor{justify-content:center;width:max-content;display:flex}.effects-lab__stage-readout{bottom:24px;right:24px}}@media (prefers-reduced-motion:reduce){.effects-lab__field:before,.effects-lab__field:after,.effects-lab__moving-item{animation:none}}.effects-lab__contrast-readout{border:1px solid var(--effects-border);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--effects-muted);background:#00000073;border-radius:12px;flex-direction:column;gap:4px;padding:8px 12px;font-size:.65rem;display:flex;position:absolute;bottom:34px;left:36px}.effects-lab__contrast-readout strong{color:var(--color-take-400,#ffb066);font-size:.8rem}.effects-lab__test-backdrops{grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0;display:grid}.effects-lab__special-backdrop{border:1px solid var(--effects-border);color:var(--effects-text);font-family:var(--font-display);cursor:pointer;transition:all var(--motion-fast) ease;background:#ffffff0a;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.65rem;display:flex}.effects-lab__special-backdrop:hover{border-color:var(--color-take-400)}.effects-lab__special-backdrop.is-active{border-color:var(--color-take-400);background:color-mix(in oklch, var(--color-take-500) 25%, transparent)}.effects-lab__special-backdrop span{color:var(--effects-muted);text-transform:uppercase;font-size:.58rem}.effects-lab__geometry-toggle{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.effects-lab__geometry-toggle button{border:1px solid var(--effects-border);color:var(--effects-text);font-family:var(--font-display);text-transform:uppercase;cursor:pointer;transition:all var(--motion-fast) ease;background:#ffffff0a;border-radius:10px;padding:8px;font-size:.65rem}.effects-lab__geometry-toggle button:hover{border-color:var(--color-take-400)}.effects-lab__geometry-toggle button.is-active{border-color:var(--color-take-400);background:color-mix(in oklch, var(--color-take-500) 25%, transparent)}.effects-lab__export-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.effects-lab__export-button{border:1px solid var(--effects-border);color:var(--effects-text);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all var(--motion-fast) ease;background:#ffffff0d;border-radius:10px;padding:9px 12px;font-size:.64rem}.effects-lab__export-button:hover{border-color:var(--color-take-400);background:color-mix(in oklch, var(--color-take-500) 18%, transparent)}.effects-lab__copy-feedback{background:color-mix(in oklch, var(--color-take-500) 20%, transparent);color:var(--color-take-300,#ffc88a);font-family:var(--font-display);text-align:center;border-radius:8px;margin-top:8px;padding:6px 10px;font-size:.62rem}.effects-lab__typography-backdrop{pointer-events:none;z-index:-2;color:#ffffffbf;padding:40px;position:absolute;inset:0;overflow:hidden}.effects-lab__typography-column{max-width:600px;font-family:var(--font-display);font-size:.8rem;line-height:1.6}.effects-lab__typography-column h4{letter-spacing:.1em;color:var(--color-take-400);margin:16px 0 8px;font-size:.72rem}.effects-lab__grid-backdrop{pointer-events:none;z-index:-2;background-image:linear-gradient(#ffffff1f 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px);background-size:16px 16px;position:absolute;inset:0}.effects-lab__extreme-backdrop{pointer-events:none;z-index:-2;position:absolute;inset:0}.effects-lab__extreme-backdrop--white{background-color:#fff}.effects-lab__extreme-backdrop--black{background-color:#000}.footer-playground{background:var(--color-phases-black);min-height:100vh;color:var(--text-primary)}.footer-playground__topbar{width:min(100%, calc(var(--content-width) + var(--page-gutter) * 2));padding:22px var(--page-gutter);color:var(--text-muted);font-family:var(--font-display);justify-content:space-between;align-items:center;margin:0 auto;font-size:.62rem;display:flex}.footer-playground__topbar a{color:var(--text-primary);text-decoration:none}.footer-playground__topbar a:hover,.footer-playground__topbar a:focus-visible{color:var(--accent)}.footer-playground__hero{width:min(100%, calc(var(--content-width) + var(--page-gutter) * 2));min-height:70vh;padding:100px var(--page-gutter) 120px;background:radial-gradient(circle at 76% 28%, color-mix(in oklch, var(--color-take-500) 30%, transparent), transparent 32%), radial-gradient(circle at 14% 78%, color-mix(in oklch, var(--color-enlace-500) 22%, transparent), transparent 36%);align-content:end;margin:0 auto;display:grid}.footer-playground__hero>span,.footer-playground__context>span{color:var(--text-muted);font-family:var(--font-display);letter-spacing:.08em;font-size:.68rem}.footer-playground__hero h1{letter-spacing:-.08em;max-width:900px;margin:18px 0 24px;font-size:clamp(3rem,8vw,7.8rem);line-height:.92}.footer-playground__hero p{max-width:600px;color:var(--text-secondary);margin:0;font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.6}.footer-playground__context{width:min(100%, calc(var(--content-width) + var(--page-gutter) * 2));min-height:32vh;padding:48px var(--page-gutter) 88px;border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:baseline;gap:32px;margin:0 auto;display:flex}.footer-playground__context p{max-width:460px;color:var(--text-secondary);margin:0;font-size:1.05rem;line-height:1.55}@media (width<=600px){.footer-playground__topbar,.footer-playground__context{flex-direction:column;align-items:flex-start;gap:12px}.footer-playground__hero{min-height:66vh;padding-top:64px;padding-bottom:84px}}.mascot-lab{--mascot-background:var(--color-phases-black);--mascot-text:var(--color-phases-50);--mascot-muted:#ffffff94;--mascot-border:#ffffff24;background:var(--mascot-background);min-height:100vh;color:var(--mascot-text)}.mascot-lab__topbar,.mascot-lab__main{width:min(100%, calc(var(--content-width) + var(--page-gutter) * 2));margin:0 auto}.mascot-lab__topbar{padding:24px var(--page-gutter) 0;color:var(--mascot-muted);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.62rem;display:flex}.mascot-lab__catalog-link,.mascot-lab__inspector-head button{border:1px solid var(--mascot-border);min-height:34px;color:var(--mascot-text);font-family:var(--font-display);transition:border-color var(--motion-fast) ease, background var(--motion-fast) ease, color var(--motion-fast) ease;corner-shape:squircle;corner-smoothing:10%;background:#ffffff0d;border-radius:12px;align-items:center;padding:7px 10px;font-size:.61rem;text-decoration:none;display:inline-flex}.mascot-lab__catalog-link:hover,.mascot-lab__catalog-link:focus-visible,.mascot-lab__inspector-head button:hover,.mascot-lab__inspector-head button:focus-visible{border-color:var(--color-take-400);background:color-mix(in oklch, var(--color-take-500) 18%, transparent)}.mascot-lab__main{padding:52px var(--page-gutter) 100px}.mascot-lab__heading{margin-bottom:28px}.mascot-lab__kicker,.mascot-lab__stage-caption,.mascot-lab__stage-footer,.mascot-lab__inspector-head>div>span,.mascot-lab__section-title>span,.mascot-lab__state-group>span,.mascot-lab__inspector-foot>span{color:var(--mascot-muted);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem}.mascot-lab__heading h1{letter-spacing:-.075em;max-width:760px;margin:14px 0;font-size:clamp(2rem,4.4vw,4.2rem);line-height:.98}.mascot-lab__heading p{max-width:560px;color:var(--mascot-muted);margin:0;font-size:1rem;line-height:1.55}.mascot-lab__workspace{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:20px;display:grid}.mascot-lab__stage-shell,.mascot-lab__inspector{border:1px solid var(--mascot-border);corner-shape:squircle;corner-smoothing:10%;background:#ffffff09;border-radius:30px;box-shadow:0 30px 90px #00000042}.mascot-lab__stage-shell{overflow:hidden}.mascot-lab__stage{isolation:isolate;background:radial-gradient(circle at 18% 24%, color-mix(in oklch, var(--color-take-500) 46%, transparent), transparent 34%), radial-gradient(circle at 84% 76%, color-mix(in oklch, var(--color-enlace-500) 34%, transparent), transparent 36%), linear-gradient(145deg, var(--color-phases-950), var(--color-phases-black));place-items:center;min-height:640px;display:grid;position:relative;overflow:hidden}.mascot-lab__stage--terminal{background:radial-gradient(circle at 20% 12%, color-mix(in oklch, var(--color-life-700) 42%, transparent), transparent 38%), linear-gradient(145deg, var(--color-phases-950), var(--color-life-950))}.mascot-lab__stage--chat{background:radial-gradient(circle at 82% 18%, color-mix(in oklch, var(--color-enlace-500) 35%, transparent), transparent 36%), linear-gradient(145deg, var(--color-phases-950), var(--color-tangible-950))}.mascot-lab__stage--grid:before{z-index:1;content:"";background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 86%);mask-image:linear-gradient(#000,#0000 86%)}.mascot-lab__background{z-index:0;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.mascot-lab__terminal-window,.mascot-lab__chat-window{opacity:.66;corner-shape:squircle;corner-smoothing:10%;background:#0707075c;border:1px solid #ffffff29;width:min(88%,660px);box-shadow:inset 0 0 70px #0003,0 24px 80px #00000029}.mascot-lab__terminal-window{min-height:68%;transform:rotate(-1deg)}.mascot-lab__terminal-topbar,.mascot-lab__chat-topbar{color:#ffffff85;min-height:42px;font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;padding:0 16px;font-size:.56rem;display:flex}.mascot-lab__terminal-topbar strong{color:var(--color-life-300);font-weight:500}.mascot-lab__terminal-topbar>span:last-child{margin-left:auto;font-size:.5rem}.mascot-lab__terminal-dots{gap:5px;display:flex}.mascot-lab__terminal-dots i{border:1px solid color-mix(in oklch, var(--color-life-400) 55%, transparent);border-radius:50%;width:6px;height:6px}.mascot-lab__terminal-body{color:#ffffff57;font-family:var(--font-display);gap:8px;padding:22px;font-size:clamp(.58rem,1.2vw,.74rem);line-height:1.45;display:grid}.mascot-lab__terminal-body p{margin:0}.mascot-lab__terminal-body p b{color:var(--color-life-300);font-weight:500}.mascot-lab__terminal-body p span{color:#ffffff38;min-width:92px;display:inline-block}.mascot-lab__terminal-success{color:color-mix(in oklch, var(--color-life-300) 64%, transparent)}.mascot-lab__terminal-meter{gap:4px;width:70%;height:9px;margin:12px 0 10px;display:flex}.mascot-lab__terminal-meter i{background:color-mix(in oklch, var(--color-life-500) 28%, transparent);flex:1}.mascot-lab__terminal-meter i:nth-child(-n+6){background:color-mix(in oklch, var(--color-life-400) 62%, transparent)}.mascot-lab__chat-window{background:color-mix(in oklch, var(--color-tangible-950) 72%, transparent);width:min(84%,620px);min-height:64%;overflow:hidden;transform:rotate(1deg)}.mascot-lab__chat-topbar{text-transform:none;min-height:58px}.mascot-lab__chat-avatar{border:1px solid color-mix(in oklch, var(--color-enlace-300) 50%, transparent);width:26px;height:26px;color:var(--color-enlace-300);corner-shape:squircle;corner-smoothing:10%;border-radius:9px;place-items:center;font-size:.65rem;display:grid}.mascot-lab__chat-topbar>div{gap:2px;display:grid}.mascot-lab__chat-topbar strong{color:#ffffffc2;font-size:.64rem;font-weight:500}.mascot-lab__chat-topbar small{color:#ffffff5c;font-family:var(--font-body);font-size:.62rem}.mascot-lab__chat-status{background:var(--color-enlace-300);width:7px;height:7px;box-shadow:0 0 14px color-mix(in oklch, var(--color-enlace-300) 65%, transparent);border-radius:50%;margin-left:auto}.mascot-lab__chat-body{gap:14px;padding:38px 30px 54px;display:grid}.mascot-lab__chat-message{color:#ffffff6b;corner-shape:squircle;corner-smoothing:10%;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:12px 12px 12px 4px;width:fit-content;max-width:72%;margin:0;padding:10px 12px;font-size:.7rem;line-height:1.45}.mascot-lab__chat-message--user{border-color:color-mix(in oklch, var(--color-enlace-400) 28%, transparent);background:color-mix(in oklch, var(--color-enlace-500) 14%, transparent);color:color-mix(in oklch, var(--color-enlace-100) 66%, transparent);border-radius:12px 12px 4px;justify-self:end}.mascot-lab__chat-message--typing{gap:4px;padding:13px 14px;display:flex}.mascot-lab__chat-message--typing i{background:color-mix(in oklch, var(--color-enlace-300) 66%, transparent);border-radius:50%;width:4px;height:4px}.mascot-lab__chat-input{color:#ffffff3d;corner-shape:squircle;corner-smoothing:10%;border:1px solid #ffffff1f;border-radius:11px;justify-content:space-between;align-items:center;margin:0 18px 18px;padding:11px 12px;font-size:.66rem;display:flex}.mascot-lab__chat-input b{color:color-mix(in oklch, var(--color-enlace-300) 66%, transparent);font-family:var(--font-display);font-size:.76rem;font-weight:400}.mascot-lab__stage-caption,.mascot-lab__stage-footer{z-index:3;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;left:34px;right:34px}.mascot-lab__stage-caption{top:30px}.mascot-lab__stage-caption strong,.mascot-lab__stage-footer strong{color:var(--color-take-300);font-family:var(--font-display);letter-spacing:.05em;font-size:.64rem;font-weight:500}.mascot-lab__mascot-anchor{z-index:3;place-items:center;width:min(78%,520px);padding:72px 20px 80px;display:grid;position:relative}.mascot-lab__mascot-anchor .phases-mascot{--mascot-color:var(--color-take-300)}.mascot-lab__stage-footer{color:var(--mascot-muted);bottom:28px}.mascot-lab__inspector{padding:24px;position:sticky;top:20px}@media (width>=1041px){.mascot-lab__stage-shell{height:max(520px,100vh - 40px);position:sticky;top:20px}.mascot-lab__stage{height:100%;min-height:0}.mascot-lab__inspector{overscroll-behavior:contain;scrollbar-color:var(--color-take-400) var(--color-phases-900);scrollbar-gutter:stable;scrollbar-width:thin;max-height:calc(100vh - 40px);position:relative;top:auto;overflow-y:auto}.mascot-lab__inspector::-webkit-scrollbar{width:10px}.mascot-lab__inspector::-webkit-scrollbar-track{background:var(--color-phases-900);border-radius:10px}.mascot-lab__inspector::-webkit-scrollbar-thumb{border:3px solid var(--color-phases-900);background:var(--color-take-400);border-radius:10px;min-height:64px}}.mascot-lab__inspector-head{border-bottom:1px solid var(--mascot-border);justify-content:space-between;align-items:start;gap:16px;padding-bottom:22px;display:flex}.mascot-lab__inspector-head h2{margin:8px 0 0;font-size:1.05rem}.mascot-lab__control-section{border-bottom:1px solid var(--mascot-border);gap:16px;padding:24px 0;display:grid}.mascot-lab__section-title{align-items:baseline;gap:10px;display:flex}.mascot-lab__section-title>span{color:var(--color-take-300)}.mascot-lab__section-title h3{margin:0;font-size:.94rem}.mascot-lab__segmented,.mascot-lab__state-grid,.mascot-lab__animation-grid,.mascot-lab__background-grid{gap:7px;display:grid}.mascot-lab__segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.mascot-lab__segmented button,.mascot-lab__state-grid button,.mascot-lab__animation-grid button,.mascot-lab__background-grid button,.mascot-lab__switch,.mascot-lab__range input{font:inherit}.mascot-lab__segmented button,.mascot-lab__state-grid button,.mascot-lab__animation-grid button,.mascot-lab__background-grid button{border:1px solid var(--mascot-border);min-width:0;color:var(--mascot-muted);text-align:left;cursor:pointer;transition:border-color var(--motion-fast) ease, background var(--motion-fast) ease, color var(--motion-fast) ease, transform var(--motion-fast) ease;corner-shape:squircle;corner-smoothing:10%;background:#ffffff09;border-radius:14px;gap:6px;padding:11px;display:grid}.mascot-lab__segmented button:hover,.mascot-lab__segmented button:focus-visible,.mascot-lab__state-grid button:hover,.mascot-lab__state-grid button:focus-visible,.mascot-lab__animation-grid button:hover,.mascot-lab__animation-grid button:focus-visible,.mascot-lab__background-grid button:hover,.mascot-lab__background-grid button:focus-visible,.mascot-lab__segmented button.is-active,.mascot-lab__state-grid button.is-active,.mascot-lab__animation-grid button.is-active,.mascot-lab__background-grid button.is-active{border-color:var(--color-take-400);background:color-mix(in oklch, var(--color-take-500) 14%, transparent);color:var(--mascot-text)}.mascot-lab__segmented button.is-active,.mascot-lab__state-grid button.is-active,.mascot-lab__animation-grid button.is-active,.mascot-lab__background-grid button.is-active{box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--color-take-300) 30%, transparent)}.mascot-lab__segmented button strong,.mascot-lab__state-grid button strong,.mascot-lab__animation-grid button strong,.mascot-lab__background-grid button strong{color:inherit;font-family:var(--font-display);font-size:.65rem;font-weight:500}.mascot-lab__segmented button span,.mascot-lab__animation-grid button span,.mascot-lab__background-grid button span{font-size:.68rem;line-height:1.3}.mascot-lab__state-groups{gap:17px;display:grid}.mascot-lab__state-group{gap:8px;display:grid}.mascot-lab__state-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mascot-lab__state-grid button{align-content:space-between;min-height:64px}.mascot-lab__state-grid button small{color:var(--color-take-300);font-family:var(--font-display);font-size:.78rem}.mascot-lab__animation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mascot-lab__background-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mascot-lab__animation-grid button{min-height:72px}.mascot-lab__range-stack{gap:16px;display:grid}.mascot-lab__range{color:var(--mascot-muted);gap:9px;font-size:.72rem;display:grid}.mascot-lab__range>span{justify-content:space-between;align-items:center;gap:14px;display:flex}.mascot-lab__range strong{color:var(--mascot-text);font-weight:500}.mascot-lab__range output{color:var(--color-take-300);font-family:var(--font-display);font-size:.65rem}.mascot-lab__range input{width:100%;accent-color:var(--color-take-400);cursor:pointer}.mascot-lab__toggle-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.mascot-lab__toggle-row>div{gap:4px;display:grid}.mascot-lab__toggle-row strong{font-family:var(--font-display);font-size:.68rem;font-weight:500}.mascot-lab__toggle-row span{color:var(--mascot-muted);font-size:.71rem;line-height:1.35}.mascot-lab__switch{border:1px solid var(--mascot-border);cursor:pointer;corner-shape:squircle;corner-smoothing:10%;background:#ffffff0f;border-radius:12px;flex:none;width:42px;height:24px;padding:3px;position:relative}.mascot-lab__switch>span{background:var(--color-phases-400);width:16px;height:16px;transition:transform var(--motion-fast) ease;corner-shape:squircle;corner-smoothing:10%;border-radius:8px;display:block}.mascot-lab__switch[aria-checked=true]{border-color:var(--color-take-400);background:color-mix(in oklch, var(--color-take-500) 42%, transparent)}.mascot-lab__switch[aria-checked=true]>span{background:var(--color-take-300);transform:translate(18px)}.mascot-lab__inspector-foot{gap:7px;padding-top:24px;display:grid}.mascot-lab__inspector-foot strong{font-family:var(--font-display);font-size:.68rem;font-weight:500}.mascot-lab__inspector-foot small{color:var(--mascot-muted);font-size:.71rem;line-height:1.4}@media (width<=1040px){.mascot-lab__workspace{grid-template-columns:1fr}.mascot-lab__inspector{position:relative;top:auto}}@media (width<=700px){.mascot-lab__topbar{padding-top:18px}.mascot-lab__main{padding-top:54px}.mascot-lab__topbar span{display:none}.mascot-lab__stage{min-height:480px}.mascot-lab__stage-caption,.mascot-lab__stage-footer{left:20px;right:20px}.mascot-lab__mascot-anchor{width:100%;padding-inline:12px}.mascot-lab__inspector{padding:18px}.mascot-lab__background-grid{grid-template-columns:1fr}}.moonsaic-lab{--moonsaic-muted:#ffffff80;--moonsaic-border:#ffffff24;background:var(--color-phases-black);min-height:100vh;color:var(--color-phases-50)}.moonsaic-lab__topbar,.moonsaic-lab__main{width:min(100%, calc(var(--content-width) + var(--page-gutter) * 2));margin:0 auto}.moonsaic-lab__topbar{padding:24px var(--page-gutter) 0;color:var(--moonsaic-muted);font-family:var(--font-display);letter-spacing:.06em;justify-content:space-between;align-items:center;font-size:.62rem;display:flex}.moonsaic-lab__catalog-link{border:1px solid var(--moonsaic-border);min-height:34px;color:var(--color-phases-50);background:#ffffff0a;border-radius:12px;padding:7px 10px;text-decoration:none}.moonsaic-lab__mode-toggle{align-items:center;gap:10px;display:flex}.moonsaic-lab__mode-toggle .moonsaic-lab__switch{display:block}.moonsaic-lab__draw-mode{border:1px solid var(--moonsaic-border);min-height:30px;color:var(--moonsaic-muted);cursor:pointer;font-family:var(--font-display);background:0 0;border-radius:10px;margin-left:6px;padding:5px 9px;font-size:.58rem}.moonsaic-lab__draw-mode.is-active{border-color:var(--color-phases-50);background:var(--color-phases-50);color:var(--color-phases-black)}.moonsaic-lab__main{padding:52px var(--page-gutter) 110px}.moonsaic-lab__heading{margin-bottom:28px}.moonsaic-lab__kicker,.moonsaic-lab__coordinates,.moonsaic-lab__stage-footer,.moonsaic-lab__inspector-head span,.moonsaic-lab__inspector-foot>span,.moonsaic-lab__applications header>span,.moonsaic-lab__applications article>span{color:var(--moonsaic-muted);font-family:var(--font-display);letter-spacing:.09em;text-transform:uppercase;font-size:.61rem}.moonsaic-lab__heading h1{letter-spacing:-.08em;max-width:820px;margin:14px 0 12px;font-size:clamp(2.2rem,5vw,4.9rem);line-height:.94}.moonsaic-lab__heading p{max-width:620px;color:var(--moonsaic-muted);margin:0;font-size:1rem;line-height:1.55}.moonsaic-lab__workspace{grid-template-columns:minmax(0,1fr) 326px;align-items:start;gap:20px;display:grid}.moonsaic-lab__stage-shell,.moonsaic-lab__inspector,.moonsaic-lab__applications article{border:1px solid var(--moonsaic-border);corner-shape:squircle;corner-smoothing:10%;background:#ffffff06;border-radius:30px}.moonsaic-lab__stage-shell{overflow:hidden}.moonsaic-lab__stage{isolation:isolate;place-items:center;min-height:575px;display:grid;position:relative;overflow:hidden}.moonsaic-lab__coordinates,.moonsaic-lab__stage-footer{justify-content:space-between;display:flex;position:absolute;left:24px;right:24px}.moonsaic-lab__coordinates{top:22px}.moonsaic-lab__stage-footer{align-items:end;bottom:22px}.moonsaic-lab__stage-footer strong{color:var(--color-phases-50);font-size:.74rem}.moonsaic-lab__stage .moonsaic{width:min(72%,590px)}.moonsaic-lab__inspector{scrollbar-color:#fff3 transparent;max-height:575px;overflow-y:auto}.moonsaic-lab__inspector-head,.moonsaic-lab__control-section,.moonsaic-lab__inspector-foot{padding:20px}.moonsaic-lab__inspector-head{border-bottom:1px solid var(--moonsaic-border);justify-content:space-between;display:flex}.moonsaic-lab__inspector-head h2{margin:5px 0 0;font-size:1rem}.moonsaic-lab__inspector-head button{color:var(--moonsaic-muted);cursor:pointer;background:0 0;border:0;font-size:.72rem}.moonsaic-lab__control-section+.moonsaic-lab__control-section{border-top:1px solid var(--moonsaic-border)}.moonsaic-lab__section-title{align-items:baseline;gap:10px;margin-bottom:14px;display:flex}.moonsaic-lab__section-title span{color:var(--moonsaic-muted);font-family:var(--font-display);font-size:.58rem}.moonsaic-lab__section-title h3{margin:0;font-size:.78rem}.moonsaic-lab__shape-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.moonsaic-lab__shape-group+.moonsaic-lab__shape-group{margin-top:14px}.moonsaic-lab__shape-group>span{color:var(--moonsaic-muted);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:.56rem;display:block}.moonsaic-lab__shape-grid button{border:1px solid var(--moonsaic-border);text-align:left;cursor:pointer;background:#ffffff06;border-radius:12px;min-height:66px;padding:10px}.moonsaic-lab__shape-grid button.is-active{border-color:var(--color-phases-50);background:var(--color-phases-50);color:var(--color-phases-black)}.moonsaic-lab__shape-grid strong,.moonsaic-lab__shape-grid span{display:block}.moonsaic-lab__shape-grid strong{font-family:var(--font-display);font-size:.65rem}.moonsaic-lab__shape-grid span{color:var(--moonsaic-muted);margin-top:5px;font-size:.57rem;line-height:1.3}.moonsaic-lab__shape-grid button.is-active span{color:#0707079e}.moonsaic-lab__toggle-row,.moonsaic-lab__range>span{justify-content:space-between;align-items:center;gap:12px;display:flex}.moonsaic-lab__cell-shape{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:16px;display:grid}.moonsaic-lab__cell-shape--three{grid-template-columns:repeat(3,minmax(0,1fr))}.moonsaic-lab__cell-shape button{border:1px solid var(--moonsaic-border);min-height:36px;color:var(--moonsaic-muted);cursor:pointer;font-family:var(--font-display);background:#ffffff06;border-radius:10px;font-size:.64rem}.moonsaic-lab__cell-shape button.is-active{border-color:var(--color-phases-50);background:var(--color-phases-50);color:var(--color-phases-black)}.moonsaic-lab__toggle-row+.moonsaic-lab__toggle-row,.moonsaic-lab__range-stack{margin-top:14px}.moonsaic-lab__toggle-row strong,.moonsaic-lab__toggle-row span{display:block}.moonsaic-lab__toggle-row strong,.moonsaic-lab__range strong{font-size:.7rem}.moonsaic-lab__toggle-row div>span{color:var(--moonsaic-muted);margin-top:3px;font-size:.6rem}.moonsaic-lab__switch{border:1px solid var(--moonsaic-border);cursor:pointer;background:#ffffff0d;border-radius:999px;flex:none;width:38px;height:22px;position:relative}.moonsaic-lab__switch>span{background:var(--moonsaic-muted);width:12px;height:12px;transition:translate var(--motion-fast) ease, background var(--motion-fast) ease;border-radius:50%;position:absolute;top:4px;left:4px}.moonsaic-lab__switch[aria-checked=true]>span{background:var(--color-phases-50);translate:16px}.moonsaic-lab__range{display:block}.moonsaic-lab__range+.moonsaic-lab__range{margin-top:14px}.moonsaic-lab__range output{color:var(--moonsaic-muted);font-family:var(--font-display);font-size:.62rem}.moonsaic-lab__range input{width:100%;accent-color:var(--color-phases-50);margin:9px 0 0}.moonsaic-lab__phase-selector{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:16px;display:grid}.moonsaic-lab__phase-selector button{border:1px solid var(--moonsaic-border);min-width:0;min-height:78px;color:var(--moonsaic-muted);cursor:pointer;background:#ffffff06;border-radius:10px;place-items:center;padding:8px 4px 7px;display:grid}.moonsaic-lab__phase-selector button.is-active{border-color:var(--color-phases-50);color:var(--color-phases-50);background:#ffffff17}.moonsaic-lab__phase-selector .moonsaic{width:34px}.moonsaic-lab__phase-selector .moonsaic__status{display:none}.moonsaic-lab__phase-selector button>span{font-family:var(--font-display);text-align:center;margin-top:6px;font-size:.5rem;line-height:1.15}.moonsaic-lab__inspector-foot{border-top:1px solid var(--moonsaic-border)}.moonsaic-lab__inspector-foot strong,.moonsaic-lab__inspector-foot small{display:block}.moonsaic-lab__inspector-foot strong{font-family:var(--font-display);margin-top:8px}.moonsaic-lab__inspector-foot small{color:var(--moonsaic-muted);margin-top:5px;line-height:1.4}.moonsaic-lab__draw-hint{color:var(--moonsaic-muted);margin:14px 0 0;font-size:.62rem;line-height:1.45}.moonsaic-lab__applications{margin-top:88px}.moonsaic-lab__applications header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.moonsaic-lab__applications h2{letter-spacing:-.06em;max-width:520px;margin:0;font-size:clamp(1.4rem,3vw,2.5rem)}.moonsaic-lab__applications>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.moonsaic-lab__applications article{align-content:space-between;justify-items:center;min-height:280px;padding:18px;display:grid}.moonsaic-lab__applications article>span{justify-self:start}.moonsaic-lab__applications article .moonsaic__status{display:none}@media (width<=900px){.moonsaic-lab__workspace{grid-template-columns:minmax(0,1fr)}.moonsaic-lab__inspector{max-height:none}}@media (width<=680px){.moonsaic-lab__main{padding-top:42px}.moonsaic-lab__stage{min-height:410px}.moonsaic-lab__stage .moonsaic{width:86%}.moonsaic-lab__applications header{flex-direction:column;align-items:start}.moonsaic-lab__applications>div{grid-template-columns:minmax(0,1fr)}}.navbar-playground{--playground-background:var(--color-phases-black);--playground-text:var(--color-phases-50);--playground-muted:#ffffff9e;--playground-panel:rgb(12 12 12/var(--phases-material-tint-alpha));--playground-panel-border:#ffffff26;--playground-control:#ffffff1a;--playground-card:#ffffff13;--playground-shadow:#00000052;background:var(--playground-background);min-height:100vh;color:var(--playground-text);transition:background-color var(--motion-medium) ease, color var(--motion-fast) ease}.navbar-playground[data-theme=light]{--playground-background:var(--color-phases-50);--playground-text:var(--color-phases-900);--playground-muted:#00000094;--playground-panel:rgb(255 255 255/var(--phases-material-tint-alpha));--playground-panel-border:#00000024;--playground-control:#00000014;--playground-card:#ffffff94;--playground-shadow:#382d2324}.navbar-playground main{margin-top:-88px}.navbar-playground__section{min-height:100vh;padding:160px max(var(--page-gutter), calc((100vw - var(--content-width)) / 2)) 112px;scroll-margin-top:84px;position:relative}.navbar-playground__anchor{position:absolute;top:0}.navbar-playground__hero{background:radial-gradient(circle at 77% 30%, color-mix(in oklch, var(--color-take-500) 34%, transparent), transparent 30%), radial-gradient(circle at 18% 78%, color-mix(in oklch, var(--color-enlace-500) 25%, transparent), transparent 34%);align-content:center;min-height:112vh;display:grid}.navbar-playground__eyebrow,.navbar-playground__section-heading>span,.navbar-playground__card>span{color:var(--playground-muted);font-family:var(--font-display);letter-spacing:.08em;font-size:.7rem}.navbar-playground__hero h1{letter-spacing:-.08em;max-width:940px;margin:18px 0 24px;font-size:clamp(3.2rem,8vw,7.8rem);line-height:.91}.navbar-playground__hero p{max-width:620px;color:var(--playground-muted);margin:0;font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.65}.navbar-playground__scroll-link{width:fit-content;font-family:var(--font-display);border-bottom:1px solid;margin-top:36px;padding-bottom:4px;font-size:.78rem;text-decoration:none}.navbar-playground__section-heading{max-width:800px;margin-bottom:54px}.navbar-playground__section-heading h2{letter-spacing:-.065em;margin:12px 0 0;font-size:clamp(2.2rem,5vw,5rem);line-height:1}.navbar-playground__section--manifesto{background:var(--color-studio-900);color:var(--color-studio-50)}.navbar-playground__section--ecosystem{background:var(--color-tangible-950);color:var(--color-tangible-50)}.navbar-playground__section--principles{background:var(--color-frame-100);color:var(--color-frame-950)}.navbar-playground__section--footer{background:var(--playground-background);min-height:86vh}.navbar-playground[data-theme=light] .navbar-playground__section--manifesto{background:var(--color-studio-100);color:var(--color-studio-950)}.navbar-playground[data-theme=light] .navbar-playground__section--ecosystem{background:var(--color-tangible-100);color:var(--color-tangible-950)}.navbar-playground[data-theme=light] .navbar-playground__section--principles{background:var(--color-life-100);color:var(--color-life-950)}.navbar-playground__bento{gap:18px;display:grid}.navbar-playground__bento--manifesto{grid-template-columns:1.6fr .8fr}.navbar-playground__bento--products{grid-template-columns:repeat(12,1fr)}.navbar-playground__bento--principles,.navbar-playground__bento--footer{grid-template-columns:repeat(2,1fr)}.navbar-playground__card{border:1px solid color-mix(in oklch, currentColor 15%, transparent);background:var(--playground-card);min-height:250px;box-shadow:0 28px 70px var(--playground-shadow);corner-shape:squircle;corner-smoothing:10%;border-radius:33px;padding:clamp(24px,4vw,44px)}.navbar-playground__card h3{letter-spacing:-.045em;max-width:560px;margin:24px 0 16px;font-size:clamp(1.4rem,2.7vw,2.6rem);line-height:1.05}.navbar-playground__card p{max-width:540px;color:color-mix(in oklch, currentColor 72%, transparent);margin:0;line-height:1.65}.navbar-playground__card--wide{grid-row:span 2;min-height:520px}.navbar-playground__card--accent{background:var(--color-take-500);color:var(--color-take-950);flex-direction:column;justify-content:space-between;display:flex}.navbar-playground__card--accent strong{font-family:var(--font-display);letter-spacing:-.08em;font-size:clamp(4rem,8vw,7rem);line-height:.8}.navbar-playground__product{min-height:460px;scroll-margin-top:100px}.navbar-playground__product--studio{background:var(--color-studio-900);color:var(--color-studio-50);grid-column:span 7}.navbar-playground__product--life{background:var(--color-life-800);color:var(--color-life-50);grid-column:span 5}.navbar-playground__product--tangible{background:var(--color-tangible-500);min-height:360px;color:var(--color-tangible-950);grid-column:4/span 7}.navbar-playground[data-theme=light] .navbar-playground__product--studio{background:var(--color-studio-200);color:var(--color-studio-950)}.navbar-playground[data-theme=light] .navbar-playground__product--life{background:var(--color-life-200);color:var(--color-life-950)}.navbar-playground[data-theme=light] .navbar-playground__product--tangible{background:var(--color-tangible-300);color:var(--color-tangible-950)}.navbar-playground__bento--principles .navbar-playground__card{background:#ffffff7a}.navbar-playground__bento--principles strong{color:var(--color-studio-800);font-family:var(--font-display);font-size:.8rem}.navbar-playground__controls{--bench-top:96px;--bench-bottom:24px;--bench-edge:24px;top:var(--bench-top);right:var(--bench-edge);z-index:40;width:min(280px,100vw - 48px);max-height:calc(100dvh - var(--bench-top) - var(--bench-bottom));overscroll-behavior:contain;border:1px solid var(--playground-panel-border);background:var(--playground-panel);box-shadow:0 24px 70px var(--playground-shadow);color:var(--playground-text);-webkit-backdrop-filter:blur(var(--phases-material-blur)) saturate(var(--phases-material-saturation)) brightness(var(--phases-material-brightness));backdrop-filter:blur(var(--phases-material-blur)) saturate(var(--phases-material-saturation)) brightness(var(--phases-material-brightness));corner-shape:squircle;corner-smoothing:10%;border-radius:24px;position:fixed;bottom:auto;overflow:hidden auto}.navbar-playground__controls header,.navbar-playground__control-row{border-bottom:1px solid var(--playground-panel-border);justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.navbar-playground__controls header div,.navbar-playground__control-row div{gap:3px;display:grid}.navbar-playground__controls header span,.navbar-playground__control-row div span{color:var(--playground-muted);font-family:var(--font-display);font-size:.62rem}.navbar-playground__controls header strong,.navbar-playground__control-row strong{font-family:var(--font-display);font-size:.72rem}.navbar-playground__controls header .navbar-playground__catalog-link{border:1px solid var(--playground-panel-border);background:var(--playground-control);min-height:34px;color:var(--playground-text);font-family:var(--font-display);transition:border-color var(--motion-fast) ease, background var(--motion-fast) ease, color var(--motion-fast) ease;corner-shape:squircle;corner-smoothing:10%;border-radius:12px;align-items:center;padding:7px 10px;font-size:.61rem;text-decoration:none;display:inline-flex}.navbar-playground__controls header .navbar-playground__catalog-link:hover,.navbar-playground__controls header .navbar-playground__catalog-link:focus-visible{border-color:var(--color-take-500);background:color-mix(in oklch, var(--color-take-500) 20%, transparent);color:var(--playground-text)}.navbar-playground__switch{border:1px solid var(--playground-panel-border);background:var(--playground-control);cursor:pointer;corner-shape:squircle;corner-smoothing:10%;border-radius:13px;width:44px;height:26px;padding:3px;position:relative}.navbar-playground__cycle,.navbar-playground__viewport{border:1px solid var(--playground-panel-border);background:var(--playground-control);min-width:44px;min-height:26px;color:var(--playground-text);font-family:var(--font-display);text-align:center;corner-shape:squircle;corner-smoothing:10%;border-radius:13px;padding:5px 9px;font-size:.66rem;line-height:1}.navbar-playground__cycle{cursor:pointer}.navbar-playground__viewport{place-items:center;min-width:82px;display:inline-grid}.navbar-playground__switch>span{background:var(--playground-text);corner-shape:squircle;corner-smoothing:10%;width:18px;height:18px;transition:transform var(--motion-medium) cubic-bezier(.2, .8, .2, 1);border-radius:9px;display:block}.navbar-playground__switch[aria-checked=true]{border-color:var(--color-take-500);background:color-mix(in oklch, var(--color-take-500) 42%, transparent)}.navbar-playground__switch[aria-checked=true]>span{transform:translate(18px)}.navbar-playground__collapse{border:1px solid var(--playground-panel-border);background:var(--playground-control);width:26px;height:26px;color:var(--playground-text);cursor:pointer;font-family:var(--font-display);corner-shape:squircle;corner-smoothing:10%;border-radius:13px;flex:none;place-items:center;font-size:.8rem;line-height:1;display:inline-grid}.navbar-playground__controls header{flex-wrap:wrap;gap:8px}.navbar-playground__sections>section{border-bottom:1px solid var(--playground-panel-border);padding:4px 0 10px}.navbar-playground__sections>section>h2{color:var(--playground-muted);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin:0;padding:10px 16px 6px;font-size:.58rem;font-weight:500}.navbar-playground__control-row[data-base]>div>span{opacity:.55}.navbar-playground__select,.navbar-playground__range{border:1px solid var(--playground-panel-border);background:var(--playground-control);width:108px;min-height:26px;color:var(--playground-text);font-family:var(--font-display);corner-shape:squircle;corner-smoothing:10%;border-radius:13px;flex:none;font-size:.62rem}.navbar-playground__select{cursor:pointer;padding:4px 6px}.navbar-playground__range{accent-color:var(--color-take-500);cursor:pointer;padding:0 6px}.navbar-playground__reset{border:1px solid var(--color-take-500);background:color-mix(in oklch, var(--color-take-500) 24%, transparent);width:calc(100% - 32px);color:var(--playground-text);cursor:pointer;font-family:var(--font-display);corner-shape:squircle;corner-smoothing:10%;border-radius:13px;margin:0 16px 8px;padding:9px 10px;font-size:.68rem;display:block}.navbar-playground__presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:0 16px 8px;display:grid}.navbar-playground__preset{border:1px solid var(--playground-panel-border);background:var(--playground-control);color:var(--playground-text);cursor:pointer;font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;corner-shape:squircle;corner-smoothing:10%;border-radius:11px;padding:7px 6px;font-size:.58rem;overflow:hidden}.navbar-playground__preset:hover,.navbar-playground__preset:focus-visible,.navbar-playground__reset:hover,.navbar-playground__reset:focus-visible,.navbar-playground__collapse:hover,.navbar-playground__collapse:focus-visible{border-color:var(--color-take-500)}.navbar-playground__readout{gap:3px;margin:0;padding:2px 16px 6px;display:grid}.navbar-playground__readout>div{justify-content:space-between;gap:8px;display:flex}.navbar-playground__readout dt{color:var(--playground-muted);font-family:var(--font-display);font-size:.58rem}.navbar-playground__readout dd{color:var(--playground-text);font-family:var(--font-display);text-align:right;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.58rem;overflow:hidden}.navbar-playground__section-note{color:var(--playground-muted);font-family:var(--font-body);margin:0;padding:2px 16px 6px;font-size:.62rem;line-height:1.4}.navbar-playground__route-stage{min-height:100vh;position:relative}.navbar-playground__route-layer[data-state=exiting]{z-index:1;pointer-events:none;width:100%;animation:.14s cubic-bezier(.4,0,1,1) both navbar-page-exit;position:absolute;inset:0}.navbar-playground__route-layer[data-state=entering]{animation:.28s cubic-bezier(.16,1,.3,1) both navbar-page-enter}.navbar-playground[data-nav-orientation=vertical] .navbar-playground__route-stage{margin-left:214px;transition:margin-left .36s cubic-bezier(.65,0,.35,1)}.navbar-playground[data-nav-direction=rtl][data-nav-orientation=vertical] .navbar-playground__route-stage{margin-left:0;margin-right:214px;transition-property:margin-right}.navbar-playground[data-nav-direction=rtl] .navbar-playground__controls{right:auto;left:var(--bench-edge)}.navbar-mock{background:var(--playground-background);min-height:100vh;color:var(--playground-text)}.navbar-mock[data-tone=studio]{--mock-accent:var(--color-studio-500);--mock-surface:var(--color-studio-950)}.navbar-mock[data-tone=life]{--mock-accent:var(--color-life-400);--mock-surface:var(--color-life-950)}.navbar-mock[data-tone=tangible]{--mock-accent:var(--color-enlace-500);--mock-surface:var(--color-tangible-950)}.navbar-mock[data-tone=take]{--mock-accent:var(--color-take-500);--mock-surface:var(--color-take-950)}.navbar-mock[data-tone=phases]{--mock-accent:var(--color-phases-300);--mock-surface:var(--color-phases-black)}.navbar-mock__hero,.navbar-mock__section{min-height:100vh;padding:156px max(var(--page-gutter), calc((100vw - var(--content-width)) / 2)) 112px;scroll-margin-top:90px}.navbar-mock__hero{background:radial-gradient(circle at 75% 28%, color-mix(in oklch, var(--mock-accent) 34%, transparent), transparent 32%), var(--mock-surface);align-content:center;display:grid}.navbar-mock__hero>span,.navbar-mock__section>span{color:color-mix(in oklch, currentColor 62%, transparent);font-family:var(--font-display);letter-spacing:.08em;font-size:.7rem}.navbar-mock__hero h1{letter-spacing:-.075em;max-width:980px;margin:18px 0 24px;font-size:clamp(3rem,8vw,7.5rem);line-height:.92}.navbar-mock__hero p,.navbar-mock__section>p{max-width:660px;color:color-mix(in oklch, currentColor 70%, transparent);font-size:clamp(1rem,1.8vw,1.22rem);line-height:1.65}.navbar-mock__section:nth-of-type(2n){background:color-mix(in oklch, var(--mock-surface) 82%, var(--mock-accent))}.navbar-mock__section h2{letter-spacing:-.06em;max-width:800px;margin:14px 0 22px;font-size:clamp(2.2rem,5vw,5rem)}.navbar-mock__cards{grid-template-columns:repeat(2,1fr);gap:18px;max-width:900px;margin-top:54px;display:grid}.navbar-mock__cards article{border:1px solid color-mix(in oklch, currentColor 16%, transparent);background:color-mix(in oklch, currentColor 7%, transparent);corner-shape:squircle;corner-smoothing:10%;border-radius:28px;min-height:220px;padding:30px}.navbar-mock__cards strong{font-family:var(--font-display)}.navbar-mock__cards p{color:color-mix(in oklch, currentColor 68%, transparent);line-height:1.55}@keyframes navbar-page-exit{to{opacity:0;filter:blur(2px);transform:translateY(-4px)}}@keyframes navbar-page-enter{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}}@media (width<=900px){.navbar-playground main{margin-top:-84px}.navbar-playground__section{padding:140px 18px 96px}.navbar-playground__bento--manifesto,.navbar-playground__bento--principles,.navbar-playground__bento--footer{grid-template-columns:1fr}.navbar-playground__card--wide{min-height:390px}.navbar-playground__product--studio,.navbar-playground__product--life,.navbar-playground__product--tangible{grid-column:1/-1;min-height:330px}.navbar-playground__controls{--bench-top:88px;--bench-bottom:96px;--bench-edge:16px;width:min(252px,100vw - 32px)}.navbar-playground[data-nav-orientation=vertical] .navbar-playground__controls{--bench-bottom:24px;--bench-edge:12px;width:min(176px,100vw - 214px)}.navbar-playground[data-nav-orientation=vertical] .navbar-playground__controls header{flex-direction:column;align-items:stretch;gap:10px}.navbar-playground[data-nav-orientation=vertical] .navbar-playground__catalog-link{justify-content:center}.navbar-playground[data-nav-orientation=vertical] .navbar-playground__route-stage{margin-left:0}.navbar-playground[data-nav-direction=rtl][data-nav-orientation=vertical] .navbar-playground__route-stage{margin-right:0}.navbar-mock__hero,.navbar-mock__section{padding:132px 18px 96px}.navbar-mock__cards{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){:root:not([data-reduced-motion=false]) .navbar-playground__route-layer{animation-duration:.01ms!important}:root:not([data-reduced-motion=false]) .navbar-playground[data-nav-orientation=vertical] .navbar-playground__route-stage{transition-duration:.01ms}}@media (width<=360px){.navbar-playground[data-nav-orientation=vertical] .navbar-playground__controls{width:calc(100vw - 186px)}}.squircle-lab{--lab-muted:#fafafa8f;--lab-faint:#fafafa57;--lab-line:#ffffff1f;--lab-panel:#ffffff0b;--lab-panel-strong:#ffffff13;background:var(--color-phases-black);min-height:100vh;color:var(--color-phases-50)}.squircle-lab button,.squircle-lab input{font:inherit}.squircle-lab__topbar{width:min(100%, calc(var(--content-width) + var(--page-gutter) * 2));min-height:72px;padding:18px var(--page-gutter);color:var(--lab-muted);font-family:var(--font-display);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;font-size:.63rem;display:flex}.squircle-lab__back{border:1px solid var(--lab-line);background:var(--lab-panel-strong);min-height:34px;color:var(--color-phases-50);font-family:var(--font-display);transition:border-color var(--motion-fast) ease, background var(--motion-fast) ease, color var(--motion-fast) ease;corner-shape:squircle;corner-smoothing:10%;border-radius:12px;align-items:center;padding:7px 10px;font-size:.6rem;text-decoration:none;display:inline-flex}.squircle-lab__back:hover,.squircle-lab__back:focus-visible{border-color:var(--color-take-400);background:color-mix(in oklch, var(--color-take-500) 18%, transparent);color:var(--accent)}.squircle-lab__topbar-meta{align-items:center;gap:18px;display:flex}.squircle-lab__topbar-meta strong{color:var(--color-balance-300);align-items:center;gap:7px;font-weight:500;display:inline-flex}.squircle-lab__topbar-meta i{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 14px}.squircle-lab__main{width:min(100%,1480px);padding:12px var(--page-gutter) 72px;grid-template-columns:minmax(360px,.74fr) minmax(0,1.26fr);align-items:start;gap:18px;margin:0 auto;display:grid}.squircle-lab__deck,.squircle-lab__canvas{border:1px solid var(--lab-line);background:var(--lab-panel);corner-shape:squircle;corner-smoothing:10%}.squircle-lab__deck{z-index:10;background:rgb(13 13 13/var(--phases-material-tint-alpha));min-width:0;-webkit-backdrop-filter:blur(var(--phases-material-blur)) saturate(var(--phases-material-saturation)) brightness(var(--phases-material-brightness));backdrop-filter:blur(var(--phases-material-blur)) saturate(var(--phases-material-saturation)) brightness(var(--phases-material-brightness));border-radius:30px;padding:clamp(16px,2vw,24px);position:sticky;top:14px;box-shadow:0 20px 70px #00000042}.squircle-lab__deck-head,.squircle-lab__canvas-head,.squircle-lab__experiments,.squircle-lab__comparison>header,.squircle-lab__footer{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.squircle-lab__deck-head{border-bottom:1px solid var(--lab-line);flex-direction:column;align-items:flex-start;padding-bottom:20px}.squircle-lab__kicker,.squircle-lab__control>header span,.squircle-lab__experiments>span,.squircle-lab__canvas-head span,.squircle-lab__focus-label,.squircle-lab__comparison>header span{color:var(--lab-muted);font-family:var(--font-display);letter-spacing:.1em;font-size:.62rem}.squircle-lab__deck h1{color:var(--color-phases-50);letter-spacing:-.07em;margin:8px 0 0;font-size:clamp(1.65rem,3vw,2.8rem);line-height:.95}.squircle-lab__deck-readout{text-align:left;gap:5px;width:100%;min-width:0;display:grid}.squircle-lab__deck-readout span,.squircle-lab__deck-readout small{color:var(--lab-muted);font-family:var(--font-display);letter-spacing:.06em;font-size:.61rem}.squircle-lab__deck-readout strong{color:var(--color-take-300);font-family:var(--font-display);font-size:.82rem;font-weight:500}.squircle-lab__controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:20px;display:grid}.squircle-lab__control{border-top:1px solid var(--lab-line);align-content:start;gap:12px;min-width:0;padding-top:12px;display:grid}.squircle-lab__control--shape,.squircle-lab__control--toggles{grid-column:span 2}.squircle-lab__control>header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.squircle-lab__control>header output{color:var(--color-take-300);font-family:var(--font-display);font-size:.68rem}.squircle-lab__shape-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.squircle-lab__shape-tabs button,.squircle-lab__segmented button,.squircle-lab__quick-values button,.squircle-lab__surface-button,.squircle-lab__experiments button{color:var(--lab-muted);cursor:pointer;transition:border-color var(--motion-fast) ease, background var(--motion-fast) ease, color var(--motion-fast) ease, transform var(--motion-fast) ease;corner-shape:squircle;corner-smoothing:10%;background:0 0;border:1px solid #0000;border-radius:13px}.squircle-lab__shape-tabs button{text-align:left;background:#ffffff09;align-content:center;gap:5px;min-width:0;min-height:54px;padding:8px;display:grid}.squircle-lab__shape-tabs button strong,.squircle-lab__shape-tabs button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.squircle-lab__shape-tabs button strong,.squircle-lab__experiments button strong{color:var(--color-phases-50);font-family:var(--font-display);font-size:.72rem;font-weight:500}.squircle-lab__shape-tabs button span,.squircle-lab__experiments button small{color:var(--lab-muted);font-family:var(--font-display);font-size:.6rem}.squircle-lab__shape-tabs button:hover,.squircle-lab__shape-tabs button:focus-visible,.squircle-lab__shape-tabs button.is-active,.squircle-lab__segmented button:hover,.squircle-lab__segmented button:focus-visible,.squircle-lab__segmented button.is-active,.squircle-lab__quick-values button:hover,.squircle-lab__quick-values button:focus-visible,.squircle-lab__quick-values button.is-active,.squircle-lab__surface-button:hover,.squircle-lab__surface-button:focus-visible,.squircle-lab__surface-button.is-active,.squircle-lab__experiments button:hover,.squircle-lab__experiments button:focus-visible,.squircle-lab__experiments button.is-active{background:var(--lab-panel-strong);color:var(--color-phases-50);border-color:#ffffff42}.squircle-lab__shape-tabs button.is-active,.squircle-lab__experiments button.is-active{border-color:color-mix(in oklch, var(--color-take-400) 65%, transparent);background:color-mix(in oklch, var(--color-take-500) 13%, transparent)}.squircle-lab__segmented,.squircle-lab__quick-values{border:1px solid var(--lab-line);corner-shape:squircle;corner-smoothing:10%;background:#ffffff09;border-radius:15px;gap:4px;padding:3px;display:grid}.squircle-lab__segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.squircle-lab__quick-values{grid-template-columns:repeat(5,minmax(0,1fr))}.squircle-lab__segmented button,.squircle-lab__quick-values button{min-height:30px;font-family:var(--font-display);border-radius:10px;font-size:.6rem}.squircle-lab__range{gap:8px;display:grid}.squircle-lab__range>span{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.squircle-lab__range strong{color:var(--lab-muted);font-family:var(--font-display);font-size:.62rem;font-weight:500}.squircle-lab__range output{color:var(--color-take-300);font-family:var(--font-display);font-size:.65rem}.squircle-lab__range input{width:100%;accent-color:var(--color-take-400);cursor:pointer}.squircle-lab__hint{color:var(--lab-muted);margin:0;font-size:.7rem;line-height:1.4}.squircle-lab__surface-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.squircle-lab__surface-button{min-width:0;min-height:54px;font-family:var(--font-display);letter-spacing:-.02em;background:#ffffff09;justify-items:center;gap:7px;padding:8px 4px;font-size:.5rem;display:grid}.squircle-lab__surface-button span{text-overflow:clip;white-space:nowrap;max-width:100%;overflow:hidden}.squircle-lab__surface-button i{background:var(--color-phases-700);corner-shape:squircle;corner-smoothing:10%;border:1px solid #ffffff5c;border-radius:5px;width:15px;height:15px;display:block}.squircle-lab__surface-button--take i{background:var(--color-take-500)}.squircle-lab__surface-button--balance i{background:var(--color-balance-400)}.squircle-lab__surface-button--enlace i{background:var(--color-enlace-500)}.squircle-lab__surface-button--frame i{background:var(--color-frame-300)}.squircle-lab__subhead{border-top:1px solid var(--lab-line);margin-top:2px;padding-top:12px}.squircle-lab__toggle{min-height:42px;color:var(--color-phases-50);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:18px;padding:0;display:flex}.squircle-lab__toggle>span:first-child{gap:4px;display:grid}.squircle-lab__toggle strong{font-family:var(--font-display);font-size:.66rem;font-weight:500}.squircle-lab__toggle small{color:var(--lab-muted);font-size:.68rem;line-height:1.35}.squircle-lab__toggle-track{corner-shape:squircle;corner-smoothing:10%;background:#ffffff14;border:1px solid #fff3;border-radius:12px;flex:none;width:40px;height:23px;padding:3px;display:block;position:relative}.squircle-lab__toggle-track>span{background:var(--lab-muted);corner-shape:squircle;corner-smoothing:10%;width:15px;height:15px;transition:transform var(--motion-medium) ease, background var(--motion-fast) ease;border-radius:7px;display:block}.squircle-lab__toggle[aria-checked=true] .squircle-lab__toggle-track{border-color:color-mix(in oklch, var(--color-take-400) 62%, transparent);background:color-mix(in oklch, var(--color-take-500) 22%, transparent)}.squircle-lab__toggle[aria-checked=true] .squircle-lab__toggle-track>span{background:var(--color-take-400);transform:translate(16px)}.squircle-lab__experiments{border-top:1px solid var(--lab-line);flex-direction:column;align-items:stretch;margin-top:20px;padding-top:16px}.squircle-lab__experiments>div{flex-wrap:wrap;justify-content:flex-start;gap:6px;display:flex}.squircle-lab__experiments button{text-align:left;gap:4px;min-width:92px;padding:8px 10px;display:grid}.squircle-lab__experiments button small{color:var(--lab-muted)}.squircle-lab__experiments .squircle-lab__reset{min-width:auto;color:var(--lab-muted);font-family:var(--font-display);border-color:#0000;font-size:.61rem;display:block}.squircle-lab__experiments .squircle-lab__reset:hover,.squircle-lab__experiments .squircle-lab__reset:focus-visible{color:var(--color-phases-50)}.squircle-lab__canvas{background:var(--color-phases-950);border-radius:30px;min-width:0;margin-top:0;overflow:hidden}.squircle-lab__canvas-head{border-bottom:1px solid var(--lab-line);align-items:center;padding:18px 22px}.squircle-lab__canvas-head>div:first-child,.squircle-lab__canvas-spec{flex-wrap:wrap;align-items:baseline;gap:8px 14px;display:flex}.squircle-lab__canvas-head strong{color:var(--lab-muted);font-size:.72rem;font-weight:400}.squircle-lab__canvas-spec{justify-content:flex-end}.squircle-lab__canvas-spec span{color:var(--color-balance-300)}.squircle-lab__canvas-spec code{color:var(--lab-muted);font-family:var(--font-display);font-size:.61rem}.squircle-lab__focus{background:radial-gradient(circle at 50% 46%,#ffffff0f,#0000 42%);place-items:center;min-height:430px;padding:52px 40px 42px;display:grid;position:relative}.squircle-lab__focus>.squircle-specimen{max-width:100%}.squircle-lab__focus-label{align-items:center;gap:10px;display:flex;position:absolute;top:20px;left:22px}.squircle-lab__focus-label strong{color:var(--color-take-300);font-family:var(--font-display);font-size:.68rem;font-weight:500}.squircle-lab__specimen-copy{font-family:var(--font-display);gap:6px;display:grid}.squircle-lab__specimen-copy span,.squircle-lab__specimen-copy small{color:currentColor;letter-spacing:.08em;font-size:.65rem}.squircle-lab__specimen-copy strong{color:var(--color-phases-50);letter-spacing:-.1em;font-size:clamp(2.4rem,6vw,5.8rem);line-height:.84}.squircle-lab__readout{border-top:1px solid var(--lab-line);border-bottom:1px solid var(--lab-line);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.squircle-lab__readout div{border-right:1px solid var(--lab-line);gap:6px;min-width:0;padding:15px 18px;display:grid}.squircle-lab__readout div:last-child{border-right:0}.squircle-lab__readout dt,.squircle-lab__readout dd{font-family:var(--font-display);margin:0}.squircle-lab__readout dt{color:var(--lab-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.6rem}.squircle-lab__readout dd{color:var(--color-take-300);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.squircle-lab__comparison{padding:22px}.squircle-lab__comparison>header{border-bottom:1px solid var(--lab-line);align-items:baseline;padding-bottom:16px}.squircle-lab__comparison>header small{color:var(--lab-muted);font-size:.72rem}.squircle-lab__comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:16px;display:grid}.squircle-lab__sample{min-width:0;color:var(--color-phases-50);cursor:pointer;text-align:left;transition:border-color var(--motion-fast) ease, background var(--motion-fast) ease;corner-shape:squircle;corner-smoothing:10%;background:0 0;border:1px solid #0000;border-radius:22px;gap:10px;padding:12px;display:grid}.squircle-lab__sample:hover,.squircle-lab__sample:focus-visible,.squircle-lab__sample.is-focused{background:#ffffff0b;border-color:#ffffff40}.squircle-lab__sample-topline,.squircle-lab__sample-readout{font-family:var(--font-display);justify-content:space-between;align-items:baseline;gap:8px;font-size:.58rem;display:flex}.squircle-lab__sample-topline{color:var(--lab-muted)}.squircle-lab__sample-readout{color:var(--lab-faint)}.squircle-lab__sample>.squircle-specimen{justify-self:stretch}.squircle-lab__sample-ratio{color:#fafafab8;font-family:var(--font-display);letter-spacing:-.08em;font-size:clamp(1.2rem,2.8vw,2.3rem)}.squircle-lab__footer{width:min(100%, calc(var(--content-width) + var(--page-gutter) * 2));padding:22px var(--page-gutter);border-top:1px solid var(--lab-line);color:var(--lab-muted);font-family:var(--font-display);margin:0 auto;font-size:.62rem}.squircle-lab__footer a{color:var(--color-phases-50);text-decoration:none}.squircle-lab__footer a:hover,.squircle-lab__footer a:focus-visible{color:var(--accent)}@media (width<=1120px){.squircle-lab__main{display:block}.squircle-lab__deck-head{flex-direction:row;align-items:end}.squircle-lab__deck-readout{text-align:right;width:auto;min-width:190px}.squircle-lab__controls{grid-template-columns:repeat(3,minmax(0,1fr))}.squircle-lab__control--shape{grid-column:span 3}.squircle-lab__control--toggles{grid-column:span 2}.squircle-lab__experiments{flex-direction:row;align-items:center}.squircle-lab__experiments>div{justify-content:flex-end}.squircle-lab__canvas{margin-top:18px}.squircle-lab__comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.squircle-lab__topbar,.squircle-lab__main,.squircle-lab__footer{padding-inline:18px}.squircle-lab__deck{position:relative;top:auto}.squircle-lab__deck-head{flex-direction:column;align-items:flex-start}.squircle-lab__deck-readout{text-align:left;min-width:0}.squircle-lab__controls{grid-template-columns:repeat(2,minmax(0,1fr))}.squircle-lab__control--shape,.squircle-lab__control--toggles{grid-column:span 2}.squircle-lab__experiments,.squircle-lab__canvas-head,.squircle-lab__comparison>header{flex-direction:column;align-items:flex-start}.squircle-lab__experiments>div,.squircle-lab__canvas-spec{justify-content:flex-start}.squircle-lab__focus{min-height:340px;padding-inline:22px}.squircle-lab__readout{grid-template-columns:repeat(2,minmax(0,1fr))}.squircle-lab__readout div:nth-child(2){border-right:0}.squircle-lab__readout div:nth-child(-n+2){border-bottom:1px solid var(--lab-line)}.squircle-lab__comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.squircle-lab__topbar{flex-direction:column;align-items:flex-start;gap:8px}.squircle-lab__topbar-meta{justify-content:space-between;width:100%}.squircle-lab__main{padding-top:4px}.squircle-lab__deck,.squircle-lab__canvas{border-radius:24px}.squircle-lab__controls{grid-template-columns:1fr}.squircle-lab__control--shape,.squircle-lab__control--toggles{grid-column:auto}.squircle-lab__shape-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.squircle-lab__shape-tabs button:nth-child(4),.squircle-lab__shape-tabs button:nth-child(5){grid-column:span 1}.squircle-lab__canvas-head,.squircle-lab__comparison,.squircle-lab__deck{padding:16px}.squircle-lab__focus{min-height:290px;padding:48px 16px 28px}.squircle-lab__focus-label{left:16px}.squircle-lab__comparison-grid{grid-template-columns:1fr}.squircle-lab__footer{flex-direction:column;align-items:flex-start;gap:8px}}.sliders-lab{--lab-muted:#fafafa8f;--lab-faint:#fafafa57;--lab-line:#ffffff1f;--lab-panel:#ffffff0b;--lab-panel-strong:#ffffff13;--sliders-accent:var(--color-take-400);--sliders-accent-soft:var(--color-take-500);background:var(--color-phases-black);min-height:100vh;color:var(--color-phases-50)}.sliders-lab--neutral{--sliders-accent:var(--color-phases-300);--sliders-accent-soft:var(--color-phases-500)}.sliders-lab--enlace{--sliders-accent:var(--color-enlace-300);--sliders-accent-soft:var(--color-enlace-500)}.sliders-lab--studio{--sliders-accent:var(--color-studio-300);--sliders-accent-soft:var(--color-studio-500)}.sliders-lab--tangible{--sliders-accent:var(--color-tangible-300);--sliders-accent-soft:var(--color-tangible-500)}.sliders-lab button,.sliders-lab input{font:inherit}.sliders-lab__topbar{width:min(100%, calc(var(--content-width) + var(--page-gutter) * 2));min-height:72px;padding:18px var(--page-gutter);color:var(--lab-muted);font-family:var(--font-display);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;font-size:.63rem;display:flex}.sliders-lab__back{border:1px solid var(--lab-line);background:var(--lab-panel-strong);min-height:34px;color:var(--color-phases-50);font-family:var(--font-display);transition:border-color var(--motion-fast) ease, background var(--motion-fast) ease, color var(--motion-fast) ease;corner-shape:squircle;corner-smoothing:10%;border-radius:12px;align-items:center;padding:7px 10px;font-size:.6rem;text-decoration:none;display:inline-flex}.sliders-lab__back:hover,.sliders-lab__back:focus-visible{border-color:var(--sliders-accent);background:color-mix(in oklch, var(--sliders-accent-soft) 18%, transparent);color:var(--sliders-accent)}.sliders-lab__topbar-meta{align-items:center;gap:18px;display:flex}.sliders-lab__topbar-meta strong{color:var(--color-balance-300);align-items:center;gap:7px;font-weight:500;display:inline-flex}.sliders-lab__topbar-meta i{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 14px}.sliders-lab__main{width:min(100%,1480px);padding:12px var(--page-gutter) 72px;grid-template-columns:minmax(360px,.74fr) minmax(0,1.26fr);align-items:start;gap:18px;margin:0 auto;display:grid}.sliders-lab__deck,.sliders-lab__canvas{border:1px solid var(--lab-line);background:var(--lab-panel);corner-shape:squircle;corner-smoothing:10%;min-width:0}.sliders-lab__deck{z-index:10;background:rgb(13 13 13/var(--phases-material-tint-alpha));-webkit-backdrop-filter:blur(var(--phases-material-blur)) saturate(var(--phases-material-saturation)) brightness(var(--phases-material-brightness));backdrop-filter:blur(var(--phases-material-blur)) saturate(var(--phases-material-saturation)) brightness(var(--phases-material-brightness));border-radius:30px;padding:clamp(16px,2vw,24px);position:sticky;top:14px;box-shadow:0 20px 70px #00000042}.sliders-lab__deck-head,.sliders-lab__canvas-head,.sliders-lab__experiments,.sliders-lab__section-head,.sliders-lab__footer{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.sliders-lab__deck-head{border-bottom:1px solid var(--lab-line);flex-direction:column;padding-bottom:20px}.sliders-lab__kicker,.sliders-lab__control>header span,.sliders-lab__experiments>span,.sliders-lab__canvas-head span,.sliders-lab__section-head span,.sliders-lab__scroll-content-head>span{color:var(--lab-muted);font-family:var(--font-display);letter-spacing:.1em;font-size:.62rem}.sliders-lab__deck h1{color:var(--color-phases-50);letter-spacing:-.07em;margin:8px 0 0;font-size:clamp(1.65rem,3vw,2.8rem);line-height:.95}.sliders-lab__deck-readout{text-align:left;gap:5px;width:100%;min-width:0;display:grid}.sliders-lab__deck-readout span,.sliders-lab__deck-readout small{color:var(--lab-muted);font-family:var(--font-display);letter-spacing:.06em;font-size:.61rem}.sliders-lab__deck-readout strong{color:var(--sliders-accent);font-family:var(--font-display);font-size:.82rem;font-weight:500}.sliders-lab__controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:20px;display:grid}.sliders-lab__control{border-top:1px solid var(--lab-line);align-content:start;gap:12px;min-width:0;padding-top:12px;display:grid}.sliders-lab__control--full,.sliders-lab__control--toggles{grid-column:span 2}.sliders-lab__control>header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.sliders-lab__control>header output{color:var(--sliders-accent);font-family:var(--font-display);font-size:.68rem}.sliders-lab__preset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.sliders-lab__preset-grid button,.sliders-lab__surface-button,.sliders-lab__toggle{color:var(--lab-muted);cursor:pointer;transition:border-color var(--motion-fast) ease, background var(--motion-fast) ease, color var(--motion-fast) ease, transform var(--motion-fast) ease;corner-shape:squircle;corner-smoothing:10%;background:0 0;border:1px solid #0000;border-radius:13px}.sliders-lab__preset-grid button{text-align:left;background:#ffffff09;align-content:center;gap:5px;min-width:0;min-height:54px;padding:8px;display:grid}.sliders-lab__preset-grid button strong,.sliders-lab__preset-grid button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sliders-lab__preset-grid button strong{color:var(--color-phases-50);font-family:var(--font-display);font-size:.62rem;font-weight:500}.sliders-lab__preset-grid button small{color:var(--lab-muted);font-size:.62rem}.sliders-lab__preset-grid button:hover,.sliders-lab__preset-grid button:focus-visible,.sliders-lab__preset-grid button.is-active,.sliders-lab__surface-button:hover,.sliders-lab__surface-button:focus-visible,.sliders-lab__surface-button.is-active{border-color:color-mix(in oklch, var(--sliders-accent) 72%, transparent);background:color-mix(in oklch, var(--sliders-accent-soft) 18%, transparent);color:var(--color-phases-50)}.sliders-lab__range{gap:8px;display:grid}.sliders-lab__range>span{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.sliders-lab__range strong{color:var(--lab-muted);font-family:var(--font-display);font-size:.62rem;font-weight:500}.sliders-lab__range output{color:var(--sliders-accent);font-family:var(--font-display);font-size:.65rem}.sliders-lab__range input{width:100%;accent-color:var(--sliders-accent);cursor:pointer}.sliders-lab__surface-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.sliders-lab__surface-button{min-width:0;min-height:58px;font-family:var(--font-display);letter-spacing:-.02em;justify-items:center;gap:7px;padding:8px 4px;font-size:.48rem;display:grid}.sliders-lab__surface-button span{text-overflow:clip;white-space:nowrap;max-width:100%;overflow:hidden}.sliders-lab__surface-button i{background:var(--color-phases-500);corner-shape:squircle;corner-smoothing:10%;border:1px solid #ffffff5c;border-radius:5px;width:15px;height:15px;display:block}.sliders-lab__surface-button--take i{background:var(--color-take-500)}.sliders-lab__surface-button--enlace i{background:var(--color-enlace-500)}.sliders-lab__surface-button--studio i{background:var(--color-studio-500)}.sliders-lab__surface-button--tangible i{background:var(--color-tangible-500)}.sliders-lab__toggle{min-height:42px;color:var(--color-phases-50);cursor:pointer;text-align:left;border:0;justify-content:space-between;align-items:center;gap:18px;padding:0;display:flex}.sliders-lab__toggle>span:first-child{gap:4px;display:grid}.sliders-lab__toggle strong{font-family:var(--font-display);font-size:.66rem;font-weight:500}.sliders-lab__toggle small{color:var(--lab-muted);font-size:.68rem;line-height:1.35}.sliders-lab__toggle-track{corner-shape:squircle;corner-smoothing:10%;background:#ffffff14;border:1px solid #fff3;border-radius:12px;flex:none;width:40px;height:23px;padding:3px;display:block;position:relative}.sliders-lab__toggle-track>span{background:var(--lab-muted);width:15px;height:15px;transition:transform var(--motion-medium) ease, background var(--motion-fast) ease;corner-shape:squircle;corner-smoothing:10%;border-radius:7px;display:block}.sliders-lab__toggle[aria-checked=true] .sliders-lab__toggle-track{border-color:color-mix(in oklch, var(--sliders-accent) 62%, transparent);background:color-mix(in oklch, var(--sliders-accent-soft) 22%, transparent)}.sliders-lab__toggle[aria-checked=true] .sliders-lab__toggle-track>span{background:var(--sliders-accent);transform:translate(16px)}.sliders-lab__experiments{border-top:1px solid var(--lab-line);flex-direction:column;align-items:stretch;margin-top:20px;padding-top:16px}.sliders-lab__experiments>div{justify-content:flex-start;display:flex}.sliders-lab__reset{min-width:auto;color:var(--lab-muted);cursor:pointer;font-family:var(--font-display);background:0 0;border:0;padding:8px 0;font-size:.61rem}.sliders-lab__reset:hover,.sliders-lab__reset:focus-visible{color:var(--color-phases-50)}.sliders-lab__canvas{background:var(--color-phases-950);border-radius:30px;overflow:hidden}.sliders-lab__canvas-head{border-bottom:1px solid var(--lab-line);align-items:center;padding:18px 22px}.sliders-lab__canvas-head>div:first-child,.sliders-lab__canvas-spec,.sliders-lab__section-head>div:first-child{flex-wrap:wrap;align-items:baseline;gap:8px 14px;display:flex}.sliders-lab__canvas-head strong,.sliders-lab__section-head strong{color:var(--lab-muted);font-size:.72rem;font-weight:400}.sliders-lab__canvas-spec{justify-content:flex-end}.sliders-lab__canvas-spec span{color:var(--sliders-accent)}.sliders-lab__canvas-spec code,.sliders-lab__section-head small{color:var(--lab-muted);font-family:var(--font-display);font-size:.6rem}.sliders-lab__canvas-section{padding:22px}.sliders-lab__canvas-section--sliders{border-top:1px solid var(--lab-line);background:radial-gradient(circle at 80% 25%, color-mix(in oklch, var(--sliders-accent-soft) 14%, transparent), transparent 38%)}.sliders-lab__section-head{align-items:baseline;margin-bottom:16px}.sliders-lab__section-head>div:first-child{gap:8px 12px}.sliders-lab__section-head span{color:var(--sliders-accent)}.sliders-lab__scroll-viewport{overscroll-behavior:contain;scrollbar-width:none;height:448px;position:relative;overflow:auto}.sliders-lab__scroll-viewport::-webkit-scrollbar{display:none}.sliders-lab__custom-scrollbars{z-index:2;pointer-events:none;position:absolute;inset:0}.sliders-lab__custom-scrollbar{pointer-events:auto;border-radius:var(--scrollbar-track-radius);background:color-mix(in oklch, var(--sliders-accent-soft) var(--scrollbar-track-opacity), transparent);transition:opacity var(--motion-fast) ease, background var(--motion-fast) ease;position:absolute;overflow:hidden}.sliders-lab__custom-scrollbar--vertical{width:var(--scrollbar-size);top:0;right:0}.sliders-lab__custom-scrollbar--horizontal{height:var(--scrollbar-size);bottom:0;left:0}.sliders-lab__custom-scrollbar[data-scrollbar-track=off]{background:0 0}.sliders-lab__custom-scrollbar.is-disabled{opacity:0;pointer-events:none}.sliders-lab__custom-scrollbar-thumb{box-sizing:border-box;border:1px solid color-mix(in oklch, var(--sliders-accent) 24%, transparent);border-radius:var(--scrollbar-thumb-radius);background:color-mix(in oklch, var(--sliders-accent-soft) var(--scrollbar-thumb-opacity), transparent);cursor:grab;touch-action:none;transition:background var(--motion-fast) ease, border-color var(--motion-fast) ease;position:absolute;top:0;left:0}.sliders-lab__custom-scrollbar--vertical .sliders-lab__custom-scrollbar-thumb{width:calc(100% - (var(--scrollbar-inset) * 2))}.sliders-lab__custom-scrollbar--horizontal .sliders-lab__custom-scrollbar-thumb{height:calc(100% - (var(--scrollbar-inset) * 2))}.sliders-lab__custom-scrollbar-thumb:hover,.sliders-lab__custom-scrollbar-thumb:focus-visible,.sliders-lab__custom-scrollbar-thumb:active{background:var(--sliders-accent);border-color:var(--sliders-accent)}.sliders-lab__custom-scrollbar-thumb:active{cursor:grabbing}.sliders-lab__scroll-content{background:linear-gradient(135deg, color-mix(in oklch, var(--sliders-accent-soft) 12%, transparent), transparent 42%), var(--color-phases-950);width:780px;min-height:690px;padding:34px}.sliders-lab__scroll-content-head{gap:12px;max-width:500px;display:grid}.sliders-lab__scroll-content-head>span{color:var(--sliders-accent)}.sliders-lab__scroll-content-head strong{letter-spacing:-.07em;max-width:520px;font-size:clamp(1.7rem,4vw,3.8rem);line-height:.96}.sliders-lab__scroll-content-head p{max-width:420px;color:var(--lab-muted);margin:0;font-size:.86rem;line-height:1.55}.sliders-lab__scroll-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:58px;display:grid}.sliders-lab__scroll-card{border:1px solid var(--lab-line);corner-shape:squircle;corner-smoothing:10%;background:#ffffff0b;border-radius:22px;align-content:space-between;min-height:190px;padding:18px;display:grid}.sliders-lab__scroll-card>span,.sliders-lab__scroll-card>small,.sliders-lab__scroll-wide-card>span{color:var(--lab-muted);font-family:var(--font-display);letter-spacing:.08em;font-size:.58rem}.sliders-lab__scroll-card strong{color:var(--sliders-accent);font-family:var(--font-display);letter-spacing:-.1em;font-size:clamp(2.4rem,6vw,4.5rem);line-height:.8}.sliders-lab__scroll-card--accent{border-color:color-mix(in oklch, var(--sliders-accent) 44%, transparent);background:color-mix(in oklch, var(--sliders-accent-soft) 22%, transparent)}.sliders-lab__scroll-wide-card{border:1px solid var(--lab-line);corner-shape:squircle;corner-smoothing:10%;background:#ffffff09;border-radius:22px;gap:22px;min-height:180px;margin-top:12px;padding:20px;display:grid}.sliders-lab__scroll-wide-card>div{align-items:end;gap:10px;display:flex}.sliders-lab__scroll-wide-card i{background:color-mix(in oklch, var(--sliders-accent-soft) 32%, transparent);border-radius:50%;width:64px;height:64px;display:block}.sliders-lab__scroll-wide-card i:nth-child(2){background:color-mix(in oklch, var(--sliders-accent-soft) 48%, transparent);width:132px;height:132px}.sliders-lab__scroll-wide-card i:nth-child(3){background:color-mix(in oklch, var(--sliders-accent-soft) 28%, transparent);width:88px;height:88px}.sliders-lab__scroll-wide-card i:nth-child(4){background:color-mix(in oklch, var(--sliders-accent-soft) 44%, transparent);border-radius:22px;width:178px;height:42px}.sliders-lab__scroll-wide-card i:nth-child(5){background:color-mix(in oklch, var(--sliders-accent-soft) 24%, transparent);width:54px;height:54px}.sliders-lab__readout{border-top:1px solid var(--lab-line);border-bottom:1px solid var(--lab-line);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.sliders-lab__readout div{border-right:1px solid var(--lab-line);gap:6px;min-width:0;padding:15px 18px;display:grid}.sliders-lab__readout div:last-child{border-right:0}.sliders-lab__readout dt,.sliders-lab__readout dd{font-family:var(--font-display);margin:0}.sliders-lab__readout dt{color:var(--lab-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.6rem}.sliders-lab__readout dd{color:var(--sliders-accent);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.sliders-lab__slider-stack{gap:30px;padding:20px 4px 8px;display:grid}.sliders-lab__slider-specimen{gap:10px;display:grid}.sliders-lab__slider-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.sliders-lab__slider-head strong,.sliders-lab__slider-head output,.sliders-lab__slider-head small{font-family:var(--font-display);font-size:.68rem;font-weight:500}.sliders-lab__slider-head output{color:var(--sliders-accent)}.sliders-lab__slider-head small{color:var(--lab-muted);letter-spacing:.08em;font-size:.56rem}.sliders-lab__slider-specimen input{width:100%;height:max(18px, var(--slider-thumb-size));appearance:none;cursor:pointer;background:0 0;margin:0}.sliders-lab__slider-specimen input::-webkit-slider-runnable-track{height:var(--slider-track-height);border-radius:var(--slider-track-radius);background:linear-gradient(to right, color-mix(in oklch, var(--sliders-accent-soft) var(--slider-fill-opacity), transparent) 0 var(--slider-progress), color-mix(in oklch, var(--sliders-accent-soft) var(--slider-track-opacity), transparent) var(--slider-progress) 100%)}.sliders-lab__slider-specimen[data-fill=off] input::-webkit-slider-runnable-track{background:color-mix(in oklch, var(--sliders-accent-soft) var(--slider-track-opacity), transparent)}.sliders-lab__slider-specimen input::-webkit-slider-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);margin-top:calc((var(--slider-track-height) - var(--slider-thumb-size)) / 2);appearance:none;border:var(--slider-thumb-border) solid var(--color-phases-950);border-radius:var(--slider-thumb-radius);background:var(--sliders-accent);box-shadow:0 0 0 1px color-mix(in oklch, var(--sliders-accent) 60%, transparent), 0 4px 16px color-mix(in oklch, var(--sliders-accent-soft) 36%, transparent)}.sliders-lab__slider-specimen input::-moz-range-track{height:var(--slider-track-height);border-radius:var(--slider-track-radius);background:color-mix(in oklch, var(--sliders-accent-soft) var(--slider-track-opacity), transparent)}.sliders-lab__slider-specimen input::-moz-range-progress{height:var(--slider-track-height);border-radius:var(--slider-track-radius);background:color-mix(in oklch, var(--sliders-accent-soft) var(--slider-fill-opacity), transparent)}.sliders-lab__slider-specimen[data-fill=off] input::-moz-range-progress{background:0 0}.sliders-lab__slider-specimen input::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);border:var(--slider-thumb-border) solid var(--color-phases-950);border-radius:var(--slider-thumb-radius);background:var(--sliders-accent);box-shadow:0 0 0 1px color-mix(in oklch, var(--sliders-accent) 60%, transparent), 0 4px 16px color-mix(in oklch, var(--sliders-accent-soft) 36%, transparent)}.sliders-lab__slider-specimen input:focus-visible{outline:2px solid var(--sliders-accent);outline-offset:5px}.sliders-lab[data-focus=off] .sliders-lab__slider-specimen input:focus-visible{outline:none}.sliders-lab__footer{width:min(100%, calc(var(--content-width) + var(--page-gutter) * 2));padding:22px var(--page-gutter);border-top:1px solid var(--lab-line);color:var(--lab-muted);font-family:var(--font-display);margin:0 auto;font-size:.62rem}.sliders-lab__footer a{color:var(--color-phases-50);text-decoration:none}.sliders-lab__footer a:hover,.sliders-lab__footer a:focus-visible{color:var(--sliders-accent)}@media (width<=1120px){.sliders-lab__main{display:block}.sliders-lab__deck-head{flex-direction:row;align-items:end}.sliders-lab__deck-readout{text-align:right;width:auto;min-width:190px}.sliders-lab__controls{grid-template-columns:repeat(3,minmax(0,1fr))}.sliders-lab__control--full,.sliders-lab__control--toggles{grid-column:span 3}.sliders-lab__deck{position:relative;top:auto}.sliders-lab__canvas{margin-top:18px}}@media (width<=760px){.sliders-lab__topbar,.sliders-lab__main,.sliders-lab__footer{padding-inline:18px}.sliders-lab__deck-head,.sliders-lab__canvas-head,.sliders-lab__section-head,.sliders-lab__footer{flex-direction:column;align-items:flex-start}.sliders-lab__deck-readout{text-align:left;min-width:0}.sliders-lab__canvas-spec{justify-content:flex-start}.sliders-lab__readout{grid-template-columns:repeat(2,minmax(0,1fr))}.sliders-lab__readout div:nth-child(2){border-right:0}.sliders-lab__readout div:nth-child(-n+2){border-bottom:1px solid var(--lab-line)}}@media (width<=520px){.sliders-lab__topbar{flex-direction:column;align-items:flex-start;gap:8px}.sliders-lab__topbar-meta{justify-content:space-between;width:100%}.sliders-lab__main{padding-top:4px}.sliders-lab__deck,.sliders-lab__canvas{border-radius:24px}.sliders-lab__controls{grid-template-columns:1fr}.sliders-lab__control--full,.sliders-lab__control--toggles{grid-column:auto}.sliders-lab__preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sliders-lab__surface-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.sliders-lab__canvas-head,.sliders-lab__canvas-section{padding:16px}.sliders-lab__scroll-viewport{height:360px}.sliders-lab__scroll-content{width:680px;padding:24px}.sliders-lab__scroll-cards{grid-template-columns:repeat(3,190px)}}.settings-page{background:radial-gradient(circle at 72% 12%, color-mix(in oklch, var(--color-enlace-500) 10%, transparent), transparent 34rem), var(--surface-canvas);min-height:100vh}.settings-page__main{width:min(760px, calc(100% - (2 * var(--page-gutter))));margin:0 auto;padding:clamp(72px,10vw,132px) 0 96px}.settings-page__back,.settings-page__eyebrow,.settings-page__section-heading,.settings-page__preference{align-items:center;display:flex}.settings-page__back{width:max-content;color:var(--text-secondary);font-family:var(--font-display);gap:8px;font-size:.72rem;text-decoration:none}.settings-page__header{margin:54px 0 56px}.settings-page__eyebrow{color:var(--color-enlace-400);font-family:var(--font-display);letter-spacing:.08em;gap:8px;font-size:.68rem}.settings-page__header h1{letter-spacing:-.075em;margin:16px 0 10px;font-size:clamp(2.6rem,7vw,5.6rem);font-weight:420;line-height:.95}.settings-page__header p,.settings-page__preference p{color:var(--text-secondary)}.settings-page__header p{max-width:32rem;margin:0;font-size:1.02rem;line-height:1.55}.settings-page__section{border:1px solid var(--border-subtle);background:color-mix(in oklch, var(--surface-raised) 78%, transparent);corner-shape:squircle;corner-smoothing:10%;border-radius:28px;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.settings-page__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.settings-page__grid .settings-page__section{min-width:0}.settings-page__section-heading{border-bottom:1px solid var(--border-subtle);gap:14px;padding:22px 24px}.settings-page__section-icon{border:1px solid var(--border-subtle);background:var(--surface-soft);width:42px;height:42px;color:var(--color-enlace-400);border-radius:14px;place-items:center;display:grid}.settings-page__section-heading span{color:var(--text-muted);font-family:var(--font-display);letter-spacing:.09em;font-size:.58rem}.settings-page__section-heading h2{margin:3px 0 0;font-size:1rem;font-weight:500}.settings-page__preference{justify-content:space-between;gap:28px;padding:25px 24px 27px}.settings-page__controls{gap:2px;padding:8px 24px 12px;display:grid}.settings-page__preference--nested{padding:18px 0 14px}.settings-page__select{border:1px solid var(--border-strong);background:var(--surface-soft);min-width:112px;color:var(--text-primary);font:.74rem var(--font-display);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:12px;padding:9px 30px 9px 11px}.settings-page__range{gap:10px;padding:14px 0;display:grid}.settings-page__range>span{color:var(--text-secondary);justify-content:space-between;gap:16px;font-size:.82rem;display:flex}.settings-page__range strong{color:var(--text-primary);font-weight:500}.settings-page__range output{color:var(--color-enlace-400);font-family:var(--font-display);font-size:.7rem}.settings-page__range input{width:100%;accent-color:var(--color-enlace-400)}.settings-page__navigation-copy{gap:5px;padding:20px 24px 14px;display:grid}.settings-page__navigation-copy p,.settings-page__navigation-copy span,.settings-page__footer-actions p{color:var(--text-secondary);margin:0;font-size:.86rem;line-height:1.5}.settings-page__navigation-copy span{color:var(--text-muted);font-size:.76rem}.settings-page__order{gap:7px;margin:0;padding:0 12px 14px;list-style:none;display:grid}.settings-page__order li{border:1px solid var(--border-subtle);background:var(--surface-soft);corner-shape:squircle;corner-smoothing:10%;border-radius:15px;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:8px 10px 8px 14px;display:flex}.settings-page__order-label{gap:4px;min-width:0;display:grid}.settings-page__order-label strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:500;overflow:hidden}.settings-page__order-label small{color:var(--text-muted);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:.58rem}.settings-page__order-actions{flex:none;align-items:center;gap:4px;display:flex}.settings-page__order-actions>button:not(.settings-page__switch){border:1px solid var(--border-subtle);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:9px;place-items:center;padding:0;display:grid}.settings-page__order-actions>button:not(.settings-page__switch):hover:not(:disabled),.settings-page__order-actions>button:not(.settings-page__switch):focus-visible{border-color:var(--border-strong);color:var(--text-primary)}.settings-page__order-actions>button:disabled{cursor:not-allowed;opacity:.32}.settings-page__switch--small{width:42px;height:25px}.settings-page__switch--small span{width:17px;height:17px}.settings-page__switch--small[aria-checked=true] span{transform:translate(17px)}.settings-page__footer-actions{justify-content:space-between;align-items:center;gap:24px;padding:28px 2px 0;display:flex}.settings-page__reset{border:1px solid var(--border-strong);color:var(--text-primary);cursor:pointer;font:.7rem var(--font-display);background:0 0;border-radius:12px;flex:none;padding:10px 14px}.settings-page__reset:hover,.settings-page__reset:focus-visible{border-color:var(--color-enlace-400);color:var(--color-enlace-400)}.settings-page__preference strong{font-size:.98rem;font-weight:500}.settings-page__preference p{max-width:31rem;margin:6px 0 0;font-size:.88rem;line-height:1.5}.settings-page__switch{border:1px solid var(--border-strong);background:var(--surface-soft);cursor:pointer;width:50px;height:29px;transition:background var(--motion-fast) ease, border-color var(--motion-fast) ease;border-radius:999px;flex:none;padding:3px}.settings-page__switch span{background:var(--text-primary);width:21px;height:21px;transition:transform var(--motion-medium) cubic-bezier(.2, .8, .2, 1);border-radius:50%;display:block;box-shadow:0 2px 8px #00000059}.settings-page__switch[aria-checked=true]{border-color:var(--color-enlace-400);background:var(--color-enlace-600)}.settings-page__switch[aria-checked=true] span{transform:translate(21px)}@media (width<=600px){.settings-page__main{width:calc(100% - 40px);padding-top:84px}.settings-page__header{margin:42px 0}.settings-page__preference{align-items:flex-start;gap:18px}.settings-page__grid{grid-template-columns:1fr}.settings-page__footer-actions{flex-direction:column;align-items:flex-start}}.northstar-example{color:#f0f9ff;background:radial-gradient(circle at 82% 12%,#0e749038,#0000 28rem),linear-gradient(145deg,#06131d 0%,#0a1d2b 48%,#082f49 100%);min-height:100vh;overflow:hidden}.northstar-example__main{width:min(1120px,100% - 48px);margin:0 auto;padding:clamp(104px,16vh,168px) 0 96px}.northstar-example__hero{max-width:760px}.northstar-example__eyebrow,.northstar-example__card p,.northstar-example__signal,.northstar-example__card span{letter-spacing:.14em;text-transform:uppercase;font-size:.7rem}.northstar-example__eyebrow{color:#67e8f9;margin:0 0 20px;font-weight:700}.northstar-example h1{color:#ecfeff;letter-spacing:-.07em;max-width:720px;margin:0;font-size:clamp(3.4rem,8vw,7.4rem);line-height:.9}.northstar-example__intro{color:#bae6fd;max-width:540px;margin:32px 0 0;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.5}.northstar-example__signal{color:#a5f3fc;align-items:center;gap:12px;margin-top:36px;display:flex}.northstar-example__signal-dot{background:#22d3ee;border-radius:50%;width:8px;height:8px;box-shadow:0 0 18px #22d3eecc}.northstar-example__signal-divider{background:#7dd3fc73;width:1px;height:16px}.northstar-example__grid{grid-template-columns:1.35fr .85fr .85fr;gap:16px;margin-top:112px;display:grid}.northstar-example__card{background:#082f4985;border:1px solid #7dd3fc33;border-radius:28px;min-height:248px;padding:28px;box-shadow:inset 0 1px #ecfeff14,0 24px 60px #0208172e}.northstar-example__card--accent{background:linear-gradient(150deg,#0e7490a8,#082f49b3);border-color:#67e8f973}.northstar-example__card p{color:#67e8f9;margin:0}.northstar-example__card strong{color:#ecfeff;letter-spacing:-.06em;margin-top:44px;font-size:clamp(2.5rem,5vw,4.5rem);line-height:.95;display:block}.northstar-example__card span{color:#bae6fd;margin-top:16px;line-height:1.5;display:block}.northstar-example__chart{align-items:end;gap:8px;height:44px;margin-top:28px;display:flex}.northstar-example__chart i{background:#22d3ee;border-radius:6px 6px 2px 2px;flex:1;height:38%}.northstar-example__chart i:nth-child(2){height:54%}.northstar-example__chart i:nth-child(3){height:46%}.northstar-example__chart i:nth-child(4){height:72%}.northstar-example__chart i:nth-child(5){height:62%}.northstar-example__chart i:nth-child(6){height:80%}.northstar-example__chart i:nth-child(7){height:68%}.northstar-example__chart i:nth-child(8){height:96%}.northstar-example__account{color:#e0f2fe;cursor:pointer;background:#082f49c7;border:1px solid #7dd3fc42;border-radius:999px;align-items:center;gap:10px;height:44px;padding:5px 14px 5px 5px;display:inline-flex}.northstar-example__avatar,.northstar-example__brand-mark{color:#ecfeff;letter-spacing:.06em;background:#0e7490;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:.7rem;font-weight:800;display:grid}.northstar-example__account-name{font-size:.8rem;font-weight:600}.northstar-example__brand{color:#ecfeff;letter-spacing:-.02em;align-items:center;gap:10px;font-weight:700;display:inline-flex}@media (width<=760px){.northstar-example__main{width:min(100% - 32px,560px);padding-top:96px}.northstar-example__grid{grid-template-columns:1fr;margin-top:72px}.northstar-example__card--wide{min-height:220px}}:root{--color-phases-50:oklch(98.5% 0 0);--color-phases-100:oklch(97% 0 0);--color-phases-200:oklch(92.2% 0 0);--color-phases-300:oklch(87% 0 0);--color-phases-400:oklch(70.8% 0 0);--color-phases-500:oklch(55.6% 0 0);--color-phases-600:oklch(43.9% 0 0);--color-phases-700:oklch(37.1% 0 0);--color-phases-800:oklch(26.9% 0 0);--color-phases-900:oklch(20.5% 0 0);--color-phases-950:oklch(0% 0 0);--color-life-50:oklch(98.2% .0081 174.35);--color-life-100:oklch(96.03% .0197 172.98);--color-life-200:oklch(91.66% .0355 161.364);--color-life-300:oklch(85.81% .0551 162.869);--color-life-400:oklch(73.3% .0718 163.207);--color-life-500:oklch(61.84% .0713 163.511);--color-life-600:oklch(51.37% .0616 167.69);--color-life-700:oklch(43.44% .0524 167.262);--color-life-800:oklch(38.24% .047 163.511);--color-life-900:oklch(28.73% .0371 168.412);--color-life-950:oklch(19.4% .0277 168.052);--color-balance-50:oklch(98.06% .0233 171.915);--color-balance-100:oklch(95.1% .0642 169.85);--color-balance-200:oklch(90.66% .1167 170.481);--color-balance-300:oklch(84.82% .1757 171.251);--color-balance-400:oklch(76.98% .2078 170.102);--color-balance-500:oklch(70.21% .1916 169.179);--color-balance-600:oklch(60.08% .1618 170.305);--color-balance-700:oklch(51.08% .1338 172.854);--color-balance-800:oklch(44.4% .115 170);--color-balance-900:oklch(38.05% .0901 176.286);--color-balance-950:oklch(26.68% .0614 180.056);--color-stock-50:oklch(98.2% .0166 156.233);--color-stock-100:oklch(96.2% .0405 157.15);--color-stock-200:oklch(92.5% .0773 156.402);--color-stock-300:oklch(87.1% .1381 154.856);--color-stock-400:oklch(79.2% .1924 152.118);--color-stock-500:oklch(72.3% .2016 149.986);--color-stock-600:oklch(62.7% .1786 149.621);--color-stock-700:oklch(52% .1389 149.986);--color-stock-800:oklch(44.8% .1095 151.735);--color-stock-900:oklch(39.3% .0874 152.942);--color-stock-950:oklch(26.6% .0598 153.341);--color-iris-50:oklch(96.2% .0158 272.163);--color-iris-100:oklch(93% .0299 272.637);--color-iris-200:oklch(87% .0571 273.887);--color-iris-300:oklch(78.5% .101 274.56);--color-iris-400:oklch(67.3% .1599 276.782);--color-iris-500:oklch(58.5% .2047 276.966);--color-iris-600:oklch(51.06% .2301 276.966);--color-iris-700:oklch(45.7% .2109 276.873);--color-iris-800:oklch(39.8% .1713 277.216);--color-iris-900:oklch(35.9% .1265 278.547);--color-iris-950:oklch(25.7% .0791 281.138);--color-studio-50:oklch(97.23% .0122 27.461);--color-studio-100:oklch(93.85% .0298 27.96);--color-studio-200:oklch(88.73% .058 27.858);--color-studio-300:oklch(81.21% .1051 28.297);--color-studio-400:oklch(71.05% .1721 29.103);--color-studio-500:oklch(64.66% .2117 30.6);--color-studio-600:oklch(57.6% .215 30.6);--color-studio-700:oklch(51.18% .1907 31.176);--color-studio-800:oklch(44.77% .1578 30.49);--color-studio-900:oklch(39.77% .1255 29.603);--color-studio-950:oklch(25.91% .0817 29.606);--color-scene-50:oklch(97.14% .0139 22);--color-scene-100:oklch(93.69% .0341 22.392);--color-scene-200:oklch(88.58% .0662 22.763);--color-scene-300:oklch(80.94% .1212 23.726);--color-scene-400:oklch(70.62% .2014 25.74);--color-scene-500:oklch(64.03% .2491 28.299);--color-scene-600:oklch(59.9% .255 28.299);--color-scene-700:oklch(50.73% .2241 29.933);--color-scene-800:oklch(44.53% .186 29.291);--color-scene-900:oklch(39.66% .148 28.214);--color-scene-950:oklch(25.84% .0965 28.425);--color-take-50:oklch(97.71% .014 54.498);--color-take-100:oklch(94.83% .0337 55.615);--color-take-200:oklch(89.59% .0668 52.764);--color-take-300:oklch(82.78% .1153 50.15);--color-take-400:oklch(73.54% .1732 43.924);--color-take-500:oklch(70.45% .1926 39.231);--color-take-600:oklch(62.41% .214 35.438);--color-take-700:oklch(53.77% .1873 33.647);--color-take-800:oklch(46.17% .1524 32.702);--color-take-900:oklch(40.42% .1201 32.92);--color-take-950:oklch(26.35% .0776 31.716);--color-script-50:oklch(98.7% .02 94.833);--color-script-100:oklch(96.2% .0537 95.173);--color-script-200:oklch(92.4% .1092 95.302);--color-script-300:oklch(87.9% .1537 91.161);--color-script-400:oklch(82.8% .1719 83.985);--color-script-500:oklch(78.92% .1713 69.636);--color-script-600:oklch(66.6% .1628 57.874);--color-script-700:oklch(55.5% .1483 48.554);--color-script-800:oklch(47.3% .1246 45.757);--color-script-900:oklch(41.4% .1019 45.46);--color-script-950:oklch(27.9% .07 45.191);--color-line-50:oklch(96.9% .015 12.268);--color-line-100:oklch(94.1% .03 12.426);--color-line-200:oklch(89.2% .058 9.847);--color-line-300:oklch(81% .117 11.484);--color-line-400:oklch(71.2% .194 13.274);--color-line-500:oklch(64.41% .2448 16.285);--color-line-600:oklch(58.6% .253 17.431);--color-line-700:oklch(51.4% .222 16.781);--color-line-800:oklch(45.5% .188 13.543);--color-line-900:oklch(41% .159 10.118);--color-line-950:oklch(27.1% .105 11.94);--color-tangible-50:oklch(98.12% .0024 249.64);--color-tangible-100:oklch(96.03% .0053 251.762);--color-tangible-200:oklch(91.9% .0099 256.605);--color-tangible-300:oklch(85.68% .0172 253.65);--color-tangible-400:oklch(70.5% .0291 257.213);--color-tangible-500:oklch(56.82% .0358 259.072);--color-tangible-600:oklch(46.7% .038 258.769);--color-tangible-700:oklch(39.65% .0383 259.418);--color-tangible-800:oklch(30.93% .0332 261.211);--color-tangible-900:oklch(25.84% .0295 259.072);--color-tangible-950:oklch(16.12% .023 265.399);--color-enlace-50:oklch(97.62% .0108 240.766);--color-enlace-100:oklch(94.89% .0221 241.056);--color-enlace-200:oklch(89.89% .0481 235.626);--color-enlace-300:oklch(82.59% .0913 234.851);--color-enlace-400:oklch(74.17% .1328 237.246);--color-enlace-500:oklch(67.82% .1439 241.966);--color-enlace-600:oklch(58.76% .1389 241.966);--color-enlace-700:oklch(49.87% .1208 247.297);--color-enlace-800:oklch(44.09% .0991 245.693);--color-enlace-900:oklch(38.97% .0796 245.757);--color-enlace-950:oklch(29.18% .0569 248.052);--color-frame-50:oklch(98.33% .0146 83.988);--color-frame-100:oklch(95.77% .0372 84.937);--color-frame-200:oklch(91.17% .0752 82.608);--color-frame-300:oklch(85.65% .1147 78.325);--color-frame-400:oklch(78.63% .1448 69.448);--color-frame-500:oklch(73.48% .157 58.318);--color-frame-600:oklch(66.58% .1574 58.318);--color-frame-700:oklch(55.39% .1404 43.591);--color-frame-800:oklch(47.14% .1152 41.703);--color-frame-900:oklch(41.08% .0919 42.029);--color-frame-950:oklch(27.2% .0609 40.881)}:where(.phases-surface-material){box-shadow:var(--phases-material-shadow);-webkit-backdrop-filter:blur(var(--phases-material-blur,10px)) saturate(var(--phases-material-saturation,200%)) brightness(var(--phases-material-brightness,1));backdrop-filter:blur(var(--phases-material-blur,10px)) saturate(var(--phases-material-saturation,200%)) brightness(var(--phases-material-brightness,1))}.phases-surface-material--textured{background-image:radial-gradient(rgb(255 255 255/var(--phases-material-dither-alpha,0)) .65px, transparent .78px), linear-gradient(rgb(255 255 255/var(--phases-material-mosaic-alpha,0)) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255/var(--phases-material-mosaic-alpha,0)) 1px, transparent 1px);background-size:var(--phases-material-dither-size,4px) var(--phases-material-dither-size,4px), var(--phases-material-mosaic-size,12px) var(--phases-material-mosaic-size,12px), var(--phases-material-mosaic-size,12px) var(--phases-material-mosaic-size,12px)}*{box-sizing:border-box}:where(*){corner-shape:var(--phases-corner-shape);corner-smoothing:var(--phases-corner-smoothing)}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;background:var(--surface-canvas)}body{background:var(--surface-canvas);min-width:320px;min-height:100vh;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}button,a{font:inherit}a,button{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}.not-found{min-height:100vh;padding:var(--page-gutter);place-content:center;justify-items:start;display:grid}.not-found__code{color:var(--accent);font-family:var(--font-display)}.not-found h1{margin:0 0 12px}.not-found p{color:var(--text-secondary)}.not-found a{margin-top:18px}@media (prefers-reduced-motion:reduce){html:not([data-reduced-motion=false]){scroll-behavior:auto}html:not([data-reduced-motion=false]) *,html:not([data-reduced-motion=false]) :before,html:not([data-reduced-motion=false]) :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html[data-reduced-motion=true]{scroll-behavior:auto}html[data-reduced-motion=true] *,html[data-reduced-motion=true] :before,html[data-reduced-motion=true] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}