:root{--kum:#F3EFE6;--kum-2:#E8E2D4;--orman:#2F4A3A;--orman-2:#243A2D;--adacayi:#8FA98A;--yosun:#5B6B5F;--pembe:#E59A97;--kil:#B9785A;
  --serif:'Fraunces',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif;--r:24px}
*,*::before,*::after{box-sizing:border-box}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;background:var(--kum);color:var(--orman);font:400 17px/1.7 var(--sans);overflow-x:hidden;padding-bottom:40px}
img{display:block;max-width:100%}
h1,h2,h3{margin:0;font-family:var(--serif);font-weight:400;line-height:1.05;letter-spacing:-.02em}
h2{font-size:clamp(2.3rem,4.8vw,4rem)}
h3{font-size:1.45rem}
em{font-style:italic;color:var(--kil)}
p{margin:0}a{color:inherit}
.kap{width:min(1200px,100% - 48px);margin-inline:auto}.kap-dar{width:min(820px,100% - 48px)}
.soluk{color:var(--yosun)}
.atla{position:absolute;left:-999px;top:8px;z-index:100;background:var(--orman);color:#fff;padding:10px}.atla:focus{left:12px}
:focus-visible{outline:2px solid var(--kil);outline-offset:3px}
.ust-not{font:500 .8rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--adacayi);margin-bottom:22px}
.dugme{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;text-decoration:none;background:var(--orman);color:var(--kum);font:500 1rem/1 var(--sans);padding:18px 30px;border-radius:999px;transition:background .3s,transform .3s}
.dugme:hover{background:var(--kil);transform:translateY(-2px)}
.dugme-kucuk{padding:12px 22px;font-size:.92rem}
.metin-link{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}

.ust{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:30px;padding:18px 40px;transition:transform .5s,background .4s,box-shadow .4s}
.ust.kaydi{background:rgba(243,239,230,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 0 rgba(47,74,58,.1)}
.ust.gizli{transform:translateY(-100%)}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:500 1.5rem/1 var(--serif)}
.logo svg{width:30px;height:30px;fill:none;stroke:var(--orman);stroke-width:2.2;stroke-linecap:round}
.logo small{font:400 .72rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--yosun);margin-left:4px}
.menu{display:flex;gap:28px;margin-left:auto}
.menu a{text-decoration:none;font-size:.94rem;color:var(--yosun);transition:color .3s}
.menu a:hover{color:var(--orman)}
.menu-ac{display:none}

