.elegant-navbar{position:fixed;top:0;left:0;width:100%;height:var(--torch-navbar-height);display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:2px solid rgba(255,255,255,.8);transition:background .2s ease;z-index:var(--torch-z-navbar);will-change:opacity,transform;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.elegant-navbar.fallback{background:rgba(0,0,0,.9);-webkit-backdrop-filter:none;backdrop-filter:none}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.elegant-navbar{background:rgba(0,0,0,.9)}}.navbar-container{width:90%;max-width:var(--torch-container-max);display:flex;align-items:center;justify-content:space-between;position:relative}.navbar-logo{font-size:var(--torch-font-size-2xl);font-weight:var(--torch-font-weight-bold);color:white;text-decoration:none}.navbar-links{display:flex;gap:clamp(1rem,4vw,2rem);list-style:none;margin:0;padding:0}.nav-link{color:white;text-decoration:none;padding:var(--torch-space-sm) var(--torch-space-md);border-radius:var(--torch-radius-sm);transition:var(--torch-transition-all);outline:none;min-height:44px;display:flex;align-items:center}.nav-link:focus,.nav-link:hover{color:#ddd;transform:scale(1.05);background-color:rgba(255,255,255,.1)}.nav-link:focus-visible{outline:2px solid white;outline-offset:2px}.nav-link.active{border-bottom:2px solid white;font-weight:var(--torch-font-weight-bold);background-color:rgba(255,255,255,.15)}.progress-dots{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:var(--torch-space-sm);align-items:center}.progress-dot{width:8px;height:8px;border-radius:var(--torch-radius-full);background:rgba(255,255,255,.4);border:none;cursor:pointer;transition:var(--torch-transition-all);will-change:transform,background-color}.progress-dot:hover{background:rgba(255,255,255,.7);transform:scale(1.2)}.progress-dot.active{background:white;transform:scale(1.3);box-shadow:0 0 8px rgba(255,255,255,.5)}.progress-dot:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.mobile-toggle{display:none;background:none;border:none;color:white;cursor:pointer;padding:var(--torch-space-sm);border-radius:var(--torch-radius-sm);transition:background-color var(--torch-transition-base);outline:none;flex-direction:column;justify-content:space-around;width:24px;height:24px;min-width:44px;min-height:44px}.hamburger-line{display:block;width:20px;height:2px;background:white;transition:var(--torch-transition-all);transform-origin:center}.mobile-toggle:focus,.mobile-toggle:hover{background-color:rgba(255,255,255,.1)}.mobile-toggle:focus-visible{outline:2px solid white;outline-offset:2px}.mobile-menu{position:absolute;top:var(--torch-navbar-height);left:0;width:100%;background:rgba(0,0,0,.8);display:flex;flex-direction:column;padding:var(--torch-space-lg);list-style:none;margin:0}.pre-order-btn{background:var(--torch-gradient-secondary);color:white;font-weight:var(--torch-font-weight-bold);padding:var(--torch-space-sm) var(--torch-space-lg);border-radius:var(--torch-radius-full);border:2px solid #60a5fa;transition:var(--torch-transition-all);cursor:pointer;outline:none;will-change:transform;min-height:44px}.pre-order-btn:focus,.pre-order-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:scale(1.05);box-shadow:0 4px 15px rgba(59,130,246,.4)}.pre-order-btn:focus-visible{outline:2px solid white;outline-offset:2px}.pre-order-btn.mobile{width:100%;margin-top:var(--torch-space-sm)}body{padding-top:var(--torch-navbar-height)}.site-footer{border-top:2px solid rgba(255,255,255,.8);padding:var(--torch-space-2xl) 0;background:rgba(0,0,0,.8)}.footer-container{width:90%;max-width:var(--torch-container-max);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--torch-space-lg)}.footer-social-links{display:flex;gap:var(--torch-space-md)}.footer-social-link{color:white;font-size:var(--torch-font-size-xl);transition:var(--torch-transition-all);text-decoration:none}.footer-social-link:hover{color:#ddd}.footer-nav{display:flex;flex-wrap:wrap;gap:var(--torch-space-lg);justify-content:center}.footer-nav-link{color:rgba(255,255,255,.7);transition:var(--torch-transition-all);text-decoration:none}.footer-nav-link:hover{color:white}.footer-copyright{color:rgba(255,255,255,.7);font-size:var(--torch-font-size-sm);text-align:center;opacity:.8}.page-container{width:100%;min-height:100vh;position:relative}.main-content{width:100%;min-height:calc(100vh - var(--torch-navbar-height));padding:var(--torch-space-2xl) var(--torch-space-md);position:relative;z-index:var(--torch-z-base)}.page-content{max-width:var(--torch-container-max);margin:0 auto;padding:0 var(--torch-space-md)}.page-content h1{color:white;margin-bottom:var(--torch-space-md)}.page-content p{color:rgba(255,255,255,.8);line-height:var(--torch-line-height-relaxed)}.page-header{text-align:center;margin-bottom:var(--torch-space-3xl);padding:var(--torch-space-2xl) 0}.page-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--torch-font-weight-bold);margin-bottom:var(--torch-space-md);background:var(--torch-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--torch-text-secondary);max-width:600px;margin:0 auto;line-height:var(--torch-line-height-relaxed)}.content-section{margin-bottom:var(--torch-space-4xl)}section{padding:clamp(2rem,5vw,4rem) 0;max-width:1200px;margin:0 auto}.section-header{margin-bottom:var(--torch-space-2xl)}.section-title{font-size:var(--torch-font-size-3xl);font-weight:var(--torch-font-weight-semibold);margin-bottom:var(--torch-space-sm);color:var(--torch-text-primary)}.section-description{color:var(--torch-text-secondary);font-size:var(--torch-font-size-lg);line-height:var(--torch-line-height-relaxed)}.grid-container{display:grid;grid-gap:var(--torch-gap-grid);gap:var(--torch-gap-grid);width:100%}.grid-1-col{grid-template-columns:1fr}.grid-2-col,.grid-3-col{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--torch-gap-grid)}.grid-2-col,.grid-3-col,.grid-4-col{display:grid;gap:var(--torch-gap-grid)}.grid-4-col{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--torch-gap-grid)}@media (min-width:1024px){.grid-3-col{grid-template-columns:repeat(3,1fr)}.grid-4-col{grid-template-columns:repeat(4,1fr)}}.content-card{background:var(--torch-bg-primary);border-radius:var(--torch-radius-xl);padding:var(--torch-space-lg);box-shadow:var(--torch-shadow-md);transition:var(--torch-transition-all);border:1px solid var(--torch-border-primary)}.content-card:hover{transform:translateY(-2px);box-shadow:var(--torch-shadow-xl)}.blog-hero-gradient{background:var(--torch-gradient-hero)}.blog-post-hero-gradient{background:var(--torch-gradient-blog)}.blog-title-gradient{background:var(--torch-gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(251,191,36,.5)}.blog-content-card{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,250,252,.95));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--torch-radius-xl);box-shadow:var(--torch-shadow-xl)}.blog-tag-badge{background:var(--torch-gradient-secondary);color:white;border:none;font-size:var(--torch-font-size-xs);padding:var(--torch-space-xs) var(--torch-space-sm);border-radius:var(--torch-radius-sm)}.blog-loading-spinner{width:40px;height:40px;border:4px solid #6366f1;border-top-color:transparent;border-radius:var(--torch-radius-full);margin:0 auto var(--torch-space-md);animation:spin 1s linear infinite}.parallax-section{width:1200px!important;height:600px!important;position:relative;overflow:visible;margin:0 auto;padding:3em;box-sizing:border-box;transform-origin:center center}@media (max-width:1200px){.parallax-section{transform:scale(calc(100vw / 1200))!important}}@media (min-width:1201px) and (max-width:1440px){.parallax-section{transform:scale(calc(100vw / 1200 * .95))!important}}.parallax-section:after{content:"";position:fixed;top:10%;right:15%;width:6.25vw;height:6.25vw;border:2px solid rgba(96,165,250,.3);border-radius:var(--torch-radius-full);animation:float 6s ease-in-out infinite;z-index:0}.parallax-section:nth-child(2n):after{top:20%;left:10%;right:auto;border-color:rgba(168,85,247,.3);animation-delay:-3s}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.parallax-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:scroll;will-change:transform}.parallax-content-center{top:50%;transform:translate(-50%,-50%)}.parallax-content-center,.parallax-content-top{position:absolute;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;z-index:var(--torch-z-base);width:100%;padding:0 var(--torch-space-2xl);background:transparent!important;text-align:center}.parallax-content-top{top:20%;transform:translateX(-50%)}.parallax-content-bottom{bottom:20%;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;background:transparent!important;text-align:center}.parallax-content-bottom,.parallax-content-left{position:absolute;color:white;z-index:var(--torch-z-base);padding:0 var(--torch-space-2xl)}.parallax-content-left{left:10%}.parallax-content-left,.parallax-content-right{top:50%;transform:translateY(-50%);max-width:50vw}.parallax-content-right{position:absolute;right:10%;text-align:right;color:white;z-index:var(--torch-z-base);padding:0 var(--torch-space-2xl)}.parallax-overlay-left{position:absolute;top:50%;left:10%;transform:translateY(-50%);opacity:.3}.parallax-overlay-right{position:absolute;top:30%;right:15%;opacity:.6}.parallax-overlay-top{position:absolute;top:20%;left:20%;opacity:.4}.parallax-overlay-bottom{position:absolute;bottom:20%;left:10%;opacity:.5}.parallax-interactions-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.parallax-interactions-container>*{pointer-events:auto}.content-overlay{background:rgba(0,0,0,.33);padding:var(--torch-space-2xl);border-radius:var(--torch-radius-2xl);margin:0 auto;min-height:auto;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 16px rgba(0,0,0,.1);position:relative}.content-overlay:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(45deg,rgba(96,165,250,.1),rgba(168,85,247,.1),rgba(96,165,250,.1));border-radius:var(--torch-radius-2xl);z-index:-1}.glow{animation:pulse-glow 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px 5px rgba(56,189,248,.7)}50%{box-shadow:0 0 25px 10px rgba(56,189,248,1)}}.parallax-image-sm{width:250px;height:250px}.parallax-image-md{width:300px;height:200px}.parallax-image-lg{width:400px;max-width:100%}.parallax-image-xl{width:400px;height:150px}.scene1-bg{background-image:url(/images/scene1-mobile.png)}@media (min-width:768px){.scene1-bg{background-image:url(/images/scene1-tablet.png)}}@media (min-width:1024px){.scene1-bg{background-image:url(/images/scene1-desktop.png)}}@media (min-width:1440px){.scene1-bg{background-image:url(/images/scene1.png)}}.scene2-bg{background-image:url(/images/scene2-desktop.png)}.scene3-bg{background-image:url(/images/scene3-desktop.png)}.hero-bg{background-image:url(/images/story-bg1.jpg)}@media (max-width:768px){.hero-bg{background-image:url(/images/story-bg1-mobile.jpg)}}@media (min-width:769px) and (max-width:1024px){.hero-bg{background-image:url(/images/story-bg1-tablet.jpg)}}.hero-section{position:relative;min-height:50vh;display:flex;align-items:center;justify-content:center;border-radius:var(--torch-radius-2xl)}.hero{padding:clamp(1rem,5vw,2rem);min-height:40vh}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(30,58,138,.35);z-index:var(--torch-z-base)}.hero h1{text-shadow:0 3px 12px rgba(0,0,0,.5);margin-bottom:1rem}.hero p{color:var(--torch-text-light)}.loading-state{text-align:center;padding:var(--torch-space-3xl)}.loading-state p{color:var(--torch-text-secondary);font-size:var(--torch-font-size-lg)}.empty-state{text-align:center;padding:var(--torch-space-3xl)}.empty-state h3{color:var(--torch-text-primary);margin-bottom:var(--torch-space-md)}.empty-state p{color:var(--torch-text-secondary);font-size:var(--torch-font-size-lg)}@media (min-width:768px) and (max-width:1023px){.grid-2-col,.grid-3-col{grid-template-columns:repeat(2,1fr)}.content-overlay{padding:var(--torch-space-xl)}}@media (max-width:767px){.navbar-links{display:none}.mobile-toggle{display:flex}.progress-dots{display:none}.navbar-container{width:95%;padding:0 var(--torch-space-sm)}.grid-2-col,.grid-3-col,.grid-4-col{grid-template-columns:1fr}.main-content{padding:var(--torch-space-md) var(--torch-space-sm)}.page-content{padding:0 var(--torch-space-sm)}.page-header{padding:var(--torch-space-md) 0}.content-section,.page-header{margin-bottom:var(--torch-space-2xl)}.content-card{padding:var(--torch-space-md)}.parallax-bg-image{background-attachment:scroll}.parallax-content-left,.parallax-content-right{left:50%;right:auto;max-width:90%;text-align:center;transform:translate(-50%,-50%)}.parallax-overlay-bottom,.parallax-overlay-left,.parallax-overlay-right,.parallax-overlay-top{display:none}.content-overlay{padding:var(--torch-space-md);background:rgba(0,0,0,.1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.footer-nav{gap:var(--torch-space-md)}.site-footer{padding:var(--torch-space-lg) 0}}@media (max-width:568px){.elegant-navbar{min-opacity:.8}}@media (min-width:1920px){.content-overlay{padding:var(--torch-space-3xl)}}@media (min-width:1366px) and (max-width:1919px){.content-overlay{padding:var(--torch-space-2xl)}}@media (prefers-reduced-motion:reduce){.elegant-navbar{opacity:1!important}.blog-card,.content-card,.hamburger-line,.nav-link,.pre-order-btn,.progress-dot{transition:none;will-change:auto}.blog-card:hover,.content-card:hover,.nav-link:hover,.pre-order-btn:hover,.progress-dot:hover{transform:none}.glow,.parallax-section:after{animation:none}}@media (prefers-contrast:high){.elegant-navbar{background:rgba(0,0,0,.95);border-bottom:2px solid white}.nav-link{color:white}.progress-dot{background:white;border:1px solid black}.blog-card,.content-card{border:2px solid}}@media (prefers-reduced-motion:no-preference){.nav-link,.pre-order-btn,.progress-dot{will-change:transform}}