:root{--bg:#FAFAFA;--bg-subtle:#FFFFFF;--panel:#FFFFFF;--text:#0A0A0A;--text-muted:#525252;--border:#0A0A0A;--border-width:3px;--primary:#3B82F6;--primary-dark:#2563EB;--accent:#F59E0B;--accent-dark:#D97706;--success:#10B981;--danger:#EF4444;--shadow:6px 6px 0 #0A0A0A;--shadow-hover:8px 8px 0 #0A0A0A;--shadow-sm:3px 3px 0 #0A0A0A;--bg-hover:#F5F5F5;--container:1280px;--radius:0px}body.dark{--bg:#0A0A0A;--bg-subtle:#171717;--panel:#171717;--text:#FAFAFA;--text-muted:#A3A3A3;--border:#FAFAFA;--primary:#60A5FA;--primary-dark:#3B82F6;--accent:#FCD34D;--accent-dark:#F59E0B;--success:#34D399;--danger:#F87171;--shadow:6px 6px 0 #FAFAFA;--shadow-hover:8px 8px 0 #FAFAFA;--shadow-sm:3px 3px 0 #FAFAFA;--bg-hover:#262626}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html.i18n-loading body{opacity:0}html:not(.i18n-loading) body{opacity:1;transition:opacity .2s ease-in}body{margin:0;padding:0;font-family:'Space Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:var(--text);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;transition:.15s;font-weight:600}a:hover{color:var(--primary);text-decoration-thickness:3px}.wrap{max-width:var(--container);margin:0 auto;padding:0 32px}header{position:sticky;top:0;z-index:100;background:var(--bg-subtle);border-bottom:var(--border-width) solid var(--border)}.header-content{max-width:var(--container);margin:0 auto;padding:24px 32px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.header-brand{display:flex;align-items:center;gap:12px;text-decoration:none;transition:transform .15s}.header-brand:hover{transform:translateY(-2px)}header img{width:48px;height:48px;border:var(--border-width) solid var(--border);border-radius:0}header strong{font-size:22px;font-weight:900;letter-spacing:-.02em;color:var(--text);text-transform:uppercase}nav{margin-left:auto;display:flex;gap:8px;align-items:center}nav a{color:var(--text);font-weight:700;padding:10px 16px;border:var(--border-width) solid transparent;background:0 0;transition:.15s;text-decoration:none;text-transform:uppercase;font-size:14px;letter-spacing:.5px}nav a:hover{background:var(--primary);color:#fff;border-color:var(--border);transform:translate(-2px,-2px);box-shadow:var(--shadow-sm)}nav a:active{transform:translate(0,0);box-shadow:none}nav a.active{background:var(--accent);color:#fff;border-color:var(--border);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;border:var(--border-width) solid var(--border);background:var(--primary);color:#fff;font-weight:800;font-size:16px;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:.15s;box-shadow:var(--shadow)}.btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hover);color:#fff}.btn:active{transform:translate(3px,3px);box-shadow:var(--shadow-sm)}.btn.secondary{background:var(--bg-subtle);color:var(--text);border-color:var(--border)}.btn.secondary:hover{background:var(--accent);color:#fff}.hero{text-align:center;padding:40px 32px 24px;margin:24px 0}.hero h1{font-size:32px;font-weight:900;letter-spacing:-.02em;line-height:1.2;margin:0 0 12px;color:var(--text);text-transform:uppercase}.hero-centered{text-align:center}.hero-centered .actions{margin-top:40px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.hero-centered .badges{margin-top:32px}.hero p{font-size:16px;color:var(--text-muted);max-width:600px;margin:0 auto;line-height:1.5;font-weight:600}.badge{display:inline-block;background:var(--accent);color:#fff;border:var(--border-width) solid var(--border);padding:10px 16px;margin:6px 6px 0 0;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm)}.hero-grid{display:grid;grid-template-columns:1.05fr 0.95fr;gap:40px;align-items:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin:32px 0}.card{background:var(--panel);border:var(--border-width) solid var(--border);padding:32px;transition:.15s;position:relative;box-shadow:var(--shadow)}.card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hover)}.card h3{font-size:24px;font-weight:900;margin-bottom:16px;letter-spacing:-.01em;color:var(--text);text-transform:uppercase}.card p{color:var(--text-muted);line-height:1.7;font-weight:500}.card ul{list-style:none;padding:0}.card ul li{padding:12px 0 12px 28px;color:var(--text-muted);position:relative;font-weight:500}.card ul li::before{content:'▸';position:absolute;left:0;color:var(--primary);font-weight:900;font-size:18px}.card code{background:var(--accent);color:#fff;padding:4px 10px;font-size:14px;font-family:'SF Mono',Monaco,monospace;font-weight:700;border:2px solid var(--border)}footer{padding:32px 0;color:var(--text-muted);font-size:14px;border-top:var(--border-width) solid var(--border);margin-top:80px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;font-weight:600}footer .footer-text{display:flex;gap:12px;flex-wrap:wrap;align-items:center}@media (max-width:768px){footer{flex-direction:column;align-items:center;text-align:center}footer .footer-text{justify-content:center}}.screens{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.screens img{width:100%;border:var(--border-width) solid var(--border);box-shadow:var(--shadow)}.muted{color:var(--text-muted)}.small{font-size:13px;color:var(--text-muted);font-weight:600}hr{border:0;border-top:var(--border-width) solid var(--border);margin:60px 0}.section{margin:80px 0}.section h2{margin:0 0 16px;font-size:40px;font-weight:900;letter-spacing:-.02em;text-transform:uppercase}.text-center{text-align:center}.window{max-width:609px;margin:0 auto;border:var(--border-width) solid var(--border);background:var(--panel);box-shadow:var(--shadow-hover);overflow:hidden;position:relative}.titlebar{height:48px;display:flex;align-items:center;padding:0 20px;background:var(--primary);border-bottom:var(--border-width) solid var(--border)}.dots{display:flex;gap:10px}.dot{width:14px;height:14px;border:2px solid var(--border)}.dot.r{background:#ef4444}.dot.y{background:#f59e0b}.dot.g{background:#10b981}.mobile-menu-btn{display:none;background:0 0;border:none;padding:8px;cursor:pointer;font-size:28px;line-height:1;color:var(--text);transition:.15s}.mobile-menu-btn:hover{color:var(--primary)}.mobile-menu-btn:active{transform:scale(.95)}.mobile-sidebar{display:none;position:fixed;top:0;left:-280px;width:280px;height:100vh;background:var(--bg-subtle);border-right:var(--border-width) solid var(--border);z-index:1000;transition:left .3s;overflow-y:auto;box-shadow:var(--shadow-hover)}.mobile-sidebar.open{left:0}.mobile-sidebar-header{padding:20px;border-bottom:var(--border-width) solid var(--border);display:flex;align-items:center;justify-content:space-between}.mobile-sidebar-close{background:0 0;border:none;font-size:32px;line-height:1;cursor:pointer;color:var(--text);padding:0;transition:.15s}.mobile-sidebar-close:hover{color:var(--primary);transform:rotate(90deg)}.mobile-sidebar-nav{padding:20px 0;display:flex;flex-direction:column}.mobile-sidebar-nav a{display:block;padding:16px 24px;color:var(--text);text-decoration:none;font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:.5px;border-left:4px solid transparent;transition:.15s}.mobile-sidebar-nav a:hover{background:var(--bg-hover);border-left-color:var(--primary)}.mobile-sidebar-nav a.active{background:var(--accent);color:#fff;border-left-color:var(--border)}.mobile-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(10,10,10,.5);z-index:999;opacity:0;transition:opacity .3s}.mobile-overlay.show{opacity:1}@media (max-width:768px){.mobile-menu-btn,.mobile-sidebar{display:block}.header-content{padding:12px 20px;gap:12px;justify-content:space-between;flex-wrap:nowrap;position:relative}.header-brand{position:absolute;left:50%;transform:translateX(-50%);margin-left:0}.header-brand strong{display:none}header img{width:40px;height:40px}.header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0;margin-left:auto}#language-switcher-container #current-language-name,header nav{display:none!important}#language-switcher-container{padding:6px 10px!important;font-size:12px!important;gap:4px!important;display:flex!important;z-index:10}#language-switcher-container span{font-size:12px!important}#language-switcher-container>span:first-child{font-size:20px!important}#language-switcher-sidebar{position:relative!important}#language-switcher-sidebar #current-language-name{display:inline!important;max-width:none!important}#language-switcher-sidebar .language-dropdown{position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100%!important;margin-top:4px!important;max-height:300px!important;overflow-y:auto!important}#language-switcher-sidebar .language-dropdown li{font-size:14px!important;padding:12px 16px!important}.hero{padding:60px 24px 40px}.hero h1{font-size:32px}.hero p{font-size:16px}.hero-grid{grid-template-columns:1fr}.hero .actions{flex-direction:column;width:100%}.hero .actions .btn{width:100%}.section{margin:60px 0}.grid{grid-template-columns:1fr;gap:24px}.wrap{padding:0 24px}.card{padding:28px 24px}.card h3{font-size:20px}footer{flex-direction:column;align-items:center;text-align:center;gap:16px}footer .footer-text{justify-content:center;flex-wrap:wrap}}.carousel{position:relative;border:var(--border-width) solid var(--border);overflow:hidden;background:var(--panel);box-shadow:var(--shadow)}.carousel .slides{display:flex;transition:transform .3s}.carousel .slide{min-width:100%}.carousel img{display:block;width:100%;height:auto}.carousel .nav{position:absolute;top:50%;transform:translateY(-50%);border:var(--border-width) solid var(--border);background:var(--bg-subtle);color:var(--text);width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s;font-size:28px;font-weight:900;box-shadow:var(--shadow-sm)}.carousel .nav:hover{background:var(--primary);color:#fff;transform:translateY(-50%) translate(-2px,-2px);box-shadow:var(--shadow)}.carousel .nav:active{transform:translateY(-50%) translate(2px,2px);box-shadow:none}.carousel .prev{left:16px}.carousel .next{right:16px}.carousel .dots{display:flex;gap:10px;justify-content:center;padding:20px;background:var(--bg-subtle);border-top:var(--border-width) solid var(--border)}.carousel .dot{width:40px;height:8px;background:var(--bg-hover);border:2px solid var(--border);cursor:pointer;transition:.15s}.carousel .dot:hover{background:var(--text-muted)}.carousel .dot.active{background:var(--primary);width:56px}.faq-item{background:var(--panel);border:var(--border-width) solid var(--border);margin-bottom:12px;transition:background .2s}.faq-item:hover{background:var(--bg-subtle)}.faq-item summary{padding:16px 20px;font-weight:700;font-size:16px;cursor:pointer;list-style:none;user-select:none;display:flex;align-items:center;gap:12px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::before{content:"▶";font-size:12px;transition:transform .2s;flex-shrink:0}.faq-item[open] summary::before{transform:rotate(90deg)}.faq-item p{padding:0 20px 16px 44px;margin:0;line-height:1.6;color:var(--text)}.faq-item p strong{font-weight:700}section h3{margin-top:32px;margin-bottom:16px;font-size:20px;font-weight:900;text-transform:uppercase;color:var(--primary)}