:root{--navy:#121118;--text:#f5f2fb;--ink:#211f2a;--muted:#716d7c;--line:#e4e0e9;--blue:#7658d8;--cyan:#25c6bd;--lime:#f1a84b;--pale:#f6f3f8}
.mark{color:#6e4fd0;border-color:#cfc6dc;box-shadow:2px 3px 0 #e7e1ed}.mark span{color:#25c6bd}
.button{background:linear-gradient(115deg,#6040c6,#8166dc);box-shadow:0 3px 0 #40268e,0 0 22px #7658d83c}.button:hover{box-shadow:0 5px 0 #40268e,0 0 28px #25c6bd38}.button.small{background:#211e28;box-shadow:0 3px 0 #09080c}
.hero{min-height:640px;grid-template-columns:.95fr 1.05fr;background:radial-gradient(circle at 82% 24%,#44306d 0,transparent 31%),radial-gradient(circle at 92% 82%,#125e5b 0,transparent 28%),#121118;padding-top:78px;padding-bottom:78px}
.hero h1{font-size:clamp(2.55rem,4.05vw,4.35rem);line-height:1.08;max-width:650px}.hero h1 em{color:#f1a84b}.hero .eyebrow{color:#58ddd4}.hero .eyebrow i{background:#f1a84b;box-shadow:0 0 11px #f1a84b}.intro{color:#c8c0d2}
.hero-visual{min-height:480px;aspect-ratio:16/10;border-color:#9b7ee077;background:#191620;box-shadow:inset 0 0 40px #7658d828,0 0 34px #7658d83d,0 30px 70px #0007;transform:perspective(1100px) rotateY(-3deg) rotateX(1deg)}
.hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:center;filter:none}.hero-visual:after{background:linear-gradient(110deg,transparent 44%,#f1a84b13 50%,transparent 56%)}
.signal{background:#17131de8;border-color:#7e64d5;box-shadow:0 0 20px #7658d847}.signal b{color:#53d8d0}.work{border-color:#e8a24f;color:#fff2dd;box-shadow:0 0 20px #f1a84b3f}.work b,.result strong{color:#f1a84b}
.diagnostic i:after{background:#7658d8;box-shadow:0 0 10px #7658d8}.architecture{background:radial-gradient(circle at 10% 10%,#352452 0,transparent 35%),linear-gradient(135deg,#121118,#1e1a25);color:#f5f2fb}.heading-row .eyebrow{color:#f1a84b}.heading-row>p,.layer>p{color:#c8c0d2}
.human-layer{background:linear-gradient(150deg,#332459,#211a38)}.work-layer{background:linear-gradient(150deg,#183f3e,#172b2b)}.layer-top b{color:#5de0d7;border-color:#5de0d777}.work-layer .layer-top b{color:#f1a84b;border-color:#f1a84b77}
.layer small,.receive small,.delivery-note small{color:#5de0d7}.work-layer small{color:#f1a84b}.layer li:before{background:#5de0d7;box-shadow:0 0 10px #5de0d7}.work-layer li:before{background:#f1a84b;box-shadow:0 0 10px #f1a84b}.shared-measure{border-color:#8b70dc55;background:#17131e}.shared-measure span{color:#f1a84b}
.roadmap{background:#f7f4f8}.phase b,.receive{background:#eee8f8;color:#5636b7}.phase span,.visible b{color:#6a49cb}.roadmap details li:before{background:#6a49cb}
.delivery figure{background:linear-gradient(140deg,#7658d8,#25c6bd,#f1a84b);box-shadow:0 0 32px #7658d825}.delivery figure img{aspect-ratio:3/2;object-fit:cover;background:#1a1820}
.delivery-note{margin-top:29px;padding:18px 0 0;border-top:1px solid var(--line)}.delivery-note small{display:block;font-size:9px;letter-spacing:.12em;font-weight:700;margin-bottom:10px}.delivery-note strong{display:block;font:700 20px Manrope,sans-serif;letter-spacing:-.04em}.delivery-note span{font-size:13px;color:var(--muted)}
.contact{background:radial-gradient(circle at 90% 80%,#3d2c5e,transparent 34%),#121118}.contact .eyebrow,.lockup b{color:#f1a84b}.lockup{border-color:#25c6bd}

/* Founder and global impact */
.founder{padding:110px 0;background:linear-gradient(180deg,#0f0e14 0,#17131e 48%,#0f0e14 100%);color:#f5f2fb;overflow:hidden}
.founder-intro{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);gap:clamp(42px,6vw,90px);align-items:center}.founder-intro .eyebrow,.experience-copy .eyebrow,.credentials .eyebrow{color:#58ddd4}.founder-intro h2 em{color:#f1a84b}.founder-lead{font-size:1.12rem;line-height:1.7;color:#c8c0d2;max-width:650px;margin-top:28px}.region-line{display:flex;align-items:center;gap:13px;margin-top:30px;color:#f1a84b;font-size:.7rem;font-weight:800;letter-spacing:.13em}.region-line i{height:1px;width:32px;background:linear-gradient(90deg,#25c6bd,#7658d8)}.founder-portrait{position:relative;margin:0;min-height:500px;border:1px solid #ffffff24;border-radius:18px;overflow:hidden;background:#17141d;box-shadow:0 28px 70px #0008,0 0 34px #25c6bd1c;isolation:isolate}.founder-portrait:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 55%,#0f0e14e8 100%);pointer-events:none}.founder-portrait:after{content:"";position:absolute;inset:12px;border:1px solid #ffffff1f;border-radius:11px;z-index:2;pointer-events:none}.founder-portrait img{display:block;width:100%;height:100%;min-height:500px;object-fit:cover;object-position:center 34%}.founder-portrait figcaption{position:absolute;z-index:3;left:30px;right:30px;bottom:26px}.founder-portrait strong{display:block;font:750 1.35rem/1.1 Manrope,sans-serif;letter-spacing:-.04em}.founder-portrait span{display:block;margin-top:7px;color:#65e4dc;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.impact-stage{display:grid;grid-template-columns:1.2fr .8fr;gap:0;margin-top:58px;border:1px solid #ffffff1f;border-radius:18px;overflow:hidden;background:#121017;box-shadow:0 28px 80px #0007,0 0 40px #7658d81f}.impact-visual{min-height:470px;background:#070d18}.impact-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.impact-story{padding:clamp(32px,4.4vw,64px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 100% 0,#3e2d5d80,transparent 48%),#17141d}.impact-label{font-size:10px;font-weight:700;letter-spacing:.14em;color:#f1a84b}.impact-story h3{font-size:clamp(1.65rem,2.2vw,2.35rem);margin:20px 0;line-height:1.18}.impact-story p{color:#c8c0d2}.impact-story .culture-copy{margin-top:16px;color:#aaa2b4;font-size:.92rem}.profile-quote{margin-top:30px;padding:20px 0 0;border-top:1px solid #ffffff25;color:#65e4dc;font:600 1rem/1.55 Manrope,sans-serif}
.metrics{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #ffffff1f;border-radius:14px;margin-top:22px;overflow:hidden;background:#17141d}.metrics article{padding:28px 24px;min-height:170px;border-right:1px solid #ffffff1a;position:relative}.metrics article:last-child{border-right:0}.metrics article:before{content:"";position:absolute;left:24px;top:0;width:42px;height:3px;background:linear-gradient(90deg,#25c6bd,#7658d8,#f1a84b);box-shadow:0 0 14px #25c6bd99}.metrics strong{display:block;font:800 clamp(2.2rem,3.5vw,4rem)/1 Manrope,sans-serif;letter-spacing:-.07em;color:#fff;text-shadow:0 0 28px #7658d84d}.metrics strong span{color:#f1a84b}.metrics p{margin-top:14px;color:#aaa2b4;font-size:.82rem;line-height:1.45}
.experience-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center;margin-top:90px}.experience-copy h3{font-size:clamp(1.75rem,2.6vw,2.75rem);line-height:1.15;margin-bottom:24px}.experience-copy>p:not(.eyebrow){color:#bdb5c7;margin-top:14px}.organization-logos{display:grid;grid-template-columns:1fr 1fr;gap:15px}.logo-tile{min-height:190px;padding:22px;border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 15px 40px #0005;position:relative;overflow:hidden}.logo-tile:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,#7658d8,#25c6bd,#f1a84b)}.logo-tile img{display:block;width:82%;height:100px;object-fit:contain}.logo-tile span{font-size:.72rem;font-weight:700;color:#5f5a68;margin-top:12px;letter-spacing:.03em;text-align:center}.logo-tile.google img{width:65%;height:110px}.logo-tile.ge img{width:88%;height:70px}.logo-tile.aramco{grid-column:1/-1}.logo-tile.aramco img{width:58%;height:105px;object-fit:contain}
.credentials{display:grid;grid-template-columns:1fr 1.3fr;gap:55px;margin-top:88px;padding:38px;border:1px solid #ffffff1f;border-radius:14px;background:linear-gradient(130deg,#211a30,#132c2b)}.credentials h3{font-size:1.8rem;max-width:440px}.credentials ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;align-content:center}.credentials li{padding:13px 14px;border:1px solid #ffffff20;border-radius:6px;background:#ffffff08;font-size:.84rem;color:#eee9f5}.credential-note{grid-column:2;margin-top:-14px;color:#f1a84b;font-size:.8rem;font-weight:700}.logo-disclaimer{margin-top:22px;color:#777080;font-size:.68rem;line-height:1.5;max-width:760px}
@media(max-width:700px){.hero h1{font-size:clamp(2.3rem,10.5vw,3.4rem)}.hero-visual{min-height:330px;aspect-ratio:4/3}.signal{font-size:8px}.human{left:4%;top:35%}.work{right:4%;bottom:23%}}

/* Responsive sizing system */
body{overflow-x:hidden}
.wrap{width:100%;max-width:1240px}
.hero{min-height:0;padding:56px clamp(32px,4vw,64px);grid-template-columns:minmax(0,500px) minmax(0,620px);justify-content:center;gap:clamp(34px,4vw,58px)}
.hero-copy{min-width:0}
.hero h1{font-size:clamp(2.5rem,3.45vw,3.7rem);max-width:590px}
.hero .lead{font-size:clamp(1.05rem,1.25vw,1.22rem);margin-top:24px}
.hero .intro{font-size:clamp(.95rem,1vw,1.05rem)}
.hero-visual{width:100%;max-width:620px;min-height:0;aspect-ratio:16/10;align-self:center}
.problem-grid,.heading-row,.delivery-grid,.contact-grid,.layers,.roadmap-grid{min-width:0}
.layer,.roadmap-grid article,.delivery-grid>*{min-width:0}

@media(min-width:1600px){
  .hero{grid-template-columns:500px 600px;gap:58px}
  .hero-visual{max-width:600px}
}
@media(max-width:1199px){
  .wrap{padding-left:36px;padding-right:36px}
  header{padding-left:36px;padding-right:36px}
  .hero{padding:52px 36px;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);gap:36px}
  .hero h1{font-size:clamp(2.35rem,4.2vw,3.35rem)}
  .hero-visual{max-width:560px}
  .layers{gap:16px}.layer{padding:25px}
  .layer-split{grid-template-columns:1fr}
  .roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .roadmap-grid article:last-child{grid-column:1/-1}
  .roadmap-grid article:last-child h3{min-height:0}
  .delivery-grid,.contact-grid{gap:55px}
}
@media(max-width:900px){
  header{height:78px}
  .hero{grid-template-columns:1fr;padding:52px 36px 62px}
  .hero-copy{max-width:680px;margin:0 auto;width:100%}
  .hero h1{font-size:clamp(2.55rem,7vw,4rem);max-width:680px}
  .hero-visual{max-width:680px;margin:4px auto 0;transform:none}
  .problem-grid,.heading-row,.delivery-grid,.contact-grid{grid-template-columns:1fr}
  .heading-row{align-items:start}
  .layers{grid-template-columns:1fr}
  .delivery-grid{gap:34px}.delivery figure{max-width:680px}
  .contact-grid{gap:42px}
  .contact-grid>div{max-width:700px}
  .founder-intro,.impact-stage,.experience-grid{grid-template-columns:1fr}.founder-intro{gap:38px}.founder-heading{max-width:720px}.founder-portrait{width:min(100%,620px);min-height:520px}.founder-portrait img{min-height:520px}.impact-stage{gap:0}.impact-visual{min-height:400px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics article{border-bottom:1px solid #ffffff1a}.metrics article:nth-child(2n){border-right:0}.metrics article:last-child{grid-column:1/-1}.experience-grid{gap:42px}.credentials{grid-template-columns:1fr}.credential-note{grid-column:1;margin-top:0}
}
@media(max-width:700px){
  .wrap{padding-left:22px;padding-right:22px}
  .hero{padding:44px 22px 52px}
  .hero h1{font-size:clamp(2.15rem,10vw,3.05rem)}
  .hero .lead{font-size:1.05rem}
  .hero .intro{font-size:1rem}
  .hero-visual{aspect-ratio:4/3;min-height:0}
  .visual-meta{display:none}
  .signal{padding:8px 9px}
  .result{bottom:12px;left:14px}
  .problem,.architecture,.roadmap,.delivery,.contact{padding-top:64px;padding-bottom:64px}
  .diagnostic{overflow-x:auto;justify-content:flex-start}.diagnostic i{min-width:34px}
  .roadmap-grid{grid-template-columns:1fr}
  .roadmap-grid article:last-child{grid-column:auto}
  .phase{gap:15px}
  .shared-measure{grid-template-columns:1fr}
  .actions{align-items:flex-start}
  form{padding:22px}
  .founder{padding:70px 0}.founder-portrait,.founder-portrait img{min-height:440px}.founder-portrait figcaption{left:22px;right:22px;bottom:22px}.region-line{gap:9px;flex-wrap:wrap}.region-line i{width:20px}.impact-stage{margin-top:36px}.impact-visual{min-height:0;aspect-ratio:3/2}.impact-story{padding:30px 24px}.metrics{grid-template-columns:1fr}.metrics article,.metrics article:nth-child(2n){min-height:0;border-right:0;border-bottom:1px solid #ffffff1a}.metrics article:last-child{grid-column:auto;border-bottom:0}.experience-grid{margin-top:64px}.organization-logos{grid-template-columns:1fr}.logo-tile.aramco{grid-column:auto}.credentials{margin-top:64px;padding:26px 22px;gap:28px}.credentials ul{grid-template-columns:1fr}.logo-tile{min-height:165px}
}
@media(max-width:420px){
  .brand>span:last-child{display:none}
  .hero h1{font-size:2.05rem}
  .hero-visual{aspect-ratio:1/1}
  .signal span{display:none}
  .signal b{font-size:13px}
  .actions{display:grid;gap:18px}
  .button{width:100%}
  h2{font-size:2rem}
  .layer{padding:21px}
}
@media(max-height:760px) and (min-width:901px){
  .hero{padding-top:38px;padding-bottom:38px}
  .hero h1{font-size:clamp(2.25rem,3.1vw,3.3rem)}
  .hero .lead{margin-top:18px}
  .actions{margin-top:24px}
  .hero-visual{max-width:540px}
}

/* 3D brand identity */
header{height:104px}
.logo-brand{display:flex;align-items:center;flex:0 0 auto}
.logo-brand img{display:block;width:250px;height:auto;max-height:86px;object-fit:contain}
.footer-logo img{width:210px;max-height:74px}
@media(max-width:1199px){
  .logo-brand img{width:220px}
  nav{gap:20px}
}
@media(max-width:900px){
  header{height:92px}
  .logo-brand img{width:205px;max-height:76px}
}
@media(max-width:700px){
  header{height:84px}
  .logo-brand img{width:175px;max-height:66px}
  .footer-logo img{width:165px}
}
@media(max-width:420px){
  .logo-brand img{width:150px;max-height:58px}
}