/*
 * Fiberport Paket 02.13 — Kurumsal listeleme sayfası
 * Scope: yalnız .fp-company-listing
 */

.fp-company-listing {
    --company-navy:#0b2239;
    --company-blue:#075f96;
    --company-cyan:#37a7df;
    --company-ink:#172839;
    --company-text:#52677a;
    --company-muted:#728392;
    --company-line:#d5e0e7;
    --company-soft:#f3f7f9;
    --company-white:#fff;
    color:var(--company-ink);
    background:#fff;
}

.fp-company-listing *,
.fp-company-listing *::before,
.fp-company-listing *::after {
    box-sizing:border-box;
}

.fp-company-hero {
    padding:30px 0 78px;
    background:#f4f7f9;
    border-bottom:1px solid var(--company-line);
}

.fp-company-breadcrumbs {
    margin-bottom:48px;
}

.fp-company-breadcrumbs ol {
    color:#6c7e8e;
}

.fp-company-breadcrumbs a {
    color:#536a7d;
}

.fp-company-breadcrumbs a:hover,
.fp-company-breadcrumbs a:focus-visible {
    color:var(--company-blue);
}

.fp-company-hero-grid {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,.52fr);
    gap:clamp(52px,8vw,108px);
    align-items:end;
}

.fp-company-kicker,
.fp-company-eyebrow {
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:var(--company-blue);
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.fp-company-kicker {
    margin-bottom:20px;
}

.fp-company-eyebrow {
    margin-bottom:17px;
}

.fp-company-eyebrow::before {
    width:22px;
    height:2px;
    content:"";
    background:currentColor;
}

.fp-company-hero h1 {
    max-width:820px;
    margin:0;
    color:var(--company-navy);
    font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;
    font-size:clamp(2.7rem,5.5vw,5.35rem);
    font-weight:650;
    letter-spacing:-.042em;
    line-height:1.02;
}

.fp-company-hero-copy > p {
    max-width:720px;
    margin:24px 0 0;
    color:var(--company-text);
    font-size:clamp(1rem,1.35vw,1.18rem);
    line-height:1.66;
}

.fp-company-summary {
    margin:0;
    border-top:2px solid var(--company-navy);
}

.fp-company-summary > div {
    display:grid;
    grid-template-columns:minmax(130px,.65fr) minmax(0,1fr);
    gap:22px;
    align-items:center;
    padding:18px 0;
    border-bottom:1px solid var(--company-line);
}

.fp-company-summary dt {
    color:var(--company-navy);
    font-size:1rem;
    font-weight:750;
}

.fp-company-summary > div:first-child dt {
    font-size:2rem;
    letter-spacing:-.03em;
}

.fp-company-summary dd {
    margin:0;
    color:var(--company-muted);
    font-size:.82rem;
    line-height:1.45;
}

.fp-company-manifesto {
    padding:clamp(76px,8vw,118px) 0;
}

.fp-company-manifesto-grid {
    display:grid;
    grid-template-columns:minmax(0,.82fr) minmax(0,1fr);
    gap:clamp(56px,8vw,112px);
    align-items:start;
}

.fp-company-manifesto h2,
.fp-company-section-head h2,
.fp-company-about h2,
.fp-company-cta h2 {
    margin:0;
    color:var(--company-navy);
    font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;
    font-size:clamp(1.95rem,3.5vw,3.45rem);
    font-weight:650;
    letter-spacing:-.03em;
    line-height:1.1;
}

.fp-company-manifesto-copy > p {
    max-width:640px;
    margin:22px 0 0;
    color:var(--company-text);
    font-size:1rem;
    line-height:1.7;
}

.fp-company-principles {
    margin:0;
    padding:0;
    border-top:2px solid var(--company-navy);
    list-style:none;
}

.fp-company-principles li {
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    gap:18px;
    padding:22px 0;
    border-bottom:1px solid var(--company-line);
}

.fp-company-principles > li > span {
    color:var(--company-blue);
    font-size:.7rem;
    font-weight:800;
    letter-spacing:.06em;
}

.fp-company-principles h3 {
    margin:0;
    color:var(--company-navy);
    font-size:1.04rem;
}

.fp-company-principles p {
    margin:9px 0 0;
    color:var(--company-text);
    font-size:.88rem;
    line-height:1.58;
}

.fp-company-about {
    padding:clamp(72px,8vw,112px) 0;
    background:var(--company-soft);
    border-top:1px solid var(--company-line);
    border-bottom:1px solid var(--company-line);
}

.fp-company-about-card {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(330px,.62fr);
    min-height:430px;
    background:#fff;
    border-top:3px solid var(--company-navy);
}

.fp-company-about-copy {
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:clamp(36px,6vw,72px);
}

.fp-company-about h2 a {
    color:var(--company-navy);
    text-decoration:none;
}

.fp-company-about h2 a:hover,
.fp-company-about h2 a:focus-visible {
    color:var(--company-blue);
}

.fp-company-about-copy > p {
    max-width:650px;
    margin:21px 0 0;
    color:var(--company-text);
    line-height:1.68;
}

.fp-company-primary-action {
    display:inline-flex;
    width:max-content;
    min-height:44px;
    align-items:center;
    gap:9px;
    margin-top:27px;
    padding:0 17px;
    color:#fff;
    background:var(--company-navy);
    border:1px solid var(--company-navy);
    border-radius:4px;
    font-size:.78rem;
    font-weight:800;
    text-decoration:none;
}

.fp-company-primary-action:visited {
    color:#fff;
}

.fp-company-primary-action:hover,
.fp-company-primary-action:focus-visible {
    color:#fff;
    background:var(--company-blue);
    border-color:var(--company-blue);
}

.fp-company-inline-icon {
    width:16px;
    height:16px;
}

.fp-company-about-media {
    display:block;
    min-width:0;
    overflow:hidden;
    background:#eaf0f4;
}

.fp-company-about-image {
    display:block;
    width:100%;
    height:100%;
    min-height:430px;
    object-fit:cover;
}

.fp-company-about-identity {
    position:relative;
    display:flex;
    min-height:430px;
    flex-direction:column;
    justify-content:flex-end;
    overflow:hidden;
    padding:38px;
    color:#fff;
    background:var(--company-navy);
    border-left:5px solid var(--company-cyan);
}

.fp-company-about-identity::before,
.fp-company-about-identity::after {
    position:absolute;
    content:"";
    border:1px solid rgba(255,255,255,.16);
    border-radius:50%;
}

.fp-company-about-identity::before {
    width:330px;
    height:330px;
    top:-115px;
    right:-90px;
}

.fp-company-about-identity::after {
    width:205px;
    height:205px;
    top:-52px;
    right:-28px;
}

.fp-company-about-identity span {
    position:relative;
    z-index:1;
    margin-bottom:14px;
    color:#a9ddf7;
    font-size:.7rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.fp-company-about-identity strong {
    position:relative;
    z-index:1;
    max-width:360px;
    font-size:clamp(1.65rem,3vw,2.65rem);
    font-weight:620;
    letter-spacing:-.025em;
    line-height:1.12;
}

.fp-company-about-identity i {
    position:absolute;
    left:38px;
    top:38px;
    width:62px;
    height:4px;
    background:var(--company-cyan);
}

.fp-company-index {
    padding:clamp(76px,8vw,118px) 0;
}

.fp-company-section-head {
    max-width:810px;
    margin-bottom:40px;
}

.fp-company-entry-list {
    margin:0;
    padding:0;
    border-top:2px solid var(--company-navy);
    list-style:none;
}

.fp-company-entry {
    display:grid;
    grid-template-columns:58px minmax(0,1fr) auto;
    gap:24px;
    align-items:center;
    min-height:178px;
    padding:30px 0;
    border-bottom:1px solid var(--company-line);
}

.fp-company-entry-number {
    align-self:start;
    padding-top:5px;
    color:var(--company-blue);
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.07em;
}

.fp-company-entry-copy small {
    display:block;
    margin-bottom:10px;
    color:var(--company-muted);
    font-size:.68rem;
    font-weight:800;
    letter-spacing:.07em;
    text-transform:uppercase;
}

.fp-company-entry-copy h3 {
    margin:0;
    font-size:clamp(1.35rem,2.4vw,2rem);
    line-height:1.2;
}

.fp-company-entry-copy h3 a {
    color:var(--company-navy);
    text-decoration:none;
}

.fp-company-entry-copy h3 a:hover,
.fp-company-entry-copy h3 a:focus-visible {
    color:var(--company-blue);
}

.fp-company-entry-copy p {
    max-width:760px;
    margin:12px 0 0;
    color:var(--company-text);
    font-size:.91rem;
    line-height:1.58;
}

.fp-company-entry-action {
    display:inline-flex;
    min-width:112px;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    color:var(--company-blue);
    font-size:.76rem;
    font-weight:800;
    text-decoration:none;
    white-space:nowrap;
}

.fp-company-entry-action:visited {
    color:var(--company-blue);
}

.fp-company-entry-action:hover,
.fp-company-entry-action:focus-visible {
    color:var(--company-navy);
}

.fp-company-empty-section {
    padding:76px 0;
}

.fp-company-empty {
    padding:40px;
    background:var(--company-soft);
    border-left:4px solid var(--company-blue);
}

.fp-company-empty h2 {
    margin:0;
    color:var(--company-navy);
}

.fp-company-empty p {
    color:var(--company-text);
}

.fp-company-empty a {
    color:var(--company-blue);
    font-weight:800;
}

.fp-company-cta {
    padding:clamp(70px,8vw,108px) 0;
    background:#f4f7f9;
    border-top:1px solid var(--company-line);
}

.fp-company-cta-inner {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:48px;
    align-items:center;
    padding:clamp(36px,5vw,58px);
    color:#fff;
    background:var(--company-navy);
    border-left:5px solid var(--company-cyan);
}

.fp-company-cta-inner > div:first-child > span {
    display:block;
    margin-bottom:12px;
    color:#a9ddf7;
    font-size:.7rem;
    font-weight:800;
    letter-spacing:.07em;
    text-transform:uppercase;
}

.fp-company-cta h2 {
    max-width:810px;
    color:#fff;
}

.fp-company-cta-actions {
    display:flex;
    flex-direction:column;
    gap:10px;
}

.fp-company-cta-actions a {
    display:inline-flex;
    min-width:185px;
    min-height:44px;
    align-items:center;
    justify-content:center;
    padding:0 17px;
    border-radius:4px;
    font-size:.78rem;
    font-weight:800;
    text-decoration:none;
}

.fp-company-cta-actions a:first-child,
.fp-company-cta-actions a:first-child:visited {
    color:var(--company-navy);
    background:#fff;
    border:1px solid #fff;
}

.fp-company-cta-actions a:last-child,
.fp-company-cta-actions a:last-child:visited {
    color:#fff;
    background:transparent;
    border:1px solid rgba(255,255,255,.56);
}

.fp-company-cta-actions a:hover,
.fp-company-cta-actions a:focus-visible {
    color:#fff;
    background:var(--company-blue);
    border-color:var(--company-blue);
}

@media (max-width:980px) {
    .fp-company-hero-grid,
    .fp-company-manifesto-grid,
    .fp-company-about-card {
        grid-template-columns:1fr;
    }

    .fp-company-summary {
        max-width:680px;
    }

    .fp-company-about-identity,
    .fp-company-about-image {
        min-height:330px;
    }

    .fp-company-cta-inner {
        grid-template-columns:1fr;
        gap:28px;
    }

    .fp-company-cta-actions {
        flex-direction:row;
        flex-wrap:wrap;
    }
}

@media (max-width:760px) {
    .fp-company-hero {
        padding:22px 0 54px;
    }

    .fp-company-breadcrumbs {
        margin-bottom:34px;
    }

    .fp-company-hero h1 {
        font-size:clamp(2.2rem,12vw,3.5rem);
    }

    .fp-company-summary > div {
        grid-template-columns:1fr;
        gap:5px;
        padding:14px 0;
    }

    .fp-company-summary > div:first-child dt {
        font-size:1.65rem;
    }

    .fp-company-manifesto,
    .fp-company-about,
    .fp-company-index {
        padding:58px 0;
    }

    .fp-company-about-copy {
        padding:31px 24px;
    }

    .fp-company-about-identity {
        min-height:270px;
        padding:28px;
    }

    .fp-company-about-identity i {
        left:28px;
        top:28px;
    }

    .fp-company-entry {
        grid-template-columns:36px minmax(0,1fr);
        gap:16px;
        align-items:start;
        min-height:0;
        padding:25px 0;
    }

    .fp-company-entry-action {
        grid-column:2;
        min-width:0;
        justify-content:flex-start;
        margin-top:2px;
    }

    .fp-company-cta-inner {
        padding:30px 24px;
    }

    .fp-company-cta-actions {
        display:grid;
        width:100%;
    }

    .fp-company-cta-actions a {
        width:100%;
        min-width:0;
    }
}