:root{--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255;--accent:#ff8c42;--surface:#fff;--border:#ddd;--text-muted:#333;--header-logo-size:48px;--header-side-padding:20px;--header-row-height:88px;--header-mobile-side-padding:15px;--header-mobile-row-height:78px;--header-mobile-nav-height:44px;--header-lang-slot-width:88px;--site-header-height:calc(var(--header-row-height) + 1px);--site-header-height-mobile:calc(var(--header-mobile-row-height) + var(--header-mobile-nav-height) + 2px)}@font-face{font-family:DIN Round;src:url(/fonts/din-round.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}body{color:#111;-webkit-font-smoothing:antialiased;background:#f8f8f2;margin:0;font-family:DIN Round,sans-serif}.site-body{padding-top:var(--site-header-height)}a{color:inherit;text-decoration:none}.site-header{z-index:100;background:var(--surface);position:fixed;top:0;left:0;right:0}.site-header>header{height:var(--header-row-height);padding:0 var(--header-side-padding);box-sizing:border-box;background-color:var(--surface);border-bottom:1px solid var(--border);grid-template-columns:1fr auto 1fr;align-items:center;column-gap:20px;display:grid}.header-left{grid-column:1;justify-self:start}.header-nav-desktop{grid-column:2;justify-self:center;align-items:center;gap:20px;display:flex}.header-right{min-width:var(--header-lang-slot-width);flex-shrink:0;grid-column:3;justify-content:flex-end;justify-self:end;align-items:center;display:flex}.header-nav-desktop a{color:var(--text-muted);white-space:nowrap;padding:4px 8px;font-size:15px;font-weight:500;line-height:1.4;text-decoration:none;transition:color .2s}.header-nav-desktop a:hover{color:var(--accent)}.site-header .header-nav-wrapper{background-color:var(--surface);border-bottom:1px solid var(--border);height:var(--header-mobile-nav-height);box-sizing:border-box;display:none;position:relative}.site-header .header-nav-wrapper:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(90deg,#fff0,#fff);width:50px;position:absolute;top:0;bottom:0;right:0}.header-nav-mobile{box-sizing:border-box;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:center;align-items:center;gap:20px;height:100%;padding:0 50px 0 20px;display:flex;overflow-x:auto}.header-nav-mobile::-webkit-scrollbar{display:none}.header-nav-mobile a{color:var(--text-muted);white-space:nowrap;padding:4px 8px;font-size:15px;font-weight:500;line-height:1.4;text-decoration:none;transition:color .2s}.header-nav-mobile a:hover{color:var(--accent)}@media (max-width:768px){.site-body{padding-top:var(--site-header-height-mobile)}.site-header>header{height:var(--header-mobile-row-height);padding:0 var(--header-mobile-side-padding);column-gap:12px}.header-nav-desktop{display:none}.site-header .header-nav-wrapper{display:block}.header-nav-mobile{justify-content:flex-start;gap:12px;padding:0 50px 0 15px}.header-nav-mobile a{flex-shrink:0;padding:4px 6px;font-size:13px}.header-right{gap:12px}.header-left .site-logo-text{font-size:20px}.header-right .contact-link{padding:8px 12px;font-size:14px}@media (max-width:480px){.header-nav-mobile{gap:8px;padding:0 50px 0 12px}.header-nav-mobile a{padding:4px;font-size:12px}}}.header-left a{align-items:center;text-decoration:none;display:flex}.header-left img{width:var(--header-logo-size);height:var(--header-logo-size);object-fit:cover;border-radius:10px;flex-shrink:0;margin-right:16px}.header-left .site-logo-text{margin:0;font-size:24px;font-weight:700;line-height:1.2}.header-nav a{color:#333;white-space:nowrap;padding:4px 8px;font-size:15px;font-weight:500;line-height:1.4;text-decoration:none;transition:color .2s}.header-nav a:hover{color:#ff8c42}.header-right .contact-link{color:#ff8c42;white-space:nowrap;border:1px solid #ff8c42;border-radius:8px;flex-shrink:0;padding:10px 16px;font-size:16px;font-weight:700;text-decoration:none;transition:background-color .3s,color .3s}.header-right .contact-link:hover{color:#fff;background-color:#ff8c42}footer{text-align:center;flex-direction:column;align-items:center;gap:0;padding:40px 20px 32px;font-size:14px;display:flex}.footer-nav{opacity:.6;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;width:100%;display:flex}.footer-nav a{color:#555;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;padding:4px 8px;text-decoration:none;display:inline-block}.footer-copyright{opacity:.6;white-space:nowrap;word-break:keep-all;width:100%;margin:16px 0 0}@media (max-width:768px){footer{padding:30px 15px 24px}.footer-nav{flex-direction:column;gap:6px}.footer-nav a{padding:2px 0}}.main-body{color:#333;max-width:900px;margin:auto;padding:40px;font-family:sans-serif;line-height:1.6}.hero{text-align:left;flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;max-width:1000px;margin:24px auto 0;padding:0 20px;display:flex}.hero-text{max-width:460px}.hero-text p{font-size:20px;font-weight:700;line-height:1.6}.hero-image{width:100%;max-width:320px}.hero-image-img{border-radius:30px;width:100%;max-width:320px;height:auto;box-shadow:0 0 30px #00000014}.hero-cta{flex-direction:column;align-items:flex-start;gap:16px;width:100%;margin-top:20px;display:flex}.btns{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;width:100%;display:flex}.btns a{flex-shrink:0;line-height:0;display:inline-flex}.badge-img{width:auto;max-width:100%;height:48px;display:block}.screenshots-section .screenshot-row{content-visibility:auto;contain-intrinsic-size:auto 500px}.screenshot-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;max-width:1000px;margin:60px auto;padding:0 20px;display:flex}.screenshot-row:nth-of-type(odd){flex-direction:row}.screenshot-row:nth-of-type(2n){flex-direction:row-reverse}.screenshot-img{border-radius:60px;width:100%;max-width:300px;height:auto;box-shadow:0 0 30px #0000001a}.screenshot-text{max-width:400px}.screenshot-text h3{margin-bottom:10px;font-size:24px}.screenshot-text p{opacity:.85;font-size:17px;line-height:1.6}.form-section{max-width:600px;margin:60px auto;padding:0 20px}.contact-form{background-color:#fff;border:1px solid #eee;border-radius:20px;padding:30px;box-shadow:0 4px 20px #0000000d}.contact-form label{margin-bottom:20px;font-size:16px;font-weight:700;display:block}.contact-form input[type=email],.contact-form textarea{box-sizing:border-box;background-color:#fdfdfd;border:1px solid #ccc;border-radius:12px;width:95%;margin-top:8px;padding:12px 16px;font-family:DIN Round,sans-serif;font-size:16px;font-weight:700}.contact-form textarea{resize:vertical;min-height:120px}.contact-form button[type=submit]{color:#fff;cursor:pointer;background-color:#ff8c42;border:none;border-radius:12px;margin-top:20px;padding:14px 24px;font-family:DIN Round,sans-serif;font-size:16px;font-weight:700;transition:background-color .3s}.contact-form button[type=submit]:hover{background-color:#f70}.text-page-container{max-width:800px;margin:auto;padding:40px 20px;line-height:1.6}.text-page-container h1{font-size:28px}.text-page-container h2{margin-top:40px;font-size:22px}.text-page-container p{margin-bottom:20px}.language-switcher{width:var(--header-lang-slot-width);flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.language-switcher a{cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:24px;line-height:1;text-decoration:none;transition:opacity .2s,transform .2s;display:flex}.language-switcher a:hover{opacity:.8;transform:scale(1.1)}.language-switcher a.active{opacity:1}.aeo-summary{max-width:800px;margin:0 auto;padding:48px 20px 32px}.aeo-summary h1{margin:0 0 16px;font-size:1.75rem;line-height:1.25}.aeo-summary h2{color:var(--accent);margin:0 0 12px;font-size:1.25rem}.aeo-summary h3{margin:24px 0 8px;font-size:1rem}.aeo-summary p{margin:0 0 12px;line-height:1.7}.aeo-disclaimer{opacity:.75}.aeo-quick-links ul{flex-wrap:wrap;gap:12px 20px;margin:0;padding:0;list-style:none;display:flex}.aeo-quick-links a{color:var(--accent);font-weight:600;text-decoration:underline}.blog-list{flex-direction:column;gap:24px;display:flex}.blog-card{background:#f0f0ea;border-radius:12px;padding:24px}.blog-card h2{margin-top:0;font-size:1.35rem}.blog-card h2 a:hover{color:var(--accent)}.blog-meta{opacity:.7;margin-bottom:8px;font-size:.9rem}.blog-read-more{color:var(--accent);font-weight:600}.blog-article header{margin-bottom:24px}.seo-landing .seo-intro{opacity:.9;font-size:1.1rem;line-height:1.7}.seo-landing .seo-lang-alt a{color:var(--accent);font-weight:600}.seo-breadcrumb{opacity:.8;margin-bottom:24px;font-size:.9rem}.seo-breadcrumb a:hover{color:var(--accent)}.seo-section{margin-top:32px}.seo-cta{background:#e8f2ff;border-radius:12px;margin-top:48px;padding:28px}.seo-faq{margin-top:48px}.seo-faq-item{background:#f0f0ea;border-radius:12px;margin-bottom:24px;padding:20px}.seo-faq-item h3{color:var(--accent);margin-top:0;font-size:1.05rem}.seo-related ul,.seo-authority ul,.seo-ugc ul{padding-left:1.25rem;line-height:1.9}.seo-related a,.seo-authority a,.seo-ugc a{color:var(--accent);text-decoration:underline}.seo-authority,.seo-ugc,.seo-related{margin-top:40px}.footer-nav .seo-footer-links{flex-wrap:wrap;justify-content:center;gap:8px 16px;width:100%;margin-bottom:4px;font-size:.85rem;display:flex}.footer-nav .seo-footer-links a{color:var(--accent)}.social-links--prominent{flex-direction:column;align-items:flex-start;gap:0;width:100%;margin:0;display:flex}.social-links--prominent .product-hunt-badge{justify-content:flex-start;width:100%;line-height:0;display:flex}.social-links--prominent .product-hunt-badge img{width:auto;max-width:min(260px,100%);height:48px;display:block}@media (max-width:768px){.hero{text-align:center;padding:0 16px}.hero-text{flex-direction:column;align-items:center;width:100%;max-width:100%;display:flex}.hero-tagline{text-align:center;padding:0 4px}.hero-cta{align-items:center;gap:14px;max-width:300px;margin-left:auto;margin-right:auto}.btns{justify-content:center;gap:10px}.social-links--prominent{align-items:center}.social-links--prominent .product-hunt-badge{justify-content:center}.badge-img{height:44px}.social-links--prominent .product-hunt-badge img{max-width:100%;height:44px}.text-page-container .hero-cta{align-items:center;margin-left:auto;margin-right:auto}}@media (max-width:380px){.btns{flex-direction:column;align-items:center}.badge-img{height:42px}}