/* Minimal Tailwind-like utility CSS generated for Modoko landing page.
   Covers only classes used in index.html.
   Breakpoints: sm>=640px, md>=768px, lg>=1024px
*/

:root{
  --slate-50:#f8fafc;
  --slate-200:#e2e8f0;
  --slate-400:#94a3b8;
  --slate-500:#64748b;
  --slate-600:#475569;
  --slate-700:#334155;
  --slate-800:#1f2937;
  --slate-900:#0f172a;

  --brand-50:#EEF2FF;
  --brand-100:#E0E7FF;
  --brand-700:#3730A3;
  --brand-600:#4338CA;
}


/* ---- Base (Tailwind Preflight-lite) ---- */
html{
  line-height:1.5;
  -webkit-text-size-adjust:100%;
  -moz-tab-size:4;
  tab-size:4;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji","Segoe UI Emoji";
  font-feature-settings: normal;
  font-variation-settings: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body{margin:0}
hr{height:0;color:inherit}
abbr:where([title]){text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp,pre{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline}
sub{bottom:-0.25em} sup{top:-0.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;line-height:inherit;margin:0}
button,select{text-transform:none}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;background-color:transparent;background-image:none}
::-moz-focus-inner{border-style:none;padding:0}
:-moz-focusring{outline:1px dotted ButtonText}
:-moz-ui-invalid{box-shadow:none}
progress{vertical-align:baseline}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
summary{display:list-item}
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}
fieldset{margin:0;padding:0}
legend{padding:0}
ol,ul,menu{list-style:none;margin:0;padding:0}
textarea{resize:vertical}
input::placeholder,textarea::placeholder{opacity:1;color:var(--slate-400)}
button,[role="button"]{cursor:pointer}
:disabled{cursor:default}
img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
a{color:inherit;text-decoration:inherit}

/* Base helpers */
*{box-sizing:border-box}
img{max-width:100%;height:auto}
a{color:inherit}
b,strong{font-weight:700}
summary::-webkit-details-marker{display:none}

/* Layout */
.mx-auto{margin-left:auto;margin-right:auto}
.max-w-6xl{max-width:72rem}
.max-w-4xl{max-width:56rem}
.max-w-3xl{max-width:48rem}

.px-4{padding-left:1rem;padding-right:1rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-7{padding-left:1.75rem;padding-right:1.75rem}
.px-8{padding-left:2rem;padding-right:2rem}

.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.py-14{padding-top:3.5rem;padding-bottom:3.5rem}
.py-16{padding-top:4rem;padding-bottom:4rem}

.p-4{padding:1rem}
.p-6{padding:1.5rem}
.p-8{padding:2rem}
.p-10{padding:2.5rem}

.mt-1{margin-top:.25rem}
.mt-2{margin-top:.5rem}
.mt-3{margin-top:.75rem}
.mt-4{margin-top:1rem}
.mt-5{margin-top:1.25rem}
.mt-6{margin-top:1.5rem}
.mt-7{margin-top:1.75rem}
.mt-8{margin-top:2rem}

.mb-0{margin-bottom:0}
.mb-1{margin-bottom:.25rem}

.gap-2{gap:.5rem}
.gap-3{gap:.75rem}
.gap-4{gap:1rem}
.gap-5{gap:1.25rem}
.gap-10{gap:2.5rem}

.grid{display:grid}
.flex{display:flex}
.inline-flex{display:inline-flex}
.hidden{display:none}

.flex-col{flex-direction:column}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}

.w-full{width:100%}
.w-6{width:1.5rem}
.w-auto{width:auto}
.h-6{height:1.5rem}
.h-\[4rem\]{height:4rem}

.top-0{top:0}
.z-50{z-index:50}
.sticky{position:sticky}
.relative{position:relative}
.overflow-hidden{overflow:hidden}

.border{border-width:1px;border-style:solid}
.border-b{border-bottom-width:1px;border-bottom-style:solid}
.border-t{border-top-width:1px;border-top-style:solid}

.border-slate-200{border-color:var(--slate-200)}
.border-brand-100{border-color:var(--brand-100)}
.border-white\/20{border-color:rgba(255,255,255,.2)}

.rounded-full{border-radius:9999px}
.rounded-2xl{border-radius:1rem}
.rounded-3xl{border-radius:1.5rem}

