.mirror-page{--surface: #18102E;--surface-variant: #2A1F40;--border-soft: rgba(226, 218, 240, .12);--glow: rgba(46, 232, 138, .3)}.mirror-page .content{max-width:1100px;margin:0 auto;padding:0 2rem}.mirror-page .hero-header .site-brand{font-family:var(--heading-font);font-weight:700;font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.2;color:var(--white-color);text-shadow:2px 2px 4px rgba(0,0,0,.7)}.mirror-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:center;padding:4rem 0 3rem}.mirror-hero-copy h1{font-size:clamp(2.2rem,5.5vw,3.4rem);line-height:1.08;color:var(--white-color)}.mirror-hero-copy .hero-tagline{margin-top:1.2rem;font-size:clamp(1.1rem,2.4vw,1.35rem);color:var(--text-color);max-width:34rem}.mirror-hero-copy .hero-points{margin:1.4rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem;color:var(--text-color)}.mirror-hero-copy .hero-points li:before{content:"✓  ";color:var(--accent-color);font-weight:700}.hero-cta{margin-top:2rem;display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.app-store-badge img{height:54px;width:auto;display:block}.app-store-badge:hover img{filter:brightness(1.15)}.hero-price-note{font-size:.95rem;color:var(--text-color);opacity:.85}.mirror-hero-shot{display:flex;justify-content:center}.mirror-hero-shot img{max-height:560px;width:auto;max-width:100%;border-radius:24px;filter:drop-shadow(0 14px 44px rgba(0,0,0,.5))}.app-identity{display:flex;align-items:center;gap:.9rem;margin-bottom:1.4rem}.app-identity img{width:56px;height:56px;border-radius:13px;box-shadow:0 4px 14px #00000073}.app-identity .app-name{font-family:var(--heading-font);font-size:1.25rem;color:var(--white-color)}.app-identity .app-byline{font-size:.85rem;opacity:.7}.mirror-section{padding:3.5rem 0;border-top:1px solid var(--border-soft)}.mirror-section>h2{font-size:clamp(1.7rem,4vw,2.4rem);color:var(--white-color);margin-bottom:.6rem}.mirror-section>.section-lede{max-width:44rem;margin-bottom:2rem;color:var(--text-color);font-size:1.05rem}.download-strip{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border-soft);border-radius:20px;padding:1.6rem 2rem;margin-top:1rem}.download-meta{display:flex;gap:.6rem;flex-wrap:wrap}.meta-chip{font-size:.85rem;padding:.35rem .8rem;border-radius:999px;border:1px solid var(--border-soft);background:var(--surface-variant);color:var(--text-color);white-space:nowrap}.screenshot-rail{display:flex;gap:1.2rem;overflow-x:auto;padding:.5rem 0 1.2rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.screenshot-rail figure{flex:0 0 auto;scroll-snap-align:start;margin:0;text-align:center}.screenshot-rail img{height:480px;width:auto;border-radius:18px;border:1px solid var(--border-soft);display:block}.screenshot-rail figcaption{margin-top:.6rem;font-size:.9rem;opacity:.75}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.step-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:20px;padding:1.6rem}.step-card .step-number{font-family:var(--heading-font);font-size:2rem;color:var(--accent-color);display:block;margin-bottom:.6rem}.step-card h3{font-size:1.15rem;color:var(--white-color);margin-bottom:.5rem}.step-card p{font-size:.98rem;color:var(--text-color)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.feature-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:20px;padding:1.5rem}.feature-card h3{font-size:1.1rem;color:var(--white-color);margin-bottom:.5rem}.feature-card p{font-size:.95rem;color:var(--text-color)}.feature-card .feature-glyph{display:inline-block;font-size:1.4rem;margin-bottom:.7rem}.guides-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.guide-card{display:block;background:var(--surface);border:1px solid var(--border-soft);border-radius:18px;padding:1.4rem 1.5rem;text-decoration:none;color:var(--text-color);transition:border-color .15s ease,transform .15s ease}.guide-card:hover{border-color:var(--accent-color);transform:translateY(-2px)}.guide-card h3{font-size:1.08rem;color:var(--white-color);margin-bottom:.45rem}.guide-card p{font-size:.93rem}.guide-card .guide-more{display:inline-block;margin-top:.7rem;color:var(--link-color);font-size:.9rem}.faq-list{display:flex;flex-direction:column;gap:.8rem;max-width:52rem}.faq-list details{background:var(--surface);border:1px solid var(--border-soft);border-radius:14px;padding:1rem 1.3rem}.faq-list summary{cursor:pointer;font-weight:600;font-size:1.02rem;color:var(--white-color);list-style-position:outside}.faq-list details[open] summary{margin-bottom:.6rem}.faq-list p{color:var(--text-color);font-size:.97rem}.faq-list a{color:var(--link-color);text-decoration:none}.faq-list a:hover{text-decoration:underline}.closing-cta{text-align:center;padding:4rem 0;border-top:1px solid var(--border-soft)}.closing-cta h2{font-size:clamp(1.9rem,5vw,2.8rem);color:var(--white-color);margin-bottom:.8rem}.closing-cta p{color:var(--text-color);margin-bottom:1.8rem}.closing-cta .hero-cta{justify-content:center;margin-top:0}.guide-article{max-width:46rem;margin:0 auto;padding:3rem 0 2rem}.guide-breadcrumb{font-size:.88rem;opacity:.75;margin-bottom:1.6rem}.guide-breadcrumb a{color:var(--link-color);text-decoration:none}.guide-breadcrumb a:hover{text-decoration:underline}.guide-article h1{font-size:clamp(1.9rem,5vw,2.7rem);line-height:1.12;color:var(--white-color);margin-bottom:1.2rem}.guide-article .answer-box{background:var(--surface);border-left:4px solid var(--accent-color);border-radius:0 14px 14px 0;padding:1.1rem 1.4rem;margin:1.4rem 0 2rem;font-size:1.05rem}.guide-article h2{font-size:1.45rem;color:var(--white-color);margin:2.2rem 0 .8rem}.guide-article p{margin-bottom:1rem;font-size:1.02rem}.guide-article ol,.guide-article ul{margin:0 0 1.2rem 1.4rem}.guide-article li{margin-bottom:.55rem;font-size:1.02rem}.guide-article li strong{color:var(--white-color)}.guide-cta{background:var(--surface);border:1px solid var(--border-soft);border-radius:20px;padding:1.8rem;margin:2.4rem 0;text-align:center}.guide-cta h2{margin-top:0}.guide-cta .hero-cta{justify-content:center;margin-top:1.2rem}.guide-faq h2{margin-bottom:1rem}.related-guides{margin-top:2.5rem;padding-top:1.6rem;border-top:1px solid var(--border-soft)}.related-guides h2{font-size:1.2rem;margin:0 0 .9rem}.related-guides ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.related-guides a{color:var(--link-color);text-decoration:none}.related-guides a:hover{text-decoration:underline}@media (max-width: 820px){.mirror-hero{grid-template-columns:1fr;text-align:center;padding:2.5rem 0 2rem}.mirror-hero-copy .hero-points{align-items:center}.app-identity,.hero-cta{justify-content:center}.mirror-hero-shot img{max-height:440px}.steps-grid,.features-grid,.guides-grid{grid-template-columns:1fr}.screenshot-rail img{height:400px}.mirror-page .content{padding:0 1.2rem}}
