/* سماتنا — تصميم 2026. الألوان والخطوط من رموز المالك، والنطاقات لا تشمل صفحات التقرير أو الطباعة. */
@media screen {
:where(.sm-app,.sm-landing,.sm-catalog,.sm-gate){-webkit-font-smoothing:antialiased}
:where(.sm-app,.sm-landing,.sm-catalog,.sm-gate) :where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--accent-ink);outline-offset:4px}
:where(.sm-app,.sm-landing,.sm-catalog) :where(.btn){border-radius:var(--r-sm);min-height:46px;transition:background var(--motion-fast),box-shadow var(--motion-fast)}
.sm-landing .hero{position:relative;isolation:isolate;padding-block:80px 38px;background:var(--bg-2)}
.sm-landing .hero::before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 18% 35%,var(--accent-soft),transparent 55%);pointer-events:none}
.sm-landing .hero > .wrap{column-gap:72px;max-width:1320px}
.sm-landing .hero h1{font-size:clamp(38px,4.4vw,64px);line-height:1.4;letter-spacing:-.025em;font-weight:600}
.sm-landing .hero h1 em{color:var(--accent-ink);font-style:normal}
.sm-landing .hero .lede{font-size:var(--t-body);max-width:43ch;line-height:2}
.sm-landing .hero .eyebrow{padding:0;border:0;font-size:var(--t-sm);font-weight:500}
.sm-landing .hero .cta{margin-block-start:30px;gap:14px}
.sm-landing .hero .btn.lg{padding:15px 25px;min-height:54px;font-size:var(--t-body)}
.sm-landing .hero .trust{margin-block-start:25px;gap:12px 20px}
.sm-landing .hero .appframe.vs-scene{padding:18px;transform:none}
.sm-landing .hero .vs-depth{inset:-25px;border-radius:50%;border:1px solid var(--accent-line);transform:none;opacity:.8}
.sm-landing .hero .vs-depth>div{border-radius:50%;transform:none;background:none;border:1px solid var(--accent-line);inset:25px}
.sm-landing .hero .vs-depth>div+div{inset:52px}
.sm-landing .hero .vs-surface{border-radius:var(--r-lg);box-shadow:var(--sh-3);transform:none;border:1px solid var(--line);background:var(--bg)}
.sm-landing .hero .vs-head{padding:23px;background:var(--bg);border-radius:var(--r-lg) var(--r-lg) 0 0}
.sm-landing .hero .vs-tabs{padding-inline:18px;gap:4px}
.sm-landing .hero .vs-tabs button{min-height:44px;border-radius:var(--r-sm)}
.sm-landing .hero .vs-panel{padding:24px;min-height:310px}
.sm-landing .hero .vs-disclaimer{border-radius:0 0 var(--r-lg) var(--r-lg)}
.sm-landing .hero .facts{margin-block-start:52px;gap:0;justify-content:space-between;padding-block:24px 0}
.sm-landing .hero .fact{flex:1;display:flex;align-items:baseline;justify-content:center;gap:12px;border:0}
.sm-landing .hero .fact+.fact{border-inline-start:1px solid var(--line)}
.sm-landing .hero .fact b{font-size:26px;font-weight:500}
.sm-landing .sec{padding-block:80px}
.sm-landing .h2{font-weight:600;line-height:1.5}
.sm-landing .card{padding:30px;border-radius:var(--r-lg);border-color:var(--line);box-shadow:none}
.sm-landing .card.hov:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}
.sm-landing .sec.dark,.sm-landing .sec.band{background:var(--dark)}
.sm-landing .price-card{border-radius:var(--r-lg);box-shadow:var(--sh-3)}
.sm-landing .faq details{border-radius:0;border-inline:0}
.sm-app{background:var(--bg-2)}
.sm-app .workspace-shell header.top .in{min-height:78px}
.sm-app .workspace-location>b{font-size:var(--t-body);font-weight:600}
.sm-app .workspace-shell>.wrap{padding-block-start:38px;max-width:1420px}
.sm-app .workspace-shell .srch{background:var(--bg-2);border-color:var(--line);min-height:44px}
.sm-app .workspace-shell .tag{border-radius:var(--r-pill)}
.sm-app .workspace-shell .user-initial{border-radius:var(--r-sm)}
.sm-app .bd{--bd-gap:28px}
.sm-app .bd-h1{font-size:clamp(28px,3vw,38px);font-weight:600;letter-spacing:-.02em}
.sm-app .bd-ctx{color:var(--fg-2);line-height:1.8}
.sm-app .bd-top{gap:24px}
.sm-app .bd-lede{background:var(--bg);border:1px solid var(--line);border-inline-start:4px solid var(--accent);border-radius:var(--r-lg);padding:30px}
.sm-app .bd-n{font-size:clamp(42px,4vw,62px);color:var(--ink);font-weight:500;letter-spacing:-.035em}
.sm-app .bd-n-lab{font-size:var(--t-body);font-weight:500}
.sm-app .bd-watch{margin-block-start:20px}
.sm-app .bd-w>button{min-height:50px;border-block-end:1px solid var(--line)}
.sm-app .bd-acts .btn{min-height:48px;padding-inline:22px}
.sm-app .bd-side{border:1px solid var(--accent-line);border-radius:var(--r-lg);background:var(--accent-soft);padding:28px}
.sm-app .bd .bd-kpis .kpi b{font-size:34px;font-weight:500;line-height:1.4}
.sm-app .bd-viz{padding:30px;border:1px solid var(--line);border-radius:var(--r-lg)}
.sm-app .bd-viz-h{font-weight:600}
.sm-app .bd-tabs{background:var(--bg-2);border:1px solid var(--line);padding:4px;border-radius:var(--r-sm);gap:4px}
.sm-app .bd-tab{border:0;border-radius:var(--r-sm);min-height:44px;padding:10px 16px}
.sm-app .bd-tab[aria-selected=true],.sm-app .bd-tab.on{background:var(--bg);color:var(--accent-ink);box-shadow:var(--sh-2)}
.sm-app .bd-fold{padding:25px;border-radius:var(--r-lg)}
.sm-app .bd-fold>summary{min-height:44px;font-weight:600}
.sm-app .tile{border-radius:var(--r-lg);padding:24px;transition:transform var(--motion-fast),border-color var(--motion-fast)}
.sm-app .tile h3{font-weight:600;line-height:1.65}
.sm-app .tile:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}
.sm-app .tw{border:1px solid var(--line);border-radius:var(--r-lg)}
.sm-app :where(th){background:var(--bg-2);font-weight:600}
.sm-app tbody tr:hover{background:var(--bg-2)}
.sm-app :where(input:not([type=checkbox]):not([type=radio]),select,textarea){border-radius:var(--r-sm);border-color:var(--line-2)}
.sm-app .auth-layout{margin-block:60px;max-width:1160px;border-radius:var(--r-lg);box-shadow:var(--sh-3);border:1px solid var(--line)}
.sm-app .auth-story{padding:52px;background:var(--dark);isolation:isolate}
.sm-app .auth-story::after{content:'';position:absolute;width:440px;height:440px;border:1px solid var(--line);border-radius:50%;inset-inline-start:-180px;bottom:-200px;opacity:.18;box-shadow:0 0 0 35px var(--dark),0 0 0 36px var(--line),0 0 0 70px var(--dark),0 0 0 71px var(--line);z-index:-1;pointer-events:none}
.sm-app .auth-story h1{font-size:clamp(28px,3.1vw,43px);line-height:1.55;font-weight:500}
.sm-app .auth-story p{font-size:var(--t-body);line-height:2;opacity:.9}
.sm-app .auth-story .logo-full{margin-block-end:42px}
.sm-app .auth-forms{padding:48px}
.sm-app .auth-card h2{font-weight:600;font-size:var(--t-h2)}
.sm-app .auth-card #loginBtn{min-height:52px}
.sm-catalog .head{padding-block:58px 20px}
.sm-catalog h1{font-weight:600;font-size:clamp(32px,4vw,48px);line-height:1.5}
.sm-catalog .card{border-radius:var(--r-lg);padding:27px;box-shadow:none}
.sm-catalog .card h3{font-weight:600}
.sm-catalog .fam-h{padding-bottom:16px;border-bottom:1px solid var(--line)}
.sm-catalog .grid{gap:24px}
.sm-gate .gw{min-height:80vh;align-content:center}
.sm-gate .gw-pick{border-radius:var(--r-lg);padding:36px;box-shadow:var(--sh-3)}
.sm-gate h1{font-weight:500;line-height:1.5}
.sm-gate .gw-sec button{border-radius:var(--r-lg);min-height:150px}
@media(min-width:1200px){
 .sm-app .workspace-shell{--rail-size:244px}
 .sm-app .workspace-shell nav.tabs{padding-inline:18px;gap:7px}
 .sm-app .workspace-shell nav.tabs button{border-radius:var(--r-sm);padding:12px 15px;font-size:var(--t-sm);font-weight:500}
 .sm-app .workspace-shell nav.tabs button.on{background:var(--accent-soft);box-shadow:none;font-weight:600;position:relative}
 .sm-app .workspace-shell nav.tabs button.on::after{content:'';width:5px;height:5px;border-radius:50%;background:var(--accent-ink);margin-inline-start:auto;flex-shrink:0}
 .sm-app:has(.workspace-shell)>.langbar{margin-inline-start:244px}
}
@media(max-width:1000px){
 .sm-landing .hero>.wrap{column-gap:35px}
 .sm-landing .hero h1{font-size:40px}
 .sm-app .auth-story{padding:32px}.sm-app .auth-forms{padding:32px}
}
@media(max-width:767px){
 .sm-landing .hero{padding-block:38px 22px}
 .sm-landing .hero>.wrap{grid-template-columns:minmax(0,1fr);gap:26px}
 .sm-landing .hero h1{font-size:clamp(32px,8vw,42px);max-width:none;line-height:1.5}
 .sm-landing .hero .lede{font-size:var(--t-body)}
 .sm-landing .hero .appframe.vs-scene{padding:6px;margin:10px 0}
 .sm-landing .hero .vs-depth{inset:-10px}
 .sm-landing .hero .vs-panel{padding:20px;min-height:300px}
 .sm-landing .hero .facts{margin-top:10px;gap:0}
 .sm-landing .hero .fact{display:flex;flex-direction:column;align-items:center;gap:4px;padding-inline:8px}
 .sm-landing .hero .fact b{font-size:21px}.sm-landing .hero .fact span{font-size:var(--t-cap)}
 .sm-landing .sec{padding-block:48px}.sm-landing .card{padding:23px}
 .sm-app .workspace-shell>.wrap{padding:24px 16px 36px}
 .sm-app .workspace-shell header.top .in{min-height:70px;padding-inline:16px}
 .sm-app .bd-top{gap:16px}
 .sm-app .bd-lede,.sm-app .bd-side,.sm-app .bd-viz,.sm-app .bd-fold{padding:21px;border-radius:var(--r)}
 .sm-app .bd-n{font-size:44px}.sm-app .bd .bd-kpis .kpi b{font-size:28px}
 .sm-app .bd-tabs{overflow:auto;max-width:100%;flex-wrap:nowrap}
 .sm-app .bd-tab{white-space:nowrap;padding-inline:12px}
 .sm-app .auth-layout{margin:24px 16px;grid-template-columns:1fr}
 .sm-app .auth-story{padding:28px}
 .sm-app .auth-story .logo-full{margin-block-end:20px;max-width:90px;max-height:100px;padding:8px}
 .sm-app .auth-story h1{font-size:28px;margin-bottom:12px}
 .sm-app .auth-story p{font-size:var(--t-sm)}
 .sm-app .auth-symbol{display:none}.sm-app .auth-forms{padding:27px}
 .sm-app .tile{padding:22px}.sm-app .card{padding:22px}
 .sm-catalog .head{padding-block:32px 12px}.sm-catalog .grid{gap:16px}
 .sm-gate .gw{min-height:auto}.sm-gate .gw-pick{padding:23px}
}
@media(prefers-reduced-motion:reduce){
 :where(.sm-app,.sm-landing,.sm-catalog,.sm-gate) *, :where(.sm-app,.sm-landing,.sm-catalog,.sm-gate) *::before,:where(.sm-app,.sm-landing,.sm-catalog,.sm-gate) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .sm-app .tile:hover,.sm-landing .card.hov:hover{transform:none}
}
}