:root{--font: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease: cubic-bezier(.22, 1, .36, 1);--fast: .15s;--nav-h: 64px}:root,:root[data-theme=dark]{color-scheme:dark;--bg: #141415;--bg-deep: #0f0f10;--card: #19191b;--raised: #232325;--raised-hover: #2b2b2e;--stage: #101011;--skeleton: #29292c;--text: #ededed;--text-2: #a1a1a6;--text-3: #8b8b91;--line: rgb(237 237 237 / .08);--line-strong: rgb(237 237 237 / .14);--accent: #ff7a45;--accent-fill: #ff7a45;--on-accent: #141415;--positive: #4cc38a;--on-positive: #0f0f10;--negative: #ff6b6b;--danger-fill: #d92d36;--track-off: #3a3a3e;--control-line: #6c6c70;--well: #1c1c1e;--lift: #2e2e31;--btn-bg: #ededed;--btn-bg-hover: #ffffff;--btn-text: #141415;--shimmer: rgb(255 255 255 / .06);--focus: #ededed;--code-fade: #19191b}:root[data-theme=light]{color-scheme:light;--bg: #fafafa;--bg-deep: #f4f4f5;--card: #ffffff;--raised: #f4f4f5;--raised-hover: #ebebed;--stage: #f1f1f3;--skeleton: #ececee;--text: #171717;--text-2: #525252;--text-3: #6b6b70;--line: rgb(23 23 23 / .08);--line-strong: rgb(23 23 23 / .14);--accent: #ea580c;--accent-fill: #c2410c;--on-accent: #ffffff;--positive: #16a34a;--on-positive: #ffffff;--negative: #dc2626;--danger-fill: #dc2626;--track-off: #d4d4d8;--control-line: #8d8d91;--well: #e6e6e9;--lift: #ffffff;--btn-bg: #171717;--btn-bg-hover: #2e2e30;--btn-text: #ffffff;--shimmer: rgb(255 255 255 / .8);--focus: #171717;--code-fade: #ffffff}:root[data-theme=light] .stage{--raised: #ffffff;--card: #ffffff}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--nav-h) + 24px)}body{margin:0;background-color:var(--bg);color:var(--text);font:400 15px/1.5 var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,p,dl,dd,ol,ul,pre{margin:0}ol,ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}[tabindex="-1"]:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.wrap{width:100%;max-width:1280px;margin-inline:auto;padding-inline:32px}.skip{position:fixed;top:12px;left:12px;z-index:50;padding:8px 12px;border-radius:8px;background-color:var(--btn-bg);color:var(--btn-text);font-weight:500;transform:translateY(-200%)}.skip:focus-visible{transform:none}.spec{font:400 12px/16px var(--mono);font-variant-numeric:tabular-nums;color:var(--text-3);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border:0;border-radius:10px;font-size:15px;font-weight:500;white-space:nowrap;transition:background-color var(--fast) var(--ease),color var(--fast) var(--ease),transform var(--fast) var(--ease)}.btn:active,.icon-btn:active,.chip:active{transform:scale(.96)}.icon-btn .lucide-play{transform:translate(1px)}.btn--lg{height:48px;padding:0 20px}.btn--sm{height:36px;padding:0 14px;font-size:14px}.btn--block{width:100%}.btn--primary{background-color:var(--btn-bg);color:var(--btn-text)}.btn--secondary{background-color:var(--raised);box-shadow:inset 0 0 0 1px var(--line);color:var(--text)}.icon-btn{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border:0;border-radius:10px;background-color:transparent;color:var(--text-2);transition:background-color var(--fast) var(--ease),color var(--fast) var(--ease),transform var(--fast) var(--ease)}@media (hover: hover) and (pointer: fine){.btn--primary:hover{background-color:var(--btn-bg-hover)}.btn--secondary:hover{background-color:var(--raised-hover)}.icon-btn:hover{background-color:var(--raised);color:var(--text)}}.text-link{display:inline-flex;align-items:center;gap:8px;min-height:32px;font-size:14px;font-weight:500;color:var(--text-2);transition:color var(--fast) var(--ease)}.text-link:hover{color:var(--text)}.nav{position:sticky;top:0;z-index:20;background-color:var(--bg);box-shadow:inset 0 -1px 0 var(--line)}.nav__inner{display:flex;align-items:center;gap:32px;height:var(--nav-h)}.logo{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:500;white-space:nowrap}.logo__mark{width:10px;height:10px;margin-inline:1px;border-radius:2px;background-color:var(--accent);transform:rotate(45deg)}.nav__links{display:flex;gap:24px;font-size:14px}.nav__links a{display:inline-flex;align-items:center;min-height:36px;color:var(--text-2);transition:color var(--fast) var(--ease)}.nav__links a:hover,.nav__links a[aria-current=page]{color:var(--text)}.nav__actions{display:flex;align-items:center;gap:8px;margin-inline-start:auto}.nav__count{min-width:16px;font:500 12px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--text-2)}.hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:64px;min-height:calc(100svh - var(--nav-h));padding-block:64px}.hero__title{max-width:11ch;font-size:60px;font-weight:500;line-height:1.04;letter-spacing:-.03em;text-wrap:balance}.hero__sub{max-width:34rem;margin-top:24px;font-size:18px;line-height:1.55;color:var(--text-2);text-wrap:pretty}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}.insp{padding:8px;border-radius:16px;background-color:var(--card);box-shadow:inset 0 0 0 1px var(--line)}.insp__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 8px 12px}.insp__file{font:500 12px/16px var(--mono);color:var(--text-2)}.insp__controls{display:flex;align-items:center;gap:12px;padding:12px 4px 8px}.insp__time{flex:none;min-width:13ch;font:400 12px/16px var(--mono);font-variant-numeric:tabular-nums;color:var(--text-3)}.scrub{flex:1;min-width:0;height:24px;margin:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.scrub::-webkit-slider-runnable-track{height:4px;border-radius:2px;background-color:var(--raised)}.scrub::-moz-range-track{height:4px;border-radius:2px;background-color:var(--raised)}.scrub::-webkit-slider-thumb{width:12px;height:12px;margin-top:-4px;border:0;border-radius:6px;background-color:var(--accent);-webkit-appearance:none;-moz-appearance:none;appearance:none}.scrub::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:6px;background-color:var(--accent)}.scrub:focus-visible{outline-offset:0;border-radius:4px}.speed{display:flex;flex:none;padding:2px;border-radius:8px;background-color:var(--raised)}.speed__opt{height:28px;padding:0 8px;border:0;border-radius:6px;background-color:transparent;font:400 12px/1 var(--mono);color:var(--text-2);transition:background-color var(--fast) var(--ease),color var(--fast) var(--ease)}.speed__opt[aria-pressed=true]{background-color:var(--card);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--text)}.insp__panels{display:grid;grid-template-columns:minmax(0,1fr) 148px;gap:8px;padding:4px}.tracks{position:relative;display:grid;align-content:start;gap:4px;padding:8px 12px;border-radius:8px;background-color:var(--stage)}.tracks__row{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;height:20px}.tracks__name{overflow:hidden;font:400 12px/16px var(--mono);color:var(--text-3);text-overflow:ellipsis;white-space:nowrap}.tracks__lane{position:relative;height:20px;background:linear-gradient(var(--line-strong),var(--line-strong)) center / 100% 1px no-repeat}.tracks__seg{position:absolute;top:8px;height:4px;border-radius:2px;background-color:var(--line-strong)}.tracks__key{position:absolute;top:6px;width:8px;height:8px;margin-left:-4px;border-radius:1px;background-color:var(--text-2);transform:rotate(45deg)}.tracks__head{position:absolute;top:4px;bottom:4px;left:calc(12px + 72px + 12px + (100% - 12px - 72px - 12px - 12px) * var(--p));width:1px;background-color:var(--accent);pointer-events:none}.curve{display:grid;align-content:start;gap:8px;min-width:0;padding:8px;border-radius:8px;background-color:var(--stage)}.curve__plot{display:block;width:100%;overflow:visible}.curve__frame{fill:none;stroke:var(--line-strong);stroke-width:1;stroke-dasharray:2 3}.curve__line{fill:none;stroke:var(--text-2);stroke-width:1.5;vector-effect:non-scaling-stroke}.curve__dot{fill:var(--accent)}.curve__label{font:400 12px/16px var(--mono);color:var(--text-3);text-align:center}.stage{position:relative;display:grid;place-items:center;overflow:hidden;border-radius:8px;background-color:var(--stage)}.stage--lg{height:320px}.stage--sm{height:200px}.stage--xs{flex:none;width:64px;height:48px;border-radius:4px}.stage--xs .stage__specimen{transform:scale(.26)}.stage__specimen{display:grid;place-items:center}.stage--lg .stage__specimen{transform:scale(1.5)}.is-looping *,.is-looping *:after{animation-iteration-count:infinite!important}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 960px){.grid--3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.card{display:grid;gap:4px;padding:8px;border-radius:16px;background-color:var(--card);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow var(--fast) var(--ease)}.card:hover{box-shadow:inset 0 0 0 1px var(--line-strong)}.card:focus-visible{outline-offset:2px;border-radius:16px}.card__body{display:grid;gap:4px;padding:8px 8px 4px}.card__row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.card__name{font-size:15px;font-weight:500}.card__price{font:500 14px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--text)}.section{padding-block:96px 0}.section--tight{padding-block:80px 0}.section__head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section__title{font-size:32px;font-weight:500;line-height:1.15;letter-spacing:-.02em}.section__title--sm{font-size:24px;letter-spacing:-.01em}.section__lead{margin-top:8px;color:var(--text-2)}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px}.gets{display:grid;gap:24px;margin-top:40px}.gets dt{font-weight:500}.gets dd{max-width:34rem;margin-top:4px;color:var(--text-2)}.files{padding:8px;border-radius:16px;background-color:var(--card);box-shadow:inset 0 0 0 1px var(--line)}.files__bar{display:flex;justify-content:space-between;padding:4px 8px 12px}.files__list{display:grid;gap:2px;padding:4px;border-radius:8px;background-color:var(--stage)}.files__list li{display:flex;justify-content:space-between;gap:16px;padding:8px 12px;border-radius:4px;font:400 13px/20px var(--mono);font-variant-numeric:tabular-nums;color:var(--text)}.files__list li span+span{color:var(--text-3)}.files__list li:first-child{background-color:var(--raised)}.files__peek{margin-top:8px;padding:16px 12px;border-radius:8px;background-color:var(--stage);overflow:hidden;font:400 12px/20px var(--mono);color:var(--text-2)}.steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:40px;padding-top:32px}.steps:before{content:"";position:absolute;top:4px;left:0;right:0;height:1px;background-color:var(--line-strong)}.steps li{position:relative}.steps__key{position:absolute;top:-32px;left:0;width:9px;height:9px;border-radius:2px;background-color:var(--text-2);transform:rotate(45deg)}.steps__num{font:400 12px/16px var(--mono);color:var(--text-3)}.steps__title{margin-top:8px;font-size:18px;font-weight:500;line-height:28px}.steps p{max-width:32ch;margin-top:4px;color:var(--text-2)}.footer{margin-top:128px;box-shadow:inset 0 1px 0 var(--line)}.footer__inner{display:flex;align-items:center;gap:32px;padding-block:32px}.footer__links{display:flex;gap:24px;font-size:14px;color:var(--text-2)}.footer__links a{display:inline-flex;align-items:center;min-height:32px}.footer__links a:hover{color:var(--text)}.footer__note{margin-inline-start:auto;font-size:13px;color:var(--text-3)}.page{padding-block:48px 0}.page__head{display:flex;align-items:baseline;gap:16px}.page__title{font-size:36px;font-weight:500;line-height:1.15;letter-spacing:-.02em}.page__meta{font:400 13px/20px var(--mono);color:var(--text-3)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-block:32px 24px}.field{position:relative;display:flex;align-items:center}.field svg{position:absolute;color:var(--text-3);pointer-events:none}.field input,.field select{height:36px;border:0;border-radius:10px;background-color:var(--raised);box-shadow:inset 0 0 0 1px var(--control-line);font-size:14px;color:var(--text);-webkit-appearance:none;-moz-appearance:none;appearance:none}.field__label{margin-inline-end:8px;font-size:14px;color:var(--text-2)}.field--search svg{left:12px}.field--search input{width:200px;padding:0 12px 0 36px}.field--search input::placeholder{color:var(--text-3)}.field--search input::-webkit-search-cancel-button{display:none}.field--select svg{right:10px}.field--select select{padding:0 36px 0 12px}.chips{display:flex;flex-wrap:wrap;gap:4px}.chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:0;border-radius:10px;background-color:transparent;font-size:14px;color:var(--text-2);transition:background-color var(--fast) var(--ease),color var(--fast) var(--ease)}.chip:hover{color:var(--text)}.chip[aria-pressed=true]{background-color:var(--raised);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--text)}.chip__count{font:400 12px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--text-3)}.toolbar__end{display:flex;align-items:center;gap:16px;margin-inline-start:auto}.switch{display:inline-flex;align-items:center;gap:8px;min-height:36px;font-size:14px;color:var(--text-2);cursor:pointer}.switch input{position:absolute;opacity:0;pointer-events:none}.switch__track{display:flex;width:32px;height:20px;padding:2px;border-radius:10px;background-color:var(--control-line);transition:background-color var(--fast) var(--ease)}.switch__thumb{width:16px;height:16px;border-radius:8px;background-color:#fff;transition:transform var(--fast) var(--ease)}.switch input:checked+.switch__track{background-color:var(--accent-fill)}.switch input:checked+.switch__track .switch__thumb{transform:translate(12px)}.switch input:focus-visible+.switch__track{outline:2px solid var(--focus);outline-offset:2px}.empty{display:grid;justify-items:start;gap:8px;max-width:32rem;padding:64px 0}.empty__title{font-size:18px;font-weight:500}.empty__text{margin-bottom:16px;color:var(--text-2)}.crumbs ol{display:flex;gap:8px;font-size:14px;color:var(--text-3)}.crumbs li+li:before{content:"/";margin-inline-end:8px}.crumbs a{color:var(--text-2)}.crumbs a:hover{color:var(--text)}.detail{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"main side";align-items:start;gap:48px;margin-top:24px}.detail__main{grid-area:main;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.detail__side{grid-area:side;position:sticky;top:calc(var(--nav-h) + 24px)}.detail__cat{font-size:14px;color:var(--text-2)}.detail__title{margin-top:8px;font-size:36px;font-weight:500;line-height:1.15;letter-spacing:-.02em}.detail__summary{max-width:34rem;margin-top:16px;color:var(--text-2);text-wrap:pretty}.buy{display:flex;align-items:baseline;gap:12px;margin-top:32px}.buy__price{font-size:32px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}.buy__note{font-size:14px;color:var(--text-2)}.buy__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.specs{display:grid;margin-top:40px;padding-top:16px;box-shadow:inset 0 1px 0 var(--line)}.specs div{display:grid;grid-template-columns:128px minmax(0,1fr);gap:16px;padding-block:8px;font-size:14px}.specs dt{color:var(--text-2)}.specs dd{font:400 13px/22px var(--mono);color:var(--text)}.code{padding:8px;border-radius:16px;background-color:var(--card);box-shadow:inset 0 0 0 1px var(--line)}.code__bar{display:flex;justify-content:space-between;gap:16px;padding:4px 8px 12px}.code__body{position:relative;max-height:336px;padding:16px;border-radius:8px;background-color:var(--stage);overflow:hidden;font:400 13px/1.55 var(--mono);color:var(--text-2);white-space:pre-wrap;overflow-wrap:anywhere}.code__body:after{content:"";position:absolute;inset:auto 0 0;height:96px;background:linear-gradient(to bottom,transparent,var(--stage));pointer-events:none}.code__lock{display:flex;align-items:center;gap:8px;padding:12px 8px 4px;font-size:14px;color:var(--text-2)}.sheet{width:min(420px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0 0 0 auto;padding:0;border:0;background-color:var(--card);box-shadow:inset 1px 0 0 var(--line);color:var(--text);overscroll-behavior:contain}.sheet::backdrop{background-color:#00000080}.sheet__inner{display:flex;flex-direction:column;height:100%;padding:16px 24px 24px}.sheet__head{display:flex;align-items:center;justify-content:space-between;margin:0 -8px 16px 0}.sheet__title{font-size:18px;font-weight:500}.sheet__list{display:grid;align-content:start;gap:8px;flex:1;overflow-y:auto}.line{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;background-color:var(--raised)}.line__text{display:grid;flex:1;min-width:0}.line__name{font-size:14px;font-weight:500}.line__name:hover{text-decoration:underline;text-underline-offset:3px}.line__price{font:500 14px/1 var(--mono);font-variant-numeric:tabular-nums}.sheet__foot{display:grid;gap:16px;padding-top:16px;box-shadow:inset 0 1px 0 var(--line)}.sheet__total{display:flex;justify-content:space-between;font-size:15px;color:var(--text-2)}.sheet__sum{font:500 15px/1.5 var(--mono);font-variant-numeric:tabular-nums;color:var(--text)}.sheet__note{min-height:20px;margin-top:12px;font-size:13px;color:var(--text-2);text-align:center}.empty--sheet{padding:32px 0}@media (max-width: 1024px){.hero,.split{grid-template-columns:minmax(0,1fr);gap:48px}.hero{min-height:0;padding-block:64px 32px}.detail{display:flex;flex-direction:column;align-items:stretch;gap:0}.detail__side{display:contents}.detail__main{order:1;margin-top:32px}.specs{order:2}}@media (max-width: 640px){.wrap{padding-inline:16px}.nav__inner{gap:20px}.nav__links .nav__how{display:none}.hero{padding-block:48px 16px}.hero__title{font-size:40px;line-height:1.08}.hero__sub{font-size:16px}.stage--lg{height:240px}.insp__time{display:none}.insp__panels{grid-template-columns:minmax(0,1fr)}.curve{display:none}.section{padding-block:72px 0}.section__head{flex-direction:column;align-items:start;gap:12px}.steps{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:0;padding-inline-start:24px}.steps:before{top:0;bottom:0;left:4px;right:auto;width:1px;height:auto}.steps__key{top:4px;left:-24px}.toolbar__end{margin-inline-start:0}.field--search,.field--search input{width:100%}.field input,.field select{font-size:16px}.footer__inner{flex-wrap:wrap;gap:16px 24px}.footer__note{width:100%;margin-inline-start:0}}.sheet{transform:translate(100%);transition:transform .3s var(--ease),overlay .3s allow-discrete,display .3s allow-discrete}.sheet[open]{transform:none}@starting-style{.sheet[open]{transform:translate(100%)}}.sheet::backdrop{transition:background-color .2s var(--ease),overlay .3s allow-discrete,display .3s allow-discrete}.sheet:not([open])::backdrop{background-color:#0000}@starting-style{.sheet[open]::backdrop{background-color:#0000}}.stage--sm .stage__specimen{transition:opacity 80ms var(--ease)}.stage.is-fading .stage__specimen{opacity:0}.label-swap{display:inline-grid}.label-swap>span{grid-area:1 / 1;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s cubic-bezier(.2,0,0,1),filter .2s cubic-bezier(.2,0,0,1)}.label-swap__icon{transition:scale .2s cubic-bezier(.2,0,0,1)}.label-swap[data-on=false] .label-swap__on,.label-swap[data-on=true] .label-swap__off{opacity:0;filter:blur(4px)}.label-swap[data-on=false] .label-swap__icon{scale:.25}.icon-swap>svg{grid-area:1 / 1;transition:opacity .2s cubic-bezier(.2,0,0,1),scale .2s cubic-bezier(.2,0,0,1),filter .2s cubic-bezier(.2,0,0,1)}.icon-swap[data-theme-icon=dark] .icon-swap__moon,.icon-swap[data-theme-icon=light] .icon-swap__sun{opacity:0;scale:.25;filter:blur(4px)}@media (pointer: coarse){.icon-btn{width:44px;height:44px}.btn--sm,.chip,.field input,.field select,.switch,.nav__links a,.footer__links a,.text-link,.logo{min-height:44px}.btn--sm,.chip,.field input,.field select{height:44px}.speed__opt{height:40px;padding:0 10px}.scrub{height:44px}}@media (prefers-reduced-motion: reduce){.btn:active,.icon-btn:active,.chip:active{transform:none}.switch__thumb{transition:none}.sheet,.sheet[open]{transform:none}.sheet{opacity:0;transition:opacity .2s var(--ease),overlay .2s allow-discrete,display .2s allow-discrete}.sheet[open]{opacity:1}@starting-style{.sheet[open]{opacity:0}}.label-swap>span,.label-swap__icon,.icon-swap>svg{filter:none!important;scale:1!important}}
