@font-face{font-family:Tajawal;src:url('fonts/Tajawal-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Tajawal;src:url('fonts/Tajawal-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Tajawal;src:url('fonts/Tajawal-ExtraBold.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
:root{--petrol:#064e57;--deep:#04333e;--cyan:#00bee3;--ink:#123d48;--gray:#646464;--mint:#e0f3ee;--line:#e5edee;--page:#fcfdfc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--page);color:var(--ink);font-family:Tajawal,Tahoma,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.85}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #008ca6;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.45}h2{font-size:29px;letter-spacing:-.5px}h3{font-size:19px}p{color:var(--gray)}[hidden]{display:none!important}.container{width:min(1220px,calc(100% - 80px));margin-inline:auto}.skip-link{position:fixed;top:-100px;z-index:99;background:white;padding:12px}.skip-link:focus{top:0}.site-header{background:#fff;border-bottom:1px solid #edf3f3}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:108px}.brand{flex-shrink:0}.brand img{width:128px;height:95px;object-fit:contain}.main-nav{display:flex;gap:27px;align-items:center}.main-nav a{font-size:13px;white-space:nowrap;padding-block:12px;position:relative}.main-nav a:hover{color:#00879c}.main-nav a[aria-current]:after{content:"";position:absolute;bottom:5px;inset-inline:0;height:2px;background:var(--cyan)}.header-actions{display:flex;align-items:center;gap:20px}.language-link{font-size:13px;border-inline-start:1px solid var(--line);padding-inline-start:18px}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;background:var(--cyan);color:var(--deep);border:1px solid transparent;padding:12px 24px;border-radius:6px;font-weight:700;font-size:14px;line-height:1.7;transition:background .2s,box-shadow .2s}.button:hover{background:#22cdeb;box-shadow:0 5px 18px #064e5715}.button-small{font-size:12px;padding:10px 17px;gap:14px}.button-dark{background:var(--petrol);color:white}.button-dark:hover{background:var(--deep)}.arrow{font-family:Arial,sans-serif;font-size:21px;font-weight:400}[dir=ltr] .arrow{transform:scaleX(-1)}.menu-toggle{display:none;border:1px solid var(--line);border-radius:5px;background:white;color:var(--petrol);padding:7px 12px}.hero{background:#f1f8f8;position:relative;isolation:isolate;overflow:hidden}.hero-slides{display:grid}.hero-slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s;pointer-events:none}.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}.hero-layout{display:grid;grid-template-columns:44% 56%;align-items:center;min-height:490px;position:relative}.hero-copy{padding-block:46px;position:relative;z-index:2;padding-inline-end:24px}.eyebrow{color:#007f96;font-size:12px;font-weight:700;letter-spacing:.2px;margin-bottom:10px}.hero .eyebrow{display:flex;align-items:center;gap:10px}.hero .eyebrow span{width:23px;height:2px;background:var(--cyan)}.hero h1,.hero h2{font-size:clamp(36px,4.3vw,58px);font-weight:800;line-height:1.35;letter-spacing:-1.5px;color:var(--deep)}.hero em{font-style:normal;color:#008fa9}.hero-description{max-width:460px;font-size:15px;line-height:1.95;margin-block:18px 25px;color:#45626a;min-height:88px}.hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.text-link{font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:12px;color:var(--petrol)}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.hero-values{display:flex;gap:18px;padding:0;list-style:none;margin-block:28px 0;font-size:10px;white-space:nowrap}.hero-values span{color:#00879c;margin-inline-end:4px}.hero-art{height:100%;position:relative;margin-inline-end:calc((1220px - 100vw)/2);min-width:0;overflow:hidden}.hero-art img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:52% center}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(to left,#f1f8f8 0%,transparent 24%)}[dir=ltr] .hero-art:after{background:linear-gradient(to right,#f1f8f8 0%,transparent 24%)}.hero-bottom{height:50px;position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between}.image-note{font-size:10px;color:#617b80}.carousel-controls{display:flex;align-items:center;gap:14px;direction:ltr}.round-control,.pause-control{display:grid;place-items:center;border:1px solid #b9d7dc;background:#ffffffd9;color:var(--petrol);border-radius:50%;width:32px;height:32px;line-height:1}.pause-control{border-radius:6px;font-size:14px}.carousel-dots{display:flex;gap:4px}.carousel-dots button{width:26px;height:32px;border:0;background:transparent;padding:8px}.carousel-dots button:after{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#aac7cd}.carousel-dots button[aria-pressed=true]:after{background:#008da7;box-shadow:0 0 0 4px #00bee31a}.section{padding-block:65px}.section-heading{margin-bottom:30px}.section-heading>p,.section-heading>div+p{font-size:13px;line-height:1.9;margin-top:12px}.centered{text-align:center}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.service-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white;box-shadow:0 7px 28px #16455006}.service-image{position:relative;margin:9px 9px 0;border-radius:6px;overflow:hidden;aspect-ratio:1.95}.service-image img{width:100%;height:100%;object-fit:cover}.service-number{position:absolute;inset-inline-start:12px;bottom:10px;color:#fff;background:#064e57e8;font-size:12px;border-radius:4px;padding:1px 9px}.service-copy{padding:19px 20px 0}.service-copy>p{font-size:12px;min-height:72px;margin-block:10px}.service-tags{font-size:10px;color:#607c81;display:block;min-height:37px}.service-link{display:flex;justify-content:space-between;align-items:center;padding-block:11px;border-top:1px solid var(--line);font-size:12px;font-weight:700}.service-link:hover{color:#00889e}.portfolio-area{background:linear-gradient(#f5f9f9,#fff)}.split-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.split-heading>p{max-width:440px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product-card{display:flex;align-items:start;gap:22px;padding:27px;background:white;border:1px solid var(--line);border-radius:8px}.product-symbol{width:58px;height:64px;flex-shrink:0;display:grid;place-items:center;background:#eaf7f7;color:var(--petrol);font-size:31px;border-radius:8px}.tag{color:#55767b;font-size:10px;display:inline-block;background:#edf5f4;border-radius:4px;padding:2px 8px;margin-bottom:9px}.product-card h3{font-size:18px}.product-card p{font-size:12px;line-height:1.9;margin-block:10px 15px}.works{padding-bottom:65px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.work-card{display:flex;gap:24px;border-top:1px solid #cfdddf;padding-top:24px}.work-index{font-family:Georgia,serif;font-size:43px;line-height:1.3;color:#9bbabf}.work-card p{font-size:12px;margin-top:9px}.development{background:#fff2dd;color:#7b5924}.contact-band{background:#dff2ee;position:relative;overflow:hidden;min-height:265px;isolation:isolate}.contact-picture{position:absolute;left:0;top:0;width:40%;height:100%;z-index:-1}.contact-picture img{width:100%;height:100%;object-fit:cover;object-position:22% center}.contact-picture:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,transparent 65%,#dff2ee 100%)}.contact-layout{display:grid;grid-template-columns:29% 39% 32%;align-items:center;min-height:265px;gap:20px}.contact-copy{grid-column:2;text-align:center;padding-block:30px}.contact-copy h2{font-size:25px}.contact-copy>p:not(.eyebrow){font-size:11px;margin-block:10px 18px}.contact-copy .button{font-size:12px}.contact-values{display:flex;justify-content:space-around;gap:10px;grid-column:1;grid-row:1}.contact-values>div{text-align:center;flex:1}.contact-values strong{font-size:10px;display:block;line-height:1.7}.contact-icon{font-size:23px;width:48px;height:48px;display:grid;place-items:center;background:#c9e9e2;border:1px solid #b5dad3;border-radius:50%;margin:0 auto 12px;color:var(--petrol)}[dir=ltr] .contact-picture{left:auto;right:0}[dir=ltr] .contact-picture:after{background:linear-gradient(to left,transparent 65%,#dff2ee 100%)}.site-footer{background:var(--deep);color:#fff;padding-top:40px}.footer-grid{display:grid;grid-template-columns:1.35fr .8fr 1fr 1fr;gap:48px;direction:ltr}.footer-grid>div{direction:rtl}[dir=ltr] .footer-grid>div{direction:ltr}.footer-brand img{width:270px;height:auto}.footer-brand p{font-size:11px;line-height:1.9;color:#bad1d5;margin-top:18px}.site-footer h2{font-size:12px;color:white;margin-bottom:12px}.site-footer ul{list-style:none;padding:0;margin:0;font-size:11px;line-height:2.1;color:#c1d6da}.site-footer a:hover{color:var(--cyan)}.footer-contact a{font-size:13px;display:block;color:#d8edf0}.footer-contact>span{font-size:12px;display:block;margin-top:12px;color:#a6c4ca}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff15;padding-block:16px;margin-top:32px;font-size:10px;color:#abc8ce}.footer-bottom small{font-size:10px}.footer-bottom>span{direction:ltr}.footer-bottom>span>span{color:var(--cyan);margin-inline:8px}
@media(min-width:1400px){.hero-art{margin-inline-end:calc((1220px - 100vw)/2)}}
@media(max-width:1300px){.hero-art{margin-inline-end:-40px}.main-nav{gap:18px}.header-inner{gap:20px}.header-actions{gap:12px}.language-link{padding-inline-start:12px}.hero h1,.hero h2{font-size:49px}.hero-copy{padding-inline-end:16px}.hero-actions{gap:16px}.hero-actions .button{padding:11px 17px}.hero-values{gap:12px}.footer-grid{gap:30px}}
@media(max-width:1050px){.container{width:calc(100% - 48px)}.header-cta{display:none}.hero-layout{grid-template-columns:48% 52%;min-height:480px}.hero h1,.hero h2{font-size:43px}.hero-art{margin-inline-end:-24px}.hero-description{font-size:14px}.hero-values{white-space:normal;gap:12px;font-size:9px}.hero-actions{gap:14px}.hero-actions .text-link{font-size:11px}.service-grid{gap:16px}.service-copy{padding:16px 15px 0}.service-copy h3{font-size:16px}.service-copy>p{min-height:94px}.contact-layout{grid-template-columns:25% 43% 32%;gap:0}.contact-copy h2{font-size:23px}.contact-values{gap:4px}.contact-values strong{font-size:9px}.contact-icon{width:39px;height:39px}.footer-grid{gap:24px}.split-heading>p{max-width:360px}}
@media(max-width:760px){.container{width:calc(100% - 36px)}body{font-size:14px}.header-inner{min-height:88px;gap:14px;flex-wrap:wrap;position:relative}.brand img{width:100px;height:74px}.header-actions{margin-inline-start:auto}.language-link{font-size:12px;border:0;padding:0}.menu-toggle{order:3;display:block}.main-nav{order:4;width:100%;flex-wrap:wrap;gap:9px 22px;padding-bottom:14px}.js .main-nav{display:none}.js .main-nav.is-open{display:flex}.main-nav a{font-size:12px;padding-block:6px}.hero-layout{grid-template-columns:1fr;min-height:0;width:100%}.hero-copy{padding:30px 23px 22px;min-height:340px;grid-row:1}.hero h1,.hero h2{font-size:39px;line-height:1.35;letter-spacing:-1px}.hero .eyebrow{font-size:10px;margin-bottom:12px}.hero-description{font-size:13px;margin-block:13px 18px;min-height:75px;max-width:100%}.hero-actions{gap:18px}.hero-actions .button{font-size:12px;padding:10px 15px}.hero-actions .text-link{font-size:11px}.hero-values{font-size:9px;margin-top:20px;gap:18px}.hero-art{grid-row:2;margin:0;height:250px}.hero-art img{object-position:center}.hero-art:after,[dir=ltr] .hero-art:after{background:linear-gradient(to bottom,#f1f8f8,transparent 20%)}.hero-bottom{height:54px;gap:10px}.image-note{font-size:8px;max-width:110px;line-height:1.5}.carousel-controls{gap:6px}.round-control,.pause-control{width:30px;height:32px}.carousel-dots button{width:23px}.section{padding-block:42px}.section-heading{margin-bottom:23px}h2{font-size:24px}.section-heading>p,.section-heading>div+p{font-size:12px}.service-grid{grid-template-columns:1fr;gap:20px}.service-image{aspect-ratio:2.05}.service-copy{padding:18px 20px 0}.service-copy h3{font-size:19px}.service-copy>p{min-height:0;margin-block:10px;font-size:13px}.service-tags{min-height:33px;font-size:11px}.service-link{padding-block:12px}.split-heading{display:block}.split-heading>p{max-width:none}.product-grid,.work-grid{grid-template-columns:1fr;gap:18px}.product-card{padding:22px 18px;gap:16px}.product-symbol{width:43px;height:49px;font-size:26px}.product-card h3{font-size:17px}.works{padding-bottom:40px}.work-card{gap:18px}.contact-band{padding-bottom:190px}.contact-layout{display:flex;flex-direction:column-reverse;min-height:0;gap:0}.contact-copy{padding:32px 0 22px;max-width:440px}.contact-copy h2{font-size:25px}.contact-copy>p:not(.eyebrow){font-size:12px}.contact-values{width:100%;padding-bottom:24px}.contact-values strong{font-size:10px}.contact-picture,[dir=ltr] .contact-picture{width:100%;height:190px;top:auto;bottom:0;left:0;right:0}.contact-picture img{object-fit:cover;object-position:center 56%}.contact-picture:after,[dir=ltr] .contact-picture:after{background:linear-gradient(to bottom,#dff2ee 0%,transparent 28%)}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 24px}.footer-brand{grid-column:1/-1}.footer-brand img{width:270px;margin-inline:auto}.footer-brand p{text-align:center;max-width:370px;margin-inline:auto}.footer-contact{grid-column:1/-1;text-align:center}.footer-bottom{display:block;text-align:center;margin-top:25px}.footer-bottom>span{display:block;margin-top:5px}.site-footer{padding-top:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Mobile touch and reading refinements requested during the first visual review. */
@media(max-width:760px){
 .menu-toggle,.language-link{min-height:44px;display:flex;align-items:center;justify-content:center}
 .language-link{min-width:54px}.main-nav a{min-height:44px;display:flex;align-items:center}
 .button{min-height:46px}.hero-description{font-size:14px;line-height:1.9}
 .hero-bottom{height:88px;flex-direction:column;justify-content:center;gap:3px}
 .image-note{font-size:9px;max-width:none}.carousel-controls{gap:6px}
 .round-control,.pause-control{width:44px;height:44px;flex-shrink:0}
 .carousel-dots{gap:0}.carousel-dots button{width:30px;height:44px;padding:11px}
 .service-copy>p,.product-card p,.work-card p{font-size:14px}
 .service-link{min-height:48px}.footer-brand p,.site-footer ul{font-size:12px}
 .site-footer li a{display:inline-flex;align-items:center;min-height:36px}
}
/* Consistent desktop feedback without affecting document flow. */
.button,.round-control,.pause-control,.service-link,.text-link,.language-link,.main-nav a{transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.button{border-radius:7px;box-shadow:0 2px 3px #064e5707}
.button .arrow,.service-link .arrow,.text-link .arrow{transition:translate .18s ease}
.button:active{transform:translateY(1px) scale(.985);box-shadow:inset 0 2px 5px #04333e20}
.round-control:active,.pause-control:active{transform:scale(.93)}
.button:focus-visible{outline:3px solid #08798e;outline-offset:4px;box-shadow:0 0 0 7px #00bee319}
.button-dark:focus-visible{outline-color:#008fa9}
@media(hover:hover) and (pointer:fine){
 .button:hover{background:#19c9e8;border-color:#009fbc;box-shadow:0 6px 16px #064e5721;transform:translateY(-2px)}
 .button-dark:hover{background:#086471;border-color:#187e87;box-shadow:0 6px 16px #04333e26}
 .button:hover .arrow,.service-link:hover .arrow,.text-link:hover .arrow{translate:-4px 0}
 [dir=ltr] .button:hover .arrow,[dir=ltr] .service-link:hover .arrow,[dir=ltr] .text-link:hover .arrow{translate:4px 0}
 .button:active{transform:translateY(1px) scale(.985);box-shadow:inset 0 2px 5px #04333e20}
 .round-control:hover,.pause-control:hover{background:#dff3f2;border-color:#08798e;box-shadow:0 3px 9px #064e5718}
 .carousel-dots button:hover:after{background:#008da7;box-shadow:0 0 0 4px #00bee325}
 .service-link:hover{background:#f0f8f7;color:#075966}
 .text-link:hover{color:#008297;text-decoration:underline;text-underline-offset:5px}
 .language-link:hover,.main-nav a:hover{color:#007589;text-shadow:0 0 .4px currentColor}
}.whatsapp-icon{width:22px;height:22px;flex-shrink:0}.contact-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.button-whatsapp{background:#168844;color:white;gap:9px}.contact-secondary{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 20px;margin-top:12px;font-size:12px}.contact-secondary a{text-decoration:underline;text-underline-offset:4px}.whatsapp-float{position:fixed;left:20px;bottom:max(20px,env(safe-area-inset-bottom));z-index:10;display:flex;align-items:center;gap:10px;border-radius:30px;padding:14px 18px;background:#168844;color:white;box-shadow:0 4px 18px #04333e30;border:2px solid white;font-size:13px;font-weight:700;transition:background .18s,transform .18s}.whatsapp-float .whatsapp-icon{width:26px;height:26px}.whatsapp-float:active{transform:scale(.97)}.inquiry-dialog{width:min(580px,calc(100% - 28px));max-height:calc(100dvh - 40px);border:1px solid #cde1df;border-radius:14px;padding:24px;color:var(--ink);background:#fcfdfc;font:inherit}.inquiry-dialog::backdrop{background:#04333e88}.inquiry-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.inquiry-heading h2{font-size:24px}.inquiry-heading button{border:0;background:#e3f2ee;width:44px;height:44px;border-radius:50%;font-size:26px;color:var(--petrol)}.inquiry-notice{background:#fff4da;color:#6b5224;padding:12px;border-radius:5px;margin-block:16px;font-size:14px}.inquiry-fields{display:grid;gap:7px}.inquiry-fields label{font-size:14px;font-weight:700}.inquiry-fields input,.inquiry-fields textarea{width:100%;border:1px solid #a9c6c9;border-radius:5px;padding:10px;font:inherit;color:var(--ink);background:white;margin-bottom:7px}.inquiry-fields input:focus,.inquiry-fields textarea:focus{outline:2px solid #008fa9;outline-offset:2px}.inquiry-actions{display:flex;flex-wrap:wrap;gap:10px;margin-block:14px}.button:disabled{cursor:not-allowed;opacity:.5;transform:none;box-shadow:none}.inquiry-status{font-size:13px;color:#176940}.site-footer{padding-bottom:68px}
@media(hover:hover) and (pointer:fine){.button-whatsapp:hover,.whatsapp-float:hover{background:#106c35;color:white;border-color:#0e612e}.whatsapp-float:hover{transform:translateY(-2px)}.button:disabled:hover{transform:none;box-shadow:none}}
@media(max-width:760px){.contact-actions{flex-direction:column}.contact-actions .button{width:100%;font-size:14px}.contact-secondary{font-size:13px;gap:12px}.whatsapp-float{left:14px;bottom:max(14px,env(safe-area-inset-bottom));padding:13px;border-radius:50%}.whatsapp-float span{display:none}.inquiry-dialog{padding:18px}.inquiry-fields input,.inquiry-fields textarea{font-size:16px}}
/* Services disclosure animation and responsive cards. */
.services-toggle{border:0;background:transparent;color:inherit;font-size:13px;padding:12px 0;display:inline-flex;align-items:center;gap:7px;min-height:44px}.services-toggle span{transition:transform .28s}.services-toggle[aria-expanded=true]{color:#00879c}.services-toggle[aria-expanded=true] span{transform:rotate(180deg)}.services-panel{display:grid;grid-template-rows:0fr;visibility:hidden;background:linear-gradient(115deg,#fafffd,#eaf7f2);transition:grid-template-rows .28s cubic-bezier(.22,.61,.36,1),visibility .28s;overflow:hidden;overflow-anchor:none}.services-panel.is-open{grid-template-rows:1fr;visibility:visible}.services-panel-clip{min-height:0;overflow:hidden;position:relative}.services-panel-clip:after{content:"";position:absolute;bottom:0;inset-inline:0;height:2px;background:linear-gradient(90deg,#00bee330,#00bee3,#00bee330)}.services-panel-content{padding-block:23px 28px;opacity:0;transform:translateY(-8px);transition:opacity .22s,transform .28s}.is-open>.services-panel-clip>.services-panel-content{opacity:1;transform:none}.services-panel-intro{display:flex;align-items:center;gap:30px;margin-bottom:17px}.services-panel-intro .eyebrow{margin:0;white-space:nowrap}.services-panel-intro>p:last-child{font-size:12px;color:#54736e}.services-panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.services-panel-card{display:flex;align-items:center;gap:14px;padding:19px 16px;background:#ffffffad;border:1px solid #d6e9e4;border-radius:9px;transition:background .2s,border-color .2s,transform .2s}.services-panel-card h2{font-size:17px;letter-spacing:0}.services-panel-card p{font-size:11px;margin-top:6px;color:#54736e}.services-panel-number{font-size:13px;color:#007e8c;background:#e2f4ef;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;flex-shrink:0}.services-panel-card .arrow{margin-inline-start:auto;color:#00879c}.services-panel-card:hover{background:white;border-color:#7acfc5;transform:translateY(-2px)}.services-panel.no-transition{transition:none}.services-panel-card:focus-visible{outline-offset:-4px}
@media(max-width:760px){.services-toggle{font-size:12px}.services-panel-content{padding-block:16px 22px}.services-panel-intro{display:block}.services-panel-intro>p:last-child{margin-top:5px}.services-panel-grid{grid-template-columns:1fr;gap:9px}.services-panel-card{padding:12px;gap:12px}.services-panel-card h2{font-size:16px}.services-panel-card p{font-size:11px}.services-panel-card:hover{transform:none}}
/* Owner correction: glass overlay; opening never displaces the hero. */
.site-header{position:relative;z-index:5}
.services-panel{position:absolute;inset-inline:0;top:100%;z-index:6;background:linear-gradient(115deg,rgba(250,255,253,.32),rgba(224,243,238,.27));backdrop-filter:blur(5px) saturate(115%);-webkit-backdrop-filter:blur(5px) saturate(115%);box-shadow:0 15px 28px #04333e14}
.services-panel-card{background:#ffffff80}.services-panel-card:hover{background:#fffffff0}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.services-panel{background:#edf8f3}}
/* Service cards: restrained depth and directional feedback. */
.services-panel-card{position:relative;isolation:isolate;overflow:hidden;transition:background .24s,border-color .24s,box-shadow .24s,transform .24s}
.services-panel-card:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 12%,#ffffffb3 46%,transparent 78%);transform:translateX(-115%);transition:transform .55s ease}
.services-panel-number{transition:background .24s,color .24s,box-shadow .24s,transform .24s}
.services-panel-card .arrow{transition:transform .24s,color .24s}
.services-panel-card:focus-visible{background:#fff;border-color:#039eb1;box-shadow:0 6px 17px #064e5718}
@media(hover:hover) and (pointer:fine){
 .services-panel-card:hover{transform:translateY(-4px);background:#ffffffeb;border-color:#21aeba;box-shadow:0 8px 18px #064e5721,inset 0 -2px 0 #00bee3}
 .services-panel-card:hover:before{transform:translateX(115%)}
 .services-panel-card:hover .services-panel-number{background:var(--petrol);color:#fff;box-shadow:0 0 0 5px #00bee312;transform:scale(1.06)}
 .services-panel-card:hover .arrow{transform:translateX(-4px);color:#006a79}
 [dir=ltr] .services-panel-card:hover .arrow{transform:scaleX(-1) translateX(-4px)}
}
.services-panel-card:active{transform:translateY(0) scale(.985);background:#def2eb;box-shadow:inset 0 2px 5px #064e5712}
/* Match the page opening to the approved footer color. */
.site-header{border-top:24px solid var(--deep)}
@media(max-width:760px){.site-header{border-top-width:16px}}
/* One quiet, full-width background across services and portfolio. */
.homepage-content{background:#f5f9f9}.homepage-content .portfolio-area{background:transparent}
/* Header and support band share the approved mint background. */
.site-header{background:#dff2ee}
/* Independent product catalog and detail pages, sharing the approved identity. */
.catalog-page{background:#f5f9f9;min-height:55vh}.catalog-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;margin-bottom:30px;color:#527178}.catalog-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.catalog-heading{max-width:720px;margin-bottom:34px}.catalog-heading h1,.product-detail-copy h1{font-size:36px;line-height:1.5;color:var(--deep)}.catalog-heading>p:last-child{margin-top:12px}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.catalog-card{display:block;overflow:hidden;background:white;border:1px solid #dbe9e7;border-radius:12px;transition:transform .24s,box-shadow .24s,border-color .24s}.product-media{aspect-ratio:16/8;overflow:hidden;background:linear-gradient(135deg,#e7f4ef,#eef7fa);display:grid;place-items:center}.product-media img{width:100%;height:100%;object-fit:contain;transition:transform .35s}.product-image-pending{text-align:center;padding:20px;color:#749a9b}.product-image-pending>span{font-size:46px;line-height:1.4}.product-image-pending>p{font-size:13px;color:#557779}.catalog-card-copy{padding:24px}.catalog-card-copy h3{font-size:22px}.catalog-card-copy>p{font-size:14px;margin:12px 0 20px}.catalog-card-copy .text-link{color:#007b8d}.catalog-back{margin-top:28px}.product-detail-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}.product-detail-copy h2{font-size:19px;margin:24px 0 9px;letter-spacing:0}.product-detail-copy p{font-size:15px}.product-media-large{aspect-ratio:4/3;border:1px solid #d1e6e1;border-radius:14px}.product-scope{border-inline-start:3px solid #00bee3;padding-inline-start:18px}.product-detail-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:28px}
@media(hover:hover) and (pointer:fine){.catalog-card:hover{transform:translateY(-4px);border-color:#5bb8bd;box-shadow:0 12px 24px #064e5714}.catalog-card:hover img{transform:scale(1.035)}}
@media(max-width:760px){.catalog-grid,.product-detail-grid{grid-template-columns:1fr;gap:22px}.catalog-heading h1,.product-detail-copy h1{font-size:28px}.catalog-card-copy{padding:20px}.catalog-card-copy h3{font-size:21px}.catalog-breadcrumb{font-size:11px;margin-bottom:24px}.product-detail-grid>.product-media{grid-row:1}.product-detail-actions{align-items:stretch;flex-direction:column}.product-detail-actions .text-link{min-height:44px;justify-content:center}.product-detail-actions .button{font-size:13px}}
/* Two-pixel spectrum sampled from the owner reference, left to right. */
.site-header:after,.services-panel-clip:after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;pointer-events:none;background:linear-gradient(90deg,#bf71ff 0%,#6ef8f3 50%,#1ec1ff 100%);background-size:100% 100%;animation:none}
.site-header:after{z-index:7}
@keyframes p6h-spectrum{from{background-position:0% 50%}to{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.site-header:after,.services-panel-clip:after{animation:none;background-size:100% 100%}}
.product-cover-link{display:block;width:100%;height:100%;cursor:zoom-in}.product-cover-link:focus-visible{outline-offset:-4px}.product-gallery{margin-top:52px}.product-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gallery-card{display:block;overflow:hidden;background:white;border:1px solid #d6e8e3;border-radius:10px;transition:transform .2s,box-shadow .2s;cursor:zoom-in}.gallery-card img{width:100%;height:auto}.gallery-card>span{display:flex;justify-content:space-between;padding:14px 18px;font-size:14px;font-weight:700}.product-lightbox{width:min(1400px,96vw);max-height:94dvh;padding:16px;border:1px solid #c5e1dc;border-radius:12px;background:#f5fbf9;color:var(--deep);overflow:auto}.product-lightbox::backdrop{background:#03272ed9;backdrop-filter:blur(4px)}.lightbox-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.lightbox-heading h2{font-size:19px}.lightbox-heading button{width:44px;height:44px;border:1px solid #c6dfd9;background:white;border-radius:50%;font-size:27px;color:var(--deep)}.product-lightbox>img{width:100%;max-height:72dvh;object-fit:contain}.product-lightbox>.text-link{margin-top:12px;min-height:44px}
@media(hover:hover) and (pointer:fine){.gallery-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #064e571c}}
@media(max-width:760px){.product-gallery{margin-top:36px}.product-gallery-grid{grid-template-columns:1fr;gap:16px}.product-lightbox{padding:12px}.lightbox-heading h2{font-size:16px}}
/* Keep the entire screenshot visible inside the fixed thumbnail ratio. */
.product-media{position:relative}.product-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
/* Verified product information, readable without tabs or JavaScript. */
.assessment-content{display:grid;gap:44px;margin-top:48px}.assessment-content h2{font-size:26px;margin-bottom:20px}.assessment-overview{max-width:920px}.assessment-overview>p:last-child{font-size:16px;line-height:2}.assessment-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.assessment-features article{padding:23px;background:#fff;border:1px solid #dceae7;border-radius:10px}.assessment-features article>span{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#dff2ee;color:#007c82;margin-bottom:12px}.assessment-features h3{font-size:18px;margin-bottom:8px}.assessment-features p{font-size:14px}.assessment-information{display:grid;grid-template-columns:1fr 1fr;gap:26px}.assessment-workflow,.assessment-specs{padding:28px;border:1px solid #dceae7;border-radius:12px;background:#fff}.assessment-workflow ol{padding-inline-start:25px;margin:0}.assessment-workflow li{padding-inline-start:8px;margin-bottom:16px}.assessment-workflow li::marker{color:#008b9b;font-weight:700}.assessment-specs dl{margin:0}.assessment-specs dl>div{padding:12px 0;border-bottom:1px solid #e4eeeb}.assessment-specs dt{font-weight:700;font-size:14px}.assessment-specs dd{margin:5px 0 0;color:#646464;font-size:14px}.assessment-specs>p{font-size:13px;margin-top:16px}.assessment-faq details{background:white;border:1px solid #dceae7;border-radius:8px;margin-bottom:12px;overflow:hidden}.assessment-faq summary{cursor:pointer;padding:17px 20px;font-weight:700;min-height:48px}.assessment-faq summary:focus-visible{outline:3px solid #008ca6;outline-offset:-3px}.assessment-faq details[open] summary{background:#eaf6f2}.assessment-faq details>p{padding:18px 20px;font-size:14px}
@media(max-width:1050px){.assessment-features{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.assessment-content{gap:32px;margin-top:34px}.assessment-content h2{font-size:23px}.assessment-features,.assessment-information{grid-template-columns:1fr}.assessment-features article,.assessment-workflow,.assessment-specs{padding:20px}.assessment-overview>p:last-child{font-size:15px}}

/* Portrait mobile product previews preserve complete screens. */
.product-gallery-portrait{grid-template-columns:repeat(4,minmax(0,1fr))}.product-gallery-portrait img{aspect-ratio:941/1672;object-fit:contain;background:#f7f6f0}.product-cover-link{position:absolute;inset:0}
@media(max-width:900px){.product-gallery-portrait{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.product-gallery-portrait{gap:10px}.product-gallery-portrait .gallery-card>span{font-size:12px;padding:12px 8px}}

.work-rights{font-size:12px;color:#527178;margin-top:16px}#project-request .product-scope{margin-block:22px}#project-request .button{margin-top:20px}

/* Detailed accreditation case study: readable prose and mobile-first sections. */
.accreditation-page .product-detail-copy h1{font-size:clamp(25px,2.7vw,36px)}.accreditation-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}.accreditation-stats>div{display:flex;flex-direction:column-reverse;align-items:center;text-align:center;background:#e3f3ef;border:1px solid #cce5df;border-radius:12px;padding:22px 12px}.accreditation-stats dd{font-size:38px;font-weight:800;color:#064e57;margin:0}.accreditation-stats dt{font-size:15px}.accreditation-features{grid-template-columns:repeat(2,minmax(0,1fr))}.accreditation-features p{font-size:15px;line-height:1.95}.accreditation-reader{background:#e5f3ef;border:1px solid #cfe5df;border-radius:16px;padding:32px;margin-top:40px}.accreditation-reader p{margin-block:16px;line-height:1.95}.accreditation-reader ul,.accreditation-list{padding-inline-start:24px;line-height:2.1}.accreditation-list li{margin-bottom:10px}.accreditation-page .assessment-workflow li h3{font-size:18px}.accreditation-page .assessment-workflow li p{margin-top:5px}.accreditation-page .assessment-content>section>p{margin-block:14px}.accreditation-page #project-request{scroll-margin-top:24px}
@media(max-width:760px){.accreditation-features{grid-template-columns:1fr}.accreditation-reader{padding:22px 18px}.accreditation-stats{gap:8px}.accreditation-stats dt{font-size:12px}.accreditation-stats dd{font-size:30px}.accreditation-stats>div{padding:16px 6px}.accreditation-reader .button{width:100%;font-size:13px}}

.image-zoom-toggle{min-height:44px;padding:10px 18px;margin-bottom:12px;border:1px solid #91bdb5;border-radius:8px;background:white;color:#064e57;font:inherit;cursor:pointer}.image-zoom-toggle[aria-pressed=true]{background:#064e57;color:white}.image-viewport{overflow:auto;max-height:70dvh;direction:ltr;overscroll-behavior:contain;background:#e5efec}.image-viewport img{display:block;width:100%;max-height:70dvh;object-fit:contain}.image-viewport.is-zoomed img{width:auto;height:auto;max-width:none;max-height:none}.image-zoom-toggle:focus-visible,.image-viewport:focus-visible{outline:3px solid #00bee3;outline-offset:2px}

/* WTC: all nine complete screenshots, with native-resolution reading. */
.wtc-intro{max-width:940px;margin:auto;text-align:center}.wtc-intro h1{font-size:clamp(27px,3vw,42px);line-height:1.5;color:var(--deep)}.wtc-intro h2{font-size:21px;margin:20px 0 12px}.wtc-intro>p{line-height:2}.wtc-intro .product-detail-actions{justify-content:center}.wtc-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.wtc-gallery-grid .gallery-card:first-child{grid-column:1/-1}.wtc-gallery-grid img{aspect-ratio:2/1;object-fit:contain;background:#edf3f1;display:block}.wtc-gallery-grid .gallery-card:first-child img{max-height:580px;aspect-ratio:auto}.wtc-axes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-inline-start:24px}.wtc-axes li{padding:12px;background:white;border-radius:8px}.wtc-image-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.wtc-image-controls .image-zoom-toggle{margin:0}.wtc-image-controls{margin-bottom:12px}.wtc-image-controls [data-image-counter]{min-width:50px;text-align:center;direction:ltr}.wtc-lightbox{width:min(1800px,98vw)}.wtc-page .assessment-content>section>p{line-height:2;margin-top:14px}
@media(max-width:760px){.wtc-gallery-grid,.wtc-axes{grid-template-columns:1fr}.wtc-gallery-grid{gap:18px}.wtc-image-controls{gap:7px}.wtc-image-controls button{font-size:12px;padding:8px 10px}.wtc-lightbox .image-viewport{max-height:65dvh}.wtc-intro h2{font-size:18px}}

/* WTC review: tighter opening and numbers contained within each axis card. */
.wtc-page>.container.section{padding-top:24px}.wtc-page .catalog-breadcrumb{margin-bottom:14px}.wtc-page .product-gallery{margin-top:34px}.wtc-axes{list-style:none;padding:0;margin:20px 0 0}.wtc-axes li{display:flex;align-items:center;gap:12px;padding:14px;min-width:0}.wtc-axis-number{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#e5f3ef;color:#064e57;font-weight:700;line-height:1}.wtc-axes li>span:last-child{flex:1;line-height:1.7}
@media(max-width:760px){.wtc-page>.container.section{padding-top:18px}.wtc-page .catalog-breadcrumb{margin-bottom:10px}}

/* Balanced product and portfolio rows with consistent media and aligned actions. */
.catalog-grid,.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.catalog-grid>.catalog-card,.work-grid>.catalog-card{display:flex;flex-direction:column;min-width:0}.catalog-grid .product-media{flex-shrink:0;aspect-ratio:16/9}.work-grid>.catalog-card>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#eaf4f1}.catalog-grid .catalog-card-copy,.work-grid .catalog-card-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:22px}.catalog-grid .catalog-card-copy h3,.work-grid .catalog-card-copy h3{font-size:20px;line-height:1.6;margin-top:10px}.catalog-grid .catalog-card-copy .text-link,.work-grid .catalog-card-copy .text-link{margin-top:auto;padding-top:10px}.catalog-grid .catalog-card-copy>p,.work-grid .catalog-card-copy>p{line-height:1.9}
@media(min-width:761px) and (max-width:1000px){.catalog-grid,.work-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-grid>.catalog-card,.work-grid>.catalog-card{grid-column:span 2}.catalog-grid>.catalog-card:last-child:nth-child(odd),.work-grid>.catalog-card:last-child:nth-child(odd){grid-column:2/span 2}}
@media(max-width:760px){.catalog-grid,.work-grid{grid-template-columns:1fr;gap:20px}.catalog-grid .catalog-card-copy,.work-grid .catalog-card-copy{padding:20px}}

/* Four equal contact tiles, retaining native mail and telephone links. */
.contact-copy .contact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:10px;width:100%;max-width:440px;margin-inline:auto}.contact-copy .contact-actions .button{display:flex;align-items:center;justify-content:center;width:100%;height:56px;min-height:56px;padding:8px;font-size:12px;line-height:1.5;white-space:nowrap;background:#064e57;color:#fff;border:1px solid #064e57;border-radius:8px;box-shadow:none;gap:8px}.contact-copy .contact-call bdi{display:inline;font-size:inherit}.contact-copy .contact-actions .button:hover{background:#087486;border-color:#087486;color:#fff}.contact-copy .contact-actions .button:focus-visible{outline:3px solid #00bee3;outline-offset:3px}
@media(max-width:360px){.contact-copy .contact-actions{grid-template-columns:1fr}}

/* Owner-approved contact palette: WhatsApp green, phone turquoise, other actions petrol. */
.contact-copy .contact-actions .button-whatsapp{background:#168844;border-color:#168844}.contact-copy .contact-actions .button-whatsapp:hover{background:#106c35;border-color:#106c35}.contact-copy .contact-actions .contact-call{background:#01c3cf;border-color:#01c3cf;color:#04333e}.contact-copy .contact-actions .contact-call:hover{background:#00b3c0;border-color:#00b3c0;color:#04333e}

/* Readable footer typography at desktop and mobile sizes. */
.site-footer{padding-top:48px}.footer-grid{grid-template-columns:1.3fr .8fr 1.15fr 1fr;gap:40px}.site-footer h2{font-size:20px;line-height:1.5;margin-bottom:16px}.footer-brand p{font-size:16px;line-height:1.9;color:#d6e7e9;margin-top:20px}.site-footer ul{font-size:16px;line-height:1.7;color:#d6e7e9}.site-footer li a{min-height:40px;padding-block:5px}.footer-contact a{font-size:18px;line-height:1.8;min-height:40px;color:#eef8f9}.footer-contact>span{font-size:16px;color:#c7dfe3}.footer-bottom{font-size:14px;line-height:1.8;margin-top:36px;padding-block:22px;border-top-color:#ffffff30;color:#c7dfe3}.footer-bottom small{font-size:14px}.footer-brand img{width:300px;max-width:100%}
@media(min-width:1600px){.site-footer h2{font-size:22px}.site-footer ul,.footer-brand p{font-size:17px}.footer-grid{gap:44px}}
@media(max-width:1000px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-brand,.footer-contact{grid-column:auto}}
@media(max-width:760px){.site-footer{padding-top:36px}.footer-grid{gap:30px 20px}.footer-brand,.footer-contact{grid-column:1/-1}.site-footer h2{font-size:19px}.footer-brand img{width:290px}.footer-bottom,.footer-bottom small{font-size:13px}}

/* Five commercial products: three above and two centered; one portfolio example. */
@media(min-width:1001px){.catalog-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.catalog-grid>.catalog-card{grid-column:span 2}.catalog-grid>.catalog-card:nth-last-child(2):nth-child(3n+1){grid-column:2/span 2}.work-grid>.catalog-card:only-child{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;align-items:center}.work-grid>.catalog-card:only-child>img{height:100%;object-fit:contain}.work-grid>.catalog-card:only-child .catalog-card-copy{padding:32px}}
.product-customization .button{margin-top:12px}

@media(min-width:1001px){.work-grid:has(>.catalog-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Membership stays inside the existing navigation row; its popup occupies no layout space. */
.nav-membership{position:relative;flex-shrink:0}
.nav-membership summary{list-style:none;cursor:pointer;font-size:13px;white-space:nowrap;padding-block:12px;display:flex;align-items:center;gap:8px}
.nav-membership summary::-webkit-details-marker{display:none}
.nav-membership summary:hover{color:#00879c}
.nav-membership summary:focus-visible{outline:3px solid #008ca6;outline-offset:5px}
.membership-dropdown{position:absolute;inset-inline-start:0;top:100%;min-width:170px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 7px 24px #064e5715;z-index:8}
.main-nav .membership-dropdown a,.membership-dropdown button{display:flex;align-items:center;width:100%;min-height:44px;padding:10px 12px;background:transparent;border:0;border-radius:4px;font:inherit;font-size:13px;color:var(--ink);text-align:start;white-space:nowrap}
.membership-dropdown a:hover,.membership-dropdown button:hover{background:var(--mint);color:var(--petrol)}
.membership-dropdown form{margin:0}
@media(max-width:760px){
 .nav-membership{flex-basis:100%}
 .nav-membership summary{font-size:12px;min-height:44px;padding-block:6px}
 .membership-dropdown{position:static;min-width:0;box-shadow:none;margin-bottom:6px}
}

/* Marketing services: retain the approved three-card width, center incomplete rows. */
@media(min-width:761px){
 .service-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
 .service-grid>.service-card{grid-column:span 2}
 .service-grid>.service-card:last-child:nth-child(3n+1){grid-column:3/span 2}
 .service-grid>.service-card:nth-last-child(2):nth-child(3n+1){grid-column:2/span 2}
}