@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#19104f;--teal:#007e89;--ink:#211e39;--muted:#666579;--pale:#f1f5f7;--border:#dfe4e9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;color:var(--navy);background:#fff;font-family:'DM Sans',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #00adb7;outline-offset:6px}img{display:block;max-width:100%}.skip{position:fixed;top:-80px;background:white;padding:16px;z-index:100}.skip:focus{top:0}.announcement{text-align:center;background:var(--navy);color:#fff;font-size:10px;font-weight:600;letter-spacing:1.4px;padding:12px 10px}.announcement span{padding:0 12px;color:#59d6d8}header{height:84px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:#fff}.brand{display:block;position:relative;width:143px;height:42px;overflow:hidden;flex-shrink:0}.brand img{position:absolute;max-width:none;width:166px;left:-14px;top:-62px}nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}.header-contact{border-bottom:1px solid var(--navy);padding:8px 0}.header-contact span{margin-left:18px}.hero{display:grid;grid-template-columns:1fr 1fr;max-width:1600px;margin:auto}.hero-copy{padding:85px 7% 44px 12%}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;margin:0 0 24px;display:flex;align-items:center;gap:12px}.line{height:1px;width:28px;background:var(--teal)}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-2.8px;margin:0;font-weight:600;line-height:1.09}h1{font-size:clamp(50px,5.5vw,84px)}em{font-style:normal;color:var(--teal)}.intro{font-size:17px;line-height:1.7;color:var(--muted);margin:27px 0}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:16px 24px;font-size:14px;font-weight:600;border-radius:3px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{color:white;background:var(--navy)}.primary:hover{background:var(--teal)}.button span{font-size:21px;font-weight:400;line-height:1}.hero-note{display:flex;flex-wrap:wrap;gap:16px;font-size:10px;letter-spacing:1px;margin-top:54px;align-items:center}.hero-note span{color:var(--muted)}.hero-note span:last-child{padding:7px 10px;border:1px solid var(--border);border-radius:20px}.hero-visual{background:linear-gradient(140deg,#f2f6f8,#e9eff4);position:relative;min-height:600px;display:flex;justify-content:center;align-items:center;overflow:hidden}.hero-product{height:540px;width:90%;object-fit:contain;mix-blend-mode:multiply;transform:rotate(9deg);filter:drop-shadow(14px 24px 16px #19255115)}.vertical{position:absolute;right:28px;top:34px;writing-mode:vertical-rl;font-size:10px;letter-spacing:2px;z-index:1}.visual-caption{position:absolute;bottom:25px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px}.brand-strip{background:var(--teal);color:#fff;display:flex;justify-content:space-around;align-items:center;gap:24px;padding:24px 4%;white-space:nowrap;overflow:hidden;font-size:15px;font-weight:500;letter-spacing:2px}.strip-star{font-size:28px}.product-section{padding:88px 7%;max-width:1450px;margin:auto}.section-heading{margin-bottom:40px}.section-heading .eyebrow{color:var(--teal);margin-bottom:18px}h2{font-size:48px}.product-layout{display:grid;grid-template-columns:1.04fr 1fr;gap:8%;align-items:center}.product-photo{position:relative;background:#f5f7f8;min-height:550px;display:flex;justify-content:center;align-items:center;border:1px solid #eef0f2}.product-photo img{height:470px;width:100%;object-fit:contain;mix-blend-mode:multiply}.image-label{position:absolute;top:24px;left:24px;font-size:10px;letter-spacing:1.4px}.teal{color:var(--teal)}h3{font-size:42px;letter-spacing:-1.5px}.strength{margin:13px 0 22px;font-size:20px;color:var(--teal)}.product-description{line-height:1.8;color:var(--muted);max-width:480px}dl{margin:28px 0}dl div{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--border);font-size:14px}dt{color:var(--muted)}dd{margin:0;text-align:right}.product-details>.button{width:100%}.order-note{text-align:center;font-size:12px;color:var(--muted);line-height:1.6}.research-note{font-size:12px;color:var(--muted);border-top:1px solid var(--border);padding-top:20px;margin-top:26px}.about{display:grid;grid-template-columns:.8fr 1fr;background:#f2f5f8;align-items:center}.about-image{height:560px;overflow:hidden}.about-image img{width:100%;height:100%;object-fit:cover;object-position:center 47%}.about-copy{padding:65px 12%}.about-copy h2{font-size:44px}.about-copy>p:not(.eyebrow){color:var(--muted);line-height:1.8;margin:25px 0}.about-copy .arabic{color:var(--teal)!important;font-size:25px;text-align:left}.text-link{display:inline-flex;gap:40px;font-size:14px;font-weight:600;border-bottom:1px solid var(--navy);padding-bottom:10px}.contact{background:var(--navy);color:white;text-align:center;padding:90px 24px}.contact .eyebrow{justify-content:center;color:#9ca4c8}.contact h2{font-size:58px}.contact em{color:#69cbd0}.contact>p:not(.eyebrow){color:#c0bfd3;line-height:1.8;margin:26px 0}.light{background:white;color:var(--navy)}.light:hover{background:#def7f8}.phone{display:block;margin-top:20px;font-size:14px;color:#c5c5d9}footer{display:flex;align-items:center;justify-content:space-between;padding:32px 7%;gap:20px}footer p{color:var(--muted);font-size:12px}.mobile-order{display:none}@media(min-width:1600px){.hero{border-left:1px solid var(--border);border-right:1px solid var(--border)}}@media(max-width:760px){html{scroll-padding-top:24px}.announcement{font-size:8px;letter-spacing:1px;padding:10px 4px}.announcement span{padding:0 6px}header{height:72px;padding:0 22px}.brand{width:119px;height:36px}.brand img{width:139px;left:-12px;top:-52px}nav{gap:0}nav>a:not(.header-contact){display:none}.header-contact{font-size:12px}.hero{grid-template-columns:1fr}.hero-copy{padding:38px 25px 27px}.eyebrow{font-size:10px;margin-bottom:20px;letter-spacing:1.5px}h1{font-size:55px;letter-spacing:-2.6px;line-height:1.06}.intro{font-size:14px;line-height:1.65;margin:20px 0}.hero-copy .button{min-height:50px;padding:14px 20px}.hero-note{margin-top:25px;font-size:9px;gap:12px}.hero-visual{min-height:390px}.hero-product{height:353px;width:85%;transform:rotate(9deg)}.vertical{right:18px;top:22px;font-size:9px}.visual-caption{left:24px;right:24px;bottom:18px;font-size:9px}.brand-strip{justify-content:center;padding:17px 0;font-size:11px;gap:22px;letter-spacing:1.5px}.brand-strip>span:last-child{display:none}.strip-star{font-size:22px}.product-section{padding:52px 24px}.section-heading{margin-bottom:26px}h2{font-size:36px;letter-spacing:-1.8px}.product-layout{grid-template-columns:1fr;gap:30px}.product-photo{min-height:390px}.product-photo img{height:340px}.image-label{font-size:9px;top:18px;left:18px}.product-details .eyebrow{margin-bottom:14px}h3{font-size:36px}.strength{font-size:18px}.product-description{font-size:16px;line-height:1.7}.about{grid-template-columns:1fr}.about-image{height:330px}.about-image img{object-position:center 65%}.about-copy{padding:38px 24px 45px}.about-copy h2{font-size:36px}.about-copy .arabic{font-size:23px}.contact{padding:58px 24px}.contact h2{font-size:40px;letter-spacing:-1.7px}.contact>p:not(.eyebrow){font-size:14px}footer{padding:28px 24px 110px;flex-wrap:wrap;gap:18px}footer p{margin:0}footer p:last-child{width:100%}.mobile-order{display:flex;position:fixed;z-index:20;bottom:0;left:0;right:0;background:#ffffffef;backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:12px 16px calc(12px + env(safe-area-inset-bottom));justify-content:space-between;align-items:center;gap:12px}.mobile-order>div{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.mobile-order strong{font-size:13px}.mobile-order>div span{font-size:11px;color:var(--muted)}.mobile-order .button{font-size:12px;min-height:47px;padding:13px 16px;gap:16px}}@media(max-width:350px){h1{font-size:48px}.hero-copy{padding-left:20px;padding-right:20px}.mobile-order{padding-left:12px;padding-right:12px}.mobile-order .button{gap:9px;padding:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

