.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}:root{--surface-dim: #131318;--surface: #131318;--surface-container-lowest: #0e0e13;--surface-container-low: #1b1b20;--surface-container: #1f1f25;--surface-container-high: #2a292f;--surface-container-highest: #35343a;--primary: #ffb3b6;--primary-container: #e11d48;--secondary: #4cd7f6;--secondary-container: #03b5d3;--on-surface: #e4e1e9;--on-primary-container: #fffaf9;--outline-variant: #5c3f40}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--surface);color:var(--on-surface);font-family:Manrope,sans-serif;overflow-x:hidden;line-height:1.6}.font-headline{font-family:Plus Jakarta Sans,sans-serif}.hero-gradient{background:radial-gradient(circle at center,#e11d4826,#13131800 70%)}.tech-grid{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px}.glass-nav{background:#35343a99;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.06)}.feature-card{background:#1b1b20cc;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);transition:background-color .3s ease,transform .3s ease}.feature-card:hover{background:var(--surface-container);transform:translateY(-4px)}.feature-card .card-icon{transition:transform .3s ease}.feature-card:hover .card-icon{transform:scale(1.1)}.btn-primary{background:var(--primary-container);color:var(--on-primary-container);border:none;padding:1rem 2rem;border-radius:12px;font-weight:700;font-size:1.125rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 8px 32px #e11d4833;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover{transform:scale(1.05);box-shadow:0 12px 40px #e11d484d}.btn-primary:active{transform:scale(.95)}.btn-ghost{background:#ffffff0d;backdrop-filter:blur(12px);color:var(--on-surface);border:1px solid rgba(255,255,255,.1);padding:1rem 2rem;border-radius:12px;font-weight:700;font-size:1.125rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:background .2s ease,transform .2s ease}.btn-ghost:hover{background:#ffffff1a}.btn-ghost:active{transform:scale(.95)}.btn-nav{background:var(--primary-container);color:var(--on-primary-container);border:none;padding:.625rem 1.5rem;border-radius:12px;font-weight:700;font-size:.875rem;cursor:pointer;transition:transform .2s ease}.btn-nav:active{transform:scale(.95)}.tech-badge{padding:.5rem 1.25rem;border-radius:9999px;font-weight:700;font-size:.875rem;letter-spacing:.025em;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#cbd5e1;transition:transform .2s ease,background .2s ease;cursor:default}.tech-badge:hover{transform:translateY(-2px)}.tech-badge.primary{background:#e11d481a;border-color:#e11d4833;color:var(--primary)}.tech-badge.secondary{background:#03b5d31a;border-color:#03b5d333;color:var(--secondary)}.nav-link{color:#64748b;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .3s ease;padding:.25rem 0}.nav-link:hover{color:#fb7185}.nav-link.active{color:#fb7185;border-bottom:2px solid #e11d48;padding-bottom:.25rem}.section-divider{height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.1),transparent)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}.mobile-menu{display:none;position:fixed;top:80px;left:5%;right:5%;background:#1f1f25f2;backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.5rem;z-index:49;flex-direction:column;gap:1rem}.mobile-menu.open{display:flex}.container{max-width:80rem;margin:0 auto;padding:0 1.5rem}.arch-image-overlay{background:linear-gradient(to top-right,var(--surface-dim),transparent,rgba(225,29,72,.1))}.preview-fade{background:linear-gradient(to top,var(--surface-container-low),transparent)}.footer-link{color:#64748b;text-decoration:none;font-size:.875rem;transition:color .3s ease}.footer-link:hover{color:#22d3ee}.screenshot-carousel{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:1rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.screenshot-carousel::-webkit-scrollbar{height:6px}.screenshot-carousel::-webkit-scrollbar-track{background:transparent}.screenshot-carousel::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.screenshot-item{flex:0 0 min(80%,700px);scroll-snap-align:center;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 40px #0006;transition:transform .3s ease;position:relative}.screenshot-item:hover{transform:scale(1.02)}.screenshot-item img{width:100%;height:auto;display:block}.screenshot-label{position:absolute;bottom:0;left:0;right:0;padding:1.5rem 1.25rem 1rem;background:linear-gradient(to top,rgba(14,14,19,.9),transparent);font-weight:700;font-size:.9375rem}.screenshot-label span{color:#94a3b8;font-weight:400;font-size:.8125rem;display:block;margin-top:.25rem}.platform-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;font-size:.8125rem;font-weight:600;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#94a3b8}.platform-badge.available{border-color:#e11d484d;background:#e11d4814;color:var(--primary)}@media(max-width:768px){.desktop-nav{display:none!important}.mobile-toggle{display:flex!important}}@media(min-width:769px){.mobile-toggle{display:none!important}}@media(prefers-reduced-motion:reduce){.reveal{transition:none;opacity:1;transform:none}.btn-primary:hover,.btn-ghost:hover,.feature-card:hover,.screenshot-item:hover{transform:none}}