/* V62 — SustainRadar final website section */
#sustainradar{
  position:relative;
  padding:96px 0 104px!important;
  background:
    radial-gradient(640px 380px at 72% 46%,rgba(55,147,255,.07),transparent 72%),
    linear-gradient(180deg,#fbfdff 0%,#f6f9fc 100%)!important;
  overflow:hidden;
}
#sustainradar .wrap{max-width:1440px}
#sustainradar .radar-premium{
  display:grid!important;
  grid-template-columns:.88fr 1.12fr!important;
  gap:46px!important;
  align-items:center!important;
}
#sustainradar .radar-premium-copy{padding:10px 4px 10px 8px!important}
#sustainradar .sr-brand-art{display:none!important}
#sustainradar .section-label{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:16px!important;
  color:#647f9b!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.22em!important;
}
#sustainradar .section-label:after{
  content:"";
  width:54px;height:1px;
  background:#9bafc1;
}
#sustainradar .radar-premium-copy h2{
  margin:0 0 22px!important;
  max-width:610px;
  font:800 clamp(46px,4.8vw,76px)/.98 Manrope,sans-serif!important;
  letter-spacing:-.055em!important;
  color:#102746!important;
}
#sustainradar .radar-premium-copy h2 span{
  color:#2678f3!important;
}
#sustainradar .radar-premium-copy>p{
  max-width:600px!important;
  margin:0 0 28px!important;
  font-size:17px!important;
  line-height:1.72!important;
  color:#61768c!important;
}
#sustainradar .radar-topic-row{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0 0 26px!important;
}
#sustainradar .radar-topic-row span{
  min-height:62px;
  padding:12px 13px!important;
  border:1px solid #e2eaf1!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:0 8px 20px rgba(23,55,86,.035);
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  color:#718397!important;
  font-size:11px!important;
  line-height:1.3!important;
}
#sustainradar .radar-topic-row span:before{
  display:block;
  margin-bottom:3px;
  color:#17314d;
  font-size:13px;
  font-weight:800;
}
#sustainradar .radar-topic-row span:nth-child(1):before{content:"Daha hızlı"}
#sustainradar .radar-topic-row span:nth-child(2):before{content:"Daha derin"}
#sustainradar .radar-topic-row span:nth-child(3):before{content:"Daha güçlü"}
#sustainradar .radar-topic-row span:nth-child(1){color:#708196}
#sustainradar .radar-topic-row span:nth-child(2){color:#708196}
#sustainradar .radar-topic-row span:nth-child(3){color:#708196}
#sustainradar .radar-separation{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}
#sustainradar .radar-separation b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 24px;
  border-radius:999px;
  background:linear-gradient(135deg,#102b50,#183d72);
  color:#fff!important;
  font-size:13px!important;
  box-shadow:0 14px 28px rgba(15,42,77,.16);
}
#sustainradar .radar-separation small{display:none!important}

/* Radar stage */
#sustainradar .radar-premium-stage{
  position:relative!important;
  min-height:650px!important;
  border:1px solid #dfe8f0!important;
  border-radius:34px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.97) 0%,rgba(248,251,254,.94) 62%,rgba(239,246,251,.9) 100%)!important;
  box-shadow:0 30px 72px rgba(28,69,103,.08)!important;
}
#sustainradar .radar-premium-grid{
  position:absolute!important;inset:0!important;
  opacity:.18!important;
  background-image:
    linear-gradient(rgba(42,108,166,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(42,108,166,.05) 1px,transparent 1px)!important;
  background-size:42px 42px!important;
  mask-image:radial-gradient(circle at 50% 50%,#000 0 34%,transparent 74%);
}

/* stationary rings */
#sustainradar .rp-ring{
  position:absolute!important;
  left:50%!important;top:50%!important;
  border-radius:50%!important;
  transform:translate(-50%,-50%)!important;
  animation:none!important;
  border:1px solid rgba(116,151,184,.24)!important;
  background:none!important;
  box-shadow:none!important;
  pointer-events:none;
}
#sustainradar .rp-ring.r1{width:250px!important;height:250px!important}
#sustainradar .rp-ring.r2{width:350px!important;height:350px!important}
#sustainradar .rp-ring.r3{width:470px!important;height:470px!important;border-style:dashed!important;opacity:.74}
#sustainradar .rp-ring.r4{width:590px!important;height:590px!important;border-style:dashed!important;opacity:.52}
#sustainradar .sr-live-ring{
  position:absolute!important;
  left:50%!important;top:50%!important;
  width:190px!important;height:190px!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  border:1px solid rgba(23,96,147,.22)!important;
  opacity:.42;
  pointer-events:none;
  transition:opacity .38s ease,box-shadow .38s ease;
}

/* sweep */
#sustainradar .sr-live-scan{
  position:absolute!important;
  left:50%!important;top:50%!important;
  width:520px!important;height:520px!important;
  border-radius:50%!important;
  transform:translate(-50%,-50%) rotate(-94deg);
  animation:none!important;
  opacity:0;
  pointer-events:none;
  z-index:3!important;
  background:conic-gradient(
    from 0deg,
    transparent 0deg,
    transparent 316deg,
    rgba(53,213,133,.02) 326deg,
    rgba(53,213,133,.08) 343deg,
    rgba(53,213,133,.34) 356deg,
    transparent 360deg
  )!important;
  filter:drop-shadow(0 0 10px rgba(54,209,129,.15));
  will-change:transform,opacity;
}

