:root{color-scheme:light;--bg: #efe2c2;--bg-deep: #3e2418;--surface: rgba(255, 248, 232, .9);--surface-strong: rgba(255, 252, 244, .96);--border: rgba(88, 46, 29, .22);--text: #23150f;--muted: #6b5144;--accent: #9d3f21;--accent-soft: #c9813c;--glow: rgba(212, 135, 57, .25);--shadow: 0 24px 80px rgba(52, 24, 12, .16);font-family:Georgia,Times New Roman,serif;line-height:1.5;font-weight:400;color:var(--text)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:url(/branding/backgrounds/landing-bg.webp) center top / cover fixed no-repeat}a{color:inherit}img{max-width:100%;display:block}code{font-family:Courier New,monospace}.page-shell{position:relative;min-height:100vh}.page-glow{position:absolute;width:42rem;height:42rem;border-radius:50%;filter:blur(18px);background:var(--glow);pointer-events:none}.page-glow--left{top:-18rem;left:-14rem}.page-glow--right{right:-12rem;bottom:10rem}.topbar,.layout{position:relative;z-index:1}.topbar{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:1.5rem clamp(1.2rem,3vw,3rem)}.topbar__nav{display:flex;gap:1rem;flex-wrap:wrap;margin-right:auto}.topbar__nav a,.locale-switch span,.source-label,.hero__meta,.signal-list,.feature-list,.shot-card__caption,.lightbox__caption{font-family:Trebuchet MS,Verdana,sans-serif}.topbar__nav a{text-decoration:none;color:#fff4dfeb;text-shadow:0 2px 12px rgba(21,11,8,.7)}.locale-switch{display:inline-flex;align-items:center;gap:.75rem;color:#fff4dfeb;text-shadow:0 2px 12px rgba(21,11,8,.7)}.locale-switch select{border:1px solid var(--border);border-radius:999px;background:var(--surface-strong);padding:.5rem .9rem;color:var(--text)}.layout{width:min(1160px,calc(100% - 2rem));margin:0 auto;padding:0 0 4rem;display:grid;gap:1.5rem}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:28px;padding:clamp(1.25rem,2vw,2rem);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card--hero{background:#fff8e8e0}.hero{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.9fr);grid-template-areas:"banner banner" "copy panel";gap:1.5rem;min-height:26rem}.kicker{margin:0 0 .5rem;font-family:Trebuchet MS,Verdana,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:.78rem}.hero__banner,.card h2{margin:0}.hero__banner{grid-area:banner;width:100%;max-width:none;filter:drop-shadow(0 10px 22px rgba(62,36,24,.18))}.hero__copy{grid-area:copy}.card h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.02;margin-bottom:.8rem}.hero__body{font-size:1.14rem;max-width:42rem;color:#3b261d}.hero__actions,.rules-links{display:flex;gap:.85rem;flex-wrap:wrap;margin-top:1.5rem}.button-like{display:inline-flex;align-items:center;justify-content:center;min-height:2.9rem;padding:.75rem 1.2rem;border-radius:999px;text-decoration:none;font-family:Trebuchet MS,Verdana,sans-serif;border:1px solid transparent}.button-like--disabled{background:linear-gradient(135deg,#9d3f21,#c9813c);color:#fff7eb;cursor:default}.button-like--ghost{border-color:var(--border);background:#fffcf4bf}.hero__meta{margin-top:1rem;color:var(--muted)}.hero__panel{grid-area:panel;align-self:end;background:#371f17db;color:#fef4df;border-radius:22px;padding:1.2rem}.status-chip{display:inline-flex;padding:.35rem .7rem;border-radius:999px;background:#e3a86838;border:1px solid rgba(255,213,166,.22);margin-bottom:.8rem;font-family:Trebuchet MS,Verdana,sans-serif}.signal-list,.feature-list{margin:0;padding-left:1.2rem;color:var(--muted)}.hero__panel .signal-list{color:inherit}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.markdown-block{margin-top:1rem;border-top:1px solid var(--border);padding-top:1rem}.markdown-block h1,.markdown-block h2,.markdown-block h3{margin-top:1.6rem;margin-bottom:.55rem}.markdown-block p,.markdown-block li{color:#412c21}.source-label{color:var(--muted);margin:.8rem 0 0}.screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}.shot-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(88,46,29,.22);border-radius:24px;padding:0;overflow:hidden;text-align:left;cursor:pointer;background:#fffbf2e0;box-shadow:0 18px 40px #34180c24;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.shot-card:hover,.shot-card:focus-visible{transform:translateY(-3px);border-color:#9d3f2175;box-shadow:0 24px 50px #34180c33}.shot-card__image{width:100%;aspect-ratio:16 / 10;object-fit:cover;background:#582e1d14}.shot-card__caption{display:block;padding:.9rem 1rem 1rem;color:var(--text)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:1.5rem}.lightbox__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a0e09c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lightbox__content{position:relative;z-index:1;width:min(1100px,100%);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem}.lightbox__figure{margin:0;background:#fff8e8f7;border:1px solid rgba(255,231,204,.36);border-radius:28px;overflow:hidden;box-shadow:0 30px 80px #00000057}.lightbox__image{width:100%;max-height:min(78vh,820px);object-fit:contain;background:#20130e}.lightbox__caption{padding:1rem 1.2rem 1.15rem;color:var(--text)}.lightbox__close,.lightbox__nav{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,231,204,.28);background:#27150ec7;color:#fff5e3;cursor:pointer;font:inherit}.lightbox__close{position:absolute;top:-.25rem;right:0;width:2.8rem;height:2.8rem;border-radius:999px;font-size:1.5rem}.lightbox__nav{width:3.4rem;height:3.4rem;border-radius:999px;font-size:2rem;line-height:1}.lightbox__close:hover,.lightbox__close:focus-visible,.lightbox__nav:hover,.lightbox__nav:focus-visible{background:#3d1f14eb}.lightbox__nav--prev{justify-self:end}.lightbox__nav--next{justify-self:start}@media (max-width: 960px){.hero,.grid-two,.screenshot-grid{grid-template-columns:1fr}.hero{grid-template-areas:"banner" "copy" "panel"}.topbar{justify-content:space-between;flex-wrap:wrap}.lightbox__content{grid-template-columns:1fr}.lightbox__nav--prev,.lightbox__nav--next{display:none}}@media (max-width: 640px){.layout{width:min(100% - 1rem,1160px)}.card h2{line-height:1.05}.hero__banner{width:100%}.lightbox{padding:.75rem}.lightbox__close{top:.5rem;right:.5rem}}
