:root{--bg:#f4faf8;--surface:#fff;--surface-2:#edf6f3;--border:#dce8e4;--text:#16241f;--text-muted:#5b6e67;--accent:#0e7c6b;--accent-strong:#0a5a4e;--accent-soft:#e4f5f1;--warn:#9a5b12;--warn-soft:#fbebd9;--shadow:0 1px 2px #0f1a170a, 0 8px 24px #0f1a170f;--radius:14px;--content-width:960px;--article-width:720px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Tajawal,Segoe UI,Tahoma,system-ui,-apple-system,sans-serif;font-size:17px;line-height:1.7}h1,h2,h3{margin:0 0 .5em;line-height:1.25}h1{font-size:clamp(1.7rem,4vw,2.4rem);font-weight:800}h2{margin-top:2.2rem;font-size:1.35rem}h3{font-size:1.05rem}p{margin:0 0 1em}a{color:var(--accent-strong)}img{max-width:100%;height:auto}.muted{color:var(--text-muted)}.lede{color:var(--text-muted);max-width:60ch;font-size:1.05rem}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.skip-link{inset-inline-start:12px;background:var(--accent);color:#fff;z-index:10;border-radius:8px;padding:8px 14px;position:absolute;top:-60px}.skip-link:focus{top:12px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.container{width:100%;max-width:var(--content-width);margin-inline:auto;padding-inline:20px}.page{min-height:70vh;padding-block:32px 64px}.site-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:5;position:sticky;top:0}.header-row{flex-wrap:wrap;align-items:center;gap:16px;min-height:64px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.brand-mark{border-radius:9px;flex:none;width:34px;height:34px}.brand-name{letter-spacing:.06em;font-weight:800}.site-footer{border-top:1px solid var(--border);background:var(--surface);text-align:center;padding-block:28px}.site-footer p{margin:0 0 6px}.hero{padding-block:24px 8px}.hero.compact{padding-block-end:0}.footer-columns{text-align:start;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px;margin-bottom:24px;display:grid}.footer-columns h2{margin:0 0 8px;font-size:.95rem}.footer-columns ul{margin:0;padding:0;list-style:none}.footer-columns li{margin-bottom:6px}.footer-columns a{color:var(--text-muted);text-decoration:none}.footer-columns a:hover{color:var(--accent-strong)}.button,.lang-button{font:inherit;border:1px solid var(--border);background:var(--accent-soft);color:var(--accent-strong);cursor:pointer;border-radius:999px;padding:8px 16px;font-weight:700;text-decoration:none;display:inline-block}.button{background:var(--accent);border-color:var(--accent);color:#fff}.button:hover{background:var(--accent-strong)}.lang-button:hover{background:var(--surface-2)}.search-box{background:var(--surface);border:1px solid var(--border);max-width:600px;box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:10px;margin:20px auto 8px;padding:6px;padding-inline-start:18px;transition:border-color .15s,box-shadow .15s;display:flex}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft), var(--shadow)}.search-icon{width:22px;height:22px;color:var(--text-muted);flex:none}.search-box:focus-within .search-icon{color:var(--accent)}.search-box input{min-width:0;font:inherit;color:var(--text);background:0 0;border:0;flex:1;padding:10px 4px;font-size:1.05rem}.search-box input:focus{outline:none}.search-box input::placeholder{color:var(--text-muted);opacity:.8}.search-box input::-webkit-search-cancel-button{cursor:pointer}.search-submit{font:inherit;color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:999px;padding:10px 22px;font-weight:700}.search-submit:hover{background:var(--accent-strong)}.search-box:has(.search-submit){padding-inline-end:6px}.search-box:not(:has(.search-submit)){padding-inline-end:18px}@media (width<=480px){.search-submit{padding-inline:16px}}.card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.card-grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);box-shadow:var(--shadow);padding:20px;text-decoration:none;transition:transform .15s,border-color .15s;display:block}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card h3{color:var(--accent-strong);margin-bottom:6px}.card p{color:var(--text-muted);margin:0;font-size:.95rem}.audience-card{padding:28px}.audience-card h3{font-size:1.25rem}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:10px;padding:14px 18px}.faq-item summary{cursor:pointer;font-weight:700}.faq-item p{color:var(--text-muted);margin:10px 0 0}@media (prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}.article{max-width:var(--article-width);margin-inline:auto}.crumb{margin-bottom:16px;font-weight:600;text-decoration:none;display:inline-block}.crumb:before{content:"← "}[dir=rtl] .crumb:before{content:"→ "}.article-body{margin-block:24px}.steps{counter-reset:step;margin:24px 0;padding:0;list-style:none}.steps li{counter-increment:step;padding-inline-start:52px;padding-bottom:22px;position:relative}.steps li:before{content:counter(step);inset-inline-start:0;background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-weight:800;display:flex;position:absolute;top:0}.steps li:not(:last-child):after{content:"";inset-inline-start:16px;background:var(--border);width:2px;position:absolute;top:38px;bottom:4px}.steps h3{margin-bottom:4px}.steps p{color:var(--text-muted);margin:0}.bullets{padding-inline-start:22px}.bullets li{margin-bottom:8px}.callout{border-inline-start:4px solid var(--accent);background:var(--accent-soft);border-radius:12px;margin-block:20px;padding:14px 18px}.callout-warning{background:var(--warn-soft);border-inline-start-color:var(--warn)}.callout-warning strong{color:var(--warn)}.callout-tip strong{color:var(--accent-strong)}.callout p{margin:4px 0 0}.screenshot{text-align:center;margin:24px 0}.screenshot img{border-radius:var(--radius);border:1px solid var(--border);max-height:520px;box-shadow:var(--shadow)}.screenshot figcaption{color:var(--text-muted);margin-top:8px;font-size:.9rem}.article-heading{margin-top:1.8em}.definitions{gap:10px;margin:20px 0;display:grid}.definitions>div{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 16px}.definitions dt{color:var(--accent-strong);font-weight:800}.definitions dd{color:var(--text-muted);margin:2px 0 0}.contact-layout{grid-template-columns:1.3fr 1fr;align-items:start;gap:28px;margin-top:24px;display:grid}.contact-side h2{margin-top:0;font-size:1.1rem}.contact-side h2:not(:first-child){margin-top:1.6rem}@media (width<=760px){.contact-layout{grid-template-columns:1fr}}.contact-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);gap:16px;padding:24px;display:grid}.contact-form h2{margin:0;font-size:1.25rem}.contact-form label{gap:6px;font-size:.95rem;font-weight:700;display:grid}.contact-form input,.contact-form select,.contact-form textarea{font:inherit;color:var(--text);border:1px solid var(--border);background:var(--bg);border-radius:10px;width:100%;padding:12px 14px;font-weight:400}.contact-form textarea{resize:vertical;min-height:140px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=520px){.form-row{grid-template-columns:1fr}}.send-button{justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:1rem;display:inline-flex}.send-button svg{width:20px;height:20px}.form-note{margin:0;font-size:.9rem}.channel-grid{gap:12px;margin:0;padding:0;list-style:none;display:grid}.channel{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:12px;grid-template-columns:48px 1fr;align-items:center;column-gap:14px;padding:14px 16px;text-decoration:none;transition:transform .15s,border-color .15s;display:grid}.channel:hover{border-color:var(--accent);transform:translateY(-2px)}.channel-icon{background:var(--accent-soft);width:48px;height:48px;color:var(--accent-strong);border-radius:14px;grid-row:span 2;justify-content:center;align-items:center;display:flex}.channel-icon svg{width:26px;height:26px}.channel-whatsapp .channel-icon{background:var(--accent);color:#fff}.channel small{color:var(--text-muted)}@media (prefers-reduced-motion:reduce){.channel{transition:none}.channel:hover{transform:none}}.header-row{flex-wrap:nowrap}.brand{white-space:nowrap;flex:none}.header-row .lang-button{margin-inline-start:0}.nav{align-self:stretch;gap:4px;margin-inline-start:auto;display:flex;position:relative}.nav-link{color:var(--text-muted);white-space:nowrap;align-items:center;padding:0 14px;font-weight:700;text-decoration:none;transition:color .2s;display:flex}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--accent-strong)}.nav-indicator{background:var(--accent);border-radius:3px 3px 0 0;height:3px;transition:transform .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1),opacity .2s;position:absolute;bottom:0;left:0}.nav-indicator.instant{transition:opacity .2s}.icon-button{cursor:pointer;background:var(--surface-2);width:42px;height:42px;color:var(--text);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button svg{width:22px;height:22px}.menu-button,.drawer-root{display:none}.drawer-overlay{opacity:0;background:#0f1a1773;transition:opacity .25s;position:fixed;inset:0}.drawer{top:0;bottom:0;z-index:20;background:var(--surface);width:min(300px,82vw);box-shadow:var(--shadow);flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset-inline-start:0;transform:translate(-100%)}:root[dir=rtl] .drawer{transform:translate(100%)}.drawer-root{z-index:19;visibility:hidden;transition:visibility 0s .3s;position:fixed;inset:0}.drawer-root.open{visibility:visible;transition-delay:0s}.drawer-root.open .drawer-overlay{opacity:1}.drawer-root.open .drawer,:root[dir=rtl] .drawer-root.open .drawer{transform:none}.drawer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.drawer-nav{gap:4px;padding:12px;display:grid;overflow-y:auto}.drawer-link{color:var(--text);border-radius:10px;padding:13px 16px;font-weight:700;text-decoration:none;position:relative}.drawer-link:hover{background:var(--surface-2)}.drawer-link.active{background:var(--accent-soft);color:var(--accent-strong)}.drawer-link.active:before{content:"";background:var(--accent);border-radius:4px;width:4px;position:absolute;inset-block:10px;inset-inline-start:0}@media (width<=1024px){.nav{display:none}.menu-button{display:inline-flex}.drawer-root{display:block}.lang-button{margin-inline-start:auto}}@media (width<=480px){.header-row{gap:8px}.brand{flex:0 auto;gap:8px;min-width:0}.brand-name{text-overflow:ellipsis;letter-spacing:0;font-size:.9rem;overflow:hidden}.lang-button{padding:8px 12px}}@media (prefers-reduced-motion:reduce){.nav-indicator,.drawer,.drawer-overlay{transition:none}}