:root{--primary:#1162d4;--primary-dark:#0d4db0;--text:#111418;--muted:#667085;--soft:#f6f7f8;--dark:#111418;--white:#fff;--radius:14px;--shadow:0 12px 34px rgba(17,20,24,.10)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:'Almarai',sans-serif;color:var(--text);background:var(--soft);line-height:1.7;overflow-x:hidden}a{text-decoration:none;color:inherit}button,a{font-family:inherit}.container{width:min(1200px,calc(100% - 32px));margin-inline:auto}.site-header{height:73px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#fff;border-bottom:1px solid #f0f2f4;position:sticky;top:0;z-index:1000}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800}.brand-icon{width:40px;height:40px;display:grid;place-items:center;background:rgba(17,98,212,.1);color:var(--primary);border-radius:9px;font-size:30px}.header-actions{display:flex;align-items:center;gap:32px}.desktop-nav{display:flex;align-items:center;gap:34px}.desktop-nav a{font-size:14px;font-weight:400;transition:.25s}.desktop-nav a.active,.desktop-nav a:hover{color:var(--primary);font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:10px 24px;font-weight:700;transition:.25s;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.catalog-btn{font-size:14px;padding:8px 24px}.menu-toggle{display:none;background:none;border:0;font-size:26px;cursor:pointer}.mobile-nav{display:none}.hero{height:600px;position:relative;background-image:url('https://lh3.googleusercontent.com/aida-public/AB6AXuD_ljyONgdfL9lR4ps-RDflRX8JQC8FtAJf61lEP6vdwa2vo-qRkdD-XxrIMdi0JAHwaI86bGcCizBRDGh8m3Kp0bamSvMj_myszp6EIPZ2wWnOI2eHTOVksfk5RL50UGLq3tem7O9KtV_46ZiW-4be9NblnECx4u-HLuDv2kF8cvrH4j1wAcx22U6llckd-kD9a-XK-2CDkOvM90K7G2Sw6rIK17fOM8H8SDaE-_EAsXRaQHxufNM0-QZcz6D6MCvIY7rOvzJz4hzb');background-size:cover;background-position:center;display:grid;place-items:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.30),rgba(0,0,0,.50))}.hero-content{position:relative;z-index:1;text-align:center;color:#fff;width:min(960px,calc(100% - 32px));display:flex;flex-direction:column;align-items:center;gap:20px}.hero-badge{font-size:14px;font-weight:700;letter-spacing:.04em;padding:4px 16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px);border-radius:999px}.hero h1{font-size:clamp(40px,5.2vw,72px);line-height:1.25;font-weight:800;max-width:900px}.hero p{font-size:clamp(17px,1.7vw,20px);color:rgba(255,255,255,.9);max-width:700px}.hero-buttons,.cta-buttons{display:flex;gap:16px;justify-content:center;margin-top:6px}.btn-large{min-height:48px;padding:11px 32px}.btn-glass{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(8px)}.btn-glass:hover{background:rgba(255,255,255,.2)}.section{padding:80px 0}.section-white{background:#fff}.section-soft{background:var(--soft)}.section-heading{text-align:center;max-width:960px;margin:0 auto 48px}.section-heading h2,.products-heading h2{font-size:32px;line-height:1.35;font-weight:800;margin-bottom:14px}.section-heading p,.products-heading p{color:#667085;font-size:17px;max-width:760px;margin-inline:auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-card{text-align:center;background:var(--soft);padding:32px;border-radius:16px;transition:.3s}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.feature-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(17,98,212,.1);color:var(--primary);margin:0 auto 22px}.feature-icon span{font-size:38px}.feature-card h3{font-size:20px;margin-bottom:10px}.feature-card p{font-size:15px;color:#667085}.products-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:44px}.products-heading p{margin:0;max-width:720px}.text-link{display:flex;align-items:center;gap:6px;color:var(--primary);font-weight:700;white-space:nowrap}.text-link:hover{text-decoration:underline}.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.category-card{cursor:pointer}.category-image{aspect-ratio:4/3;border-radius:12px;overflow:hidden;margin-bottom:14px;box-shadow:0 8px 20px rgba(0,0,0,.08);position:relative}.category-image:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.14);transition:.3s}.category-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.category-card:hover img{transform:scale(1.08)}.category-card:hover .category-image:after{background:rgba(0,0,0,.06)}.category-card h3{font-size:20px;margin-bottom:3px;transition:.25s}.category-card:hover h3{color:var(--primary)}.category-card p{color:#667085;font-size:14px}.projects-section{overflow:hidden}.projects-scroller{display:flex;gap:24px;overflow-x:auto;padding:0 max(16px,calc((100vw - 1200px)/2)) 26px;scroll-snap-type:x mandatory;scrollbar-width:none}.projects-scroller::-webkit-scrollbar{display:none}.project-card{min-width:400px;scroll-snap-align:center}.project-card img{width:100%;height:250px;object-fit:cover;border-radius:10px;display:block;margin-bottom:12px;box-shadow:0 6px 18px rgba(0,0,0,.10);transition:.3s}.project-card:hover img{transform:scale(1.01)}.project-card h3{font-size:18px;margin-bottom:2px}.project-card p{font-size:14px;color:#667085}.cta-section{padding:64px 16px;background:var(--primary);position:relative;overflow:hidden;color:#fff}.cta-content{position:relative;z-index:2;max-width:960px;margin:auto;text-align:center}.cta-content h2{font-size:32px;margin-bottom:12px}.cta-content p{color:rgba(255,255,255,.82);font-size:18px;max-width:650px;margin:0 auto 24px}.cta-circle{position:absolute;border-radius:50%;background:rgba(255,255,255,.1);filter:blur(35px)}.cta-circle-one{width:260px;height:260px;right:-80px;top:-130px}.cta-circle-two{width:380px;height:380px;left:-120px;bottom:-220px}.btn-white{background:#fff;color:var(--primary)}.btn-white:hover{background:#f3f5f8}.btn-outline-white{border-color:#fff;color:#fff}.btn-outline-white:hover{background:rgba(255,255,255,.1)}.site-footer{background:#111418;color:#fff;padding:48px 0 24px;border-top:1px solid rgba(255,255,255,.1)}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:40px}.footer-grid h3{font-size:17px;margin-bottom:15px}.footer-grid p,.footer-links a,.contact-list,.social-links a{color:#98a2b3;font-size:14px}.footer-brand{display:flex;align-items:center;gap:10px;font-size:20px;margin-bottom:13px}.footer-brand span{width:32px;height:32px;display:grid;place-items:center;background:var(--primary);border-radius:5px}.social-links{display:flex;gap:14px;margin-top:12px}.social-links a:hover,.footer-links a:hover,.contact-list a:hover{color:#fff}.footer-links{display:flex;flex-direction:column;gap:7px}.contact-list{display:flex;flex-direction:column;gap:10px}.contact-list>div{display:flex;gap:9px;align-items:flex-start}.contact-list .material-symbols-outlined{color:var(--primary);font-size:19px;margin-top:2px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:44px;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#667085;font-size:13px}.footer-bottom>div:last-child{display:flex;gap:22px}.footer-bottom a:hover{color:#fff}.footer-bottom>div:first-child a{color:#8eaee1}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{padding:0 20px}.desktop-nav,.catalog-btn{display:none}.menu-toggle{display:block}.mobile-nav{position:absolute;top:72px;right:0;left:0;background:#fff;border-bottom:1px solid #eee;box-shadow:0 12px 25px rgba(0,0,0,.08);padding:16px 20px;flex-direction:column;gap:4px}.mobile-nav.open{display:flex}.mobile-nav>a:not(.btn){padding:10px 4px}.header-actions{gap:0}.hero{height:560px}.features-grid,.categories-grid{grid-template-columns:1fr}.feature-card{max-width:620px;width:100%;margin:auto}.products-heading{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.project-card{min-width:360px}.footer-bottom{flex-direction:column;text-align:center}.separator{display:none}}
@media(max-width:560px){.site-header{height:68px;padding:0 14px}.brand-name{font-size:17px}.brand-icon{width:36px;height:36px;font-size:27px}.mobile-nav{top:67px}.hero{height:535px}.hero h1{font-size:38px}.hero p{font-size:16px}.hero-buttons,.cta-buttons{width:100%;flex-direction:column}.hero-buttons .btn,.cta-buttons .btn{width:100%}.section{padding:64px 0}.section-heading h2,.products-heading h2,.cta-content h2{font-size:27px}.features-grid{gap:20px}.categories-grid{gap:30px}.project-card{min-width:300px}.project-card img{height:215px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom>div:last-child{flex-wrap:wrap;justify-content:center}.cta-section{padding-block:56px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{transition:none!important}}