@layer components{.apple{--apple-gap:calc(var(--spacing) * 10);--apple-screen-radius:calc(var(--radius) * 2.6);--apple-hairline:color-mix(in oklab, var(--border) 70%, transparent);--apple-stage:color-mix(in oklab, var(--muted) 70%, var(--background));--apple-quiet-on-glow:color-mix(in oklab, var(--muted-foreground) 70%, var(--foreground))}.apple-menu{border-bottom:1px solid var(--apple-hairline)}.apple-menu-list{gap:calc(var(--spacing) * 1);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 1);scroll-padding-inline:calc(var(--spacing) * 4);scrollbar-width:none;margin:0;list-style:none;display:flex;overflow-x:auto}.apple-menu-short{display:none}@media (width<40rem){.apple-menu{display:none}}@media (width<=40rem){.apple-menu-short{display:inline}.apple-menu-long{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.apple-menu-link{min-height:2.25rem;padding-inline:calc(var(--spacing) * 3);color:var(--muted-foreground);white-space:nowrap;transition:color var(--ouro-duration-fast) var(--ouro-ease-out), background-color var(--ouro-duration-fast) var(--ouro-ease-out);border-radius:999px;align-items:center;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.apple-menu-link:hover{color:var(--foreground)}.apple-menu-link[aria-current=page]{background:color-mix(in oklab, var(--primary) 12%, transparent);color:var(--foreground)}.apple-menu-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (pointer:coarse){.apple-menu-link{min-height:2.75rem}}@media (width<=40rem){.apple-hero{padding-top:calc(var(--spacing) * 10)!important}}.apple-hero-grid{align-items:center;gap:calc(var(--spacing) * 10);display:grid}.apple-hero-copy{align-content:start;gap:calc(var(--spacing) * 5);min-width:0;display:grid}.apple-lede{gap:calc(var(--spacing) * 3);display:grid}.apple-lede>p{margin:0}.apple-actions{gap:calc(var(--spacing) * 3);flex-wrap:wrap;display:flex}.apple-fine{color:var(--muted-foreground);margin:0;font-size:.875rem;line-height:1.55}.apple-fine code{font-family:var(--font-mono);font-size-adjust:.46}.apple-band{padding-block:calc(var(--spacing) * 16);border-top:1px solid var(--apple-hairline);scroll-margin-top:calc(var(--spacing) * 20)}.apple-band-grid,.apple-hero-grid,.apple-pair,.apple-showcase{grid-template-columns:minmax(0,1fr)}.apple-band-grid>*,.apple-hero-grid>*,.apple-pair>*,.apple-showcase>*{min-width:0}.apple-band-grid{gap:var(--apple-gap);display:grid}.apple-band-head{gap:calc(var(--spacing) * 4);max-width:46rem;display:grid}.apple-pair{gap:var(--apple-gap);align-items:start;display:grid}.apple-pair-side{gap:calc(var(--spacing) * 8);min-width:0;display:grid}.apple-pair-quiet{justify-items:start}.apple-loop{gap:calc(var(--spacing) * 3);--apple-loop-pixels:var(--apple-loop-native);width:100%;min-width:0;margin:0;display:grid}@media (resolution>1x){.apple-loop{--apple-loop-pixels:calc(var(--apple-loop-native) / 2)}}.apple-loop-sm{max-width:min(18rem, var(--apple-loop-pixels))}.apple-loop-md{max-width:min(22rem, var(--apple-loop-pixels))}.apple-loop-lg{max-width:min(24rem, var(--apple-loop-pixels))}.apple-hero-media{justify-self:center}.apple-loop-frame{border-radius:var(--apple-screen-radius);background:var(--apple-stage);outline:1px solid color-mix(in oklab, var(--foreground) 8%, transparent);outline-offset:-1px;position:relative;overflow:hidden}.apple-loop-video,.apple-loop-still{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.apple-loop-still,.apple-loop-dark{display:none}.dark .apple-loop-video.apple-loop-dark{display:block}.dark .apple-loop-frame[data-apple-dark] .apple-loop-video.apple-loop-light{display:none}.apple-loop-toggle{background:color-mix(in oklab, var(--foreground) 7%, transparent);width:2.25rem;height:2.25rem;color:var(--foreground);cursor:pointer;transition:opacity var(--ouro-duration-fast) var(--ouro-ease-out);border:0;border-radius:999px;flex:none;place-items:center;display:grid}.apple-loop-toggle svg{width:1rem;height:1rem}.apple-loop-toggle:hover{background:color-mix(in oklab, var(--foreground) 12%, transparent)}.apple-loop-toggle:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (pointer:coarse){.apple-loop-toggle{width:2.75rem;height:2.75rem}}@media (prefers-contrast:more){.apple-loop-toggle{outline:1px solid var(--border)}}@media (prefers-reduced-motion:reduce){.apple-loop:not([data-apple-playing]) .apple-loop-video{display:none!important}.apple-loop:not([data-apple-playing]) .apple-loop-still.apple-loop-light{display:block}.dark .apple-loop:not([data-apple-playing]) .apple-loop-frame[data-apple-dark] .apple-loop-still.apple-loop-light{display:none}.dark .apple-loop:not([data-apple-playing]) .apple-loop-still.apple-loop-dark{display:block}}.apple-loop-caption{justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing) * 3);color:var(--muted-foreground);font-size:.875rem;line-height:1.5;display:flex}.apple-loop-source{display:block}.apple-inline-link{color:inherit;text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, currentColor 40%, transparent);text-decoration-color:color-mix(in oklab, currentColor 40%, transparent);text-underline-offset:.2em}.apple-inline-link:hover{text-decoration-color:currentColor}.apple [id]{scroll-margin-top:7.5rem}.apple-doors,.apple-quad,.apple-products,.apple-haptics-list,.apple-lanes-list,.apple-claims,.apple-lanes{margin:0;padding:0;list-style:none}.apple-doors,.apple-quad{gap:calc(var(--spacing) * 8) var(--apple-gap);display:grid}.apple-door,.apple-quad-item{align-content:start;gap:calc(var(--spacing) * 2);padding-top:calc(var(--spacing) * 4);border-top:1px solid var(--apple-hairline);display:grid}.apple-door-kicker{color:var(--muted-foreground);margin:0;font-size:.875rem;font-weight:500}.apple-door-link{color:inherit;text-decoration:none}.apple-door-link:hover{color:var(--primary)}.apple-door-link:focus-visible{outline:2px solid var(--ring);outline-offset:3px;border-radius:4px}.apple-door-body,.apple-quad-body{color:var(--muted-foreground);margin:0}.apple-quad-title{margin:0;font-size:1rem;font-weight:600}.apple-showcases{gap:calc(var(--spacing) * 16);display:grid}.apple-showcase{gap:calc(var(--spacing) * 8);align-items:center;display:grid}.apple-showcase-copy{gap:calc(var(--spacing) * 3);min-width:0;max-width:34rem;display:grid}.apple-showcase-copy>p{margin:0}.apple-showcase-figure{align-items:baseline;gap:0 calc(var(--spacing) * 2);padding-top:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.apple-figure-from,.apple-figure-to{font-family:var(--font-heading);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(2.5rem,6vw,3rem);font-weight:600;line-height:1}.apple-figure-from{color:var(--muted-foreground)}.apple-figure-to{color:var(--primary)}.apple-figure-arrow{color:var(--muted-foreground);font-size:1.5rem}.apple-figure-label{color:var(--muted-foreground);flex-basis:100%;font-size:.875rem}.apple-showcase-links{font-size:.875rem}.apple-soon{gap:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 16) calc(var(--spacing) * 4);border-top:1px solid var(--apple-hairline);display:grid}.apple-soon-line{max-width:40rem;font-family:var(--font-heading);letter-spacing:-.015em;margin:0;font-size:1.25rem;line-height:1.3}@media (width>=64rem){.apple-soon-line{font-size:1.5rem}}.apple-next{padding-block:calc(var(--spacing) * 10) calc(var(--spacing) * 20)}.apple-next-link{gap:calc(var(--spacing) * 1);color:inherit;text-decoration:none;display:inline-grid}.apple-next-label{color:var(--muted-foreground);font-size:.875rem;font-weight:500}.apple-next-title{font-family:var(--font-heading);letter-spacing:-.025em;font-size:1.5rem;font-weight:600}@media (width>=64rem){.apple-next-title{font-size:2.25rem}}.apple-next-link:hover .apple-next-title{color:var(--primary)}.apple-next-link:focus-visible{outline:2px solid var(--ring);outline-offset:4px;border-radius:6px}.apple-angler{justify-self:center;width:100%;max-width:26rem}.apple-angler svg{width:100%;height:auto;display:block;overflow:visible}.apple-angler-page{fill:color-mix(in oklab, var(--background) 82%, var(--foreground) 4%);stroke:color-mix(in oklab, var(--foreground) 22%, transparent);stroke-width:1.2px}.apple-angler-title{fill:color-mix(in oklab, var(--foreground) 70%, transparent)}.apple-angler-line{fill:color-mix(in oklab, var(--foreground) 22%, transparent)}.apple-angler-tick{fill:var(--primary)}.apple-angler-tick-open{fill:none;stroke:color-mix(in oklab, var(--foreground) 35%, transparent);stroke-width:1.4px}.apple-angler-light-core{stop-color:color-mix(in oklab, var(--warning) 70%, white);stop-opacity:.5}.apple-angler-light-mid{stop-color:var(--warning);stop-opacity:.12}.apple-angler-light-edge{stop-color:var(--warning);stop-opacity:0}.apple-angler-glow{mix-blend-mode:multiply;animation:3.2s ease-in-out 3 alternate apple-breathe}.dark .apple-angler-glow{mix-blend-mode:screen}.apple-angler-lamp{fill:color-mix(in oklab, var(--warning) 55%, white);filter:drop-shadow(0 0 6px var(--warning));animation:3.2s ease-in-out 3 alternate apple-breathe}.apple-angler .c-body{fill:color-mix(in oklab, var(--background) 55%, var(--primary));stroke:var(--foreground);stroke-width:.8px}.apple-angler .c-line{fill:none;stroke:var(--foreground);stroke-width:1.2px;stroke-linecap:round}.apple-angler .c-eye-big{fill:var(--background);stroke:var(--foreground)}.apple-angler .c-pupil{fill:var(--foreground)}.apple-angler .c-glow{fill:color-mix(in oklab, var(--warning) 55%, white)}.apple-angler .c-mouth{fill:color-mix(in oklab, var(--foreground) 80%, var(--background))}.apple-angler .c-teeth{fill:none;stroke:var(--background);stroke-width:1.2px}@keyframes apple-breathe{0%{opacity:.7}to{opacity:1}}@media (prefers-reduced-motion:reduce){.apple-angler-glow,.apple-angler-lamp{animation:none}}.apple-twin{gap:calc(var(--spacing) * 4);min-width:0;display:grid}.apple-twin-label,.apple-twin-help{color:var(--muted-foreground);margin:0;font-size:.875rem}.apple-twin-badge{background:color-mix(in oklab, var(--primary) 14%, transparent);color:var(--foreground);letter-spacing:.02em;border-radius:999px;margin-inline-end:calc(var(--spacing) * 1.5);padding:.1rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.apple-twin-track{border-radius:var(--apple-screen-radius);background:var(--apple-stage);cursor:pointer;touch-action:none;height:6.5rem;padding:1.5rem 0;position:relative}.apple-twin-stop{background:color-mix(in oklab, var(--foreground) 18%, transparent);border-radius:999px;width:.5rem;height:.5rem;margin-top:-.25rem;position:absolute;top:50%}.apple-twin-stop-start{left:calc(1.25rem + 28px)}.apple-twin-stop-end{right:calc(1.25rem + 28px)}.apple-twin-track>.apple-twin-puck{position:absolute;top:calc(50% - 28px);left:1.5rem}.apple-twin-puck{background:var(--primary);width:56px;height:56px;box-shadow:0 10px 24px -12px color-mix(in oklab, var(--primary) 70%, transparent);cursor:grab;touch-action:none;transition:opacity calc(var(--ouro-duration-base) / 2) var(--ouro-ease-out);border-radius:18px}.apple-twin-puck:active{cursor:grabbing}.apple-twin-puck[data-apple-fading]{opacity:0}.apple-twin-controls{align-items:center;gap:calc(var(--spacing) * 4) calc(var(--spacing) * 6);flex-wrap:wrap;display:flex}.apple-curve{gap:calc(var(--spacing) * 2);max-width:18rem;margin:0;display:grid}.apple-curve svg{width:100%;height:auto;overflow:visible}.apple-curve-line{fill:none;stroke:var(--primary);stroke-width:2.25px;stroke-linecap:round}.apple-curve-target{stroke:color-mix(in oklab, var(--foreground) 22%, transparent);stroke-dasharray:3 4}.apple-curve-trace{fill:none;stroke:var(--warning);stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round}.apple-curve-dot{fill:var(--warning);opacity:0;transition:opacity var(--ouro-duration-base) var(--ouro-ease-out)}.apple-curve-dot[data-moving]{opacity:1}.apple-curve-caption{color:var(--muted-foreground);font-size:.75rem}.apple-press-twin{gap:calc(var(--spacing) * 4);max-width:24rem;display:grid}.apple-press-stage{gap:calc(var(--spacing) * 1.5);padding:calc(var(--spacing) * 6);border-radius:var(--apple-screen-radius);background:var(--apple-stage);display:grid}.apple-press-title{margin:0;font-size:1.125rem;font-weight:600}.apple-press-meta{color:var(--muted-foreground);margin:0;font-size:.875rem}.apple-press-button{width:100%;margin-block:calc(var(--spacing) * 3) calc(var(--spacing) * 1)}.apple-haptics{gap:calc(var(--spacing) * 5);min-width:0;display:grid}.apple-haptics-list{display:grid}.apple-haptic{gap:calc(var(--spacing) * 1);padding-block:calc(var(--spacing) * 2.5);border-top:1px solid var(--apple-hairline);display:grid}@media (width>=48rem){.apple-haptic{align-items:center;gap:calc(var(--spacing) * 6);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.apple-haptic-when{margin:0!important}}.apple-haptic-play{width:.8rem;height:.8rem;color:var(--primary);vertical-align:-.05rem;margin-inline-end:.4rem;display:inline-block}.apple-haptic-button:hover{background:color-mix(in oklab, var(--primary) 7%, transparent)}.apple-haptic-button{align-items:center;gap:calc(var(--spacing) * 4);width:100%;min-height:2.75rem;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:7.5rem minmax(0,1fr);padding:0;display:grid}.apple-haptic-button:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.apple-haptic-name{font-size:.875rem;font-weight:600}.apple-haptic-when{margin:0 0 0 calc(7.5rem + var(--spacing) * 4);color:var(--muted-foreground);font-size:.875rem}.apple-wave{width:100%;height:2.75rem}.apple-wave-head{stroke:var(--primary);stroke-width:2px;stroke-linecap:round;opacity:0;animation-name:apple-sweep;animation-timing-function:linear;animation-fill-mode:both}@keyframes apple-sweep{0%{opacity:.9;transform:translate(0)}90%{opacity:.9}to{opacity:0;transform:translate(300px)}}.apple-wave-base{stroke:var(--apple-hairline)}.apple-wave-tap{fill:none;stroke:color-mix(in oklab, var(--primary) 55%, var(--muted-foreground));stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--ouro-duration-fast) var(--ouro-ease-out)}.apple-haptic-button:hover .apple-wave-tap{stroke:var(--primary)}@media (prefers-reduced-motion:no-preference){.apple-haptic-button{transition:transform var(--ouro-duration-fast) var(--ouro-ease-out)}.apple-haptic-button:active{transform:scale(.98)}}.apple-wave-playing .apple-wave-tap{animation:apple-tap .32s var(--ouro-ease-out) both}@keyframes apple-tap{0%{stroke:var(--primary);opacity:.35}35%{stroke:var(--primary);opacity:1;stroke-width:3px}to{stroke:var(--primary);opacity:1}}.apple-haptics-note{color:var(--muted-foreground);margin:0;font-size:.875rem}.apple-xray{gap:calc(var(--spacing) * 8);min-width:0;display:grid}.apple-xray-controls{gap:calc(var(--spacing) * 3) calc(var(--spacing) * 6);flex-wrap:wrap;display:flex}.apple-xray-summary{gap:calc(var(--spacing) * 4);display:grid}.apple-xray-figure{align-items:baseline;gap:0 calc(var(--spacing) * 3);flex-wrap:wrap;margin:0;display:flex}.apple-xray-holding{font-family:var(--font-heading);letter-spacing:-.05em;color:var(--primary);font-variant-numeric:tabular-nums;font-size:clamp(3rem,9vw,5rem);font-weight:600;line-height:1}.apple-xray-of{color:var(--muted-foreground);font-size:1.125rem}@media (width<=40rem){.apple-showcase>.apple-loop{max-width:var(--apple-loop-pixels)!important}}.apple-dots-key{align-items:center;gap:calc(var(--spacing) * 1.5);color:var(--muted-foreground);flex-wrap:wrap;margin:0;font-size:.75rem;display:flex}.apple-dots-key>.apple-dot:not(:first-child){margin-inline-start:calc(var(--spacing) * 2)}.dark .apple-loop-frame:not([data-apple-dark]){filter:brightness(.88)}.apple-dots{flex-wrap:wrap;gap:6px;max-width:40rem;display:flex}.apple-dot{width:14px;height:14px;transition:background-color var(--ouro-duration-slow) var(--ouro-ease-out), border-color var(--ouro-duration-slow) var(--ouro-ease-out);border:1.5px solid #0000;border-radius:999px}.apple-dot-holds{background-color:var(--primary)}.apple-dot-fails{background-color:var(--destructive)}.apple-dot-open{border-color:color-mix(in oklab, var(--foreground) 30%, transparent);background-color:#0000}.apple-xray-context{color:var(--muted-foreground);max-width:46rem;margin:0;font-size:1rem}.apple-lanes{gap:calc(var(--spacing) * 2) calc(var(--spacing) * 5);flex-wrap:wrap;font-size:.875rem;display:flex}.apple-lane-ran{color:var(--foreground)}.apple-lane-ran>span:first-child{color:var(--primary)}.apple-lane-not{color:var(--muted-foreground)}.apple-xray-list{gap:calc(var(--spacing) * 4);display:grid}.apple-xray-empty{padding-block:calc(var(--spacing) * 6);color:var(--muted-foreground);margin:0}.apple-claim{border-top:1px solid var(--apple-hairline)}.apple-claim-summary{align-items:baseline;gap:calc(var(--spacing) * 3);min-height:2.75rem;padding-block:calc(var(--spacing) * 3);cursor:pointer;grid-template-columns:1.5rem minmax(0,1fr) auto 1rem;list-style:none;display:grid}.apple-claim-summary::-webkit-details-marker{display:none}.apple-claim-summary:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:6px}.apple-claim-rule{min-width:0}.apple-claim-chevron{width:1rem;height:1rem;color:var(--muted-foreground);align-self:center}details[open]>.apple-claim-summary .apple-claim-chevron{transform:rotate(90deg)}@media (prefers-reduced-motion:no-preference){.apple-claim-chevron{transition:transform var(--ouro-duration-fast) var(--ouro-ease-out)}}.apple-claim-flip{color:var(--primary);white-space:nowrap;font-size:.75rem;font-weight:600}.apple-mark{text-align:center;font-weight:600}.apple-mark-holds{color:var(--primary)}.apple-mark-fails{color:var(--destructive)}.apple-mark-open{color:var(--muted-foreground)}.apple-claim-body{gap:calc(var(--spacing) * 2);padding:0 0 calc(var(--spacing) * 5) calc(1.5rem + var(--spacing) * 3);font-size:1rem;display:grid}.apple-claim-body>p,.apple-claim-found{margin:0}.apple-code{background:var(--muted);font-family:var(--font-mono);font-size-adjust:.46;overflow-wrap:anywhere;border-radius:.3rem;padding:.05em .3em}.apple-claim-meta{color:var(--muted-foreground);overflow-wrap:anywhere;font-size:.75rem}.apple-claim-key{font-weight:600}.apple-claim-found{gap:calc(var(--spacing) * 1);color:var(--muted-foreground);padding-inline-start:1.1rem;display:grid}.apple-claim-open{color:var(--muted-foreground);font-style:italic}.apple-xray-made{color:var(--muted-foreground);overflow-wrap:anywhere;margin:0;font-size:.75rem}.apple-lanes-list{max-width:46rem;display:grid}.apple-lane-row{gap:calc(var(--spacing) * 1) calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 4);border-top:1px solid var(--apple-hairline);grid-template-columns:2rem minmax(0,1fr);display:grid}.apple-lane-step{color:var(--primary);grid-row:span 2;font-weight:600}.apple-lane-name{font-weight:600}.apple-lane-body{color:var(--muted-foreground)}.apple-steps{gap:calc(var(--spacing) * 4);max-width:52rem;display:grid}.apple-products{max-width:52rem;display:grid}.apple-product{gap:calc(var(--spacing) * 1) calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 4);border-top:1px solid var(--apple-hairline);display:grid}.apple-product-name{font-family:var(--font-mono);font-size:.875rem;font-weight:600}.apple-product-body{color:var(--muted-foreground)}@media (width>=40rem){.apple-product{grid-template-columns:11rem minmax(0,1fr)}.apple-doors{grid-template-columns:repeat(3,minmax(0,1fr))}.apple-quad{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=56rem){.apple-band{padding-block:calc(var(--spacing) * 24)}.apple-hero-grid{gap:calc(var(--spacing) * 16);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.apple-hero-solo{grid-template-columns:minmax(0,46rem)}.apple-pair{gap:calc(var(--spacing) * 16);grid-template-columns:minmax(0,22rem) minmax(0,1fr)}.apple-pair>.apple-haptics{order:2}.apple-pair:has(>.apple-haptics){grid-template-columns:minmax(0,18rem) minmax(0,1fr)}.apple-pair-quiet{grid-template-columns:minmax(0,18rem)}.apple-showcase{gap:calc(var(--spacing) * 16);grid-template-columns:minmax(0,18rem) minmax(0,1fr)}.apple-showcase:nth-child(2){grid-template-columns:minmax(0,1fr) minmax(0,26rem)}.apple-showcase:nth-child(2)>.apple-loop{max-width:min(26rem, var(--apple-loop-pixels));order:2}.apple-quad{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.apple-wave-playing .apple-wave-tap{stroke:var(--primary);animation:none}.apple-wave-head{display:none}}}