@property --p-focus{syntax:"<number>";inherits:true;initial-value:0}@property --p-fill{syntax:"<number>";inherits:true;initial-value:0}@property --p-land{syntax:"<number>";inherits:true;initial-value:0}@property --p-spin{syntax:"<number>";inherits:true;initial-value:0}@property --p-recog{syntax:"<number>";inherits:true;initial-value:0}@property --p-hover{syntax:"<number>";inherits:true;initial-value:0}@property --p-select{syntax:"<number>";inherits:true;initial-value:0}@property --p-peek{syntax:"<number>";inherits:true;initial-value:0}.rf-stage{--rf-win-w:502px;--rf-win-inset:40px;--rf-dock-row:84px;border-radius:var(--rf-radius-stage);background:var(--rf-glass);min-width:0;height:100%;-webkit-backdrop-filter:var(--rf-blur-thin);backdrop-filter:var(--rf-blur-thin);box-shadow:0 0 0 1px var(--rf-border-card), inset 0 1px 0 var(--rf-edge-light);isolation:isolate;--mx:50%;--my:0%;outline:none;padding:10px;position:relative}.rf-stage:focus-visible{box-shadow:0 0 0 1px var(--rf-border-card), inset 0 1px 0 var(--rf-edge-light), 0 0 0 3px var(--rf-focus-separator), 0 0 0 5px var(--rf-focus)}.rf-stage-light{z-index:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(220px circle at var(--mx) var(--my), hsl(var(--foreground) / .16), hsl(var(--foreground) / 0) 70%);transition:opacity var(--duration-ui) var(--ease-out);position:absolute;inset:0}.rf-stage-light:before{content:"";border-radius:inherit;background:radial-gradient(260px circle at var(--mx) var(--my), hsl(var(--foreground) / .7), hsl(var(--foreground) / .14) 42%, hsl(var(--foreground) / 0) 72%);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (hover:hover) and (pointer:fine){.rf-stage[data-lit=true] .rf-stage-light{opacity:1}}.rf-desktop{z-index:1;grid-template-columns:minmax(0,1fr);grid-template-rows:26px minmax(0, 1fr) var(--rf-dock-row);border-radius:calc(var(--rf-radius-stage) - 10px);background:var(--rf-wall-3);min-width:0;height:100%;box-shadow:inset 0 0 0 .75px hsl(var(--foreground) / .08);display:grid;position:relative;overflow:hidden}.rf-stage{--rf-wall-1:hsl(var(--gray-8));--rf-wall-2:hsl(var(--gray-5));--rf-wall-3:hsl(var(--gray-2))}.rf-stage[data-daypart=dawn]{--rf-wall-1:hsl(var(--gray-7));--rf-wall-2:hsl(var(--gray-5));--rf-wall-3:hsl(var(--gray-2))}.rf-stage[data-daypart=dusk]{--rf-wall-1:hsl(var(--gray-6));--rf-wall-2:hsl(var(--gray-4));--rf-wall-3:hsl(var(--gray-1))}.rf-stage[data-daypart=night]{--rf-wall-1:hsl(var(--gray-5));--rf-wall-2:hsl(var(--gray-3));--rf-wall-3:hsl(var(--gray-1))}[data-theme=light] .rf-stage{--rf-wall-1:hsl(var(--gray-1));--rf-wall-2:hsl(var(--gray-3));--rf-wall-3:hsl(var(--gray-5))}[data-theme=light] .rf-stage[data-daypart=dawn]{--rf-wall-1:hsl(var(--gray-2));--rf-wall-2:hsl(var(--gray-4));--rf-wall-3:hsl(var(--gray-6))}[data-theme=light] .rf-stage[data-daypart=dusk]{--rf-wall-1:hsl(var(--gray-3));--rf-wall-2:hsl(var(--gray-5));--rf-wall-3:hsl(var(--gray-7))}[data-theme=light] .rf-stage[data-daypart=night]{--rf-wall-1:hsl(var(--gray-4));--rf-wall-2:hsl(var(--gray-6));--rf-wall-3:hsl(var(--gray-8))}.rf-wallpaper{background:radial-gradient(70% 90% at 14% 0%, var(--rf-wall-1), transparent 68%), radial-gradient(60% 70% at 92% 100%, var(--rf-wall-2), transparent 70%), radial-gradient(40% 50% at 60% 40%, var(--rf-wall-2), transparent 75%), linear-gradient(180deg, var(--rf-wall-3), var(--rf-wall-3));position:absolute;inset:0}.rf-menubar{font:var(--rf-weight-regular) 12px / 1 var(--rf-font-system);color:var(--rf-text);background:hsl(var(--background) / .4);-webkit-backdrop-filter:var(--rf-blur-thin);backdrop-filter:var(--rf-blur-thin);border-block-end:.75px solid hsl(var(--foreground) / .08);align-items:center;gap:15px;padding-inline:14px;display:flex;position:relative}.rf-menubar-app{font-weight:var(--rf-weight-semibold);align-items:center;gap:6px;display:inline-flex}.rf-menubar-status{color:var(--rf-text-2);align-items:center;gap:12px;margin-inline-start:auto;display:inline-flex}.rf-menubar-battery{opacity:.8;border:1px solid;border-radius:3px;width:19px;height:9px;position:relative}.rf-menubar-battery:before{content:"";background:currentColor;border-radius:1.5px;position:absolute;inset:1px 4px 1px 1px}.rf-menubar-battery:after{content:"";background:currentColor;border-radius:0 1px 1px 0;width:2px;height:3px;position:absolute;inset-block-start:2px;inset-inline-end:-3px}.rf-menubar-clock{font-variant-numeric:tabular-nums;white-space:pre;color:var(--rf-text)}.rf-stage-window{zoom:var(--rf-win-zoom,1);min-width:0;translate:calc(-1 * var(--p-peek) * var(--rf-peek-shift,0px) / var(--rf-win-zoom,1)) 0;place-items:center;padding:12px 20px;display:grid;position:relative}.rf-stage[data-driver=keyboard] .rf-stage-window{transition:translate .32s var(--ease-out)}.rf-stage-window>.rf-window{width:var(--rf-win-w)}.rf-land{height:calc(var(--p-land) * (var(--rf-land-h1,76px) + var(--p-recog) * (var(--rf-land-h2,100px) - var(--rf-land-h1,76px))));opacity:var(--p-land);margin-block-end:calc((1 - var(--p-land)) * -22px);position:relative;overflow:clip}.rf-land-resolved{opacity:var(--p-recog)}.rf-land-raw{opacity:calc(1 - var(--p-recog));position:absolute;inset:0 0 auto}.rf-glyph-busy{position:relative}.rf-spinner{border:1.5px solid color-mix(in srgb, var(--rf-kind) 28%, transparent);border-block-start-color:var(--rf-kind);width:14px;height:14px;rotate:calc(var(--p-spin) * 900deg);border-radius:50%}.rf-land .rf-row-actions{opacity:clamp(0, calc((var(--p-hover) - .75) * 4), 1)}.rf-land-hover{background:color-mix(in srgb, var(--rf-kind-link) 8%, transparent);box-shadow:inset 0 0 0 .75px color-mix(in srgb, var(--rf-kind-link) 45%, var(--rf-hairline-color));opacity:clamp(0, calc((var(--p-hover) - .75) * 4), 1);pointer-events:none;border-radius:14px;position:absolute;inset:0}.rf-land-select{background:color-mix(in srgb, var(--rf-kind-link) 11%, transparent);box-shadow:inset 0 0 0 .75px color-mix(in srgb, var(--rf-kind-link) 60%, var(--rf-hairline-color));opacity:var(--p-select);pointer-events:none;border-radius:14px;position:absolute;inset:0}.rf-thumb{border-radius:9px;flex:none;width:30px;height:30px;display:block;position:relative;overflow:hidden}.rf-thumb-shot{background:linear-gradient(160deg, hsl(var(--gray-9)), hsl(var(--gray-4)))}.rf-thumb-shot:after{content:"";background:hsl(var(--gray-2) / .7);border-radius:3px;position:absolute;inset:9px 6px 7px}.rf-thumb-video{background:linear-gradient(135deg, hsl(var(--analogous)), hsl(var(--info)));filter:saturate(.7)}.rf-thumb-media{background:var(--rf-photo-ink)}.rf-devday{border-radius:inherit;background:var(--rf-photo-ink);width:100%;height:100%;color:var(--rf-photo-paper);font:var(--rf-weight-medium) 15px / 1 var(--rf-font-system);letter-spacing:-.01em;white-space:nowrap;place-items:center;display:grid}.rf-devday-text{display:inline-flex}.rf-devday-g{margin-inline-start:.28em}.rf-devday-g+.rf-devday-p{margin-inline-start:.16em}.rf-devday-g{color:hsl(var(--success))}.rf-devday-p{color:hsl(var(--analogous))}.rf-devday-b{color:hsl(var(--info))}.rf-thumb-media .rf-devday{width:240px;height:108px;font-size:22px;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;scale:.125}.rf-stage-composer{position:relative}.rf-stage-composer .rf-composer-wrap{margin:0 14px 14px}.rf-stage-composer .rf-composer-value{clip-path:inset(0 calc((1 - var(--p-fill)) * 100%) 0 0);opacity:calc(1 - var(--p-land))}.rf-stage-composer .rf-composer-wrap[data-draft] .rf-composer-placeholder{opacity:max(calc(1 - var(--p-fill)), var(--p-land))}.rf-stage-composer .rf-composer-wrap[data-focused] .rf-composer{box-shadow:inset 0 0 0 .5px var(--rf-hairline-color), inset 0 0 0 1.5px color-mix(in srgb, var(--rf-accent) calc(var(--p-focus) * 100%), transparent)}.rf-stage-composer .rf-composer-wrap[data-draft] .rf-composer-plus{color:color-mix(in srgb, var(--rf-on-accent) calc(var(--p-fill) * (1 - var(--p-land)) * 100%), var(--rf-text-2));background:color-mix(in srgb, var(--rf-accent) calc(var(--p-fill) * (1 - var(--p-land)) * 100%), var(--rf-control))}.rf-stage-composer .rf-composer-rename{opacity:var(--p-select);display:inline-flex}.rf-stage{--rf-peek-shift:max(0px, calc(var(--rf-win-right,0px) + 14px + 372px + 16px - var(--rf-desk-w,9999px)))}.rf-stage .rf-stage-peek.rf-peek{visibility:visible;width:372px;opacity:var(--p-peek);pointer-events:none;transition:none;inset-block-start:calc(var(--rf-win-top,80px) + 40px * var(--rf-win-zoom,1));inset-inline-start:calc(var(--rf-win-right,50%) + 14px - var(--p-peek) * var(--rf-peek-shift,0px))}.rf-linkpeek-head{align-items:center;gap:10px;min-width:0;display:flex}.rf-linkpeek-head>div{min-width:0}.rf-linkpeek-head h4{font:var(--rf-weight-semibold) 13px / 1.3 var(--rf-font-system);color:var(--rf-text);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.rf-linkpeek-head p{font:var(--rf-weight-regular) 12px / 1.3 var(--rf-font-system);color:var(--rf-text-2);margin:2px 0 0}.rf-linkpeek-media{aspect-ratio:16/7;border-radius:10px;margin-block-start:12px;overflow:hidden}.rf-linkpeek-text{font:var(--rf-weight-regular) 12px / 1.45 var(--rf-font-system);color:var(--rf-text-2);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:10px 0 8px;display:-webkit-box;overflow:hidden}.rf-linkpeek-url{font:var(--rf-weight-regular) 12px / 1.4 var(--rf-font-system);color:var(--rf-kind-link);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;margin:0 0 6px;display:flex;overflow:hidden}.rf-linkpeek-url svg{flex:none}.rf-linkpeek-meta{font:var(--rf-weight-regular) 11px / 1.4 var(--rf-font-mono-ui);color:var(--rf-text-3);align-items:center;gap:6px;margin:0 0 12px;display:flex}.rf-linkpeek-actions{gap:6px;display:flex}.rf-linkpeek-actions .rf-glass-btn{border-radius:50%;width:28px;height:28px}.rf-linkpeek-more{margin-inline-start:auto}.rf-stage-pointer{z-index:4;opacity:clamp(0, calc(var(--p-hover) * 5), 1);translate:calc((1 - var(--p-hover)) * 240px) calc((1 - var(--p-hover)) * 220px);pointer-events:none;position:absolute;inset-block-start:96px;inset-inline-start:calc(50% + var(--rf-win-w) / 2 - 178px)}.rf-stage-space{opacity:var(--p-select);translate:0 calc((1 - var(--p-select)) * 4px);pointer-events:none;position:absolute;inset-block-start:88px;inset-inline-end:calc(50% + var(--rf-win-w) / 2 + 12px)}.rf-stage-space .rf-keycap{translate:0 calc(var(--p-peek) * 1px);box-shadow:0 calc((1 - var(--p-peek)) * 1px) .5px #0003}.rf-dock{background:hsl(var(--background) / .38);-webkit-backdrop-filter:var(--rf-blur-thin);backdrop-filter:var(--rf-blur-thin);box-shadow:inset 0 0 0 .75px hsl(var(--foreground) / .1);border-radius:14px;align-items:flex-end;gap:7px;padding:6px;display:flex;position:absolute;inset-block-end:10px;inset-inline-start:50%;translate:-50%}.rf-dock-tile{--m:1;width:calc(40px * var(--m));height:calc(40px * var(--m));border-radius:calc(10px * var(--m));background:linear-gradient(180deg, hsl(var(--gray-7)), hsl(var(--gray-5)));box-shadow:inset 0 .75px 0 hsl(var(--foreground) / .16);transition:width .12s var(--ease-out), height .12s var(--ease-out), border-radius .12s var(--ease-out);flex:none;position:relative}.rf-dock-tile[data-m="1"]{--m:1.14}.rf-dock-tile[data-m="2"]{--m:1.3}.rf-dock-tile[data-m="3"]{--m:1.5}.rf-dock-tile-dim{opacity:.55}.rf-dock-tile-app{box-shadow:none;color:inherit;background:0 0;outline:none;place-items:center;text-decoration:none;display:grid}.rf-dock-tile-app img{filter:drop-shadow(0 2px 6px #00000047);width:100%;height:100%;display:block}.rf-dock-tile-app:focus-visible img{outline:2px solid var(--rf-focus);outline-offset:3px;border-radius:calc(10px * var(--m))}.rf-dock-label{background:var(--rf-material);-webkit-backdrop-filter:var(--rf-blur-thin);backdrop-filter:var(--rf-blur-thin);box-shadow:inset 0 0 0 .75px hsl(var(--foreground) / .12);font:var(--rf-weight-medium) 12px / 1.2 var(--rf-font-system);color:var(--rf-text);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out), translate var(--duration-fast) var(--ease-out);border-radius:7px;padding:4px 9px;position:absolute;inset-block-end:calc(100% + 14px);inset-inline-start:50%;translate:-50% 4px}.rf-dock-tile-app:hover .rf-dock-label,.rf-dock-tile-app:focus-visible .rf-dock-label{opacity:1;translate:-50%}.rf-dock-tile-app:focus-visible{--m:1.6}.rf-dock-tile[data-lit=true]:after{content:"";background:var(--rf-text);border-radius:50%;width:3px;height:3px;position:absolute;inset-block-end:-5px;inset-inline-start:calc(50% - 1.5px)}.rf-dock-sep{background:hsl(var(--foreground) / .18);width:.75px;height:34px;margin-inline:3px}.rf-stage-hint{border-radius:var(--radius-full);background:var(--rf-material);-webkit-backdrop-filter:var(--rf-blur-thin);backdrop-filter:var(--rf-blur-thin);box-shadow:inset 0 0 0 .75px hsl(var(--foreground) / .1);font:var(--rf-weight-regular) 12px / 1.4 var(--rf-font-system);color:var(--rf-text-2);white-space:nowrap;padding:5px 12px 5px 6px;display:grid;position:absolute;inset-block-start:calc(100% + 12px);inset-inline-start:0}.rf-stage-hint-line{grid-area:1/1;align-items:center;gap:8px;display:inline-flex}.rf-stage-hint-line[data-hint=gesture]{opacity:calc(1 - var(--p-land))}.rf-stage-hint-line[data-hint=fetch]{opacity:calc(var(--p-land) * (1 - var(--p-recog)))}.rf-stage-hint-dot{border:1.5px solid color-mix(in srgb, var(--rf-kind-link) 30%, transparent);border-block-start-color:var(--rf-kind-link);width:8px;height:8px;rotate:calc(var(--p-spin) * 900deg);border-radius:50%;margin-inline:6px}.rf-stage-hint-line[data-hint=space]{opacity:calc(var(--p-recog) * (1 - var(--p-peek)))}.rf-stage-hint-line[data-hint=escape]{opacity:var(--p-peek)}@media (hover:none),(max-width:767px){.rf-stage-hint{display:none}}@keyframes rf-stage-scene{0%{--p-focus:0;--p-fill:0;--p-land:0;--p-spin:0;--p-recog:0;--p-hover:0;--p-select:0;--p-peek:0}8%{--p-focus:0}12%{--p-focus:1;--p-fill:0}30%{--p-fill:1}34%{--p-focus:1;--p-land:0}37%{--p-focus:0}45%{--p-land:1}46%{--p-spin:0}58%{--p-recog:0}62%{--p-spin:1}66%{--p-recog:1}68%{--p-hover:0}78%{--p-hover:1}81%{--p-select:0}85%{--p-select:1}86%{--p-peek:0}92%{--p-peek:1}to{--p-focus:0;--p-fill:1;--p-land:1;--p-spin:1;--p-recog:1;--p-hover:1;--p-select:1;--p-peek:1}}@supports (animation-timeline:scroll()){.rf-stage[data-driver=scroll]{animation:linear both rf-stage-scene;animation-timeline:--hero;animation-range-start:cover calc(var(--rf-vh,100vh) - var(--rf-stick-top,0px));animation-range-end:cover calc(var(--rf-vh,100vh) - var(--rf-stick-top,0px) + var(--rf-scrub-len,150vh))}}.rf-stage[data-driver=keyboard],.rf-stage[data-driver=static]{transition:--p-focus var(--duration-fast) var(--ease-out), --p-fill .52s linear, --p-land var(--duration-enter) var(--ease-out), --p-spin 1.4s linear, --p-recog var(--duration-enter) var(--ease-out), --p-hover .7s var(--ease-out) .12s, --p-select var(--duration-fast) var(--ease-out), --p-peek 60ms linear;animation:none}.rf-stage[data-scene="1"]{--p-focus:1;--p-fill:1}.rf-stage[data-scene="2"]{--p-fill:1;--p-land:1;--p-spin:1}.rf-stage[data-scene="3"]{--p-fill:1;--p-land:1;--p-spin:1;--p-recog:1;--p-hover:1}.rf-stage[data-scene="4"]{--p-fill:1;--p-land:1;--p-spin:1;--p-recog:1;--p-hover:1;--p-select:1;--p-peek:1}@media (prefers-reduced-motion:reduce){.rf-stage-space,.rf-stage-pointer{translate:0}}@media (max-width:767px){.rf-stage{--rf-win-w:430px;--rf-win-inset:20px;--rf-dock-row:72px;--rf-peek-shift:0px}.rf-stage-window{padding:10px}.rf-menubar>span:nth-child(n+4):not(.rf-menubar-status),.rf-menubar-status>svg,.rf-menubar-battery,.rf-dock-tile-blank,.rf-dock-sep{display:none}.rf-dock-tile{width:calc(30px * var(--m));height:calc(30px * var(--m));border-radius:calc(8px * var(--m))}.rf-dock{gap:6px;padding:5px}.rf-stage .rf-stage-peek.rf-peek{zoom:.8;background:var(--rf-panel);-webkit-backdrop-filter:none;backdrop-filter:none;width:auto;inset-block-start:auto;inset-block-end:calc(var(--rf-dock-row) + 6px);inset-inline:12px}.rf-stage-window{opacity:calc(1 - .45 * var(--p-peek))}.rf-stage .rf-linkpeek-media{aspect-ratio:16/4.5}.rf-stage .rf-linkpeek-text{-webkit-line-clamp:2}.rf-stage .rf-stage-peek .rf-peek-arrow,.rf-stage-space{display:none}}
.rf-hero{--rf-vh:100vh;--rf-stage-h:clamp(380px, calc(var(--rf-vh) - 220px), 620px);--rf-caption-h:40px;--rf-stick-top:calc((var(--rf-vh) - var(--rf-stage-h)) / 2);--rf-scrub-len:150vh;position:relative;overflow:clip}.rf-hero-sticky{padding-block:112px 0;display:block}.rf-hero-copy{gap:22px;margin-block-end:40px;display:grid}@keyframes rf-rise{0%{opacity:0;translate:0 var(--enter-distance)}to{opacity:1;translate:0}}.rf-hero-copy>*,.rf-hero-stage{animation:rf-rise var(--duration-enter) var(--ease-out) both;animation-delay:calc(var(--rf-chunk,0) * var(--stagger-group))}.rf-hero-copy>.rf-hero-row{--rf-chunk:1}.rf-hero-copy>.rf-hero-buttons{--rf-chunk:2}.rf-hero-stage{--rf-chunk:3}.rf-hero-row{justify-content:space-between;align-items:baseline;gap:32px;display:flex}.rf-hero-row .rf-lead{max-width:64ch}.rf-hero-new{font:var(--rf-weight-regular) 15px / 1.4 var(--rf-font-system);color:var(--rf-text-2);transition:color var(--duration-fast) var(--ease-out);flex:none;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.rf-hero-new strong{font-weight:var(--rf-weight-medium);color:var(--rf-text)}.rf-hero-new:hover{color:var(--rf-text);text-decoration:none}.rf-hero-buttons{flex-wrap:wrap;gap:12px;display:flex}.rf-hero-stage{width:min(100%, var(--rf-stage-max,1040px));margin-inline:auto;padding-block-end:var(--rf-caption-h);position:relative}.rf-hero-stage:before{content:"";background:radial-gradient(50% 60% at 50% 100%, hsl(var(--foreground) / .09), hsl(var(--foreground) / 0) 70%);filter:blur(24px);pointer-events:none;border-radius:50%;position:absolute;inset:30% -40px -40px}.rf-hero-stage .rf-stage{width:100%;height:var(--rf-stage-h)}@supports (animation-timeline:scroll()){.rf-hero-run{view-timeline:--hero block}.rf-hero-run:after{content:"";height:var(--rf-scrub-len);display:block}.rf-hero-stage{position:sticky;inset-block-start:var(--rf-stick-top)}}@media (hover:none),(max-width:767px){.rf-hero{--rf-caption-h:0px}}@media (max-width:767px){.rf-hero{--rf-vh:100svh;--rf-stage-h:min(calc((100vw - 2 * var(--rf-gutter)) * 1.3), calc(var(--rf-vh) - 200px));--rf-stick-top:max(84px, calc((var(--rf-vh) - var(--rf-stage-h)) / 2));--rf-scrub-len:110svh}}.rf-proof{gap:20px;padding-block-start:48px;display:grid}.rf-proof-numbers{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;display:grid}.rf-proof-numbers dt{font:var(--rf-weight-semibold) 28px / 1.1 var(--rf-font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}.rf-count-digits{font-variant-numeric:tabular-nums}.rf-proof-numbers dd{font:var(--rf-weight-regular) 13px / 1.5 var(--rf-font-mono);color:var(--rf-text-3);margin:6px 0 0}.rf-proof-note{font:var(--rf-weight-regular) 13px / 1.5 var(--rf-font-system);color:var(--rf-text-3);max-width:68ch;margin:0}.rf-works{border-block-start:1px solid var(--rf-border-card);gap:18px;margin-block-start:28px;padding-block-start:28px;display:grid}.rf-works-label{font:var(--rf-weight-semibold) var(--rf-size-eyebrow) / 1.4 var(--rf-font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--rf-text-3);margin:0}.rf-works ul{flex-wrap:wrap;justify-content:space-between;gap:24px;margin:0;padding:0;list-style:none;display:flex}.rf-works li{font:var(--rf-weight-semibold) 17px / 1.2 var(--rf-font-display);letter-spacing:-.012em;color:var(--rf-text-3)}@media (max-width:1080px){.rf-proof-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.rf-hero-sticky{padding-block-start:96px}.rf-hero-copy{margin-block-end:28px}.rf-hero-row{flex-direction:column;align-items:flex-start;gap:12px}.rf-works ul{justify-content:flex-start;gap:16px 24px}}
@property --c1{syntax:"<number>";inherits:true;initial-value:0}@property --c2{syntax:"<number>";inherits:true;initial-value:0}@property --c3{syntax:"<number>";inherits:true;initial-value:0}.rf-chapter-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:48px 64px;display:grid}.rf-chapter-head .rf-h2{max-width:12ch;margin:0}.rf-chapter-aside{gap:24px;padding-block-start:6px;display:grid}.rf-chapter-aside .rf-lead{max-width:52ch;font-size:20px;line-height:1.5}.rf-chapter-composite{margin-block-start:64px}.rf-composite{border-radius:var(--rf-radius-panel);background:var(--rf-wash);border:1px solid var(--rf-border-card);timeline-scope:--ch;grid-template-columns:minmax(0,1fr);place-items:center;min-height:480px;padding:56px 48px;display:grid;position:relative;overflow:clip}.rf-ch-window{view-timeline:--ch block;gap:18px;width:min(502px,100%);display:grid;position:relative}.rf-ch-note{font:var(--rf-weight-regular) 12px / 1.5 var(--rf-font-system);color:var(--rf-text-2);text-align:center;opacity:var(--c3);margin:0}.rf-chapter-details{grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:12px 40px;margin-block-start:36px;display:grid}.rf-chapter-details-label{font:var(--rf-weight-regular) 13px / 1.5 var(--rf-font-mono);color:var(--rf-text-3);margin:0}.rf-chapter-sub{flex-wrap:wrap;justify-content:end;gap:8px 10px;margin:0;padding:0;list-style:none;display:flex}.rf-chapter-sub-button{border:1px solid var(--rf-border-card);border-radius:var(--radius-full);min-height:36px;font:var(--rf-weight-regular) 14px / 1.3 var(--rf-font-system);color:var(--rf-text-2);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), transform var(--duration-press) var(--ease-out);background:0 0;align-items:center;gap:8px;padding:0 12px 0 14px;display:inline-flex}.rf-chapter-sub-button svg{color:var(--rf-text-3);transition:color var(--duration-fast) var(--ease-out), translate var(--duration-fast) var(--ease-out)}@media (hover:hover) and (pointer:fine){.rf-chapter-sub-button:hover{color:var(--rf-text);border-color:var(--rf-border-card-hover);background:var(--rf-wash)}.rf-chapter-sub-button:hover svg{color:var(--rf-text);translate:2px}}.rf-chapter-sub-button:active{transform:scale(var(--press-scale))}.rf-chapter-sub-button:focus-visible{outline:2px solid var(--rf-focus);outline-offset:2px}.rf-chapter-sub-button[aria-expanded=true]{color:var(--rf-text);border-color:var(--rf-border-card-hover);background:var(--rf-wash)}.rf-drawer{width:100%;max-width:none;height:100%;max-height:none;color:var(--rf-text);overscroll-behavior:contain;transition:overlay var(--duration-slow) allow-discrete, display var(--duration-slow) allow-discrete;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0}.rf-drawer::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity var(--duration-slow) var(--ease-drawer), overlay var(--duration-slow) allow-discrete, display var(--duration-slow) allow-discrete;background:#0000006b}.rf-drawer[open]::backdrop{opacity:1}@starting-style{.rf-drawer[open]::backdrop{opacity:0}}.rf-drawer-panel{background:hsl(var(--background));border:1px solid var(--rf-border-card);width:min(480px,100% - 24px);box-shadow:var(--rf-shadow-window);overscroll-behavior:contain;opacity:1;transition:opacity var(--duration-slow) var(--ease-drawer), translate var(--duration-slow) var(--ease-drawer);border-radius:20px;flex-direction:column;gap:14px;padding:20px 28px 32px;display:flex;position:absolute;inset-block:12px;inset-inline-end:12px;overflow:auto;translate:0}@starting-style{.rf-drawer[open] .rf-drawer-panel{opacity:0;translate:24px}}.rf-drawer:not([open]) .rf-drawer-panel{opacity:0;translate:24px}.rf-drawer-bar{align-items:center;min-height:36px;padding-inline-end:48px;display:flex}.rf-drawer-where{font:var(--rf-weight-regular) 12px / 1.5 var(--rf-font-mono);color:var(--rf-text-3);margin:0}.rf-drawer-close{border:1px solid var(--rf-border-card);background:var(--rf-wash);width:36px;height:36px;color:var(--rf-text-2);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), transform var(--duration-press) var(--ease-out);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;inset-block-start:20px;inset-inline-end:20px}@media (hover:hover) and (pointer:fine){.rf-drawer-close:hover{color:var(--rf-text);border-color:var(--rf-border-card-hover)}}.rf-drawer-close:active{transform:scale(var(--press-scale))}.rf-drawer-close:focus-visible,.rf-drawer-title:focus-visible{outline:2px solid var(--rf-focus);outline-offset:3px}.rf-drawer-title{font:var(--rf-weight-semibold) 28px / 1.15 var(--rf-font-display);letter-spacing:-.02em;text-wrap:balance;border-radius:4px;margin:8px 0 0}.rf-drawer-summary{font:var(--rf-weight-regular) 17px / 1.5 var(--rf-font-system);color:var(--rf-text);text-wrap:pretty;margin:0}.rf-drawer-body{gap:14px;margin-block-start:6px;display:grid}.rf-drawer-body p{font:var(--rf-weight-regular) 15px / 1.6 var(--rf-font-system);color:var(--rf-text-2);text-wrap:pretty;margin:0}.rf-drawer-keys{border-block-start:1px solid var(--rf-border-card);gap:10px;margin:14px 0 0;padding:16px 0 0;list-style:none;display:grid}.rf-drawer-keys li{font:var(--rf-weight-regular) 13px / 1.5 var(--rf-font-system);color:var(--rf-text-2);align-items:center;gap:12px;display:flex}:root[data-drawer-open]{overflow:hidden}@media (max-width:767px){.rf-drawer-panel{border-block-end:0;border-radius:20px 20px 0 0;width:100%;max-height:calc(100dvh - 56px);padding:16px 20px 32px;inset:auto 0 0;translate:0}@starting-style{.rf-drawer[open] .rf-drawer-panel{opacity:0;translate:0 24px}}.rf-drawer:not([open]) .rf-drawer-panel{opacity:0;translate:0 24px}.rf-chapter-details{grid-template-columns:minmax(0,1fr);gap:10px}.rf-chapter-sub{justify-content:start}}@media (prefers-reduced-motion:reduce){.rf-drawer-panel,.rf-drawer:not([open]) .rf-drawer-panel{translate:0}@starting-style{.rf-drawer[open] .rf-drawer-panel{translate:0}}}.rf-composite-capture{grid-template-columns:minmax(0,380px) minmax(0,502px);justify-content:center;align-items:center;gap:56px}.rf-source{background:var(--rf-panel);border:1px solid var(--rf-border-card);border-radius:12px;gap:0;width:100%;display:grid;position:relative;overflow:hidden}.rf-source-bar{border-block-end:1px solid var(--rf-border-card);align-items:center;gap:6px;padding:10px 12px;display:flex}.rf-source-dot{background:var(--rf-wash-strong);border-radius:50%;width:10px;height:10px}.rf-source-title{font:var(--rf-weight-medium) 12px / 1.3 var(--rf-font-system);color:var(--rf-text-2);margin-inline:auto;translate:-18px}.rf-source-body{gap:14px;padding:18px 16px 22px;display:grid}.rf-source-msg{font:var(--rf-weight-regular) 13px / 1.5 var(--rf-font-system);color:var(--rf-text-3);margin:0}.rf-source-msg-user{color:var(--rf-text)}.rf-source-msg mark{color:inherit;background:linear-gradient(hsl(var(--foreground) / calc(var(--c1) * .18)), hsl(var(--foreground) / calc(var(--c1) * .18)));-webkit-box-decoration-break:clone;box-decoration-break:clone;background-color:#0000;border-radius:2px}.rf-source-keys{font:var(--rf-weight-regular) 12px / 1.4 var(--rf-font-system);color:var(--rf-text-2);opacity:clamp(0, calc(var(--c1) * 3 - 1), 1);align-items:center;gap:10px;margin:0 16px 16px;display:inline-flex}.rf-ch-swap{flex:1;grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.rf-ch-swap>*{grid-area:1/1;min-width:0}.rf-ch-swap-empty{opacity:calc(1 - var(--c2));flex-direction:column;display:flex}.rf-ch-swap-row{opacity:var(--c2);align-self:start}.rf-ch-composer{--ch-fill:clamp(0, calc(var(--c1) * 2 - 1), 1);position:relative}.rf-ch-composer .rf-composer-value{clip-path:inset(0 calc((1 - var(--ch-fill)) * 100%) 0 0);opacity:calc(1 - var(--c2))}.rf-ch-composer .rf-composer-wrap[data-draft] .rf-composer-placeholder{opacity:max(calc(1 - var(--ch-fill)), var(--c2))}.rf-ch-composer .rf-composer-wrap[data-focused] .rf-composer{box-shadow:inset 0 0 0 .5px var(--rf-hairline-color), inset 0 0 0 1.5px color-mix(in srgb, var(--rf-accent) calc(var(--ch-fill) * (1 - var(--c2)) * 100%), transparent)}.rf-ch-composer .rf-composer-wrap[data-draft] .rf-composer-plus{color:color-mix(in srgb, var(--rf-on-accent) calc(var(--ch-fill) * (1 - var(--c2)) * 100%), var(--rf-text-2));background:color-mix(in srgb, var(--rf-accent) calc(var(--ch-fill) * (1 - var(--c2)) * 100%), var(--rf-control))}.rf-composite-recognize{grid-template-rows:auto auto;align-content:center;gap:40px}.rf-ch-glow{pointer-events:none;opacity:var(--c1);background:radial-gradient(40% 50% at 8% 30%, color-mix(in srgb, var(--rf-kind-prompt) 14%, transparent), transparent 70%), radial-gradient(40% 50% at 22% 75%, color-mix(in srgb, var(--rf-kind-link) 12%, transparent), transparent 70%), radial-gradient(36% 50% at 38% 20%, color-mix(in srgb, var(--rf-kind-code) 12%, transparent), transparent 70%), radial-gradient(36% 50% at 54% 80%, color-mix(in srgb, var(--rf-kind-command) 12%, transparent), transparent 70%), radial-gradient(36% 50% at 68% 22%, color-mix(in srgb, var(--rf-kind-text) 10%, transparent), transparent 70%), radial-gradient(40% 50% at 82% 72%, color-mix(in srgb, var(--rf-kind-image) 12%, transparent), transparent 70%), radial-gradient(40% 50% at 95% 28%, color-mix(in srgb, var(--rf-kind-video) 12%, transparent), transparent 70%);position:absolute;inset:0}.rf-ch-rails{justify-content:center;gap:34px;display:flex;position:relative}.rf-ch-rail{--lift:clamp(0, calc(var(--c1) * 1.8 - var(--i) * .12), 1)}.rf-ch-rail .rf-rail{transform:translateY(calc(var(--lift) * -7px));transition:none}.rf-ch-rail .rf-rail-label{opacity:calc(.45 + var(--lift) * .55);transition:none}.rf-ch-rail .rf-glyph{box-shadow:0 0 0 calc(var(--lift) * 6px) color-mix(in srgb, var(--rf-kind) calc(var(--lift) * 10%), transparent)}.rf-ch-search{flex:1;min-width:0;display:flex;position:relative}.rf-ch-search .rf-search-value{clip-path:inset(0 calc((1 - var(--c2)) * 100%) 0 0)}.rf-ch-search-mask{font:var(--rf-weight-regular) 12px / 1.3 var(--rf-font-system);color:var(--rf-text-3);opacity:calc(1 - var(--c2) * 6);pointer-events:none;align-items:center;display:flex;position:absolute;inset-block:0;inset-inline-start:27px}.rf-ch-search-mask:before{content:"Find"}.rf-ch-fold{max-height:calc((1 - var(--c3)) * 160px);opacity:calc(1 - var(--c3));margin-block-start:calc(var(--c3) * -12px);overflow:clip}.rf-composite-inspect .rf-ch-window{margin-inline-end:300px}.rf-ch-row{position:relative}.rf-ch-row .rf-row-actions{opacity:var(--c1)}.rf-ch-select{background:color-mix(in srgb, var(--rf-kind-code) 11%, transparent);box-shadow:inset 0 0 0 .75px color-mix(in srgb, var(--rf-kind-code) 60%, var(--rf-hairline-color));opacity:var(--c1);pointer-events:none;border-radius:14px;position:absolute;inset:0}.rf-ch-copied{width:34px;height:34px;color:var(--rf-success);background:var(--rf-success-wash);box-shadow:inset 0 0 0 .75px var(--rf-hairline-color);opacity:var(--c3);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:13px;inset-inline-end:94px}.rf-ch-key{pointer-events:none;position:absolute}.rf-ch-key-space{opacity:var(--c1);inset-block-start:36px;inset-inline-end:calc(100% + 12px)}.rf-ch-key-copy{opacity:var(--c3);inset-block-start:36px;inset-inline-end:calc(100% + 12px)}.rf-composite-inspect .rf-ch-key-space{opacity:calc(var(--c1) * (1 - var(--c3)))}.rf-composite-inspect .rf-ch-peek.rf-peek{visibility:visible;opacity:var(--c2);pointer-events:none;transition:none;inset-block-start:4px;inset-inline-start:calc(100% + 14px)}@keyframes rf-ch-capture{0%{--c1:0;--c2:0;--c3:0}40%{--c1:1;--c2:0}58%{--c2:1;--c3:0}72%{--c3:1}to{--c1:1;--c2:1;--c3:1}}@keyframes rf-ch-recognize{0%{--c1:0;--c2:0;--c3:0}36%{--c1:1;--c2:0}62%{--c2:1;--c3:0}80%{--c3:1}to{--c1:1;--c2:1;--c3:1}}@keyframes rf-ch-inspect{0%{--c1:0;--c2:0;--c3:0}30%{--c1:1;--c2:0}40%{--c2:1;--c3:0}75%{--c3:1}to{--c1:1;--c2:1;--c3:1}}@supports (animation-timeline:view()){.rf-composite{animation:linear both rf-ch-capture;animation-timeline:--ch;animation-range:entry 40% contain 45%}.rf-composite-recognize{animation-name:rf-ch-recognize}.rf-composite-inspect{animation-name:rf-ch-inspect}}@supports not (animation-timeline:view()){.rf-composite{--c1:1;--c2:1;--c3:1}}@media (max-width:1080px){.rf-chapter-head{grid-template-columns:minmax(0,1fr);gap:24px}.rf-chapter-head .rf-h2{max-width:18ch}.rf-composite-capture{grid-template-columns:minmax(0,1fr);justify-items:center}.rf-composite-capture .rf-source{max-width:502px}.rf-composite-inspect .rf-ch-window{margin-inline-end:0}.rf-composite-inspect .rf-ch-peek.rf-peek,.rf-ch-key{display:none}}@media (max-width:767px){.rf-composite{min-height:0;padding:24px 16px}.rf-ch-rails{flex-wrap:wrap;gap:4px 2px;max-width:100%}.rf-chapter-composite{margin-block-start:40px}}
.rf-manifesto-text{max-width:1180px;font:var(--rf-weight-semibold) var(--rf-size-h1) / 1.12 var(--rf-font-display);letter-spacing:-.024em;color:var(--rf-text-2);text-wrap:pretty;view-timeline:--thesis block;margin:0}.rf-manifesto-text strong{font-weight:inherit;color:var(--rf-text)}@supports (animation-timeline:scroll()){.rf-manifesto-text .rf-lit{animation:linear both rf-lit;animation-timeline:--thesis;animation-range-start:cover calc(10% + var(--i) * 0.9%);animation-range-end:cover calc(19% + var(--i) * 0.9%)}}@keyframes rf-lit{0%{opacity:.26}to{opacity:1}}.rf-manifesto-not{font:var(--rf-weight-regular) 13px / 1.6 var(--rf-font-mono);color:var(--rf-text-3);flex-wrap:wrap;align-items:baseline;gap:8px 20px;margin:36px 0 0;display:flex}.rf-manifesto-not-label{font:var(--rf-weight-medium) 13px / 1.6 var(--rf-font-system);color:var(--rf-text-2)}.rf-manifesto-not-list{flex-wrap:wrap;gap:8px 0;display:flex}.rf-manifesto-not-list>span{text-decoration:line-through;-webkit-text-decoration-color:hsl(var(--foreground) / .35);text-decoration-color:hsl(var(--foreground) / .35);text-decoration-thickness:1px}.rf-manifesto-not-list>span+span{border-inline-start:1px solid var(--rf-border-card-hover);margin-inline-start:14px;padding-inline-start:14px}.rf-manifesto-trio{grid-template-columns:repeat(3,minmax(0,1fr));margin-block-start:80px;display:grid}.rf-manifesto-trio>div{padding:4px 40px 4px 0}.rf-manifesto-trio>div+div{border-inline-start:1px solid var(--rf-border-card);padding-inline-start:40px}.rf-manifesto-trio .rf-text{max-width:38ch}@media (max-width:1080px){.rf-manifesto-text{font-size:32px}}@media (max-width:767px){.rf-manifesto-text{font-size:26px}.rf-manifesto-trio{grid-template-columns:minmax(0,1fr);margin-block-start:48px}.rf-manifesto-trio>div,.rf-manifesto-trio>div+div{border-inline-start:0;border-block-start:1px solid var(--rf-border-card);padding:20px 0}}
.rf-feat-head{max-width:40ch}.rf-feat-head .rf-h2{margin:0}.rf-feat-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-block-start:48px;display:grid}.rf-feat{grid-column:span var(--span,3);border-radius:var(--rf-radius-card);background:var(--rf-wash);border:1px solid var(--rf-border-card);min-width:0;transition:border-color var(--duration-fast) var(--ease-out);flex-direction:column;animation:linear both rf-feat-scene;animation-timeline:view();animation-range:entry 30% cover 45%;display:flex}@media (hover:hover) and (pointer:fine){.rf-feat:hover{border-color:var(--rf-border-card-hover)}}@keyframes rf-feat-scene{0%{--c1:0;--c2:0;--c3:0}40%{--c1:1;--c2:0;--c3:0}70%{--c1:1;--c2:1;--c3:0}to{--c1:1;--c2:1;--c3:1}}@supports not (animation-timeline:scroll()){.rf-feat{--c1:1;--c2:1;--c3:1;animation:none}}.rf-feat-visual{border-radius:calc(var(--rf-radius-card) - 8px);background:var(--rf-inset);place-items:center;min-height:348px;margin:8px 8px 0;padding:28px 24px;display:grid;position:relative;overflow:hidden}.rf-feat-visual>*{min-width:0;max-width:100%}.rf-feat-text{flex-direction:column;gap:8px;padding:24px 24px 26px;display:flex}.rf-feat-crumb{font:var(--rf-weight-regular) 12px / 1.5 var(--rf-font-mono);color:var(--rf-text-3);margin:0 0 4px}.rf-feat-text>h3{font:var(--rf-weight-semibold) 20px / 1.2 var(--rf-font-display);letter-spacing:-.014em;text-wrap:balance;margin:0}.rf-feat-text>p{font:var(--rf-weight-regular) 15px / 1.6 var(--rf-font-system);color:var(--rf-text-2);text-wrap:pretty;max-width:52ch;margin:0}.rf-feat-note{font:var(--rf-weight-regular) 12px / 1.5 var(--rf-font-mono);color:var(--rf-text-3);opacity:var(--c3);margin-block-start:6px}.rf-feat-settings{flex-direction:column;gap:16px;width:100%;display:flex}.rf-push{min-width:52px;height:21px;font:var(--rf-weight-regular) 12px / 1 var(--rf-font-system);color:var(--rf-text);background:var(--rf-control);box-shadow:inset 0 0 0 var(--rf-hairline) var(--rf-hairline-color), var(--rf-shadow-keycap);border-radius:5px;place-items:center;padding-inline:10px;display:inline-grid}.rf-feat-swap{place-items:center start;display:inline-grid}.rf-feat-swap>*{grid-area:1/1}.rf-push.rf-feat-swap{justify-items:center}.rf-feat-visual .rf-fit{position:relative}.rf-feat-appearance-stage{grid-template-columns:minmax(232px,300px) minmax(0,1fr);align-items:center;gap:28px;width:100%;display:grid}.rf-feat-windows{display:grid}.rf-feat-windows>*{grid-area:1/1}.rf-feat-window-alt{opacity:var(--c1)}[data-theme=light] .rf-feat-window-light,[data-theme=dark] .rf-feat-window-dark{display:none}.rf-feat-appearance{--feat-theme-index:2}[data-theme=dark] .rf-feat-appearance{--feat-theme-index:1}.rf-feat-appearance .rf-segmented[data-index]{--rf-seg:calc(var(--c1) * var(--feat-theme-index))}.rf-feat-appearance .rf-segmented span{color:var(--rf-text)}.rf-feat-appearance .rf-slider{--rf-slide:var(--c2)}.rf-feat-appearance .rf-row+.rf-row{margin-block-start:calc(var(--c2) * 12px)}.rf-feat-appearance .rf-settings-row:nth-child(2) .rf-toggle[data-on]{--rf-on:clamp(0, calc(var(--c3) * 2), 1)}.rf-feat-appearance .rf-settings-group:last-child .rf-toggle[data-on]{--rf-on:clamp(0, calc(var(--c3) * 2 - 1), 1)}.rf-feat-appearance .rf-row[data-tinted]{background:color-mix(in srgb, var(--rf-kind) calc(clamp(0, calc(var(--c3) * 2), 1) * 6%), var(--rf-wash))}.rf-feat-appearance .rf-badge{opacity:clamp(0, calc(var(--c3) * 2 - 1), 1)}.rf-feat-gesture-pane{gap:20px}.rf-feat-activation{align-items:center;gap:8px;display:inline-flex}.rf-feat-gesture{--g1:clamp(0, calc((var(--c1) - .4) * 5), 1);--g2:clamp(0, calc((var(--c2) - .4) * 5), 1);--g3:clamp(0, calc((var(--c3) - .4) * 5), 1)}.rf-feat-unassigned{font:var(--rf-weight-regular) 13px / 1.35 var(--rf-font-system);color:var(--rf-text-2);opacity:calc(1 - var(--g3))}.rf-feat-assigned{opacity:var(--g3)}.rf-feat-record{opacity:calc(1 - var(--g1) * (1 - var(--g3)))}.rf-feat-cancel{opacity:calc(var(--g1) * (1 - var(--g3)))}.rf-feat-gesture-lines{min-height:36px;display:grid}.rf-feat-gesture-line{font:var(--rf-weight-regular) 12px / 1.5 var(--rf-font-system);color:var(--rf-text-2);text-wrap:pretty;grid-area:1/1;align-items:flex-start;gap:7px;margin:0;display:flex}.rf-feat-gesture-line .rf-keycaps,.rf-feat-gesture-line svg{flex:none;margin-block-start:1px}.rf-feat-gesture-prompt{opacity:calc(var(--g1) * (1 - var(--g2)))}.rf-feat-gesture-again{opacity:calc(var(--g2) * (1 - var(--g3)))}.rf-feat-gesture-ready{color:var(--rf-success);opacity:var(--g3)}.rf-feat-pulse{place-items:center;padding-block:14px 10px;display:grid;position:relative}.rf-feat-shift .rf-keycap{border-radius:9px;min-width:44px;height:40px;font-size:17px}.rf-feat-ring{border:1px solid var(--rf-fill);border-radius:50%;width:84px;height:84px;position:absolute}.rf-feat-ring-1{opacity:calc(.55 * var(--c2) * (1 - var(--c3) * .6));scale:calc(.5 + var(--c2) * .5)}.rf-feat-ring-2{opacity:calc(.4 * var(--c3));scale:calc(.5 + var(--c3) * .95)}.rf-feat-states .rf-feat-pointer{opacity:calc(clamp(0, calc(var(--c1) * 4), 1) * (1 - var(--c3)));translate:calc((1 - var(--c1)) * 120px) calc((1 - var(--c1)) * 140px);pointer-events:none;position:absolute;inset-block-start:140px;inset-inline-start:calc(100% - 90px)}.rf-feat-states .rf-row[data-state=hover]{background:color-mix(in srgb, var(--rf-kind) calc(6% + var(--c1) * 2%), transparent);border-color:color-mix(in srgb, var(--rf-kind) calc(var(--c1) * 45%), var(--rf-hairline-color));box-shadow:inset 0 0 0 .25px color-mix(in srgb, var(--rf-kind) calc(var(--c1) * 45%), transparent)}.rf-feat-states .rf-row[data-state=hover] .rf-row-actions{opacity:var(--c1)}.rf-feat-states .rf-row-actions .rf-glass-btn:nth-child(2){background:color-mix(in srgb, var(--rf-fill) calc(var(--c2) * (1 - var(--c3)) * 12%), var(--rf-glass))}.rf-feat-states .rf-row[data-archived=true]{opacity:calc(1 - var(--c2) * .45)}.rf-feat-states .rf-row[data-archived=true] .rf-capsule{opacity:var(--c2)}.rf-feat-collapse{--gone:clamp(0, calc((var(--c3) - .55) * 2.3), 1);max-height:calc(220px * (1 - var(--gone)));opacity:calc(1 - clamp(0, calc(var(--c3) * 1.7), 1));margin-block-start:calc(-12px * var(--gone));overflow:hidden}.rf-feat-code{display:grid}.rf-feat-code>*{grid-area:1/1;min-width:0}.rf-feat-code-lit{opacity:var(--c1)}.rf-feat-inline-note{font:var(--rf-weight-regular) 11px / 1.5 var(--rf-font-system);color:var(--rf-success);opacity:var(--c3);margin:0}@media (max-width:1100px){.rf-feat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rf-feat{grid-column:span 1}.rf-feat-appearance{grid-column:1/-1}}@media (max-width:880px){.rf-feat-appearance-stage{grid-template-columns:minmax(0,1fr);gap:20px}.rf-feat-visual{min-height:0}}@media (max-width:760px){.rf-feat-grid{grid-template-columns:minmax(0,1fr)}.rf-feat{grid-column:auto}.rf-feat-visual{padding:20px 14px}.rf-feat-text{padding:20px 18px 22px}}@media (prefers-reduced-motion:reduce){.rf-feat-states .rf-feat-pointer{translate:0}.rf-feat-ring{scale:1}}
.rf-measured-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:32px 64px;display:grid}.rf-measured-head .rf-h2{margin-block-end:0}.rf-measured-head .rf-lead{max-width:56ch}.rf-sheet{background:var(--rf-border-card);border:1px solid var(--rf-border-card);border-radius:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:56px 0 0;display:grid}.rf-sheet-cell{background:radial-gradient(circle, hsl(var(--border) / .45) .75px, transparent .75px) 0 0 / 16px 16px, var(--rf-page);padding:28px 28px 30px;position:relative}.rf-sheet dt{font:var(--rf-weight-semibold) var(--rf-size-h2) / 1.1 var(--rf-font-display);letter-spacing:-.014em;font-variant-numeric:tabular-nums;white-space:nowrap}.rf-sheet dd{font:var(--rf-weight-regular) 13px / 1.5 var(--rf-font-mono);color:var(--rf-text-2);max-width:26ch;margin:10px 0 0}@media (max-width:1080px){.rf-measured-head{grid-template-columns:minmax(0,1fr)}.rf-sheet{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.rf-sheet{grid-template-columns:minmax(0,1fr)}}