@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@500;600;700&display=swap";
:root{--bg-page:#eef1f5;--bg-white:#fff;--bg-dark-banner:#3a3a3a;--bg-footer:#1e1e1e;--text-dark:#1a1a2e;--text-body:#444;--text-muted:#777;--text-white:#fff;--accent-blue:#0072ff;--accent-purple:#7f00ff;--accent-green:#52d815;--accent-green-hover:#46c013;--gradient-hero:linear-gradient(135deg, #06f 0%, #4f46e5 25%, #7c3aed 50%, #6366f1 75%, #0072ff 100%);--card-shadow:0 2px 20px #0072ff1a;--card-shadow-hover:0 4px 30px #0072ff2e;--radius:8px;--radius-lg:12px;--max-width:1100px;--header-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-page);color:var(--text-body);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4{color:var(--text-dark);font-family:Space Grotesk,sans-serif;line-height:1.3}.site-header{z-index:100;height:var(--header-height);background:var(--bg-white);position:fixed;top:0;left:0;right:0;box-shadow:0 1px 8px #0000000f}.header-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;height:100%;margin:0 auto;padding:0 24px;display:flex}.logo{color:var(--text-dark);align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:700;display:flex}.logo img{width:36px;height:36px}.nav-links{align-items:center;gap:28px;list-style:none;display:flex}.nav-links a{color:var(--text-body);font-size:.9rem;font-weight:500;transition:color .2s}.nav-links li a:hover{color:var(--accent-blue);background:var(--bg-hover)}.language-switcher select{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-main);cursor:pointer;outline:none;padding:6px 12px;font-size:.9rem;transition:all .2s}.language-switcher select:hover{border-color:var(--accent-blue)}.nav-links a:after{display:none}.nav-cta{border-radius:var(--radius);background:var(--accent-green);color:var(--text-dark);padding:8px 20px;font-size:.85rem;font-weight:700;transition:background .2s,transform .15s;box-shadow:0 2px 8px #52d81540}.nav-cta:hover{background:var(--accent-green-hover);transform:translateY(-1px)}.menu-toggle{color:var(--text-dark);cursor:pointer;background:0 0;border:none;padding:8px;display:none}@media (max-width:768px){.menu-toggle{display:block}.nav-links{top:var(--header-height);background:var(--bg-white);flex-direction:column;gap:16px;padding:20px;display:none;position:absolute;left:0;right:0;box-shadow:0 4px 16px #00000014}.nav-links.open{display:flex}}.hero{padding:calc(var(--header-height) + 48px) 24px 56px;background:var(--gradient-hero);text-align:center;background-size:300% 300%;animation:12s infinite hero-gradient;position:relative}@keyframes hero-gradient{0%,to{background-position:0%}50%{background-position:100%}}.hero-content{max-width:700px;margin:0 auto}.hero-badge{color:#ffffffeb;background:#ffffff2e;border-radius:100px;align-items:center;gap:6px;margin-bottom:20px;padding:6px 14px;font-size:.75rem;font-weight:600;display:inline-flex}.hero h1{color:var(--text-white);letter-spacing:-.5px;margin-bottom:16px;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:800}.hero p{color:#ffffffd9;max-width:540px;margin:0 auto 28px;font-size:1.05rem;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.btn-primary{border-radius:var(--radius);background:var(--accent-green);color:var(--text-dark);cursor:pointer;border:none;align-items:center;gap:8px;padding:13px 28px;font-size:.95rem;font-weight:700;transition:background .2s,transform .15s;display:inline-flex;box-shadow:0 3px 12px #52d8154d}.btn-primary:hover{background:var(--accent-green-hover);transform:translateY(-2px)}.btn-secondary{border-radius:var(--radius);color:var(--text-white);cursor:pointer;background:#ffffff26;border:2px solid #fff6;align-items:center;gap:8px;padding:13px 28px;font-size:.95rem;font-weight:700;transition:background .2s;display:inline-flex}.btn-secondary:hover{background:#ffffff40}.hero-gplay{margin-top:20px}.hero-gplay img{width:auto;height:48px;transition:transform .15s;display:inline-block}.hero-gplay img:hover{transform:scale(1.05)}.section-banner{background:var(--bg-dark-banner);text-align:center;margin-bottom:0;padding:14px 24px}.section-banner h2{color:var(--text-white);letter-spacing:.3px;margin:0;font-size:1.15rem;font-weight:700}.features{padding:48px 24px 56px}.section-inner{max-width:var(--max-width);margin:0 auto}.section-header{text-align:center;margin-bottom:40px}.section-header h2{margin-bottom:10px;font-size:1.5rem;font-weight:700}.section-header p{color:var(--text-muted);max-width:520px;margin:0 auto;font-size:.95rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:20px;max-width:760px;margin:0 auto;display:grid}@media (max-width:600px){.features-grid{grid-template-columns:1fr}}.feature-card{border-radius:var(--radius-lg);background:var(--bg-white);box-shadow:var(--card-shadow);padding:28px;transition:transform .2s,box-shadow .2s}.feature-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-3px)}.feature-icon{border-radius:var(--radius);background:linear-gradient(135deg,#0072ff14,#7f00ff14);justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;font-size:1.4rem;display:flex}.feature-card h3{margin-bottom:8px;font-size:1rem;font-weight:700}.feature-card p{color:var(--text-muted);font-size:.88rem;line-height:1.6}.tester-section{padding:48px 24px 56px}.tester-wrapper{text-align:center;max-width:700px;margin:0 auto}.tester-container{aspect-ratio:16/9;border-radius:var(--radius-lg);cursor:pointer;width:100%;max-width:560px;box-shadow:var(--card-shadow);background-color:gray;justify-content:center;align-items:center;margin:24px auto;transition:transform .2s;display:flex;position:relative;overflow:hidden}.tester-container:hover{transform:scale(1.01)}.tester-container.is-fullscreen{z-index:9999;aspect-ratio:auto;border-radius:0;width:100vw;max-width:none;height:100vh;position:fixed;inset:0;transform:none!important}:-webkit-any(.tester-container:fullscreen,.tester-container:-webkit-full-screen){aspect-ratio:auto!important;border-radius:0!important;width:100vw!important;max-width:none!important;height:100vh!important;max-height:none!important;margin:0!important;padding:0!important;transform:none!important}:is(.tester-container:fullscreen,.tester-container:fullscreen){aspect-ratio:auto!important;border-radius:0!important;width:100vw!important;max-width:none!important;height:100vh!important;max-height:none!important;margin:0!important;padding:0!important;transform:none!important}.tester-container.is-fullscreen.is-apple{width:350px;height:350px;margin:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(15)!important}.tester-expand-icon{opacity:.6;fill:#fff;filter:drop-shadow(0 1px 3px #0006);pointer-events:none;width:36px;height:36px;transition:opacity .2s;position:absolute;bottom:12px;right:12px}.tester-container:hover .tester-expand-icon{opacity:.9}.tester-container.is-fullscreen .tester-expand-icon{display:none}.tester-slider{width:80%;max-width:400px;accent-color:var(--accent-blue);margin:14px auto 0;display:block}.tester-slider.hidden{display:none}.tester-slider.is-fullscreen-slider{z-index:10000;width:80vw;max-width:600px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.tester-instructions{color:var(--text-muted);background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);text-align:left;margin-top:20px;padding:20px 24px;font-size:.88rem;line-height:1.7}.tester-instructions ol{padding-left:20px}.tester-instructions li{margin-bottom:6px}.faq{padding:48px 24px 56px}.faq-grid{background:var(--bg-white);border-radius:var(--radius-lg);max-width:760px;box-shadow:var(--card-shadow);margin:0 auto;padding:8px 32px}.faq-item{border-bottom:1px solid #eee;padding:22px 0}.faq-item:last-child{border-bottom:none}.faq-item h3{color:var(--text-dark);margin-bottom:8px;font-size:1rem;font-weight:700}.faq-item p{color:var(--text-muted);font-size:.92rem;line-height:1.7}.blog-section{padding:48px 24px 56px}.blog-grid{grid-template-columns:repeat(2,1fr);gap:20px;max-width:760px;margin:0 auto;display:grid}@media (max-width:600px){.blog-grid{grid-template-columns:1fr}}.blog-card{border-radius:var(--radius-lg);background:var(--bg-white);box-shadow:var(--card-shadow);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-3px)}.blog-card-image{object-fit:cover;background:linear-gradient(135deg,#dde4ee,#c8d4e8);width:100%;height:190px}.blog-card-body{flex-direction:column;flex:1;padding:20px;display:flex}.blog-card-meta{color:var(--text-muted);gap:10px;margin-bottom:8px;font-size:.78rem;display:flex}.blog-card-body h3{color:var(--text-dark);margin-bottom:8px;font-size:1rem;font-weight:700;line-height:1.4}.blog-card-body p{color:var(--text-muted);flex:1;font-size:.86rem;line-height:1.6}.blog-card-link{color:var(--accent-blue);align-items:center;gap:4px;margin-top:12px;font-size:.85rem;font-weight:600;transition:gap .2s;display:inline-flex}.blog-card:hover .blog-card-link{gap:8px}.post-page{padding:calc(var(--header-height) + 32px) 24px 64px}.post-container{background:var(--bg-white);border-radius:var(--radius-lg);max-width:740px;box-shadow:var(--card-shadow);margin:0 auto;padding:40px 48px}@media (max-width:600px){.post-container{padding:24px 20px}}.post-header{margin-bottom:32px}.post-header h1{margin-bottom:12px;font-size:clamp(1.4rem,3.5vw,2rem);font-weight:800}.post-meta{color:var(--text-muted);flex-wrap:wrap;gap:12px;font-size:.82rem;display:flex}.post-meta .category{color:var(--accent-blue);background:#0072ff14;border-radius:100px;padding:3px 10px;font-size:.72rem;font-weight:600}.post-content{color:var(--text-body);font-size:1rem;line-height:1.8}.post-content h2{color:var(--text-dark);margin:40px 0 12px;font-size:1.35rem}.post-content h3{color:var(--text-dark);margin:32px 0 10px;font-size:1.1rem}.post-content p{margin-bottom:18px}.post-content img{border-radius:var(--radius);margin:20px 0;box-shadow:0 2px 12px #00000014}.post-content a{color:var(--accent-blue);text-underline-offset:2px;text-decoration:underline}.post-content a:hover{color:var(--accent-purple)}.post-content ul,.post-content ol{margin-bottom:18px;padding-left:22px}.post-content li{margin-bottom:6px}.post-content blockquote{border-left:3px solid var(--accent-blue);border-radius:0 var(--radius) var(--radius) 0;background:#0072ff08;margin:20px 0;padding:14px 20px}.post-content figure{margin:20px 0}.post-content figcaption{text-align:center;color:var(--text-muted);margin-top:6px;font-size:.82rem}.post-content .wp-block-image{margin:20px 0}.static-page{padding:calc(var(--header-height) + 32px) 24px 64px}.static-page .page-container{background:var(--bg-white);border-radius:var(--radius-lg);max-width:740px;box-shadow:var(--card-shadow);margin:0 auto;padding:40px 48px}@media (max-width:600px){.static-page .page-container{padding:24px 20px}}.static-page h1{margin-bottom:24px;font-size:clamp(1.4rem,3.5vw,2rem);font-weight:800}.static-page .page-content{color:var(--text-body);font-size:.95rem;line-height:1.8}.static-page .page-content h2{color:var(--text-dark);margin:28px 0 10px;font-size:1.2rem}.static-page .page-content p{margin-bottom:14px}.static-page .page-content a{color:var(--accent-blue);text-decoration:underline}.site-footer{background:var(--bg-footer);padding:36px 24px}.footer-inner{max-width:var(--max-width);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:0 auto;display:flex}.footer-inner p{color:#999;font-size:.82rem}.footer-links{gap:20px;list-style:none;display:flex}.footer-links a{color:#999;font-size:.82rem;transition:color .2s}.footer-links a:hover{color:#fff}.gplay-section{text-align:center;background:var(--bg-white);padding:40px 24px}.gplay-badge{transition:transform .15s;display:inline-block}.gplay-badge:hover{transform:scale(1.05)}.gplay-badge img{width:auto;height:50px}.blog-archive-page{padding:calc(var(--header-height) + 32px) 24px 64px}.blog-archive-page .section-inner{max-width:var(--max-width);margin:0 auto}.contact-form{max-width:520px;margin:24px auto 0}.form-group{margin-bottom:18px}.form-group label{color:var(--text-dark);margin-bottom:6px;font-size:.88rem;font-weight:600;display:block}.form-group input,.form-group textarea{border-radius:var(--radius);width:100%;color:var(--text-dark);background:#fafafa;border:1px solid #ddd;padding:11px 14px;font-family:inherit;font-size:.92rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 3px #0072ff14}.form-group textarea{resize:vertical;min-height:120px}.form-submit{border-radius:var(--radius);background:var(--accent-green);color:var(--text-dark);cursor:pointer;border:none;padding:11px 28px;font-size:.92rem;font-weight:700;transition:background .2s,transform .15s;box-shadow:0 2px 8px #52d81533}.form-submit:hover{background:var(--accent-green-hover);transform:translateY(-1px)}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}