.hero{min-height:100svh;display:flex;align-items:center;padding:120px 0 80px;overflow:hidden}
.hero-ic{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}
.hero-baslik{font-size:clamp(3rem,6.6vw,6rem);margin-bottom:30px}
.satir{display:block;overflow:hidden;padding-bottom:.1em}.satir>span{display:inline-block}
.hero-ozet{font-size:1.15rem;color:var(--yosun);max-width:30em;margin-bottom:36px}
.hero-dugme{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.hero-gorsel{position:relative}
.kemer{border-radius:999px 999px 24px 24px;overflow:hidden;aspect-ratio:3/4;position:relative}
.kemer img{width:100%;height:100%;object-fit:cover}
.yaprak{position:absolute;border-radius:0 100% 0 100%;background:var(--adacayi);opacity:.85}
.y1{width:120px;height:120px;left:-50px;bottom:60px}
.y2{width:70px;height:70px;right:-24px;top:90px;background:var(--pembe);border-radius:100% 0 100% 0}

.hikaye{background:var(--orman);color:var(--kum)}
.hikaye-pin{height:100svh;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;width:min(1200px,100% - 48px);margin-inline:auto}
.hikaye-sahne{display:flex;justify-content:center;align-items:center;height:100%;padding:90px 0 60px}
.hikaye-sahne svg{height:min(78vh,620px);width:auto;max-width:100%;background:#F7F2E7;border-radius:200px 200px 32px 32px}
.hikaye-metinler{position:relative;height:330px}
.bolum{position:absolute;inset:0;opacity:0;visibility:hidden}
.bolum.aktif{opacity:1;visibility:visible}
.bolum-no{font:italic 400 1.1rem/1 var(--serif);color:var(--adacayi);margin-bottom:18px}
.bolum h2{margin-bottom:22px;font-size:clamp(2.4rem,4.4vw,3.8rem)}
.bolum p:last-child{color:#C9D3C3;font-size:1.1rem;max-width:28em}
.bolum-nokta{position:absolute;left:0;bottom:-40px;display:flex;gap:10px}
.bolum-nokta span{width:28px;height:3px;border-radius:3px;background:rgba(243,239,230,.2);transition:background .4s,width .4s}
.bolum-nokta span.aktif{background:var(--pembe);width:56px}

.test{padding:150px 0}
.test-ic{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.test-bas h2{margin-bottom:24px}
.test-kutu{background:#fff;border-radius:32px;padding:34px;box-shadow:0 30px 60px -40px rgba(47,74,58,.45)}
.secenekler{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.secenekler label{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:16px;cursor:pointer;transition:background .25s;font-size:1rem}
.secenekler label:hover{background:var(--kum)}
.secenekler input{appearance:none;-webkit-appearance:none;flex:none;width:24px;height:24px;border-radius:8px;border:2px solid var(--adacayi);display:grid;place-items:center;transition:background .25s,border-color .25s;cursor:pointer;margin:0}
.secenekler input:checked{background:var(--orman);border-color:var(--orman)}
.secenekler input:checked::after{content:"";width:10px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.secenekler li:has(input:checked) label{background:#EEF3EA}
.sonuc{margin-top:26px;padding-top:24px;border-top:1px solid var(--kum-2)}
.sonuc-cubuk{height:8px;border-radius:8px;background:var(--kum-2);overflow:hidden;margin-bottom:16px}
.sonuc-cubuk span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--adacayi),var(--kil));border-radius:8px;transition:width .6s cubic-bezier(.2,.8,.2,1)}
.sonuc p{font-size:1.02rem}
.sonuc a{color:var(--kil);font-weight:500}

.tedavi{padding:130px 0;background:var(--kum-2)}
.bolum-bas{margin-bottom:60px;max-width:640px}.bolum-bas.orta{text-align:center;margin-inline:auto}
.tedavi-izgara{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.t-kart{grid-column:span 2;background:var(--kum);border-radius:var(--r);padding:34px;display:flex;flex-direction:column;gap:14px;min-height:300px;transition:transform .5s cubic-bezier(.2,.8,.2,1),background .4s}
.t-kart:nth-child(4),.t-kart:nth-child(5){grid-column:span 3}
.t-kart:hover{transform:translateY(-6px);background:#fff}
.t-no{font:italic 400 2.6rem/1 var(--serif);color:var(--adacayi);margin-bottom:auto}
.t-kart p{color:var(--yosun)}

.sakin{position:relative;height:90svh;min-height:520px;overflow:hidden;display:flex;align-items:flex-end;color:#fff}
.sakin-gorsel{position:absolute;inset:-12% 0}
.sakin-gorsel img{width:100%;height:100%;object-fit:cover}
.sakin::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(36,58,45,.85))}
.sakin-metin{position:relative;z-index:1;padding-bottom:90px}
.alinti{font:300 clamp(1.8rem,4vw,3.4rem)/1.2 var(--serif);max-width:20em}

.hekim{padding:150px 0}
.hekim-ic{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.hekim-fotolar{position:relative;height:600px}
.hf1,.hf2{position:absolute;overflow:hidden;border-radius:var(--r)}
.hf1{left:0;top:0;width:70%;height:72%}
.hf2{right:0;bottom:0;width:56%;height:50%;border:10px solid var(--kum)}
.hf1 img,.hf2 img{width:100%;height:100%;object-fit:cover}
.hekim h2{margin-bottom:10px}
.unvan{color:var(--kil);font-weight:500;margin-bottom:22px}
.hekim-metin>p:not(.ust-not):not(.unvan){color:var(--yosun)}
.ozellikler{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:12px}
.ozellikler li{padding-left:30px;position:relative}
.ozellikler li::before{content:"";position:absolute;left:0;top:.5em;width:16px;height:16px;border-radius:0 100% 0 100%;background:var(--adacayi)}

.sss{padding:120px 0;background:var(--kum-2)}
.sss details{border-bottom:1px solid rgba(47,74,58,.15)}
.sss summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:26px 0;font:400 1.35rem/1.3 var(--serif)}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"";flex:none;width:12px;height:12px;border-right:1.5px solid var(--orman);border-bottom:1.5px solid var(--orman);transform:rotate(45deg);transition:transform .4s}
.sss details[open] summary::after{transform:rotate(225deg)}
.sss details p{padding:0 0 26px;color:var(--yosun)}

.iletisim{padding:140px 0;background:var(--orman);color:var(--kum)}
.iletisim em{color:var(--pembe)}
.iletisim-ic{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.bilgi{margin:44px 0 0;display:grid;gap:20px}
.bilgi dt{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--adacayi);margin-bottom:4px}
.bilgi dd{margin:0;font:400 1.3rem/1.3 var(--serif)}
.form{background:var(--kum);color:var(--orman);border-radius:32px;padding:36px;display:grid;gap:18px}
.form label{display:grid;gap:8px;font-size:.9rem;font-weight:500}
.form input:not([type=checkbox]),.form select{font:400 1rem var(--sans);padding:15px 18px;border-radius:14px;border:1.5px solid #D9D1BF;background:#fff;color:var(--orman);width:100%}
.form input:focus,.form select:focus{outline:none;border-color:var(--orman)}
.form .onay{display:flex;gap:12px;align-items:flex-start;font-weight:400;font-size:.88rem}
.onay input{accent-color:var(--orman);width:18px;height:18px;flex:none;margin-top:3px}
.form-hata{color:#B4442F;min-height:1.2em;font-size:.9rem}

.alt{padding:44px 0;background:var(--orman-2);color:#AFBDAA}
.alt-ic{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:baseline;font-size:.88rem}
.alt-logo{font:400 2rem/1 var(--serif);color:var(--kum)}
.alt-ic p:last-child{max-width:44em}

.pencere{border:0;border-radius:28px;padding:36px;max-width:min(480px,92vw);background:var(--kum);color:var(--orman)}
.pencere::backdrop{background:rgba(36,58,45,.6)}
.pencere h3{font-size:1.9rem;margin-bottom:16px}
.pencere pre{white-space:pre-wrap;font:400 .95rem/1.6 var(--sans);background:#fff;border-radius:16px;padding:18px;margin:0 0 14px}
.pencere .soluk{font-size:.86rem;margin-bottom:20px}

#kv-demo-etiketi{position:fixed;left:0;right:0;bottom:0;z-index:2147483000;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:2px 8px;background:#0B1220;color:#E5E7EB;padding:6px 12px;font:500 11.5px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-align:center;box-shadow:0 -2px 14px rgba(0,0,0,.3)}
#kv-demo-etiketi strong{color:#FCD34D;letter-spacing:.07em;font-weight:700;white-space:nowrap}
#kv-demo-etiketi .kv-demo-meta{color:#9CA3AF;white-space:nowrap}#kv-demo-etiketi a{color:#93C5FD}

@media (max-width:980px){
  .ust{padding:14px 20px}
  .menu{position:fixed;inset:70px 14px auto;flex-direction:column;gap:0;background:var(--kum);border-radius:24px;padding:12px;box-shadow:0 20px 50px -20px rgba(0,0,0,.4);opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .25s,transform .25s}
  .menu.acik{opacity:1;pointer-events:auto;transform:none}
  .menu a{padding:14px 16px;font-size:1.05rem;color:var(--orman)}
  .ust .dugme-kucuk{display:none}
  .menu-ac{display:grid;gap:5px;align-content:center;justify-items:center;margin-left:auto;width:44px;height:44px;border-radius:50%;border:0;background:var(--orman);cursor:pointer}
  .menu-ac span{display:block;width:18px;height:2px;background:var(--kum);transition:transform .3s}
  .menu-ac[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
  .menu-ac[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .hero-ic,.test-ic,.hekim-ic,.iletisim-ic{grid-template-columns:1fr}
  .hero-gorsel{max-width:420px}
  .hikaye-pin{grid-template-columns:1fr;grid-template-rows:56% 44%;gap:0}
  .hikaye-sahne{padding:76px 0 10px}
  .hikaye-sahne svg{height:100%}
  .hikaye-metinler{height:100%}
  .bolum-nokta{bottom:auto;top:0;left:auto;right:0}
  .tedavi-izgara{grid-template-columns:1fr 1fr}
  .t-kart,.t-kart:nth-child(4),.t-kart:nth-child(5){grid-column:span 1}
  .t-kart:nth-child(5){grid-column:span 2}
}
@media (max-width:640px){
  .kap,.kap-dar,.hikaye-pin{width:calc(100% - 40px)}
  .hero{padding:100px 0 60px}
  .hero-baslik{font-size:clamp(2.5rem,11.5vw,3.4rem)}
  .bolum h2{font-size:1.9rem;margin-bottom:10px}
  .bolum p:last-child{font-size:.95rem;line-height:1.55}
  .bolum-no{margin-bottom:8px}
  .test,.tedavi,.hekim,.iletisim{padding:90px 0}
  .test-kutu{padding:20px;border-radius:24px}
  .tedavi-izgara{grid-template-columns:1fr}
  .t-kart:nth-child(5){grid-column:span 1}
  .t-kart{min-height:0}
  .hekim-fotolar{height:420px}
  .form{padding:24px}
  #kv-demo-etiketi{font-size:10px;padding:5px 9px;gap:0 6px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}