@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap");:root{--navy:#061b30;--navy2:#0b3d62;--blue:#0077b6;--cyan:#00b4d8;--gold:#d4af37;--text:#f4fbff;--muted:#b0c7d5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--text);font-family:IBM Plex Sans Arabic,Tahoma,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.header{position:absolute;z-index:10;top:0;right:0;left:0;border-bottom:1px solid #ffffff20;background:#04162785;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.navwrap{max-width:1340px;margin:auto;padding:17px 34px;justify-content:space-between;gap:25px}.brand,.navwrap{display:flex;align-items:center}.brand{gap:12px}.brandicon{display:grid;place-items:center;width:45px;height:45px;border:1px solid #72d7ff55;border-radius:15px;background:#009bc122;color:#64dfff}.brand strong{font-size:25px;line-height:1.1;display:block}.brand small{font-size:10px;letter-spacing:4px;color:#85c8dd}.nav{display:flex;gap:27px;align-items:center}.nav a{font-size:13px;color:#d6e5ef;transition:color .2s}.nav a:hover{color:#5cdef7}.actions{display:flex;gap:10px;align-items:center}.join,.primary{display:inline-flex;gap:12px;align-items:center;justify-content:center;padding:13px 21px;background:linear-gradient(115deg,#02a3c5,#0075b0);color:white;border:1px solid #50d8f477;border-radius:12px;font-size:13px;font-weight:600;box-shadow:0 8px 34px #0086c330;transition:transform .2s}.join:hover,.primary:hover{transform:translateY(-2px)}.menu{display:none;background:transparent;color:white;border:0}.hero{min-height:820px;height:100svh;max-height:1050px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 64%,#096185 0,#072d4c 31%,#05192d 65%,#020d19 100%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00101c55,transparent 35%,#00101c55),repeating-linear-gradient(0deg,transparent,transparent 80px,#b6eaff06 81px);pointer-events:none}.ambient{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35;animation:drift 12s ease-in-out infinite alternate}.ambient1{width:530px;height:330px;background:#00b4d8;top:20%;right:5%}.ambient2{width:480px;height:280px;background:#0056a5;bottom:5%;left:3%;animation-delay:-5s}.water-surface{position:absolute;bottom:-9%;left:-10%;right:-10%;height:35%;transform:perspective(400px) rotateX(54deg);background:repeating-radial-gradient(ellipse at 50% 20%,transparent 0,transparent 20px,#51bfe34a 22px,#2f8cbe12 25px,transparent 30px,transparent 48px);-webkit-mask-image:linear-gradient(180deg,transparent,#000 35%,transparent);mask-image:linear-gradient(180deg,transparent,#000 35%,transparent);animation:water 14s linear infinite}.hero-content{position:relative;z-index:2;text-align:center;padding:110px 20px 70px;max-width:820px}.eyebrow,.section-label{color:#8ddaf0;font-size:13px;letter-spacing:.2px;font-weight:500}.eyebrow{display:inline-flex;gap:10px;align-items:center;padding:8px 17px;border:1px solid #6ecbe73d;border-radius:50px;background:#ffffff09}.live-dot{height:7px;width:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 12px var(--gold)}.hero-mark{position:relative;margin:45px auto 18px;width:max-content}.mark-word{font-size:clamp(88px,13vw,170px);font-weight:700;line-height:1.15;letter-spacing:-10px;background:linear-gradient(165deg,#d4fbff 8%,#42c8e9 30%,#0573b0 57%,#9eefff 72%,#0565a0 95%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 10px 25px #009cdd44)}.mark-drop{position:absolute;top:-17px;width:15px;height:20px;border-radius:80% 0 80% 80%;transform:rotate(-45deg);background:linear-gradient(145deg,#a2efff,#0b94c8 65%,#d4af37);box-shadow:0 0 12px #65d8ff66}.d1{right:37%}.d2{right:43%;top:-38px}.d3{right:49%}.goldline{height:2px;width:78px;margin:0 auto 27px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(35px,4.3vw,59px);line-height:1.5;font-weight:600;margin-bottom:13px}h1 span{color:var(--gold)}h1 em{font-style:normal;color:#93e3f4}.hero-content>p{color:#bfd8e4;max-width:650px;margin:0 auto 28px;font-size:16px;line-height:2}.hero-buttons{display:flex;justify-content:center;gap:13px;flex-wrap:wrap}.secondary{display:inline-flex;align-items:center;gap:12px;padding:13px 21px;border:1px solid #9dd5e66e;border-radius:12px;background:#ffffff0b;font-size:13px;font-weight:600}.scrollcue{display:flex;align-items:center;flex-direction:column;gap:8px;color:#91b6c6;font-size:11px;margin-top:75px}.scrollcue svg{animation:bob 2s ease-in-out infinite}.hero-number{position:absolute;bottom:33px;left:42px;color:#92b8c7;font-size:12px;letter-spacing:3px}.impact,.lab,.statement,.workshops{padding:110px max(5vw,25px);max-width:1480px;margin:auto}.section-label{display:flex;align-items:center;gap:12px;margin-bottom:35px}.section-label span{color:var(--gold);font-size:12px;letter-spacing:2px}.section-label:after{content:"";width:45px;height:1px;background:#51c6de66}.impact-grid,.statement-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:center}h2{font-size:clamp(32px,3.5vw,50px);line-height:1.5;font-weight:600;margin-bottom:17px}h2 span{color:#65cde6}section p{color:#a9c2d0;line-height:2.05;font-size:15px;max-width:550px}.text-link{display:inline-flex;align-items:center;gap:12px;color:#8fe8ff;font-weight:600;font-size:14px;margin-top:14px}.journey{min-height:350px;position:relative;display:grid;place-items:center}.journey-ring{height:240px;width:240px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#9fefff;background:radial-gradient(circle,#127ba644,#06263c 65%);border:1px solid #62b6d650;box-shadow:0 0 0 35px #2e9fc50b,0 0 0 75px #2e9fc509}.journey-ring span{font-size:18px}.journey-label{position:absolute;font-size:12px;color:#d3e9f2;background:#0c3854;padding:8px 14px;border:1px solid #3b91ad80;border-radius:50px}.j1{top:20px;right:22%}.j2{top:75px;left:5%}.j3{bottom:45px;right:7%}.j4{bottom:10px;left:14%}.lab{background:linear-gradient(180deg,#08253d,#061b30);max-width:none}.lab>.cards,.lab>.section-heading,.lab>.section-label{max-width:1340px;margin-left:auto;margin-right:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:35px}.cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.experience{min-height:385px;border:1px solid #4ca5c438;background:linear-gradient(155deg,#0b3854,#071d32);border-radius:20px;padding:20px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .25s,border-color .25s}.experience:hover{transform:translateY(-6px);border-color:#51d8ed99}.cardtop{display:flex;align-items:center;justify-content:space-between;color:#8dd9e7}.cardtag{font-size:11px;border:1px solid #73d7e344;border-radius:50px;padding:6px 10px}.experience-visual{height:180px;display:grid;place-items:center;color:#72dbf1;position:relative}.experience-visual svg{z-index:1;filter:drop-shadow(0 5px 18px #00b8e288)}.visual-glow{position:absolute;width:160px;height:100px;border-radius:50%;background:#00b7e520;filter:blur(35px)}.facility .experience-visual{color:#87bce9}.calculator .experience-visual{color:#d5b868}.solutions .experience-visual{color:#8adac9}.cardnum{font-size:11px;color:#7bb6ca;letter-spacing:2px}.cardbottom h3{font-size:22px;margin:8px 0}.cardbottom p{font-size:12px;line-height:1.9;margin:0}.decision{position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 48%,#0b5770,#071e33 52%,#03111f);padding:100px 5vw}.decision-glow{position:absolute;width:500px;height:500px;left:-150px;top:-180px;border-radius:50%;border:1px solid #d4af3730;box-shadow:0 0 0 80px #d4af3705,0 0 0 160px #d4af3705}.decision-inner{max-width:1100px;margin:auto;position:relative}.decision h2 span{color:#d9bd66}.decision .primary{margin-top:12px}.decision-metrics{display:flex;gap:70px;border-top:1px solid #ffffff24;margin-top:50px;padding-top:25px}.decision-metrics div{display:flex;flex-direction:column;gap:5px}.decision-metrics strong{font-size:17px}.decision-metrics small{color:#a8c5d2}.workshop-box{display:grid;grid-template-columns:1fr 2fr;align-items:center;grid-gap:50px;gap:50px;padding:45px;border-radius:25px;border:1px solid #398aa74d;background:linear-gradient(120deg,#0b3e5a,#08273f)}.workshop-symbol{height:200px;display:grid;place-items:center;color:#81e1f2;background:radial-gradient(circle,#0a73975e,transparent 65%)}.impact-steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.impact-steps div{padding:22px 12px;border:1px solid #479ab547;border-radius:15px;background:#0b3650;display:flex;flex-direction:column;gap:12px}.impact-steps div>span{color:#d4af37;font-size:12px}.impact-steps svg{color:#80dff2}.impact-steps strong{font-size:20px}.impact-steps small{color:#9cbccc}footer{border-top:1px solid #ffffff1d;background:#03121f;padding:50px 5vw;text-align:center}.footerbrand{display:flex;align-items:center;justify-content:center;gap:10px;color:#8cdef0}.footerbrand strong{font-size:25px;color:white}.footerbrand span{font-size:12px}footer p{font-size:13px;color:#a4bdcb;margin:15px auto}footer small{font-size:11px;color:#7793a4}.footerlinks{display:flex;justify-content:center;gap:24px;margin:20px 0;font-size:12px;color:#c4d7e0}@keyframes drift{to{transform:translate(70px,-40px)}}@keyframes water{to{background-position:120px 0}}@keyframes bob{50%{transform:translateY(8px)}}@media(max-width:1050px){.nav{gap:12px}.nav a{font-size:11px}.cards{grid-template-columns:repeat(2,1fr)}.impact-grid,.statement-grid{gap:30px}}@media(max-width:760px){.navwrap{padding:12px 18px}.menu{display:block}.nav{display:none;position:absolute;top:69px;right:0;left:0;background:#051a2cf7;flex-direction:column;align-items:stretch;padding:20px;gap:0;border-bottom:1px solid #ffffff22}.nav.open{display:flex}.nav a{font-size:15px;padding:13px;border-bottom:1px solid #ffffff10}.join{padding:10px;font-size:11px}.join svg{display:none}.brand strong{font-size:21px}.brandicon{height:40px;width:40px}.hero{min-height:720px;height:100svh}.hero-content{padding-top:110px}.mark-word{font-size:96px}.hero-content>p{font-size:13px}.scrollcue{margin-top:45px}.impact,.lab,.statement,.workshops{padding:65px 20px}.impact-grid,.statement-grid,.workshop-box{grid-template-columns:1fr}.journey{min-height:330px}.section-heading{align-items:start;flex-direction:column}.cards{grid-template-columns:1fr 1fr;gap:10px}.experience{min-height:310px;padding:13px}.experience-visual{height:130px}.experience-visual svg{width:60px}.cardbottom h3{font-size:16px}.cardbottom p{font-size:11px}.decision{padding:65px 20px}.decision-metrics{gap:20px;justify-content:space-between}.decision-metrics strong{font-size:13px}.decision-metrics small{font-size:10px}.workshop-box{padding:25px;gap:5px}.workshop-symbol{height:130px}.impact-steps{gap:7px}.impact-steps div{padding:13px 9px}.impact-steps strong{font-size:15px}.impact-steps small{font-size:10px}}@media(max-width:400px){.cards{grid-template-columns:1fr}.experience{min-height:300px}.mark-word{font-size:78px}.hero-buttons{flex-direction:column}.hero-buttons a{justify-content:center}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}