/* ============================================================
   ahmatematik.com — Marka Tasarım Sistemi  v2
   v1'den farkı: (1) rakamlar marka öğesi, (2) mürekkep hero,
   (3) sert bölüm ritmi + görünür bölüm indeksi.
   İskelet, tracking ve bilgi mimarisi v1 ile aynı.
   ============================================================ */

:root {
  --ink-900:#0b1626; --ink-800:#132339; --ink-700:#24384f;
  --ink-500:#4a5f78; --ink-400:#6b7f96; --ink-200:#c9d3de; --ink-100:#e3e9f0;

  --paper:#ffffff; --paper-warm:#faf7f2; --paper-sink:#f2eee7;

  --accent-700:#8f2f18; --accent-600:#b03b1d; --accent-500:#c9491f;
  --accent-300:#e8a189; --accent-100:#fbe9e3;

  --proof-700:#1a5c3a; --proof-600:#217a4c; --proof-400:#4fbe86; --proof-100:#e4f2ea;

  --wa-green:#25D366; --wa-green-d:#128C7E;

  --font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  --font-num:ui-monospace,"SF Mono","Cascadia Mono","Roboto Mono",Menlo,Consolas,monospace;

  --t-xs:.8125rem; --t-sm:.9375rem; --t-base:1.0625rem; --t-lg:1.1875rem;
  --t-xl:clamp(1.3rem,1.1rem + 1vw,1.5rem);
  --t-2xl:clamp(1.6rem,1.25rem + 1.8vw,2.15rem);
  --t-3xl:clamp(2rem,1.4rem + 3vw,3rem);
  /* v2: hero belirgin şekilde büyüdü */
  --t-4xl:clamp(2.6rem,1.6rem + 5vw,4.75rem);
  /* v2: rakamlar için ayrı, en büyük ölçek */
  --t-num:clamp(3.2rem,2rem + 7vw,6rem);

  --lh-tight:1.08; --lh-snug:1.3; --lh-body:1.65;

  --s-1:.25rem; --s-2:.5rem; --s-3:.75rem; --s-4:1rem; --s-5:1.25rem;
  --s-6:1.5rem; --s-8:2rem; --s-10:2.5rem; --s-12:3rem; --s-16:4rem;
  --s-20:5rem; --s-24:6rem;

  --measure:66ch; --container:1120px; --container-narrow:760px;

  --radius:6px; --radius-lg:10px;
  --shadow-1:0 1px 2px rgba(11,22,38,.06),0 1px 3px rgba(11,22,38,.05);
  --shadow-2:0 2px 8px rgba(11,22,38,.07),0 8px 24px rgba(11,22,38,.06);
  --focus:3px solid var(--accent-500);
}

*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

body{font-family:var(--font-sans);font-size:var(--t-base);line-height:var(--lh-body);
  color:var(--ink-700);background:var(--paper);-webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility}

img,picture,svg,video{display:block;max-width:100%;height:auto}

h1,h2,h3,h4{color:var(--ink-900);line-height:var(--lh-tight);font-weight:800;
  letter-spacing:-.025em;text-wrap:balance}
h1{font-size:var(--t-4xl);letter-spacing:-.042em}
h2{font-size:var(--t-3xl);letter-spacing:-.032em}
h3{font-size:var(--t-xl);letter-spacing:-.015em;font-weight:700}
p{text-wrap:pretty}

a{color:var(--accent-600);text-underline-offset:3px}
a:hover{color:var(--accent-700)}
:where(a,button,input,textarea,select,[tabindex]):focus-visible{
  outline:var(--focus);outline-offset:2px;border-radius:3px}

.num{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1}

/* ============ Yerleşim ============ */
.wrap{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--s-5)}
.wrap-narrow{max-width:var(--container-narrow)}
@media (min-width:768px){.wrap{padding-inline:var(--s-8)}}

