:root{--ink: #1f241c;--ink-soft: #4a5244;--stone: #e9e4da;--stone-deep: #d9d2c4;--cream: #f4f0e8;--paper: #faf7f1;--leaf: #5f7d52;--leaf-deep: #3f5536;--accent: #c46b3a;--line: rgba(31, 36, 28, .12);--shadow: 0 24px 60px rgba(31, 36, 28, .08);--font-display: "Montserrat", "Avenir Next", "Segoe UI", sans-serif;--font-body: "Open Sans", "Segoe UI", sans-serif;--max: 1100px;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;overflow-x:hidden;min-height:100vh;color:var(--ink);font-family:var(--font-body);font-size:1.05rem;line-height:1.6;background:radial-gradient(1200px 600px at 10% -10%,rgba(95,125,82,.14),transparent 55%),radial-gradient(900px 500px at 100% 0%,rgba(196,107,58,.1),transparent 50%),linear-gradient(180deg,var(--paper) 0%,var(--cream) 45%,var(--stone) 100%);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:0}#root{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}a{color:var(--leaf-deep);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--accent)}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.15;letter-spacing:-.02em;margin:0 0 .6rem}p{margin:0 0 1rem;color:var(--ink-soft)}.staging-banner{position:fixed;top:0;left:0;right:0;z-index:30;background:var(--ink);color:#fff;text-align:center;font-size:.78rem;font-weight:600;letter-spacing:.06em;padding:.45rem 1rem}.staging-banner span{color:#a7f3d0}.main{flex:1}.section{max-width:var(--max);margin:0 auto;padding:4.5rem 1.5rem}.section--tight{padding-top:2.5rem;padding-bottom:2.5rem}.hero{height:100dvh;display:grid;grid-template-rows:1fr auto;align-items:center;position:relative;overflow:hidden}.hero__plane{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,#faf7f1eb,#faf7f18c 42%,#faf7f126 70%),repeating-linear-gradient(90deg,transparent 0,transparent 48px,rgba(95,125,82,.07) 48px,rgba(95,125,82,.07) 49px),repeating-linear-gradient(0deg,transparent 0,transparent 48px,rgba(95,125,82,.07) 48px,rgba(95,125,82,.07) 49px),radial-gradient(ellipse at 75% 45%,rgba(95,125,82,.28),transparent 55%),linear-gradient(160deg,#d7e0cf,#c9b8a4 55%,#b59a7a);animation:hero-breathe 12s var(--ease) infinite alternate}@keyframes hero-breathe{0%{transform:scale(1);filter:saturate(1)}to{transform:scale(1.03);filter:saturate(1.08)}}.hero__content{position:relative;z-index:1;width:100%;margin:0 auto;padding:4rem 1.5rem;text-align:center;animation:rise .9s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero__brand{font-family:var(--font-display);font-size:clamp(4rem,14vw,9rem);font-weight:800;letter-spacing:-.04em;margin:0;color:var(--ink)}.hero__brand em{font-style:normal;color:var(--leaf-deep)}.hero__scroll-hint{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding-bottom:2rem;color:var(--ink-soft);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;animation:hint-fade 2.5s var(--ease) 1.2s both}.hero__scroll-hint:after{content:"";display:block;width:1px;height:2.5rem;background:var(--ink-soft);opacity:.4;animation:hint-bob 1.8s ease-in-out infinite}@keyframes hint-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hint-bob{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(6px);opacity:.7}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.4rem;border-radius:999px;border:1px solid transparent;font-family:var(--font-body);font-weight:600;font-size:1rem;text-decoration:none;cursor:pointer;transition:transform .25s var(--ease),background .25s var(--ease),color .25s var(--ease)}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--ink);color:var(--paper)}.btn--primary:hover{background:var(--leaf-deep);color:var(--paper)}.btn--ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn--ghost:hover{border-color:var(--ink-soft);color:var(--ink)}.section__eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--leaf);margin-bottom:.75rem}.section__title{font-size:clamp(1.8rem,3.5vw,2.6rem);max-width:16ch}.section__lead{max-width:42ch;font-size:1.1rem}.games-header{background:#faf7f18c;border-top:1px solid var(--line)}.games-header__inner{max-width:var(--max);margin:0 auto;padding:3rem 1.5rem 0}.games-header .section__title{margin-bottom:.5rem}.games-header .section__lead{margin-bottom:0}.game-feature{animation:rise .8s var(--ease) both;animation-delay:.15s}.game-feature+.game-feature{border-top:1px solid var(--line)}.game-feature:nth-child(odd){background:#faf7f18c}.game-feature:nth-child(2n){background:#d9d2c447}.game-feature__inner{max-width:var(--max);margin:0 auto;padding:4rem 1.5rem;display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}.game-feature:nth-child(2n) .game-feature__inner{grid-template-columns:.9fr 1.1fr}.game-feature:nth-child(2n) .game-feature__text{order:2}.game-feature:nth-child(2n) .iphone-mockup{order:1}.game-feature__visual{aspect-ratio:4 / 3;border-radius:1.25rem;background:linear-gradient(145deg,rgba(255,255,255,.35),transparent 40%),repeating-linear-gradient(90deg,#5f7d52 0,#5f7d52 12.5%,#c46b3a 12.5%,#c46b3a 25%,#3f5536 25%,#3f5536 37.5%,#d9d2c4 37.5%,#d9d2c4 50%,#7a9b6e 50%,#7a9b6e 62.5%,#b59a7a 62.5%,#b59a7a 75%,#4a5244 75%,#4a5244 87.5%,#e9e4da 87.5%,#e9e4da);background-size:100% 100%,160% 160%;box-shadow:var(--shadow);animation:patch-drift 18s linear infinite}.store-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.store-badge{display:inline-block;line-height:0;border-radius:8px;transition:transform .2s var(--ease),opacity .2s var(--ease)}.store-badge:hover:not(.store-badge--disabled){transform:translateY(-2px)}.store-badge--disabled{opacity:.45;cursor:not-allowed}.store-badge__img{height:56px;width:auto;display:block}.iphone-mockup{display:flex;justify-content:center;align-items:center}.iphone-mockup__device{width:min(260px,72vw);filter:drop-shadow(0 28px 48px rgba(31,36,28,.22))}.iphone-mockup__bezel{background:linear-gradient(145deg,#3a3a3c,#1c1c1e 40%,#2c2c2e);border-radius:2.75rem;padding:.45rem;position:relative}.iphone-mockup__island{position:absolute;top:1.1rem;left:50%;transform:translate(-50%);width:28%;height:1.15rem;background:#000;border-radius:999px;z-index:3}.iphone-mockup__screen{aspect-ratio:9 / 19.5;border-radius:2.35rem;overflow:hidden;background:#0a0a0a;position:relative}.iphone-mockup__shot{width:100%;height:100%;object-fit:cover}.iphone-mockup__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#e8efe4,#d4e0cf 45%,#c5d4c8),repeating-linear-gradient(90deg,#5f7d5226 0,#5f7d5226 12.5%,#c46b3a1f 12.5%,#c46b3a1f 25%,#3f553626 25%,#3f553626 37.5%,#d9d2c433 37.5%,#d9d2c433 50%);background-size:100% 100%,200% 200%}.iphone-mockup__placeholder span{font-family:var(--font-display);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);background:#ffffffa6;padding:.5rem .85rem;border-radius:999px}@keyframes patch-drift{0%{background-position:0 0,0 0}to{background-position:0 0,40% 20%}}.game-feature h3{font-size:2rem}.game-feature__meta{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin:1.25rem 0 0;padding:0;list-style:none;color:var(--ink-soft);font-size:.95rem}.game-feature__meta li:before{content:"";display:inline-block;width:.45rem;height:.45rem;border-radius:50%;background:var(--leaf);margin-right:.55rem;vertical-align:middle}.status{padding:1rem 1.25rem;border:1px solid var(--line);border-radius:.75rem;background:#fff6;color:var(--ink-soft)}.page-hero{padding:3.5rem 1.5rem 1rem;max-width:var(--max);margin:0 auto;animation:rise .7s var(--ease) both}.page-hero h1{font-size:clamp(2.2rem,5vw,3.4rem)}.prose{max-width:65ch}.prose h2{margin-top:2rem;font-size:1.4rem}.site-footer{border-top:1px solid var(--line);margin-top:auto;background:#e9e4da8c}.site-footer__inner{max-width:var(--max);margin:0 auto;padding:1.75rem 1.5rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;color:var(--ink-soft);font-size:.95rem}.site-footer nav{display:flex;gap:1.25rem}.site-footer a{color:var(--ink-soft);text-decoration:none}.site-footer a:hover{color:var(--ink)}@media(max-width:800px){.games-header__inner{padding:2.5rem 1.5rem 0}.game-feature__inner,.game-feature:nth-child(2n) .game-feature__inner{grid-template-columns:1fr;padding:2.5rem 1.5rem}.game-feature:nth-child(2n) .game-feature__text{order:0}.game-feature:nth-child(2n) .iphone-mockup{order:1}.hero__content{padding-top:3rem;padding-bottom:3rem}}@media(max-width:434px){.store-buttons{justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}