/**
 * WISECP – Web Hosting Billing and Digital Services Platform
 *
 * Copyright (c) WISECP LLC – All rights reserved.
 * Unlicensed copying, distribution or use is prohibited.
 *
 * Terms of service: https://wisecp.com/terms-of-service
 */
.about-nav{display:flex;flex-direction:column;margin:0;border-inline-start:1px solid var(--wstyle-border-color)}.about-nav-title{padding-block-end:.65rem;padding-inline-start:1rem;color:var(--wstyle-body-color);font-size:.68rem;font-weight:650;letter-spacing:.08em;line-height:1;text-transform:uppercase;opacity:.7}.about-nav-link{position:relative;padding-block:.5rem;padding-inline-start:1rem;color:var(--wstyle-body-color);font-size:.9rem;font-weight:500;line-height:1.4;text-decoration:none;transition:color .18s ease,padding-inline-start .18s ease}.about-nav-link:before{content:"";position:absolute;inset-block:.15rem;inset-inline-start:-1px;inline-size:2px;background-color:transparent;transition:background-color .18s ease}.about-nav-link:hover{color:var(--wstyle-heading-color);padding-inline-start:1.2rem}.about-nav-link:hover:before{background-color:color-mix(in srgb,var(--wstyle-primary-text) 35%,transparent)}.about-nav-link.active{color:var(--wstyle-heading-color);font-weight:700}.about-nav-link.active:before{inset-inline-start:-2px;inline-size:3px;background-color:var(--wstyle-primary-text)}@media(min-width:992px){.about-nav{position:sticky;inset-block-start:5.5rem}}@media(prefers-reduced-motion:reduce){.about-nav-link{transition:none}}.page-doc-sheet{padding:1.25rem;border:1px solid var(--wstyle-border-color);border-radius:var(--wstyle-radius);background-color:var(--wstyle-surface-bg);box-shadow:var(--wstyle-shadow-sm)}@media(min-width:992px){.page-doc-sheet{padding:2rem 2.25rem}}.about-figure{block-size:100%;min-block-size:14rem;overflow:hidden;border-radius:calc(var(--wstyle-radius) * 1.5);box-shadow:var(--wstyle-shadow-lg)}.about-figure-img{display:block;inline-size:100%;block-size:100%;min-block-size:14rem;object-fit:cover}.about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1rem;margin:0}.about-stat{padding:1.25rem;border:1px solid var(--wstyle-border-color);border-radius:var(--wstyle-radius);background-color:var(--wstyle-surface-bg);box-shadow:var(--wstyle-shadow-sm);text-align:center}.about-stat-num{display:block;font-size:clamp(1.5rem,3vw,1.875rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--wstyle-heading-color)}.about-stat-label{display:block;margin-block-start:.35rem;font-size:.85rem;color:var(--wstyle-muted-color)}

/* ==========================================================================
   BIPANEL REVOLUTION V3.1.0 EVOLUTION - NATIVE THEME INTEGRATION
   ========================================================================== */
/* Reset prose link underline on all UI buttons & badges inside content */
.kb-prose a.btn,
.kb-prose a.btn:hover,
.kb-prose a.badge,
.kb-prose .btn {
    text-decoration: none !important;
}

/* Primary Button Styling */
.kb-prose a.btn-primary,
.btn-primary {
    background-color: #095174 !important;
    border-color: #095174 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(9, 81, 116, 0.25);
    transition: all 0.2s ease;
}
.kb-prose a.btn-primary:hover,
.btn-primary:hover {
    background-color: #073e5a !important;
    border-color: #073e5a !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(9, 81, 116, 0.35);
}

/* Soft Button Styling */
.kb-prose a.btn-soft,
.btn-soft {
    background-color: var(--wstyle-primary-subtle, rgba(9, 81, 116, 0.08)) !important;
    border: 1px solid rgba(9, 81, 116, 0.15) !important;
    color: var(--wstyle-heading-color) !important;
    transition: all 0.2s ease;
}
.kb-prose a.btn-soft:hover,
.btn-soft:hover {
    background-color: rgba(9, 81, 116, 0.15) !important;
    color: #095174 !important;
}

