/* === SAYFA: anasayfa ==================================== */
/* --- hero: yazı + scroll'a bağlı dönen parça -----------------
Parça hero'nun üzerinde uçmuyor: yazı ile özet kutularının arasında,
akışın içinde duruyor. Scroll yalnızca hangi karenin çizileceğini
belirliyor, parça yerinden kımıldamıyor. Kareler blade'deki script'te
çiziliyor; buradaki aspect-ratio oradaki CROP kutusuyla aynı olmalı. */
#page-anasayfa .hero-area{position:relative;background:#fff;margin-top:calc(var(--head-h) * -1)}
/* hero yüksekliği içerik kadar: yazı header'ın hemen altından başlıyor, parça yazı ile
özet kutularının arasında duruyor (boşluklar .txt ve .part padding'i) */
#page-anasayfa .hero-area .stage{position:relative}
#page-anasayfa .hero-area .txt{
position:relative;z-index:1;padding:calc(var(--head-h) + 100px) var(--gut) 56px;
display:flex;flex-direction:column;align-items:center;
text-align:center;
}
#page-anasayfa .hero-area .kicker{display:inline-flex;align-items:center;gap:10px}
#page-anasayfa .hero-area .kicker .i{display:block;width:11px;height:11px;border-top:1.5px solid var(--accent);border-right:1.5px solid var(--accent)}
#page-anasayfa .hero-area h1{margin:28px auto 0;max-width:900px;font-size:78px;line-height:1.02;font-weight:300;letter-spacing:-0.03em;text-wrap:balance}
#page-anasayfa .hero-area .texts{margin:24px auto 0;font-size:17px;line-height:1.6;white-space:nowrap}
#page-anasayfa .hero-area .btns{position:relative;z-index:2;margin:40px auto 0;display:flex;align-items:center;justify-content:center;gap:14px}
#page-anasayfa .hero-area .part{display:flex;justify-content:center;padding:0 var(--gut) 32px}
#page-anasayfa .hero-area .part canvas{width:min(73vw,400px);aspect-ratio:563/565;height:auto;display:block}
/* duyuru kartı */
#page-anasayfa .news-area{
position:fixed;left:96px;bottom:32px;z-index:80;width:420px;display:none;align-items:stretch;
background:#fff;border-radius:var(--radius);box-shadow:0 12px 32px rgba(16,17,18,.10);
transition:transform .2s ease,box-shadow .2s ease;animation:newsIn .6s var(--ease) both;
}
#page-anasayfa .news-area.active{display:flex}
#page-anasayfa .news-area:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(16,17,18,.16)}
#page-anasayfa .news-area .img{flex:none;width:150px;background:#050505;overflow:hidden;border-radius:var(--radius) 0 0 var(--radius)}
#page-anasayfa .news-area .img img{width:100%;height:100%;object-fit:cover}
#page-anasayfa .news-area .txt{position:relative;flex:1;padding:22px 24px 22px 26px;display:flex;align-items:center}
#page-anasayfa .news-area .tag{
position:absolute;top:-10px;left:-22px;display:flex;align-items:center;gap:7px;height:22px;padding:0 10px;
background:var(--dark);border-radius:9999px;
}
#page-anasayfa .news-area .tag .dot{display:block;width:6px;height:6px;border-radius:9999px;background:var(--accent)}
#page-anasayfa .news-area .tag span{font-size:9px;letter-spacing:0.16em;color:#fff;text-transform:uppercase}
#page-anasayfa .news-area .t{font-size:15px;line-height:1.45;text-align:left;text-wrap:pretty;padding-right:16px}
#page-anasayfa .news-area .i{position:absolute;right:20px;bottom:16px;font-size:16px;color:var(--muted-2)}
#page-anasayfa .news-area .x{
position:absolute;top:-10px;right:-10px;width:26px;height:26px;border-radius:9999px;background:#fff;
border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;
}
#page-anasayfa .news-area .x i{font-size:14px;line-height:1}
#page-anasayfa .news-area .x:hover{border-color:var(--ink);color:var(--ink)}
@keyframes newsIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
/* özet kutuları */
#page-anasayfa .specs-area{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-top:24px}
#page-anasayfa .specs-area .box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px}
#page-anasayfa .specs-area .t{font-size:26px;font-weight:400;letter-spacing:-0.01em}
#page-anasayfa .specs-area .d{margin-top:8px;font-size:12px;color:var(--muted-2)}
#page-anasayfa .approach-area{max-width:var(--wrap);margin:0 auto;padding:130px var(--gut);text-align:center}
#page-anasayfa .approach-area .lead{margin:32px auto 0;max-width:820px;font-size:30px;line-height:1.4;font-weight:300;letter-spacing:-0.01em;text-wrap:pretty}
#page-anasayfa .approach-area .texts{margin:20px auto 0;max-width:640px;font-size:17px;color:var(--muted-2)}
/* ürettiğimiz kalıplar şeridi */
#page-anasayfa .moulds-area{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut) 130px}
#page-anasayfa .moulds-area .head{margin-bottom:40px}
#page-anasayfa .moulds-area .head .title{max-width:560px}
#page-anasayfa .moulds-area .head .texts{max-width:400px}
#page-anasayfa .strip{display:flex;gap:10px}
#page-anasayfa .strip .item{
position:relative;flex:1 1 0%;min-width:0;height:440px;overflow:hidden;border-radius:var(--radius);
background:var(--bg-soft);cursor:pointer;transition:flex-grow .6s cubic-bezier(.4,0,.2,1);
}
#page-anasayfa .strip .item img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,.61,.36,1)}
#page-anasayfa .strip:not(:hover) .item:first-child,
#page-anasayfa .strip .item:hover{flex-grow:3.2}
#page-anasayfa .strip .item:hover img{transform:scale(1.04)}
#page-anasayfa .strip .veil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(10,11,12,.62),rgba(10,11,12,0) 58%)}
#page-anasayfa .strip .cap{
position:absolute;left:24px;right:24px;bottom:22px;color:#fff;opacity:0;transform:translateY(8px);
transition:opacity .45s ease .1s,transform .45s ease .1s;
}
#page-anasayfa .strip:not(:hover) .item:first-child .cap,
#page-anasayfa .strip .item:hover .cap{opacity:1;transform:none}
#page-anasayfa .strip .cap .t{font-size:22px;font-weight:400;letter-spacing:-0.01em}
#page-anasayfa .strip .cap .d{margin-top:6px;font-size:14px;color:#c9cfd0}
/* hizmet ızgarası */
#page-anasayfa .services-area{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut) 130px}
#page-anasayfa .services-area .head{margin-bottom:72px}
#page-anasayfa .services-area .head .title{max-width:520px}
#page-anasayfa .services-area .items{
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
background:#fff;border-top:1px solid var(--line);border-left:1px solid var(--line);
}
#page-anasayfa .services-area .item{
display:block;padding:40px 32px 48px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);
background:#fff;transition:background-color .35s ease,color .35s ease;
}
#page-anasayfa .services-area .item .n{font-size:11px;letter-spacing:0.14em;color:var(--muted-2);margin-bottom:20px;transition:color .35s ease}
#page-anasayfa .services-area .item .t{font-size:20px;font-weight:400;margin-bottom:14px}
#page-anasayfa .services-area .item .d{margin:0;font-size:15px;line-height:1.7;color:var(--muted);transition:color .35s ease}
#page-anasayfa .services-area .item.active{background:var(--dark);color:#fff}
#page-anasayfa .services-area .item.active .d{color:var(--dark-muted)}
#page-anasayfa .services-area .item.active .n{color:var(--accent)}
/* simülasyon (koyu, paralaks) */
#page-anasayfa .simulation-area{background:var(--dark-2);color:#fff}
#page-anasayfa .simulation-area img{opacity:0.2}
#page-anasayfa .simulation-area .txt{
max-width:var(--wrap);margin:0 auto;min-height:100vh;padding:120px var(--gut);
display:grid;grid-template-columns:minmax(0,540px) minmax(0,1fr);gap:80px;align-items:center;
}
#page-anasayfa .simulation-area .kicker{display:block;color:var(--dark-muted-2);margin-bottom:24px}
#page-anasayfa .simulation-area .title{margin-bottom:24px}
#page-anasayfa .simulation-area .texts{margin-bottom:40px;font-size:17px;line-height:1.75;color:var(--dark-muted);max-width:460px}
#page-anasayfa .simulation-area .tags span{border-color:var(--dark-line);color:var(--dark-txt);padding:9px 18px}
/* makina parkuru özeti */
#page-anasayfa .park-area{max-width:var(--wrap);margin:0 auto;padding:120px var(--gut)}
#page-anasayfa .park-area .head{margin-bottom:56px}
#page-anasayfa .park-area .row{grid-template-columns:minmax(0,26px) minmax(0,3fr) minmax(0,2fr) minmax(0,2fr);gap:24px}
#page-anasayfa .park-area .row .kind{font-size:14px;color:var(--muted-2)}
#page-anasayfa .park-area .row .size{font-size:15px;text-align:right}
/* ölçüm ve doğrulama */
#page-anasayfa .measure-area{max-width:var(--wrap);margin:0 auto;padding:40px var(--gut) 130px}
#page-anasayfa .measure-area .head{margin-bottom:56px}
#page-anasayfa .measure-area .head .title{max-width:560px}
#page-anasayfa .measure-area .items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#page-anasayfa .measure-area .zoom-card{display:flex;flex-direction:column}
#page-anasayfa .measure-area .zoom-well{background:var(--bg-soft);aspect-ratio:3 / 2}
#page-anasayfa .measure-area .txt{flex:1;padding:32px;display:flex;flex-direction:column}
#page-anasayfa .measure-area .t{font-size:22px;font-weight:400;letter-spacing:-0.01em;margin-bottom:12px}
#page-anasayfa .measure-area .d{margin:0 0 28px;max-width:520px;font-size:15px;line-height:1.7;color:var(--muted);text-wrap:pretty}
#page-anasayfa .measure-area .tags{margin-top:auto}
/* sertifikalar */
#page-anasayfa .certs-area{background:var(--bg-soft);border-top:1px solid var(--line)}
#page-anasayfa .certs-area .in{max-width:var(--wrap);margin:0 auto;padding:110px var(--gut)}
#page-anasayfa .certs-area .head{margin-bottom:48px}
#page-anasayfa .certs-area .head .texts{max-width:380px;font-size:15px;color:var(--muted-2)}
#page-anasayfa .certs-area .row{grid-template-columns:minmax(0,26px) minmax(0,3fr) minmax(0,2fr) minmax(0,1fr);gap:24px;transition:opacity .2s ease}
#page-anasayfa .certs-area .row:hover{background:transparent;opacity:.6}
#page-anasayfa .certs-area .row .scope{font-size:14px;color:var(--muted-2)}
#page-anasayfa .certs-area .row .go{display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:13px;color:var(--muted)}
@media (max-width:1280px){
#page-anasayfa .hero-area h1{font-size:60px}
#page-anasayfa .simulation-area .txt{grid-template-columns:minmax(0,1fr);gap:0}
}
@media (max-width:1024px){
#page-anasayfa .hero-area h1{font-size:46px}
#page-anasayfa .hero-area .texts{white-space:normal;max-width:520px}
/* dar ekranda kart tam genişliğe yayılıyor; sabit "Teklif Al" butonunun
üstünde kalsın diye alttan yükseltiliyor */
#page-anasayfa .news-area{left:16px;right:16px;width:auto;bottom:96px}
#page-anasayfa .specs-area{grid-template-columns:repeat(2,minmax(0,1fr))}
#page-anasayfa .approach-area{padding:90px var(--gut)}
#page-anasayfa .approach-area .lead{font-size:24px}
#page-anasayfa .strip{flex-direction:column}
#page-anasayfa .strip .item{height:260px}
#page-anasayfa .strip .item .cap{opacity:1;transform:none}
#page-anasayfa .services-area .items{grid-template-columns:repeat(2,minmax(0,1fr))}
#page-anasayfa .measure-area .items{grid-template-columns:minmax(0,1fr)}
#page-anasayfa .park-area .row{grid-template-columns:minmax(0,26px) minmax(0,1fr);gap:6px 16px}
#page-anasayfa .park-area .row .kind,
#page-anasayfa .park-area .row .size{grid-column:2;text-align:left}
#page-anasayfa .certs-area .row{grid-template-columns:minmax(0,26px) minmax(0,1fr);gap:6px 16px}
#page-anasayfa .certs-area .row .scope,
#page-anasayfa .certs-area .row .go{grid-column:2;justify-content:flex-start}
}
@media (max-width:768px){
#page-anasayfa .hero-area h1{font-size:36px}
#page-anasayfa .hero-area .btns{flex-direction:column}
#page-anasayfa .hero-area .txt{padding-top:calc(var(--head-h) + 56px);padding-bottom:40px}
#page-anasayfa .hero-area .btns{margin-top:28px}
/* duyuru kartı dar ekranda ekranın çoğunu kapatıyor; hiç açılmıyor */
#page-anasayfa .news-area,
#page-anasayfa .news-area.active{display:none}
#page-anasayfa .services-area .items{grid-template-columns:minmax(0,1fr)}
/* makine satırları: başlık ve alt bilgiler dar ekranda birbirine yapışıyor */
#page-anasayfa .park-area .row{gap:10px 14px;padding:26px 0}
#page-anasayfa .park-area .row .t{font-size:19px;line-height:1.35}
#page-anasayfa .park-area .row .kind,
#page-anasayfa .park-area .row .size{font-size:13px;line-height:1.4;color:var(--muted-2)}
#page-anasayfa .simulation-area .txt{min-height:0;padding:90px var(--gut)}
#page-anasayfa .measure-area{padding-top:0;padding-bottom:90px}
/* koyu simülasyon bloğunun hemen ardından geldiği için üstten nefes payı şart */
#page-anasayfa .park-area{padding:72px var(--gut) 90px}
#page-anasayfa .park-area .head{margin-bottom:32px}
}
@media (max-width:560px){
#page-anasayfa .specs-area{grid-template-columns:minmax(0,1fr)}
}
/* --- panelden gelen editör içeriği ---------------------
Editör alanları kendi //
etiketlerini basıyor;
tasarımdaki .title / .texts görünümüne burada eşleniyor. */
#page-anasayfa .hero-area .lead h1,
#page-anasayfa .hero-area .lead h2{margin:28px auto 0;max-width:900px;font-size:78px;line-height:1.02;font-weight:300;letter-spacing:-0.03em;text-wrap:balance}
#page-anasayfa .hero-area .lead p{margin:24px auto 0;max-width:760px;font-size:17px;line-height:1.6;color:var(--muted)}
#page-anasayfa .approach-area .lead > *:first-child{margin-top:0}
#page-anasayfa .approach-area .lead p{margin:32px auto 0;max-width:820px;line-height:1.4;text-wrap:pretty}
#page-anasayfa .approach-area .lead p + p{margin-top:20px;max-width:640px;font-size:17px;line-height:1.7;color:var(--muted-2)}
#page-anasayfa .simulation-area .lead h2,
#page-anasayfa .simulation-area .lead h3{margin:0 0 24px;font-size:46px;line-height:1.08;font-weight:300;letter-spacing:-0.025em;text-wrap:balance}
#page-anasayfa .simulation-area .lead p{margin:0 0 40px;max-width:460px;font-size:17px;line-height:1.75;color:var(--dark-muted);text-wrap:pretty}
#page-anasayfa .simulation-area .lead p:last-child{margin-bottom:0}
@media (max-width:1024px){
#page-anasayfa .hero-area .lead h1,
#page-anasayfa .hero-area .lead h2{font-size:46px}
}
@media (max-width:768px){
#page-anasayfa .hero-area .lead h1,
#page-anasayfa .hero-area .lead h2{font-size:36px}
#page-anasayfa .simulation-area .lead h2{font-size:30px}
}