:root{
  --background:0 0% 100%;
  --foreground:240 10% 3.9%;
  --primary:16 100% 56%;
  --primary-foreground:0 0% 100%;
  --muted:240 4.8% 95.9%;
  --muted-foreground:240 3.8% 46.1%;
  --border:240 5.9% 90%;
  --ring:16 90% 42%;
  --radius:12px;
  --chart-1:12 76% 61%; --chart-2:173 58% 39%; --chart-3:197 37% 24%; --chart-4:43 74% 66%; --chart-5:27 87% 67%;
}

html, body{ overflow-x:clip; }
body{ font-family:'Inter',sans-serif; color:#09090B; }

.nav-link{ position:relative; }
.nav-link::after{
  content:''; position:absolute; left:0; right:0; bottom:-4px; height:2px; background:#FF5A1F;
  transform:scaleX(0); transform-origin:left; transition:transform .25s ease;
}
.nav-link:hover::after{ transform:scaleX(1); }

@keyframes hubPulse{ 0%{transform:scale(1);opacity:.95;} 80%{transform:scale(2.1);opacity:0;} 100%{transform:scale(2.1);opacity:0;} }
@keyframes dotPulse{ 0%{transform:scale(1);opacity:.35;} 70%{transform:scale(2.4);opacity:0;} 100%{transform:scale(2.4);opacity:0;} }
@keyframes shinyLeft{ 0%{background-position:200% center;} 100%{background-position:0% center;} }
@property --beam-angle{ syntax:'<angle>'; inherits:false; initial-value:0deg; }
@keyframes beamRotate{ to{ --beam-angle:360deg; } }
@keyframes statsShine{ 0%{transform:translateX(-150%) skewX(-15deg);} 100%{transform:translateX(250%) skewX(-15deg);} }
@keyframes statsBgShift{ 0%,100%{background-position:0% 50%;} 50%{background-position:100% 50%;} }

.reveal, .reveal-sm{ opacity:0; }
.avatar-in{ opacity:0; }

.lift-card{ transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.lift-card:hover{ transform:translateY(-4px); box-shadow:0 20px 40px -20px rgba(0,0,0,.15); border-color:#FFE1D2; }

.beam-card{ position:relative; }
.beam-card::before{
  content:''; position:absolute; inset:-1px; border-radius:inherit; padding:1.5px;
  background:conic-gradient(from var(--beam-angle), transparent 0%, #FF5A1F 8%, transparent 22%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  animation:beamRotate 4.5s linear infinite; pointer-events:none;
}

.ticker-wrap{ overflow:hidden; white-space:nowrap; }
.ticker-track{ display:inline-flex; }
.ticker-track span{ display:inline-flex; align-items:center; gap:8px; padding:0 28px; font-size:13px; font-weight:600; color:#6B655D; }
.ticker-track span i{ color:#FF5A1F; }

.stat-card{ position:relative; overflow:hidden; background-size:200% 200%; animation:statsBgShift 6s ease infinite; }
.stat-card::after{
  content:''; position:absolute; top:0; bottom:0; left:0; width:40%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.5), transparent);
  animation:statsShine 3.2s ease-in-out infinite; animation-delay:1s;
}

.bars{ display:flex; align-items:flex-end; gap:4px; height:32px; }
.bars i{ display:block; width:5px; background:#FF5A1F; border-radius:2px; transform-origin:bottom; opacity:0; transform:scaleY(0); }

.an-card{ border:1px solid #E4DCCE; border-radius:20px; padding:24px; background:#fff; }
.an-line-path{ fill:none; stroke:#FF5A1F; stroke-width:2.5; stroke-linecap:round; }
.an-gauge-bg{ fill:none; stroke:#F0EAE0; stroke-width:10; }
.an-gauge-fg{ fill:none; stroke:#FF5A1F; stroke-width:10; stroke-linecap:round; }
.an-bar{ transform-origin:left center; }

.fa-tip-wrap{ position:relative; }
.fa-tip{
  position:absolute; bottom:calc(100% + 8px); left:50%; transform:translateX(-50%) translateY(-6px) scale(.96);
  background:#09090B; color:#fff; font-size:12px; font-weight:600; padding:6px 10px; border-radius:8px;
  white-space:nowrap; opacity:0; pointer-events:none; transition:opacity .22s ease-out, transform .22s ease-out;
}
.fa-tip-wrap:hover .fa-tip{ opacity:1; transform:translateX(-50%) translateY(0) scale(1); }

.shiny-accent{
  background-image:linear-gradient(90deg, #FF5A1F 0%, #FFB088 25%, #FF5A1F 50%);
  background-size:200% auto; -webkit-background-clip:text; background-clip:text;
  color:transparent; animation:shinyLeft 3.5s linear infinite;
}

.hub-dot{ position:relative; }
.hub-dot::before{
  content:''; position:absolute; inset:0; border-radius:9999px;
  background:#FF5A1F; animation:hubPulse 2.2s ease-out infinite;
}
.feed-dot{ position:relative; }
.feed-dot::before{
  content:''; position:absolute; inset:0; border-radius:9999px;
  background:#22C55E; animation:dotPulse 1.8s ease-out infinite;
}

.ph{ position:relative; overflow:hidden; background:#F4F4F5; }
.ph::before{
  content:''; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:var(--lqip, none) center/cover no-repeat;
  filter:blur(16px); transform:scale(1.1); transition:opacity .6s ease;
}
.ph.has-img::before{ opacity:0; }
.ph img{
  position:relative; z-index:1; opacity:0; filter:blur(14px); transform:scale(1.03);
  transition:opacity .45s ease, filter .8s ease, transform .8s ease;
}
.ph.has-img img{ opacity:1; filter:none; transform:none; }
.ph img.broken{ display:none; }

.sector-track{
  display:flex; gap:8px; height:430px; overflow-x:auto; cursor:grab;
  scrollbar-width:none; -ms-overflow-style:none;
}
.sector-card{
  position:relative; flex:1 1 160px; min-width:100px; border-radius:20px; overflow:hidden;
  cursor:pointer; transition:flex .45s cubic-bezier(.4,0,.2,1);
}
.sector-card img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }

.sector-card::before{
  content:''; position:absolute; inset:0; z-index:1;
  background:linear-gradient(to top, rgba(9,9,11,.92) 0%, rgba(9,9,11,.6) 40%, rgba(9,9,11,.15) 72%, rgba(9,9,11,.02) 100%);
  transition:background .45s ease;
}
.sector-card .sc-body{ position:absolute; left:20px; right:20px; bottom:20px; z-index:2; color:#fff; }
.sector-card .sc-name{ font-weight:700; font-size:17px; white-space:nowrap; transition:font-size .3s ease; }
.sector-card .sc-stat{ font-size:13px; color:#D4D4D8; margin-top:2px; white-space:nowrap; }
.sector-card .sc-desc{
  font-size:13px; line-height:1.5; color:#E4E4E7; max-width:280px; margin-bottom:10px;
  max-height:0; opacity:0; overflow:hidden;
  transition:max-height .2s ease, opacity .15s ease;
}

.sector-card.is-active{ flex:3.2 1 420px; }
.sector-card.is-active::before{ background:linear-gradient(to top, rgba(9,9,11,.78) 0%, rgba(9,9,11,.3) 45%, transparent 75%); }
.sector-card.is-active .sc-desc{ max-height:120px; opacity:1; transition:max-height .3s ease .4s, opacity .3s ease .4s; }
.sector-card.is-active .sc-name{ font-size:22px; }

@media (hover:hover){

  .sector-track:hover .sector-card{ flex:1 1 100px; }
  .sector-track:hover .sector-card::before{ background:linear-gradient(to top, rgba(9,9,11,.92) 0%, rgba(9,9,11,.6) 40%, rgba(9,9,11,.15) 72%, rgba(9,9,11,.02) 100%); }
  .sector-track:hover .sector-card .sc-desc{ max-height:0; opacity:0; transition:max-height .2s ease, opacity .15s ease; }
  .sector-track:hover .sector-card .sc-name{ font-size:17px; }

  .sector-track .sector-card:hover{ flex:3.2 1 420px; }
  .sector-track .sector-card:hover::before{ background:linear-gradient(to top, rgba(9,9,11,.78) 0%, rgba(9,9,11,.3) 45%, transparent 75%); }
  .sector-track .sector-card:hover .sc-desc{ max-height:120px; opacity:1; transition:max-height .3s ease .4s, opacity .3s ease .4s; }
  .sector-track .sector-card:hover .sc-name{ font-size:22px; }
}

.radial-wrap{ position:relative; width:100%; aspect-ratio:1100/886; max-width:1000px; margin:0 auto; }

.radial-wrap.mt-14{ margin-top:max(-100px,-9vw); }
.radial-svg{ position:absolute; inset:0; width:100%; height:100%; }
.radial-svg .beam-base{ fill:none; stroke:#E4DCCE; stroke-width:1.5; opacity:.6; }
.radial-svg .beam-line{
  fill:none; stroke:#FF5A1F; stroke-width:2.4; stroke-linecap:round;
  stroke-dasharray:22 100; animation:beamTravel 2.6s linear infinite;
}
@keyframes beamTravel{ from{ stroke-dashoffset:100; } to{ stroke-dashoffset:-22; } }
.radial-node{
  position:absolute; transform:translate(-50%,-50%); display:flex; align-items:center; gap:10px;
  background:#fff; border:1px solid #E4DCCE; border-radius:12px; padding:10px 16px;
  font-size:13.5px; font-weight:600; white-space:nowrap; box-shadow:0 1px 2px rgba(0,0,0,.05);
  transition:transform .25s ease, box-shadow .25s ease;
}
.radial-node:hover{ transform:translate(-50%,-50%) translateY(-3px); box-shadow:0 16px 30px -18px rgba(0,0,0,.25); }
.radial-node i{ color:#FF5A1F; }
.radial-hub{
  position:absolute; top:55%; left:50%; transform:translate(-50%,-50%);
  width:96px; height:96px; border-radius:9999px; background:#FF5A1F;
  display:flex; align-items:center; justify-content:center; z-index:5;
  box-shadow:0 20px 40px -10px rgba(255,90,31,.5);
}
.radial-hub img{ height:44px; width:auto; }

@media (max-width:639px){
  .sector-track{ overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:10px; -webkit-overflow-scrolling:touch; }
  .sector-card, .sector-card.is-active{ flex:0 0 82%; min-width:0; scroll-snap-align:center; }
  .sector-card .sc-desc{ max-height:120px; opacity:1; }
}

@media (max-width:767px){

  .integ-ticker-wrap{ -webkit-mask-image:none; mask-image:none; }
  .integ-ticker-track{ gap:36px; }
  .integ-ticker-track img{ filter:none; opacity:.9; height:26px; }

  .market-person img{ object-position:center center !important; }
  .market-scanline, .market-particles{ display:none !important; }
  .market-bg img{ object-position:center; }

  #marketStage::after{ content:''; position:absolute; inset:0; z-index:6; pointer-events:none;
    background:linear-gradient(180deg, rgba(9,9,11,.72) 0%, rgba(9,9,11,.45) 35%, rgba(9,9,11,.15) 70%, rgba(9,9,11,.35) 100%); }
}

.layer-stage{ position:relative; }
.layer-bg{
  position:absolute; inset:0; border-radius:24px; overflow:hidden;
  box-shadow:0 30px 60px -20px rgba(0,0,0,.35);
}
.layer-bg img{ width:100%; height:100%; object-fit:cover; }
.layer-person{
  position:absolute; inset:0; z-index:10; pointer-events:none;
  will-change:transform;
}
.layer-person .ph{ background:transparent; height:100%; }
.layer-person .ph, .market-person .ph{ overflow:visible; }
.layer-person .ph::before, .market-person .ph::before{ background-position:center top; transform:none; }
.layer-person .ph.has-img img{ filter:drop-shadow(0 14px 18px rgba(0,0,0,.28)); }
.layer-person .ph.has-img{ background:transparent; }
.layer-person img{
  width:100%; height:100%; object-fit:cover; object-position:center top;
  filter:drop-shadow(0 14px 18px rgba(0,0,0,.28));
}

.full-bleed{ width:100vw; position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; }

.market-bg{ position:absolute; inset:0; }
.market-bg img{ width:100%; height:100%; object-fit:cover; }
.market-person{ position:absolute; inset:0; z-index:5; pointer-events:none; will-change:transform; }
.market-person img{
  width:100%; height:100%; object-fit:cover; object-position:center top;
  filter:drop-shadow(0 20px 30px rgba(0,0,0,.45));
}
.market-person .ph{ background:transparent; height:100%; }
.market-person .ph.has-img img{ filter:drop-shadow(0 20px 30px rgba(0,0,0,.45)); }
.market-person .ph.has-img{ background:transparent; }

.market-scanline{
  position:absolute; top:-5%; bottom:-5%; width:3px; z-index:6; pointer-events:none; left:0;
  background:linear-gradient(180deg, transparent, rgba(255,90,31,.95), transparent);
  box-shadow:0 0 30px 8px rgba(255,90,31,.55);
}

.market-particles{ position:absolute; inset:0; z-index:4; pointer-events:none; overflow:hidden; }
.market-particles i{
  position:absolute; bottom:-4%; width:4px; height:4px; border-radius:9999px;
  background:#FF9B66; opacity:0; box-shadow:0 0 8px 2px rgba(255,90,31,.7);
}

.pos-panel{
  position:relative; background:rgba(255,255,255,.07); backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,.14);
  border-radius:24px; padding:24px; box-shadow:0 30px 70px -20px rgba(0,0,0,.65);
}
.pos-panel-head{
  display:flex; align-items:center; justify-content:space-between; font-size:13px;
  color:#D4D4D8; padding-bottom:14px; border-bottom:1px solid rgba(255,255,255,.12);
}
.pos-items{ margin-top:16px; display:flex; flex-direction:column; gap:11px; min-height:150px; }
.pos-item{ display:flex; justify-content:space-between; font-size:14px; color:#fff; opacity:0; transform:translateX(-10px); }
.pos-item span:last-child{ color:#FF9B66; font-weight:700; }
.pos-total{
  display:flex; justify-content:space-between; margin-top:16px; padding-top:16px;
  border-top:1px dashed rgba(255,255,255,.22); font-weight:800; color:#fff; font-size:17px;
}
.pos-print{
  margin-top:16px; font-size:12px; color:#A1A1AA; display:flex; align-items:center; gap:6px;
  position:relative; overflow:hidden; height:22px; border-radius:6px; background:rgba(255,255,255,.04);
  padding:0 8px;
}
.pos-receipt{ position:absolute; left:8px; right:8px; top:-4px; height:3px; background:#fff; border-radius:2px; opacity:.85; }

.cta-glass{
  background:rgba(255,255,255,.08); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.16); transition:background .2s ease, border-color .2s ease;
}
.cta-glass:hover{ background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.28); }

.whatsapp-float{
  position:fixed; left:24px; bottom:24px; z-index:60; width:56px; height:56px; border-radius:9999px;
  background:#25D366; color:#fff; display:flex; align-items:center; justify-content:center;
  font-size:28px; box-shadow:0 10px 30px -8px rgba(37,211,102,.6); transition:transform .2s ease;
}
.whatsapp-float:hover{ transform:scale(1.08); }
.whatsapp-float::before{
  content:''; position:absolute; inset:-6px; border-radius:9999px; border:2px solid rgba(37,211,102,.5);
  animation:waPulse 2.2s ease-out infinite; pointer-events:none;
}
@keyframes waPulse{ 0%{transform:scale(.9); opacity:.8;} 100%{transform:scale(1.4); opacity:0;} }

.lead-modal-overlay{
  position:fixed; inset:0; z-index:200; display:flex; align-items:center; justify-content:center;
  background:rgba(9,9,11,.6); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); padding:20px;
  opacity:0; pointer-events:none; transition:opacity .25s ease;
}
.lead-modal-overlay.open{ opacity:1; pointer-events:auto; }
.lead-modal-card{
  position:relative; background:#fff; border-radius:24px; padding:32px; max-width:400px; width:100%;
  box-shadow:0 40px 80px -20px rgba(0,0,0,.5); transform:scale(.94) translateY(10px); transition:transform .25s ease;
}
.lead-modal-overlay.open .lead-modal-card{ transform:scale(1) translateY(0); }
.lead-modal-close{
  position:absolute; top:16px; right:16px; width:32px; height:32px; border-radius:9999px;
  background:#F4F4F5; color:#71717A; display:flex; align-items:center; justify-content:center;
  font-size:14px; transition:background .2s ease;
}
.lead-modal-close:hover{ background:#E4E4E7; }

.integ-ticker-wrap{
  overflow:hidden; white-space:nowrap;
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.integ-ticker-track{ display:inline-flex; align-items:center; gap:64px; }
.integ-ticker-track span{ display:inline-flex; align-items:center; height:40px; flex:0 0 auto; }
.integ-ticker-track img{
  height:32px; width:auto; flex-shrink:0; object-fit:contain; filter:grayscale(1); opacity:.55;
  transition:filter .25s ease, opacity .25s ease;
}
.integ-ticker-track span:hover img{ filter:grayscale(0); opacity:1; }
.integ-status{
  display:inline-flex; align-items:center; gap:6px; font-size:11.5px; font-weight:700;
  color:#059669;
}
.integ-status.soon{ color:#B33A0F; }

.integ-video-bg{ position:absolute; inset:0; }
.integ-video-bg video{ width:100%; height:100%; object-fit:cover; }
.integ-flow-row{ display:flex; align-items:center; gap:12px; }
.integ-flow-icon{
  width:38px; height:38px; border-radius:10px; background:rgba(255,255,255,.08);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}

.cta-glass-light{
  background:rgba(9,9,11,.04); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(9,9,11,.08); color:#09090B; transition:background .2s ease, border-color .2s ease;
}
.cta-glass-light:hover{ background:rgba(9,9,11,.08); border-color:rgba(9,9,11,.14); }

.ghost-text-wrap{ position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0; }
.ghost-row{
  display:inline-flex; white-space:nowrap; font-weight:800; letter-spacing:-.02em;
  color:transparent; -webkit-text-stroke:1.5px rgba(9,9,11,.045);
  font-size:clamp(46px,9vw,120px); line-height:1;
}
.ghost-row span{ padding:0 28px; }

.glow-card{ position:relative; --glow-x:50%; --glow-y:50%; --glow-intensity:0; }
.glow-card::before{
  content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:0;
  background:radial-gradient(240px circle at var(--glow-x) var(--glow-y),
    rgba(255,90,31,calc(var(--glow-intensity) * .16)) 0%,
    rgba(255,90,31,calc(var(--glow-intensity) * .05)) 45%, transparent 70%);
}
.glow-card::after{
  content:''; position:absolute; inset:0; border-radius:inherit; padding:1.5px; pointer-events:none; z-index:0;
  background:radial-gradient(180px circle at var(--glow-x) var(--glow-y),
    rgba(255,90,31,calc(var(--glow-intensity) * .9)) 0%,
    rgba(255,90,31,calc(var(--glow-intensity) * .25)) 45%, transparent 75%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
}
.glow-card .glow-content{ position:relative; z-index:1; }

.hp-trigger{
  position:relative; cursor:pointer; text-decoration-line:underline; text-decoration-style:dotted;
  text-decoration-color:rgba(255,90,31,.55); text-underline-offset:4px; text-decoration-thickness:2px;
}
.hp-float{
  position:fixed; z-index:9999; pointer-events:none; border-radius:16px; overflow:hidden;
  box-shadow:0 16px 40px rgba(0,0,0,.22), 0 2px 8px rgba(0,0,0,.12);
  width:220px; height:150px; background:#fff;
}

.sector-track::-webkit-scrollbar{ display:none; }
.sector-track.dragging{ cursor:grabbing; scroll-behavior:auto; }

.price-card{ position:relative; border-radius:24px; border:1px solid #E4DCCE; background:#fff; padding:32px; }
.price-card.featured{ border-color:#FF5A1F; box-shadow:0 30px 60px -30px rgba(255,90,31,.35); }
.price-placeholder{
  display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:700;
  color:#B33A0F; background:#FFF2EC; border:1px solid #FFE1D2; border-radius:9999px; padding:3px 10px;
  margin-top:6px;
}
.faq-item{ border-bottom:1px solid #E4DCCE; }
.faq-item summary{ cursor:pointer; list-style:none; }
.faq-item summary::-webkit-details-marker{ display:none; }
.faq-item .faq-chevron{ transition:transform .2s ease; }
.faq-item[open] .faq-chevron{ transform:rotate(180deg); }

@media (prefers-reduced-motion:reduce){
  .reveal, .reveal-sm, .avatar-in{ opacity:1 !important; }
  .hub-dot::before, .feed-dot::before, .shiny-accent{ animation:none !important; }
  .beam-card::before, .stat-card, .stat-card::after{ animation:none !important; }
  .lift-card:hover{ transform:none; }
  .radial-svg .beam-line{ animation:none !important; }
  .bars i{ opacity:1 !important; transform:scaleY(1) !important; }
  .layer-person, .market-bg, .market-person{ opacity:1 !important; transform:none !important; }
  .market-scanline, .market-particles{ display:none !important; }
}

.mob-vitrin{ display:flex; flex-direction:column; align-items:center; }
.mob-sekmeler{ display:inline-flex; gap:4px; padding:4px; border-radius:999px; background:#F4F4F5; border:1px solid #E4E4E7; }
.mob-sekme{ border:0; background:transparent; color:#52525B; font-size:14px; font-weight:600; padding:9px 18px; border-radius:999px; cursor:pointer; transition:background .2s, color .2s; }
.mob-sekme:hover{ color:#09090B; }
.mob-sekme.is-aktif{ background:#09090B; color:#fff; }
.mob-sekme:focus-visible{ outline:2px solid #FF5A1F; outline-offset:2px; }
.mob-panel{ display:none; width:100%; }
.mob-panel.is-aktif{ display:block; animation:mobGir .45s ease both; }
@keyframes mobGir{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
.mob-teller{ display:flex; justify-content:center; align-items:flex-end; gap:clamp(8px,2vw,22px); margin-top:28px; }
.mob-tel{ width:30%; max-width:220px; height:auto; filter:drop-shadow(0 18px 30px rgba(9,9,11,.18)); }
.mob-tel.is-orta{ width:36%; max-width:262px; margin-bottom:22px; }
.mob-aciklama{ max-width:440px; margin:22px auto 0; text-align:center; font-size:14px; color:#71717A; }
@media (prefers-reduced-motion: reduce){ .mob-panel.is-aktif{ animation:none; } }

.hero-guven{ display:flex; flex-wrap:wrap; gap:8px 16px; font-size:13.5px; color:#52525B; }
.hero-guven li{ display:inline-flex; align-items:center; gap:7px; }
.hero-guven i{ color:#E64912; font-size:13px; }
.form-adimlar{ display:flex; justify-content:space-between; gap:6px; margin-top:14px; padding-top:12px; border-top:1px dashed #E4E4E7; }
.form-adimlar li{ display:flex; align-items:center; gap:6px; font-size:11.5px; color:#71717A; line-height:1.25; }
.form-adimlar b{ flex:none; width:18px; height:18px; border-radius:999px; background:#FFF2EC; color:#E64912; font-size:10.5px; display:inline-flex; align-items:center; justify-content:center; }

.adim-izgara{ position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.adim-kart{ position:relative; z-index:1; background:#fff; border:1px solid #E4E4E7; border-radius:20px; padding:28px; opacity:0; transform:translateY(16px); transition:opacity .5s ease, transform .5s ease, border-color .2s; }
.adim-kart:hover{ border-color:#FFB899; }
.adim-izgara.goster .adim-kart{ opacity:1; transform:none; }
.adim-izgara.goster .adim-kart:nth-of-type(2){ transition-delay:.35s; }
.adim-izgara.goster .adim-kart:nth-of-type(3){ transition-delay:.7s; }
.adim-ikon{ position:relative; width:52px; height:52px; border-radius:16px; background:#FFF2EC; color:#E64912; display:flex; align-items:center; justify-content:center; font-size:20px; }
.adim-ikon span{ position:absolute; top:-7px; right:-7px; width:22px; height:22px; border-radius:999px; background:#09090B; color:#fff; font-size:11px; font-weight:700; display:flex; align-items:center; justify-content:center; }
.adim-cizgi{ position:absolute; left:16%; right:16%; top:54px; height:2px; background:#E4E4E7; border-radius:2px; overflow:hidden; }
.adim-cizgi i{ display:block; height:100%; width:0; background:linear-gradient(90deg,#FF5A1F,#E64912); transition:width 1.4s ease .2s; }
.adim-izgara.goster .adim-cizgi i{ width:100%; }
@media (max-width:640px){ .adim-izgara{ grid-template-columns:1fr; } .adim-cizgi{ display:none; } }
@media (prefers-reduced-motion: reduce){ .adim-kart, .adim-cizgi i{ transition:none; } }

.hero-tek{ display:grid; grid-template-columns:1fr; gap:32px; align-items:center; padding-bottom:88px !important; }
.hero-form-kap{ width:100%; max-width:420px; }
@media (min-width:768px){
  .hero-tek{ grid-template-columns:minmax(0,1fr) 400px; gap:56px; padding-top:72px !important; padding-bottom:128px !important; }
  .hero-form-kap{ justify-self:end; }
}

.layer-stage .stat-card{ top:14px; left:14px; right:auto; bottom:auto; width:auto; max-width:190px; padding:10px 12px; }
@media (min-width:1024px){ .layer-stage .stat-card{ top:28px; left:-44px; } }

@media (max-width:1023px){
  .layer-stage{ margin-bottom:84px; }
  .layer-stage .stat-card{ top:calc(100% + 14px); left:0; right:0; margin:0 auto; width:fit-content; max-width:none; }
}

.diger-sektor{ margin-top:36px; text-align:center; }
.diger-sektor-bas{ font-size:18px; font-weight:600; color:#09090B; letter-spacing:-.01em; }
.diger-sektor-alt{ font-size:14px; color:#71717A; margin:6px auto 0; max-width:560px; }
.diger-sektor-liste{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:18px; }
.diger-sektor-liste li{ display:inline-flex; align-items:center; gap:8px; padding:9px 16px; border-radius:999px;
  border:1px solid #E4E4E7; background:#fff; font-size:14px; font-weight:500; color:#3F3F46;
  transition:border-color .2s, background .2s, color .2s; }
.diger-sektor-liste li:hover{ border-color:#FFE1D2; background:#FFF2EC; color:#09090B; }
.diger-sektor-liste i{ color:#E64912; font-size:14px; width:16px; text-align:center; }
.diger-sektor-daha{ padding:0 !important; border-color:#FFE1D2 !important; background:#FFF2EC !important; }
.diger-sektor-daha a{ display:inline-flex; align-items:center; gap:8px; padding:9px 16px; color:#B33A0F; font-weight:600; text-decoration:none; }
.diger-sektor-daha:hover{ background:#FFE1D2 !important; }