:root{--ground:#f3f1ec;--surface:#fff;--line:#e2ded5;--line-strong:#8c8776;--ink:#16201c;--ink-dark:#14201b;--muted:#5c6660;--muted-2:#3f4843;--primary:#0f5c4a;--amber:#b4541a;--amber-soft:#e0a458;--danger:#8e1d17;--chip-green-bg:#e3f1e8;--chip-green-fg:#17603c;--chip-blue-bg:#e1ecf5;--chip-blue-fg:#1f4e79;--chip-amber-bg:#fbebd9;--chip-amber-fg:#8a3f0f;--chip-red-bg:#fadfdc;--chip-red-fg:#8e1d17;--chip-grey-bg:#ece9e1;--chip-grey-fg:#3f4843;--sidebar-fg:#b9c4bd;--sidebar-active-bg:#26382f;--ok:#cfe3d7;--quote-bg:#fffbf3;--quote-border:#d9a45b;--quote-fg:#8a3f0f;--late-border:#e6b8b4;--panel-head-bg:#faf8f3;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:32px;--r-control:10px;--r-card:14px;--r-panel:18px;--r-chip:999px;--h-button:44px;--h-button-primary:52px;--font-display:"Alexandria",sans-serif;--font-body:"IBM Plex Sans Arabic",sans-serif}html{direction:rtl}body{background:var(--ground);color:var(--ink);font-family:var(--font-body);margin:0;font-size:15px}button{min-height:var(--h-button);border-radius:var(--r-control);cursor:pointer;font-family:inherit}:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.chip{white-space:nowrap;border-radius:var(--r-chip);align-items:center;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.client-shell{flex-direction:column;min-height:100vh;display:flex}.client-shell-body{flex-grow:1;min-width:0;padding-bottom:76px}.client-nav{inset-inline:0;background:var(--surface);border-top:1px solid var(--line);z-index:10;justify-content:space-around;gap:2px;padding:6px 4px;display:flex;position:fixed;bottom:0}.client-nav-group{flex-direction:column;flex:1;min-width:0;display:flex}.client-nav-children{display:none}.client-nav a{min-height:44px;color:var(--muted);border-radius:var(--r-control);text-align:center;flex:1;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.client-nav a[aria-current=page]{color:var(--primary);font-weight:700}@media (width>=900px){.client-shell{flex-direction:row}.client-shell-body{padding-bottom:0}.client-nav{border-top:none;border-inline-end:1px solid var(--line);flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:stretch;gap:2px;width:240px;padding:16px 12px;position:static}.client-nav-group{flex:none}.client-nav a{justify-content:flex-start;height:44px;padding:0 12px;font-size:14px}.client-nav-children{flex-direction:column;gap:2px;padding-inline-start:var(--s4);display:flex}.client-nav-children a{height:36px;color:var(--muted);font-size:13px}}.agency-shell{flex-direction:column;min-height:100vh;display:flex}.agency-nav{box-sizing:border-box;padding:12px var(--s4);background:var(--ink-dark);color:var(--sidebar-fg);flex-direction:column;gap:2px;display:flex}.agency-nav-links{flex-wrap:wrap;gap:2px;display:flex}.agency-body{flex-grow:1;min-width:0}.agency-main{padding:var(--s4)}@media (width>=900px){.agency-shell{flex-direction:row}.agency-nav{flex-shrink:0;width:248px;padding:16px 14px}.agency-nav-links{flex-flow:column}.agency-main{padding:var(--s6)}}.client-narrow{max-width:390px;padding:var(--s4);gap:var(--s4);flex-direction:column;margin:0 auto;display:flex}.client-two-col{gap:var(--s5);flex-direction:column;display:flex}.client-switcher{max-width:390px;padding:var(--s4) var(--s4) 0;margin:0 auto}@media (width>=900px){.client-narrow{max-width:none;padding:var(--s6);margin:0}.client-switcher{max-width:none;padding:var(--s6) var(--s6) 0;margin:0}.client-two-col{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);display:grid}}.client-two-col-1to1{gap:var(--s5);flex-direction:column;display:flex}@media (width>=900px){.client-two-col-1to1{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);display:grid}.client-two-col-1to1.client-two-col-even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.client-home{gap:var(--s4);flex-direction:column;display:flex}@media (width>=900px){.client-home{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start;display:grid}.client-home-waiting{grid-row:span 2}.client-home-month{grid-column:1}}.client-landing{max-width:1080px;padding:var(--s4);gap:var(--s5);flex-direction:column;min-width:0;margin:0 auto;display:flex}.landing-chips{gap:var(--s2);scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px;display:flex;overflow-x:auto}.landing-chips::-webkit-scrollbar{display:none}.landing-chips a{border-radius:var(--r-chip);border:1px solid var(--line);background:var(--surface);color:var(--ink);white-space:nowrap;flex-shrink:0;padding:8px 14px;font-size:14px;font-weight:700;text-decoration:none}.landing-h1{font-family:var(--font-display);margin:0;font-size:24px;font-weight:800;line-height:1.4}.landing-h2{font-family:var(--font-display);margin:0;font-size:20px;font-weight:700}.landing-h3{font-family:var(--font-display);margin:0;font-size:17px;font-weight:700;line-height:1.5}.landing-section{gap:var(--s3);scroll-margin-top:var(--s4);flex-direction:column;min-width:0;display:flex}.landing-text{color:var(--muted-2);overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.8}.landing-hook{color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:700;line-height:1.7}.landing-link{color:var(--primary);font-size:14px;font-weight:700}.landing-cards{gap:var(--s4);grid-template-columns:minmax(0,1fr);align-items:start;margin:0;padding:0;list-style:none;display:grid}.landing-card{gap:var(--s2);padding:var(--s4);border:1px solid var(--line);border-radius:var(--r-panel);background:var(--surface);flex-direction:column;min-width:0;display:flex}.landing-media{width:100%;aspect-ratio:var(--ratio,16 / 9);background:var(--ink-dark);border-radius:var(--r-card);max-height:70vh;position:relative;overflow:hidden}.landing-media img,.landing-media video{object-fit:contain;width:100%;height:100%;display:block}.landing-styles{gap:var(--s3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.landing-styles li{flex-direction:column;gap:6px;min-width:0;display:flex}.landing-caption{color:var(--muted-2);overflow-wrap:anywhere;font-size:13px}.landing-door{padding:var(--s4);border:1px solid var(--amber);border-radius:var(--r-panel);background:var(--surface)}.landing-door-button{min-height:var(--h-button-primary);padding:0 var(--s6);border-radius:var(--r-control);background:var(--primary);color:#fff;justify-content:center;align-self:flex-start;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.showreel{aspect-ratio:16/9;border-radius:var(--r-panel);background:#000;width:100%;position:relative;overflow:hidden}.showreel-media{object-fit:contain;width:100%;height:100%;display:block}.showreel-play{min-height:var(--h-button-primary);padding:0 var(--s6);border-radius:var(--r-chip);color:#fff;font:inherit;cursor:pointer;background:#14201bd9;border:0;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width>=900px){.client-landing{padding:var(--s6)}.landing-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-styles{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=600px) and (width<=899px){.landing-styles{grid-template-columns:repeat(3,minmax(0,1fr))}}.client-journey-wrap{padding-bottom:0}.journey-band{gap:var(--s3);padding:var(--s4);border:1px solid var(--line);border-radius:var(--r-panel);background:var(--surface);flex-direction:column;min-width:0;display:flex}.journey-doors{gap:var(--s2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (width>=900px){.journey-doors{grid-template-columns:repeat(4,minmax(0,1fr))}}.client-profile{gap:var(--s4);flex-direction:column;display:flex}@media (width>=900px){.client-profile{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start;display:grid}.client-profile-products{grid-area:1/1}.client-profile-offers{grid-area:2/1}.client-profile-personas{grid-area:3/1}.client-profile-setup{grid-area:1/2}.client-profile-google{grid-area:2/2}}.clause-card{align-items:flex-start;gap:var(--s3);border-radius:var(--r-card);border:1px solid var(--line);background:var(--surface);cursor:pointer;padding:13px 14px;display:flex}.clause-card.ticked{border-color:var(--ok)}.clause-card input{width:22px;height:22px;accent-color:var(--primary);flex-shrink:0;margin-top:3px}.secret-mask{-webkit-text-security:disc;text-security:disc}