/* approved symbol */
#sustainradar .rp-core{
  position:absolute!important;
  left:50%!important;top:50%!important;
  width:330px!important;height:330px!important;
  transform:translate(-50%,-50%);
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  overflow:visible!important;
  isolation:isolate;
  z-index:4!important;
  will-change:transform;
}
#sustainradar .sr-original-symbol{
  display:block!important;
  width:100%!important;height:auto!important;
  object-fit:contain!important;
  opacity:0!important;
  filter:none;
  position:relative!important;
  z-index:2!important;
  transition:opacity .25s ease,filter .4s ease;
}
#sustainradar .sr-original-symbol.is-approved-v2{opacity:1!important}
#sustainradar .rp-core:after{
  content:"";
  position:absolute;
  left:1%;bottom:0;
  width:43%;aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(56,221,120,.45) 0%,rgba(56,221,120,.18) 35%,rgba(56,221,120,.06) 54%,rgba(56,221,120,0) 74%);
  filter:blur(11px);
  opacity:0;
  transform:scale(.76);
  transition:opacity .34s ease,transform .44s cubic-bezier(.22,.61,.36,1);
  pointer-events:none;
  z-index:1;
}
#sustainradar .rp-core.is-leaf-glow:after{opacity:1;transform:scale(1.05)}
#sustainradar .rp-core.is-leaf-glow .sr-original-symbol{
  filter:drop-shadow(-7px 10px 16px rgba(39,188,99,.17));
}
#sustainradar .radar-premium-stage.is-core-pulse .sr-live-ring{
  opacity:.7;
  box-shadow:0 0 25px rgba(32,116,166,.11);
}

/* information dots */
#sustainradar .rp-dot{
  position:absolute!important;
  width:16px!important;height:16px!important;
  border-radius:50%!important;
  opacity:.52!important;
  transform:scale(1)!important;
  animation:none!important;
  transition:opacity .34s ease,transform .38s cubic-bezier(.22,.61,.36,1),box-shadow .38s ease!important;
  z-index:7!important;
  border:3px solid #fff!important;
}
#sustainradar .rp-dot.d1{left:28%!important;top:25%!important;background:#28c96a!important;color:#28c96a}
#sustainradar .rp-dot.d2{right:25%!important;top:27%!important;background:#2b78f6!important;color:#2b78f6}
#sustainradar .rp-dot.d3{left:27%!important;bottom:22%!important;background:#ff9b1a!important;color:#ff9b1a}
#sustainradar .rp-dot.d4{right:25%!important;bottom:21%!important;background:#8257ef!important;color:#8257ef}
#sustainradar .rp-dot.d5{display:none!important}
#sustainradar .rp-dot.is-active{
  opacity:1!important;
  transform:scale(1.18)!important;
  box-shadow:0 0 0 7px color-mix(in srgb,currentColor 14%,transparent),0 0 20px currentColor!important;
}

/* narrative cards */
#sustainradar .rp-signal{
  position:absolute!important;
  width:210px!important;
  min-height:96px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  visibility:visible!important;
  padding:16px 18px!important;
  border:1px solid #dce6ee!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.95)!important;
  box-shadow:0 14px 34px rgba(21,56,87,.075)!important;
  opacity:.78!important;
  transform:translateY(0) scale(1)!important;
  transition:opacity .42s ease,transform .48s cubic-bezier(.22,.61,.36,1),border-color .42s ease,box-shadow .42s ease,background-color .42s ease!important;
  pointer-events:none;
  z-index:8!important;
}
#sustainradar .rp-signal span{
  display:block!important;
  margin-bottom:5px!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
}
#sustainradar .rp-signal b{
  display:block!important;
  margin-bottom:5px!important;
  color:#15314d!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:800!important;
}
#sustainradar .rp-signal small{
  display:block!important;
  color:#74869a!important;
  font-size:10.5px!important;
  line-height:1.42!important;
}
#sustainradar .rp-signal.s1{left:3%!important;top:7%!important}
#sustainradar .rp-signal.s2{right:3%!important;top:7%!important}
#sustainradar .rp-signal.s3{left:3%!important;bottom:8%!important}
#sustainradar .rp-signal.s4{right:3%!important;bottom:8%!important}
#sustainradar .rp-signal.s1 span{color:#1fb765!important}
#sustainradar .rp-signal.s2 span{color:#2776eb!important}
#sustainradar .rp-signal.s3 span{color:#f28a16!important}
#sustainradar .rp-signal.s4 span{color:#7c55e8!important}
#sustainradar .rp-signal.is-active{
  opacity:1!important;
  transform:translateY(-2px) scale(1.018)!important;
  border-color:rgba(34,190,106,.36)!important;
  background:#fff!important;
  box-shadow:0 18px 42px rgba(18,68,80,.12),0 0 0 1px rgba(34,190,106,.05)!important;
}
#sustainradar .rp-signal.s2.is-active{border-color:rgba(39,118,235,.34)!important}
#sustainradar .rp-signal.s3.is-active{border-color:rgba(242,138,22,.34)!important}
#sustainradar .rp-signal.s4.is-active{border-color:rgba(124,85,232,.34)!important}

