/* Özgün aksan tipografisi #2 — küçük üst başlık (eyebrow) etiketleri ve
   numaralı rozetler (01/02/03) için. Gövde metni/başlık/buton fontuna
   dokunmaz. Font tamamen yerelde barındırılır (dış CDN yok, CSP font-src
   'self' ile uyumlu). Önceki serif deneme (Fraunces) beğenilmedi — burada
   kalın, karakterli bir "grotesk" display fontu ve rakamları küçük renkli
   "mühür/rozet" biçimlerine çeviren cesur bir yön var. */

@font-face{font-family:'Bricolage Accent';font-style:normal;font-weight:800;font-display:swap;src:url('vendor/fonts/bricolage-800-lat.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:'Bricolage Accent';font-style:normal;font-weight:800;font-display:swap;src:url('vendor/fonts/bricolage-800-ext.woff2') format('woff2');unicode-range:U+0100-024F,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1E00-1EFF}

:root{
 --v-accent-font:'Bricolage Accent',system-ui,sans-serif;
 --v-badge-1:var(--v-accent);
 --v-badge-2:#1c1b3a;
 --v-badge-3:#ff7a59;
}

/* --- Küçük üst başlık etiketleri --------------------------------------- */
/* Kalın mor + sıkı harf aralıklı "şablon SaaS" caps yerine: karakterli
   grotesk font + nokta yerine küçük döndürülmüş renkli çip işareti. */
.v-eyebrow{
 font-family:var(--v-accent-font);
 font-weight:800;
 letter-spacing:.3px;
 font-size:11px;
 display:inline-flex;
 align-items:center;
 gap:8px;
}
.v-eyebrow>span:not(.ms-number){
 display:inline-block;
 width:10px;
 height:10px;
 border-radius:3px;
 background:var(--v-badge-3);
 transform:rotate(18deg);
 margin:0;
}
.v-home-step-intro>span{
 font-family:var(--v-accent-font);
 font-weight:800;
 font-size:13px;
 letter-spacing:.3px;
}

/* --- Numaralı rozetler (01/02/03/04) — küçük "mühür" biçimleri --------- */
/* Düz renkli rakam yerine: organik (mükemmel daire olmayan) rozet, hafif
   döndürülmüş, üç tonlu bir paletle sırayla renklenen, beyaz kalın rakam. */
.v-index,
.ms-number,
.vf-number{
 font-family:var(--v-accent-font);
 font-weight:800;
 font-style:normal;
 color:#fff!important;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 width:38px;
 height:38px;
 line-height:1;
 font-size:15px;
 background:var(--v-badge-1);
 border-radius:42% 58% 65% 35%/45% 40% 60% 55%;
 box-shadow:0 6px 14px -4px color-mix(in srgb,var(--v-badge-1) 65%,transparent);
 transform:rotate(-6deg);
}
/* module-showcase.css'teki ".ms-copy .v-eyebrow>.ms-number" açık zemini ilk rozeti ezip
   beyaz "01"i görünmez yapıyordu; ilk rozete de palet rengini açıkça veriyoruz. */
.ms-feature:nth-of-type(1) .ms-number{background:var(--v-badge-1)}
.v-feature:nth-of-type(2) .v-index,
.v-home-sector-list article:nth-of-type(2) .v-index,
.ms-feature:nth-of-type(2) .ms-number,
.vf-card:nth-of-type(2) .vf-number{
 background:var(--v-badge-2);
 border-radius:65% 35% 45% 55%/35% 55% 45% 65%;
 box-shadow:0 6px 14px -4px color-mix(in srgb,var(--v-badge-2) 65%,transparent);
 transform:rotate(5deg);
}
.v-feature:nth-of-type(3) .v-index,
.v-home-sector-list article:nth-of-type(3) .v-index,
.ms-feature:nth-of-type(3) .ms-number,
.vf-card:nth-of-type(3) .vf-number{
 background:var(--v-badge-3);
 border-radius:55% 45% 35% 65%/60% 45% 55% 40%;
 box-shadow:0 6px 14px -4px color-mix(in srgb,var(--v-badge-3) 65%,transparent);
 transform:rotate(-3deg);
}
.v-feature:nth-of-type(4) .v-index,
.ms-feature:nth-of-type(4) .ms-number,
.vf-card:nth-of-type(4) .vf-number{
 background:var(--v-badge-2);
 border-radius:38% 62% 55% 45%/58% 42% 58% 42%;
 box-shadow:0 6px 14px -4px color-mix(in srgb,var(--v-badge-2) 65%,transparent);
 transform:rotate(4deg);
}
.ms-feature:nth-of-type(5) .ms-number,
.vf-card:nth-of-type(5) .vf-number,
.ms-feature:nth-of-type(6) .ms-number,
.vf-card:nth-of-type(6) .vf-number{
 background:var(--v-badge-3);
 border-radius:60% 40% 50% 50%/50% 55% 45% 50%;
 box-shadow:0 6px 14px -4px color-mix(in srgb,var(--v-badge-3) 65%,transparent);
 transform:rotate(3deg);
}

/* --- Büyük "adım" rakamları (Hesabınızı oluşturun vb.) — küçük rozet
   yerine büyük, renkli, kalın grafik rakam. --- */
.v-steps article>span,
.v-home-steps article>span{
 font-family:var(--v-accent-font);
 font-weight:800;
 color:var(--v-badge-1);
 -webkit-text-stroke:0;
}
.v-steps article:nth-of-type(2)>span,
.v-home-steps article:nth-of-type(2)>span{color:var(--v-badge-2)}
.v-steps article:nth-of-type(3)>span,
.v-home-steps article:nth-of-type(3)>span{color:var(--v-badge-3)}

/* --- Alt bilgi (footer) sütun başlıkları --------------------------------- */
.v-footer h3{
 font-family:var(--v-accent-font);
 font-weight:800;
 font-size:14px;
 letter-spacing:.2px;
}