@keyframes quiet-fade{0%{opacity:0}to{opacity:1}}@keyframes gentle-pulse{0%{transform:scale(1)}50%{transform:scale(1.07)}to{transform:scale(1)}}.appear-circle{opacity:0;animation:quiet-fade var(--duration-slow) ease .25s forwards,gentle-pulse 3.2s ease-in-out 1.4s infinite}.appear-1{opacity:0;animation:quiet-fade var(--duration-slow) ease .45s forwards}.appear-2{opacity:0;animation:quiet-fade var(--duration-slow) ease .7s forwards}.appear-3{opacity:0;animation:quiet-fade var(--duration-slow) ease .95s forwards}.appear-4{opacity:0;animation:quiet-fade var(--duration-slow) ease 1.15s forwards}.landing-shell{width:100%;max-width:1080px;margin:0 auto}.skip-link{position:absolute;left:var(--screen-padding-x);top:-3rem;z-index:100;padding:10px 14px;border-radius:var(--radius-full);background:var(--color-white);color:var(--color-black);text-decoration:none;transition:top var(--duration-fast) ease}.skip-link:focus-visible{top:16px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:24px var(--screen-padding-x) 0}.brand-lockup{display:grid;grid-gap:4px;gap:4px}.brand-kicker,.brand-wordmark{text-decoration:none}.brand-kicker{color:var(--color-text-tertiary);font-size:12px;letter-spacing:.24em;text-transform:uppercase}.brand-wordmark{font-size:28px;font-weight:300;letter-spacing:.04em}.site-nav{display:flex;flex-wrap:wrap;gap:16px}.site-nav a{color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;transition:color var(--duration-fast) ease}.site-nav a:hover{color:var(--color-text-primary)}.hero{min-height:calc(100svh - 84px);display:flex;flex-direction:column;padding:0 var(--screen-padding-x)}.hero-circle-wrap{flex:1 1;display:flex;align-items:center;justify-content:center}.hero-circle{width:clamp(120px,30vw,260px);aspect-ratio:1;border-radius:50%;background:var(--color-white)}.hero-text{padding-bottom:60px;display:flex;flex-direction:column;gap:0}.hero-text h1{font-size:clamp(56px,9vw,92px);font-weight:300;color:var(--color-white);letter-spacing:-.03em;line-height:.98;margin-bottom:12px}.hero-studio{font-size:var(--font-size-xs);font-weight:300;color:var(--color-text-tertiary);letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-bottom:16px}.hero-tagline{font-weight:300;letter-spacing:var(--tracking-normal);margin-bottom:18px;line-height:1.6}.hero-lead,.hero-tagline{font-size:var(--font-size-base);color:var(--color-text-secondary)}.hero-lead{font-weight:400;line-height:1.7;max-width:46rem;margin-bottom:36px}.hero-actions{display:flex;flex-direction:column;gap:var(--space-sm);max-width:420px;margin-bottom:var(--space-lg)}.hero-primary-action{border-color:var(--color-text-tertiary);max-width:100%}.hero-notes{list-style:none;display:flex;flex-wrap:wrap;gap:10px 18px;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin-bottom:var(--space-lg)}.hero-notes li{position:relative;padding-left:12px}.hero-notes li:before{content:"";position:absolute;left:0;top:.55em;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.28)}.hero-status{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--color-text-tertiary);padding:10px 14px;border-radius:var(--radius-full);color:var(--color-text-secondary);width:-moz-fit-content;width:fit-content}.hero-status-label{color:var(--color-text-tertiary);font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.hero-status strong{font-size:var(--font-size-sm);font-weight:300;color:var(--color-text-primary)}.how-section{padding:80px var(--screen-padding-x);border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:flex-start;gap:48px}.how-heading{font-size:var(--font-size-xs);font-weight:300;color:var(--color-text-tertiary);letter-spacing:var(--tracking-wider);text-transform:uppercase}.how-copy{font-size:var(--font-size-base);font-weight:400;color:var(--color-text-secondary);max-width:clamp(480px,72%,740px);line-height:1.7}.steps-grid{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px}.step-card{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02);padding:24px;display:flex;flex-direction:column;gap:12px;min-height:180px}.step-index{font-size:var(--font-size-xs);color:var(--color-text-tertiary);letter-spacing:var(--tracking-wide);text-transform:uppercase}.step-card h3{font-size:22px;font-weight:400;color:var(--color-text-primary);letter-spacing:-.02em}.step-card p:last-child{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:400;line-height:1.7}.mechanic-frames{display:flex;gap:20px;width:100%}.game-frame{flex:1 1;aspect-ratio:9/18;position:relative;background:var(--color-black);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;overflow:hidden}.game-frame-level{position:absolute;top:9%;left:9%;font-size:clamp(8px,1.1vw,11px);font-weight:300;color:rgba(255,255,255,.5);letter-spacing:var(--tracking-wide);text-transform:uppercase}.game-frame-circle{border-radius:50%;background:var(--color-white);aspect-ratio:1;flex-shrink:0}.game-frame-bottom{position:absolute;bottom:9%;left:0;right:0;text-align:center;font-size:clamp(8px,1.1vw,11px);font-weight:300;color:rgba(255,255,255,.45);letter-spacing:var(--tracking-wider);text-transform:uppercase}.copy-section{padding:80px var(--screen-padding-x);border-top:1px solid rgba(255,255,255,.08);gap:64px;align-items:flex-start}.copy-block,.copy-section{display:flex;flex-direction:column}.copy-block{gap:16px}.copy-block h2{font-size:clamp(26px,4vw,42px);font-weight:400;color:var(--color-white);letter-spacing:-.02em;line-height:1.08}.copy-block p{font-size:var(--font-size-base);font-weight:400;color:var(--color-text-secondary);line-height:1.7;max-width:clamp(480px,72%,740px)}.copy-block p+p{margin-top:8px}.copy-stat{display:flex;flex-direction:column;gap:6px}.copy-stat-label{font-size:var(--font-size-xs);font-weight:300;color:var(--color-text-tertiary);letter-spacing:var(--tracking-wide);text-transform:uppercase}.copy-stat-value{font-size:32px;font-weight:400;color:rgba(255,255,255,.9);letter-spacing:-.02em}.copy-stats-row{display:flex;gap:56px}.visualizer-section{padding:80px var(--screen-padding-x);border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:flex-start;gap:48px}.visualizer-frames{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;width:100%;max-width:840px}.visualizer-frame{overflow:hidden}.visualizer-image-button{width:100%;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;background:transparent;color:inherit;cursor:zoom-in;padding:0}.visualizer-image-button:focus-visible{outline:1px solid rgba(255,255,255,.8);outline-offset:4px}.visualizer-image-button img{width:100%;height:auto;display:block}.artwork-modal{position:fixed;inset:0;z-index:200;padding:clamp(20px,4vw,56px);background:rgba(0,0,0,.94);animation:quiet-fade var(--duration-normal) ease forwards}.artwork-modal,.artwork-modal-content{display:flex;align-items:center;justify-content:center}.artwork-modal-content{width:100%;height:100%}.artwork-modal-content img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.artwork-modal-close{position:fixed;top:20px;right:20px;z-index:201;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.28);border-radius:var(--radius-full);background:rgba(0,0,0,.72);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-sans);font-size:18px;font-weight:300;height:44px;letter-spacing:0;line-height:1;padding:0;width:44px}.artwork-modal-close:focus-visible,.artwork-modal-close:hover{border-color:rgba(255,255,255,.7);outline:none}.bottom-cta{padding:80px var(--screen-padding-x);border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:flex-start;gap:24px}.bottom-cta h2{font-size:clamp(28px,5vw,52px);font-weight:400;color:var(--color-white);letter-spacing:-.02em}.bottom-cta p{font-size:var(--font-size-base);font-weight:400;color:var(--color-text-secondary);max-width:clamp(400px,72%,740px);line-height:1.7}.bottom-cta-btn{max-width:360px;margin-top:8px}.bottom-cta-actions{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.bottom-cta-status{font-size:var(--font-size-sm);max-width:420px}.bottom-cta-status,.site-footer{color:var(--color-text-tertiary)}.site-footer{padding:32px var(--screen-padding-x);border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:12px;font-weight:300;letter-spacing:.06em}.site-footer-copy{display:grid;grid-gap:6px;gap:6px}.footer-description a,.footer-title a{color:inherit;text-decoration:none}.footer-description{color:var(--color-text-secondary);letter-spacing:0}.footer-meta{color:var(--color-text-tertiary)}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--color-text-tertiary);text-decoration:none;transition:color var(--duration-fast) ease}.footer-links a:hover{color:var(--color-text-secondary)}@media (max-width:768px){.steps-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.site-header{flex-direction:column;align-items:flex-start}.site-nav{gap:14px}.hero{min-height:auto;padding:0 var(--screen-padding-x)}.hero-circle-wrap{flex:none;min-height:clamp(220px,34svh,300px);padding:36px 0 28px}.hero-circle{width:clamp(120px,38vw,156px)}.hero-text{padding-bottom:44px}.hero-text h1{font-size:clamp(52px,15vw,64px)}.hero-actions{max-width:100%}.hero-notes{flex-direction:column;gap:8px}.how-section{padding:72px var(--screen-padding-x) 64px;gap:40px}.mechanic-frames{gap:10px}.steps-grid{grid-template-columns:1fr}.copy-section{padding:64px var(--screen-padding-x) 80px;gap:48px}.copy-stats-row{gap:32px;flex-direction:column}.visualizer-section{padding:64px var(--screen-padding-x) 72px;gap:40px}.visualizer-frames{grid-template-columns:1fr;max-width:100%}.bottom-cta{padding:64px var(--screen-padding-x) 80px}.bottom-cta-btn{max-width:100%;width:100%}.site-footer{align-items:flex-start;padding:28px var(--screen-padding-x)}.footer-links,.site-footer{flex-direction:column;gap:12px}}