
/* /kma_engineers/static/src/scss/engineer_homepage.scss */
 .o_kma_engineers_homepage{background: #FFFFFF; color: #121A34;}.o_kma_engineers_homepage .kma-home-shell > owl-component[name="kma_engineers.EngineersHomepage"]{display: block; min-height: 100vh;}.o_kma_engineers_homepage .kma-home-shell{overflow: clip; background: radial-gradient(circle at 10% 15%, rgba(238, 124, 50, 0.13), transparent 28%), radial-gradient(circle at 88% 18%, rgba(42, 48, 113, 0.18), transparent 32%), linear-gradient(-180deg, #fff 0%, #fff 54%, #f9fafc 100%);}.o_kma_engineers_homepage .kma-homepage{font-family: "IBM Plex Sans Arabic", "Noto Sans Arabic", "Segoe UI", sans-serif;}.o_kma_engineers_homepage .container{max-width: 1180px;}.o_kma_engineers_homepage .kma-badge, .o_kma_engineers_homepage .kma-section-head__eyebrow{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.45rem 0.9rem; border-radius: 999px; background: rgba(238, 124, 50, 0.12); color: #EE7C32; font-size: 1.2rem; font-weight: 700; letter-spacing: 0.02em;}.o_kma_engineers_homepage .kma-btn{border-radius: 18px; padding: 0.95rem 1.35rem; font-weight: 700; transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;}.o_kma_engineers_homepage .kma-btn:hover{transform: translateY(-2px);}.o_kma_engineers_homepage .kma-btn--primary{background: linear-gradient(-135deg, #EE7C32 0%, #db6112 100%); color: #FFFFFF; box-shadow: 0 16px 30px rgba(238, 124, 50, 0.25);}.o_kma_engineers_homepage .kma-btn--ghost{border: 1px solid rgba(42, 48, 113, 0.18); color: #2A3071; background: rgba(255, 255, 255, 0.9);}.o_kma_engineers_homepage .kma-reveal{opacity: 0; transform: translateY(18px); transition: opacity 500ms ease, transform 500ms ease;}.o_kma_engineers_homepage .kma-reveal.is-visible{opacity: 1; transform: translateY(0);}.o_kma_engineers_homepage .kma-hero{position: relative; padding: 5rem 0 3rem;}.o_kma_engineers_homepage .kma-hero__mesh{position: absolute; inset: 0; background: linear-gradient(-135deg, rgba(42, 48, 113, 0.05), transparent 45%), radial-gradient(circle at center, rgba(238, 124, 50, 0.06), transparent 46%); pointer-events: none;}.o_kma_engineers_homepage .kma-hero__grid{position: relative; display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(340px, 1fr); gap: 2rem; align-items: center;}.o_kma_engineers_homepage .kma-hero__copy h1{margin: 1rem 0 1rem; font-size: clamp(1.9rem, 2.6vw, 3rem); line-height: 1.28; color: #2A3071; font-weight: 800;}.o_kma_engineers_homepage .kma-hero__copy p{margin: 0 0 1.6rem; font-size: 1.12rem; line-height: 1.9; color: rgba(18, 26, 52, 0.78); max-width: 42rem;}.o_kma_engineers_homepage .kma-hero__actions{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 0.85rem;}.o_kma_engineers_homepage .kma-hero__panel{padding: 1.2rem; border-radius: 30px; background: rgba(255, 255, 255, 0.82); backdrop-filter: blur(10px); border: 1px solid rgba(42, 48, 113, 0.08); box-shadow: 0 24px 60px rgba(42, 48, 113, 0.12);}.o_kma_engineers_homepage .kma-hero-card{border-radius: 24px; padding: 1.15rem 1.2rem; background: linear-gradient(-180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 248, 252, 0.94) 100%); border: 1px solid rgba(42, 48, 113, 0.08); min-height: 100%;}.o_kma_engineers_homepage .kma-hero-card--featured{background: linear-gradient(-135deg, rgba(42, 48, 113, 0.96), rgba(52, 59, 139, 0.96)); color: #FFFFFF; border: 0; box-shadow: 0 18px 40px rgba(42, 48, 113, 0.26); margin-bottom: 1rem;}.o_kma_engineers_homepage .kma-hero-card__label{font-size: 1rem; font-weight: 700; opacity: 0.86; margin-bottom: 0.35rem;}.o_kma_engineers_homepage .kma-hero-card__title{font-size: 1.3rem; font-weight: 800; margin-bottom: 0.45rem;}.o_kma_engineers_homepage .kma-hero-card__text{line-height: 1.8; color: inherit; opacity: 0.92;}.o_kma_engineers_homepage .kma-hero__mini-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; text-align: center;}.o_kma_engineers_homepage .kma-pillars{padding: 1rem 0 4rem;}.o_kma_engineers_homepage .kma-pillars__grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem;}.o_kma_engineers_homepage .kma-pillar{position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 1.15rem; padding: 1.6rem; border-radius: 28px; background: linear-gradient(-145deg, white, rgba(247, 248, 252, 0.92)); border: 1px solid rgba(42, 48, 113, 0.09); box-shadow: 0 16px 42px rgba(42, 48, 113, 0.07); overflow: hidden;}.o_kma_engineers_homepage .kma-pillar::after{content: ""; position: absolute; inset-inline-start: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(-180deg, #EE7C32, #2A3071);}.o_kma_engineers_homepage .kma-pillar__icon{width: 58px; height: 58px; border-radius: 19px; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(-135deg, rgba(238, 124, 50, 0.16), rgba(42, 48, 113, 0.12)); color: #2A3071; font-size: 1.4rem; flex-shrink: 0;}.o_kma_engineers_homepage .kma-pillar h2{margin: 0 0 0.65rem; color: #2A3071; font-size: clamp(1.3rem, 2vw, 1.65rem); line-height: 1.45; font-weight: 800;}.o_kma_engineers_homepage .kma-pillar p{margin: 0; color: rgba(18, 26, 52, 0.78); font-size: 1rem; line-height: 2; overflow-wrap: anywhere;}.o_kma_engineers_homepage .kma-sections, .o_kma_engineers_homepage .kma-closing{padding: 3rem 0 5rem;}.o_kma_engineers_homepage .kma-section-head{max-width: 50rem; margin: 0 auto 2.2rem; text-align: center;}.o_kma_engineers_homepage .kma-section-head h2{margin: 1rem 0 0.8rem; font-size: clamp(2rem, 3vw, 3.1rem); color: #2A3071; font-weight: 800;}.o_kma_engineers_homepage .kma-section-head p{color: rgba(18, 26, 52, 0.76); line-height: 1.9; font-size: 1.03rem;}.o_kma_engineers_homepage .kma-sections__grid{display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1.5rem;}.o_kma_engineers_homepage .kma-sections__cell{grid-column: span 2; min-width: 0;}.o_kma_engineers_homepage .kma-sections__cell:nth-last-child(2){grid-column: 2 / span 2;}.o_kma_engineers_homepage .kma-sections__cell:last-child{grid-column: 4 / span 2;}.o_kma_engineers_homepage .kma-section-card{height: 100%; border-radius: 28px; padding: 1.5rem; background: linear-gradient(-180deg, white 0%, rgba(247, 248, 252, 0.95) 100%); border: 1px solid rgba(42, 48, 113, 0.08); box-shadow: 0 18px 44px rgba(42, 48, 113, 0.08); transition: transform 220ms ease, box-shadow 220ms ease;}.o_kma_engineers_homepage .kma-section-card:hover{transform: translateY(-6px); box-shadow: 0 24px 48px rgba(42, 48, 113, 0.14);}.o_kma_engineers_homepage .kma-section-card__icon{width: 62px; height: 62px; border-radius: 20px; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(-135deg, rgba(238, 124, 50, 0.15), rgba(42, 48, 113, 0.12)); color: #2A3071; font-size: 1.55rem; margin-bottom: 1rem;}.o_kma_engineers_homepage .kma-section-card h3{margin: 0 0 0.65rem; color: #2A3071; font-size: 1.35rem; font-weight: 800;}.o_kma_engineers_homepage .kma-section-card p{margin: 0 0 1rem; line-height: 1.85; color: rgba(18, 26, 52, 0.76);}.o_kma_engineers_homepage .kma-section-card ul{list-style: none; margin: 0; padding: 0; display: grid; gap: 0.5rem;}.o_kma_engineers_homepage .kma-section-card li{position: relative; padding-inline-start: 1.25rem; color: rgba(18, 26, 52, 0.82); font-weight: 600;}.o_kma_engineers_homepage .kma-section-card li::before{content: ""; position: absolute; inset-inline-start: 0; top: 0.68rem; width: 7px; height: 7px; border-radius: 999px; background: #EE7C32; box-shadow: 0 0 0 6px rgba(238, 124, 50, 0.14);}.o_kma_engineers_homepage .kma-flow{padding: 5rem 0; background: linear-gradient(-180deg, rgba(42, 48, 113, 0.98), rgba(31, 35, 83, 0.98)), radial-gradient(circle at top right, rgba(238, 124, 50, 0.18), transparent 36%); color: #FFFFFF;}.o_kma_engineers_homepage .kma-section-head--light h2, .o_kma_engineers_homepage .kma-section-head--light p, .o_kma_engineers_homepage .kma-section-head--light .kma-section-head__eyebrow{color: #FFFFFF;}.o_kma_engineers_homepage .kma-section-head--light .kma-section-head__eyebrow{background: rgba(255, 255, 255, 0.12);}.o_kma_engineers_homepage .kma-flow__grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem;}.o_kma_engineers_homepage .kma-flow-step{border-radius: 24px; padding: 1.35rem 1.25rem; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(8px); min-height: 100%;}.o_kma_engineers_homepage .kma-flow-step__index{width: 54px; height: 54px; border-radius: 18px; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; background: rgba(238, 124, 50, 0.18); color: #f08e4e; font-size: 1rem; font-weight: 800; margin-bottom: 1rem;}.o_kma_engineers_homepage .kma-flow-step h3{margin: 0 0 0.65rem; font-size: 1.15rem; font-weight: 800;}.o_kma_engineers_homepage .kma-flow-step p{margin: 0; line-height: 1.9; color: rgba(255, 255, 255, 0.84);}.o_kma_engineers_homepage .kma-closing__panel{display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 1.5rem; border-radius: 34px; padding: 2rem; background: linear-gradient(-135deg, #2a3071 0%, #323987 100%); color: #FFFFFF; box-shadow: 0 26px 60px rgba(42, 48, 113, 0.2);}.o_kma_engineers_homepage .kma-closing__panel h2{margin: 0.8rem 0 0.8rem; font-size: clamp(1.85rem, 3vw, 2.8rem); font-weight: 800;}.o_kma_engineers_homepage .kma-closing__panel p{margin: 0; line-height: 1.9; color: rgba(255, 255, 255, 0.84); max-width: 42rem;}@media (max-width: 1199.98px){.o_kma_engineers_homepage .kma-flow__grid{grid-template-columns: repeat(2, minmax(0, 1fr));}.o_kma_engineers_homepage .kma-sections__grid{grid-template-columns: repeat(2, minmax(0, 1fr));}.o_kma_engineers_homepage .kma-sections__cell, .o_kma_engineers_homepage .kma-sections__cell:nth-last-child(2), .o_kma_engineers_homepage .kma-sections__cell:last-child{grid-column: auto;}.o_kma_engineers_homepage .kma-sections__cell:last-child{grid-column: 1 / -1;}}@media (max-width: 991.98px){.o_kma_engineers_homepage .kma-hero__grid, .o_kma_engineers_homepage .kma-closing__panel{grid-template-columns: 1fr;}.o_kma_engineers_homepage .kma-hero{padding-top: 4rem;}}@media (max-width: 767.98px){.o_kma_engineers_homepage .kma-hero__mini-grid, .o_kma_engineers_homepage .kma-pillars__grid, .o_kma_engineers_homepage .kma-sections__grid, .o_kma_engineers_homepage .kma-flow__grid{grid-template-columns: 1fr;}.o_kma_engineers_homepage .kma-pillar, .o_kma_engineers_homepage .kma-sections__cell:last-child{grid-column: auto;}.o_kma_engineers_homepage .kma-pillar{grid-template-columns: 1fr; padding: 1.35rem;}.o_kma_engineers_homepage .kma-hero__copy h1{font-size: 1.85rem; line-height: 1.42;}.o_kma_engineers_homepage .kma-section-card, .o_kma_engineers_homepage .kma-pillar, .o_kma_engineers_homepage .kma-flow-step, .o_kma_engineers_homepage .kma-closing__panel, .o_kma_engineers_homepage .kma-hero__panel{border-radius: 22px;}.o_kma_engineers_homepage .kma-sections, .o_kma_engineers_homepage .kma-pillars, .o_kma_engineers_homepage .kma-flow, .o_kma_engineers_homepage .kma-closing{padding: 3rem 0;}}#wrapwrap:has(.o_kma_engineers_homepage) .navbar-brand.logo img{aspect-ratio: 1 / 1;}#wrapwrap:has(.o_kma_engineers_homepage) .o_brand_promotion img[src$="odoo_logo_tiny.png"]{aspect-ratio: 31 / 10;}

/* /kma_engineers/static/src/scss/engineer_homepage_visuals.scss */
 @keyframes kma-hero-border-flow{to{transform: rotate(-1turn);}}.o_kma_engineers_homepage .kma-hero__grid{align-items: start;}.o_kma_engineers_homepage .kma-hero-visual{position: relative; isolation: isolate; box-sizing: border-box; width: 100%; max-width: 100%; justify-self: stretch; aspect-ratio: 960 / 652; margin: 0; padding: 3px; overflow: hidden; border-radius: 30px; background: #2A3071; box-shadow: 0 22px 52px rgba(42, 48, 113, 0.16);}.o_kma_engineers_homepage .kma-hero-visual::before{content: ""; position: absolute; z-index: 0; inset: -75%; background: conic-gradient(from 0deg, #EE7C32, #2A3071, #EE7C32, #2A3071, #EE7C32); animation: kma-hero-border-flow 5s linear infinite;}.o_kma_engineers_homepage .kma-hero-visual img{position: relative; z-index: 1; display: block; width: 100%; height: 100%; border-radius: 27px; object-fit: cover;}@media (min-width: 768px){.o_kma_engineers_homepage .kma-hero__grid{direction: rtl; grid-template-columns: minmax(0, 0.8fr) minmax(300px, 1fr); grid-template-areas: "visual copy" "panel secondary"; align-items: start;}.o_kma_engineers_homepage .kma-hero__copy{grid-area: copy;}.o_kma_engineers_homepage .kma-hero-visual--primary{grid-area: visual; margin-top: 7rem;}.o_kma_engineers_homepage .kma-hero__panel{grid-area: panel;}.o_kma_engineers_homepage .kma-hero-visual--secondary{grid-area: secondary; margin-top: 6rem;}}@media (max-width: 767.98px){.o_kma_engineers_homepage .kma-hero-visual{border-radius: 22px;}.o_kma_engineers_homepage .kma-hero-visual img{border-radius: 19px;}}@media (prefers-reduced-motion: reduce){.o_kma_engineers_homepage .kma-hero-visual::before{animation: none;}}