*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;scroll-behavior:smooth}body{line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:root{--color-bg: #18181B;--color-brand: #4A0E19;--color-text: #E8E3D9;--color-accent: #FFB000;--color-surface-raised: #1F1F23;--color-surface-inset: #121214;--color-border: #2A2A2E;--color-whatsplayin: #FF6B35;--color-nexusstand: #FFD700;--color-onrecord: #A78BFA;--color-link: var(--color-accent);--color-link-hover: #FFC233;--color-focus-ring: var(--color-accent);--font-display: "Space Grotesk", system-ui, sans-serif;--font-mono: "Space Mono", "Courier New", monospace;--text-xs: .64rem;--text-sm: .8rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.563rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--text-4xl: 3.052rem;--text-hero: clamp(3rem, 8vw, 6rem);--weight-regular: 400;--weight-bold: 700;--space-unit: 8px;--space-xs: calc(var(--space-unit) * .5);--space-sm: var(--space-unit);--space-md: calc(var(--space-unit) * 2);--space-lg: calc(var(--space-unit) * 3);--space-xl: calc(var(--space-unit) * 5);--space-2xl: calc(var(--space-unit) * 8);--space-3xl: calc(var(--space-unit) * 13);--grid-columns: 12;--grid-gutter: var(--space-md);--max-width: 1200px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-base: .3s;--duration-slow: .6s}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms}}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Space Mono;src:url(/fonts/SpaceMono-Regular.woff2) format("woff2");font-weight:400;font-display:swap}body{font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-regular);color:var(--color-text);background-color:var(--color-bg);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:1.1}h1,h2{text-transform:uppercase}.skip-to-content{position:absolute;top:-100%;left:var(--space-md);z-index:9999;padding:var(--space-sm) var(--space-md);background:var(--color-accent);color:var(--color-bg);font-family:var(--font-mono);font-weight:var(--weight-bold);border-radius:var(--radius-sm);transition:top var(--duration-fast) var(--ease-out-expo)}.skip-to-content:focus{top:var(--space-md)}#site-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--space-md) var(--space-xl);background:#18181bd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.header-nav{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width);margin:0 auto}.header-logo{display:flex;align-items:center;gap:var(--space-sm)}.header-logo img{width:40px;height:40px;background:var(--color-surface-raised);border-radius:var(--radius-sm)}.header-logo__name{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text)}.header-links{display:flex;gap:var(--space-lg)}.header-links a{font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text);position:relative;transition:color var(--duration-fast) var(--ease-out-expo)}.header-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-accent);transition:width var(--duration-base) var(--ease-out-expo)}.header-links a:hover,.header-links a:focus-visible{color:var(--color-accent)}.header-links a:hover:after,.header-links a:focus-visible:after{width:100%}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px}::selection{background:var(--color-brand);color:var(--color-text)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.reveal-target{opacity:0;transform:translateY(24px);transition:opacity var(--duration-slow) var(--ease-out-expo),transform var(--duration-slow) var(--ease-out-expo)}.reveal-target.revealed{opacity:1;transform:translateY(0)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-xl)}#hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:100vh;min-height:100dvh;text-align:center;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-bg video{width:100%;height:100%;object-fit:cover;object-position:center top}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to bottom,#18181b26,#18181b66 50%,#18181bd9 85%,#18181b)}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-3xl) var(--space-xl);padding-bottom:clamp(4rem,10vh,8rem)}.hero-subheadline{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--color-text);opacity:.95;max-width:620px;min-height:3.2em;text-shadow:0 2px 16px rgba(0,0,0,.6)}.typewriter-active:after{content:"|";display:inline;animation:cursor-blink .7s step-end infinite;color:var(--color-accent);margin-left:2px}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}@media(max-width:768px){.hero-content{padding:var(--space-2xl) var(--space-md)}.hero-subheadline{font-size:var(--text-lg)}}#gallery{position:relative}.gallery-header{text-align:center;padding:var(--space-3xl) var(--space-xl) var(--space-2xl)}.gallery-header h2{font-size:var(--text-4xl);letter-spacing:.05em;margin-bottom:var(--space-md)}.gallery-header p{font-family:var(--font-mono);font-size:var(--text-base);opacity:.7;max-width:480px;margin:0 auto}.gallery-grid{display:flex;flex-direction:column;gap:var(--space-3xl);padding:0 var(--space-xl) var(--space-3xl);max-width:var(--max-width);margin:0 auto}@media(max-width:768px){.gallery-header{padding:var(--space-2xl) var(--space-md) var(--space-xl)}.gallery-header h2{font-size:var(--text-3xl)}.gallery-grid{padding:0 var(--space-md) var(--space-2xl);gap:var(--space-2xl)}}.app-card{--card-accent: var(--color-accent);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:center;padding:var(--space-2xl);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:transform var(--duration-base) var(--ease-out-expo),box-shadow var(--duration-base) var(--ease-out-expo)}.app-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px #0006,0 0 0 1px var(--card-accent)}.app-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-accent)}.app-card__content{display:flex;flex-direction:column;gap:var(--space-lg)}.app-card__label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--card-accent)}.app-card__name{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:1.1}.app-card__tagline{font-family:var(--font-mono);font-size:var(--text-lg);opacity:.85;line-height:1.5}.app-card__description{font-family:var(--font-mono);font-size:var(--text-sm);opacity:.6;line-height:1.7}.app-card__badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-bg);background:var(--card-accent);border-radius:var(--radius-sm);width:fit-content;border:none}.app-card__badge--waitlist{cursor:pointer;padding:var(--space-sm) var(--space-md);transition:transform var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-fast) var(--ease-out-expo)}.app-card__badge--waitlist:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.app-card__store-link{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface-inset);border:1px solid var(--card-accent);border-radius:var(--radius-sm);width:fit-content;transition:background var(--duration-fast) var(--ease-out-expo),color var(--duration-fast) var(--ease-out-expo)}.app-card__store-link:hover{background:var(--card-accent);color:var(--color-bg)}.app-card__visual{position:relative;aspect-ratio:10 / 16;border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface-inset);border:1px solid var(--color-border);max-height:500px}.app-card__visual img{width:100%;height:100%;object-fit:contain}.app-card__indicator{position:absolute;top:var(--space-md);right:var(--space-md);width:8px;height:8px;border-radius:50%;background:var(--card-accent);box-shadow:0 0 8px var(--card-accent);animation:led-pulse 2s ease-in-out infinite}@keyframes led-pulse{0%,to{opacity:1}50%{opacity:.4}}.app-card--coming-soon{opacity:.7}.app-card--coming-soon .app-card__visual{filter:grayscale(.5)}.app-card:nth-child(2n){direction:rtl}.app-card:nth-child(2n)>*{direction:ltr}@media(max-width:768px){.app-card{grid-template-columns:1fr;padding:var(--space-xl)}.app-card:nth-child(2n){direction:ltr}.app-card__name{font-size:var(--text-2xl)}.app-card__visual{aspect-ratio:16 / 9}}.carousel{position:relative;width:100%;height:100%;overflow:hidden}.carousel__track{display:flex;height:100%;transition:transform var(--duration-base) var(--ease-out-expo)}.carousel__slide{flex:0 0 100%;width:100%;height:100%}.carousel__slide img{width:100%;height:100%;object-fit:contain;background:var(--color-surface-inset)}.carousel__btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:36px;height:36px;border:1px solid var(--color-border);border-radius:50%;background:#18181bcc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--color-text);font-size:var(--text-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--duration-fast) var(--ease-out-expo),background var(--duration-fast) var(--ease-out-expo),border-color var(--duration-fast) var(--ease-out-expo)}.carousel:hover .carousel__btn{opacity:1}.carousel__btn:hover{background:var(--color-surface-raised);border-color:var(--color-accent)}.carousel__btn--prev{left:var(--space-sm)}.carousel__btn--next{right:var(--space-sm)}.carousel__dots{position:absolute;bottom:var(--space-sm);left:50%;transform:translate(-50%);display:flex;gap:var(--space-xs);z-index:2}.carousel__dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;border:none;cursor:pointer;padding:0;transition:background var(--duration-fast) var(--ease-out-expo),transform var(--duration-fast) var(--ease-out-expo)}.carousel__dot:hover{background:#fff9}.carousel__dot--active{background:var(--color-accent);transform:scale(1.25)}.waitlist-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out-expo)}.waitlist-modal-overlay.open{opacity:1;pointer-events:auto}.waitlist-modal{--waitlist-accent: var(--color-accent);width:90%;max-width:440px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-top:3px solid var(--waitlist-accent);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:0 24px 48px #0006;transform:translateY(16px);transition:transform var(--duration-base) var(--ease-out-expo)}.waitlist-modal-overlay.open .waitlist-modal{transform:translateY(0)}.waitlist-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.waitlist-modal__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text);text-transform:none}.waitlist-modal__close{background:none;border:none;color:var(--color-text);font-size:var(--text-xl);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:color var(--duration-fast);line-height:1;flex-shrink:0}.waitlist-modal__close:hover{color:var(--waitlist-accent)}.waitlist-modal__desc{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);opacity:.7;margin-bottom:var(--space-lg);line-height:1.6}.waitlist-modal__form{display:flex;flex-direction:column;gap:var(--space-sm);transition:opacity var(--duration-base)}.waitlist-modal__form--hidden{opacity:0;pointer-events:none;height:0;overflow:hidden;margin:0}.waitlist-modal__input{flex:1;padding:var(--space-sm) var(--space-md);background:var(--color-surface-inset);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-base);outline:none;transition:border-color var(--duration-fast)}.waitlist-modal__input::placeholder{color:var(--color-text);opacity:.4}.waitlist-modal__input:focus{border-color:var(--waitlist-accent)}.waitlist-modal__input:disabled{opacity:.5}.waitlist-modal__submit{padding:var(--space-sm) var(--space-lg);background:var(--waitlist-accent);color:var(--color-bg);border:none;border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background var(--duration-fast),transform var(--duration-fast)}.waitlist-modal__submit:hover{filter:brightness(1.15);transform:translateY(-1px)}.waitlist-modal__submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.waitlist-modal__message{font-family:var(--font-mono);font-size:var(--text-sm);margin-top:var(--space-md);min-height:1.6em;line-height:1.6}.waitlist-modal__message--success{color:#4ade80}.waitlist-modal__message--error{color:#f87171}@media(max-width:480px){.waitlist-modal{padding:var(--space-lg)}.waitlist-modal__form{flex-direction:column}.waitlist-modal__submit{width:100%}}#contact{position:relative;padding:var(--space-3xl) var(--space-xl) var(--space-2xl);border-top:1px solid var(--color-border);background:var(--color-surface-inset)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-2xl);max-width:var(--max-width);margin:0 auto}.footer-brand{display:flex;flex-direction:column;gap:var(--space-md)}.footer-brand__logo{width:48px;height:48px;background:var(--color-surface-raised);border-radius:var(--radius-sm)}.footer-brand__name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.05em}.footer-brand__tagline{font-family:var(--font-mono);font-size:var(--text-sm);opacity:.6;max-width:300px}.footer-contact{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-contact__heading{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent);margin-bottom:var(--space-sm)}.footer-contact a{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);transition:color var(--duration-fast) var(--ease-out-expo)}.footer-contact a:hover,.footer-contact a:focus-visible{color:var(--color-accent)}.footer-contact__address{font-family:var(--font-mono);font-size:var(--text-xs);font-style:normal;opacity:.5;line-height:1.8;margin-top:var(--space-xs)}.footer-legal{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-legal__heading{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent);margin-bottom:var(--space-sm)}.footer-legal button{background:none;border:none;cursor:pointer;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);text-align:left;padding:0;transition:color var(--duration-fast) var(--ease-out-expo)}.footer-legal button:hover,.footer-legal button:focus-visible{color:var(--color-accent)}.footer-copyright{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border);text-align:center;font-family:var(--font-mono);font-size:var(--text-xs);opacity:.4;max-width:var(--max-width);margin-left:auto;margin-right:auto}.legal-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity var(--duration-base) var(--ease-out-expo),visibility var(--duration-base) var(--ease-out-expo)}.legal-modal-overlay.open{opacity:1;visibility:visible}.legal-modal{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:90%;max-width:680px;max-height:80vh;overflow-y:auto;padding:var(--space-2xl)}.legal-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl)}.legal-modal__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold)}.legal-modal__close{background:none;border:1px solid var(--color-border);cursor:pointer;color:var(--color-text);font-size:var(--text-xl);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out-expo),border-color var(--duration-fast) var(--ease-out-expo)}.legal-modal__close:hover{background:var(--color-surface-inset);border-color:var(--color-accent)}.legal-modal__body{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.8;opacity:.85}.legal-modal__body h3{font-family:var(--font-display);font-size:var(--text-lg);margin-top:var(--space-xl);margin-bottom:var(--space-sm)}.legal-modal__body p{margin-bottom:var(--space-md)}.legal-modal__body ul{margin-bottom:var(--space-md);padding-left:var(--space-lg);list-style:disc}@media(max-width:768px){.footer-grid{grid-template-columns:1fr;gap:var(--space-xl)}.legal-modal{width:95%;padding:var(--space-xl)}}
