/* 4dsHub V24 — WE + WHAT WE DO rebuilt from the 4dsHub presentation */

/* Shared page shell */
body.home-reference-mode.concept-mode .concept-page.we-v24.is-active,
body.home-reference-mode.concept-mode .concept-page.services-v24.is-active{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 0 40px!important;
  overflow:visible!important;
  text-align:left!important;
  color:#fff!important;
}

.we-v24 *, .services-v24 *{box-sizing:border-box;}
.we-v24 .site-en,.we-v24 .site-tr,.services-v24 .site-en,.services-v24 .site-tr{font-style:normal;}

.we24-shell,.svc24-shell{
  width:min(1520px,92vw);
  margin:0 auto;
}

.we24-eyebrow,.svc24-eyebrow{
  margin:0 0 18px!important;
  color:rgba(255,255,255,.48)!important;
  font-size:clamp(10px,.74vw,13px)!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.24em!important;
  text-transform:uppercase;
}

/* WE HERO */
.we24-hero{
  position:relative;
  width:min(1520px,92vw);
  margin:0 auto;
  padding:clamp(78px,9vh,128px) 0 clamp(88px,10vh,150px);
  overflow:hidden;
}
.we24-hero::before{
  content:"";
  position:absolute;
  width:clamp(300px,42vw,720px);
  aspect-ratio:1;
  right:-14%;
  top:-12%;
  border:1px solid rgba(255,255,255,.10);
  border-radius:50%;
  box-shadow:0 0 0 70px rgba(255,255,255,.012),0 0 0 140px rgba(255,255,255,.008);
  pointer-events:none;
}
.we24-hero h2{
  position:relative;
  max-width:1180px;
  margin:0!important;
  font-size:clamp(66px,9.8vw,174px)!important;
  line-height:.82!important;
  letter-spacing:-.085em!important;
  font-weight:900!important;
}
.we24-hero h2 strong{font-weight:900;color:rgba(255,255,255,.35);}
.we24-hero-copy{
  position:relative;
  max-width:820px;
  margin:clamp(36px,4vw,64px) 0 0 auto!important;
  color:rgba(255,255,255,.70)!important;
  font-size:clamp(17px,1.45vw,25px)!important;
  line-height:1.42!important;
  letter-spacing:-.035em!important;
  font-weight:650!important;
}
.we24-hero-copy b{color:#fff;font-weight:800;}

/* Change section */
.we24-change{
  width:min(1520px,92vw);
  margin:0 auto;
  padding:clamp(74px,8vw,128px) clamp(24px,4vw,70px);
  border:1px solid rgba(255,255,255,.09);
  border-radius:clamp(30px,4vw,58px);
  background:linear-gradient(150deg,rgba(255,255,255,.055),rgba(255,255,255,.012) 58%,rgba(255,255,255,.028));
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 38px 110px rgba(0,0,0,.28);
}
.we24-change h3{
  max-width:1100px;
  margin:0!important;
  font-size:clamp(58px,8.4vw,144px)!important;
  line-height:.85!important;
  letter-spacing:-.08em!important;
  font-weight:900!important;
}
.we24-change h3 em{font-style:normal;color:rgba(255,255,255,.30);}
.we24-change-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:clamp(50px,6vw,90px) 0;
}
.we24-signal{
  min-height:130px;
  padding:22px 20px;
  border-top:1px solid rgba(255,255,255,.24);
  color:rgba(255,255,255,.46);
}
.we24-signal strong{
  display:block;
  margin-bottom:10px;
  color:#fff;
  font-size:clamp(28px,3vw,54px);
  line-height:.9;
  letter-spacing:-.06em;
}
.we24-signal span{font-size:12px;letter-spacing:.16em;text-transform:uppercase;}
.we24-forgotten{
  max-width:1180px;
  margin:0 0 0 auto!important;
  color:rgba(255,255,255,.58)!important;
  font-size:clamp(28px,4.1vw,72px)!important;
  line-height:1.02!important;
  letter-spacing:-.06em!important;
  font-weight:700!important;
}
.we24-forgotten b{display:block;color:#fff;font-size:1.28em;font-weight:900;}

/* System age */
.we24-system{
  width:min(1520px,92vw);
  margin:clamp(100px,12vw,180px) auto 0;
}
.we24-system-head{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.65fr);
  gap:clamp(34px,6vw,100px);
  align-items:end;
  margin-bottom:clamp(48px,6vw,90px);
}
.we24-system h3{
  margin:0!important;
  font-size:clamp(56px,7.6vw,130px)!important;
  line-height:.84!important;
  letter-spacing:-.078em!important;
  font-weight:900!important;
}
.we24-system-copy{
  margin:0!important;
  color:rgba(255,255,255,.56)!important;
  font-size:clamp(16px,1.35vw,23px)!important;
  line-height:1.48!important;
  letter-spacing:-.03em!important;
}
.we24-system-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.we24-system-card{
  position:relative;
  min-height:390px;
  padding:clamp(28px,3vw,46px);
  border:1px solid rgba(255,255,255,.10);
  border-radius:40px;
  background:rgba(4,4,4,.58);
  overflow:hidden;
}
.we24-system-card::after{
  content:"";
  position:absolute;
  width:210px;height:210px;
  right:-78px;bottom:-90px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(255,255,255,.015),0 0 0 68px rgba(255,255,255,.008);
}
.we24-system-card small{
  color:rgba(255,255,255,.38);
  font-size:11px;
  letter-spacing:.18em;
}
.we24-system-card h4{
  margin:72px 0 18px!important;
  font-size:clamp(36px,3.4vw,62px)!important;
  line-height:.92!important;
  letter-spacing:-.065em!important;
}
.we24-system-card p{
  max-width:390px;
  margin:0!important;
  color:rgba(255,255,255,.52)!important;
  font-size:clamp(15px,1.1vw,19px)!important;
  line-height:1.45!important;
  letter-spacing:-.025em!important;
}

