.mirror-landing{background:#0a0a0a;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(10,10,10,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.1);padding:1rem 0}.header .header-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.header .header-left,.header .header-right{flex:1 1}.header .header-center{flex:2 1;text-align:center}.header .header-right{display:flex;justify-content:flex-end}.header .header-left-icon{width:47px;height:47px}.header .logo-container{display:flex;align-items:center;justify-content:center;gap:1rem}.header .logo-container .mirror-icon{width:47px;height:47px}.header .logo-container .mirror-logotype{height:40px;width:auto}.header .download-btn{background:#e6e4d7;border:1px solid #e6e4d7;color:#0a0a0a;padding:.75rem 1.5rem;border-radius:25px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-left:auto}.header .download-btn .mobile-text{display:none}.header .download-btn .desktop-text{display:inline}.header .download-btn:hover{background:#d4d2c5;border-color:#d4d2c5}.hero{position:relative;padding:80px 2rem;display:flex;align-items:center;overflow:hidden;min-height:80vh}.hero .hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.hero .hero-background .hero-bg-image{object-fit:cover;object-position:center top;opacity:.3}.hero .hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;align-items:center;padding-top:0;padding-bottom:0}.hero .hero-text{align-self:center;padding-top:150px}.hero .hero-title{font-weight:500;font-size:72px;line-height:1.1;letter-spacing:-.05em}.hero .hero-subtitle,.hero .hero-title{font-family:Inter;font-style:normal;margin-bottom:1.5rem;color:#e6e4d7}.hero .hero-subtitle{font-weight:400;font-size:32px;line-height:100%;padding-bottom:20px;letter-spacing:0}.hero .cta-btn{background:#e6e4d7;border:none;color:#0a0a0a;padding:1rem 2rem;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px rgba(230,228,215,.3)}.hero .cta-btn:hover{transform:translateY(-2px);background:#d4d2c5;box-shadow:0 15px 40px rgba(230,228,215,.4)}.hero .product-hunt-badge{display:inline-block;margin-left:1rem;margin-top:-5px;vertical-align:middle}.hero .product-hunt-badge img{display:block;border-radius:8px;transition:transform .3s ease}.hero .product-hunt-badge img:hover{transform:translateY(-2px)}@media(max-width:768px){.hero .product-hunt-badge{display:block;margin-left:0;margin-top:2em;text-align:center}}.hero .hero-image{display:flex;justify-content:center;align-items:flex-end;padding-bottom:0}.hero .hero-image .phone-mockup{border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.5);max-width:100%;height:auto;width:300px;transform:translateY(30px)}section{padding:60px 2rem}section .section-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center}section h2{font-size:2.5rem;font-weight:700;margin-bottom:2rem;line-height:1.2;color:#e6e4d7}section p{font-size:1.1rem;color:#e6e4d7;margin-bottom:1.5rem;line-height:1.7}section .section-image{display:flex;justify-content:center;align-items:center}section .section-image .phone-mockup{border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.5);max-width:100%;height:auto}.know-yourself{background:linear-gradient(135deg,#0a0a0a,#0f0f0f)}.know-yourself h2,.know-yourself p{color:#e6e4d7}.know-yourself .cheat-code{color:#91e6fb}.know-yourself .quote{text-align:center;padding:2rem}.know-yourself .quote blockquote{font-size:1.5rem;font-weight:600;line-height:1.4;margin:0;position:relative;color:#e6e4d7}.know-yourself .quote blockquote cite{display:block;font-size:1rem;color:#e6e4d7;font-weight:400;margin-top:1rem;font-style:normal;text-align:right}.broken-glass{background:linear-gradient(135deg,#0f0f0f,#0a0a0a)}.broken-glass:nth-child(2n){background:linear-gradient(135deg,#0a0a0a,#0f0f0f)}.how-mirror-solves{background:linear-gradient(135deg,#0f0f0f,#0a0a0a)}.social-ai{background:linear-gradient(135deg,#0a0a0a,#0f0f0f)}.social-ai .section-content .section-text div{display:flex;justify-content:center;margin:2rem 0}.social-ai .section-content .section-text div .phone-mockup{max-width:100%;height:auto;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.meet-mirror{background:linear-gradient(135deg,#0f0f0f,#0a0a0a)}.meet-mirror .features-list{list-style:none;padding:0;margin:0}.meet-mirror .features-list li{font-size:1.1rem;color:#e6e4d7;margin-bottom:1rem;position:relative;list-style:disc;margin-left:1rem;font-weight:400}.final-cta{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);text-align:left;padding:40px 2rem 140px}.final-cta .section-content{grid-template-columns:1fr;gap:1.5rem;text-align:left}.final-cta h2{font-size:3rem;margin-bottom:.75rem;color:#e6e4d7}.final-cta .cta-btn.large{font-size:1.3rem;padding:1rem 2.5rem;display:inline-block;width:-moz-fit-content;width:fit-content;max-width:none;background:#e6e4d7;border:none;color:#0a0a0a;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px rgba(230,228,215,.3)}.final-cta .cta-btn.large:hover{transform:translateY(-2px);background:#d4d2c5;box-shadow:0 15px 40px rgba(230,228,215,.4)}.final-cta .platform-info{font-size:1rem;color:#e6e4d7;margin:0;padding-left:2rem}.footer{background:#0a0a0a;padding:40px 2rem;border-top:1px solid hsla(0,0%,100%,.1)}.footer .footer-content{max-width:1200px;margin:0 auto}.footer .footer-desktop{display:flex;align-items:center;justify-content:space-between}.footer .footer-left,.footer .footer-right{flex:1 1;display:flex;align-items:center}.footer .footer-right{justify-content:flex-end}.footer .footer-center{flex:2 1;text-align:center}.footer .footer-center p{font-size:.9rem;color:#e6e4d7;margin:0}.footer .footer-center p a{color:#e6e4d7;text-decoration:underline;transition:color .3s ease}.footer .footer-center p a:hover{color:#fff}.footer .footer-left-icon{width:47px;height:47px}.footer .footer-right-logo{height:30px;width:auto}.footer .footer-mobile{display:none}.footer .footer-mobile-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.footer .footer-mobile-bottom{text-align:center}.footer .footer-mobile-bottom p{font-size:.9rem;color:#e6e4d7;margin:0}.footer .footer-mobile-bottom p a{color:#e6e4d7;text-decoration:underline;transition:color .3s ease}.footer .footer-mobile-bottom p a:hover{color:#fff}@media(max-width:768px){.header .header-content{padding:0 1rem}.header .header-left-icon{width:35px;height:35px}.header .logo-container{gap:.5rem}.header .logo-container .mirror-icon{width:35px;height:35px}.header .logo-container .mirror-logotype{height:30px}.header .download-btn{padding:.5rem 1rem;font-size:.8rem}.header .download-btn .mobile-text{display:inline}.header .download-btn .desktop-text{display:none}.hero{padding:80px 1rem 40px;min-height:65vh}.hero .hero-content{grid-template-columns:1fr;gap:1.5rem;text-align:left;align-items:center;padding-top:0;justify-content:center;min-height:auto}.hero .hero-text{align-self:flex-start;margin-bottom:1rem}.hero .hero-image{display:none}.hero .hero-title{font-size:36px;line-height:1.1;margin-bottom:1rem}.hero .hero-subtitle{font-size:20px;line-height:100%;margin-bottom:1.5rem}.hero .cta-btn{padding:.875rem 1.75rem;font-size:1rem}section{padding:60px 1rem}section .section-content{grid-template-columns:1fr;gap:2rem;text-align:left}section h2{font-size:2rem}.social-ai .section-content .section-text div{margin:1.5rem 0}.social-ai .section-content .section-text div .phone-mockup{max-width:100%;width:100%;height:auto}.final-cta{padding:80px 1rem}.final-cta,.final-cta .section-content{text-align:center}.final-cta .cta-btn.large{margin-left:auto;margin-right:auto}.final-cta .platform-info{padding-left:0}.final-cta h2{font-size:2.2rem}.footer{padding:30px 1rem}.footer .footer-desktop{display:none}.footer .footer-mobile{display:block}.footer .footer-mobile-top{margin-bottom:1.5rem}}@media(max-width:480px){.header .header-left-icon{width:30px;height:30px}.header .logo-container{flex-direction:column;gap:.25rem}.header .logo-container .mirror-icon{width:30px;height:30px}.header .logo-container .mirror-logotype{height:25px}.hero-title{font-size:2rem}.cta-btn{padding:.875rem 1.75rem;font-size:1rem}.cta-btn.large{padding:1rem 2rem;font-size:1.1rem}.social-ai .section-content .section-text div{margin:1rem 0}.social-ai .section-content .section-text div .phone-mockup{max-width:100%;width:100%;height:auto}}