/* YousrERP adaptation layer. Shared BOT assets stay unchanged. */
:root{--surface:var(--bot-surface);--ink:var(--bot-text);--muted:var(--bot-muted);--soft:var(--bot-soft);--edge:#a0aec0;--rule:var(--bot-border);--link:var(--bot-blue-dark);--navy:#0b1728}*{box-sizing:border-box}html{scroll-behavior:auto}body.yousr-prototype{margin:0;font-family:'DM Sans','Noto Sans Arabic',sans-serif;font-size:16px;line-height:1.65;background:var(--surface);color:var(--ink)}body.dark-mode{--surface:#15191f;--ink:#f7f9fc;--muted:#c8d1dc;--soft:#1c222c;--rule:#354153;--edge:#71839c;--link:#a3caff}html[dir=rtl] body.yousr-prototype{font-family:'Noto Sans Arabic','DM Sans',sans-serif}button,input,select{font:inherit}button,a,select,summary{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--link);outline-offset:4px}a{color:var(--link)}h1,h2,h3,p{margin:0}h1{font-size:clamp(38px,5.4vw,68px);font-weight:750;line-height:1.08;letter-spacing:-.045em;text-wrap:balance}h2{font-size:clamp(29px,3.5vw,46px);font-weight:700;line-height:1.18;letter-spacing:-.025em;text-wrap:balance}h3{font-size:21px;line-height:1.35;font-weight:700}.skip{position:absolute;top:-150px;inset-inline-start:14px;padding:12px;background:var(--surface);z-index:1500}.skip:focus{top:10px}.review{background:#0b1728;color:#d8e5f6;text-align:center;padding:6px 18px;font-size:12px;min-height:30px}#header{position:relative;z-index:20;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:18px max(60px,calc((100vw - 1160px)/2));border-bottom:1px solid var(--rule);background:var(--surface);width:100%}#header .lefthead{flex-shrink:0}#header .wordmark{border:0;background:transparent;padding:0;text-align:start;min-height:48px}#header .lefthead p{font-size:28px;font-weight:800;line-height:1.05;white-space:nowrap;margin:0}#header .lefthead p span{margin-inline-start:3px}#header .wordmark small{display:block;font-size:10px;font-weight:500;color:var(--muted);margin-top:5px}#header .righthead{display:flex;align-items:center;gap:4px}#header .righthead button{border:0;background:transparent;padding:10px;font-weight:600;font-size:14px;color:var(--ink);min-height:44px}#header .righthead button[aria-current=page]{color:var(--link);background:var(--soft);border-radius:8px}.ind-btn,.button{min-height:48px;display:inline-flex;justify-content:center;align-items:center;padding:13px 21px;border-radius:10px;background:#1a6dc3;border:1px solid #1a6dc3;color:#fff;text-decoration:none;font-weight:700}.button.secondary{background:var(--surface);border-color:var(--edge);color:var(--link)}.menu-button{display:none;border:0;background:transparent;color:var(--link);min-width:48px;min-height:48px;font-size:25px}.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.yousr-prototype main{padding-top:0;min-height:70vh}.yousr-prototype main:focus{outline:none}.eyebrow{color:var(--link);font-size:13px;font-weight:700;letter-spacing:.06em}.lead{font-size:19px;line-height:1.7;max-width:700px;margin:18px auto 0;color:var(--muted)}.small{font-size:13px;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:26px}.hero-product{padding:64px 0 0;background:linear-gradient(135deg,#eef6ff,#fff 68%);text-align:center;overflow:clip}.hero-product h1{max-width:900px;margin:15px auto 0}.hero-product h1 span{color:var(--bot-blue)}.hero-product .actions{justify-content:center}.hero-meta{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin:17px 0 32px}.hero-meta span::before{content:'✓';color:var(--link);font-weight:700;margin-inline-end:6px}.yousr-prototype .page-hero{padding:62px 0 34px;background:linear-gradient(135deg,#eef6ff,#fff 68%)}.page-hero .lead{margin-inline:0}.section{padding:68px 0}.section.alt{background:var(--soft)}.section-heading{max-width:770px;margin-bottom:30px}.section-heading p{margin-top:14px;color:var(--muted);font-size:18px}.section-heading.center{margin-inline:auto;text-align:center}.module-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:0 auto;padding:28px 0;border-bottom:1px solid var(--rule)}.module-tile{display:grid;gap:7px;text-align:center;justify-items:center;color:var(--ink);font-size:14px;font-weight:600}.module-glyph{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#eaf4ff;color:#1a6dc3;font-size:21px;font-weight:600}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.benefit{padding:28px;border:1px solid var(--rule);border-radius:18px;background:var(--surface);box-shadow:var(--bot-shadow);display:grid;gap:13px;align-content:start}.benefit p{color:var(--muted)}.number{color:var(--link);font-size:13px;font-weight:700}.product-feature{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:42px}.product-feature ul{padding-inline-start:20px;color:var(--muted)}.product-feature li{margin:12px 0}.product-feature h2{margin-top:12px}.product-feature p{color:var(--muted);margin-top:17px}.workspace{margin-inline:auto;border:1px solid var(--edge);border-radius:18px 18px 0 0;background:var(--surface);box-shadow:0 20px 65px #1d59961c;text-align:start;overflow:hidden;max-width:1080px;color:var(--ink)}.workspace-bar{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;border-bottom:1px solid var(--rule);gap:14px;background:var(--soft);font-size:13px}.workspace-bar b{font-size:16px;color:var(--ink)}.workspace-bar b span{color:var(--bot-blue)}.workspace-bar small{color:var(--muted);font-size:12px}.workspace-body{display:grid;grid-template-columns:160px 1fr;min-height:360px}.app-sidebar{padding:18px 10px;border-inline-end:1px solid var(--rule);display:grid;gap:6px;align-content:start;background:var(--soft)}.app-sidebar button{background:transparent;border:0;border-radius:8px;padding:10px 12px;min-height:44px;text-align:start;color:var(--muted);font-size:13px;display:flex;align-items:center;gap:10px}.app-sidebar button[aria-pressed=true]{background:#1a6dc3;color:#fff}.app-content{padding:24px;min-width:0}.app-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.app-heading h3{font-size:22px}.app-heading span{font-size:12px;border:1px solid var(--edge);padding:5px 10px;border-radius:6px;color:var(--muted)}.app-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:20px 0}.app-stat{padding:13px 16px;border:1px solid var(--rule);border-radius:9px;display:grid;gap:5px}.app-stat span{font-size:12px;color:var(--muted)}.app-stat b{font-size:24px;font-weight:650;color:var(--ink)}.app-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.app-table{border:1px solid var(--rule);border-radius:10px;overflow:hidden}.app-table-row{display:grid;grid-template-columns:1fr 1fr .7fr;gap:10px;padding:12px 14px;border-bottom:1px solid var(--rule);font-size:12px;color:var(--muted)}.app-table-row:last-child{border-bottom:0}.app-table-row.head{background:var(--soft);font-weight:700;color:var(--ink)}.app-table-row .status{color:var(--link)}.app-note{padding:18px;background:var(--soft);border-radius:10px;display:grid;gap:10px;align-content:start}.app-note b{font-size:14px}.app-note p{font-size:13px;color:var(--muted);margin:0}.workspace-caption{padding:12px 20px;border-top:1px solid var(--rule);color:var(--muted);font-size:12px;background:var(--soft)}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:24px 0}.plan{display:flex;flex-direction:column;gap:18px;border:1px solid var(--rule);border-radius:18px;padding:26px;background:var(--surface);box-shadow:var(--bot-shadow)}.plan.featured{border:2px solid #1a6dc3}.plan .badge{font-size:12px;color:var(--link);font-weight:600}.plan ul{padding-inline-start:18px;margin:0;flex:1;color:var(--muted)}.plan li{margin:11px 0}.price{font-size:38px;font-weight:750;line-height:1.2;color:var(--ink)}.plan .button{width:100%}.tag{color:var(--link);font-size:12px;font-weight:600}.note{border-inline-start:3px solid #1a6dc3;padding:18px 22px;background:var(--soft);font-size:14px;color:var(--muted)}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:25px}.support-block{padding:32px;border:1px solid var(--rule);border-radius:18px;background:var(--surface)}.support-block p{color:var(--muted);margin:15px 0}.support-block .button{margin-top:8px}.support-grid .note{margin-top:18px}details{padding:17px 0;border-bottom:1px solid var(--rule)}summary{cursor:pointer;font-weight:650;min-height:44px;padding:8px 0}details p{margin:12px 0;color:var(--muted);max-width:75ch}.wizard{max-width:760px;border:1px solid var(--rule);border-radius:18px;background:var(--surface);padding:30px;margin:0 0 50px;display:grid;gap:20px}.wizard h2{font-size:30px}.wizard label{display:grid;gap:10px;font-weight:600}.wizard select{width:100%;min-height:50px;background:var(--surface);color:var(--ink);border:1px solid var(--edge);padding:12px;border-radius:8px}.progress{display:flex;gap:8px;flex-wrap:wrap}.progress span{padding:5px 10px;background:var(--soft);color:var(--muted);font-size:12px;border-radius:6px}.progress .current{background:#1a6dc3;color:#fff}.state{padding:22px;border-radius:12px;background:var(--soft);display:grid;gap:10px}.state p{color:var(--muted)}.wizard .actions{margin-top:8px}.industry-card-button{display:flex;flex-direction:column;align-items:start;text-align:start;width:100%;color:var(--ink);font:inherit;cursor:pointer}.industry-card-button .sector-foot{margin-top:20px;font-size:13px;color:var(--link);font-weight:600}.yousr-prototype .ind-card .icon{font-size:18px;font-weight:700}.ind-card p{color:var(--muted)}.professional-footer .pf-inner{max-width:1268px}.pf-button{border:0;font:inherit;min-height:48px;background:#1a6dc3!important;font-weight:700}.pf-links button{background:transparent;border:0;color:#b9c7da;text-align:start;font:inherit;font-size:14px;padding:6px 0;min-height:36px;cursor:pointer}.pf-links button:hover{color:#fff}.pf-brand h3 span{color:#2387f7}.professional-footer .pf-trust p{color:#c8d1dc}.pf-trust{padding-bottom:90px}.pf-legal button{border:0;background:transparent;font:inherit;color:#c8d1dc;min-height:44px;cursor:pointer}.pf-contact strong{font-size:13px}.mobile-menu{position:fixed;inset:0 auto 0 0;margin:0;padding:0;width:300px;max-width:88vw;height:100dvh;max-height:100dvh;border:0;background:var(--surface);color:var(--ink)}.mobile-menu:not([open]){display:none}.mobile-menu::backdrop,#information::backdrop{background:#0008}.sidebar-header{padding:22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--rule)}.sidebar-header span{color:#2387f7}.sidebar-header button{border:0;background:transparent;color:var(--ink);min-width:48px;min-height:48px;font-size:26px}.sidebar-nav{padding:15px;display:grid;gap:5px}.sidebar-nav button{min-height:48px;text-align:start;background:transparent;border:0;padding:10px 15px;color:var(--ink);border-radius:8px}.sidebar-nav button[aria-current=page]{background:var(--soft);color:var(--link)}#information{max-width:640px;width:calc(100% - 36px);padding:28px;border:1px solid var(--edge);border-radius:18px;background:var(--surface);color:var(--ink)}#information-content{display:grid;gap:18px}#information form{margin-top:25px}#information .ind-btn{border:1px solid #1a6dc3}.standard-lang-btn{font-family:'DM Sans','Noto Sans Arabic',sans-serif}body.dark-mode .hero-product,body.dark-mode .page-hero{background:linear-gradient(135deg,#111d2c,#15191f)}body.dark-mode .workspace,body.dark-mode .plan,body.dark-mode .benefit,body.dark-mode .support-block,body.dark-mode .wizard{background:#222a35;border-color:#526581}body.dark-mode .app-sidebar,body.dark-mode .workspace-bar,body.dark-mode .workspace-caption,body.dark-mode .app-note,body.dark-mode .app-table-row.head{background:#1c222c}body.dark-mode .app-stat{border-color:#526581}body.dark-mode .hero-product h1 span{color:#79b9ff}body.dark-mode .module-glyph{background:#223b57;color:#a3caff}body.dark-mode .app-stat b,body.dark-mode .app-heading h3{color:#f7f9fc}body.dark-mode .app-sidebar button[aria-pressed=true]{background:#1a6dc3;color:#fff}body.yousr-prototype.dark-mode main a.button:not(.secondary){color:#fff!important}body.yousr-prototype.dark-mode .app-table-row .status{color:#a3caff}body.yousr-prototype.dark-mode #header .righthead button{color:#eef2f7}body.yousr-prototype.dark-mode #header .righthead button[aria-current=page]{color:#a3caff}body.yousr-prototype.dark-mode .button.secondary{background:#222a35;color:#a3caff;border-color:#79b7ff}html[dir=rtl] h1,html[dir=rtl] h2{letter-spacing:normal;line-height:1.4}html[dir=rtl] .mobile-menu{inset:0 0 0 auto}.yousr-prototype .bot-theme-hint{pointer-events:none}.yousr-prototype .bot-theme-hint img{animation:none}.yousr-prototype #bulb{min-width:44px;min-height:50px}.yousr-prototype .bot-theme-control{z-index:25}.yousr-prototype .bot-theme-rope{height:105px}.yousr-prototype .bot-theme-hint{top:115px}[hidden]{display:none!important}
@media(max-width:1100px){#header{padding:15px 32px}#header .menu-button{display:block}#header .righthead,#header .lasthead{display:none!important}.yousr-prototype .bot-theme-hint{display:none}.yousr-prototype .bot-theme-control{top:110px;left:auto;right:14px}.yousr-prototype .bot-theme-rope{display:none}html[dir=rtl] .yousr-prototype .bot-theme-control{right:auto;left:14px}}
@media(max-width:800px){.workspace-body{grid-template-columns:125px 1fr}.app-content{padding:18px}.app-grid{grid-template-columns:1fr}.app-note{display:none}.product-feature{grid-template-columns:1fr}.benefits,.plans{grid-template-columns:1fr}.support-grid{grid-template-columns:1fr}.module-strip{grid-template-columns:repeat(3,1fr)}.hero-product h1{max-width:700px}.plan{padding:25px}.app-sidebar button{font-size:12px;padding:10px 8px}.app-stats{gap:8px}.app-stat{padding:10px}.app-stat b{font-size:21px}}
@media(max-width:550px){.wrap{width:calc(100% - 32px)}#header{padding:16px 20px}.hero-product{padding-top:44px}.hero-product h1{font-size:39px;letter-spacing:-.035em}.lead{font-size:17px}.hero-meta{gap:10px;font-size:12px}.workspace-bar{padding:12px;font-size:12px}.workspace-bar b{font-size:14px}.workspace-bar small{max-width:150px}.workspace-body{grid-template-columns:1fr}.app-sidebar{display:flex;gap:5px;flex-wrap:wrap;padding:10px;border-inline-end:0;border-bottom:1px solid var(--rule)}.app-sidebar button{font-size:12px;flex:1 0 auto;justify-content:center;padding:8px 7px}.app-sidebar button span:first-child{display:none}.app-content{padding:16px 12px}.app-heading h3{font-size:19px}.app-stats{margin:15px 0;gap:6px}.app-stat{padding:9px 7px}.app-stat span{font-size:11px}.app-stat b{font-size:19px}.app-table-row{padding:12px 9px;font-size:11px;gap:6px}.workspace-caption{font-size:11px;padding:10px 12px}.section{padding:48px 0}.page-hero{padding:45px 0 28px}.section-heading p{font-size:17px}.wizard{padding:20px}.wizard h2{font-size:26px}.support-block{padding:24px}.yousr-prototype #bulb{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:34px!important;height:44px!important;min-width:44px!important;min-height:44px!important}.yousr-prototype .bot-theme-control{top:105px!important;right:12px!important;left:auto!important}html[dir=rtl] .yousr-prototype .bot-theme-control{right:auto!important;left:12px!important}.pf-cta .pf-button{white-space:normal;text-align:center}.actions .button{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.button,.plan,.workspace,.app-stat,.ind-card{border:1px solid ButtonText}.app-sidebar button[aria-pressed=true]{outline:2px solid Highlight}}
.hero{padding:46px 0 30px;display:grid;gap:18px}.hero p{max-width:700px;font-size:19px;color:var(--muted)}.hero .small{font-size:13px}.workflow-step{display:flex;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid var(--rule)}.workflow-step:last-child{border-bottom:0}.pf-social a{font-size:12px;font-weight:700}body.dark-mode .hero{background:transparent!important}.hero h1{max-width:900px}.review{position:relative;z-index:30}body.yousr-prototype #header .righthead button.active{color:var(--link)}
/* Keep parent brand blue for large branding; use its darker action blue for small light-mode labels. */
body.yousr-prototype:not(.dark-mode) .ind-eyebrow,body.yousr-prototype:not(.dark-mode) .ind-card .icon{color:#1a6dc3}:root{--edge:#71839c}
.pf-social a{width:44px;height:44px}.pf-links button{min-height:44px}
.pf-legal button{min-width:44px}
html[dir=rtl] .professional-footer{font-family:'Noto Sans Arabic','DM Sans',sans-serif}html[dir=rtl] :is(.eyebrow,.ind-eyebrow,.pf-column h4){letter-spacing:normal;text-transform:none}

.product-recording{margin:40px 0 0;border:1px solid var(--border-color,#bac9da);border-radius:18px;overflow:hidden;background:#fff}.product-recording video{display:block;width:100%;height:auto}.product-recording figcaption{padding:14px 20px;font-size:14px;color:#526174;background:#f5f8fc}.onboarding-frame{width:100%;height:1100px;border:0;margin-bottom:60px}@media(max-width:700px){.onboarding-frame{height:1750px}}

.onboarding-active .bot-theme-control,.onboarding-active .bot-theme-hint,.onboarding-active #language{display:none!important}