.hero{display:grid;gap:1.75rem;margin-bottom:3rem}.hero-copy{max-width:42rem}.eyebrow{margin:0 0 0.8rem;color:var(--text-muted);font-size:0.95rem;letter-spacing:0.08em;text-transform:uppercase}.hero h1{max-width:14ch}.hero-lead{font-size:1.3rem;max-width:38rem}.hero-actions,.meta-links,.feature-grid,.how-grid,.screenshot-grid,.faq-grid{display:grid;gap:1rem}.hero-actions{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));max-width:36rem;margin-top:1.5rem}.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:0.8rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);text-align:center;font-weight:600;border-bottom:1px solid var(--border-color);transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease}.button-link.primary{background:#f0efea}.button-link:hover,.button-link:focus-visible{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.05);border-color:#d0cec4}.button-link:focus-visible,.screenshot-trigger:focus-visible,.lightbox-close:focus-visible{outline:2px solid #d0cec4;outline-offset:3px}.button-link:active{transform:translateY(-1px) scale(1.02)}.meta-links{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:1.25rem}.meta-card,.feature-card,.step-card,.faq-card,.cta-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:1.25rem}.meta-card strong,.feature-card h3,.step-card h3,.faq-card h3,.cta-panel h3{color:#1a1a1a}.trust-strip{display:flex;flex-wrap:wrap;gap:0.7rem 1.1rem;align-items:center;margin:2rem 0 0}.trust-item{position:relative;padding-left:0.95rem;color:var(--text-muted);font-size:0.92rem;letter-spacing:0.01em;white-space:nowrap}.trust-item::before{content:"";position:absolute;left:0;top:50%;width:0.38rem;height:0.38rem;border-radius:999px;background:#d0cec4;transform:translateY(-50%)}.feature-grid,.faq-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.how-grid,.screenshot-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.feature-card h3,.step-card h3,.faq-card h3{margin-top:0;margin-bottom:0.65rem;font-size:1.2rem}.step-number{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:#f0efea;border:1px solid var(--border-color);font-size:0.95rem;margin-bottom:0.9rem}.visual-card{overflow:hidden;padding:0}.screenshot-trigger{display:block;width:100%;padding:0;margin:0;border:0;background:transparent;cursor:zoom-in}.visual-card img{display:block;width:100%;height:auto;background:#f0efea;transform:scale(1);transform-origin:center center;transition:transform 0.28s ease}.visual-card:hover img,.screenshot-trigger:hover img,.screenshot-trigger:focus-visible img{transform:scale(1.04)}.visual-card:active img,.screenshot-trigger:active img{transform:scale(1.1)}.visual-card figcaption{padding:1rem 1.1rem 1.1rem;font-size:1rem;color:var(--text-muted)}.lightbox{width:min(96vw,1400px);max-width:96vw;margin:auto;padding:0;border:0;background:transparent}.lightbox::backdrop{background:rgba(18,18,18,0.82);backdrop-filter:blur(3px)}.lightbox-frame{position:relative;display:grid;gap:0.75rem;justify-items:center}.lightbox-close{position:absolute;top:0.75rem;right:0.75rem;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:1px solid rgba(255,255,255,0.25);border-radius:999px;background:rgba(20,20,20,0.6);color:#fff;font-size:1.2rem;cursor:pointer;transition:transform 0.2s ease,background-color 0.2s ease,border-color 0.2s ease}.lightbox-close:hover{transform:translateY(-2px);background:rgba(20,20,20,0.82);border-color:rgba(255,255,255,0.4)}.lightbox-image{display:block;max-width:100%;max-height:82vh;width:auto;height:auto;border-radius:12px;box-shadow:0 24px 60px rgba(0,0,0,0.28)}.lightbox-caption{max-width:min(90vw,920px);padding:0.9rem 1rem 0;color:rgba(255,255,255,0.88);text-align:center;font-size:1rem}.split-callout{display:grid;gap:1.2rem;margin-top:1.5rem}.install-block pre{margin-bottom:1rem}.install-note{color:var(--text-muted);font-size:1rem}.cta-panel{margin-top:3rem}.cta-actions{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:1.25rem}@media (min-width:720px){.hero{grid-template-columns:1.7fr 1fr;align-items:start}.split-callout{grid-template-columns:1.2fr 0.8fr}}@media (max-width:600px){.eyebrow{font-size:0.9rem}.hero-lead{font-size:1.15rem}.meta-card,.feature-card,.step-card,.faq-card,.cta-panel{padding:1rem}.trust-strip{gap:0.55rem 0.9rem}}