.shadow-sm{box-shadow:0 1px 2px rgba(0,0,0,.05)}
.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.10),0 4px 6px -4px rgba(0,0,0,.10)}

.backdrop-blur{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}

/* Typography */
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}

.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.font-bold{font-weight:700}
.font-extrabold{font-weight:800}

.leading-tight{line-height:1.25}
.leading-relaxed{line-height:1.625}
.tracking-wide{letter-spacing:.025em}

.text-slate-400{color:var(--slate-400)}
.text-slate-500{color:var(--slate-500)}
.text-slate-600{color:var(--slate-600)}
.text-slate-700{color:var(--slate-700)}
.text-slate-900{color:var(--slate-900)}
.text-brand-700{color:var(--brand-700)}
.text-white{color:#fff}
.text-white\/50{color:rgba(255,255,255,.5)}
.text-white\/70{color:rgba(255,255,255,.7)}
.text-white\/80{color:rgba(255,255,255,.8)}
.text-white\/85{color:rgba(255,255,255,.85)}
.text-white\/90{color:rgba(255,255,255,.9)}

/* Backgrounds */
.bg-slate-50{background:var(--slate-50)}
.bg-slate-900{background:var(--slate-900)}
.bg-slate-800{background:var(--slate-800)}
.bg-white{background:#fff}
.bg-white\/80{background:rgba(255,255,255,.8)}
.bg-white\/10{background:rgba(255,255,255,.10)}
.bg-brand-50{background:var(--brand-50)}
.bg-brand-600{background:var(--brand-600)}

/* Lists & misc */
.list-disc{list-style-type:disc}
.pl-5{padding-left:1.25rem}
.cursor-pointer{cursor:pointer}

/* space-y utilities */
.space-y-2 > :not([hidden]) ~ :not([hidden]){margin-top:.5rem}
.space-y-3 > :not([hidden]) ~ :not([hidden]){margin-top:.75rem}
.space-y-4 > :not([hidden]) ~ :not([hidden]){margin-top:1rem}

/* Interactions */
.transition{transition:all .15s ease-in-out}
.hover\:underline:hover{text-decoration:underline}
.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.10),0 2px 4px -2px rgba(0,0,0,.10)}
.hover\:bg-slate-50:hover{background:var(--slate-50)}
.hover\:bg-slate-800:hover{background:var(--slate-800)}
.hover\:bg-slate-100:hover{background:#f1f5f9}
.hover\:bg-brand-700:hover{background:var(--brand-700)}
.hover\:bg-white\/15:hover{background:rgba(255,255,255,.15)}

/* Group hover */
.group:hover .group-hover\:text-brand-700{color:var(--brand-700)}

/* Responsive variants */
@media (min-width: 640px){
  .sm\:flex-row{flex-direction:row}
  .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width: 768px){
  .md\:flex{display:flex}
  .md\:flex-row{flex-direction:row}
  .md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\:col-span-7{grid-column:span 7 / span 7}
  .md\:col-span-5{grid-column:span 5 / span 5}
  .md\:px-6{padding-left:1.5rem;padding-right:1.5rem}
  .md\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}
  .md\:py-20{padding-top:5rem;padding-bottom:5rem}
  .md\:p-10{padding:2.5rem}
  .md\:text-3xl{font-size:1.875rem;line-height:2.25rem}
  .md\:text-4xl{font-size:2.25rem;line-height:2.5rem}
  .md\:text-5xl{font-size:3rem;line-height:1}
}
@media (min-width: 1024px){
  .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Non-responsive grid cols */
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Some sensible defaults for details/summary */
details summary{list-style:none}
details[open] summary{margin-bottom:.5rem}

.mt-0\.5{margin-top:0.125rem}

/* Default marker'ı kaldır */
details > summary {
  list-style: none;
  cursor: pointer;
  position: relative;
  padding-right: 2.2rem; /* sağda ikon için boşluk */
}
details > summary::-webkit-details-marker { display: none; }
details > summary::marker { content: ""; }

/* Kapalıyken + */
details > summary::after{
  content: "+";
  position: absolute;
  right: .9rem;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 700;
  font-size: 1.1rem;
  opacity: .65;
}

/* Açıkken - */
details[open] > summary::after{
  content: "–";
  opacity: .8;
}