.m3-btn,.m3-btn:hover{text-decoration:none}.m3-btn,.m3-btn-icon{display:inline-flex;cursor:pointer}.m3-btn,.m3-chip,.m3-faq-summary{user-select:none}.m3-btn{align-items:center;justify-content:center;gap:.55rem;min-height:42px;padding:.65rem 1.25rem;border-radius:var(--md-sys-shape-corner-button);font:var(--md-sys-typescale-label-large);border:1px solid transparent;transition:background-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);white-space:nowrap}.m3-btn-outlined,.m3-btn-tonal{border-color:var(--md-sys-color-outline-variant)}.m3-btn-filled{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.m3-btn-icon,.m3-btn-outlined,.m3-btn-tonal,.m3-chip{color:var(--md-sys-color-on-surface)}.m3-btn-filled:hover{filter:brightness(1.08)}.m3-btn-tonal{background-color:var(--md-sys-color-surface-container-high)}.m3-btn-tonal:hover{background-color:var(--md-sys-color-surface-container-highest)}.m3-btn-outlined{background-color:transparent}.m3-btn-icon,.m3-btn-outlined:hover,.m3-chip{background-color:var(--md-sys-color-surface-container-high)}.m3-btn-outlined:hover{border-color:var(--md-sys-color-outline)}.m3-btn.disabled,.m3-btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.m3-btn-icon{width:40px;height:40px;padding:0;border-radius:var(--md-sys-shape-corner-button);align-items:center;justify-content:center;border:1px solid var(--md-sys-color-outline-variant);transition:background-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.m3-btn-icon:hover{background-color:var(--md-sys-color-surface-container-highest)}.m3-chip-group{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.m3-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .65rem;border-radius:var(--md-sys-shape-corner-small);font:var(--md-sys-typescale-label-medium);border:1px solid var(--md-sys-color-outline-variant)}.feature-nav-item.active .feature-nav-icon,.m3-chip-primary{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.m3-chip-primary{border-color:transparent}.m3-chip-secondary{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-color:transparent}.m3-chip-success{background-color:var(--md-sys-color-success-container);color:var(--md-sys-color-on-success-container);border-color:transparent}.m3-card{background-color:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-card);padding:1.75rem;display:flex;flex-direction:column;position:relative;transition:background-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.feature-nav-item,.m3-card-icon-bubble{border-radius:var(--md-sys-shape-corner-medium)}.m3-card-icon-bubble{width:44px;height:44px;background-color:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-primary);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;flex-shrink:0}.m3-card-title{font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-on-surface);margin-bottom:.5rem}.m3-card-body{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant);flex:1}.feature-nav-icon,.feature-nav-title{color:var(--md-sys-color-on-surface)}.pixel-showcase-wrapper{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:3rem;margin:2.5rem 0 4rem}.pixel-mockup-frame{position:relative;width:100%;max-width:320px;margin:0 auto;background-color:var(--device-bezel);border:10px solid var(--device-bezel);border-radius:40px;box-shadow:var(--md-sys-elevation-2);box-sizing:content-box}.pixel-camera-hole{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:12px;height:12px;background-color:var(--device-camera);border-radius:50%;z-index:10}.feature-nav-item.active,.feature-nav-item:hover,.memokeeper-showcase-wrapper,.pixel-screen-viewport{background-color:var(--md-sys-color-surface-container)}.pixel-screen-viewport{position:relative;width:100%;aspect-ratio:640/1408;border-radius:30px;overflow:hidden}.pixel-screenshot{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.pixel-screenshot.active{opacity:1;pointer-events:auto}.memokeeper-showcase-wrapper{max-width:1040px;margin:2.5rem auto 4rem;border-radius:var(--md-sys-shape-corner-card);overflow:hidden;box-shadow:var(--md-sys-elevation-2);border:1px solid var(--md-sys-color-outline-variant)}.memokeeper-showcase-img{width:100%;height:auto;display:block}.showcase-features-list{display:flex;flex-direction:column;gap:.65rem}.feature-nav-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background-color:var(--md-sys-color-surface-container-low);border:1px solid transparent;cursor:pointer;text-align:left;transition:background-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.feature-nav-item:hover{border-color:var(--md-sys-color-outline-variant)}.feature-nav-item.active{border-color:var(--md-sys-color-primary)}.feature-nav-icon{width:38px;height:38px;border-radius:var(--md-sys-shape-corner-medium);background-color:var(--md-sys-color-surface-container-highest);display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-nav-content{flex:1}.feature-nav-title{font:var(--md-sys-typescale-title-medium);margin-bottom:.15rem}.feature-nav-desc{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant);line-height:1.45}.m3-table-wrapper{background-color:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-card);overflow-x:auto;margin-bottom:3.5rem}.m3-table th,.m3-table-highlight-col{background-color:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.m3-table{width:100%;border-collapse:collapse;text-align:left;font:var(--md-sys-typescale-body-medium)}.m3-table td,.m3-table th{padding:1rem 1.25rem;border-bottom:1px solid var(--md-sys-color-outline-variant)}.m3-table th{font:var(--md-sys-typescale-label-large);text-transform:uppercase;letter-spacing:.04em}.m3-table tr:last-child td{border-bottom:none}.m3-table-highlight-col{border-left:2px solid var(--md-sys-color-primary);border-right:1px solid var(--md-sys-color-outline-variant);font-weight:600}.m3-status-check{display:inline-flex;align-items:center;gap:.45rem;color:var(--md-sys-color-success);font-weight:600}.m3-status-cross{display:inline-flex;align-items:center;gap:.45rem;color:var(--md-sys-color-outline)}.m3-faq-list{display:flex;flex-direction:column;gap:.75rem;max-width:800px;margin:0 auto 3.5rem}.m3-faq-card{background-color:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);overflow:hidden;transition:border-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.m3-faq-card:hover{border-color:var(--md-sys-color-outline)}.m3-faq-card[open]{border-color:var(--md-sys-color-primary)}.m3-faq-summary{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface);padding:1.15rem 1.4rem;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem}.m3-faq-summary::-webkit-details-marker{display:none}.m3-faq-icon{width:20px;height:20px;color:var(--md-sys-color-primary);transition:transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);flex-shrink:0}.m3-faq-card[open] .m3-faq-icon{transform:rotate(180deg)}.m3-faq-content{padding:.85rem 1.4rem 1.25rem;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant);line-height:1.6;border-top:1px solid var(--md-sys-color-outline-variant)}@media (max-width:880px){.pixel-showcase-wrapper{grid-template-columns:1fr;gap:2rem}.pixel-mockup-frame{max-width:280px}}