/* NextGen 2.0 page system - uses original NextGen design tokens */
.desktop-nav{gap:21px}.desktop-nav a{white-space:nowrap}.desktop-nav a[aria-current="page"]{color:#8ee8df}.nav-actions{display:flex;align-items:center;gap:12px}.lang-switch{font-size:13px;font-weight:800;color:#91e2e0;border:1px solid #526779;border-radius:4px;padding:7px 10px}.lang-switch:hover{background:#243949}.page-banner{padding:115px 0 108px;position:relative;overflow:hidden;background:radial-gradient(circle at 88% 30%,#173752,#081322 60%)}.page-banner:after{content:"";position:absolute;width:400px;height:400px;border:1px solid #6c96bb2b;border-radius:50%;right:-120px;top:-130px;box-shadow:0 0 0 60px #4d94bc0a,0 0 0 120px #4d94bc08;pointer-events:none}.page-banner .container{position:relative;z-index:1}.page-banner h1{font-size:clamp(44px,6vw,76px);letter-spacing:-4px;line-height:1.1;max-width:840px;margin:28px 0 25px}.page-banner p:not(.eyebrow){max-width:650px;color:#aabfd0;font-size:17px}.page-section{padding:100px 0;background:#f8f9f6}.section-muted{background:#eaf0f0}.section-title{font-size:clamp(32px,4vw,56px);line-height:1.18;letter-spacing:-2px;max-width:790px;margin:20px 0 42px}.feature-stack{border-top:1px solid #cbd7d7}.feature-line{padding:44px 0;display:grid;grid-template-columns:85px 1fr auto;gap:30px;border-bottom:1px solid #cbd7d7;align-items:start}.feature-n{color:#52819a;font:700 13px Manrope}.feature-line h2{font-size:clamp(22px,3vw,33px);letter-spacing:-1px}.feature-line p{max-width:680px;color:#677988}.feature-tags{display:inline-block;font:700 10px/1.6 Manrope,sans-serif;color:#477c94;letter-spacing:1.2px;text-transform:uppercase}.feature-line .text-link{margin-top:10px;white-space:nowrap;color:#2d7897}.three-grid,.product-grid,.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.three-grid article,.article-card,.product-card{background:#fff;border:1px solid #dbe3e5;padding:35px;min-width:0;transition:transform .2s,border-color .2s}.three-grid article:hover,.article-card:hover,.product-card:hover{border-color:#8bb9c5;transform:translateY(-3px)}.three-grid span{color:#47819a;font-weight:700;font-size:12px}.three-grid h3,.product-card h2,.article-card h2{font-size:23px;line-height:1.3;margin:18px 0 12px;letter-spacing:-.8px}.three-grid p,.product-card p,.article-card p{color:#697c88;font-size:14px;line-height:1.8}.cta-grid{display:flex;align-items:center;justify-content:space-between;gap:35px}.next-cta{padding:80px 0;background:#0d2638}.next-cta h2{font-size:clamp(34px,4vw,55px);letter-spacing:-2px;margin:14px 0}.next-cta p:not(.eyebrow){color:#99acbd;margin:0}.next-cta em{color:#8addd7}.next-cta .button{flex-shrink:0}.notice{padding:20px 24px;background:#e6f1f2;border-inline-start:4px solid #4e9aaf;color:#30536a;margin-bottom:35px;font-size:14px}.work-grid{display:grid;gap:26px}.work-card{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #dbe3e5;background:white;min-height:355px}.work-card:nth-child(even) .work-art{order:2}.work-details{padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.work-details h2{font-size:clamp(24px,3vw,36px);line-height:1.2;letter-spacing:-1.3px;margin:22px 0 15px}.work-details p{color:#617783}.work-details .text-link{margin-top:20px;color:#247e9d}.work-art{display:grid;place-items:center;min-height:355px;background:radial-gradient(circle at 60% 40%,#326a86,#0e263e 68%);position:relative;overflow:hidden}.work-art:before,.work-art:after{content:"";position:absolute;border:1px solid #93c6d155;border-radius:24%;width:290px;height:290px;transform:rotate(35deg)}.work-art:after{width:205px;height:205px;transform:rotate(65deg)}.work-ai{background:radial-gradient(circle,#326a7c,#102f4c 66%)}.work-net{background:radial-gradient(circle at 45% 65%,#1f8a99,#102039 68%)}.work-art-center{z-index:1;background:#0e273dcf;border:1px solid #91dbdb55;padding:30px;display:flex;flex-direction:column;min-width:220px;gap:10px;color:#b2e9ee;box-shadow:0 25px 70px #0005}.work-art-center span{font-size:9px;letter-spacing:2px}.work-art-center strong{font-size:13px;letter-spacing:1px}.work-art-center i{font-style:normal;font-size:23px;align-self:flex-end}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-symbol{display:inline-grid;place-items:center;width:70px;height:70px;border:1px solid #d0e1e7;background:#e9f3f4;color:#32839a;font-size:35px}.product-card .text-link{color:#257d97;margin-top:15px}.article-card h2{min-height:70px}.section-note{font-size:13px;color:#617787;margin-top:30px}.about-story{display:grid;grid-template-columns:1fr 1fr;gap:8%}.about-story .large-copy{font-size:24px;line-height:1.5;color:#294459}.about-story p{color:#62788a}.readable{max-width:820px}.readable h2{font-size:24px;margin-top:35px}.readable p{color:#516978}.readable a{color:#176c92;text-decoration:underline}.contact-page{background:#081322}.footer-top{grid-template-columns:1.6fr .65fr .8fr}.footer-column{display:flex;flex-direction:column;gap:12px;color:#a2b5c5;font-size:13px}.footer-column strong{color:#eff8fa;margin-bottom:8px}.footer-column a:hover{color:#87e4df}.hero-ar h1{letter-spacing:-2px}.hero-ar em{color:#8ae3d9;font-style:normal}html[dir="rtl"] body{font-family:Tajawal,'DM Sans',sans-serif}html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{font-family:Tajawal,Manrope,sans-serif;letter-spacing:0}html[dir="rtl"] .eyebrow{letter-spacing:0;font-size:13px}html[dir="rtl"] .page-banner:after{right:auto;left:-120px}html[dir="rtl"] .work-card:nth-child(even) .work-art{order:2}html[dir="rtl"] .feature-tags{text-transform:none;letter-spacing:0}html[dir="rtl"] .text-link{flex-direction:row}html[dir="rtl"] .mobile-nav{text-align:right}
@media(max-width:1150px){.desktop-nav{gap:13px;font-size:12px}.header-cta{display:none}.feature-line{grid-template-columns:45px 1fr}.feature-line .text-link{grid-column:2}}@media(max-width:800px){.nav-actions{margin-inline-start:auto}.header-cta{display:none}.page-banner{padding:75px 0}.page-banner h1{letter-spacing:-2px}.page-section{padding:70px 0}.feature-line{gap:20px}.work-card{grid-template-columns:1fr}.work-card:nth-child(even) .work-art{order:0}.work-art{min-height:260px}.three-grid,.article-grid{grid-template-columns:1fr 1fr}.cta-grid{align-items:start;flex-direction:column}.about-story{grid-template-columns:1fr;gap:20px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}}@media(max-width:560px){.page-banner h1{font-size:45px}.three-grid,.product-grid,.article-grid{grid-template-columns:1fr}.feature-line{grid-template-columns:1fr;gap:7px}.feature-line .text-link{grid-column:1}.work-details{padding:28px}.three-grid article,.article-card,.product-card{padding:27px}.footer-top{grid-template-columns:1fr}.footer-top>div:first-child{grid-column:1}.next-cta{padding:65px 0}}

/* Company integration: original logo, hardware categories, notification form */
.brand-mark img{width:40px;height:40px;object-fit:contain;display:block}
.legacy-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}
.legacy-product{background:#fff;border:1px solid #e4e9f0;border-radius:18px;padding:20px;display:flex;align-items:center;flex-direction:column;text-align:center;gap:12px}
.legacy-product img{width:100%;height:138px;object-fit:contain}
.legacy-product h3{font-size:1.1rem;margin:0}.legacy-product a{color:#145deb;font-weight:700;text-decoration:none}
.store-notify{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:28px;background:#f2f6fe;border-radius:22px;padding:30px;margin-top:42px}
.store-notify form{display:flex;flex-direction:column;gap:12px}.store-notify input{padding:14px 16px;border:1px solid #b9c8df;border-radius:10px;font:inherit;min-width:0}
@media(max-width:800px){.legacy-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.store-notify{grid-template-columns:1fr}}
@media(max-width:520px){.legacy-products-grid{grid-template-columns:1fr}}

body{font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
html[lang=ar] body{font-family:Tajawal,Tahoma,Arial,sans-serif}

/* Header branding: image replaces text wordmark; tagline remains below */
.site-header .brand{gap:0;flex-shrink:0;letter-spacing:normal}
.site-header .brand-identity{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.site-header .brand-wordmark{display:block;width:215px;height:54px;max-width:100%;object-fit:contain;object-position:left center}
.site-header .brand-tagline{display:block;margin-top:-3px;padding-left:5px;color:#94acc3;font:700 9px/1.25 Manrope,sans-serif;letter-spacing:2px}
html[dir="rtl"] .site-header .brand-identity{align-items:flex-start}
@media(max-width:1150px){.site-header .brand-wordmark{width:185px;height:48px}.site-header .brand-tagline{font-size:8px}}
@media(max-width:800px){.site-header .brand-wordmark{width:195px;height:49px}}
@media(max-width:400px){.site-header .brand-wordmark{width:165px;height:43px}.site-header .brand-tagline{font-size:7px;letter-spacing:1.6px}}

/* Footer identity follows header identity */
.site-footer .footer-brand{display:inline-flex;align-items:center;gap:0;letter-spacing:normal;text-decoration:none}
.site-footer .footer-brand .brand-identity{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.site-footer .footer-brand .brand-wordmark{display:block;width:215px;height:54px;max-width:100%;object-fit:contain;object-position:left center}
.site-footer .footer-brand .brand-tagline{display:block;margin-top:-3px;padding-inline-start:5px;color:#94acc3;font:700 9px/1.25 Manrope,sans-serif;letter-spacing:2px}
@media(max-width:560px){.site-footer .footer-brand .brand-wordmark{width:195px;height:49px}}


/* AwadaTech v3.2 — shared navigation polish, no changes to other site sections */
.site-header{
  isolation:isolate;
  border-bottom:1px solid rgba(155,198,229,.14);
  box-shadow:0 12px 34px rgba(0,8,20,.12);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.site-header .nav-shell{gap:clamp(12px,1.6vw,24px);min-width:0}
.site-header .brand{display:inline-flex;align-items:center;min-width:0;text-decoration:none}
.site-header .brand:focus-visible{border-radius:5px}
.site-header .brand-wordmark{transition:filter .25s ease, transform .25s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .site-header .brand:hover .brand-wordmark{filter:brightness(1.12);transform:translateY(-1px)}
}
.site-header .desktop-nav{
  display:flex;align-items:center;gap:clamp(11px,1.5vw,23px);
  min-width:0;white-space:nowrap;
}
.site-header .desktop-nav a{
  position:relative;display:inline-flex;align-items:center;min-height:44px;
  padding:4px 1px;color:#b7c9d8;font-size:clamp(11px,1vw,13px);
  font-weight:650;transition:color .2s ease;
}
.site-header .desktop-nav a::after{
  content:"";position:absolute;inset-inline:0;bottom:6px;height:2px;
  border-radius:2px;background:#77e5dc;transform:scaleX(0);
  transform-origin:center;transition:transform .2s ease;
}
.site-header .desktop-nav a:hover,
.site-header .desktop-nav a[aria-current="page"]{color:#f1fdff}
.site-header .desktop-nav a:hover::after,
.site-header .desktop-nav a[aria-current="page"]::after{transform:scaleX(1)}
.site-header .nav-actions{display:flex;align-items:center;gap:clamp(7px,1vw,12px);flex-shrink:0}
.site-header .lang-switch{display:inline-flex;justify-content:center;align-items:center;
 min-width:44px;min-height:42px;padding:7px 10px;border-radius:7px;
 color:#cbf3f4;border:1px solid rgba(161,203,225,.34);
 transition:background-color .2s,border-color .2s}
.site-header .lang-switch:hover{border-color:#8cdbdd;background:#1e374b}
.site-header .header-cta{min-height:42px;white-space:nowrap;gap:9px;border-radius:7px}
.site-header .menu-toggle{position:relative;z-index:2;flex-shrink:0;border-radius:9px}
.site-header .menu-toggle:focus-visible,
.site-header .mobile-nav a:focus-visible{outline:3px solid #7ce4df;outline-offset:3px}
.site-header .mobile-nav{box-shadow:0 22px 38px rgba(0,7,20,.28);max-height:calc(100dvh - 70px);overflow-y:auto;overscroll-behavior:contain}
.site-header .mobile-nav a{display:flex;align-items:center;min-height:48px;padding:12px 16px;border-radius:7px;
 transition:color .2s,background-color .2s}
.site-header .mobile-nav a:hover,
.site-header .mobile-nav a[aria-current="page"]{background:#18374d;color:#aff0ed}
.site-footer .footer-brand .brand-wordmark{transition:filter .2s ease}
.site-footer .footer-brand:hover .brand-wordmark{filter:brightness(1.12)}
@media(max-width:1150px) and (min-width:801px){
 .site-header .nav-shell{gap:10px}
 .site-header .desktop-nav{gap:10px}
 .site-header .desktop-nav a{font-size:11px}
 .site-header .lang-switch{font-size:12px;padding:6px 8px}
}
@media(max-width:800px){
 .site-header .desktop-nav{display:none}
 .site-header .nav-shell{height:74px}
 .site-header .mobile-nav:not([inert]){display:flex;gap:3px;padding:10px max(18px,calc((100vw - 720px)/2)) 18px}
 .site-header .mobile-nav[inert]{display:none}
 .site-header .brand-wordmark{width:190px;height:48px}
 .site-header .brand-tagline{margin-top:-2px}
}
@media(max-width:420px){
 .site-header .nav-shell{gap:8px}
 .site-header .brand-wordmark{width:clamp(135px,39vw,165px);height:43px}
 .site-header .lang-switch{font-size:11px;min-width:39px;min-height:40px;padding:5px}
 .site-header .menu-toggle{width:41px;height:41px}
}
html[dir="rtl"] .site-header .brand-identity{align-items:flex-start}
html[dir="rtl"] .site-header .desktop-nav a::after{transform-origin:center}
@media(prefers-reduced-motion:reduce){
 .site-header .brand-wordmark,.site-header .desktop-nav a,
 .site-header .desktop-nav a::after,.site-header .mobile-nav a{transition:none!important}
}


/* ================================================
   AWADATECH QA — SAFE SHARED POLISH (v4.1)
   Additive rules: preserve existing layouts.
   ================================================ */
/* Prevent stale hover animations on touch devices. */
@media (hover: none) {
  .site-header .brand:hover .brand-wordmark,
  .site-header .desktop-nav a:hover,
  .site-footer .footer-brand:hover .brand-wordmark {
    transform: none;
  }
}
/* Avoid keyboard focus being hidden behind the sticky header. */
html { scroll-padding-top: 100px; }
/* Anchor destinations in the main content need visible breathing room. */
/* Give the language selector and hamburger a consistent visible focus. */
.site-header .lang-switch:focus-visible,
.site-header .menu-toggle:focus-visible {
  outline: 3px solid #8de7f4;
  outline-offset: 3px;
}
/* Keep the navigation panel within smaller-height phone viewports. */
@media (max-width: 800px) {
  .site-header .mobile-nav {
    max-height: calc(100dvh - 74px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}
/* Keep long footer addresses and labels within narrow screens. */
.site-footer .footer-column a {
  overflow-wrap: anywhere;
}
/* Honor user motion preferences for shared navigation polish. */
@media (prefers-reduced-motion: reduce) {
  .site-header .lang-switch,
  .site-header .menu-toggle,
  .site-footer .footer-brand .brand-wordmark {
    transition: none !important;
  }
}