/* pause control */
#sustainradar .sr-motion-toggle{
  position:absolute!important;
  left:50%!important;bottom:18px!important;
  transform:translateX(-50%)!important;
  min-height:42px!important;
  padding:0 16px!important;
  border:1px solid #d7e2ea!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.94)!important;
  color:#3b5570!important;
  font-size:11px!important;
  font-weight:800!important;
  box-shadow:0 10px 24px rgba(27,60,90,.07)!important;
  z-index:12!important;
  cursor:pointer;
}
#sustainradar .sr-motion-toggle:hover{background:#fff!important}

/* responsive */
@media(max-width:1100px){
  #sustainradar .radar-premium{grid-template-columns:1fr!important}
  #sustainradar .radar-premium-copy{max-width:760px;margin:0 auto;text-align:center}
  #sustainradar .radar-premium-copy h2,#sustainradar .radar-premium-copy>p{margin-left:auto!important;margin-right:auto!important}
  #sustainradar .section-label{justify-content:center}
  #sustainradar .radar-separation{justify-content:center!important}
  #sustainradar .radar-premium-stage{min-height:640px!important}
}
@media(max-width:720px){
  #sustainradar{padding:72px 0 82px!important}
  #sustainradar .radar-premium{gap:30px!important}
  #sustainradar .radar-premium-copy h2{font-size:clamp(40px,11vw,56px)!important}
  #sustainradar .radar-premium-copy>p{font-size:15px!important}
  #sustainradar .radar-topic-row{grid-template-columns:1fr!important}
  #sustainradar .radar-topic-row span{min-height:52px!important}
  #sustainradar .radar-premium-stage{min-height:560px!important;border-radius:26px!important}
  #sustainradar .rp-core{width:250px!important;height:250px!important}
  #sustainradar .rp-ring.r1{width:210px!important;height:210px!important}
  #sustainradar .rp-ring.r2{width:290px!important;height:290px!important}
  #sustainradar .rp-ring.r3{width:390px!important;height:390px!important}
  #sustainradar .rp-ring.r4{width:490px!important;height:490px!important}
  #sustainradar .sr-live-scan{width:430px!important;height:430px!important}
  #sustainradar .rp-signal{width:42%!important;min-height:86px!important;padding:12px!important}
  #sustainradar .rp-signal.s1{left:2%!important;top:5%!important}
  #sustainradar .rp-signal.s2{right:2%!important;top:5%!important}
  #sustainradar .rp-signal.s3{left:2%!important;bottom:10%!important}
  #sustainradar .rp-signal.s4{right:2%!important;bottom:10%!important}
  #sustainradar .rp-signal b{font-size:12px!important}
  #sustainradar .rp-signal small{font-size:9.5px!important}
  #sustainradar .sr-motion-toggle{bottom:12px!important}
}
@media(prefers-reduced-motion:reduce){
  #sustainradar .sr-live-scan{opacity:.1!important;transform:translate(-50%,-50%) rotate(-94deg)!important}
  #sustainradar .rp-dot{opacity:.7!important}
  #sustainradar .rp-signal{opacity:1!important}
  #sustainradar .sr-motion-toggle{display:none!important}
}


/* V62.1 — final motion hardening */
#sustainradar .rp-ring{
  animation:none!important;
  transition:none!important;
  will-change:auto!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:center center!important;
}
#sustainradar .sr-live-ring{
  animation:none!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:center center!important;
}
#sustainradar .rp-signal.s1{top:8%!important}
#sustainradar .rp-signal.s2{top:8%!important}
#sustainradar .radar-premium-stage{
  padding-top:8px!important;
  box-sizing:border-box!important;
}


/* V62.2 — original SustainRadar lockup + full center symbol */
#sustainradar .sr-heading-lockup{
  position:relative;
  width:min(100%,650px);
  aspect-ratio:1553 / 435;
  margin:0 0 20px;
  overflow:hidden;
  border-radius:0;
  background:transparent;
}
#sustainradar .sr-heading-lockup img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 50%;
  mix-blend-mode:multiply;
}
#sustainradar .radar-premium-copy>.section-label{display:none!important}

#sustainradar .rp-core{
  width:300px!important;
  height:300px!important;
  overflow:visible!important;
}
#sustainradar .sr-original-symbol{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  opacity:1!important;
  visibility:visible!important;
  max-width:none!important;
  max-height:none!important;
}
#sustainradar .sr-original-symbol.is-approved-v2{opacity:1!important}

@media(max-width:1100px){
  #sustainradar .sr-heading-lockup{margin-left:auto;margin-right:auto}
}
@media(max-width:720px){
  #sustainradar .sr-heading-lockup{width:min(100%,560px);margin-bottom:16px}
  #sustainradar .rp-core{width:235px!important;height:235px!important}
}