:root{--brand-primary:#222842;--brand-accent:#d50037;--bg-dark-a:#0f121e;--bg-dark-b:#222842;--footer-navy:#142b4d;--ink:#222;--white:#fff;--font:"GE Dinar One", "Tajawal", system-ui, sans-serif;--pill:200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--white);background:linear-gradient(235deg, var(--bg-dark-a) 0%, var(--bg-dark-b) 100%);font-weight:500;overflow-x:hidden}#webgl{z-index:5;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}#loader{z-index:100;background:linear-gradient(235deg, var(--bg-dark-a), var(--bg-dark-b));justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}#loader.done{opacity:0;pointer-events:none}.loader-logo{flex-direction:column;align-items:center;gap:16px;display:flex}.loader-logo img{width:180px}#loader-pct{opacity:.6;font-size:14px}.nav{z-index:50;border-radius:var(--pill);-webkit-backdrop-filter:blur(14px);background:#ffffff1a;align-items:center;gap:24px;padding:16px 32px 16px 16px;transition:background .4s,color .4s;display:flex;position:fixed;top:32px;left:64px;right:64px}.nav-logo img{height:35px;display:block}.nav-links{gap:24px;margin-inline-start:auto;display:flex}.nav-links a{color:var(--white);font-size:14px;text-decoration:none;transition:color .4s,opacity .2s}.nav-links a:hover{opacity:.7}.nav-cta{order:10}.nav.on-light{background:#22284214}.nav.on-light .nav-links a{color:var(--brand-primary)}.btn{border-radius:var(--pill);min-width:180px;font-size:14px;font-weight:500;font-family:var(--font);text-align:center;cursor:pointer;justify-content:center;align-items:center;padding:16px 24px;text-decoration:none;transition:transform .15s,filter .2s;display:inline-flex}.btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn-primary{background:var(--brand-accent);color:var(--white)}.btn-ghost{border:1px solid var(--white);color:var(--white)}.btn-outline-dark{border:1px solid var(--brand-primary);color:var(--brand-primary)}.btn-row{flex-wrap:wrap;gap:16px;display:flex}.section{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:128px;display:flex;position:relative}.section-dark{background:0 0}.section-light{background:var(--white);z-index:2}.split{align-items:center;gap:16px;width:100%;max-width:1256px;display:flex}.split>*{flex:1 1 0;min-width:0}.copy{flex-direction:column;align-items:flex-start;gap:40px;display:flex}.display{font-size:clamp(40px,4.2vw,64px);font-weight:700;line-height:1.5}.heading{font-size:clamp(24px,2.1vw,32px);font-weight:700;line-height:1.5}.lead{font-size:clamp(16px,1.6vw,24px);line-height:1.6}.body{max-width:500px;font-size:14px;line-height:1.8}.dark-text{color:var(--ink)}.visual{height:690px;position:relative}.people-pill{left:var(--x);top:var(--y);border:8px solid var(--brand-accent);border-radius:131px;width:262px;position:absolute;overflow:hidden}.people-pill.tall{height:564px}.people-pill.round{height:262px}.people-pill img{object-fit:cover;width:100%;height:100%;display:block}.model-anchor{position:absolute;inset:0}.model-anchor.narrow{left:20%;right:20%}.model-anchor.wide{left:5%;right:5%}.center-copy{text-align:center;flex-direction:column;align-items:center;gap:32px;max-width:1256px;display:flex}.center-copy .btn-row{justify-content:center}.laptop-stage{width:min(888px,80vw);height:515px;margin-top:96px;position:relative}.model-anchor.laptop{inset:0}.deco-circle{left:var(--x);top:var(--y);width:var(--s);height:var(--s);z-index:-1;position:absolute}.deco-circle img{width:100%;height:100%;display:block}.community{flex-direction:row;justify-content:space-between;align-items:center;gap:48px}.community .center-copy{z-index:3;flex:0 0 400px;position:relative}.community .heading{white-space:nowrap}.bubbles{z-index:1;flex:1 1 0;width:480px;height:480px;position:relative;transform:scale(.72)}.bubbles-start{transform-origin:100%}.bubbles-end{transform-origin:0}.bubble{left:var(--x);top:var(--y);width:var(--s);height:var(--s);position:absolute}.bubble img{width:100%;height:100%;display:block}.footer-wrap{min-height:unset;padding:64px}.footer{background:var(--footer-navy);border-radius:16px;width:100%;max-width:1384px;padding:32px 0 16px}.footer-grid{align-items:flex-start;gap:48px;padding:16px 64px 32px;display:flex}.footer-brand{flex-direction:column;gap:16px;width:303px;display:flex}.footer-logo{width:154px}.footer-brief{font-size:14px;line-height:1.8}.footer-col{flex-direction:column;flex:1;gap:8px;display:flex}.footer-col h3{margin-bottom:8px;font-size:16px;font-weight:700}.footer-col a{color:var(--white);opacity:.85;font-size:14px;text-decoration:none}.footer-col a:hover{opacity:1}.footer-bottom{border-top:1px solid #ffffff26;justify-content:space-between;padding:16px 64px 0;font-size:12px;display:flex}@media (width<=1100px){.section{padding:96px 40px}.nav{padding:12px 20px 12px 12px;top:16px;left:16px;right:16px}.nav-links{display:none}.split{flex-direction:column-reverse;gap:40px}.split.reverse{flex-direction:column-reverse}.copy{text-align:center;align-items:center}.visual{transform-origin:top;width:100%;max-width:620px;height:520px;transform:scale(.8)}.community{flex-direction:column}.bubbles{display:none}.footer-grid{flex-wrap:wrap}.footer-bottom{flex-direction:column;align-items:center;gap:8px}}