/* ---- exact shadcn/ui HSL token system pulled from easytradetr.com's compiled CSS ----
   original: --primary:135 100% 50%; --radius:12px; --ring:142.1 76.2% 36.3%
   adapted:  primary hue swapped to our ember orange (#FF5A1F = hsl(16 100% 56%)) */
: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%;
}
/* overflow-x:clip (not hidden) - hidden on html/body creates a scroll container
   that breaks position:sticky on descendants (the header stopped sticking) */
html, body{ overflow-x:clip; }
body{ font-family:'Inter',sans-serif; color:#09090B; }

/* animated nav underline */
.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); }

/* ---- continuous/decorative keyframes (kept as CSS - infinite loops, not
   scroll-driven, so GSAP adds no value here). Scroll reveals, counters,
   entrances and the barcode scanner below are GSAP/ScrollTrigger-driven,
   see site.js. ---- */
@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%;} }

/* base hidden state - GSAP ScrollTrigger animates these to visible on scroll */
.reveal, .reveal-sm{ opacity:0; }
.avatar-in{ opacity:0; }

/* card hover lift, matches Tailwind transition-all pattern on easytradetr.com cards */
.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; }

/* animated rotating border beam (from easytradetr.com's border-beam keyframe) */
.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 strip - track's transform is driven by GSAP (infinite tween), see site.js */
.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 shine sweep + gradient shift, matches stats-shine / stats-bg-shift */
.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;
}

/* mini bar chart - GSAP staggers each bar's scaleY on scroll, see site.js */
.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); }

/* ---- analytics 3-card section - pure SVG/CSS illustrated charts,
   GSAP draws them in on scroll (matches easytradetr.com's analytics cards,
   stroke-dashoffset draw for the line, arc sweep for the gauge) ---- */
.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; }

/* tooltip: matches easytradetr.com's Framer Motion transition (duration:.22, ease:easeOut, scale .96→1, y -6→0) */
.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;
}

/* graceful image placeholder: hide broken img, show icon backdrop on parent */
.ph{ position:relative; background:linear-gradient(135deg,#FFF2EC,#FFE1D2); }
.ph img{ position:relative; z-index:1; }
.ph img.broken{ display:none; }
.ph::after{
  content: attr(data-ph); position:absolute; inset:0; display:flex; align-items:center;
  justify-content:center; font-size:13px; font-family:'Inter'; color:#B33A0F;
  text-align:center; padding:16px; opacity:.7;
}
.ph.has-img::after{ display:none; }

/* ---- sector carousel: matches easytradetr.com's "Esnaf ve Küçük İşletmeler İçin"
   hover-expanding flexbox photo gallery ---- */
.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; }
/* collapsed: strong dark backdrop so name/stat stay legible over any photo */
.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;
}

/* expanded (default-active OR hovered): backdrop lightens, text reveals only
   after the box-widen transition (.45s) has finished */
.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){
  /* hovering the track: everyone (including the default-active card) collapses first */
  .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; }

  /* the specifically hovered card wins: expands, lightens, then reveals text */
  .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 hub-and-spoke integration diagram: exact bezier paths from
   easytradetr.com's SVG (viewBox 0 0 1100 886, hub at 550,487) ---- */
.radial-wrap{ position:relative; width:100%; aspect-ratio:1100/886; max-width:1000px; margin:0 auto; }
.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; }

/* radial diagram: fancy SVG hub-and-spoke only fits sm+ (labels collide below that) */
@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; }
}

/* ---- MOBİL DÜZELTMELER (≤767px) ---- */
@media (max-width:767px){
  /* Entegrasyon logoları: mask + grayscale + düşük opaklık mobilde soluk/görünmez
     kılıyordu → net renkli göster */
  .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; }

  /* "Barkodu Okut": kişi kesiti mobilde de görünsün - ama tam figür (merkez), torso'ya
     zoom değil. Tarama lazeri/parçacıklar sade dursun diye kapalı. */
  .market-person img{ object-position:center center !important; }
  .market-scanline, .market-particles{ display:none !important; }
  .market-bg img{ object-position:center; }
  /* metin üstte; scrim üstte koyu (yazı için) → altta açılır (kişi net görünür) */
  #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%); }
}

/* ---- layered composite: arkaplan sahnesi + üstüne bindirilmiş şeffaf kişi
   kesiti (easytradetr.com'un "adam + arkaplan" tekniğinin uyarlaması) ---- */
.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::after{ background:linear-gradient(135deg,#FFF2EC,#FFE1D2); border-radius:16px; opacity:.85; }
.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 helper: breaks a section out of its centered max-w container ---- */
.full-bleed{ width:100vw; position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; }

/* ---- market showcase: full-bleed layered composite + animated live POS panel ---- */
.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::after{ background:linear-gradient(135deg,rgba(255,90,31,.3),rgba(179,58,15,.4)); color:#fff; opacity:.9; }
.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);
}

/* animated glassmorphism "live POS screen" panel */
.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; }

/* frosted-glass CTA - matches the pos-panel glass language, site-wide secondary CTA style */
.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 floating button ---- */
.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;} }

/* ---- aggressive periodic lead-capture modal (proven easytradetr.com tactic) ---- */
.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; }

/* ---- entegrasyonlar: kayan logo şeridi + Bağlı/Yakında durum rozetleri ---- */
.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; }

/* ---- entegrasyon vitrini: video arkaplan + döngülü işlem-akışı paneli ---- */
.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;
}

/* light-on-white glass CTA variant */
.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); }

/* ---- hero ghost-text: giant faint drifting keyword rows behind hero content,
   matches easytradetr.com's ambient background marquee ---- */
.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,.07);
  font-size:clamp(46px,9vw,120px); line-height:1;
}
.ghost-row span{ padding:0 28px; }

/* ---- cursor-following spotlight glow (adapted from easytradetr.com's .kp-card
   dual radial-gradient fill+border glow) ---- */
.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; }

/* ---- word-hover floating live preview (adapted from easytradetr.com's
   videoSrc hover-tooltip - we swap in our own SVG/CSS mini-demos) ---- */
.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 carousel: hidden scrollbar + grab cursor for desktop drag-to-scroll ---- */
.sector-track::-webkit-scrollbar{ display:none; }
.sector-track.dragging{ cursor:grabbing; scroll-behavior:auto; }

/* ---- shared UI: pricing/contact page components (fiyatlandirma.html, iletisim.html) ---- */
.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; }
}