.wordmark{text-decoration:none;color:inherit}.righthead a{font-size:13px;padding:9px 8px;text-decoration:none;color:inherit;white-space:nowrap}.righthead a[aria-current=page]{color:#1a6dc3}.sidebar-nav a{padding:15px;color:inherit;text-decoration:none;display:block}.brand-copy{max-width:900px}.brand-copy h2{margin:12px 0 20px}.brand-copy p{max-width:75ch;line-height:1.9;color:var(--text-secondary,#586575)}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:30px}.plan p{margin:14px 0}.onboarding-frame{width:100%;border:0;min-height:850px}.measurement-banner{position:fixed;bottom:15px;inset-inline:20px;z-index:9999;background:#fff;color:#263142;border:1px solid #9cb2ce;box-shadow:0 10px 40px #0002;border-radius:14px;padding:20px;max-width:700px;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.measurement-banner p{flex:1;min-width:200px;font-size:13px}.measurement-banner button{padding:11px;border:1px solid #9cb2ce;border-radius:8px;background:#eef5ff;color:#16395e;min-height:44px;cursor:pointer}.auth-rebrand{--bs-primary:#1a6dc3}.auth-rebrand a{color:#1a6dc3}.auth-rebrand .btn-primary{background:#1a6dc3;border-color:#1a6dc3}.auth-rebrand input:focus{border-color:#2387f7}.dark-mode .measurement-banner{background:#222a35;color:#f6f9ff}.dark-mode .brand-copy p{color:#ced7e2}@media(max-width:900px){.righthead{display:none!important}.lasthead{display:none}.menu-button{display:block}.brand-copy{padding-inline:22px}.measurement-banner{inset-inline:10px;bottom:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.stage-review{padding:7px 20px;text-align:center;font-size:12px;background:#eaf3ff;color:#1b4775}.auth-rebrand{font-family:"DM Sans","Noto Sans Arabic",sans-serif}.auth-rebrand h3{color:#16314e!important}

.yousr-prototype{font-family:"DM Sans","Noto Sans Arabic",sans-serif}.yousr-prototype .blog-hero{background:#edf5ff;color:#16314e}.yousr-prototype .blog-hero h1{color:#16314e}

/* Keep the website available while the guided signup advances. */
body.yousr-prototype #header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--rule);box-shadow:0 3px 14px #102b4710}
.onboarding-active #main{scroll-margin-top:100px}
.onboarding-active .onboarding-frame{display:block;min-height:0;margin-bottom:24px}
@media(min-width:1000px) and (max-width:1100px){body.yousr-prototype #header{padding-inline:24px;gap:16px}body.yousr-prototype #header .righthead{display:flex!important;gap:0}body.yousr-prototype #header .righthead a{font-size:12px;padding-inline:7px}body.yousr-prototype #header .menu-button{display:none}body.yousr-prototype #header .lasthead{display:none!important}}
.menu-button .menu-label{font-size:13px;font-weight:700;vertical-align:middle;margin-inline-start:6px}
@media(max-width:550px){.onboarding-active #main{scroll-margin-top:92px}}

.showcase-context{max-width:85ch;font-size:14px;line-height:1.8;color:var(--text-secondary,#586575);margin:18px 0 26px}.showcase-index{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 35px}.showcase-index a{display:inline-flex;align-items:center;min-height:44px;padding:9px 15px;border:1px solid var(--rule,#cad5e3);border-radius:30px;text-decoration:none;color:inherit;font-size:14px}.showcase-index a:hover{border-color:#2387f7;color:#176bc2}.showcase-index a:focus-visible,.showcase-card summary:focus-visible{outline:3px solid #2387f7;outline-offset:3px}.showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.showcase-card{scroll-margin-top:130px;overflow:hidden;min-width:0;border:1px solid var(--rule,#cad5e3);border-radius:18px;background:var(--surface,#fff)}.showcase-copy{padding:25px 26px 20px}.showcase-copy h3{font-size:24px;margin:0 0 10px}.showcase-copy p{font-size:16px;line-height:1.7;color:var(--text-secondary,#586575)}.showcase-card video,.showcase-card img{display:block;width:100%;height:auto;background:#f4f7fc}.showcase-card video{aspect-ratio:16/9}.showcase-scope{display:inline-block;margin-top:12px;font-size:12px;border-radius:20px;padding:5px 10px;background:#e8f2ff;color:#174b82}.showcase-card details{border-top:1px solid var(--rule,#cad5e3)}.showcase-card summary{cursor:pointer;min-height:48px;padding:14px 26px;font-size:14px}.dark-mode .showcase-card{background:#1b283a}.dark-mode .showcase-copy p,.dark-mode .showcase-context{color:#ced7e2}.dark-mode .showcase-scope{background:#203c5c;color:#b8d8ff}.dark-mode .showcase-index a:hover{color:#9acaff}@media(max-width:800px){.showcase-grid{grid-template-columns:1fr}.showcase-copy{padding:22px}.showcase-card{scroll-margin-top:110px}.showcase-copy h3{font-size:22px}}

.showcase-stills{display:grid;gap:1rem}.showcase-stills figure{margin:0}.showcase-stills figcaption{font-size:.85rem;color:var(--muted,#667085);padding:.4rem 0}

/* Keep the parent-brand theme control clear of module titles and video controls. */
.showcase-page .bot-theme-control{inset-inline-start:4px;inset-inline-end:auto}.showcase-page .bot-theme-hint{display:none}

/* Existing customers have a visible account entry alongside acquisition. */
body.yousr-prototype #header .lasthead{align-items:center;gap:14px}.brand-account-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:13px;font-weight:650;white-space:nowrap;color:var(--text-primary,inherit);text-decoration:none}.brand-account-link:focus-visible{outline:3px solid #2387f7;outline-offset:4px}@media(min-width:1000px) and (max-width:1100px){body.yousr-prototype #header .lasthead{display:flex!important}body.yousr-prototype #header .lasthead>.ind-btn{display:none}}@media(max-width:999px){body.yousr-prototype #header .lasthead{display:none!important}}
@media(min-width:1000px){body.yousr-prototype #header .lasthead{display:flex}}body.yousr-prototype #header .lasthead .brand-account-link{background:transparent!important;color:inherit!important;border:1px solid var(--border-color,#cbd5e1);border-radius:10px;padding:0 16px;box-shadow:none}
.onboarding-active #main{scroll-margin-top:110px}

/* Visible language choice, independent of the mobile menu and onboarding theme rope. */
body.yousr-prototype #header .brand-language-switch{display:flex!important;align-items:center;gap:7px;flex-shrink:0;font-size:13px;white-space:nowrap}
.brand-language-switch a{display:inline-flex;align-items:center;min-height:44px;color:var(--text-primary,#182b43);text-decoration:none;padding:0 3px}
.brand-language-switch a[aria-current=true]{color:var(--link,#175b9b);font-weight:750;border-bottom:2px solid currentColor}.brand-language-switch a:focus-visible{outline:3px solid #2387f7;outline-offset:3px}
body.yousr-prototype #language{display:none!important}
@media(min-width:1101px) and (max-width:1390px){body.yousr-prototype #header{padding-inline:24px;gap:10px}body.yousr-prototype #header .righthead a{padding-inline:5px;font-size:12px}body.yousr-prototype #header .lasthead{gap:8px}}
@media(max-width:550px){body.yousr-prototype #header{padding:12px 14px;gap:8px}.brand-language-switch{font-size:12px!important;gap:4px!important}body.yousr-prototype #header .wordmark p{font-size:24px}body.yousr-prototype #header .wordmark small{font-size:9px}body.yousr-prototype #header .menu-button .menu-label{display:none}}
/* Keep optional privacy choices compact and readable on small screens. */
.measurement-banner{padding:14px 16px;gap:10px;max-width:640px}.measurement-banner p{flex-basis:100%;margin:0;font-size:13px;line-height:1.5}.measurement-banner>a{font-size:12px;color:#1769b0;margin-inline-end:auto}.measurement-banner button{font-size:13px;padding:9px 12px}.dark-mode .measurement-banner>a{color:#8dc4ff}

/* Shared BOT Solutions consent-card treatment, scoped against page button styles. */
#yousr-measurement-choice{position:fixed;z-index:9999;inset-inline:auto;left:50%;right:auto;bottom:18px;transform:translateX(-50%);width:min(920px,calc(100% - 28px));max-width:none;box-sizing:border-box;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:22px;padding:18px 20px;border:1px solid rgba(35,135,247,.34);border-radius:18px;background:#fff;color:#161b24;box-shadow:0 18px 55px rgba(9,18,32,.24);font-family:inherit;text-align:start}
#yousr-measurement-choice .measurement-banner__copy{max-width:620px;min-width:0}
#yousr-measurement-choice strong{display:block;font-size:16px;font-weight:700;line-height:1.4;color:inherit}
#yousr-measurement-choice p{display:block;min-width:0;margin:5px 0 0;font-size:14px;font-weight:400;line-height:1.55;color:#4d5665}
#yousr-measurement-choice a{font-size:inherit;color:#176dc5;text-decoration:underline;text-underline-offset:3px}
#yousr-measurement-choice .measurement-banner__actions{display:flex;gap:10px;flex-shrink:0}
#yousr-measurement-choice button{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:44px;margin:0;border:1px solid #b9c4d2;border-radius:10px;background:#fff;color:#243140;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;cursor:pointer;box-shadow:none;white-space:nowrap}
#yousr-measurement-choice button.measurement-banner__accept{border-color:#2387f7;background:#2387f7;color:#fff}
#yousr-measurement-choice :is(a,button):focus-visible{outline:3px solid #2387f7;outline-offset:3px}
html[data-theme='dark'] #yousr-measurement-choice,.dark-mode #yousr-measurement-choice{background:#151b24;color:#fff;border-color:rgba(81,164,255,.52)}
html[data-theme='dark'] #yousr-measurement-choice p,.dark-mode #yousr-measurement-choice p{color:#c7d0dc}
html[data-theme='dark'] #yousr-measurement-choice a,.dark-mode #yousr-measurement-choice a{color:#8dc4ff}
html[data-theme='dark'] #yousr-measurement-choice button:not(.measurement-banner__accept),.dark-mode #yousr-measurement-choice button:not(.measurement-banner__accept){background:#222b37;color:#fff;border-color:#4a586a}
@media(max-width:680px){#yousr-measurement-choice{align-items:stretch;flex-direction:column;gap:14px;bottom:10px;padding:16px}#yousr-measurement-choice .measurement-banner__actions{display:grid;grid-template-columns:1fr 1fr}#yousr-measurement-choice button{padding:11px 8px;white-space:normal}}

/* Shared public/auth header utilities: fixed geometry, no floating controls. */
#header .brand-language-switch{display:flex;align-items:center;gap:8px;flex:0 0 auto;white-space:nowrap}
#header .brand-language-switch a{font-size:13px;min-height:44px;display:inline-flex;align-items:center;line-height:1.2}
body.yousr-prototype #header #bulb.brand-theme-toggle,.yousr-auth #header #bulb.brand-theme-toggle,body.yousr-prototype #header>.context-help-launcher{position:static!important;inset:auto!important;display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 40px!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;margin:0!important;border:1px solid var(--rule,#d7e0eb);border-radius:10px;background:var(--surface,#fff)!important;color:var(--ink,#182b43)!important;box-shadow:none;cursor:pointer;line-height:1;font-size:0}
#header .brand-theme-toggle svg,#header>.context-help-launcher svg{display:block;width:20px;height:20px;min-width:20px;flex:none;overflow:visible}
#header #bulb .theme-moon{display:none}#header #bulb[aria-checked=true] .theme-sun{display:none}#header #bulb[aria-checked=true] .theme-moon{display:block}
#header>.context-help-launcher>span{display:grid;place-items:center;width:20px;height:20px;border:0;font-size:0}
#header .brand-theme-toggle:focus-visible,#header>.context-help-launcher:focus-visible{outline:3px solid #2387f7;outline-offset:3px}
#header .lasthead .ind-btn{white-space:nowrap}.onboarding-active #header .lasthead .ind-btn{display:none}
.onboarding-active .onboarding-frame{display:block;min-height:0;height:780px;margin:0;border:0;overflow:hidden}.onboarding-active #main{scroll-margin-top:100px}.onboarding-active #main>.wrap{width:min(1480px,calc(100% - 32px));max-width:none;margin-inline:auto}
body.yousr-prototype .context-help-dialog{inset:90px 22px auto auto;max-height:calc(100dvh - 110px)}[dir=rtl] body.yousr-prototype .context-help-dialog{inset:90px auto auto 22px}
.mobile-help-slot{padding:12px 24px 24px;border-top:1px solid var(--rule,#d7e0eb)}
.mobile-help-slot>.context-help-launcher{position:static!important;inset:auto!important;display:flex!important;align-items:center;justify-content:flex-start;gap:10px;width:100%!important;min-height:48px!important;height:auto!important;padding:12px!important;border:1px solid var(--rule,#d7e0eb);border-radius:10px;background:var(--soft,#f4f7fc);color:var(--ink,#182b43);font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;box-shadow:none}
.mobile-help-slot .context-help-launcher>span{border:0;width:20px;height:20px;flex:none;display:grid;place-items:center}.mobile-help-slot svg{width:20px;height:20px;display:block}
@media(max-width:1100px){#header .brand-language-switch{gap:6px}body.yousr-prototype #header{column-gap:12px}}
@media(max-width:999px){#header .brand-language-switch a[aria-current],#header .brand-language-switch .language-divider{display:none}body.yousr-prototype #header{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:8px;padding:12px 16px}#header .lefthead{margin-inline-end:auto;min-width:0}#header .brand-language-switch{margin-inline-start:auto;gap:10px}#header #menu-toggle{display:inline-flex!important;justify-content:center;align-items:center;flex:0 0 40px;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;line-height:1}#header .menu-label{display:none}body.yousr-prototype .context-help-dialog,[dir=rtl] body.yousr-prototype .context-help-dialog{inset:84px 12px auto;max-height:calc(100dvh - 100px)}}
@media(max-width:420px){body.yousr-prototype #header{gap:8px;padding-inline:12px}#header .lefthead .wordmark p{font-size:23px;line-height:1.15}#header .wordmark small{font-size:8px}#header .brand-language-switch{gap:8px}#header .brand-language-switch a{font-size:13px}}

/* Keep both languages readable in dark mode, including the inactive link. */
html[data-theme=dark] #header .brand-language-switch a,body.dark-mode #header .brand-language-switch a{color:#e5edf8!important}html[data-theme=dark] #header .brand-language-switch a[aria-current],body.dark-mode #header .brand-language-switch a[aria-current]{color:#a8d0ff!important}html[data-theme=dark] #header .language-divider,body.dark-mode #header .language-divider{color:#a9b8cb}
/* Help stays anchored to the lower corner; the consent card reserves its space. */
body.yousr-prototype .context-help-root>.context-help-launcher{position:fixed!important;inset:auto 22px 22px auto!important;display:flex!important;gap:10px;align-items:center;justify-content:center;width:auto!important;max-width:none!important;min-width:48px!important;height:48px!important;min-height:48px!important;padding:10px 18px!important;margin:0!important;background:#1a6dc3;color:#fff;border:1px solid #1a6dc3;border-radius:28px;font-size:13px;line-height:1.4;box-shadow:0 5px 24px #173c6630}
body.yousr-prototype .context-help-root>.context-help-launcher>span{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border:0}body.yousr-prototype .context-help-launcher svg{width:20px;height:20px;display:block}
[dir=rtl] body.yousr-prototype .context-help-root>.context-help-launcher{inset:auto auto 22px 22px!important}
body.yousr-prototype #context-help{inset:auto 22px 84px auto;max-height:calc(100dvh - 120px)}[dir=rtl] body.yousr-prototype #context-help{inset:auto auto 84px 22px}
#yousr-measurement-choice{inset-inline:auto;left:20px;right:auto;bottom:18px;transform:none;width:min(760px,calc(100% - 240px))}
[dir=rtl] #yousr-measurement-choice{left:auto;right:20px}
@media(max-width:760px){#yousr-measurement-choice,[dir=rtl] #yousr-measurement-choice{left:14px;right:14px;bottom:80px;width:auto;max-height:calc(100dvh - 160px);overflow:auto}body.yousr-prototype .context-help-root>.context-help-launcher{inset:auto 14px 14px auto!important;padding:9px 14px!important;min-height:44px!important;height:44px!important;font-size:12px}[dir=rtl] body.yousr-prototype .context-help-root>.context-help-launcher{inset:auto auto 14px 14px!important}body.yousr-prototype #context-help,[dir=rtl] body.yousr-prototype #context-help{inset:auto 12px 72px;max-height:calc(100dvh - 100px)}}
