.lang-dropdown-wrapper{position:relative;display:inline-block}.lang-trigger-btn{display:inline-flex;align-items:center;gap:var(--space-1);min-height:44px;min-width:44px;padding:0 var(--space-3);background-color:#ffffff14;border:1px solid var(--color-header-border);border-radius:var(--radius-md);color:#e2e8f0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.lang-trigger-btn:hover{background-color:#ffffff24;color:#fff;border-color:#fff3}.lang-trigger-btn.open{background-color:#ffffff2e;border-color:var(--color-brand-cyan);color:#fff}.lang-trigger-btn:focus-visible{outline:2px solid var(--color-brand-cyan);outline-offset:2px}.lang-trigger-code{font-weight:var(--font-weight-bold)}.lang-chevron{color:#94a3b8;transition:transform var(--transition-fast),color var(--transition-fast)}.lang-trigger-btn:hover .lang-chevron,.lang-trigger-btn.open .lang-chevron{color:#fff}.lang-chevron.rotate{transform:rotate(180deg)}.lang-dropdown-menu{position:absolute;top:calc(100% + var(--space-1));right:0;min-width:160px;background-color:var(--color-brand-navy-light);border:1px solid var(--color-header-border);border-radius:var(--radius-lg);padding:var(--space-1);margin:0;list-style:none;box-shadow:0 10px 25px -5px #00000080,0 8px 10px -6px #00000080;z-index:150}.lang-menu-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:44px;padding:0 var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);color:#cbd5e1;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-align:left;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.lang-menu-item:hover{background-color:#ffffff14;color:#fff}.lang-menu-item.selected{background-color:#38bdf826;color:var(--color-brand-cyan);font-weight:var(--font-weight-semibold)}.lang-menu-item:focus-visible{outline:2px solid var(--color-brand-cyan);outline-offset:-2px}.lang-name{flex-grow:1}.lang-code-tag{font-size:var(--font-size-xs);color:#64748b}.lang-menu-item.selected .lang-code-tag{color:var(--color-brand-cyan)}.lang-check-icon{color:var(--color-brand-cyan);flex-shrink:0}.theme-dropdown-wrapper{position:relative;display:inline-block}.theme-trigger-btn{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;min-width:44px;padding:0 var(--space-3);background-color:#ffffff14;border:1px solid var(--color-header-border);border-radius:var(--radius-md);color:#e2e8f0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.theme-trigger-btn:hover{background-color:#ffffff24;color:#fff;border-color:#fff3}.theme-trigger-btn.open{background-color:#ffffff2e;border-color:var(--color-brand-cyan);color:#fff}.theme-trigger-btn:focus-visible{outline:2px solid var(--color-brand-cyan);outline-offset:2px}.theme-trigger-icon{color:var(--color-brand-cyan);flex-shrink:0}.theme-trigger-label{display:inline}.theme-chevron{color:#94a3b8;transition:transform var(--transition-fast),color var(--transition-fast)}.theme-trigger-btn:hover .theme-chevron,.theme-trigger-btn.open .theme-chevron{color:#fff}.theme-chevron.rotate{transform:rotate(180deg)}.theme-dropdown-menu{position:absolute;top:calc(100% + var(--space-1));right:0;min-width:150px;background-color:var(--color-brand-navy-light);border:1px solid var(--color-header-border);border-radius:var(--radius-lg);padding:var(--space-1);margin:0;list-style:none;box-shadow:0 10px 25px -5px #00000080,0 8px 10px -6px #00000080;z-index:150}.theme-menu-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:44px;padding:0 var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);color:#cbd5e1;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-align:left;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.theme-menu-item:hover{background-color:#ffffff14;color:#fff}.theme-menu-item.selected{background-color:#38bdf826;color:var(--color-brand-cyan);font-weight:var(--font-weight-semibold)}.theme-menu-item:focus-visible{outline:2px solid var(--color-brand-cyan);outline-offset:-2px}.theme-option-icon{flex-shrink:0}.theme-option-label{flex-grow:1}.theme-check-icon{color:var(--color-brand-cyan);flex-shrink:0}.site-header{background-color:var(--color-brand-navy);border-bottom:1px solid var(--color-header-border);position:sticky;top:0;z-index:100;width:100%}.header-inner{max-width:var(--content-width);margin:0 auto;padding:var(--space-2) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:64px}.brand-link{display:flex;align-items:center;gap:var(--space-3);color:var(--color-header-text);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);letter-spacing:-.02em;transition:opacity var(--transition-fast);min-height:var(--min-touch-target);text-decoration:none}.brand-link:hover{opacity:.92}.brand-accent{font-weight:300;color:var(--color-brand-cyan)}.brand-logo-mark{width:32px;height:32px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-brand-cyan),var(--color-brand-teal) 50%,var(--color-brand-green));display:flex;align-items:center;justify-content:center;color:var(--color-brand-navy);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);box-shadow:0 2px 8px #38bdf840;flex-shrink:0}.header-nav-desktop{display:flex;align-items:center;gap:var(--space-5)}.nav-item{color:#cbd5e1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast);padding:var(--space-2) 0;min-height:var(--min-touch-target);display:inline-flex;align-items:center;text-decoration:none}.nav-item:hover{color:var(--color-brand-cyan)}.nav-controls-desktop{display:flex;align-items:center;gap:var(--space-3);margin-left:var(--space-2)}.mobile-header-actions{display:none;align-items:center;gap:var(--space-2)}.mobile-menu-toggle{color:var(--color-header-text);background:transparent;border:1px solid var(--color-header-border);border-radius:var(--radius-md);min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.mobile-menu-toggle:hover{background-color:#ffffff14}.mobile-menu-toggle:focus-visible{outline:2px solid var(--color-brand-cyan);outline-offset:2px}.mobile-menu-drawer{background-color:var(--color-brand-navy);border-bottom:1px solid var(--color-header-border);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-dark)}.mobile-menu-links{display:flex;flex-direction:column;gap:var(--space-2)}.mobile-nav-link{color:#e2e8f0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-3) 0;min-height:44px;display:flex;align-items:center;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.06);transition:color var(--transition-fast)}.mobile-nav-link:hover{color:var(--color-brand-cyan)}.mobile-menu-controls{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4)}.mobile-control-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:44px}.mobile-control-label{color:#94a3b8;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}@media(max-width:860px){.header-nav-desktop{display:none}.mobile-header-actions{display:flex}}.site-footer{background-color:var(--color-footer-bg);border-top:1px solid var(--color-footer-border);color:var(--color-text-secondary);padding:1.5rem var(--space-6);margin-top:auto}.footer-inner{max-width:var(--content-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5);justify-content:space-between;align-items:flex-start}@media(min-width:768px){.footer-inner{flex-direction:row;align-items:center}}.footer-brand-column{display:flex;flex-direction:column;gap:2px}.footer-brand-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text)}.footer-brand-subtitle{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.footer-links-row{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.footer-copyright{color:var(--color-text-muted)}.footer-link{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast);padding:var(--space-1) 0;min-height:24px;display:inline-flex;align-items:center}.footer-link:hover{color:var(--color-text)}.footer-link-accent{color:var(--color-brand-cyan)}.footer-link-accent:hover{color:var(--color-brand-teal)}.page-container{width:100%;max-width:var(--content-width);margin-left:auto;margin-right:auto;padding-left:var(--space-6);padding-right:var(--space-6)}.page-container.narrow{max-width:var(--content-width-narrow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.625rem 1.5rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);border-radius:var(--radius-md);text-decoration:none;cursor:pointer;min-height:var(--min-touch-target);box-sizing:border-box;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:2px solid var(--color-brand-cyan);outline-offset:3px}.btn-primary{background-color:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);border:1px solid var(--color-btn-primary-bg);font-weight:var(--font-weight-semibold)}.btn-primary:hover{background-color:var(--color-btn-primary-hover);border-color:var(--color-btn-primary-hover)}.btn-secondary{background-color:#ffffff14;color:var(--color-header-text);border:1px solid var(--color-header-border)}.btn-secondary:hover{background-color:#ffffff29;border-color:var(--color-brand-cyan);color:#fff}.btn-accent{background-color:var(--color-brand-cyan);color:var(--color-brand-navy);border:1px solid var(--color-brand-cyan);font-weight:var(--font-weight-semibold)}.btn-accent:hover{background-color:var(--color-brand-teal);border-color:var(--color-brand-teal)}.btn-outline{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-outline:hover{background-color:var(--color-surface-subtle);border-color:var(--color-brand-cyan)}.btn-subtle{background-color:transparent;color:var(--color-text-secondary);border:1px solid transparent;padding:.5rem .75rem}.btn-subtle:hover{color:var(--color-text);background-color:var(--color-surface-subtle)}.home-hero{background-color:var(--color-brand-navy);color:var(--color-header-text);padding:3.5rem 0 4.5rem;border-bottom:1px solid var(--color-header-border-subtle);position:relative;overflow:hidden}.hero-gradient-glow{position:absolute;top:-100px;right:-100px;width:280px;height:280px;border-radius:50%;background:linear-gradient(135deg,var(--color-brand-cyan),var(--color-brand-teal) 50%,var(--color-brand-green));opacity:.12;filter:blur(64px);pointer-events:none}.hero-content{max-width:820px;position:relative;z-index:1}.hero-title{font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);color:var(--color-header-text);line-height:var(--line-height-tight);margin-bottom:var(--space-4);letter-spacing:-.03em}.hero-description{font-size:var(--font-size-lg);color:var(--color-header-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6);max-width:65ch}.hero-actions{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}@media(max-width:768px){.home-hero{padding:2.5rem 0 3.5rem}.hero-title{font-size:var(--font-size-3xl)}.hero-description{font-size:var(--font-size-base)}}.project-card{background-color:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-2xl);padding:var(--space-7);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-7);transition:border-color var(--transition-base),box-shadow var(--transition-base);width:100%;box-sizing:border-box}@media(min-width:768px){.project-card{flex-direction:row;align-items:center;gap:2.5rem}}.project-card:hover{border-color:#38bdf859;box-shadow:var(--shadow-lg)}.project-icon-container{width:160px;height:160px;background-color:var(--color-surface-subtle);border-radius:var(--radius-2xl);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:0 auto}.project-icon-image{width:96px;height:96px;border-radius:var(--radius-lg);object-fit:contain}.project-card-body{flex:1}.project-card-header-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:.375rem}.project-card-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:-.02em}.project-card-badge{background-color:var(--color-badge-bg);color:var(--color-badge-text);font-size:10px;font-weight:var(--font-weight-bold);padding:.125rem .5rem;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.08em}.project-card-tagline{color:var(--color-brand-cyan);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);margin-bottom:var(--space-3)}.project-card-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.project-card-actions{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.project-status-note{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.projects-section{padding:3rem 0;background-color:var(--color-background);border-bottom:1px solid var(--color-border)}.section-divider-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;max-width:920px;margin-left:auto;margin-right:auto}.section-divider-title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.2em;font-weight:var(--font-weight-bold);color:var(--color-text-muted);white-space:nowrap}.section-divider-line{height:1px;flex:1;background-color:var(--color-border);margin-left:1.5rem}.projects-grid{display:flex;flex-direction:column;gap:var(--space-6);max-width:920px;margin:0 auto}.section-heading-wrap{margin-bottom:var(--space-7)}.section-heading-wrap.centered{text-align:center}.section-heading-badge{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase;color:var(--color-brand-teal);margin-bottom:var(--space-2)}.section-heading-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-3);letter-spacing:-.02em}.section-heading-wrap.dark-theme .section-heading-title{color:var(--color-header-text)}.section-heading-desc{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:64ch}.section-heading-wrap.centered .section-heading-desc{margin-left:auto;margin-right:auto}.section-heading-wrap.dark-theme .section-heading-desc{color:var(--color-header-text-secondary)}@media(min-width:768px){.section-heading-title{font-size:var(--font-size-3xl)}}.external-link{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-brand-cyan);font-weight:var(--font-weight-medium);transition:color var(--transition-fast),text-decoration-color var(--transition-fast);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#38bdf866}.external-link:hover{color:var(--color-brand-teal);text-decoration-color:var(--color-brand-teal)}.external-link-icon{width:14px;height:14px;flex-shrink:0;display:inline-block}.about-section{padding:3.5rem 0 4.5rem;background-color:var(--color-background)}.about-card{background-color:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-2xl);padding:var(--space-7);box-shadow:var(--shadow-sm);display:grid;grid-template-columns:1fr;gap:var(--space-7);max-width:920px;margin:0 auto}@media(min-width:768px){.about-card{grid-template-columns:160px 1fr;align-items:flex-start}}.about-avatar-slot{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.about-avatar-photo{width:130px;height:130px;border-radius:var(--radius-2xl);background-color:var(--color-surface-subtle);border:1px solid var(--color-border);object-fit:cover;flex-shrink:0}.about-body{display:flex;flex-direction:column;gap:var(--space-4)}.about-paragraph{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.about-links{padding-top:var(--space-2)}.page-lead-section{padding-top:var(--space-8);background-color:var(--color-background)}.page-lead{margin-bottom:var(--space-2)}.page-lead-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.mfinance-hero{background-color:var(--color-brand-navy);color:var(--color-header-text);padding:var(--space-8) 0 var(--space-9);border-bottom:1px solid var(--color-header-border);position:relative;overflow:hidden}.mfinance-hero:before{content:"";position:absolute;top:-60px;right:-60px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(45,212,191,.12) 0%,rgba(56,189,248,.05) 50%,transparent 70%);pointer-events:none}.mfinance-hero-inner{max-width:820px;position:relative;z-index:1}.mfinance-badge{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase;color:var(--color-brand-cyan);margin-bottom:var(--space-4);padding:.25rem .75rem;background-color:#38bdf81a;border:1px solid rgba(56,189,248,.2);border-radius:var(--radius-pill)}.mfinance-title{font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);color:var(--color-header-text);line-height:var(--line-height-tight);margin-bottom:var(--space-2);letter-spacing:-.02em}.mfinance-byline{font-size:var(--font-size-sm);color:var(--color-header-text-muted);margin-bottom:var(--space-4);font-weight:var(--font-weight-medium)}.mfinance-subtitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-brand-teal);margin-bottom:var(--space-4)}.mfinance-lead{font-size:var(--font-size-base);color:var(--color-header-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6);max-width:65ch}.mfinance-hero-meta{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;padding-top:var(--space-2)}.mfinance-status-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:.5rem 1rem;background-color:#ffffff0d;border:1px solid var(--color-header-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-header-text-secondary);min-height:var(--min-touch-target);box-sizing:border-box}.status-dot-pending{width:8px;height:8px;border-radius:50%;background-color:#fbbf24}@media(max-width:640px){.mfinance-title{font-size:var(--font-size-3xl)}.mfinance-subtitle{font-size:var(--font-size-lg)}}.principles-section{padding:var(--space-8) 0;background-color:var(--color-background);border-bottom:1px solid var(--color-border)}.principles-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:640px){.principles-grid{grid-template-columns:repeat(2,1fr)}}.principle-item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-sm)}.principle-icon-wrap{width:44px;height:44px;border-radius:var(--radius-md);background-color:var(--color-surface-subtle);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-brand-teal);margin-bottom:var(--space-1)}.principle-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:-.01em}.principle-tagline{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-brand-cyan);text-transform:uppercase;letter-spacing:.04em}.principle-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.features-section{padding:var(--space-8) 0;background-color:var(--color-background);border-bottom:1px solid var(--color-border)}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}.feature-group-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.feature-group-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.feature-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.feature-item{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-base)}.feature-check-icon{color:var(--color-brand-teal);flex-shrink:0;margin-top:2px}.screenshot-viewer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#050a10d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-6)}.screenshot-viewer-content{position:relative;display:flex;align-items:center;gap:var(--space-4);max-width:100%;max-height:100%}.screenshot-viewer-figure{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);max-height:88vh}.screenshot-viewer-image{max-width:min(80vw,420px);max-height:78vh;width:auto;height:auto;object-fit:contain;border-radius:var(--radius-lg);border:1px solid var(--color-header-border);background-color:var(--color-header-bg)}.screenshot-viewer-caption{display:flex;align-items:center;gap:var(--space-3);color:var(--color-header-text);font-size:var(--font-size-sm)}.screenshot-viewer-title{font-weight:var(--font-weight-semibold)}.screenshot-viewer-counter{color:var(--color-header-text-secondary)}.screenshot-viewer-close{position:absolute;top:var(--space-5);right:var(--space-5);color:var(--color-header-text);min-width:var(--min-touch-target);min-height:var(--min-touch-target);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.screenshot-viewer-close:hover{background-color:#ffffff1a}.screenshot-viewer-nav{color:var(--color-header-text);min-width:var(--min-touch-target);min-height:var(--min-touch-target);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background-color:#ffffff14;flex-shrink:0;transition:background-color var(--transition-fast)}.screenshot-viewer-nav:hover{background-color:#ffffff2e}@media(max-width:640px){.screenshot-viewer-backdrop{padding:var(--space-4)}.screenshot-viewer-content{gap:var(--space-2)}.screenshot-viewer-image{max-width:70vw}.screenshot-viewer-close{top:var(--space-3);right:var(--space-3)}}.screenshots-section{padding:var(--space-8) 0;background-color:var(--color-background);border-bottom:1px solid var(--color-border)}.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-6)}.screenshot-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-sm)}.screenshot-frame-button{display:block;width:100%;padding:0;border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--transition-fast)}.screenshot-frame-button:hover{opacity:.9}.screenshot-frame{aspect-ratio:9 / 16;max-height:380px;background:linear-gradient(180deg,#142436,#0d1b2a);border:1px solid var(--color-dark-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.screenshot-image{width:100%;height:100%;object-fit:contain}.screenshot-meta{display:flex;flex-direction:column;gap:var(--space-1)}.screenshot-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.screenshot-caption{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-base)}.release-notice-section{padding:var(--space-8) 0;background-color:var(--color-background);border-bottom:1px solid var(--color-border)}.release-notice-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);max-width:720px;display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-sm)}.release-notice-header{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.release-notice-icon{color:var(--color-brand-cyan)}.release-notice-body{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.release-notice-status{display:inline-flex;align-items:center;gap:var(--space-2);padding:.35rem .75rem;background-color:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);width:fit-content}.trust-links-section{padding:var(--space-8) 0 var(--space-9);background-color:var(--color-background)}.trust-links-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);max-width:880px}@media(min-width:640px){.trust-links-grid{grid-template-columns:repeat(2,1fr)}}.trust-link-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);text-decoration:none;box-shadow:var(--shadow-sm)}.trust-link-card:hover{border-color:var(--color-brand-cyan);box-shadow:var(--shadow-md);transform:translateY(-1px)}.trust-link-content{display:flex;flex-direction:column;gap:var(--space-1)}.trust-link-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.trust-link-desc{font-size:var(--font-size-xs);color:var(--color-text-muted)}.trust-link-arrow{color:var(--color-brand-cyan);flex-shrink:0;transition:transform var(--transition-fast)}.trust-link-card:hover .trust-link-arrow{transform:translate(3px)}.legal-page{padding:var(--space-8) 0 var(--space-9);background-color:var(--color-background)}.legal-header{margin-bottom:var(--space-7)}.legal-back-nav{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);transition:color var(--transition-fast)}.legal-back-nav:hover{color:var(--color-brand-cyan)}.legal-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-2)}.legal-meta{font-size:var(--font-size-sm);color:var(--color-text-muted)}.legal-content-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-7);box-shadow:var(--shadow-sm)}.legal-verified{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-6)}.legal-sections{display:flex;flex-direction:column}.legal-section{padding:var(--space-3) 0}.legal-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-3);scroll-margin-top:var(--space-8)}.legal-paragraph{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-3)}.legal-bullets{margin:0 0 var(--space-3);padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.legal-bullets li{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.faq-page{padding:var(--space-8) 0 var(--space-9);background-color:var(--color-background)}.faq-header{margin-bottom:var(--space-7)}.faq-back-nav{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);transition:color var(--transition-fast)}.faq-back-nav:hover{color:var(--color-brand-cyan)}.faq-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-2)}.faq-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary)}.faq-list{display:flex;flex-direction:column;gap:var(--space-4)}.faq-item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast)}.faq-item[open]{border-color:var(--color-brand-cyan)}.faq-summary{padding:var(--space-5) var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);-webkit-user-select:none;user-select:none}.faq-summary::-webkit-details-marker{display:none}.faq-summary-indicator{color:var(--color-brand-teal);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);transition:transform var(--transition-fast)}.faq-item[open] .faq-summary-indicator{transform:rotate(45deg)}.faq-answer{padding:0 var(--space-6) var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);border-top:1px solid var(--color-border-subtle);padding-top:var(--space-4)}.support-page{padding:var(--space-8) 0 var(--space-9);background-color:var(--color-background)}.support-header{margin-bottom:var(--space-7)}.support-back-nav{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);transition:color var(--transition-fast)}.support-back-nav:hover{color:var(--color-brand-cyan)}.support-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-2)}.support-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary)}.support-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-7);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-6)}.support-intro-paragraph{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.support-channel{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background-color:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md)}.support-channel-icon{color:var(--color-brand-teal);flex-shrink:0;margin-top:2px}.support-channel-info{display:flex;flex-direction:column;gap:var(--space-3)}.support-channel-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.support-email-link{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-brand-cyan);text-decoration:underline;text-underline-offset:3px;word-break:break-all}.support-email-link:hover{color:var(--color-brand-teal)}.support-privacy-reminder{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background-color:#fbbf2414;border:1px solid rgba(251,191,36,.25);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed)}.reminder-icon{color:#d97706;flex-shrink:0;margin-top:1px}.support-privacy-bullets{margin:var(--space-2) 0 0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-1)}.not-found-page{padding:var(--space-9) 0;background-color:var(--color-background);flex:1 0 auto;display:flex;align-items:center}.not-found-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);box-shadow:var(--shadow-sm)}.not-found-code{font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);color:var(--color-brand-cyan);line-height:1}.not-found-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.not-found-desc{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:44ch;line-height:var(--line-height-relaxed)}:root{color-scheme:light;--color-brand-navy: #0d1b2a;--color-brand-navy-light: #16293d;--color-brand-cyan: #38bdf8;--color-brand-teal: #2dd4bf;--color-brand-green: #4ade80;--color-header-bg: #0d1b2a;--color-header-surface: #142436;--color-header-text: #ffffff;--color-header-text-secondary: #94a3b8;--color-header-text-muted: #64748b;--color-header-border: rgba(255, 255, 255, .1);--color-header-border-subtle: rgba(255, 255, 255, .05);--color-background: #f7f9fa;--color-background-elevated: #ffffff;--color-surface: #ffffff;--color-surface-subtle: #f1f5f9;--color-surface-hover: #e2e8f0;--color-text: #0d1b2a;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-border: #e2e8f0;--color-border-subtle: #f1f5f9;--color-footer-bg: #ffffff;--color-footer-border: #e2e8f0;--color-card-bg: #ffffff;--color-card-border: #e2e8f0;--color-badge-bg: #f1f5f9;--color-badge-text: #64748b;--color-btn-primary-bg: #0d1b2a;--color-btn-primary-text: #ffffff;--color-btn-primary-hover: #1e293b;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 3rem;--space-9: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-pill: 9999px;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px -2px rgba(13, 27, 42, .06), 0 2px 6px -2px rgba(13, 27, 42, .04);--shadow-lg: 0 20px 25px -5px rgba(13, 27, 42, .08), 0 8px 10px -6px rgba(13, 27, 42, .04);--shadow-dark: 0 4px 20px rgba(0, 0, 0, .35);--content-width: 1120px;--content-width-narrow: 760px;--min-touch-target: 44px;--font-family-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-hero: 2.75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-base: 1.6;--line-height-relaxed: 1.75;--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out}[data-theme=dark]{color-scheme:dark;--color-background: #09121d;--color-background-elevated: #0f1c2c;--color-surface: #112233;--color-surface-subtle: #172a3e;--color-surface-hover: #1e354d;--color-text: #f8fafc;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-border: #1e354d;--color-border-subtle: #142436;--color-footer-bg: #09121d;--color-footer-border: #1e354d;--color-card-bg: #112233;--color-card-border: #1e354d;--color-badge-bg: #172a3e;--color-badge-text: #94a3b8;--color-btn-primary-bg: #38bdf8;--color-btn-primary-text: #0d1b2a;--color-btn-primary-hover: #7dd3fc;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family-sans);font-size:16px;line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-background);color:var(--color-text)}#root{min-height:100vh;display:flex;flex-direction:column;width:100%}.page-main-layout{flex:1 0 auto;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--color-brand-cyan);outline-offset:3px}button{font-family:inherit;cursor:pointer;border:none;background:transparent}img,svg{display:block;max-width:100%}p{max-width:72ch}h1,h2,h3,h4,h5,h6{color:var(--color-text);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold)}::selection{background-color:#38bdf840;color:var(--color-text)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}