:root{--page: #f3f5f7;--surface: #ffffff;--text: #2f6ba6;--body: #3a4a5c;--muted: #6b7a8c;--border: #cfd8e3;--green: #4fa96a;--green-dark: #3e9a5b;--green-hover: #44995e;--green-soft: #e6f4ea;--amber: #d9a21b;--amber-soft: #fff8e6;--sky: #dceffb;--err: #b3261e;--err-soft: #fdecec;--radius: 18px;--pill: 999px}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--page);color:var(--body);line-height:1.55;font-family:Tajawal,Noto Sans Arabic,Segoe UI,Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased}.page{width:min(100%,560px);margin-inline:auto;background:var(--surface);min-height:100vh;padding:1rem 1.1rem 2.5rem}@media (min-width: 600px){.page{margin-block:1.5rem;min-height:auto;border-radius:24px;box-shadow:0 10px 40px #2f6ba61a;padding:1.5rem 1.6rem 2.5rem}}.heading{display:flex;align-items:center;gap:.7rem;margin:.5rem 0 1rem}.heading h1,.heading h2{margin:0;color:var(--text);font-weight:800}.heading h1{font-size:clamp(1.7rem,6.5vw,2.2rem)}.heading h2{font-size:1.45rem}.hero-head{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"speak top" "name name";column-gap:.7rem;row-gap:.1rem;align-items:center}.hero-head>.speak{grid-area:speak;align-self:center}.hero-head h1{display:contents}.title-top{grid-area:top;justify-self:start}.title-name{grid-area:name;justify-self:center;display:flex;align-items:center;gap:.6rem;font-size:1.3em}.logo{flex:0 0 auto;width:124px;height:124px;object-fit:contain}.speak{flex:0 0 auto;width:42px;height:42px;border-radius:50%;border:0;cursor:pointer;background:var(--sky);color:var(--text);display:grid;place-items:center;padding:0}.speak:hover{background:#cfe6f8}.speak[aria-pressed=true]{background:var(--text);color:#fff}.speak svg{width:22px;height:22px}.download-block{margin:1.4rem 0 2rem}.btn{font:inherit;font-weight:700;border:0;border-radius:12px;padding:.85rem 1.3rem;cursor:pointer;text-decoration:none;display:inline-block;text-align:center;transition:background .15s,transform .05s}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-green{background:var(--green);color:#fff}.btn-green:hover:not(:disabled){background:var(--green-hover)}.btn-hero{display:block;width:100%;transition:transform .08s,filter .15s}.btn-hero img{display:block;width:100%;height:auto}.btn-hero:hover{filter:brightness(1.04)}.btn-hero:active{transform:translateY(1px)}.btn-link{background:none;color:var(--text);padding:.3rem .5rem;font-weight:600}.btn-link:hover:not(:disabled){text-decoration:underline}.note-amber{display:flex;align-items:flex-start;gap:.45rem;color:var(--amber);font-weight:500;margin:.8rem .2rem 0}.note-amber svg{flex:0 0 auto;width:20px;height:20px;margin-top:.2rem}.muted{color:var(--muted)}.small{font-size:.9rem;margin:0}.steps{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.step{border:1.5px solid var(--border);border-radius:34px;background:#fff;overflow:hidden}.step[open]{border-radius:var(--radius);border-color:#b9c6d6}.step-head{display:flex;align-items:center;gap:.4rem;padding:.45rem .6rem .45rem .8rem}.step-toggle{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:.8rem;padding:.25rem .2rem;border:0;background:none;font:inherit;font-weight:700;font-size:1.15rem;color:var(--text);cursor:pointer;text-align:start}.speak-sm{width:36px;height:36px}.speak-sm svg{width:18px;height:18px}.intro-card{display:flex;align-items:center;gap:.8rem;margin:0 0 .75rem;padding:.7rem .9rem;border:1.5px solid #9ed1b0;background:var(--green-soft);border-radius:var(--radius)}.intro-card strong{display:block;color:var(--text);font-size:1.05rem}.intro-card .muted{font-size:.92rem}.step-num{flex:0 0 auto;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--green-dark);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.1rem}.step-title{flex:1 1 auto}.step-caret{flex:0 0 auto;width:18px;height:18px;color:var(--muted);transition:transform .15s}.step[open] .step-caret{transform:rotate(180deg)}.step-body{padding:0 1rem 1.1rem;display:grid;gap:.9rem}.step-desc{margin:0;color:var(--body);font-size:1.02rem;line-height:1.7}.step-closing{margin:0;color:var(--green-dark);font-weight:700;font-size:.98rem;line-height:1.6}.shots-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem .6rem;justify-items:center}.shots-grid.single{grid-template-columns:1fr}.shots-grid.single .shot{width:min(100%,220px)}.shot{margin:0;width:100%}.shot img{width:100%;height:auto;display:block}.shots-grid:not(.single) .shot img{aspect-ratio:218 / 418;object-fit:fill}.support-text{margin:-.4rem 0 1rem;color:var(--body);font-size:1.02rem}.whatsapp{display:flex;align-items:center;justify-content:center;gap:.8rem;text-decoration:none;border:1.5px solid var(--border);border-radius:var(--radius);padding:1.6rem 1rem;color:var(--green-dark);font-size:1.6rem;font-weight:800;letter-spacing:.04em;direction:ltr}.whatsapp:hover{border-color:var(--green);background:var(--green-soft)}.whatsapp svg{width:34px;height:34px;flex:0 0 auto}.footer{margin-top:2.5rem;padding-top:1rem;border-top:1px solid var(--border);color:var(--muted);font-size:.9rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}