.platform-stage{max-width:1100px;margin-inline:auto;padding:clamp(3rem,6vw,5rem) 1.5rem 0}.platform-stage-intro{text-align:center;max-width:46rem;margin-inline:auto;margin-bottom:clamp(2rem,4vw,3rem)}.platform-stage-title{font-size:clamp(1.6rem,3.2vw,2.25rem);font-weight:800;color:var(--sl-color-white);margin:0 0 .75rem;letter-spacing:-.02em}.platform-stage-lead{margin:0;font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.6;color:var(--sl-color-gray-2)}.platform-stage-lead code{background:var(--sl-color-gray-6);border-radius:5px;padding:.1em .4em;font-size:.9em}.platform-stage-frame{position:relative;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px -20px #00000073,0 0 0 1px #0000061f;isolation:isolate}:root[data-theme=dark] .platform-stage-frame{box-shadow:0 24px 60px -20px #000000a6,0 0 0 1px #ffffff14}.platform-desktop{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease-in-out}.platform-desktop.is-active{opacity:1}@media(prefers-reduced-motion:reduce){.platform-desktop{transition:none}}.platform-shell{position:absolute;inset:0}.platform-mark{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);height:min(88%,500px);aspect-ratio:1;color:#fff;opacity:.13;pointer-events:none;display:block}.platform-mark svg{width:100%;height:100%;display:block}.platform-desktop--gnome{background:radial-gradient(120% 90% at 20% 0%,#6c4ea8 0%,transparent 60%),radial-gradient(110% 90% at 85% 100%,#1c71d8 0%,transparent 55%),linear-gradient(160deg,#241f31,#1b2a4a 55%,#12172b)}.platform-gnome-bar{position:absolute;inset-inline:0;top:0;height:6.5%;min-height:22px;display:flex;align-items:center;padding:0 1rem;background:#0000008c;color:#ffffffe0;font-size:clamp(.6rem,1.05vw,.78rem);font-weight:600}.platform-gnome-workspaces{flex:1;display:flex;align-items:center;gap:4px}.platform-ws{display:block;width:6px;height:6px;border-radius:999px;background:currentColor;opacity:.45}.platform-ws--active{width:16px;opacity:1}.platform-gnome-clock{flex:0 0 auto}.platform-gnome-status{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:7px}.platform-gnome-status svg{display:block;width:13px;height:13px;fill:currentColor}.platform-desktop--windows{background:radial-gradient(75% 65% at 50% 55%,#2f6fd0 0%,transparent 62%),radial-gradient(60% 50% at 50% 45%,#63b3f5 0%,transparent 45%),linear-gradient(150deg,#08142c,#0d2a52 45%,#050b1a)}.platform-win-taskbar{position:absolute;inset-inline:0;bottom:0;height:8%;min-height:28px;display:flex;align-items:center;justify-content:center;background:#181a21b8;backdrop-filter:blur(12px);border-top:1px solid rgb(255 255 255 / 8%)}.platform-win-icons{display:flex;align-items:center;gap:clamp(6px,1vw,12px)}.platform-win-icon{width:clamp(12px,1.6vw,18px);aspect-ratio:1;border-radius:4px;background:#ffffff8c;position:relative}.platform-win-icon--start{background:linear-gradient(135deg,#4cc2ff,#0a84e0)}.platform-win-icon--running{background:linear-gradient(135deg,#7dc0f7,#3584e4)}.platform-win-icon--running:after{content:"";position:absolute;left:25%;right:25%;bottom:-5px;height:2px;border-radius:2px;background:#6cb6f5}.platform-win-tray{position:absolute;right:clamp(8px,1.5vw,18px);color:#ffffffd9;font-size:clamp(.55rem,.95vw,.72rem)}.platform-desktop--macos{background:radial-gradient(90% 70% at 70% 10%,#b06a8c 0%,transparent 55%),radial-gradient(90% 80% at 15% 90%,#3d5a8a 0%,transparent 55%),linear-gradient(155deg,#2b2233,#1d2333,#14161f)}.platform-mac-menubar{position:absolute;inset-inline:0;top:0;height:5.5%;min-height:20px;display:flex;align-items:center;justify-content:space-between;padding:0 .85rem;background:#ffffff1f;backdrop-filter:blur(14px);color:#ffffffeb;font-size:clamp(.55rem,.95vw,.72rem)}.platform-mac-menus{display:flex;align-items:center;gap:clamp(6px,1.1vw,14px)}.platform-mac-menus span:first-of-type{font-weight:700}.platform-mac-logo{width:9px;height:9px;border-radius:50% 50% 50% 12%;background:currentColor;display:inline-block}.platform-mac-dock{position:absolute;left:50%;transform:translate(-50%);bottom:2.5%;display:flex;align-items:flex-end;gap:clamp(5px,.9vw,10px);padding:clamp(4px,.7vw,7px);border-radius:14px;background:#ffffff24;backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px #ffffff24}.platform-mac-dock-icon{width:clamp(16px,2.2vw,26px);aspect-ratio:1;border-radius:22%;background:linear-gradient(160deg,#ffffffb3,#fff6);position:relative}.platform-mac-dock-icon--running{background:linear-gradient(160deg,#7dc0f7,#3584e4)}.platform-mac-dock-icon--running:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-4px;width:3px;height:3px;border-radius:50%;background:#ffffffd9}.platform-app{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(46%,380px);z-index:2;filter:drop-shadow(0 4px 20px rgb(0 0 0 / 45%))}.platform-app-window{display:block;width:100%}.platform-app-window .adw-toolbar-view-content{overflow:hidden}.platform-app-page{padding:10px 12px 14px}.platform-controls-end{display:grid;justify-items:end}.platform-controls-end>*{grid-area:1 / 1}.platform-controls{display:flex;align-items:center;gap:4px;pointer-events:none;opacity:0;transition:opacity 1.4s ease-in-out}.platform-stage-frame[data-active=gnome] .platform-controls--gnome,.platform-stage-frame[data-active=windows] .platform-controls--windows,.platform-stage-frame[data-active=macos] .platform-controls--macos{opacity:1}@media(prefers-reduced-motion:reduce){.platform-controls{transition:none}}.platform-app-window .adw-header-btn.platform-app-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px}.platform-app-window .platform-app-btn .adw-icon{width:14px;height:14px}.platform-controls--macos{gap:8px;padding-inline:2px}.platform-traffic{display:block;width:12px;height:12px;border-radius:50%}.platform-traffic--close{background:#ff5f57}.platform-traffic--min{background:#febc2e}.platform-traffic--zoom{background:#28c840}.platform-stage-caption{margin:1rem 0 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.5rem;text-align:center;font-size:clamp(.8rem,1.2vw,.92rem);color:var(--sl-color-gray-2);min-height:1.6em}.platform-stage-caption strong{font-weight:700;color:var(--sl-color-white)}@media(max-width:640px){.platform-stage-frame{aspect-ratio:3 / 4}.platform-app{width:min(74%,320px);font-size:.85em}.platform-app-page{padding:8px 8px 10px}.platform-controls--macos{gap:6px}.platform-traffic{width:10px;height:10px}.platform-app-window .adw-header-btn.platform-app-btn{width:22px;height:22px}.platform-app-window .platform-app-btn .adw-icon{width:12px;height:12px}}.quick-start-cta{text-align:center;padding:clamp(3rem,6vw,5rem) 1.5rem;max-width:600px;margin-inline:auto}.quick-start-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:var(--sl-color-white);margin:0 0 1.5rem}.quick-start-cta .command-tabs{margin-top:0;text-align:left}.quick-start-window{border-radius:12px;box-shadow:0 0 14px 5px #00000026,0 0 5px 2px #0000001a,0 0 0 1px #0000000d;outline:1px solid rgb(255 255 255 / 7%);outline-offset:-1px;overflow:hidden;text-align:left}.quick-start-headerbar{display:flex;align-items:center;min-height:47px;padding:0 6px;background:#2e2e32;color:#fff;box-shadow:inset 0 -1px #0000065c}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .quick-start-headerbar{background:#fff;color:#000006cc;box-shadow:inset 0 -1px #0000061f}}:root[data-theme=light] .quick-start-headerbar{background:#fff;color:#000006cc;box-shadow:inset 0 -1px #0000061f}.quick-start-headerbar-start{width:38px;flex-shrink:0}.quick-start-headerbar-title{flex:1;text-align:center;font-weight:700;font-size:.875rem;color:inherit}.quick-start-headerbar-end{display:flex;align-items:center;padding:0 3px;flex-shrink:0}.quick-start-copy{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:9px;background:transparent;cursor:pointer;color:inherit;padding:0}.quick-start-copy:hover{background:#8080801f}.quick-start-copy:active{background:#80808038}.quick-start-copy.copied{color:#2ec27e}.quick-start-copy-icon{display:block;width:16px;height:16px;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%207%200%20c%20-0.554688%200%20-1%200.445312%20-1%201%20h%20-2%20c%20-1.644531%200%20-3%201.355469%20-3%203%20v%209%20c%200%201.644531%201.355469%203%203%203%20h%208%20c%201.644531%200%203%20-1.355469%203%20-3%20v%20-9%20c%200%20-1.644531%20-1.355469%20-3%20-3%20-3%20h%20-2%20c%200%20-0.554688%20-0.445312%20-1%20-1%20-1%20z%20m%20-3%203%20h%201%20v%201%20c%200%200.554688%200.445312%201%201%201%20h%204%20c%200.554688%200%201%20-0.445312%201%20-1%20v%20-1%20h%201%20c%200.570312%200%201%200.429688%201%201%20v%209%20c%200%200.570312%20-0.429688%201%20-1%201%20h%20-8%20c%20-0.570312%200%20-1%20-0.429688%20-1%20-1%20v%20-9%20c%200%20-0.570312%200.429688%20-1%201%20-1%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%207%200%20c%20-0.554688%200%20-1%200.445312%20-1%201%20h%20-2%20c%20-1.644531%200%20-3%201.355469%20-3%203%20v%209%20c%200%201.644531%201.355469%203%203%203%20h%208%20c%201.644531%200%203%20-1.355469%203%20-3%20v%20-9%20c%200%20-1.644531%20-1.355469%20-3%20-3%20-3%20h%20-2%20c%200%20-0.554688%20-0.445312%20-1%20-1%20-1%20z%20m%20-3%203%20h%201%20v%201%20c%200%200.554688%200.445312%201%201%201%20h%204%20c%200.554688%200%201%20-0.445312%201%20-1%20v%20-1%20h%201%20c%200.570312%200%201%200.429688%201%201%20v%209%20c%200%200.570312%20-0.429688%201%20-1%201%20h%20-8%20c%20-0.570312%200%20-1%20-0.429688%20-1%20-1%20v%20-9%20c%200%20-0.570312%200.429688%20-1%201%20-1%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.quick-start-copy.copied .quick-start-copy-icon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'16'%20height%3D'16'%20viewBox%3D'0%200%2016%2016'%3E%3Cpath%20d%3D'M13.78%204.22a.75.75%200%200%201%200%201.06l-7.25%207.25a.75.75%200%200%201-1.06%200L2.22%209.28a.75.75%200%200%201%201.06-1.06L6%2010.94l6.72-6.72a.75.75%200%200%201%201.06%200z'%20fill%3D'currentColor'%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'16'%20height%3D'16'%20viewBox%3D'0%200%2016%2016'%3E%3Cpath%20d%3D'M13.78%204.22a.75.75%200%200%201%200%201.06l-7.25%207.25a.75.75%200%200%201-1.06%200L2.22%209.28a.75.75%200%200%201%201.06-1.06L6%2010.94l6.72-6.72a.75.75%200%200%201%201.06%200z'%20fill%3D'currentColor'%2F%3E%3C%2Fsvg%3E")}.quick-start-body{padding:1rem 1.25rem;background:#222226;font-family:Adwaita Mono,ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,monospace;font-size:clamp(.9rem,1.6vw,1.05rem);line-height:1.6}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .quick-start-body{background:#fff}}:root[data-theme=light] .quick-start-body{background:#fff}.quick-start-body code{background:transparent!important;padding:0!important;font-size:inherit;font-family:inherit;color:#fff}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .quick-start-body code{color:#000006cc}}:root[data-theme=light] .quick-start-body code{color:#000006cc}.quick-start-prompt{color:var(--sl-color-gray-3);margin-right:.5em;user-select:none}.quick-start-links{margin-top:1.75rem;display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.quick-start-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;text-decoration:none;transition:background .15s,box-shadow .15s,transform .15s}.quick-start-btn-primary{background:var(--sl-color-accent);color:#fff}.quick-start-btn-primary:hover{background:var(--sl-color-accent-high);box-shadow:0 4px 16px #3584e459;transform:translateY(-1px)}.quick-start-btn-minimal{background:transparent;color:var(--sl-color-white);border:1px solid var(--sl-color-gray-5)}.quick-start-btn-minimal:hover{background:var(--sl-color-gray-6);border-color:var(--sl-color-gray-4)}