/* NextSaaS ölü arbitrary class'ların Tailwind karşılıkları (üretildi) */
.backdrop-blur-\[30px\]{backdrop-filter:blur(30px)}
.backdrop-blur-\[6px\]{backdrop-filter:blur(6px)}
.bg-\[\#0d0d1280\]{background-color:#0d0d1280}
.bg-\[linear-gradient\(to_bottom\,\#f2f5fa\,transparent\)\]{background-image:linear-gradient(to bottom,#f2f5fa,transparent)}
.blur-\[10px\]{filter:blur(10px)}
.bottom-\[-112\%\]{bottom:-112%}
.bottom-\[-45\%\]{bottom:-45%}
.bottom-\[-80\%\]{bottom:-80%}
.bottom-\[-90\%\]{bottom:-90%}
.bottom-\[92px\]{bottom:92px}
.content-\[''\]{content:''}
.duration-\[0\.4s\]{transition-duration:0.4s}
.ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\]{transition-timing-function:cubic-bezier(0.4,0,0.2,1)}
.ease-\[var\(--easing-faq\)\]{transition-timing-function:var(--easing-faq)}
.from-\[\#F2F5FA00\]{--tw-gradient-from:#F2F5FA00;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-\[\#ffffff00\]{--tw-gradient-from:#ffffff00;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.gap-\[100px\]{gap:100px}
.gap-\[40px\]{gap:40px}
.gap-x-\[22px\]{column-gap:22px}
.gap-x-\[90px\]{column-gap:90px}
.h-\[114px\]{height:114px}
.h-\[129px\]{height:129px}
.h-\[138px\]{height:138px}
.h-\[147px\]{height:147px}
.h-\[151px\]{height:151px}
.h-\[180px\]{height:180px}
.h-\[220px\]{height:220px}
.h-\[229px\]{height:229px}
.h-\[252px\]{height:252px}
.h-\[290px\]{height:290px}
.h-\[330px\]{height:330px}
.h-\[350px\]{height:350px}
.h-\[370px\]{height:370px}
.h-\[390px\]{height:390px}
.h-\[41px\]{height:41px}
.h-\[420px\]{height:420px}
.h-\[464px\]{height:464px}
.h-\[496px\]{height:496px}
.h-\[500px\]{height:500px}
.h-\[520px\]{height:520px}
.h-\[550px\]{height:550px}
.h-\[563px\]{height:563px}
.h-\[576px\]{height:576px}
.h-\[600px\]{height:600px}
.h-\[62px\]{height:62px}
.h-\[650px\]{height:650px}
.h-\[700px\]{height:700px}
.h-\[825px\]{height:825px}
.h-\[8\.5px\]{height:8.5px}
.h-\[91px\]{height:91px}
.h-\[calc\(100\%-10px\)\]{height:calc(100%-10px)}
.leading-\[110\%\]{line-height:110%}
.left-\[-20\%\]{left:-20%}
.left-\[-50\%\]{left:-50%}
.left-\[-5\%\]{left:-5%}
.left-\[165px\]{left:165px}
.left-\[1\%\]{left:1%}
.left-\[20\%\]{left:20%}
.left-\[25\%\]{left:25%}
.left-\[2\%\]{left:2%}
.left-\[50px\]{left:50px}
.left-\[74\%\]{left:74%}
.left-\[75\%\]{left:75%}
.left-\[80\%\]{left:80%}
.left-\[82\%\]{left:82%}
.max-h-\[300px\]{max-height:300px}
.max-h-\[310px\]{max-height:310px}
.max-w-\[1140px\]{max-width:1140px}
.max-w-\[1240px\]{max-width:1240px}
.max-w-\[1280px\]{max-width:1280px}
.max-w-\[140px\]{max-width:140px}
.max-w-\[1416px\]{max-width:1416px}
.max-w-\[142px\]{max-width:142px}
.max-w-\[159px\]{max-width:159px}
.max-w-\[168px\]{max-width:168px}
.max-w-\[180px\]{max-width:180px}
.max-w-\[189px\]{max-width:189px}
.max-w-\[190px\]{max-width:190px}
.max-w-\[230px\]{max-width:230px}
.max-w-\[253px\]{max-width:253px}
.max-w-\[262px\]{max-width:262px}
.max-w-\[282px\]{max-width:282px}
.max-w-\[288px\]{max-width:288px}
.max-w-\[316px\]{max-width:316px}
.max-w-\[371px\]{max-width:371px}
.max-w-\[374px\]{max-width:374px}
.max-w-\[375px\]{max-width:375px}
.max-w-\[390px\]{max-width:390px}
.max-w-\[395px\]{max-width:395px}
.max-w-\[425px\]{max-width:425px}
.max-w-\[460px\]{max-width:460px}
.max-w-\[480px\]{max-width:480px}
.max-w-\[483px\]{max-width:483px}
.max-w-\[504px\]{max-width:504px}
.max-w-\[50\%\]{max-width:50%}
.max-w-\[518px\]{max-width:518px}
.max-w-\[560px\]{max-width:560px}
.max-w-\[567px\]{max-width:567px}
.max-w-\[569px\]{max-width:569px}
.max-w-\[582px\]{max-width:582px}
.max-w-\[585px\]{max-width:585px}
.max-w-\[589px\]{max-width:589px}
.max-w-\[608px\]{max-width:608px}
.max-w-\[60\%\]{max-width:60%}
.max-w-\[610px\]{max-width:610px}
.max-w-\[658px\]{max-width:658px}
.max-w-\[669px\]{max-width:669px}
.max-w-\[703px\]{max-width:703px}
.max-w-\[720px\]{max-width:720px}
.max-w-\[904px\]{max-width:904px}
.max-w-\[960px\]{max-width:960px}
.mb-\[150px\]{margin-bottom:150px}
.mb-\[220px\]{margin-bottom:220px}
.mb-\[52px\]{margin-bottom:52px}
.min-h-\[310px\]{min-height:310px}
.min-h-\[424px\]{min-height:424px}
.min-h-\[433px\]{min-height:433px}
.min-h-\[472px\]{min-height:472px}
.min-h-\[566px\]{min-height:566px}
.min-h-\[740px\]{min-height:740px}
.min-w-\[288px\]{min-width:288px}
.mt-\[124px\]{margin-top:124px}
.p-\[100px\]{padding:100px}
.p-\[42px\]{padding:42px}
.p-\[5px\]{padding:5px}
.pb-\[120px\]{padding-bottom:120px}
.pb-\[150px\]{padding-bottom:150px}
.pb-\[160px\]{padding-bottom:160px}
.pb-\[250px\]{padding-bottom:250px}
.pb-\[45px\]{padding-bottom:45px}
.pb-\[75px\]{padding-bottom:75px}
.pb-\[76px\]{padding-bottom:76px}
.pb-\[85px\]{padding-bottom:85px}
.pb-\[86px\]{padding-bottom:86px}
.pb-\[88px\]{padding-bottom:88px}
.pb-\[90px\]{padding-bottom:90px}
.pe-\[42px\]{padding-inline-end:42px}
.pe-\[70px\]{padding-inline-end:70px}
.pl-\[112px\]{padding-left:112px}
.pl-\[3px\]{padding-left:3px}
.pl-\[80px\]{padding-left:80px}
.ps-\[70px\]{padding-inline-start:70px}
.pt-\[110px\]{padding-top:110px}
.pt-\[111px\]{padding-top:111px}
.pt-\[130px\]{padding-top:130px}
.pt-\[150px\]{padding-top:150px}
.pt-\[160px\]{padding-top:160px}
.pt-\[174px\]{padding-top:174px}
.pt-\[190px\]{padding-top:190px}
.pt-\[260px\]{padding-top:260px}
.pt-\[45px\]{padding-top:45px}
.pt-\[76px\]{padding-top:76px}
.pt-\[77px\]{padding-top:77px}
.pt-\[85px\]{padding-top:85px}
.pt-\[88px\]{padding-top:88px}
.pt-\[90px\]{padding-top:90px}
.px-\[100px\]{padding-left:100px;padding-right:100px}
.px-\[60px\]{padding-left:60px;padding-right:60px}
.px-\[75px\]{padding-left:75px;padding-right:75px}
.px-\[8\.5px\]{padding-left:8.5px;padding-right:8.5px}
.py-\[112px\]{padding-top:112px;padding-bottom:112px}
.py-\[120px\]{padding-top:120px;padding-bottom:120px}
.py-\[13px\]{padding-top:13px;padding-bottom:13px}
.py-\[140px\]{padding-top:140px;padding-bottom:140px}
.py-\[156px\]{padding-top:156px;padding-bottom:156px}
.py-\[200px\]{padding-top:200px;padding-bottom:200px}
.py-\[3px\]{padding-top:3px;padding-bottom:3px}
.py-\[60px\]{padding-top:60px;padding-bottom:60px}
.py-\[80px\]{padding-top:80px;padding-bottom:80px}
.py-\[90px\]{padding-top:90px;padding-bottom:90px}
.right-\[-30\%\]{right:-30%}
.right-\[-32\%\]{right:-32%}
.right-\[-3\%\]{right:-3%}
.right-\[1\%\]{right:1%}
.right-\[50px\]{right:50px}
.right-\[5\%\]{right:5%}
.right-\[8\%\]{right:8%}
.rotate-\[60deg\]{rotate:60deg}
.rounded-\[13px\]{border-radius:13px}
.rounded-\[2px\]{border-radius:2px}
.scale-\[100\.5\%\]{scale:100.5%}
.scale-\[102\%\]{scale:102%}
.scale-\[1\.05\]{scale:1.05}
.scale-\[99\%\]{scale:99%}
.size-\[120px\]{width:120px;height:120px}
.size-\[14px\]{width:14px;height:14px}
.size-\[34px\]{width:34px;height:34px}
.size-\[60px\]{width:60px;height:60px}
.size-\[639px\]{width:639px;height:639px}
.size-\[709px\]{width:709px;height:709px}
.size-\[72px\]{width:72px;height:72px}
.size-\[75px\]{width:75px;height:75px}
.size-\[min\(88vw\,1100px\)\]{width:min(88vw,1100px);height:min(88vw,1100px)}
.size-\[min\(90vw\,960px\)\]{width:min(90vw,960px);height:min(90vw,960px)}
.size-\[min\(calc\(100vw-1\.5rem\)\,1100px\)\]{width:min(calc(100vw-1.5rem),1100px);height:min(calc(100vw-1.5rem),1100px)}
.space-y-\[100px\] > :not([hidden]) ~ :not([hidden]){margin-top:100px}
.space-y-\[35px\] > :not([hidden]) ~ :not([hidden]){margin-top:35px}
.start-\[4px\]{inset-inline-start:4px}
.start-\[5px\]{inset-inline-start:5px}
.text-\[56px\]{font-size:56px}
.to-\[\#000000\]{--tw-gradient-to:#000000}
.to-\[\#864FFE\]{--tw-gradient-to:#864FFE}
.top-\[-115\%\]{top:-115%}
.top-\[-137\%\]{top:-137%}
.top-\[-18\%\]{top:-18%}
.top-\[-40\%\]{top:-40%}
.top-\[-65\%\]{top:-65%}
.top-\[-71\%\]{top:-71%}
.top-\[-72\%\]{top:-72%}
.top-\[-96\%\]{top:-96%}
.top-\[150px\]{top:150px}
.top-\[160px\]{top:160px}
.top-\[1\.5px\]{top:1.5px}
.top-\[200px\]{top:200px}
.top-\[30\%\]{top:30%}
.top-\[38\%\]{top:38%}
.top-\[42\%\]{top:42%}
.top-\[50\%\]{top:50%}
.top-\[57\%\]{top:57%}
.top-\[59\%\]{top:59%}
.top-\[60\%\]{top:60%}
.top-\[74px\]{top:74px}
.top-\[77\%\]{top:77%}
.top-\[80\%\]{top:80%}
.tracking-\[-0\.48px\]{letter-spacing:-0.48px}
.tracking-\[-0\.6px\]{letter-spacing:-0.6px}
.tracking-\[-0\.72px\]{letter-spacing:-0.72px}
.tracking-\[-1\.28px\]{letter-spacing:-1.28px}
.tracking-\[-1\.6px\]{letter-spacing:-1.6px}
.tracking-\[-3\.2px\]{letter-spacing:-3.2px}
.transition-\[left\]{transition-property:left}
.translate-x-\[36\%\]{transform:translateX(36%)}
.translate-x-\[75\%\]{transform:translateX(75%)}
.w-\[150px\]{width:150px}
.w-\[192px\]{width:192px}
.w-\[1px\]{width:1px}
.w-\[206px\]{width:206px}
.w-\[218px\]{width:218px}
.w-\[230px\]{width:230px}
.w-\[270px\]{width:270px}
.w-\[280px\]{width:280px}
.w-\[288px\]{width:288px}
.w-\[289px\]{width:289px}
.w-\[300px\]{width:300px}
.w-\[334px\]{width:334px}
.w-\[455px\]{width:455px}
.w-\[45\%\]{width:45%}
.w-\[500px\]{width:500px}
.w-\[50px\]{width:50px}
.w-\[55\%\]{width:55%}
.w-\[5\%\]{width:5%}
.w-\[70\%\]{width:70%}
.w-\[950px\]{width:950px}
.w-\[calc\(100\%-10px\)\]{width:calc(100%-10px)}
.w-\[calc\(100\%-48px\)\]{width:calc(100%-48px)}
.z-\[9999\]{z-index:9999}

/* ============================================================
   Dark mode — header/menü yüzey zeminleri
   TW v4'te opacity'li bg-accent/60 util'i dark:bg-* ile eşit özgüllükte
   olup sıra nedeniyle kazanabiliyor; explicit .dark .X kuralı (özgüllük 0,2,0)
   garantiyle bunları koyulaştırır. (2026-07-22 header dark fix)
   ============================================================ */
.dark .header-one { background-color: var(--color-background-9) !important; border-color: var(--color-stroke-6) !important; }
.dark .sidebar { background-color: var(--color-background-6) !important; }
.dark .dropdown-menu { background-color: var(--color-background-6) !important; }
.dark .nav-hamburger { background-color: var(--color-background-6) !important; }
.dark .nav-hamburger-close { background-color: var(--color-background-7) !important; }

/* ============================================================
   Fiyat planları — dinamik ortalama (1/2/3 kart hepsinde ortalı)
   grid-cols-12 + col-span-4 sabit yapı 2 kartta sola yaslıyordu.
   flex + justify-center ile kart sayısından bağımsız ortalanır.
   (2026-07-22)
   ============================================================ */
.ns-plan-grid { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; gap: 2.5rem 2rem; }
.ns-plan-grid > .ns-plan-item { width: 100%; max-width: 380px; }
@media (min-width: 1024px) {
  .ns-plan-grid > .ns-plan-item { flex: 0 1 340px; max-width: 380px; }
}

/* ============================================================
   Sayfa preloader (yüklenirken spinner). Tema-aware (light/dark).
   window.load'da fade-out; 4sn güvenlik zaman aşımı. (2026-07-22)
   ============================================================ */
#ns-preloader { position: fixed; inset: 0; z-index: 999999; display: flex; align-items: center; justify-content: center; background-color: var(--color-background-2); transition: opacity .45s ease, visibility .45s ease; }
.dark #ns-preloader { background-color: var(--color-background-5); }
#ns-preloader.ns-hidden { opacity: 0; visibility: hidden; }
.ns-preloader-spinner { width: 48px; height: 48px; border: 4px solid rgba(0,0,0,.12); border-top-color: var(--color-secondary); border-radius: 50%; animation: ns-preloader-spin .8s linear infinite; }
.dark .ns-preloader-spinner { border-color: rgba(255,255,255,.15); border-top-color: var(--color-accent); }
@keyframes ns-preloader-spin { to { transform: rotate(360deg); } }

/* ============================================================
   Ölü arbitrary pt/pb-[Npx] spacing class'ları (derlenmemişti).
   Hero header altına giriyordu; section üst boşlukları çalışmıyordu.
   (2026-07-22) ============================================================ */
.pb-\[45px\] { padding-bottom: 45px; }
.pb-\[86px\] { padding-bottom: 86px; }
.pt-\[110px\] { padding-top: 110px; }
.pt-\[130px\] { padding-top: 130px; }
.pt-\[190px\] { padding-top: 190px; }
.pt-\[45px\] { padding-top: 45px; }
.py-\[13px\] { padding-block: 13px; }
.py-\[3px\] { padding-block: 3px; }
.py-\[80px\] { padding-block: 80px; }
@media (min-width:768px){
  .md\:pb-\[85px\] { padding-bottom: 85px; }
  .md\:pt-\[150px\] { padding-top: 150px; }
  .md\:pt-\[85px\] { padding-top: 85px; }
  .md\:py-\[120px\] { padding-block: 120px; }
}
@media (min-width:1024px){
  .lg\:pt-\[174px\] { padding-top: 174px; }
  .lg\:py-\[112px\] { padding-block: 112px; }
}
@media (min-width:1280px){
  .xl\:pb-\[70px\] { padding-bottom: 70px; }
  .xl\:pt-\[111px\] { padding-top: 111px; }
  .xl\:pt-\[77px\] { padding-top: 77px; }
  .xl\:py-\[156px\] { padding-block: 156px; }
}

/* ============================================================
   Hero header-clearance — İÇ <main> negatif margin ile dış main'in 110px'ini iptal.
   Yapı: _Layout <main pt-[110px]> (login/section-dışı sayfalar için sabit header
   boşluğu) → @RenderBody() → Render.cshtml KENDİ <main>'i (page-builder section'ları).
   Section'lar bu 110px'i miras alıp aşağı iniyordu → header ile hero ARKA PLANI arasında
   body-zemin şeridi kalıyor, hero "menünün altına" girmiyordu. İç main dıştakinin
   padding'ini iptal eder → full-bleed hero header'ın ALTINDAN başlar (demo gibi); hero
   kendi pt-[320px]/md:200/xl:260 (main.css'te DERLENMİŞ) ile içeriği header'dan temizler.
   Login/section-dışı sayfalarda iç main YOK → 110px boşluk korunur. (2026-07-22)
   ============================================================ */
main > main { margin-top: -110px; }

/* Login/hesap DARK MOD token'ları ORTAK account.css'e (.dark) taşındı — dark'ı olan
   TÜM temalar (NextSaaS + Nexsas + ileride) tek yerden kapsansın diye. Burada yalnız
   sticky footer kaldı; o gerçekten temaya özel (her temanın footer/layout yapısı farklı). */

/* Sticky footer — kısa sayfalarda (login, hesap) footer ortada kalmayıp dibe otursun.
   preloader/header/theme-toggle position:fixed (flex dışı) → yalnız main+footer dizilir. */
/* :has(> footer) → yalnız site footer'ı olan sayfalarda (public). Builder canvas
   (Preview.cshtml) body'sinde footer YOK (yapı: body>#smooth-wrapper) → canvas'a
   sızıp layout bozmaz. */
body:has(> footer) { display: flex; flex-direction: column; min-height: 100vh; }
body:has(> footer) > main { flex: 1 0 auto; }
body:has(> footer) > footer { flex-shrink: 0; }

/* ============================================================
   hero.timetracking (time-tracking demosu) — derlenmiş main.css'te
   BULUNMAYAN arbitrary/responsive utility'ler. Kural kitabı gereği:
   ölü class = sessiz layout bozulması. main.css'ten SONRA yüklenir.
   ============================================================ */
.pt-\[170px\] { padding-top:170px; }
.pb-\[80px\] { padding-bottom:80px; }
.mt-12 { margin-top:3rem; }
.max-h-\[940px\] { max-height:940px; }
.min-h-\[100\%\] { min-height:100%; }
.max-w-\[1860px\] { max-width:1860px; }
.max-w-\[666px\] { max-width:666px; }
.max-w-\[580px\] { max-width:580px; }
.gap-x-9 { column-gap:2.25rem; }
.z-\[-1\] { z-index:-1; }
.scale-\[1\.1\] { transform:scale(1.1); }
.backdrop-blur-\[18px\] { backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px); }
.bg-accent\/20 { background-color:color-mix(in oklab, var(--color-accent) 20%, transparent); }
@media (min-width: 640px) {
  .sm\:pt-\[190px\] { padding-top:190px; }
  .sm\:pb-\[100px\] { padding-bottom:100px; }
}
@media (min-width: 768px) {
  .md\:pt-\[210px\] { padding-top:210px; }
  .md\:mt-4 { margin-top:1rem; }
  .md\:mt-\[54px\] { margin-top:54px; }
  .md\:rounded-\[30px\] { border-radius:30px; }
  .md\:gap-x-4 { column-gap:1rem; }
}
@media (min-width: 1024px) {
  .lg\:pt-\[220px\] { padding-top:220px; }
  .lg\:mt-6 { margin-top:1.5rem; }
  .lg\:mb-\[100px\] { margin-bottom:100px; }
}
@media (min-width: 1280px) {
  .xl\:mt-\[30px\] { margin-top:30px; }
  .xl\:rounded-\[50px\] { border-radius:50px; }
}
@media (max-width: 1023.98px) {
  .max-lg\:max-w-\[500px\] { max-width:500px; }
}
@media (min-width: 768px) {
  .md\:space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top:1rem; }
  .md\:space-y-5 > :not([hidden]) ~ :not([hidden]) { margin-top:1.25rem; }
}
.dark .dark\:text-ns-green { color: var(--color-ns-green); }

/* ============================================================
   hero.crm (nuvexa-crm demosu) — mutlak konumlu ekran kolajının
   arbitrary utility'leri. main.css'te yok; kural kitabı gereği burada.
   ============================================================ */
.h-\[860px\] { height:860px; }
.max-w-\[468px\] { max-width:468px; }
.pt-\[115px\] { padding-top:115px; }
.right-\[-22px\] { right:-22px; }
.right-\[-257px\] { right:-257px; }
.right-\[-297px\] { right:-297px; }
.right-\[-299px\] { right:-299px; }
.right-\[-34px\] { right:-34px; }
.right-\[-7px\] { right:-7px; }
.right-\[-99px\] { right:-99px; }
.right-\[131px\] { right:131px; }
.rotate-\[21\.709deg\] { transform:rotate(21.709deg); }
.rotate-\[8deg\] { transform:rotate(8deg); }
.top-\[-144px\] { top:-144px; }
.top-\[-154px\] { top:-154px; }
.top-\[-245px\] { top:-245px; }
.top-\[-259px\] { top:-259px; }
.top-\[-296px\] { top:-296px; }
.top-\[-301px\] { top:-301px; }
.top-\[-325px\] { top:-325px; }
.top-\[-376px\] { top:-376px; }
.w-\[135\.5px\] { width:135.5px; }
.w-\[188px\] { width:188px; }
.w-\[194px\] { width:194px; }
.w-\[195px\] { width:195px; }
.w-\[202px\] { width:202px; }
.w-\[215px\] { width:215px; }
.w-\[89px\] { width:89px; }
@media (min-width: 640px) {
  .sm\:top-0 { top:0.0rem; }
}
@media (min-width: 768px) {
  .md\:right-\[-313px\] { right:-313px; }
  .md\:right-\[-322px\] { right:-322px; }
  .md\:right-\[-49px\] { right:-49px; }
  .md\:right-\[103px\] { right:103px; }
  .md\:right-\[117px\] { right:117px; }
  .md\:rotate-\[-11\.506deg\] { transform:rotate(-11.506deg); }
  .md\:rotate-\[-13\.54deg\] { transform:rotate(-13.54deg); }
  .md\:rotate-\[14\.66deg\] { transform:rotate(14.66deg); }
  .md\:rotate-\[4\.292deg\] { transform:rotate(4.292deg); }
  .md\:top-\[-113px\] { top:-113px; }
  .md\:top-\[-118px\] { top:-118px; }
  .md\:top-\[-320px\] { top:-320px; }
  .md\:top-\[-370px\] { top:-370px; }
  .md\:top-\[-379px\] { top:-379px; }
  .md\:top-\[-381px\] { top:-381px; }
  .md\:w-\[103px\] { width:103px; }
  .md\:w-\[179px\] { width:179px; }
}
@media (min-width: 1024px) {
  .lg\:-top-4 { top:-1.0rem; }
  .lg\:max-w-\[450px\] { max-width:450px; }
  .lg\:ml-6 { margin-left:1.5rem; }
  .lg\:p-0 { padding:0.0rem; }
  .lg\:pt-\[120px\] { padding-top:120px; }
  .lg\:right-2 { right:0.5rem; }
  .lg\:right-\[104px\] { right:104px; }
  .lg\:right-\[110px\] { right:110px; }
  .lg\:right-\[221px\] { right:221px; }
  .lg\:right-\[234px\] { right:234px; }
  .lg\:right-\[325px\] { right:325px; }
  .lg\:right-\[418px\] { right:418px; }
  .lg\:right-\[51px\] { right:51px; }
  .lg\:rotate-\[-21\.708deg\] { transform:rotate(-21.708deg); }
  .lg\:rotate-\[-26\.54deg\] { transform:rotate(-26.54deg); }
  .lg\:rotate-\[20\.435deg\] { transform:rotate(20.435deg); }
  .lg\:rotate-\[26deg\] { transform:rotate(26deg); }
  .lg\:top-\[-168px\] { top:-168px; }
  .lg\:top-\[-175px\] { top:-175px; }
  .lg\:top-\[-194px\] { top:-194px; }
  .lg\:top-\[-385px\] { top:-385px; }
  .lg\:top-\[-57px\] { top:-57px; }
  .lg\:top-\[267px\] { top:267px; }
  .lg\:top-\[86px\] { top:86px; }
  .lg\:w-\[250px\] { width:250px; }
  .lg\:w-\[309px\] { width:309px; }
  .lg\:z-30 { z-index:30; }
}
@media (min-width: 1280px) {
  .xl\:max-w-\[536px\] { max-width:536px; }
  .xl\:ml-16 { margin-left:4.0rem; }
  .xl\:right-\[236px\] { right:236px; }
  .xl\:right-\[256px\] { right:256px; }
  .xl\:right-\[400px\] { right:400px; }
  .xl\:top-\[-104px\] { top:-104px; }
  .xl\:top-\[-157px\] { top:-157px; }
  .xl\:w-\[158\.5px\] { width:158.5px; }
  .xl\:w-\[198px\] { width:198px; }
}
@media (min-width: 1536px) {
  .2xl\:px-0 { padding-left:0.0rem;padding-right:0.0rem; }
  .2xl\:w-\[250px\] { width:250px; }
  .2xl\:w-\[333px\] { width:333px; }
}
.ring-primary-500 { box-shadow: 0 0 0 2px var(--color-primary-500); }
.dark .dark\:\!text-ns-green { color: var(--color-ns-green) !important; }

/* ============================================================
   hero.finance (financial-management-platform demosu) — eksik
   utility'ler. Gradyan üçlüsü (to-b + from + to) birlikte çalışacak
   şekilde CSS değişkeniyle kuruldu.
   ============================================================ */
.bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--mgx-from, transparent), var(--mgx-to, transparent)); }
.from-\[\#142e6e\] { --mgx-from: #142e6e; }
.to-\[\#edf2ff\] { --mgx-to: #edf2ff; }
.h-\[830px\] { height:830px; }
.mx-\[8px\] { margin-left:8px; margin-right:8px; }
.mt-\[8px\] { margin-top:8px; }
.mt-16 { margin-top:4.0rem; }
.max-w-\[90px\] { max-width:90px; }
.size-\[50px\] { width:50px; height:50px; }
.text-accent\/80 { color: color-mix(in oklab, var(--color-accent) 80%, transparent); }
@media (min-width: 640px) {
  .sm\:h-\[920px\] { height:920px; }
}
@media (min-width: 1024px) {
  .lg\:max-w-\[897px\] { max-width:897px; }
  .lg\:pt-\[206px\] { padding-top:206px; }
}
@media (min-width: 1280px) {
  .xl\:mt-14 { margin-top:3.5rem; }
}

/* ============================================================
   hero.offer (lead-capture demosu) — eksik utility'ler
   ============================================================ */
.max-w-\[1920px\] { max-width:1920px; }
.top-\[5\%\] { top:5%; }
.left-\[5\%\] { left:5%; }
@media (min-width: 640px) {
  .sm\:max-w-\[500px\] { max-width:500px; }
}
@media (min-width: 768px) {
  .md\:max-w-\[500px\] { max-width:500px; }
}
@media (min-width: 1024px) {
  .lg\:max-w-\[645px\] { max-width:645px; }
  .lg\:max-w-\[900px\] { max-width:900px; }
  .lg\:ml-\[40px\] { margin-left:40px; }
  .lg\:pb-\[160px\] { padding-bottom:160px; }
  .lg\:pl-\[80px\] { padding-left:80px; }
  .lg\:space-y-10 > :not([hidden]) ~ :not([hidden]) { margin-top:2.5rem; }
}
@media (min-width: 1280px) {
  .xl\:ml-\[70px\] { margin-left:70px; }
  .xl\:pl-\[120px\] { padding-left:120px; }
  .xl\:space-y-14 > :not([hidden]) ~ :not([hidden]) { margin-top:3.5rem; }
}

/* ============================================================
   features.cardgrid (time-tracking demosu) — eksik utility'ler
   ============================================================ */
@media (min-width: 768px) {
  .md\:mb-\[72px\] { margin-bottom:72px; }
}
@media (min-width: 1024px) {
  .lg\:max-w-\[570px\] { max-width:570px; }
}
@media (max-width: 767.98px) {
  .max-md\:space-y-0\.5 > :not([hidden]) ~ :not([hidden]) { margin-top:0.125rem; }
}

/* ============================================================
   features.statsbar (time-tracking demosu) — eksik utility'ler
   ============================================================ */
.max-w-\[514px\] { max-width:514px; }
.text-\[24px\] { font-size:24px; }
@media (min-width: 1024px) {
  .lg\:pb-\[125px\] { padding-bottom:125px; }
  .lg\:pt-\[110px\] { padding-top:110px; }
}

/* ============================================================
   features.checklist (nuvexa-crm demosu) — eksik utility'ler
   ============================================================ */
.bg-secondary\/20 { background-color: color-mix(in oklab, var(--color-secondary) 20%, transparent); }
.bottom-24 { bottom:6rem; }
.h-1\.5 { height:0.375rem; }
.mt-3 { margin-top:0.75rem; }
.w-\[260px\] { width:260px; }
.max-w-\[229px\] { max-width:229px; }
@media (min-width: 1024px) { .lg\:max-w-max { max-width:max-content; } }
@media (min-width: 1280px) { .xl\:max-w-\[595px\] { max-width:595px; } }

/* ============================================================
   cta.showcase (nuvexa-crm demosu) — eksik utility'ler
   ============================================================ */
.top-\[-73\%\] { top:-73%; }
.left-\[-45\%\] { left:-45%; }
.size-\[1790px\] { width:1790px; height:1790px; }
.space-y-\[40px\] > :not([hidden]) ~ :not([hidden]) { margin-top:40px; }
@media (min-width: 1024px) {
  .lg\:top-\[-85\%\] { top:-85%; }
  .lg\:left-\[-70\%\] { left:-70%; }
  .lg\:max-w-\[850px\] { max-width:850px; }
  .lg\:space-y-\[70px\] > :not([hidden]) ~ :not([hidden]) { margin-top:70px; }
}

/* ============================================================
   contact.questions (mortgage-services demosu) — eksik utility'ler
   ============================================================ */
.text-\[20px\] { font-size:20px; }
@media (min-width: 768px)  { .md\:pt-\[90px\] { padding-top:90px; } }
@media (min-width: 1024px) { .lg\:max-w-\[605px\] { max-width:605px; } }