:root{--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-bg-dark: #1E1E1E;--color-text-primary: #1a1a1a;--color-text-secondary: #666666;--color-text-muted: #999999;--color-text-light: #ffffff;--color-accent: #E968A2;--color-accent-hover: #d85791;--color-border: #e0e0e0;--color-border-dark: #333333;--color-pink: #E968A2;--color-pink-hover: #d85791;--color-pink-glow: rgba(233, 104, 162, .1);--color-link: #04C9FF;--color-link-hover: #0052a3;--font-family-primary: "Fraunces", serif;--font-family-heading: "Fraunces", serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--max-width-content: 1400px;--border-radius: 8px;--border-radius-lg: 20px;--border-width: 1px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}@media (prefers-color-scheme: dark){:root{--color-bg-primary: #1a1a1a;--color-bg-secondary: #2a2a2a;--color-text-primary: #e0e0e0;--color-text-secondary: #b0b0b0;--color-text-muted: #808080;--color-border: #404040}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);color-scheme:light dark}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);overflow-x:hidden;margin:0;padding:0;min-height:100vh;position:relative;z-index:1}.scroll-container{height:100vh;overflow-y:auto;overflow-x:hidden;position:relative;z-index:1;background-color:var(--color-bg-primary);clip:none}.scroll-container::-webkit-scrollbar{width:8px}.scroll-container::-webkit-scrollbar-track{background:var(--color-bg-secondary)}.scroll-container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.scroll-container::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}main{padding:var(--spacing-xl);width:60%;margin:0 auto}header{margin-bottom:var(--spacing-2xl);text-align:center}header h1{font-family:var(--font-family-heading);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}header .tagline{font-size:var(--font-size-lg);color:var(--color-text-secondary);font-weight:var(--font-weight-normal);margin-bottom:var(--spacing-lg)}.early-access-button{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-family-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-light);background-color:var(--color-accent);border:none;border-radius:var(--border-radius);cursor:pointer;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;margin-top:var(--spacing-md);box-shadow:var(--shadow-md)}.early-access-button:hover{background-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.early-access-button:active{transform:translateY(0);box-shadow:var(--shadow-md)}section{margin-bottom:var(--spacing-2xl)}section:last-of-type{margin-bottom:0}#hero{margin-bottom:var(--spacing-3xl)}#hero h2{font-family:var(--font-family-heading);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}#value-prop{margin-top:var(--spacing-3xl);margin-bottom:var(--spacing-3xl);text-align:center;max-width:700px;margin-left:auto;margin-right:auto;border:2px solid var(--color-accent);border-radius:var(--border-radius-lg);padding:var(--spacing-xl)}#value-prop h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}#value-prop p{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}h2{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md);color:var(--color-text-primary)}h3{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}section h3:not(:first-of-type){margin-top:var(--spacing-2xl)}section:not(#features) h3{color:var(--color-accent)}h4{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}p{margin-bottom:var(--spacing-md);line-height:var(--line-height-relaxed)}p:last-child{margin-bottom:0}ul,ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl);line-height:var(--line-height-relaxed)}ul{list-style-type:disc}ol{list-style-type:decimal}li{margin-bottom:var(--spacing-sm)}li:last-child{margin-bottom:0}strong{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}em{font-style:italic;color:var(--color-text-secondary)}a{color:var(--color-link);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-link-hover);text-decoration:underline}article{margin-bottom:var(--spacing-xl)}article:last-child{margin-bottom:0}article img,main>img{width:100%;max-width:100%;height:auto;border-radius:var(--border-radius-lg);margin:var(--spacing-xl) 0;box-shadow:var(--shadow-md),0 0 20px var(--color-accent-glow);display:block;border:1px solid var(--color-border-dark)}#features{margin-top:var(--spacing-3xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-2xl)}.feature{display:flex;flex-direction:column;align-items:flex-start}.feature img{width:100%;height:auto;border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);display:block;border:1px solid var(--color-border-dark)}.feature h3{margin-top:0;margin-bottom:var(--spacing-sm);width:100%}.feature p{margin-bottom:0;width:100%;text-align:left}#alpha-signup-wrapper{margin-top:var(--spacing-3xl);margin-bottom:var(--spacing-3xl);display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:hidden;border:2px solid var(--color-border);border-radius:var(--border-radius-lg)}#availability{padding:var(--spacing-sm) var(--spacing-3xl) var(--spacing-3xl);text-align:center;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0}#availability .app-icon{width:80px;height:auto;margin:0 auto var(--spacing-lg);display:block;border-radius:var(--border-radius-lg)}#availability p:last-child{margin-bottom:0}#alpha-signup{background-color:var(--color-bg-dark);padding:var(--spacing-3xl);text-align:center;display:flex;flex-direction:column;justify-content:center;border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);margin:0}#alpha-signup h2,#alpha-signup p{color:var(--color-text-light);margin-bottom:var(--spacing-md)}#alpha-signup form{display:flex;gap:var(--spacing-sm);width:100%;max-width:400px;margin:var(--spacing-lg) auto 0}#alpha-signup input[type=email]{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family-primary);font-size:var(--font-size-base);border:var(--border-width) solid rgba(255,255,255,.3);border-radius:var(--border-radius);background-color:#ffffff1a;color:var(--color-text-light);transition:border-color .2s ease,background-color .2s ease}#alpha-signup input[type=email]:not(:placeholder-shown){color:var(--color-text-light)}#alpha-signup input[type=email]::placeholder{color:#fff9}#alpha-signup input[type=email]:-webkit-autofill,#alpha-signup input[type=email]:-webkit-autofill:hover,#alpha-signup input[type=email]:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text-light);-webkit-box-shadow:0 0 0px 1000px rgba(255,255,255,.1) inset;transition:background-color 5000s ease-in-out 0s}#alpha-signup input[type=email]:focus{outline:none;border-color:#fff9;background-color:#ffffff26}#alpha-signup button{padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-light);background-color:var(--color-accent);border:none;border-radius:var(--border-radius);cursor:pointer;transition:background-color .2s ease,opacity .2s ease;white-space:nowrap;width:120px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box}#alpha-signup button:hover{background-color:var(--color-accent-hover)}#alpha-signup button:active{opacity:.8;transform:translateY(1px)}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-text-light);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#availability{margin-top:var(--spacing-3xl);text-align:center;padding-bottom:var(--spacing-3xl)}#availability p{margin-bottom:var(--spacing-lg)}.app-store-badge{display:inline-block;opacity:.5;pointer-events:none;margin-bottom:var(--spacing-sm)}.app-store-badge img{height:40px;width:auto;display:block}.coming-soon{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:0}.floral-decoration{text-align:center;margin-top:0;margin-bottom:var(--spacing-2xl);font-size:var(--font-size-2xl);color:var(--color-text-secondary);font-family:var(--font-family-primary);opacity:.6;line-height:1}footer{text-align:center}footer h2{margin-bottom:var(--spacing-md)}footer p{margin-bottom:var(--spacing-sm)}footer small{font-size:var(--font-size-sm);color:var(--color-text-secondary)}footer a{color:var(--color-link)}footer a:first-of-type{margin-right:var(--spacing-md)}footer a:last-of-type{margin-left:var(--spacing-md)}footer a:hover{color:var(--color-link-hover)}#artillery-game{display:none;width:100vw;height:100vh;cursor:crosshair;background:#1a1a1a;margin:0;padding:0;position:fixed;top:0;left:0;z-index:-1;pointer-events:auto;overflow:visible;clip:none}@media (min-width: 768px){#artillery-game{display:block!important}}@media (min-width: 769px) and (max-width: 1323px){#alpha-signup-wrapper{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#alpha-signup{padding:var(--spacing-lg);min-width:0}#alpha-signup h2{font-size:var(--font-size-xl)}#alpha-signup p{font-size:var(--font-size-sm)}#alpha-signup form{max-width:100%;flex-direction:column;gap:var(--spacing-sm)}#alpha-signup input[type=email]{width:100%;min-width:0}#alpha-signup button{width:100%;flex-shrink:0}#availability{padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg);min-width:0}}@media (max-width: 768px){:root{--font-size-4xl: 2rem;--font-size-3xl: 1.75rem;--font-size-2xl: 1.25rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 3rem}main{padding:var(--spacing-md);width:100%}#alpha-signup-wrapper{grid-template-columns:1fr}#alpha-signup{padding:var(--spacing-xl);border-radius:var(--border-radius-lg)}#alpha-signup form{flex-direction:column;max-width:100%;gap:var(--spacing-md)}#alpha-signup input[type=email],#alpha-signup button{width:100%}#availability{padding:var(--spacing-xl);border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg)}#features{gap:var(--spacing-xl)}}@media (max-width: 480px){main{padding:var(--spacing-2xl)}#alpha-signup{padding:var(--spacing-lg)}#alpha-signup h2{font-size:var(--font-size-xl)}#alpha-signup p{font-size:var(--font-size-sm)}#availability{padding:var(--spacing-lg)}#features{gap:var(--spacing-lg)}}