:root{
  --live-surface:#0f1820;
  --live-surface-2:#101c25;
  --live-border:rgba(88,163,224,.18);
  --live-border-strong:rgba(88,163,224,.28);
  --live-shadow:0 22px 48px rgba(0,0,0,.18);
  --live-blue:rgba(22,140,244,.16);
}

/* Genel ana sayfa canlılık dokunuşu */
.service-focus-section,
#kurumsal,
.maintenance-pro,
.process-pro,
.planner-pro,
.case-study-section,
.faq-pro{
  position:relative;
  isolation:isolate;
}
.service-focus-section::before,
#kurumsal::before,
.case-study-section::before,
.faq-pro::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 82% 18%,rgba(22,140,244,.06),transparent 26%);
  pointer-events:none;
  z-index:-1;
}
.service-home-card,
.case-study-card,
.application-card{
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.service-home-card:hover,
.case-study-card:hover,
.application-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--live-shadow);
}
.section-head .section-kicker,
.case-study-head .section-kicker,
.flow-kicker{
  text-shadow:0 0 14px rgba(22,140,244,.15);
}

/* Çalışma modeli alanı */
.process-pro-vivid{
  align-items:stretch!important;
  background:
    radial-gradient(circle at 14% 16%,rgba(22,140,244,.09),transparent 24%),
    radial-gradient(circle at 92% 20%,rgba(22,140,244,.06),transparent 22%),
    linear-gradient(180deg,#091117,#0b141b)!important;
}
.process-pro-vivid .process-pro-head{
  position:sticky;
  top:94px;
  align-self:start;
  padding:24px 24px 22px;
  border:1px solid var(--live-border);
  background:
    linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012)),
    linear-gradient(135deg,rgba(22,140,244,.08),transparent 46%),
    rgba(11,19,26,.9);
  box-shadow:var(--live-shadow);
}
.process-pro-vivid .process-pro-head h2{
  margin-bottom:12px!important;
}
.process-pro-highlights{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.process-pro-highlights span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.02);
  color:#c9d6de;
  font-size:11px;
  letter-spacing:.02em;
}
.process-pro-highlights i{
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(22,140,244,.12);
  color:#78c4ff;
  font-style:normal;
  font-size:11px;
}
.process-pro-vivid .process-pro-grid{
  gap:14px!important;
}
.process-pro-vivid .process-pro-card{
  border-color:var(--live-border)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01)),
    linear-gradient(135deg,rgba(22,140,244,.05),transparent 58%),
    var(--live-surface)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.12);
}
.process-pro-vivid .process-pro-card:hover,
.process-pro-vivid .process-pro-card[aria-pressed="true"]{
  transform:translateY(-6px);
  border-color:var(--live-border-strong)!important;
  box-shadow:0 22px 42px rgba(0,0,0,.18), inset 0 0 0 1px rgba(22,140,244,.05);
}
.process-pro-vivid .process-pro-card::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:2px;
  background:linear-gradient(90deg,rgba(22,140,244,.85),rgba(111,197,255,.24),transparent 70%);
  opacity:0;
  transform:scaleX(.35);
  transform-origin:left center;
  transition:opacity .28s ease,transform .28s ease;
}
.process-pro-vivid .process-pro-card:hover::before,
.process-pro-vivid .process-pro-card[aria-pressed="true"]::before{
  opacity:1;
  transform:scaleX(1);
}
.process-pro-vivid .process-pro-card p{max-width:unset!important}

/* Hızlı planlama alanı */
.planner-pro-vivid{
  align-items:stretch!important;
  background:
    radial-gradient(circle at 88% 22%,rgba(22,140,244,.06),transparent 24%),
    linear-gradient(90deg,rgba(22,140,244,.045),transparent 36%),
    #0b1218!important;
}
.planner-pro-vivid .planner-pro-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.planner-pro-vivid .planner-pro-panel{
  overflow:visible;
  border-color:var(--live-border)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012)),
    linear-gradient(135deg,rgba(22,140,244,.06),transparent 52%),
    var(--live-surface)!important;
  box-shadow:var(--live-shadow);
}
.planner-pro-vivid .planner-pro-panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 100% 0,rgba(22,140,244,.09),transparent 28%);
  pointer-events:none;
}
.planner-pro-vivid .planner-pro-panel-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,.82fr);
  gap:16px 22px;
  align-items:end;
  margin-bottom:16px!important;
}
.planner-pro-vivid .planner-pro-panel-head h3{
  margin:5px 0 0;
  color:#f3f6f8;
  font-size:24px;
  line-height:1.15;
  letter-spacing:-.03em;
}
.planner-panel-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#5eb7ff;
  font-size:10px;
  letter-spacing:.16em;
  font-weight:800;
}
.planner-panel-kicker::before{
  content:"";
  width:28px;
  height:1px;
  background:linear-gradient(90deg,#168cf4,transparent);
}
.planner-pro-vivid .planner-pro-panel-head>p{
  margin:0;
  max-width:420px;
  color:#95a3ac;
  font-size:12px;
  line-height:1.7;
}
.planner-pro-quickpoints{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:0 0 16px;
}
.planner-pro-quickpoints span{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.018);
  color:#d4e0e7;
  font-size:11px;
}
.planner-pro-quickpoints i{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(22,140,244,.12);
  color:#7ec5ff;
  font-style:normal;
  font-size:10px;
  font-weight:700;
}
.planner-pro-vivid .planner-pro-form{
  grid-template-columns:1.08fr .95fr 1fr auto;
  gap:10px;
}
.planner-pro-vivid .planner-pro-form label>span{
  display:flex;
  align-items:center;
  gap:8px;
}
.planner-pro-vivid .planner-pro-form label>span i{
  width:22px;height:22px;
  display:grid;place-items:center;
  border:1px solid rgba(35,146,242,.18);
  background:rgba(35,146,242,.05);
  color:#68bcff;
}
.planner-pro-vivid .planner-pro-form label>span i svg{
  width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}
.planner-pro-vivid .planner-pro-form select,
.planner-pro-vivid .planner-pro-form input{
  height:46px;
  border-color:rgba(255,255,255,.11);
  background:#0a1218;
}
.planner-pro-vivid .planner-pro-form .btn{
  height:46px;
  min-width:188px;
}
.planner-pro-vivid .planner-pro-note{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.065);
}

/* responsive */
@media(max-width:1100px){
  .process-pro-vivid .process-pro-head{position:static}
  .planner-pro-vivid .planner-pro-panel-head{grid-template-columns:1fr}
  .planner-pro-vivid .planner-pro-form{grid-template-columns:1fr 1fr!important}
}
@media(max-width:820px){
  .planner-pro-quickpoints{grid-template-columns:1fr}
}
@media(max-width:620px){
  .process-pro-vivid .process-pro-head,
  .planner-pro-vivid .planner-pro-panel{padding:18px 16px!important}
  .process-pro-highlights{gap:8px}
  .process-pro-highlights span{width:100%;justify-content:flex-start}
  .planner-pro-vivid .planner-response-badge{position:static; margin-bottom:14px; min-width:0}
  .planner-pro-vivid .planner-pro-panel{padding-top:18px!important}
  .planner-pro-vivid .planner-pro-panel-head h3{font-size:20px}
  .planner-pro-vivid .planner-pro-form{grid-template-columns:1fr!important}
  .planner-pro-vivid .planner-pro-form .btn{min-width:0;width:100%}
}