/* Dimensions */
.we24-dimensions{
  width:min(1520px,92vw);
  margin:clamp(110px,13vw,200px) auto 0;
  padding-top:clamp(30px,4vw,60px);
}
.we24-dimensions-head{text-align:center;margin-bottom:clamp(54px,7vw,100px);}
.we24-dimensions-head h3{
  margin:0!important;
  font-size:clamp(72px,10vw,176px)!important;
  line-height:.82!important;
  letter-spacing:-.09em!important;
  font-weight:900!important;
}
.we24-dimensions-head p{
  max-width:820px;
  margin:24px auto 0!important;
  color:rgba(255,255,255,.54)!important;
  font-size:clamp(17px,1.5vw,25px)!important;
  line-height:1.35!important;
}
.we24-dimensions-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  align-items:stretch;
}
.we24-dimension{
  position:relative;
  min-height:420px;
  padding:36px 26px 32px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:rgba(0,0,0,.18);
  margin-left:-10%;
}
.we24-dimension:first-child{margin-left:0;}
.we24-dimension small{font-size:11px;letter-spacing:.20em;color:rgba(255,255,255,.36);}
.we24-dimension h4{
  margin:16px 0!important;
  font-size:clamp(38px,3.7vw,68px)!important;
  line-height:.9!important;
  letter-spacing:-.065em!important;
}
.we24-dimension p{
  max-width:240px;
  margin:0!important;
  color:rgba(255,255,255,.47)!important;
  font-size:clamp(13px,1vw,17px)!important;
  line-height:1.38!important;
  letter-spacing:-.02em!important;
}

/* AI */
.we24-ai{
  width:min(1520px,92vw);
  margin:clamp(110px,13vw,200px) auto 0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);
  gap:clamp(40px,7vw,110px);
  align-items:center;
}
.we24-ai h3{
  margin:0!important;
  font-size:clamp(58px,7.5vw,128px)!important;
  line-height:.84!important;
  letter-spacing:-.08em!important;
  font-weight:900!important;
}
.we24-ai h3 em{display:block;font-style:normal;color:rgba(255,255,255,.29);}
.we24-ai-copy p{
  max-width:760px;
  margin:28px 0 0!important;
  color:rgba(255,255,255,.57)!important;
  font-size:clamp(17px,1.35vw,23px)!important;
  line-height:1.45!important;
}
.we24-intelligence{
  position:relative;
  min-height:500px;
}
.we24-intelligence-circle{
  position:absolute;
  width:min(330px,30vw);
  aspect-ratio:1;
  border:1px solid rgba(255,255,255,.20);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:50px;
  text-align:center;
  color:rgba(255,255,255,.72);
  font-size:clamp(18px,1.7vw,30px);
  font-weight:800;
  letter-spacing:-.04em;
}
.we24-intelligence-circle:first-child{left:0;top:34px;}
.we24-intelligence-circle:nth-child(2){right:0;bottom:34px;background:rgba(255,255,255,.025);}
.we24-intelligence-core{
  position:absolute;
  left:50%;top:50%;transform:translate(-50%,-50%);
  width:128px;height:128px;border-radius:50%;
  background:#fff;color:#000;
  display:grid;place-items:center;text-align:center;
  font-size:12px;font-weight:900;letter-spacing:.10em;
  box-shadow:0 0 50px rgba(255,255,255,.18);
}