/* 4 Metrics Stat Deck */
.bp-stat-deck {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    margin-bottom: 2.5rem;
}
@media (min-width: 992px) {
    .bp-stat-deck {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
.bp-stat-card {
    background-color: var(--wstyle-surface-bg);
    border: 1px solid var(--wstyle-border-color);
    border-radius: var(--wstyle-radius);
    padding: 1.5rem;
    box-shadow: var(--wstyle-shadow-sm);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    display: flex;
    flex-direction: column;
}
.bp-stat-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--wstyle-shadow);
    border-color: color-mix(in srgb, var(--wstyle-primary) 35%, var(--wstyle-border-color));
}
.bp-stat-val {
    font-size: 1.85rem;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--wstyle-primary);
    margin-bottom: 0.35rem;
}
.bp-stat-lbl {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--wstyle-heading-color);
    margin-bottom: 0.25rem;
}
.bp-stat-desc {
    font-size: 0.825rem;
    color: var(--wstyle-muted-color);
    line-height: 1.4;
    margin: 0;
}

/* Masterpiece Nur Enerji Showcase */
.bp-nur-box {
    background-color: var(--wstyle-surface-bg);
    border: 1px solid var(--wstyle-border-color);
    border-radius: calc(var(--wstyle-radius) * 1.5);
    padding: 2.25rem;
    box-shadow: var(--wstyle-shadow);
    margin-bottom: 2.5rem;
    position: relative;
    overflow: hidden;
}
.bp-nur-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #f59e0b 0%, #3b82f6 50%, #10b981 100%);
}

.bp-feature-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.25rem;
}
@media (min-width: 768px) {
    .bp-feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (min-width: 1200px) {
    .bp-feature-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
.bp-item-card {
    background-color: var(--wstyle-body-bg);
    border: 1px solid var(--wstyle-border-color);
    border-radius: var(--wstyle-radius);
    padding: 1.35rem;
    height: 100%;
    transition: all 0.25s ease;
}
.bp-item-card:hover {
    background-color: var(--wstyle-surface-bg);
    border-color: color-mix(in srgb, var(--wstyle-primary) 40%, var(--wstyle-border-color));
    transform: translateY(-2px);
    box-shadow: var(--wstyle-shadow-sm);
}

/* Comparison Table */
.bp-table-wrap {
    background-color: var(--wstyle-surface-bg);
    border: 1px solid var(--wstyle-border-color);
    border-radius: var(--wstyle-radius);
    overflow: hidden;
    box-shadow: var(--wstyle-shadow-sm);
    margin-bottom: 2.5rem;
}

/* Custom CTA Band for BiPanel Page */
.bp-cta-band {
    position: relative;
    overflow: hidden;
    padding: 3.5rem 2rem;
    border-radius: calc(var(--wstyle-radius) * 2);
    background: linear-gradient(135deg, #095174 0%, #0d9488 100%);
    color: #ffffff;
    text-align: center;
    box-shadow: 0 15px 35px rgba(9, 81, 116, 0.2);
    margin-top: 2rem;
}
.bp-cta-band .bp-cta-title {
    font-size: 1.85rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #ffffff !important;
}
.bp-cta-band p {
    color: rgba(255, 255, 255, 0.85);
}
.bp-cta-band a.btn-cta-gold {
    background-color: #f59e0b !important;
    border-color: #f59e0b !important;
    color: #111827 !important;
    font-weight: 700;
    box-shadow: 0 4px 15px rgba(245, 158, 11, 0.35);
    text-decoration: none !important;
}
.bp-cta-band a.btn-cta-gold:hover {
    background-color: #d97706 !important;
    color: #000000 !important;
    transform: translateY(-2px);
}
.bp-cta-band a.btn-cta-outline {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    color: #ffffff !important;
    font-weight: 600;
    text-decoration: none !important;
}
.bp-cta-band a.btn-cta-outline:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
}