/* Web Sitesi modülü — "Kurumsal Proje" tema katmanı (Plan 102 §15). Önce base.css (ortak taban) yüklenir.
   Görsel dil TemplateMonster "Intense" inşaat demosundan esinlendi; Intense dosyası kullanılmadı. Renk, yazı tipi,
   düğmeler, kabuk değişkenleri, açılış kaydırıcısı burada; ortak bölümler sections.css'te.
   Yazı tipi Barlow (SIL OFL 1.1), yerel; latin + latin-ext (Türkçe harfler). */
@font-face { font-family: "Barlow"; src: url(../../fonts/barlow-latin-400-normal.woff2) format("woff2"); font-weight: 400; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Barlow"; src: url(../../fonts/barlow-latin-ext-400-normal.woff2) format("woff2"); font-weight: 400; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Barlow"; src: url(../../fonts/barlow-latin-600-normal.woff2) format("woff2"); font-weight: 600 700; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Barlow"; src: url(../../fonts/barlow-latin-ext-600-normal.woff2) format("woff2"); font-weight: 600 700; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* ======================================================================================================
   KURUMSAL KATMAN — renk, yazı tipi, düğmeler, kabuk değişkenleri, yeni bölümler
   ====================================================================================================== */
:root {
    --ink: #161b2e;
    --ink-2: #222a44;
    --primary: #f2b31b;                        /* vurgu: düğme, çizgi, sayı birimi (metin rengi olarak KULLANILMAZ) */
    --primary-strong: color-mix(in srgb, var(--primary) 78%, #000);
    --primary-soft: color-mix(in srgb, var(--primary) 16%, #fff);
    --gold: #1f6fb2;                           /* ikinci vurgu (site ayarında "accent"): bağlantı */
    --gold-strong: color-mix(in srgb, var(--gold) 80%, #000);
    --gold-soft: color-mix(in srgb, var(--gold) 12%, #fff);
    --bg-alt: #f4f5f7;
    --line: #e2e4ea;
    --text: #454b5e;
    --muted: #697083;
    --radius: 2px;
    --shadow: 0 10px 30px rgba(22, 27, 46, .08);
    --shadow-lg: 0 24px 60px rgba(22, 27, 46, .18);
    --font: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

    /* Kabuk */
    --sh-h: 84px; --sh-bg: #fff; --sh-blur: none; --sh-fg: var(--ink); --sh-muted: var(--ink); --sh-hover-bg: transparent;
    --sh-size: .85rem; --sh-weight: 600; --sh-case: uppercase; --sh-track: .08em; --sh-radius: 0; --sh-item-pad: .55rem .95rem;
    --sh-logo-h: 36px; --sh-overlay-fg: #fff; --sh-sub-radius: 0; --sh-scrolled-shadow: 0 8px 24px rgba(22, 27, 46, .1);
    --sh-top-bg: var(--ink); --sh-top-fg: rgba(255, 255, 255, .72);
    --sh-foot-bg: color-mix(in srgb, var(--ink) 88%, #000); --sh-foot-fg: rgba(255, 255, 255, .62); --sh-foot-link: rgba(255, 255, 255, .82);
    --sh-foot-icon: var(--primary); --sh-foot-head-case: uppercase; --sh-foot-head-track: .12em; --sh-foot-head-size: .85rem;
    --sh-foot-muted: rgba(255, 255, 255, .45); --fx-shadow: 0 22px 44px rgba(22, 27, 46, .16);

    /* Ortak bölümler (sections.css): sarı dolgu üstünde koyu yazı */
    --sec-accent-fg: var(--ink); --sec-mark: var(--primary-strong); --sec-mark-dark: var(--primary);
}
body { font-size: 17px; line-height: 1.65; }
a { color: var(--gold); }
a:hover { color: var(--gold-strong); }
h1, h2, h3, h4 { font-weight: 600; letter-spacing: -.01em; }
:focus-visible { outline-color: color-mix(in srgb, var(--primary) 70%, transparent); }
html { scroll-padding-top: 100px; }

/* Düğmeler: köşeli, büyük harf */
.btn { border-radius: var(--radius); text-transform: uppercase; letter-spacing: .07em; font-size: .86rem; padding: .8rem 1.4rem; }
.btn-lg { padding: 1rem 1.8rem; font-size: .9rem; }
.btn-primary, .btn-gold { background: var(--primary); color: var(--ink); box-shadow: none; }
.btn-primary:hover, .btn-gold:hover { background: var(--ink); color: #fff; transform: none; }
.section-dark .btn-primary:hover, .cta-box .btn-gold:hover, .kp-hero .btn-primary:hover, .sh-footer .btn-primary:hover { background: #fff; color: var(--ink); }
.btn-outline { background: transparent; border-color: var(--ink); color: var(--ink); }
.btn-outline:hover { background: var(--ink); color: #fff; border-color: var(--ink); }
.btn-light { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .55); }
.btn-light:hover { background: #fff; color: var(--ink); border-color: #fff; }
.btn-ghost:hover { background: transparent; color: var(--primary-strong); }

/* Bölüm başlığı: sarı çizgili üst başlık */
.section { padding-block: 104px; }
.section-dark { background: var(--ink); color: rgba(255, 255, 255, .72); }
.eyebrow { display: inline-flex; align-items: center; gap: .7rem; color: var(--ink); font-weight: 600; letter-spacing: .16em; font-size: .8rem; }
.eyebrow::before { content: ""; width: 34px; height: 2px; background: var(--primary); }
.eyebrow-gold, .head-light .eyebrow { color: #fff; }
.head h2, .signup h2, .demo h2 { font-size: clamp(1.9rem, 3.4vw, 2.75rem); }
.hero h1 { font-weight: 600; }
.hero h1 em { color: inherit; background: linear-gradient(transparent 64%, color-mix(in srgb, var(--primary) 55%, transparent) 64%); }
.proof i, .ticks i { color: var(--primary-strong); }
.ti-copy h2 { font-size: clamp(1.9rem, 3.4vw, 2.75rem); margin-bottom: 1.1rem; }
.ti-copy p { font-size: 1.05rem; }
.head h2 em, .ti-copy h2 em, .feature h3 em, .cta-box h2 em, .sh-foot-cta h2 em { font-style: normal; box-shadow: inset 0 -.32em 0 color-mix(in srgb, var(--primary) 55%, transparent); }
.head-light h2 em, .cta-box h2 em, .sh-foot-cta h2 em { box-shadow: none; color: var(--primary); }

/* Kartlar, akış, özellikler */
.module { border-radius: 0; border-bottom: 3px solid transparent; padding: 30px 28px; }
.module:hover { border-color: var(--line); border-bottom-color: var(--primary); box-shadow: var(--shadow); transform: none; }
.module-ico { width: 54px; height: 54px; border-radius: 0; background: var(--primary); color: var(--ink); font-size: 1.5rem; }
.module h3 { font-size: 1.2rem; }
.rule > i { border-radius: 0; background: var(--primary); color: var(--ink); }
.section:not(.section-dark) .rule h3 { color: var(--ink); }
.section:not(.section-dark) .rule p { color: var(--muted); }
.flow::before { background: var(--primary); opacity: .6; }
.flow-dot { border-radius: 0; color: var(--ink); }
.flow-no { background: var(--primary); color: var(--ink); border-radius: 0; }
.frame { border-radius: var(--radius); }
.ti-media img { border-radius: var(--radius); }
.cta-box { border-radius: 0; background: var(--ink); border-left: 6px solid var(--primary); padding: 56px; }
.card { border-radius: var(--radius); }
.inp, .addr { border-radius: var(--radius); }
.inp:focus, .addr:focus-within { border-color: var(--ink); box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary) 35%, transparent); }
.faq details, .contact-list li, .alert, .trial, .demo, .demo-login, .terms-body { border-radius: var(--radius); }
.faq summary i, .contact-list i { color: var(--primary-strong); }
.steps li > span { background: var(--primary); color: var(--ink); }
.lang { border-radius: 0; }
.lang a { border-radius: 0; }
.lang a.on { background: var(--primary); color: var(--ink); }
.done-ico { border-radius: 0; }

/* Kabuk: menüde sarı alt çizgi */
.sh-menu > li > a { position: relative; }
.sh-menu > li > a::after { content: ""; position: absolute; left: .95rem; right: .95rem; bottom: .1rem; height: 2px; background: var(--primary); transform: scaleX(0); transform-origin: left; transition: transform .2s; }
.sh-menu > li > a:hover::after, .sh-menu > li > a[aria-current="page"]::after { transform: scaleX(1); }
.sh-foot-cta h2 { font-size: clamp(1.6rem, 2.8vw, 2.3rem); }

/* ---- Dar ekran ---- */
@media (max-width: 920px) {
    .section { padding-block: 76px; }
    .cta-box { padding: 36px 28px; }
}