.section{padding-block:var(--s-16)}
@media (min-width:768px){.section{padding-block:var(--s-24)}}
.section--warm{background:var(--paper-warm)}
.section--sink{background:var(--paper-sink)}
.section--ink{background:var(--ink-900);color:#c3d0de}
.section--ink h2,.section--ink h3,.section--ink h1{color:#fff}
.section--ink .lede{color:#94a7bc}

/* ============ v2 · Görünür bölüm indeksi ============ */
.eyebrow{display:flex;align-items:baseline;gap:var(--s-4);margin-bottom:var(--s-5)}
.eyebrow__n{font-family:var(--font-num);font-size:clamp(1.6rem,1.2rem + 1.6vw,2.4rem);
  font-weight:700;line-height:1;color:var(--accent-600);letter-spacing:-.04em}
.eyebrow__t{font-size:var(--t-xs);font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-400)}
.eyebrow::after{content:"";flex:1;height:1px;background:var(--ink-100);align-self:center}
.section--ink .eyebrow__n{color:var(--accent-300)}
.section--ink .eyebrow__t{color:#7d90a6}
.section--ink .eyebrow::after{background:rgba(255,255,255,.14)}

.lede{font-size:var(--t-lg);color:var(--ink-500);max-width:var(--measure)}

/* ============ v2 · Milimetrik kağıt dokusu ============ */
.paper-grid{
  background-image:
    repeating-linear-gradient(to right,  rgba(11,22,38,.045) 0 1px, transparent 1px 28px),
    repeating-linear-gradient(to bottom, rgba(11,22,38,.045) 0 1px, transparent 1px 28px);
}
.paper-grid--ink{
  background-image:
    repeating-linear-gradient(to right,  rgba(255,255,255,.05) 0 1px, transparent 1px 28px),
    repeating-linear-gradient(to bottom, rgba(255,255,255,.05) 0 1px, transparent 1px 28px);
}

/* ============ v2 · Mürekkep hero, taşan görsel ============ */
/* overflow:hidden YOK — taşan görselin kırpılmasına sebep oluyordu */
.hero{background:var(--ink-900);color:#c3d0de;position:relative;
  padding-block:var(--s-12) var(--s-12)}
@media (min-width:900px){.hero{padding-block:var(--s-20) var(--s-16)}}
.hero__grid{display:grid;gap:var(--s-8);align-items:center}
@media (min-width:900px){.hero__grid{grid-template-columns:1.1fr .9fr;gap:var(--s-12)}}
.hero h1{color:#fff}
.hero .lede{color:#94a7bc}

/* Görsel: hero içinde, tam görünür, dengeli */
.hero__media{position:relative;z-index:2}
.hero__media img{width:100%;border-radius:var(--radius-lg);
  border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 48px rgba(0,0,0,.34)}
@media (max-width:899px){
  .hero__media{max-width:560px;margin-inline:auto}
}

.after-hero{padding-top:var(--s-12)}
@media (min-width:900px){.after-hero{padding-top:var(--s-16)}}

/* ============ v2 · Kanıt şeridi: rakamlar büyüdü ============ */
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--ink-100);
  border:1px solid var(--ink-100);border-radius:var(--radius-lg);overflow:hidden}
@media (min-width:720px){.stats{grid-template-columns:repeat(4,1fr)}}
.stat{background:var(--paper);padding:var(--s-8) var(--s-5)}
.stat__n{display:block;font-size:clamp(2.4rem,1.8rem + 2.6vw,3.4rem);font-weight:800;
  color:var(--ink-900);letter-spacing:-.045em;line-height:1}
.stat__l{display:block;font-size:var(--t-sm);color:var(--ink-400);margin-top:var(--s-3);line-height:1.35}

/* ============ v2 · Net değişimi: sayfanın en büyük tipografisi ============ */
.deltas{display:grid;gap:var(--s-5)}
@media (min-width:820px){.deltas{grid-template-columns:repeat(3,1fr)}}
.deltacard{position:relative;background:var(--paper);border:1px solid var(--ink-100);
  border-radius:var(--radius-lg);padding:var(--s-8) var(--s-6);overflow:hidden}
.deltacard::before{content:"";position:absolute;inset:0;opacity:.9;pointer-events:none;
  background-image:
    repeating-linear-gradient(to right,  rgba(11,22,38,.05) 0 1px, transparent 1px 28px),
    repeating-linear-gradient(to bottom, rgba(11,22,38,.05) 0 1px, transparent 1px 28px);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 78%);
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 78%)}
.deltacard > *{position:relative}
.deltacard__meta{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.1em;
  font-weight:800;color:var(--ink-400)}
.deltacard__row{display:flex;align-items:baseline;gap:var(--s-3);margin-top:var(--s-5);
  line-height:.9}
.deltacard__from{font-size:clamp(1.8rem,1.4rem + 2vw,2.6rem);font-weight:700;color:var(--ink-200);
  letter-spacing:-.04em}
.deltacard__arr{font-size:clamp(1.1rem,.9rem + 1vw,1.5rem);color:var(--ink-200);font-weight:400}
.deltacard__to{font-size:var(--t-num);font-weight:800;color:var(--proof-600);letter-spacing:-.05em}
.deltacard__who{margin-top:var(--s-4);color:var(--ink-500);font-size:var(--t-sm)}

/* Koyu mürekkep bölümdeki varyant */
.section--ink .deltacard{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
.section--ink .deltacard::before{
  background-image:
    repeating-linear-gradient(to right,  rgba(255,255,255,.07) 0 1px, transparent 1px 28px),
    repeating-linear-gradient(to bottom, rgba(255,255,255,.07) 0 1px, transparent 1px 28px)}
.section--ink .deltacard__meta{color:#7d90a6}
.section--ink .deltacard__from{color:rgba(255,255,255,.22)}
.section--ink .deltacard__arr{color:rgba(255,255,255,.28)}
.section--ink .deltacard__to{color:var(--proof-400)}
.section--ink .deltacard__who{color:#94a7bc}

/* ============ Butonlar ============ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-3);
  min-height:54px;padding:var(--s-4) var(--s-6);font-family:inherit;font-size:var(--t-base);
  font-weight:700;line-height:1;text-decoration:none;text-align:center;
  border:2px solid transparent;border-radius:var(--radius);cursor:pointer;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.btn--primary{background:var(--accent-600);color:#fff}
.btn--primary:hover{background:var(--accent-500);color:#fff}
.btn--wa{background:var(--wa-green-d);color:#fff}
.btn--wa:hover{background:#0e6f62;color:#fff}
.btn--ghost{background:transparent;color:var(--ink-900);border-color:var(--ink-200)}
.btn--ghost:hover{border-color:var(--ink-900)}
.hero .btn--ghost,.section--ink .btn--ghost{color:#fff;border-color:rgba(255,255,255,.32)}
.hero .btn--ghost:hover,.section--ink .btn--ghost:hover{border-color:#fff}
.btn--block{width:100%}
.btn[disabled]{opacity:.6;cursor:not-allowed}

/* ============ Kart / ızgara ============ */
.card{background:var(--paper);border:1px solid var(--ink-100);border-radius:var(--radius-lg);
  padding:var(--s-6)}
.section--warm .card{background:var(--paper)}
.grid{display:grid;gap:var(--s-5)}
@media (min-width:720px){.grid--2{grid-template-columns:repeat(2,1fr)}}
@media (min-width:900px){.grid--3{grid-template-columns:repeat(3,1fr)}}

/* ============ Adımlar ============ */
.steps{list-style:none;padding:0;counter-reset:step;display:grid;gap:var(--s-8)}
.step{counter-increment:step;display:grid;grid-template-columns:auto 1fr;gap:var(--s-5);
  align-items:start;padding-bottom:var(--s-8);border-bottom:1px solid var(--ink-100)}
.step:last-child{border-bottom:0;padding-bottom:0}
.step::before{content:counter(step,decimal-leading-zero);font-family:var(--font-num);
  font-size:clamp(1.8rem,1.4rem + 1.6vw,2.6rem);font-weight:700;line-height:.9;
  color:var(--accent-600);letter-spacing:-.05em;min-width:2.4ch}
.step h3{margin-bottom:var(--s-2)}

/* ============ Referans ============ */
.quote{background:var(--paper);border:1px solid var(--ink-100);border-top:3px solid var(--accent-600);
  border-radius:var(--radius);padding:var(--s-6);display:flex;flex-direction:column;
  gap:var(--s-5);height:100%}
.quote__text{color:var(--ink-700)}
.quote__by{display:flex;align-items:center;gap:var(--s-3);margin-top:auto}
.quote__ph{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none;background:var(--paper-sink)}
.quote__name{font-weight:800;color:var(--ink-900);font-size:var(--t-sm);line-height:1.3}
.quote__role{font-size:var(--t-xs);color:var(--ink-400)}
.quote__src{font-size:var(--t-xs)}

/* ============ Form ============ */
.field{display:grid;gap:var(--s-2);margin-bottom:var(--s-5)}
.field label{font-size:var(--t-sm);font-weight:700;color:var(--ink-900)}
.field .hint{font-size:var(--t-xs);color:var(--ink-400);font-weight:400}
.field input,.field select,.field textarea{font-family:inherit;font-size:16px;
  color:var(--ink-900);background:var(--paper);border:1.5px solid var(--ink-200);
  border-radius:var(--radius);padding:var(--s-4);min-height:54px;width:100%;
  transition:border-color .15s ease}
.field textarea{min-height:110px;resize:vertical;line-height:1.5}
.field input:hover,.field textarea:hover,.field select:hover{border-color:var(--ink-400)}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent-600)}
.field input::placeholder,.field textarea::placeholder{color:var(--ink-400)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ============ Mobil sabit CTA barı ============ */
.ahm-cta-bar{position:fixed;left:0;right:0;bottom:0;z-index:99998;display:none;gap:8px;
  padding:8px 10px;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);
  border-top:1px solid var(--ink-100);box-shadow:0 -4px 16px rgba(11,22,38,.10)}
.ahm-cta-bar a{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;
  padding:15px 6px;border-radius:var(--radius);font:700 14px/1 var(--font-sans);
  text-decoration:none;color:#fff;white-space:nowrap;-webkit-tap-highlight-color:transparent}
@media (max-width:359px){.ahm-cta-bar a{font-size:12.5px;gap:5px}}
.ahm-cta-wa{background:var(--wa-green-d)}
.ahm-cta-tel{background:var(--ink-800)}
.ahm-cta-bar a:active{transform:scale(.97)}
.ahm-cta-bar svg{width:19px;height:19px;fill:currentColor;flex-shrink:0}
@media (max-width:768px){.ahm-cta-bar{display:flex}body{padding-bottom:76px!important}}

/* ============ Yardımcılar ============ */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:var(--s-4);top:-60px;z-index:100000;background:var(--ink-900);
  color:#fff;padding:var(--s-3) var(--s-5);border-radius:var(--radius);text-decoration:none;
  transition:top .15s ease}
.skip-link:focus{top:var(--s-4);color:#fff}