.features-container{background-image:radial-gradient(circle at 1px 1px,#ffffff14 1px,#0000 0);background-size:25px 25px;position:relative}.features-content{width:100%;position:relative}.hero-section{text-align:center;flex-direction:column;align-items:center;min-height:100vh;padding:160px 2rem 0;display:flex;position:relative;overflow:hidden}.hero-text{z-index:10;margin-bottom:1.5rem;position:relative}.hero-text h1,.hero-text h2{font-size:clamp(2.2rem,5vw,3.2rem);font-weight:600;line-height:1.2}.hero-gradient-text{background:linear-gradient(to right,var(--accent-start,#4f46e5),var(--accent-end,#9333ea));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-text p{max-width:600px;margin:1.2rem auto;font-size:1.05rem}.cta-button{cursor:pointer;border:none;border-radius:12px;padding:14px 30px;font-size:1rem;font-weight:500;transition:transform .2s,box-shadow .3s}.cta-button:hover{box-shadow:0 0 25px 8px var(--accent-glow-color,#fff3);transform:scale(1.05)}.dashboard-container{z-index:5;width:100%;max-width:1000px;margin-top:1rem;position:relative}.dashboard-container:before{content:"";filter:blur(80px);z-index:-1;pointer-events:none;background:radial-gradient(#fff5c84d 0%,#ffd76433 30%,#b48c281a 50%,#0000 75%);width:140%;height:140%;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.dashboard-image{border:1px solid var(--border-secondary,#ffffff1a);z-index:2;border-radius:20px;width:100%;height:auto;position:relative}.hero-floor-mask{z-index:8;background:linear-gradient(to bottom,#0000 0%,var(--app-primary,#000)60%,var(--app-primary,#000)100%);pointer-events:none;width:100%;height:150px;position:absolute;bottom:0;left:0}.notification-wrapper{transform-origin:50%;z-index:20;position:absolute}.title-section{text-align:center;z-index:10;margin-bottom:2rem;padding:6rem 2rem 2rem;position:relative}.title-section h2{margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:600}.title-section p{max-width:600px;margin:0 auto;font-size:1.1rem}.sticky-scroll-track{z-index:1;width:100%;position:relative}.sticky-book-viewport{perspective:2500px;box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100vh;padding-top:60px;display:flex;position:sticky;top:0;overflow:hidden}.book-stack-container{width:90vw;max-width:1400px;height:72vh;max-height:800px;position:relative}.book-page-layer{width:100%;height:100%;transform-style:preserve-3d;transform-origin:0;background-color:var(--background-secondary,#1a1a1a);border:1px solid var(--border-primary,#333);will-change:transform,opacity;border-radius:24px;position:absolute;top:0;left:0;box-shadow:-12px 15px 45px #00000059}.page-inner{background-color:var(--background-secondary,#1a1a1a);border-radius:24px;flex-direction:row;width:100%;height:100%;display:flex;overflow:hidden}.page-inner.is-alternate{flex-direction:row-reverse}.page-media{background-color:var(--accent-glassy-bg,#ffffff0d);border-right:1px solid var(--border-secondary,#333);flex:1.5;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.page-inner.is-alternate .page-media{border-right:none;border-left:1px solid var(--border-secondary,#333)}.page-media video{object-fit:cover;width:100%;height:100%;display:block}.page-content{flex-direction:column;flex:1;justify-content:center;padding:3.5rem;display:flex}.icon-box{background:#ffffff14;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:2rem;display:flex}.page-content h3{color:var(--text-primary,#fff);margin-bottom:1.2rem;font-size:clamp(2rem,3vw,2.8rem);font-weight:700;line-height:1.15}.page-content p{color:var(--text-secondary,#ccc);font-size:1.1rem;line-height:1.6}.features-footer-container{text-align:center;z-index:10;background-color:#0000;padding:6rem 2rem;position:relative}.features-footer-content{flex-direction:column;align-items:center;gap:1.5rem;max-width:800px;margin:0 auto;display:flex}.features-footer-content h2{font-size:clamp(2rem,5vw,2.8rem);font-weight:600}.features-footer-content p{color:var(--text-secondary,#ccc);max-width:500px;margin-top:-10px;font-size:1.1rem;line-height:1.6}.footer-cta-button{cursor:pointer;border:none;border-radius:12px;margin-top:1rem;padding:14px 30px;font-size:1rem;font-weight:500;transition:transform .2s,box-shadow .3s}.footer-cta-button:hover{box-shadow:0 0 25px 8px var(--accent-glow-color,#fff3);transform:scale(1.05)}.app-store-badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem;display:flex}.store-badge{transition:opacity .2s,transform .2s}.store-badge:hover{opacity:.9;transform:translateY(-3px)}@media (max-width:1024px){.page-content{padding:2.5rem}}@media (max-width:768px){.hero-section{padding-top:120px}.sticky-book-viewport{padding-top:60px}.book-stack-container{width:94%;height:75vh;max-height:650px}.book-page-layer{transform-origin:top}.page-inner,.page-inner.is-alternate{flex-direction:column}.page-media,.page-inner.is-alternate .page-media{border-left:none;border-right:none;border-bottom:1px solid var(--border-secondary,#333);flex:1;width:100%}.page-content{flex:1;justify-content:flex-start;width:100%;padding:1.5rem}.page-content h3{margin-bottom:.8rem;font-size:1.5rem}.page-content p{font-size:.95rem;line-height:1.4}.icon-box{width:44px;height:44px;margin-bottom:1rem}.features-footer-content h2{font-size:clamp(1.8rem,6vw,2.2rem)}}