:root{--obsidian-950:#0a0908;--obsidian-900:#120d0a;--obsidian-800:#1a1410;--obsidian-700:#231c16;--obsidian-600:#2d251e;--amber-400:#fbbf24;--amber-500:#f59e0b;--amber-600:#d97706;--rust-500:#b45309;--rust-600:#92400e;--crimson-500:#dc2626;--crimson-600:#991b1b;--warm-50:#faf5f0;--warm-100:#f0e8e0;--warm-200:#e8ddd3;--warm-300:#c4b5a5;--warm-400:#a89888;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{background-color:var(--obsidian-950);color:var(--warm-100);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:var(--safe-bottom);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--obsidian-950)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--amber-600), var(--rust-500));border-radius:3px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--amber-500), var(--amber-600))}.bg-mesh{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.glow{filter:blur(140px);opacity:.12;will-change:transform;border-radius:50%;position:absolute}.glow-1{background:radial-gradient(circle, var(--amber-500), transparent 70%);width:650px;height:650px;top:-12%;left:-8%}.glow-2{background:radial-gradient(circle, var(--crimson-500), transparent 70%);width:520px;height:520px;top:38%;right:-12%}.glow-3{background:radial-gradient(circle, var(--rust-500), transparent 70%);width:480px;height:480px;bottom:-8%;left:25%}.glass-nav{-webkit-backdrop-filter:blur(24px);padding-top:var(--safe-top);background:#0a0908b8;border-bottom:1px solid #fbbf240f;transition:background .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1);z-index:250!important}.glass-nav.scrolled{background:#0a0908f0;border-bottom-color:#fbbf241f;box-shadow:0 4px 32px #0006}.nav-link{color:var(--warm-300);letter-spacing:.01em;padding:6px 0;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-link:after{content:"";background:linear-gradient(90deg, var(--amber-500), var(--rust-500));border-radius:1px;width:0;height:1.5px;transition:width .35s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0}.nav-link:hover{color:var(--warm-50)}.nav-link:hover:after{width:100%}.nav-link.portfolio{color:var(--amber-400);font-weight:600}.nav-link.portfolio:hover{color:var(--amber-500)}.glass-card{-webkit-backdrop-filter:blur(16px);background:#120d0a8c;border:1px solid #fbbf2412;border-radius:16px;transition:border-color .4s,box-shadow .4s,background .4s}@media (hover:hover){.glass-card:hover{background:#120d0aa6;border-color:#fbbf2438;box-shadow:0 8px 40px #f59e0b14,0 0 0 1px #fbbf240f}}.feature-card{perspective:800px}.feature-card .card-inner{will-change:transform;transition:transform .1s linear}.feature-card .card-content{position:relative}@media (hover:hover){.feature-card:hover>.card-inner{border-color:#fbbf244d;box-shadow:0 0 24px #f59e0b24,0 0 48px #f59e0b0f,0 8px 32px #00000040}}.feature-icon{background:linear-gradient(135deg,#fbbf2414,#b4530914);border:1px solid #fbbf241f;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:background .35s,box-shadow .35s,border-color .35s;display:flex}.feature-icon svg{width:24px;height:24px;stroke:var(--amber-500);fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}@media (hover:hover){.glass-card:hover .feature-icon{background:linear-gradient(135deg,#fbbf2429,#b4530929);border-color:#fbbf2440;box-shadow:0 0 24px #f59e0b1f}}.magnetic-btn{letter-spacing:.01em;cursor:pointer;will-change:transform;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:box-shadow .35s;display:inline-flex;position:relative}.magnetic-btn svg{flex-shrink:0;width:18px;height:18px}.magnetic-btn.primary{background:linear-gradient(135deg, var(--amber-500), var(--amber-600));color:var(--obsidian-950)}@media (hover:hover){.magnetic-btn.primary:hover{box-shadow:0 0 32px #f59e0b59,0 0 80px #f59e0b14}}.magnetic-btn.secondary{color:var(--amber-400);background:#fbbf240f;border:1px solid #fbbf242e}@media (hover:hover){.magnetic-btn.secondary:hover{background:#fbbf241f;box-shadow:0 0 24px #f59e0b1a}}.magnetic-btn.outline-btn{color:var(--warm-200);background:0 0;border:1px solid #fbbe2444}@media (hover:hover){.magnetic-btn.outline-btn:hover{background:#fbbf240a;border-color:#8496bbb4}}.magnetic-btn.live{background:linear-gradient(135deg, var(--crimson-500), var(--rust-600));color:var(--warm-50)}@media (hover:hover){.magnetic-btn.live:hover{box-shadow:0 0 32px #dc26264d,0 0 80px #dc262614}}.video-wrapper{aspect-ratio:16/9;cursor:pointer;background:var(--obsidian-900);border:1px solid #fbbf241a;border-radius:16px;width:100%;position:relative;overflow:hidden}.video-wrapper .poster-img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .5s;position:absolute;inset:0}@media (hover:hover){.video-wrapper:hover .poster-img{transform:scale(1.03)}}.video-wrapper .play-overlay{background:#0a090859;justify-content:center;align-items:center;transition:background .35s;display:flex;position:absolute;inset:0}@media (hover:hover){.video-wrapper:hover .play-overlay{background:#0a090826}}.play-btn-circle{background:linear-gradient(135deg, var(--amber-500), var(--amber-600));cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s;display:flex;box-shadow:0 0 40px #f59e0b40}@media (hover:hover){.play-btn-circle:hover{transform:scale(1.08);box-shadow:0 0 64px #f59e0b66}}.play-btn-circle svg{width:28px;height:28px;fill:var(--obsidian-950);margin-left:3px}.video-wrapper iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.mode-card{border:1px solid #fbbf240f;border-radius:20px;transition:border-color .4s,transform .5s cubic-bezier(.4,0,.2,1),box-shadow .4s;position:relative;overflow:hidden}@media (hover:hover){.mode-card:hover{border-color:#fbbf242e;transform:translateY(-6px);box-shadow:0 20px 60px #0000004d}}.mode-card .mode-img{object-fit:cover;width:100%;height:320px;transition:transform .7s cubic-bezier(.4,0,.2,1),opacity .5s}@media (hover:hover){.mode-card:hover .mode-img{transform:scale(1.05)}}.mode-card .mode-overlay{background:linear-gradient(#0000 0%,#0a0908bf 50%,#0a0908f5 100%);padding:40px 28px 28px;position:absolute;bottom:0;left:0;right:0}.accent-line{background:linear-gradient(90deg, var(--amber-500), var(--rust-500));border-radius:2px;width:56px;height:3px}.gradient-text{background:linear-gradient(135deg, var(--warm-50) 20%, var(--amber-400) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-warm{background:linear-gradient(135deg, var(--amber-400), var(--rust-500), var(--crimson-500));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.typewriter-cursor{background:var(--amber-500);vertical-align:text-bottom;width:2px;height:1.15em;margin-left:2px;animation:1s step-end infinite cursor-blink;display:inline-block}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.dev-avatar{object-fit:cover;border:2px solid #fbbf242e;border-radius:50%;width:80px;height:80px;transition:border-color .3s,box-shadow .3s,opacity .5s}@media (hover:hover){.dev-avatar:hover{border-color:#fbbf2466;box-shadow:0 0 24px #f59e0b26}}.footer-link{color:var(--warm-400);align-items:center;gap:6px;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .3s;display:inline-flex}@media (hover:hover){.footer-link:hover{color:var(--amber-400)}}.footer-link svg{flex-shrink:0;width:16px;height:16px}.reveal{opacity:0;transform:translateY(40px)}.reveal-left{opacity:0;transform:translate(-40px)}.reveal-right{opacity:0;transform:translate(40px)}[data-src]{opacity:0;transition:opacity .6s}.lazy-loaded{opacity:1!important}img:not([data-src]){opacity:1}.mobile-menu{-webkit-backdrop-filter:blur(24px);z-index:200;width:280px;height:100dvh;padding:88px 32px 32px;padding-top:calc(88px + var(--safe-top));padding-right:calc(32px + var(--safe-right));background:#0a0908f5;border-left:1px solid #fbbf2414;transition:right .45s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:-100%}.mobile-menu.open{right:0}.mobile-menu a{color:var(--warm-200);border-bottom:1px solid #fbbf240f;padding:16px 0;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600;text-decoration:none;transition:color .3s;display:block}.mobile-menu a:hover{color:var(--amber-400)}.mobile-overlay{z-index:199;opacity:0;pointer-events:none;background:#0009;transition:opacity .35s;position:fixed;inset:0}.mobile-overlay.open{opacity:1;pointer-events:all}.hamburger{cursor:pointer;z-index:201;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger span{background:var(--warm-200);border-radius:1px;width:22px;height:2px;transition:transform .35s,opacity .25s;display:block}.hamburger.active span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hero-image-wrap{aspect-ratio:16/9;border:1px solid #fbbf2414;border-radius:16px;width:100%;max-width:1000px;position:relative;overflow:hidden;box-shadow:0 24px 80px #0006,0 0 120px #f59e0b0a}.hero-image-wrap img{object-fit:cover;width:100%;height:100%}.store-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--amber-400);background:#fbbf240f;border:1px solid #fbbf241f;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;display:inline-flex}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--amber-500);align-items:center;gap:8px;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:700;display:inline-flex}.section-label:before{content:"";background:var(--amber-500);border-radius:1px;width:20px;height:1.5px;display:block}.section-divider{background:linear-gradient(90deg,#0000,#fbbf2414 20% 80%,#0000);width:100%;height:1px}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:999;opacity:0;pointer-events:none;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:#000000b3;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:all}.modal-container{background:#140f0c;background:var(--obsidian-900);-webkit-backdrop-filter:none;border:1px solid #fbbf2426;border-radius:16px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);transform:scale(.95);box-shadow:0 24px 64px #000c,0 0 40px #fbbf2414}.modal-overlay.open .modal-container{transform:scale(1)}.modal-close-btn{cursor:pointer;color:var(--warm-400);background:#fbbf2408;border:1px solid #fbbf240d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:color .2s,transform .2s,background-color .2s,border-color .2s;display:flex;position:absolute;top:16px;right:16px}@media (hover:hover){.modal-close-btn:hover{color:var(--amber-400);background:#fbbf2414;border-color:#fbbf2426;transform:rotate(90deg)}}.modal-store-btn{color:var(--warm-200);background:#fbbf2408;border:1px solid #fbbf241a;border-radius:12px;align-items:center;gap:12px;padding:14px 20px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.modal-store-btn svg{flex-shrink:0;transition:transform .3s}@media (hover:hover){.modal-store-btn:hover svg{transform:scale(1.1)}.modal-store-btn.chrome-btn:hover{border-color:var(--amber-500);color:var(--amber-400);background:#fbbf2414;box-shadow:0 0 20px #f59e0b1f}.modal-store-btn.firefox-btn:hover{border-color:var(--crimson-500);color:#ff5a00;background:#dc26260f;box-shadow:0 0 20px #dc26261a}.modal-store-btn.edge-btn:hover{color:#0078d7;background:#fbbf240d;border-color:#0078d7;box-shadow:0 0 20px #0078d71a}}.magnetic-btn.live,#hero-buttons .magnetic-btn{width:220px}#hero-buttons .magnetic-btn.live{width:190px}@media (width<=1024px){.mode-card .mode-img{height:260px}}@media (width<=768px){.hamburger{display:flex}.desktop-nav{display:none}.glow{opacity:.06}.glow-1{width:350px;height:350px}.glow-2{width:280px;height:280px}.glow-3{width:250px;height:250px}.mode-card .mode-img{height:220px}.mode-card .mode-overlay{padding:28px 20px 20px}.play-btn-circle{width:60px;height:60px}.play-btn-circle svg{width:22px;height:22px}.hero-image-wrap{border-radius:12px}.magnetic-btn{padding:12px 20px;font-size:.85rem}.magnetic-btn.live,#hero-buttons .magnetic-btn,#hero-buttons .magnetic-btn.live{width:100%;max-width:320px}.video-wrapper{border-radius:12px}.section-heading{font-size:1.75rem!important}.dev-card{padding:24px 20px!important}.dev-avatar{width:64px;height:64px}.feature-icon{border-radius:12px;width:44px;height:44px}.feature-icon svg{width:20px;height:20px}.footer-content .flex-wrap{flex-wrap:wrap!important;justify-content:center!important;gap:12px 16px!important;display:flex!important}.footer-content .flex-wrap .text-warm-400\/20{display:inline-block!important}.footer-content .flex-wrap span:nth-of-type(3){color:#0000;pointer-events:none;flex-basis:100%;height:0;margin:0;padding:0;overflow:hidden}.footer-content .footer-link{align-items:center;font-size:.8rem;display:inline-flex}.modal-container{max-width:calc(100vw - 32px);margin:16px}.modal-store-btn{padding:12px 16px;font-size:.9rem}}@media (width<=480px){#hero .font-heading{line-height:1.1;font-size:2.25rem!important}#hero-subtitle{font-size:.95rem!important}.store-badge{gap:4px;padding:5px 10px;font-size:.65rem}.store-badge svg{width:12px;height:12px}#hero-buttons{gap:12px!important}#hero-buttons .flex-wrap{flex-direction:column;align-items:center;width:100%}.magnetic-btn.live,#hero-buttons .magnetic-btn,#hero-buttons .magnetic-btn.live{width:100%;max-width:280px}.mode-card .mode-img{height:200px}.mode-card{border-radius:14px}.feature-card .card-inner{padding:20px!important}section{padding-top:48px!important;padding-bottom:48px!important}#hero{padding-top:96px!important;padding-bottom:40px!important}.section-heading{font-size:1.5rem!important}.section-label{font-size:.65rem}.dev-card p{font-size:.875rem!important}.footer-link{font-size:.8rem}.modal-container{margin:12px;padding:20px!important}.modal-container h3{font-size:1.1rem}.modal-store-btn{gap:10px;padding:11px 14px;font-size:.85rem}}@media (width<=360px){#hero .font-heading{line-height:1.12;font-size:1.85rem!important}#hero-subtitle{font-size:.85rem!important}.glass-nav .max-w-7xl{padding-left:16px;padding-right:16px}.max-w-7xl,.max-w-5xl,.max-w-3xl{padding-left:16px!important;padding-right:16px!important}.mode-card .mode-img{height:180px}.mode-card .mode-overlay{padding:20px 16px 16px}.mode-card .mode-overlay h3{font-size:1rem}.mode-card .mode-overlay p{font-size:.8rem}.feature-icon{border-radius:10px;width:40px;height:40px}.feature-icon svg{width:18px;height:18px}.magnetic-btn{border-radius:10px;padding:10px 16px;font-size:.8rem}.magnetic-btn.live,#hero-buttons .magnetic-btn,#hero-buttons .magnetic-btn.live{max-width:100%}.modal-store-btn{padding:10px 12px;font-size:.8rem}.modal-store-btn svg{width:16px;height:16px}}@media (height<=500px) and (orientation:landscape){#hero{padding-top:72px!important;padding-bottom:24px!important}#hero .font-heading{font-size:2rem!important}.mode-card .mode-img{height:180px}.play-btn-circle{width:48px;height:48px}.play-btn-circle svg{width:18px;height:18px}}.side-rays-container{pointer-events:none;z-index:3;width:100%;height:100%;position:relative;overflow:hidden}