/* APOX Kimya — şablonlarda kullanılıp style.css içinde derlenmemiş yardımcı sınıflar (otomatik üretildi) */
.mb-10{margin-bottom:calc(var(--spacing) * 10)}
.mb-3{margin-bottom:calc(var(--spacing) * 3)}
.mb-5{margin-bottom:calc(var(--spacing) * 5)}
.mr-2{margin-right:calc(var(--spacing) * 2)}
.mt-0\.5{margin-top:calc(var(--spacing) * 0.5)}
.mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}
.p-12{padding:calc(var(--spacing) * 12)}
.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}
.pb-4{padding-bottom:calc(var(--spacing) * 4)}
.pb-5{padding-bottom:calc(var(--spacing) * 5)}
.pl-10{padding-left:calc(var(--spacing) * 10)}
.pr-3{padding-right:calc(var(--spacing) * 3)}
.pt-3{padding-top:calc(var(--spacing) * 3)}
.pt-3\.5{padding-top:calc(var(--spacing) * 3.5)}
.pt-4{padding-top:calc(var(--spacing) * 4)}
.pt-8{padding-top:calc(var(--spacing) * 8)}
.px-2{padding-inline:calc(var(--spacing) * 2)}
.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}
.px-8{padding-inline:calc(var(--spacing) * 8)}
.py-0\.5{padding-block:calc(var(--spacing) * 0.5)}
.py-1{padding-block:calc(var(--spacing) * 1)}
.py-5{padding-block:calc(var(--spacing) * 5)}
.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}
.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}
.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}
.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}
.h-10{height:calc(var(--spacing) * 10)}
.min-w-0{min-width:0}
.min-w-\[240px\]{min-width:240px}
.min-h-\[480px\]{min-height:480px}
.left-3\.5{left:calc(var(--spacing) * 3.5)}
.bottom-4{bottom:calc(var(--spacing) * 4)}
.space-y-3\.5>:not(:last-child){margin-block-end:0;margin-block-start:0}.space-y-3\.5>:not([hidden])~:not([hidden]){margin-top:calc(var(--spacing) * 3.5)}
.opacity-35{opacity:0.35}
.opacity-40{opacity:0.4}
.opacity-55{opacity:0.55}
.opacity-75{opacity:0.75}
.opacity-85{opacity:0.85}
.text-\[9px\]{font-size:9px}
.text-left{text-align:left}
.text-neutral-200{color:var(--color-neutral-200)}
.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}
.leading-snug{--tw-leading:1.375;line-height:1.375}
.leading-\[1\.04\]{--tw-leading:1.04;line-height:1.04}
.tracking-\[\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}
.tracking-\[\.13em\]{--tw-tracking:.13em;letter-spacing:.13em}
.tracking-\[\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}
.font-medium{--tw-font-weight:500;font-weight:500}
.flex-1{flex:1}
.self-start{align-self:flex-start}
.inline-block{display:inline-block}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cursor-pointer{cursor:pointer}
.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--default-transition-duration,.15s)}
.duration-150{--tw-duration:.15s;transition-duration:.15s}
.duration-500{--tw-duration:.5s;transition-duration:.5s}
.ease-out{--tw-ease:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}
.shadow-sm{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a}
.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.bg-neutral-900{background-color:var(--color-neutral-900)}
.bg-stone-50{background-color:#fafaf9}
.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}
.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}
.bg-neutral-950\/80{background-color:color-mix(in oklab, var(--color-neutral-950) 80%, transparent)}
.bg-neutral-950\/85{background-color:color-mix(in oklab, var(--color-neutral-950) 85%, transparent)}
.border-b-2{border-bottom-style:var(--tw-border-style,solid);border-bottom-width:2px}
.border-l-4{border-left-style:var(--tw-border-style,solid);border-left-width:4px}
.border-t-0{border-top-width:0}
.border-neutral-100{border-color:var(--color-neutral-100)}
.border-neutral-900{border-color:var(--color-neutral-900)}
.border-neutral-950{border-color:var(--color-neutral-950)}
.border-red-200{border-color:#fecaca}
.decoration-neutral-300{text-decoration-color:var(--color-neutral-300)}
.decoration-white\/30{text-decoration-color:color-mix(in oklab, var(--color-white) 30%, transparent)}
.underline-offset-4{text-underline-offset:4px}
.from-black\/75{--tw-gradient-from:color-mix(in oklab, var(--color-black) 75%, transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
.from-black\/85{--tw-gradient-from:color-mix(in oklab, var(--color-black) 85%, transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
.from-black\/90{--tw-gradient-from:color-mix(in oklab, var(--color-black) 90%, transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
.via-black\/30{--tw-gradient-via:color-mix(in oklab, var(--color-black) 30%, transparent);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}
.via-black\/35{--tw-gradient-via:color-mix(in oklab, var(--color-black) 35%, transparent);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}
.via-neutral-950\/50{--tw-gradient-via:color-mix(in oklab, var(--color-neutral-950) 50%, transparent);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}
.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}
.bg-\[linear-gradient\(90deg\,rgba\(8\,9\,11\,\.96\)\,rgba\(8\,9\,11\,\.72\)_55\%\,rgba\(8\,9\,11\,\.32\)\)\]{background-image:linear-gradient(90deg,rgba(8,9,11,.96),rgba(8,9,11,.72) 55%,rgba(8,9,11,.32))}
.bg-\[linear-gradient\(90deg\,rgba\(8\,9\,11\,\.96\)\,rgba\(8\,9\,11\,\.74\)_55\%\,rgba\(8\,9\,11\,\.35\)\)\]{background-image:linear-gradient(90deg,rgba(8,9,11,.96),rgba(8,9,11,.74) 55%,rgba(8,9,11,.35))}
.bg-\[linear-gradient\(90deg\,rgba\(8\,9\,11\,\.96\)\,rgba\(8\,9\,11\,\.75\)_55\%\,rgba\(8\,9\,11\,\.35\)\)\]{background-image:linear-gradient(90deg,rgba(8,9,11,.96),rgba(8,9,11,.75) 55%,rgba(8,9,11,.35))}
.bg-\[linear-gradient\(90deg\,rgba\(8\,9\,11\,\.97\)\,rgba\(8\,9\,11\,\.78\)_55\%\,rgba\(8\,9\,11\,\.42\)\)\]{background-image:linear-gradient(90deg,rgba(8,9,11,.97),rgba(8,9,11,.78) 55%,rgba(8,9,11,.42))}
.bg-\[linear-gradient\(90deg\,rgba\(8\,9\,11\,\.97\)\,rgba\(8\,9\,11\,\.78\)_55\%\,rgba\(8\,9\,11\,\.45\)\)\]{background-image:linear-gradient(90deg,rgba(8,9,11,.97),rgba(8,9,11,.78) 55%,rgba(8,9,11,.45))}
.fill-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.container{width:min(100% - 2rem,1280px);margin-inline:auto}
@media (hover:hover){
.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}
.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}
.hover\:bg-black\/75:hover{background-color:color-mix(in oklab, var(--color-black) 75%, transparent)}
.hover\:bg-neutral-800:hover{background-color:var(--color-neutral-800)}
.hover\:bg-red-600:hover{background-color:var(--color-red-600)}
.hover\:bg-white\/15:hover{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}
.hover\:border-neutral-300:hover{border-color:var(--color-neutral-300)}
.hover\:border-red-500\/60:hover{border-color:color-mix(in oklab, var(--color-red-500) 60%, transparent)}
.hover\:border-red-600:hover{border-color:var(--color-red-600)}
.hover\:border-white\/35:hover{border-color:color-mix(in oklab, var(--color-white) 35%, transparent)}
.hover\:border-white\/40:hover{border-color:color-mix(in oklab, var(--color-white) 40%, transparent)}
}
@media (min-width:40rem){
.sm\:pb-20{padding-bottom:calc(var(--spacing) * 20)}
.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}
.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
.sm\:inline-block{display:inline-block}
.sm\:items-end{align-items:flex-end}
}
@media (min-width:64rem){
.lg\:top-24{top:calc(var(--spacing) * 24)}
.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}
.lg\:inline-flex{display:inline-flex}
}