/* Klojet V2: Stitch utilities compiled locally, no Tailwind CDN */
*,*::before,*::after{box-sizing:border-box}
.material-symbols-outlined{font-family:system-ui,sans-serif;font-size:0!important;display:inline-flex;align-items:center;justify-content:center;min-width:1.1em}.material-symbols-outlined::before{content:"✦";font-size:18px}
.material-symbols-outlined{line-height:1}
.group{position:relative}
.-bottom-2{bottom:-.5rem}
.-bottom-20{bottom:-5rem}
.-bottom-5{bottom:-1.25rem}
.-bottom-8{bottom:-2rem}
.-left-24{left:-6rem}
.-right-12{right:-3rem}
.-right-20{right:-5rem}
.-right-8{right:-2rem}
.-top-10{top:-2.5rem}
.-top-12{top:-3rem}
.-top-24{top:-6rem}
.-top-8{top:-2rem}
.-z-0{z-index:-0}
.absolute{position:absolute}
.active\:scale-95:active{transform:scale(95)}
.active\:scale-\[0\.98\]:active{transform:scale(0.98)}
.animate-ping{animation:none}
.aspect-4\/3{aspect-ratio:4/3}
.aspect-square{aspect-ratio:1}
.backdrop-blur-2xl{backdrop-filter:blur(16px)}
.backdrop-blur-md{backdrop-filter:blur(16px)}
.bg-center{background-position:center}
.bg-cover{background-size:cover}
.bg-gradient-to-r{background-image:linear-gradient(90deg,var(--gradient-from,#006578),var(--gradient-via,#008097),var(--gradient-to,#006972))}
.bg-gradient-to-t{background-image:linear-gradient(0deg,var(--gradient-from,#203245),var(--gradient-via,transparent),var(--gradient-to,transparent))}
.bg-inverse-surface{background-color:#203245}
.bg-outline-variant{background-color:#b2c5cc}
.bg-primary{background-color:#006578}
.bg-primary-container{background-color:#008097}
.bg-primary-fixed\/20{background-color:rgba(174,236,255,0.2)}
.bg-primary\/20{background-color:rgba(0,101,120,0.2)}
.bg-primary\/40{background-color:rgba(0,101,120,0.4)}
.bg-secondary{background-color:#006972}
.bg-secondary-container{background-color:#98f1fc}
.bg-secondary-container\/10{background-color:rgba(152,241,252,0.1)}
.bg-secondary-container\/30{background-color:rgba(152,241,252,0.3)}
.bg-secondary-container\/40{background-color:rgba(152,241,252,0.4)}
.bg-secondary-fixed{background-color:#b6f0f5}
.bg-secondary-fixed\/20{background-color:rgba(182,240,245,0.2)}
.bg-surface{background-color:#f8f9ff}
.bg-surface-container{background-color:#e5eeff}
.bg-surface-container-high{background-color:#dbe9ff}
.bg-surface-container-low{background-color:#eef4ff}
.bg-surface-container-low\/40{background-color:rgba(238,244,255,0.4)}
.bg-surface-container-low\/50{background-color:rgba(238,244,255,0.5)}
.bg-surface-container-lowest{background-color:#fff}
.bg-surface-container-lowest\/10{background-color:#fff}
.bg-surface-container-lowest\/60{background-color:#fff}
.bg-surface-container-lowest\/80{background-color:#fff}
.bg-tertiary-container{background-color:#a4c8ce}
.block{display:block}
.blur-2xl{filter:blur(40px)}
.blur-3xl{filter:blur(64px)}
.blur-\[130px\]{filter:blur(130px)}
.blur-\[140px\]{filter:blur(140px)}
.blur-xl{filter:blur(24px)}
.border-t-0{border-top-width:0}
.bottom-0{bottom:0}
.bottom-10{bottom:2.5rem}
.bottom-6{bottom:1.5rem}
.bottom-\[28\%\]{bottom:28%}
.cursor-pointer{cursor:pointer}
.duration-500{transition-duration:500ms}
.duration-700{transition-duration:700ms}
.flex{display:flex}
.flex-1{flex:1 1 0%}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.font-body-lg{font-family:system-ui,sans-serif}
.font-body-md{font-family:system-ui,sans-serif}
.font-bold{font-weight:700}
.font-display-hero{font-family:system-ui,sans-serif}
.font-extrabold{font-weight:800}
.font-semibold{font-weight:600}
.from-inverse-surface\/80{--gradient-from:rgba(32,50,69,0.8)}
.from-primary{--gradient-from:#006578}
.gap-1{gap:.25rem}
.gap-1\.5{gap:.375rem}
.gap-10{gap:2.5rem}
.gap-12{gap:3rem}
.gap-2{gap:.5rem}
.gap-2\.5{gap:.625rem}
.gap-3{gap:.75rem}
.gap-4{gap:1rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2rem}
.grid{display:grid}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.group:hover .group-hover\:gap-2{gap:.5rem}
.group:hover .group-hover\:opacity-100{opacity:1.0}
.group:hover .group-hover\:text-primary{color:#006578}
.h-1\.5{height:.375rem}
.h-10{height:2.5rem}
.h-12{height:3rem}
.h-3{height:.75rem}
.h-36{height:9rem}
.h-44{height:11rem}
.h-48{height:12rem}
.h-7{height:1.75rem}
.h-8{height:2rem}
.h-80{height:20rem}
.h-9{height:2.25rem}
.h-96{height:24rem}
.h-\[460px\]{height:460px}
.h-\[540px\]{height:540px}
.h-full{height:100%}
.hidden{display:none}
.hover\:bg-primary-container:hover{background-color:#008097}
.hover\:bg-secondary-container:hover{background-color:#98f1fc}
.hover\:bg-surface-container:hover{background-color:#e5eeff}
.hover\:scale-105:hover{transform:scale(105)}
.hover\:scale-\[1\.02\]:hover{transform:scale(1.02)}
.hover\:shadow-lg:hover{box-shadow:0 12px 32px #092c3a1d}
.hover\:shadow-md:hover{box-shadow:0 8px 22px #092c3a16}
.hover\:text-on-secondary-container:hover{color:#07343d}
.inline-block{display:inline-block}
.inline-flex{display:inline-flex}
.items-center{align-items:center}
.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.leading-relaxed{line-height:1.625}
.leading-snug{line-height:1.375}
.left-0{left:0}
.left-10{left:2.5rem}
.left-6{left:1.5rem}
.left-\[-100px\]{left:-100px}
.left-\[28\%\]{left:28%}
@media(min-width:1024px){.lg\:col-span-4{grid-column:span 4/span 4}}
@media(min-width:1024px){.lg\:col-span-5{grid-column:span 5/span 5}}
@media(min-width:1024px){.lg\:col-span-7{grid-column:span 7/span 7}}
@media(min-width:1024px){.lg\:col-span-8{grid-column:span 8/span 8}}
@media(min-width:1024px){.lg\:flex-row{flex-direction:row}}
@media(min-width:1024px){.lg\:gap-8{gap:2rem}}
@media(min-width:1024px){.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}
@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1024px){.lg\:justify-between{justify-content:space-between}}
@media(min-width:1024px){.lg\:p-10{padding:2.5rem}}
@media(min-width:1024px){.lg\:p-14{padding:3.5rem}}
@media(min-width:1024px){.lg\:p-16{padding:4rem}}
@media(min-width:1024px){.lg\:p-20{padding:5rem}}
@media(min-width:1024px){.lg\:p-8{padding:2rem}}
@media(min-width:1024px){.lg\:pb-32{padding-bottom:8rem}}
@media(min-width:1024px){.lg\:pr-6{padding-right:1.5rem}}
@media(min-width:1024px){.lg\:pt-16{padding-top:4rem}}
@media(min-width:1024px){.lg\:px-12{padding-left:3rem;padding-right:3rem}}
@media(min-width:1024px){.lg\:text-left{text-align:left}}
.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.list-none{list-style:none}
.max-h-\[380px\]{max-height:380px}
.max-w-2xl{max-width:42rem}
.max-w-3xl{max-width:48rem}
.max-w-7xl{max-width:80rem}
.max-w-lg{max-width:32rem}
.max-w-md{max-width:28rem}
.max-w-xl{max-width:36rem}
.mb-1{margin-bottom:.25rem}
.mb-12{margin-bottom:3rem}
.mb-16{margin-bottom:4rem}
.mb-2{margin-bottom:.5rem}
.mb-3{margin-bottom:.75rem}
.mb-4{margin-bottom:1rem}
.mb-6{margin-bottom:1.5rem}
.mb-8{margin-bottom:2rem}
.mb-9{margin-bottom:2.25rem}
@media(min-width:768px){.md\:col-span-4{grid-column:span 4/span 4}}
@media(min-width:768px){.md\:col-span-5{grid-column:span 5/span 5}}
@media(min-width:768px){.md\:col-span-7{grid-column:span 7/span 7}}
@media(min-width:768px){.md\:flex-row{flex-direction:row}}
@media(min-width:768px){.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}
@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:768px){.md\:items-end{align-items:flex-end}}
.min-h-\[420px\]{min-height:420px}
.min-h-\[calc\(100vh-80px\)\]{min-height:calc(100vh-80px)}
.mt-0\.5{margin-top:.125rem}
.mt-12{margin-top:3rem}
.mt-16{margin-top:4rem}
.mt-2{margin-top:.5rem}
.mt-3{margin-top:.75rem}
.mt-4{margin-top:1rem}
.mt-6{margin-top:1.5rem}
.mt-8{margin-top:2rem}
.object-contain{object-fit:contain}
.opacity-0{opacity:0.0}
.opacity-75{opacity:0.75}
.open\:shadow-md:open{box-shadow:0 8px 22px #092c3a16}
.overflow-hidden{overflow:hidden}
.p-10{padding:2.5rem}
.p-4{padding:1rem}
.p-5{padding:1.25rem}
.p-6{padding:1.5rem}
.p-7{padding:1.75rem}
.p-8{padding:2rem}
.pb-20{padding-bottom:5rem}
.pb-24{padding-bottom:6rem}
.pointer-events-none{pointer-events:none}
.pr-0{padding-right:0}
.pr-4{padding-right:1rem}
.pt-12{padding-top:3rem}
.pt-20{padding-top:5rem}
.pt-4{padding-top:1rem}
.pt-6{padding-top:1.5rem}
.pt-8{padding-top:2rem}
.px-10{padding-left:2.5rem;padding-right:2.5rem}
.px-3\.5{padding-left:.875rem;padding-right:.875rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-7{padding-left:1.75rem;padding-right:1.75rem}
.px-8{padding-left:2rem;padding-right:2rem}
.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-24{padding-top:6rem;padding-bottom:6rem}
.py-28{padding-top:7rem;padding-bottom:7rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.relative{position:relative}
.right-0{right:0}
.right-1\/4{right:25%}
.right-6{right:1.5rem}
.right-\[22\%\]{right:22%}
.right-\[42\%\]{right:42%}
.rounded-2xl{border-radius:1rem}
.rounded-3xl{border-radius:1.5rem}
.rounded-full{border-radius:9999px}
.rounded-xl{border-radius:.75rem}
.shadow-2xl{box-shadow:0 24px 50px #092c3a28}
.shadow-lg{box-shadow:0 12px 32px #092c3a1d}
.shadow-md{box-shadow:0 8px 22px #092c3a16}
.shadow-sm{box-shadow:0 2px 8px #092c3a12}
.shadow-xl{box-shadow:0 16px 40px #092c3a24}
.shrink-0{flex-shrink:0}
@media(min-width:640px){.sm\:block{display:block}}
@media(min-width:640px){.sm\:p-14{padding:3.5rem}}
.text-\[16px\]{font-size:16px}
.text-\[18px\]{font-size:18px}
.text-\[20px\]{font-size:20px}
.text-\[24px\]{font-size:24px}
.text-\[28px\]{font-size:28px}
.text-body-lg{font-size:1.125rem;line-height:1.55;font-weight:400}
.text-body-md{font-size:1rem;line-height:1.5;font-weight:400}
.text-body-sm{font-size:.875rem;line-height:1.5;font-weight:400}
.text-caption{font-size:.6875rem;line-height:1.3;font-weight:600}
.text-center{text-align:center}
.text-display-hero{font-size:3.5rem;line-height:1.14;font-weight:800}
.text-headline-lg{font-size:1.875rem;line-height:1.27;font-weight:700}
.text-headline-md{font-size:1.375rem;line-height:1.36;font-weight:600}
.text-headline-sm{font-size:1.125rem;line-height:1.44;font-weight:600}
.text-headline-xl{font-size:2.5rem;line-height:1.2;font-weight:700}
.text-inverse-on-surface{color:#eaf1ff}
.text-inverse-on-surface\/90{color:rgba(234,241,255,0.9)}
.text-label-md{font-size:.875rem;line-height:1.4;font-weight:600}
.text-label-sm{font-size:.75rem;line-height:1.35;font-weight:600}
.text-on-primary{color:#fff}
.text-on-primary-container{color:#fff}
.text-on-secondary{color:#fff}
.text-on-secondary-container{color:#07343d}
.text-on-surface{color:#0a1d2f}
.text-on-surface-variant{color:#3e484c}
.text-outline{color:#7d9099}
.text-primary{color:#006578}
.text-primary\/30{color:rgba(0,101,120,0.3)}
.text-secondary{color:#006972}
.text-secondary-fixed{color:#b6f0f5}
.text-secondary-fixed-dim{color:#7bd4df}
.text-tertiary-fixed{color:#cfe7e9}
.text-tertiary-fixed-dim{color:#afced0}
.to-secondary{--gradient-to:#006972}
.to-transparent{--gradient-to:transparent}
.top-0{top:0}
.top-1\/3{top:33.333%}
.top-10{top:2.5rem}
.top-\[35\%\]{top:35%}
.top-\[48\%\]{top:48%}
.tracking-tight{letter-spacing:-.025em}
.tracking-wider{letter-spacing:.05em}
.tracking-widest{letter-spacing:.1em}
.transition-all{transition:all .25s ease}
.transition-colors{transition:all .25s ease}
.transition-opacity{transition:all .25s ease}
.transition-shadow{transition:all .25s ease}
.transition-transform{transition:all .25s ease}
.uppercase{text-transform:uppercase}
.via-primary-container{--gradient-via:#008097}
.via-transparent{--gradient-via:transparent}
.w-1\.5{width:.375rem}
.w-10{width:2.5rem}
.w-12{width:3rem}
.w-36{width:9rem}
.w-44{width:11rem}
.w-48{width:12rem}
.w-64{width:16rem}
.w-7{width:1.75rem}
.w-8{width:2rem}
.w-80{width:20rem}
.w-9{width:2.25rem}
.w-96{width:24rem}
.w-\[460px\]{width:460px}
.w-\[540px\]{width:540px}
.w-auto{width:auto}
.w-full{width:100%}
.w-px{width:1px}
.z-10{z-index:10}
.z-30{z-index:30}
@media(max-width:767px){.font-display-hero{font-size:clamp(2.2rem,9vw,3.5rem)}.text-display-hero{font-size:clamp(2.2rem,9vw,3.5rem)}.text-headline-xl{font-size:2rem}}
[style*="/images/urun.webp"]{background-size:cover;background-position:center;background-color:#e7f5f8}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}