@font-face{font-family:AlainArabic;src:url('assets/fonts/ibm-plex-arabic-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:AlainArabic;src:url('assets/fonts/ibm-plex-arabic-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:AlainArabic;src:url('assets/fonts/ibm-plex-arabic-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:AlainArabic;src:url('assets/fonts/ibm-plex-arabic-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--blue:#1739a5;--blue-deep:#102b83;--red:#e9473d;--gold:#e6b936;--ink:#17283e;--slate:#627087;--paper:#f5f6f8;--white:#fff;--line:#dce1e9;--font:AlainArabic,Arial,sans-serif;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--white);color:var(--ink);font-family:var(--font);line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.wrap{width:min(var(--max),calc(100% - 68px));margin-inline:auto}.skip-link{position:absolute;top:-60px;right:14px;z-index:50;background:var(--gold);padding:10px 16px;color:var(--ink)}.skip-link:focus{top:8px}.topline{background:#10275f;color:#e4eafd;font-size:12px}.topline-inner{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topline-contact{display:flex;align-items:center;gap:13px;font:12px Arial,sans-serif;direction:ltr}.topline-mark{width:5px;height:5px;border-radius:50%;background:var(--gold)}.header{position:relative;z-index:20;background:#fff}.header:after{content:"";position:absolute;z-index:-1;right:0;left:0;bottom:-9px;height:10px;background:linear-gradient(90deg,var(--red) 0 14%,var(--gold) 14% 23%,var(--blue) 23% 100%);clip-path:polygon(0 0,100% 0,100% 50%,68% 50%,65% 100%,62% 50%,0 50%)}.header-inner{min-height:88px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;flex:none}.brand img{width:60px;height:57px;object-fit:contain}.brand-title{display:flex;flex-direction:column;line-height:1.55}.brand-title b{font-size:19px;font-weight:700;color:var(--blue)}.brand-title small{font-size:11px;color:#63718a;white-space:nowrap}.nav{display:flex;align-items:center;gap:clamp(15px,2vw,28px);margin-inline:auto}.nav a{position:relative;color:#3f4e64;font-size:13px;transition:color .2s}.nav a:after{content:"";position:absolute;right:0;bottom:-8px;width:0;height:2px;background:var(--red);transition:width .25s}.nav a:hover{color:var(--blue)}.nav a:hover:after{width:100%}.header-cta{min-height:42px;background:var(--blue);color:#fff;padding:0 15px;display:flex;align-items:center;gap:8px;font-size:12px;transition:background .2s,transform .2s}.header-cta:hover{background:var(--blue-deep);transform:translateY(-2px)}.header-cta svg{width:18px;height:18px;fill:#fff}.menu-toggle{display:none}
.hero{position:relative;display:grid;grid-template-columns:1.04fr .96fr;min-height:600px;background:#f4f6fa}.hero-copy{position:relative;z-index:2;padding:70px max(34px,calc((100vw - var(--max))/2)) 62px 48px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hero-kicker{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:13px;font-weight:600}.kicker-rule{display:inline-block;width:28px;height:3px;background:var(--red)}.hero h1{font-size:clamp(45px,5vw,70px);line-height:1.28;letter-spacing:-1.9px;color:#142b72;margin:19px 0 16px;font-weight:700}.hero h1 em{font-style:normal;color:var(--red)}.hero-copy>p{max-width:520px;color:#596981;font-size:16px;line-height:2;margin:0}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:25px}.button{min-height:47px;display:inline-flex;align-items:center;justify-content:center;padding:0 19px;font-size:13px;font-weight:600;transition:transform .2s,background .2s,border .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--blue);color:#fff}.button-primary:hover{background:var(--blue-deep)}.button-outline{border:1px solid #aeb9cb;color:#29416a;background:transparent}.button-outline:hover{border-color:var(--red);color:var(--red)}.hero-identity{display:flex;align-items:center;gap:11px;border-top:1px solid #dce2eb;margin-top:39px;padding-top:16px;width:min(100%,430px)}.hero-logo{width:39px;height:39px;display:grid;place-items:center;border-right:2px solid var(--gold);padding-right:8px}.hero-logo img{width:34px;height:33px;object-fit:contain}.hero-identity>span:last-child{display:flex;flex-direction:column;line-height:1.55}.hero-identity b{font-size:12px;color:#273e71}.hero-identity small{font-size:11px;color:#748096}.hero-media{position:relative;min-height:520px;overflow:hidden;background:#d6e1ef}.hero-media:before{content:"";position:absolute;z-index:1;inset:24px;border:1px solid #ffffff9c;pointer-events:none}.hero-media:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(0deg,#101f4ad9,transparent);pointer-events:none}.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%;filter:saturate(.78);transition:transform .75s}.hero-media:hover img{transform:scale(1.03)}.hero-media-note{position:absolute;z-index:2;bottom:40px;right:42px;left:45px;color:#fff;display:flex;align-items:center;gap:13px;font-size:12px}.hero-media-note i{display:block;width:45px;height:1px;background:var(--gold)}.hero-photo-index{position:absolute;z-index:2;top:43px;left:45px;color:#fff;font:12px Arial,sans-serif;letter-spacing:1.8px}.hero-bottom{position:absolute;z-index:4;bottom:0;right:0;left:0;background:var(--blue);color:#e5ebfb}.hero-bottom .wrap{height:38px;display:flex;align-items:center;justify-content:space-between;font:10px Arial,sans-serif;letter-spacing:1.2px}.bottom-index{color:#ffc84a}
.section{padding:100px 0}.about{background:#fff}.about-layout{display:grid;grid-template-columns:.22fr 1.1fr .68fr;gap:50px;align-items:center}.section-index{height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:12px;color:#687890;font-size:12px}.section-index>span:first-child{font:600 15px Arial,sans-serif;color:var(--red)}.index-line{width:1px;height:80px;background:#c8d0dc;margin:3px 0}.eyebrow{font-size:12px;letter-spacing:.15px;color:var(--red);font-weight:600;margin:0}.about-main h2,.section-head h2,.gallery-head h2{font-size:clamp(34px,4vw,51px);line-height:1.4;color:#182f73;margin:9px 0 21px;font-weight:700;letter-spacing:-.8px}.about-main h2 span{color:var(--blue)}.about-text{display:grid;grid-template-columns:1fr 1fr;gap:26px}.about-text p{font-size:14px;line-height:2.05;color:#5b687b;margin:0}.about-aside{min-height:270px;background:#eff2f7;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.about-aside:before{content:"";position:absolute;width:155px;height:155px;border:1px solid #d3d9e3;transform:rotate(45deg)}.aside-tag{position:absolute;top:15px;right:15px;color:#8691a1;font:10px Arial,sans-serif;letter-spacing:1.4px}.aside-logo{position:relative;background:#fff;width:130px;height:120px;display:grid;place-items:center;box-shadow:0 15px 35px #213a6b10}.aside-logo img{width:93px;height:88px;object-fit:contain}.aside-caption{position:relative;text-align:center;display:flex;flex-direction:column;line-height:1.6;margin-top:14px}.aside-caption b{font-size:13px;color:var(--blue)}.aside-caption span{font-size:11px;color:#738096}
.products{background:#f4f6f9;padding-top:93px;padding-bottom:100px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.section-head h2{margin-bottom:0}.section-intro{max-width:390px;color:#68758a;font-size:14px;line-height:2;margin:0 0 4px}.product-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.product-card{min-height:345px;display:grid;grid-template-columns:.95fr 1.05fr;background:#fff;border:1px solid #e7eaf0;overflow:hidden;transition:transform .24s,box-shadow .24s}.product-card:hover{transform:translateY(-4px);box-shadow:0 15px 36px #112b5b12}.product-card-large{grid-column:1/-1;grid-template-columns:1.1fr .9fr;min-height:390px}.product-card-accessory{grid-column:1/-1;grid-template-columns:.88fr 1.12fr}.product-image{position:relative;background:#fff;min-height:345px;overflow:hidden}.product-card-large .product-image{min-height:390px}.product-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s}.product-card:nth-child(2) .product-image img{object-position:center 42%}.product-card:nth-child(4) .product-image img{object-position:center 50%}.product-card:hover .product-image img{transform:scale(1.035)}.product-label{position:absolute;top:14px;right:14px;background:var(--blue);color:#fff;font:10px Arial,sans-serif;letter-spacing:.8px;padding:7px 9px}.product-info{display:grid;grid-template-columns:39px 1fr;gap:14px;padding:29px 24px;align-content:center;position:relative}.product-info:before{content:"";position:absolute;top:0;right:0;width:4px;height:55px;background:var(--gold)}.product-number{font:13px Arial,sans-serif;color:var(--red);padding-top:3px}.product-type{font-size:12px;color:#78849a;margin:0 0 5px}.product-info h3{font-size:25px;line-height:1.4;color:#1b347d;margin:0 0 12px}.product-info p:not(.product-type){font-size:13px;color:#657187;line-height:1.9;margin:0 0 17px}.product-info a{color:var(--blue);font-size:12px;font-weight:600;border-bottom:1px solid #c7d1e3;padding-bottom:4px;display:inline-block;transition:color .2s,border-color .2s}.product-info a:hover{color:var(--red);border-color:var(--red)}.product-note{display:flex;align-items:center;gap:12px;margin-top:20px;border-right:3px solid var(--gold);padding:9px 15px;background:#fff}.note-mark{width:20px;height:20px;border:1px solid #d4b047;color:#92700e;display:grid;place-items:center;font:12px Georgia,serif;font-style:italic;flex:none}.product-note p{font-size:12px;line-height:1.8;color:#69768a;margin:0}
.vision{background:var(--blue);color:#fff;position:relative;overflow:hidden}.vision:before{content:"";position:absolute;left:-130px;top:-125px;width:390px;height:390px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 45px #ffffff0c,0 0 0 90px #ffffff08}.vision-layout{position:relative;z-index:1;display:grid;grid-template-columns:.94fr 1.06fr;gap:95px;align-items:center}.eyebrow-light{color:#ffd46a}.vision-heading h2{font-size:clamp(39px,4.8vw,60px);line-height:1.35;margin:12px 0 17px;color:#fff}.vision-heading h2 span{color:#ffc83f}.vision-heading>p:not(.eyebrow){max-width:440px;font-size:15px;line-height:2;color:#d4def5;margin:0 0 20px}.text-link{display:inline-flex;color:#ffd04e;border-bottom:1px solid #ffd04e;padding-bottom:5px;font-size:13px;font-weight:600}.vision-content{border-top:1px solid #ffffff48}.vision-topline{display:flex;justify-content:space-between;padding:12px 0;color:#d5dffa;font-size:11px}.vision-topline span:last-child{font:10px Arial,sans-serif;letter-spacing:1.2px}.vision-content article{display:grid;grid-template-columns:39px 1fr;gap:13px;padding:22px 0;border-top:1px solid #ffffff32;transition:padding .2s}.vision-content article:hover{padding-inline:8px}.vision-content article>span{font:13px Arial,sans-serif;color:#ffd04e;padding-top:2px}.vision-content h3{font-size:17px;color:#fff;margin:0 0 5px;font-weight:600}.vision-content article p{font-size:13px;line-height:1.8;color:#d1dcf3;margin:0}.vision-signature{display:flex;align-items:center;gap:10px;margin-top:11px;padding-top:16px;border-top:1px solid #ffffff32;color:#fff;font-size:12px}.signature-logo{width:38px;height:38px;background:#fff;display:grid;place-items:center}.signature-logo img{width:31px;height:29px;object-fit:contain}.vision-signature small{color:#d1dcf3;font-size:10px}
.gallery{background:#fff;padding-top:94px;padding-bottom:96px}.gallery-head{display:grid;grid-template-columns:1fr .55fr;align-items:end;gap:40px;margin-bottom:32px}.gallery-head h2{margin-bottom:0}.gallery-head>p{font-size:14px;color:#6c788b;line-height:2;max-width:370px;margin:0 0 5px}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:170px;gap:12px}.gallery-tile{margin:0;position:relative;background:#dce3ec;overflow:hidden;isolation:isolate}.gallery-tile:nth-child(1){grid-column:span 2;grid-row:span 2}.gallery-tile:nth-child(6){grid-row:span 2}.gallery-tile:nth-child(11){grid-column:span 2}.gallery-tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s,filter .35s;filter:saturate(.83)}.gallery-tile:hover img{transform:scale(1.05);filter:saturate(1)}.gallery-tile:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,#0a1d43bc);pointer-events:none}.gallery-tile figcaption{position:absolute;z-index:1;right:14px;bottom:12px;color:#fff;font-size:12px}.gallery-tile figcaption span{font:10px Arial,sans-serif;color:#ffdf86;display:block;letter-spacing:1px}.gallery-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:23px;padding-top:12px;color:#7d8999;font:10px Arial,sans-serif;letter-spacing:1px}.gallery-footer b{font-family:var(--font);font-size:13px;color:var(--blue)}
.contact{background:#10245e;color:white;padding-top:86px;padding-bottom:89px;position:relative;overflow:hidden}.contact:after{content:"";position:absolute;bottom:-165px;left:-62px;width:400px;height:270px;border:1px solid #ffffff20;border-radius:50%}.contact-layout{position:relative;z-index:1;display:grid;grid-template-columns:.95fr 1.05fr;gap:90px;align-items:center}.contact-lead h2{font-size:clamp(40px,4.5vw,58px);line-height:1.4;margin:12px 0 14px;color:white}.contact-lead h2 span{color:#ffd04e}.contact-lead>p:not(.eyebrow){font-size:14px;line-height:2;color:#d5def2;max-width:390px;margin:0 0 22px}.whatsapp-button{display:inline-flex;align-items:center;gap:10px;padding:11px 16px;background:#25c76a;color:#062d1a;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.whatsapp-button:hover{background:#6fe49c;transform:translateY(-2px)}.whatsapp-button svg{width:21px;height:21px;fill:currentColor}.contact-details{border-right:1px solid #ffffff45;padding-right:38px;display:grid;grid-template-columns:1fr 1fr;gap:27px 23px}.contact-line{display:flex;align-items:flex-start;gap:12px}.contact-icon{width:37px;height:37px;display:grid;place-items:center;flex:none;border:1px solid #ffffff50;color:#ffd04e}.contact-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.contact-line>div{display:flex;flex-direction:column;line-height:1.75}.contact-line small{color:#c2cde9;font-size:11px;margin-bottom:3px}.contact-line a,.contact-muted{color:white;font-size:13px}.contact-line a:hover{color:#ffdb76}.contact-muted{font-size:11px;color:#c2cde9}
.footer{background:#0c1944;color:#d1daef}.footer-grid{display:grid;grid-template-columns:1.35fr .65fr 1fr .75fr;gap:38px;padding:42px 0 35px}.brand-footer{align-items:flex-start}.brand-footer img{width:56px;height:54px}.brand-footer .brand-title{padding-top:2px}.brand-footer .brand-title b{font-size:17px;color:#fff}.brand-footer .brand-title small{max-width:240px;white-space:normal;color:#b4c0dd;font-size:10px;line-height:1.7}.footer-brand>p{max-width:290px;color:#b2beda;font-size:12px;line-height:1.9;margin:12px 0 0}.footer-grid h3{font-size:13px;color:#fff;margin:4px 0 15px}.footer-links,.footer-address{display:flex;flex-direction:column;align-items:flex-start}.footer-links a,.footer-address a,.footer-address span{font-size:12px;color:#c3cde3;margin-bottom:8px;transition:color .2s}.footer-links a:hover,.footer-address a:hover{color:#ffcf46}.footer-address a[dir=ltr]{font-family:Arial,sans-serif}.socials{display:flex;gap:8px;margin-bottom:16px}.socials a{width:34px;height:34px;border:1px solid #ffffff4a;display:grid;place-items:center;color:white;transition:background .2s,color .2s,border .2s}.socials a:hover{background:var(--gold);border-color:var(--gold);color:#182b62}.socials svg{width:16px;height:16px;fill:currentColor;stroke:currentColor;stroke-width:.6;stroke-linecap:round;stroke-linejoin:round}.footer-wa{display:inline-flex;align-items:center;gap:8px;color:#83e4a9;font-size:12px}.footer-wa svg{width:18px;height:18px;fill:currentColor}.footer-bottom{border-top:1px solid #ffffff24}.footer-bottom .wrap{min-height:47px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#aab7d3;font-size:11px}.footer-bottom a{color:#ffd04e}.floating-wa{position:fixed;z-index:50;left:22px;bottom:22px;display:flex;align-items:center;gap:9px;background:#20c869;color:#07371f;border:1px solid #fff;padding:11px 15px;box-shadow:0 8px 28px #07183d38;font-size:12px;font-weight:600;transition:transform .2s,background .2s}.floating-wa:hover{transform:translateY(-3px);background:#62df91}.floating-wa svg{width:22px;height:22px;fill:currentColor}.reveal{opacity:0;transform:translateY(15px);transition:opacity .5s ease,transform .5s ease}.reveal.in-view{opacity:1;transform:none}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.header-inner{gap:18px}.brand-title b{font-size:17px}.brand-title small{font-size:10px}.nav{gap:15px}.nav a{font-size:12px}.header-cta{padding-inline:11px}.hero-copy{padding-left:34px}.about-layout{gap:28px;grid-template-columns:.17fr 1.1fr .63fr}.about-text{gap:17px}.vision-layout{gap:54px}.contact-layout{gap:55px}.footer-grid{gap:24px}.gallery-grid{grid-auto-rows:150px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.topline-inner{min-height:34px}.topline-inner>span{font-size:10px}.topline-contact{font-size:10px;gap:8px}.header:after{bottom:-6px;height:7px}.header-inner{min-height:74px;gap:10px}.brand{gap:8px}.brand img{width:47px;height:45px}.brand-title b{font-size:14px}.brand-title small{font-size:9px;max-width:165px;white-space:normal;line-height:1.4}.header-cta{min-height:36px;padding:0 9px;font-size:10px;gap:6px}.header-cta svg{width:16px;height:16px}.menu-toggle{display:flex;order:4;margin-right:auto;width:35px;height:35px;border:1px solid #d5dceb;background:white;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu-toggle span{height:2px;width:16px;background:var(--blue);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.nav{display:none;position:absolute;top:74px;right:0;left:0;background:#fff;box-shadow:0 14px 23px #0f26551c;padding:7px 18px 12px;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #e4e8ef}.nav.open{display:flex}.nav a{padding:10px 5px;border-bottom:1px solid #edf0f5;font-size:13px}.nav a:after{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:50px 25px 35px;order:1}.hero-kicker{font-size:12px}.hero h1{font-size:clamp(43px,12vw,60px);line-height:1.32;margin:15px 0}.hero-copy>p{font-size:14px;line-height:1.95}.hero-actions{margin-top:20px;flex-wrap:wrap}.button{min-height:44px;font-size:12px;padding-inline:15px}.hero-identity{margin-top:25px;padding-top:12px}.hero-media{order:2;min-height:320px;height:320px}.hero-media:before{inset:14px}.hero-photo-index{top:25px;left:28px;font-size:10px}.hero-media-note{right:26px;left:25px;bottom:31px;font-size:11px}.hero-media-note i{width:30px}.hero-bottom{position:relative;grid-column:1;order:3}.hero-bottom .wrap{height:34px;font-size:8px}.section{padding:68px 0}.about-layout{grid-template-columns:1fr;gap:15px}.section-index{height:auto;flex-direction:row;align-items:center;gap:10px}.index-line{width:44px;height:1px;margin:0}.about-main h2,.section-head h2,.gallery-head h2{font-size:34px;line-height:1.42;margin:7px 0 16px}.about-text{grid-template-columns:1fr;gap:11px}.about-text p{font-size:14px;line-height:1.95}.about-aside{min-height:220px;margin-top:12px}.aside-logo{width:105px;height:96px}.aside-logo img{width:77px;height:72px}.products{padding-block:68px}.section-head{display:block;margin-bottom:24px}.section-intro{font-size:13px;line-height:1.9;margin-top:12px}.product-list{grid-template-columns:1fr;gap:13px}.product-card,.product-card-large,.product-card-accessory{grid-column:auto;grid-template-columns:.94fr 1.06fr;min-height:245px}.product-image,.product-card-large .product-image{min-height:245px}.product-info{padding:17px 13px;grid-template-columns:25px 1fr;gap:8px}.product-info h3{font-size:18px;line-height:1.45;margin-bottom:8px}.product-type{font-size:10px;line-height:1.6}.product-number{font-size:11px}.product-info p:not(.product-type){font-size:11px;line-height:1.75;margin-bottom:12px}.product-info a{font-size:10px}.product-label{font-size:8px;top:8px;right:8px;padding:5px 6px}.product-note{align-items:flex-start;margin-top:13px;padding:9px 11px}.product-note p{font-size:11px}.vision{padding-block:68px}.vision-layout{grid-template-columns:1fr;gap:32px}.vision-heading h2{font-size:43px;line-height:1.35;margin:10px 0 13px}.vision-heading>p:not(.eyebrow){font-size:14px;line-height:1.9}.vision-content article{padding:17px 0}.vision-content h3{font-size:15px}.vision-content article p{font-size:12px}.gallery{padding:69px 0}.gallery-head{grid-template-columns:1fr;gap:10px;margin-bottom:21px}.gallery-head h2{font-size:34px}.gallery-head>p{font-size:13px;line-height:1.85}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:145px;gap:9px}.gallery-tile:nth-child(1){grid-column:span 2;grid-row:span 2}.gallery-tile:nth-child(6){grid-row:span 1}.gallery-tile:nth-child(11){grid-column:span 2}.gallery-tile figcaption{font-size:11px;right:10px;bottom:9px}.gallery-tile figcaption span{font-size:9px}.gallery-footer{font-size:9px}.contact{padding-block:66px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-lead h2{font-size:44px;line-height:1.35}.contact-lead>p:not(.eyebrow){font-size:13px;line-height:1.9}.contact-details{padding-right:16px;gap:21px 14px}.contact-icon{width:32px;height:32px}.contact-icon svg{width:16px;height:16px}.contact-line{gap:9px}.contact-line small{font-size:10px}.contact-line a,.contact-muted{font-size:11px}.footer-grid{grid-template-columns:1fr 1fr;gap:26px 17px;padding:35px 0 29px}.footer-brand{grid-column:1/-1}.brand-footer img{width:47px;height:45px}.footer-brand>p{font-size:11px}.footer-grid h3{font-size:12px;margin-bottom:12px}.footer-links a,.footer-address a,.footer-address span{font-size:11px}.footer-social{grid-column:1/-1}.footer-bottom .wrap{min-height:44px;font-size:9px}.floating-wa{left:12px;bottom:12px;padding:9px 11px;gap:7px;font-size:10px}.floating-wa svg{width:20px;height:20px}}
@media(max-width:380px){.topline-inner>span{max-width:124px;line-height:1.3}.topline-contact{font-size:9px}.product-card,.product-card-large,.product-card-accessory{grid-template-columns:.85fr 1.15fr}.product-info{padding-inline:10px}.contact-details{grid-template-columns:1fr}.footer-grid{gap:21px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Compact rotating product banner supplied by the company. */
.product-banner{position:relative;height:clamp(320px,34vw,430px);overflow:hidden;background:#0b2253;color:#fff;isolation:isolate}
.product-banner-track,.product-banner-slide{position:absolute;inset:0}
.product-banner-slide{opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s;overflow:hidden}
.product-banner-slide.is-active{opacity:1;visibility:visible;z-index:1}
.product-banner-slide img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.96) contrast(1.03);transform:scale(1.025);transition:transform 5.5s ease}
.product-banner-slide.is-active img{transform:scale(1)}
.product-banner-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071b49f2 0%,#0b2253c9 34%,#0b22534d 64%,#071b4922 100%)}
.product-banner-copy{position:absolute;z-index:2;right:max(6vw,40px);top:50%;width:min(470px,42vw);transform:translateY(-50%)}
.product-banner-copy span{display:block;margin-bottom:10px;color:#ffd04e;font:700 11px Arial,sans-serif;letter-spacing:2px}
.product-banner-copy h1,.product-banner-copy h2{margin:0 0 10px;color:#fff;font-size:clamp(34px,4.2vw,58px);line-height:1.28;letter-spacing:-1px}
.product-banner-copy p{margin:0;color:#dce5f7;font-size:15px;line-height:1.9}
.product-banner-arrow{position:absolute;z-index:4;top:50%;width:43px;height:43px;display:grid;place-items:center;border:1px solid #ffffff7a;border-radius:50%;background:#071b497d;color:#fff;font-size:20px;cursor:pointer;transform:translateY(-50%);backdrop-filter:blur(6px);transition:background .2s,border-color .2s}
.product-banner-arrow:hover{background:var(--gold);border-color:var(--gold);color:#11275d}
.product-banner-prev{right:22px}.product-banner-next{left:22px}
.product-banner-dots{position:absolute;z-index:4;right:50%;bottom:18px;display:flex;gap:7px;transform:translateX(50%)}
.product-banner-dots button{width:23px;height:3px;padding:0;border:0;background:#ffffff70;cursor:pointer;transition:width .2s,background .2s}
.product-banner-dots button.is-active{width:42px;background:#ffd04e}
@media(max-width:760px){.product-banner{height:245px;margin-top:17px}.product-banner-slide img{object-position:64% center}.product-banner-slide:after{background:linear-gradient(90deg,#071b49f5 0%,#0b2253d9 44%,#0b22534a 84%,transparent 100%)}.product-banner-copy{right:24px;width:62vw}.product-banner-copy span{font-size:8px;letter-spacing:1.3px;margin-bottom:7px}.product-banner-copy h1,.product-banner-copy h2{font-size:26px;line-height:1.35;margin-bottom:5px}.product-banner-copy p{font-size:11px;line-height:1.7}.product-banner-arrow{width:32px;height:32px;font-size:15px;top:auto;bottom:12px;transform:none}.product-banner-prev{right:15px}.product-banner-next{left:15px}.product-banner-dots{bottom:25px}.product-banner-dots button{width:15px}.product-banner-dots button.is-active{width:27px}}
@media(max-width:420px){.product-banner{height:225px}.product-banner-copy{right:20px;width:68vw}.product-banner-copy h1,.product-banner-copy h2{font-size:23px}.product-banner-copy p{max-width:240px}.product-banner-dots{bottom:24px}}

/* Main product showcase: a large, clear submersible pump instead of the old industrial scene. */
.hero-media-pump{background:linear-gradient(145deg,#edf3f9 0%,#fff 48%,#d9e6f2 100%)}
.hero-media-pump img{object-fit:contain;object-position:center;padding:24px 56px 54px;background:transparent;filter:contrast(1.035) saturate(1.04)}
.hero-media-pump:after{background:linear-gradient(0deg,#10265edb 0%,#1739a552 25%,transparent 54%)}
.hero-media-pump:hover img{transform:scale(1.025)}
@media(max-width:760px){.hero-media-pump img{padding:15px 42px 46px}.hero-media-pump:after{background:linear-gradient(0deg,#10265ee0 0%,#1739a54d 27%,transparent 58%)}}

/* Smooth brand wave at the site header and footer. */
.header{z-index:20}
.header:after{content:"";position:absolute;z-index:0;right:0;left:0;bottom:-22px;height:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 50' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop stop-color='%23e9473d'/%3E%3Cstop offset='.12' stop-color='%23e6b936'/%3E%3Cstop offset='.2' stop-color='%231739a5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M0 0h1440v17c-130 16-237-3-355 7s-222 21-352 7S510 11 382 23 125 40 0 25z'/%3E%3Cpath fill='none' stroke='%23ffffff' stroke-opacity='.9' stroke-width='1.4' d='M0 28c129 15 255 10 382-2s221-6 351 8 234 3 352-7 225 9 355-7'/%3E%3C/svg%3E");background-size:100% 100%;pointer-events:none}
.header-inner{position:relative;z-index:1}
.footer{position:relative;padding-top:58px;overflow:visible}
.footer:before{content:"";position:absolute;z-index:0;right:0;left:0;top:-30px;height:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath fill='%230c1944' d='M0 38c143-16 251 7 386-5s235-21 368-5 213 16 350 5 211-10 336 2v25H0z'/%3E%3Cpath fill='none' stroke='%23ffffff' stroke-opacity='.85' stroke-width='1.5' d='M0 32c143-16 251 7 386-5s235-21 368-5 213 16 350 5 211-10 336 2'/%3E%3C/svg%3E");background-size:100% 100%;pointer-events:none}
.footer-grid,.footer-bottom{position:relative;z-index:1}
@media(max-width:760px){.header:after{bottom:-17px;height:22px}.header-inner{min-height:74px}.nav{top:74px}.footer{padding-top:50px}.footer:before{top:-25px;height:29px}}

/* Product imagery: clean focal crops, a calmer card grid, and a real product image in About. */
.about-aside{min-height:350px;background:#0b1d43;border-radius:18px;box-shadow:0 22px 48px #122c551a}
.about-aside:before{display:none}
.about-product-photo{position:absolute;inset:0;margin:0;overflow:hidden;background:#dce7f1}
.about-product-photo img{width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(1.06) contrast(1.04);transition:transform .6s}
.about-product-photo:hover img{transform:scale(1.035)}
.about-product-photo:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(0deg,#081a3be8,transparent);pointer-events:none}
.about-product-photo figcaption{position:absolute;z-index:1;right:20px;bottom:17px;display:flex;flex-direction:column;gap:2px;color:#fff}
.about-product-photo figcaption span{font-size:12px;color:#dbe5f5}
.about-product-photo figcaption b{font-size:17px}
.product-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.product-card,.product-card-large,.product-card-accessory{grid-column:auto;display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid #e3e8f0;border-radius:17px;box-shadow:0 8px 22px #122c5508}
.product-card:hover{box-shadow:0 18px 38px #112b5b18}
.product-image,.product-card-large .product-image{width:100%;min-height:0;aspect-ratio:1.2;background:#fff;isolation:isolate}
.product-image:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(0deg,#0b1d4324,transparent);pointer-events:none}
.product-image img{object-fit:cover;filter:saturate(1.06) contrast(1.025)}
.product-card:nth-child(1) .product-image img{object-position:center 44%}
.product-card:nth-child(3) .product-image img{object-position:center 44%}
.product-card:nth-child(4) .product-image img{object-position:center 18%}
.product-card:nth-child(6) .product-image img{object-position:center 48%}
.product-info{flex:1;grid-template-columns:32px 1fr;gap:12px;padding:22px 19px 21px;align-content:start}
.product-info h3{font-size:20px;line-height:1.5;margin:4px 0 8px}
.product-info p:not(.product-type){font-size:13px;line-height:1.85;margin:0 0 15px}
.product-info a{display:inline-flex;min-height:38px;align-items:center;padding:0 13px;border:1px solid #d7e0ef;border-radius:999px;font-size:12px;font-weight:600;color:var(--blue);transition:background .2s,color .2s,border .2s}
.product-info a:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.product-label{z-index:1;border-radius:999px;background:#112b72e8;backdrop-filter:blur(6px)}
.gallery-tile{border-radius:14px}
.floating-wa{left:18px;bottom:18px;width:62px;height:62px;padding:0;gap:0;display:grid;place-items:center;border:0;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 9px 26px #102d2b45;transition:transform .2s,box-shadow .2s,background .2s}
.floating-wa:hover{transform:translateY(-3px) scale(1.04);background:#1fbd5b;box-shadow:0 12px 32px #102d2b52}
.floating-wa:focus-visible{outline:3px solid #123c7b;outline-offset:4px}
.floating-wa svg{width:34px;height:34px;fill:#fff}
.wa-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.product-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.about-aside{min-height:230px}.about-product-photo figcaption{right:15px;bottom:12px}.about-product-photo figcaption b{font-size:15px}.product-list{grid-template-columns:1fr;gap:14px}.product-card,.product-card-large,.product-card-accessory{display:grid;grid-template-columns:.86fr 1.14fr;min-height:235px}.product-image,.product-card-large .product-image{width:auto;min-height:235px;height:100%;aspect-ratio:auto}.product-info{padding:17px 15px;grid-template-columns:27px 1fr;gap:8px}.product-info h3{font-size:18px;line-height:1.45;margin:4px 0 7px}.product-info p:not(.product-type){font-size:13px;line-height:1.75;margin-bottom:12px}.product-info a{min-height:35px;font-size:12px;padding-inline:11px}.product-label{font-size:9px;top:9px;right:9px}.gallery-tile{border-radius:10px}.floating-wa{left:15px;bottom:15px;width:58px;height:58px;padding:0;gap:0;font-size:0}.floating-wa svg{width:32px;height:32px}}
@media(max-width:380px){.product-card,.product-card-large,.product-card-accessory{grid-template-columns:.8fr 1.2fr}.product-info{padding:15px 12px}.product-info h3{font-size:17px}.product-info p:not(.product-type){font-size:12px}.floating-wa{left:12px;bottom:12px;width:56px;height:56px}}

/* A pronounced, flowing header edge that overlaps the opening banner. */
.header:after{z-index:0;bottom:-43px;height:54px;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0 0H1440V31c-148 48-283-9-451 22-185 35-322-25-500 10C304 99 151 38 0 69Z'/%3E%3Cpath fill='none' stroke='%231739a5' stroke-width='3' stroke-linecap='round' d='M0 69c151-31 304 30 489-6 178-35 315 25 500-10 168-31 303 26 451-22'/%3E%3Cpath fill='none' stroke='%23e6b936' stroke-width='5' stroke-linecap='round' d='M0 69c86-18 171-7 258 3'/%3E%3C/svg%3E");background-size:100% 100%;clip-path:none;pointer-events:none}
.footer{padding-top:72px}
.footer:before{top:-48px;height:55px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath fill='%230c1944' d='M0 57c131-18 238-6 359-17s232-24 364-8 235 25 367 11 230-8 350 3v44H0z'/%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='4' stroke-linecap='round' d='M0 52c131-18 238-6 359-17s232-24 364-8 235 25 367 11 230-8 350 3'/%3E%3C/svg%3E");background-size:100% 100%}
@media(max-width:760px){.header:after{bottom:-34px;height:43px}.product-banner{margin-top:0}.footer{padding-top:61px}.footer:before{top:-39px;height:45px}}

/* Give contact details room to breathe before the footer transition. */
.contact{padding-bottom:148px}
.contact-layout{grid-template-columns:1fr .95fr 1fr;gap:clamp(24px,3vw,42px)}
.contact-product{position:relative;align-self:stretch;min-height:340px;margin:0;overflow:hidden;border:1px solid #ffffff50;background:#0b1d4b}
.contact-product:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(0deg,#0a1740e8,transparent);pointer-events:none}
.contact-product img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.contact-product figcaption{position:absolute;z-index:1;right:20px;bottom:18px;display:flex;flex-direction:column;gap:3px;color:#fff}
.contact-product figcaption span{font-size:12px;color:#d2ddf4}
.contact-product figcaption b{font-size:17px}
.footer{padding-top:88px}
.footer:before{top:-78px;height:90px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath fill='%230c1944' d='M0 67c118-23 202-7 319-8s218 10 337-9 211-34 346-8 213 34 342 14 216-34 296-13v57H0z'/%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='5' stroke-linecap='round' d='M0 62c118-23 202-7 319-8s218 10 337-9 211-34 346-8 213 34 342 14 216-34 296-13'/%3E%3C/svg%3E")}
@media(max-width:1050px) and (min-width:761px){.contact-layout{grid-template-columns:.9fr 1fr 1fr;gap:25px}.contact-details{grid-template-columns:1fr;padding-right:18px;gap:17px}.contact-product{min-height:300px}.contact-lead h2{font-size:clamp(34px,4vw,48px)}}
@media(max-width:760px){.contact{padding-bottom:144px}.contact-layout{grid-template-columns:1fr;gap:24px}.contact-lead{grid-row:1}.contact-details{grid-row:2}.contact-product{grid-row:3;min-height:225px;aspect-ratio:1.55}.contact-product figcaption{right:15px;bottom:12px}.contact-product figcaption b{font-size:15px}.footer{padding-top:82px}.footer:before{top:-68px;height:78px}}


/* Contact section without the product photo; give the footer wave generous space. */
.contact{padding-bottom:230px}
.contact-layout{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,5vw,72px)}
.contact-lead,.contact-details{grid-row:auto}
.footer{padding-top:112px}
.footer:before{top:-100px;height:116px}
@media(max-width:760px){
  .contact{padding-bottom:210px}
  .contact-layout{grid-template-columns:1fr;gap:28px}
  .contact-lead{grid-row:1}
  .contact-details{grid-row:2}
  .footer{padding-top:98px}
  .footer:before{top:-86px;height:98px}
}