/* Ankara06 Lazer — sac çeliğin koyusu, galvaniz açığı, lazer işaret kırmızısı */
:root{
  --night:#0E1215;
  --night-2:#171D21;
  --night-3:#222A30;
  --zinc:#EEF0EF;
  --zinc-2:#DFE3E2;
  --steel:#0E1215;
  --light:#EEF1F2;
  --red:#FF3B2F;
  --red-ink:#140303;

  --font:"Instrument Sans", system-ui, sans-serif;
  --side:clamp(16px, 2.6vw, 40px);
  --space:clamp(104px, 13vw, 220px);
  --s-h1:clamp(42px, 5.6vw, 92px);
  --s-h2:clamp(32px, 4vw, 62px);
  --s-h3:clamp(22px, 1.8vw, 28px);
  --s-body:clamp(17px, 1.15vw, 19px);
  --s-big:clamp(19px, 1.45vw, 22px);
  --curve:cubic-bezier(.16,.84,.28,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:var(--night);color:var(--light);font-family:var(--font);font-size:var(--s-body);line-height:1.55;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
figure{margin:0}
figcaption{font-size:15px;margin-top:10px;opacity:.82}
h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.03em;line-height:1.02;text-wrap:balance}
h2{font-size:var(--s-h2)}
h3{font-size:var(--s-h3);letter-spacing:-.015em;line-height:1.15}
p{margin:0}
a{color:inherit}
::selection{background:var(--red);color:var(--red-ink)}
:focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:4px}

/* Düğmeler: tam yuvarlak */
.cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:999px;background:var(--red);color:var(--red-ink);font:600 16px/1 var(--font);text-decoration:none;border:0;cursor:pointer;transition:transform .2s var(--curve),background-color .2s}
.cta:hover{background:#ff5a50}
.cta:active{transform:scale(.97)}
.cta--big{min-height:56px;padding:0 30px;font-size:18px}
.cta--ghost{background:var(--night-3);color:var(--light)}
.cta--ghost:hover{background:#2e3840}

/* Üst */
.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:28px;padding:14px var(--side);background:var(--night)}
.mark{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:20px;letter-spacing:-.02em;text-decoration:none;white-space:nowrap}
.mark img{width:34px;height:34px}
@keyframes pulse{50%{transform:scale(.6);opacity:.6}}
.top__links{display:flex;gap:6px;margin-left:auto}
.top__links a{text-decoration:none;font-weight:500;font-size:16px;padding:8px 14px;border-radius:999px;transition:background-color .2s}
.top__links a:hover{background:var(--night-3)}

/* İlk ekran */
.open{display:grid;grid-template-columns:6fr 6fr;gap:clamp(24px,4vw,72px);align-items:center;padding:clamp(24px,4vw,64px) var(--side) clamp(48px,5vw,80px);min-height:calc(100vh - 74px)}
.open h1{font-size:var(--s-h1);letter-spacing:-.045em;line-height:.98}
.open__sub{font-size:var(--s-big);line-height:1.5;margin-top:32px;max-width:31em}
.open__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.open__plate svg{width:100%;height:auto;display:block}
.sheet{fill:var(--night-2)}
.ghost *{fill:none;stroke:var(--night-3);stroke-width:2}
.cut *{fill:none;stroke:var(--red);stroke-width:3.5;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:1}
.cut.go *{animation:trace var(--dur,1s) linear forwards;animation-delay:var(--at,0s)}
@keyframes trace{to{stroke-dashoffset:0}}
.cut.done *{stroke-dashoffset:0}

/* Bant fotoğraf */
.band{padding:0 var(--side)}
.band img{width:100%;aspect-ratio:21/8;object-fit:cover;object-position:50% 60%}

/* Hesap — açık alan */
.calc{background:var(--zinc);color:var(--steel);margin-top:var(--space);padding:var(--space) var(--side)}
.calc__lead{display:grid;grid-template-columns:6fr 6fr;gap:clamp(24px,4vw,72px);align-items:end}
.calc__lead p{font-size:var(--s-big);line-height:1.5;max-width:32em}
.calc__grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(24px,3vw,48px);margin-top:56px;align-items:start}
.calc__form{display:grid;gap:18px;background:#fff;padding:clamp(20px,2.6vw,40px);border-radius:20px}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.calc__form label{display:flex;flex-direction:column;gap:6px;font-size:15px;font-weight:600;min-width:0}
.calc__form input,.calc__form select{font:500 19px/1.2 var(--font);color:var(--steel);background:var(--zinc);border:2px solid transparent;border-radius:12px;padding:12px 14px;min-height:52px;width:100%}
.calc__form input:focus,.calc__form select:focus{outline:none;border-color:var(--red);background:#fff}
.calc__go{margin-top:6px;width:100%}
.calc__note{background:var(--zinc);border-radius:12px;padding:16px;white-space:pre-line;font-size:16px}
.calc__view{background:var(--night);color:var(--light);border-radius:20px;padding:clamp(16px,2vw,28px);display:grid;gap:20px}
.calc__view svg{width:100%;height:auto;display:block}
.read{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.read div{background:var(--night-2);border-radius:14px;padding:16px 18px}
.read dt{font-size:15px;opacity:.82}
.read dd{margin:6px 0 0;font-size:17px}
.read b{font-size:clamp(28px,2.6vw,40px);font-weight:700;letter-spacing:-.03em;margin-right:4px}
.read__big{grid-column:1/-1}
.read__big b{font-size:clamp(48px,5.4vw,84px);color:var(--red);line-height:1}

/* İşler */
.work{padding:var(--space) var(--side) 0}
.work__grid{display:grid;grid-template-columns:7fr 5fr;gap:clamp(24px,4vw,72px);margin-top:56px;align-items:start}
.work__photo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:20px}
.work__list{display:grid;gap:14px}
.work__list article{background:var(--night-2);border-radius:20px;padding:clamp(22px,2.4vw,34px);transition:background-color .2s}
.work__list article:hover{background:var(--night-3)}
.work__list h3{font-size:clamp(28px,2.6vw,40px);letter-spacing:-.03em;margin-bottom:12px}
.work__list h3::before{content:"";display:inline-block;width:.32em;height:.32em;border-radius:50%;background:var(--red);margin-right:.35em;vertical-align:.12em}

/* Süreç */
.flow{padding:var(--space) var(--side) 0}
.flow__head{display:grid;grid-template-columns:5fr 7fr;gap:clamp(24px,4vw,72px);align-items:end}
.flow__lead{font-size:var(--s-big);line-height:1.5;margin-top:24px;max-width:30em}
.flow__head img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:20px}
.flow__steps{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:none}
.flow__steps li{background:var(--zinc);color:var(--steel);border-radius:20px;padding:clamp(20px,2vw,28px);display:flex;flex-direction:column;gap:12px}
.flow__steps li:last-child{background:var(--red);color:var(--red-ink)}

/* Çıktı */
.made{display:grid;grid-template-columns:5fr 7fr;gap:clamp(24px,4vw,72px);padding:var(--space) var(--side) 0;align-items:center}
.made img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:20px}
.made__text h2{font-size:clamp(36px,4.6vw,72px);letter-spacing:-.04em}
.made__text p{font-size:var(--s-big);line-height:1.5;margin-top:24px;max-width:30em}
.made__text .made__cap{font-size:15px;opacity:.82}