/* Why us */
.we24-why{
  width:min(1520px,92vw);
  margin:clamp(120px,14vw,220px) auto 0;
  padding:clamp(70px,8vw,120px) 0;
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.we24-why-line{
  display:grid;
  grid-template-columns:minmax(230px,.42fr) minmax(0,1fr);
  gap:clamp(30px,5vw,80px);
  padding:clamp(26px,3.5vw,54px) 0;
  align-items:baseline;
}
.we24-why-line + .we24-why-line{border-top:1px solid rgba(255,255,255,.08);}
.we24-why-line p{
  margin:0!important;
  color:rgba(255,255,255,.38)!important;
  font-size:clamp(16px,1.45vw,24px)!important;
  line-height:1.25!important;
}
.we24-why-line h4{
  margin:0!important;
  font-size:clamp(50px,6vw,104px)!important;
  line-height:.88!important;
  letter-spacing:-.075em!important;
  font-weight:900!important;
}

.we24-future{
  width:min(1520px,92vw);
  margin:0 auto;
  padding:clamp(110px,13vw,190px) 0 clamp(80px,10vw,150px);
  text-align:center;
}
.we24-future p{
  max-width:980px;
  margin:0 auto 28px!important;
  color:rgba(255,255,255,.45)!important;
  font-size:clamp(18px,1.5vw,26px)!important;
  line-height:1.35!important;
}
.we24-future h3{
  margin:0!important;
  font-size:clamp(62px,8.5vw,148px)!important;
  line-height:.85!important;
  letter-spacing:-.085em!important;
  font-weight:900!important;
}

/* WHAT WE DO */
.services-v24 .svc24-hero{
  width:min(1520px,92vw);
  margin:0 auto;
  padding:clamp(80px,9vh,128px) 0 clamp(90px,10vw,150px);
}
.svc24-hero h2{
  max-width:1320px;
  margin:0!important;
  font-size:clamp(64px,9vw,154px)!important;
  line-height:.83!important;
  letter-spacing:-.085em!important;
  font-weight:900!important;
}
.svc24-hero h2 em{display:block;font-style:normal;color:rgba(255,255,255,.28);}
.svc24-hero p{
  max-width:860px;
  margin:clamp(38px,4vw,62px) 0 0 auto!important;
  color:rgba(255,255,255,.60)!important;
  font-size:clamp(18px,1.5vw,25px)!important;
  line-height:1.45!important;
  letter-spacing:-.03em!important;
}

.svc24-capabilities{
  width:min(1520px,92vw);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.svc24-capability{
  position:relative;
  min-height:520px;
  padding:clamp(30px,3vw,46px);
  border:1px solid rgba(255,255,255,.10);
  border-radius:42px;
  background:linear-gradient(155deg,rgba(255,255,255,.05),rgba(255,255,255,.014));
  overflow:hidden;
}
.svc24-capability::before{
  content:attr(data-no);
  position:absolute;
  right:20px;top:10px;
  color:rgba(255,255,255,.055);
  font-size:clamp(100px,10vw,170px);
  line-height:1;
  font-weight:900;
  letter-spacing:-.08em;
}
.svc24-capability small{
  position:relative;
  color:rgba(255,255,255,.40);
  font-size:11px;
  letter-spacing:.18em;
}
.svc24-capability h3{
  position:relative;
  margin:90px 0 34px!important;
  font-size:clamp(42px,3.7vw,68px)!important;
  line-height:.9!important;
  letter-spacing:-.07em!important;
}
.svc24-list{list-style:none;margin:0;padding:0;position:relative;}
.svc24-list li{
  padding:16px 0;
  border-top:1px solid rgba(255,255,255,.09);
  color:rgba(255,255,255,.70);
  font-size:clamp(15px,1.15vw,19px);
  line-height:1.25;
  letter-spacing:-.02em;
}
.svc24-list li:last-child{border-bottom:1px solid rgba(255,255,255,.09);}

.svc24-simulation{
  width:min(1520px,92vw);
  margin:clamp(110px,13vw,200px) auto 0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.7fr);
  gap:clamp(44px,7vw,110px);
  align-items:center;
}
.svc24-simulation h3{
  margin:0!important;
  font-size:clamp(62px,8.5vw,146px)!important;
  line-height:.84!important;
  letter-spacing:-.085em!important;
}
.svc24-simulation h3 span{display:block;color:rgba(255,255,255,.27);}
.svc24-simulation-copy p{
  margin:0 0 26px!important;
  color:rgba(255,255,255,.58)!important;
  font-size:clamp(17px,1.4vw,24px)!important;
  line-height:1.45!important;
}
.svc24-radar{
  position:relative;
  width:min(470px,36vw);
  aspect-ratio:1;
  margin:0 auto;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(255,255,255,.10) 0 2px,transparent 3px),
    radial-gradient(circle,transparent 0 31%,rgba(255,255,255,.08) 32% 32.4%,transparent 33% 62%,rgba(255,255,255,.07) 63% 63.4%,transparent 64%);
}
.svc24-radar::before,.svc24-radar::after{
  content:"";position:absolute;background:rgba(255,255,255,.09);
}
.svc24-radar::before{left:50%;top:0;bottom:0;width:1px;}
.svc24-radar::after{top:50%;left:0;right:0;height:1px;}
.svc24-radar-label{position:absolute;color:rgba(255,255,255,.62);font-size:11px;letter-spacing:.12em;text-transform:uppercase;}
.svc24-radar-label:nth-child(1){left:50%;top:8%;transform:translateX(-50%);}
.svc24-radar-label:nth-child(2){right:4%;top:50%;transform:translateY(-50%);}
.svc24-radar-label:nth-child(3){left:50%;bottom:8%;transform:translateX(-50%);}
.svc24-radar-label:nth-child(4){left:4%;top:50%;transform:translateY(-50%);}
.svc24-radar-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:92px;height:92px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;text-align:center;font-size:11px;font-weight:900;letter-spacing:.08em;z-index:2;}

