/* BasitERP vitrin görünür tasarım güncellemesi - renk paleti korunarak */
:root{
  --be-logo-navy:#07164a;
  --be-logo-blue:#0867f2;
  --be-logo-blue-2:#0b7cff;
  --be-white-glass:rgba(255,255,255,.82);
  --be-soft-blue:#f3f8ff;
  --be-soft-line:rgba(9,45,98,.12);
  --be-soft-shadow:0 24px 70px rgba(7,22,74,.10);
  --be-soft-shadow-2:0 18px 42px rgba(8,103,242,.12);
}
html{scroll-behavior:smooth;scroll-padding-top:82px!important}
body.be-public-landing,
body.be-sector-landing,
body.be-public-page{
  font-family:'Roboto',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  color:var(--be-logo-navy)!important;
  background:
    radial-gradient(circle at 8% 8%,rgba(8,103,242,.10),transparent 30%),
    radial-gradient(circle at 92% 12%,rgba(0,188,255,.10),transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#f7fbff 46%,#ffffff 100%)!important;
  overflow-x:hidden!important;
}
body.be-public-landing *,
body.be-sector-landing *,
body.be-public-page *{letter-spacing:-.01em}
body.be-public-landing .container,
body.be-sector-landing .container,
body.be-public-page .container{max-width:1180px!important}
body.be-public-landing .navbar,
body.be-sector-landing .navbar,
body.be-public-page .navbar{
  background:rgba(255,255,255,.90)!important;
  border-bottom:1px solid rgba(8,103,242,.10)!important;
  box-shadow:0 12px 35px rgba(7,22,74,.055)!important;
  backdrop-filter:blur(22px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(145%)!important;
  margin:0!important;
  padding:0!important;
}
body.be-public-landing .navbar .container,
body.be-sector-landing .navbar .container,
body.be-public-page .navbar .container{min-height:68px!important;padding-top:8px!important;padding-bottom:8px!important}
body.be-public-landing .navbar-brand,
body.be-sector-landing .navbar-brand,
body.be-public-page .navbar-brand{display:flex!important;align-items:center!important;margin:0!important;padding:0!important;line-height:1!important}
body.be-public-landing .be-brand-logo,
body.be-sector-landing .be-brand-logo,
body.be-public-page .be-brand-logo,
body.be-public-page img[src*="basiterp-logo-transparent"],
body.be-sector-landing img[src*="basiterp-logo-transparent"]{
  height:44px!important;
  width:auto!important;
  max-width:215px!important;
  object-fit:contain!important;
  display:block!important;
}
body.be-public-landing .nav-link,
body.be-sector-landing .nav-link,
body.be-public-page .nav-link{
  color:#172554!important;
  font-size:.94rem!important;
  font-weight:800!important;
  padding:.64rem .84rem!important;
  border-radius:999px!important;
}
body.be-public-landing .nav-link:hover,
body.be-sector-landing .nav-link:hover,
body.be-public-page .nav-link:hover{background:rgba(8,103,242,.07)!important;color:var(--be-logo-blue)!important}
body.be-public-landing .btn,
body.be-sector-landing .btn,
body.be-public-page .btn{border-radius:14px!important;font-weight:850!important;box-shadow:none!important}
body.be-public-landing .btn-primary,
body.be-sector-landing .btn-primary,
body.be-public-page .btn-primary{
  background:linear-gradient(135deg,var(--be-logo-blue),var(--be-logo-blue-2))!important;
  border:0!important;
  color:#fff!important;
  box-shadow:0 16px 36px rgba(8,103,242,.22)!important;
}
body.be-public-landing .btn-light,
body.be-sector-landing .btn-light,
body.be-public-page .btn-light,
body.be-public-landing .btn-outline-primary,
body.be-sector-landing .btn-outline-primary,
body.be-public-page .btn-outline-primary{
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(8,103,242,.18)!important;
  color:var(--be-logo-blue)!important;
}
body.be-public-landing .btn-light:hover,
body.be-sector-landing .btn-light:hover,
body.be-public-page .btn-light:hover,
body.be-public-landing .btn-outline-primary:hover,
body.be-sector-landing .btn-outline-primary:hover,
body.be-public-page .btn-outline-primary:hover{background:rgba(8,103,242,.08)!important;color:var(--be-logo-blue)!important}
body.be-public-landing .hero-shell,
body.be-sector-landing .hero-shell{
  position:relative!important;
  padding:clamp(1.15rem,2.6vw,2rem) 0 clamp(1.5rem,3.6vw,3.2rem)!important;
  margin:0!important;
  min-height:0!important;
  overflow:hidden!important;
}
body.be-public-landing .hero-shell:before,
body.be-sector-landing .hero-shell:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.72)),
    radial-gradient(circle at 18% 12%,rgba(8,103,242,.14),transparent 34%),
    radial-gradient(circle at 88% 16%,rgba(8,124,255,.12),transparent 34%)!important;
  pointer-events:none!important;
}
body.be-public-landing .hero-grid,
body.be-sector-landing .hero-grid{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr)!important;
  gap:clamp(1rem,2.2vw,1.55rem)!important;
  align-items:stretch!important;
  margin:0!important;
}
body.be-public-landing .hero-panel,
body.be-sector-landing .hero-panel{
  background:rgba(255,255,255,.76)!important;
  border:1px solid rgba(8,103,242,.13)!important;
  border-radius:30px!important;
  box-shadow:var(--be-soft-shadow)!important;
  backdrop-filter:blur(20px) saturate(142%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(142%)!important;
  min-height:0!important;
}
body.be-public-landing .hero-panel:first-child,
body.be-sector-landing .hero-panel:first-child{
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(246,250,255,.78))!important;
  padding:clamp(1.35rem,2.8vw,2.5rem)!important;
}
body.be-public-landing .hero-panel:last-child,
body.be-sector-landing .hero-panel:last-child{
  background:linear-gradient(155deg,rgba(255,255,255,.92),rgba(239,247,255,.80))!important;
  padding:clamp(1.05rem,2.3vw,1.85rem)!important;
}
body.be-public-landing .kicker,
body.be-sector-landing .kicker,
body.be-public-page .kicker{
  color:var(--be-logo-blue)!important;
  font-size:.78rem!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
}
body.be-public-landing .hero-title,
body.be-sector-landing .hero-title{
  max-width:830px!important;
  color:var(--be-logo-navy)!important;
  font-size:clamp(2.45rem,4.8vw,4.95rem)!important;
  line-height:.96!important;
  font-weight:900!important;
  letter-spacing:-.065em!important;
  margin:0!important;
}
body.be-public-landing .hero-title strong,
body.be-sector-landing .hero-title strong{color:var(--be-logo-blue)!important}
body.be-public-landing .hero-subtitle,
body.be-sector-landing .hero-subtitle{
  max-width:720px!important;
  color:#475569!important;
  font-size:clamp(1rem,1.35vw,1.14rem)!important;
  line-height:1.6!important;
  margin-top:1rem!important;
  margin-bottom:0!important;
}
body.be-public-landing .hero-cta-row,
body.be-sector-landing .hero-cta-row{margin-top:1.15rem!important;gap:.75rem!important;padding-top:0!important}
body.be-public-landing .hero-proof-row,
body.be-sector-landing .hero-proof-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:.55rem!important;
  margin-top:1rem!important;
}
body.be-public-landing .hero-proof-row span,
body.be-sector-landing .hero-proof-row span{
  display:inline-flex!important;
  align-items:center!important;
  gap:.42rem!important;
  background:#fff!important;
  border:1px solid rgba(8,103,242,.13)!important;
  color:#334155!important;
  padding:.52rem .72rem!important;
  border-radius:999px!important;
  font-size:.88rem!important;
  font-weight:800!important;
}
body.be-public-landing .hero-proof-row i,
body.be-sector-landing .hero-proof-row i{color:var(--be-logo-blue)!important}
body.be-public-landing .hero-benefit-row,
body.be-sector-landing .hero-benefit-row{--bs-gutter-x:.8rem!important;--bs-gutter-y:.8rem!important;margin-top:1rem!important}
body.be-public-landing .feature-card,
body.be-sector-landing .feature-card,
body.be-public-page .feature-card,
body.be-public-landing .glass-card,
body.be-sector-landing .glass-card,
body.be-public-page .glass-card,
body.be-public-landing .pricing-card,
body.be-sector-landing .pricing-card,
body.be-public-page .pricing-card{
  background:rgba(255,255,255,.80)!important;
  border:1px solid rgba(8,103,242,.13)!important;
  border-radius:22px!important;
  box-shadow:0 14px 36px rgba(7,22,74,.075)!important;
  backdrop-filter:blur(16px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(140%)!important;
}
body.be-public-landing .feature-card,
body.be-sector-landing .feature-card,
body.be-public-page .feature-card{padding:1.05rem!important}
body.be-public-landing .feature-card:hover,
body.be-sector-landing .feature-card:hover,
body.be-public-page .feature-card:hover,
body.be-public-landing .pricing-card:hover,
body.be-sector-landing .pricing-card:hover,
body.be-public-page .pricing-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 22px 54px rgba(7,22,74,.12)!important;
  border-color:rgba(8,103,242,.24)!important;
}
body.be-public-landing .feature-icon,
body.be-sector-landing .feature-icon,
body.be-public-page .feature-icon,
body.be-public-landing .hero-metric i,
body.be-sector-landing .hero-metric i{
  width:46px!important;
  height:46px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,var(--be-logo-blue),var(--be-logo-blue-2))!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(8,103,242,.22)!important;
}
body.be-public-landing .hero-metric,
body.be-sector-landing .hero-metric{
  display:flex!important;
  align-items:flex-start!important;
  gap:.9rem!important;
  padding:.95rem!important;
  border:1px solid rgba(8,103,242,.12)!important;
  background:rgba(255,255,255,.74)!important;
  border-radius:20px!important;
  box-shadow:0 10px 26px rgba(7,22,74,.055)!important;
}
body.be-public-landing .hero-dashboard-preview,
body.be-sector-landing .hero-dashboard-preview{
  background:linear-gradient(180deg,#fff,#f3f8ff)!important;
  border:1px solid rgba(8,103,242,.13)!important;
  border-radius:22px!important;
  padding:1rem!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 16px 42px rgba(8,103,242,.08)!important;
}
body.be-public-landing .preview-top,
body.be-sector-landing .preview-top{display:flex!important;gap:.35rem!important;margin-bottom:.82rem!important}
body.be-public-landing .preview-top span,
body.be-sector-landing .preview-top span{width:10px!important;height:10px!important;border-radius:999px!important;background:#dbeafe!important}
body.be-public-landing .preview-row,
body.be-sector-landing .preview-row{display:flex!important;justify-content:space-between!important;align-items:center!important;color:var(--be-logo-navy)!important;margin-bottom:.75rem!important}
body.be-public-landing .preview-row em,
body.be-sector-landing .preview-row em{font-style:normal!important;background:rgba(8,103,242,.10)!important;color:var(--be-logo-blue)!important;padding:.28rem .55rem!important;border-radius:999px!important;font-size:.75rem!important;font-weight:900!important}
body.be-public-landing .preview-bars,
body.be-sector-landing .preview-bars{display:grid!important;gap:.55rem!important;margin-bottom:.8rem!important}
body.be-public-landing .preview-bars span,
body.be-sector-landing .preview-bars span{display:block!important;width:var(--w)!important;height:10px!important;border-radius:999px!important;background:linear-gradient(90deg,var(--be-logo-blue),#9bd4ff)!important}
body.be-public-landing .preview-bottom,
body.be-sector-landing .preview-bottom{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:.5rem!important}
body.be-public-landing .preview-bottom span,
body.be-sector-landing .preview-bottom span{text-align:center!important;padding:.55rem!important;background:#fff!important;border:1px solid rgba(8,103,242,.11)!important;border-radius:14px!important;color:#475569!important;font-weight:850!important;font-size:.82rem!important}
body.be-public-landing .section-space,
body.be-sector-landing .section-space,
body.be-public-page .section-space{padding-top:clamp(2.1rem,4.2vw,3.7rem)!important;padding-bottom:clamp(2.1rem,4.2vw,3.7rem)!important}
body.be-public-landing section.section-space.pt-0,
body.be-sector-landing section.section-space.pt-0,
body.be-public-page section.section-space.pt-0{padding-top:.8rem!important}
body.be-public-landing h2,
body.be-sector-landing h2,
body.be-public-page h2{font-weight:900!important;letter-spacing:-.045em!important;color:var(--be-logo-navy)!important;font-size:clamp(1.8rem,3vw,2.55rem)!important}
body.be-public-landing h3,
body.be-sector-landing h3,
body.be-public-page h3,
body.be-public-landing h4,
body.be-sector-landing h4,
body.be-public-page h4,
body.be-public-landing h5,
body.be-sector-landing h5,
body.be-public-page h5{color:var(--be-logo-navy)!important;font-weight:900!important}
body.be-public-landing .story-band,
body.be-sector-landing .story-band{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.85rem!important}
body.be-public-landing .pricing-row,
body.be-sector-landing .pricing-row,
body.be-public-page .pricing-row{justify-content:center!important;align-items:stretch!important;--bs-gutter-x:1rem!important;--bs-gutter-y:1rem!important;max-width:1120px!important;margin-left:auto!important;margin-right:auto!important}
body.be-public-landing .pricing-row>.col-md-6,
body.be-sector-landing .pricing-row>.col-md-6,
body.be-public-page .pricing-row>.col-md-6{display:flex!important}
body.be-public-landing .pricing-card,
body.be-sector-landing .pricing-card,
body.be-public-page .pricing-card{padding:1.25rem!important;width:100%!important;position:relative!important;overflow:hidden!important}
body.be-public-landing .pricing-card.is-featured,
body.be-sector-landing .pricing-card.is-featured,
body.be-public-page .pricing-card.is-featured{border:2px solid rgba(8,103,242,.55)!important;box-shadow:0 26px 64px rgba(8,103,242,.16)!important}
body.be-public-landing .pricing-card.is-featured:before,
body.be-sector-landing .pricing-card.is-featured:before,
body.be-public-page .pricing-card.is-featured:before{content:"Öne Çıkan";position:absolute;right:16px;top:14px;background:linear-gradient(135deg,var(--be-logo-blue),var(--be-logo-blue-2));color:#fff;font-size:.72rem;font-weight:900;padding:.36rem .65rem;border-radius:999px;box-shadow:0 10px 24px rgba(8,103,242,.22)}
body.be-public-landing .pricing-card.is-featured .badge-soft:first-of-type,
body.be-sector-landing .pricing-card.is-featured .badge-soft:first-of-type,
body.be-public-page .pricing-card.is-featured .badge-soft:first-of-type{margin-right:86px!important}
body.be-public-landing .pricing-price,
body.be-sector-landing .pricing-price,
body.be-public-page .pricing-price{font-size:clamp(2rem,3vw,2.7rem)!important;letter-spacing:-.05em!important;color:var(--be-logo-navy)!important}
body.be-public-landing .badge-soft,
body.be-sector-landing .badge-soft,
body.be-public-page .badge-soft{
  background:rgba(8,103,242,.08)!important;
  border:1px solid rgba(8,103,242,.15)!important;
  color:var(--be-logo-blue)!important;
  border-radius:999px!important;
  font-weight:900!important;
}
body.be-public-landing .final-cta-card,
body.be-sector-landing .final-cta-card,
body.be-public-page .final-cta-card{
  background:linear-gradient(135deg,var(--be-logo-navy),var(--be-logo-blue))!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 26px 64px rgba(8,103,242,.22)!important;
}
body.be-public-landing .final-cta-card h2,
body.be-sector-landing .final-cta-card h2,
body.be-public-page .final-cta-card h2,
body.be-public-landing .final-cta-card .kicker,
body.be-sector-landing .final-cta-card .kicker,
body.be-public-page .final-cta-card .kicker{color:#fff!important}
body.be-public-landing .final-cta-card p,
body.be-sector-landing .final-cta-card p,
body.be-public-page .final-cta-card p{color:rgba(255,255,255,.82)!important}
body.be-public-landing .final-cta-card .btn-light,
body.be-sector-landing .final-cta-card .btn-light,
body.be-public-page .final-cta-card .btn-light{background:rgba(255,255,255,.14)!important;color:#fff!important;border-color:rgba(255,255,255,.30)!important}
body.be-public-landing .landing-footer,
body.be-sector-landing .landing-footer,
body.be-public-page .landing-footer{background:#fff!important;border-top:1px solid rgba(8,103,242,.10)!important;padding-top:2.2rem!important;color:#475569!important}
body.be-public-landing .be-footer-logo,
body.be-sector-landing .be-footer-logo,
body.be-public-page .be-footer-logo{height:44px!important;width:auto!important;object-fit:contain!important}
body.be-public-landing .text-secondary,
body.be-sector-landing .text-secondary,
body.be-public-page .text-secondary{color:#64748b!important}
@media(max-width:1199px){
  body.be-public-landing .hero-grid,
  body.be-sector-landing .hero-grid{grid-template-columns:1fr!important}
}
@media(max-width:991px){
  body.be-public-landing .navbar .container,
  body.be-sector-landing .navbar .container,
  body.be-public-page .navbar .container{min-height:62px!important}
  body.be-public-landing .navbar-collapse,
  body.be-sector-landing .navbar-collapse,
  body.be-public-page .navbar-collapse{padding:1rem 0 .45rem!important}
  body.be-public-landing .navbar-nav,
  body.be-sector-landing .navbar-nav,
  body.be-public-page .navbar-nav{align-items:stretch!important;gap:.4rem!important}
  body.be-public-landing .nav-link,
  body.be-sector-landing .nav-link,
  body.be-public-page .nav-link{background:rgba(8,103,242,.05)!important}
  body.be-public-landing .hero-shell,
  body.be-sector-landing .hero-shell{padding-top:.8rem!important}
  body.be-public-landing .story-band,
  body.be-sector-landing .story-band{grid-template-columns:1fr!important}
}
@media(max-width:767px){
  body.be-public-landing .container,
  body.be-sector-landing .container,
  body.be-public-page .container{padding-left:14px!important;padding-right:14px!important}
  body.be-public-landing .be-brand-logo,
  body.be-sector-landing .be-brand-logo,
  body.be-public-page .be-brand-logo{height:36px!important;max-width:176px!important}
  body.be-public-landing .hero-panel:first-child,
  body.be-public-landing .hero-panel:last-child,
  body.be-sector-landing .hero-panel:first-child,
  body.be-sector-landing .hero-panel:last-child{padding:1rem!important;border-radius:22px!important}
  body.be-public-landing .hero-title,
  body.be-sector-landing .hero-title{font-size:2.35rem!important;line-height:1!important}
  body.be-public-landing .hero-subtitle,
  body.be-sector-landing .hero-subtitle{font-size:.98rem!important;line-height:1.55!important}
  body.be-public-landing .hero-cta-row .btn,
  body.be-sector-landing .hero-cta-row .btn{width:100%!important;justify-content:center!important;display:inline-flex!important}
  body.be-public-landing .hero-benefit-row .col-sm-4,
  body.be-sector-landing .hero-benefit-row .col-sm-4{width:100%!important}
  body.be-public-landing .section-space,
  body.be-sector-landing .section-space,
  body.be-public-page .section-space{padding-top:2rem!important;padding-bottom:2rem!important}
  body.be-public-landing .pricing-card.is-featured:before,
  body.be-sector-landing .pricing-card.is-featured:before,
  body.be-public-page .pricing-card.is-featured:before{position:static!important;display:inline-flex!important;margin-bottom:.8rem!important}
  body.be-public-landing .pricing-card.is-featured .badge-soft:first-of-type,
  body.be-sector-landing .pricing-card.is-featured .badge-soft:first-of-type,
  body.be-public-page .pricing-card.is-featured .badge-soft:first-of-type{margin-right:0!important}
}