:root{--color-primary: #007AFF;--color-primary-dark: #0056CC;--color-secondary: #5856D6;--color-accent: #FF2D55;--color-success: #34C759;--color-warning: #FF9500;--bg-dark: #1d1d1f;--bg-darker: #0d0d0f;--bg-light: #f5f5f7;--bg-card: rgba(255, 255, 255, .08);--bg-card-hover: rgba(255, 255, 255, .12);--text-primary: #f5f5f7;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--gradient-hero: linear-gradient(135deg, #1d1d1f 0%, #2d2d3f 50%, #1d1d1f 100%);--gradient-keymaster: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-macdeskmcp: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-easyrec: linear-gradient(135deg, #34C759 0%, #007AFF 100%);--gradient-easycal: linear-gradient(135deg, #4A90D9 0%, #E8725A 100%);--gradient-button: linear-gradient(135deg, #007AFF 0%, #5856D6 100%);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 32px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 64px rgba(0, 0, 0, .5);--shadow-glow: 0 0 60px rgba(0, 122, 255, .3);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;background:var(--bg-darker);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2vw,1.5rem)}p{color:var(--text-secondary);font-size:1.1rem}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-secondary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}section{padding:var(--spacing-xl) 0}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--spacing-sm) 0;background:#0d0d0fcc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1)}.navbar .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-xs)}.logo-icon{font-size:1.8rem}.nav-links{display:flex;gap:var(--spacing-md);list-style:none}.nav-links a{color:var(--text-secondary);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.nav-links a:hover,.nav-links a.active{color:var(--text-primary);background:var(--bg-card)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--gradient-hero);position:relative;overflow:hidden;padding-top:80px}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(0,122,255,.15) 0%,transparent 60%);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:900px;padding:var(--spacing-md)}.hero-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-card);border-radius:var(--radius-xl);font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-md);border:1px solid rgba(255,255,255,.1)}.hero h1{margin-bottom:var(--spacing-md);background:linear-gradient(135deg,#fff,#999);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.25rem;max-width:600px;margin:0 auto var(--spacing-lg)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-normal);border:none;text-decoration:none}.btn-primary{background:var(--gradient-button);color:#fff;box-shadow:var(--shadow-sm),0 0 20px #007aff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),0 0 40px #007aff66;color:#fff}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:var(--bg-card-hover);color:var(--text-primary)}.btn-large{padding:var(--spacing-md) var(--spacing-lg);font-size:1.125rem}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid rgba(255,255,255,.1);transition:all var(--transition-normal)}.card:hover{background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.app-card{position:relative;overflow:hidden;text-decoration:none}.app-card-gradient{position:absolute;top:0;left:0;right:0;height:4px}.app-card.keymaster .app-card-gradient{background:var(--gradient-keymaster)}.app-card.macdeskmcp .app-card-gradient{background:var(--gradient-macdeskmcp)}.app-card.easyrec .app-card-gradient{background:var(--gradient-easyrec)}.app-card.easycal .app-card-gradient{background:var(--gradient-easycal)}.app-card-icon{font-size:3rem;margin-bottom:var(--spacing-sm)}.app-card h3{margin-bottom:var(--spacing-xs);color:var(--text-primary)}.app-card-version{font-size:.875rem;color:var(--text-muted);margin-bottom:var(--spacing-sm)}.app-card p{margin-bottom:var(--spacing-md)}.app-card-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag{padding:4px 12px;background:#ffffff0d;border-radius:var(--radius-xl);font-size:.75rem;color:var(--text-muted)}.features{background:var(--bg-dark)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.feature-item{text-align:center;padding:var(--spacing-md)}.feature-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.feature-item h4{margin-bottom:var(--spacing-xs)}.app-hero{min-height:60vh;display:flex;align-items:center;padding-top:100px;position:relative;overflow:hidden}.app-hero.keymaster{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f23)}.app-hero.keymaster:before{content:"";position:absolute;top:-50%;right:-20%;width:80%;height:150%;background:radial-gradient(ellipse,rgba(102,126,234,.15) 0%,transparent 60%)}.app-hero.macdeskmcp{background:linear-gradient(135deg,#2d1b3d,#1a1a2e,#0f0f23)}.app-hero.macdeskmcp:before{content:"";position:absolute;top:-50%;right:-20%;width:80%;height:150%;background:radial-gradient(ellipse,rgba(240,147,251,.15) 0%,transparent 60%)}.app-hero.easycal{background:linear-gradient(135deg,#1a1a2e,#2e1a1a,#0f0f23)}.app-hero.easycal:before{content:"";position:absolute;top:-50%;right:-20%;width:80%;height:150%;background:radial-gradient(ellipse,rgba(74,144,217,.15) 0%,transparent 60%)}.app-hero.easyrec{background:linear-gradient(135deg,#1a2e1a,#1a2e2e,#0f0f23)}.app-hero.easyrec:before{content:"";position:absolute;top:-50%;right:-20%;width:80%;height:150%;background:radial-gradient(ellipse,rgba(52,199,89,.15) 0%,transparent 60%)}.app-hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center;position:relative;z-index:1}.app-icon-large{font-size:6rem;margin-bottom:var(--spacing-md)}.app-meta{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap}.app-meta-item{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:.9rem}.app-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.app-preview{position:relative}.app-screenshot{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.screenshot-placeholder{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;align-items:center;justify-content:center;min-height:300px;border:1px solid rgba(255,255,255,.1)}.features-list{list-style:none}.features-list li{padding:var(--spacing-sm) 0;display:flex;align-items:flex-start;gap:var(--spacing-sm);border-bottom:1px solid rgba(255,255,255,.05)}.features-list li:last-child{border-bottom:none}.feature-check{color:var(--color-success);font-size:1.25rem;flex-shrink:0}.requirements{background:var(--bg-dark)}.requirements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.requirement-item{background:var(--bg-card);padding:var(--spacing-md);border-radius:var(--radius-md);text-align:center}.requirement-icon{font-size:2rem;margin-bottom:var(--spacing-xs)}.requirement-label{font-size:.875rem;color:var(--text-muted);margin-bottom:var(--spacing-xs)}.requirement-value{font-weight:600;color:var(--text-primary)}.tools-section{background:var(--bg-dark)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.tool-card{background:var(--bg-card);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05)}.tool-card h4{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);font-family:SF Mono,Monaco,monospace;font-size:1rem;color:var(--color-primary)}.tool-card p{font-size:.9rem}.installation{background:var(--bg-darker)}.code-block{background:#1e1e1e;border-radius:var(--radius-md);padding:var(--spacing-md);overflow-x:auto;margin:var(--spacing-sm) 0;border:1px solid rgba(255,255,255,.1)}.code-block code{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.9rem;color:#e6e6e6;white-space:pre}.code-block .comment{color:#6a9955}.code-block .string{color:#ce9178}.code-block .keyword{color:#569cd6}.footer{background:var(--bg-darker);padding:var(--spacing-lg) 0;border-top:1px solid rgba(255,255,255,.1)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.footer-links{display:flex;gap:var(--spacing-md)}.footer-links a{color:var(--text-muted);font-size:.9rem}.footer-links a:hover{color:var(--text-primary)}.copyright{color:var(--text-muted);font-size:.875rem}@media(max-width:768px){.nav-links{display:none}.hero h1{font-size:2.5rem}.apps-grid{grid-template-columns:1fr}.app-hero-content{grid-template-columns:1fr;text-align:center}.app-preview{order:-1}.app-actions,.app-meta{justify-content:center}section{padding:var(--spacing-lg) 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.section-header{text-align:center;max-width:700px;margin:0 auto var(--spacing-lg)}.section-header h2{margin-bottom:var(--spacing-sm)}.comparison-table{width:100%;border-collapse:collapse;margin-top:var(--spacing-md)}.comparison-table th,.comparison-table td{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.comparison-table th{color:var(--text-primary);font-weight:600}.comparison-table td{color:var(--text-secondary)}.comparison-table tr:hover td{background:var(--bg-card)}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer}@media(max-width:768px){.mobile-menu-btn{display:block}}.lang-selector{display:flex;align-items:center;gap:4px;margin-left:var(--spacing-sm);padding:4px;background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1)}.lang-selector a{display:flex;align-items:center;justify-content:center;width:32px;height:28px;border-radius:4px;font-size:.8rem;font-weight:600;color:var(--text-muted);text-decoration:none;transition:all var(--transition-fast)}.lang-selector a:hover{color:var(--text-primary);background:#ffffff0d}.lang-selector a.active{color:var(--text-primary);background:var(--color-primary)}.nav-right{display:flex;align-items:center;gap:var(--spacing-sm)}@media(max-width:768px){.lang-selector{margin-left:auto;margin-right:var(--spacing-sm)}}.screenshots-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.screenshot-item{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card);border:1px solid rgba(255,255,255,.1);transition:all var(--transition-normal)}.screenshot-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#fff3}.screenshot-item img{width:100%;height:auto;display:block}.screenshot-item .screenshot-caption{padding:var(--spacing-sm) var(--spacing-md);text-align:center}.screenshot-item .screenshot-caption h4{font-size:1rem;margin-bottom:4px}.screenshot-item .screenshot-caption p{font-size:.85rem;color:var(--text-muted)}.screenshot-item.screenshot-wide{grid-column:1 / -1}.screenshot-item.screenshot-wide img{max-height:500px;object-fit:contain;background:#0000004d;padding:var(--spacing-sm)}@media(max-width:768px){.screenshots-gallery{grid-template-columns:1fr}}