:root{--bg:#f7f4ee;--bg-dark:#1e1e1e;--surface:#fffdf8;--surface-dark:#2d2d2d;--ink:#182421;--ink-dark:#f0f0f0;--muted:#5c6964;--muted-dark:#a1aab7;--line:#ded8cc;--line-dark:#555;--teal:#0f8f86;--teal-dark:#62c4b6;--green:#667f3f;--green-dark:#7a8f4f;--gold:#b68a3a;--gold-dark:#c69a4a;--font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--spacing-xxs:.25rem;--spacing-xs:.5rem;--spacing-sm:.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--breakpoint-sm:640px;--breakpoint-md:920px;--breakpoint-lg:1200px;--shadow:0 18px 55px #252e291f;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:3rem;--font-size-5xl:4rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800}@media (prefers-color-scheme:dark){:root{--bg:var(--bg-dark);--surface:var(--surface-dark);--ink:var(--ink-dark);--muted:var(--muted-dark);--line:var(--line-dark);--teal:var(--teal-dark);--green:var(--green-dark);--gold:var(--gold-dark)}}@media (prefers-color-scheme:light){:root{--color-scheme:light}}.button{border-radius:var(--border-radius-md);min-height:44px;font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-md);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.button.primary{background:var(--ink);color:var(--surface);border:1px solid var(--ink)}.button.secondary{color:var(--ink);border:1px solid var(--ink);background:#fffdf8b8}.text-link{min-height:auto;color:var(--teal);font-weight:var(--font-weight-semibold);justify-content:flex-start}.project-card{min-height:270px;padding:var(--spacing-md);border-radius:var(--border-radius-md);background:#fffdf8bd;border:1px solid #1824211f;flex-direction:column;display:flex}.feature-list{gap:var(--spacing-md);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.feature-list li{min-height:96px;padding:var(--spacing-md);border-top:4px solid var(--gold);color:var(--ink);font-weight:var(--font-weight-semibold);background:#fffdf8b8}.split-band,.download-band,.detail-grid{gap:var(--spacing-xl);border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;display:grid}@media (width<=920px){.hero-section,.split-band,.download-band,.detail-grid{grid-template-columns:1fr}.hero-section{min-height:auto}.project-grid,.feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}.download-band .button{justify-self:start}}@media (width<=640px){.site-header,.site-footer,.download-row{flex-direction:column;align-items:flex-start}.site-header,.site-footer{display:flex}.site-nav{width:100%;overflow-x:auto}.site-nav a{white-space:nowrap}.project-grid,.feature-list,.download-row{grid-template-columns:1fr}.hero-section,.section,.page-header{padding-right:var(--spacing-sm);padding-left:var(--spacing-sm)}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font-family);margin:0}body:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0f8f860f,#0000 28%),linear-gradient(#ad51440f,#0000 22%);position:fixed;inset:0}a{color:inherit}.brand{font-weight:var(--font-weight-extrabold);gap:.7rem;text-decoration:none}.brand-mark{border-radius:var(--border-radius-md);background:var(--ink);width:2.2rem;height:2.2rem;color:var(--surface);place-items:center;display:grid}.site-nav{gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--border-radius-md);background:#fffdf8bd;border:1px solid #1824211a}.site-nav a{color:var(--muted);font-size:var(--font-size-sm);border-radius:6px;padding:.65rem .8rem;text-decoration:none}.eyebrow{color:var(--teal);font-size:var(--font-size-xs);font-weight:var(--font-weight-extrabold);letter-spacing:0;text-transform:uppercase;margin:0 0 .75rem}.hero-actions{gap:var(--spacing-md);flex-wrap:wrap;margin-top:1.7rem}.hero-image{aspect-ratio:16/10;border-radius:var(--border-radius-md);width:100%;box-shadow:var(--shadow);object-fit:cover}.project-grid{gap:var(--spacing-md);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.card-kicker{color:var(--green);font-size:var(--font-size-xs);font-weight:var(--font-weight-extrabold);text-transform:uppercase;flex-wrap:wrap;gap:.45rem;margin-bottom:1.1rem;display:flex}.download-row{padding:var(--spacing-md);border-radius:var(--border-radius-md);background:#fffdf8bd;border:1px solid #1824211f;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;display:grid}.site-header,.site-footer{z-index:1;justify-content:space-between;align-items:center;gap:1rem;max-width:1180px;margin:0 auto;padding:1.1rem 1.25rem;display:flex;position:relative}.site-header{min-height:72px}.brand,.site-nav,.hero-actions{align-items:center;display:flex}.brand{gap:.7rem;font-weight:780;text-decoration:none}.brand-mark{background:var(--ink);width:2.2rem;height:2.2rem;color:var(--surface);border-radius:8px;place-items:center;display:grid}.brand-mark:before{content:"O"}.site-nav{background:#fffdf8bd;border:1px solid #1824211a;border-radius:8px;gap:.2rem;padding:.2rem}.site-nav a{color:var(--muted);border-radius:6px;padding:.65rem .8rem;font-size:.93rem;text-decoration:none}.site-nav a[aria-current=page],.site-nav a:hover{background:var(--ink);color:var(--surface)}main{z-index:1;position:relative}.hero-section,.section,.page-header{max-width:1180px;margin:0 auto;padding-left:1.25rem;padding-right:1.25rem}.hero-section{grid-template-columns:minmax(0,1fr) minmax(320px,1fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);min-height:calc(100vh - 156px);padding-top:2rem;padding-bottom:3.5rem;display:grid}.hero-copy{max-width:620px}.eyebrow{color:var(--teal);letter-spacing:0;text-transform:uppercase;margin:0 0 .75rem;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:0;margin-bottom:1.2rem;font-size:clamp(2.6rem,6vw,4.8rem);line-height:1}h2{letter-spacing:0;margin-bottom:.8rem;font-size:clamp(1.35rem,2.4vw,2.2rem);line-height:1.08}p{color:var(--muted);font-size:1rem;line-height:1.7}.hero-lede{max-width:560px;font-size:1.15rem}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.7rem}.button,.text-link{border-radius:8px;justify-content:center;align-items:center;min-height:44px;font-weight:750;text-decoration:none;display:inline-flex}.button{border:1px solid var(--ink);padding:.8rem 1rem}.button.primary{background:var(--ink);color:var(--surface)}.button.secondary{color:var(--ink);background:#fffdf8b8}.button.disabled{border-color:var(--line);color:var(--muted)}.text-link{min-height:auto;color:var(--teal);justify-content:flex-start}.hero-image{aspect-ratio:16/10;width:100%;box-shadow:var(--shadow);object-fit:cover;border-radius:8px}.section,.page-header{padding-top:4rem;padding-bottom:4rem}.page-header{max-width:900px;margin-left:calc(50% - min(1180px,100%)/2)}.page-header.compact{padding-bottom:2rem}.page-header h1{font-size:clamp(2.4rem,6vw,4.8rem)}.split-band,.download-band,.detail-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:2rem;display:grid}.download-band{grid-template-columns:minmax(0,1fr) auto}.section-heading{max-width:720px;margin-bottom:1.5rem}.project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.project-card,.download-row,.detail-grid article,.detail-grid aside{background:#fffdf8bd;border:1px solid #1824211f;border-radius:8px}.project-card{flex-direction:column;min-height:270px;padding:1.2rem;display:flex}.project-card .text-link{margin-top:auto}.card-kicker{color:var(--green);text-transform:uppercase;flex-wrap:wrap;gap:.45rem;margin-bottom:1.1rem;font-size:.76rem;font-weight:800;display:flex}.download-list{gap:1rem;display:grid}.download-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;padding:1.25rem;display:grid}.detail-grid article,.detail-grid aside{height:100%;padding:1.4rem}.feature-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.feature-list li{border-top:4px solid var(--gold);min-height:96px;color:var(--ink);background:#fffdf8b8;padding:1rem;font-weight:700}.site-footer{border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}.footer-nav{flex-wrap:wrap;gap:.45rem;display:flex}.footer-nav a{text-decoration:none}.footer-nav a:hover{color:var(--ink)}@media (width<=920px){.hero-section,.split-band,.download-band,.detail-grid{grid-template-columns:1fr}.hero-section{min-height:auto}.project-grid,.feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}.download-band .button{justify-self:start}}@media (width<=640px){.site-header,.site-footer,.download-row{flex-direction:column;align-items:flex-start}.site-header,.site-footer{display:flex}.site-nav{width:100%;overflow-x:auto}.site-nav a{white-space:nowrap}.project-grid,.feature-list,.download-row{grid-template-columns:1fr}.hero-section,.section,.page-header{padding-left:1rem;padding-right:1rem}h1{font-size:2.45rem}}.project-card-image{border-radius:var(--border-radius-sm);width:100%;height:auto;margin-top:var(--spacing-md);box-shadow:var(--shadow);object-fit:cover}.screenshot-grid{gap:var(--spacing-lg);margin-top:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.screenshot-image{border-radius:var(--border-radius-md);width:100%;height:auto;box-shadow:var(--shadow);object-fit:cover;aspect-ratio:16/9}.screenshot-caption{margin-top:var(--spacing-xs);color:var(--muted);font-size:var(--font-size-sm);text-align:center}.status-badge{gap:.5rem;margin-top:1rem;display:flex}.status-badge .badge{text-transform:capitalize;border-radius:4px;padding:.4rem .8rem;font-size:.85rem;font-weight:700}.badge-active{color:var(--green);background:#27ae6026}.badge-planning{color:var(--gold);background:#ad514426}.badge-early-access{color:var(--orange);background:#d3540026}.badge-paused{color:var(--muted);background:#9b999126}.theme-toggle{border:1px solid var(--muted);background:var(--surface);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.theme-toggle:hover{border-color:var(--teal)}.theme-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.theme-toggle svg{width:20px;height:20px;color:var(--ink)}.sun-icon,.moon-icon{width:20px;height:20px}.moon-icon{display:none}