.svc24-intelligence{
  width:min(1520px,92vw);
  margin:clamp(110px,13vw,200px) auto 0;
  padding:clamp(58px,7vw,100px);
  border-radius:clamp(34px,4vw,60px);
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.025);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.65fr);
  gap:clamp(40px,7vw,100px);
  align-items:end;
}
.svc24-intelligence h3{
  margin:0!important;
  font-size:clamp(52px,6.7vw,112px)!important;
  line-height:.87!important;
  letter-spacing:-.075em!important;
}
.svc24-intelligence p{
  margin:0!important;
  color:rgba(255,255,255,.55)!important;
  font-size:clamp(17px,1.35vw,23px)!important;
  line-height:1.5!important;
}
.svc24-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px;}
.svc24-tags span{padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:rgba(255,255,255,.55);font-size:11px;letter-spacing:.08em;text-transform:uppercase;}

.svc24-problems{
  width:min(1520px,92vw);
  margin:clamp(110px,13vw,200px) auto 0;
  text-align:center;
}
.svc24-problems h3{
  max-width:1240px;
  margin:0 auto!important;
  font-size:clamp(62px,8.5vw,146px)!important;
  line-height:.84!important;
  letter-spacing:-.085em!important;
}
.svc24-problems h3 em{font-style:normal;color:rgba(255,255,255,.28);}
.svc24-industries{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:clamp(46px,6vw,80px) auto 0;max-width:1080px;}
.svc24-industries span{padding:12px 18px;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:rgba(255,255,255,.56);font-size:12px;letter-spacing:.10em;text-transform:uppercase;}
.svc24-meaning{
  margin:clamp(60px,7vw,100px) auto 0!important;
  color:#fff!important;
  font-size:clamp(72px,12vw,210px)!important;
  line-height:.8!important;
  letter-spacing:-.09em!important;
  font-weight:900!important;
}

.svc24-finale{
  width:min(1520px,92vw);
  margin:clamp(100px,12vw,180px) auto 0;
  padding:clamp(80px,10vw,150px) 0 clamp(70px,9vw,130px);
  border-top:1px solid rgba(255,255,255,.12);
  text-align:center;
}
.svc24-finale p{
  max-width:920px;
  margin:0 auto 30px!important;
  color:rgba(255,255,255,.52)!important;
  font-size:clamp(18px,1.5vw,26px)!important;
  line-height:1.4!important;
}
.svc24-finale h3{
  margin:0!important;
  font-size:clamp(58px,8vw,138px)!important;
  line-height:.86!important;
  letter-spacing:-.08em!important;
}

/* Motion is reveal only, no continuous heavy animation */
.we-v24 .we-motion,.services-v24 .svc-motion{will-change:transform,opacity,filter;}