/* Adres */
.where{display:grid;grid-template-columns:6fr 6fr;gap:clamp(24px,4vw,72px);padding:var(--space) var(--side) clamp(72px,8vw,128px);align-items:center}
.where address{font-style:normal;font-size:clamp(22px,2vw,30px);line-height:1.35;margin-top:28px}
.where__links{margin-top:24px}
.where__links a{display:inline-flex;align-items:center;min-height:46px;padding:0 22px;border-radius:999px;background:var(--night-3);text-decoration:none;font-weight:600;transition:background-color .2s}
.where__links a:hover{background:#2e3840}
.where__tel{margin-top:28px;font-size:var(--s-big)}
.where__tel + .where__tel{margin-top:10px}
.where__tel a{color:var(--red);font-weight:700;text-decoration:none}
.where__photo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:20px}

/* Son */
.end{background:var(--red);color:var(--red-ink);padding:clamp(36px,4vw,64px) var(--side) 26px;overflow:hidden}
.end__word{font-weight:700;font-stretch:80%;font-size:clamp(48px,23vw,440px);letter-spacing:-.06em;line-height:.8;margin-left:-.04em}
.end__mark{display:inline-block;width:.6em;height:.6em;margin-right:.06em;vertical-align:-.03em}
.end__meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:28px;font-weight:600}
.end__credit{margin-top:18px;font-size:14px;max-width:80em}

/* Hareket */
.has-js [data-in]{opacity:0;transform:translateY(22px);transition:opacity .7s var(--curve),transform .7s var(--curve);transition-delay:calc(var(--n,0) * 70ms)}
.has-js [data-in].on{opacity:1;transform:none}
.band img{transform-origin:50% 60%;animation:drift 18s ease-in-out infinite alternate}
@keyframes drift{to{transform:scale(1.06)}}
.band{overflow:hidden}
#partView .p-cut{transition:stroke-dashoffset .9s var(--curve)}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .has-js [data-in]{opacity:1;transform:none;transition:none}
  .band img{animation:none}
  .cut *{stroke-dashoffset:0;animation:none!important}
}

/* Tablet */
@media (max-width:1080px){
  .top__links{display:none}
  .top .cta{margin-left:auto}
  .open,.calc__lead,.calc__grid,.work__grid,.flow__head,.made,.where{grid-template-columns:1fr}
  .open{min-height:0}
  .flow__steps{grid-template-columns:1fr 1fr}
  .flow__steps li:last-child{grid-column:1/-1}
  .band img{aspect-ratio:16/9}
}
/* Telefon */
@media (max-width:640px){
  .mark{font-size:18px}
  .top .cta{min-height:40px;padding:0 16px;font-size:15px}
  .open__actions .cta{flex:1 1 100%}
  .pair{grid-template-columns:1fr 1fr}
  .read{grid-template-columns:1fr 1fr}
  .flow__steps{grid-template-columns:1fr}
  .end__meta{flex-direction:column}
}