.page{position:absolute;inset:0;z-index:1;display:grid;grid-template-rows:auto 1fr}.rail{height:48px;padding:0 20px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border);background:var(--background);font-size:12px}.rail .brand{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:13px;letter-spacing:-.005em}.rail .brand img{width:18px;height:18px}.rail .version{font-family:var(--font-mono);color:var(--muted-foreground);font-size:11px;padding:2px 6px;border:1px solid var(--border);border-radius:var(--radius-sm)}.rail .spacer{flex:1}.rail .links{display:flex;gap:2px}.rail .links a{padding:6px 10px;color:var(--muted-foreground);border-radius:var(--radius-sm);transition:color var(--motion-fast),background var(--motion-fast)}.rail .links a:hover{color:var(--foreground);background:var(--muted)}.theme-toggle{display:inline-flex;gap:2px;padding:2px;background:var(--muted);border:1px solid var(--border);border-radius:7px}.theme-toggle button{background:transparent;border:none;cursor:pointer;width:24px;height:20px;border-radius:4px;color:var(--muted-foreground);display:inline-flex;align-items:center;justify-content:center;transition:color var(--motion-fast),background var(--motion-fast)}.theme-toggle button.active{background:var(--card);color:var(--foreground)}.stage{display:grid;grid-template-columns:minmax(440px,600px) 1fr;min-height:0;overflow:hidden}.pitch{padding:72px 56px 48px;display:flex;flex-direction:column;gap:28px;overflow-y:auto;background:var(--background)}.changelog-chip{display:inline-flex;align-items:center;gap:8px;padding:3px 10px 3px 3px;border:1px solid var(--border);border-radius:999px;background:var(--card);font-size:11px;color:var(--muted-foreground);width:fit-content;transition:border-color var(--motion-fast)}.changelog-chip:hover{border-color:var(--foreground)}.changelog-chip .tag{background:var(--muted);color:var(--foreground);padding:2px 8px;border-radius:999px;font-size:10px;font-weight:500;font-family:var(--font-mono)}.changelog-chip .arrow{color:var(--muted-foreground)}h1.hero{margin:0;font-weight:600;letter-spacing:-.035em;text-wrap:balance;color:var(--foreground);font-size:clamp(42px,5.2vw,68px);line-height:1.02}h1.hero .line2{color:var(--muted-foreground)}h1.hero .and{display:block;height:.15em}.sub{font-size:14px;color:var(--muted-foreground);line-height:1.55;max-width:38ch;text-wrap:pretty}.cta{display:flex;flex-wrap:wrap}.btn,.cta{gap:8px;align-items:center}.btn{display:inline-flex;height:32px;padding:0 14px;border-radius:8px;font-size:12.5px;font-weight:500;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background var(--motion-fast),border-color var(--motion-fast),opacity var(--motion-fast),transform var(--motion-fast)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--primary);color:var(--primary-foreground)}.btn.primary:hover{opacity:.88}.btn.outline{background:transparent;border-color:var(--border);color:var(--foreground)}.btn.outline:hover{background:var(--muted)}.meta{display:flex;gap:14px;align-items:center;color:var(--muted-foreground);font-family:var(--font-mono);font-size:11px}.meta .sep{width:3px;height:3px;border-radius:50%;background:var(--border)}.meta .ok{color:var(--status-progress)}.mock-wrap{padding:40px;display:flex;align-items:center;justify-content:center;min-height:0;perspective:1800px;perspective-origin:50% 50%;background:radial-gradient(circle at 50% 50%,color-mix(in oklch,var(--foreground) 4%,transparent) 0,transparent 60%),var(--background);overflow:visible}.mock-stage,.mock-wrap{position:relative;will-change:transform}.mock-stage{width:106%;max-width:none;aspect-ratio:2600/1620;margin-top:166px;transform-style:preserve-3d;transition:transform .32s var(--ease-out)}.shot{position:absolute;inset:0;border-radius:12px;overflow:hidden;background:var(--card);border:1px solid var(--border);box-shadow:0 50px 100px -40px oklch(0 0 0/60%),0 14px 40px -14px oklch(0 0 0/35%);backface-visibility:hidden}.shot img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;user-select:none;-webkit-user-drag:none;pointer-events:none}.shot.dark-layer{z-index:1}.shot.light-layer{z-index:2;clip-path:inset(0 0 0 var(--reveal,0));transition:clip-path .42s var(--ease-out)}@media (max-width:900px){.stage{grid-template-columns:1fr;grid-template-rows:auto 1fr}.pitch{padding:40px 32px;border-right:none}.mock-stage{margin-top:20px}}@media (max-height:700px){.pitch{padding:32px 36px;gap:16px}h1.hero{font-size:clamp(36px,4.2vw,54px)}}