/* Al-Aseel digital identity — scoped public interface */
.aseel-v2{--brand-ink:#132d42;--brand-muted:#526575;--brand-primary:#0867a8;--brand-hover:#07578e;--brand-accent:#25afc1;--brand-canvas:#f5f8fb;--brand-border:#dce5ec;color:var(--brand-ink);background:#fff;font-size:16px;line-height:1.8;color-scheme:light}
.aseel-v2 .container{width:min(1200px,calc(100% - 48px))}.aseel-v2 h1,.aseel-v2 h2,.aseel-v2 h3{letter-spacing:normal;text-wrap:balance}.aseel-v2 p{overflow-wrap:break-word}.aseel-v2 .section{padding-block:72px}.aseel-v2 .section h2{font-size:clamp(1.7rem,3vw,2.65rem);line-height:1.4}.aseel-v2 .eyebrow{letter-spacing:normal;color:var(--brand-primary);font-size:.85rem}.aseel-v2 .btn,.aseel-v2 .header-cta{min-height:48px;border-radius:12px;line-height:1.5;padding:12px 22px;transition:background .15s,border-color .15s;cursor:pointer}.aseel-v2 .btn-primary,.aseel-v2 .header-cta{background:var(--brand-primary);color:#fff}.aseel-v2 .btn-primary:hover,.aseel-v2 .header-cta:hover{background:var(--brand-hover)}.aseel-v2 :focus-visible{outline:3px solid #1682bb;outline-offset:4px}.aseel-v2 input,.aseel-v2 textarea,.aseel-v2 select{font:inherit;accent-color:var(--brand-primary)}
.aseel-v2 .service-bar{background:#132d42}.aseel-v2 .nav-row{min-height:88px;gap:24px}.aseel-v2 .brand{width:210px}.aseel-v2 .brand img{height:68px}.aseel-v2 .main-nav{gap:19px;font-size:.9rem}.aseel-v2 .main-nav a{padding-block:22px}.aseel-v2 .site-header{background:#fff;backdrop-filter:none}.aseel-v2 .page-hero,.aseel-v2 .svc-hero{padding-block:56px;background:#f5f8fb;border-bottom:1px solid var(--brand-border)}.aseel-v2 .page-hero h1,.aseel-v2 .svc-hero h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.35;margin-bottom:16px}.aseel-v2 .page-hero p:not(.eyebrow){color:var(--brand-muted)}
.aseel-v2 .hero{min-height:auto;padding:72px 0;background:linear-gradient(120deg,#fff 35%,#edf6fa);color:var(--brand-ink)}.aseel-v2 .hero:before{display:none}.aseel-v2 .hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px}.aseel-v2 .hero h1{font-size:clamp(2.2rem,4.4vw,4rem);line-height:1.35;letter-spacing:normal}.aseel-v2 .hero .lead{color:var(--brand-muted);font-size:1.1rem;line-height:1.9;margin:22px 0 28px}.aseel-v2 .hero .eyebrow{color:var(--brand-primary)}.aseel-v2 .hero .btn-ghost{color:var(--brand-primary);border-color:#b5ccdc;background:#fff}.aseel-v2 .hero-proof{gap:20px;margin-top:28px}.aseel-v2 .hero-proof span{color:var(--brand-muted)}.aseel-v2 .hero-scroll{display:none}
.aseel-v2 .brand-overview{background:#132d42;border-radius:24px;padding:30px;color:#fff;box-shadow:0 20px 55px #132d4214;position:relative;overflow:hidden}.aseel-v2 .brand-overview-top{display:flex;align-items:center;gap:16px;padding-bottom:24px;border-bottom:1px solid #ffffff26}.aseel-v2 .brand-overview-top img{width:58px;height:58px;object-fit:contain;background:#fff;border-radius:14px;padding:6px}.aseel-v2 .brand-overview-top strong{font-size:1.2rem}.aseel-v2 .brand-overview-top small{display:block;color:#b8d5e5;font-size:.85rem}.aseel-v2 .brand-cap-list{display:grid;gap:0;margin:12px 0 0}.aseel-v2 .brand-cap-row{display:flex;gap:16px;align-items:center;padding:17px 0;border-bottom:1px solid #ffffff17}.aseel-v2 .brand-cap-row:last-child{border:0}.aseel-v2 .brand-cap-row svg{width:25px;height:25px;flex:none;color:#70d3df}.aseel-v2 .brand-cap-row small{display:block;color:#b8d5e5;font-size:.8rem}
.aseel-v2 .path-card{min-height:300px;border-radius:16px;padding:26px;border-color:var(--brand-border)}.aseel-v2 .path-card:after{display:none}.aseel-v2 .path-card:hover,.aseel-v2 .category-grid a:hover,.aseel-v2 .content-card:hover,.aseel-v2 .product-card:hover,.aseel-v2 .client-logo-card:hover{transform:none;border-color:#8bafc9;box-shadow:0 8px 28px #132d420d}.aseel-v2 .path-card .path-icon{margin-top:14px;width:46px;height:46px}.aseel-v2 .path-icon svg{width:24px;height:24px}.aseel-v2 .path-card h3{margin:18px 0 8px;font-size:1.35rem}.aseel-v2 .path-build{background:var(--brand-primary)}.aseel-v2 .path-build p,.aseel-v2 .path-build b,.aseel-v2 .path-build .path-number{color:#fff}.aseel-v2 .capability-grid article{min-height:205px;padding:26px}.aseel-v2 .capability-grid h3{margin-top:28px}.aseel-v2 .category-grid a{min-height:155px;border-radius:16px}.aseel-v2 .category-grid a:after{display:none}.aseel-v2 .category-grid h3{margin-top:20px}
.aseel-v2 .systems{background:#132d42}.aseel-v2 .systems .eyebrow,.aseel-v2 .company-strip .eyebrow{color:#91dce7}.aseel-v2 .systems-grid{gap:44px}.aseel-v2 .software-window{background:#193a52;box-shadow:none;border-color:#416074}.aseel-v2 .window-body{padding:28px}.aseel-v2 .home-records a{padding:18px}.aseel-v2 .home-records li:before{display:none}.aseel-v2 .home-records small{font-size:.9rem;line-height:1.8}.aseel-v2 .proof-grid{grid-template-columns:1fr 1fr}.aseel-v2 .proof-grid article{padding:28px}.aseel-v2 .proof-placeholder{height:auto;min-height:120px;padding:22px;border-style:solid;background:#f5f8fb}.aseel-v2 .proof-placeholder i{display:none}.aseel-v2 .proof-placeholder p{font-size:1rem}.aseel-v2 .training-card{padding:40px;background:#eef7f9;border-radius:20px}.aseel-v2 .company-strip{background:#0867a8}.aseel-v2 .company-strip .container{gap:30px}
.aseel-v2 .svc-home-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.aseel-v2 .svc-home-links a{display:flex;align-items:center;justify-content:space-between;min-height:90px;padding:20px;border-radius:16px;color:var(--brand-ink);font-weight:600}.aseel-v2 .svc-card,.aseel-v2 .content-card,.aseel-v2 .product-card{border-radius:16px;box-shadow:0 6px 24px #132d4207}.aseel-v2 .svc-card h2,.aseel-v2 .content-card h2,.aseel-v2 .product-copy h2{font-size:1.25rem;line-height:1.6}.aseel-v2 .content-card h2{margin-top:22px}.aseel-v2 .product-visual{min-height:260px;background:#f7f9fb;padding:16px}.aseel-v2 .product-visual img{height:250px;object-fit:contain}.aseel-v2 .product-visual:hover img{transform:none}.aseel-v2 .product-copy{padding:22px}.aseel-v2 .product-add-button{background:var(--brand-primary)}.aseel-v2 .product-add-button.is-added{background:#167451}.aseel-v2 .content-card-image,.aseel-v2 .system-gallery img{object-fit:contain;background:#f5f8fb}.aseel-v2 .svc-form-wrap{border-radius:18px;box-shadow:0 8px 28px #132d4208}.aseel-v2 .svc-form-wrap input:not([type=checkbox]),.aseel-v2 .svc-form-wrap select{min-height:48px}.aseel-v2 .svc-options label{min-height:56px}.aseel-v2 .prose{line-height:1.95;max-width:800px}
.aseel-v2 #smart-configurator{--cfg-primary:#0867a8;--cfg-ink:#132d42;--cfg-border:#dce5ec;--cfg-soft:#f5f8fb;--cfg-muted:#526575;--cfg-card:#fff;--n:#132d42;--l:#dce5ec;--b:#0867a8;--soft:#f5f8fb;max-width:1100px;background:#fff;border-radius:20px;box-shadow:0 12px 36px #132d4209}.aseel-v2 #smart-configurator .section{padding:0!important}.aseel-v2 #smart-configurator .wizard-body{padding:32px}.aseel-v2 #smart-configurator .wizard-actions{background:#f8fafc;padding:18px 28px}.aseel-v2 #smart-configurator .title{font-size:clamp(1.6rem,3vw,2.1rem)!important}.aseel-v2 #smart-configurator .choice,.aseel-v2 #smart-configurator .card,.aseel-v2 #smart-configurator .box,.aseel-v2 #smart-configurator .device-tabs button{background:#fff!important;color:#132d42!important}.aseel-v2 #smart-configurator button.choice.selected,.aseel-v2 #smart-configurator .card.selected{background:#edf6fc!important;box-shadow:0 0 0 2px #cde5f4!important}.aseel-v2 #smart-configurator .help,.aseel-v2 #smart-configurator .card small,.aseel-v2 #smart-configurator .section-head p{color:#526575!important}.aseel-v2 #smart-configurator .fields input{background:#fff!important;color:#132d42!important}.aseel-v2 #smart-configurator .empty,.aseel-v2 #smart-configurator .system,.aseel-v2 #smart-configurator .acc-options{background:#f5f8fb!important;color:#132d42!important}.aseel-v2 #smart-configurator .mini-summary{background:#f5f8fb!important;color:#132d42!important;box-shadow:none!important}.aseel-v2 #smart-configurator .notice{background:#edf8f3!important;color:#176344!important}.aseel-v2 #smart-configurator .qty button{width:44px!important;height:44px!important}.aseel-v2 #smart-configurator .device-tabs button.active{background:#132d42!important;color:#fff!important}.aseel-v2 #smart-configurator .quote-heading{border-color:#0867a8}.aseel-v2 #smart-configurator .setup-steps{padding:20px!important;margin:0 0 24px!important;background:#f5f8fb}.aseel-v2 #smart-configurator .mini,.aseel-v2 #smart-configurator .copy{min-height:44px}.aseel-v2 #smart-configurator .setup-compare{background:#f8fafc}
.aseel-v2 .site-footer{background:#132d42;padding-top:48px}.aseel-v2 .footer-logo{width:210px;height:78px}.aseel-v2 .footer-grid{gap:36px}.aseel-v2 .footer-contact a{overflow-wrap:anywhere;max-width:100%}.aseel-v2 .copyright{border-color:#ffffff20}.aseel-v2 .whatsapp-float{background:#137a46}
@media(max-width:1050px){.aseel-v2 .brand{width:170px}.aseel-v2 .main-nav{gap:12px;font-size:.82rem}.aseel-v2 .hero-grid{gap:28px}.aseel-v2 .hero h1{font-size:2.6rem}.aseel-v2 .brand-overview{padding:24px}.aseel-v2 .svc-home-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.aseel-v2 .container{width:calc(100% - 32px)}.aseel-v2 .section{padding-block:44px}.aseel-v2 .nav-row{min-height:76px}.aseel-v2 .brand{width:174px}.aseel-v2 .brand img{height:60px}.aseel-v2 .main-nav{inset-block-start:76px}.aseel-v2 .main-nav a{padding:12px}.aseel-v2 .hero{padding:42px 0}.aseel-v2 .hero-grid{grid-template-columns:1fr;gap:28px}.aseel-v2 .hero h1{font-size:clamp(2rem,7vw,2.8rem)}.aseel-v2 .hero-proof{display:flex;gap:12px 22px}.aseel-v2 .hero-proof span{font-size:.8rem}.aseel-v2 .brand-overview{padding:22px}.aseel-v2 .brand-cap-list{grid-template-columns:1fr 1fr;gap:10px}.aseel-v2 .brand-cap-row{align-items:flex-start;border:0;padding:12px 0;gap:10px;font-size:.9rem}.aseel-v2 .brand-cap-row small{font-size:.75rem}.aseel-v2 .path-grid,.aseel-v2 .proof-grid,.aseel-v2 .svc-home-links{grid-template-columns:1fr}.aseel-v2 .path-card{min-height:240px}.aseel-v2 .training-card{padding:24px;gap:24px}.aseel-v2 .page-hero,.aseel-v2 .svc-hero{padding-block:36px}.aseel-v2 .footer-grid{gap:28px}.aseel-v2 #smart-configurator .wizard-body{padding:22px 16px}.aseel-v2 #smart-configurator .wizard-actions{padding:14px 16px;flex-wrap:wrap}.aseel-v2 #smart-configurator .wizard-actions .btn{flex:1}.aseel-v2 #wizard-message:not(:empty){order:3;flex-basis:100%;text-align:center}.aseel-v2 #smart-configurator .setup-steps{padding:12px!important}.aseel-v2 #smart-configurator .card{grid-template-columns:64px minmax(0,1fr)!important}.aseel-v2 #smart-configurator .card .thumb{width:64px!important;height:64px!important}.aseel-v2 #smart-configurator .card .qty{grid-column:2;justify-content:flex-start}.aseel-v2 #smart-configurator .card .select-one{grid-column:2}.aseel-v2 .company-strip .container{gap:20px}}
@media(prefers-reduced-motion:reduce){.aseel-v2 *,.aseel-v2 *:before,.aseel-v2 *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.aseel-v2 .site-header,.aseel-v2 .site-footer,.aseel-v2 .service-bar,.aseel-v2 .whatsapp-float{display:none}.aseel-v2{background:#fff;color:#000}.aseel-v2 .container{width:100%}}

.aseel-v2 .brand{height:68px;overflow:visible;display:flex;align-items:center;flex-shrink:0;max-width:calc(100% - 72px)}.aseel-v2 .brand img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;transform:none}.aseel-v2 .brand-footer-frame{display:block;width:210px;height:78px;overflow:visible;border-radius:12px;background:#fff}.aseel-v2 .brand-footer-frame .footer-logo{display:block;width:100%;height:100%;object-fit:contain;transform:none;padding:4px;border-radius:12px}
@media(max-width:780px){.aseel-v2 .brand{height:60px}.aseel-v2 .brand img{transform:none}}

.aseel-v2 #smart-configurator button.choice[data-activity]{display:flex!important;align-items:center;gap:14px;min-height:86px!important}.aseel-v2 .activity-glyph{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:#edf5fa;color:#0867a8}.aseel-v2 #smart-configurator button.choice[aria-pressed="true"]:after{content:"✓";margin-inline-start:auto;color:#0867a8;font-weight:800}.aseel-v2 #smart-configurator .project-extra-cards .qty input{width:70px;max-width:100%;text-align:center}.aseel-v2 #smart-configurator button:disabled{cursor:default;opacity:.55}

/* Compact bilingual navigation */
.aseel-v2 .main-nav .nav-icon{display:none;flex:none}.aseel-v2 .main-nav a[aria-current="page"]{color:#0867a8;border-bottom-color:#0867a8}.aseel-v2 .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}.aseel-v2 .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.aseel-v2 .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
@media(max-width:780px){.aseel-v2 .main-nav{align-items:stretch;gap:4px;padding:12px 16px 16px;max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;border-radius:0 0 18px 18px;box-shadow:0 14px 28px #132d4217}.aseel-v2 .main-nav a{display:flex;align-items:center;gap:14px;min-height:54px;padding:12px 16px;border:0;border-radius:12px;font-size:16px;line-height:1.5;font-weight:600;text-align:start}.aseel-v2 .main-nav .nav-icon{display:block;color:#47748f}.aseel-v2 .main-nav a:hover,.aseel-v2 .main-nav a[aria-current="page"]{background:#edf5fa;color:#0867a8}.aseel-v2 .main-nav .nav-feature{order:-1;background:#0867a8;color:#fff;margin-bottom:6px;min-height:56px}.aseel-v2 .main-nav .nav-feature:hover,.aseel-v2 .main-nav .nav-feature[aria-current="page"]{background:#07578e;color:#fff}.aseel-v2 .main-nav .nav-feature .nav-icon{color:#fff}.aseel-v2 .menu-toggle{border-radius:10px;background:#f0f5f8}.aseel-v2 .menu-toggle span{transition:transform .15s,opacity .15s}}

/* Logo presentation: full artwork, balanced spacing */
.aseel-v2 .brand{width:220px;height:70px;display:flex;align-items:center;overflow:visible}.aseel-v2 .brand img{width:100%;height:100%;object-fit:contain;transform:none}.aseel-v2 .brand-footer-frame{width:240px;max-width:100%;height:90px;background:transparent;border-radius:0;overflow:visible;isolation:isolate}.aseel-v2 .brand-footer-frame .footer-logo{width:100%;height:100%;padding:0;border-radius:0;background:transparent;object-fit:contain;transform:none;filter:grayscale(1) invert(1) brightness(3);mix-blend-mode:screen}.aseel-v2 .site-footer .footer-grid>div:first-child>p{max-width:34ch;margin-block:20px;color:#c5d9e5}.aseel-v2 .site-footer .aseel-social-caption{margin-block:24px 12px!important;font-size:.85rem}.aseel-v2 .site-footer .footer-grid{align-items:start}.aseel-v2 .brand-footer-frame+.footer-brand-line{display:none}
@media(max-width:1050px){.aseel-v2 .brand{width:180px;height:64px}}
@media(max-width:780px){.aseel-v2 .brand{width:190px;height:62px;max-width:calc(100% - 72px)}.aseel-v2 .brand-footer-frame{width:224px;height:84px}.aseel-v2 .site-footer{padding-top:36px}.aseel-v2 .site-footer .footer-grid{gap:30px}.aseel-v2 .menu-toggle{width:44px;height:44px;padding:10px}}

.aseel-v2 .brand img,.aseel-v2 .brand-footer-frame .footer-logo{object-fit:cover;object-position:center}.aseel-v2 .brand-footer-frame .footer-logo{filter:brightness(0) invert(1);mix-blend-mode:normal}
