@font-face{font-family: "Inter";font-style: normal;font-weight: 400 700;font-display: swap;src: url("../fonts/Inter-latin.woff2") format("woff2")}@font-face{font-family: "Inter Fallback";src: local("Arial"),local("Helvetica Neue"),local("Helvetica"),local("Liberation Sans");size-adjust: 107.12%;ascent-override: 90.44%;descent-override: 22.52%;line-gap-override: 0%}:root{--color-bg: #eff4fa;--color-bg-2: #f7f9fd;--color-surface: #f4f7fb;--color-surface-2: #e7edf6;--color-ink: #12151b;--color-ink-2: #39414f;--color-ink-3: #56637a;--color-ink-4: #7b89a1;--color-ink-5: #b3bece;--color-line: rgb(60 94 140 / 0.1);--color-line-2: rgb(60 94 140 / 0.16);--color-line-3: rgb(60 94 140 / 0.26);--shade: 60 94 140;--lift-0: inset 0 1px 0 rgb(255 255 255 / 0.9),0 1px 2px rgb(var(--shade) / 0.05);--lift-1: inset 0 1px 0 rgb(255 255 255 / 0.95),0 1px 2px rgb(var(--shade) / 0.06),0 8px 16px -6px rgb(var(--shade) / 0.12),0 22px 40px -18px rgb(var(--shade) / 0.26);--lift-2: inset 0 1px 0 rgb(255 255 255 / 0.95),0 2px 4px rgb(var(--shade) / 0.06),0 18px 30px -12px rgb(var(--shade) / 0.2),0 42px 70px -30px rgb(var(--shade) / 0.26);--sink-1: inset 0 1px 3px rgb(var(--shade) / 0.16),inset 0 -1px 0 rgb(255 255 255 / 0.7);--tile: linear-gradient(152deg,#4b5568 0%,#2b3240 38%,#141922 72%,#0d1016 100%);--tile-edge: inset 0 1.5px 0 rgb(255 255 255 / 0.3),inset 0 0 0 1px rgb(255 255 255 / 0.09),inset 0 -10px 18px -10px rgb(255 255 255 / 0.1),inset 2px 0 8px -6px rgb(255 255 255 / 0.14);--tile-cast: 0 2px 4px rgb(var(--shade) / 0.14),0 10px 20px -8px rgb(var(--shade) / 0.3);--color-deep: #141821;--color-accent: var(--color-ink);--color-focus: #0b0b0c;--color-danger: #b42318;--color-success: #0f7b4f;--color-inverse: #0e0e10;--color-on-inverse: #f7f7f8;--color-on-inverse-2: #a1a1a8;--color-inverse-line: rgb(255 255 255 / 0.1);--font-sans: "Inter","Inter Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--text-xs: 0.75rem;--text-sm: 0.8125rem;--text-base: 0.9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: clamp(1.1875rem,1.1rem + 0.35vw,1.375rem);--text-lead: clamp(1.0625rem,0.98rem + 0.42vw,1.3125rem);--text-2xl: clamp(1.375rem,1.18rem + 0.8vw,1.75rem);--text-display: clamp(2.25rem,1.55rem + 2.9vw,3.875rem);--reading-size: var(--text-md);--reading-leading: 1.65;--reading-measure: 52ch;--card-pad: clamp(1.125rem,0.9rem + 0.9vw,1.625rem);--card-gap: 0.875rem;--leading-tight: 1.08;--leading-snug: 1.3;--leading-body: 1.6;--tracking-display: -0.032em;--tracking-title: -0.018em;--tracking-body: -0.006em;--tracking-label: 0.01em;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--gutter: clamp(1.25rem,0.6rem + 3vw,2.5rem);--container: 73rem;--measure: 38rem;--section-gap: clamp(3.5rem,2.5rem + 4vw,6rem);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 24px;--radius-tile: 19px;--radius-pill: 999px;--shadow-1: var(--lift-0);--shadow-2: var(--lift-1);--shadow-3: var(--lift-2);--ease-out: cubic-bezier(0.22,1,0.36,1);--ease-in-out: cubic-bezier(0.65,0,0.35,1);--ease-standard: cubic-bezier(0.2,0,0,1);--duration-1: 120ms;--duration-2: 200ms;--duration-3: 320ms;--duration-4: 560ms;--duration-5: 820ms;--reveal-distance: 14px;--stagger: 60ms;--z-header: 20;--z-popover: 40;--z-intro: 100;--logo-hero: clamp(3.25rem,2.7rem + 2.2vw,4.5rem);--logo-intro: clamp(4.75rem,3.8rem + 3.8vw,6.75rem);--logo-header: 1.5rem}@media (max-width: 40rem){:root{--reveal-distance: 8px;--stagger: 40ms;--duration-5: 640ms}}*,*::before,*::after{box-sizing: border-box}*{margin: 0}html{color-scheme: light;background: var(--color-bg);background-image: radial-gradient(120% 70% at 50% -10%,var(--color-bg-2) 0%,transparent 62%),linear-gradient(176deg,var(--color-bg-2) 0%,var(--color-bg) 52%,#e9f0f8 100%);background-attachment: fixed;-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scrollbar-gutter: stable;-webkit-tap-highlight-color: transparent}body{min-height: 100vh;min-height: 100dvh;display: flex;flex-direction: column;font-family: var(--font-sans);font-size: var(--text-md);font-weight: var(--weight-regular);line-height: var(--leading-body);letter-spacing: var(--tracking-body);color: var(--color-ink);background: none;font-optical-sizing: auto;font-feature-settings: "calt" 1,"kern" 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility}main{flex: 1 0 auto}img,svg,video{display: block;max-width: 100%}img{height: auto}input,button,textarea,select{font: inherit;color: inherit;letter-spacing: inherit}button{background: none;border: 0;padding: 0;cursor: pointer}a{color: inherit;text-decoration: none}h1,h2,h3,h4{font-weight: var(--weight-semibold);line-height: var(--leading-snug);letter-spacing: var(--tracking-title);text-wrap: balance}p,dd,li{text-wrap: pretty}p,h1,h2,h3,h4,dd{overflow-wrap: break-word}:where(ul[role="list"],ol[role="list"]){list-style: none;padding: 0}::selection{background: var(--color-ink);color: var(--color-bg)}:focus{outline: none}:focus-visible{outline: 2px solid var(--color-focus);outline-offset: 3px}[hidden]{display: none !important}.visually-hidden{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.skip-link{position: fixed;top: var(--space-3);left: var(--space-3);z-index: calc(var(--z-intro) + 1);padding: var(--space-2) var(--space-4);font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--color-bg);background: var(--color-ink);border-radius: var(--radius-sm);transform: translateY(-160%);transition: transform var(--duration-2) var(--ease-out)}.skip-link:focus-visible{transform: none}.tabular{font-variant-numeric: tabular-nums}.container{width: 100%;max-width: calc(var(--container) + var(--gutter) * 2);margin-inline: auto;padding-inline: max(var(--gutter),env(safe-area-inset-left)) max(var(--gutter),env(safe-area-inset-right))}.block{margin-top: var(--section-gap)}.block__title{margin-bottom: var(--space-8);font-size: var(--text-sm);font-weight: var(--weight-medium);letter-spacing: var(--tracking-label);color: var(--color-ink-3)}.note{max-width: var(--measure);margin-top: var(--space-12);padding-left: var(--space-4);font-size: var(--text-base);line-height: 1.55;color: var(--color-ink-3);border-left: 1px solid var(--color-line-3)}.closing{display: flex;flex-wrap: wrap;align-items: baseline;gap: var(--space-2) var(--space-4);margin-top: var(--space-16);font-size: var(--text-lg);font-weight: var(--weight-medium);letter-spacing: var(--tracking-title);color: var(--color-ink-2)}@keyframes enter{from{opacity: 0;transform: translateY(var(--reveal-distance))}}@keyframes fade-in{from{opacity: 0}}@keyframes fade-out{to{opacity: 0}}.page [data-enter]{animation: enter var(--duration-5) var(--ease-out) both;animation-delay: calc(var(--i,0) * var(--stagger))}html[data-intro="play"] .home [data-enter]{opacity: 0}html[data-intro="handoff"] .home [data-enter],html[data-intro="done"] .home [data-enter],html[data-entrance="play"] .home [data-enter]{animation: enter var(--duration-5) var(--ease-out) both;animation-delay: calc(120ms + var(--i,0) * var(--stagger))}@keyframes reveal{from{opacity: 0;transform: translateY(var(--reveal-distance))}}@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){[data-reveal]{animation: reveal linear both;animation-timeline: view();animation-range: entry 0% entry 180px}[data-reveal].is-here{animation: none}}}@supports not (animation-timeline: view()){html.js [data-reveal]{opacity: 0;transform: translateY(var(--reveal-distance));transition: opacity 640ms var(--ease-out),transform var(--duration-5) var(--ease-out);transition-delay: calc(var(--i,0) * var(--stagger))}html.js [data-reveal].is-revealed{opacity: 1;transform: none}}@media (prefers-reduced-motion: no-preference){@view-transition{navigation: auto}}::view-transition-old(root),::view-transition-new(root){animation: none;mix-blend-mode: normal}::view-transition-group(*){animation-duration: 460ms;animation-timing-function: var(--ease-out)}::view-transition-old(*):only-child,::view-transition-new(*):only-child{mix-blend-mode: normal}::view-transition-old(*):only-child{animation: 200ms var(--ease-standard) both fade-out}::view-transition-new(*):only-child{animation: 240ms var(--ease-out) both fade-in}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 1ms !important;animation-delay: 0ms !important;transition-duration: 1ms !important;transition-delay: 0ms !important;scroll-behavior: auto !important}html.js [data-reveal]{opacity: 1;transform: none}}.logo,.word{display: block;width: auto;color: inherit;overflow: visible}.logo__fill,.word__letter{fill: currentColor}.logo__draw{fill: none;stroke: currentColor;stroke-width: 0.9;stroke-linejoin: round;stroke-dasharray: 1 1;stroke-dashoffset: 1;opacity: 0}html[data-intro="play"] .lockup--intro .logo__fill,html[data-intro="play"] .lockup--intro .word__letter{opacity: 0}.lockup{--mark: 3rem;display: inline-flex;flex-direction: column;align-items: center;gap: calc(var(--mark) * 0.23)}.lockup .logo{height: var(--mark)}.lockup .word{height: calc(var(--mark) * 0.33)}.lockup--hero{--mark: var(--logo-hero)}.lockup--intro{--mark: var(--logo-intro)}.lockup--header{--mark: var(--logo-header);flex-direction: row;align-items: center;gap: calc(var(--mark) * 0.42)}.lockup--header .word{height: calc(var(--mark) * 0.58)}.logo [data-intro-part],.word [data-intro-letter]{transform-box: fill-box;transform-origin: center}.intro,.intro-skip{display: none}html[data-intro="play"],html[data-intro="handoff"]{overflow: hidden}html[data-intro="play"] .intro,html[data-intro="handoff"] .intro{position: fixed;inset: 0;z-index: var(--z-intro);display: block;pointer-events: auto}.intro::before{content: "";position: absolute;inset: 0;background: var(--color-bg);background-image: radial-gradient(120% 70% at 50% -10%,var(--color-bg-2) 0%,transparent 62%),linear-gradient(176deg,var(--color-bg-2) 0%,var(--color-bg) 52%,#e9f0f8 100%)}.intro.is-leaving::before{animation: fade-out 560ms var(--ease-standard) var(--leave-delay,240ms) both}.intro__stage{position: absolute;inset: 0;display: grid;place-items: center}.intro__logo{will-change: transform}html[data-intro="play"] [data-hero-logo] .logo,html[data-intro="handoff"] [data-hero-logo] .logo{visibility: hidden}html[data-intro="play"] [data-hero-logo] .word{opacity: 0}html[data-intro="play"] .intro-skip{position: fixed;right: max(var(--gutter),env(safe-area-inset-right));bottom: max(var(--space-6),env(safe-area-inset-bottom));z-index: calc(var(--z-intro) + 1);display: inline-flex;align-items: center;height: 2rem;padding-inline: var(--space-3);font-size: var(--text-xs);font-weight: var(--weight-medium);letter-spacing: var(--tracking-label);color: var(--color-ink-3);border: 1px solid var(--color-line-2);border-radius: var(--radius-pill);animation: fade-in 400ms var(--ease-out) 900ms both;transition: color var(--duration-2) var(--ease-out),border-color var(--duration-2) var(--ease-out)}html[data-intro="play"] .intro-skip:hover{color: var(--color-ink);border-color: var(--color-line-3)}.intro__scene{position: absolute;inset: 0;width: 100%;height: 100%;overflow: visible}.intro__shards,.intro__figure{fill: var(--color-ink)}.intro__figure{--intro-depth: #26262e}.intro__figure [data-far]{fill: var(--intro-depth)}.intro__figure [data-prop]{fill: var(--color-ink)}.intro__figure [data-near] > path{stroke: var(--color-bg);stroke-width: 0.5;paint-order: stroke fill}.intro__shade{fill: url(#intro-shade)}.intro__dust{fill: var(--color-ink-4)}.intro__logo-shade{fill: url(#intro-shade);opacity: 0}.intro__floor{stroke: var(--color-line-2);stroke-width: 0.5;fill: none}.intro__shards{will-change: transform}@media (prefers-reduced-motion: no-preference){html[data-intro="handoff"] .hero__name,html[data-intro="handoff"] [data-hero-logo] .word,html[data-intro="handoff"] .chooser,html[data-intro="handoff"] .card-grid{animation: intro-settle 300ms var(--ease-out) both}html[data-intro="handoff"] [data-hero-logo] .word{animation-name: intro-word;animation-delay: 80ms}html[data-intro="handoff"] .hero__name{animation-delay: 140ms}html[data-intro="handoff"] .chooser{animation-delay: 210ms}html[data-intro="handoff"] .card-grid{animation-delay: 280ms}}@keyframes intro-word{from{opacity: 0;transform: translate3d(0,22%,0)}to{opacity: 1;transform: none}}@keyframes intro-settle{from{opacity: 0;transform: translate3d(12px,0,0)}to{opacity: 1;transform: none}}.intro__weld,.intro__weld-mid,.intro__weld-halo{fill: none;stroke: var(--color-bg);stroke-linecap: round;opacity: 0}.intro__weld{stroke-width: 0.4}.intro__weld-mid{stroke-width: 1.5}.intro__weld-halo{stroke-width: 3.6}.site-header{position: sticky;top: 0;z-index: var(--z-header);background: rgb(247 247 248 / 0.82);border-bottom: 1px solid var(--color-line);-webkit-backdrop-filter: saturate(180%) blur(14px);backdrop-filter: saturate(180%) blur(14px)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.site-header{background: var(--color-bg)}}.site-header__inner{display: flex;align-items: center;justify-content: space-between;gap: var(--space-4);height: 3.75rem}.site-header__brand{display: inline-flex;align-items: center;gap: var(--space-3);margin-left: calc(var(--space-2) * -1);padding: var(--space-2);border-radius: var(--radius-sm);font-size: var(--text-base);font-weight: var(--weight-semibold);letter-spacing: var(--tracking-title);transition: opacity var(--duration-2) var(--ease-out)}.site-header__brand:hover{opacity: 0.72}.site-header__nav{display: flex;align-items: center;gap: var(--space-1);margin-right: calc(var(--space-2) * -1)}.site-header__button,.site-header__link{display: inline-flex;align-items: center;gap: var(--space-2);height: 2.25rem;padding-inline: var(--space-3);font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--color-ink-2);border-radius: var(--radius-sm);transition: color var(--duration-2) var(--ease-out),background-color var(--duration-2) var(--ease-out)}.site-header__button:hover,.site-header__link:hover,.site-header__button[aria-expanded="true"]{color: var(--color-ink);background: rgb(11 11 12 / 0.05)}.site-header__button:active,.site-header__link:active{background: rgb(11 11 12 / 0.08)}.site-header__button .icon{color: var(--color-ink-3)}@media (max-width: 30rem){.site-header__brand .lockup{--mark: 1.3125rem}.site-header__link{display: none}}.index-menu{position: fixed;inset: 4.25rem max(var(--gutter),env(safe-area-inset-right),calc((100% - var(--container)) / 2)) auto auto;z-index: var(--z-popover);width: min(22rem,calc(100vw - var(--gutter) * 2));max-height: calc(100dvh - 5.5rem);margin: 0;padding: var(--space-2);overflow: auto;color: var(--color-ink);background: var(--color-surface);border: 1px solid var(--color-line);border-radius: var(--radius-lg);box-shadow: var(--shadow-3);overscroll-behavior: contain}.index-menu:popover-open{opacity: 1;transform: none}.index-menu{opacity: 0;transform: translateY(-6px) scale(0.985);transform-origin: top right;transition: opacity var(--duration-2) var(--ease-out),transform var(--duration-3) var(--ease-out),overlay var(--duration-3) allow-discrete,display var(--duration-3) allow-discrete}@starting-style{.index-menu:popover-open{opacity: 0;transform: translateY(-6px) scale(0.985)}}.index-menu.is-open{display: block;opacity: 1;transform: none}.index-menu::backdrop{background: rgb(11 11 12 / 0.06)}.index-menu__head{display: flex;align-items: center;justify-content: space-between;padding: var(--space-2) var(--space-2) var(--space-2) var(--space-3)}.index-menu__title{font-size: var(--text-xs);font-weight: var(--weight-medium);letter-spacing: var(--tracking-label);color: var(--color-ink-3)}.index-menu__close{display: grid;place-items: center;width: 2rem;height: 2rem;color: var(--color-ink-3);border-radius: var(--radius-sm);transition: color var(--duration-2) var(--ease-out),background-color var(--duration-2) var(--ease-out)}.index-menu__close:hover{color: var(--color-ink);background: rgb(11 11 12 / 0.05)}.index-menu__list{display: grid}.index-menu__item{display: flex;align-items: baseline;gap: var(--space-4);padding: 0.625rem var(--space-3);font-size: var(--text-base);font-weight: var(--weight-medium);color: var(--color-ink-2);border-radius: var(--radius-sm);transition: color var(--duration-2) var(--ease-out),background-color var(--duration-2) var(--ease-out)}.index-menu__item:hover{color: var(--color-ink);background: var(--color-surface-2)}.index-menu__item[aria-current="page"]{color: var(--color-ink);background: var(--color-surface-2)}.index-menu__index{flex: none;width: 1.25rem;font-size: var(--text-xs);font-variant-numeric: tabular-nums;color: var(--color-ink-3)}.index-menu__item[aria-current="page"] .index-menu__label::after{content: "";display: inline-block;width: 5px;height: 5px;margin-left: var(--space-2);vertical-align: 0.2em;background: var(--color-ink);border-radius: 50%}@media (max-width: 40rem){.index-menu{inset: auto 0 0 0;width: 100%;max-height: 85dvh;padding: var(--space-2) var(--space-3) max(var(--space-4),env(safe-area-inset-bottom));border-radius: var(--radius-lg) var(--radius-lg) 0 0;transform: translateY(16px);transform-origin: bottom center}@starting-style{.index-menu:popover-open{transform: translateY(16px)}}.index-menu::backdrop{background: rgb(11 11 12 / 0.24)}.index-menu__item{padding-block: 0.75rem;font-size: var(--text-md)}}.site-footer{margin-top: auto;padding-block: var(--space-8) max(var(--space-8),env(safe-area-inset-bottom));font-size: var(--text-sm);color: var(--color-ink-3)}.site-footer__inner{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--space-3) var(--space-6);padding-top: var(--space-6);border-top: 1px solid var(--color-line)}.site-footer__nav{margin-left: auto;display: flex;flex-wrap: wrap;gap: var(--space-2) var(--space-6)}.site-footer__nav a{padding-block: 0.25rem;transition: color var(--duration-2) var(--ease-out)}.site-footer__nav a:hover{color: var(--color-ink)}.site-footer__replay{display: inline-flex;align-items: center;gap: 0.4375rem;padding: 0.375rem 0.75rem 0.375rem 0.6875rem;font-size: var(--text-xs);font-weight: var(--weight-medium);letter-spacing: var(--tracking-label);color: var(--color-ink-3);background: #fff;border-radius: var(--radius-pill);box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9),0 1px 2px rgb(var(--shade) / 0.1),0 4px 10px -4px rgb(var(--shade) / 0.18);transition: color var(--duration-2) var(--ease-out),box-shadow var(--duration-3) var(--ease-out),transform var(--duration-3) var(--ease-out)}.site-footer__replay .icon{flex: none;fill: currentColor}.site-footer__replay:hover{color: var(--color-ink);transform: translateY(-1px);box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.95),0 2px 4px rgb(var(--shade) / 0.12),0 10px 20px -8px rgb(var(--shade) / 0.28)}.site-footer__replay:active{transform: translateY(0);box-shadow: inset 0 1px 2px rgb(var(--shade) / 0.14),0 1px 1px rgb(var(--shade) / 0.06)}@media (prefers-reduced-motion: reduce){.site-footer__replay{display: none}}@media (pointer: coarse){.site-footer__replay{position: relative}.site-footer__replay::after{content: "";position: absolute;inset: -7px -4px}}.button{position: relative;display: inline-flex;align-items: center;justify-content: center;gap: var(--space-2);height: 2.875rem;padding-inline: var(--space-5);font-size: var(--text-base);font-weight: var(--weight-medium);line-height: 1;white-space: nowrap;border-radius: var(--radius-pill);transition: background-color var(--duration-2) var(--ease-out),border-color var(--duration-2) var(--ease-out),color var(--duration-2) var(--ease-out),box-shadow var(--duration-2) var(--ease-out),transform var(--duration-1) var(--ease-out)}.button__icon{display: inline-flex;transition: transform var(--duration-3) var(--ease-out)}.button:hover .button__icon{transform: translateX(3px)}.button:active{transform: scale(0.985)}.button--primary{color: #fff;background: var(--tile);box-shadow: var(--tile-edge),var(--tile-cast)}.button--primary:hover{box-shadow: var(--tile-edge),0 3px 6px rgb(var(--shade) / 0.18),0 14px 26px -8px rgb(var(--shade) / 0.38);transform: translateY(-1px)}.button--primary:active{transform: translateY(0);box-shadow: var(--tile-edge),0 1px 2px rgb(var(--shade) / 0.2)}.button--secondary{color: var(--color-ink);background: #fff;box-shadow: var(--lift-1)}.button--secondary:hover{transform: translateY(-1px);box-shadow: var(--lift-2)}.button--secondary:active{transform: translateY(0);box-shadow: var(--lift-0)}.button[disabled],.button[aria-busy="true"]{cursor: progress;opacity: 0.72}.button[aria-busy="true"] .button__icon{animation: button-pulse 900ms var(--ease-in-out) infinite alternate}@keyframes button-pulse{to{opacity: 0.25}}.text-link{display: inline-flex;align-items: center;gap: 0.375rem;font-size: var(--text-base);font-weight: var(--weight-medium);color: var(--color-ink);text-decoration: underline;text-decoration-color: var(--color-line-3);text-decoration-thickness: 1px;text-underline-offset: 0.3em;transition: text-decoration-color var(--duration-2) var(--ease-out)}.text-link .icon{flex: none;transition: transform var(--duration-3) var(--ease-out)}.text-link:hover{text-decoration-color: currentColor}.text-link:hover .icon{transform: translateX(3px)}.back-link{display: inline-flex;align-items: center;gap: 0.375rem;height: 2rem;margin-left: calc(var(--space-3) * -1);padding-inline: var(--space-3);font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--color-ink-3);border-radius: var(--radius-pill);transition: color var(--duration-2) var(--ease-out),background-color var(--duration-2) var(--ease-out)}.back-link .icon{transition: transform var(--duration-3) var(--ease-out)}.back-link:hover{color: var(--color-ink);background: rgb(11 11 12 / 0.05)}.back-link:hover .icon{transform: translateX(-3px)}.card-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1.125rem}.card-grid__item{display: flex}.card{--card-pad: 1.375rem;position: relative;isolation: isolate;display: flex;flex-direction: column;gap: 1.125rem;width: 100%;min-height: 13.25rem;padding: var(--card-pad);overflow: hidden;color: var(--color-ink);background: var(--color-surface);border-radius: var(--radius-lg);box-shadow: var(--lift-1);transition: transform var(--duration-3) var(--ease-out),box-shadow var(--duration-3) var(--ease-out),background-color var(--duration-2) var(--ease-out)}.card::before{content: "";position: absolute;inset: 0;z-index: -1;border-radius: inherit;background: radial-gradient(18rem circle at var(--mx,50%) var(--my,0%),rgb(255 255 255 / 0.9),transparent 64%);opacity: 0;transition: opacity var(--duration-3) var(--ease-out)}.card__head{display: flex;align-items: flex-start;gap: 0.875rem}.tile{display: grid;flex: none;place-items: center;width: 4rem;height: 4rem;color: #fff;background: var(--tile);border-radius: var(--radius-tile);box-shadow: var(--tile-edge),var(--tile-cast);transition: transform var(--duration-3) var(--ease-out),box-shadow var(--duration-3) var(--ease-out)}.tile__glyph{width: 2.125rem;height: 2.125rem}.tile__brand{width: calc(var(--tile-brand,0.74) * 2.75rem);height: auto}.card__index{margin-top: 0.5rem;font-size: var(--text-md);font-weight: var(--weight-medium);font-variant-numeric: tabular-nums;letter-spacing: 0.01em;color: var(--color-ink-4)}.card__go{display: grid;place-items: center;flex: none;width: 2rem;height: 2rem;margin: 0.375rem 0 0 auto;color: var(--color-ink-3);background: #fff;border-radius: var(--radius-pill);box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9),0 1px 2px rgb(var(--shade) / 0.1),0 4px 10px -4px rgb(var(--shade) / 0.18);transition: color var(--duration-3) var(--ease-out),box-shadow var(--duration-3) var(--ease-out),transform var(--duration-3) var(--ease-out)}.card__body{margin-top: auto}.card__title{font-size: var(--text-lg);font-weight: var(--weight-semibold);line-height: 1.25;letter-spacing: var(--tracking-title);text-wrap: balance}.card__summary{margin-top: 0.3125rem;font-size: var(--text-sm);line-height: 1.45;color: var(--color-ink-3)}@media (hover: hover){.card:hover{transform: translateY(-3px);box-shadow: var(--lift-2)}.card:hover::before{opacity: 1}.card:hover .tile{transform: translateY(-1px);box-shadow: var(--tile-edge),0 3px 6px rgb(var(--shade) / 0.16),0 14px 26px -8px rgb(var(--shade) / 0.36)}}.card:is(:hover,:focus-visible) .card__go{color: var(--color-ink);transform: translateX(2px);box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9),0 2px 5px rgb(var(--shade) / 0.14)}.card:active{transform: translateY(0) scale(0.995);box-shadow: var(--lift-0);transition-duration: var(--duration-1)}.card:focus-visible{z-index: 1;outline-offset: 3px}.card--inverse{color: #fff;background: radial-gradient(22rem circle at 108% 118%,rgb(255 255 255 / 0.07),transparent 62%),var(--color-deep);box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08),0 2px 5px rgb(var(--shade) / 0.18),0 22px 44px -22px rgb(16 22 34 / 0.55)}.card--inverse::after{content: "";position: absolute;right: -4.5rem;bottom: -6.5rem;z-index: -1;width: 17rem;height: 17rem;border-radius: 50%;background: linear-gradient(150deg,rgb(255 255 255 / 0.055),rgb(255 255 255 / 0.012) 60%,transparent);pointer-events: none}.card--inverse::before{background: radial-gradient(18rem circle at var(--mx,50%) var(--my,0%),rgb(255 255 255 / 0.08),transparent 62%)}.card--inverse .tile{background: linear-gradient(158deg,#4a5364 0%,#262c38 46%,#171b24 100%);box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.2),inset 0 0 0 1px rgb(255 255 255 / 0.06),0 6px 16px -6px rgb(0 0 0 / 0.6)}.card--inverse .card__index{color: rgb(255 255 255 / 0.5)}.card--inverse .card__summary{color: var(--color-on-inverse-2)}.card--inverse .card__go{color: rgb(255 255 255 / 0.62);background: rgb(255 255 255 / 0.08);box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.1)}.card--inverse:is(:hover,:focus-visible) .card__go{color: #fff;background: rgb(255 255 255 / 0.14);box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.14)}@media (hover: hover){.card--inverse:hover{box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.1),0 3px 8px rgb(var(--shade) / 0.2),0 34px 60px -26px rgb(16 22 34 / 0.62)}}@media (max-width: 63.9375rem){.card-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.card-grid__item:last-child{grid-column: 1 / -1}.card-grid__item:last-child .card{min-height: 0}}@media (max-width: 40rem){.card-grid{grid-template-columns: 1fr;gap: 0.5rem}.card,.card-grid__item:last-child .card{flex-direction: row;align-items: center;gap: 0.875rem;min-height: 0;padding: 0.8125rem 0.9375rem;border-radius: var(--radius-md)}.card__head{display: contents}.tile{width: 2.625rem;height: 2.625rem;border-radius: 13px}.tile__glyph{width: 1.375rem;height: 1.375rem}.tile__brand{width: calc(var(--tile-brand,0.74) * 1.75rem)}.card__index{display: none}.card__body{margin: 0;flex: 1;min-width: 0}.card__go{order: 1;width: 1.625rem;height: 1.625rem;margin: 0}.card__title{font-size: 1.0625rem;line-height: 1.3}.card__summary{display: none}.card:active{transform: scale(0.988)}}@media (max-width: 23.5rem){.card__title{font-size: 1rem}}.dg{--dg-rest: var(--color-ink-5);--dg-hover: var(--color-ink-4);--dg-accent: var(--color-ink);--dg-plate: var(--color-surface);overflow: visible;color: var(--dg-rest);transition: color var(--duration-4) var(--ease-out)}.dg *{vector-effect: non-scaling-stroke}.dg-line{fill: none;stroke: currentColor;stroke-width: 1.25;stroke-linecap: round;stroke-linejoin: round;transition: stroke var(--duration-4) var(--ease-out),opacity var(--duration-4) var(--ease-out)}.dg-accent{fill: none;stroke: var(--dg-accent);stroke-width: 1.5;stroke-linecap: round;stroke-linejoin: round}.dg-draw{stroke-dasharray: 1 2;stroke-dashoffset: 1.02;transition: stroke-dashoffset 380ms var(--ease-in-out)}.dg-plate{fill: var(--dg-plate)}.dg-dot{fill: var(--color-ink-4);transition: fill var(--duration-4) var(--ease-out)}.dg-node,.dg-sat,.dg-step{fill: var(--dg-plate);stroke: var(--color-ink-4);stroke-width: 1.25;transition: fill 260ms var(--ease-out),stroke 260ms var(--ease-out)}.card:is(:hover,:focus-visible) .dg{color: var(--dg-hover)}.card:is(:hover,:focus-visible) .dg-draw{stroke-dashoffset: 0;transition-duration: 720ms}.dg-orbit{transform-origin: 80px 36px;transition: transform 1100ms var(--ease-out)}.card:is(:hover,:focus-visible) .dg-orbit{transform: rotate(150deg)}.card:is(:hover,:focus-visible) .dg--orbit .dg-ring{stroke: var(--dg-accent)}.card:is(:hover,:focus-visible) .dg--orbit .dg-sat{fill: var(--dg-accent);stroke: var(--dg-accent)}.card:is(:hover,:focus-visible) .dg--orbit .dg-dot{fill: var(--dg-accent)}.card:is(:hover,:focus-visible) .dg-tangle{opacity: 0.35}.card:is(:hover,:focus-visible) .dg--untangle .dg-node{stroke: var(--dg-accent)}.dg-layer{transition: transform var(--duration-4) var(--ease-out)}.card:is(:hover,:focus-visible) .dg-layer-3{transform: translate(6px,-3px)}.card:is(:hover,:focus-visible) .dg-layer-1{transform: translate(-6px,3px)}.card:is(:hover,:focus-visible) .dg-front{stroke: var(--dg-accent)}.card:is(:hover,:focus-visible) .dg-step{fill: var(--dg-accent);stroke: var(--dg-accent);transition-delay: calc(var(--d) * 110ms)}.dg-box{fill: var(--dg-plate)}.card:is(:hover,:focus-visible) .dg-tick{transition-duration: 360ms;transition-delay: calc(80ms + var(--d) * 140ms)}.card:is(:hover,:focus-visible) .dg--checklist .dg-box{stroke: var(--dg-accent)}.dg--focus [class*="dg-tick-"]{transition: transform var(--duration-4) var(--ease-out),stroke var(--duration-4) var(--ease-out)}.dg-center{transform-origin: 80px 36px;transition: transform var(--duration-4) var(--ease-out),fill var(--duration-4) var(--ease-out)}.card:is(:hover,:focus-visible) .dg-tick-n{transform: translateY(4px)}.card:is(:hover,:focus-visible) .dg-tick-s{transform: translateY(-4px)}.card:is(:hover,:focus-visible) .dg-tick-w{transform: translateX(4px)}.card:is(:hover,:focus-visible) .dg-tick-e{transform: translateX(-4px)}.card:is(:hover,:focus-visible) .dg--focus .dg-line{stroke: var(--dg-accent)}.card:is(:hover,:focus-visible) .dg-center{fill: var(--dg-accent);transform: scale(1.4)}.dg-pip,.dg-pill{fill: var(--dg-rest);transition: fill var(--duration-4) var(--ease-out)}.dg-media{fill: transparent;transition: fill var(--duration-4) var(--ease-out),stroke var(--duration-4) var(--ease-out)}.dg-content{transition: transform var(--duration-4) var(--ease-out)}.card:is(:hover,:focus-visible) .dg-content{transform: translateY(-2px)}.card:is(:hover,:focus-visible) .dg-media{fill: var(--color-surface-2);stroke: var(--dg-accent)}.card:is(:hover,:focus-visible) .dg-pill{fill: var(--dg-accent)}.dg-row-last{transition: transform var(--duration-4) var(--ease-out)}.dg-answer{opacity: 0;transition: opacity 240ms var(--ease-out)}.dg-chev{transform-box: fill-box;transform-origin: center;transition: transform var(--duration-4) var(--ease-out),stroke var(--duration-4) var(--ease-out)}.card:is(:hover,:focus-visible) .dg-row-last{transform: translateY(12px)}.card:is(:hover,:focus-visible) .dg-answer{opacity: 1;transition-delay: 140ms}.card:is(:hover,:focus-visible) .dg-chev{transform: rotate(180deg)}.card:is(:hover,:focus-visible) .dg-row-open .dg-q,.card:is(:hover,:focus-visible) .dg-chev{stroke: var(--dg-accent)}.card--inverse .dg{--dg-rest: rgb(255 255 255 / 0.26);--dg-hover: rgb(255 255 255 / 0.42);--dg-accent: #fff}.dg-typing{fill: var(--dg-rest);transition: fill 220ms var(--ease-out)}.dg-bubble-out{opacity: 0.55;transform: translate(6px,6px);transition: transform var(--duration-4) var(--ease-out),opacity var(--duration-4) var(--ease-out)}.dg-out{stroke-dasharray: 3 3}.card:is(:hover,:focus-visible) .dg-bubble-out{opacity: 1;transform: none}.card:is(:hover,:focus-visible) .dg-out{stroke: var(--dg-accent);stroke-dasharray: none}.card:is(:hover,:focus-visible) .dg-typing{fill: var(--dg-accent);transition-delay: calc(var(--d) * 90ms)}.page-main{padding-block: clamp(1.5rem,1rem + 2vw,2.5rem) var(--space-12)}.page-head{padding-bottom: clamp(2.75rem,1.75rem + 4vw,5rem)}.page-head__meta{display: flex;align-items: center;justify-content: space-between;gap: var(--space-4);margin-bottom: clamp(2rem,1.25rem + 3.5vw,4rem)}.page-head__index{font-size: var(--text-sm);font-weight: var(--weight-medium);font-variant-numeric: tabular-nums;color: var(--color-ink-3)}.page-head__current{color: var(--color-ink)}.page-head__sep{margin-inline: 0.375em;color: var(--color-ink-3)}.page-head__title{max-width: 18ch;font-size: var(--text-display);font-weight: var(--weight-semibold);line-height: var(--leading-tight);letter-spacing: var(--tracking-display)}.page-head__lead{max-width: 40rem;margin-top: clamp(1rem,0.75rem + 1vw,1.5rem);font-size: var(--text-lead);line-height: 1.5;letter-spacing: -0.011em;color: var(--color-ink-2)}.not-found{max-width: 40rem;padding-block: clamp(3rem,8vh,6rem) var(--space-12)}.not-found__code{margin-bottom: var(--space-4);font-size: var(--text-sm);font-weight: var(--weight-medium);font-variant-numeric: tabular-nums;color: var(--color-ink-3)}.not-found__actions{margin-top: var(--space-8)}.case-detail__media{overflow: hidden;margin-bottom: var(--section-gap);background: var(--color-surface);border: 1px solid var(--color-line);border-radius: var(--radius-lg);box-shadow: var(--shadow-1)}.case-detail__media img{width: 100%}.pager{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.875rem;margin-top: var(--section-gap)}.pager__link{display: flex;flex-direction: column;gap: var(--space-3);min-width: 0;padding: var(--space-5) var(--space-6);background: var(--color-surface);border: 1px solid var(--color-line);border-radius: var(--radius-md);box-shadow: var(--shadow-1);transition: transform var(--duration-3) var(--ease-out),border-color var(--duration-3) var(--ease-out),box-shadow var(--duration-3) var(--ease-out)}.pager__link--next{align-items: flex-end;text-align: right}.pager__hint{display: inline-flex;align-items: center;gap: 0.375rem;font-size: var(--text-xs);font-weight: var(--weight-medium);letter-spacing: var(--tracking-label);color: var(--color-ink-3)}.pager__hint .icon{transition: transform var(--duration-3) var(--ease-out)}.pager__title{display: inline-flex;align-items: baseline;gap: var(--space-3);font-size: var(--text-lg);font-weight: var(--weight-semibold);line-height: 1.3;letter-spacing: var(--tracking-title)}.pager__index{font-size: var(--text-xs);font-weight: var(--weight-medium);font-variant-numeric: tabular-nums;color: var(--color-ink-3)}@media (hover: hover){.pager__link:hover{transform: translateY(-2px);border-color: var(--color-line-2);box-shadow: var(--shadow-2)}.pager__link--prev:hover .icon{transform: translateX(-3px)}.pager__link--next:hover .icon{transform: translateX(3px)}}.pager__link:active{transform: scale(0.994)}@media (max-width: 40rem){.pager{grid-template-columns: 1fr;gap: 0.625rem}.pager__link{padding: var(--space-4) var(--space-5)}.pager__link--next{order: -1;align-items: flex-start;text-align: left}.pager__link--next .pager__hint{flex-direction: row}.pager__title{font-size: var(--text-md)}}.faq{display: grid;gap: var(--card-gap);max-width: 50rem}.accordion{padding-inline: var(--card-pad);background: var(--color-surface);border: 1px solid var(--color-line);border-radius: var(--radius-md);box-shadow: var(--shadow-1)}.accordion__summary{display: flex;align-items: center;justify-content: space-between;gap: var(--space-6);padding-block: 1.375rem;font-size: var(--text-lg);font-weight: var(--weight-medium);line-height: 1.35;letter-spacing: var(--tracking-title);list-style: none;cursor: pointer;border-radius: var(--radius-xs);transition: color var(--duration-2) var(--ease-out)}.accordion__summary::-webkit-details-marker{display: none}.accordion__icon{flex: none;display: grid;place-items: center;width: 2rem;height: 2rem;color: var(--color-ink-3);border: 1px solid var(--color-line-2);border-radius: 50%;transition: transform var(--duration-3) var(--ease-out),color var(--duration-2) var(--ease-out),border-color var(--duration-2) var(--ease-out),background-color var(--duration-2) var(--ease-out)}.accordion__summary:hover .accordion__icon{color: var(--color-ink);border-color: var(--color-line-3)}.accordion[open] .accordion__icon{color: var(--color-bg);background: var(--color-ink);border-color: var(--color-ink);transform: rotate(45deg)}.accordion__content{max-width: 42rem;padding: 0 var(--space-8) var(--card-pad) 0;font-size: var(--text-md);line-height: 1.65;color: var(--color-ink-2)}.accordion__content p + p{margin-top: 0.75em}.accordion__content .text-link{margin-top: var(--space-4)}@supports (interpolate-size: allow-keywords){:root{interpolate-size: allow-keywords}.accordion::details-content{block-size: 0;overflow: clip;transition: block-size 420ms var(--ease-out),content-visibility 420ms allow-discrete}.accordion[open]::details-content{block-size: auto}}@media (max-width: 40rem){.accordion__summary{padding-block: 1.125rem;font-size: var(--text-md)}.accordion__content{padding-right: 0;font-size: var(--text-base)}}.contact{display: grid;grid-template-columns: minmax(0,1fr) 17rem;gap: var(--space-12) clamp(2.5rem,1rem + 5vw,5.5rem);align-items: start}.contact-form,.contact-success{grid-column: 1;grid-row: 1;max-width: 42rem}.contact-form__grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--space-6) var(--space-4)}.contact-form__full{grid-column: 1 / -1}.field{display: grid;gap: var(--space-2);min-width: 0;margin: 0;padding: 0;border: 0}.field__label{display: flex;align-items: baseline;justify-content: space-between;gap: var(--space-2);padding: 0;font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--color-ink)}.field__optional{font-weight: var(--weight-regular);color: var(--color-ink-3)}.field__control{width: 100%;height: 3rem;padding-inline: 0.875rem;font-size: var(--text-md);color: var(--color-ink);background: var(--color-surface-2);border: 0;border-radius: var(--radius-md);box-shadow: var(--sink-1);transition: background-color var(--duration-2) var(--ease-out),box-shadow var(--duration-2) var(--ease-out);appearance: none}textarea.field__control{height: auto;min-height: 9.5rem;padding-block: 0.75rem;line-height: 1.55;resize: vertical}.field__control::placeholder{color: var(--color-ink-3);opacity: 1}.field__control:hover{box-shadow: inset 0 1px 3px rgb(var(--shade) / 0.22),inset 0 -1px 0 rgb(255 255 255 / 0.7)}.field__control:focus{background: #fff;box-shadow: inset 0 1px 2px rgb(var(--shade) / 0.12),0 0 0 3px rgb(var(--shade) / 0.16)}.field__control[aria-invalid="true"]{box-shadow: var(--sink-1),0 0 0 1px var(--color-danger)}.field__control[aria-invalid="true"]:focus{background: #fff;box-shadow: inset 0 1px 2px rgb(var(--shade) / 0.1),0 0 0 3px rgb(180 35 24 / 0.16)}.field__error{font-size: var(--text-sm);line-height: 1.4;color: var(--color-danger)}.field__error:empty{display: none}.choice-group .field__label{margin-bottom: var(--space-1)}.choice-group__options{display: flex;flex-wrap: wrap;gap: var(--space-2)}.choice{position: relative;display: inline-flex}.choice__input{position: absolute;inset: 0;width: 100%;height: 100%;margin: 0;opacity: 0;cursor: pointer}.choice__label{display: inline-flex;align-items: center;height: 2.5rem;padding-inline: 0.9375rem;font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--color-ink-2);background: var(--color-surface);border: 1px solid var(--color-line-2);border-radius: var(--radius-sm);box-shadow: var(--shadow-1);user-select: none;pointer-events: none;transition: color var(--duration-2) var(--ease-out),background-color var(--duration-2) var(--ease-out),border-color var(--duration-2) var(--ease-out),transform var(--duration-1) var(--ease-out)}.choice:hover .choice__label{color: var(--color-ink);border-color: var(--color-line-3)}.choice__input:active + .choice__label{transform: scale(0.97)}.choice__input:checked + .choice__label{color: var(--color-bg);background: var(--color-ink);border-color: var(--color-ink)}.choice__input:focus-visible + .choice__label{outline: 2px solid var(--color-focus);outline-offset: 2px}.choice-group[aria-invalid="true"] .choice__label{border-color: rgb(180 35 24 / 0.45)}.contact-form__trap{position: absolute;left: -10000px;width: 1px;height: 1px;overflow: hidden}.contact-form__footer{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-4) var(--space-6);margin-top: var(--space-8)}.contact-form__privacy{max-width: 20rem;font-size: var(--text-xs);line-height: 1.5;color: var(--color-ink-3)}.contact-form__status{margin-top: var(--space-4);font-size: var(--text-sm);color: var(--color-danger)}.contact-form__status:empty{display: none}.contact-success{padding: clamp(1.75rem,1rem + 3vw,3rem);background: var(--color-surface);border: 1px solid var(--color-line);border-radius: var(--radius-lg);box-shadow: var(--shadow-1);animation: enter var(--duration-5) var(--ease-out) both}.contact-success:focus-visible{outline-offset: 4px}.contact-success__icon{display: grid;place-items: center;width: 2.75rem;height: 2.75rem;margin-bottom: var(--space-6);color: var(--color-bg);background: var(--color-ink);border-radius: 50%}.contact-success__title{font-size: var(--text-2xl);letter-spacing: -0.022em}.contact-success__text{margin-top: var(--space-2);color: var(--color-ink-2)}.contact-success__demo{margin-top: var(--space-5);padding-left: var(--space-3);font-size: var(--text-sm);color: var(--color-ink-3);border-left: 1px solid var(--color-line-3)}.contact-success .button{margin-top: var(--space-8)}.contact-aside{grid-column: 2;grid-row: 1;position: sticky;top: 5.5rem;padding-top: var(--space-1)}.contact-aside__title{margin-bottom: var(--space-5);font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--color-ink-3)}.contact-aside__steps{display: grid;gap: var(--space-5)}.contact-aside__steps li{display: grid;grid-template-columns: 1.5rem minmax(0,1fr);gap: var(--space-3);font-size: var(--text-base);line-height: 1.5;color: var(--color-ink-2)}.contact-aside__index{display: grid;place-items: center;width: 1.5rem;height: 1.5rem;margin-top: 0.0625rem;font-size: 0.6875rem;font-weight: var(--weight-semibold);font-variant-numeric: tabular-nums;color: var(--color-ink-3);border: 1px solid var(--color-line-2);border-radius: 50%}.contact-aside__email{display: grid;gap: var(--space-2);margin-top: var(--space-8);padding-top: var(--space-6);font-size: var(--text-sm);color: var(--color-ink-3);border-top: 1px solid var(--color-line)}@media (max-width: 56rem){.contact{grid-template-columns: minmax(0,1fr)}.contact-aside{grid-column: 1;grid-row: 2;position: static;padding: var(--space-6) 0 0;border-top: 1px solid var(--color-line)}}@media (max-width: 40rem){.contact-form__grid{grid-template-columns: minmax(0,1fr);gap: var(--space-5)}.contact-form__submit{width: 100%}}.legal{display: grid;gap: var(--card-gap);max-width: 44rem;padding-bottom: var(--space-8)}.legal__open{display: flex;align-items: center;justify-content: space-between;gap: var(--space-6);width: 100%;padding: 1.375rem var(--card-pad);font-size: var(--text-lg);font-weight: var(--weight-medium);line-height: 1.35;letter-spacing: var(--tracking-title);text-align: left;text-wrap: balance;color: var(--color-ink);background: var(--color-surface);border: 1px solid var(--color-line);border-radius: var(--radius-md);box-shadow: var(--shadow-1);cursor: pointer;transition: transform var(--duration-3) var(--ease-out),box-shadow var(--duration-3) var(--ease-out),border-color var(--duration-2) var(--ease-out)}.legal__open-icon{flex: none;display: grid;place-items: center;width: 2rem;height: 2rem;color: var(--color-ink-3);border: 1px solid var(--color-line-2);border-radius: 50%;transition: color var(--duration-2) var(--ease-out),background-color var(--duration-2) var(--ease-out),border-color var(--duration-2) var(--ease-out)}@media (hover: hover){.legal__open:hover{transform: translateY(-1px);border-color: var(--color-line-2);box-shadow: var(--lift-1)}.legal__open:hover .legal__open-icon{color: var(--color-bg);background: var(--color-ink);border-color: var(--color-ink)}}.legal-card{color: var(--color-ink);background: var(--color-surface);border: 1px solid var(--color-line);border-radius: var(--radius-md);box-shadow: var(--shadow-1)}.legal-card__bar{display: flex;align-items: flex-start;justify-content: space-between;gap: var(--space-5);padding: var(--card-pad) var(--card-pad) var(--space-4);border-bottom: 1px solid var(--color-line)}.legal-card__title{font-size: var(--text-xl);font-weight: var(--weight-semibold);line-height: 1.25;letter-spacing: var(--tracking-title);text-wrap: balance}.legal-card__close{flex: none;display: grid;place-items: center;width: 2rem;height: 2rem;color: var(--color-ink-3);border-radius: 50%;cursor: pointer;transition: color var(--duration-2) var(--ease-out),background-color var(--duration-2) var(--ease-out)}.legal-card__close:hover{color: var(--color-ink);background: var(--color-surface-2)}.legal-card__body{padding: var(--space-5) var(--card-pad) var(--card-pad)}@supports selector(:popover-open){.legal-card{flex-direction: column;inset: 0;margin: auto;width: min(42rem,calc(100vw - var(--gutter) * 2));max-height: min(82dvh,54rem);padding: 0;overflow: hidden;border-radius: var(--radius-xl);box-shadow: var(--shadow-3);opacity: 0;transform: translateY(8px) scale(0.985);transition: opacity var(--duration-2) var(--ease-out),transform var(--duration-3) var(--ease-out),overlay var(--duration-3) allow-discrete,display var(--duration-3) allow-discrete}.legal-card:popover-open{display: flex;opacity: 1;transform: none}@starting-style{.legal-card:popover-open{opacity: 0;transform: translateY(8px) scale(0.985)}}.legal-card::backdrop{background: rgb(11 11 12 / 0);transition: background-color var(--duration-3) var(--ease-out),overlay var(--duration-3) allow-discrete,display var(--duration-3) allow-discrete}.legal-card:popover-open::backdrop{background: rgb(11 11 12 / 0.3)}@starting-style{.legal-card:popover-open::backdrop{background: rgb(11 11 12 / 0)}}.legal-card__bar{flex: none;background: var(--color-surface)}.legal-card__body{overflow-y: auto;overscroll-behavior: contain}@media (max-width: 40rem){.legal-card{inset: auto 0 0 0;width: 100%;max-height: 88dvh;margin: 0;border-radius: var(--radius-lg) var(--radius-lg) 0 0;transform: translateY(18px)}.legal-card__body{padding-bottom: max(var(--card-pad),env(safe-area-inset-bottom) + var(--space-4))}@starting-style{.legal-card:popover-open{transform: translateY(18px)}}}}@supports not selector(:popover-open){.legal__open{display: none}}.legal__text{max-width: 52ch;font-size: var(--text-md);line-height: 1.65;color: var(--color-ink-2)}.legal__text + .legal__text,.legal__list + .legal__text,.legal__scroll + .legal__text{margin-top: var(--space-4)}.legal__list{max-width: 52ch;margin-top: var(--space-4);padding: 0;list-style: none}.legal__list li{position: relative;padding-left: 1.375rem;font-size: var(--text-md);line-height: 1.6;color: var(--color-ink-2)}.legal__list li + li{margin-top: 0.5rem}.legal__list li::before{content: "";position: absolute;top: 0.8em;left: 0;width: 0.625rem;height: 1px;background: var(--color-ink-4)}.legal__scroll{margin-top: var(--space-5);overflow-x: auto;border: 1px solid var(--color-line);border-radius: var(--radius-sm)}.legal__table{width: 100%;min-width: 34rem;border-collapse: collapse;background: var(--color-surface);font-size: var(--text-sm);text-align: left}.legal__table th,.legal__table td{padding: 0.75rem 1rem;vertical-align: top;line-height: 1.5}.legal__table thead th{font-weight: var(--weight-semibold);color: var(--color-ink);background: var(--color-surface-2);white-space: nowrap}.legal__table tbody th{font-weight: var(--weight-medium);font-family: ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;font-size: 0.8125rem;color: var(--color-ink);white-space: nowrap}.legal__table tbody td{color: var(--color-ink-2)}.legal__table tbody tr + tr th,.legal__table tbody tr + tr td{border-top: 1px solid var(--color-line)}.legal__stamp{margin-top: clamp(1.5rem,1.2rem + 1.2vw,2.5rem);padding-top: var(--space-5);font-size: var(--text-sm);color: var(--color-ink-3);border-top: 1px solid var(--color-line)}@media (max-width: 40rem){.legal__table{min-width: 30rem}}@media print{.legal__open,.legal-card__close{display: none}.legal-card{display: block;position: static;width: auto;max-height: none;margin: 0;overflow: visible;background: none;border-color: #ccc;border-radius: 0;box-shadow: none;opacity: 1;transform: none;break-inside: avoid}.legal-card__body{overflow: visible}}.hero{padding-top: max(clamp(3.5rem,1.5rem + 8vh,8rem),env(safe-area-inset-top));padding-bottom: clamp(2.25rem,1.5rem + 3.5vh,4rem)}.hero__brand{display: flex;flex-direction: column;align-items: center;gap: clamp(1rem,0.8rem + 0.8vw,1.375rem);text-align: center}.hero__logo{display: block}.hero__name{font-size: var(--text-base);font-weight: var(--weight-medium);line-height: 1.3;letter-spacing: 0.01em;color: var(--color-ink-3)}.explore{padding-bottom: var(--space-16)}@media (max-width: 40rem){.explore{padding-bottom: var(--space-10)}}.statements{display: grid;gap: var(--card-gap)}.statement{display: grid;grid-template-columns: minmax(9rem,15rem) minmax(0,1fr);gap: var(--space-3) var(--space-10);padding: var(--card-pad);background: var(--color-surface);border: 1px solid var(--color-line);border-radius: var(--radius-md);box-shadow: var(--shadow-1)}.statement__label{padding-top: 0.3em;font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--color-ink-3)}.statement__text{max-width: 40rem;margin: 0;font-size: var(--text-xl);line-height: 1.45;letter-spacing: -0.016em;color: var(--color-ink)}.principles{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: var(--card-gap)}.principle{display: flex;flex-direction: column;padding: var(--card-pad);background: var(--color-surface);border: 1px solid var(--color-line);border-radius: var(--radius-md);box-shadow: var(--shadow-1)}.principle__index{display: block;margin-bottom: var(--space-6);font-size: var(--text-xs);font-weight: var(--weight-medium);font-variant-numeric: tabular-nums;color: var(--color-ink-3)}.principle__title{margin-bottom: var(--space-2);font-size: var(--text-lg);line-height: 1.3}.principle__text{max-width: var(--reading-measure);font-size: var(--reading-size);line-height: var(--reading-leading);color: var(--color-ink-2)}@media (max-width: 63.9375rem){.principles{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 40rem){.statement{grid-template-columns: minmax(0,1fr)}.statement__label{padding-top: 0}.principles{grid-template-columns: minmax(0,1fr)}.principle__index{margin-bottom: var(--space-4)}}.problems__head,.problem{display: grid;grid-template-columns: 2.5rem minmax(0,0.95fr) minmax(0,1.05fr);gap: var(--space-8)}.problems__head{padding: 0 var(--card-pad) var(--space-2);font-size: var(--text-xs);font-weight: var(--weight-medium);letter-spacing: var(--tracking-label);color: var(--color-ink-3)}.problems__list{display: grid;gap: var(--card-gap)}.problem{align-items: baseline;padding: var(--card-pad);background: var(--color-surface);border: 1px solid var(--color-line);border-radius: var(--radius-md);box-shadow: var(--shadow-1)}.problem__index{font-size: var(--text-xs);font-weight: var(--weight-medium);font-variant-numeric: tabular-nums;color: var(--color-ink-3)}.problem__title{font-size: var(--text-xl);line-height: 1.3;letter-spacing: -0.02em}.problem__text{max-width: var(--reading-measure);font-size: var(--reading-size);line-height: var(--reading-leading);color: var(--color-ink-2)}@media (max-width: 48rem){.problems__head{display: none}.problem{grid-template-columns: 2rem minmax(0,1fr);gap: var(--space-2) var(--space-3)}.problem__text{grid-column: 2;font-size: var(--text-base)}}.services{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--card-gap)}.service{display: grid;grid-template-columns: 2.5rem minmax(0,1fr);grid-template-rows: auto auto 1fr;column-gap: var(--space-5);padding: var(--card-pad);background: var(--color-surface);border: 1px solid var(--color-line);border-radius: var(--radius-md);box-shadow: var(--shadow-1)}.service__icon{grid-row: 1 / -1;display: grid;place-items: center;width: 2.5rem;height: 2.5rem;color: var(--color-ink);background: var(--color-surface-2);border: 1px solid var(--color-line);border-radius: var(--radius-sm)}.service__title{padding-top: 0.125rem;font-size: var(--text-lg);line-height: 1.3}.service__text{margin-top: var(--space-2);max-width: var(--reading-measure);font-size: var(--reading-size);line-height: var(--reading-leading);color: var(--color-ink-2)}.tags{display: flex;flex-wrap: wrap;align-self: end;gap: 0.375rem;padding-top: var(--space-5)}.tag{padding: 0.1875rem 0.5rem;font-size: var(--text-sm);font-weight: var(--weight-medium);line-height: 1.5;color: var(--color-ink-2);background: var(--color-surface-2);border-radius: var(--radius-xs)}.service--other{background: transparent;border: 1px dashed var(--color-line-3);box-shadow: none}.service--other .service__icon{background: transparent;border-style: dashed;border-color: var(--color-line-3)}.service--other .text-link{align-self: end;justify-self: start;margin-top: var(--space-5)}@media (max-width: 48rem){.services{grid-template-columns: minmax(0,1fr);gap: 0.625rem}.service{column-gap: var(--space-4)}}.timeline{--marker: 2.5rem;position: relative;max-width: 52rem}.timeline::before,.timeline::after{content: "";position: absolute;top: calc(var(--marker) / 2);bottom: calc(var(--marker) / 2);left: calc(var(--marker) / 2 - 0.5px);width: 1px}.timeline::before{background: var(--color-line-2)}.step{position: relative;display: grid;grid-template-columns: var(--marker) minmax(0,1fr);gap: var(--space-5);padding-bottom: clamp(1.75rem,1.45rem + 1.2vw,2.5rem)}.step:last-child{padding-bottom: 0}.step__marker{position: relative;z-index: 1;display: grid;place-items: center;width: var(--marker);height: var(--marker);font-size: var(--text-xs);font-weight: var(--weight-semibold);font-variant-numeric: tabular-nums;color: var(--color-ink);background: var(--color-bg);border: 1px solid var(--color-line-3);border-radius: 50%}.step__body{padding: var(--card-pad);background: var(--color-surface);border: 1px solid var(--color-line);border-radius: var(--radius-md);box-shadow: var(--shadow-1)}.step__phase{margin-bottom: var(--space-2);font-size: var(--text-xs);font-weight: var(--weight-medium);letter-spacing: var(--tracking-label);color: var(--color-ink-3)}.step__title{font-size: var(--text-2xl);line-height: 1.2;letter-spacing: -0.022em}.step__text{margin-top: var(--space-3);max-width: var(--reading-measure);font-size: var(--reading-size);line-height: var(--reading-leading);color: var(--color-ink-2)}.step__result{display: inline-flex;align-items: flex-start;gap: var(--space-2);margin-top: var(--space-5);padding: 0.5rem 0.75rem;font-size: var(--text-sm);line-height: 1.45;color: var(--color-ink-2);background: var(--color-surface-2);border: 1px solid var(--color-line);border-radius: var(--radius-sm)}.step__result .icon{flex: none;margin-top: 0.0625rem;color: var(--color-ink)}.step__result-label{font-weight: var(--weight-semibold);color: var(--color-ink)}@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){.timeline::after{background: var(--color-ink);transform-origin: top;animation: timeline-progress linear both;animation-timeline: view();animation-range: entry 25% cover 65%}.step__marker{animation: step-reached linear both;animation-timeline: view();animation-range: entry 60% entry 100%}}}@keyframes timeline-progress{from{transform: scaleY(0)}to{transform: scaleY(1)}}@keyframes step-reached{from{border-color: var(--color-line-3)}to{color: var(--color-bg);background: var(--color-ink);border-color: var(--color-ink)}}@media (max-width: 40rem){.timeline{--marker: 2.25rem}.step{gap: var(--space-3)}}.includes{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--card-gap)}.include{display: grid;grid-template-columns: 2.5rem minmax(0,1fr);gap: var(--space-4);align-items: start;padding: var(--card-pad);background: var(--color-surface);border: 1px solid var(--color-line);border-radius: var(--radius-md);box-shadow: var(--shadow-1)}.include__icon{display: grid;place-items: center;width: 2.5rem;height: 2.5rem;color: var(--color-ink);background: var(--color-surface-2);border: 1px solid var(--color-line);border-radius: var(--radius-sm)}.include__body{padding-top: 0.125rem}.include__title{font-size: var(--text-md);line-height: 1.35}.include__text{margin-top: var(--space-2);max-width: var(--reading-measure);font-size: var(--reading-size);line-height: var(--reading-leading);color: var(--color-ink-2)}@media (max-width: 48rem){.includes{grid-template-columns: minmax(0,1fr)}}.reasons{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--card-gap)}.reason{display: grid;grid-template-columns: 3.25rem minmax(0,1fr);grid-template-rows: auto 1fr;gap: var(--space-2) var(--space-4);padding: var(--card-pad);background: var(--color-surface);border: 1px solid var(--color-line);border-radius: var(--radius-md);box-shadow: var(--shadow-1)}.reason__index{grid-row: span 2;font-size: 1.625rem;font-weight: var(--weight-medium);font-variant-numeric: tabular-nums;line-height: 1.1;letter-spacing: -0.02em;color: var(--color-ink-4)}.reason__title{font-size: var(--text-xl);line-height: 1.3;letter-spacing: -0.018em}.reason__text{max-width: var(--reading-measure);font-size: var(--reading-size);line-height: var(--reading-leading);color: var(--color-ink-2)}.reason.reason--closing{grid-template-columns: minmax(0,1fr);grid-template-rows: auto;align-content: start;gap: var(--space-3);background: transparent;border: 1px dashed var(--color-line-3);box-shadow: none}.reason--closing .reason__title{font-weight: var(--weight-medium);color: var(--color-ink-3)}.reason--closing .text-link{justify-self: start}@media (max-width: 48rem){.reasons{grid-template-columns: minmax(0,1fr)}.reason{grid-template-columns: 2.75rem minmax(0,1fr)}.reason__index{font-size: 1.5rem}}.cifras{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--card-gap)}.cifra{display: flex;flex-direction: column;padding: var(--card-pad);background: var(--color-surface);border: 1px solid var(--color-line);border-radius: var(--radius-md);box-shadow: var(--shadow-1)}.cifra__valor{font-size: clamp(2.25rem,1.7rem + 2.2vw,3.25rem);font-weight: var(--weight-semibold);font-variant-numeric: tabular-nums;line-height: 1;letter-spacing: var(--tracking-display);color: var(--color-ink)}.cifra__unidad{margin-top: var(--space-3);font-size: var(--text-sm);font-weight: var(--weight-medium);letter-spacing: var(--tracking-label);color: var(--color-ink-3)}.cifra__texto{margin-top: var(--space-4);padding-top: var(--space-4);max-width: var(--reading-measure);font-size: var(--reading-size);line-height: var(--reading-leading);color: var(--color-ink-2);border-top: 1px solid var(--color-line)}.notas{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--card-gap)}.nota{padding: var(--card-pad);background: var(--color-surface);border: 1px solid var(--color-line);border-radius: var(--radius-md);box-shadow: var(--shadow-1)}.nota__titulo{font-size: var(--text-lg);line-height: 1.3}.nota__texto{margin-top: var(--space-2);max-width: var(--reading-measure);font-size: var(--reading-size);line-height: var(--reading-leading);color: var(--color-ink-2)}.pasos{display: grid;gap: var(--card-gap);max-width: 52rem}.paso{display: grid;grid-template-columns: 2.5rem minmax(0,1fr);gap: var(--space-5);align-items: start;padding: var(--card-pad);background: var(--color-surface);border: 1px solid var(--color-line);border-radius: var(--radius-md);box-shadow: var(--shadow-1)}.paso__indice{display: grid;place-items: center;width: 2.5rem;height: 2.5rem;font-size: var(--text-xs);font-weight: var(--weight-semibold);font-variant-numeric: tabular-nums;color: var(--color-ink);background: var(--color-surface-2);border: 1px solid var(--color-line);border-radius: var(--radius-sm)}.paso__titulo{padding-top: 0.125rem;font-size: var(--text-md);line-height: 1.35}.paso__texto{margin-top: var(--space-2);max-width: var(--reading-measure);font-size: var(--reading-size);line-height: var(--reading-leading);color: var(--color-ink-2)}@media (max-width: 63.9375rem){.cifras{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 48rem){.notas{grid-template-columns: minmax(0,1fr)}}@media (max-width: 40rem){.cifras{grid-template-columns: minmax(0,1fr)}.paso{grid-template-columns: 2.25rem minmax(0,1fr);gap: var(--space-4)}.paso__indice{width: 2.25rem;height: 2.25rem}}.immersion{display: none}html[data-immersion="play"]{overflow: hidden}html[data-immersion="play"] .immersion{position: fixed;inset: 0;z-index: var(--z-intro);display: grid;place-items: center;padding: clamp(0.75rem,2.5vw,2rem);background: var(--color-bg)}.immersion:focus,.immersion:focus-visible{outline: none}.immersion.is-leaving{animation: immersion-out 420ms var(--ease-standard) both}@keyframes immersion-out{to{opacity: 0;transform: scale(1.015)}}.immersion__panel{display: grid;grid-template-rows: auto minmax(0,1fr) auto;width: 100%;max-width: calc(var(--container) + 4rem);height: min(100%,36rem);padding: clamp(1rem,2.4vw,1.75rem) clamp(1.125rem,3vw,2.5rem);overflow: hidden;background: var(--color-surface);border: 1px solid var(--color-line);border-radius: var(--radius-lg);box-shadow: var(--shadow-2);view-transition-name: var(--vt-surface,none)}.immersion__head{display: flex;align-items: center;justify-content: space-between;gap: var(--space-4);padding-bottom: clamp(0.5rem,1.5vh,1rem)}.immersion__label{display: flex;align-items: baseline;gap: var(--space-3);font-size: var(--text-sm);font-weight: var(--weight-semibold);letter-spacing: var(--tracking-title);color: var(--color-ink)}.immersion__index{font-variant-numeric: tabular-nums;font-weight: var(--weight-medium);color: var(--color-ink-3)}.immersion__hint{font-weight: var(--weight-regular);color: var(--color-ink-3)}.immersion__hint::before{content: "·";margin-right: var(--space-3);color: var(--color-ink-4)}.immersion__skip{display: inline-flex;align-items: center;gap: 0.375rem;height: 2rem;margin-right: calc(var(--space-2) * -1);padding-inline: var(--space-3);font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--color-ink-3);border-radius: var(--radius-pill);transition: color var(--duration-2) var(--ease-out),background-color var(--duration-2) var(--ease-out)}.immersion__skip .icon{transition: transform var(--duration-3) var(--ease-out)}.immersion__skip:hover{color: var(--color-ink);background: rgb(11 11 12 / 0.05)}.immersion__skip:hover .icon{transform: translateX(3px)}.immersion__body{display: grid;grid-template-columns: minmax(0,1.1fr) minmax(0,1fr);align-items: center;gap: clamp(1.5rem,4vw,4rem);min-height: 0;padding-block: clamp(0.5rem,2vh,1.5rem)}.immersion__visual{display: grid;justify-items: center;align-content: center;gap: 0.375rem;min-height: 0}.immersion__scale{display: flex;justify-content: space-between;width: 100%;max-width: 36rem;padding-inline: 13%;font-size: var(--text-xs);font-weight: var(--weight-medium);color: var(--color-ink-3)}.immersion__visual .iv{width: 100%;max-width: 36rem;max-height: min(48vh,22rem)}.immersion__script{display: grid;align-content: center;min-height: 0;max-width: 27rem}.beat{grid-area: 1 / 1;align-self: center}.beat__eyebrow{font-size: var(--text-sm);font-weight: var(--weight-medium);letter-spacing: var(--tracking-label);color: var(--color-ink-3)}.beat__title{margin-top: var(--space-2);font-size: clamp(1.75rem,1.25rem + 1.6vw,2.5rem);font-weight: var(--weight-semibold);line-height: 1.1;letter-spacing: -0.026em}.beat__text{margin-top: var(--space-4);font-size: var(--text-md);line-height: 1.6;color: var(--color-ink-2)}.beat__note{display: inline-flex;align-items: flex-start;gap: var(--space-2);margin-top: var(--space-5);padding: 0.5rem 0.75rem;font-size: var(--text-sm);line-height: 1.45;color: var(--color-ink-2);background: var(--color-bg);border: 1px solid var(--color-line);border-radius: var(--radius-sm)}.beat__note .icon{flex: none;margin-top: 0.0625rem;color: var(--color-ink)}.beat > *{animation: beat-part 640ms var(--ease-out) both}.beat__eyebrow{animation-delay: 40ms}.beat__title{animation-delay: 120ms}.beat__text{animation-delay: 240ms}.beat__note{animation-delay: 340ms}@keyframes beat-part{from{opacity: 0;transform: translateY(14px)}}.beat.is-leaving > *{animation: beat-out 280ms var(--ease-standard) both}@keyframes beat-out{to{opacity: 0;transform: translateY(-10px)}}.immersion__controls{display: flex;align-items: center;gap: var(--space-4);padding-top: clamp(0.5rem,1.5vh,1rem);border-top: 1px solid var(--color-line)}.immersion__control{display: grid;place-items: center;width: 2.25rem;height: 2.25rem;color: var(--color-ink-3);border-radius: var(--radius-sm);transition: color var(--duration-2) var(--ease-out),background-color var(--duration-2) var(--ease-out),opacity var(--duration-2) var(--ease-out)}.immersion__control:hover{color: var(--color-ink);background: rgb(11 11 12 / 0.05)}.immersion__control[disabled]{opacity: 0.35;pointer-events: none}.immersion__steps{display: flex;gap: var(--space-1);margin-right: calc(var(--space-2) * -1)}.immersion__icon--play{display: none}[data-mode="manual"] .immersion__icon--pause{display: none}[data-mode="manual"] .immersion__icon--play{display: block}.immersion__counter{display: none;font-size: var(--text-xs);font-weight: var(--weight-medium);font-variant-numeric: tabular-nums;color: var(--color-ink-3)}.immersion__progress{display: flex;flex: 1;gap: 0.375rem;min-width: 0;margin: 0;padding: 0;list-style: none}.immersion__progress li{flex: 1;min-width: 0}.immersion__dot{display: block;width: 100%;padding-block: 0.75rem}.immersion__dot::before{content: "";display: block;height: 3px;background: var(--color-line-2);border-radius: 2px;transition: background-color var(--duration-2) var(--ease-out)}.immersion__dot:hover::before{background: var(--color-line-3)}.immersion__fill{display: block;height: 3px;margin-top: -3px;background: var(--color-ink);border-radius: 2px;transform: scaleX(0);transform-origin: left center}.immersion__dot[data-state="done"] .immersion__fill{transform: scaleX(1)}.immersion__dot[data-state="current"] .immersion__fill{animation: beat-progress var(--beat-duration,5s) linear both}[data-mode="manual"] .immersion__dot[data-state="current"] .immersion__fill{animation: none;transform: scaleX(1)}@keyframes beat-progress{from{transform: scaleX(0)}to{transform: scaleX(1)}}.page-head__actions{display: flex;align-items: center;gap: var(--space-2);flex-wrap: wrap}.replay{display: inline-flex;align-items: center;gap: 0.375rem;height: 2rem;padding-inline: 0.75rem;font-size: var(--text-sm);font-weight: var(--weight-medium);color: var(--color-ink-3);border: 1px solid var(--color-line-2);border-radius: var(--radius-pill);transition: color var(--duration-2) var(--ease-out),border-color var(--duration-2) var(--ease-out)}.replay:hover{color: var(--color-ink);border-color: var(--color-line-3)}html:not(.js) .replay,.replay[hidden]{display: none}.page-head{view-transition-name: var(--vt-surface,none)}html[data-immersion="play"] .page-head{view-transition-name: none}.page-main.is-landing .page-head{animation: enter var(--duration-5) var(--ease-out) both}@media (max-width: 56rem){.immersion__panel{height: min(100%,48rem)}.immersion__body{grid-template-columns: minmax(0,1fr);align-content: center;gap: clamp(1rem,3vh,2rem)}.immersion__visual .iv{max-width: 26rem;max-height: 32vh}.immersion__script{max-width: none}.immersion__hint{display: none}.beat__title{font-size: clamp(1.5rem,1.1rem + 2vw,2rem)}.beat__text{font-size: var(--text-base)}}@media (max-width: 40rem){html[data-immersion="play"] .immersion{padding: 0.5rem}.immersion__panel{height: 100%;padding: 1rem 1.125rem;border-radius: var(--radius-md)}.immersion__visual .iv{max-width: 22rem;max-height: 30vh}.immersion__label{font-size: var(--text-xs)}.beat__note{margin-top: var(--space-4)}.immersion__controls{gap: var(--space-3)}.immersion__counter{display: block}.immersion__progress li{display: none}.immersion__progress li:has(.immersion__dot[data-state="current"]){display: block}}@media (prefers-reduced-motion: reduce){.beat > *,.beat.is-leaving > *{animation: none}.immersion__dot[data-state="current"] .immersion__fill{animation: none;transform: scaleX(1)}}.iv{width: 100%;height: auto;color: var(--color-ink-5);overflow: visible}.iv *{vector-effect: non-scaling-stroke}.iv-line{fill: none;stroke: currentColor;stroke-width: 1.25;stroke-linecap: round;stroke-linejoin: round}.iv-ink{stroke: var(--color-ink)}.iv-dim{stroke: var(--color-ink-4)}.iv-dash{stroke-dasharray: 3 3.5}.iv-plate{fill: var(--color-surface)}.iv-fill{fill: var(--color-ink)}.iv-dot{fill: var(--color-ink-4)}.iv-block{fill: var(--color-ink-5)}.iv-block--soft{fill: var(--color-surface-2);stroke: var(--color-line-3);stroke-width: 1}.iv-bar{fill: var(--color-ink)}.iv-bar--soft{fill: var(--color-ink-5)}.iv-check{fill: none;stroke: var(--color-ink);stroke-width: 1.5;stroke-linecap: round;stroke-linejoin: round}.iv__beat{opacity: 0;visibility: hidden;transition: opacity 420ms var(--ease-out),visibility 0s linear 420ms}.iv__beat.is-shown{opacity: 1;visibility: visible;transition-delay: 0s}.iv-draw{stroke-dasharray: var(--s,1) calc(var(--s,1) * 1.04);stroke-dashoffset: calc(var(--s,1) * 1.04)}.is-shown .iv-draw{animation: iv-draw 900ms var(--ease-out) both;animation-delay: calc(var(--d,0) * 130ms + 120ms)}@keyframes iv-draw{to{stroke-dashoffset: 0}}.iv-pop,.iv-rise,.iv-grow,.iv-drop,.iv-fade{transform-box: fill-box;transform-origin: center}.iv-grow{transform-origin: left center}.is-shown .iv-fade{animation: iv-fade 620ms var(--ease-out) both;animation-delay: calc(var(--d,0) * 130ms + 200ms)}@keyframes iv-fade{from{opacity: 0}}.is-shown .iv-pop{animation: iv-pop 520ms var(--ease-out) both;animation-delay: calc(var(--d,0) * 130ms + 200ms)}.is-shown .iv-rise{animation: iv-rise 640ms var(--ease-out) both;animation-delay: calc(var(--d,0) * 130ms + 180ms)}.is-shown .iv-grow{animation: iv-grow 700ms var(--ease-out) both;animation-delay: calc(var(--d,0) * 130ms + 160ms)}.is-shown .iv-drop{animation: iv-drop 760ms var(--ease-out) both;animation-delay: calc(var(--d,0) * 130ms + 260ms)}@keyframes iv-pop{from{opacity: 0;transform: scale(0.86)}}@keyframes iv-rise{from{opacity: 0;transform: translateY(14px)}}@keyframes iv-grow{from{transform: scaleX(0)}}@keyframes iv-drop{from{opacity: 0;transform: translateY(-24px)}}.iv-track{stroke-dasharray: var(--s,1);stroke-dashoffset: calc(var(--s,1) * (1 - var(--p,0)));transition: stroke-dashoffset 760ms var(--ease-out)}.iv-node{fill: var(--color-surface);stroke: var(--color-ink-4);stroke-width: 1.25;transition: fill 320ms var(--ease-out),stroke 320ms var(--ease-out)}.iv-node.is-done{fill: var(--color-ink);stroke: var(--color-ink)}.iv-marker{fill: var(--color-ink);transform: translateX(calc(var(--i,0) * var(--step,0) * 1px));transition: transform 760ms var(--ease-out)}@media (prefers-reduced-motion: reduce){.iv__beat,.iv-track,.iv-node,.iv-marker{transition: none}.is-shown .iv-draw,.is-shown .iv-fade,.is-shown .iv-pop,.is-shown .iv-rise,.is-shown .iv-grow,.is-shown .iv-drop{animation: none}.iv-draw,.iv-track{stroke-dasharray: none;stroke-dashoffset: 0}}.chooser{display: grid;justify-items: center;text-align: center}.chooser__row{display: grid;grid-template-rows: 0fr;width: 100%;opacity: 0;visibility: hidden;transition: grid-template-rows var(--duration-5) var(--ease-out),opacity var(--duration-2) var(--ease-out),visibility 0s linear var(--duration-5)}.chooser__fold{min-height: 0;overflow: hidden}html[data-ask] .chooser__row--ask,html:not([data-ask]) .chooser__row--switch{grid-template-rows: 1fr;opacity: 1;visibility: visible;transition-delay: 0s,180ms,0s}html:not(.js) .chooser{display: none}.chooser__question{padding-top: var(--space-2);font-size: var(--text-md);font-weight: var(--weight-medium);letter-spacing: var(--tracking-title);color: var(--color-ink)}.chooser__options{display: inline-grid;grid-template-columns: 1fr 1fr;gap: 0.625rem;margin-top: var(--space-4);text-align: left}.chooser__option{display: grid;gap: 0.1875rem;padding: 0.875rem 1.125rem 1rem;text-align: left;background: var(--color-surface);border-radius: var(--radius-md);box-shadow: var(--lift-1);transition: transform var(--duration-3) var(--ease-out),box-shadow var(--duration-3) var(--ease-out)}@media (hover: hover){.chooser__option:hover{transform: translateY(-2px);box-shadow: var(--lift-2)}}.chooser__option:active{transform: none;box-shadow: var(--lift-0);transition-duration: var(--duration-1)}.chooser__option:focus-visible{outline-offset: -3px}.chooser__option-name{display: inline-flex;align-items: center;gap: 0.4375rem;font-size: var(--text-base);font-weight: var(--weight-semibold);letter-spacing: var(--tracking-title);color: var(--color-ink)}.chooser__option-name .icon{flex: none;color: var(--color-ink-3);transition: color var(--duration-2) var(--ease-out)}.chooser__option:hover .icon{color: var(--color-ink)}.chooser__option-hint{font-size: var(--text-sm);line-height: 1.45;color: var(--color-ink-3)}.chooser__note{margin-top: var(--space-3);padding-bottom: var(--space-2);font-size: var(--text-xs);color: var(--color-ink-3)}.modes{position: relative;display: inline-grid;grid-template-columns: 1fr 1fr;margin: 0.5rem 0;padding: 4px;background: var(--color-surface-2);border-radius: var(--radius-pill);box-shadow: var(--sink-1)}.modes__thumb{position: absolute;top: 4px;bottom: 4px;left: 4px;width: calc(50% - 4px);background: #fff;border-radius: var(--radius-pill);box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9),0 1px 2px rgb(var(--shade) / 0.12),0 6px 14px -6px rgb(var(--shade) / 0.28);transition: transform var(--duration-3) cubic-bezier(0.22,1.12,0.36,1)}html[data-mode="natural"] .modes__thumb{transform: translateX(100%)}.modes__option{position: relative;z-index: 1;min-width: 6.75rem;height: 2.25rem;padding-inline: var(--space-4);font-size: var(--text-base);font-weight: var(--weight-medium);color: var(--color-ink-3);border-radius: var(--radius-pill);transition: color var(--duration-2) var(--ease-out)}.modes__option:hover{color: var(--color-ink-2)}.modes__option[aria-pressed="true"]{color: var(--color-ink)}.explore .chooser{margin-bottom: clamp(1.25rem,0.9rem + 1.4vw,2.25rem)}html[data-ask] .explore .chooser{margin-bottom: clamp(1.75rem,1.2rem + 2vw,3rem)}.immersion__counter{display: block;flex: none}.immersion__skip--back:hover .icon{transform: translateX(-3px)}html[data-mode="immersive"] .card[data-going],html[data-mode="immersive"] .page-head{view-transition-name: var(--vt-surface,none)}html:not([data-mode="immersive"]) .card[data-going] .card__title,html:not([data-mode="immersive"]) .page-head__title{view-transition-name: var(--vt-title,none)}html[data-immersion="play"] .page-head{view-transition-name: none}@media (max-width: 40rem){.chooser__options{grid-template-columns: 1fr;width: 100%}.modes__option{min-width: 5rem;padding-inline: var(--space-2)}.immersion__skip{flex: none}}