:root{--primary:#245B7A;--heading:#183447;--light:#EEF5F9;--white:#FFFFFF;--muted:#667782;--accent:#4E93B8;--font-heading:'Alexandria',sans-serif;--font-body:'IBM Plex Sans Arabic',sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--white);color:var(--heading);font-family:var(--font-body);line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}svg{display:block;width:100%;height:100%}.container{width:min(100% - 6rem,1240px);margin-inline:auto}.skip-link{position:fixed;top:1rem;inset-inline-start:1rem;transform:translateY(-200%);background:var(--primary);color:white;padding:.6rem 1rem;z-index:20}.skip-link:focus{transform:translateY(0)}
.site-header{background:var(--white);border-bottom:1px solid rgba(36,91,122,.09)}.header-inner{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:flex;align-items:center;gap:.8rem;flex-shrink:0}.brand-mark{width:44px;height:44px;background:var(--light);border-radius:12px;color:var(--primary);padding:5px}.brand-copy{display:flex;flex-direction:column;line-height:1.4}.brand-copy strong{font-family:var(--font-heading);font-weight:700;font-size:1.35rem}.brand-copy>span{font-size:.82rem;color:var(--muted)}.main-nav{display:flex;align-items:center;gap:2.5rem;font-size:.93rem}.nav-link{position:relative;padding:.4rem 0;color:var(--muted)}.nav-link:hover,.nav-link.is-active{color:var(--primary)}.nav-link.is-active::after{content:'';position:absolute;bottom:-.5rem;inset-inline-start:0;width:20px;height:2px;background:var(--accent)}.stage-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}.menu-toggle{display:none}
.hero{background:linear-gradient(115deg,var(--light),#f8fbfd 60%,var(--white));position:relative;overflow:hidden}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:4.5rem;min-height:660px;padding-block:76px 86px}.eyebrow{display:flex;align-items:center;gap:.7rem;color:var(--primary);font-size:.9rem;margin:0 0 1.7rem}.eyebrow>span{height:1px;width:32px;background:var(--accent)}h1{font-family:var(--font-heading);font-weight:600;font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.42;letter-spacing:-.055em;margin:0 0 1.5rem}h1>span{color:#3C6B87;display:block}.hero-description{color:var(--muted);font-size:1.1rem;line-height:2;max-width:470px;margin:0}.hero-actions{display:flex;gap:12px;margin-top:2rem;flex-wrap:wrap}.button{min-height:54px;padding:.75rem 1.4rem;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:1.5rem;font-weight:500;font-size:1rem;border:1px solid var(--primary)}.button-primary{background:var(--primary);color:var(--white);border-color:var(--primary);font-weight:600;padding-inline:1.7rem;box-shadow:0 8px 22px #245b7a29}.button-secondary{background:transparent;color:var(--primary);border-color:#245b7a25;box-shadow:none;font-weight:400}.button:disabled{cursor:default;opacity:1}.button>span{font-size:1.3rem}.hero-signature{font-size:.78rem;color:var(--muted);margin-top:1.6rem}.hero-signature>span{margin-inline:.6rem;color:#a5bac6}
.product-stage{position:relative;min-width:0;height:476px;isolation:isolate;border:1px solid #d8e6ee;border-radius:24px;background:linear-gradient(145deg,#e7f0f6,#f5f9fc);box-shadow:0 25px 65px #18344708}.stage-grid{position:absolute;inset:0;z-index:-1;border-radius:inherit;background-image:linear-gradient(#245b7a05 1px,transparent 1px),linear-gradient(90deg,#245b7a05 1px,transparent 1px);background-size:28px 28px}.stage-heading{display:flex;align-items:center;gap:8px;padding:24px;color:var(--primary);font-size:.77rem}.stage-number{margin-inline-start:auto;direction:ltr;font-size:.65rem;letter-spacing:2px;color:var(--muted)}.preview-card{background:var(--white);border:1px solid #dfeaf0;border-radius:14px;box-shadow:0 15px 35px #1834470b}.preview-main{position:absolute;top:68px;inset-inline-start:9%;width:82%;padding:0 16px 14px;transform:rotate(-1.5deg)}.preview-top{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:.9rem}.preview-top small,.preview-school small,.preview-accounts small{display:block;font-family:var(--font-body);font-size:.7rem;color:var(--muted);margin-top:2px}.preview-symbol{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:var(--light);color:var(--primary);font-size:1.2rem}.preview-arrow{margin-inline-start:auto;color:var(--accent);font-size:1.25rem}.preview-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px;color:var(--muted);font-size:.65rem}.preview-bars{display:flex;gap:3px}.preview-bars i{width:14px;height:3px;background:#d9e8f1;border-radius:2px}.preview-bars i:first-child{background:var(--accent)}.preview-school,.preview-accounts{position:absolute;display:flex;align-items:center;gap:10px;padding:13px 15px;font-family:var(--font-heading);font-size:.75rem;width:230px;max-width:75%}.preview-school{top:314px;inset-inline-start:4%;transform:rotate(1deg)}.preview-accounts{top:377px;inset-inline-end:4%;transform:rotate(-1deg)}.mini-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--light);color:var(--primary)}.mini-status{width:6px;height:6px;border-radius:50%;background:var(--accent);margin-inline-start:auto}.stage-caption{position:absolute;bottom:17px;inset-inline-start:22px;font-size:.67rem;color:var(--muted)}.stage-caption>span{color:var(--accent);margin-inline-end:5px}
.capabilities{border-block:1px solid #e4edf2;background:var(--white)}.capability-strip{display:flex;align-items:center;gap:3rem;min-height:120px;padding-block:24px}.strip-intro{margin:0;font-size:.85rem;color:var(--muted);min-width:160px;line-height:1.8}.strip-intro strong{font-family:var(--font-heading);font-size:.82rem;color:var(--heading);font-weight:500}.capability-strip ul{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);flex:1}.capability-strip li{font-family:var(--font-heading);font-size:1rem;display:flex;align-items:center;gap:16px;border-inline-start:1px solid #e0eaf0;padding-inline:25px}
@media(min-width:1600px){.hero-grid{min-height:740px}}
@media(max-width:1100px){.container{width:calc(100% - 3rem)}.hero-grid{gap:2rem;min-height:610px;padding-block:60px}.main-nav{gap:1.8rem}.capability-strip{gap:1rem}.capability-strip li{padding-inline:18px;gap:10px}.strip-intro{min-width:140px}}
@media(max-width:800px){.header-inner{min-height:88px;flex-wrap:wrap;gap:0}.menu-toggle:not([hidden]){display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #d8e6ee;border-radius:8px;background:var(--white);color:var(--primary)}.menu-toggle span{width:20px;height:2px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.main-nav{width:100%;padding-block:16px 22px;gap:2rem}.main-nav[hidden]{display:none}.hero-grid{grid-template-columns:1fr;padding-block:48px;gap:38px}.hero-copy{max-width:620px}h1{font-size:2.5rem;max-width:610px}.hero-description{max-width:490px}.product-stage{width:min(100%,490px);justify-self:center}.capability-strip{align-items:flex-start;flex-direction:column;gap:24px;padding-block:25px}.strip-intro br{display:none}.strip-intro strong{margin-inline-start:5px}.capability-strip ul{width:100%}.capability-strip li:first-child{border:0;padding-inline-start:0}.capability-strip li{font-size:.9rem}}
@media(max-width:480px){.container{width:calc(100% - 2.5rem)}.brand-copy strong{font-size:1.3rem}.brand-mark{width:40px;height:40px}.brand-copy>span{font-size:.75rem}.hero-grid{padding-block:38px}.eyebrow{font-size:.8rem;margin-bottom:20px}h1{font-size:1.95rem;line-height:1.45}.hero-description{font-size:1rem}.hero-actions{gap:10px;margin-top:24px}.button{flex:1;gap:10px;padding:.7rem .75rem;font-size:.87rem;white-space:nowrap}.hero-signature{font-size:.68rem}.hero-signature>span{margin-inline:.35rem}.product-stage{height:454px;border-radius:18px}.stage-heading{padding:18px;font-size:.7rem}.stage-number{font-size:.6rem}.preview-main{top:61px;inset-inline-start:6%;width:88%;padding:0 12px 12px}.preview-school{top:299px}.preview-accounts{top:361px}.capability-strip ul{grid-template-columns:repeat(2,1fr);gap:22px 0}.capability-strip li{padding-inline:16px;font-size:.95rem}.capability-strip li:nth-child(odd){padding-inline-start:0;border:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* تفاصيل تقنية هادئة داخل المساحات الموجودة. */
.hero::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#245b7a06 1px,transparent 1px),linear-gradient(90deg,#245b7a06 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to left,transparent 15%,#000 100%)}
.hero::after{content:'';position:absolute;inset-inline-end:-110px;top:90px;width:420px;height:420px;border:1px solid #4e93b80d;transform:rotate(25deg);border-radius:40px;pointer-events:none}
.mockup-toolbar{display:flex;align-items:center;gap:12px;min-height:32px;border-bottom:1px solid #e6eef3;margin-inline:-16px;padding:8px 12px;background:#f8fbfd;border-radius:14px 14px 0 0;margin-bottom:13px}.window-controls{display:flex;gap:4px;direction:ltr}.window-controls i{width:5px;height:5px;border-radius:50%;background:#b8ccd8}.window-controls i:first-child{background:#4E93B8}.mockup-address{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;background:#edf3f7;border:1px solid #e0eaf0;border-radius:4px;height:18px;color:var(--muted);font-size:.55rem}.mockup-address svg{width:10px;height:10px}.toolbar-menu{color:#8ba6b6;line-height:1}
.mockup-screen{position:relative;display:flex;height:157px;border:1px solid #e1ebf1;border-radius:8px;margin-top:13px;background:#f7fafc;overflow:hidden;padding-bottom:22px}.mockup-sidebar{width:43px;flex-shrink:0;display:flex;align-items:center;flex-direction:column;gap:10px;padding:12px 8px;border-inline-end:1px solid #e1ebf1;background:#edf4f8}.sidebar-avatar{width:18px;height:18px;border-radius:6px;background:#4e93b833;margin-bottom:4px}.mockup-sidebar i{width:21px;height:4px;border-radius:2px;background:#b8cfdd}.mockup-sidebar i:nth-child(2){background:var(--accent)}.sidebar-bottom{margin-top:auto;width:14px;height:4px;border-radius:2px;background:#cadce7}.mockup-content{flex:1;min-width:0;padding:13px}.skeleton-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.skeleton-heading i:first-child{height:5px;width:39%;border-radius:4px;background:#94b6ca}.skeleton-heading i:last-child{height:12px;width:24px;border-radius:3px;background:#d9e8f1}.mockup-widgets{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mockup-widgets>span{padding:8px;background:white;border:1px solid #e2ecf2;border-radius:5px;display:flex;flex-direction:column;gap:7px}.mockup-widgets i{width:65%;height:3px;background:#c7dce8;border-radius:2px}.mockup-widgets b{width:40%;height:7px;background:#7fa9c1;border-radius:2px}.mockup-workspace{margin-top:8px;background:white;border:1px solid #e2ecf2;border-radius:5px;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;gap:10px}.mockup-lines{display:flex;flex-direction:column;gap:6px;flex:1}.mockup-lines i{height:3px;width:85%;background:#dbe8f0;border-radius:2px}.mockup-lines i:nth-child(2){width:65%}.mockup-lines i:last-child{width:75%}.mockup-orbit{width:34px;height:34px;border-radius:50%;border:5px solid #e4eef4;border-inline-start-color:#4E93B8;border-top-color:#94bbd0;display:grid;place-items:center;transform:rotate(-20deg)}.mockup-orbit span{width:6px;height:6px;border-radius:50%;background:#cadde8}.mockup-label{position:absolute;bottom:3px;inset-inline:0;text-align:center;color:var(--muted);font-size:.56rem}
.preview-school,.preview-accounts{box-shadow:0 12px 28px #18344712;border-inline-start:3px solid #85b1ca}.capabilities{background:linear-gradient(180deg,#fff,#f8fbfd)}.capability-strip li{font-weight:500}.capability-strip li::before{content:'';width:6px;height:6px;border-radius:2px;background:var(--accent);box-shadow:0 0 0 5px #4e93b80b;flex-shrink:0}
@media(max-width:480px){.mockup-toolbar{margin-inline:-12px}.mockup-content{padding:10px}.mockup-sidebar{width:35px;padding-inline:6px}.mockup-widgets>span{padding:6px}.mockup-screen{height:157px}.hero::before{background-size:48px 48px;opacity:.65}.button-primary{padding-inline:.9rem}.capability-strip li{gap:14px}}

/* قسم خدمات صقر؛ تنسيقات مستقلة عن الأجزاء المعتمدة. */
.services {
    padding-block: 88px 80px;
    background: var(--white);
}
.services-heading {
    max-width: 640px;
    margin-bottom: 38px;
}
.services-accent {
    display: block;
    width: 36px;
    height: 3px;
    border-radius: 3px;
    background: var(--accent);
    margin-bottom: 18px;
}
.services-heading h2 {
    margin: 0 0 14px;
    color: var(--heading);
    font-family: var(--font-heading);
    font-size: clamp(1.65rem, 2.6vw, 2.15rem);
    font-weight: 600;
    line-height: 1.5;
}
.services-heading p {
    margin: 0;
    color: var(--muted);
    font-size: 1.05rem;
    line-height: 1.9;
}
.services-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}
.service-card {
    padding: 30px 32px 32px;
    border: 1px solid #dfe9ef;
    border-radius: 16px;
    background: linear-gradient(145deg, var(--white), #f9fcfd);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.service-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 22px;
}
.service-icon {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    padding: 12px;
    border: 1px solid #e1ecf2;
    border-radius: 13px;
    color: var(--primary);
    background: var(--light);
}
.service-badge {
    padding: 4px 11px;
    border: 1px solid #d7e7f0;
    border-radius: 20px;
    color: var(--primary);
    background: #eef5f9;
    font-size: .75rem;
    font-weight: 500;
    white-space: nowrap;
}
.service-card h3 {
    margin: 0 0 12px;
    font-family: var(--font-heading);
    font-size: clamp(1rem, 1.6vw, 1.2rem);
    font-weight: 500;
    line-height: 1.7;
    color: var(--heading);
}
.service-card p {
    max-width: 490px;
    margin: 0;
    color: var(--muted);
    font-size: 1rem;
    line-height: 1.95;
}
.services-custom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 30px;
    padding: 27px 32px;
    border: 1px solid #dce9f1;
    border-radius: 14px;
    background: var(--light);
}
.services-custom h3 {
    margin: 0 0 7px;
    font-family: var(--font-heading);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.6;
}
.services-custom p {
    margin: 0;
    color: var(--muted);
    font-size: .95rem;
}
.services-discuss {
    flex: none;
    flex-shrink: 0;
    min-width: 170px;
}
@media (hover: hover) and (pointer: fine) {
    .service-card:hover {
        transform: translateY(-3px);
        border-color: #adcbdc;
        box-shadow: 0 12px 28px #1834470a;
    }
}
@media (max-width: 800px) {
    .services { padding-block: 60px; }
    .service-card { padding: 25px; }
    .services-grid { gap: 18px; }
    .services-custom { padding: 24px; }
}
@media (max-width: 640px) {
    .services-grid { grid-template-columns: 1fr; }
    .services-heading { margin-bottom: 28px; }
    .services-heading p { font-size: 1rem; }
    .service-card { padding: 24px; }
    .service-card h3 { font-size: 1.05rem; }
    .service-card-top { margin-bottom: 18px; }
    .services-custom { align-items: flex-start; flex-direction: column; gap: 20px; }
    .services-discuss { align-self: stretch; }
}
@media (prefers-reduced-motion: reduce) {
    .service-card:hover { transform: none; }
}

/* منتجات صقر: بطاقات أفقية متبادلة وواجهات تصوّرية قابلة للاستبدال. */
.products { padding-block: 86px 90px; background: #f7fafc; border-top: 1px solid #e5edf2; }
.products-heading { max-width: 730px; margin-bottom: 42px; }
.products-accent { display: block; width: 36px; height: 3px; border-radius: 3px; background: var(--accent); margin-bottom: 18px; }
.products-heading h2 { margin: 0 0 14px; font-family: var(--font-heading); font-size: clamp(1.65rem,2.6vw,2.15rem); font-weight: 600; line-height: 1.5; }
.products-heading p { margin: 0; color: var(--muted); font-size: 1.05rem; line-height: 1.9; }
.products-list { display: grid; gap: 22px; }
.product-feature { display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); border: 1px solid #dfe9ef; border-radius: 20px; background: var(--white); overflow: hidden; }
.product-copy { padding: 46px 40px; align-self: center; min-width: 0; }
.product-feature-reverse { grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); }
.product-feature-reverse .product-copy { grid-column: 2; grid-row: 1; }
.product-feature-reverse .product-visual { grid-column: 1; grid-row: 1; border-inline-start: 0; border-inline-end: 1px solid #e3edf3; }
.product-category { margin: 0 0 13px; font-size: .8rem; font-weight: 500; color: var(--primary); }
.product-copy h3 { margin: 0 0 17px; font-family: var(--font-heading); font-size: clamp(1.45rem,2.1vw,1.85rem); font-weight: 600; line-height: 1.5; }
.product-description { margin: 0; font-size: 1.03rem; line-height: 1.95; color: var(--muted); max-width: 490px; }
.product-keywords { display: flex; flex-wrap: wrap; gap: 7px; padding: 0; margin: 18px 0 18px; list-style: none; }
.product-keywords li { display: inline-flex; align-items: center; padding: 3px 10px; border: 1px solid #e0eaf0; border-radius: 6px; background: #f5f9fc; color: var(--primary); font-size: .75rem; line-height: 1.7; }
.product-discover { font-size: .93rem; padding-inline: 1.3rem; gap: 1.4rem; }
.product-meta { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 13px; }
.product-meta .product-category { margin: 0; }
.product-live-badge { display: inline-flex; align-items: center; gap: 6px; color: var(--primary); background: var(--light); border: 1px solid #d4e5ee; border-radius: 20px; padding: 3px 9px; font-size: .68rem; white-space: nowrap; }
.product-live-badge>span { width: 5px; height: 5px; border-radius: 50%; background: var(--accent); }
.product-visual { --screen-accent: #4E93B8; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; padding: 40px 30px 30px; min-width: 0; min-height: 395px; border-inline-start: 1px solid #e3edf3; position: relative; isolation: isolate; background: linear-gradient(140deg,#edf5fa,#e5eff6); }
.product-visual::before { content: ''; position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(#245b7a05 1px,transparent 1px),linear-gradient(90deg,#245b7a05 1px,transparent 1px); background-size: 30px 30px; }
.product-visual-schools { --screen-accent: #245B7A; background: linear-gradient(140deg,#edf3f7,#e7eff5); }
.product-visual-accounts { --screen-accent: #3C6B87; background: linear-gradient(140deg,#eef5f9,#e5eff4); }
.saas-window { width: 100%; max-width: 500px; border: 1px solid #cedfe9; border-radius: 11px; background: var(--white); overflow: hidden; box-shadow: 0 18px 40px #18344712,0 3px 8px #18344707; }
.saas-toolbar { display: flex; gap: 12px; align-items: center; height: 34px; padding-inline: 12px; border-bottom: 1px solid #e1ebf1; background: #f9fbfd; }
.saas-dots { display: flex; gap: 4px; direction: ltr; }
.saas-dots i { height: 5px; width: 5px; background: #c0d3df; border-radius: 50%; }
.saas-dots i:first-child { background: var(--screen-accent); }
.saas-address { text-align: center; flex: 1; color: var(--muted); background: #edf3f7; border-radius: 4px; font-size: .56rem; line-height: 20px; }
.saas-toolbar-icon { color: #8ca7b7; font-size: .85rem; }
.saas-body { display: flex; min-height: 265px; }
.saas-sidebar { width: 83px; padding: 15px 8px; background: #f4f8fb; border-inline-end: 1px solid #e1ebf1; display: flex; align-items: stretch; flex-direction: column; gap: 5px; flex-shrink: 0; }
.saas-logo { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: var(--screen-accent); color: white; font-family: var(--font-heading); font-size: .8rem; margin: 0 5px 9px; }
.saas-sidebar>span:not(.saas-logo) { padding: 4px 8px; font-size: .6rem; color: var(--muted); border-radius: 4px; }
.saas-sidebar .saas-nav-active { background: #e2edf4; color: var(--primary)!important; font-weight: 600; }
.saas-sidebar-foot { width: 28px; height: 4px; background: #cedfe9; border-radius: 3px; margin-top: auto; margin-inline-start: 8px; }
.saas-content { flex: 1; min-width: 0; background: #fbfdfe; padding: 17px 14px; }
.saas-page-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 14px; }
.saas-page-heading strong { font-family: var(--font-heading); font-size: .72rem; font-weight: 500; }
.saas-avatar { width: 20px; height: 20px; border-radius: 50%; background: #e1edf5; border: 4px solid #f0f5f9; }
.saas-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; margin-bottom: 12px; }
.saas-metrics>div { display: flex; flex-direction: column; gap: 9px; padding: 9px; border: 1px solid #e3ecf2; background: white; border-radius: 6px; }
.saas-metrics span { font-size: .56rem; color: var(--muted); white-space: nowrap; }
.saas-metrics i { width: 31px; max-width: 80%; height: 7px; border-radius: 3px; background: #97b9cd; }
.saas-panel { padding: 12px; border: 1px solid #e3ecf2; background: white; border-radius: 6px; }
.saas-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 14px; font-size: .62rem; color: var(--primary); }
.saas-panel-heading i { width: 19px; height: 4px; background: #dde9f0; border-radius: 3px; }
.saas-progress { display: flex; align-items: center; gap: 9px; margin-top: 12px; font-size: .56rem; color: var(--muted); }
.saas-progress>span { width: 39px; flex-shrink: 0; }
.saas-progress>i { flex: 1; height: 5px; border-radius: 4px; background: #e8f0f5; overflow: hidden; }
.saas-progress>i::before { content: ''; display: block; width: var(--progress); height: 100%; border-radius: inherit; background: var(--screen-accent); opacity: .7; }
.saas-bottom-row { display: flex; gap: 8px; margin-top: 12px; }
.saas-bottom-row>span { display: flex; align-items: center; gap: 5px; flex: 1; padding: 6px; background: #f0f6fa; border-radius: 4px; color: var(--muted); font-size: .55rem; }
.saas-bottom-row i { width: 5px; height: 5px; border: 1px solid #85adc4; border-radius: 2px; }
.saas-table-head,.saas-table-row { display: grid; grid-template-columns: .8fr 1fr 1fr; align-items: center; gap: 8px; }
.saas-table-head { color: var(--muted); font-size: .5rem; padding-bottom: 6px; }
.saas-table-row { min-height: 26px; border-top: 1px solid #edf3f7; }
.saas-table-row>i { width: 75%; height: 4px; border-radius: 2px; background: #cfdfeb; }
.saas-status { text-align: center; padding: 1px 3px; border-radius: 4px; background: #dfedf5; color: var(--primary); font-size: .48rem; white-space: nowrap; }
.saas-status-light { background: #f0f5f8; color: var(--muted); }
.saas-status-outline { border: 1px solid #d7e3eb; background: white; color: var(--muted); }
.saas-chart { position: relative; display: flex; justify-content: space-between; align-items: flex-end; gap: 8px; height: 87px; padding: 0 7px; border-bottom: 1px solid #dce8f0; }
.saas-chart-grid { position: absolute; inset: 0; background: repeating-linear-gradient(to top,transparent 0,transparent 26px,#edf3f7 26px,#edf3f7 27px); }
.saas-chart>span { position: relative; width: 18px; height: var(--bar); border-radius: 3px 3px 0 0; background: var(--screen-accent); opacity: .7; }
.saas-chart>span:nth-child(even) { opacity: .4; }
.product-preview-note { display: flex; align-items: center; gap: 6px; margin: 0; color: var(--muted); font-size: .64rem; line-height: 1.7; text-align: center; }
.product-preview-note>span { width: 5px; height: 5px; flex-shrink: 0; background: #8aaec3; border-radius: 50%; }
@media (max-width:1100px) {
    .product-copy { padding: 32px 26px; }
    .product-visual { padding: 30px 20px; }
    .saas-sidebar { width: 70px; padding-inline: 5px; }
    .saas-content { padding-inline: 10px; }
    .saas-panel { padding: 9px; }
    .saas-metrics>div { padding: 7px; }
}
@media (max-width:800px) {
    .products { padding-block: 60px; }
    .products-heading { margin-bottom: 30px; }
    .product-feature,.product-feature-reverse { grid-template-columns: minmax(0,1fr); }
    .product-feature-reverse .product-copy,.product-feature-reverse .product-visual { grid-column: auto; grid-row: auto; }
    .product-copy { padding: 32px; }
    .product-description { max-width: 600px; }
    .product-visual,.product-feature-reverse .product-visual { border-inline: 0; border-top: 1px solid #e3edf3; min-height: 360px; padding: 30px; }
    .saas-sidebar { width: 83px; padding-inline: 8px; }
    .saas-content { padding-inline: 14px; }
}
@media (max-width:480px) {
    .products-heading p { font-size: 1rem; }
    .products-list { gap: 18px; }
    .product-feature { border-radius: 16px; }
    .product-copy { padding: 26px 22px; }
    .product-description { font-size: 1rem; }
    .product-keywords { margin-block: 16px 16px; }
    .product-keywords li { font-size: .75rem; }
    .product-discover { width: 100%; font-size: .9rem; white-space: normal; }
    .product-visual,.product-feature-reverse .product-visual { min-height: 330px; padding: 24px 12px; gap: 14px; }
    .saas-sidebar { width: 61px; padding-inline: 4px; }
    .saas-sidebar>span:not(.saas-logo) { padding-inline: 4px; font-size: .54rem; }
    .saas-content { padding: 13px 8px; }
    .saas-page-heading strong { font-size: .65rem; }
    .saas-metrics { gap: 4px; }
    .saas-metrics>div { padding: 6px 5px; }
    .saas-metrics span { font-size: .49rem; }
    .saas-panel { padding: 8px; }
    .saas-table-head,.saas-table-row { gap: 4px; }
    .saas-status { font-size: .44rem; }
    .product-preview-note { font-size: .58rem; }
    .saas-address { font-size: .5rem; }
}

/* أعمال مختارة: Mockups تصوّرية، مع بطاقتين مؤقتتين معلّمتين بوضوح. */
.selected-work { padding-block: 86px 90px; background: var(--white); border-top: 1px solid #e5edf2; }
.work-heading { max-width: 730px; margin-bottom: 38px; }
.work-accent { display: block; width: 36px; height: 3px; border-radius: 3px; background: var(--accent); margin-bottom: 18px; }
.work-heading h2 { margin: 0 0 14px; font-family: var(--font-heading); font-size: clamp(1.65rem,2.6vw,2.15rem); font-weight: 600; line-height: 1.5; }
.work-heading>p { margin: 0; color: var(--muted); font-size: 1.05rem; line-height: 1.9; }
.work-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.work-card { display: flex; flex-direction: column; min-width: 0; border: 1px solid #dfe9ef; border-radius: 16px; background: var(--white); overflow: hidden; }
.work-visual { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 260px; padding: 27px 22px 38px; background: linear-gradient(145deg,#e8f1f7,#f2f7fa); border-bottom: 1px solid #e1ebf1; isolation: isolate; }
.work-visual::before { content: ''; position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(#245b7a05 1px,transparent 1px),linear-gradient(90deg,#245b7a05 1px,transparent 1px); background-size: 28px 28px; }
.work-visual-caption { position: absolute; bottom: 11px; inset-inline: 12px; color: var(--muted); font-size: .61rem; text-align: center; }
.work-window { width: 100%; max-width: 360px; border: 1px solid #cadde9; border-radius: 9px; background: white; overflow: hidden; box-shadow: 0 13px 28px #18344712; }
.work-window-bar { display: flex; align-items: center; gap: 8px; height: 27px; padding-inline: 10px; background: #f6f9fc; border-bottom: 1px solid #e4edf3; color: var(--muted); font-size: .52rem; }
.work-window-bar>span:nth-child(2) { flex: 1; text-align: center; }
.work-window-dots { display: flex; gap: 3px; direction: ltr; }
.work-window-dots i { width: 4px; height: 4px; border-radius: 50%; background: #bbd0de; }
.work-window-dots i:first-child { background: var(--accent); }
.work-window-menu { width: 9px; height: 3px; border-radius: 2px; background: #b9d0df; }
.work-finance-screen { padding: 13px; background: #fbfdfe; }
.work-screen-title { display: flex; align-items: center; gap: 8px; font-family: var(--font-heading); font-size: .6rem; }
.work-screen-title small { display: block; font-family: var(--font-body); color: var(--muted); font-size: .53rem; margin-top: 2px; }
.work-screen-logo { display: grid; place-items: center; width: 27px; height: 27px; flex-shrink: 0; border-radius: 7px; background: var(--primary); color: white; font-size: .75rem; }
.work-finance-tabs { display: flex; gap: 13px; border-bottom: 1px solid #e2edf3; margin-top: 10px; padding-bottom: 6px; font-size: .55rem; color: var(--muted); }
.work-finance-tabs>span:first-child { color: var(--primary); font-weight: 600; }
.work-finance-table { padding-top: 8px; }
.work-table-labels,.work-table-line { display: grid; grid-template-columns: 1.2fr 1fr .8fr; align-items: center; gap: 10px; }
.work-table-labels { font-size: .49rem; color: var(--muted); margin-bottom: 3px; }
.work-table-line { height: 18px; border-bottom: 1px solid #edf3f7; }
.work-table-line i { height: 3px; width: 70%; border-radius: 2px; background: #d0e0eb; }
.work-table-line b { height: 8px; width: 70%; border-radius: 3px; background: #d9eaf3; }
.work-screen-foot { display: flex; gap: 12px; margin-top: 7px; font-size: .5rem; color: var(--primary); }
.work-card-content { display: flex; flex-direction: column; flex: 1; padding: 26px; }
.work-type { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: .73rem; color: var(--primary); margin: 0 0 12px; }
.work-card h3 { font-family: var(--font-heading); font-size: 1.08rem; font-weight: 500; line-height: 1.8; margin: 0 0 12px; }
.work-description { font-size: .95rem; line-height: 1.95; color: var(--muted); margin: 0 0 24px; }
.work-detail-button { margin-top: auto; align-self: flex-start; display: inline-flex; align-items: center; justify-content: center; gap: 26px; min-height: 44px; padding: 7px 13px; border: 1px solid #d7e5ee; border-radius: 7px; background: #f5f9fc; color: var(--primary); font-size: .88rem; opacity: 1; cursor: default; }
.work-detail-button>span { font-size: 1.2rem; }
.work-placeholder-badge { color: var(--muted); border: 1px solid #e0eaf0; background: #f6f9fb; border-radius: 20px; padding: 1px 8px; font-size: .63rem; }
.work-visual-website { background: linear-gradient(145deg,#edf4f8,#e7f0f6); }
.work-address-line { height: 9px; background: #e7eff5; border-radius: 3px; max-width: 160px; margin-inline: auto; }
.work-website-screen { padding: 13px; }
.work-wire-nav { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.work-wire-nav>i { width: 18px; height: 10px; background: #82aac2; border-radius: 3px; }
.work-wire-nav>span { display: flex; gap: 7px; }
.work-wire-nav>span i { height: 3px; width: 18px; border-radius: 2px; background: #cadde9; }
.work-wire-hero { display: flex; gap: 15px; padding: 13px; border-radius: 5px; background: #f1f6fa; }
.work-wire-copy { flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding-block: 6px; }
.work-wire-copy>i { width: 83%; height: 5px; background: #83a9c0; border-radius: 2px; }
.work-wire-copy>i:nth-child(2) { width: 67%; margin-bottom: 3px; }
.work-wire-copy>b { width: 100%; height: 3px; background: #cfdfeb; border-radius: 2px; }
.work-wire-copy>b:nth-child(4) { width: 80%; }
.work-wire-copy>span { width: 32px; height: 11px; border-radius: 3px; background: var(--primary); margin-top: 5px; opacity: .8; }
.work-wire-art { display: grid; place-items: center; width: 42%; background: #e2edf4; border-radius: 6px; color: #6c99b3; }
.work-wire-art svg { width: 56px; height: 56px; }
.work-wire-tiles { display: flex; gap: 7px; margin-top: 12px; }
.work-wire-tiles>span { flex: 1; height: 23px; border: 1px solid #e1ebf2; background: #f9fbfd; border-radius: 4px; }
.work-visual-design { background: linear-gradient(145deg,#edf3f7,#e6eef5); }
.work-slide-stack { position: relative; width: 92%; max-width: 320px; aspect-ratio: 1.6; }
.work-slide-back { position: absolute; inset: 0; background: #d5e5ef; border: 1px solid #c8dce9; border-radius: 8px; transform: rotate(5deg) translateY(3px); }
.work-slide-front { position: absolute; inset: 0; background: white; border: 1px solid #cfdfeb; border-radius: 8px; box-shadow: 0 13px 28px #18344712; padding: 17px; display: flex; flex-direction: column; }
.work-slide-top,.work-slide-foot { display: flex; justify-content: space-between; align-items: center; }
.work-slide-top>span { width: 20px; height: 5px; border-radius: 2px; background: #8eb2c7; }
.work-slide-top>i { width: 12px; height: 12px; border: 1px solid #adc9da; border-radius: 4px; }
.work-slide-body { flex: 1; display: flex; align-items: center; gap: 12px; }
.work-slide-copy { width: 53%; display: flex; flex-direction: column; gap: 7px; }
.work-slide-copy>i { height: 6px; width: 92%; background: #5c8ba7; border-radius: 2px; }
.work-slide-copy>i:nth-child(2) { width: 72%; margin-bottom: 6px; }
.work-slide-copy>b { height: 3px; width: 100%; background: #d0e1ec; border-radius: 2px; }
.work-slide-copy>b:last-child { width: 76%; }
.work-slide-art { position: relative; width: 43%; aspect-ratio: 1; }
.work-slide-art>span { position: absolute; inset: 12%; border-radius: 50%; border: 13px solid #e0edf5; }
.work-slide-art>i { position: absolute; width: 42%; height: 42%; top: 8%; inset-inline-start: 3%; background: #91b6cc; border-radius: 7px; transform: rotate(-12deg); }
.work-slide-art>b { position: absolute; width: 25%; height: 25%; bottom: 9%; inset-inline-end: 6%; border: 1px solid #6797b3; border-radius: 50%; }
.work-slide-foot>i { width: 32px; height: 3px; background: #d1e2ed; border-radius: 2px; }
.work-slide-foot>span { font-size: .49rem; color: var(--muted); direction: ltr; letter-spacing: 1px; }
@media (max-width:1100px) {
    .work-grid { gap: 18px; }
    .work-card-content { padding: 22px; }
    .work-visual { padding-inline: 15px; height: 240px; }
    .work-card h3 { font-size: 1rem; }
}
@media (max-width:900px) {
    .work-grid { grid-template-columns: 1fr; gap: 24px; }
    .work-card { flex-direction: row; }
    .work-visual { width: 45%; height: auto; min-height: 280px; flex-shrink: 0; border-bottom: 0; border-inline-end: 1px solid #e1ebf1; }
    .work-card-content { padding: 28px; }
}
@media (max-width:640px) {
    .selected-work { padding-block: 60px; }
    .work-heading { margin-bottom: 28px; }
    .work-heading>p { font-size: 1rem; }
    .work-card { flex-direction: column; }
    .work-visual { width: 100%; height: 260px; min-height: 0; border-inline-end: 0; border-bottom: 1px solid #e1ebf1; padding-inline: 24px; }
    .work-card-content { padding: 24px; }
    .work-card h3 { font-size: 1.06rem; }
    .work-description { margin-bottom: 20px; }
}

/* الأقسام الختامية؛ تبقى تنسيقات الأقسام المعتمدة مستقلة. */
.closing-section-heading { margin-bottom: 40px; }
.closing-accent { display: block; width: 36px; height: 3px; border-radius: 3px; background: var(--accent); margin-bottom: 18px; }
.closing-section-heading h2 { margin: 0; font-family: var(--font-heading); font-size: clamp(1.65rem,2.6vw,2.15rem); font-weight: 600; line-height: 1.5; }
.workflow { padding-block: 82px; background: #f7fafc; border-top: 1px solid #e5edf2; }
.workflow-timeline { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); margin: 0; padding: 8px 0 0; list-style: none; }
.workflow-step { position: relative; display: flex; align-items: center; flex-direction: column; gap: 22px; padding-inline: 8px; }
.workflow-step:not(:last-child)::after { content: ''; position: absolute; top: 31px; inset-inline-start: calc(50% + 36px); width: calc(100% - 72px); border-top: 1px dashed #b8cfdd; }
.workflow-node { position: relative; display: grid; place-items: center; width: 64px; height: 64px; padding: 18px; border: 1px solid #d7e6ef; border-radius: 17px; color: var(--primary); background: var(--white); box-shadow: 0 5px 16px #18344705; }
.workflow-node>span { position: absolute; bottom: -8px; inset-inline-end: -6px; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; color: var(--primary); font-size: .7rem; background: #e5eff6; border: 2px solid #f7fafc; }
.workflow-step h3 { margin: 0; font-family: var(--font-heading); font-size: .92rem; font-weight: 500; line-height: 1.7; text-align: center; }
.workflow-step.is-revealing { animation: workflow-appear .45s ease both; animation-delay: var(--reveal-delay,0ms); }
@keyframes workflow-appear { from { opacity: .4; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.why-saqr { padding-block: 82px; background: var(--white); }
.why-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; list-style: none; padding: 0; margin: 0; }
.why-card { padding: 27px 24px; border: 1px solid #dfe9ef; border-radius: 14px; background: linear-gradient(145deg,#fff,#f9fcfd); }
.why-icon { display: grid; place-items: center; width: 48px; height: 48px; padding: 11px; border-radius: 12px; color: var(--primary); background: var(--light); margin-bottom: 21px; }
.why-card h3 { margin: 0; font-family: var(--font-heading); font-size: .95rem; font-weight: 500; line-height: 1.85; }
.custom-solutions { padding-block: 0 72px; background: var(--white); }
.custom-solutions-panel { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(0,1fr); align-items: center; gap: 40px; padding: 46px 48px; border: 1px solid #d9e7f0; border-radius: 20px; background: var(--light); }
.custom-solutions-copy h2 { margin: 0 0 17px; font-family: var(--font-heading); font-size: clamp(1.35rem,2.2vw,1.75rem); font-weight: 500; line-height: 1.7; }
.custom-solutions-copy p { max-width: 610px; margin: 0 0 25px; font-size: 1.02rem; line-height: 1.95; color: var(--muted); }
.custom-solutions-button { font-size: .94rem; }
.custom-solutions-art { position: relative; width: min(100%,255px); aspect-ratio: 1; justify-self: center; }
.custom-art-orbit { position: absolute; inset: 12%; border: 1px dashed #a8c6d9; border-radius: 50%; }
.custom-art-orbit::after { content: ''; position: absolute; inset: -18%; border: 1px solid #d9e7f0; border-radius: 50%; }
.custom-art-center { position: absolute; inset: 31%; display: grid; place-items: center; padding: 18px; background: var(--primary); color: var(--white); border-radius: 22px; box-shadow: 0 12px 26px #245b7a20; }
.custom-art-node { position: absolute; display: grid; place-items: center; width: 49px; height: 49px; padding: 12px; background: var(--white); border: 1px solid #d4e5ef; border-radius: 13px; color: var(--accent); }
.custom-art-node-one { top: 4%; inset-inline-start: 35%; }
.custom-art-node-two { bottom: 17%; inset-inline-start: 2%; }
.custom-art-node-three { bottom: 17%; inset-inline-end: 2%; }
.final-cta { padding-block: 0 80px; background: var(--white); }
.final-cta-panel { padding: 52px 28px; border: 1px solid #245B7A; border-radius: 20px; background: var(--primary); color: white; text-align: center; position: relative; overflow: hidden; isolation: isolate; }
.final-cta-panel::before { content: ''; position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px); background-size: 48px 48px; }
.final-cta h2 { margin: 0 0 17px; font-family: var(--font-heading); font-size: clamp(1.5rem,2.8vw,2.15rem); font-weight: 500; line-height: 1.6; }
.final-cta p { max-width: 660px; margin: 0 auto 28px; color: #e1edf4; font-size: 1.05rem; line-height: 1.9; }
.final-cta-actions { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }
.final-cta-primary { background: white; border-color: white; color: var(--primary); font-weight: 600; }
.final-cta-secondary { background: transparent; border-color: #ffffff55; color: white; }
.site-footer { padding-top: 60px; background: var(--primary); color: var(--white); }
.footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.2fr; gap: 40px; padding-bottom: 42px; }
.footer-brand { font-family: var(--font-heading); font-size: 1.18rem; font-weight: 500; line-height: 1.8; }
.footer-about p { margin: 16px 0 0; max-width: 330px; color: #d7e5ee; font-size: .92rem; line-height: 1.95; }
.footer-column h2 { margin: 3px 0 18px; font-family: var(--font-heading); font-size: .85rem; font-weight: 500; line-height: 1.8; }
.footer-column ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; }
.footer-column a { color: #d7e5ee; font-size: .87rem; }
.site-footer a { transition: color .15s ease; }
.site-footer a:hover { color: var(--white); }
.site-footer a:focus-visible { outline-color: #b8d8eb; }
.footer-meta { display: flex; justify-content: space-between; align-items: center; gap: 28px; padding-block: 26px; border-top: 1px solid #ffffff20; }
.footer-legal { display: flex; flex-wrap: wrap; gap: 22px; font-size: .79rem; color: #cedfe9; }
.footer-contact { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }
.footer-contact h2 { margin: 0; font-family: var(--font-heading); font-size: .77rem; font-weight: 500; }
.footer-contact-links { display: flex; flex-wrap: wrap; gap: 18px; }
.footer-contact-links a { display: flex; align-items: center; gap: 8px; color: #e0ecf3; font-size: .8rem; }
.footer-contact-links svg { width: 18px; height: 18px; flex-shrink: 0; }
.footer-contact-links small { display: block; font-size: .73rem; margin-top: 1px; color: #d0e1ec; }
.footer-bottom { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-block: 19px; border-top: 1px solid #ffffff20; font-size: .76rem; color: #d0e1ec; }
.footer-bottom p { margin: 0; }
.footer-bottom a { display: flex; align-items: center; gap: 12px; white-space: nowrap; }
@media (hover:hover) and (pointer:fine) {
    .final-cta-primary:hover { background: #eef5f9; }
    .final-cta-secondary:hover { border-color: #ffffff90; background: #ffffff08; }
}
@media (max-width:1100px) {
    .why-grid { gap: 16px; }
    .why-card { padding: 24px 20px; }
    .footer-grid { gap: 26px; grid-template-columns: 1.3fr 1fr 1fr 1.2fr; }
    .footer-brand { font-size: 1.03rem; }
    .footer-meta { align-items: flex-start; flex-direction: column-reverse; gap: 24px; }
}
@media (max-width:900px) {
    .workflow-timeline { grid-template-columns: 1fr; padding: 0; }
    .workflow-step { flex-direction: row; gap: 25px; padding: 0 0 30px; }
    .workflow-step:last-child { padding-bottom: 0; }
    .workflow-step:not(:last-child)::after { top: 71px; bottom: 8px; inset-inline-start: 31px; width: 0; border-top: 0; border-inline-start: 1px dashed #b8cfdd; }
    .workflow-node { flex-shrink: 0; }
    .workflow-step h3 { font-size: 1rem; text-align: start; }
    .why-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .custom-solutions-panel { padding: 34px; gap: 24px; grid-template-columns: minmax(0,1.7fr) minmax(0,1fr); }
    .custom-art-center { padding: 12px; border-radius: 17px; }
    .footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 36px; }
}
@media (max-width:640px) {
    .workflow,.why-saqr { padding-block: 60px; }
    .closing-section-heading { margin-bottom: 30px; }
    .why-card { padding: 23px 18px; }
    .why-card h3 { font-size: .87rem; }
    .custom-solutions { padding-bottom: 50px; }
    .custom-solutions-panel { grid-template-columns: minmax(0,1fr); padding: 30px 24px; gap: 20px; }
    .custom-solutions-art { width: 180px; }
    .custom-solutions-copy p { font-size: 1rem; }
    .custom-solutions-button { width: 100%; }
    .final-cta { padding-bottom: 60px; }
    .final-cta-panel { padding: 36px 22px; }
    .final-cta p { font-size: 1rem; }
    .final-cta-actions .button { flex: none; width: 100%; }
    .site-footer { padding-top: 44px; }
    .footer-grid { gap: 32px 20px; padding-bottom: 32px; }
    .footer-about { grid-column: 1 / -1; }
    .footer-brand { font-size: 1.15rem; }
    .footer-about p { max-width: 100%; }
    .footer-contact { flex-direction: column; align-items: flex-start; gap: 14px; }
    .footer-contact-links { gap: 18px 24px; }
    .footer-bottom { align-items: flex-start; flex-direction: column; gap: 10px; }
}
@media (max-width:360px) {
    .why-grid { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion:reduce) {
    .workflow-step.is-revealing { animation: none; }
}

/* المراجعة البصرية النهائية: إيقاع موحد دون تغيير المحتوى أو بنية الأقسام. */
:root {
    --section-space: 68px;
    --section-heading-size: clamp(1.65rem, 2.6vw, 2.15rem);
    --section-description-size: 1.05rem;
    --section-heading-gap: 32px;
}
.services,.products,.selected-work,.workflow {
    padding-block: var(--section-space);
}
.why-saqr {
    padding-block: var(--section-space) calc(var(--section-space) * .65);
}
.custom-solutions,.final-cta {
    padding-block: 0 var(--section-space);
}
.services-heading,.products-heading,.work-heading,.closing-section-heading {
    margin-bottom: var(--section-heading-gap);
}
.services-heading h2,.products-heading h2,.work-heading h2,.closing-section-heading h2,.final-cta h2 {
    font-size: var(--section-heading-size);
    font-weight: 600;
    line-height: 1.55;
}
.services-heading p,.products-heading p,.work-heading>p,.custom-solutions-copy p,.final-cta p {
    font-size: var(--section-description-size);
    line-height: 1.9;
}
.service-card p,.product-description,.work-description {
    font-size: 1rem;
    line-height: 1.9;
}
.workflow-step h3 {
    font-size: 1.02rem;
}
.why-card {
    padding-block: 21px;
}
.why-icon {
    width: 44px;
    height: 44px;
    padding: 10px;
    margin-bottom: 15px;
}
.custom-solutions-panel {
    align-items: center;
    padding-block: 36px;
}
.custom-solutions-copy {
    align-self: center;
    min-width: 0;
}
.custom-solutions-copy h2 {
    font-size: clamp(1.4rem,2.2vw,1.85rem);
    font-weight: 600;
    line-height: 1.6;
}
.custom-solutions-art {
    align-self: center;
    width: min(100%,230px);
}
.final-cta-panel {
    padding-block: 44px;
    background: #316583;
    background: color-mix(in srgb, var(--primary) 94%, var(--white));
    border-color: transparent;
}
.footer-brand {
    display: inline-block;
    font-size: clamp(1.2rem,1.65vw,1.4rem);
    font-weight: 700;
    line-height: 1.65;
    padding-bottom: 13px;
    border-bottom: 2px solid #ffffff45;
}
.footer-about p {
    margin-top: 14px;
}
.footer-meta {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1.5fr);
    align-items: center;
    gap: 24px;
}
.footer-contact {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    min-width: 0;
}
.footer-contact-links {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
}
.footer-contact-links a {
    padding: 11px 13px;
    border: 1px solid #ffffff24;
    border-radius: 8px;
    background: #ffffff05;
    gap: 10px;
    min-width: 0;
    min-height: 62px;
}
.footer-contact-links a>span {
    min-width: 0;
    overflow-wrap: anywhere;
}
.footer-contact-links small {
    font-size: .76rem;
    margin-top: 3px;
}
.footer-contact-links a:hover {
    background: #ffffff0a;
    border-color: #ffffff45;
}
@media (max-width:1100px) {
    .footer-meta { grid-template-columns: 1fr; }
    .footer-contact { grid-row: 1; }
    .footer-contact-links { max-width: 580px; }
}
@media (max-width:900px) {
    :root { --section-space: 52px; --section-heading-gap: 28px; }
    .workflow-step h3 { font-size: 1.08rem; }
}
@media (max-width:640px) {
    :root { --section-space: 44px; --section-description-size: 1rem; --section-heading-gap: 26px; }
    .why-card { padding-block: 18px; }
    .custom-solutions-panel { padding-block: 28px; gap: 16px; }
    .custom-solutions-art { width: 156px; }
    .final-cta-panel { padding-block: 32px; }
    .footer-contact-links { width: 100%; max-width: none; }
    .footer-legal { gap: 16px; }
}
@media (max-width:400px) {
    .footer-contact-links { grid-template-columns: 1fr; }
    .hero-actions .button { flex-basis: 100%; }
    .hero-signature { line-height: 1.9; }
}

/* صفحة المنتجات الداخلية، باستخدام الهوية والقوالب المشتركة. */
.inner-hero{padding-block:46px 52px;background:var(--light);border-bottom:1px solid #dfe9ef}
.inner-breadcrumb{display:flex;gap:12px;margin:0 0 20px;color:var(--muted);font-size:.82rem}
.inner-breadcrumb a{color:var(--primary)}
.inner-hero h1{font-size:clamp(1.9rem,3.3vw,2.8rem);line-height:1.5;margin:0 0 18px;letter-spacing:normal}
.inner-hero-description{max-width:740px;margin:0;color:var(--muted);font-size:var(--section-description-size);line-height:1.9}
.catalog-product{padding-block:var(--section-space);border-bottom:1px solid #e5edf2;background:var(--white)}
.catalog-product:nth-of-type(odd){background:#f8fbfd}
.catalog-product-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:46px}
.catalog-copy{min-width:0}
.catalog-copy h2{font-family:var(--font-heading);font-size:var(--section-heading-size);font-weight:600;line-height:1.55;margin:0 0 18px}
.catalog-copy .product-description{max-width:620px}
.catalog-features{list-style:none;padding:0;margin:24px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
.catalog-features li{display:flex;align-items:flex-start;gap:9px;font-size:.92rem;line-height:1.8;color:var(--heading)}
.catalog-features li>span{color:var(--accent);font-size:.75rem;flex-shrink:0;margin-top:2px}
.catalog-product .product-visual{border:1px solid #dbe8f0;border-radius:18px;min-height:420px;padding:34px 24px;align-self:center}
.catalog-cta{padding-block:var(--section-space);background:var(--white)}
.catalog-cta-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--light);border:1px solid #d9e7f0;border-radius:18px;padding:34px 36px}
.catalog-cta h2{font-family:var(--font-heading);font-size:clamp(1.2rem,2vw,1.6rem);font-weight:500;line-height:1.7;margin:0 0 12px}
.catalog-cta p{margin:0;color:var(--muted);font-size:1rem;line-height:1.9}
.catalog-cta .button{flex-shrink:0}
@media(max-width:1000px){.catalog-product-grid{gap:28px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.catalog-product .product-visual{padding-inline:14px}.catalog-features{gap:10px}.catalog-features li{font-size:.85rem}}
@media(max-width:800px){.catalog-product-grid{grid-template-columns:1fr;gap:28px}.catalog-product .product-visual{width:100%;max-width:600px;justify-self:center;min-height:360px}.catalog-features li{font-size:.92rem}.catalog-cta-panel{flex-direction:column;align-items:flex-start;padding:28px}.inner-hero{padding-block:32px 40px}}
@media(max-width:480px){.catalog-features{grid-template-columns:1fr;gap:10px}.catalog-product .product-visual{padding:24px 12px;min-height:330px}.catalog-cta-panel{padding:26px 22px}.catalog-cta .button{width:100%}.inner-hero h1{font-size:1.8rem}}

/* صفحة آياتي التفصيلية: أقسام مزايا ووظائف ومساحة صور مؤقتة. */
.ayati-badge{display:inline-flex;padding:4px 12px;margin-bottom:15px;border:1px solid #cddfeb;border-radius:20px;color:var(--primary);background:#ffffff80;font-size:.8rem}
.ayati-hero .inner-hero-description{max-width:880px}
.ayati-benefits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding-block:var(--section-space)}
.ayati-benefit{padding:30px;border:1px solid #dfe9ef;border-radius:16px;background:linear-gradient(145deg,#fff,#f9fcfd)}
.ayati-feature-icon{display:grid;place-items:center;width:48px;height:48px;padding:11px;border-radius:12px;background:var(--light);color:var(--primary);margin-bottom:20px}
.ayati-benefit h2{font-family:var(--font-heading);font-size:1.15rem;font-weight:500;line-height:1.7;margin:0 0 13px}
.ayati-benefit p{margin:0;color:var(--muted);font-size:1rem;line-height:1.9}
.ayati-functions{padding-block:var(--section-space);border-block:1px solid #e3edf3;background:#f7fafc}
.ayati-functions h2,.ayati-screenshots h2{font-family:var(--font-heading);font-size:var(--section-heading-size);font-weight:600;line-height:1.65;margin:0 0 var(--section-heading-gap)}
.ayati-functions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0}
.ayati-functions-grid li{display:flex;align-items:center;gap:10px;padding:17px 15px;border:1px solid #dfe9ef;border-radius:10px;background:var(--white);font-size:.88rem;line-height:1.7}
.ayati-functions-grid li::before{content:'✓';color:var(--accent);font-size:.75rem;flex-shrink:0}
.ayati-screenshots{padding-block:var(--section-space)}
.ayati-screenshot-space .product-visual{min-height:490px;border:1px solid #dbe8f0;border-radius:20px;padding:42px;gap:22px}
.ayati-screenshot-space .saas-window{max-width:860px}
.ayati-screenshot-space .saas-toolbar{height:42px}
.ayati-screenshot-space .saas-address{font-size:.7rem;line-height:25px}
.ayati-screenshot-space .saas-body{min-height:360px}
.ayati-screenshot-space .saas-sidebar{width:135px;padding:22px 12px;gap:9px}
.ayati-screenshot-space .saas-sidebar>span:not(.saas-logo){font-size:.8rem;padding:6px 10px}
.ayati-screenshot-space .saas-logo{width:36px;height:36px;font-size:1rem}
.ayati-screenshot-space .saas-content{padding:24px}
.ayati-screenshot-space .saas-page-heading strong{font-size:1rem}
.ayati-screenshot-space .saas-metrics>div{padding:15px;gap:13px}
.ayati-screenshot-space .saas-metrics span{font-size:.75rem}
.ayati-screenshot-space .saas-panel{padding:18px}
.ayati-screenshot-space .saas-panel-heading{font-size:.8rem;margin-bottom:20px}
.ayati-screenshot-space .saas-progress{font-size:.75rem;margin-top:18px;gap:15px}
.ayati-screenshot-space .saas-progress>span{width:60px}
.ayati-screenshot-space .saas-progress>i{height:7px}
.ayati-screenshot-space .saas-bottom-row>span{font-size:.72rem;padding:10px}
.ayati-screenshot-space .product-preview-note{font-size:.8rem}
.ayati-cta{padding-block:0 var(--section-space)}
.ayati-cta h2{font-family:var(--font-heading);font-size:clamp(1.2rem,2vw,1.6rem);font-weight:500;line-height:1.7;margin:0 0 12px}
.ayati-cta p{margin:0;color:var(--muted);font-size:1rem;line-height:1.9}
.ayati-cta .button{flex-shrink:0}
@media(max-width:1000px){.ayati-functions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.ayati-functions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ayati-screenshot-space .product-visual{padding:28px;min-height:420px}.ayati-screenshot-space .saas-sidebar{width:100px}.ayati-screenshot-space .saas-content{padding:18px}.ayati-benefit{padding:25px}.ayati-cta .catalog-cta-panel{align-items:stretch}}
@media(max-width:640px){.ayati-benefits-grid{grid-template-columns:1fr;gap:18px}.ayati-benefit h2{font-size:1.06rem}.ayati-functions-grid{gap:10px}.ayati-functions-grid li{padding:13px 11px;font-size:.82rem}.ayati-screenshot-space .product-visual{padding:24px 12px;min-height:330px}.ayati-screenshot-space .saas-body{min-height:265px}.ayati-screenshot-space .saas-toolbar{height:34px}.ayati-screenshot-space .saas-address{font-size:.5rem;line-height:20px}.ayati-screenshot-space .saas-sidebar{width:61px;padding:15px 4px;gap:5px}.ayati-screenshot-space .saas-sidebar>span:not(.saas-logo){font-size:.54rem;padding:4px}.ayati-screenshot-space .saas-logo{width:28px;height:28px;font-size:.8rem}.ayati-screenshot-space .saas-content{padding:13px 8px}.ayati-screenshot-space .saas-page-heading strong{font-size:.65rem}.ayati-screenshot-space .saas-metrics>div{padding:6px 5px;gap:9px}.ayati-screenshot-space .saas-metrics span{font-size:.49rem}.ayati-screenshot-space .saas-panel{padding:8px}.ayati-screenshot-space .saas-panel-heading{font-size:.62rem;margin-bottom:14px}.ayati-screenshot-space .saas-progress{font-size:.56rem;margin-top:12px;gap:9px}.ayati-screenshot-space .saas-progress>span{width:39px}.ayati-screenshot-space .saas-progress>i{height:5px}.ayati-screenshot-space .saas-bottom-row>span{font-size:.55rem;padding:6px}.ayati-screenshot-space .product-preview-note{font-size:.6rem}.ayati-cta .button{width:100%}}
@media(max-width:400px){.ayati-functions-grid{grid-template-columns:1fr}}

/* صقر المدارس: تنسيق مشترك مع صفحات المنتجات، ومحتوى مالي وإداري فقط. */
.schools-hero-badges{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:15px}
.schools-hero-badges .ayati-badge{margin:0}
.schools-page .inner-hero-description{max-width:880px}
.schools-functions h2{margin-bottom:16px}
.schools-functions-description{max-width:850px;margin:0 0 var(--section-heading-gap);font-size:var(--section-description-size);line-height:1.9;color:var(--muted)}
.schools-case-study{padding-block:var(--section-space) 0;background:var(--white)}
.schools-case-panel{display:flex;align-items:center;gap:24px;padding:30px 34px;border:1px solid #d9e7f0;border-inline-start:3px solid var(--accent);border-radius:16px;background:var(--light)}
.schools-case-icon{display:grid;place-items:center;width:60px;height:60px;padding:14px;background:var(--white);border:1px solid #dbe8f0;border-radius:14px;color:var(--primary);flex-shrink:0}
.schools-case-panel h2{margin:0 0 10px;font-family:var(--font-heading);font-size:1.3rem;font-weight:500;line-height:1.6}
.schools-case-panel p{margin:0;color:var(--muted);font-size:1rem;line-height:1.9;max-width:900px}
.schools-screenshot-space .saas-table-head{font-size:.7rem;padding-bottom:10px}
.schools-screenshot-space .saas-table-row{min-height:36px}
.schools-screenshot-space .saas-status{font-size:.66rem;padding:3px 6px}
.schools-screenshot-space .saas-table-row>i{height:5px}
@media(max-width:640px){.schools-case-panel{flex-direction:column;align-items:flex-start;padding:24px;gap:18px}.schools-case-icon{width:48px;height:48px;padding:11px}.schools-case-panel h2{font-size:1.15rem}.schools-screenshot-space .saas-table-head{font-size:.5rem;padding-bottom:6px}.schools-screenshot-space .saas-table-row{min-height:26px}.schools-screenshot-space .saas-status{font-size:.44rem;padding:1px 3px}.schools-screenshot-space .saas-table-row>i{height:4px}}

/* صقر الحسابات: مزايا مالية ومساحة صور وفئات الاستخدام. */
.accounts-page .inner-hero-description{max-width:880px}
.accounts-functions h2{margin-bottom:16px}
.accounts-functions-description{max-width:850px;margin:0 0 var(--section-heading-gap);font-size:var(--section-description-size);line-height:1.9;color:var(--muted)}
.accounts-screenshot-space .saas-chart{height:130px;padding-inline:15px;gap:15px}
.accounts-screenshot-space .saas-chart>span{width:32px}
.accounts-audience{padding-block:0 var(--section-space)}
.accounts-audience h2{font-family:var(--font-heading);font-size:var(--section-heading-size);font-weight:600;line-height:1.65;margin:0 0 var(--section-heading-gap)}
.accounts-audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0;margin:0;list-style:none}
.accounts-audience-grid li{display:flex;align-items:flex-start;gap:12px;padding:24px;border:1px solid #dfe9ef;border-radius:14px;background:var(--light);font-size:1rem;line-height:1.9}
.accounts-audience-grid li>span{color:var(--accent);flex-shrink:0}
@media(max-width:800px){.accounts-audience-grid{grid-template-columns:1fr;gap:14px}.accounts-audience-grid li{padding:20px}}
@media(max-width:640px){.accounts-screenshot-space .saas-chart{height:87px;padding-inline:7px;gap:8px}.accounts-screenshot-space .saas-chart>span{width:18px}}

/* أعمالنا: فلاتر اختيارية وبطاقات الهوية المشتركة. */
.works-gallery{padding-block:var(--section-space)}
.work-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.work-filters[hidden]{display:none}
.work-filter{min-height:44px;padding:9px 18px;border:1px solid #dbe7ee;border-radius:8px;background:var(--white);color:var(--muted);font-size:.9rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}
.work-filter.is-selected{background:var(--primary);border-color:var(--primary);color:var(--white)}
.work-filter-status{margin:0 0 24px;color:var(--muted);font-size:.8rem}
.works-page .work-card[hidden]{display:none}
.work-filter-empty{padding:30px;text-align:center;color:var(--muted);background:var(--light);border-radius:12px}
.works-cta{padding-block:0 var(--section-space)}
.works-cta h2{font-family:var(--font-heading);font-size:clamp(1.2rem,2vw,1.6rem);font-weight:500;line-height:1.7;margin:0 0 12px}
.works-cta p{margin:0;color:var(--muted);font-size:1rem;line-height:1.9}
.works-cta .button{flex-shrink:0}
@media(hover:hover) and (pointer:fine){.work-filter:not(.is-selected):hover{background:var(--light);border-color:#adcbdc;color:var(--primary)}}
@media(max-width:640px){.work-filter{padding-inline:13px;font-size:.83rem}.work-filters{gap:8px}.works-cta .button{width:100%}.main-nav{gap:1.25rem;flex-wrap:wrap}}

/* من نحن: تعريف مختصر، قيم ومسار عمل ومنتجات مرتبطة بصفحاتها. */
.about-intro,.about-values,.about-process,.about-products{padding-block:var(--section-space)}
.about-intro-panel{display:grid;grid-template-columns:minmax(0,1fr) 160px;align-items:center;gap:50px}
.about-intro h2{font-family:var(--font-heading);font-size:var(--section-heading-size);font-weight:600;line-height:1.6;margin:0 0 18px}
.about-intro p{max-width:820px;color:var(--muted);font-size:var(--section-description-size);line-height:1.9;margin:0}
.about-brand-art{width:140px;height:140px;padding:22px;color:var(--primary);background:var(--light);border:1px solid #dae8f0;border-radius:32px;justify-self:center}
.about-values{background:#f7fafc;border-block:1px solid #e5edf2}
.about-process-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none}
.about-process-list li{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;font-family:var(--font-heading);font-size:.92rem;line-height:1.8}
.about-process-list li>span{display:grid;place-items:center;width:46px;height:46px;background:var(--light);border:1px solid #d7e6ef;border-radius:12px;color:var(--primary);font-family:var(--font-body);font-size:1.1rem}
.about-process-list li:not(:last-child)::after{content:'←';position:absolute;top:9px;inset-inline-start:calc(100% - 2px);color:#8cacc0;font-family:var(--font-body);font-size:1.1rem}
.about-products{background:#f7fafc;border-block:1px solid #e5edf2}
.about-product-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0 0 26px}
.about-product-list a{display:flex;align-items:center;gap:14px;padding:24px;background:var(--white);border:1px solid #dfe9ef;border-radius:14px}
.about-product-list a>span:first-child{display:grid;place-items:center;width:40px;height:40px;background:var(--light);border-radius:10px;color:var(--primary);font-size:1.2rem;flex-shrink:0}
.about-product-list h3{font-family:var(--font-heading);font-size:1rem;font-weight:500;line-height:1.7;margin:0}
.about-product-arrow{margin-inline-start:auto;color:var(--accent);font-size:1.2rem}
.about-cta{padding-block:var(--section-space)}
.about-cta h2{font-family:var(--font-heading);font-size:clamp(1.2rem,2vw,1.6rem);font-weight:500;line-height:1.7;margin:0 0 12px}
.about-cta p{margin:0;color:var(--muted);font-size:1rem;line-height:1.9;max-width:780px}
.about-cta .button{flex-shrink:0}
@media(hover:hover) and (pointer:fine){.about-product-list a:hover{border-color:#adcbdc;background:#fcfdfe}}
@media(max-width:1100px){.main-nav{gap:1.2rem;font-size:.87rem}.about-product-list a{padding:20px;gap:10px}}
@media(max-width:900px){.about-process-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.about-process-list li:nth-child(3)::after{display:none}.about-product-list{grid-template-columns:1fr}.about-intro-panel{gap:30px;grid-template-columns:minmax(0,1fr) 120px}.about-brand-art{width:110px;height:110px;padding:17px;border-radius:26px}}
@media(max-width:640px){.about-intro-panel{grid-template-columns:1fr;gap:28px}.about-brand-art{justify-self:start;width:90px;height:90px;padding:14px;border-radius:22px}.about-process-list{grid-template-columns:1fr;gap:22px}.about-process-list li{flex-direction:row;gap:18px;text-align:start}.about-process-list li:not(:last-child)::after{content:'↓';display:block;top:40px;inset-inline-start:18px}.about-products-button,.about-cta .button{width:100%}.main-nav{gap:1.25rem;font-size:.93rem}}

/* صفحة التواصل ونموذج المعاينة دون إرسال فعلي. */
.contact-channels{padding-block:var(--section-space) 32px}
.contact-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.contact-channel{display:flex;align-items:center;gap:14px;padding:24px;border:1px solid #dfe9ef;border-radius:14px;background:var(--white)}
.contact-channel-icon{display:grid;place-items:center;width:44px;height:44px;padding:11px;flex-shrink:0;background:var(--light);color:var(--primary);border-radius:12px}
.contact-channel>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
.contact-channel strong{display:block;font-family:var(--font-heading);font-size:.9rem;font-weight:500;margin-bottom:5px}
.contact-channel>span>span{display:block;color:var(--muted);font-size:.88rem}
.contact-channel-arrow{margin-inline-start:auto;color:var(--accent);font-size:1.1rem}
.contact-project{padding-block:0 var(--section-space)}
.contact-form-panel{max-width:960px;padding:36px 40px;border:1px solid #dfe9ef;border-radius:18px;background:#fbfdfe}
.contact-form-panel h2{font-family:var(--font-heading);font-size:var(--section-heading-size);font-weight:600;line-height:1.6;margin:0 0 16px}
.contact-preview-note{margin:0 0 26px;padding:12px 16px;background:var(--light);border-radius:8px;color:var(--muted);font-size:.88rem;line-height:1.9}
.contact-no-script{color:var(--primary);line-height:1.9}
.contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}
.contact-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.contact-field-full{grid-column:1 / -1}
.contact-field[hidden],.contact-success[hidden]{display:none}
.contact-field label{font-weight:500;font-size:.95rem}
.contact-field label>span{color:var(--accent)}
.contact-field label small{font-size:.75rem;font-weight:400;color:var(--muted);margin-inline-start:6px}
.contact-field input,.contact-field select,.contact-field textarea{width:100%;min-width:0;min-height:48px;padding:11px 13px;border:1px solid #ccdce7;border-radius:8px;background:var(--white);color:var(--heading);font-family:var(--font-body);font-size:1rem;line-height:1.6;transition:border-color .15s ease,box-shadow .15s ease}
.contact-field input::placeholder,.contact-field textarea::placeholder{color:#8296a3;opacity:1;font-size:.87rem}
.contact-field textarea{resize:vertical;min-height:150px}
.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{outline:2px solid #4e93b833;outline-offset:2px;border-color:var(--accent)}
.contact-field [aria-invalid=true]{border-color:#a33e42}
.field-error{color:#943c41;font-size:.8rem;line-height:1.7}
.field-error:empty{display:none}
.field-help{color:var(--muted);font-size:.78rem;line-height:1.8}
.contact-field input[type=file]{padding:12px;background:var(--light);font-size:.85rem}
.contact-field input[type=file]::file-selector-button{font:inherit;color:var(--primary);background:var(--white);border:1px solid #cbdde9;border-radius:5px;padding:6px 12px;margin-inline-end:12px;cursor:pointer}
.contact-submit-row{display:flex;align-items:center;gap:20px;margin-top:28px}
.contact-submit-row>span{font-size:.8rem;color:var(--muted)}
.contact-submit-row .button:disabled{opacity:.55}
.contact-success{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:28px;border:1px solid #d5e5ef;border-radius:12px;background:var(--light)}
.contact-success-icon{display:grid;place-items:center;width:44px;height:44px;background:var(--primary);color:white;border-radius:50%;font-size:1.3rem}
.contact-success strong{font-size:1.1rem;font-weight:500;line-height:1.9}
.contact-success p{margin:0;color:var(--muted);font-size:.9rem}
.contact-success:focus{outline:2px solid var(--accent);outline-offset:4px}
.contact-direct{padding-block:0 var(--section-space)}
.contact-direct h2{font-family:var(--font-heading);font-size:clamp(1.2rem,2vw,1.6rem);font-weight:500;line-height:1.7;margin:0}
.contact-direct-actions{display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:1100px){.main-nav{gap:.9rem;font-size:.83rem}.header-inner{gap:1.2rem}.contact-channel{padding:20px;gap:10px}.contact-channel-arrow{display:none}}
@media(max-width:900px){.contact-channel-grid{grid-template-columns:1fr;gap:14px}.contact-channel-arrow{display:block}.contact-channel{padding:20px 24px}}
@media(max-width:640px){.contact-form-panel{padding:28px 22px}.contact-form-grid{grid-template-columns:1fr;gap:18px}.contact-submit-row{flex-direction:column;align-items:stretch;gap:12px}.contact-submit-row .button{width:100%}.contact-direct-actions{width:100%}.contact-direct-actions .button{width:100%;flex:none}.main-nav{gap:1.1rem;font-size:.9rem}.contact-success{padding:22px}.contact-success strong{font-size:1rem}}

/* موافقة التواصل: إضافة مستقلة قبل الإرسال دون تغيير الحقول الحالية. */
.contact-consent{margin-top:24px}
.contact-consent-line{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px 10px;font-size:.9rem;line-height:1.9}
.contact-consent-line input{width:18px;height:18px;flex-shrink:0;margin:5px 0 0;accent-color:var(--primary);cursor:pointer}
.contact-consent-line label{flex:1;min-width:180px;cursor:pointer}
.contact-consent-line a{color:var(--primary);text-decoration:underline;text-underline-offset:4px}
.contact-consent .field-error{display:block;margin-top:7px}
.contact-consent .field-error:empty{display:none}
.contact-consent-line input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.contact-consent-line input[aria-invalid=true]{outline:1px solid #943c41;outline-offset:2px}

/* حقل مصيدة آلي غير مرئي؛ لا يغيّر تصميم النموذج. */
.contact-trap{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
/* الشعار الرئيسي */
.brand {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.brand .brand-logo {
    display: block !important;
    width: 110px !important;
    height: 74px !important;
    max-width: 110px !important;
    max-height: 74px !important;
    object-fit: contain !important;
}

/* الجوال */
@media (max-width: 600px) {
    .brand .brand-logo {
        width: 90px !important;
        height: 62px !important;
        max-width: 90px !important;
        max-height: 62px !important;
    }
}
/* =========================================================
   معرض صور منصة آياتي - الحجم المتوازن النهائي
   ========================================================= */

.ayati-screenshots .container {
    max-width: 1180px !important;
}

.ayati-screenshots-intro {
    max-width: 760px;
    margin: 0 0 26px;
    color: var(--muted);
    font-size: 1rem;
    line-height: 1.9;
}

/* =========================
   الصورة الرئيسية
   ========================= */

.ayati-showcase-main {
    width: 100% !important;
    max-width: 500px !important;
    margin: 0 auto 32px !important;
}

.ayati-showcase-main .ayati-showcase-image {
    width: 100% !important;
    height: 280px !important;
    max-height: 280px !important;
    overflow: hidden !important;

    background: #fff;
    border: 1px solid #d6e2e8 !important;
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(20, 56, 76, 0.08) !important;
}

.ayati-showcase-main .ayati-showcase-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;

    max-width: 100% !important;
    max-height: none !important;

    object-fit: cover !important;
    object-position: top center !important;
}

.ayati-showcase-main figcaption {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-top: 10px;
}

.ayati-showcase-main figcaption strong {
    color: var(--heading);
    font-size: 1rem;
    font-weight: 700;
}

.ayati-showcase-main figcaption span {
    color: var(--muted);
    font-size: .86rem;
    line-height: 1.7;
}

/* =========================
   الصور الثلاث
   ========================= */

.ayati-showcase-grid {
    width: 100% !important;
    max-width: 740px !important;
    margin: 0 auto !important;

    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
}

.ayati-showcase-card {
    margin: 0 !important;
    min-width: 0 !important;
}

.ayati-showcase-card .ayati-showcase-image {
    width: 100% !important;
    height: 155px !important;
    max-height: 155px !important;
    overflow: hidden !important;

    background: #fff;
    border: 1px solid #d6e2e8 !important;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(20, 56, 76, 0.08) !important;
}

.ayati-showcase-card .ayati-showcase-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;

    max-width: 100% !important;
    max-height: none !important;

    object-fit: cover !important;
    object-position: top center !important;
}

.ayati-showcase-card figcaption {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-top: 9px;
}

.ayati-showcase-card figcaption strong {
    color: var(--heading);
    font-size: .94rem;
    font-weight: 700;
}

.ayati-showcase-card figcaption span {
    color: var(--muted);
    font-size: .82rem;
    line-height: 1.65;
}

/* =========================
   التابلت
   ========================= */

@media (max-width: 900px) {

    .ayati-showcase-main {
        max-width: 500px !important;
    }

    .ayati-showcase-main .ayati-showcase-image {
        height: 280px !important;
        max-height: 280px !important;
    }

    .ayati-showcase-grid {
        max-width: 520px !important;
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    .ayati-showcase-card .ayati-showcase-image {
        height: 280px !important;
        max-height: 280px !important;
    }
}

/* =========================
   الجوال
   ========================= */

@media (max-width: 600px) {

    .ayati-screenshots .container {
        padding-inline: 16px;
    }

    .ayati-showcase-main {
        max-width: 100% !important;
    }

    .ayati-showcase-main .ayati-showcase-image {
        height: 215px !important;
        max-height: 215px !important;
        border-radius: 11px;
    }

    .ayati-showcase-grid {
        max-width: 100% !important;
    }

    .ayati-showcase-card .ayati-showcase-image {
        height: 215px !important;
        max-height: 215px !important;
        border-radius: 11px;
    }

    .ayati-screenshots-intro {
        font-size: .92rem;
        margin-bottom: 20px;
    }

    .ayati-showcase-main figcaption strong,
    .ayati-showcase-card figcaption strong {
        font-size: .95rem;
    }

    .ayati-showcase-main figcaption span,
    .ayati-showcase-card figcaption span {
        font-size: .82rem;
    }
}