@media(max-width:1180px){
  .we24-system-grid,.svc24-capabilities{grid-template-columns:repeat(2,minmax(0,1fr));}
  .we24-dimensions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
  .we24-dimension{margin-left:0;min-height:360px;}
  .we24-ai,.svc24-simulation,.svc24-intelligence{grid-template-columns:1fr;}
  .we24-intelligence{width:min(720px,92vw);min-height:560px;margin:0 auto;}
  .svc24-radar{width:min(470px,70vw);}
}

@media(max-width:760px){
  body.home-reference-mode.concept-mode .concept-page.we-v24.is-active,
  body.home-reference-mode.concept-mode .concept-page.services-v24.is-active{padding-bottom:24px!important;}
  .we24-shell,.svc24-shell,.we24-hero,.we24-change,.we24-system,.we24-dimensions,.we24-ai,.we24-why,.we24-future,
  .services-v24 .svc24-hero,.svc24-capabilities,.svc24-simulation,.svc24-intelligence,.svc24-problems,.svc24-finale{width:calc(100vw - 32px);}
  .we24-hero,.services-v24 .svc24-hero{padding:36px 0 72px;}
  .we24-hero h2,.svc24-hero h2{font-size:clamp(48px,15.4vw,82px)!important;line-height:.86!important;}
  .we24-hero-copy,.svc24-hero p{margin:28px 0 0!important;font-size:17px!important;line-height:1.5!important;}
  .we24-change{padding:34px 22px;border-radius:30px;}
  .we24-change h3{font-size:clamp(48px,14vw,76px)!important;}
  .we24-change-grid{grid-template-columns:repeat(2,1fr);margin:38px 0;}
  .we24-signal{min-height:100px;padding:18px 10px;}
  .we24-forgotten{font-size:30px!important;}
  .we24-system,.we24-dimensions,.we24-ai,.we24-why,.svc24-simulation,.svc24-intelligence,.svc24-problems{margin-top:90px;}
  .we24-system-head{grid-template-columns:1fr;gap:24px;margin-bottom:34px;}
  .we24-system h3,.we24-dimensions-head h3,.we24-ai h3,.svc24-simulation h3,.svc24-problems h3{font-size:clamp(50px,14vw,78px)!important;}
  .we24-system-grid,.svc24-capabilities{grid-template-columns:1fr;}
  .we24-system-card{min-height:310px;border-radius:28px;padding:28px 24px;}
  .we24-system-card h4{margin-top:60px!important;}
  .we24-dimensions-grid{grid-template-columns:1fr;gap:14px;}
  .we24-dimension{min-height:300px;border-radius:999px;padding:38px 28px;}
  .we24-ai{grid-template-columns:1fr;gap:40px;}
  .we24-intelligence{width:100%;min-height:390px;}
  .we24-intelligence-circle{width:230px;padding:30px;font-size:20px;}
  .we24-intelligence-circle:first-child{left:0;top:20px;}
  .we24-intelligence-circle:nth-child(2){right:0;bottom:20px;}
  .we24-intelligence-core{width:96px;height:96px;font-size:10px;}
  .we24-why-line{grid-template-columns:1fr;gap:14px;padding:30px 0;}
  .we24-why-line h4{font-size:clamp(45px,13vw,70px)!important;}
  .we24-future{padding:88px 0 70px;}
  .we24-future h3,.svc24-finale h3{font-size:clamp(50px,14vw,80px)!important;}
  .svc24-capability{min-height:auto;border-radius:28px;padding:28px 24px 32px;}
  .svc24-capability h3{margin:70px 0 28px!important;}
  .svc24-simulation{grid-template-columns:1fr;gap:40px;}
  .svc24-radar{width:min(360px,88vw);}
  .svc24-intelligence{padding:34px 24px;border-radius:30px;grid-template-columns:1fr;gap:26px;}
  .svc24-intelligence h3{font-size:clamp(46px,13vw,72px)!important;}
  .svc24-industries{gap:8px;}
  .svc24-industries span{font-size:10px;padding:9px 12px;}
  .svc24-meaning{font-size:clamp(76px,23vw,130px)!important;}
  .svc24-finale{padding:84px 0 70px;}
}

@media(max-width:430px){
  .we24-change-grid{grid-template-columns:1fr 1fr;gap:4px;}
  .we24-intelligence{min-height:340px;}
  .we24-intelligence-circle{width:200px;font-size:17px;padding:24px;}
  .we24-intelligence-core{width:82px;height:82px;}
}