:root{
  --bg:#020b15;--bg2:#061522;--ink:#eaf7ff;--muted:#91a6b6;--cyan:#2edcff;--blue:#207cff;--aqua:#52f4d0;--line:rgba(255,255,255,.13);--glass:rgba(8,24,37,.48);--white:#f6fbff;--dark:#06111d;
  --container:min(92vw,1560px);--radius:30px;--shadow:0 30px 80px rgba(0,0,0,.34)
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}body.rtl{font-family:"Noto Kufi Arabic",Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}::selection{background:var(--cyan);color:#00101b}.container-wide{width:var(--container);margin-inline:auto}.site-noise{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.cursor-aura{position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(420px circle at var(--x,50vw) var(--y,30vh),rgba(46,220,255,.06),transparent 70%)}
.loading-screen{position:fixed;inset:0;background:#020914;z-index:10000;display:grid;place-content:center;gap:24px;transition:opacity .7s ease,visibility .7s ease}.loading-screen.done{opacity:0;visibility:hidden}.loader-mark{width:86px;height:86px;position:relative;margin:auto}.loader-mark span{position:absolute;border:1px solid rgba(46,220,255,.5);border-radius:50%;inset:0;animation:loaderRing 2s linear infinite}.loader-mark span:nth-child(2){inset:12px;animation-duration:1.6s;animation-direction:reverse}.loader-mark span:nth-child(3){inset:25px;background:radial-gradient(circle,var(--cyan),transparent 55%);border:none;animation:pulse 1.2s ease-in-out infinite}.loader-copy{text-align:center;display:grid;gap:5px}.loader-copy b{letter-spacing:.35em;font-size:21px}.loader-copy small{color:var(--muted);font-size:11px;letter-spacing:.12em}.loader-progress{width:220px;height:1px;background:#173047;overflow:hidden}.loader-progress i{display:block;width:48%;height:100%;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:loadLine 1.2s ease-in-out infinite}@keyframes loaderRing{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.4;transform:scale(.8)}}@keyframes loadLine{from{transform:translateX(-130%)}to{transform:translateX(250%)}}
.nav-shell{position:fixed;z-index:500;left:4vw;right:4vw;top:24px;height:76px;border:1px solid transparent;border-radius:24px;display:flex;align-items:center;padding:0 12px 0 22px;transition:.45s ease}.nav-shell.scrolled{background:rgba(1,11,20,.62);border-color:rgba(255,255,255,.1);backdrop-filter:blur(24px) saturate(140%);box-shadow:0 20px 55px rgba(0,0,0,.22);top:12px}.nav-shell.nav-hidden{transform:translateY(-130%)}.brand{width:148px;display:flex;align-items:center}.brand img{width:100%;filter:brightness(0) invert(1)}.nav-links{display:flex;align-items:center;gap:30px;margin:auto}.nav-links a{font-size:13px;font-weight:700;color:#d6e5ef;position:relative}.nav-links a:after{content:"";position:absolute;height:2px;left:0;right:100%;bottom:-10px;background:var(--cyan);transition:.3s}.nav-links a:hover:after,.nav-links a.active:after{right:0}.nav-actions{display:flex;align-items:center;gap:10px}.lang-toggle{height:48px;min-width:54px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:#fff;border-radius:16px;cursor:pointer;display:grid;place-items:center;font-weight:800;font-size:12px}.lang-toggle i{display:none}.nav-cta{height:50px;padding:0 18px 0 22px;border-radius:16px;background:#fff;color:#06111d;display:flex;align-items:center;gap:18px;font-size:12px;font-weight:800;transition:.25s}.nav-cta b{width:28px;height:28px;border-radius:50%;background:#071421;color:#fff;display:grid;place-items:center}.menu-toggle{display:none;width:48px;height:48px;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:15px}.menu-toggle i{display:block;width:19px;height:1px;background:#fff;margin:5px auto;transition:.3s}
.hero-cinematic{height:100svh;min-height:760px;position:relative;isolation:isolate;overflow:hidden;background:#020b15}.hero-bg{position:absolute;inset:-5%;background-size:cover;background-position:center;transition:opacity 1s ease}.hero-bg-a{background-image:url('https://namco.sa/wp-content/uploads/2024/10/namco2.png');filter:saturate(.8) contrast(1.04);transform:scale(1.06)}.hero-bg-b{background-image:url('https://namco.sa/wp-content/uploads/2024/10/namco.png');mix-blend-mode:screen;opacity:.12;filter:blur(1px)}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,8,15,.98) 0%,rgba(1,8,15,.82) 35%,rgba(1,8,15,.22) 70%,rgba(1,8,15,.62) 100%),linear-gradient(0deg,#020b15 0%,transparent 28%),radial-gradient(circle at 72% 42%,rgba(0,170,255,.08),transparent 32%)}.bathymetry-lines{position:absolute;inset:0;opacity:.18;background-image:repeating-radial-gradient(ellipse at 72% 55%,transparent 0 31px,rgba(94,219,255,.5) 32px 33px,transparent 34px 57px);mask-image:linear-gradient(to left,#000,transparent 75%)}.hero-scan{position:absolute;top:0;bottom:0;width:1px;left:67%;background:linear-gradient(transparent,rgba(46,220,255,.9),transparent);box-shadow:0 0 26px rgba(46,220,255,.7);animation:scanX 6.5s ease-in-out infinite}@keyframes scanX{0%,100%{transform:translateX(-18vw);opacity:0}15%,85%{opacity:.8}50%{transform:translateX(20vw)}}.hero-orbit{position:absolute;border:1px solid rgba(103,226,255,.14);border-radius:50%;pointer-events:none}.hero-orbit span{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan)}.orbit-one{width:620px;height:620px;right:-100px;top:110px;animation:orbitSpin 22s linear infinite}.orbit-one span{top:49%;left:-4px}.orbit-two{width:380px;height:380px;right:170px;top:230px;animation:orbitSpin 15s linear infinite reverse}.orbit-two span{right:8%;top:15%}@keyframes orbitSpin{to{transform:rotate(360deg)}}
.hero-stage{height:100%;position:relative;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:5vw;padding-top:98px;z-index:3}.hero-copyblock{padding-top:2vh;max-width:790px}.glass-pill{width:max-content;padding:10px 14px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(4,20,31,.36);backdrop-filter:blur(16px);display:flex;gap:9px;align-items:center;font-size:10px;letter-spacing:.12em;font-weight:700;color:#c7e8f4}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 0 rgba(82,244,208,.6);animation:ping 2s infinite}@keyframes ping{70%{box-shadow:0 0 0 8px rgba(82,244,208,0)}}.hero-title{font-size:clamp(72px,9.1vw,168px);line-height:.79;letter-spacing:-.065em;margin:32px 0;color:#f5fbff;font-weight:800}.hero-title .line{display:block}.hero-title .outline{color:transparent;-webkit-text-stroke:1.5px rgba(198,233,245,.75);margin-top:14px}.hero-lead{font-size:clamp(16px,1.25vw,21px);line-height:1.75;color:#b5c8d4;max-width:720px;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.btn-liquid{height:60px;padding:0 16px 0 24px;display:inline-flex;align-items:center;gap:28px;border-radius:19px;background:linear-gradient(120deg,#2ddcff,#387bff);color:#00131d;font-weight:800;font-size:13px;box-shadow:0 18px 45px rgba(32,124,255,.22);transition:.25s}.btn-liquid b{height:36px;width:36px;border-radius:50%;background:#00131d;color:#fff;display:grid;place-items:center}.btn-play{display:flex;align-items:center;gap:12px;color:#dcebf3;font-size:13px;font-weight:700}.btn-play i{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;background:rgba(255,255,255,.05);font-style:normal;backdrop-filter:blur(12px)}.btn-play i span{font-size:10px;margin-left:2px}.hero-composite{height:650px;position:relative;transform:translateY(var(--scrollY,0));transition:transform .1s linear}.visual-card{position:absolute;margin:0;border:1px solid rgba(255,255,255,.15);background:#071522;overflow:hidden;box-shadow:0 34px 85px rgba(0,0,0,.42);transition:transform .25s ease}.visual-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,8,14,.8))}.visual-card img{width:100%;height:100%;object-fit:cover}.visual-card figcaption{position:absolute;z-index:2;left:22px;right:22px;bottom:18px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.12em}.visual-card figcaption span{opacity:.55}.visual-main{width:min(31vw,475px);height:480px;border-radius:140px 38px 38px 38px;right:5%;top:70px}.visual-float{width:210px;height:270px;border-radius:28px;left:0;bottom:24px;transform:rotate(-5deg)}.glass-data{position:absolute;z-index:4;width:195px;padding:16px 18px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(3,17,28,.58);backdrop-filter:blur(20px);display:grid;gap:4px;box-shadow:var(--shadow);transition:transform .25s ease}.glass-data span,.glass-data em{font-size:9px;letter-spacing:.12em;color:#9bb2c1;font-style:normal}.glass-data strong{font-size:18px}.card-depth{right:-10px;top:34px}.card-coord{left:40px;top:165px}.sonar-widget{position:absolute;z-index:5;right:0;bottom:70px;width:205px;height:98px;border-radius:20px;background:rgba(3,18,30,.62);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(20px);display:flex;align-items:center;gap:14px;padding:12px 15px;box-shadow:var(--shadow);transition:transform .25s ease}.sonar-ring{width:70px;height:70px;border:1px solid rgba(46,220,255,.3);border-radius:50%;position:relative;background:repeating-radial-gradient(circle,transparent 0 10px,rgba(46,220,255,.12) 11px 12px)}.sonar-ring:before,.sonar-ring:after{content:"";position:absolute;background:rgba(46,220,255,.2)}.sonar-ring:before{width:100%;height:1px;top:50%}.sonar-ring:after{height:100%;width:1px;left:50%}.sonar-ring b{position:absolute;width:50%;height:50%;left:50%;top:0;background:linear-gradient(135deg,rgba(46,220,255,.4),transparent 70%);transform-origin:bottom left;animation:radar 2.2s linear infinite}@keyframes radar{to{transform:rotate(360deg)}}.sonar-widget>div:last-child{display:grid;gap:3px}.sonar-widget span{font-size:8px;letter-spacing:.16em;color:#96acba}.sonar-widget strong{font-size:22px}.hero-bottomline{position:absolute;z-index:4;left:4vw;right:4vw;bottom:28px;display:flex;justify-content:space-between;align-items:center}.scroll-cue,.hero-status{display:flex;align-items:center;gap:12px;color:#a8bdca;font-size:9px;letter-spacing:.14em}.scroll-cue span{width:44px;height:1px;background:#6b8797;position:relative;overflow:hidden}.scroll-cue span:after{content:"";position:absolute;inset:0;background:#fff;animation:scrollLine 2s infinite}@keyframes scrollLine{from{transform:translateX(-110%)}to{transform:translateX(110%)}}.hero-status i{width:7px;height:7px;border-radius:50%;background:#61f0cb;box-shadow:0 0 13px #61f0cb}
.floating-stat-deck{position:relative;z-index:8;margin-top:-1px;background:linear-gradient(#020b15,#06131f);padding:0 0 100px}.stat-deck{min-height:148px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(120deg,rgba(11,30,43,.75),rgba(6,19,31,.42));backdrop-filter:blur(24px);overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.3)}.stat-deck article{padding:28px 34px;display:grid;align-content:center;border-right:1px solid rgba(255,255,255,.09)}.stat-deck article:last-child{border:0}.stat-deck small{font-size:9px;letter-spacing:.16em;color:#728b9c}.stat-deck strong{font-size:34px;line-height:1.1;margin:7px 0;background:linear-gradient(90deg,#fff,#78ddff);-webkit-background-clip:text;color:transparent}.stat-deck span{font-size:11px;color:#a6bac7}
.story-section{position:relative;background:linear-gradient(180deg,#06131f 0%,#f4f9fb 18%,#f4f9fb 100%);color:#071521;padding:160px 0 180px}.story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw}.story-sticky{position:sticky;top:140px;align-self:start}.eyebrow{display:block;font-size:10px;letter-spacing:.18em;font-weight:800;color:#268baa;margin-bottom:22px}.mega-copy{font-size:clamp(48px,5.8vw,98px);letter-spacing:-.055em;line-height:.96;margin:0;font-weight:700}.mega-copy.inverse{color:#f5fbff}.story-line{width:100%;height:1px;background:#b6c7d0;margin-top:38px}.story-lead{font-size:clamp(24px,2.1vw,38px);line-height:1.45;letter-spacing:-.035em;margin:45px 0 80px;color:#173244}.story-stack{height:860px;position:relative}.stack-card{position:absolute;margin:0;overflow:hidden;border-radius:28px;box-shadow:0 35px 70px rgba(0,31,54,.14);border:7px solid rgba(255,255,255,.88)}.stack-card img{width:100%;height:100%;object-fit:cover}.stack-card span{position:absolute;left:20px;bottom:18px;padding:8px 10px;background:rgba(0,13,25,.72);backdrop-filter:blur(10px);border-radius:8px;color:#fff;font-size:8px;letter-spacing:.13em}.stack-a{width:72%;height:420px;right:0;top:0;transform:rotate(3deg)}.stack-b{width:56%;height:365px;left:0;top:290px;transform:rotate(-5deg)}.stack-c{width:47%;height:315px;right:8%;bottom:0;transform:rotate(4deg)}.story-note{padding:34px 38px;border:1px solid rgba(5,43,67,.11);border-radius:28px;background:rgba(255,255,255,.66);backdrop-filter:blur(15px);display:grid;grid-template-columns:auto 1fr;gap:15px 24px;align-items:start}.quote-mark{font-size:68px;line-height:.7;color:#2a97bb}.story-note p{font-size:18px;line-height:1.6;margin:0;color:#315064}.text-arrow{font-size:12px;font-weight:800;letter-spacing:.03em;display:inline-flex;gap:16px;align-items:center;grid-column:2;color:#107a9d}
.services-experience{background:#020b15;padding:150px 0 180px;position:relative;overflow:hidden}.services-experience:before{content:"";position:absolute;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(33,119,255,.17),transparent 68%);right:-260px;top:100px}.services-top{display:flex;align-items:end;justify-content:space-between;gap:50px}.services-top>div{max-width:950px}.services-top>p{max-width:350px;color:#88a1b1;font-size:14px;line-height:1.7}.service-rail-wrap{margin:80px 0 60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.service-rail{display:flex;overflow-x:auto;scrollbar-width:none;cursor:grab;padding-left:4vw;padding-right:4vw}.service-rail::-webkit-scrollbar{display:none}.service-tab{flex:0 0 auto;min-width:240px;height:110px;border:0;border-right:1px solid rgba(255,255,255,.09);background:transparent;color:#7590a1;text-align:left;padding:20px 22px;display:grid;align-content:center;gap:9px;cursor:pointer;transition:.35s}.rtl .service-tab{text-align:right}.service-tab span{font-size:9px;letter-spacing:.15em}.service-tab b{font-size:14px;max-width:190px}.service-tab:hover,.service-tab.active{background:linear-gradient(140deg,rgba(46,220,255,.13),rgba(32,124,255,.05));color:#fff}.service-tab.active{box-shadow:inset 0 -2px var(--cyan)}.service-stage{height:670px;position:relative}.service-stage-photo{position:absolute;left:0;top:0;width:77%;height:100%;border-radius:38px;background-size:cover;background-position:center;transition:opacity .18s ease,transform .18s ease;overflow:hidden}.service-stage-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,rgba(2,11,21,.45)),linear-gradient(0deg,rgba(2,11,21,.45),transparent 40%)}.service-stage-photo.switching{opacity:.5;transform:scale(.99)}.service-stage-glass{position:absolute;right:0;bottom:48px;width:min(44%,620px);min-height:300px;border:1px solid rgba(255,255,255,.14);border-radius:30px;background:rgba(5,23,36,.66);backdrop-filter:blur(26px);padding:42px 45px;box-shadow:0 30px 80px rgba(0,0,0,.4);transition:.18s}.service-stage-glass.switching{opacity:.45;transform:translateY(8px)}.service-number{font-size:10px;letter-spacing:.16em;color:#70dfff}.service-stage-glass h3{font-size:clamp(28px,3.1vw,52px);line-height:1.05;letter-spacing:-.04em;margin:18px 0}.service-stage-glass p{font-size:14px;line-height:1.8;color:#9eb5c4;margin:0 0 28px}.service-stage-glass .text-arrow{color:#65dcff;grid-column:auto}.depth-scale{position:absolute;left:24px;top:26px;bottom:26px;z-index:4;border-left:1px solid rgba(255,255,255,.4);display:flex;flex-direction:column;justify-content:space-between;color:#fff}.depth-scale i{font-style:normal;font-size:8px;letter-spacing:.1em;margin-left:9px;opacity:.75}
.tech-section{min-height:900px;background:#eef7fa;color:#071521;position:relative;overflow:hidden;padding:170px 0}.tech-bg{position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(37,188,228,.08)),repeating-linear-gradient(90deg,transparent 0 89px,rgba(12,65,86,.04) 90px),repeating-linear-gradient(0deg,transparent 0 89px,rgba(12,65,86,.04) 90px)}.tech-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.tech-visual{height:620px;position:relative}.radar-shell{width:min(36vw,560px);height:min(36vw,560px);border-radius:50%;position:absolute;left:5%;top:30px;border:1px solid rgba(19,103,135,.18);background:radial-gradient(circle,rgba(51,203,238,.1),transparent 60%),#e5f2f6;box-shadow:0 45px 90px rgba(7,62,89,.13),inset 0 0 90px rgba(38,174,214,.08);overflow:hidden}.radar-grid{position:absolute;inset:8%;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 56px,rgba(11,103,136,.14) 57px 58px),linear-gradient(90deg,transparent 49.8%,rgba(11,103,136,.16) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(11,103,136,.16) 50%,transparent 50.2%)}.radar-sweep{position:absolute;width:50%;height:50%;left:50%;top:0;background:linear-gradient(135deg,rgba(28,193,228,.35),rgba(28,193,228,0) 65%);transform-origin:bottom left;animation:radar 5s linear infinite}.radar-center{position:absolute;inset:42%;border-radius:50%;background:#072133;color:#fff;display:grid;place-content:center;text-align:center;box-shadow:0 0 40px rgba(34,193,232,.35)}.radar-center span{font-size:7px;letter-spacing:.18em}.radar-center strong{font-size:13px;letter-spacing:.08em}.radar-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#19aeca;box-shadow:0 0 0 8px rgba(25,174,202,.11)}.dot-a{left:30%;top:36%}.dot-b{right:26%;top:48%}.dot-c{left:47%;bottom:22%}.tech-chip{position:absolute;border:1px solid rgba(15,77,100,.12);background:rgba(255,255,255,.65);backdrop-filter:blur(12px);border-radius:17px;padding:14px 18px;display:grid;gap:2px;box-shadow:0 18px 45px rgba(11,66,90,.12)}.tech-chip span{font-size:19px;font-weight:800}.tech-chip small{font-size:7px;letter-spacing:.16em;color:#527383}.chip-a{right:0;top:90px}.chip-b{left:0;bottom:115px}.chip-c{right:7%;bottom:25px}.tech-copy .mega-copy{max-width:730px}.tech-copy>p{font-size:17px;line-height:1.85;color:#4c6878;max-width:640px;margin:34px 0 44px}.tech-list{border-top:1px solid #c4d7df}.tech-list>div{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid #c4d7df}.tech-list i{font-style:normal;color:#2e98b5;font-size:10px}.tech-list span{display:grid;gap:5px}.tech-list b{font-size:15px}.tech-list small{color:#698594;font-size:12px}
.diving-feature{height:950px;position:relative;overflow:hidden;display:flex;align-items:center}.diving-media{position:absolute;inset:0}.diving-media img{width:100%;height:100%;object-fit:cover;object-position:center 40%;transform:scale(1.05)}.diving-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,10,19,.94) 0%,rgba(0,10,19,.68) 48%,rgba(0,10,19,.12) 78%),linear-gradient(0deg,#020b15 0%,transparent 30%)}.diving-watermark{position:absolute;right:-3vw;top:8%;font-size:clamp(115px,15vw,260px);line-height:.72;font-weight:800;letter-spacing:-.08em;color:rgba(255,255,255,.035);text-align:right}.diving-content{position:relative;z-index:3}.diving-label{margin-bottom:34px}.diving-content h2{font-size:clamp(56px,7vw,118px);line-height:.91;letter-spacing:-.06em;max-width:1050px;margin:0}.diving-content p{max-width:660px;color:#afc3ce;font-size:17px;line-height:1.8;margin:32px 0}.btn-liquid.light{background:rgba(255,255,255,.92);color:#06111d;box-shadow:none}.bubble{position:absolute;border:1px solid rgba(170,231,250,.35);border-radius:50%;box-shadow:inset 0 0 18px rgba(181,233,250,.15);animation:bubble 8s ease-in-out infinite}.b1{width:25px;height:25px;right:19%;bottom:16%}.b2{width:12px;height:12px;right:28%;bottom:23%;animation-delay:-2s}.b3{width:42px;height:42px;right:8%;bottom:8%;animation-delay:-4s}.b4{width:16px;height:16px;right:37%;bottom:12%;animation-delay:-6s}@keyframes bubble{50%{transform:translateY(-110px) translateX(20px);opacity:.35}}
.values-bento{background:#f4f9fb;color:#071521;padding:170px 0}.bento-head{display:grid;grid-template-columns:.55fr 1fr;gap:4vw;align-items:end;margin-bottom:70px}.bento-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;grid-template-rows:330px 330px;gap:18px}.bento-card{position:relative;border-radius:28px;border:1px solid rgba(11,63,84,.1);background:#fff;padding:34px;overflow:hidden;box-shadow:0 25px 60px rgba(15,80,105,.08)}.bento-card h3{font-size:31px;margin:35px 0 13px;letter-spacing:-.04em}.bento-card p{color:#577282;line-height:1.7;font-size:13px;max-width:330px}.bento-no{font-size:9px;letter-spacing:.15em;color:#5f8999}.bento-xl{grid-row:span 2;background:#062238;color:#fff}.bento-xl p{color:#9ab2bf}.bento-xl h3{font-size:62px;margin-top:70px}.bento-orb{position:absolute;width:410px;height:410px;border-radius:50%;right:-180px;bottom:-180px;background:radial-gradient(circle at 35% 30%,#60f2d2 0%,#1f8dff 35%,#05223a 70%);box-shadow:-50px -50px 100px rgba(44,205,242,.16)}.bento-image{padding:0}.bento-image img{width:100%;height:100%;object-fit:cover}.bento-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,16,27,.75),transparent 60%)}.bento-image>div{position:absolute;left:25px;right:25px;bottom:24px;z-index:2;color:#fff;display:flex;justify-content:space-between;align-items:center}.bento-image span{font-size:9px}.bento-image b{font-size:18px}.gradient-card{background:linear-gradient(135deg,#2fd6ee,#387cff);color:#04121d}.gradient-card p{color:#0f425a}.bento-wide{grid-column:2/4}.signal-lines{position:absolute;right:-20px;bottom:-30px;width:55%;height:160px;background:repeating-radial-gradient(ellipse at bottom right,transparent 0 18px,rgba(20,116,151,.13) 19px 20px)}
.clients-section{background:#020b15;padding:150px 0 120px;overflow:hidden}.clients-head{max-width:1200px;margin-bottom:80px}.client-marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.client-track{display:flex;width:max-content;animation:marquee 42s linear infinite}.client-logo{width:220px;height:150px;border-right:1px solid rgba(255,255,255,.08);display:grid;place-items:center;padding:30px;background:rgba(255,255,255,.96)}.client-logo img{max-width:140px;max-height:70px;object-fit:contain;filter:none;opacity:1;transition:transform .35s ease,filter .35s ease}.client-logo:hover img{filter:none;opacity:1;transform:scale(1.06)}@keyframes marquee{to{transform:translateX(-50%)}}
.closing-scene{height:900px;position:relative;overflow:hidden;background:#03101d}.closing-bg{position:absolute;inset:-5%;background-image:linear-gradient(90deg,rgba(0,11,20,.95),rgba(0,11,20,.28),rgba(0,11,20,.72)),url('https://namco.sa/wp-content/uploads/2024/10/97e469d6f8.jpg');background-size:cover;background-position:center;transform:scale(1.08)}.closing-map{position:absolute;inset:0;opacity:.24;background-image:linear-gradient(rgba(90,213,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(90,213,255,.12) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(circle at 70% 50%,#000,transparent 65%)}.closing-inner{height:100%;position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center}.eyebrow.light{color:#8de8ff}.closing-title{font-size:clamp(68px,8.5vw,150px);line-height:.82;letter-spacing:-.07em;margin:18px 0 56px;max-width:1380px}.closing-title span,.closing-title em{display:block}.closing-title em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px rgba(215,243,252,.55);margin-top:15px}.closing-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px}.closing-bottom p{max-width:500px;color:#a7bfcc;line-height:1.8;margin:0}.mega-contact{min-width:360px;height:84px;border-radius:24px;background:#fff;color:#06111d;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 28px;font-size:12px;font-weight:800}.mega-contact b{width:52px;height:52px;border-radius:50%;background:#071522;color:#fff;display:grid;place-items:center;font-size:18px}.closing-coordinates{position:absolute;bottom:35px;left:0;right:0;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;color:#7d9bad}
.footer-next{background:#01070c;padding:75px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr .8fr;gap:5vw;padding-bottom:60px}.footer-logo img{width:190px;filter:brightness(0) invert(1);margin-bottom:20px}.footer-logo p{color:#718a9a;font-size:12px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:12px}.footer-grid small{font-size:9px;letter-spacing:.15em;color:#5f7584;margin-bottom:10px}.footer-grid a,.footer-grid p{font-size:12px;color:#b6c8d2;margin:0}.footer-bar{height:60px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:end;justify-content:space-between;color:#59717f;font-size:9px;letter-spacing:.1em}.footer-bar strong{color:#b7d6e5;letter-spacing:.22em}
.reveal-up,.reveal-title{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.reveal-title{transform:translateY(55px);transition-duration:1.05s}.in-view{opacity:1;transform:none}.rtl .hero-title,.rtl .mega-copy,.rtl .closing-title{letter-spacing:-.03em}.rtl .visual-card figcaption,.rtl .stack-card span{direction:rtl}.rtl .story-note{grid-template-columns:1fr auto}.rtl .quote-mark{grid-column:2}.rtl .story-note p{grid-row:1;grid-column:1}.rtl .story-note .text-arrow{grid-column:1}.rtl .depth-scale{left:auto;right:24px;border-left:0;border-right:1px solid rgba(255,255,255,.4)}.rtl .depth-scale i{margin-left:0;margin-right:9px}.rtl .service-stage-photo{left:auto;right:0}.rtl .service-stage-glass{right:auto;left:0}.rtl .footer-grid{direction:rtl}
@media(max-width:1100px){.nav-links{gap:18px}.nav-cta span{display:none}.nav-cta{width:50px;padding:0;justify-content:center}.nav-cta b{background:transparent;color:#06111d}.hero-stage{grid-template-columns:1fr}.hero-copyblock{z-index:4;max-width:850px}.hero-composite{position:absolute;width:54vw;right:-4vw;top:19vh;opacity:.58}.hero-title{font-size:clamp(82px,12vw,140px)}.story-grid{grid-template-columns:1fr}.story-sticky{position:static}.story-content{max-width:900px;margin-left:auto}.tech-grid{grid-template-columns:1fr}.tech-visual{order:2}.tech-copy{max-width:900px}.bento-grid{grid-template-columns:1fr 1fr}.bento-xl{grid-row:span 2}.bento-wide{grid-column:auto}.bento-image{grid-row:span 1}.bento-grid{grid-template-rows:300px 300px 300px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{display:none}}
@media(max-width:760px){:root{--container:92vw}.cursor-aura{display:none}.nav-shell{left:4vw;right:4vw;top:12px;height:62px;padding:0 8px 0 14px;background:rgba(1,11,20,.52);backdrop-filter:blur(18px);border-color:rgba(255,255,255,.08)}.brand{width:118px}.nav-links{position:fixed;inset:82px 4vw auto;background:rgba(2,13,23,.96);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:28px;display:grid;gap:22px;opacity:0;visibility:hidden;transform:translateY(-14px);transition:.3s;backdrop-filter:blur(22px)}.menu-open .nav-links{opacity:1;visibility:visible;transform:none}.nav-links a{font-size:17px}.nav-cta{display:none}.menu-toggle{display:block}.lang-toggle{height:46px}.hero-cinematic{min-height:820px;height:100svh}.hero-stage{padding-top:110px;display:block}.hero-copyblock{position:relative;z-index:6}.hero-title{font-size:clamp(58px,18vw,92px);margin-top:25px}.hero-lead{font-size:14px;line-height:1.7;max-width:90%}.hero-actions{gap:18px;align-items:flex-start;flex-direction:column}.btn-liquid{height:54px}.hero-composite{position:absolute;right:-18vw;top:45%;width:100vw;height:410px;opacity:.54}.visual-main{width:65vw;height:300px;right:9%;border-radius:80px 24px 24px}.visual-float{width:125px;height:165px;left:17%;bottom:0}.glass-data{display:none}.sonar-widget{width:150px;height:76px;right:12%;bottom:10px}.sonar-ring{width:50px;height:50px}.sonar-widget strong{font-size:16px}.hero-bottomline{bottom:16px}.hero-status{display:none}.orbit-one{width:380px;height:380px;right:-140px}.orbit-two{display:none}.floating-stat-deck{padding-bottom:75px}.stat-deck{grid-template-columns:1fr 1fr}.stat-deck article{padding:22px;border-bottom:1px solid rgba(255,255,255,.08)}.stat-deck article:nth-child(2){border-right:0}.stat-deck strong{font-size:28px}.story-section{padding:110px 0}.mega-copy{font-size:clamp(44px,13vw,66px)}.story-lead{font-size:21px;margin:35px 0 55px}.story-stack{height:620px}.stack-a{width:82%;height:300px}.stack-b{width:65%;height:260px;top:240px}.stack-c{width:52%;height:220px}.story-note{padding:25px;grid-template-columns:1fr}.quote-mark{display:none}.story-note .text-arrow{grid-column:1}.services-experience{padding:110px 0}.services-top{display:block}.services-top>p{margin-top:25px}.service-rail-wrap{margin:50px 0 35px}.service-tab{min-width:190px;height:95px}.service-stage{height:600px}.service-stage-photo{width:100%;height:420px;border-radius:24px}.service-stage-glass{width:92%;right:4%;bottom:0;min-height:240px;padding:27px;border-radius:24px}.rtl .service-stage-glass{left:4%}.depth-scale{display:none}.tech-section{padding:110px 0}.tech-visual{height:420px}.radar-shell{width:350px;height:350px;left:50%;transform:translateX(-50%)}.tech-chip{padding:10px 13px}.chip-a{right:3%;top:55px}.chip-b{left:2%;bottom:62px}.chip-c{right:5%;bottom:5px}.diving-feature{height:780px}.diving-content h2{font-size:clamp(50px,14vw,78px)}.diving-watermark{font-size:120px;right:-8vw}.values-bento{padding:110px 0}.bento-head{display:block}.bento-grid{grid-template-columns:1fr;grid-template-rows:auto}.bento-card,.bento-xl,.bento-wide,.bento-image{grid-column:auto;grid-row:auto;min-height:260px}.bento-xl{min-height:390px}.bento-xl h3{font-size:45px}.bento-image{height:300px}.clients-section{padding:110px 0}.client-logo{width:170px;height:120px}.closing-scene{height:760px}.closing-title{font-size:clamp(56px,16vw,84px);line-height:.86}.closing-bottom{display:block}.closing-bottom p{margin-bottom:30px}.mega-contact{min-width:0;width:100%;height:72px}.closing-coordinates{font-size:7px}.footer-next{padding-top:55px}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.footer-logo{grid-column:1/-1}.footer-bar strong{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* ===== INNER PAGES ===== */
.inner-hero{min-height:720px;position:relative;overflow:hidden;background:#03101d;display:flex;align-items:end;padding:180px 0 90px}.inner-hero-bg{position:absolute;inset:-4%;background-size:cover;background-position:center;filter:saturate(.85)}.inner-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,9,17,.96) 0%,rgba(1,9,17,.70) 44%,rgba(1,9,17,.2)),linear-gradient(0deg,#03101d 0%,transparent 45%)}.inner-hero-grid{position:absolute;inset:0;z-index:1;background-image:linear-gradient(rgba(92,210,246,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(92,210,246,.09) 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(to right,#000,transparent 80%)}.inner-hero-content{position:relative;z-index:3}.inner-hero h1{font-size:clamp(78px,10vw,170px);line-height:.84;letter-spacing:-.07em;margin:20px 0 30px;max-width:1350px}.inner-hero h1 em{display:block;font-style:normal;color:transparent;-webkit-text-stroke:1.4px rgba(220,242,250,.55)}.inner-hero p{max-width:720px;font-size:18px;line-height:1.75;color:#a8bfcc}.inner-tag-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.inner-tag{padding:9px 12px;border:1px solid rgba(255,255,255,.12);background:rgba(0,15,25,.35);backdrop-filter:blur(10px);border-radius:99px;font-size:9px;letter-spacing:.1em;color:#c0d6e2}.inner-index{position:absolute;right:4vw;bottom:60px;z-index:3;font-size:150px;line-height:1;font-weight:800;color:rgba(255,255,255,.035);letter-spacing:-.08em}.rtl .inner-index{right:auto;left:4vw}
.about-manifesto{background:#f4f9fb;color:#071521;padding:150px 0}.manifesto-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:9vw}.manifesto-sticky{position:sticky;top:130px;align-self:start}.manifesto-copy>p{font-size:clamp(26px,2.6vw,44px);line-height:1.45;letter-spacing:-.04em;margin:0 0 60px;color:#18394b}.manifesto-block{display:grid;grid-template-columns:100px 1fr;gap:30px;padding:35px 0;border-top:1px solid #cbd9df}.manifesto-block>span{font-size:10px;letter-spacing:.15em;color:#2f93b1}.manifesto-block h3{font-size:30px;letter-spacing:-.04em;margin:0 0 14px}.manifesto-block p{color:#5d7786;line-height:1.75;margin:0;font-size:14px}.vision-scene{min-height:850px;background:#020b15;position:relative;overflow:hidden;padding:160px 0}.vision-globe{position:absolute;width:800px;height:800px;border-radius:50%;right:-160px;top:20px;border:1px solid rgba(82,220,255,.13);background:repeating-radial-gradient(circle,transparent 0 48px,rgba(82,220,255,.09) 49px 50px),radial-gradient(circle at 45% 40%,rgba(38,178,230,.17),transparent 63%)}.vision-globe:after{content:"";position:absolute;inset:10%;border-radius:50%;border:1px solid rgba(82,220,255,.1);background:conic-gradient(from 40deg,transparent,rgba(65,214,255,.12),transparent 30%);animation:radar 9s linear infinite}.vision-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.vision-card{min-height:390px;border:1px solid rgba(255,255,255,.12);border-radius:32px;background:rgba(5,23,36,.52);backdrop-filter:blur(22px);padding:42px;display:flex;flex-direction:column;justify-content:space-between}.vision-card span{font-size:10px;letter-spacing:.15em;color:#6cdfff}.vision-card h2{font-size:clamp(42px,4.4vw,72px);letter-spacing:-.05em;line-height:1;margin:30px 0}.vision-card p{color:#9fb5c2;line-height:1.8;margin:0}.timeline-section{background:#eaf4f7;color:#061521;padding:150px 0}.timeline-head{display:grid;grid-template-columns:.55fr 1fr;gap:7vw;align-items:end}.timeline{margin-top:80px;border-top:1px solid #b6ccd5}.timeline-item{display:grid;grid-template-columns:120px 1fr 1fr;gap:30px;padding:38px 0;border-bottom:1px solid #b6ccd5}.timeline-item>strong{font-size:24px}.timeline-item h3{margin:0;font-size:23px}.timeline-item p{margin:0;color:#587383;line-height:1.7;font-size:13px}
.services-page{background:#f3f8fa;color:#071521;padding:140px 0}.service-catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.catalog-card{height:460px;position:relative;border-radius:30px;overflow:hidden;background:#061521;box-shadow:0 25px 60px rgba(11,62,86,.10)}.catalog-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.catalog-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,14,24,.92),rgba(2,14,24,.08) 70%)}.catalog-card:hover img{transform:scale(1.05)}.catalog-copy{position:absolute;z-index:2;left:30px;right:30px;bottom:28px;color:#fff}.catalog-copy small{font-size:9px;letter-spacing:.16em;color:#83e3ff}.catalog-copy h2{font-size:32px;letter-spacing:-.04em;margin:10px 0}.catalog-copy p{max-width:560px;color:#a9c0cd;font-size:12px;line-height:1.7}.catalog-copy a{display:inline-flex;margin-top:12px;font-size:11px;font-weight:800;color:#61dfff}.catalog-card:nth-child(3n+1){grid-column:span 2;height:560px}.catalog-card:nth-child(3n+1) .catalog-copy h2{font-size:48px}
.service-detail-hero{min-height:800px}.service-detail-hero .inner-hero-content{max-width:1050px}.service-detail-wrap{background:#f4f9fb;color:#071521;padding:130px 0 160px}.service-detail-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw}.service-side{position:sticky;top:130px;align-self:start}.service-side .service-icon{width:90px;height:90px;border-radius:26px;background:linear-gradient(135deg,#27d8ec,#347aff);display:grid;place-items:center;color:#00131d;font-size:30px;font-weight:800;box-shadow:0 25px 55px rgba(31,142,217,.22)}.service-side h2{font-size:44px;letter-spacing:-.05em;margin:30px 0 15px}.service-side p{color:#55717f;line-height:1.8}.service-main .detail-lead{font-size:clamp(26px,2.5vw,42px);line-height:1.45;letter-spacing:-.035em;margin:0 0 60px}.detail-list{display:grid;gap:12px}.detail-item{padding:28px;border:1px solid #cbdbe2;border-radius:20px;background:rgba(255,255,255,.58);display:grid;grid-template-columns:50px 1fr;gap:20px}.detail-item span{width:42px;height:42px;border-radius:13px;background:#e4f3f7;display:grid;place-items:center;color:#198aab;font-weight:800;font-size:11px}.detail-item h3{margin:0 0 8px;font-size:18px}.detail-item p{margin:0;color:#64808e;line-height:1.7;font-size:13px}
.contact-page{background:#f4f9fb;color:#071521;padding:140px 0}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw}.contact-info h2{font-size:clamp(48px,5vw,82px);letter-spacing:-.055em;line-height:1;margin:0 0 30px}.contact-info>p{color:#5d7887;line-height:1.8;max-width:600px}.contact-lines{margin-top:55px;border-top:1px solid #c7d8df}.contact-line{display:grid;grid-template-columns:115px 1fr;padding:23px 0;border-bottom:1px solid #c7d8df}.contact-line small{font-size:9px;letter-spacing:.14em;color:#6990a0}.contact-line a,.contact-line span{font-size:14px;font-weight:700}.contact-form{border-radius:32px;background:#061b2a;color:#fff;padding:42px;box-shadow:0 35px 80px rgba(8,54,75,.18);position:relative;overflow:hidden}.contact-form:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-220px;top:-220px;background:radial-gradient(circle,#2fddec,transparent 67%);opacity:.16}.contact-form h3{font-size:35px;letter-spacing:-.04em;margin:0 0 35px;position:relative}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;position:relative}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:9px;letter-spacing:.13em;color:#7fa0b1}.field input,.field textarea{width:100%;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.045);color:#fff;border-radius:15px;padding:16px;outline:none;font:inherit}.field input:focus,.field textarea:focus{border-color:#48dff4;box-shadow:0 0 0 3px rgba(72,223,244,.08)}.field textarea{min-height:150px;resize:vertical}.form-submit{border:0;margin-top:5px;cursor:pointer;justify-self:start}.map-abstract{margin-top:18px;height:360px;border-radius:28px;overflow:hidden;background:#071826;position:relative;border:1px solid rgba(255,255,255,.08)}.map-abstract:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(78,213,244,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(78,213,244,.12) 1px,transparent 1px);background-size:44px 44px}.map-abstract:after{content:"JEDDAH";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:#46e3f4;color:#fff;box-shadow:0 0 0 10px rgba(70,227,244,.15),0 0 35px #46e3f4;font-size:10px;text-indent:28px;line-height:16px;font-weight:800;letter-spacing:.14em}
@media(max-width:900px){.manifesto-grid,.vision-grid,.service-detail-grid,.contact-layout{grid-template-columns:1fr}.manifesto-sticky,.service-side{position:static}.timeline-head{grid-template-columns:1fr}.service-catalog{grid-template-columns:1fr}.catalog-card:nth-child(3n+1){grid-column:auto;height:460px}.inner-index{font-size:100px}.contact-form{padding:28px}}
@media(max-width:620px){.inner-hero{min-height:650px;padding:150px 0 70px}.inner-hero h1{font-size:clamp(60px,18vw,92px)}.inner-hero p{font-size:14px}.about-manifesto,.vision-scene,.timeline-section,.services-page,.service-detail-wrap,.contact-page{padding:100px 0}.manifesto-block{grid-template-columns:1fr;gap:12px}.vision-card{padding:28px;min-height:330px}.timeline-item{grid-template-columns:1fr;gap:10px}.catalog-card,.catalog-card:nth-child(3n+1){height:390px}.catalog-card:nth-child(3n+1) .catalog-copy h2,.catalog-copy h2{font-size:28px}.service-side h2{font-size:38px}.detail-item{grid-template-columns:42px 1fr;padding:22px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.contact-line{grid-template-columns:1fr;gap:8px}}


/* ===== SERVICES CATALOG 2.0 — compact interactive marine cards ===== */
.services-page{position:relative;overflow:hidden;background:
 radial-gradient(circle at 12% 8%,rgba(40,190,235,.10),transparent 28%),
 radial-gradient(circle at 92% 58%,rgba(35,112,245,.08),transparent 31%),#edf6f8}
.services-page:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background-image:linear-gradient(rgba(9,87,116,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(9,87,116,.055) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.services-page .container-wide{position:relative;z-index:1}
.service-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;perspective:1500px}
.catalog-card,.catalog-card:nth-child(3n+1){--rx:0deg;--ry:0deg;--mx:50%;--my:50%;height:390px;grid-column:auto;position:relative;isolation:isolate;border-radius:27px;overflow:hidden;background:#041522;border:1px solid rgba(17,99,128,.15);box-shadow:0 24px 65px rgba(11,62,86,.12);transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(0);transform-style:preserve-3d;transition:transform .22s ease,box-shadow .35s ease,border-color .35s ease}
.catalog-card:nth-child(3n+1) .catalog-copy h2,.catalog-copy h2{font-size:clamp(23px,2vw,31px)}
.catalog-card:hover{box-shadow:0 34px 80px rgba(7,52,82,.22);border-color:rgba(57,205,239,.42)}
.catalog-card:before{content:"";position:absolute;z-index:5;inset:0;pointer-events:none;background:radial-gradient(circle at var(--mx) var(--my),rgba(85,229,255,.17),transparent 28%);opacity:0;transition:opacity .3s}
.catalog-card:hover:before{opacity:1}
.catalog-card:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(2,14,24,.03) 22%,rgba(2,14,24,.74) 56%,rgba(2,14,24,.98) 100%)}
.catalog-hit{position:absolute;z-index:20;inset:0}
.catalog-media{position:absolute;inset:0;overflow:hidden;background:#052032}
.catalog-media:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(1,15,26,.08),rgba(18,123,169,.07) 46%,rgba(1,15,26,.32))}
.catalog-card img{width:100%;height:64%;object-fit:cover;object-position:center;filter:saturate(.86) contrast(1.04);transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .45s ease}
.catalog-card:hover img{transform:scale(1.075);filter:saturate(1) contrast(1.05)}
.catalog-scan{position:absolute;z-index:2;left:-15%;right:-15%;top:28%;height:1px;background:linear-gradient(90deg,transparent,rgba(103,236,255,.92),transparent);box-shadow:0 0 18px rgba(80,225,255,.55);opacity:0;transform:translateY(-65px);transition:opacity .3s;animation:catalogScan 4.5s linear infinite paused}
.catalog-card:hover .catalog-scan{opacity:.8;animation-play-state:running}@keyframes catalogScan{0%{transform:translateY(-70px)}100%{transform:translateY(120px)}}
.marine-icon{position:absolute;z-index:8;top:144px;left:22px;width:64px;height:64px;border-radius:20px;border:1px solid rgba(255,255,255,.28);background:linear-gradient(145deg,rgba(8,36,54,.72),rgba(10,75,96,.43));backdrop-filter:blur(18px) saturate(150%);box-shadow:0 16px 40px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.12);display:grid;place-items:center;color:#79eaff;transform:translateZ(34px);transition:.35s ease}
.marine-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.catalog-card:hover .marine-icon{transform:translateZ(45px) translateY(-6px) rotate(-4deg);color:#b8f7ff;border-color:rgba(102,230,255,.55)}
.rtl .marine-icon{left:auto;right:22px}
.catalog-coord{position:absolute;z-index:8;top:20px;right:20px;display:grid;justify-items:end;gap:3px;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.45)}.rtl .catalog-coord{right:auto;left:20px;justify-items:start}
.catalog-coord span{font-size:30px;font-weight:800;line-height:1;letter-spacing:-.05em}.catalog-coord i{font-style:normal;font-size:7px;letter-spacing:.16em;opacity:.75}
.catalog-copy{position:absolute;z-index:9;left:22px;right:22px;bottom:22px;color:#fff;transform:translateZ(26px)}
.catalog-copy small{display:block;font-size:8px;letter-spacing:.17em;color:#74ddf4;margin-bottom:9px}
.catalog-copy h2{letter-spacing:-.038em;line-height:1.08;margin:0 0 10px;max-width:92%}
.catalog-copy p{max-width:none;color:#a9c1cf;font-size:11px;line-height:1.65;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.catalog-open{display:flex;align-items:center;gap:9px;margin-top:14px;font-size:10px;font-weight:800;color:#79e9ff;transition:.28s ease}.catalog-open b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:rgba(115,231,255,.12);border:1px solid rgba(115,231,255,.24);transition:.28s}.catalog-card:hover .catalog-open b{transform:translate(3px,-3px);background:#64ddf5;color:#032031}
.rtl .catalog-card:hover .catalog-open b{transform:translate(-3px,-3px)}
.catalog-corner{position:absolute;z-index:8;width:23px;height:23px;opacity:.62;pointer-events:none}.catalog-corner.c1{left:13px;top:13px;border-left:1px solid #68dff4;border-top:1px solid #68dff4}.catalog-corner.c2{right:13px;bottom:13px;border-right:1px solid #68dff4;border-bottom:1px solid #68dff4}

/* ===== Floating utility controls ===== */
.float-tools{position:fixed;inset:0;z-index:480;pointer-events:none}
.float-btn{pointer-events:auto;position:absolute;bottom:28px;width:58px;height:58px;border-radius:19px;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;backdrop-filter:blur(18px) saturate(155%);box-shadow:0 18px 45px rgba(0,0,0,.23);transition:transform .3s ease,opacity .3s ease,box-shadow .3s ease;text-decoration:none}
.float-btn svg{width:25px;height:25px;position:relative;z-index:2}.float-btn:hover{transform:translateY(-5px);box-shadow:0 24px 54px rgba(0,0,0,.3)}
.whatsapp-float{left:24px;background:linear-gradient(145deg,rgba(15,116,78,.90),rgba(21,181,105,.72));color:white}.whatsapp-float:before{content:"";position:absolute;inset:-8px;border-radius:25px;border:1px solid rgba(62,232,147,.18);animation:waPulse 2.7s ease-out infinite}@keyframes waPulse{0%{transform:scale(.88);opacity:0}35%{opacity:.65}100%{transform:scale(1.15);opacity:0}}
.go-top{right:24px;color:#dbf8ff;background:conic-gradient(#5fe7ff calc(var(--progress,0)*1%),rgba(255,255,255,.14) 0);border:0;cursor:pointer;opacity:0;transform:translateY(14px);visibility:hidden}
.go-top:before{content:"";position:absolute;inset:3px;border-radius:17px;background:linear-gradient(145deg,rgba(3,20,32,.94),rgba(5,43,59,.86));border:1px solid rgba(255,255,255,.08)}
.go-top.visible{opacity:1;transform:none;visibility:visible}.go-top.visible:hover{transform:translateY(-5px)}
.go-top svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.float-label{position:absolute;white-space:nowrap;top:50%;transform:translateY(-50%);font-size:9px;font-weight:800;letter-spacing:.12em;padding:8px 10px;border-radius:10px;background:rgba(2,16,27,.84);color:#e8f8ff;border:1px solid rgba(255,255,255,.1);opacity:0;transition:.25s;pointer-events:none}.whatsapp-float .float-label{left:68px}.go-top .float-label{right:68px}.float-btn:hover .float-label{opacity:1}

@media(max-width:1100px){.service-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-card,.catalog-card:nth-child(3n+1){height:380px}}
@media(max-width:680px){.services-page{padding:95px 0}.services-page .mega-copy{margin-bottom:45px!important}.service-catalog{grid-template-columns:1fr;gap:16px}.catalog-card,.catalog-card:nth-child(3n+1){height:360px;border-radius:23px}.catalog-card img{height:62%}.marine-icon{top:130px;width:58px;height:58px;border-radius:18px}.marine-icon svg{width:31px;height:31px}.catalog-copy{left:20px;right:20px;bottom:20px}.catalog-copy h2,.catalog-card:nth-child(3n+1) .catalog-copy h2{font-size:25px}.float-btn{width:52px;height:52px;bottom:18px;border-radius:17px}.whatsapp-float{left:14px}.go-top{right:14px}.go-top:before{border-radius:15px}.float-label{display:none}}

/* ===== TYPOGRAPHY REFINEMENT v4 =====
   Keep the cinematic scale, but improve readability—especially Arabic/Kufi headings. */
.mega-copy{font-size:clamp(46px,5vw,86px);line-height:1.04;letter-spacing:-.045em}
.inner-hero h1{font-size:clamp(72px,9vw,150px);line-height:.90;letter-spacing:-.06em}
.closing-title{font-size:clamp(64px,7.7vw,132px);line-height:.89;letter-spacing:-.06em}
.diving-content h2{font-size:clamp(54px,6.4vw,104px);line-height:.94}
.vision-card h2{font-size:clamp(38px,4vw,66px);line-height:1.06}
.contact-info h2{font-size:clamp(44px,4.5vw,74px);line-height:1.08}

/* Arabic needs more breathing room than Latin display typography. */
.rtl .hero-title{
  font-size:clamp(62px,7.6vw,128px);
  line-height:1.09;
  letter-spacing:0;
}
.rtl .hero-title .outline{margin-top:20px}
.rtl .mega-copy{
  font-size:clamp(42px,4.15vw,72px);
  line-height:1.24;
  letter-spacing:0;
  max-width:100%;
}
.rtl .inner-hero h1{
  font-size:clamp(64px,7.7vw,128px);
  line-height:1.15;
  letter-spacing:0;
}
.rtl .inner-hero h1 em{margin-top:8px}
.rtl .closing-title{
  font-size:clamp(58px,6.5vw,108px);
  line-height:1.15;
  letter-spacing:0;
}
.rtl .closing-title em{margin-top:18px}
.rtl .diving-content h2{
  font-size:clamp(50px,5.9vw,92px);
  line-height:1.16;
  letter-spacing:0;
}
.rtl .vision-card h2{
  font-size:clamp(36px,3.6vw,58px);
  line-height:1.22;
  letter-spacing:0;
}
.rtl .contact-info h2{
  font-size:clamp(40px,4vw,66px);
  line-height:1.22;
  letter-spacing:0;
}
.rtl .service-stage-glass h3,
.rtl .catalog-copy h2,
.rtl .service-side h2{
  line-height:1.25;
  letter-spacing:0;
}

@media(max-width:760px){
  .mega-copy{font-size:clamp(40px,11.5vw,60px);line-height:1.08}
  .inner-hero h1{font-size:clamp(54px,15vw,82px);line-height:.96}
  .closing-title{font-size:clamp(50px,14vw,76px);line-height:.94}
  .rtl .hero-title{font-size:clamp(50px,13vw,76px);line-height:1.12}
  .rtl .mega-copy{font-size:clamp(38px,9.5vw,52px);line-height:1.30}
  .rtl .inner-hero h1{font-size:clamp(50px,12.5vw,72px);line-height:1.22}
  .rtl .closing-title{font-size:clamp(46px,12vw,68px);line-height:1.22}
  .rtl .diving-content h2{font-size:clamp(44px,11vw,64px);line-height:1.20}
}


/* V8 — the existing animated radar doubles as the invisible sonar-audio trigger. */
.radar-shell.sonar-audio-trigger{cursor:pointer;transition:filter .35s ease,transform .35s ease}
.radar-shell.sonar-audio-trigger:hover{filter:brightness(1.09) drop-shadow(0 0 22px rgba(52,223,255,.12))}
.radar-shell.sonar-audio-trigger:active{transform:scale(.992)}
.radar-shell.sonar-audio-trigger:focus-visible{outline:1px solid rgba(93,232,255,.48);outline-offset:8px}
.radar-shell.sonar-audio-active{filter:brightness(1.05) drop-shadow(0 0 24px rgba(52,223,255,.10))}