:where(:root){--ptp-background:#181a16;--ptp-accent:#d7ff43;--ptp-radius:14px;--ptp-font-family:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--ptp-foreground:#f4f1e8;--ptp-accent-foreground:#11120f;--ptp-muted:#979b8f;--ptp-danger:#ff5d4d;--ptp-border-color:#f4f1e829;--ptp-viewport-background:#090a08;--ptp-max-viewport-height:min(70vh, 640px)}.ptp{--ptp-control-radius:min(var(--ptp-radius), 6px);--ptp-progress:0%;width:100%;color:var(--ptp-foreground);background:var(--ptp-background);border-radius:var(--ptp-radius);font-family:var(--ptp-font-family);isolation:isolate;position:relative;overflow:hidden;container-type:inline-size}.ptp:focus-visible{outline:2px solid var(--ptp-accent);outline-offset:3px}.ptp:fullscreen{background:var(--ptp-viewport-background);border:0;border-radius:0;place-content:center;display:grid}.ptp:fullscreen .ptp__viewport{width:100vw;max-height:calc(100vh - 88px)}.ptp:fullscreen .ptp__controls{width:100vw}.ptp button,.ptp input,.ptp select{font-family:inherit}.ptp button:focus-visible,.ptp input:focus-visible,.ptp select:focus-visible{outline:2px solid var(--ptp-accent);outline-offset:2px}.ptp__viewport{width:100%;max-height:var(--ptp-max-viewport-height);background:linear-gradient(#ffffff06 1px, transparent 1px), linear-gradient(90deg, #ffffff06 1px, transparent 1px), var(--ptp-viewport-background);background-size:24px 24px;position:relative;overflow:hidden}.ptp__screen{cursor:pointer;background:var(--ptp-viewport-background);border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.ptp__frame{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.ptp__trace-result,.ptp__browser-label{z-index:3;min-height:24px;color:var(--ptp-foreground);background:color-mix(in srgb, var(--ptp-background) 82%, transparent);border:1px solid var(--ptp-border-color);border-radius:var(--ptp-control-radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.13em;text-transform:uppercase;pointer-events:none;align-items:center;padding:0 8px;font-size:9px;font-weight:700;display:flex;position:absolute;top:14px}.ptp__trace-result{left:14px}.ptp__browser-label{color:var(--ptp-muted);right:14px}.ptp__state-dot{background:var(--ptp-accent);width:5px;height:5px;box-shadow:0 0 0 3px color-mix(in srgb, var(--ptp-accent) 12%, transparent);border-radius:50%;margin-right:7px}.ptp__trace-result--failed .ptp__state-dot{background:var(--ptp-danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--ptp-danger) 14%, transparent)}.ptp__activity-stack{z-index:3;pointer-events:none;flex-direction:column;align-items:center;gap:7px;width:max-content;max-width:calc(100% - 36px);display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.ptp__action{max-width:100%;color:var(--ptp-foreground);background:color-mix(in srgb, var(--ptp-background) 90%, transparent);border-left:3px solid var(--ptp-accent);border-radius:var(--ptp-control-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:baseline;gap:10px;padding:9px 12px;animation:.16s ease-out ptp-action-in;display:flex;box-shadow:0 7px 24px #00000047}.ptp__action--error{border-left-color:var(--ptp-danger)}.ptp__action span{color:var(--ptp-accent);letter-spacing:.12em;white-space:nowrap;font-size:8px;font-weight:800}.ptp__action--error span{color:var(--ptp-danger)}.ptp__action strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:560;overflow:hidden}.ptp__pointer{z-index:5;width:24px;height:24px;color:var(--ptp-accent);filter:drop-shadow(0 2px 2px #000000a6);pointer-events:none;transition:left 70ms linear,top 70ms linear;position:absolute}.ptp__click{z-index:4;border:2px solid var(--ptp-accent);width:15px;height:15px;box-shadow:0 0 0 5px color-mix(in srgb, var(--ptp-accent) 20%, transparent);pointer-events:none;border-radius:50%;animation:.7s ease-out forwards ptp-click;position:absolute;transform:translate(-50%,-50%)}.ptp__keyboard{max-width:100%;color:var(--ptp-foreground);background:color-mix(in srgb, var(--ptp-background) 90%, transparent);border:1px solid var(--ptp-border-color);border-radius:var(--ptp-control-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:5px;padding:5px;animation:.14s ease-out ptp-key-in;display:flex;box-shadow:0 7px 24px #00000047}.ptp__key-part{align-items:center;gap:5px;display:flex}.ptp__key-part b{color:var(--ptp-muted);font-size:9px}.ptp__keyboard kbd{min-width:28px;height:27px;color:var(--ptp-background);background:var(--ptp-foreground);border-radius:var(--ptp-control-radius);border:0;place-items:center;padding:0 7px;font-size:11px;font-weight:800;display:grid;box-shadow:inset 0 -2px #0000003d}.ptp__keyboard>span,.ptp__keyboard--text>span{color:var(--ptp-accent);letter-spacing:.1em;text-transform:uppercase;padding-left:4px;font-size:8px;font-weight:800}.ptp__keyboard--text kbd{max-width:min(340px,60vw);color:var(--ptp-foreground);box-shadow:none;text-overflow:ellipsis;white-space:nowrap;background:0 0;line-height:27px;display:block;overflow:hidden}.ptp__keyboard--marker kbd{color:var(--ptp-accent);background:color-mix(in srgb, var(--ptp-accent) 12%, transparent);box-shadow:none;letter-spacing:.12em}.ptp__big-play{z-index:4;width:56px;height:56px;color:var(--ptp-accent-foreground);background:var(--ptp-accent);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;transition:transform .15s,background .15s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #0006}.ptp__big-play:hover{background:color-mix(in srgb, var(--ptp-accent) 82%, white);transform:translate(-50%,-50%)scale(1.06)}.ptp__big-play svg{width:25px;height:25px;margin-left:2px}.ptp__controls{background:var(--ptp-background);border-top:1px solid var(--ptp-border-color);grid-template-columns:32px auto minmax(60px,1fr) auto 42px 32px 32px;align-items:center;gap:10px;height:54px;padding:0 12px;display:grid}.ptp__control,.ptp__rate-trigger{height:32px;color:var(--ptp-foreground);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.ptp__control:hover,.ptp__rate-trigger:hover{color:var(--ptp-accent)}.ptp__control svg{width:18px;height:18px}.ptp__settings-trigger[aria-expanded=true]{color:var(--ptp-accent);background:color-mix(in srgb, var(--ptp-accent) 8%, transparent);border-radius:var(--ptp-control-radius)}.ptp__play{color:var(--ptp-accent-foreground);background:var(--ptp-accent);border-radius:var(--ptp-control-radius)}.ptp__play:hover{color:var(--ptp-accent-foreground);background:color-mix(in srgb, var(--ptp-accent) 82%, white)}.ptp__rate-menu,.ptp__settings-menu{place-items:center;height:32px;display:grid;position:relative}.ptp__settings-panel{z-index:10;width:clamp(270px,86cqw,340px);color:var(--ptp-foreground);background:color-mix(in srgb, var(--ptp-background) 96%, var(--ptp-foreground));border:1px solid var(--ptp-border-color);border-radius:var(--ptp-radius);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 7px);right:-37px;box-shadow:0 14px 38px #00000080}.ptp__settings-header,.ptp__settings-switches{grid-column:1/-1}.ptp__settings-header{border-bottom:1px solid var(--ptp-border-color);justify-content:space-between;align-items:center;min-height:32px;padding:0 1px 7px;display:flex}.ptp__settings-header strong{font-size:12px;font-weight:650}.ptp__settings-header button{height:24px;color:var(--ptp-muted);border:1px solid var(--ptp-border-color);border-radius:var(--ptp-control-radius);cursor:pointer;background:0 0;padding:0 7px;font-size:9px}.ptp__settings-header button:hover{color:var(--ptp-foreground);border-color:var(--ptp-accent)}.ptp__mode-setting{border:1px solid var(--ptp-border-color);border-radius:var(--ptp-control-radius);min-width:0;margin:0;padding:8px}.ptp__mode-setting legend{gap:3px;width:100%;padding:0 1px 6px;display:grid}.ptp__mode-setting legend strong{font-size:10px;font-weight:650}.ptp__mode-setting legend small{color:var(--ptp-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.ptp__mode-setting>div{background:color-mix(in srgb, var(--ptp-background) 94%, black);border-radius:var(--ptp-control-radius);grid-template-columns:repeat(3,minmax(0,1fr));padding:2px;display:grid}.ptp__mode-setting button{min-width:0;height:27px;color:var(--ptp-muted);border-radius:var(--ptp-control-radius);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0 3px;font-size:9px;font-weight:750;overflow:hidden}.ptp__mode-setting button[aria-checked=true]{color:var(--ptp-accent-foreground);background:var(--ptp-accent)}.ptp__settings-switches{background:var(--ptp-background);border:1px solid var(--ptp-border-color);border-radius:var(--ptp-control-radius);grid-template-columns:1fr;gap:0;display:grid;overflow:hidden}.ptp__settings-switch{min-width:0;height:32px;color:var(--ptp-muted);text-align:left;border:0;border-top:1px solid var(--ptp-border-color);cursor:pointer;background:0 0;flex-direction:row;justify-content:space-between;align-items:center;padding:0 9px;font-size:9px;line-height:1;display:flex}.ptp__settings-switch:first-child{border-top:0}.ptp__settings-switch:hover{background:color-mix(in srgb, var(--ptp-foreground) 4%, transparent)}.ptp__settings-switch[aria-checked=true]{color:var(--ptp-foreground)}.ptp__settings-switch>i{background:color-mix(in srgb, var(--ptp-foreground) 18%, var(--ptp-background));border-radius:var(--ptp-control-radius);align-items:center;width:24px;height:13px;padding:2px;transition:background .12s;display:flex}.ptp__settings-switch>i>i{background:color-mix(in srgb, var(--ptp-foreground) 62%, var(--ptp-background));border-radius:50%;width:9px;height:9px;transition:transform .12s,background .12s}.ptp__settings-switch[aria-checked=true]>i{background:color-mix(in srgb, var(--ptp-accent) 24%, transparent)}.ptp__settings-switch[aria-checked=true]>i>i{background:var(--ptp-accent);transform:translate(11px)}.ptp__rate-trigger{width:42px;height:28px;color:var(--ptp-foreground);letter-spacing:-.02em;cursor:pointer;background:0 0;border:0;border-radius:0;padding:0;font-size:10px;font-weight:800}.ptp__rate-options{z-index:8;background:color-mix(in srgb, var(--ptp-background) 94%, var(--ptp-foreground));border:1px solid var(--ptp-border-color);border-radius:var(--ptp-control-radius);width:56px;padding:4px;display:grid;position:absolute;bottom:calc(100% + 7px);right:-4px;box-shadow:0 8px 24px #00000061}.ptp__rate-options button{height:28px;color:var(--ptp-muted);text-align:center;border-radius:var(--ptp-control-radius);cursor:pointer;background:0 0;border:0;padding:0;font-size:9px;font-weight:800}.ptp__rate-options button:hover,.ptp__rate-options button:focus-visible,.ptp__rate-options button[aria-checked=true]{color:var(--ptp-foreground);background:color-mix(in srgb, var(--ptp-accent) 10%, transparent)}.ptp__rate-options button[aria-checked=true]{color:var(--ptp-accent)}.ptp__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.ptp__time{min-width:30px;color:var(--ptp-muted);font-variant-numeric:tabular-nums;font-size:9px}.ptp__time--current{color:var(--ptp-foreground)}.ptp__scrubber{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--ptp-accent) var(--ptp-progress), color-mix(in srgb, var(--ptp-foreground) 24%, var(--ptp-background)) var(--ptp-progress));border-radius:var(--ptp-control-radius);width:100%;height:3px;margin:0}.ptp__scrubber::-webkit-slider-thumb{appearance:none;background:var(--ptp-foreground);border:2px solid var(--ptp-background);width:10px;height:10px;box-shadow:0 0 0 1px var(--ptp-accent);border-radius:50%}.ptp__scrubber::-moz-range-thumb{background:var(--ptp-foreground);border:1px solid var(--ptp-accent);border-radius:50%;width:8px;height:8px}.ptp__placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.ptp__placeholder:before{border:1px dashed var(--ptp-border-color);border-radius:var(--ptp-control-radius);content:"";pointer-events:none;position:absolute;inset:16px}.ptp__placeholder-icon{width:32px;height:32px;color:var(--ptp-accent);margin-bottom:14px}.ptp__placeholder strong{font-size:13px;font-weight:600}.ptp__eyebrow,.ptp__error-code{color:var(--ptp-muted);letter-spacing:.16em;text-transform:uppercase;margin-bottom:7px;font-size:8px;font-weight:800}.ptp__load-track{background:color-mix(in srgb, var(--ptp-foreground) 18%, var(--ptp-background));border-radius:var(--ptp-control-radius);width:min(180px,60%);height:2px;margin-top:18px;overflow:hidden}.ptp__load-track span{background:var(--ptp-accent);height:100%;transition:width .18s;animation:1.1s ease-in-out infinite alternate ptp-load;display:block}.ptp__placeholder small{color:var(--ptp-muted);margin-top:7px;font-size:8px}.ptp__placeholder--error .ptp__error-code{color:var(--ptp-danger)}.ptp__placeholder--error p{max-width:420px;color:var(--ptp-muted);margin:9px 0 15px;font-size:10px;line-height:1.55}.ptp__placeholder--error button{color:var(--ptp-foreground);border:1px solid var(--ptp-border-color);border-radius:var(--ptp-control-radius);cursor:pointer;text-transform:uppercase;background:0 0;align-items:center;gap:6px;padding:7px 10px;font-size:9px;display:flex;position:relative}.ptp__placeholder--error button:hover{border-color:var(--ptp-danger)}.ptp__placeholder--error button svg{width:13px;height:13px}@keyframes ptp-load{0%{opacity:.45;transform:translate(-20%)}to{opacity:1;transform:translate(20%)}}@keyframes ptp-action-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes ptp-key-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes ptp-click{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.7)}}@media (width<=520px){.ptp__controls{grid-template-columns:32px minmax(50px,1fr) auto 42px 32px 32px;gap:5px;padding:0 10px}.ptp__time--current{display:none}.ptp__activity-stack{bottom:10px}.ptp__action span{display:none}}@container (width<=520px){.ptp__controls{grid-template-columns:32px minmax(50px,1fr) auto 42px 32px 32px;gap:5px;padding:0 10px}.ptp__time--current{display:none}.ptp__activity-stack{bottom:10px}.ptp__action span{display:none}}@media (prefers-reduced-motion:reduce){.ptp *,.ptp :before,.ptp :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{color:#1d1e1a;font-synthesis:none;background:#ecebe4;font-family:Avenir Next,Avenir,Helvetica Neue,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}body:before{z-index:-1;opacity:.26;content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.11'/%3E%3C/svg%3E");position:fixed;inset:0}main{max-width:1440px;margin:0 auto;padding:0 42px}.nav-shell{border-bottom:1px solid #1d1e1a3d;justify-content:space-between;align-items:center;height:86px;display:flex}.wordmark{letter-spacing:-.04em;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:700}.wordmark span{color:#759400}.nav-links{letter-spacing:.04em;text-transform:uppercase;gap:28px;font-family:ui-monospace,monospace;font-size:11px;font-weight:700;display:flex}.nav-links a:hover{color:#607a00}.hero{grid-template-columns:minmax(0,1fr) 260px;align-items:end;gap:60px;min-height:560px;padding:90px 4vw 76px;display:grid}.overline{color:#657817;letter-spacing:.16em;margin:0 0 28px;font-family:ui-monospace,monospace;font-size:11px;font-weight:800}h1,h2{letter-spacing:-.055em;margin:0;font-family:Georgia,Times New Roman,serif;font-weight:500}h1{max-width:920px;font-size:clamp(64px,8vw,126px);line-height:.85}.lede{color:#55584f;max-width:680px;margin:38px 0 0;font-size:clamp(18px,2vw,24px);line-height:1.45}.proof{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.proof span{text-transform:uppercase;border:1px solid #1d1e1a3d;padding:8px 10px;font-family:ui-monospace,monospace;font-size:10px}.index-card{background:#d7ff43;grid-template-columns:32px 1fr;gap:14px 12px;padding:22px;font-family:ui-monospace,monospace;font-size:10px;display:grid;box-shadow:14px 14px #1d1e1a}.index-card span{color:#637619}.index-card strong{letter-spacing:.06em;font-size:11px}.index-card i{grid-column:1/-1;padding-left:42px;font-size:24px;font-style:normal}.demo-section{background:#d8d7d0;border-top:1px solid #1d1e1a2e;padding:76px 4vw 110px;overflow:hidden}.section-label{letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;margin-bottom:22px;font-family:ui-monospace,monospace;font-size:10px;display:flex}.section-label span:first-child{color:#657817;font-weight:800}.trace-tabs{scrollbar-color:#1d1e1a transparent;scrollbar-width:thin;scroll-snap-type:x proximity;background:linear-gradient(90deg,#0000 4vw,#1d1e1a33 4vw calc(100% - 4vw),#0000 calc(100% - 4vw));grid-auto-columns:minmax(176px,1fr);grid-auto-flow:column;gap:1px;margin:0 -4vw;padding:0 4vw 12px;display:grid;overflow-x:auto}.trace-tab{color:#4e5148;text-align:left;cursor:pointer;scroll-snap-align:start;background:#c9c8c1;border:0;border-bottom:4px solid #0000;min-height:112px;padding:15px 16px 17px;transition:color .16s,background .16s,transform .16s;display:grid;position:relative}.trace-tab:hover{color:#1d1e1a;background:#d2d1ca}.trace-tab:focus-visible{z-index:2;outline-offset:-2px;outline:2px solid #1d1e1a}.trace-tab--active{color:#efeee6;background:#1d1e1a;border-bottom-color:#d7ff43;transform:translateY(-3px)}.trace-tab__index{color:#78802f;letter-spacing:.12em;align-self:start;font-family:ui-monospace,monospace;font-size:9px}.trace-tab strong{letter-spacing:-.025em;align-self:end;font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:500}.trace-tab small{letter-spacing:.04em;text-transform:uppercase;align-self:end;margin-top:7px;font-family:ui-monospace,monospace;font-size:8px}.trace-panel{padding-top:28px}.trace-panel__head{grid-template-columns:minmax(240px,.75fr) minmax(520px,1.25fr);align-items:end;gap:6vw;padding:20px 0 30px;display:grid}.trace-kicker{color:#657817;letter-spacing:.11em;text-transform:uppercase;margin:0 0 10px;font-family:ui-monospace,monospace;font-size:9px;font-weight:800}.trace-panel__head h2{max-width:none;font-size:clamp(44px,5vw,68px)}.trace-facts{border-top:1px solid #1d1e1a47;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;display:grid}.trace-facts div{border-bottom:1px solid #1d1e1a47;min-width:0;padding:12px 14px 11px 0}.trace-facts div:nth-child(odd){border-right:1px solid #1d1e1a47}.trace-facts div:nth-child(2n){padding-left:14px}.trace-facts dt{color:#74776e;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-family:ui-monospace,monospace;font-size:8px;font-weight:700}.trace-facts dd{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.trace-facts a{text-underline-offset:3px;-webkit-text-decoration:underline #8da91e;text-decoration:underline #8da91e}.player-frame{background:#1d1e1a;padding:10px;box-shadow:22px 22px #c5c4bd}.player-frame .ptp{border-radius:6px}.install{grid-template-columns:.8fr 1.2fr;align-items:center;gap:8vw;padding:130px 4vw;display:grid}h2{max-width:520px;font-size:clamp(48px,6vw,80px);line-height:.95}.install p:not(.overline){color:#62655b;max-width:470px;font-size:17px;line-height:1.6}.code-card{color:#efeee6;background:#1a1b18;overflow:hidden;box-shadow:12px 12px #d7ff43}.install-tabs{border-bottom:1px solid #393c35;grid-template-columns:repeat(4,1fr);display:grid}.install-tab{color:#969a8e;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-right:1px solid #393c35;padding:13px 8px;font-family:ui-monospace,monospace;font-size:9px;font-weight:800}.install-tab:last-child{border-right:0}.install-tab:hover{color:#efeee6}.install-tab:focus-visible{outline-offset:-2px;outline:2px solid #d7ff43;position:relative}.install-tab--active{color:#1a1b18;background:#d7ff43}.install-command{border-bottom:1px solid #393c35;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:68px;padding:14px 16px 14px 22px;font-family:ui-monospace,monospace;font-size:12px;display:grid}.install-command code{white-space:nowrap;scrollbar-width:thin;overflow-x:auto}.install-command button{color:#d7ff43;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #55594f;min-width:64px;padding:9px 11px;font-family:ui-monospace,monospace;font-size:9px;font-weight:800}.install-command button:hover{color:#1a1b18;background:#d7ff43;border-color:#d7ff43}.install-command button:focus-visible{outline-offset:2px;outline:2px solid #d7ff43}.code-head{color:#969a8e;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #393c35;justify-content:space-between;padding:12px 16px;font-family:ui-monospace,monospace;font-size:9px;display:flex}pre{margin:0;padding:30px;font-family:ui-monospace,monospace;font-size:12px;line-height:1.8;overflow-x:auto}footer{color:#65685f;letter-spacing:.1em;border-top:1px solid #1d1e1a3d;justify-content:space-between;padding:26px 0;font-family:ui-monospace,monospace;font-size:9px;display:flex}@media (width<=800px){main{padding:0 18px}.hero{grid-template-columns:1fr;min-height:auto;padding:72px 0 64px}.index-card{display:none}h1{font-size:clamp(56px,16vw,90px)}.demo-section{margin:0 -18px;padding:50px 18px 72px}.section-label span:last-child{display:none}.trace-tabs{background:linear-gradient(90deg,#0000 18px,#1d1e1a33 18px calc(100% - 18px),#0000 calc(100% - 18px));margin:0 -18px;padding-left:18px;padding-right:18px}.trace-panel__head{grid-template-columns:1fr;gap:24px;padding-top:10px}.trace-facts{grid-template-columns:1fr}.trace-facts div:nth-child(odd){border-right:0}.trace-facts div:nth-child(2n){padding-left:0}.player-frame{padding:5px;box-shadow:8px 8px #c5c4bd}.install{grid-template-columns:1fr;padding:90px 0}.install-command{padding-left:14px}.nav-links a:first-child{display:none}footer{gap:20px}footer span:last-child{text-align:right}}