@font-face{font-family: "Fraunces";src: url("/s/fraunces-normal.58e6da7c.woff2") format("woff2");font-weight: 400 600;font-style: normal;font-display: swap}@font-face{font-family: "Fraunces";src: url("/s/fraunces-italic.f557b68f.woff2") format("woff2");font-weight: 400 600;font-style: italic;font-display: swap}@font-face{font-family: "Fraunces Fallback";src: local("Times New Roman"),local("Liberation Serif"),local("Times");font-style: normal;size-adjust: 112%;ascent-override: 87.3%;descent-override: 22.8%;line-gap-override: 0%}@font-face{font-family: "Fraunces Fallback";src: local("Times New Roman Italic"),local("Liberation Serif Italic"),local("Times Italic");font-style: italic;size-adjust: 112%;ascent-override: 87.3%;descent-override: 22.8%;line-gap-override: 0%}@font-face{font-family: "Fraunces Fallback Display";src: local("Times New Roman"),local("Liberation Serif"),local("Times");font-style: normal;size-adjust: 95%;ascent-override: 103%;descent-override: 26.8%;line-gap-override: 0%}@font-face{font-family: "Fraunces Fallback Display";src: local("Times New Roman Italic"),local("Liberation Serif Italic"),local("Times Italic");font-style: italic;size-adjust: 95%;ascent-override: 103%;descent-override: 26.8%;line-gap-override: 0%}@font-face{font-family: "Geist";src: url("/s/geist-variable.19f9c925.woff2") format("woff2-variations"),url("/s/geist-variable.19f9c925.woff2") format("woff2");font-weight: 100 900;font-style: normal;font-display: swap}@font-face{font-family: "Geist Mono";src: url("/s/geist-mono-variable.684ad5b5.woff2") format("woff2-variations"),url("/s/geist-mono-variable.684ad5b5.woff2") format("woff2");font-weight: 100 900;font-style: normal;font-display: swap}:root{color-scheme: dark;--bg: #0a0a0b;--bg-raise: #111113;--bg-raise-2: #18181b;--line: #1f1f23;--line-2: #2c2c31;--line-3: #3a3a40;--fg: #eeebe6;--fg-2: #a6a3a0;--fg-3: #8b8885;--on-fg: #0a0a0b;--amber: #f0a660;--amber-soft: rgba(240,166,96,0.14);--rec: #ff453a;--ok: #5bd68a;--bad: #ff8a80;--spectrum: linear-gradient(90deg,#ff6a4d 0%,#ffb757 20%,#ffe59a 36%,#8fe6b4 54%,#6cc4ff 72%,#9a8cff 88%,#c98bff 100%);--serif: "Fraunces","Fraunces Fallback","Iowan Old Style",Georgia,serif;--sans: "Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono: "Geist Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--t-hero: clamp(2.875rem,1.95rem + 4.3vw,5.75rem);--t-h2: clamp(2.125rem,1.55rem + 2.5vw,3.75rem);--t-h3: clamp(1.375rem,1.2rem + 0.75vw,1.875rem);--t-lead: clamp(1.0625rem,1rem + 0.3vw,1.25rem);--t-body: 1rem;--t-small: 0.875rem;--t-label: 0.75rem;--t-hud: 0.65625rem;--gutter: clamp(16px,4vw,40px);--section: clamp(72px,40px + 5.5vw,128px);--head-gap: clamp(48px,32px + 3vw,80px);--radius: 10px;--radius-lg: 16px;--ease-out: cubic-bezier(0.23,1,0.32,1);--ease-in-out: cubic-bezier(0.77,0,0.175,1);--ease-drawer: cubic-bezier(0.32,0.72,0,1);--d-press: 120ms;--d-fast: 160ms;--d-ui: 220ms;--d-enter: 480ms}*,*::before,*::after{box-sizing: border-box}[hidden]{display: none !important}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: 88px}body{margin: 0;background: var(--bg);color: var(--fg);font: 400 var(--t-body)/1.6 var(--sans);font-synthesis: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;overflow-x: clip}::selection{background: rgba(240,166,96,0.32);color: #fff}img{display: block;max-width: 100%;height: auto}a{color: inherit}button{font: inherit;color: inherit}a,button,summary,input{-webkit-tap-highlight-color: transparent}h1,h2,h3,p,ul,ol,figure,dl,dd{margin: 0}ul,ol{padding: 0;list-style: none}:focus-visible{outline: 2px solid var(--amber);outline-offset: 3px;border-radius: 4px}.wrap{width: min(100% - 2 * var(--gutter),1200px);margin-inline: auto}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.skip{position: absolute;left: 16px;top: -60px;z-index: 60;padding: 10px 14px;border-radius: 8px;background: var(--fg);color: var(--on-fg);font-weight: 500;text-decoration: none;transition: transform var(--d-ui) var(--ease-out)}.skip:focus-visible{transform: translateY(76px)}.grain{position: fixed;inset: 0;z-index: 70;pointer-events: none;opacity: 0.035;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1.4 -0.2'/></filter><rect width='180' height='180' filter='url(%23n)'/></svg>")}h1,h2{font-family: var(--serif);font-weight: 400;text-wrap: balance}h1{font-size: var(--t-hero);line-height: 0.98;letter-spacing: -0.03em}h2{font-size: var(--t-h2);line-height: 1.02;letter-spacing: -0.022em}h1 em,h2 em{font-style: italic}h1 em .w{background: linear-gradient(100deg,#fff2df 0%,#f6c48d 45%,#ee9a5e 100%);-webkit-background-clip: text;background-clip: text;color: transparent;padding-right: 0.08em}.w{display: inline-block}@media (min-width: 945px){h1{font-family: "Fraunces","Fraunces Fallback Display","Iowan Old Style",Georgia,serif}}.label{font-family: var(--mono);font-size: var(--t-label);font-weight: 450;line-height: 1.3;letter-spacing: 0.02em;color: var(--fg-3);font-variant-numeric: tabular-nums}.lead,.sub{max-width: 52ch;font-size: var(--t-lead);line-height: 1.55;color: var(--fg-2);text-wrap: pretty}.sub a,.lead a{color: var(--fg);text-decoration-color: var(--line-3);text-underline-offset: 3px;transition: text-decoration-color var(--d-fast) ease}@media (hover: hover) and (pointer: fine){.sub a:hover,.lead a:hover{text-decoration-color: var(--fg-2)}}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;height: 46px;padding: 0 20px;border-radius: 999px;border: 1px solid transparent;font-size: 0.9375rem;font-weight: 500;letter-spacing: -0.005em;text-decoration: none;white-space: nowrap;cursor: pointer;transform: scale(var(--s,1));transition: transform var(--d-ui) var(--ease-out),background-color var(--d-fast) ease,border-color var(--d-fast) ease,color var(--d-fast) ease}.btn:active{--s: 0.97;transition-duration: var(--d-press),var(--d-fast),var(--d-fast),var(--d-fast)}.btn svg{width: 16px;height: 16px;flex: none;transition: transform var(--d-ui) var(--ease-out)}.btn-primary{background: var(--fg);color: var(--on-fg)}.btn-ghost{border-color: var(--line-2);color: var(--fg)}.btn-sm{height: 36px;padding: 0 15px;font-size: 0.875rem}.btn[aria-disabled="true"],.btn:disabled{border-color: var(--line-2);background: transparent;color: var(--fg-3);cursor: default}.btn[aria-disabled="true"]:active,.btn:disabled:active{--s: 1}@media (hover: hover) and (pointer: fine){.btn-primary:hover{background: #fff}.btn-primary:hover svg{transform: translateX(2px)}.btn-ghost:hover{background: var(--bg-raise-2);border-color: var(--line-3)}}kbd{margin-left: 2px;padding: 1px 6px;border-radius: 5px;background: rgba(10,10,11,0.08);box-shadow: 0 0 0 1px rgba(10,10,11,0.22) inset;font: 500 0.6875rem/1.6 var(--mono);letter-spacing: 0.04em}.tag{display: inline-flex;align-items: center;gap: 8px;height: 26px;padding: 0 11px 0 10px;border-radius: 999px;box-shadow: inset 0 0 0 1px var(--line-2);font-size: 0.78125rem;font-weight: 500;color: var(--fg-2);white-space: nowrap}.tag::before{content: "";width: 6px;height: 6px;border-radius: 50%;background: var(--ok)}.tag.is-soon::before{background: transparent;box-shadow: inset 0 0 0 1.5px var(--amber)}.ticks{display: grid;gap: 10px}.ticks li{display: flex;align-items: baseline;gap: 12px;font-size: 0.9375rem;color: var(--fg)}.ticks li::before{content: "";flex: none;width: 12px;height: 12px;transform: translateY(1px);background: var(--fg-3);-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M2.5 6.3l2.3 2.3 4.7-5' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / contain no-repeat;mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M2.5 6.3l2.3 2.3 4.7-5' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / contain no-repeat}.hud{position: absolute;z-index: 2;display: inline-flex;align-items: center;gap: 7px;padding: 4px 8px;border-radius: 5px;background: rgba(0,0,0,0.45);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);font-family: var(--mono);font-size: var(--t-hud);letter-spacing: 0.08em;text-transform: uppercase;color: rgba(255,255,255,0.88);pointer-events: none;font-variant-numeric: tabular-nums;white-space: nowrap}.hud.tl{top: 12px;left: 12px}.hud.tr{top: 12px;right: 12px}.hud.bl{bottom: 12px;left: 12px}.hud.br{bottom: 12px;right: 12px}.panel{position: relative;border-radius: var(--radius-lg);background: var(--bg-raise);box-shadow: inset 0 0 0 1px var(--line)}.glint{position: absolute;inset: 0;z-index: 0;overflow: hidden;border-radius: inherit;pointer-events: none;opacity: 0;transition: opacity 320ms ease}.glint i{position: absolute;left: -280px;top: -280px;width: 560px;height: 560px;border-radius: 50%;background: radial-gradient(closest-side,rgba(255,238,214,0.075),transparent);will-change: transform}.glint.is-rim{padding: 1px;-webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask: linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.glint.is-rim i{width: 320px;height: 320px;left: -160px;top: -160px;background: radial-gradient(closest-side,rgba(255,236,210,0.5),transparent)}.panel.is-lit > .glint{opacity: 1}.panel > :not(.glint){position: relative;z-index: 1}.media{position: relative;overflow: hidden;border-radius: 8px;background: #000}.media img{width: 100%;height: 100%;object-fit: cover}.seg{display: inline-flex;flex: none;padding: 3px;gap: 2px;border-radius: 9px;background: var(--bg);box-shadow: 0 0 0 1px var(--line-2) inset}.seg button{height: 30px;padding: 0 12px;border: 0;border-radius: 6px;background: transparent;color: var(--fg-3);font-size: 0.8125rem;font-weight: 500;white-space: nowrap;cursor: pointer;transition: color var(--d-fast) ease,transform var(--d-press) var(--ease-out)}.seg button:active{transform: scale(0.97)}.seg button[aria-checked="true"]{background: var(--bg-raise-2);color: var(--fg);box-shadow: 0 0 0 1px var(--line-2) inset}@media (hover: hover) and (pointer: fine){.seg button:hover{color: var(--fg)}}.field{position: relative;isolation: isolate}.field::before{content: "";position: absolute;inset: 0;z-index: -2;pointer-events: none;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><rect x='8.4' y='8.9' width='3.2' height='2.2' rx='0.9' fill='%23eeebe6' fill-opacity='0.085'/></svg>");background-position: center top;-webkit-mask-image: linear-gradient(180deg,transparent,#000 160px,#000 calc(100% - 160px),transparent);mask-image: linear-gradient(180deg,transparent,#000 160px,#000 calc(100% - 160px),transparent);transition: opacity 700ms ease}.field-canvas{position: absolute;inset: 0;z-index: -1;width: 100%;height: 100%;pointer-events: none;opacity: 0;transition: opacity 700ms ease}.field.is-live::before{opacity: 0}.field.is-live > .field-canvas{opacity: 1}.top{position: sticky;top: env(safe-area-inset-top,0px);z-index: 50;border-bottom: 1px solid transparent;transition: background-color 240ms ease,border-color 240ms ease}.top.is-scrolled{background: rgba(10,10,11,0.72);border-bottom-color: var(--line);-webkit-backdrop-filter: blur(16px) saturate(140%);backdrop-filter: blur(16px) saturate(140%)}.top-in{display: flex;align-items: center;gap: 32px;height: 68px}.brand{display: inline-flex;align-items: center;gap: 10px;text-decoration: none;font-weight: 600;font-size: 0.96875rem;letter-spacing: -0.01em}.brand svg{width: 20px;height: 20px;flex: none}.top .brand{white-space: nowrap}.nav-links{display: flex;gap: 2px;margin-right: auto}.nav-links a{padding: 8px 12px;border-radius: 8px;font-size: 0.875rem;color: var(--fg-2);text-decoration: none;transition: color var(--d-fast) ease,background-color var(--d-fast) ease}@media (hover: hover) and (pointer: fine){.nav-links a:hover{color: var(--fg);background: var(--bg-raise-2)}}.top-end{display: flex;align-items: center;gap: 10px;margin-left: auto}.section{padding-block: var(--section)}.head{display: grid;gap: 16px;max-width: 46rem;margin-bottom: var(--head-gap);justify-items: start}.head .label{margin-bottom: 4px}.hero{padding-block: clamp(28px,12px + 3.5vw,64px) clamp(72px,40px + 6vw,136px);overflow-x: clip}.hero-grid{display: grid;grid-template-columns: minmax(0,6.4fr) minmax(0,4.6fr);gap: clamp(40px,16px + 5vw,104px);align-items: center}.hero-copy{display: grid;gap: 28px;justify-items: start;padding-bottom: 40px}.hero h1{max-width: 11ch}.lead{max-width: 44ch}.ctas{display: flex;flex-wrap: wrap;gap: 12px}.fine{display: flex;flex-wrap: wrap;gap: 8px 22px}.fine li{gap: 8px;font-size: var(--t-small);color: var(--fg-3)}.prism{position: relative;justify-self: end;width: min(100%,460px);aspect-ratio: 1;touch-action: pan-y;user-select: none;-webkit-user-select: none;border-radius: 50%}.prism-still,.prism-canvas{position: absolute;left: -50%;top: -30%;width: 220%;height: 170%;pointer-events: none}.prism-still{overflow: visible;transition: opacity 700ms ease}.prism-canvas{opacity: 0;transition: opacity 700ms ease}.prism.is-live .prism-canvas{opacity: 1}.prism.is-live .prism-still{opacity: 0}.prism.is-live{cursor: grab}.prism.is-live.is-held{cursor: grabbing}.prism:focus-visible{outline: none}.prism::after{content: "";position: absolute;inset: 17%;border-radius: 50%;box-shadow: 0 0 0 2px var(--amber);opacity: 0;pointer-events: none}.prism:focus-visible::after{opacity: 1}.prism-hint{position: absolute;left: 0;right: 0;bottom: 13%;font: 450 var(--t-label)/1.3 var(--mono);letter-spacing: 0.02em;color: var(--fg-3);text-align: center;opacity: 0;transition: opacity 500ms ease;pointer-events: none}.prism.is-live .prism-hint{opacity: 1;transition-delay: 1.2s}.prism.is-live:is(.is-turned,.is-held) .prism-hint{opacity: 0;transition-delay: 0s}.for-touch{display: none}@media (hover: none),(pointer: coarse){.for-mouse{display: none}.for-touch{display: inline}}.grade-grid{display: grid;grid-template-columns: minmax(0,5fr) minmax(0,7fr);gap: clamp(32px,16px + 4vw,80px);align-items: center}.grade-copy{margin-bottom: 0}.grade-copy .sub{max-width: 40ch}.spill{position: relative;isolation: isolate;overflow-x: clip;--tone: rgb(243 193 152)}.spill-still{position: absolute;inset: -30% -58%;z-index: -1;pointer-events: none;background: radial-gradient(closest-side,color-mix(in srgb,var(--tone) 34%,transparent),color-mix(in srgb,var(--tone) 9%,transparent) 62%,transparent);-webkit-mask: radial-gradient(circle,#000 1.6px,transparent 2.2px) center / 17px 17px;mask: radial-gradient(circle,#000 1.6px,transparent 2.2px) center / 17px 17px;transition: opacity 700ms ease,--tone 500ms ease}@property --tone{syntax: "<color>";inherits: true;initial-value: rgb(243 193 152)}.spill-canvas{position: absolute;inset: 0;z-index: -1;width: 100%;height: 100%;pointer-events: none;opacity: 0;transition: opacity 700ms ease}.spill.is-live > .spill-canvas{opacity: 1}.spill.is-live .spill-still{opacity: 0}.dial{justify-self: center;width: min(100%,452px);display: grid;gap: 16px}.dial-stage{position: relative;aspect-ratio: 4 / 5;touch-action: pan-y;user-select: none;-webkit-user-select: none;cursor: ew-resize}.dial-frame{position: absolute;inset: 0;overflow: hidden;isolation: isolate;border-radius: var(--radius-lg);background: #000;box-shadow: 0 0 0 1px rgba(255,255,255,0.08),0 40px 100px -30px rgba(0,0,0,0.9),0 0 120px -24px rgba(240,150,90,0.2)}.dial-frame img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;-webkit-user-drag: none}.dial-after{position: absolute;inset: 0;z-index: 1;overflow: hidden;transform: translate3d(50%,0,0);will-change: transform}.dial-after-in{position: absolute;inset: 0;transform: translate3d(-50%,0,0);will-change: transform}.dial-look{opacity: 0;z-index: 0;transition: opacity 250ms var(--ease-out)}.dial-look.is-under{opacity: 1;z-index: 1;transition: none}.dial-look.is-on{opacity: 1;z-index: 2}.dial-glow{position: absolute;left: 0;top: 0;z-index: 3;width: 80%;aspect-ratio: 1;margin: -40% 0 0 -40%;border-radius: 50%;background: radial-gradient(closest-side,rgba(255,196,130,0.5),rgba(255,150,80,0.16) 58%,transparent 100%);opacity: var(--glow,0.5);transform: translate3d(70%,40%,0);transition: opacity 400ms ease;pointer-events: none;will-change: transform}.dial-grain{position: absolute;inset: -64px;z-index: 4;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n' x='0' y='0' width='100%25' height='100%25'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0.33 0.33 0.33 0 0  0.33 0.33 0.33 0 0  0.33 0.33 0.33 0 0  0 0 0 0 1'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>");background-size: 200px;mix-blend-mode: soft-light;opacity: var(--grain,0.24);transition: opacity 400ms ease;pointer-events: none}.dial-ui{position: absolute;inset: 0;z-index: 2;pointer-events: none}.dial-line{position: absolute;inset: 0;transform: translate3d(50%,0,0);will-change: transform}.dial-line::before,.dial-line::after{content: "";position: absolute;top: 0;bottom: 0;left: 0;transition: opacity 400ms ease}.dial-line::before{width: 1px;margin-left: -0.5px;background: rgba(255,248,238,0.9)}.dial-line::after{width: 18px;background: var(--spectrum);opacity: 0.32;-webkit-mask-image: linear-gradient(90deg,#000,transparent);mask-image: linear-gradient(90deg,#000,transparent)}.dial-knob{position: absolute;left: 0;top: 50%;display: grid;place-items: center;width: 40px;height: 40px;margin: -20px 0 0 -20px;border-radius: 50%;background: rgba(10,10,11,0.5);box-shadow: 0 0 0 1px rgba(255,255,255,0.7) inset,0 6px 20px rgba(0,0,0,0.4);-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);color: #fff;transition: transform var(--d-ui) var(--ease-out)}.dial-knob svg{width: 18px;height: 18px}@media (hover: hover) and (pointer: fine){.dial-stage:hover .dial-knob{transform: scale(1.06)}}.dial.is-held .dial-knob{transform: scale(1.12)}.dial-range{position: absolute;inset: 0;z-index: 3;width: 100%;height: 100%;margin: 0;opacity: 0;pointer-events: none}.dial-stage:has(.dial-range:focus-visible) .dial-frame{outline: 2px solid var(--amber);outline-offset: 3px}.looks{display: grid;grid-template-columns: repeat(7,minmax(0,1fr));gap: 8px}.looks button{position: relative;aspect-ratio: 4 / 5;padding: 0;border: 0;border-radius: 7px;overflow: hidden;background: #000;box-shadow: 0 0 0 1px rgba(255,255,255,0.08);cursor: pointer;transition: transform var(--d-press) var(--ease-out)}.looks img{width: 100%;height: 100%;object-fit: cover;opacity: 0.62;transition: opacity var(--d-fast) ease}.looks button:active{transform: scale(0.95)}.looks button[aria-checked="true"]{box-shadow: 0 0 0 1.5px var(--amber),0 0 0 5px rgba(240,166,96,0.14)}.looks button[aria-checked="true"] img{opacity: 1}@media (hover: hover) and (pointer: fine){.looks button:hover img{opacity: 1}}.dial-cap{display: flex;justify-content: space-between;align-items: baseline;gap: 12px;min-height: 1.5em;font-size: var(--t-small)}.dial-cap-name{color: var(--fg);font-weight: 500}.dial-cap-name.is-peek{color: var(--fg-2)}.dial-cap-hint{color: var(--fg-3);text-align: right}.bench{display: grid;grid-template-columns: minmax(0,4fr) minmax(0,8fr);gap: clamp(24px,1vw + 20px,48px);align-items: start}.bench-list{display: grid;border-top: 1px solid var(--line)}.bench-list [role="tab"]{position: relative;display: grid;gap: 3px;padding: 17px 0 17px 20px;border: 0;border-bottom: 1px solid var(--line);background: transparent;text-align: left;cursor: pointer;border-radius: 0}.bench-list [role="tab"]::before{content: "";position: absolute;left: 0;top: 19px;bottom: 19px;width: 2px;border-radius: 1px;background: var(--amber);transform: scaleY(0);transform-origin: 50% 0;transition: transform var(--d-ui) var(--ease-out)}.bench-list [aria-selected="true"]::before{transform: scaleY(1)}.bench-list b{font-weight: 500;font-size: 1.0625rem;letter-spacing: -0.005em;color: var(--fg-2);transition: color var(--d-fast) ease}.bench-list span{font-size: var(--t-small);color: var(--fg-3);transition: color var(--d-fast) ease}.bench-list [aria-selected="true"] b{color: var(--fg)}.bench-list [aria-selected="true"] span{color: var(--fg-2)}@media (hover: hover) and (pointer: fine){.bench-list [role="tab"]:hover b{color: var(--fg)}}.bench-list [role="tab"]:focus-visible{outline-offset: -2px}.viewer{padding: clamp(10px,0.6vw + 6px,14px)}.tool{display: grid;gap: 0}.tool + .tool{margin-top: 40px}.tool-h{font-size: 1.0625rem;font-weight: 500;margin: 6px 6px 14px}.tool-h span{display: block;color: var(--fg-2);font-weight: 400;font-size: var(--t-small)}.stage{position: relative;display: grid;place-items: center;aspect-ratio: 16 / 10;overflow: hidden;border-radius: var(--radius);background: #060607;box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04)}.tool-foot{display: flex;align-items: flex-start;justify-content: space-between;gap: 16px 28px;padding: 18px 6px 6px}.tool-foot p{max-width: 60ch;font-size: 0.9375rem;color: var(--fg-2);text-wrap: pretty}.js .bench .viewer{display: grid}.js .bench .tool{grid-area: 1 / 1;visibility: hidden;opacity: 0;transition: opacity 200ms ease,visibility 0s linear 200ms}.js .bench .tool.is-on{visibility: visible;opacity: 1;transition: opacity 200ms ease}.js .bench .tool + .tool{margin-top: 0}.js .bench .tool-h{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;margin: 0}html:not(.js) .bench{grid-template-columns: minmax(0,1fr);max-width: 52rem}html:not(.js) .tool .seg{display: none}html:not(.js) .bench-list{display: none}.sheet{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 6px;width: 86%}.sheet .media{aspect-ratio: 4 / 5;border-radius: 5px}.sheet .hud{top: 6px;left: 6px;padding: 3px 6px;font-size: 0.5625rem}.swap{width: 100%;aspect-ratio: 1412 / 796;border-radius: 0}.swap img{position: absolute;inset: 0;transition: opacity var(--d-ui) ease,filter var(--d-ui) ease}.swap img.is-off{opacity: 0;filter: blur(3px)}.reframe{display: grid;grid-template-columns: minmax(0,1fr) auto minmax(0,0.38fr);align-items: center;gap: clamp(10px,1.6vw,20px);width: 90%}.reframe .is-wide{aspect-ratio: 16 / 9}.reframe .is-tall{aspect-ratio: 9 / 16}.reframe-arrow{color: var(--fg-3)}.reframe-arrow svg{width: 22px;height: 22px;display: block}.duo{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;width: 90%}.duo .media{aspect-ratio: 4 / 3}.duo .media img{transform: scale(1.18);transform-origin: 50% 50%;will-change: transform}.motion-on .duo .shaky img{animation: handheld 2.6s linear infinite}.motion-on .duo .smooth img{animation: glide 7s var(--ease-in-out) infinite alternate}.is-paused .duo img,.is-paused .subs-line span,.is-paused .beat-run{animation-play-state: paused !important}@keyframes handheld{0%{transform: scale(1.18) translate(0,0) rotate(0deg)}9%{transform: scale(1.18) translate(-1.4%,0.9%) rotate(-0.5deg)}17%{transform: scale(1.18) translate(0.8%,-0.6%) rotate(0.3deg)}26%{transform: scale(1.18) translate(-0.4%,1.3%) rotate(-0.2deg)}34%{transform: scale(1.18) translate(1.5%,0.2%) rotate(0.6deg)}43%{transform: scale(1.18) translate(0.2%,-1.1%) rotate(0.1deg)}52%{transform: scale(1.18) translate(-1.2%,-0.3%) rotate(-0.6deg)}61%{transform: scale(1.18) translate(0.9%,1%) rotate(0.4deg)}70%{transform: scale(1.18) translate(-0.6%,-0.8%) rotate(-0.3deg)}79%{transform: scale(1.18) translate(1.1%,0.6%) rotate(0.5deg)}89%{transform: scale(1.18) translate(-0.9%,0.4%) rotate(-0.2deg)}100%{transform: scale(1.18) translate(0,0) rotate(0deg)}}@keyframes glide{from{transform: scale(1.18) translate(-2.2%,0.4%)}to{transform: scale(1.18) translate(2.2%,-0.4%)}}.stage > .subs{position: absolute;inset: 0;border-radius: 0}.subs img{object-position: 50% 40%}.subs-line{position: absolute;left: 8%;right: 8%;bottom: 11%;z-index: 2;text-align: center;font: 700 clamp(0.9rem,0.7rem + 0.9vw,1.5rem)/1.25 var(--sans);letter-spacing: 0.03em;text-transform: uppercase;color: #fff;text-shadow: 0 2px 14px rgba(0,0,0,0.55)}.subs-line span{display: inline-block;opacity: 0.4}.subs-line span:nth-child(1){--k: 0}.subs-line span:nth-child(2){--k: 1}.subs-line span:nth-child(3){--k: 2}.subs-line span:nth-child(4){--k: 3}.subs-line span:nth-child(5){--k: 4}.subs-line span:nth-child(6){--k: 5}.motion-on .subs-line span{animation: say 4.2s var(--ease-out) infinite;animation-delay: calc(var(--k,0) * 380ms)}@keyframes say{0%,60%,100%{opacity: 0.4;transform: none}6%,40%{opacity: 1;transform: translate3d(0,-2px,0)}}.beat-ruler{display: flex;justify-content: space-between;font-family: var(--mono);font-size: 0.625rem;color: var(--fg-3);font-variant-numeric: tabular-nums}.beat-marks i{position: absolute;top: -2px;bottom: -2px;width: 1px;background: rgba(240,166,96,0.35);transform-origin: 50% 50%}.beat-marks i.is-down{background: rgba(240,166,96,0.8)}.beat-run{position: absolute;inset: -6px 0;pointer-events: none;z-index: 4;will-change: transform}.beat-head{position: absolute;top: 0;bottom: 0;left: 0;width: 1.5px;margin-left: -0.75px;background: var(--rec)}.beat-head::before{content: "";position: absolute;top: 0;left: -4px;width: 9.5px;height: 7px;background: var(--rec);clip-path: polygon(0 0,100% 0,50% 100%)}.beat-legend{display: flex;flex-wrap: wrap;gap: 6px 16px;font-family: var(--mono);font-size: var(--t-label);color: var(--fg-3)}.beat-legend span{display: inline-flex;align-items: center;gap: 7px}.beat-legend i{width: 10px;height: 2px;border-radius: 1px;background: var(--amber)}.beat-legend i.is-cut{width: 2px;height: 10px;background: var(--fg)}.beat-tl{display: grid;gap: 10px;width: 90%;padding: 16px 16px 14px;border-radius: var(--radius);background: var(--bg);box-shadow: 0 0 0 1px var(--line) inset}.beat-tl .rows{position: relative;display: grid;gap: 8px}.beat-clips{display: flex;gap: 3px;height: 54px}.beat-clips span{flex: var(--beats) 1 0;min-width: 0;border-radius: 4px;background-size: auto 100%;background-repeat: repeat-x;box-shadow: 0 0 0 1px rgba(255,255,255,0.07) inset}.beat-wave{position: relative;height: 46px}.beat-wave svg{position: absolute;inset: 0;width: 100%;height: 100%}.beat-marks{position: absolute;inset: 0;pointer-events: none}.motion-on .beat-run{animation: sweep 8s linear infinite}@keyframes sweep{from{transform: translateX(0)}to{transform: translateX(100%)}}.path{position: relative;padding: clamp(32px,4vw,52px) clamp(20px,3.5vw,48px);border: 1px dashed var(--line-3);border-radius: var(--radius-lg)}.path-tag{position: absolute;top: -9px;left: 24px;padding: 0 8px;background: var(--bg);font-family: var(--mono);font-size: var(--t-label);line-height: 1.4;color: var(--fg-3)}.path-steps{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: clamp(20px,3vw,48px)}.path-steps li{position: relative;display: grid;gap: 6px;align-content: start}.path-steps b{margin-top: 14px;font-weight: 500;font-size: 1.0625rem}.path-steps li > span:last-child{max-width: 30ch;color: var(--fg-2);font-size: 0.9375rem;text-wrap: pretty}.path-n{position: relative;z-index: 1;display: grid;place-items: center;width: 30px;height: 30px;border-radius: 50%;background: var(--bg-raise-2);box-shadow: inset 0 0 0 1px var(--line-2);font: 500 0.75rem/1 var(--mono);color: var(--fg-2)}.path-steps li:not(:last-child)::after{content: "";position: absolute;top: 15px;left: 42px;width: calc(100% + clamp(20px,3vw,48px) - 54px);height: 1px;background: linear-gradient(90deg,rgba(238,235,230,0.12),rgba(238,235,230,0.5))}.path-steps li.is-prism:not(:last-child)::after{height: 2px;margin-top: -0.5px;background: var(--spectrum);opacity: 0.85;box-shadow: 0 0 14px rgba(255,200,140,0.25)}.path-steps li.is-prism .path-n{color: var(--fg);background: var(--bg-raise-2);box-shadow: inset 0 0 0 1px rgba(255,244,228,0.6),0 0 0 4px rgba(240,166,96,0.1),0 0 24px rgba(255,200,140,0.18)}.path-out{display: flex;align-items: flex-start;gap: 14px;max-width: 64ch;margin-top: 24px;padding-left: clamp(20px,3.5vw,48px);font-size: 0.9375rem;color: var(--fg-3)}.path-out svg{width: 22px;height: 22px;flex: none;margin-top: 1px}.path-out b{color: var(--fg-2);font-weight: 500}.pricing{position: relative;isolation: isolate;overflow-x: clip}.caustic-canvas{position: absolute;inset: 0;z-index: -1;width: 100%;height: 100%;pointer-events: none;opacity: 0;transition: opacity 900ms ease}.pricing.is-live > .caustic-canvas{opacity: 1}.plan.is-pro::before{content: "";position: absolute;inset: -40% -36%;z-index: -1;pointer-events: none;background: radial-gradient(closest-side,rgba(240,166,96,0.1),rgba(240,166,96,0.03) 60%,transparent)}.plans{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: clamp(16px,2vw,24px)}.plan{display: grid;grid-template-rows: auto auto 1fr;align-content: start;gap: 24px;padding: clamp(24px,3vw,36px)}.plan.is-pro{background: radial-gradient(120% 80% at 100% 0%,var(--amber-soft),transparent 60%),var(--bg-raise);box-shadow: inset 0 0 0 1px var(--line-2)}.plan-head{display: flex;align-items: center;justify-content: space-between;gap: 12px;min-height: 26px}.plan-head h3{font-size: 1.0625rem;font-weight: 500;letter-spacing: -0.005em}.price{display: flex;flex-wrap: wrap;align-items: baseline;gap: 6px 12px}.price b{font-family: var(--serif);font-weight: 400;font-size: clamp(3rem,2.4rem + 2vw,4rem);line-height: 1;letter-spacing: -0.02em}.price span{color: var(--fg-3);font-size: var(--t-small)}.plan .ticks{align-content: start;padding-top: 20px;border-top: 1px solid var(--line)}.plan > .btn{justify-self: start}.plan.is-pro .ticks li::before{background: var(--amber)}.side-grid{display: grid;grid-template-columns: minmax(0,5fr) minmax(0,7fr);gap: clamp(32px,16px + 4vw,80px);align-items: start}.side-grid .head{margin-bottom: 0;position: sticky;top: 112px}.faq{border-top: 1px solid var(--line)}.faq details{border-bottom: 1px solid var(--line)}.faq summary{display: flex;align-items: center;justify-content: space-between;gap: 24px;padding: 22px 0;font-size: 1.0625rem;font-weight: 500;letter-spacing: -0.005em;cursor: pointer;list-style: none;border-radius: 6px}.faq summary::-webkit-details-marker{display: none}.faq summary svg{width: 18px;height: 18px;flex: none;color: var(--fg-3);transition: transform var(--d-ui) var(--ease-out),color var(--d-fast) ease}.faq details[open] summary svg{transform: rotate(45deg);color: var(--fg)}@media (hover: hover) and (pointer: fine){.faq summary:hover svg{color: var(--fg)}}.faq details p{padding: 0 48px 24px 0;max-width: 62ch;color: var(--fg-2);text-wrap: pretty}.faq a{color: var(--fg);text-decoration-color: var(--line-3);text-underline-offset: 3px}@supports (interpolate-size: allow-keywords){.faq{interpolate-size: allow-keywords}.faq details::details-content{block-size: 0;overflow: clip;opacity: 0;transition: block-size 260ms var(--ease-drawer),opacity 200ms ease,content-visibility 260ms allow-discrete}.faq details[open]::details-content{block-size: auto;opacity: 1}}.closing{padding-block: var(--section)}.film{position: relative;overflow: hidden;border-radius: var(--radius-lg);background: #000;isolation: isolate;box-shadow: 0 0 0 1px rgba(255,255,255,0.07),0 40px 120px -40px rgba(0,0,0,0.9)}.film > img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: 60% 50%;z-index: -2}.film-shade{position: absolute;inset: 0;z-index: -1;background: linear-gradient(90deg,rgba(6,5,5,0.94) 0%,rgba(6,5,5,0.82) 34%,rgba(6,5,5,0.25) 62%,rgba(6,5,5,0) 80%),linear-gradient(0deg,rgba(6,5,5,0.4),transparent 45%)}.film-light{position: absolute;inset: 0;z-index: -1;pointer-events: none;background: linear-gradient(112deg,transparent 54%,rgba(255,236,210,0.09) 56%,rgba(255,236,210,0.03) 74%,transparent 84%)}.film-light::after{content: "";position: absolute;inset: 0;background: linear-gradient(112deg,transparent 54.6%,rgba(255,106,77,0.32) 55%,rgba(255,200,97,0.3) 55.35%,rgba(143,230,180,0.24) 55.7%,rgba(108,196,255,0.22) 56.05%,rgba(166,139,255,0.16) 56.4%,transparent 56.8%)}.film-in{display: grid;gap: 28px;justify-items: start;padding: clamp(5.5rem,4rem + 6vw,9.5rem) clamp(24px,5vw,72px)}.film h2{max-width: 11ch}.film-in > p{max-width: 34ch;color: rgba(238,235,230,0.8);font-size: var(--t-lead)}.film::before,.film::after{content: "";position: absolute;left: 0;right: 0;height: clamp(18px,3.2vw,40px);background: #000;z-index: 1}.film::before{top: 0}.film::after{bottom: 0}.film .hud{z-index: 2}.film .hud.tl{top: calc(clamp(18px,3.2vw,40px) + 12px)}.film .hud.br{bottom: calc(clamp(18px,3.2vw,40px) + 12px)}.foot{border-top: 1px solid var(--line);padding-block: 40px 56px}.foot-in{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 20px 40px}.foot-links{display: flex;flex-wrap: wrap;gap: 4px 22px}.foot-links a{color: var(--fg-2);text-decoration: none;font-size: var(--t-small);transition: color var(--d-fast) ease}@media (hover: hover) and (pointer: fine){.foot-links a:hover{color: var(--fg)}}.foot small{color: var(--fg-3);font-size: 0.8125rem}.doc-top{padding-block: clamp(48px,32px + 4vw,96px) clamp(28px,20px + 2vw,48px)}.doc-in{max-width: 68ch;display: grid;gap: 22px}.doc-top .doc-in{gap: 18px}.doc h1{font-size: clamp(2.375rem,1.7rem + 2.8vw,4rem);line-height: 1.02;letter-spacing: -0.025em}.doc h2{font-size: clamp(1.375rem,1.2rem + 0.7vw,1.75rem);line-height: 1.15;letter-spacing: -0.012em;margin-top: 22px}.doc-body{padding-bottom: clamp(4rem,3rem + 5vw,8rem)}.doc p,.doc li{color: var(--fg-2);text-wrap: pretty}.doc b{color: var(--fg);font-weight: 500}.doc ul{display: grid;gap: 10px;padding-left: 1.2em;list-style: disc}.doc ul li::marker{color: var(--fg-3)}.doc a:not(.btn){color: var(--fg);text-decoration-color: var(--line-3);text-underline-offset: 3px;transition: text-decoration-color var(--d-fast) ease}@media (hover: hover) and (pointer: fine){.doc a:not(.btn):hover{text-decoration-color: var(--fg-2)}}.lost{min-height: calc(100svh - 68px - 140px);display: grid;align-content: center;padding-block: 64px}.lost .doc-in{gap: 24px;justify-items: start}.lost .lead{max-width: 40ch}@media screen and (prefers-reduced-motion: no-preference){.intro{animation: settle 640ms var(--ease-out) both;animation-delay: calc(var(--i,0) * 60ms + 80ms)}h1 .w{animation: word 760ms var(--ease-out) both;animation-delay: calc(var(--w,0) * 55ms + 60ms)}@keyframes settle{from{opacity: 0;transform: translate3d(0,10px,0)}to{opacity: 1;transform: none}}@keyframes word{from{opacity: 0;transform: translate3d(0,0.28em,0);filter: blur(8px)}to{opacity: 1;transform: none;filter: none}}.prism-still .ps-body{transform-box: fill-box;transform-origin: 50% 60%;animation: ps-body 900ms var(--ease-out) both 100ms}.prism-still .ps-beam path{stroke-dasharray: 1 1;animation: ps-beam 760ms var(--ease-in-out) both 360ms}.prism-still :is(.ps-in,.ps-hit,.ps-refl){animation: ps-on 420ms ease both 1040ms}.prism-still .ps-fan{animation: ps-fan 1100ms var(--ease-out) both 1060ms}@keyframes ps-body{from{opacity: 0;transform: scale(0.94)}to{opacity: 1;transform: none}}@keyframes ps-beam{from{stroke-dashoffset: 1}to{stroke-dashoffset: 0}}@keyframes ps-on{from{opacity: 0}to{opacity: 1}}@keyframes ps-fan{from{opacity: 0;transform: scale(0.3) rotate(-3deg)}to{opacity: 1;transform: none}}.reveal [data-reveal]:not(.is-done),.reveal [data-stagger]:not(.is-done) > *{transition: opacity 900ms var(--ease-out),transform 900ms var(--ease-out),filter 900ms var(--ease-out)}.reveal [data-reveal]:not(.head,.film,.dial,.is-in){opacity: 0;transform: translate3d(0,24px,0)}.reveal [data-reveal]{transition-delay: calc(var(--i,0) * 110ms)}.reveal .dial[data-reveal]:not(.is-in){opacity: 0;filter: blur(6px)}.reveal [data-stagger] > *{transition-delay: calc(var(--k,0) * 75ms + 80ms)}.reveal [data-stagger]:not(.is-in) > *{opacity: 0;transform: translate3d(0,14px,0)}.reveal .bench-list[data-stagger]:not(.is-in) > *{transform: translate3d(-14px,0,0)}.reveal .looks[data-stagger]:not(.is-in) > *{transform: translate3d(0,10px,0) scale(0.94)}.reveal .head[data-reveal] > :not(h2){transition: opacity 800ms var(--ease-out),transform 800ms var(--ease-out)}.reveal .head[data-reveal] > .sub{transition-delay: 420ms}.reveal .head[data-reveal]:not(.is-in) > :not(h2){opacity: 0;transform: translate3d(0,10px,0)}.reveal :is(.head,.film)[data-reveal] h2 .w{transition: opacity 760ms var(--ease-out),transform 760ms var(--ease-out),filter 760ms var(--ease-out);transition-delay: calc(var(--w,0) * 55ms + 90ms)}.reveal :is(.head,.film)[data-reveal]:not(.is-in) h2 .w{opacity: 0;transform: translate3d(0,0.2em,0);filter: blur(10px)}.reveal .path-steps li::after{transform-origin: 0 50%;transition: transform 620ms var(--ease-in-out) calc(var(--k,0) * 620ms + 460ms)}.reveal .path-steps:not(.is-in) li::after{transform: scaleX(0)}.reveal .path-steps li.is-prism .path-n::after{content: "";position: absolute;inset: 0;border-radius: 50%;box-shadow: 0 0 0 1px rgba(255,244,228,0.7),0 0 18px rgba(255,200,140,0.5);opacity: 0}.reveal .path-steps.is-in li.is-prism .path-n::after{animation: flash 900ms var(--ease-out) 1000ms}@keyframes flash{from{opacity: 1;transform: scale(1)}to{opacity: 0;transform: scale(2.1)}}@media (max-width: 760px){.reveal .path-steps li::after{transform-origin: 50% 0}.reveal .path-steps:not(.is-in) li::after{transform: scaleY(0)}}.js .bench .tool:not(.is-on){filter: blur(6px)}.js .bench .tool{transition: opacity 240ms ease,filter 240ms ease,visibility 0s linear 240ms}.js .bench .tool.is-on{transition: opacity 240ms ease,filter 240ms var(--ease-out)}.reveal .bench.is-in .tool.is-on .sheet .media{animation: deal 560ms var(--ease-out) both;animation-delay: calc(var(--k,0) * 45ms + 140ms)}@keyframes deal{from{opacity: 0;transform: translate3d(0,8px,0) scale(0.95)}to{opacity: 1;transform: none}}.tag.is-soon{position: relative}.tag.is-soon::after{content: "";position: absolute;left: 10px;top: 50%;width: 6px;height: 6px;margin-top: -3px;border-radius: 50%;box-shadow: inset 0 0 0 1.5px var(--amber);animation: ping 2.8s var(--ease-out) infinite}@keyframes ping{0%{opacity: 0.9;transform: scale(1)}70%,100%{opacity: 0;transform: scale(2.8)}}.is-paused .tag.is-soon::after{animation-play-state: paused}.reveal .film::before,.reveal .film::after{transition: transform 1250ms var(--ease-in-out)}.reveal .film::before{transform-origin: 50% 0}.reveal .film::after{transform-origin: 50% 100%}.reveal .film:not(.is-in)::before,.reveal .film:not(.is-in)::after{transform: scaleY(18)}.film > img{scale: 1.05;animation: dolly 30s var(--ease-in-out) infinite alternate}.reveal .film.is-in > img{transition: scale 2600ms var(--ease-out) 300ms}.reveal .film:not(.is-in) > img{scale: 1.16}@keyframes dolly{from{translate: -1.6% 0.5%}to{translate: 1.6% -0.5%}}.film.is-paused > img,.is-paused .film > img{animation-play-state: paused}.reveal .film:not(.is-done) .film-in > :not(h2){transition: opacity 800ms var(--ease-out),transform 800ms var(--ease-out)}.reveal .film:not(.is-done) .film-in > p{transition-delay: 1150ms}.reveal .film:not(.is-done) .film-in > .btn{transition-delay: 1250ms}.reveal .film:not(.is-done) .film-in > .film-wl{transition-delay: 1350ms}.reveal .film[data-reveal] h2 .w{transition-delay: calc(var(--w,0) * 70ms + 650ms)}.reveal .film:not(.is-in) .film-in > :not(h2){opacity: 0;transform: translate3d(0,12px,0)}.dial-grain{animation: grain 1s steps(1) infinite}@keyframes grain{0%{transform: translate3d(0,0,0)}16%{transform: translate3d(-28px,14px,0)}33%{transform: translate3d(18px,-30px,0)}50%{transform: translate3d(-40px,-12px,0)}66%{transform: translate3d(30px,26px,0)}83%{transform: translate3d(-8px,40px,0)}}.is-paused .dial-grain{animation-play-state: paused}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}.swap img{filter: none !important}.faq details::details-content{transition: none !important}.magnetic{translate: none !important}}@media (max-width: 1020px){.hero-grid{grid-template-columns: minmax(0,1fr);align-items: start;gap: 56px}.hero-copy{padding-bottom: 0}.hero h1{max-width: 13ch}.dial{justify-self: center;width: min(100%,480px)}.prism{justify-self: start;margin-block: -4% -12%}.grade-grid,.side-grid{grid-template-columns: minmax(0,1fr)}.side-grid{row-gap: var(--head-gap)}.side-grid .head{position: static}.bench{grid-template-columns: minmax(0,1fr)}.bench-list{grid-template-columns: repeat(2,minmax(0,1fr));column-gap: 24px;border-top: 0}.bench-list [role="tab"]{border-top: 1px solid var(--line);border-bottom: 0}}@media (max-width: 760px){.nav-links{display: none}.top-in{justify-content: space-between}.plans{grid-template-columns: minmax(0,1fr)}.prism{translate: -12% 0}.path-steps{grid-template-columns: minmax(0,1fr);gap: 28px}.path-steps li{grid-template-columns: 30px minmax(0,1fr);column-gap: 16px;row-gap: 4px}.path-steps li .path-n{grid-row: span 2}.path-steps b{margin-top: 4px}.path-steps li:not(:last-child)::after{top: 42px;left: 15px;width: 1px;height: calc(100% - 42px + 16px);background: linear-gradient(180deg,rgba(238,235,230,0.4),rgba(238,235,230,0.12))}.path-steps li.is-prism:not(:last-child)::after{width: 2px;height: calc(100% - 42px + 16px);margin: 0 0 0 -0.5px;background: linear-gradient(180deg,#ff6a4d,#ffb757 20%,#ffe59a 36%,#8fe6b4 54%,#6cc4ff 72%,#9a8cff 88%,#c98bff)}.path-out{padding-left: 0}.faq details p{padding-right: 0}.film > img,.film-shade,.film-light{inset: 0 0 auto 0;height: auto;aspect-ratio: 16 / 10}.film > img{object-position: 58% 50%}.film-shade{background: linear-gradient(0deg,#000 0%,rgba(0,0,0,0.7) 22%,transparent 55%)}.film-in{padding-top: 46%}.film .hud.br{top: calc(clamp(18px,3.2vw,40px) + 12px);bottom: auto}.tool-foot{flex-direction: column}}@media (max-width: 560px){.bench-list span{display: none}.bench-list [role="tab"]{padding: 14px 0 14px 16px;min-height: 52px;align-content: center}.bench-list [role="tab"]::before{top: 16px;bottom: 16px}.bench-list b{font-size: 1rem}.sheet{width: 92%;gap: 4px}.sheet .hud{display: none}.reframe{grid-template-columns: minmax(0,1fr) minmax(0,0.38fr)}.reframe-arrow{display: none}.reframe .hud.bl{display: none}}@media (max-width: 480px){.btn{height: 44px;padding: 0 18px}.top-end{gap: 8px}.top-end .btn{height: 40px;padding: 0 14px;font-size: 0.8125rem}.ctas .btn{flex: 1 1 auto}.hud{font-size: 0.59375rem}.looks{gap: 6px}.dial-cap-hint{font-size: 0.8125rem}.viewer{padding: 8px}}@media (max-width: 400px){.top-in:has([data-ico-account]:not([hidden])) .brand{gap: 0;font-size: 0}}