@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Tajawal:wght@400;500;600;700;800&display=swap');
:root{--navy:#112c49;--navy2:#214769;--blue:#087fcf;--cyan:#d9f0ff;--ink:#1c3550;--muted:#64778b;--line:#dce9f2;--white:#fff;--bg:#f6fbff;--shadow:0 24px 70px rgba(19,66,103,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:98px}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans','Manrope',Arial,sans-serif;-webkit-font-smoothing:antialiased}body[dir=rtl]{font-family:'Tajawal',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%}.wrap{width:min(1180px,calc(100% - 44px));margin-inline:auto}.topbar{background:#0c3b64;color:#e4f6ff;text-align:center;font-size:12px;letter-spacing:.05em;padding:9px 16px}.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid #e8f1f6}.headrow{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:11px;flex-shrink:0}.logo-mark{height:43px;width:43px;border-radius:14px;display:grid;place-items:center;color:white;font-size:29px;font-weight:800;background:linear-gradient(145deg,#10a2ef,#07548f);box-shadow:0 8px 20px #087fcf33}.logo strong{display:block;font-size:21px;line-height:1.1;letter-spacing:-.06em;color:var(--navy)}.logo small{display:block;font-size:13px;color:#4080a8;margin-top:4px;font-weight:700}.nav{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.nav a{font-size:12px;font-weight:700;color:#52677b;white-space:nowrap;transition:color .2s}.nav a:hover{color:var(--blue)}.actions{display:flex;align-items:center;gap:8px}.lang{display:flex;border:1px solid var(--line);padding:4px;border-radius:30px;background:#f6faff;white-space:nowrap}.lang a{font-size:12px;padding:7px 10px;border-radius:20px;font-weight:800;color:#5d7992}.lang a.active{background:#0a7dc1;color:white}.hamburger{display:none;border:1px solid var(--line);background:white;border-radius:10px;padding:10px;color:var(--navy)}.hero{background:radial-gradient(circle at 74% 26%,#e0f4ff 0,transparent 44%),linear-gradient(120deg,#f3faff 0%,#fff 58%,#f4f9fd 100%);border-bottom:1px solid #e8f2f8}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:60px;align-items:center;padding-block:74px 80px}.eyebrow{color:#0879b8;letter-spacing:.18em;font-weight:800;font-size:11px;text-transform:uppercase}.hero h1{font-size:clamp(38px,4.3vw,62px);line-height:1.12;letter-spacing:-.055em;color:var(--navy);margin:20px 0 19px;font-weight:800}.hero p{font-size:17px;line-height:1.8;color:#62798c;max-width:520px}.btnrow{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:12px 20px;border-radius:12px;font-size:13px;font-weight:800;transition:transform .15s,background .15s;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(110deg,#058bd7,#0666a5);color:white;box-shadow:0 12px 22px #0a81c333}.btn.secondary{background:white;border-color:#b8d6e9;color:#0b689e}.mini-specs{display:flex;flex-wrap:wrap;gap:9px;margin-top:29px}.mini-specs span{background:#fff;border:1px solid #dcecf6;padding:9px 11px;border-radius:9px;color:#45677f;font-size:11px;font-weight:700}.hero-image-shell{background:white;border:1px solid #e2edf4;padding:16px;border-radius:28px;box-shadow:var(--shadow);position:relative;max-width:550px;width:100%;justify-self:center}.full-product-image{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;object-position:center;border-radius:16px;background:#f1f5f8}.hero-image-shell::after{content:'';position:absolute;inset:auto 16% -14px 16%;height:24px;background:#2172a522;filter:blur(20px);border-radius:50%;z-index:-1}.section{padding:86px 0}.section.alt{background:#f6fbff}.section-heading{text-align:center;max-width:740px;margin:0 auto 34px}.section-heading h2,.copy h2{font-size:clamp(29px,3vw,42px);letter-spacing:-.045em;color:var(--navy);line-height:1.2;margin:11px 0 14px}.section-heading p,.copy p{color:#64788b;font-size:15px;line-height:1.85}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category-card{border:1px solid #dcecf5;background:#fff;border-radius:18px;padding:26px 23px;display:flex;gap:15px;align-items:center;min-height:118px;box-shadow:0 6px 24px #174a6a08}.category-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:24px;background:#e4f4ff;flex-shrink:0}.category-card h3{font-size:15px;color:var(--navy);margin:0}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.product-frame{padding:20px;border-radius:28px;border:1px solid #e3edf4;background:white;box-shadow:var(--shadow)}.product-frame img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;display:block;border-radius:16px}.image-note{color:#8293a3;font-size:11px;text-align:center;margin-top:12px}.copy h2{max-width:520px}.specs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:25px 0}.spec{border:1px solid #e1edf5;border-radius:13px;background:#fff;padding:14px 15px;display:flex;gap:10px;align-items:center;font-size:13px;font-weight:700;color:#284b68}.spec i{width:9px;height:9px;border-radius:50%;background:#0d9cdd;flex-shrink:0}.view-link{font-size:13px;color:#0c79b5;font-weight:700;display:inline-block;margin-top:16px;text-decoration:underline;text-underline-offset:4px}.spotlight{border-radius:25px;padding:48px 54px;background:linear-gradient(110deg,#d9effe,#f7fbff 60%,#e8f4ff);display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.spotlight h2{font-size:clamp(26px,3vw,40px);color:var(--navy);line-height:1.18;letter-spacing:-.04em;max-width:580px;margin:12px 0}.spotlight p{color:#55758b;line-height:1.75;max-width:620px}.spot-icon{font-size:82px;line-height:1}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.why-card{border:1px solid #e0ecf4;border-radius:17px;padding:25px 21px;background:#fff}.why-icon{font-size:27px;display:block;margin-bottom:15px}.why-card h3{color:var(--navy);font-size:15px;margin:0 0 9px}.why-card p{font-size:13px;color:#64788b;line-height:1.7;margin:0}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.about-graphic{min-height:290px;border-radius:28px;background:linear-gradient(145deg,#0d5388,#079be3);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;box-shadow:var(--shadow);text-align:center;padding:30px}.about-graphic b{font-size:clamp(32px,5vw,60px);letter-spacing:-.07em}.about-graphic span{font-size:20px}.faq-list{max-width:860px;margin:auto;display:grid;gap:11px}details{border:1px solid #dce9f2;background:white;border-radius:13px;padding:0 20px}summary{list-style:none;cursor:pointer;padding:20px 4px;font-weight:800;color:var(--navy);font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:14px}summary::-webkit-details-marker{display:none}summary::after{content:'+';font-size:23px;color:#1688c5;font-weight:400}details[open] summary::after{content:'−'}details p{border-top:1px solid #eaf1f6;padding:0 4px 19px;margin:0;color:#65788b;line-height:1.85;font-size:14px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-card{background:#fff;border:1px solid #e1edf4;padding:35px;border-radius:21px}.contact-card .eyebrow{margin-bottom:12px}.contact-card h2{font-size:30px;color:var(--navy);letter-spacing:-.035em;margin:0 0 14px}.contact-card p{color:#687d8d;line-height:1.75;font-size:14px}.email{display:block;color:#0579b5;font-size:17px;font-weight:800;word-break:break-word;margin:20px 0}.policies{border-top:1px solid #e3edf4;padding:60px 0;background:#fbfdff}.policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.policy-grid h3{font-size:15px;color:var(--navy)}.policy-grid p{font-size:12px;color:#6c7e8e;line-height:1.85}.footer{background:#102e49;color:#c4d8e6;padding:34px 0}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.footer strong{color:white;font-size:22px;letter-spacing:-.04em}.footer small{display:block;color:#a8c4d6;margin-top:5px}.footer a{color:#d6effe;font-size:12px;font-weight:700}body[dir=rtl] .hero h1,body[dir=rtl] .section-heading h2,body[dir=rtl] .copy h2,body[dir=rtl] .spotlight h2{letter-spacing:0}body[dir=rtl] .eyebrow{letter-spacing:0}body[dir=rtl] .logo strong{letter-spacing:0}body[dir=rtl] .nav a{font-size:13px}body[dir=rtl] .hero p{font-size:18px}
@media(max-width:1080px){.nav{gap:11px}.nav a{font-size:11px}.headrow{gap:13px}.hero-grid{gap:35px}.product-grid{gap:35px}}
@media(max-width:850px){.hamburger{display:block}.headrow{min-height:70px}.nav{display:none;position:absolute;top:70px;inset-inline:0;background:white;padding:18px 24px 24px;box-shadow:0 16px 25px #112c4920;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:12px;border-bottom:1px solid #eef3f7;font-size:14px}.hero-grid{grid-template-columns:1fr;gap:28px;padding-block:47px 60px}.hero-copy{max-width:640px}.hero-image-shell{max-width:520px}.why-grid{grid-template-columns:repeat(2,1fr)}.about-grid{gap:32px}}
@media(max-width:620px){.wrap{width:min(100% - 30px,1180px)}.hero h1{font-size:38px}.hero p{font-size:15px}.hero-image-shell{padding:10px;border-radius:20px}.full-product-image{border-radius:12px}.section{padding:60px 0}.category-grid,.product-grid,.contact-grid,.policy-grid,.about-grid{grid-template-columns:1fr}.category-card{min-height:90px}.product-grid{gap:30px}.specs{gap:9px}.spec{padding:12px;font-size:12px}.why-grid{grid-template-columns:1fr 1fr;gap:10px}.why-card{padding:20px 14px}.why-card h3{font-size:13px}.why-card p{font-size:12px}.spotlight{grid-template-columns:1fr;padding:30px 25px}.spot-icon{display:none}.about-graphic{min-height:210px}.footer-row{align-items:flex-start;flex-direction:column}.contact-card{padding:27px}.topbar{font-size:10px}.logo strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}