@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

html,
body {
    overflow-x: hidden;
}

@media (max-width: 960px) {
    .uk-section.uk-padding-large {
        padding-left: 0;
        padding-right: 0;
    }
}

.uk-button {
    font-family: 'Roboto', sans-serif;
}

.in-button-app {
    background-color: #2b2a2a;
    border-radius: 6px;
    color: #fff;
}

    .in-button-app:hover {
        transition: all ease 400ms;
        background-color: #fff;
        box-shadow: inset 0px 0px 0px 1px #d6d5e1;
        color: #3f3453;
    }

@media (max-width: 960px) {
    .in-button-app {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.in-highlight {
    position: relative;
    background: 0 0;
    z-index: 0;
}

    .in-highlight::before {
        content: '';
        background: #ffcc00;
        position: absolute;
        left: 0;
        right: -2px;
        bottom: 2px;
        height: 16px;
        z-index: -1;
    }

.in-list-check li::before {
    background-image: none;
    font-size: 14px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f00c";
    color: #ffcc00;
    top: 2px;
    left: 4px;
}

/* [ 2. header ] */
header {
    border-bottom: 1px solid #e3e3e3;
}

    header .uk-navbar-dropdown {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

        header .uk-navbar-dropdown li {
            font-size: 14.6px;
            text-transform: initial;
        }

/* [ 3. navigation ] */
.uk-navbar-nav a i {
    font-size: 8.5px;
    margin: 6px 0 0 8px;
    transition: all ease 200ms;
}

.uk-navbar-nav a.uk-open i {
    transition: all ease 200ms;
    transform: rotate(-180deg);
}

.uk-navbar-dropdown-nav a i {
    font-size: 13px;
}

.in-optional-nav div {
    border: 1px solid #ffcc00;
    border-radius: 6px;
    margin-left: 11px;
    padding: 5px 4px 8px;
}

    .in-optional-nav div .uk-button {
        color: #ffcc00;
        font-size: 0.765rem;
        font-weight: bold;
        line-height: 10px;
        letter-spacing: 2px;
        text-transform: uppercase;
        padding-left: 10px;
        padding-right: 10px;
    }

        .in-optional-nav div .uk-button:first-child {
            border-right: 1px solid #ffcc00;
        }

.in-mobile-nav .uk-button {
    font-size: 17px;
    padding: 2px 16px;
    color: #463a5c;
    background-color: transparent;
    box-shadow: inset 0px 0px 0px 1px #e3e3e3;
    border-radius: 6px;
}

/* [ 4. slideshow ] */
.in-slideshow {
    background: linear-gradient(0deg, #f5f5f9 0%, #f5f5f9 80%, white 100%);
}

    .in-slideshow .uk-slideshow-items {
        margin-bottom: -40px;
    }

        .in-slideshow .uk-slideshow-items p {
            margin-top: 25px;
        }

    .in-slideshow .uk-overlay {
        margin-top: 31px;
        z-index: 1;
        position: relative;
    }

    .in-slideshow .uk-position-center {
        margin-top: -1px;
        left: 61%;
    }

    .in-slideshow .in-slideshow-button {
        margin-top: 30px;
    }

        .in-slideshow .in-slideshow-button .uk-button {
            padding: 3px 30px;
        }

    .in-slideshow .in-slideshow-feature {
        color: #3f3453;
        position: relative;
        top: -65px;
    }

        .in-slideshow .in-slideshow-feature .in-icon-wrap {
            background-color: #6b617c;
            color: #fff;
        }

@media (min-width: 640px) and (max-width: 960px) {
    .in-slideshow .uk-overlay {
        margin-top: 16%;
        text-align: center;
    }

    .in-slideshow .uk-position-center {
        left: 50%;
        opacity: 0.75;
    }

        .in-slideshow .uk-position-center img {
            height: 100%;
        }
}

@media (max-width: 639px) {
    .in-slideshow .uk-overlay {
        margin-top: 8px;
    }

    .in-slideshow .uk-position-center {
        left: 48%;
        opacity: 0.75;
    }

        .in-slideshow .uk-position-center img {
            height: 342px;
        }

    .in-slideshow .in-highlight {
        display: inline-block;
    }
}

/* [ 5. footer ] */
footer .uk-section-primary {
    background-color: #282828;
}

    footer p,
    footer .uk-section-primary:not(.uk-preserve-color) a {
        color: rgba(255, 255, 255, 0.55);
    }

footer .uk-list li i {
    color: #fff;
}

footer .in-footer-warning {
    padding: 0 28px 6px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 12px;
}

    footer .in-footer-warning h5 {
        margin-top: -9px;
        margin-left: -8px;
    }

        footer .in-footer-warning h5 span {
            background-color: #ffcc00;
            padding-left: 8px;
            padding-right: 8px;
        }

footer .in-footer-socials a:hover {
    text-decoration: inherit;
}

footer .in-footer-socials i {
    margin-left: 22px;
    font-size: 18px;
}

@media (max-width: 960px) {
    footer .uk-section-primary {
        padding-top: 65px;
    }

    footer .in-footer-socials i {
        margin-left: 0;
        margin-right: 22px;
    }
}

/* [ 6. components ] */
/* blog component */
.in-blog-1 .uk-card-default {
    border: 1px solid #e8e8e8;
    background-color: #fff;
}

    .in-blog-1 .uk-card-default a {
        color: inherit;
        text-decoration: none;
    }

        .in-blog-1 .uk-card-default a.uk-button-text {
            color: #ffcc00;
        }

            .in-blog-1 .uk-card-default a.uk-button-text:hover {
                color: #fc3f1d;
            }

.in-blog-1 .uk-card-media-top img {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.in-blog-1 .uk-card-footer {
    border-top: 1px solid #e8e8e8;
}

    .in-blog-1 .uk-card-footer .uk-label {
        padding-left: 14px;
        padding-right: 14px;
    }

.in-article .in-figure-available {
    margin-bottom: -158px;
}

.in-article blockquote {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-style: normal;
    border-left: 2px solid #e8e8e8;
    margin: 42px 0 42px 22px;
    padding-left: 45px;
}

    .in-article blockquote p:first-of-type::before {
        content: "";
    }

    .in-article blockquote footer cite::before {
        content: "—";
        margin-right: 10px;
    }

.in-article .in-article-tags {
    margin-top: 2px;
    font-size: 0.765rem;
}

    .in-article .in-article-tags i {
        position: relative;
        top: 1px;
    }

.in-article .in-article-share {
    margin-top: -2px;
}

    .in-article .in-article-share a.uk-label {
        width: 16px;
        color: #fff;
        text-align: center;
    }

@media (max-width: 960px) {
    .in-article .in-figure-available {
        margin-bottom: 0;
    }

        .in-article .in-figure-available img.uk-width-1-1 {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            margin-bottom: -3px;
        }

    .in-article article.uk-card {
        z-index: -1;
    }

    .in-article blockquote {
        margin: 42px 0 42px 0px;
        padding-left: 30px;
    }
}

@media (max-width: 480px) {
    .in-article .in-article-share {
        margin: 10px 0 5px;
        float: left;
    }
}

.in-widget-popular li {
    margin-bottom: 25px;
}

    .in-widget-popular li:last-child {
        margin-bottom: 0;
    }

.in-widget-archive i {
    font-size: 9.5px;
    margin-top: 8px;
}

.in-widget-tag .uk-label {
    background-color: #fff;
    border: 0;
    color: #717070;
    margin: 3px 1px;
    padding: 4px 13px;
}

.in-widget-tag a:hover .uk-label {
    transition: all ease .5s;
    background-color: #ffcc00;
    color: #fff;
}

.in-widget-category li a,
.in-widget-popular li a,
.in-widget-archive li a {
    color: inherit;
}

    .in-widget-category li a:hover,
    .in-widget-popular li a:hover,
    .in-widget-archive li a:hover {
        color: #d35038;
        text-decoration: none;
    }

/* card component */
.in-card-10 .uk-card-default {
    border: 0;
    background-color: #fff;
}

    .in-card-10 .uk-card-default hr {
        border-width: 2px;
    }

    .in-card-10 .uk-card-default p {
        font-size: 0.882rem;
        color: #fff;
    }

    .in-card-10 .uk-card-default a {
        color: inherit;
        text-decoration: none;
    }

        .in-card-10 .uk-card-default a i {
            font-size: 11px;
            margin-top: 5px;
        }

.in-card-10 .uk-card-body {
    padding: 28px;
}

.in-card-10 .uk-light .in-icon-wrap {
    background: rgba(255, 255, 255, 0.3);
    color: #fff;
}

.in-card-10 .in-card-green {
    background-color: #27BC9C;
}

.in-card-10 .in-card-blue {
    background-color: #4284DD;
}

.in-card-10 .in-card-purple {
    background-color: #9A5BB4;
}

.in-card-10 .in-card-navy {
    background-color: #35495D;
}

.in-card-10 .in-card-grey {
    background-color: #95A5A6;
}

.in-card-10 .in-card-orange {
    background-color: #ffcc00;
}

.in-card-paper {
    position: relative;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    border-color: rgba(0, 0, 0, 0.1);
}

    .in-card-paper:before,
    .in-card-paper:after {
        box-shadow: 1px 1px 2px #ddd;
        border: 1px solid rgba(0, 0, 0, 0.1);
        background-color: inherit;
        position: absolute;
        content: "";
        right: 0;
        left: 0;
        bottom: 0;
        top: 0;
    }

    .in-card-paper:before {
        transform: rotate(1deg);
        z-index: -1;
        top: -1px;
    }

    .in-card-paper:after {
        transform: rotate(-1deg);
        z-index: -2;
        left: -1px;
    }

    .in-card-paper .uk-card-small {
        padding: 18px 22px;
    }

/* client logo component */
.in-client-logo-3 .uk-tile {
    padding: 10px 35px;
}

    .in-client-logo-3 .uk-tile img {
        opacity: 0.8;
        transition: 0.3s ease-in-out;
    }

        .in-client-logo-3 .uk-tile img:hover {
            opacity: 1;
        }

.in-client-logo-6 .uk-tile {
    border-right: 1px solid #e8e8e8;
    padding: 10px 35px;
}

    .in-client-logo-6 .uk-tile:last-child {
        border-right: 0;
    }

    .in-client-logo-6 .uk-tile img {
        opacity: 0.8;
        transition: 0.3s ease-in-out;
    }

        .in-client-logo-6 .uk-tile img:hover {
            opacity: 1;
        }

@media (min-width: 640px) and (max-width: 960px) {
    .in-client-logo-6 .uk-tile {
        padding: 28px 0;
        border-right: 0;
    }

        .in-client-logo-6 .uk-tile:nth-child(-n+2) {
            border-bottom: 1px solid #e8e8e8;
        }

        .in-client-logo-6 .uk-tile:nth-child(1),
        .in-client-logo-6 .uk-tile:nth-child(3) {
            border-right: 1px solid #e8e8e8;
        }
}

@media (max-width: 639px) {
    .in-client-logo-6 .uk-tile {
        padding: 28px 0;
        border-right: 0;
        border-bottom: 1px solid #e8e8e8;
    }

        .in-client-logo-6 .uk-tile:nth-child(4) {
            border-bottom: 0;
        }
}

/* contact component */
@media (max-width: 960px) {
    .in-contact-6 iframe {
        height: 300px;
    }
}

/* content component */
.in-content-10 .in-icon-wrap {
    color: #dbdbdb;
}

.in-content-10 .uk-card-primary.uk-card-body .uk-search-default .uk-search-input {
    height: 46px;
    background-color: #fff;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
    padding-left: 50px;
}

.in-content-10 .uk-card-primary.uk-card-body .uk-search .uk-search-icon {
    padding-left: 8px;
}

    .in-content-10 .uk-card-primary.uk-card-body .uk-search .uk-search-icon,
    .in-content-10 .uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,
    .in-content-10 .uk-card-primary.uk-card-body .uk-search-input {
        color: #666;
    }

        .in-content-10 .uk-card-primary.uk-card-body .uk-search-input::-ms-input-placeholder {
            color: #999;
        }

        .in-content-10 .uk-card-primary.uk-card-body .uk-search-input::placeholder {
            color: #999;
        }

.in-content-11 .uk-card-default {
    transition: all ease .5s;
    border: 1px solid #e8e8e8;
    background-color: #fff;
}

    .in-content-11 .uk-card-default h4 {
        color: #4f4f4f;
    }

    .in-content-11 .uk-card-default .in-icon-wrap {
        background-color: #4f4f4f;
        color: #fff;
    }

    .in-content-11 .uk-card-default .uk-text-small {
        color: #666;
    }

    .in-content-11 .uk-card-default:hover {
        border-color: #ffcc00;
        text-decoration: none;
    }

        .in-content-11 .uk-card-default:hover h4 {
            color: #ffcc00;
            transition: all ease .5s;
        }

        .in-content-11 .uk-card-default:hover .in-icon-wrap {
            background-color: #ffcc00;
            transition: all ease .5s;
        }

/* counter component */
/* faq component */
.in-faq-5 .uk-accordion-title {
    padding: 15px 0;
}

    .in-faq-5 .uk-accordion-title::before {
        content: "\f053";
        font-family: 'Font Awesome 5 Free';
        font-style: normal;
        font-weight: 900;
        font-size: 13px;
        color: inherit;
        margin: 5px 0;
        float: right;
    }

.in-faq-5 .uk-open .uk-accordion-title {
    color: #ffcc00;
    border-bottom: 0;
}

    .in-faq-5 .uk-open .uk-accordion-title::before {
        content: "\f078";
    }

.in-faq-5 .uk-accordion-content {
    margin-top: 0px;
    padding-bottom: 10px;
}

.in-faq-5 li:last-child .uk-accordion-title,
.in-faq-5 li:last-child .uk-accordion-content {
    border-bottom: 0;
}

/* pricing component */
.in-pricing-1 .uk-card {
    overflow: hidden;
    border-radius: 12px;
    border: 2px solid #d5cee0;
    transition: all ease 600ms;
}

.in-pricing-1 .uk-card-default {
    background-color: #fff;
}

    .in-pricing-1 .uk-card-default:hover {
        border-color: #b9afcd;
    }

.in-pricing-1 .uk-card-header .in-pricing-small {
    font-size: 24px;
    margin-right: -15px;
    top: -3px;
    position: relative;
}

.in-pricing-1 .uk-card-header hr {
    margin-top: 40px;
    margin-bottom: -25px;
}

.in-pricing-1 .uk-card-header .uk-label {
    background-color: #463a5c;
}

.in-pricing-1 .uk-card-header .uk-card-badge {
    margin: 10px 8px 0 0;
}

.in-pricing-1 .uk-card-header i {
    color: rgba(0, 0, 0, 0.1);
}

.in-pricing-1 .uk-card-body .uk-list-bullet > li::before {
    background-image: none;
    font-size: 14px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f00c";
    color: #ffcc00;
    top: 1px;
    left: 4px;
}

.in-pricing-1.in-pricing-featured .uk-card {
    border-color: #ffcc00;
}

    .in-pricing-1.in-pricing-featured .uk-card:hover {
        background-color: white;
        border-color: #ffcc00;
    }

.in-pricing-1.in-pricing-featured .uk-card-header .uk-label {
    background-color: #ffcc00;
}

/* team component */
/* testimonial component */
.in-testimonial-7 .uk-card {
    padding-top: 20px;
    padding-bottom: 20px;
}

.in-testimonial-7 .uk-card-default {
    border: 1px solid #e8e8e8;
    background-color: #fff;
}

.in-testimonial-8 .uk-card {
    padding-top: 20px;
    padding-bottom: 15px;
}

.in-testimonial-8 .uk-card-default {
    border: 1px solid #e8e8e8;
    background-color: #fff;
}

/* timeline component */
.in-timeline-1 hr {
    margin-bottom: 0;
}

.in-timeline-1 .uk-card-default {
    border: 1px solid #e8e8e8;
    background-color: #fff;
}

.in-timeline-1 .uk-label {
    position: relative;
    top: -1px;
    left: 10px;
}

.in-timeline-1 .in-timeline-branch .in-icon-wrap {
    font-weight: 700;
    position: relative;
    top: 21px;
    left: 38px;
}

.in-timeline-1 .in-timeline-branch .in-timeline-title {
    height: 105px;
    border-left: 1px solid #e8e8e8;
    margin-left: 5px;
    padding-left: 40px;
}

@media (max-width: 960px) {
    .in-timeline-1 > .uk-child-width-1-1 > div {
        margin-top: 0;
    }
}

/* [ 7. utility ] */
@-webkit-keyframes hideLoader {
    0% {
        width: 100%;
        height: 100%;
    }

    100% {
        width: 0;
        height: 0;
    }
}

@keyframes hideLoader {
    0% {
        width: 100%;
        height: 100%;
    }

    100% {
        width: 0;
        height: 0;
    }
}

body > div.in-loader {
    position: fixed;
    background: white;
    width: 100%;
    height: 100%;
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.5s ease;
    overflow: hidden;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

    body > div.in-loader div {
        width: 1rem;
        height: 1rem;
        margin: 2rem 0.3rem;
        background: #ffcc00;
        border-radius: 50%;
        -webkit-animation: 0.9s bounce infinite alternate;
        animation: 0.9s bounce infinite alternate;
    }

        body > div.in-loader div:nth-child(2) {
            -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
        }

        body > div.in-loader div:nth-child(3) {
            -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s;
        }

body:not(.loaded) > div.in-loader {
    opacity: 1;
}

body:not(.loaded) {
    overflow: hidden;
}

body.loaded > div.in-loader {
    -webkit-animation: hideLoader 0.5s linear 0.5s forwards;
    animation: hideLoader 0.5s linear 0.5s forwards;
}

@-webkit-keyframes bounce {
    to {
        opacity: 0.3;
        transform: translate3d(0, -1rem, 0);
    }
}

@keyframes bounce {
    to {
        opacity: 0.3;
        transform: translate3d(0, -1rem, 0);
    }
}

.in-brand-google,
a.in-brand-google {
    background-color: #4687f2;
    color: #fff;
}

    .in-brand-google:hover,
    a.in-brand-google:hover {
        background-color: #639af4;
    }

.in-brand-facebook,
a.in-brand-facebook {
    background-color: #3B5999;
    color: #fff;
}

    .in-brand-facebook:hover,
    a.in-brand-facebook:hover {
        background-color: #4d70ba;
    }

.in-brand-twitter,
a.in-brand-twitter {
    background-color: #1DA1F2;
    color: #fff;
}

    .in-brand-twitter:hover,
    a.in-brand-twitter:hover {
        background-color: #3aadf4;
    }

.in-brand-pinterest,
a.in-brand-pinterest {
    background-color: #BD081C;
    color: #fff;
}

    .in-brand-pinterest:hover,
    a.in-brand-pinterest:hover {
        background-color: #da0920;
    }

.in-brand-youtube,
a.in-brand-youtube {
    background-color: #CD201F;
    color: #fff;
}

    .in-brand-youtube:hover,
    a.in-brand-youtube:hover {
        background-color: #df2d2c;
    }

.in-generic-email,
a.in-generic-email {
    background-color: #37474f;
    color: #fff;
}

    .in-generic-email:hover,
    a.in-generic-email:hover {
        background-color: #445761;
    }

/* download app button */
.in-button-app {
    font-weight: 300;
    font-size: 13px;
    text-transform: capitalize;
    text-align: left;
    line-height: 17px;
    padding: 8px 14px;
}

    .in-button-app span.wrapper {
        float: right;
    }

        .in-button-app span.wrapper span {
            font-weight: 600;
            font-size: 15px;
        }

            .in-button-app span.wrapper span::before {
                content: "\A";
                white-space: pre;
            }

    .in-button-app i {
        margin-right: 14px;
        position: relative;
        top: 4px;
    }

.in-icon-wrap {
    font-family: 'Roboto', sans-serif;
    font-weight: inherit;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    background-color: #f0f0f0;
    color: #5c5c5c;
    border-radius: 24px;
}

    .in-icon-wrap.small {
        width: 38px;
        height: 38px;
        border-radius: 14px;
    }

    .in-icon-wrap.large {
        width: 92px;
        height: 92px;
        border-radius: 34px;
    }

    .in-icon-wrap.circle {
        border-radius: 500px;
    }

    .in-icon-wrap.transparent {
        background-color: transparent;
    }

    .in-icon-wrap.primary-color {
        background-color: #ffcc00;
        color: #fff;
    }

    .in-icon-wrap.secondary-color {
        background-color: #5c5c5c;
        color: #fff;
    }

/* offset top margin */
.in-offset-top-10 {
    margin-top: -10px;
}

.in-offset-top-20 {
    margin-top: -20px;
}

.in-offset-top-30 {
    margin-top: -30px;
}

.in-offset-top-40 {
    margin-top: -40px;
}

.in-offset-top-50 {
    margin-top: -50px;
}

.in-offset-top-60 {
    margin-top: -60px;
}

.in-offset-top-70 {
    margin-top: -70px;
}

.in-offset-top-80 {
    margin-top: -80px;
}

/* offset bottom margin */
.in-offset-bottom-10 {
    margin-bottom: -10px;
}

.in-offset-bottom-20 {
    margin-bottom: -20px;
}

.in-offset-bottom-30 {
    margin-bottom: -30px;
}

.in-offset-bottom-40 {
    margin-bottom: -40px;
}

.in-offset-bottom-50 {
    margin-bottom: -50px;
}

.in-offset-bottom-60 {
    margin-bottom: -60px;
}

.in-offset-bottom-70 {
    margin-bottom: -70px;
}

.in-offset-bottom-80 {
    margin-bottom: -80px;
}

@media (max-width: 960px) {

    /* margin remove */
    .in-margin-remove-top\@s {
        margin-top: 0 !important;
    }

    .in-margin-remove-left\@s {
        margin-left: 0 !important;
    }

    .in-margin-remove-right\@s {
        margin-right: 0 !important;
    }

    .in-margin-remove-bottom\@s {
        margin-bottom: 0 !important;
    }

    /* margin top and bottom */
    .in-margin-top-10\@s {
        margin-top: 10px !important;
    }

    .in-margin-top-20\@s {
        margin-top: 20px !important;
    }

    .in-margin-top-30\@s {
        margin-top: 30px !important;
    }

    .in-margin-top-40\@s {
        margin-top: 40px !important;
    }

    .in-margin-top-50\@s {
        margin-top: 50px !important;
    }

    .in-margin-top-60\@s {
        margin-top: 60px !important;
    }

    .in-margin-top-70\@s {
        margin-top: 70px !important;
    }

    .in-margin-top-80\@s {
        margin-top: 80px !important;
    }

    .in-margin-bottom-10\@s {
        margin-bottom: 10px !important;
    }

    .in-margin-bottom-20\@s {
        margin-bottom: 20px !important;
    }

    .in-margin-bottom-30\@s {
        margin-bottom: 30px !important;
    }

    .in-margin-bottom-40\@s {
        margin-bottom: 40px !important;
    }

    .in-margin-bottom-50\@s {
        margin-bottom: 50px !important;
    }

    .in-margin-bottom-60\@s {
        margin-bottom: 60px !important;
    }

    .in-margin-bottom-70\@s {
        margin-bottom: 70px !important;
    }

    .in-margin-bottom-80\@s {
        margin-bottom: 80px !important;
    }

    /* padding horizontal and vertical */
    .in-padding-horizontal\@s {
        padding: 0 30px;
    }

    .in-padding-large-horizontal\@s {
        padding: 0 60px;
    }

    .in-padding-vertical\@s {
        padding: 30px 0;
    }

    .in-padding-large-vertical\@s {
        padding: 60px 0;
    }
}

.in-totop {
    font-size: 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    position: fixed;
    right: 40px;
    bottom: 40px;
    background-color: #ffcc00;
    border-radius: 50%;
    opacity: 0;
}

    .in-totop.uk-animation-slide-top {
        opacity: 1;
    }

a.in-totop {
    color: #fff;
    text-decoration: none;
}

.in-z-index {
    position: relative;
}

    .in-z-index.top {
        z-index: 1;
    }

    .in-z-index.bottom {
        z-index: -1;
    }

/* [ 8. vendors ] */
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -.0667em;
}

.fa-xs {
    font-size: .75em;
}

.fa-sm {
    font-size: .875em;
}

.fa-1x {
    font-size: 1em;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-6x {
    font-size: 6em;
}

.fa-7x {
    font-size: 7em;
}

.fa-8x {
    font-size: 8em;
}

.fa-9x {
    font-size: 9em;
}

.fa-10x {
    font-size: 10em;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
    content: "\f26e";
}

.fa-accessible-icon:before {
    content: "\f368";
}

.fa-accusoft:before {
    content: "\f369";
}

.fa-acquisitions-incorporated:before {
    content: "\f6af";
}

.fa-ad:before {
    content: "\f641";
}

.fa-address-book:before {
    content: "\f2b9";
}

.fa-address-card:before {
    content: "\f2bb";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-adn:before {
    content: "\f170";
}

.fa-adobe:before {
    content: "\f778";
}

.fa-adversal:before {
    content: "\f36a";
}

.fa-affiliatetheme:before {
    content: "\f36b";
}

.fa-air-freshener:before {
    content: "\f5d0";
}

.fa-airbnb:before {
    content: "\f834";
}

.fa-algolia:before {
    content: "\f36c";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-alipay:before {
    content: "\f642";
}

.fa-allergies:before {
    content: "\f461";
}

.fa-amazon:before {
    content: "\f270";
}

.fa-amazon-pay:before {
    content: "\f42c";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-american-sign-language-interpreting:before {
    content: "\f2a3";
}

.fa-amilia:before {
    content: "\f36d";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-android:before {
    content: "\f17b";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angry:before {
    content: "\f556";
}

.fa-angrycreative:before {
    content: "\f36e";
}

.fa-angular:before {
    content: "\f420";
}

.fa-ankh:before {
    content: "\f644";
}

.fa-app-store:before {
    content: "\f36f";
}

.fa-app-store-ios:before {
    content: "\f370";
}

.fa-apper:before {
    content: "\f371";
}

.fa-apple:before {
    content: "\f179";
}

.fa-apple-alt:before {
    content: "\f5d1";
}

.fa-apple-pay:before {
    content: "\f415";
}

.fa-archive:before {
    content: "\f187";
}

.fa-archway:before {
    content: "\f557";
}

.fa-arrow-alt-circle-down:before {
    content: "\f358";
}

.fa-arrow-alt-circle-left:before {
    content: "\f359";
}

.fa-arrow-alt-circle-right:before {
    content: "\f35a";
}

.fa-arrow-alt-circle-up:before {
    content: "\f35b";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-arrows-alt-h:before {
    content: "\f337";
}

.fa-arrows-alt-v:before {
    content: "\f338";
}

.fa-artstation:before {
    content: "\f77a";
}

.fa-assistive-listening-systems:before {
    content: "\f2a2";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-asymmetrik:before {
    content: "\f372";
}

.fa-at:before {
    content: "\f1fa";
}

.fa-atlas:before {
    content: "\f558";
}

.fa-atlassian:before {
    content: "\f77b";
}

.fa-atom:before {
    content: "\f5d2";
}

.fa-audible:before {
    content: "\f373";
}

.fa-audio-description:before {
    content: "\f29e";
}

.fa-autoprefixer:before {
    content: "\f41c";
}

.fa-avianex:before {
    content: "\f374";
}

.fa-aviato:before {
    content: "\f421";
}

.fa-award:before {
    content: "\f559";
}

.fa-aws:before {
    content: "\f375";
}

.fa-baby:before {
    content: "\f77c";
}

.fa-baby-carriage:before {
    content: "\f77d";
}

.fa-backspace:before {
    content: "\f55a";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-bacon:before {
    content: "\f7e5";
}

.fa-bahai:before {
    content: "\f666";
}

.fa-balance-scale:before {
    content: "\f24e";
}

.fa-balance-scale-left:before {
    content: "\f515";
}

.fa-balance-scale-right:before {
    content: "\f516";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-band-aid:before {
    content: "\f462";
}

.fa-bandcamp:before {
    content: "\f2d5";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-bars:before {
    content: "\f0c9";
}

.fa-baseball-ball:before {
    content: "\f433";
}

.fa-basketball-ball:before {
    content: "\f434";
}

.fa-bath:before {
    content: "\f2cd";
}

.fa-battery-empty:before {
    content: "\f244";
}

.fa-battery-full:before {
    content: "\f240";
}

.fa-battery-half:before {
    content: "\f242";
}

.fa-battery-quarter:before {
    content: "\f243";
}

.fa-battery-three-quarters:before {
    content: "\f241";
}

.fa-battle-net:before {
    content: "\f835";
}

.fa-bed:before {
    content: "\f236";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-bell-slash:before {
    content: "\f1f6";
}

.fa-bezier-curve:before {
    content: "\f55b";
}

.fa-bible:before {
    content: "\f647";
}

.fa-bicycle:before {
    content: "\f206";
}

.fa-biking:before {
    content: "\f84a";
}

.fa-bimobject:before {
    content: "\f378";
}

.fa-binoculars:before {
    content: "\f1e5";
}

.fa-biohazard:before {
    content: "\f780";
}

.fa-birthday-cake:before {
    content: "\f1fd";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitcoin:before {
    content: "\f379";
}

.fa-bity:before {
    content: "\f37a";
}

.fa-black-tie:before {
    content: "\f27e";
}

.fa-blackberry:before {
    content: "\f37b";
}

.fa-blender:before {
    content: "\f517";
}

.fa-blender-phone:before {
    content: "\f6b6";
}

.fa-blind:before {
    content: "\f29d";
}

.fa-blog:before {
    content: "\f781";
}

.fa-blogger:before {
    content: "\f37c";
}

.fa-blogger-b:before {
    content: "\f37d";
}

.fa-bluetooth:before {
    content: "\f293";
}

.fa-bluetooth-b:before {
    content: "\f294";
}

.fa-bold:before {
    content: "\f032";
}

.fa-bolt:before {
    content: "\f0e7";
}

.fa-bomb:before {
    content: "\f1e2";
}

.fa-bone:before {
    content: "\f5d7";
}

.fa-bong:before {
    content: "\f55c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-book-dead:before {
    content: "\f6b7";
}

.fa-book-medical:before {
    content: "\f7e6";
}

.fa-book-open:before {
    content: "\f518";
}

.fa-book-reader:before {
    content: "\f5da";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-bootstrap:before {
    content: "\f836";
}

.fa-border-all:before {
    content: "\f84c";
}

.fa-border-none:before {
    content: "\f850";
}

.fa-border-style:before {
    content: "\f853";
}

.fa-bowling-ball:before {
    content: "\f436";
}

.fa-box:before {
    content: "\f466";
}

.fa-box-open:before {
    content: "\f49e";
}

.fa-box-tissue:before {
    content: "\f95b";
}

.fa-boxes:before {
    content: "\f468";
}

.fa-braille:before {
    content: "\f2a1";
}

.fa-brain:before {
    content: "\f5dc";
}

.fa-bread-slice:before {
    content: "\f7ec";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-briefcase-medical:before {
    content: "\f469";
}

.fa-broadcast-tower:before {
    content: "\f519";
}

.fa-broom:before {
    content: "\f51a";
}

.fa-brush:before {
    content: "\f55d";
}

.fa-btc:before {
    content: "\f15a";
}

.fa-buffer:before {
    content: "\f837";
}

.fa-bug:before {
    content: "\f188";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-burn:before {
    content: "\f46a";
}

.fa-buromobelexperte:before {
    content: "\f37f";
}

.fa-bus:before {
    content: "\f207";
}

.fa-bus-alt:before {
    content: "\f55e";
}

.fa-business-time:before {
    content: "\f64a";
}

.fa-buy-n-large:before {
    content: "\f8a6";
}

.fa-buysellads:before {
    content: "\f20d";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-calendar:before {
    content: "\f133";
}

.fa-calendar-alt:before {
    content: "\f073";
}

.fa-calendar-check:before {
    content: "\f274";
}

.fa-calendar-day:before {
    content: "\f783";
}

.fa-calendar-minus:before {
    content: "\f272";
}

.fa-calendar-plus:before {
    content: "\f271";
}

.fa-calendar-times:before {
    content: "\f273";
}

.fa-calendar-week:before {
    content: "\f784";
}

.fa-camera:before {
    content: "\f030";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-campground:before {
    content: "\f6bb";
}

.fa-canadian-maple-leaf:before {
    content: "\f785";
}

.fa-candy-cane:before {
    content: "\f786";
}

.fa-cannabis:before {
    content: "\f55f";
}

.fa-capsules:before {
    content: "\f46b";
}

.fa-car:before {
    content: "\f1b9";
}

.fa-car-alt:before {
    content: "\f5de";
}

.fa-car-battery:before {
    content: "\f5df";
}

.fa-car-crash:before {
    content: "\f5e1";
}

.fa-car-side:before {
    content: "\f5e4";
}

.fa-caravan:before {
    content: "\f8ff";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-caret-square-down:before {
    content: "\f150";
}

.fa-caret-square-left:before {
    content: "\f191";
}

.fa-caret-square-right:before {
    content: "\f152";
}

.fa-caret-square-up:before {
    content: "\f151";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-carrot:before {
    content: "\f787";
}

.fa-cart-arrow-down:before {
    content: "\f218";
}

.fa-cart-plus:before {
    content: "\f217";
}

.fa-cash-register:before {
    content: "\f788";
}

.fa-cat:before {
    content: "\f6be";
}

.fa-cc-amazon-pay:before {
    content: "\f42d";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-cc-apple-pay:before {
    content: "\f416";
}

.fa-cc-diners-club:before {
    content: "\f24c";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-cc-jcb:before {
    content: "\f24b";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-centercode:before {
    content: "\f380";
}

.fa-centos:before {
    content: "\f789";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-chair:before {
    content: "\f6c0";
}

.fa-chalkboard:before {
    content: "\f51b";
}

.fa-chalkboard-teacher:before {
    content: "\f51c";
}

.fa-charging-station:before {
    content: "\f5e7";
}

.fa-chart-area:before {
    content: "\f1fe";
}

.fa-chart-bar:before {
    content: "\f080";
}

.fa-chart-line:before {
    content: "\f201";
}

.fa-chart-pie:before {
    content: "\f200";
}

.fa-check:before {
    content: "\f00c";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-check-double:before {
    content: "\f560";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-cheese:before {
    content: "\f7ef";
}

.fa-chess:before {
    content: "\f439";
}

.fa-chess-bishop:before {
    content: "\f43a";
}

.fa-chess-board:before {
    content: "\f43c";
}

.fa-chess-king:before {
    content: "\f43f";
}

.fa-chess-knight:before {
    content: "\f441";
}

.fa-chess-pawn:before {
    content: "\f443";
}

.fa-chess-queen:before {
    content: "\f445";
}

.fa-chess-rook:before {
    content: "\f447";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-chrome:before {
    content: "\f268";
}

.fa-chromecast:before {
    content: "\f838";
}

.fa-church:before {
    content: "\f51d";
}

.fa-circle:before {
    content: "\f111";
}

.fa-circle-notch:before {
    content: "\f1ce";
}

.fa-city:before {
    content: "\f64f";
}

.fa-clinic-medical:before {
    content: "\f7f2";
}

.fa-clipboard:before {
    content: "\f328";
}

.fa-clipboard-check:before {
    content: "\f46c";
}

.fa-clipboard-list:before {
    content: "\f46d";
}

.fa-clock:before {
    content: "\f017";
}

.fa-clone:before {
    content: "\f24d";
}

.fa-closed-captioning:before {
    content: "\f20a";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-cloud-download-alt:before {
    content: "\f381";
}

.fa-cloud-meatball:before {
    content: "\f73b";
}

.fa-cloud-moon:before {
    content: "\f6c3";
}

.fa-cloud-moon-rain:before {
    content: "\f73c";
}

.fa-cloud-rain:before {
    content: "\f73d";
}

.fa-cloud-showers-heavy:before {
    content: "\f740";
}

.fa-cloud-sun:before {
    content: "\f6c4";
}

.fa-cloud-sun-rain:before {
    content: "\f743";
}

.fa-cloud-upload-alt:before {
    content: "\f382";
}

.fa-cloudscale:before {
    content: "\f383";
}

.fa-cloudsmith:before {
    content: "\f384";
}

.fa-cloudversify:before {
    content: "\f385";
}

.fa-cocktail:before {
    content: "\f561";
}

.fa-code:before {
    content: "\f121";
}

.fa-code-branch:before {
    content: "\f126";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-codiepie:before {
    content: "\f284";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cog:before {
    content: "\f013";
}

.fa-cogs:before {
    content: "\f085";
}

.fa-coins:before {
    content: "\f51e";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-comment:before {
    content: "\f075";
}

.fa-comment-alt:before {
    content: "\f27a";
}

.fa-comment-dollar:before {
    content: "\f651";
}

.fa-comment-dots:before {
    content: "\f4ad";
}

.fa-comment-medical:before {
    content: "\f7f5";
}

.fa-comment-slash:before {
    content: "\f4b3";
}

.fa-comments:before {
    content: "\f086";
}

.fa-comments-dollar:before {
    content: "\f653";
}

.fa-compact-disc:before {
    content: "\f51f";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-compress:before {
    content: "\f066";
}

.fa-compress-alt:before {
    content: "\f422";
}

.fa-compress-arrows-alt:before {
    content: "\f78c";
}

.fa-concierge-bell:before {
    content: "\f562";
}

.fa-confluence:before {
    content: "\f78d";
}

.fa-connectdevelop:before {
    content: "\f20e";
}

.fa-contao:before {
    content: "\f26d";
}

.fa-cookie:before {
    content: "\f563";
}

.fa-cookie-bite:before {
    content: "\f564";
}

.fa-copy:before {
    content: "\f0c5";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-cotton-bureau:before {
    content: "\f89e";
}

.fa-couch:before {
    content: "\f4b8";
}

.fa-cpanel:before {
    content: "\f388";
}

.fa-creative-commons:before {
    content: "\f25e";
}

.fa-creative-commons-by:before {
    content: "\f4e7";
}

.fa-creative-commons-nc:before {
    content: "\f4e8";
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9";
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea";
}

.fa-creative-commons-nd:before {
    content: "\f4eb";
}

.fa-creative-commons-pd:before {
    content: "\f4ec";
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed";
}

.fa-creative-commons-remix:before {
    content: "\f4ee";
}

.fa-creative-commons-sa:before {
    content: "\f4ef";
}

.fa-creative-commons-sampling:before {
    content: "\f4f0";
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1";
}

.fa-creative-commons-share:before {
    content: "\f4f2";
}

.fa-creative-commons-zero:before {
    content: "\f4f3";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-critical-role:before {
    content: "\f6c9";
}

.fa-crop:before {
    content: "\f125";
}

.fa-crop-alt:before {
    content: "\f565";
}

.fa-cross:before {
    content: "\f654";
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-crow:before {
    content: "\f520";
}

.fa-crown:before {
    content: "\f521";
}

.fa-crutch:before {
    content: "\f7f7";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-css3-alt:before {
    content: "\f38b";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-cut:before {
    content: "\f0c4";
}

.fa-cuttlefish:before {
    content: "\f38c";
}

.fa-d-and-d:before {
    content: "\f38d";
}

.fa-d-and-d-beyond:before {
    content: "\f6ca";
}

.fa-dailymotion:before {
    content: "\f952";
}

.fa-dashcube:before {
    content: "\f210";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-deaf:before {
    content: "\f2a4";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-democrat:before {
    content: "\f747";
}

.fa-deploydog:before {
    content: "\f38e";
}

.fa-deskpro:before {
    content: "\f38f";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-dev:before {
    content: "\f6cc";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-dharmachakra:before {
    content: "\f655";
}

.fa-dhl:before {
    content: "\f790";
}

.fa-diagnoses:before {
    content: "\f470";
}

.fa-diaspora:before {
    content: "\f791";
}

.fa-dice:before {
    content: "\f522";
}

.fa-dice-d20:before {
    content: "\f6cf";
}

.fa-dice-d6:before {
    content: "\f6d1";
}

.fa-dice-five:before {
    content: "\f523";
}

.fa-dice-four:before {
    content: "\f524";
}

.fa-dice-one:before {
    content: "\f525";
}

.fa-dice-six:before {
    content: "\f526";
}

.fa-dice-three:before {
    content: "\f527";
}

.fa-dice-two:before {
    content: "\f528";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-digital-ocean:before {
    content: "\f391";
}

.fa-digital-tachograph:before {
    content: "\f566";
}

.fa-directions:before {
    content: "\f5eb";
}

.fa-discord:before {
    content: "\f392";
}

.fa-discourse:before {
    content: "\f393";
}

.fa-disease:before {
    content: "\f7fa";
}

.fa-divide:before {
    content: "\f529";
}

.fa-dizzy:before {
    content: "\f567";
}

.fa-dna:before {
    content: "\f471";
}

.fa-dochub:before {
    content: "\f394";
}

.fa-docker:before {
    content: "\f395";
}

.fa-dog:before {
    content: "\f6d3";
}

.fa-dollar-sign:before {
    content: "\f155";
}

.fa-dolly:before {
    content: "\f472";
}

.fa-dolly-flatbed:before {
    content: "\f474";
}

.fa-donate:before {
    content: "\f4b9";
}

.fa-door-closed:before {
    content: "\f52a";
}

.fa-door-open:before {
    content: "\f52b";
}

.fa-dot-circle:before {
    content: "\f192";
}

.fa-dove:before {
    content: "\f4ba";
}

.fa-download:before {
    content: "\f019";
}

.fa-draft2digital:before {
    content: "\f396";
}

.fa-drafting-compass:before {
    content: "\f568";
}

.fa-dragon:before {
    content: "\f6d5";
}

.fa-draw-polygon:before {
    content: "\f5ee";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-dribbble-square:before {
    content: "\f397";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-drum:before {
    content: "\f569";
}

.fa-drum-steelpan:before {
    content: "\f56a";
}

.fa-drumstick-bite:before {
    content: "\f6d7";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-dumbbell:before {
    content: "\f44b";
}

.fa-dumpster:before {
    content: "\f793";
}

.fa-dumpster-fire:before {
    content: "\f794";
}

.fa-dungeon:before {
    content: "\f6d9";
}

.fa-dyalog:before {
    content: "\f399";
}

.fa-earlybirds:before {
    content: "\f39a";
}

.fa-ebay:before {
    content: "\f4f4";
}

.fa-edge:before {
    content: "\f282";
}

.fa-edit:before {
    content: "\f044";
}

.fa-egg:before {
    content: "\f7fb";
}

.fa-eject:before {
    content: "\f052";
}

.fa-elementor:before {
    content: "\f430";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-ello:before {
    content: "\f5f1";
}

.fa-ember:before {
    content: "\f423";
}

.fa-empire:before {
    content: "\f1d1";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-envelope-open:before {
    content: "\f2b6";
}

.fa-envelope-open-text:before {
    content: "\f658";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-envira:before {
    content: "\f299";
}

.fa-equals:before {
    content: "\f52c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-erlang:before {
    content: "\f39d";
}

.fa-ethereum:before {
    content: "\f42e";
}

.fa-ethernet:before {
    content: "\f796";
}

.fa-etsy:before {
    content: "\f2d7";
}

.fa-euro-sign:before {
    content: "\f153";
}

.fa-evernote:before {
    content: "\f839";
}

.fa-exchange-alt:before {
    content: "\f362";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-expand:before {
    content: "\f065";
}

.fa-expand-alt:before {
    content: "\f424";
}

.fa-expand-arrows-alt:before {
    content: "\f31e";
}

.fa-expeditedssl:before {
    content: "\f23e";
}

.fa-external-link-alt:before {
    content: "\f35d";
}

.fa-external-link-square-alt:before {
    content: "\f360";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-dropper:before {
    content: "\f1fb";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-facebook-f:before {
    content: "\f39e";
}

.fa-facebook-messenger:before {
    content: "\f39f";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-fan:before {
    content: "\f863";
}

.fa-fantasy-flight-games:before {
    content: "\f6dc";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-faucet:before {
    content: "\f905";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-feather:before {
    content: "\f52d";
}

.fa-feather-alt:before {
    content: "\f56b";
}

.fa-fedex:before {
    content: "\f797";
}

.fa-fedora:before {
    content: "\f798";
}

.fa-female:before {
    content: "\f182";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-figma:before {
    content: "\f799";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-alt:before {
    content: "\f15c";
}

.fa-file-archive:before {
    content: "\f1c6";
}

.fa-file-audio:before {
    content: "\f1c7";
}

.fa-file-code:before {
    content: "\f1c9";
}

.fa-file-contract:before {
    content: "\f56c";
}

.fa-file-csv:before {
    content: "\f6dd";
}

.fa-file-download:before {
    content: "\f56d";
}

.fa-file-excel:before {
    content: "\f1c3";
}

.fa-file-export:before {
    content: "\f56e";
}

.fa-file-image:before {
    content: "\f1c5";
}

.fa-file-import:before {
    content: "\f56f";
}

.fa-file-invoice:before {
    content: "\f570";
}

.fa-file-invoice-dollar:before {
    content: "\f571";
}

.fa-file-medical:before {
    content: "\f477";
}

.fa-file-medical-alt:before {
    content: "\f478";
}

.fa-file-pdf:before {
    content: "\f1c1";
}

.fa-file-powerpoint:before {
    content: "\f1c4";
}

.fa-file-prescription:before {
    content: "\f572";
}

.fa-file-signature:before {
    content: "\f573";
}

.fa-file-upload:before {
    content: "\f574";
}

.fa-file-video:before {
    content: "\f1c8";
}

.fa-file-word:before {
    content: "\f1c2";
}

.fa-fill:before {
    content: "\f575";
}

.fa-fill-drip:before {
    content: "\f576";
}

.fa-film:before {
    content: "\f008";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-fingerprint:before {
    content: "\f577";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-fire-alt:before {
    content: "\f7e4";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-firefox:before {
    content: "\f269";
}

.fa-firefox-browser:before {
    content: "\f907";
}

.fa-first-aid:before {
    content: "\f479";
}

.fa-first-order:before {
    content: "\f2b0";
}

.fa-first-order-alt:before {
    content: "\f50a";
}

.fa-firstdraft:before {
    content: "\f3a1";
}

.fa-fish:before {
    content: "\f578";
}

.fa-fist-raised:before {
    content: "\f6de";
}

.fa-flag:before {
    content: "\f024";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-flag-usa:before {
    content: "\f74d";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-flipboard:before {
    content: "\f44d";
}

.fa-flushed:before {
    content: "\f579";
}

.fa-fly:before {
    content: "\f417";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-minus:before {
    content: "\f65d";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-folder-plus:before {
    content: "\f65e";
}

.fa-font:before {
    content: "\f031";
}

.fa-font-awesome:before {
    content: "\f2b4";
}

.fa-font-awesome-alt:before {
    content: "\f35c";
}

.fa-font-awesome-flag:before {
    content: "\f425";
}

.fa-font-awesome-logo-full:before {
    content: "\f4e6";
}

.fa-fonticons:before {
    content: "\f280";
}

.fa-fonticons-fi:before {
    content: "\f3a2";
}

.fa-football-ball:before {
    content: "\f44e";
}

.fa-fort-awesome:before {
    content: "\f286";
}

.fa-fort-awesome-alt:before {
    content: "\f3a3";
}

.fa-forumbee:before {
    content: "\f211";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-free-code-camp:before {
    content: "\f2c5";
}

.fa-freebsd:before {
    content: "\f3a4";
}

.fa-frog:before {
    content: "\f52e";
}

.fa-frown:before {
    content: "\f119";
}

.fa-frown-open:before {
    content: "\f57a";
}

.fa-fulcrum:before {
    content: "\f50b";
}

.fa-funnel-dollar:before {
    content: "\f662";
}

.fa-futbol:before {
    content: "\f1e3";
}

.fa-galactic-republic:before {
    content: "\f50c";
}

.fa-galactic-senate:before {
    content: "\f50d";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-gas-pump:before {
    content: "\f52f";
}

.fa-gavel:before {
    content: "\f0e3";
}

.fa-gem:before {
    content: "\f3a5";
}

.fa-genderless:before {
    content: "\f22d";
}

.fa-get-pocket:before {
    content: "\f265";
}

.fa-gg:before {
    content: "\f260";
}

.fa-gg-circle:before {
    content: "\f261";
}

.fa-ghost:before {
    content: "\f6e2";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-gifts:before {
    content: "\f79c";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-git-alt:before {
    content: "\f841";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-github:before {
    content: "\f09b";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-gitkraken:before {
    content: "\f3a6";
}

.fa-gitlab:before {
    content: "\f296";
}

.fa-gitter:before {
    content: "\f426";
}

.fa-glass-cheers:before {
    content: "\f79f";
}

.fa-glass-martini:before {
    content: "\f000";
}

.fa-glass-martini-alt:before {
    content: "\f57b";
}

.fa-glass-whiskey:before {
    content: "\f7a0";
}

.fa-glasses:before {
    content: "\f530";
}

.fa-glide:before {
    content: "\f2a5";
}

.fa-glide-g:before {
    content: "\f2a6";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-globe-africa:before {
    content: "\f57c";
}

.fa-globe-americas:before {
    content: "\f57d";
}

.fa-globe-asia:before {
    content: "\f57e";
}

.fa-globe-europe:before {
    content: "\f7a2";
}

.fa-gofore:before {
    content: "\f3a7";
}

.fa-golf-ball:before {
    content: "\f450";
}

.fa-goodreads:before {
    content: "\f3a8";
}

.fa-goodreads-g:before {
    content: "\f3a9";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-google-drive:before {
    content: "\f3aa";
}

.fa-google-play:before {
    content: "\f3ab";
}

.fa-google-plus:before {
    content: "\f2b3";
}

.fa-google-plus-g:before {
    content: "\f0d5";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-gopuram:before {
    content: "\f664";
}

.fa-graduation-cap:before {
    content: "\f19d";
}

.fa-gratipay:before {
    content: "\f184";
}

.fa-grav:before {
    content: "\f2d6";
}

.fa-greater-than:before {
    content: "\f531";
}

.fa-greater-than-equal:before {
    content: "\f532";
}

.fa-grimace:before {
    content: "\f57f";
}

.fa-grin:before {
    content: "\f580";
}

.fa-grin-alt:before {
    content: "\f581";
}

.fa-grin-beam:before {
    content: "\f582";
}

.fa-grin-beam-sweat:before {
    content: "\f583";
}

.fa-grin-hearts:before {
    content: "\f584";
}

.fa-grin-squint:before {
    content: "\f585";
}

.fa-grin-squint-tears:before {
    content: "\f586";
}

.fa-grin-stars:before {
    content: "\f587";
}

.fa-grin-tears:before {
    content: "\f588";
}

.fa-grin-tongue:before {
    content: "\f589";
}

.fa-grin-tongue-squint:before {
    content: "\f58a";
}

.fa-grin-tongue-wink:before {
    content: "\f58b";
}

.fa-grin-wink:before {
    content: "\f58c";
}

.fa-grip-horizontal:before {
    content: "\f58d";
}

.fa-grip-lines:before {
    content: "\f7a4";
}

.fa-grip-lines-vertical:before {
    content: "\f7a5";
}

.fa-grip-vertical:before {
    content: "\f58e";
}

.fa-gripfire:before {
    content: "\f3ac";
}

.fa-grunt:before {
    content: "\f3ad";
}

.fa-guitar:before {
    content: "\f7a6";
}

.fa-gulp:before {
    content: "\f3ae";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-hacker-news:before {
    content: "\f1d4";
}

.fa-hacker-news-square:before {
    content: "\f3af";
}

.fa-hackerrank:before {
    content: "\f5f7";
}

.fa-hamburger:before {
    content: "\f805";
}

.fa-hammer:before {
    content: "\f6e3";
}

.fa-hamsa:before {
    content: "\f665";
}

.fa-hand-holding:before {
    content: "\f4bd";
}

.fa-hand-holding-heart:before {
    content: "\f4be";
}

.fa-hand-holding-medical:before {
    content: "\f95c";
}

.fa-hand-holding-usd:before {
    content: "\f4c0";
}

.fa-hand-holding-water:before {
    content: "\f4c1";
}

.fa-hand-lizard:before {
    content: "\f258";
}

.fa-hand-middle-finger:before {
    content: "\f806";
}

.fa-hand-paper:before {
    content: "\f256";
}

.fa-hand-peace:before {
    content: "\f25b";
}

.fa-hand-point-down:before {
    content: "\f0a7";
}

.fa-hand-point-left:before {
    content: "\f0a5";
}

.fa-hand-point-right:before {
    content: "\f0a4";
}

.fa-hand-point-up:before {
    content: "\f0a6";
}

.fa-hand-pointer:before {
    content: "\f25a";
}

.fa-hand-rock:before {
    content: "\f255";
}

.fa-hand-scissors:before {
    content: "\f257";
}

.fa-hand-sparkles:before {
    content: "\f95d";
}

.fa-hand-spock:before {
    content: "\f259";
}

.fa-hands:before {
    content: "\f4c2";
}

.fa-hands-helping:before {
    content: "\f4c4";
}

.fa-hands-wash:before {
    content: "\f95e";
}

.fa-handshake:before {
    content: "\f2b5";
}

.fa-handshake-alt-slash:before {
    content: "\f95f";
}

.fa-handshake-slash:before {
    content: "\f960";
}

.fa-hanukiah:before {
    content: "\f6e6";
}

.fa-hard-hat:before {
    content: "\f807";
}

.fa-hashtag:before {
    content: "\f292";
}

.fa-hat-cowboy:before {
    content: "\f8c0";
}

.fa-hat-cowboy-side:before {
    content: "\f8c1";
}

.fa-hat-wizard:before {
    content: "\f6e8";
}

.fa-hdd:before {
    content: "\f0a0";
}

.fa-head-side-cough:before {
    content: "\f961";
}

.fa-head-side-cough-slash:before {
    content: "\f962";
}

.fa-head-side-mask:before {
    content: "\f963";
}

.fa-head-side-virus:before {
    content: "\f964";
}

.fa-heading:before {
    content: "\f1dc";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-headphones-alt:before {
    content: "\f58f";
}

.fa-headset:before {
    content: "\f590";
}

.fa-heart:before {
    content: "\f004";
}

.fa-heart-broken:before {
    content: "\f7a9";
}

.fa-heartbeat:before {
    content: "\f21e";
}

.fa-helicopter:before {
    content: "\f533";
}

.fa-highlighter:before {
    content: "\f591";
}

.fa-hiking:before {
    content: "\f6ec";
}

.fa-hippo:before {
    content: "\f6ed";
}

.fa-hips:before {
    content: "\f452";
}

.fa-hire-a-helper:before {
    content: "\f3b0";
}

.fa-history:before {
    content: "\f1da";
}

.fa-hockey-puck:before {
    content: "\f453";
}

.fa-holly-berry:before {
    content: "\f7aa";
}

.fa-home:before {
    content: "\f015";
}

.fa-hooli:before {
    content: "\f427";
}

.fa-hornbill:before {
    content: "\f592";
}

.fa-horse:before {
    content: "\f6f0";
}

.fa-horse-head:before {
    content: "\f7ab";
}

.fa-hospital:before {
    content: "\f0f8";
}

.fa-hospital-alt:before {
    content: "\f47d";
}

.fa-hospital-symbol:before {
    content: "\f47e";
}

.fa-hospital-user:before {
    content: "\f80d";
}

.fa-hot-tub:before {
    content: "\f593";
}

.fa-hotdog:before {
    content: "\f80f";
}

.fa-hotel:before {
    content: "\f594";
}

.fa-hotjar:before {
    content: "\f3b1";
}

.fa-hourglass:before {
    content: "\f254";
}

.fa-hourglass-end:before {
    content: "\f253";
}

.fa-hourglass-half:before {
    content: "\f252";
}

.fa-hourglass-start:before {
    content: "\f251";
}

.fa-house-damage:before {
    content: "\f6f1";
}

.fa-house-user:before {
    content: "\f965";
}

.fa-houzz:before {
    content: "\f27c";
}

.fa-hryvnia:before {
    content: "\f6f2";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-hubspot:before {
    content: "\f3b2";
}

.fa-i-cursor:before {
    content: "\f246";
}

.fa-ice-cream:before {
    content: "\f810";
}

.fa-icicles:before {
    content: "\f7ad";
}

.fa-icons:before {
    content: "\f86d";
}

.fa-id-badge:before {
    content: "\f2c1";
}

.fa-id-card:before {
    content: "\f2c2";
}

.fa-id-card-alt:before {
    content: "\f47f";
}

.fa-ideal:before {
    content: "\f913";
}

.fa-igloo:before {
    content: "\f7ae";
}

.fa-image:before {
    content: "\f03e";
}

.fa-images:before {
    content: "\f302";
}

.fa-imdb:before {
    content: "\f2d8";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-industry:before {
    content: "\f275";
}

.fa-infinity:before {
    content: "\f534";
}

.fa-info:before {
    content: "\f129";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-instagram-square:before {
    content: "\f955";
}

.fa-intercom:before {
    content: "\f7af";
}

.fa-internet-explorer:before {
    content: "\f26b";
}

.fa-invision:before {
    content: "\f7b0";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-italic:before {
    content: "\f033";
}

.fa-itch-io:before {
    content: "\f83a";
}

.fa-itunes:before {
    content: "\f3b4";
}

.fa-itunes-note:before {
    content: "\f3b5";
}

.fa-java:before {
    content: "\f4e4";
}

.fa-jedi:before {
    content: "\f669";
}

.fa-jedi-order:before {
    content: "\f50e";
}

.fa-jenkins:before {
    content: "\f3b6";
}

.fa-jira:before {
    content: "\f7b1";
}

.fa-joget:before {
    content: "\f3b7";
}

.fa-joint:before {
    content: "\f595";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-journal-whills:before {
    content: "\f66a";
}

.fa-js:before {
    content: "\f3b8";
}

.fa-js-square:before {
    content: "\f3b9";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-kaaba:before {
    content: "\f66b";
}

.fa-kaggle:before {
    content: "\f5fa";
}

.fa-key:before {
    content: "\f084";
}

.fa-keybase:before {
    content: "\f4f5";
}

.fa-keyboard:before {
    content: "\f11c";
}

.fa-keycdn:before {
    content: "\f3ba";
}

.fa-khanda:before {
    content: "\f66d";
}

.fa-kickstarter:before {
    content: "\f3bb";
}

.fa-kickstarter-k:before {
    content: "\f3bc";
}

.fa-kiss:before {
    content: "\f596";
}

.fa-kiss-beam:before {
    content: "\f597";
}

.fa-kiss-wink-heart:before {
    content: "\f598";
}

.fa-kiwi-bird:before {
    content: "\f535";
}

.fa-korvue:before {
    content: "\f42f";
}

.fa-landmark:before {
    content: "\f66f";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-laptop-code:before {
    content: "\f5fc";
}

.fa-laptop-house:before {
    content: "\f966";
}

.fa-laptop-medical:before {
    content: "\f812";
}

.fa-laravel:before {
    content: "\f3bd";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-laugh:before {
    content: "\f599";
}

.fa-laugh-beam:before {
    content: "\f59a";
}

.fa-laugh-squint:before {
    content: "\f59b";
}

.fa-laugh-wink:before {
    content: "\f59c";
}

.fa-layer-group:before {
    content: "\f5fd";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-leanpub:before {
    content: "\f212";
}

.fa-lemon:before {
    content: "\f094";
}

.fa-less:before {
    content: "\f41d";
}

.fa-less-than:before {
    content: "\f536";
}

.fa-less-than-equal:before {
    content: "\f537";
}

.fa-level-down-alt:before {
    content: "\f3be";
}

.fa-level-up-alt:before {
    content: "\f3bf";
}

.fa-life-ring:before {
    content: "\f1cd";
}

.fa-lightbulb:before {
    content: "\f0eb";
}

.fa-line:before {
    content: "\f3c0";
}

.fa-link:before {
    content: "\f0c1";
}

.fa-linkedin:before {
    content: "\f08c";
}

.fa-linkedin-in:before {
    content: "\f0e1";
}

.fa-linode:before {
    content: "\f2b8";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-lira-sign:before {
    content: "\f195";
}

.fa-list:before {
    content: "\f03a";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-lock:before {
    content: "\f023";
}

.fa-lock-open:before {
    content: "\f3c1";
}

.fa-long-arrow-alt-down:before {
    content: "\f309";
}

.fa-long-arrow-alt-left:before {
    content: "\f30a";
}

.fa-long-arrow-alt-right:before {
    content: "\f30b";
}

.fa-long-arrow-alt-up:before {
    content: "\f30c";
}

.fa-low-vision:before {
    content: "\f2a8";
}

.fa-luggage-cart:before {
    content: "\f59d";
}

.fa-lungs:before {
    content: "\f604";
}

.fa-lungs-virus:before {
    content: "\f967";
}

.fa-lyft:before {
    content: "\f3c3";
}

.fa-magento:before {
    content: "\f3c4";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-mail-bulk:before {
    content: "\f674";
}

.fa-mailchimp:before {
    content: "\f59e";
}

.fa-male:before {
    content: "\f183";
}

.fa-mandalorian:before {
    content: "\f50f";
}

.fa-map:before {
    content: "\f279";
}

.fa-map-marked:before {
    content: "\f59f";
}

.fa-map-marked-alt:before {
    content: "\f5a0";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-map-marker-alt:before {
    content: "\f3c5";
}

.fa-map-pin:before {
    content: "\f276";
}

.fa-map-signs:before {
    content: "\f277";
}

.fa-markdown:before {
    content: "\f60f";
}

.fa-marker:before {
    content: "\f5a1";
}

.fa-mars:before {
    content: "\f222";
}

.fa-mars-double:before {
    content: "\f227";
}

.fa-mars-stroke:before {
    content: "\f229";
}

.fa-mars-stroke-h:before {
    content: "\f22b";
}

.fa-mars-stroke-v:before {
    content: "\f22a";
}

.fa-mask:before {
    content: "\f6fa";
}

.fa-mastodon:before {
    content: "\f4f6";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-mdb:before {
    content: "\f8ca";
}

.fa-medal:before {
    content: "\f5a2";
}

.fa-medapps:before {
    content: "\f3c6";
}

.fa-medium:before {
    content: "\f23a";
}

.fa-medium-m:before {
    content: "\f3c7";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-medrt:before {
    content: "\f3c8";
}

.fa-meetup:before {
    content: "\f2e0";
}

.fa-megaport:before {
    content: "\f5a3";
}

.fa-meh:before {
    content: "\f11a";
}

.fa-meh-blank:before {
    content: "\f5a4";
}

.fa-meh-rolling-eyes:before {
    content: "\f5a5";
}

.fa-memory:before {
    content: "\f538";
}

.fa-mendeley:before {
    content: "\f7b3";
}

.fa-menorah:before {
    content: "\f676";
}

.fa-mercury:before {
    content: "\f223";
}

.fa-meteor:before {
    content: "\f753";
}

.fa-microblog:before {
    content: "\f91a";
}

.fa-microchip:before {
    content: "\f2db";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-alt:before {
    content: "\f3c9";
}

.fa-microphone-alt-slash:before {
    content: "\f539";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-microscope:before {
    content: "\f610";
}

.fa-microsoft:before {
    content: "\f3ca";
}

.fa-minus:before {
    content: "\f068";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-mitten:before {
    content: "\f7b5";
}

.fa-mix:before {
    content: "\f3cb";
}

.fa-mixcloud:before {
    content: "\f289";
}

.fa-mixer:before {
    content: "\f956";
}

.fa-mizuni:before {
    content: "\f3cc";
}

.fa-mobile:before {
    content: "\f10b";
}

.fa-mobile-alt:before {
    content: "\f3cd";
}

.fa-modx:before {
    content: "\f285";
}

.fa-monero:before {
    content: "\f3d0";
}

.fa-money-bill:before {
    content: "\f0d6";
}

.fa-money-bill-alt:before {
    content: "\f3d1";
}

.fa-money-bill-wave:before {
    content: "\f53a";
}

.fa-money-bill-wave-alt:before {
    content: "\f53b";
}

.fa-money-check:before {
    content: "\f53c";
}

.fa-money-check-alt:before {
    content: "\f53d";
}

.fa-monument:before {
    content: "\f5a6";
}

.fa-moon:before {
    content: "\f186";
}

.fa-mortar-pestle:before {
    content: "\f5a7";
}

.fa-mosque:before {
    content: "\f678";
}

.fa-motorcycle:before {
    content: "\f21c";
}

.fa-mountain:before {
    content: "\f6fc";
}

.fa-mouse:before {
    content: "\f8cc";
}

.fa-mouse-pointer:before {
    content: "\f245";
}

.fa-mug-hot:before {
    content: "\f7b6";
}

.fa-music:before {
    content: "\f001";
}

.fa-napster:before {
    content: "\f3d2";
}

.fa-neos:before {
    content: "\f612";
}

.fa-network-wired:before {
    content: "\f6ff";
}

.fa-neuter:before {
    content: "\f22c";
}

.fa-newspaper:before {
    content: "\f1ea";
}

.fa-nimblr:before {
    content: "\f5a8";
}

.fa-node:before {
    content: "\f419";
}

.fa-node-js:before {
    content: "\f3d3";
}

.fa-not-equal:before {
    content: "\f53e";
}

.fa-notes-medical:before {
    content: "\f481";
}

.fa-npm:before {
    content: "\f3d4";
}

.fa-ns8:before {
    content: "\f3d5";
}

.fa-nutritionix:before {
    content: "\f3d6";
}

.fa-object-group:before {
    content: "\f247";
}

.fa-object-ungroup:before {
    content: "\f248";
}

.fa-odnoklassniki:before {
    content: "\f263";
}

.fa-odnoklassniki-square:before {
    content: "\f264";
}

.fa-oil-can:before {
    content: "\f613";
}

.fa-old-republic:before {
    content: "\f510";
}

.fa-om:before {
    content: "\f679";
}

.fa-opencart:before {
    content: "\f23d";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-opera:before {
    content: "\f26a";
}

.fa-optin-monster:before {
    content: "\f23c";
}

.fa-orcid:before {
    content: "\f8d2";
}

.fa-osi:before {
    content: "\f41a";
}

.fa-otter:before {
    content: "\f700";
}

.fa-outdent:before {
    content: "\f03b";
}

.fa-page4:before {
    content: "\f3d7";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-pager:before {
    content: "\f815";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-paint-roller:before {
    content: "\f5aa";
}

.fa-palette:before {
    content: "\f53f";
}

.fa-palfed:before {
    content: "\f3d8";
}

.fa-pallet:before {
    content: "\f482";
}

.fa-paper-plane:before {
    content: "\f1d8";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-parachute-box:before {
    content: "\f4cd";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-parking:before {
    content: "\f540";
}

.fa-passport:before {
    content: "\f5ab";
}

.fa-pastafarianism:before {
    content: "\f67b";
}

.fa-paste:before {
    content: "\f0ea";
}

.fa-patreon:before {
    content: "\f3d9";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-pause-circle:before {
    content: "\f28b";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-peace:before {
    content: "\f67c";
}

.fa-pen:before {
    content: "\f304";
}

.fa-pen-alt:before {
    content: "\f305";
}

.fa-pen-fancy:before {
    content: "\f5ac";
}

.fa-pen-nib:before {
    content: "\f5ad";
}

.fa-pen-square:before {
    content: "\f14b";
}

.fa-pencil-alt:before {
    content: "\f303";
}

.fa-pencil-ruler:before {
    content: "\f5ae";
}

.fa-penny-arcade:before {
    content: "\f704";
}

.fa-people-arrows:before {
    content: "\f968";
}

.fa-people-carry:before {
    content: "\f4ce";
}

.fa-pepper-hot:before {
    content: "\f816";
}

.fa-percent:before {
    content: "\f295";
}

.fa-percentage:before {
    content: "\f541";
}

.fa-periscope:before {
    content: "\f3da";
}

.fa-person-booth:before {
    content: "\f756";
}

.fa-phabricator:before {
    content: "\f3db";
}

.fa-phoenix-framework:before {
    content: "\f3dc";
}

.fa-phoenix-squadron:before {
    content: "\f511";
}

.fa-phone:before {
    content: "\f095";
}

.fa-phone-alt:before {
    content: "\f879";
}

.fa-phone-slash:before {
    content: "\f3dd";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-phone-square-alt:before {
    content: "\f87b";
}

.fa-phone-volume:before {
    content: "\f2a0";
}

.fa-photo-video:before {
    content: "\f87c";
}

.fa-php:before {
    content: "\f457";
}

.fa-pied-piper:before {
    content: "\f2ae";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-pied-piper-hat:before {
    content: "\f4e5";
}

.fa-pied-piper-pp:before {
    content: "\f1a7";
}

.fa-pied-piper-square:before {
    content: "\f91e";
}

.fa-piggy-bank:before {
    content: "\f4d3";
}

.fa-pills:before {
    content: "\f484";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-pizza-slice:before {
    content: "\f818";
}

.fa-place-of-worship:before {
    content: "\f67f";
}

.fa-plane:before {
    content: "\f072";
}

.fa-plane-arrival:before {
    content: "\f5af";
}

.fa-plane-departure:before {
    content: "\f5b0";
}

.fa-plane-slash:before {
    content: "\f969";
}

.fa-play:before {
    content: "\f04b";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-playstation:before {
    content: "\f3df";
}

.fa-plug:before {
    content: "\f1e6";
}

.fa-plus:before {
    content: "\f067";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-podcast:before {
    content: "\f2ce";
}

.fa-poll:before {
    content: "\f681";
}

.fa-poll-h:before {
    content: "\f682";
}

.fa-poo:before {
    content: "\f2fe";
}

.fa-poo-storm:before {
    content: "\f75a";
}

.fa-poop:before {
    content: "\f619";
}

.fa-portrait:before {
    content: "\f3e0";
}

.fa-pound-sign:before {
    content: "\f154";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-pray:before {
    content: "\f683";
}

.fa-praying-hands:before {
    content: "\f684";
}

.fa-prescription:before {
    content: "\f5b1";
}

.fa-prescription-bottle:before {
    content: "\f485";
}

.fa-prescription-bottle-alt:before {
    content: "\f486";
}

.fa-print:before {
    content: "\f02f";
}

.fa-procedures:before {
    content: "\f487";
}

.fa-product-hunt:before {
    content: "\f288";
}

.fa-project-diagram:before {
    content: "\f542";
}

.fa-pump-medical:before {
    content: "\f96a";
}

.fa-pump-soap:before {
    content: "\f96b";
}

.fa-pushed:before {
    content: "\f3e1";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-python:before {
    content: "\f3e2";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-question:before {
    content: "\f128";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-quidditch:before {
    content: "\f458";
}

.fa-quinscape:before {
    content: "\f459";
}

.fa-quora:before {
    content: "\f2c4";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-quran:before {
    content: "\f687";
}

.fa-r-project:before {
    content: "\f4f7";
}

.fa-radiation:before {
    content: "\f7b9";
}

.fa-radiation-alt:before {
    content: "\f7ba";
}

.fa-rainbow:before {
    content: "\f75b";
}

.fa-random:before {
    content: "\f074";
}

.fa-raspberry-pi:before {
    content: "\f7bb";
}

.fa-ravelry:before {
    content: "\f2d9";
}

.fa-react:before {
    content: "\f41b";
}

.fa-reacteurope:before {
    content: "\f75d";
}

.fa-readme:before {
    content: "\f4d5";
}

.fa-rebel:before {
    content: "\f1d0";
}

.fa-receipt:before {
    content: "\f543";
}

.fa-record-vinyl:before {
    content: "\f8d9";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-red-river:before {
    content: "\f3e3";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-alien:before {
    content: "\f281";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-redhat:before {
    content: "\f7bc";
}

.fa-redo:before {
    content: "\f01e";
}

.fa-redo-alt:before {
    content: "\f2f9";
}

.fa-registered:before {
    content: "\f25d";
}

.fa-remove-format:before {
    content: "\f87d";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-reply:before {
    content: "\f3e5";
}

.fa-reply-all:before {
    content: "\f122";
}

.fa-replyd:before {
    content: "\f3e6";
}

.fa-republican:before {
    content: "\f75e";
}

.fa-researchgate:before {
    content: "\f4f8";
}

.fa-resolving:before {
    content: "\f3e7";
}

.fa-restroom:before {
    content: "\f7bd";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-rev:before {
    content: "\f5b2";
}

.fa-ribbon:before {
    content: "\f4d6";
}

.fa-ring:before {
    content: "\f70b";
}

.fa-road:before {
    content: "\f018";
}

.fa-robot:before {
    content: "\f544";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-rocketchat:before {
    content: "\f3e8";
}

.fa-rockrms:before {
    content: "\f3e9";
}

.fa-route:before {
    content: "\f4d7";
}

.fa-rss:before {
    content: "\f09e";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-ruble-sign:before {
    content: "\f158";
}

.fa-ruler:before {
    content: "\f545";
}

.fa-ruler-combined:before {
    content: "\f546";
}

.fa-ruler-horizontal:before {
    content: "\f547";
}

.fa-ruler-vertical:before {
    content: "\f548";
}

.fa-running:before {
    content: "\f70c";
}

.fa-rupee-sign:before {
    content: "\f156";
}

.fa-sad-cry:before {
    content: "\f5b3";
}

.fa-sad-tear:before {
    content: "\f5b4";
}

.fa-safari:before {
    content: "\f267";
}

.fa-salesforce:before {
    content: "\f83b";
}

.fa-sass:before {
    content: "\f41e";
}

.fa-satellite:before {
    content: "\f7bf";
}

.fa-satellite-dish:before {
    content: "\f7c0";
}

.fa-save:before {
    content: "\f0c7";
}

.fa-schlix:before {
    content: "\f3ea";
}

.fa-school:before {
    content: "\f549";
}

.fa-screwdriver:before {
    content: "\f54a";
}

.fa-scribd:before {
    content: "\f28a";
}

.fa-scroll:before {
    content: "\f70e";
}

.fa-sd-card:before {
    content: "\f7c2";
}

.fa-search:before {
    content: "\f002";
}

.fa-search-dollar:before {
    content: "\f688";
}

.fa-search-location:before {
    content: "\f689";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-searchengin:before {
    content: "\f3eb";
}

.fa-seedling:before {
    content: "\f4d8";
}

.fa-sellcast:before {
    content: "\f2da";
}

.fa-sellsy:before {
    content: "\f213";
}

.fa-server:before {
    content: "\f233";
}

.fa-servicestack:before {
    content: "\f3ec";
}

.fa-shapes:before {
    content: "\f61f";
}

.fa-share:before {
    content: "\f064";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-shekel-sign:before {
    content: "\f20b";
}

.fa-shield-alt:before {
    content: "\f3ed";
}

.fa-shield-virus:before {
    content: "\f96c";
}

.fa-ship:before {
    content: "\f21a";
}

.fa-shipping-fast:before {
    content: "\f48b";
}

.fa-shirtsinbulk:before {
    content: "\f214";
}

.fa-shoe-prints:before {
    content: "\f54b";
}

.fa-shopify:before {
    content: "\f957";
}

.fa-shopping-bag:before {
    content: "\f290";
}

.fa-shopping-basket:before {
    content: "\f291";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-shopware:before {
    content: "\f5b5";
}

.fa-shower:before {
    content: "\f2cc";
}

.fa-shuttle-van:before {
    content: "\f5b6";
}

.fa-sign:before {
    content: "\f4d9";
}

.fa-sign-in-alt:before {
    content: "\f2f6";
}

.fa-sign-language:before {
    content: "\f2a7";
}

.fa-sign-out-alt:before {
    content: "\f2f5";
}

.fa-signal:before {
    content: "\f012";
}

.fa-signature:before {
    content: "\f5b7";
}

.fa-sim-card:before {
    content: "\f7c4";
}

.fa-simplybuilt:before {
    content: "\f215";
}

.fa-sistrix:before {
    content: "\f3ee";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-sith:before {
    content: "\f512";
}

.fa-skating:before {
    content: "\f7c5";
}

.fa-sketch:before {
    content: "\f7c6";
}

.fa-skiing:before {
    content: "\f7c9";
}

.fa-skiing-nordic:before {
    content: "\f7ca";
}

.fa-skull:before {
    content: "\f54c";
}

.fa-skull-crossbones:before {
    content: "\f714";
}

.fa-skyatlas:before {
    content: "\f216";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-slack:before {
    content: "\f198";
}

.fa-slack-hash:before {
    content: "\f3ef";
}

.fa-slash:before {
    content: "\f715";
}

.fa-sleigh:before {
    content: "\f7cc";
}

.fa-sliders-h:before {
    content: "\f1de";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-smile:before {
    content: "\f118";
}

.fa-smile-beam:before {
    content: "\f5b8";
}

.fa-smile-wink:before {
    content: "\f4da";
}

.fa-smog:before {
    content: "\f75f";
}

.fa-smoking:before {
    content: "\f48d";
}

.fa-smoking-ban:before {
    content: "\f54d";
}

.fa-sms:before {
    content: "\f7cd";
}

.fa-snapchat:before {
    content: "\f2ab";
}

.fa-snapchat-ghost:before {
    content: "\f2ac";
}

.fa-snapchat-square:before {
    content: "\f2ad";
}

.fa-snowboarding:before {
    content: "\f7ce";
}

.fa-snowflake:before {
    content: "\f2dc";
}

.fa-snowman:before {
    content: "\f7d0";
}

.fa-snowplow:before {
    content: "\f7d2";
}

.fa-soap:before {
    content: "\f96e";
}

.fa-socks:before {
    content: "\f696";
}

.fa-solar-panel:before {
    content: "\f5ba";
}

.fa-sort:before {
    content: "\f0dc";
}

.fa-sort-alpha-down:before {
    content: "\f15d";
}

.fa-sort-alpha-down-alt:before {
    content: "\f881";
}

.fa-sort-alpha-up:before {
    content: "\f15e";
}

.fa-sort-alpha-up-alt:before {
    content: "\f882";
}

.fa-sort-amount-down:before {
    content: "\f160";
}

.fa-sort-amount-down-alt:before {
    content: "\f884";
}

.fa-sort-amount-up:before {
    content: "\f161";
}

.fa-sort-amount-up-alt:before {
    content: "\f885";
}

.fa-sort-down:before {
    content: "\f0dd";
}

.fa-sort-numeric-down:before {
    content: "\f162";
}

.fa-sort-numeric-down-alt:before {
    content: "\f886";
}

.fa-sort-numeric-up:before {
    content: "\f163";
}

.fa-sort-numeric-up-alt:before {
    content: "\f887";
}

.fa-sort-up:before {
    content: "\f0de";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-sourcetree:before {
    content: "\f7d3";
}

.fa-spa:before {
    content: "\f5bb";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-speakap:before {
    content: "\f3f3";
}

.fa-speaker-deck:before {
    content: "\f83c";
}

.fa-spell-check:before {
    content: "\f891";
}

.fa-spider:before {
    content: "\f717";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-splotch:before {
    content: "\f5bc";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-spray-can:before {
    content: "\f5bd";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-square-full:before {
    content: "\f45c";
}

.fa-square-root-alt:before {
    content: "\f698";
}

.fa-squarespace:before {
    content: "\f5be";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-stackpath:before {
    content: "\f842";
}

.fa-stamp:before {
    content: "\f5bf";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-and-crescent:before {
    content: "\f699";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-star-half-alt:before {
    content: "\f5c0";
}

.fa-star-of-david:before {
    content: "\f69a";
}

.fa-star-of-life:before {
    content: "\f621";
}

.fa-staylinked:before {
    content: "\f3f5";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-steam-symbol:before {
    content: "\f3f6";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-sticker-mule:before {
    content: "\f3f7";
}

.fa-sticky-note:before {
    content: "\f249";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-stop-circle:before {
    content: "\f28d";
}

.fa-stopwatch:before {
    content: "\f2f2";
}

.fa-stopwatch-20:before {
    content: "\f96f";
}

.fa-store:before {
    content: "\f54e";
}

.fa-store-alt:before {
    content: "\f54f";
}

.fa-store-alt-slash:before {
    content: "\f970";
}

.fa-store-slash:before {
    content: "\f971";
}

.fa-strava:before {
    content: "\f428";
}

.fa-stream:before {
    content: "\f550";
}

.fa-street-view:before {
    content: "\f21d";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-stripe:before {
    content: "\f429";
}

.fa-stripe-s:before {
    content: "\f42a";
}

.fa-stroopwafel:before {
    content: "\f551";
}

.fa-studiovinari:before {
    content: "\f3f8";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-subway:before {
    content: "\f239";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-suitcase-rolling:before {
    content: "\f5c1";
}

.fa-sun:before {
    content: "\f185";
}

.fa-superpowers:before {
    content: "\f2dd";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-supple:before {
    content: "\f3f9";
}

.fa-surprise:before {
    content: "\f5c2";
}

.fa-suse:before {
    content: "\f7d6";
}

.fa-swatchbook:before {
    content: "\f5c3";
}

.fa-swift:before {
    content: "\f8e1";
}

.fa-swimmer:before {
    content: "\f5c4";
}

.fa-swimming-pool:before {
    content: "\f5c5";
}

.fa-symfony:before {
    content: "\f83d";
}

.fa-synagogue:before {
    content: "\f69b";
}

.fa-sync:before {
    content: "\f021";
}

.fa-sync-alt:before {
    content: "\f2f1";
}

.fa-syringe:before {
    content: "\f48e";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-table-tennis:before {
    content: "\f45d";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-tablet-alt:before {
    content: "\f3fa";
}

.fa-tablets:before {
    content: "\f490";
}

.fa-tachometer-alt:before {
    content: "\f3fd";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-tape:before {
    content: "\f4db";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-taxi:before {
    content: "\f1ba";
}

.fa-teamspeak:before {
    content: "\f4f9";
}

.fa-teeth:before {
    content: "\f62e";
}

.fa-teeth-open:before {
    content: "\f62f";
}

.fa-telegram:before {
    content: "\f2c6";
}

.fa-telegram-plane:before {
    content: "\f3fe";
}

.fa-temperature-high:before {
    content: "\f769";
}

.fa-temperature-low:before {
    content: "\f76b";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-tenge:before {
    content: "\f7d7";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-the-red-yeti:before {
    content: "\f69d";
}

.fa-theater-masks:before {
    content: "\f630";
}

.fa-themeco:before {
    content: "\f5c6";
}

.fa-themeisle:before {
    content: "\f2b2";
}

.fa-thermometer:before {
    content: "\f491";
}

.fa-thermometer-empty:before {
    content: "\f2cb";
}

.fa-thermometer-full:before {
    content: "\f2c7";
}

.fa-thermometer-half:before {
    content: "\f2c9";
}

.fa-thermometer-quarter:before {
    content: "\f2ca";
}

.fa-thermometer-three-quarters:before {
    content: "\f2c8";
}

.fa-think-peaks:before {
    content: "\f731";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbtack:before {
    content: "\f08d";
}

.fa-ticket-alt:before {
    content: "\f3ff";
}

.fa-times:before {
    content: "\f00d";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-tint:before {
    content: "\f043";
}

.fa-tint-slash:before {
    content: "\f5c7";
}

.fa-tired:before {
    content: "\f5c8";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-toilet:before {
    content: "\f7d8";
}

.fa-toilet-paper:before {
    content: "\f71e";
}

.fa-toilet-paper-slash:before {
    content: "\f972";
}

.fa-toolbox:before {
    content: "\f552";
}

.fa-tools:before {
    content: "\f7d9";
}

.fa-tooth:before {
    content: "\f5c9";
}

.fa-torah:before {
    content: "\f6a0";
}

.fa-torii-gate:before {
    content: "\f6a1";
}

.fa-tractor:before {
    content: "\f722";
}

.fa-trade-federation:before {
    content: "\f513";
}

.fa-trademark:before {
    content: "\f25c";
}

.fa-traffic-light:before {
    content: "\f637";
}

.fa-trailer:before {
    content: "\f941";
}

.fa-train:before {
    content: "\f238";
}

.fa-tram:before {
    content: "\f7da";
}

.fa-transgender:before {
    content: "\f224";
}

.fa-transgender-alt:before {
    content: "\f225";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-trash-alt:before {
    content: "\f2ed";
}

.fa-trash-restore:before {
    content: "\f829";
}

.fa-trash-restore-alt:before {
    content: "\f82a";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-trello:before {
    content: "\f181";
}

.fa-tripadvisor:before {
    content: "\f262";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-truck-loading:before {
    content: "\f4de";
}

.fa-truck-monster:before {
    content: "\f63b";
}

.fa-truck-moving:before {
    content: "\f4df";
}

.fa-truck-pickup:before {
    content: "\f63c";
}

.fa-tshirt:before {
    content: "\f553";
}

.fa-tty:before {
    content: "\f1e4";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-tv:before {
    content: "\f26c";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-typo3:before {
    content: "\f42b";
}

.fa-uber:before {
    content: "\f402";
}

.fa-ubuntu:before {
    content: "\f7df";
}

.fa-uikit:before {
    content: "\f403";
}

.fa-umbraco:before {
    content: "\f8e8";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-umbrella-beach:before {
    content: "\f5ca";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-undo:before {
    content: "\f0e2";
}

.fa-undo-alt:before {
    content: "\f2ea";
}

.fa-uniregistry:before {
    content: "\f404";
}

.fa-unity:before {
    content: "\f949";
}

.fa-universal-access:before {
    content: "\f29a";
}

.fa-university:before {
    content: "\f19c";
}

.fa-unlink:before {
    content: "\f127";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-untappd:before {
    content: "\f405";
}

.fa-upload:before {
    content: "\f093";
}

.fa-ups:before {
    content: "\f7e0";
}

.fa-usb:before {
    content: "\f287";
}

.fa-user:before {
    content: "\f007";
}

.fa-user-alt:before {
    content: "\f406";
}

.fa-user-alt-slash:before {
    content: "\f4fa";
}

.fa-user-astronaut:before {
    content: "\f4fb";
}

.fa-user-check:before {
    content: "\f4fc";
}

.fa-user-circle:before {
    content: "\f2bd";
}

.fa-user-clock:before {
    content: "\f4fd";
}

.fa-user-cog:before {
    content: "\f4fe";
}

.fa-user-edit:before {
    content: "\f4ff";
}

.fa-user-friends:before {
    content: "\f500";
}

.fa-user-graduate:before {
    content: "\f501";
}

.fa-user-injured:before {
    content: "\f728";
}

.fa-user-lock:before {
    content: "\f502";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-user-minus:before {
    content: "\f503";
}

.fa-user-ninja:before {
    content: "\f504";
}

.fa-user-nurse:before {
    content: "\f82f";
}

.fa-user-plus:before {
    content: "\f234";
}

.fa-user-secret:before {
    content: "\f21b";
}

.fa-user-shield:before {
    content: "\f505";
}

.fa-user-slash:before {
    content: "\f506";
}

.fa-user-tag:before {
    content: "\f507";
}

.fa-user-tie:before {
    content: "\f508";
}

.fa-user-times:before {
    content: "\f235";
}

.fa-users:before {
    content: "\f0c0";
}

.fa-users-cog:before {
    content: "\f509";
}

.fa-usps:before {
    content: "\f7e1";
}

.fa-ussunnah:before {
    content: "\f407";
}

.fa-utensil-spoon:before {
    content: "\f2e5";
}

.fa-utensils:before {
    content: "\f2e7";
}

.fa-vaadin:before {
    content: "\f408";
}

.fa-vector-square:before {
    content: "\f5cb";
}

.fa-venus:before {
    content: "\f221";
}

.fa-venus-double:before {
    content: "\f226";
}

.fa-venus-mars:before {
    content: "\f228";
}

.fa-viacoin:before {
    content: "\f237";
}

.fa-viadeo:before {
    content: "\f2a9";
}

.fa-viadeo-square:before {
    content: "\f2aa";
}

.fa-vial:before {
    content: "\f492";
}

.fa-vials:before {
    content: "\f493";
}

.fa-viber:before {
    content: "\f409";
}

.fa-video:before {
    content: "\f03d";
}

.fa-video-slash:before {
    content: "\f4e2";
}

.fa-vihara:before {
    content: "\f6a7";
}

.fa-vimeo:before {
    content: "\f40a";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-vimeo-v:before {
    content: "\f27d";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-virus:before {
    content: "\f974";
}

.fa-virus-slash:before {
    content: "\f975";
}

.fa-viruses:before {
    content: "\f976";
}

.fa-vk:before {
    content: "\f189";
}

.fa-vnv:before {
    content: "\f40b";
}

.fa-voicemail:before {
    content: "\f897";
}

.fa-volleyball-ball:before {
    content: "\f45f";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-mute:before {
    content: "\f6a9";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-vote-yea:before {
    content: "\f772";
}

.fa-vr-cardboard:before {
    content: "\f729";
}

.fa-vuejs:before {
    content: "\f41f";
}

.fa-walking:before {
    content: "\f554";
}

.fa-wallet:before {
    content: "\f555";
}

.fa-warehouse:before {
    content: "\f494";
}

.fa-water:before {
    content: "\f773";
}

.fa-wave-square:before {
    content: "\f83e";
}

.fa-waze:before {
    content: "\f83f";
}

.fa-weebly:before {
    content: "\f5cc";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-weight:before {
    content: "\f496";
}

.fa-weight-hanging:before {
    content: "\f5cd";
}

.fa-weixin:before {
    content: "\f1d7";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-whatsapp-square:before {
    content: "\f40c";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-whmcs:before {
    content: "\f40d";
}

.fa-wifi:before {
    content: "\f1eb";
}

.fa-wikipedia-w:before {
    content: "\f266";
}

.fa-wind:before {
    content: "\f72e";
}

.fa-window-close:before {
    content: "\f410";
}

.fa-window-maximize:before {
    content: "\f2d0";
}

.fa-window-minimize:before {
    content: "\f2d1";
}

.fa-window-restore:before {
    content: "\f2d2";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-wine-bottle:before {
    content: "\f72f";
}

.fa-wine-glass:before {
    content: "\f4e3";
}

.fa-wine-glass-alt:before {
    content: "\f5ce";
}

.fa-wix:before {
    content: "\f5cf";
}

.fa-wizards-of-the-coast:before {
    content: "\f730";
}

.fa-wolf-pack-battalion:before {
    content: "\f514";
}

.fa-won-sign:before {
    content: "\f159";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-wordpress-simple:before {
    content: "\f411";
}

.fa-wpbeginner:before {
    content: "\f297";
}

.fa-wpexplorer:before {
    content: "\f2de";
}

.fa-wpforms:before {
    content: "\f298";
}

.fa-wpressr:before {
    content: "\f3e4";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-x-ray:before {
    content: "\f497";
}

.fa-xbox:before {
    content: "\f412";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-y-combinator:before {
    content: "\f23b";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-yammer:before {
    content: "\f840";
}

.fa-yandex:before {
    content: "\f413";
}

.fa-yandex-international:before {
    content: "\f414";
}

.fa-yarn:before {
    content: "\f7e3";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-yen-sign:before {
    content: "\f157";
}

.fa-yin-yang:before {
    content: "\f6ad";
}

.fa-yoast:before {
    content: "\f2b1";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-youtube-square:before {
    content: "\f431";
}

.fa-zhihu:before {
    content: "\f63f";
}

@font-face {
    font-display: block;
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    src: url("https://www.indonez.com/error/404.html");
    src: url("https://www.indonez.com/error/404.html#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("https://www.indonez.com/error/404.html") format("truetype"), url("https://www.indonez.com/error/404.html#fontawesome") format("svg");
}

.fab {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
}

@font-face {
    font-display: block;
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    src: url("https://www.indonez.com/error/404.html");
    src: url("https://www.indonez.com/error/404.html#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("https://www.indonez.com/error/404.html") format("truetype"), url("https://www.indonez.com/error/404.html#fontawesome") format("svg");
}

.fa,
.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.in-video-wrapper .plyr,
.in-audio-wrapper .plyr {
    border-radius: 6px;
}

/* [ 9. custom ] */
.in-profit-ticker {
    box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.06);
}

    .in-profit-ticker .in-icon-wrap {
        font-size: 10px;
        color: #fff;
        margin-right: 6px;
    }

        .in-profit-ticker .in-icon-wrap.small {
            width: 16px;
            height: 16px;
        }

        .in-profit-ticker .in-icon-wrap.up {
            background-color: #2ecc71;
        }

        .in-profit-ticker .in-icon-wrap.down {
            background-color: #ee4f6f;
        }

    .in-profit-ticker .uk-slider-items li {
        color: #818181;
        font-size: 0.765rem;
    }

        .in-profit-ticker .uk-slider-items li span {
            margin-left: 8px;
        }

.in-profit-trustpilot {
    border-top: 1px solid #e3e3e3;
}

    .in-profit-trustpilot.uk-section {
        padding-top: 20px;
        padding-bottom: 16px;
    }

.in-profit-1 .uk-width-expand\@m {
    padding-top: 3px;
}

.in-profit-1 .uk-child-width-1-2\@m p {
    margin-top: 15px;
}

.in-profit-1 .fas {
    color: #ffcc00;
    font-size: 22px;
}

.in-profit-2.uk-background-contain {
    background-size: 960px 710px;
    background-position: 20% 30%;
}

.in-profit-2 .in-pricing-1 .uk-card-default {
    background: linear-gradient(0deg, #f7f7fa 0%, #f7f7fa 45%, white 75%, white 100%);
}

.in-profit-2 .in-pricing-1 .uk-card-body {
    padding-top: 0;
    padding-bottom: 20px;
}

    .in-profit-2 .in-pricing-1 .uk-card-body p,
    .in-profit-2 .in-pricing-1 .uk-card-body .uk-label {
        position: relative;
        z-index: 1;
    }

    .in-profit-2 .in-pricing-1 .uk-card-body .uk-label {
        margin-top: 4px;
    }

.in-profit-2 .in-pricing-1 .uk-card-media-top {
    position: relative;
}

    .in-profit-2 .in-pricing-1 .uk-card-media-top span {
        position: absolute;
        width: 100%;
        height: 101%;
        background: linear-gradient(0deg, #f7f7fa 0%, rgba(247, 247, 250, 0.599877) 30%, rgba(247, 247, 250, 0) 100%);
        top: 0;
    }

.in-profit-2 .in-pricing-1 .uk-button-link {
    color: #ffcc00;
}

.in-profit-2 .in-heading-extra {
    border-left: 7px solid #ffcc00;
    padding-left: 18px;
    position: relative;
    top: -120px;
    margin-bottom: -120px;
}

    .in-profit-2 .in-heading-extra:before {
        width: 100%;
        height: 300px;
        content: "";
        position: absolute;
        right: -200px;
    }

    .in-profit-2 .in-heading-extra.in-card-decor-1:before {
        background: url("../img/in-profit-decor-1.svg") no-repeat;
        background-size: 100%;
    }

    .in-profit-2 .in-heading-extra.in-card-decor-2:before {
        background: url("../img/in-profit-decor-2.svg") no-repeat;
        background-size: 100%;
    }

    .in-profit-2 .in-heading-extra .uk-text-lead {
        margin-top: -5px;
    }

.in-profit-2 .in-profit-appcard {
    background-color: #f7f6fc;
    border: 2px solid #d5cee0;
    border-radius: 12px;
}

    .in-profit-2 .in-profit-appcard.uk-card-body .uk-child-width-1-2\@m div:nth-child(2) {
        padding-left: 0;
        margin-top: -40px;
        margin-bottom: -40px;
    }

    .in-profit-2 .in-profit-appcard hr {
        border-color: #d1d0dd;
        margin-top: 25px;
    }

    .in-profit-2 .in-profit-appcard img {
        position: relative;
        right: -40px;
        height: 100%;
    }

.in-profit-2 .in-profit-tradestatus h1 {
    font-size: 36px;
}

.in-profit-2 .in-profit-tradestatus .uk-text-lead {
    font-size: 24px;
}

@media (max-width: 960px) {
    .in-profit-2 .in-heading-extra:before {
        top: 39px;
        right: -180px;
    }
}

@media (max-width: 639px) {
    .in-profit-2 .uk-card-body .uk-label {
        display: none;
    }

    .in-profit-2 .uk-button-link {
        margin-bottom: 25px;
    }
}

.in-profit-3 {
    background-color: #01123c;
}

    .in-profit-3 h1.uk-heading-bullet {
        color: #ffcc00;
    }

@media (min-width: 640px) and (max-width: 960px) {
    .in-profit-3.uk-background-contain {
        background-size: auto 80%;
    }
}

@media (max-width: 639px) {
    .in-profit-3.uk-background-contain {
        background-size: auto 40%;
    }
}

.in-profit-4 .in-profit-stockprice {
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 0.765rem;
}

    .in-profit-4 .in-profit-stockprice .uk-card-default {
        background-color: #fff;
        box-shadow: 0px 0px 55px 0px rgba(0, 0, 0, 0.15);
    }

    .in-profit-4 .in-profit-stockprice .uk-card-body {
        padding: 18px 20px;
    }

    .in-profit-4 .in-profit-stockprice i {
        margin-right: 6px;
    }

    .in-profit-4 .in-profit-stockprice .up {
        color: #2ecc71;
    }

    .in-profit-4 .in-profit-stockprice .down {
        color: #ee4f6f;
    }

.in-profit-5 .in-pricing-1 .uk-card-header h3 {
    margin-top: 15px;
}

.in-profit-5 .in-pricing-1 .uk-card-header .uk-card-badge {
    margin: 0;
}

.in-profit-5 .in-pricing-1 .uk-card-header i {
    color: #fff;
}

    .in-profit-5 .in-pricing-1 .uk-card-header i.circle {
        background-color: #ffcc00;
    }

.in-profit-5 .uk-card-default {
    background: url("../img/in-profit-decor-3.svg") no-repeat;
    background-size: 400px 296px;
    background-position: -80px -120px;
}

.in-profit-6 .uk-child-width-1-3\@m .uk-flex {
    padding-top: 20px;
    padding-bottom: 20px;
}

.in-profit-6 h1.uk-text-primary {
    border: 1px solid #ffcc00;
    border-radius: 12px;
    padding: 10px 18px;
}

.in-profit-7.uk-background-contain {
    background-size: 960px 710px;
    background-position: 20% 35%;
}

.in-profit-7 div article {
    border-bottom: 1px solid #e8e8e8;
    padding-top: 18px;
    padding-bottom: 20px;
}

    .in-profit-7 div article h5 a {
        color: #3f3453;
    }

    .in-profit-7 div article:last-child {
        border-bottom: 0;
    }

.in-profit-8 {
    border-top: 1px solid #e3e3e3;
}

    .in-profit-8 .in-profit-award {
        padding: 18px 20px;
        position: relative;
    }

        .in-profit-8 .in-profit-award h4 {
            margin-top: 16px;
            margin-bottom: -16px;
        }

        .in-profit-8 .in-profit-award:before {
            position: absolute;
            top: 0;
            left: 7px;
            content: url("../img/in-award-left.svg");
        }

        .in-profit-8 .in-profit-award:after {
            position: absolute;
            top: 0;
            right: 7px;
            content: url("../img/in-award-right.svg");
        }

@media (max-width: 960px) {
    .in-profit-8.uk-background-contain {
        background-size: auto 80%;
    }
}

.in-profit-9 .uk-width-expand\@m {
    padding-top: 7px;
}

.in-profit-9 .uk-child-width-1-6\@m {
    margin-top: 15px;
    margin-bottom: 10px;
}

    .in-profit-9 .uk-child-width-1-6\@m .in-icon-wrap {
        background-color: #fff;
    }

.in-profit-9 .fas,
.in-profit-9 .fab {
    color: #ffcc00;
    font-size: 24px;
}

.in-profit-10 .uk-container {
    margin-bottom: -70px;
    padding-bottom: 75px;
}

.in-profit-10 .uk-background-contain {
    background-size: 498px 314px;
}

@media (max-width: 639px) {
    .in-profit-10 .uk-container {
        padding-bottom: 360px;
    }
}

.in-profit-11 {
    background-color: #282828;
}

    .in-profit-11.uk-section-secondary:not(.uk-preserve-color) .uk-label {
        background-color: #ffcc00;
        color: #fff;
    }

    .in-profit-11 .uk-card-primary {
        background-color: rgba(139, 178, 217, 0.4);
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
    }

        .in-profit-11 .uk-card-primary .uk-button-primary {
            background-color: #ffcc00;
            color: #fff;
        }

            .in-profit-11 .uk-card-primary .uk-button-primary:hover {
                background-color: #fd5536;
                color: #fff;
            }

@media (min-width: 640px) and (max-width: 960px) {
    .in-profit-11.uk-background-contain {
        background-size: auto 80%;
    }
}

@media (max-width: 639px) {
    .in-profit-11.uk-background-contain {
        background-size: auto 60%;
    }
}

.in-profit-12 .uk-card-default {
    background-color: #fff;
    margin-bottom: 10px;
}

    .in-profit-12 .uk-card-default .uk-card-body {
        padding: 18px 18px 10px;
    }

.in-profit-12 .uk-table td {
    font-size: 14px;
}

@media (min-width: 640px) and (max-width: 960px) {

    .in-profit-12 .uk-child-width-1-2\@s div:nth-child(1) p:after,
    .in-profit-12 .uk-child-width-1-2\@s div:nth-child(2) p:after {
        border-bottom: 1px solid #e8e8e8;
        content: "";
        display: block;
        position: relative;
        top: 16px;
    }
}

@media (max-width: 639px) {

    .in-profit-12 .uk-table th,
    .in-profit-12 .uk-table .uk-label {
        font-size: 0.765rem;
    }

    .in-profit-12 .in-pairname {
        display: none;
    }

    .in-profit-12 .uk-button-default.uk-margin-small-left {
        margin-top: 10px;
    }
}

.in-profit-13 .in-pricing-1 .uk-card-default {
    background: url("../img/in-profit-decor-3.svg") no-repeat;
    background-size: 400px 296px;
    background-position: -80px -120px;
}

.in-profit-13 .in-pricing-1 .uk-background-contain {
    background-size: 217px 241px;
}

.in-profit-13 .in-pricing-1 .uk-card-header h3 {
    margin-top: 15px;
}

.in-profit-13 .in-icon-wrap {
    color: #ffcc00;
}

.in-profit-13 .uk-width-5-6\@m p {
    top: 5px;
    position: relative;
}

@media (max-width: 960px) {
    .in-profit-13 .in-pricing-1 .uk-background-contain {
        background-size: auto 50%;
    }
}

@media (min-width: 640px) and (max-width: 960px) {
    .in-profit-14.uk-background-contain {
        background-size: auto 60%;
    }
}

@media (max-width: 639px) {
    .in-profit-14.uk-background-contain {
        background-size: auto 35%;
    }
}

.in-profit-15 .in-icon-wrap {
    background-color: #ffcc00;
    color: #fff;
    position: relative;
}

    .in-profit-15 .in-icon-wrap.large {
        font-size: 32px;
    }

    .in-profit-15 .in-icon-wrap:after {
        position: absolute;
        top: 22px;
        right: -220px;
        content: url("../img/in-profit-dotted.svg");
    }

.in-profit-15 .uk-child-width-1-3\@m div:last-child .in-icon-wrap:after {
    content: "";
}

@media (max-width: 960px) {
    .in-profit-15 .in-icon-wrap:after {
        content: "";
    }
}

.in-profit-16 .in-client-logo-3 {
    margin-top: 5px;
}

    .in-profit-16 .in-client-logo-3 .uk-tile {
        padding: 10px 25px;
    }

.in-profit-16 .in-create-account {
    padding: 0 34px 30px;
    border: 1px solid #ffcc00;
    border-radius: 12px;
}

    .in-profit-16 .in-create-account .uk-label {
        background-color: #ffcc00;
        margin-top: -18px;
    }

.in-profit-16 .uk-width-auto\@m h4 {
    margin-top: 8px;
}

@media (max-width: 639px) {
    .in-profit-16 .in-create-account form {
        margin-top: 10px;
    }
}

.in-profit-17 {
    border-top: 1px solid #e3e3e3;
}

    .in-profit-17.uk-background-contain {
        background-size: 960px 710px;
        background-position: 20% 35%;
    }

@media (max-width: 960px) {
    .in-profit-17 {
        margin-bottom: -70px;
    }
}

.in-breadcrumb .uk-breadcrumb {
    padding-top: 20px;
}

    .in-breadcrumb .uk-breadcrumb li:first-child a {
        position: relative;
        top: 0px;
    }

.uk-navbar-dropdown-nav .uk-nav-header {
    color: #333 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    margin-top: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
}

/* Mega menüyü genişlet */
.uk-navbar-dropdown-width-4 {
    width: 900px !important; /* İhtiyaca göre 900-1100 arası yapabilirsiniz */
    left: 50% !important;
    transform: translateX(-50%) !important;
}
/* Sadece Hizmetler mega menüsünü hedefle */
#hizmetler-dropdown {
    width: 900px !important;
    left: 70% !important;
    transform: translateX(-50%) !important;
    margin-top: 15px !important;
}

/* Diğer dropdownlar varsayılan kalsın, zorlama yapmasın */
.uk-navbar-dropdown {
    width: auto !important;
    min-width: 200px; /* Standart dropdownlar için minimum genişlik */
}
/* Premium Kart Efektleri */
.in-card-premium .uk-card {
    transition: all 0.4s ease;
    border: 1px solid rgba(0,0,0,0.05);
    background: #ffffff;
}

    .in-card-premium .uk-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 20px 40px rgba(0,0,0,0.1);
        border-color: #ffd700; /* Marka sarınızla uyumlu */
    }

/* Tipografi */
.uk-h1 {
    font-weight: 800;
    line-height: 1.2;
}

article.sistemedya-seo {
    --seo-text: #0f172a;
    --seo-muted: #64748b;
    --seo-soft: #f8fafc;
    --seo-border: #e2e8f0;
    --seo-primary: #2563eb;
    --seo-radius: 14px;
    color: var(--seo-text);
}

    article.sistemedya-seo * {
        box-sizing: border-box;
    }

    article.sistemedya-seo .seo-hero-copy {
        max-width: 980px;
    }

    article.sistemedya-seo .seo-eyebrow {
        color: var(--seo-primary);
        display: block;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: .08em;
        margin-bottom: 12px;
        text-transform: uppercase;
    }

    article.sistemedya-seo .seo-intro {
        font-size: clamp(17px, 1.5vw, 20px);
        line-height: 1.75;
        margin: 22px auto 0;
        max-width: 930px;
    }

    article.sistemedya-seo .seo-supporting-copy {
        line-height: 1.8;
        margin: 18px auto 0;
        max-width: 930px;
    }

    article.sistemedya-seo .seo-actions {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        justify-content: center;
        margin-top: 28px;
    }

    article.sistemedya-seo .seo-card {
        height: 100%;
    }

        article.sistemedya-seo .seo-card h3 {
            font-size: 21px;
            line-height: 1.35;
        }

            article.sistemedya-seo .seo-card h3 a {
                color: inherit;
                text-decoration: none;
            }

        article.sistemedya-seo .seo-card p {
            line-height: 1.7;
        }

    article.sistemedya-seo .seo-content {
        font-size: 17px;
        line-height: 1.8;
    }

        article.sistemedya-seo .seo-content h2 {
            font-size: clamp(27px, 3vw, 39px);
            line-height: 1.25;
            margin-bottom: 18px;
        }

        article.sistemedya-seo .seo-content h3 {
            font-size: clamp(20px, 2vw, 25px);
            line-height: 1.35;
            margin-bottom: 12px;
        }

        article.sistemedya-seo .seo-content p {
            margin-bottom: 18px;
        }

    article.sistemedya-seo .seo-note {
        background: var(--seo-soft);
        border: 1px solid var(--seo-border);
        border-left: 4px solid var(--seo-primary);
        border-radius: var(--seo-radius);
        margin: 26px 0;
        padding: 22px 24px;
    }

        article.sistemedya-seo .seo-note p:last-child {
            margin-bottom: 0;
        }

    article.sistemedya-seo .seo-checklist {
        list-style: none;
        margin: 22px 0;
        padding: 0;
    }

        article.sistemedya-seo .seo-checklist li {
            border-bottom: 1px solid var(--seo-border);
            padding: 11px 0 11px 30px;
            position: relative;
        }

            article.sistemedya-seo .seo-checklist li::before {
                color: #16a34a;
                content: "✓";
                font-weight: 700;
                left: 4px;
                position: absolute;
            }

    article.sistemedya-seo .seo-step {
        background: #fff;
        border: 1px solid var(--seo-border);
        border-radius: var(--seo-radius);
        height: 100%;
        padding: 24px;
    }

    article.sistemedya-seo .seo-step-number {
        align-items: center;
        background: var(--seo-primary);
        border-radius: 50%;
        color: #fff;
        display: inline-flex;
        font-size: 14px;
        font-weight: 700;
        height: 38px;
        justify-content: center;
        margin-bottom: 16px;
        width: 38px;
    }

    article.sistemedya-seo .seo-table-wrap {
        border: 1px solid var(--seo-border);
        border-radius: var(--seo-radius);
        margin: 25px 0;
        overflow-x: auto;
    }

    article.sistemedya-seo .seo-table {
        border-collapse: collapse;
        min-width: 680px;
        width: 100%;
    }

        article.sistemedya-seo .seo-table th,
        article.sistemedya-seo .seo-table td {
            border-bottom: 1px solid var(--seo-border);
            padding: 15px 17px;
            text-align: left;
            vertical-align: top;
        }

        article.sistemedya-seo .seo-table th {
            background: var(--seo-soft);
            font-weight: 700;
        }

        article.sistemedya-seo .seo-table tr:last-child td {
            border-bottom: 0;
        }

    article.sistemedya-seo .seo-faq details {
        background: #fff;
        border: 1px solid var(--seo-border);
        border-radius: var(--seo-radius);
        margin-bottom: 12px;
        padding: 17px 20px;
    }

    article.sistemedya-seo .seo-faq summary {
        cursor: pointer;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.5;
    }

    article.sistemedya-seo .seo-faq details p {
        color: #334155;
        line-height: 1.75;
        margin: 14px 0 0;
    }

    article.sistemedya-seo .seo-cta-copy {
        max-width: 760px;
    }

@media (max-width: 640px) {
    article.sistemedya-seo .seo-actions {
        align-items: stretch;
        flex-direction: column;
    }

        article.sistemedya-seo .seo-actions .uk-button {
            text-align: center;
            width: 100%;
        }

    article.sistemedya-seo .seo-note,
    article.sistemedya-seo .seo-step {
        padding: 19px;
    }
}

article.sistemedya-web-tasarim {
    --web-text: #0f172a;
    --web-muted: #64748b;
    --web-soft: #f8fafc;
    --web-border: #e2e8f0;
    --web-primary: #2563eb;
    --web-success: #16a34a;
    --web-radius: 14px;
    color: var(--web-text);
}

    article.sistemedya-web-tasarim * {
        box-sizing: border-box;
    }

    article.sistemedya-web-tasarim .web-hero {
        max-width: 980px;
    }

    article.sistemedya-web-tasarim .web-eyebrow {
        color: var(--web-primary);
        display: block;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: .08em;
        margin-bottom: 12px;
        text-transform: uppercase;
    }

    article.sistemedya-web-tasarim .web-intro {
        font-size: clamp(17px, 1.5vw, 20px);
        line-height: 1.75;
        margin: 22px auto 0;
        max-width: 930px;
    }

    article.sistemedya-web-tasarim .web-supporting-copy {
        line-height: 1.8;
        margin: 18px auto 0;
        max-width: 930px;
    }

    article.sistemedya-web-tasarim .web-actions {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        justify-content: center;
        margin-top: 28px;
    }

    article.sistemedya-web-tasarim .web-content {
        font-size: 17px;
        line-height: 1.8;
    }

        article.sistemedya-web-tasarim .web-content h2 {
            font-size: clamp(27px, 3vw, 32px);
            line-height: 1.25;
            margin-bottom: 18px;
        }

        article.sistemedya-web-tasarim .web-content h3 {
            font-size: clamp(20px, 2vw, 25px);
            line-height: 1.35;
            margin-bottom: 12px;
        }

        article.sistemedya-web-tasarim .web-content p {
            margin-bottom: 18px;
        }

    article.sistemedya-web-tasarim .web-card {
        height: 100%;
    }

        article.sistemedya-web-tasarim .web-card h3 {
            font-size: 21px;
            line-height: 1.35;
        }

            article.sistemedya-web-tasarim .web-card h3 a {
                color: inherit;
                text-decoration: none;
            }

        article.sistemedya-web-tasarim .web-card p {
            line-height: 1.7;
        }

    article.sistemedya-web-tasarim .web-info-card {
        background: linear-gradient(135deg, #14213d 0%, #243b67 100%);
        border-radius: var(--web-radius);
        color: #fff;
        padding: clamp(24px, 4vw, 45px);
    }

        article.sistemedya-web-tasarim .web-info-card h2,
        article.sistemedya-web-tasarim .web-info-card p,
        article.sistemedya-web-tasarim .web-info-card li {
            color: #fff;
        }

        article.sistemedya-web-tasarim .web-info-card ul {
            margin: 20px 0 0;
            padding-left: 20px;
        }

        article.sistemedya-web-tasarim .web-info-card li {
            line-height: 1.7;
            margin-bottom: 9px;
        }

    article.sistemedya-web-tasarim .web-note {
        background: var(--web-soft);
        border: 1px solid var(--web-border);
        border-left: 4px solid var(--web-primary);
        border-radius: var(--web-radius);
        margin: 26px 0;
        padding: 22px 24px;
    }

        article.sistemedya-web-tasarim .web-note p:last-child {
            margin-bottom: 0;
        }

    article.sistemedya-web-tasarim .web-checklist {
        list-style: none;
        margin: 22px 0;
        padding: 0;
    }

        article.sistemedya-web-tasarim .web-checklist li {
            border-bottom: 1px solid var(--web-border);
            padding: 11px 0 11px 30px;
            position: relative;
        }

            article.sistemedya-web-tasarim .web-checklist li::before {
                color: var(--web-success);
                content: "✓";
                font-weight: 700;
                left: 4px;
                position: absolute;
            }

    article.sistemedya-web-tasarim .web-step {
        background: #fff;
        border: 1px solid var(--web-border);
        border-radius: var(--web-radius);
        height: 100%;
        padding: 24px;
    }

    article.sistemedya-web-tasarim .web-step-number {
        align-items: center;
        background: var(--web-primary);
        border-radius: 50%;
        color: #fff;
        display: inline-flex;
        font-size: 14px;
        font-weight: 700;
        height: 38px;
        justify-content: center;
        margin-bottom: 16px;
        width: 38px;
    }

    article.sistemedya-web-tasarim .web-table-wrap {
        border: 1px solid var(--web-border);
        border-radius: var(--web-radius);
        margin: 25px 0;
        overflow-x: auto;
    }

    article.sistemedya-web-tasarim .web-table {
        border-collapse: collapse;
        min-width: 760px;
        width: 100%;
    }

        article.sistemedya-web-tasarim .web-table th,
        article.sistemedya-web-tasarim .web-table td {
            border-bottom: 1px solid var(--web-border);
            padding: 15px 17px;
            text-align: left;
            vertical-align: top;
        }

        article.sistemedya-web-tasarim .web-table th {
            background: var(--web-soft);
            font-weight: 700;
        }

        article.sistemedya-web-tasarim .web-table tr:last-child td {
            border-bottom: 0;
        }

    article.sistemedya-web-tasarim .web-faq details {
        background: #fff;
        border: 1px solid var(--web-border);
        border-radius: var(--web-radius);
        margin-bottom: 12px;
        padding: 17px 20px;
    }

    article.sistemedya-web-tasarim .web-faq summary {
        cursor: pointer;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.5;
    }

    article.sistemedya-web-tasarim .web-faq details p {
        color: #334155;
        line-height: 1.75;
        margin: 14px 0 0;
    }

    article.sistemedya-web-tasarim .web-cta-copy {
        max-width: 760px;
    }

@media (max-width: 640px) {
    article.sistemedya-web-tasarim .web-actions {
        align-items: stretch;
        flex-direction: column;
    }

        article.sistemedya-web-tasarim .web-actions .uk-button {
            text-align: center;
            width: 100%;
        }

    article.sistemedya-web-tasarim .web-step,
    article.sistemedya-web-tasarim .web-note {
        padding: 19px;
    }
}

article.sistemedya-ozel-yazilim {
    --sw-text: #0f172a;
    --sw-muted: #64748b;
    --sw-soft: #f8fafc;
    --sw-border: #e2e8f0;
    --sw-primary: #2563eb;
    --sw-success: #16a34a;
    --sw-radius: 14px;
    color: var(--sw-text);
}

    article.sistemedya-ozel-yazilim * {
        box-sizing: border-box;
    }

    article.sistemedya-ozel-yazilim .sw-hero {
        max-width: 980px;
    }

    article.sistemedya-ozel-yazilim .sw-eyebrow {
        color: var(--sw-primary);
        display: block;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: .08em;
        margin-bottom: 12px;
        text-transform: uppercase;
    }

    article.sistemedya-ozel-yazilim .sw-intro {
        font-size: clamp(17px, 1.5vw, 20px);
        line-height: 1.75;
        margin: 22px auto 0;
        max-width: 930px;
    }

    article.sistemedya-ozel-yazilim .sw-supporting-copy {
        line-height: 1.8;
        margin: 18px auto 0;
        max-width: 930px;
    }

    article.sistemedya-ozel-yazilim .sw-actions {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        justify-content: center;
        margin-top: 28px;
    }

    article.sistemedya-ozel-yazilim .sw-content {
        font-size: 17px;
        line-height: 1.8;
    }

        article.sistemedya-ozel-yazilim .sw-content h2 {
            font-size: clamp(27px, 3vw, 39px);
            line-height: 1.25;
            margin-bottom: 18px;
        }

        article.sistemedya-ozel-yazilim .sw-content h3 {
            font-size: clamp(20px, 2vw, 25px);
            line-height: 1.35;
            margin-bottom: 12px;
        }

        article.sistemedya-ozel-yazilim .sw-content p {
            margin-bottom: 18px;
        }

    article.sistemedya-ozel-yazilim .sw-card {
        background: #fff;
        border: 1px solid var(--sw-border);
        border-radius: var(--sw-radius);
        height: 100%;
        padding: 24px;
    }

        article.sistemedya-ozel-yazilim .sw-card h3 {
            font-size: 21px;
            line-height: 1.35;
        }

            article.sistemedya-ozel-yazilim .sw-card h3 a {
                color: inherit;
                text-decoration: none;
            }

        article.sistemedya-ozel-yazilim .sw-card p {
            color: #475569;
            line-height: 1.7;
            margin-bottom: 0;
        }

    article.sistemedya-ozel-yazilim .sw-info {
        background: linear-gradient(135deg, #14213d 0%, #243b67 100%);
        border-radius: var(--sw-radius);
        color: #fff;
        padding: clamp(25px, 4vw, 46px);
    }

        article.sistemedya-ozel-yazilim .sw-info h2,
        article.sistemedya-ozel-yazilim .sw-info p,
        article.sistemedya-ozel-yazilim .sw-info li {
            color: #fff;
        }

        article.sistemedya-ozel-yazilim .sw-info ul {
            margin: 20px 0 0;
            padding-left: 20px;
        }

        article.sistemedya-ozel-yazilim .sw-info li {
            line-height: 1.7;
            margin-bottom: 9px;
        }

    article.sistemedya-ozel-yazilim .sw-note {
        background: var(--sw-soft);
        border: 1px solid var(--sw-border);
        border-left: 4px solid var(--sw-primary);
        border-radius: var(--sw-radius);
        margin: 26px 0;
        padding: 22px 24px;
    }

        article.sistemedya-ozel-yazilim .sw-note p:last-child {
            margin-bottom: 0;
        }

    article.sistemedya-ozel-yazilim .sw-checklist {
        list-style: none;
        margin: 22px 0;
        padding: 0;
    }

        article.sistemedya-ozel-yazilim .sw-checklist li {
            border-bottom: 1px solid var(--sw-border);
            padding: 11px 0 11px 30px;
            position: relative;
        }

            article.sistemedya-ozel-yazilim .sw-checklist li::before {
                color: var(--sw-success);
                content: "✓";
                font-weight: 700;
                left: 4px;
                position: absolute;
            }

    article.sistemedya-ozel-yazilim .sw-step {
        background: #fff;
        border: 1px solid var(--sw-border);
        border-radius: var(--sw-radius);
        height: 100%;
        padding: 24px;
    }

    article.sistemedya-ozel-yazilim .sw-step-number {
        align-items: center;
        background: var(--sw-primary);
        border-radius: 50%;
        color: #fff;
        display: inline-flex;
        font-size: 14px;
        font-weight: 700;
        height: 38px;
        justify-content: center;
        margin-bottom: 16px;
        width: 38px;
    }

    article.sistemedya-ozel-yazilim .sw-table-wrap {
        border: 1px solid var(--sw-border);
        border-radius: var(--sw-radius);
        margin: 25px 0;
        overflow-x: auto;
    }

    article.sistemedya-ozel-yazilim .sw-table {
        border-collapse: collapse;
        min-width: 780px;
        width: 100%;
    }

        article.sistemedya-ozel-yazilim .sw-table th,
        article.sistemedya-ozel-yazilim .sw-table td {
            border-bottom: 1px solid var(--sw-border);
            padding: 15px 17px;
            text-align: left;
            vertical-align: top;
        }

        article.sistemedya-ozel-yazilim .sw-table th {
            background: var(--sw-soft);
            font-weight: 700;
        }

        article.sistemedya-ozel-yazilim .sw-table tr:last-child td {
            border-bottom: 0;
        }

    article.sistemedya-ozel-yazilim .sw-faq details {
        background: #fff;
        border: 1px solid var(--sw-border);
        border-radius: var(--sw-radius);
        margin-bottom: 12px;
        padding: 17px 20px;
    }

    article.sistemedya-ozel-yazilim .sw-faq summary {
        cursor: pointer;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.5;
    }

    article.sistemedya-ozel-yazilim .sw-faq details p {
        color: #334155;
        line-height: 1.75;
        margin: 14px 0 0;
    }

    article.sistemedya-ozel-yazilim .sw-cta-copy {
        max-width: 760px;
    }

@media (max-width: 640px) {
    article.sistemedya-ozel-yazilim .sw-actions {
        align-items: stretch;
        flex-direction: column;
    }

        article.sistemedya-ozel-yazilim .sw-actions .uk-button {
            text-align: center;
            width: 100%;
        }

    article.sistemedya-ozel-yazilim .sw-card,
    article.sistemedya-ozel-yazilim .sw-step,
    article.sistemedya-ozel-yazilim .sw-note {
        padding: 19px;
    }
}

article.sistemedya-meta-reklam {
    --meta-text: #0f172a;
    --meta-muted: #64748b;
    --meta-soft: #f8fafc;
    --meta-border: #e2e8f0;
    --meta-primary: #2563eb;
    --meta-success: #16a34a;
    --meta-radius: 14px;
    color: var(--meta-text);
}

    article.sistemedya-meta-reklam * {
        box-sizing: border-box;
    }

    article.sistemedya-meta-reklam .meta-hero {
        max-width: 980px;
    }

    article.sistemedya-meta-reklam .meta-eyebrow {
        color: var(--meta-primary);
        display: block;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: .08em;
        margin-bottom: 12px;
        text-transform: uppercase;
    }

    article.sistemedya-meta-reklam .meta-intro {
        font-size: clamp(17px, 1.5vw, 20px);
        line-height: 1.75;
        margin: 22px auto 0;
        max-width: 930px;
    }

    article.sistemedya-meta-reklam .meta-supporting-copy {
        line-height: 1.8;
        margin: 18px auto 0;
        max-width: 930px;
    }

    article.sistemedya-meta-reklam .meta-actions {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        justify-content: center;
        margin-top: 28px;
    }

    article.sistemedya-meta-reklam .meta-content {
        font-size: 17px;
        line-height: 1.8;
    }

        article.sistemedya-meta-reklam .meta-content h2 {
            font-size: clamp(27px, 3vw, 39px);
            line-height: 1.25;
            margin-bottom: 18px;
        }

        article.sistemedya-meta-reklam .meta-content h3 {
            font-size: clamp(20px, 2vw, 25px);
            line-height: 1.35;
            margin-bottom: 12px;
        }

        article.sistemedya-meta-reklam .meta-content p {
            margin-bottom: 18px;
        }

    article.sistemedya-meta-reklam .meta-card {
        background: #fff;
        border: 1px solid var(--meta-border);
        border-radius: var(--meta-radius);
        height: 100%;
        padding: 24px;
    }

        article.sistemedya-meta-reklam .meta-card h3 {
            font-size: 21px;
            line-height: 1.35;
        }

            article.sistemedya-meta-reklam .meta-card h3 a {
                color: inherit;
                text-decoration: none;
            }

        article.sistemedya-meta-reklam .meta-card p {
            color: #475569;
            line-height: 1.7;
            margin-bottom: 0;
        }

    article.sistemedya-meta-reklam .meta-info {
        background: linear-gradient(135deg, #14213d 0%, #243b67 100%);
        border-radius: var(--meta-radius);
        color: #fff;
        padding: clamp(25px, 4vw, 46px);
    }

        article.sistemedya-meta-reklam .meta-info h2,
        article.sistemedya-meta-reklam .meta-info p,
        article.sistemedya-meta-reklam .meta-info li {
            color: #fff;
        }

        article.sistemedya-meta-reklam .meta-info ul {
            margin: 20px 0 0;
            padding-left: 20px;
        }

        article.sistemedya-meta-reklam .meta-info li {
            line-height: 1.7;
            margin-bottom: 9px;
        }

    article.sistemedya-meta-reklam .meta-note {
        background: var(--meta-soft);
        border: 1px solid var(--meta-border);
        border-left: 4px solid var(--meta-primary);
        border-radius: var(--meta-radius);
        margin: 26px 0;
        padding: 22px 24px;
    }

        article.sistemedya-meta-reklam .meta-note p:last-child {
            margin-bottom: 0;
        }

    article.sistemedya-meta-reklam .meta-checklist {
        list-style: none;
        margin: 22px 0;
        padding: 0;
    }

        article.sistemedya-meta-reklam .meta-checklist li {
            border-bottom: 1px solid var(--meta-border);
            padding: 11px 0 11px 30px;
            position: relative;
        }

            article.sistemedya-meta-reklam .meta-checklist li::before {
                color: var(--meta-success);
                content: "✓";
                font-weight: 700;
                left: 4px;
                position: absolute;
            }

    article.sistemedya-meta-reklam .meta-step {
        background: #fff;
        border: 1px solid var(--meta-border);
        border-radius: var(--meta-radius);
        height: 100%;
        padding: 24px;
    }

    article.sistemedya-meta-reklam .meta-step-number {
        align-items: center;
        background: var(--meta-primary);
        border-radius: 50%;
        color: #fff;
        display: inline-flex;
        font-size: 14px;
        font-weight: 700;
        height: 38px;
        justify-content: center;
        margin-bottom: 16px;
        width: 38px;
    }

    article.sistemedya-meta-reklam .meta-table-wrap {
        border: 1px solid var(--meta-border);
        border-radius: var(--meta-radius);
        margin: 25px 0;
        overflow-x: auto;
    }

    article.sistemedya-meta-reklam .meta-table {
        border-collapse: collapse;
        min-width: 780px;
        width: 100%;
    }

        article.sistemedya-meta-reklam .meta-table th,
        article.sistemedya-meta-reklam .meta-table td {
            border-bottom: 1px solid var(--meta-border);
            padding: 15px 17px;
            text-align: left;
            vertical-align: top;
        }

        article.sistemedya-meta-reklam .meta-table th {
            background: var(--meta-soft);
            font-weight: 700;
        }

        article.sistemedya-meta-reklam .meta-table tr:last-child td {
            border-bottom: 0;
        }

    article.sistemedya-meta-reklam .meta-faq details {
        background: #fff;
        border: 1px solid var(--meta-border);
        border-radius: var(--meta-radius);
        margin-bottom: 12px;
        padding: 17px 20px;
    }

    article.sistemedya-meta-reklam .meta-faq summary {
        cursor: pointer;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.5;
    }

    article.sistemedya-meta-reklam .meta-faq details p {
        color: #334155;
        line-height: 1.75;
        margin: 14px 0 0;
    }

    article.sistemedya-meta-reklam .meta-cta-copy {
        max-width: 760px;
    }

@media (max-width: 640px) {
    article.sistemedya-meta-reklam .meta-actions {
        align-items: stretch;
        flex-direction: column;
    }

        article.sistemedya-meta-reklam .meta-actions .uk-button {
            text-align: center;
            width: 100%;
        }

    article.sistemedya-meta-reklam .meta-card,
    article.sistemedya-meta-reklam .meta-step,
    article.sistemedya-meta-reklam .meta-note {
        padding: 19px;
    }
}

article.sistemedya-hakkinda {
    --about-text: #0f172a;
    --about-muted: #64748b;
    --about-soft: #f8fafc;
    --about-border: #e2e8f0;
    --about-primary: #2563eb;
    --about-success: #16a34a;
    --about-radius: 14px;
    color: var(--about-text);
}

    article.sistemedya-hakkinda * {
        box-sizing: border-box;
    }

    article.sistemedya-hakkinda .about-hero {
        max-width: 980px;
    }

    article.sistemedya-hakkinda .about-eyebrow {
        color: var(--about-primary);
        display: block;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: .08em;
        margin-bottom: 12px;
        text-transform: uppercase;
    }

    article.sistemedya-hakkinda .about-intro {
        font-size: clamp(17px, 1.5vw, 20px);
        line-height: 1.75;
        margin: 22px auto 0;
        max-width: 930px;
    }

    article.sistemedya-hakkinda .about-supporting-copy {
        line-height: 1.8;
        margin: 18px auto 0;
        max-width: 930px;
    }

    article.sistemedya-hakkinda .about-actions {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        justify-content: center;
        margin-top: 28px;
    }

    article.sistemedya-hakkinda .about-content {
        font-size: 17px;
        line-height: 1.8;
    }

        article.sistemedya-hakkinda .about-content h2 {
            font-size: clamp(27px, 3vw, 39px);
            line-height: 1.25;
            margin-bottom: 18px;
        }

        article.sistemedya-hakkinda .about-content h3 {
            font-size: clamp(20px, 2vw, 25px);
            line-height: 1.35;
            margin-bottom: 12px;
        }

        article.sistemedya-hakkinda .about-content p {
            margin-bottom: 18px;
        }

    article.sistemedya-hakkinda .about-card,
    article.sistemedya-hakkinda .about-step {
        background: #fff;
        border: 1px solid var(--about-border);
        border-radius: var(--about-radius);
        height: 100%;
        padding: 24px;
    }

        article.sistemedya-hakkinda .about-card h3 a {
            color: inherit;
            text-decoration: none;
        }

        article.sistemedya-hakkinda .about-card p,
        article.sistemedya-hakkinda .about-step p {
            color: #475569;
            line-height: 1.7;
            margin-bottom: 0;
        }

    article.sistemedya-hakkinda .about-note {
        background: var(--about-soft);
        border: 1px solid var(--about-border);
        border-left: 4px solid var(--about-primary);
        border-radius: var(--about-radius);
        margin: 26px 0;
        padding: 22px 24px;
    }

        article.sistemedya-hakkinda .about-note p:last-child {
            margin-bottom: 0;
        }

    article.sistemedya-hakkinda .about-checklist {
        list-style: none;
        margin: 20px 0;
        padding: 0;
    }

        article.sistemedya-hakkinda .about-checklist li {
            border-bottom: 1px solid var(--about-border);
            padding: 10px 0 10px 29px;
            position: relative;
        }

            article.sistemedya-hakkinda .about-checklist li::before {
                color: var(--about-success);
                content: "✓";
                font-weight: 700;
                left: 4px;
                position: absolute;
            }

    article.sistemedya-hakkinda .about-step-number {
        align-items: center;
        background: var(--about-primary);
        border-radius: 50%;
        color: #fff;
        display: inline-flex;
        font-size: 14px;
        font-weight: 700;
        height: 38px;
        justify-content: center;
        margin-bottom: 16px;
        width: 38px;
    }

    article.sistemedya-hakkinda .about-stat {
        background: #fff;
        border: 1px solid var(--about-border);
        border-radius: var(--about-radius);
        height: 100%;
        padding: 23px 18px;
        text-align: center;
    }

        article.sistemedya-hakkinda .about-stat strong {
            color: var(--about-primary);
            display: block;
            font-size: 25px;
            line-height: 1.25;
            margin-bottom: 5px;
        }

        article.sistemedya-hakkinda .about-stat span {
            color: var(--about-muted);
            font-size: 14px;
        }

    article.sistemedya-hakkinda .about-faq details {
        background: #fff;
        border: 1px solid var(--about-border);
        border-radius: var(--about-radius);
        margin-bottom: 12px;
        padding: 17px 20px;
    }

    article.sistemedya-hakkinda .about-faq summary {
        cursor: pointer;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.5;
    }

    article.sistemedya-hakkinda .about-faq details p {
        color: #334155;
        line-height: 1.75;
        margin: 14px 0 0;
    }

    article.sistemedya-hakkinda .about-cta-copy {
        max-width: 760px;
    }

@media (max-width: 640px) {
    article.sistemedya-hakkinda .about-actions {
        align-items: stretch;
        flex-direction: column;
    }

        article.sistemedya-hakkinda .about-actions .uk-button {
            text-align: center;
            width: 100%;
        }

    article.sistemedya-hakkinda .about-card,
    article.sistemedya-hakkinda .about-step,
    article.sistemedya-hakkinda .about-note {
        padding: 19px;
    }
}

article.sistemedya-google-ads {
    --ads-text: #0f172a;
    --ads-muted: #64748b;
    --ads-soft: #f8fafc;
    --ads-border: #e2e8f0;
    --ads-primary: #2563eb;
    --ads-success: #16a34a;
    --ads-radius: 14px;
    color: var(--ads-text);
}

    article.sistemedya-google-ads * {
        box-sizing: border-box;
    }

    article.sistemedya-google-ads .ads-hero {
        max-width: 980px;
    }

    article.sistemedya-google-ads .ads-eyebrow {
        color: var(--ads-primary);
        display: block;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: .08em;
        margin-bottom: 12px;
        text-transform: uppercase;
    }

    article.sistemedya-google-ads .ads-intro {
        font-size: clamp(17px, 1.5vw, 20px);
        line-height: 1.75;
        margin: 22px auto 0;
        max-width: 930px;
    }

    article.sistemedya-google-ads .ads-supporting-copy {
        line-height: 1.8;
        margin: 18px auto 0;
        max-width: 930px;
    }

    article.sistemedya-google-ads .ads-actions {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        justify-content: center;
        margin-top: 28px;
    }

    article.sistemedya-google-ads .ads-content {
        font-size: 17px;
        line-height: 1.8;
    }

        article.sistemedya-google-ads .ads-content h2 {
            font-size: clamp(27px, 3vw, 39px);
            line-height: 1.25;
            margin-bottom: 18px;
        }

        article.sistemedya-google-ads .ads-content h3 {
            font-size: clamp(20px, 2vw, 25px);
            line-height: 1.35;
            margin-bottom: 12px;
        }

        article.sistemedya-google-ads .ads-content p {
            margin-bottom: 18px;
        }

    article.sistemedya-google-ads .ads-card {
        background: #fff;
        border: 1px solid var(--ads-border);
        border-radius: var(--ads-radius);
        height: 100%;
        padding: 24px;
    }

        article.sistemedya-google-ads .ads-card h3 {
            font-size: 21px;
            line-height: 1.35;
        }

            article.sistemedya-google-ads .ads-card h3 a {
                color: inherit;
                text-decoration: none;
            }

        article.sistemedya-google-ads .ads-card p {
            color: #475569;
            line-height: 1.7;
            margin-bottom: 0;
        }

    article.sistemedya-google-ads .ads-info {
        background: linear-gradient(135deg, #14213d 0%, #243b67 100%);
        border-radius: var(--ads-radius);
        color: #fff;
        padding: clamp(25px, 4vw, 46px);
    }

        article.sistemedya-google-ads .ads-info h2,
        article.sistemedya-google-ads .ads-info p,
        article.sistemedya-google-ads .ads-info li {
            color: #fff;
        }

        article.sistemedya-google-ads .ads-info ul {
            margin: 20px 0 0;
            padding-left: 20px;
        }

        article.sistemedya-google-ads .ads-info li {
            line-height: 1.7;
            margin-bottom: 9px;
        }

    article.sistemedya-google-ads .ads-note {
        background: var(--ads-soft);
        border: 1px solid var(--ads-border);
        border-left: 4px solid var(--ads-primary);
        border-radius: var(--ads-radius);
        margin: 26px 0;
        padding: 22px 24px;
    }

        article.sistemedya-google-ads .ads-note p:last-child {
            margin-bottom: 0;
        }

    article.sistemedya-google-ads .ads-checklist {
        list-style: none;
        margin: 22px 0;
        padding: 0;
    }

        article.sistemedya-google-ads .ads-checklist li {
            border-bottom: 1px solid var(--ads-border);
            padding: 11px 0 11px 30px;
            position: relative;
        }

            article.sistemedya-google-ads .ads-checklist li::before {
                color: var(--ads-success);
                content: "✓";
                font-weight: 700;
                left: 4px;
                position: absolute;
            }

    article.sistemedya-google-ads .ads-step {
        background: #fff;
        border: 1px solid var(--ads-border);
        border-radius: var(--ads-radius);
        height: 100%;
        padding: 24px;
    }

    article.sistemedya-google-ads .ads-step-number {
        align-items: center;
        background: var(--ads-primary);
        border-radius: 50%;
        color: #fff;
        display: inline-flex;
        font-size: 14px;
        font-weight: 700;
        height: 38px;
        justify-content: center;
        margin-bottom: 16px;
        width: 38px;
    }

    article.sistemedya-google-ads .ads-table-wrap {
        border: 1px solid var(--ads-border);
        border-radius: var(--ads-radius);
        margin: 25px 0;
        overflow-x: auto;
    }

    article.sistemedya-google-ads .ads-table {
        border-collapse: collapse;
        min-width: 790px;
        width: 100%;
    }

        article.sistemedya-google-ads .ads-table th,
        article.sistemedya-google-ads .ads-table td {
            border-bottom: 1px solid var(--ads-border);
            padding: 15px 17px;
            text-align: left;
            vertical-align: top;
        }

        article.sistemedya-google-ads .ads-table th {
            background: var(--ads-soft);
            font-weight: 700;
        }

        article.sistemedya-google-ads .ads-table tr:last-child td {
            border-bottom: 0;
        }

    article.sistemedya-google-ads .ads-faq details {
        background: #fff;
        border: 1px solid var(--ads-border);
        border-radius: var(--ads-radius);
        margin-bottom: 12px;
        padding: 17px 20px;
    }

    article.sistemedya-google-ads .ads-faq summary {
        cursor: pointer;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.5;
    }

    article.sistemedya-google-ads .ads-faq details p {
        color: #334155;
        line-height: 1.75;
        margin: 14px 0 0;
    }

    article.sistemedya-google-ads .ads-cta-copy {
        max-width: 760px;
    }

@media (max-width: 640px) {
    article.sistemedya-google-ads .ads-actions {
        align-items: stretch;
        flex-direction: column;
    }

        article.sistemedya-google-ads .ads-actions .uk-button {
            text-align: center;
            width: 100%;
        }

    article.sistemedya-google-ads .ads-card,
    article.sistemedya-google-ads .ads-step,
    article.sistemedya-google-ads .ads-note {
        padding: 19px;
    }
}

article.sistemedya-mobil-uygulama {
    --mobile-text: #0f172a;
    --mobile-muted: #64748b;
    --mobile-soft: #f8fafc;
    --mobile-border: #e2e8f0;
    --mobile-primary: #2563eb;
    --mobile-success: #16a34a;
    --mobile-radius: 14px;
    color: var(--mobile-text);
}

    article.sistemedya-mobil-uygulama * {
        box-sizing: border-box;
    }

    article.sistemedya-mobil-uygulama .mobile-hero {
        max-width: 980px;
    }

    article.sistemedya-mobil-uygulama .mobile-eyebrow {
        color: var(--mobile-primary);
        display: block;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: .08em;
        margin-bottom: 12px;
        text-transform: uppercase;
    }

    article.sistemedya-mobil-uygulama .mobile-intro {
        font-size: clamp(17px, 1.5vw, 20px);
        line-height: 1.75;
        margin: 22px auto 0;
        max-width: 930px;
    }

    article.sistemedya-mobil-uygulama .mobile-supporting-copy {
        line-height: 1.8;
        margin: 18px auto 0;
        max-width: 930px;
    }

    article.sistemedya-mobil-uygulama .mobile-actions {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        justify-content: center;
        margin-top: 28px;
    }

    article.sistemedya-mobil-uygulama .mobile-content {
        font-size: 17px;
        line-height: 1.8;
    }

        article.sistemedya-mobil-uygulama .mobile-content h2 {
            font-size: clamp(27px, 3vw, 39px);
            line-height: 1.25;
            margin-bottom: 18px;
        }

        article.sistemedya-mobil-uygulama .mobile-content h3 {
            font-size: clamp(20px, 2vw, 25px);
            line-height: 1.35;
            margin-bottom: 12px;
        }

        article.sistemedya-mobil-uygulama .mobile-content p {
            margin-bottom: 18px;
        }

    article.sistemedya-mobil-uygulama .mobile-card {
        background: #fff;
        border: 1px solid var(--mobile-border);
        border-radius: var(--mobile-radius);
        height: 100%;
        padding: 24px;
    }

        article.sistemedya-mobil-uygulama .mobile-card h3 a {
            color: inherit;
            text-decoration: none;
        }

        article.sistemedya-mobil-uygulama .mobile-card p {
            color: #475569;
            line-height: 1.7;
            margin-bottom: 0;
        }

    article.sistemedya-mobil-uygulama .mobile-info {
        background: linear-gradient(135deg, #14213d 0%, #243b67 100%);
        border-radius: var(--mobile-radius);
        color: #fff;
        padding: clamp(25px, 4vw, 46px);
    }

        article.sistemedya-mobil-uygulama .mobile-info h2,
        article.sistemedya-mobil-uygulama .mobile-info p,
        article.sistemedya-mobil-uygulama .mobile-info li {
            color: #fff;
        }

        article.sistemedya-mobil-uygulama .mobile-info ul {
            margin: 20px 0 0;
            padding-left: 20px;
        }

        article.sistemedya-mobil-uygulama .mobile-info li {
            line-height: 1.7;
            margin-bottom: 9px;
        }

    article.sistemedya-mobil-uygulama .mobile-note {
        background: var(--mobile-soft);
        border: 1px solid var(--mobile-border);
        border-left: 4px solid var(--mobile-primary);
        border-radius: var(--mobile-radius);
        margin: 26px 0;
        padding: 22px 24px;
    }

        article.sistemedya-mobil-uygulama .mobile-note p:last-child {
            margin-bottom: 0;
        }

    article.sistemedya-mobil-uygulama .mobile-checklist {
        list-style: none;
        margin: 22px 0;
        padding: 0;
    }

        article.sistemedya-mobil-uygulama .mobile-checklist li {
            border-bottom: 1px solid var(--mobile-border);
            padding: 11px 0 11px 30px;
            position: relative;
        }

            article.sistemedya-mobil-uygulama .mobile-checklist li::before {
                color: var(--mobile-success);
                content: "✓";
                font-weight: 700;
                left: 4px;
                position: absolute;
            }

    article.sistemedya-mobil-uygulama .mobile-step {
        background: #fff;
        border: 1px solid var(--mobile-border);
        border-radius: var(--mobile-radius);
        height: 100%;
        padding: 24px;
    }

    article.sistemedya-mobil-uygulama .mobile-step-number {
        align-items: center;
        background: var(--mobile-primary);
        border-radius: 50%;
        color: #fff;
        display: inline-flex;
        font-size: 14px;
        font-weight: 700;
        height: 38px;
        justify-content: center;
        margin-bottom: 16px;
        width: 38px;
    }

    article.sistemedya-mobil-uygulama .mobile-table-wrap {
        border: 1px solid var(--mobile-border);
        border-radius: var(--mobile-radius);
        margin: 25px 0;
        overflow-x: auto;
    }

    article.sistemedya-mobil-uygulama .mobile-table {
        border-collapse: collapse;
        min-width: 790px;
        width: 100%;
    }

        article.sistemedya-mobil-uygulama .mobile-table th,
        article.sistemedya-mobil-uygulama .mobile-table td {
            border-bottom: 1px solid var(--mobile-border);
            padding: 15px 17px;
            text-align: left;
            vertical-align: top;
        }

        article.sistemedya-mobil-uygulama .mobile-table th {
            background: var(--mobile-soft);
            font-weight: 700;
        }

        article.sistemedya-mobil-uygulama .mobile-table tr:last-child td {
            border-bottom: 0;
        }

    article.sistemedya-mobil-uygulama .mobile-faq details {
        background: #fff;
        border: 1px solid var(--mobile-border);
        border-radius: var(--mobile-radius);
        margin-bottom: 12px;
        padding: 17px 20px;
    }

    article.sistemedya-mobil-uygulama .mobile-faq summary {
        cursor: pointer;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.5;
    }

    article.sistemedya-mobil-uygulama .mobile-faq details p {
        color: #334155;
        line-height: 1.75;
        margin: 14px 0 0;
    }

    article.sistemedya-mobil-uygulama .mobile-cta-copy {
        max-width: 760px;
    }

@media (max-width: 640px) {
    article.sistemedya-mobil-uygulama .mobile-actions {
        align-items: stretch;
        flex-direction: column;
    }

        article.sistemedya-mobil-uygulama .mobile-actions .uk-button {
            text-align: center;
            width: 100%;
        }

    article.sistemedya-mobil-uygulama .mobile-card,
    article.sistemedya-mobil-uygulama .mobile-step,
    article.sistemedya-mobil-uygulama .mobile-note {
        padding: 19px;
    }
}

.sistemedya-api-entegrasyonu {
    --api-primary: #173b57;
    --api-secondary: #00a6a6;
    --api-accent: #ffb703;
    --api-dark: #102a3d;
    --api-text: #263746;
    --api-muted: #657786;
    --api-light: #f4f8fa;
    --api-border: #dce7ed;
    color: var(--api-text);
    font-size: 17px;
    line-height: 1.75;
}

    .sistemedya-api-entegrasyonu * {
        box-sizing: border-box;
    }

    .sistemedya-api-entegrasyonu .api-container {
        width: min(1180px, calc(100% - 36px));
        margin: 0 auto;
    }

    .sistemedya-api-entegrasyonu .api-section {
        padding: 72px 0;
    }

    .sistemedya-api-entegrasyonu .api-section-light {
        background: var(--api-light);
    }

    .sistemedya-api-entegrasyonu .api-hero {
        position: relative;
        overflow: hidden;
        padding: 92px 0;
        color: #fff;
        background: radial-gradient(circle at 85% 20%, rgba(0,166,166,.3), transparent 30%), linear-gradient(135deg, #102a3d 0%, #173b57 58%, #075c68 100%);
    }

    .sistemedya-api-entegrasyonu .api-hero-content {
        position: relative;
        max-width: 940px;
        margin: 0 auto;
        text-align: center;
    }

    .sistemedya-api-entegrasyonu .api-eyebrow {
        display: inline-block;
        margin-bottom: 18px;
        padding: 7px 15px;
        border: 1px solid rgba(255,255,255,.3);
        border-radius: 999px;
        background: rgba(255,255,255,.1);
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: .06em;
        text-transform: uppercase;
    }

    .sistemedya-api-entegrasyonu h1 {
        margin: 0 0 24px;
        color: #fff;
        font-size: clamp(38px, 6vw, 68px);
        line-height: 1.08;
        letter-spacing: -.03em;
    }

    .sistemedya-api-entegrasyonu .api-highlight {
        color: #5ce1e6;
    }

    .sistemedya-api-entegrasyonu .api-hero p {
        max-width: 880px;
        margin: 0 auto 18px;
        color: rgba(255,255,255,.88);
        font-size: clamp(18px, 2vw, 21px);
    }

    .sistemedya-api-entegrasyonu .api-actions {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 13px;
        margin-top: 31px;
    }

    .sistemedya-api-entegrasyonu .api-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 50px;
        padding: 12px 24px;
        border: 2px solid var(--api-secondary);
        border-radius: 8px;
        background: var(--api-secondary);
        color: #fff;
        font-weight: 750;
        text-decoration: none;
        transition: .2s ease;
    }

        .sistemedya-api-entegrasyonu .api-button:hover {
            transform: translateY(-2px);
            background: #008c8c;
            border-color: #008c8c;
            color: #fff;
        }

    .sistemedya-api-entegrasyonu .api-button-outline {
        border-color: rgba(255,255,255,.65);
        background: transparent;
    }

        .sistemedya-api-entegrasyonu .api-button-outline:hover {
            border-color: #fff;
            background: #fff;
            color: var(--api-dark);
        }

    .sistemedya-api-entegrasyonu h2 {
        margin: 0 0 20px;
        color: var(--api-primary);
        font-size: clamp(29px, 4vw, 42px);
        line-height: 1.18;
        letter-spacing: -.02em;
    }

    .sistemedya-api-entegrasyonu h3 {
        margin: 0 0 12px;
        color: var(--api-primary);
        font-size: 22px;
        line-height: 1.3;
    }

    .sistemedya-api-entegrasyonu p {
        margin: 0 0 18px;
    }

    .sistemedya-api-entegrasyonu .api-section-intro {
        max-width: 820px;
        margin: 0 auto 40px;
        text-align: center;
        color: var(--api-muted);
        font-size: 18px;
    }

    .sistemedya-api-entegrasyonu .api-grid {
        display: grid;
        gap: 24px;
    }

    .sistemedya-api-entegrasyonu .api-grid-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sistemedya-api-entegrasyonu .api-grid-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sistemedya-api-entegrasyonu .api-card {
        height: 100%;
        padding: 28px;
        border: 1px solid var(--api-border);
        border-radius: 15px;
        background: #fff;
        box-shadow: 0 12px 35px rgba(16,42,61,.07);
    }

    .sistemedya-api-entegrasyonu .api-card-number {
        display: inline-flex;
        width: 42px;
        height: 42px;
        align-items: center;
        justify-content: center;
        margin-bottom: 17px;
        border-radius: 11px;
        background: rgba(0,166,166,.12);
        color: #008c8c;
        font-weight: 800;
    }

    .sistemedya-api-entegrasyonu .api-card p {
        margin-bottom: 0;
        color: var(--api-muted);
    }

    .sistemedya-api-entegrasyonu .api-info {
        padding: 38px;
        border-radius: 18px;
        background: linear-gradient(135deg, var(--api-dark), var(--api-primary));
        color: #fff;
    }

        .sistemedya-api-entegrasyonu .api-info h2,
        .sistemedya-api-entegrasyonu .api-info h3 {
            color: #fff;
        }

        .sistemedya-api-entegrasyonu .api-info p {
            color: rgba(255,255,255,.84);
        }

    .sistemedya-api-entegrasyonu .api-checklist {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px 24px;
        margin: 24px 0 0;
        padding: 0;
        list-style: none;
    }

        .sistemedya-api-entegrasyonu .api-checklist li {
            position: relative;
            padding-left: 30px;
        }

            .sistemedya-api-entegrasyonu .api-checklist li::before {
                position: absolute;
                top: 1px;
                left: 0;
                content: "✓";
                color: #5ce1e6;
                font-weight: 900;
            }

    .sistemedya-api-entegrasyonu .api-table-wrap {
        overflow-x: auto;
        border: 1px solid var(--api-border);
        border-radius: 14px;
        background: #fff;
    }

    .sistemedya-api-entegrasyonu .api-table {
        width: 100%;
        min-width: 740px;
        border-collapse: collapse;
    }

        .sistemedya-api-entegrasyonu .api-table th,
        .sistemedya-api-entegrasyonu .api-table td {
            padding: 18px 20px;
            border-bottom: 1px solid var(--api-border);
            text-align: left;
            vertical-align: top;
        }

        .sistemedya-api-entegrasyonu .api-table th {
            background: var(--api-primary);
            color: #fff;
            font-size: 15px;
        }

        .sistemedya-api-entegrasyonu .api-table tr:last-child td {
            border-bottom: 0;
        }

        .sistemedya-api-entegrasyonu .api-table td:first-child {
            color: var(--api-primary);
            font-weight: 750;
        }

    .sistemedya-api-entegrasyonu .api-steps {
        counter-reset: api-step;
        display: grid;
        gap: 17px;
    }

    .sistemedya-api-entegrasyonu .api-step {
        counter-increment: api-step;
        position: relative;
        padding: 23px 24px 23px 76px;
        border: 1px solid var(--api-border);
        border-radius: 13px;
        background: #fff;
    }

        .sistemedya-api-entegrasyonu .api-step::before {
            position: absolute;
            top: 22px;
            left: 22px;
            display: flex;
            width: 38px;
            height: 38px;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: var(--api-secondary);
            color: #fff;
            content: counter(api-step);
            font-weight: 800;
        }

        .sistemedya-api-entegrasyonu .api-step h3 {
            margin-bottom: 6px;
            font-size: 19px;
        }

        .sistemedya-api-entegrasyonu .api-step p {
            margin: 0;
            color: var(--api-muted);
        }

    .sistemedya-api-entegrasyonu .api-note {
        margin-top: 27px;
        padding: 21px 23px;
        border-left: 5px solid var(--api-accent);
        border-radius: 8px;
        background: #fff8e4;
    }

    .sistemedya-api-entegrasyonu .api-faq {
        max-width: 920px;
        margin: 0 auto;
    }

        .sistemedya-api-entegrasyonu .api-faq details {
            margin-bottom: 13px;
            border: 1px solid var(--api-border);
            border-radius: 11px;
            background: #fff;
        }

        .sistemedya-api-entegrasyonu .api-faq summary {
            position: relative;
            padding: 20px 52px 20px 22px;
            color: var(--api-primary);
            cursor: pointer;
            font-weight: 750;
            list-style: none;
        }

            .sistemedya-api-entegrasyonu .api-faq summary::-webkit-details-marker {
                display: none;
            }

            .sistemedya-api-entegrasyonu .api-faq summary::after {
                position: absolute;
                top: 19px;
                right: 22px;
                color: var(--api-secondary);
                content: "+";
                font-size: 25px;
                line-height: 1;
            }

        .sistemedya-api-entegrasyonu .api-faq details[open] summary::after {
            content: "−";
        }

    .sistemedya-api-entegrasyonu .api-faq-answer {
        padding: 0 22px 20px;
        color: var(--api-muted);
    }

        .sistemedya-api-entegrasyonu .api-faq-answer p {
            margin: 0;
        }

    .sistemedya-api-entegrasyonu .api-cta {
        padding: 50px 32px;
        border-radius: 20px;
        background: radial-gradient(circle at 90% 10%, rgba(92,225,230,.2), transparent 28%), var(--api-dark);
        color: #fff;
        text-align: center;
    }

        .sistemedya-api-entegrasyonu .api-cta h2 {
            color: #fff;
        }

        .sistemedya-api-entegrasyonu .api-cta p {
            max-width: 760px;
            margin-right: auto;
            margin-left: auto;
            color: rgba(255,255,255,.82);
        }

@media (max-width: 900px) {
    .sistemedya-api-entegrasyonu .api-grid-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .sistemedya-api-entegrasyonu .api-section {
        padding: 52px 0;
    }

    .sistemedya-api-entegrasyonu .api-hero {
        padding: 70px 0;
    }

    .sistemedya-api-entegrasyonu .api-grid-2,
    .sistemedya-api-entegrasyonu .api-grid-3,
    .sistemedya-api-entegrasyonu .api-checklist {
        grid-template-columns: 1fr;
    }

    .sistemedya-api-entegrasyonu .api-info,
    .sistemedya-api-entegrasyonu .api-card {
        padding: 24px;
    }

    .sistemedya-api-entegrasyonu .api-step {
        padding: 70px 21px 22px;
    }

        .sistemedya-api-entegrasyonu .api-step::before {
            left: 21px;
        }
}

footer.smf-footer {
    --smf-bg: #080d18;
    --smf-bg-soft: #101827;
    --smf-card: rgba(255, 255, 255, .055);
    --smf-border: rgba(255, 255, 255, .11);
    --smf-text: #cbd5e1;
    --smf-muted: #94a3b8;
    --smf-white: #ffffff;
    --smf-accent: #f6c90e;
    --smf-accent-dark: #d9ae00;
    background: radial-gradient(circle at 10% 0%, rgba(37, 99, 235, .17), transparent 34%), radial-gradient(circle at 92% 16%, rgba(246, 201, 14, .09), transparent 28%), linear-gradient(145deg, var(--smf-bg) 0%, #0d1422 58%, #090e18 100%);
    color: var(--smf-text);
    /* margin-top: clamp(70px, 9vw, 125px);*/
    overflow: hidden;
    position: relative;
}

    footer.smf-footer,
    footer.smf-footer * {
        box-sizing: border-box;
    }

        footer.smf-footer::before {
            background-image: linear-gradient(rgba(255, 255, 255, .018) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .018) 1px, transparent 1px);
            background-size: 48px 48px;
            content: "";
            inset: 0;
            pointer-events: none;
            position: absolute;
        }

        footer.smf-footer a {
            color: inherit;
            text-decoration: none;
            transition: color .2s ease, transform .2s ease, border-color .2s ease, background-color .2s ease;
        }

            footer.smf-footer a:focus-visible,
            footer.smf-footer button:focus-visible {
                outline: 3px solid rgba(246, 201, 14, .55);
                outline-offset: 4px;
            }

        footer.smf-footer .smf-inner {
            padding: 0 0 30px;
            position: relative;
            z-index: 1;
        }

        footer.smf-footer .smf-cta {
            margin-top: 75px;
            align-items: center;
            background: linear-gradient(115deg, rgba(37, 99, 235, .25), rgba(15, 23, 42, .94) 48%, rgba(246, 201, 14, .08));
            border: 1px solid rgba(255, 255, 255, .14);
            border-radius: 22px;
            box-shadow: 0 24px 70px rgba(0, 0, 0, .32);
            display: flex;
            gap: 32px;
            justify-content: space-between;
            overflow: hidden;
            padding: clamp(25px, 4vw, 44px);
            position: relative;
            transform: translateY(-42px);
        }

        footer.smf-footer .smf-eyebrow {
            color: var(--smf-accent);
            display: block;
            font-size: 12px;
            font-weight: 800;
            letter-spacing: .13em;
            margin-bottom: 9px;
        }

        footer.smf-footer .smf-cta h2 {
            color: var(--smf-white);
            font-size: clamp(25px, 3vw, 39px);
            line-height: 1.2;
            margin: 0 0 10px;
        }

        footer.smf-footer .smf-cta p {
            color: var(--smf-text);
            font-size: 16px;
            line-height: 1.7;
            margin: 0;
            max-width: 720px;
        }

        footer.smf-footer .smf-cta-actions {
            align-items: center;
            display: flex;
            flex: 0 0 auto;
            flex-wrap: wrap;
            gap: 11px;
        }

        footer.smf-footer .smf-button {
            align-items: center;
            border: 1px solid var(--smf-border);
            border-radius: 11px;
            display: inline-flex;
            font-size: 14px;
            font-weight: 800;
            gap: 9px;
            justify-content: center;
            min-height: 47px;
            padding: 0 20px;
        }

        footer.smf-footer .smf-button-primary {
            background: var(--smf-accent);
            border-color: var(--smf-accent);
            color: #111827;
        }

            footer.smf-footer .smf-button-primary:hover {
                background: #ffe058;
                border-color: #ffe058;
                color: #111827;
                transform: translateY(-2px);
            }

        footer.smf-footer .smf-button-ghost {
            background: rgba(255, 255, 255, .04);
            color: var(--smf-white);
        }

            footer.smf-footer .smf-button-ghost:hover {
                background: rgba(255, 255, 255, .09);
                border-color: rgba(255, 255, 255, .24);
                color: var(--smf-white);
                transform: translateY(-2px);
            }

        footer.smf-footer .smf-main {
            padding: 10px 0 38px;
        }

        footer.smf-footer .smf-brand {
            padding-right: clamp(0px, 3vw, 44px);
        }

        footer.smf-footer .smf-logo {
            color: var(--smf-white);
            display: inline-block;
            font-size: 28px;
            font-weight: 800;
            letter-spacing: -.045em;
            line-height: 1;
            margin-bottom: 20px;
        }

        footer.smf-footer .smf-logo-mark {
            color: var(--smf-accent);
        }

        footer.smf-footer .smf-brand-copy {
            color: var(--smf-muted);
            font-size: 15px;
            line-height: 1.75;
            margin: 0 0 23px;
            max-width: 470px;
        }

        footer.smf-footer .smf-contact-list,
        footer.smf-footer .smf-links {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        footer.smf-footer .smf-contact-list {
            display: grid;
            gap: 11px;
        }

            footer.smf-footer .smf-contact-list a {
                align-items: flex-start;
                color: var(--smf-text);
                display: inline-flex;
                font-size: 14px;
                gap: 11px;
                line-height: 1.6;
            }

                footer.smf-footer .smf-contact-list a:hover {
                    color: var(--smf-white);
                }

        footer.smf-footer .smf-contact-icon {
            align-items: center;
            background: rgba(246, 201, 14, .1);
            border: 1px solid rgba(246, 201, 14, .16);
            border-radius: 8px;
            color: var(--smf-accent);
            display: inline-flex;
            flex: 0 0 32px;
            height: 32px;
            justify-content: center;
            margin-top: 1px;
            width: 32px;
        }

        footer.smf-footer .smf-column-title {
            color: var(--smf-white);
            font-size: 14px;
            font-weight: 800;
            letter-spacing: .02em;
            margin: 4px 0 18px;
            position: relative;
        }

            footer.smf-footer .smf-column-title::after {
                background: var(--smf-accent);
                border-radius: 10px;
                content: "";
                display: block;
                height: 2px;
                margin-top: 10px;
                width: 28px;
            }

        footer.smf-footer .smf-links {
            display: grid;
            gap: 10px;
        }

            footer.smf-footer .smf-links a {
                color: var(--smf-muted);
                display: inline-flex;
                font-size: 13px;
                line-height: 1.45;
                position: relative;
            }

                footer.smf-footer .smf-links a::before {
                    color: var(--smf-accent);
                    content: "›";
                    margin-right: 0;
                    max-width: 0;
                    opacity: 0;
                    overflow: hidden;
                    transition: max-width .2s ease, margin-right .2s ease, opacity .2s ease;
                }

                footer.smf-footer .smf-links a:hover {
                    color: var(--smf-white);
                    transform: translateX(2px);
                }

                    footer.smf-footer .smf-links a:hover::before {
                        margin-right: 7px;
                        max-width: 10px;
                        opacity: 1;
                    }

        footer.smf-footer .smf-badge {
            background: rgba(246, 201, 14, .11);
            border: 1px solid rgba(246, 201, 14, .22);
            border-radius: 999px;
            color: var(--smf-accent);
            font-size: 9px;
            font-weight: 800;
            letter-spacing: .05em;
            margin-left: 7px;
            padding: 3px 7px;
            text-transform: uppercase;
        }

        footer.smf-footer .smf-bottom {
            align-items: center;
            border-top: 1px solid var(--smf-border);
            display: flex;
            gap: 18px;
            justify-content: space-between;
            padding-top: 24px;
        }

        footer.smf-footer .smf-copyright {
            color: #7f8da2;
            font-size: 12px;
            line-height: 1.6;
            margin: 0;
        }

        footer.smf-footer .smf-legal {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 8px 20px;
            justify-content: flex-end;
        }

            footer.smf-footer .smf-legal a {
                color: #7f8da2;
                font-size: 12px;
            }

                footer.smf-footer .smf-legal a:hover {
                    color: var(--smf-white);
                }

        footer.smf-footer .smf-totop {
            align-items: center;
            background: var(--smf-accent);
            border: 0;
            border-radius: 12px;
            bottom: 24px;
            box-shadow: 0 12px 26px rgba(0, 0, 0, .24);
            color: #111827;
            display: flex;
            height: 44px;
            justify-content: center;
            position: absolute;
            right: 24px;
            width: 44px;
            z-index: 2;
        }

            footer.smf-footer .smf-totop:hover {
                background: #ffe058;
                color: #111827;
                transform: translateY(-3px);
            }

@media (max-width: 959px) {
    footer.smf-footer .smf-cta {
        align-items: flex-start;
        flex-direction: column;
    }

    footer.smf-footer .smf-brand {
        padding-right: 0;
    }

    footer.smf-footer .smf-bottom {
        align-items: flex-start;
        flex-direction: column;
    }

    footer.smf-footer .smf-legal {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    footer.smf-footer {
        margin-top: 82px;
    }

        footer.smf-footer .smf-cta {
            border-radius: 16px;
            gap: 22px;
            transform: translateY(-30px);
        }

        footer.smf-footer .smf-cta-actions,
        footer.smf-footer .smf-button {
            width: 100%;
        }

        footer.smf-footer .smf-main {
            padding-top: 0;
        }

        footer.smf-footer .smf-totop {
            bottom: 20px;
            right: 16px;
        }
}

@media (prefers-reduced-motion: reduce) {
    footer.smf-footer a,
    footer.smf-footer .smf-links a::before {
        transition: none;
    }
}

article.sistemedya-home .home-section-dark .home-heading,
article.sistemedya-home .home-section-dark .home-heading-small {
    color: #fff;
}

article.sistemedya-home {
    --home-text: #0f172a;
    --home-muted: #5f6b7a;
    --home-soft: #f5f7fb;
    --home-border: #e4e9f1;
    --home-primary: #2563eb;
    --home-primary-dark: #183b72;
    --home-navy: #0b1220;
    --home-yellow: #f4c430;
    --home-success: #16a34a;
    color: var(--home-text);
    overflow: hidden;
}

    article.sistemedya-home,
    article.sistemedya-home * {
        box-sizing: border-box;
    }

        article.sistemedya-home .home-section {
            padding: clamp(62px, 8vw, 112px) 0;
        }

        article.sistemedya-home .home-section-soft {
            background: var(--home-soft);
        }

        article.sistemedya-home .home-section-dark {
            background: radial-gradient(circle at 9% 5%, rgba(37, 99, 235, .28), transparent 32%), radial-gradient(circle at 92% 18%, rgba(244, 196, 48, .11), transparent 28%), linear-gradient(145deg, #08101e 0%, #111d32 58%, #0a1120 100%);
            color: #fff;
        }

        article.sistemedya-home .home-eyebrow {
            color: var(--home-primary);
            display: block;
            font-size: 12px;
            font-weight: 800;
            letter-spacing: .12em;
            margin-bottom: 12px;
            text-transform: uppercase;
        }

        article.sistemedya-home .home-section-dark .home-eyebrow {
            color: var(--home-yellow);
        }

        article.sistemedya-home .home-heading {
            color: var(--home-text);
            font-size: clamp(31px, 4vw, 32px);
            letter-spacing: -.025em;
            line-height: 1.14;
            margin: 0;
        }

        article.sistemedya-home .home-heading-small {
            color: var(--home-text);
            font-size: clamp(27px, 3.4vw, 43px);
            letter-spacing: -.02em;
            line-height: 1.2;
            margin: 0;
        }

        article.sistemedya-home .home-section-dark .home-heading,
        article.sistemedya-home .home-section-dark .home-heading-small {
            color: #fff;
        }

        article.sistemedya-home .home-lead {
            color: var(--home-muted);
            font-size: clamp(17px, 1.5vw, 20px);
            line-height: 1.75;
            margin: 20px 0 0;
        }

        article.sistemedya-home .home-section-dark .home-lead {
            color: #cbd5e1;
        }

        article.sistemedya-home .home-copy {
            color: var(--home-muted);
            font-size: 16px;
            line-height: 1.78;
        }

            article.sistemedya-home .home-copy p {
                margin: 0 0 18px;
            }

        article.sistemedya-home .home-section-dark .home-copy {
            color: #cbd5e1;
        }

        article.sistemedya-home .home-actions {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin-top: 28px;
        }

        article.sistemedya-home .home-button {
            align-items: center;
            border: 1px solid transparent;
            border-radius: 11px;
            display: inline-flex;
            font-size: 14px;
            font-weight: 800;
            gap: 9px;
            justify-content: center;
            min-height: 49px;
            padding: 0 21px;
            text-decoration: none;
            transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
        }

            article.sistemedya-home .home-button:hover {
                transform: translateY(-2px);
            }

        article.sistemedya-home .home-button-primary {
            background: var(--home-primary);
            color: #fff;
        }

            article.sistemedya-home .home-button-primary:hover {
                background: #1d4ed8;
                color: #fff;
            }

        article.sistemedya-home .home-button-light {
            background: #fff;
            border-color: var(--home-border);
            color: var(--home-text);
        }

            article.sistemedya-home .home-button-light:hover {
                border-color: #cbd5e1;
                color: var(--home-text);
            }

        article.sistemedya-home .home-button-yellow {
            background: var(--home-yellow);
            color: #111827;
        }

            article.sistemedya-home .home-button-yellow:hover {
                background: #ffdc53;
                color: #111827;
            }

        article.sistemedya-home .home-button-ghost {
            background: rgba(255, 255, 255, .06);
            border-color: rgba(255, 255, 255, .17);
            color: #fff;
        }

            article.sistemedya-home .home-button-ghost:hover {
                background: rgba(255, 255, 255, .11);
                color: #fff;
            }

        article.sistemedya-home .home-hero {
            background: radial-gradient(circle at 7% 8%, rgba(37, 99, 235, .14), transparent 32%), radial-gradient(circle at 91% 24%, rgba(244, 196, 48, .13), transparent 27%), linear-gradient(180deg, #fbfdff 0%, #f3f6fb 100%);
            padding: clamp(64px, 8vw, 118px) 0 clamp(58px, 7vw, 92px);
            position: relative;
        }

            article.sistemedya-home .home-hero::before {
                background-image: linear-gradient(rgba(15, 23, 42, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(15, 23, 42, .025) 1px, transparent 1px);
                background-size: 46px 46px;
                content: "";
                inset: 0;
                pointer-events: none;
                position: absolute;
            }

            article.sistemedya-home .home-hero .uk-container {
                position: relative;
                z-index: 1;
            }

            article.sistemedya-home .home-hero h1 {
                font-size: clamp(39px, 5.4vw, 73px);
                letter-spacing: -.045em;
                line-height: 1.04;
                margin: 0;
            }

        article.sistemedya-home .home-highlight {
            background: linear-gradient(90deg, var(--home-primary) 0%, #0ea5e9 100%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }

        article.sistemedya-home .home-hero-copy {
            color: #4b5563;
            font-size: clamp(17px, 1.35vw, 20px);
            line-height: 1.72;
            margin: 24px 0 0;
            max-width: 740px;
        }

        article.sistemedya-home .home-hero-support {
            color: #64748b;
            line-height: 1.72;
            margin: 15px 0 0;
            max-width: 740px;
        }

        article.sistemedya-home .home-hero-visual {
            align-items: center;
            display: flex;
            justify-content: center;
            min-height: 480px;
            position: relative;
        }

        article.sistemedya-home .home-hero-image-card {
            background: rgba(255, 255, 255, .78);
            border: 1px solid rgba(255, 255, 255, .9);
            border-radius: 28px;
            box-shadow: 0 34px 90px rgba(15, 23, 42, .17);
            overflow: hidden;
            padding: 18px;
            position: relative;
            width: min(100%, 610px);
        }

            article.sistemedya-home .home-hero-image-card::before {
                background: linear-gradient(90deg, var(--home-primary), #38bdf8, var(--home-yellow));
                content: "";
                height: 4px;
                inset: 0 0 auto;
                position: absolute;
            }

            article.sistemedya-home .home-hero-image-card img {
                display: block;
                height: auto;
                width: 100%;
            }

        article.sistemedya-home .home-floating-card {
            align-items: center;
            backdrop-filter: blur(10px);
            background: rgba(255, 255, 255, .92);
            border: 1px solid rgba(226, 232, 240, .9);
            border-radius: 13px;
            box-shadow: 0 16px 40px rgba(15, 23, 42, .15);
            display: flex;
            font-size: 13px;
            font-weight: 800;
            gap: 10px;
            padding: 12px 15px;
            position: absolute;
        }

            article.sistemedya-home .home-floating-card i {
                align-items: center;
                background: #eff6ff;
                border-radius: 9px;
                color: var(--home-primary);
                display: inline-flex;
                height: 34px;
                justify-content: center;
                width: 34px;
            }

        article.sistemedya-home .home-floating-card-one {
            left: 0;
            top: 14%;
        }

        article.sistemedya-home .home-floating-card-two {
            bottom: 9%;
            right: 0;
        }

        article.sistemedya-home .home-trust-strip {
            background: #fff;
            border-bottom: 1px solid var(--home-border);
            border-top: 1px solid var(--home-border);
        }

        article.sistemedya-home .home-trust-item {
            align-items: center;
            display: flex;
            gap: 15px;
            min-height: 100%;
            padding: 24px 0;
        }

        article.sistemedya-home .home-trust-icon {
            align-items: center;
            background: #eff6ff;
            border: 1px solid #dbeafe;
            border-radius: 12px;
            color: var(--home-primary);
            display: inline-flex;
            flex: 0 0 52px;
            font-size: 20px;
            height: 52px;
            justify-content: center;
            line-height: 1;
            margin: 0;
            width: 52px;
        }

            article.sistemedya-home .home-trust-icon i {
                color: inherit;
                display: block;
                font-size: inherit;
                line-height: 1;
                margin: 0;
            }

        article.sistemedya-home .home-trust-copy {
            display: block;
            margin: 0;
            min-width: 0;
        }

        article.sistemedya-home .home-trust-item strong {
            color: var(--home-text);
            display: block;
            font-size: 15px;
            line-height: 1.35;
        }

        article.sistemedya-home .home-trust-description {
            color: var(--home-muted);
            display: block;
            font-size: 13px;
            line-height: 1.45;
            margin-top: 3px;
        }

        article.sistemedya-home .home-section-heading {
            margin: 0 auto 40px;
            max-width: 850px;
            text-align: center;
        }

        article.sistemedya-home .home-service-card {
            background: #fff;
            border: 1px solid var(--home-border);
            border-radius: 18px;
            display: flex;
            flex-direction: column;
            height: 100%;
            padding: 25px;
            transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
        }

            article.sistemedya-home .home-service-card:hover {
                border-color: #bfdbfe;
                box-shadow: 0 20px 48px rgba(15, 23, 42, .09);
                transform: translateY(-5px);
            }

        article.sistemedya-home .home-service-icon {
            align-items: center;
            background: linear-gradient(145deg, #eff6ff, #dbeafe);
            border: 1px solid #dbeafe;
            border-radius: 13px;
            color: var(--home-primary);
            display: inline-flex;
            font-size: 18px;
            height: 48px;
            justify-content: center;
            margin-bottom: 18px;
            width: 48px;
        }

        article.sistemedya-home .home-service-card h3 {
            font-size: 19px;
            line-height: 1.35;
            margin: 0 0 10px;
        }

        article.sistemedya-home .home-service-card p {
            color: var(--home-muted);
            flex: 1;
            font-size: 14px;
            line-height: 1.7;
            margin: 0 0 18px;
        }

        article.sistemedya-home .home-card-link {
            align-items: center;
            color: var(--home-primary);
            display: inline-flex;
            font-size: 13px;
            font-weight: 800;
            gap: 8px;
            text-decoration: none;
        }

            article.sistemedya-home .home-card-link:hover {
                color: #1d4ed8;
            }

        article.sistemedya-home .home-feature-panel {
            background: #fff;
            border: 1px solid var(--home-border);
            border-radius: 22px;
            box-shadow: 0 24px 60px rgba(15, 23, 42, .07);
            padding: clamp(26px, 4vw, 48px);
        }

        article.sistemedya-home .home-checklist {
            display: grid;
            gap: 13px;
            list-style: none;
            margin: 25px 0 0;
            padding: 0;
        }

            article.sistemedya-home .home-checklist li {
                color: #334155;
                line-height: 1.62;
                padding-left: 31px;
                position: relative;
            }

                article.sistemedya-home .home-checklist li::before {
                    align-items: center;
                    background: #dcfce7;
                    border-radius: 50%;
                    color: var(--home-success);
                    content: "✓";
                    display: flex;
                    font-size: 11px;
                    font-weight: 900;
                    height: 20px;
                    justify-content: center;
                    left: 0;
                    position: absolute;
                    top: 3px;
                    width: 20px;
                }

        article.sistemedya-home .home-product-card {
            background: rgba(255, 255, 255, .055);
            border: 1px solid rgba(255, 255, 255, .13);
            border-radius: 20px;
            height: 100%;
            overflow: hidden;
            padding: clamp(25px, 4vw, 42px);
            position: relative;
        }

            article.sistemedya-home .home-product-card::before {
                background: linear-gradient(180deg, rgba(37, 99, 235, .32), transparent);
                border-radius: 50%;
                content: "";
                height: 220px;
                position: absolute;
                right: -90px;
                top: -110px;
                width: 220px;
            }

        article.sistemedya-home .home-product-label {
            background: rgba(244, 196, 48, .12);
            border: 1px solid rgba(244, 196, 48, .25);
            border-radius: 999px;
            color: var(--home-yellow);
            display: inline-flex;
            font-size: 10px;
            font-weight: 800;
            letter-spacing: .07em;
            margin-bottom: 18px;
            padding: 6px 10px;
            text-transform: uppercase;
        }

        article.sistemedya-home .home-product-card h3 {
            color: #fff;
            font-size: clamp(24px, 2.3vw, 32px);
            margin: 0 0 12px;
            position: relative;
        }

        article.sistemedya-home .home-product-card p {
            color: #cbd5e1;
            line-height: 1.74;
            margin: 0 0 23px;
            position: relative;
        }

        article.sistemedya-home .home-product-card .home-card-link {
            color: var(--home-yellow);
            position: relative;
        }

        article.sistemedya-home .home-process-card {
            height: 100%;
            padding: 0 15px 10px 0;
        }

        article.sistemedya-home .home-process-number {
            align-items: center;
            background: var(--home-primary);
            border-radius: 12px;
            color: #fff;
            display: inline-flex;
            font-size: 13px;
            font-weight: 900;
            height: 42px;
            justify-content: center;
            margin-bottom: 17px;
            width: 42px;
        }

        article.sistemedya-home .home-process-card h3 {
            font-size: 18px;
            line-height: 1.4;
            margin: 0 0 9px;
        }

        article.sistemedya-home .home-process-card p {
            color: var(--home-muted);
            font-size: 14px;
            line-height: 1.7;
            margin: 0;
        }

        article.sistemedya-home .home-tech-list {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            list-style: none;
            margin: 25px 0 0;
            padding: 0;
        }

            article.sistemedya-home .home-tech-list li {
                background: #fff;
                border: 1px solid var(--home-border);
                border-radius: 999px;
                color: #334155;
                font-size: 13px;
                font-weight: 700;
                padding: 9px 13px;
            }

        article.sistemedya-home .home-reference-card {
            align-items: center;
            background: #fff;
            border: 1px solid var(--home-border);
            border-radius: 15px;
            display: flex;
            height: 106px;
            justify-content: center;
            padding: 17px;
            transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
        }

            article.sistemedya-home .home-reference-card:hover {
                border-color: #bfdbfe;
                box-shadow: 0 14px 35px rgba(15, 23, 42, .08);
                transform: translateY(-3px);
            }

            article.sistemedya-home .home-reference-card img {
                display: block;
                height: auto;
                max-height: 68px;
                max-width: 100%;
                object-fit: contain;
                width: auto;
            }

        article.sistemedya-home .home-reason-card {
            background: #fff;
            border: 1px solid var(--home-border);
            border-radius: 17px;
            height: 100%;
            padding: 24px;
        }

            article.sistemedya-home .home-reason-card i {
                color: var(--home-primary);
                font-size: 19px;
                margin-bottom: 17px;
            }

            article.sistemedya-home .home-reason-card h3 {
                font-size: 18px;
                margin: 0 0 9px;
            }

            article.sistemedya-home .home-reason-card p {
                color: var(--home-muted);
                font-size: 14px;
                line-height: 1.68;
                margin: 0;
            }

        article.sistemedya-home .home-faq details {
            background: #fff;
            border: 1px solid var(--home-border);
            border-radius: 13px;
            margin-bottom: 11px;
            padding: 17px 20px;
        }

        article.sistemedya-home .home-faq summary {
            cursor: pointer;
            font-size: 17px;
            font-weight: 800;
            line-height: 1.5;
        }

        article.sistemedya-home .home-faq details p {
            color: #475569;
            line-height: 1.74;
            margin: 13px 0 0;
        }

        article.sistemedya-home .home-form-card {
            background: rgba(255, 255, 255, .055);
            border: 1px solid rgba(255, 255, 255, .13);
            border-radius: 22px;
            padding: clamp(25px, 4vw, 45px);
        }

            article.sistemedya-home .home-form-card h2 {
                color: #fff;
                font-size: clamp(28px, 3.5vw, 44px);
                line-height: 1.2;
                margin: 0 0 14px;
            }

@media (max-width: 959px) {
    article.sistemedya-home .home-hero-visual {
        margin-top: 35px;
        min-height: auto;
        padding: 28px 0;
    }

    article.sistemedya-home .home-floating-card-one {
        left: 8px;
    }

    article.sistemedya-home .home-floating-card-two {
        right: 8px;
    }
}

@media (max-width: 640px) {
    article.sistemedya-home .home-actions {
        align-items: stretch;
        flex-direction: column;
    }

    article.sistemedya-home .home-button {
        width: 100%;
    }

    article.sistemedya-home .home-hero-visual {
        padding-bottom: 60px;
    }

    article.sistemedya-home .home-floating-card {
        font-size: 11px;
        padding: 9px 11px;
    }

    article.sistemedya-home .home-floating-card-one {
        top: 3%;
    }

    article.sistemedya-home .home-floating-card-two {
        bottom: 0;
    }

    article.sistemedya-home .home-trust-item {
        padding: 15px 0;
    }

    article.sistemedya-home .home-feature-panel,
    article.sistemedya-home .home-form-card {
        border-radius: 17px;
        padding: 22px;
    }
}

@media (prefers-reduced-motion: reduce) {
    article.sistemedya-home .home-button,
    article.sistemedya-home .home-service-card,
    article.sistemedya-home .home-reference-card {
        transition: none;
    }
}

/* Ana sayfada proje formu bulunduğu için premium footer CTA'sını tekrarlama. */
body.sistemedya-home-page footer.smf-footer {
    margin-top: 0;
}

    body.sistemedya-home-page footer.smf-footer .smf-main {
        padding-top: 55px;
    }

article.sistemedya-musterilerimiz {
    --clients-text: #0f172a;
    --clients-muted: #64748b;
    --clients-soft: #f6f8fc;
    --clients-border: #e2e8f0;
    --clients-primary: #2563eb;
    --clients-primary-dark: #1d4ed8;
    --clients-navy: #0b1220;
    --clients-yellow: #f4c430;
    --clients-radius: 18px;
    color: var(--clients-text);
    overflow: hidden;
}

    article.sistemedya-musterilerimiz,
    article.sistemedya-musterilerimiz * {
        box-sizing: border-box;
    }

        article.sistemedya-musterilerimiz .clients-hero {
            background: radial-gradient(circle at 12% 8%, rgba(37, 99, 235, .34), transparent 34%), radial-gradient(circle at 88% 16%, rgba(244, 196, 48, .13), transparent 29%), linear-gradient(145deg, #07101f 0%, #111d32 58%, #0a1120 100%);
            color: #fff;
            padding: clamp(64px, 8vw, 112px) 0;
            position: relative;
        }

            article.sistemedya-musterilerimiz .clients-hero::after {
                background-image: linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
                background-size: 42px 42px;
                content: "";
                inset: 0;
                pointer-events: none;
                position: absolute;
            }

            article.sistemedya-musterilerimiz .clients-hero .uk-container {
                position: relative;
                z-index: 1;
            }

        article.sistemedya-musterilerimiz .clients-breadcrumb {
            align-items: center;
            color: #94a3b8;
            display: flex;
            flex-wrap: wrap;
            font-size: 13px;
            gap: 9px;
            margin-bottom: 28px;
        }

            article.sistemedya-musterilerimiz .clients-breadcrumb a {
                color: #cbd5e1;
                text-decoration: none;
            }

                article.sistemedya-musterilerimiz .clients-breadcrumb a:hover {
                    color: #fff;
                }

        article.sistemedya-musterilerimiz .clients-eyebrow {
            color: var(--clients-primary);
            display: block;
            font-size: 12px;
            font-weight: 800;
            letter-spacing: .12em;
            margin-bottom: 13px;
            text-transform: uppercase;
        }

        article.sistemedya-musterilerimiz .clients-hero .clients-eyebrow {
            color: var(--clients-yellow);
        }

        article.sistemedya-musterilerimiz .clients-hero h1 {
            color: #fff;
            font-size: clamp(38px, 5.4vw, 68px);
            letter-spacing: -.035em;
            line-height: 1.07;
            margin: 0;
            max-width: 830px;
        }

        article.sistemedya-musterilerimiz .clients-highlight {
            color: #60a5fa;
        }

        article.sistemedya-musterilerimiz .clients-hero-lead {
            color: #dbe4f1;
            font-size: clamp(18px, 1.7vw, 22px);
            line-height: 1.72;
            margin: 24px 0 0;
            max-width: 820px;
        }

        article.sistemedya-musterilerimiz .clients-hero-copy {
            color: #aebbd0;
            font-size: 16px;
            line-height: 1.75;
            margin: 17px 0 0;
            max-width: 820px;
        }

        article.sistemedya-musterilerimiz .clients-actions {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin-top: 29px;
        }

        article.sistemedya-musterilerimiz .clients-button {
            align-items: center;
            border: 1px solid transparent;
            border-radius: 11px;
            display: inline-flex;
            font-size: 14px;
            font-weight: 800;
            gap: 9px;
            justify-content: center;
            min-height: 48px;
            padding: 0 21px;
            text-decoration: none;
            transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
        }

            article.sistemedya-musterilerimiz .clients-button:hover {
                transform: translateY(-2px);
            }

        article.sistemedya-musterilerimiz .clients-button-primary {
            background: var(--clients-primary);
            color: #fff;
        }

            article.sistemedya-musterilerimiz .clients-button-primary:hover {
                background: var(--clients-primary-dark);
                color: #fff;
            }

        article.sistemedya-musterilerimiz .clients-button-ghost {
            background: rgba(255, 255, 255, .07);
            border-color: rgba(255, 255, 255, .2);
            color: #fff;
        }

            article.sistemedya-musterilerimiz .clients-button-ghost:hover {
                background: rgba(255, 255, 255, .13);
                border-color: rgba(255, 255, 255, .34);
                color: #fff;
            }

        article.sistemedya-musterilerimiz .clients-stats {
            margin-top: 43px;
        }

        article.sistemedya-musterilerimiz .clients-stat {
            background: rgba(255, 255, 255, .075);
            border: 1px solid rgba(255, 255, 255, .14);
            border-radius: 15px;
            height: 100%;
            padding: 20px;
        }

            article.sistemedya-musterilerimiz .clients-stat strong {
                color: #fff;
                display: block;
                font-size: clamp(25px, 3vw, 36px);
                line-height: 1.1;
            }

            article.sistemedya-musterilerimiz .clients-stat span {
                color: #b8c4d5;
                display: block;
                font-size: 13px;
                line-height: 1.5;
                margin-top: 7px;
            }

        article.sistemedya-musterilerimiz .clients-section {
            padding: clamp(62px, 8vw, 108px) 0;
        }

        article.sistemedya-musterilerimiz .clients-section-soft {
            background: var(--clients-soft);
        }

        article.sistemedya-musterilerimiz .clients-heading {
            margin: 0 auto 42px;
            max-width: 850px;
            text-align: center;
        }

            article.sistemedya-musterilerimiz .clients-heading h2,
            article.sistemedya-musterilerimiz .clients-copy h2,
            article.sistemedya-musterilerimiz .clients-faq-intro h2 {
                color: var(--clients-text);
                font-size: clamp(29px, 3.8vw, 48px);
                letter-spacing: -.026em;
                line-height: 1.16;
                margin: 0;
            }

            article.sistemedya-musterilerimiz .clients-heading p,
            article.sistemedya-musterilerimiz .clients-copy p,
            article.sistemedya-musterilerimiz .clients-faq-intro p {
                color: var(--clients-muted);
                font-size: 17px;
                line-height: 1.78;
                margin: 19px 0 0;
            }

        article.sistemedya-musterilerimiz .clients-logo-grid {
            margin-top: 13px;
        }

        article.sistemedya-musterilerimiz .clients-logo-card {
            align-items: center;
            background: #fff;
            border: 1px solid var(--clients-border);
            border-radius: 16px;
            box-shadow: 0 8px 24px rgba(15, 23, 42, .035);
            display: flex;
            height: 100%;
            justify-content: center;
            min-height: 128px;
            overflow: hidden;
            padding: 24px 18px;
            position: relative;
            transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
        }

            article.sistemedya-musterilerimiz .clients-logo-card::before {
                background: linear-gradient(90deg, var(--clients-primary), #60a5fa);
                content: "";
                height: 3px;
                left: 50%;
                opacity: 0;
                position: absolute;
                top: 0;
                transform: translateX(-50%);
                transition: opacity .2s ease, width .2s ease;
                width: 0;
            }

            article.sistemedya-musterilerimiz .clients-logo-card:hover {
                border-color: #bfdbfe;
                box-shadow: 0 18px 42px rgba(15, 23, 42, .09);
                transform: translateY(-4px);
            }

                article.sistemedya-musterilerimiz .clients-logo-card:hover::before {
                    opacity: 1;
                    width: 100%;
                }

            article.sistemedya-musterilerimiz .clients-logo-card img {
                display: block;
                filter: grayscale(100%);
                height: auto;
                margin: 0 auto;
                max-height: 72px;
                max-width: 180px;
                object-fit: contain;
                opacity: .76;
                transition: filter .2s ease, opacity .2s ease, transform .2s ease;
                width: 100%;
            }

            article.sistemedya-musterilerimiz .clients-logo-card:hover img {
                filter: grayscale(0);
                opacity: 1;
                transform: scale(1.025);
            }

        article.sistemedya-musterilerimiz .clients-note {
            align-items: flex-start;
            background: #fff;
            border: 1px solid var(--clients-border);
            border-radius: 14px;
            color: var(--clients-muted);
            display: flex;
            font-size: 14px;
            gap: 12px;
            line-height: 1.65;
            margin: 30px auto 0;
            max-width: 760px;
            padding: 17px 19px;
        }

            article.sistemedya-musterilerimiz .clients-note i {
                color: var(--clients-primary);
                flex: 0 0 auto;
                font-size: 17px;
                margin-top: 4px;
            }

        article.sistemedya-musterilerimiz .clients-sector-card {
            background: #fff;
            border: 1px solid var(--clients-border);
            border-radius: var(--clients-radius);
            height: 100%;
            padding: 25px;
        }

        article.sistemedya-musterilerimiz .clients-sector-icon {
            align-items: center;
            background: linear-gradient(145deg, #eff6ff, #dbeafe);
            border: 1px solid #dbeafe;
            border-radius: 13px;
            color: var(--clients-primary);
            display: inline-flex;
            font-size: 19px;
            height: 50px;
            justify-content: center;
            margin-bottom: 18px;
            width: 50px;
        }

        article.sistemedya-musterilerimiz .clients-sector-card h3 {
            color: var(--clients-text);
            font-size: 19px;
            line-height: 1.35;
            margin: 0 0 9px;
        }

        article.sistemedya-musterilerimiz .clients-sector-card p {
            color: var(--clients-muted);
            font-size: 14px;
            line-height: 1.7;
            margin: 0;
        }

        article.sistemedya-musterilerimiz .clients-feature-panel {
            background: radial-gradient(circle at 85% 12%, rgba(96, 165, 250, .2), transparent 32%), linear-gradient(145deg, #0b1425, #15233b);
            border-radius: 22px;
            color: #fff;
            padding: clamp(28px, 4.5vw, 50px);
        }

            article.sistemedya-musterilerimiz .clients-feature-panel .clients-eyebrow {
                color: var(--clients-yellow);
            }

            article.sistemedya-musterilerimiz .clients-feature-panel h2 {
                color: #fff;
                font-size: clamp(29px, 3.8vw, 32px);
                letter-spacing: -.025em;
                line-height: 1.18;
                margin: 0;
            }

            article.sistemedya-musterilerimiz .clients-feature-panel > p {
                color: #cbd5e1;
                font-size: 17px;
                line-height: 1.78;
                margin: 19px 0 0;
                max-width: 760px;
            }

        article.sistemedya-musterilerimiz .clients-checklist {
            list-style: none;
            margin: 28px 0 0;
            padding: 0;
        }

            article.sistemedya-musterilerimiz .clients-checklist li {
                border-bottom: 1px solid rgba(255, 255, 255, .11);
                color: #e2e8f0;
                line-height: 1.65;
                padding: 13px 0 13px 31px;
                position: relative;
            }

                article.sistemedya-musterilerimiz .clients-checklist li:last-child {
                    border-bottom: 0;
                }

                article.sistemedya-musterilerimiz .clients-checklist li::before {
                    color: #60a5fa;
                    content: "✓";
                    font-weight: 800;
                    left: 3px;
                    position: absolute;
                    top: 13px;
                }

        article.sistemedya-musterilerimiz .clients-faq details {
            background: #fff;
            border: 1px solid var(--clients-border);
            border-radius: 14px;
            margin-bottom: 12px;
            padding: 18px 20px;
        }

            article.sistemedya-musterilerimiz .clients-faq details[open] {
                border-color: #bfdbfe;
                box-shadow: 0 10px 28px rgba(15, 23, 42, .055);
            }

        article.sistemedya-musterilerimiz .clients-faq summary {
            color: var(--clients-text);
            cursor: pointer;
            font-size: 17px;
            font-weight: 800;
            line-height: 1.5;
        }

        article.sistemedya-musterilerimiz .clients-faq details p {
            color: var(--clients-muted);
            line-height: 1.75;
            margin: 13px 0 0;
        }

        article.sistemedya-musterilerimiz .clients-cta {
            background: radial-gradient(circle at 15% 18%, rgba(37, 99, 235, .3), transparent 33%), linear-gradient(145deg, #08101e, #14213a);
            border-radius: 23px;
            color: #fff;
            padding: clamp(31px, 5vw, 58px);
        }

            article.sistemedya-musterilerimiz .clients-cta h2 {
                color: #fff;
                font-size: clamp(29px, 4vw, 49px);
                letter-spacing: -.025em;
                line-height: 1.16;
                margin: 0;
            }

            article.sistemedya-musterilerimiz .clients-cta p {
                color: #cbd5e1;
                font-size: 17px;
                line-height: 1.75;
                margin: 17px 0 0;
                max-width: 750px;
            }

        article.sistemedya-musterilerimiz .clients-contact-list {
            list-style: none;
            margin: 25px 0 0;
            padding: 0;
        }

            article.sistemedya-musterilerimiz .clients-contact-list li {
                color: #e2e8f0;
                margin: 9px 0;
            }

            article.sistemedya-musterilerimiz .clients-contact-list a {
                color: #fff;
                text-decoration: none;
            }

            article.sistemedya-musterilerimiz .clients-contact-list i {
                color: var(--clients-yellow);
                margin-right: 9px;
                width: 18px;
            }

@media (max-width: 959px) {
    article.sistemedya-musterilerimiz .clients-stats {
        margin-top: 34px;
    }

    article.sistemedya-musterilerimiz .clients-copy {
        margin-bottom: 34px;
    }
}

@media (max-width: 640px) {
    article.sistemedya-musterilerimiz .clients-actions {
        align-items: stretch;
        flex-direction: column;
    }

    article.sistemedya-musterilerimiz .clients-button {
        width: 100%;
    }

    article.sistemedya-musterilerimiz .clients-logo-card {
        min-height: 112px;
        padding: 21px 16px;
    }

    article.sistemedya-musterilerimiz .clients-feature-panel,
    article.sistemedya-musterilerimiz .clients-cta {
        border-radius: 18px;
        padding: 25px 21px;
    }

    article.sistemedya-musterilerimiz .clients-faq details {
        padding: 16px 17px;
    }
}

@media (prefers-reduced-motion: reduce) {
    article.sistemedya-musterilerimiz .clients-button,
    article.sistemedya-musterilerimiz .clients-logo-card,
    article.sistemedya-musterilerimiz .clients-logo-card img {
        transition: none;
    }
}

body.sistemedya-musterilerimiz-page footer.smf-footer {
    margin-top: 0;
}

.sm-page-hero {
    --sm-hero-text: #ffffff;
    --sm-hero-muted: #aebbd0;
    --sm-hero-soft: #dbe4f1;
    --sm-hero-primary: #2563eb;
    --sm-hero-primary-hover: #1d4ed8;
    --sm-hero-highlight: #60a5fa;
    --sm-hero-yellow: #f4c430;
    background: radial-gradient(circle at 12% 8%, rgba(37, 99, 235, .34), transparent 34%), radial-gradient(circle at 88% 16%, rgba(244, 196, 48, .13), transparent 29%), linear-gradient(145deg, #07101f 0%, #111d32 58%, #0a1120 100%);
    color: var(--sm-hero-text);
    overflow: hidden;
    padding: clamp(62px, 7.5vw, 102px) 0;
    position: relative;
}

    .sm-page-hero,
    .sm-page-hero * {
        box-sizing: border-box;
    }

        .sm-page-hero::after {
            background-image: linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
            background-size: 42px 42px;
            content: "";
            inset: 0;
            pointer-events: none;
            position: absolute;
        }

        .sm-page-hero .uk-container {
            position: relative;
            z-index: 1;
        }

.sm-page-breadcrumb {
    align-items: center;
    color: #94a3b8;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    gap: 9px;
    margin-bottom: 27px;
}

    .sm-page-breadcrumb a {
        color: #cbd5e1;
        text-decoration: none;
    }

        .sm-page-breadcrumb a:hover {
            color: #fff;
        }

    .sm-page-breadcrumb i {
        font-size: 9px;
    }

.sm-page-eyebrow {
    color: var(--sm-hero-yellow);
    display: block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    margin-bottom: 13px;
    text-transform: uppercase;
}

.sm-page-hero h1 {
    color: #fff;
    font-size: clamp(38px, 5.1vw, 64px);
    letter-spacing: -.035em;
    line-height: 1.08;
    margin: 0;
    max-width: 940px;
}

.sm-page-highlight {
    color: var(--sm-hero-highlight);
}

.sm-page-lead {
    color: var(--sm-hero-soft);
    font-size: clamp(18px, 1.6vw, 21px);
    line-height: 1.72;
    margin: 24px 0 0;
    max-width: 900px;
}

.sm-page-support {
    color: var(--sm-hero-muted);
    font-size: 15px;
    line-height: 1.76;
    margin: 17px 0 0;
    max-width: 900px;
}

.sm-page-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 29px;
}

.sm-page-button {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 11px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 800;
    gap: 9px;
    justify-content: center;
    min-height: 48px;
    padding: 0 21px;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

    .sm-page-button:hover {
        transform: translateY(-2px);
    }

.sm-page-button-primary {
    background: var(--sm-hero-primary);
    color: #fff;
}

    .sm-page-button-primary:hover {
        background: var(--sm-hero-primary-hover);
        color: #fff;
    }

.sm-page-button-ghost {
    background: rgba(255, 255, 255, .07);
    border-color: rgba(255, 255, 255, .2);
    color: #fff;
}

    .sm-page-button-ghost:hover {
        background: rgba(255, 255, 255, .13);
        border-color: rgba(255, 255, 255, .34);
        color: #fff;
    }

.sm-page-contact-grid {
    margin-top: 42px;
}

.sm-page-contact-card {
    align-items: center;
    background: rgba(255, 255, 255, .075);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 15px;
    color: #fff;
    display: flex;
    gap: 14px;
    height: 100%;
    min-height: 84px;
    padding: 16px 18px;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

    .sm-page-contact-card:hover {
        background: rgba(255, 255, 255, .12);
        border-color: rgba(96, 165, 250, .58);
        color: #fff;
        transform: translateY(-3px);
    }

.sm-page-contact-icon {
    align-items: center;
    background: rgba(96, 165, 250, .14);
    border: 1px solid rgba(96, 165, 250, .24);
    border-radius: 12px;
    color: #93c5fd;
    display: inline-flex;
    flex: 0 0 48px;
    font-size: 18px;
    height: 48px;
    justify-content: center;
    line-height: 1;
    width: 48px;
}

.sm-page-contact-copy {
    display: block;
    min-width: 0;
}

    .sm-page-contact-copy small {
        color: #94a3b8;
        display: block;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .08em;
        line-height: 1.3;
        margin-bottom: 5px;
        text-transform: uppercase;
    }

    .sm-page-contact-copy strong {
        color: #fff;
        display: block;
        font-size: 15px;
        line-height: 1.4;
        overflow-wrap: anywhere;
    }

.sm-page-contact-arrow {
    color: #64748b;
    flex: 0 0 auto;
    font-size: 11px;
    margin-left: auto;
}

#iletisim-bilgileri,
#proje-formu {
    scroll-margin-top: 90px;
}

body.sistemedya-iletisim-page footer.smf-footer {
    margin-top: 0;
}

@media (max-width: 640px) {
    .sm-page-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .sm-page-button {
        width: 100%;
    }

    .sm-page-contact-grid {
        margin-top: 32px;
    }

    .sm-page-contact-card {
        min-height: 78px;
        padding: 14px 15px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sm-page-button,
    .sm-page-contact-card {
        transition: none;
    }
}

.sm-page-hero {
    --sm-hero-text: #ffffff;
    --sm-hero-muted: #aebbd0;
    --sm-hero-soft: #dbe4f1;
    --sm-hero-primary: #2563eb;
    --sm-hero-primary-hover: #1d4ed8;
    --sm-hero-highlight: #60a5fa;
    --sm-hero-yellow: #f4c430;
    background: radial-gradient(circle at 12% 8%, rgba(37, 99, 235, .34), transparent 34%), radial-gradient(circle at 88% 16%, rgba(244, 196, 48, .13), transparent 29%), linear-gradient(145deg, #07101f 0%, #111d32 58%, #0a1120 100%);
    color: var(--sm-hero-text);
    overflow: hidden;
    padding: clamp(62px, 7.5vw, 102px) 0;
    position: relative;
}

    .sm-page-hero,
    .sm-page-hero * {
        box-sizing: border-box;
    }

        .sm-page-hero::after {
            background-image: linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
            background-size: 42px 42px;
            content: "";
            inset: 0;
            pointer-events: none;
            position: absolute;
        }

        .sm-page-hero .uk-container {
            position: relative;
            z-index: 1;
        }

.sm-page-breadcrumb {
    align-items: center;
    color: #94a3b8;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    gap: 9px;
    margin-bottom: 27px;
}

    .sm-page-breadcrumb a {
        color: #cbd5e1;
        text-decoration: none;
    }

        .sm-page-breadcrumb a:hover {
            color: #fff;
        }

    .sm-page-breadcrumb i {
        font-size: 9px;
    }

.sm-page-eyebrow {
    color: var(--sm-hero-yellow);
    display: block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    margin-bottom: 13px;
    text-transform: uppercase;
}

.sm-page-hero h1 {
    color: #fff;
    font-size: clamp(38px, 5.1vw, 64px);
    letter-spacing: -.035em;
    line-height: 1.08;
    margin: 0;
    max-width: 980px;
}

.sm-page-highlight {
    color: var(--sm-hero-highlight);
}

.sm-page-lead {
    color: var(--sm-hero-soft);
    font-size: clamp(18px, 1.6vw, 21px);
    line-height: 1.72;
    margin: 24px 0 0;
    max-width: 930px;
}

.sm-page-support {
    color: var(--sm-hero-muted);
    font-size: 15px;
    line-height: 1.76;
    margin: 17px 0 0;
    max-width: 930px;
}

.sm-page-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 29px;
}

.sm-page-button {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 11px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 800;
    gap: 9px;
    justify-content: center;
    min-height: 48px;
    padding: 0 21px;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

    .sm-page-button:hover {
        transform: translateY(-2px);
    }

.sm-page-button-primary {
    background: var(--sm-hero-primary);
    color: #fff;
}

    .sm-page-button-primary:hover {
        background: var(--sm-hero-primary-hover);
        color: #fff;
    }

.sm-page-button-ghost {
    background: rgba(255, 255, 255, .07);
    border-color: rgba(255, 255, 255, .2);
    color: #fff;
}

    .sm-page-button-ghost:hover {
        background: rgba(255, 255, 255, .13);
        border-color: rgba(255, 255, 255, .34);
        color: #fff;
    }

.sm-service-point-grid {
    margin-top: 42px;
}

.sm-service-point {
    background: rgba(255, 255, 255, .075);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 15px;
    height: 100%;
    min-height: 93px;
    padding: 19px 20px;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

    .sm-service-point:hover {
        background: rgba(255, 255, 255, .11);
        border-color: rgba(96, 165, 250, .5);
        transform: translateY(-3px);
    }

    .sm-service-point strong {
        color: #fff;
        display: block;
        font-size: clamp(18px, 1.7vw, 23px);
        letter-spacing: -.015em;
        line-height: 1.2;
    }

    .sm-service-point span {
        color: #aebbd0;
        display: block;
        font-size: 12px;
        line-height: 1.45;
        margin-top: 7px;
    }

.sm-web-value-section {
    background: #f6f8fc;
}

.sm-web-value-heading {
    margin: 0 auto 38px;
    max-width: 780px;
    text-align: center;
}

    .sm-web-value-heading h2 {
        color: #0f172a;
        font-size: clamp(29px, 3.8vw, 32px);
        letter-spacing: -.025em;
        line-height: 1.17;
        margin: 0;
    }

    .sm-web-value-heading p {
        color: #64748b;
        font-size: 17px;
        line-height: 1.75;
        margin: 17px 0 0;
    }

#web-tasarim-sureci {
    scroll-margin-top: 90px;
}

@media (max-width: 640px) {
    .sm-page-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .sm-page-button {
        width: 100%;
    }

    .sm-service-point-grid {
        margin-top: 32px;
    }

    .sm-service-point {
        min-height: 84px;
        padding: 17px 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sm-page-button,
    .sm-service-point {
        transition: none;
    }
}
/* ==================================================
   ORTAK PREMIUM İÇ SAYFA HERO
================================================== */

.sm-page-hero {
    --sm-hero-muted: #aebbd0;
    --sm-hero-soft: #dbe4f1;
    --sm-hero-primary: #2563eb;
    --sm-hero-primary-hover: #1d4ed8;
    --sm-hero-highlight: #60a5fa;
    --sm-hero-yellow: #f4c430;
    background: radial-gradient(circle at 12% 8%, rgba(37, 99, 235, .34), transparent 34%), radial-gradient(circle at 88% 16%, rgba(244, 196, 48, .13), transparent 29%), linear-gradient(145deg, #07101f 0%, #111d32 58%, #0a1120 100%);
    color: #fff;
    overflow: hidden;
    padding: clamp(62px, 7.5vw, 102px) 0;
    position: relative;
}

    .sm-page-hero,
    .sm-page-hero * {
        box-sizing: border-box;
    }

        .sm-page-hero::after {
            background-image: linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
            background-size: 42px 42px;
            content: "";
            inset: 0;
            pointer-events: none;
            position: absolute;
        }

        .sm-page-hero .uk-container {
            position: relative;
            z-index: 1;
        }

.sm-page-breadcrumb {
    align-items: center;
    color: #94a3b8;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    gap: 9px;
    margin-bottom: 27px;
}

    .sm-page-breadcrumb a {
        color: #cbd5e1;
        text-decoration: none;
    }

        .sm-page-breadcrumb a:hover {
            color: #fff;
        }

    .sm-page-breadcrumb i {
        font-size: 9px;
    }

.sm-page-eyebrow {
    color: var(--sm-hero-yellow);
    display: block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    margin-bottom: 13px;
    text-transform: uppercase;
}

.sm-page-hero h1 {
    color: #fff;
    font-size: clamp(38px, 5.1vw, 64px);
    letter-spacing: -.035em;
    line-height: 1.08;
    margin: 0;
    max-width: 1050px;
}

.sm-page-highlight {
    color: var(--sm-hero-highlight);
}

.sm-page-lead {
    color: var(--sm-hero-soft);
    font-size: clamp(18px, 1.6vw, 21px);
    line-height: 1.72;
    margin: 24px 0 0;
    max-width: 930px;
}

.sm-page-support {
    color: var(--sm-hero-muted);
    font-size: 15px;
    line-height: 1.76;
    margin: 17px 0 0;
    max-width: 930px;
}

.sm-page-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 29px;
}

.sm-page-button {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 11px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 800;
    gap: 9px;
    justify-content: center;
    min-height: 48px;
    padding: 0 21px;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

    .sm-page-button:hover {
        transform: translateY(-2px);
    }

.sm-page-button-primary {
    background: var(--sm-hero-primary);
    color: #fff;
}

    .sm-page-button-primary:hover {
        background: var(--sm-hero-primary-hover);
        color: #fff;
    }

.sm-page-button-ghost {
    background: rgba(255, 255, 255, .07);
    border-color: rgba(255, 255, 255, .2);
    color: #fff;
}

    .sm-page-button-ghost:hover {
        background: rgba(255, 255, 255, .13);
        border-color: rgba(255, 255, 255, .34);
        color: #fff;
    }

/* ==================================================
   SEO SAYFASI
================================================== */

.sm-seo-point-grid {
    margin-top: 42px;
}

.sm-seo-point {
    background: rgba(255, 255, 255, .075);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 15px;
    height: 100%;
    min-height: 96px;
    padding: 19px 20px;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

    .sm-seo-point:hover {
        background: rgba(255, 255, 255, .11);
        border-color: rgba(96, 165, 250, .5);
        transform: translateY(-3px);
    }

    .sm-seo-point strong {
        color: #fff;
        display: block;
        font-size: clamp(18px, 1.7vw, 23px);
        letter-spacing: -.015em;
        line-height: 1.2;
    }

    .sm-seo-point span {
        color: #aebbd0;
        display: block;
        font-size: 12px;
        line-height: 1.45;
        margin-top: 7px;
    }

.sm-seo-value-section {
    background: #f6f8fc;
}

.sm-seo-value-heading {
    margin: 0 auto 38px;
    max-width: 840px;
    text-align: center;
}

    .sm-seo-value-heading h2 {
        color: #0f172a;
        font-size: clamp(29px, 3.8vw, 32px);
        letter-spacing: -.025em;
        line-height: 1.17;
        margin: 0;
    }

    .sm-seo-value-heading p {
        color: #64748b;
        font-size: 17px;
        line-height: 1.75;
        margin: 17px 0 0;
    }

.sm-seo-value-section .seo-card {
    height: 100%;
}

#seo-sureci {
    scroll-margin-top: 90px;
}

@media (max-width: 640px) {
    .sm-page-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .sm-page-button {
        width: 100%;
    }

    .sm-seo-point-grid {
        margin-top: 32px;
    }

    .sm-seo-point {
        min-height: 84px;
        padding: 17px 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sm-page-button,
    .sm-seo-point {
        transition: none;
    }
}

/* ==================================================
   GOOGLE ADS PREMIUM HERO
================================================== */

.sm-ads-point-grid {
    margin-top: 42px;
}

    .sm-ads-point-grid > div {
        display: flex;
    }

.sm-ads-point {
    background: rgba(255, 255, 255, .075);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 15px;
    height: 100%;
    min-height: 96px;
    padding: 19px 20px;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
    width: 100%;
}

    .sm-ads-point:hover {
        background: rgba(255, 255, 255, .11);
        border-color: rgba(96, 165, 250, .5);
        transform: translateY(-3px);
    }

    .sm-ads-point strong {
        color: #fff;
        display: block;
        font-size: clamp(18px, 1.7vw, 23px);
        letter-spacing: -.015em;
        line-height: 1.2;
    }

    .sm-ads-point span {
        color: #aebbd0;
        display: block;
        font-size: 12px;
        line-height: 1.45;
        margin-top: 7px;
    }

#google-ads-sureci {
    scroll-margin-top: 90px;
}

@media (max-width: 640px) {
    .sm-ads-point-grid {
        margin-top: 32px;
    }

    .sm-ads-point {
        min-height: 84px;
        padding: 17px 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sm-ads-point {
        transition: none;
    }
}

/* ==================================================
   META REKLAM PREMIUM HERO
================================================== */

.sm-meta-point-grid {
    margin-top: 42px;
}

    .sm-meta-point-grid > div {
        display: flex;
    }

.sm-meta-point {
    background: rgba(255, 255, 255, .075);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 15px;
    height: 100%;
    min-height: 96px;
    padding: 19px 20px;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
    width: 100%;
}

    .sm-meta-point:hover {
        background: rgba(255, 255, 255, .11);
        border-color: rgba(96, 165, 250, .5);
        transform: translateY(-3px);
    }

    .sm-meta-point strong {
        color: #fff;
        display: block;
        font-size: clamp(18px, 1.7vw, 23px);
        letter-spacing: -.015em;
        line-height: 1.2;
    }

    .sm-meta-point span {
        color: #aebbd0;
        display: block;
        font-size: 12px;
        line-height: 1.45;
        margin-top: 7px;
    }

#meta-reklam-sureci {
    scroll-margin-top: 90px;
}

@media (max-width: 640px) {
    .sm-meta-point-grid {
        margin-top: 32px;
    }

    .sm-meta-point {
        min-height: 84px;
        padding: 17px 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sm-meta-point {
        transition: none;
    }
}

/* ==================================================
   ÖZEL YAZILIM PREMIUM HERO
================================================== */

.sm-sw-point-grid {
    margin-top: 42px;
}

    .sm-sw-point-grid > div {
        display: flex;
    }

.sm-sw-point {
    background: rgba(255, 255, 255, .075);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 15px;
    height: 100%;
    min-height: 96px;
    padding: 19px 20px;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
    width: 100%;
}

    .sm-sw-point:hover {
        background: rgba(255, 255, 255, .11);
        border-color: rgba(96, 165, 250, .5);
        transform: translateY(-3px);
    }

    .sm-sw-point strong {
        color: #fff;
        display: block;
        font-size: clamp(18px, 1.7vw, 23px);
        letter-spacing: -.015em;
        line-height: 1.2;
    }

    .sm-sw-point span {
        color: #aebbd0;
        display: block;
        font-size: 12px;
        line-height: 1.45;
        margin-top: 7px;
    }

#yazilim-gelistirme-sureci {
    scroll-margin-top: 90px;
}

@media (max-width: 640px) {
    .sm-sw-point-grid {
        margin-top: 32px;
    }

    .sm-sw-point {
        min-height: 84px;
        padding: 17px 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sm-sw-point {
        transition: none;
    }
}

/* ==================================================
   MOBİL UYGULAMA PREMIUM HERO
================================================== */

.sm-mobile-point-grid {
    margin-top: 42px;
}

    .sm-mobile-point-grid > div {
        display: flex;
    }

.sm-mobile-point {
    background: rgba(255, 255, 255, .075);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 15px;
    height: 100%;
    min-height: 96px;
    padding: 19px 20px;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
    width: 100%;
}

    .sm-mobile-point:hover {
        background: rgba(255, 255, 255, .11);
        border-color: rgba(96, 165, 250, .5);
        transform: translateY(-3px);
    }

    .sm-mobile-point strong {
        color: #fff;
        display: block;
        font-size: clamp(18px, 1.7vw, 23px);
        letter-spacing: -.015em;
        line-height: 1.2;
    }

    .sm-mobile-point span {
        color: #aebbd0;
        display: block;
        font-size: 12px;
        line-height: 1.45;
        margin-top: 7px;
    }

#mobil-uygulama-sureci {
    scroll-margin-top: 90px;
}

@media (max-width: 640px) {
    .sm-mobile-point-grid {
        margin-top: 32px;
    }

    .sm-mobile-point {
        min-height: 84px;
        padding: 17px 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sm-mobile-point {
        transition: none;
    }
}

/* ==================================================
   API ENTEGRASYONU PREMIUM ALANLARI
================================================== */

.sm-api-point-grid {
    margin-top: 42px;
}

    .sm-api-point-grid > div {
        display: flex;
    }

.sm-api-point {
    background: rgba(255, 255, 255, .075);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 15px;
    height: 100%;
    min-height: 96px;
    padding: 19px 20px;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
    width: 100%;
}

    .sm-api-point:hover {
        background: rgba(255, 255, 255, .11);
        border-color: rgba(96, 165, 250, .5);
        transform: translateY(-3px);
    }

    .sm-api-point strong {
        color: #fff;
        display: block;
        font-size: clamp(18px, 1.7vw, 23px);
        letter-spacing: -.015em;
        line-height: 1.2;
    }

    .sm-api-point span {
        color: #aebbd0;
        display: block;
        font-size: 12px;
        line-height: 1.45;
        margin-top: 7px;
    }

.sm-api-value-section {
    background: #f6f8fc;
}

.sm-api-value-heading {
    margin: 0 auto 38px;
    max-width: 880px;
    text-align: center;
}

    .sm-api-value-heading h2 {
        color: #0f172a;
        font-size: clamp(29px, 3.8vw, 32px);
        letter-spacing: -.025em;
        line-height: 1.17;
        margin: 0;
    }

    .sm-api-value-heading p {
        color: #64748b;
        font-size: 17px;
        line-height: 1.75;
        margin: 17px 0 0;
    }

.sm-api-value-section .web-card {
    height: 100%;
}

#api-entegrasyon-sureci {
    scroll-margin-top: 90px;
}

@media (max-width: 640px) {
    .sm-api-point-grid {
        margin-top: 32px;
    }

    .sm-api-point {
        min-height: 84px;
        padding: 17px 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sm-api-point {
        transition: none;
    }
}
/* ==================================================
   HOSTING PREMIUM ALANLARI
================================================== */

.sm-hosting-point-grid {
    margin-top: 42px;
}

    .sm-hosting-point-grid > div {
        display: flex;
    }

.sm-hosting-point {
    background: rgba(255, 255, 255, .075);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 15px;
    height: 100%;
    min-height: 96px;
    padding: 19px 20px;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
    width: 100%;
}

    .sm-hosting-point:hover {
        background: rgba(255, 255, 255, .11);
        border-color: rgba(96, 165, 250, .5);
        transform: translateY(-3px);
    }

    .sm-hosting-point strong {
        color: #fff;
        display: block;
        font-size: clamp(18px, 1.7vw, 23px);
        letter-spacing: -.015em;
        line-height: 1.2;
    }

    .sm-hosting-point span {
        color: #aebbd0;
        display: block;
        font-size: 12px;
        line-height: 1.45;
        margin-top: 7px;
    }

.sm-hosting-value-section {
    background: #f6f8fc;
}

.sm-hosting-value-heading {
    margin: 0 auto 38px;
    max-width: 900px;
    text-align: center;
}

    .sm-hosting-value-heading h2 {
        color: #0f172a;
        font-size: clamp(29px, 3.8vw, 32px);
        letter-spacing: -.025em;
        line-height: 1.17;
        margin: 0;
    }

    .sm-hosting-value-heading p {
        color: #64748b;
        font-size: 17px;
        line-height: 1.75;
        margin: 17px 0 0;
    }

.sm-hosting-value-section .web-card {
    height: 100%;
}

#hosting-sureci {
    scroll-margin-top: 90px;
}

@media (max-width: 640px) {
    .sm-hosting-point-grid {
        margin-top: 32px;
    }

    .sm-hosting-point {
        min-height: 84px;
        padding: 17px 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sm-hosting-point {
        transition: none;
    }
}

/* ==================================================
   KURUMSAL E-POSTA PREMIUM ALANLARI
================================================== */

.sm-email-point-grid {
    margin-top: 42px;
}

    .sm-email-point-grid > div {
        display: flex;
    }

.sm-email-point {
    background: rgba(255, 255, 255, .075);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 15px;
    height: 100%;
    min-height: 96px;
    padding: 19px 20px;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
    width: 100%;
}

    .sm-email-point:hover {
        background: rgba(255, 255, 255, .11);
        border-color: rgba(96, 165, 250, .5);
        transform: translateY(-3px);
    }

    .sm-email-point strong {
        color: #fff;
        display: block;
        font-size: clamp(18px, 1.7vw, 23px);
        letter-spacing: -.015em;
        line-height: 1.2;
    }

    .sm-email-point span {
        color: #aebbd0;
        display: block;
        font-size: 12px;
        line-height: 1.45;
        margin-top: 7px;
    }

.sm-email-value-section {
    background: #f6f8fc;
}

.sm-email-value-heading {
    margin: 0 auto 38px;
    max-width: 920px;
    text-align: center;
}

    .sm-email-value-heading h2 {
        color: #0f172a;
        font-size: clamp(29px, 3.8vw, 32px);
        letter-spacing: -.025em;
        line-height: 1.17;
        margin: 0;
    }

    .sm-email-value-heading p {
        color: #64748b;
        font-size: 17px;
        line-height: 1.75;
        margin: 17px 0 0;
    }

.sm-email-value-section .web-card {
    height: 100%;
}

#e-posta-sureci {
    scroll-margin-top: 90px;
}

@media (max-width: 640px) {
    .sm-email-point-grid {
        margin-top: 32px;
    }

    .sm-email-point {
        min-height: 84px;
        padding: 17px 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sm-email-point {
        transition: none;
    }
}
/* ==================================================
   TEKNİK DESTEK PREMIUM ALANLARI
================================================== */

.sm-support-point-grid {
    margin-top: 42px;
}

    .sm-support-point-grid > div {
        display: flex;
    }

.sm-support-point {
    background: rgba(255, 255, 255, .075);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 15px;
    height: 100%;
    min-height: 96px;
    padding: 19px 20px;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
    width: 100%;
}

    .sm-support-point:hover {
        background: rgba(255, 255, 255, .11);
        border-color: rgba(96, 165, 250, .5);
        transform: translateY(-3px);
    }

    .sm-support-point strong {
        color: #fff;
        display: block;
        font-size: clamp(18px, 1.7vw, 23px);
        letter-spacing: -.015em;
        line-height: 1.2;
    }

    .sm-support-point span {
        color: #aebbd0;
        display: block;
        font-size: 12px;
        line-height: 1.45;
        margin-top: 7px;
    }

.sm-support-value-section {
    background: #f6f8fc;
}

.sm-support-value-heading {
    margin: 0 auto 38px;
    max-width: 900px;
    text-align: center;
}

    .sm-support-value-heading h2 {
        color: #0f172a;
        font-size: clamp(29px, 3.8vw, 32px);
        letter-spacing: -.025em;
        line-height: 1.17;
        margin: 0;
    }

    .sm-support-value-heading p {
        color: #64748b;
        font-size: 17px;
        line-height: 1.75;
        margin: 17px 0 0;
    }

.sm-support-value-section .web-card {
    height: 100%;
}

@media (max-width: 640px) {
    .sm-support-point-grid {
        margin-top: 32px;
    }

    .sm-support-point {
        min-height: 84px;
        padding: 17px 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sm-support-point {
        transition: none;
    }
}

/* ==================================================
   YAPILAN İŞLER PREMIUM SAYFA
================================================== */

.sm-project-point-grid {
    margin-top: 42px;
}

    .sm-project-point-grid > div {
        display: flex;
    }

.sm-project-point {
    background: rgba(255, 255, 255, .075);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 15px;
    height: 100%;
    min-height: 96px;
    padding: 19px 20px;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
    width: 100%;
}

    .sm-project-point:hover {
        background: rgba(255, 255, 255, .11);
        border-color: rgba(96, 165, 250, .5);
        transform: translateY(-3px);
    }

    .sm-project-point strong {
        color: #fff;
        display: block;
        font-size: clamp(18px, 1.7vw, 23px);
        letter-spacing: -.015em;
        line-height: 1.2;
    }

    .sm-project-point span {
        color: #aebbd0;
        display: block;
        font-size: 12px;
        line-height: 1.45;
        margin-top: 7px;
    }

/* PROJE LİSTESİ */

.sm-projects-section {
    background: #f6f8fc;
}

#proje-listesi {
    scroll-margin-top: 90px;
}

.sm-projects-heading {
    margin: 0 auto 42px;
    max-width: 850px;
    text-align: center;
}

    .sm-projects-heading > span {
        color: #2563eb;
        display: block;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: .12em;
        margin-bottom: 13px;
    }

    .sm-projects-heading h2 {
        color: #0f172a;
        font-size: clamp(30px, 4vw, 48px);
        letter-spacing: -.03em;
        line-height: 1.16;
        margin: 0;
    }

    .sm-projects-heading p {
        color: #64748b;
        font-size: 17px;
        line-height: 1.75;
        margin: 18px auto 0;
        max-width: 760px;
    }

/* ELFSIGHT PORTFÖY ALANI */

.sm-projects-widget {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    box-shadow: 0 20px 55px rgba(15, 23, 42, .07);
    min-height: 260px;
    padding: clamp(14px, 2.5vw, 28px);
}

/* ALT CTA */

.sm-projects-cta {
    align-items: center;
    background: radial-gradient(circle at 95% 10%, rgba(37, 99, 235, .2), transparent 34%), linear-gradient(135deg, #0f1b30 0%, #162743 100%);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    color: #fff;
    display: flex;
    gap: 35px;
    justify-content: space-between;
    margin-top: 45px;
    padding: clamp(27px, 4vw, 45px);
}

    .sm-projects-cta > div:first-child {
        max-width: 760px;
    }

.sm-projects-cta-label {
    color: #f4c430;
    display: block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .11em;
    margin-bottom: 11px;
}

.sm-projects-cta h2 {
    color: #fff;
    font-size: clamp(25px, 3vw, 36px);
    letter-spacing: -.025em;
    line-height: 1.2;
    margin: 0;
}

.sm-projects-cta p {
    color: #b8c5d8;
    line-height: 1.7;
    margin: 15px 0 0;
}

.sm-projects-cta-action {
    flex: 0 0 auto;
}

.sm-projects-cta .uk-button {
    align-items: center;
    display: inline-flex;
    font-weight: 700;
    gap: 9px;
    justify-content: center;
    min-height: 48px;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .sm-project-point-grid {
        margin-top: 32px;
    }

    .sm-project-point {
        min-height: 84px;
        padding: 17px 18px;
    }

    .sm-projects-cta {
        align-items: stretch;
        flex-direction: column;
    }

        .sm-projects-cta-action,
        .sm-projects-cta .uk-button {
            width: 100%;
        }
}

@media (prefers-reduced-motion: reduce) {
    .sm-project-point {
        transition: none;
    }
}

/* ==================================================
   HAKKIMIZDA – PREMIUM UZMANLIK ALANLARI
================================================== */

.about-expertise-section {
    background: radial-gradient( circle at 8% 12%, rgba(37, 99, 235, .10), transparent 30% ), radial-gradient( circle at 92% 88%, rgba(244, 196, 48, .10), transparent 27% ), linear-gradient( 180deg, #f9fbff 0%, #eef3fa 100% );
    border-bottom: 1px solid #e2e8f0;
    border-top: 1px solid #e2e8f0;
    overflow: hidden;
    padding-bottom: clamp(65px, 8vw, 105px);
    padding-top: clamp(65px, 8vw, 105px);
    position: relative;
}

    .about-expertise-section::before {
        background-image: linear-gradient( rgba(37, 99, 235, .035) 1px, transparent 1px ), linear-gradient( 90deg, rgba(37, 99, 235, .035) 1px, transparent 1px );
        background-size: 44px 44px;
        content: "";
        inset: 0;
        pointer-events: none;
        position: absolute;
    }

    .about-expertise-section .uk-container {
        position: relative;
        z-index: 1;
    }

/* BAŞLIK */

.about-expertise-heading {
    margin: 0 auto;
    max-width: 790px;
    text-align: center;
}

.about-expertise-eyebrow {
    color: #2563eb;
    display: block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .13em;
    margin-bottom: 13px;
}

.about-expertise-heading h2 {
    color: #0f172a;
    font-size: clamp(31px, 4vw, 49px);
    letter-spacing: -.035em;
    line-height: 1.15;
    margin: 0;
}

    .about-expertise-heading h2 span {
        color: #2563eb;
        position: relative;
    }

        .about-expertise-heading h2 span::after {
            background: #f4c430;
            border-radius: 10px;
            bottom: -5px;
            content: "";
            height: 4px;
            left: 0;
            position: absolute;
            width: 100%;
        }

.about-expertise-heading p {
    color: #64748b;
    font-size: 17px;
    line-height: 1.75;
    margin: 20px auto 0;
    max-width: 720px;
}

/* GRID */

.about-expertise-grid {
    margin-top: 48px;
}

/* KARTLAR */

.about-expertise-card {
    --expertise-accent: #2563eb;
    --expertise-soft: #eff6ff;
    background: rgba(255, 255, 255, .93);
    border: 1px solid rgba(203, 213, 225, .85);
    border-radius: 19px;
    box-shadow: 0 2px 4px rgba(15, 23, 42, .02), 0 17px 45px rgba(15, 23, 42, .07);
    height: 100%;
    overflow: hidden;
    padding: 25px;
    position: relative;
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

    .about-expertise-card::before {
        background: linear-gradient( 90deg, var(--expertise-accent), rgba(255, 255, 255, 0) );
        content: "";
        height: 4px;
        inset: 0 0 auto;
        position: absolute;
    }

    .about-expertise-card:hover {
        border-color: color-mix( in srgb, var(--expertise-accent) 35%, #e2e8f0 );
        box-shadow: 0 4px 9px rgba(15, 23, 42, .04), 0 24px 55px rgba(15, 23, 42, .11);
        transform: translateY(-6px);
    }

    /* KART RENKLERİ */

    .about-expertise-card.is-strategy {
        --expertise-accent: #2563eb;
        --expertise-soft: #eff6ff;
    }

    .about-expertise-card.is-design {
        --expertise-accent: #7c3aed;
        --expertise-soft: #f5f3ff;
    }

    .about-expertise-card.is-visibility {
        --expertise-accent: #059669;
        --expertise-soft: #ecfdf5;
    }

    .about-expertise-card.is-software {
        --expertise-accent: #ea580c;
        --expertise-soft: #fff7ed;
    }

/* KART ÜST ALANI */

.about-expertise-card-top {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.about-expertise-icon {
    align-items: center;
    background: var(--expertise-soft);
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 13px;
    color: var(--expertise-accent);
    display: inline-flex;
    font-size: 19px;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.about-expertise-number {
    color: #cbd5e1;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .1em;
}

.about-expertise-card h3 {
    color: #0f172a;
    font-size: 22px;
    letter-spacing: -.02em;
    line-height: 1.3;
    margin: 0 0 10px;
}

.about-expertise-description {
    color: #64748b;
    font-size: 13px;
    line-height: 1.65;
    margin: 0 0 20px;
    min-height: 64px;
}

/* LİSTE */

.about-expertise-list {
    border-top: 1px solid #e2e8f0;
    list-style: none;
    margin: 0;
    padding: 15px 0 0;
}

    .about-expertise-list li {
        border-bottom: 1px solid #edf1f6;
        color: #334155;
        font-size: 13px;
        line-height: 1.5;
        padding: 9px 0 9px 24px;
        position: relative;
    }

        .about-expertise-list li:last-child {
            border-bottom: 0;
        }

        .about-expertise-list li::before {
            align-items: center;
            background: var(--expertise-soft);
            border-radius: 50%;
            color: var(--expertise-accent);
            content: "✓";
            display: inline-flex;
            font-size: 10px;
            font-weight: 900;
            height: 17px;
            justify-content: center;
            left: 0;
            position: absolute;
            top: 10px;
            width: 17px;
        }

/* RESPONSIVE */

@media (max-width: 959px) {
    .about-expertise-description {
        min-height: 0;
    }
}

@media (max-width: 640px) {
    .about-expertise-section {
        padding-bottom: 58px;
        padding-top: 58px;
    }

    .about-expertise-grid {
        margin-top: 37px;
    }

    .about-expertise-card {
        padding: 22px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .about-expertise-card {
        transition: none;
    }
}

/* ==================================================
   HAKKIMIZDA – ÇALIŞMA DEĞERLERİ
================================================== */

.about-values-section {
    background: radial-gradient( circle at 10% 15%, rgba(37, 99, 235, .30), transparent 32% ), radial-gradient( circle at 90% 85%, rgba(244, 196, 48, .10), transparent 27% ), linear-gradient( 145deg, #07101f 0%, #111d32 58%, #0a1120 100% );
    color: #fff;
    overflow: hidden;
    padding-bottom: clamp(68px, 8vw, 108px);
    padding-top: clamp(68px, 8vw, 108px);
    position: relative;
}

    .about-values-section::before {
        background-image: linear-gradient( rgba(255, 255, 255, .035) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255, 255, 255, .035) 1px, transparent 1px );
        background-size: 44px 44px;
        content: "";
        inset: 0;
        pointer-events: none;
        position: absolute;
    }

    .about-values-section .uk-container {
        position: relative;
        z-index: 1;
    }

/* BAŞLIK */

.about-values-heading {
    margin: 0 auto;
    max-width: 810px;
    text-align: center;
}

.about-values-eyebrow {
    color: #f4c430;
    display: block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .13em;
    margin-bottom: 13px;
}

.about-values-heading h2 {
    color: #fff;
    font-size: clamp(32px, 4vw, 50px);
    letter-spacing: -.035em;
    line-height: 1.15;
    margin: 0;
}

    .about-values-heading h2 span {
        color: #60a5fa;
        position: relative;
    }

        .about-values-heading h2 span::after {
            background: #f4c430;
            border-radius: 10px;
            bottom: -6px;
            content: "";
            height: 4px;
            left: 0;
            position: absolute;
            width: 100%;
        }

.about-values-heading p {
    color: #b8c5d8;
    font-size: 17px;
    line-height: 1.75;
    margin: 21px auto 0;
    max-width: 740px;
}

/* GRID */

.about-values-grid {
    margin-top: 49px;
}

/* KARTLAR */

.about-value-card {
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 19px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .15);
    height: 100%;
    min-height: 285px;
    overflow: hidden;
    padding: 25px;
    position: relative;
    transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

    .about-value-card:hover {
        background: rgba(255, 255, 255, .105);
        border-color: rgba(96, 165, 250, .55);
        box-shadow: 0 27px 60px rgba(0, 0, 0, .22);
        transform: translateY(-6px);
    }

/* KART ÜST ALANI */

.about-value-card-top {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
}

.about-value-icon {
    align-items: center;
    background: rgba(37, 99, 235, .2);
    border: 1px solid rgba(96, 165, 250, .3);
    border-radius: 14px;
    color: #60a5fa;
    display: inline-flex;
    font-size: 20px;
    height: 50px;
    justify-content: center;
    width: 50px;
}

.about-value-number {
    color: rgba(255, 255, 255, .25);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .11em;
}

/* METİNLER */

.about-value-card h3 {
    color: #fff;
    font-size: 21px;
    letter-spacing: -.02em;
    line-height: 1.3;
    margin: 0 0 13px;
}

.about-value-card p {
    color: #b8c5d8;
    font-size: 14px;
    line-height: 1.72;
    margin: 0;
}

/* KART ALT ÇİZGİSİ */

.about-value-line {
    background: linear-gradient( 90deg, #2563eb, #60a5fa, transparent );
    bottom: 0;
    height: 3px;
    left: 25px;
    position: absolute;
    width: 72px;
}

/* RESPONSIVE */

@media (max-width: 959px) {
    .about-value-card {
        min-height: 250px;
    }
}

@media (max-width: 640px) {
    .about-values-section {
        padding-bottom: 58px;
        padding-top: 58px;
    }

    .about-values-grid {
        margin-top: 38px;
    }

    .about-value-card {
        min-height: 0;
        padding: 22px;
    }

    .about-value-line {
        left: 22px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .about-value-card {
        transition: none;
    }
}

/* ==================================================
   HAKKIMIZDA – PREMIUM SSS
================================================== */

.about-faq-section {
    background: radial-gradient( circle at 8% 10%, rgba(37, 99, 235, .09), transparent 29% ), radial-gradient( circle at 92% 88%, rgba(244, 196, 48, .08), transparent 25% ), linear-gradient( 180deg, #f9fbff 0%, #f1f5fa 100% );
    border-bottom: 1px solid #e2e8f0;
    overflow: hidden;
    padding-bottom: clamp(66px, 8vw, 105px);
    padding-top: clamp(66px, 8vw, 105px);
    position: relative;
}

    .about-faq-section::before {
        background-image: linear-gradient( rgba(37, 99, 235, .025) 1px, transparent 1px ), linear-gradient( 90deg, rgba(37, 99, 235, .025) 1px, transparent 1px );
        background-size: 46px 46px;
        content: "";
        inset: 0;
        pointer-events: none;
        position: absolute;
    }

    .about-faq-section .uk-container {
        position: relative;
        z-index: 1;
    }

#sss {
    scroll-margin-top: 90px;
}

/* BAŞLIK */

.about-faq-heading {
    margin: 0 auto 43px;
    max-width: 850px;
    text-align: center;
}

.about-faq-eyebrow {
    color: #2563eb;
    display: block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .13em;
    margin-bottom: 13px;
}

.about-faq-heading h2 {
    color: #0f172a;
    font-size: clamp(31px, 4vw, 49px);
    letter-spacing: -.035em;
    line-height: 1.16;
    margin: 0;
}

    .about-faq-heading h2 span {
        color: #2563eb;
        position: relative;
    }

        .about-faq-heading h2 span::after {
            background: #f4c430;
            border-radius: 10px;
            bottom: -6px;
            content: "";
            height: 4px;
            left: 0;
            position: absolute;
            width: 100%;
        }

.about-faq-heading p {
    color: #64748b;
    font-size: 17px;
    line-height: 1.75;
    margin: 21px auto 0;
    max-width: 720px;
}

/* FAQ LİSTESİ */

.about-faq-list {
    margin: 0 auto;
    max-width: 920px;
}

    .about-faq-list details {
        background: rgba(255, 255, 255, .94);
        border: 1px solid #dce4ef;
        border-radius: 15px;
        box-shadow: 0 8px 26px rgba(15, 23, 42, .035);
        margin-bottom: 12px;
        overflow: hidden;
        transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
    }

        .about-faq-list details:hover {
            border-color: #bfdbfe;
            transform: translateY(-1px);
        }

        .about-faq-list details[open] {
            border-color: #93c5fd;
            box-shadow: 0 15px 38px rgba(15, 23, 42, .075);
        }

    /* SORU */

    .about-faq-list summary {
        color: #0f172a;
        cursor: pointer;
        font-size: 17px;
        font-weight: 800;
        line-height: 1.5;
        list-style: none;
        padding: 20px 67px 20px 23px;
        position: relative;
    }

        .about-faq-list summary::-webkit-details-marker {
            display: none;
        }

        .about-faq-list summary::after {
            align-items: center;
            background: #eff6ff;
            border: 1px solid #dbeafe;
            border-radius: 10px;
            color: #2563eb;
            content: "+";
            display: inline-flex;
            font-size: 22px;
            font-weight: 500;
            height: 34px;
            justify-content: center;
            position: absolute;
            right: 18px;
            top: 50%;
            transform: translateY(-50%);
            transition: background-color .2s ease, color .2s ease, transform .2s ease;
            width: 34px;
        }

    .about-faq-list details[open] summary::after {
        background: #2563eb;
        color: #fff;
        transform: translateY(-50%) rotate(45deg);
    }

    /* CEVAP */

    .about-faq-list details p {
        border-top: 1px solid #edf1f6;
        color: #475569;
        font-size: 15px;
        line-height: 1.78;
        margin: 0 23px;
        padding: 18px 0 21px;
    }

/* İLETİŞİM ALANI */

.about-faq-contact {
    align-items: center;
    background: #fff;
    border: 1px solid #dce4ef;
    border-radius: 17px;
    box-shadow: 0 14px 38px rgba(15, 23, 42, .055);
    display: flex;
    gap: 30px;
    justify-content: space-between;
    margin: 31px auto 0;
    max-width: 920px;
    padding: 22px 24px;
}

    .about-faq-contact > div {
        max-width: 650px;
    }

    .about-faq-contact strong {
        color: #0f172a;
        display: block;
        font-size: 17px;
        line-height: 1.4;
    }

    .about-faq-contact span {
        color: #64748b;
        display: block;
        font-size: 13px;
        line-height: 1.65;
        margin-top: 5px;
    }

    .about-faq-contact .uk-button {
        align-items: center;
        display: inline-flex;
        flex: 0 0 auto;
        font-weight: 700;
        gap: 9px;
        justify-content: center;
        min-height: 46px;
        white-space: nowrap;
    }

/* RESPONSIVE */

@media (max-width: 767px) {
    .about-faq-section {
        padding-bottom: 58px;
        padding-top: 58px;
    }

    .about-faq-heading {
        margin-bottom: 35px;
    }

    .about-faq-list summary {
        font-size: 15px;
        padding: 18px 59px 18px 19px;
    }

        .about-faq-list summary::after {
            height: 31px;
            right: 15px;
            width: 31px;
        }

    .about-faq-list details p {
        font-size: 14px;
        margin: 0 19px;
        padding: 16px 0 19px;
    }

    .about-faq-contact {
        align-items: stretch;
        flex-direction: column;
        padding: 20px;
    }

        .about-faq-contact .uk-button {
            width: 100%;
        }
}

@media (prefers-reduced-motion: reduce) {
    .about-faq-list details,
    .about-faq-list summary::after {
        transition: none;
    }
}

.sm-page-hero {
    --sm-hero-text: #ffffff;
    --sm-hero-muted: #aebbd0;
    --sm-hero-soft: #dbe4f1;
    --sm-hero-primary: #2563eb;
    --sm-hero-primary-hover: #1d4ed8;
    --sm-hero-highlight: #60a5fa;
    --sm-hero-yellow: #f4c430;
    background: radial-gradient(circle at 12% 8%, rgba(37, 99, 235, .34), transparent 34%), radial-gradient(circle at 88% 16%, rgba(244, 196, 48, .13), transparent 29%), linear-gradient(145deg, #07101f 0%, #111d32 58%, #0a1120 100%);
    color: var(--sm-hero-text);
    overflow: hidden;
    padding: clamp(62px, 7.5vw, 102px) 0;
    position: relative;
}

    .sm-page-hero,
    .sm-page-hero * {
        box-sizing: border-box;
    }

        .sm-page-hero::after {
            background-image: linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
            background-size: 42px 42px;
            content: "";
            inset: 0;
            pointer-events: none;
            position: absolute;
        }

        .sm-page-hero .uk-container {
            position: relative;
            z-index: 1;
        }

.sm-page-breadcrumb {
    align-items: center;
    color: #94a3b8;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    gap: 9px;
    margin-bottom: 27px;
}

    .sm-page-breadcrumb a {
        color: #cbd5e1;
        text-decoration: none;
    }

        .sm-page-breadcrumb a:hover {
            color: #fff;
        }

    .sm-page-breadcrumb i {
        font-size: 9px;
    }

.sm-page-eyebrow {
    color: var(--sm-hero-yellow);
    display: block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    margin-bottom: 13px;
    text-transform: uppercase;
}

.sm-page-hero h1 {
    color: #fff;
    font-size: clamp(38px, 5.1vw, 64px);
    letter-spacing: -.035em;
    line-height: 1.08;
    margin: 0;
    max-width: 940px;
}

.sm-page-highlight {
    color: var(--sm-hero-highlight);
}

.sm-page-lead {
    color: var(--sm-hero-soft);
    font-size: clamp(18px, 1.6vw, 21px);
    line-height: 1.72;
    margin: 24px 0 0;
    max-width: 900px;
}

.sm-page-support {
    color: var(--sm-hero-muted);
    font-size: 15px;
    line-height: 1.76;
    margin: 17px 0 0;
    max-width: 900px;
}

.sm-page-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 29px;
}

.sm-page-button {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 11px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 800;
    gap: 9px;
    justify-content: center;
    min-height: 48px;
    padding: 0 21px;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

    .sm-page-button:hover {
        transform: translateY(-2px);
    }

.sm-page-button-primary {
    background: var(--sm-hero-primary);
    color: #fff;
}

    .sm-page-button-primary:hover {
        background: var(--sm-hero-primary-hover);
        color: #fff;
    }

.sm-page-button-ghost {
    background: rgba(255, 255, 255, .07);
    border-color: rgba(255, 255, 255, .2);
    color: #fff;
}

    .sm-page-button-ghost:hover {
        background: rgba(255, 255, 255, .13);
        border-color: rgba(255, 255, 255, .34);
        color: #fff;
    }

.sm-page-stat-grid {
    margin-top: 42px;
}

.sm-page-stat {
    background: rgba(255, 255, 255, .075);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 15px;
    height: 100%;
    min-height: 93px;
    padding: 19px 20px;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

    .sm-page-stat:hover {
        background: rgba(255, 255, 255, .11);
        border-color: rgba(96, 165, 250, .5);
        transform: translateY(-3px);
    }

    .sm-page-stat strong {
        color: #fff;
        display: block;
        font-size: clamp(20px, 2.2vw, 29px);
        letter-spacing: -.02em;
        line-height: 1.15;
    }

    .sm-page-stat span {
        color: #aebbd0;
        display: block;
        font-size: 12px;
        line-height: 1.45;
        margin-top: 7px;
    }

#neler-yapiyoruz {
    scroll-margin-top: 90px;
}

@media (max-width: 640px) {
    .sm-page-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .sm-page-button {
        width: 100%;
    }

    .sm-page-stat-grid {
        margin-top: 32px;
    }

    .sm-page-stat {
        min-height: 84px;
        padding: 17px 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sm-page-button,
    .sm-page-stat {
        transition: none;
    }
}

article.sistemedya-home {
    --home-text: #0f172a;
    --home-muted: #64748b;
    --home-soft: #f4f7fc;
    --home-border: #dfe6f0;
    --home-primary: #2563eb;
    --home-primary-dark: #1d4ed8;
    --home-navy: #0b1220;
    --home-yellow: #f4c430;
    --home-success: #16a34a;
    color: var(--home-text);
    overflow: hidden;
}

    article.sistemedya-home,
    article.sistemedya-home * {
        box-sizing: border-box;
    }

        article.sistemedya-home .home-section {
            padding: clamp(62px, 8vw, 112px) 0;
            position: relative;
        }

        article.sistemedya-home .home-section-soft {
            background: radial-gradient(circle at 8% 12%, rgba(37, 99, 235, .075), transparent 29%), radial-gradient(circle at 92% 88%, rgba(244, 196, 48, .065), transparent 25%), linear-gradient(180deg, #f9fbff 0%, #f1f5fa 100%);
            overflow: hidden;
        }

            article.sistemedya-home .home-section-soft::before {
                background-image: linear-gradient(rgba(37, 99, 235, .024) 1px, transparent 1px), linear-gradient(90deg, rgba(37, 99, 235, .024) 1px, transparent 1px);
                background-size: 46px 46px;
                content: "";
                inset: 0;
                pointer-events: none;
                position: absolute;
            }

        article.sistemedya-home .home-section > .uk-container {
            position: relative;
            z-index: 1;
        }

        article.sistemedya-home .home-section-dark {
            background: radial-gradient(circle at 9% 5%, rgba(37, 99, 235, .32), transparent 32%), radial-gradient(circle at 92% 18%, rgba(244, 196, 48, .11), transparent 28%), linear-gradient(145deg, #07101f 0%, #111d32 58%, #0a1120 100%);
            color: #fff;
            overflow: hidden;
        }

            article.sistemedya-home .home-section-dark::before {
                background-image: linear-gradient(rgba(255, 255, 255, .032) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .032) 1px, transparent 1px);
                background-size: 44px 44px;
                content: "";
                inset: 0;
                pointer-events: none;
                position: absolute;
            }

        article.sistemedya-home .home-eyebrow {
            color: var(--home-primary);
            display: block;
            font-size: 12px;
            font-weight: 800;
            letter-spacing: .12em;
            margin-bottom: 12px;
            text-transform: uppercase;
        }

        article.sistemedya-home .home-section-dark .home-eyebrow {
            color: var(--home-yellow);
        }

        article.sistemedya-home .home-heading {
            color: var(--home-text);
            font-size: clamp(31px, 4vw, 32px);
            letter-spacing: -.025em;
            line-height: 1.14;
            margin: 0;
        }

        article.sistemedya-home .home-heading-small {
            color: var(--home-text);
            font-size: clamp(27px, 3.4vw, 43px);
            letter-spacing: -.02em;
            line-height: 1.2;
            margin: 0;
        }

        article.sistemedya-home .home-section-dark .home-heading,
        article.sistemedya-home .home-section-dark .home-heading-small {
            color: #fff;
        }

        article.sistemedya-home .home-lead {
            color: var(--home-muted);
            font-size: clamp(17px, 1.5vw, 20px);
            line-height: 1.75;
            margin: 20px 0 0;
        }

        article.sistemedya-home .home-section-dark .home-lead {
            color: #cbd5e1;
        }

        article.sistemedya-home .home-copy {
            color: var(--home-muted);
            font-size: 16px;
            line-height: 1.78;
        }

            article.sistemedya-home .home-copy p {
                margin: 0 0 18px;
            }

        article.sistemedya-home .home-section-dark .home-copy {
            color: #cbd5e1;
        }

        article.sistemedya-home .home-actions {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin-top: 28px;
        }

        article.sistemedya-home .home-button {
            align-items: center;
            border: 1px solid transparent;
            border-radius: 11px;
            display: inline-flex;
            font-size: 14px;
            font-weight: 800;
            gap: 9px;
            justify-content: center;
            min-height: 49px;
            padding: 0 21px;
            text-decoration: none;
            transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
        }

            article.sistemedya-home .home-button:hover {
                transform: translateY(-2px);
            }

        article.sistemedya-home .home-button-primary {
            background: var(--home-primary);
            color: #fff;
        }

            article.sistemedya-home .home-button-primary:hover {
                background: #1d4ed8;
                color: #fff;
            }

        article.sistemedya-home .home-button-light {
            background: #fff;
            border-color: var(--home-border);
            color: var(--home-text);
        }

            article.sistemedya-home .home-button-light:hover {
                border-color: #cbd5e1;
                color: var(--home-text);
            }

        article.sistemedya-home .home-button-yellow {
            background: var(--home-yellow);
            color: #111827;
        }

            article.sistemedya-home .home-button-yellow:hover {
                background: #ffdc53;
                color: #111827;
            }

        article.sistemedya-home .home-button-ghost {
            background: rgba(255, 255, 255, .06);
            border-color: rgba(255, 255, 255, .17);
            color: #fff;
        }

            article.sistemedya-home .home-button-ghost:hover {
                background: rgba(255, 255, 255, .11);
                color: #fff;
            }

        article.sistemedya-home .home-hero {
            background: radial-gradient(circle at 9% 8%, rgba(37, 99, 235, .38), transparent 34%), radial-gradient(circle at 89% 17%, rgba(244, 196, 48, .14), transparent 28%), linear-gradient(145deg, #07101f 0%, #111d32 58%, #0a1120 100%);
            color: #fff;
            overflow: hidden;
            padding: clamp(70px, 8vw, 122px) 0 clamp(64px, 7vw, 98px);
            position: relative;
        }

            article.sistemedya-home .home-hero::before {
                background-image: linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
                background-size: 44px 44px;
                content: "";
                inset: 0;
                pointer-events: none;
                position: absolute;
            }

            article.sistemedya-home .home-hero .uk-container {
                position: relative;
                z-index: 1;
            }

            article.sistemedya-home .home-hero h1 {
                color: #fff;
                font-size: clamp(40px, 5.4vw, 72px);
                letter-spacing: -.045em;
                line-height: 1.04;
                margin: 0;
            }

        article.sistemedya-home .home-highlight {
            background: linear-gradient(90deg, #60a5fa 0%, #38bdf8 100%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }

        article.sistemedya-home .home-hero .home-eyebrow {
            color: var(--home-yellow);
        }

        article.sistemedya-home .home-hero-copy {
            color: #dbe4f1;
            font-size: clamp(17px, 1.35vw, 20px);
            line-height: 1.72;
            margin: 24px 0 0;
            max-width: 740px;
        }

        article.sistemedya-home .home-hero-support {
            color: #aebbd0;
            font-size: 15px;
            line-height: 1.72;
            margin: 15px 0 0;
            max-width: 740px;
        }

        article.sistemedya-home .home-hero-visual {
            align-items: center;
            display: flex;
            justify-content: center;
            min-height: 480px;
            position: relative;
        }

        article.sistemedya-home .home-hero-image-card {
            background: rgba(255, 255, 255, .075);
            border: 1px solid rgba(255, 255, 255, .16);
            border-radius: 28px;
            box-shadow: 0 34px 90px rgba(0, 0, 0, .3);
            overflow: hidden;
            padding: 18px;
            position: relative;
            width: min(100%, 610px);
        }

            article.sistemedya-home .home-hero-image-card::before {
                background: linear-gradient(90deg, var(--home-primary), #38bdf8, var(--home-yellow));
                content: "";
                height: 4px;
                inset: 0 0 auto;
                position: absolute;
            }

            article.sistemedya-home .home-hero-image-card img {
                border-radius: 18px;
                display: block;
                height: auto;
                opacity: .95;
                width: 100%;
            }

        article.sistemedya-home .home-floating-card {
            align-items: center;
            backdrop-filter: blur(10px);
            background: rgba(255, 255, 255, .92);
            border: 1px solid rgba(226, 232, 240, .9);
            border-radius: 13px;
            box-shadow: 0 16px 40px rgba(15, 23, 42, .15);
            color: var(--home-text);
            display: flex;
            font-size: 13px;
            font-weight: 800;
            gap: 10px;
            padding: 12px 15px;
            position: absolute;
        }

            article.sistemedya-home .home-floating-card i {
                align-items: center;
                background: #eff6ff;
                border-radius: 9px;
                color: var(--home-primary);
                display: inline-flex;
                height: 34px;
                justify-content: center;
                width: 34px;
            }

        article.sistemedya-home .home-floating-card-one {
            left: 0;
            top: 14%;
        }

        article.sistemedya-home .home-floating-card-two {
            bottom: 9%;
            right: 0;
        }

        article.sistemedya-home .home-trust-strip {
            background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
            border-bottom: 1px solid var(--home-border);
            border-top: 1px solid var(--home-border);
        }

        article.sistemedya-home .home-trust-item {
            align-items: center;
            display: flex;
            gap: 15px;
            min-height: 100%;
            padding: 24px 0;
        }

        article.sistemedya-home .home-trust-icon {
            align-items: center;
            background: #eff6ff;
            border: 1px solid #dbeafe;
            border-radius: 12px;
            box-shadow: 0 9px 24px rgba(37, 99, 235, .09);
            color: var(--home-primary);
            display: inline-flex;
            flex: 0 0 56px;
            font-size: 22px;
            height: 56px;
            justify-content: center;
            line-height: 1;
            margin: 0;
            width: 56px;
        }

            article.sistemedya-home .home-trust-icon i {
                color: inherit;
                display: block;
                font-size: inherit;
                line-height: 1;
                margin: 0;
            }

        article.sistemedya-home .home-trust-copy {
            display: block;
            margin: 0;
            min-width: 0;
        }

        article.sistemedya-home .home-trust-item strong {
            color: var(--home-text);
            display: block;
            font-size: 15px;
            line-height: 1.35;
        }

        article.sistemedya-home .home-trust-description {
            color: var(--home-muted);
            display: block;
            font-size: 13px;
            line-height: 1.45;
            margin-top: 3px;
        }

        article.sistemedya-home .home-section-heading {
            margin: 0 auto 40px;
            max-width: 850px;
            text-align: center;
        }

        article.sistemedya-home .home-service-card {
            --service-accent: #2563eb;
            --service-soft: #eff6ff;
            background: rgba(255, 255, 255, .94);
            border: 1px solid rgba(203, 213, 225, .82);
            border-radius: 19px;
            box-shadow: 0 14px 38px rgba(15, 23, 42, .055);
            display: flex;
            flex-direction: column;
            height: 100%;
            overflow: hidden;
            padding: 25px;
            position: relative;
            transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
        }

            article.sistemedya-home .home-service-card::before {
                background: linear-gradient(90deg, var(--service-accent), transparent);
                content: "";
                height: 4px;
                inset: 0 0 auto;
                position: absolute;
            }

            article.sistemedya-home .home-service-card:hover {
                border-color: #a9c8fa;
                box-shadow: 0 24px 55px rgba(15, 23, 42, .11);
                transform: translateY(-6px);
            }

        article.sistemedya-home .home-services-section [data-uk-grid] > div:nth-child(2),
        article.sistemedya-home .home-services-section [data-uk-grid] > div:nth-child(6) {
            --service-accent: #7c3aed;
            --service-soft: #f5f3ff;
        }

        article.sistemedya-home .home-services-section [data-uk-grid] > div:nth-child(3),
        article.sistemedya-home .home-services-section [data-uk-grid] > div:nth-child(7) {
            --service-accent: #059669;
            --service-soft: #ecfdf5;
        }

        article.sistemedya-home .home-services-section [data-uk-grid] > div:nth-child(4),
        article.sistemedya-home .home-services-section [data-uk-grid] > div:nth-child(8) {
            --service-accent: #ea580c;
            --service-soft: #fff7ed;
        }

        article.sistemedya-home .home-services-section [data-uk-grid] > div:nth-child(5),
        article.sistemedya-home .home-services-section [data-uk-grid] > div:nth-child(9) {
            --service-accent: #0891b2;
            --service-soft: #ecfeff;
        }

        article.sistemedya-home .home-service-icon {
            align-items: center;
            background: var(--service-soft);
            border: 1px solid rgba(148, 163, 184, .16);
            border-radius: 13px;
            color: var(--service-accent);
            display: inline-flex;
            font-size: 18px;
            height: 48px;
            justify-content: center;
            margin-bottom: 18px;
            width: 48px;
        }

        article.sistemedya-home .home-service-card h3 {
            color: var(--home-text);
            font-size: 20px;
            letter-spacing: -.015em;
            line-height: 1.35;
            margin: 0 0 10px;
        }

        article.sistemedya-home .home-service-card p {
            color: var(--home-muted);
            flex: 1;
            font-size: 14px;
            line-height: 1.72;
            margin: 0 0 18px;
        }

        article.sistemedya-home .home-service-card .home-card-link {
            color: var(--service-accent);
        }

        article.sistemedya-home .home-card-link {
            align-items: center;
            color: var(--home-primary);
            display: inline-flex;
            font-size: 13px;
            font-weight: 800;
            gap: 8px;
            text-decoration: none;
        }

            article.sistemedya-home .home-card-link:hover {
                color: #1d4ed8;
            }

        article.sistemedya-home .home-feature-panel {
            background: radial-gradient(circle at 95% 5%, rgba(37, 99, 235, .09), transparent 32%), #fff;
            border: 1px solid var(--home-border);
            border-radius: 22px;
            box-shadow: 0 24px 60px rgba(15, 23, 42, .07);
            padding: clamp(26px, 4vw, 48px);
        }

        article.sistemedya-home .home-approach-section,
        article.sistemedya-home .home-technical-section {
            background: #fff;
        }

            article.sistemedya-home .home-approach-section::after,
            article.sistemedya-home .home-technical-section::after {
                background: linear-gradient(90deg, transparent, #dbe6f5 18%, #dbe6f5 82%, transparent);
                bottom: 0;
                content: "";
                height: 1px;
                left: 0;
                position: absolute;
                right: 0;
            }

        article.sistemedya-home .home-checklist {
            display: grid;
            gap: 13px;
            list-style: none;
            margin: 25px 0 0;
            padding: 0;
        }

            article.sistemedya-home .home-checklist li {
                color: #334155;
                line-height: 1.62;
                padding-left: 31px;
                position: relative;
            }

                article.sistemedya-home .home-checklist li::before {
                    align-items: center;
                    background: #dcfce7;
                    border-radius: 50%;
                    color: var(--home-success);
                    content: "✓";
                    display: flex;
                    font-size: 11px;
                    font-weight: 900;
                    height: 20px;
                    justify-content: center;
                    left: 0;
                    position: absolute;
                    top: 3px;
                    width: 20px;
                }

        article.sistemedya-home .home-product-card {
            background: rgba(255, 255, 255, .055);
            border: 1px solid rgba(255, 255, 255, .13);
            border-radius: 20px;
            height: 100%;
            overflow: hidden;
            padding: clamp(25px, 4vw, 42px);
            position: relative;
            transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
        }

            article.sistemedya-home .home-product-card:hover {
                background: rgba(255, 255, 255, .085);
                border-color: rgba(96, 165, 250, .45);
                box-shadow: 0 24px 70px rgba(2, 6, 23, .24);
                transform: translateY(-5px);
            }

            article.sistemedya-home .home-product-card::before {
                background: linear-gradient(180deg, rgba(37, 99, 235, .32), transparent);
                border-radius: 50%;
                content: "";
                height: 220px;
                position: absolute;
                right: -90px;
                top: -110px;
                width: 220px;
            }

        article.sistemedya-home .home-product-label {
            background: rgba(244, 196, 48, .12);
            border: 1px solid rgba(244, 196, 48, .25);
            border-radius: 999px;
            color: var(--home-yellow);
            display: inline-flex;
            font-size: 10px;
            font-weight: 800;
            letter-spacing: .07em;
            margin-bottom: 18px;
            padding: 6px 10px;
            text-transform: uppercase;
        }

        article.sistemedya-home .home-product-card h3 {
            color: #fff;
            font-size: clamp(24px, 2.3vw, 32px);
            margin: 0 0 12px;
            position: relative;
        }

        article.sistemedya-home .home-product-card p {
            color: #cbd5e1;
            line-height: 1.74;
            margin: 0 0 23px;
            position: relative;
        }

        article.sistemedya-home .home-product-card .home-card-link {
            color: var(--home-yellow);
            position: relative;
        }

        article.sistemedya-home .home-process-card {
            background: rgba(255, 255, 255, .92);
            border: 1px solid var(--home-border);
            border-radius: 18px;
            box-shadow: 0 14px 38px rgba(15, 23, 42, .045);
            height: 100%;
            padding: 23px;
            transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
        }

            article.sistemedya-home .home-process-card:hover {
                border-color: #b8d2fb;
                box-shadow: 0 20px 46px rgba(15, 23, 42, .09);
                transform: translateY(-4px);
            }

        article.sistemedya-home .home-process-number {
            align-items: center;
            background: #eaf2ff;
            border: 1px solid #cfe0fb;
            border-radius: 13px;
            color: var(--home-primary);
            display: inline-flex;
            font-size: 13px;
            font-weight: 900;
            height: 42px;
            justify-content: center;
            margin-bottom: 17px;
            width: 42px;
        }

        article.sistemedya-home .home-process-card h3 {
            color: var(--home-text);
            font-size: 19px;
            letter-spacing: -.01em;
            line-height: 1.4;
            margin: 0 0 9px;
        }

        article.sistemedya-home .home-process-card p {
            color: var(--home-muted);
            font-size: 14px;
            line-height: 1.7;
            margin: 0;
        }

        article.sistemedya-home .home-tech-list {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            list-style: none;
            margin: 25px 0 0;
            padding: 0;
        }

            article.sistemedya-home .home-tech-list li {
                background: #f8fafc;
                border: 1px solid var(--home-border);
                border-radius: 999px;
                color: #334155;
                font-size: 13px;
                font-weight: 700;
                padding: 9px 13px;
            }

        article.sistemedya-home .home-reference-card {
            align-items: center;
            background: #fff;
            border: 1px solid var(--home-border);
            border-radius: 15px;
            display: flex;
            height: 106px;
            justify-content: center;
            padding: 17px;
            transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
        }

            article.sistemedya-home .home-reference-card:hover {
                border-color: #bfdbfe;
                box-shadow: 0 14px 35px rgba(15, 23, 42, .08);
                transform: translateY(-3px);
            }

            article.sistemedya-home .home-reference-card img {
                display: block;
                height: auto;
                max-height: 68px;
                max-width: 100%;
                object-fit: contain;
                width: auto;
            }

        article.sistemedya-home .home-proof-grid {
            margin-top: 34px;
        }

        article.sistemedya-home .home-proof-card {
            align-items: center;
            background: radial-gradient(circle at 100% 0, rgba(37, 99, 235, .12), transparent 38%), #fff;
            border: 1px solid var(--home-border);
            border-radius: 19px;
            box-shadow: 0 16px 42px rgba(15, 23, 42, .06);
            color: inherit;
            display: flex;
            gap: 17px;
            height: 100%;
            min-height: 145px;
            padding: 24px;
            text-decoration: none;
            transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
        }

            article.sistemedya-home .home-proof-card:hover {
                border-color: #a9c8fa;
                box-shadow: 0 24px 56px rgba(15, 23, 42, .11);
                color: inherit;
                text-decoration: none;
                transform: translateY(-5px);
            }

        article.sistemedya-home .home-proof-icon {
            align-items: center;
            background: #eaf2ff;
            border: 1px solid #cfe0fb;
            border-radius: 15px;
            color: var(--home-primary);
            display: inline-flex;
            flex: 0 0 52px;
            font-size: 19px;
            height: 52px;
            justify-content: center;
        }

        article.sistemedya-home .home-proof-copy {
            display: block;
            flex: 1;
        }

            article.sistemedya-home .home-proof-copy strong,
            article.sistemedya-home .home-proof-copy small,
            article.sistemedya-home .home-proof-copy span {
                display: block;
            }

            article.sistemedya-home .home-proof-copy small {
                color: var(--home-primary);
                font-size: 10px;
                font-weight: 900;
                letter-spacing: .09em;
                margin-bottom: 5px;
            }

            article.sistemedya-home .home-proof-copy strong {
                color: var(--home-text);
                font-size: 19px;
                line-height: 1.35;
                margin-bottom: 6px;
            }

            article.sistemedya-home .home-proof-copy span {
                color: var(--home-muted);
                font-size: 14px;
                line-height: 1.6;
            }

        article.sistemedya-home .home-proof-arrow {
            color: var(--home-primary);
            font-size: 14px;
            transition: transform .2s ease;
        }

        article.sistemedya-home .home-proof-card:hover .home-proof-arrow {
            transform: translateX(4px);
        }

        article.sistemedya-home .home-reason-card {
            background: rgba(255, 255, 255, .055);
            border: 1px solid rgba(255, 255, 255, .12);
            border-radius: 19px;
            height: 100%;
            padding: 24px;
            transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
        }

            article.sistemedya-home .home-reason-card:hover {
                background: rgba(255, 255, 255, .085);
                border-color: rgba(96, 165, 250, .4);
                box-shadow: 0 22px 55px rgba(2, 6, 23, .2);
                transform: translateY(-4px);
            }

            article.sistemedya-home .home-reason-card i {
                align-items: center;
                background: rgba(59, 130, 246, .16);
                border: 1px solid rgba(96, 165, 250, .22);
                border-radius: 12px;
                color: #60a5fa;
                display: inline-flex;
                font-size: 19px;
                height: 43px;
                justify-content: center;
                margin-bottom: 17px;
                width: 43px;
            }

            article.sistemedya-home .home-reason-card h3 {
                color: #fff;
                font-size: 18px;
                margin: 0 0 9px;
            }

            article.sistemedya-home .home-reason-card p {
                color: #cbd5e1;
                font-size: 14px;
                line-height: 1.68;
                margin: 0;
            }

        article.sistemedya-home .home-faq details {
            background: #fff;
            border: 1px solid var(--home-border);
            border-radius: 15px;
            box-shadow: 0 9px 28px rgba(15, 23, 42, .035);
            margin-bottom: 12px;
            overflow: hidden;
            padding: 0 20px;
            transition: border-color .2s ease, box-shadow .2s ease;
        }

            article.sistemedya-home .home-faq details[open] {
                border-color: #b8d2fb;
                box-shadow: 0 15px 38px rgba(15, 23, 42, .07);
            }

        article.sistemedya-home .home-faq summary {
            cursor: pointer;
            font-size: 17px;
            font-weight: 800;
            line-height: 1.5;
            list-style: none;
            padding: 19px 44px 19px 0;
            position: relative;
        }

            article.sistemedya-home .home-faq summary::-webkit-details-marker {
                display: none;
            }

            article.sistemedya-home .home-faq summary::after {
                align-items: center;
                background: #eaf2ff;
                border-radius: 50%;
                color: var(--home-primary);
                content: "+";
                display: flex;
                font-size: 19px;
                font-weight: 700;
                height: 28px;
                justify-content: center;
                position: absolute;
                right: 0;
                top: 17px;
                transition: background .2s ease, color .2s ease, transform .2s ease;
                width: 28px;
            }

        article.sistemedya-home .home-faq details[open] summary::after {
            background: var(--home-primary);
            color: #fff;
            transform: rotate(45deg);
        }

        article.sistemedya-home .home-faq details p {
            border-top: 1px solid #e8edf5;
            color: #475569;
            line-height: 1.74;
            margin: 0;
            padding: 16px 0 19px;
        }

        article.sistemedya-home .home-form-card {
            background: rgba(255, 255, 255, .055);
            border: 1px solid rgba(255, 255, 255, .13);
            border-radius: 22px;
            box-shadow: 0 28px 80px rgba(2, 6, 23, .28);
            padding: clamp(25px, 4vw, 45px);
        }

        article.sistemedya-home .home-project-section {
            border-top: 1px solid rgba(96, 165, 250, .12);
        }

        article.sistemedya-home #hizmetler,
        article.sistemedya-home #urunler,
        article.sistemedya-home #calisma-sureci,
        article.sistemedya-home #musteriler,
        article.sistemedya-home #sss,
        article.sistemedya-home #proje-formu {
            scroll-margin-top: 90px;
        }

        article.sistemedya-home .home-form-card h2 {
            color: #000;
            font-size: clamp(28px, 3.5vw, 44px);
            line-height: 1.2;
            margin: 0 0 14px;
        }

        article.sistemedya-home .home-form-card > p {
            color: #111;
            line-height: 1.75;
            margin: 0 0 22px;
        }

@media (max-width: 959px) {
    article.sistemedya-home .home-hero-visual {
        margin-top: 35px;
        min-height: auto;
        padding: 28px 0;
    }

    article.sistemedya-home .home-floating-card-one {
        left: 8px;
    }

    article.sistemedya-home .home-floating-card-two {
        right: 8px;
    }
}

@media (max-width: 640px) {
    article.sistemedya-home .home-actions {
        align-items: stretch;
        flex-direction: column;
    }

    article.sistemedya-home .home-button {
        width: 100%;
    }

    article.sistemedya-home .home-hero-visual {
        padding-bottom: 60px;
    }

    article.sistemedya-home .home-floating-card {
        font-size: 11px;
        padding: 9px 11px;
    }

    article.sistemedya-home .home-floating-card-one {
        top: 3%;
    }

    article.sistemedya-home .home-floating-card-two {
        bottom: 0;
    }

    article.sistemedya-home .home-trust-item {
        padding: 15px 0;
    }

    article.sistemedya-home .home-feature-panel,
    article.sistemedya-home .home-form-card {
        border-radius: 17px;
        padding: 22px;
    }

    article.sistemedya-home .home-proof-card {
        align-items: flex-start;
        min-height: 0;
        padding: 20px;
    }

    article.sistemedya-home .home-proof-arrow {
        margin-top: 18px;
    }

    article.sistemedya-home .home-faq details {
        padding: 0 17px;
    }

    article.sistemedya-home .home-faq summary {
        font-size: 16px;
        padding-right: 39px;
    }
}

@media (prefers-reduced-motion: reduce) {
    article.sistemedya-home .home-button,
    article.sistemedya-home .home-service-card,
    article.sistemedya-home .home-reference-card,
    article.sistemedya-home .home-product-card,
    article.sistemedya-home .home-process-card,
    article.sistemedya-home .home-proof-card,
    article.sistemedya-home .home-proof-arrow,
    article.sistemedya-home .home-reason-card,
    article.sistemedya-home .home-faq details,
    article.sistemedya-home .home-faq summary::after {
        transition: none;
    }
}

/* Ana sayfada proje formu bulunduğu için premium footer CTA'sını tekrarlama. */
body.sistemedya-home-page footer.smf-footer {
    margin-top: 0;
}

    body.sistemedya-home-page footer.smf-footer .smf-main {
        padding-top: 55px;
    }

.sm-page-hero {
    --sm-hero-muted: #aebbd0;
    --sm-hero-soft: #dbe4f1;
    --sm-hero-primary: #2563eb;
    --sm-hero-primary-hover: #1d4ed8;
    --sm-hero-highlight: #60a5fa;
    --sm-hero-yellow: #f4c430;
    background: radial-gradient(circle at 12% 8%, rgba(37, 99, 235, .34), transparent 34%), radial-gradient(circle at 88% 16%, rgba(244, 196, 48, .13), transparent 29%), linear-gradient(145deg, #07101f 0%, #111d32 58%, #0a1120 100%);
    color: #fff;
    overflow: hidden;
    padding: clamp(62px, 7.5vw, 102px) 0;
    position: relative;
}

    .sm-page-hero,
    .sm-page-hero * {
        box-sizing: border-box;
    }

        .sm-page-hero::after {
            background-image: linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
            background-size: 42px 42px;
            content: "";
            inset: 0;
            pointer-events: none;
            position: absolute;
        }

        .sm-page-hero .uk-container {
            position: relative;
            z-index: 1;
        }

.sm-page-breadcrumb {
    align-items: center;
    color: #94a3b8;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    gap: 9px;
    margin-bottom: 27px;
}

    .sm-page-breadcrumb a {
        color: #cbd5e1;
        text-decoration: none;
    }

        .sm-page-breadcrumb a:hover {
            color: #fff;
        }

    .sm-page-breadcrumb i {
        font-size: 9px;
    }

.sm-page-eyebrow {
    color: var(--sm-hero-yellow);
    display: block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    margin-bottom: 13px;
    text-transform: uppercase;
}

.sm-page-hero h1 {
    color: #fff;
    font-size: clamp(38px, 5.1vw, 64px);
    letter-spacing: -.035em;
    line-height: 1.08;
    margin: 0;
    max-width: 1040px;
}

.sm-page-highlight {
    color: var(--sm-hero-highlight);
}

.sm-page-lead {
    color: var(--sm-hero-soft);
    font-size: clamp(18px, 1.6vw, 21px);
    line-height: 1.72;
    margin: 24px 0 0;
    max-width: 930px;
}

.sm-page-support {
    color: var(--sm-hero-muted);
    font-size: 15px;
    line-height: 1.76;
    margin: 17px 0 0;
    max-width: 930px;
}

.sm-page-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 29px;
}

.sm-page-button {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 11px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 800;
    gap: 9px;
    justify-content: center;
    min-height: 48px;
    padding: 0 21px;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

    .sm-page-button:hover {
        transform: translateY(-2px);
    }

.sm-page-button-primary {
    background: var(--sm-hero-primary);
    color: #fff;
}

    .sm-page-button-primary:hover {
        background: var(--sm-hero-primary-hover);
        color: #fff;
    }

.sm-page-button-ghost {
    background: rgba(255, 255, 255, .07);
    border-color: rgba(255, 255, 255, .2);
    color: #fff;
}

    .sm-page-button-ghost:hover {
        background: rgba(255, 255, 255, .13);
        border-color: rgba(255, 255, 255, .34);
        color: #fff;
    }

.sm-landing-point-grid {
    margin-top: 42px;
}

.sm-landing-point {
    background: rgba(255, 255, 255, .075);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 15px;
    height: 100%;
    min-height: 93px;
    padding: 19px 20px;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

    .sm-landing-point:hover {
        background: rgba(255, 255, 255, .11);
        border-color: rgba(96, 165, 250, .5);
        transform: translateY(-3px);
    }

    .sm-landing-point strong {
        color: #fff;
        display: block;
        font-size: clamp(18px, 1.7vw, 23px);
        letter-spacing: -.015em;
        line-height: 1.2;
    }

    .sm-landing-point span {
        color: #aebbd0;
        display: block;
        font-size: 12px;
        line-height: 1.45;
        margin-top: 7px;
    }

.sm-landing-value-section {
    background: #f6f8fc;
}

.sm-landing-value-heading {
    margin: 0 auto 38px;
    max-width: 820px;
    text-align: center;
}

    .sm-landing-value-heading h2 {
        color: #0f172a;
        font-size: clamp(29px, 3.8vw, 32px);
        letter-spacing: -.025em;
        line-height: 1.17;
        margin: 0;
    }

    .sm-landing-value-heading p {
        color: #64748b;
        font-size: 17px;
        line-height: 1.75;
        margin: 17px 0 0;
    }

#landing-page-sureci {
    scroll-margin-top: 90px;
}

@media (max-width: 640px) {
    .sm-page-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .sm-page-button {
        width: 100%;
    }

    .sm-landing-point-grid {
        margin-top: 32px;
    }

    .sm-landing-point {
        min-height: 84px;
        padding: 17px 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sm-page-button,
    .sm-landing-point {
        transition: none;
    }
}

.sm-page-hero {
    --sm-hero-muted: #aebbd0;
    --sm-hero-soft: #dbe4f1;
    --sm-hero-primary: #2563eb;
    --sm-hero-primary-hover: #1d4ed8;
    --sm-hero-highlight: #60a5fa;
    --sm-hero-yellow: #f4c430;
    background: radial-gradient(circle at 12% 8%, rgba(37, 99, 235, .34), transparent 34%), radial-gradient(circle at 88% 16%, rgba(244, 196, 48, .13), transparent 29%), linear-gradient(145deg, #07101f 0%, #111d32 58%, #0a1120 100%);
    color: #fff;
    overflow: hidden;
    padding: clamp(62px, 7.5vw, 102px) 0;
    position: relative;
}

    .sm-page-hero,
    .sm-page-hero * {
        box-sizing: border-box;
    }

        .sm-page-hero::after {
            background-image: linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
            background-size: 42px 42px;
            content: "";
            inset: 0;
            pointer-events: none;
            position: absolute;
        }

        .sm-page-hero .uk-container {
            position: relative;
            z-index: 1;
        }

.sm-page-breadcrumb {
    align-items: center;
    color: #94a3b8;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    gap: 9px;
    margin-bottom: 27px;
}

    .sm-page-breadcrumb a {
        color: #cbd5e1;
        text-decoration: none;
    }

        .sm-page-breadcrumb a:hover {
            color: #fff;
        }

    .sm-page-breadcrumb i {
        font-size: 9px;
    }

.sm-page-eyebrow {
    color: var(--sm-hero-yellow);
    display: block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    margin-bottom: 13px;
    text-transform: uppercase;
}

.sm-page-hero h1 {
    color: #fff;
    font-size: clamp(38px, 5.1vw, 64px);
    letter-spacing: -.035em;
    line-height: 1.08;
    margin: 0;
    max-width: 1050px;
}

.sm-page-highlight {
    color: var(--sm-hero-highlight);
}

.sm-page-lead {
    color: var(--sm-hero-soft);
    font-size: clamp(18px, 1.6vw, 21px);
    line-height: 1.72;
    margin: 24px 0 0;
    max-width: 930px;
}

.sm-page-support {
    color: var(--sm-hero-muted);
    font-size: 15px;
    line-height: 1.76;
    margin: 17px 0 0;
    max-width: 930px;
}

.sm-page-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 29px;
}

.sm-page-button {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 11px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 800;
    gap: 9px;
    justify-content: center;
    min-height: 48px;
    padding: 0 21px;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

    .sm-page-button:hover {
        transform: translateY(-2px);
    }

.sm-page-button-primary {
    background: var(--sm-hero-primary);
    color: #fff;
}

    .sm-page-button-primary:hover {
        background: var(--sm-hero-primary-hover);
        color: #fff;
    }

.sm-page-button-ghost {
    background: rgba(255, 255, 255, .07);
    border-color: rgba(255, 255, 255, .2);
    color: #fff;
}

    .sm-page-button-ghost:hover {
        background: rgba(255, 255, 255, .13);
        border-color: rgba(255, 255, 255, .34);
        color: #fff;
    }

.sm-uiux-point-grid {
    margin-top: 42px;
}

.sm-uiux-point {
    background: rgba(255, 255, 255, .075);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 15px;
    height: 100%;
    min-height: 93px;
    padding: 19px 20px;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

    .sm-uiux-point:hover {
        background: rgba(255, 255, 255, .11);
        border-color: rgba(96, 165, 250, .5);
        transform: translateY(-3px);
    }

    .sm-uiux-point strong {
        color: #fff;
        display: block;
        font-size: clamp(18px, 1.7vw, 23px);
        letter-spacing: -.015em;
        line-height: 1.2;
    }

    .sm-uiux-point span {
        color: #aebbd0;
        display: block;
        font-size: 12px;
        line-height: 1.45;
        margin-top: 7px;
    }

.sm-uiux-value-section {
    background: #f6f8fc;
}

.sm-uiux-value-heading {
    margin: 0 auto 38px;
    max-width: 840px;
    text-align: center;
}

    .sm-uiux-value-heading h2 {
        color: #0f172a;
        font-size: clamp(29px, 3.8vw, 32px);
        letter-spacing: -.025em;
        line-height: 1.17;
        margin: 0;
    }

    .sm-uiux-value-heading p {
        color: #64748b;
        font-size: 17px;
        line-height: 1.75;
        margin: 17px 0 0;
    }

#ui-ux-sureci {
    scroll-margin-top: 90px;
}

@media (max-width: 640px) {
    .sm-page-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .sm-page-button {
        width: 100%;
    }

    .sm-uiux-point-grid {
        margin-top: 32px;
    }

    .sm-uiux-point {
        min-height: 84px;
        padding: 17px 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sm-page-button,
    .sm-uiux-point {
        transition: none;
    }
}

article.sistemedya-drclinic {
    --dr-text: #0f172a;
    --dr-muted: #64748b;
    --dr-soft: #f3f7fc;
    --dr-border: #dfe7f2;
    --dr-primary: #2563eb;
    --dr-yellow: #f4c430;
    color: var(--dr-text);
    overflow: hidden;
}

    article.sistemedya-drclinic,
    article.sistemedya-drclinic * {
        box-sizing: border-box;
    }

        article.sistemedya-drclinic .drclinic-hero {
            background: radial-gradient(circle at 8% 8%, rgba(37, 99, 235, .42), transparent 34%), radial-gradient(circle at 91% 10%, rgba(244, 196, 48, .13), transparent 28%), linear-gradient(145deg, #07101f 0%, #111d32 57%, #091220 100%);
            color: #fff;
            overflow: hidden;
            padding: clamp(68px, 8vw, 116px) 0 clamp(62px, 7vw, 96px);
            position: relative;
        }

            article.sistemedya-drclinic .drclinic-hero::before {
                background-image: linear-gradient(rgba(255, 255, 255, .034) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .034) 1px, transparent 1px);
                background-size: 44px 44px;
                content: "";
                inset: 0;
                pointer-events: none;
                position: absolute;
            }

            article.sistemedya-drclinic .drclinic-hero .uk-container {
                position: relative;
                z-index: 1;
            }

        article.sistemedya-drclinic .drclinic-breadcrumb {
            align-items: center;
            color: #94a3b8;
            display: flex;
            flex-wrap: wrap;
            font-size: 12px;
            gap: 9px;
            margin-bottom: 30px;
        }

            article.sistemedya-drclinic .drclinic-breadcrumb a {
                color: #cbd5e1;
                text-decoration: none;
            }

                article.sistemedya-drclinic .drclinic-breadcrumb a:hover {
                    color: #fff;
                }

            article.sistemedya-drclinic .drclinic-breadcrumb i {
                font-size: 8px;
            }

        article.sistemedya-drclinic .drclinic-eyebrow {
            color: var(--dr-yellow);
            display: block;
            font-size: 12px;
            font-weight: 900;
            letter-spacing: .12em;
            margin-bottom: 13px;
            text-transform: uppercase;
        }

        article.sistemedya-drclinic .drclinic-hero h1 {
            color: #fff;
            font-size: clamp(40px, 5.1vw, 69px);
            letter-spacing: -.045em;
            line-height: 1.05;
            margin: 0;
            max-width: 820px;
        }

        article.sistemedya-drclinic .drclinic-highlight {
            background: linear-gradient(90deg, #60a5fa 0%, #38bdf8 100%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }

        article.sistemedya-drclinic .drclinic-hero-lead {
            color: #dbe4f1;
            font-size: clamp(17px, 1.35vw, 20px);
            line-height: 1.72;
            margin: 23px 0 0;
            max-width: 760px;
        }

        article.sistemedya-drclinic .drclinic-hero-copy {
            color: #aebbd0;
            font-size: 15px;
            line-height: 1.73;
            margin: 15px 0 0;
            max-width: 760px;
        }

        article.sistemedya-drclinic .drclinic-actions {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin-top: 29px;
        }

        article.sistemedya-drclinic .drclinic-button {
            align-items: center;
            border: 1px solid transparent;
            border-radius: 11px;
            display: inline-flex;
            font-size: 14px;
            font-weight: 900;
            gap: 9px;
            justify-content: center;
            min-height: 50px;
            padding: 0 21px;
            text-decoration: none;
            transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
        }

            article.sistemedya-drclinic .drclinic-button:hover {
                text-decoration: none;
                transform: translateY(-2px);
            }

        article.sistemedya-drclinic .drclinic-button-primary {
            background: var(--dr-yellow);
            color: #111827;
        }

            article.sistemedya-drclinic .drclinic-button-primary:hover {
                background: #ffdc53;
                color: #111827;
            }

        article.sistemedya-drclinic .drclinic-button-ghost {
            background: rgba(255, 255, 255, .06);
            border-color: rgba(255, 255, 255, .18);
            color: #fff;
        }

            article.sistemedya-drclinic .drclinic-button-ghost:hover {
                background: rgba(255, 255, 255, .11);
                color: #fff;
            }

        article.sistemedya-drclinic .drclinic-trial-note {
            align-items: center;
            color: #aebbd0;
            display: flex;
            flex-wrap: wrap;
            font-size: 12px;
            gap: 9px;
            margin-top: 17px;
        }

            article.sistemedya-drclinic .drclinic-trial-note i {
                color: #4ade80;
            }

        article.sistemedya-drclinic .drclinic-product-visual {
            min-height: 500px;
            padding: 20px 0;
            position: relative;
        }

        article.sistemedya-drclinic .drclinic-dashboard {
            background: rgba(255, 255, 255, .965);
            border: 1px solid rgba(255, 255, 255, .22);
            border-radius: 24px;
            box-shadow: 0 34px 90px rgba(0, 0, 0, .32);
            color: var(--dr-text);
            overflow: hidden;
            position: relative;
            transform: perspective(1100px) rotateY(-4deg) rotateX(1deg);
        }

            article.sistemedya-drclinic .drclinic-dashboard::before {
                background: linear-gradient(90deg, var(--dr-primary), #38bdf8, var(--dr-yellow));
                content: "";
                height: 4px;
                inset: 0 0 auto;
                position: absolute;
            }

        article.sistemedya-drclinic .drclinic-dashboard-top {
            align-items: center;
            border-bottom: 1px solid #e6edf6;
            display: flex;
            justify-content: space-between;
            padding: 18px 20px 14px;
        }

        article.sistemedya-drclinic .drclinic-dashboard-brand {
            align-items: center;
            display: flex;
            font-size: 15px;
            font-weight: 900;
            gap: 10px;
        }

            article.sistemedya-drclinic .drclinic-dashboard-brand i {
                align-items: center;
                background: #eaf2ff;
                border-radius: 10px;
                color: var(--dr-primary);
                display: inline-flex;
                height: 34px;
                justify-content: center;
                width: 34px;
            }

        article.sistemedya-drclinic .drclinic-window-dots {
            display: flex;
            gap: 6px;
        }

            article.sistemedya-drclinic .drclinic-window-dots span {
                background: #cbd5e1;
                border-radius: 50%;
                display: block;
                height: 7px;
                width: 7px;
            }

                article.sistemedya-drclinic .drclinic-window-dots span:first-child {
                    background: #f4c430;
                }

        article.sistemedya-drclinic .drclinic-dashboard-body {
            padding: 20px;
        }

        article.sistemedya-drclinic .drclinic-metrics {
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        article.sistemedya-drclinic .drclinic-metric {
            background: #f7f9fc;
            border: 1px solid #e4eaf3;
            border-radius: 12px;
            padding: 13px;
        }

            article.sistemedya-drclinic .drclinic-metric small,
            article.sistemedya-drclinic .drclinic-metric strong {
                display: block;
            }

            article.sistemedya-drclinic .drclinic-metric small {
                color: var(--dr-muted);
                font-size: 10px;
                margin-bottom: 5px;
            }

            article.sistemedya-drclinic .drclinic-metric strong {
                color: var(--dr-text);
                font-size: 18px;
            }

        article.sistemedya-drclinic .drclinic-schedule {
            border: 1px solid #e4eaf3;
            border-radius: 14px;
            margin-top: 14px;
            overflow: hidden;
        }

        article.sistemedya-drclinic .drclinic-schedule-title {
            align-items: center;
            background: #f7f9fc;
            border-bottom: 1px solid #e4eaf3;
            display: flex;
            font-size: 12px;
            font-weight: 900;
            justify-content: space-between;
            padding: 12px 14px;
        }

            article.sistemedya-drclinic .drclinic-schedule-title span {
                color: var(--dr-primary);
                font-size: 10px;
            }

        article.sistemedya-drclinic .drclinic-appointment {
            align-items: center;
            border-bottom: 1px solid #eef2f7;
            display: grid;
            gap: 11px;
            grid-template-columns: 46px 1fr auto;
            padding: 11px 14px;
        }

            article.sistemedya-drclinic .drclinic-appointment:last-child {
                border-bottom: 0;
            }

            article.sistemedya-drclinic .drclinic-appointment time {
                color: var(--dr-primary);
                font-size: 11px;
                font-weight: 900;
            }

        article.sistemedya-drclinic .drclinic-appointment-copy strong,
        article.sistemedya-drclinic .drclinic-appointment-copy span {
            display: block;
        }

        article.sistemedya-drclinic .drclinic-appointment-copy strong {
            color: var(--dr-text);
            font-size: 11px;
        }

        article.sistemedya-drclinic .drclinic-appointment-copy span {
            color: var(--dr-muted);
            font-size: 9px;
            margin-top: 2px;
        }

        article.sistemedya-drclinic .drclinic-status {
            background: #dcfce7;
            border-radius: 999px;
            color: #15803d;
            font-size: 9px;
            font-weight: 900;
            padding: 5px 8px;
        }

        article.sistemedya-drclinic .drclinic-floating-chip {
            align-items: center;
            backdrop-filter: blur(9px);
            background: rgba(255, 255, 255, .94);
            border: 1px solid rgba(226, 232, 240, .9);
            border-radius: 13px;
            box-shadow: 0 16px 42px rgba(2, 6, 23, .2);
            color: var(--dr-text);
            display: flex;
            font-size: 12px;
            font-weight: 900;
            gap: 9px;
            padding: 11px 13px;
            position: absolute;
        }

            article.sistemedya-drclinic .drclinic-floating-chip i {
                color: var(--dr-primary);
            }

        article.sistemedya-drclinic .drclinic-chip-one {
            left: -15px;
            top: 10px;
        }

        article.sistemedya-drclinic .drclinic-chip-two {
            bottom: 7px;
            right: -10px;
        }

        article.sistemedya-drclinic .drclinic-modules {
            background: radial-gradient(circle at 8% 12%, rgba(37, 99, 235, .075), transparent 29%), radial-gradient(circle at 92% 88%, rgba(244, 196, 48, .065), transparent 25%), linear-gradient(180deg, #f9fbff 0%, #f1f5fa 100%);
            overflow: hidden;
            padding: clamp(64px, 8vw, 108px) 0;
            position: relative;
        }

            article.sistemedya-drclinic .drclinic-modules::before {
                background-image: linear-gradient(rgba(37, 99, 235, .024) 1px, transparent 1px), linear-gradient(90deg, rgba(37, 99, 235, .024) 1px, transparent 1px);
                background-size: 46px 46px;
                content: "";
                inset: 0;
                pointer-events: none;
                position: absolute;
            }

            article.sistemedya-drclinic .drclinic-modules .uk-container {
                position: relative;
                z-index: 1;
            }

        article.sistemedya-drclinic .drclinic-section-heading {
            margin: 0 auto 40px;
            max-width: 850px;
            text-align: center;
        }

            article.sistemedya-drclinic .drclinic-section-heading h2 {
                color: var(--dr-text);
                font-size: clamp(30px, 4vw, 50px);
                letter-spacing: -.025em;
                line-height: 1.16;
                margin: 0;
            }

            article.sistemedya-drclinic .drclinic-section-heading p {
                color: var(--dr-muted);
                font-size: clamp(17px, 1.5vw, 20px);
                line-height: 1.7;
                margin: 18px auto 0;
                max-width: 760px;
            }

        article.sistemedya-drclinic .drclinic-module-card {
            --module-accent: #2563eb;
            --module-soft: #eff6ff;
            background: rgba(255, 255, 255, .95);
            border: 1px solid rgba(203, 213, 225, .82);
            border-radius: 19px;
            box-shadow: 0 14px 38px rgba(15, 23, 42, .055);
            display: flex;
            flex-direction: column;
            height: 100%;
            overflow: hidden;
            padding: 25px;
            position: relative;
            transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
        }

            article.sistemedya-drclinic .drclinic-module-card::before {
                background: linear-gradient(90deg, var(--module-accent), transparent);
                content: "";
                height: 4px;
                inset: 0 0 auto;
                position: absolute;
            }

            article.sistemedya-drclinic .drclinic-module-card:hover {
                border-color: #a9c8fa;
                box-shadow: 0 24px 55px rgba(15, 23, 42, .11);
                transform: translateY(-6px);
            }

        article.sistemedya-drclinic .drclinic-module-card-purple {
            --module-accent: #7c3aed;
            --module-soft: #f5f3ff;
        }

        article.sistemedya-drclinic .drclinic-module-card-green {
            --module-accent: #059669;
            --module-soft: #ecfdf5;
        }

        article.sistemedya-drclinic .drclinic-module-card-orange {
            --module-accent: #ea580c;
            --module-soft: #fff7ed;
        }

        article.sistemedya-drclinic .drclinic-module-card-cyan {
            --module-accent: #0891b2;
            --module-soft: #ecfeff;
        }

        article.sistemedya-drclinic .drclinic-module-card-navy {
            --module-accent: #334155;
            --module-soft: #f1f5f9;
        }

        article.sistemedya-drclinic .drclinic-module-icon {
            align-items: center;
            background: var(--module-soft);
            border: 1px solid rgba(148, 163, 184, .16);
            border-radius: 13px;
            color: var(--module-accent);
            display: inline-flex;
            font-size: 19px;
            height: 49px;
            justify-content: center;
            margin-bottom: 18px;
            width: 49px;
        }

        article.sistemedya-drclinic .drclinic-module-card h3 {
            color: var(--dr-text);
            font-size: 20px;
            letter-spacing: -.015em;
            line-height: 1.35;
            margin: 0 0 10px;
        }

            article.sistemedya-drclinic .drclinic-module-card h3 a {
                color: inherit;
                text-decoration: none;
            }

        article.sistemedya-drclinic .drclinic-module-card p {
            color: var(--dr-muted);
            flex: 1;
            font-size: 14px;
            line-height: 1.72;
            margin: 0 0 18px;
        }

        article.sistemedya-drclinic .drclinic-module-link {
            align-items: center;
            color: var(--module-accent);
            display: inline-flex;
            font-size: 13px;
            font-weight: 900;
            gap: 8px;
            text-decoration: none;
        }

            article.sistemedya-drclinic .drclinic-module-link:hover {
                color: var(--module-accent);
                text-decoration: none;
            }

        article.sistemedya-drclinic #musteri-hasta-takibi,
        article.sistemedya-drclinic #randevu-takibi,
        article.sistemedya-drclinic #satis-odeme-kasa,
        article.sistemedya-drclinic #stok-calisan,
        article.sistemedya-drclinic #sms-hatirlatma,
        article.sistemedya-drclinic #raporlama-sube-yetki,
        article.sistemedya-drclinic #sss {
            scroll-margin-top: 90px;
        }

@media (max-width: 959px) {
    article.sistemedya-drclinic .drclinic-product-visual {
        margin: 35px auto 0;
        max-width: 660px;
        min-height: 470px;
    }

    article.sistemedya-drclinic .drclinic-dashboard {
        transform: none;
    }
}

@media (max-width: 640px) {
    article.sistemedya-drclinic .drclinic-actions {
        align-items: stretch;
        flex-direction: column;
    }

    article.sistemedya-drclinic .drclinic-button {
        width: 100%;
    }

    article.sistemedya-drclinic .drclinic-product-visual {
        min-height: 430px;
        padding: 28px 0 48px;
    }

    article.sistemedya-drclinic .drclinic-dashboard-body {
        padding: 14px;
    }

    article.sistemedya-drclinic .drclinic-metric {
        padding: 10px 8px;
    }

        article.sistemedya-drclinic .drclinic-metric strong {
            font-size: 15px;
        }

    article.sistemedya-drclinic .drclinic-appointment {
        gap: 8px;
        grid-template-columns: 40px 1fr;
        padding: 10px;
    }

    article.sistemedya-drclinic .drclinic-status {
        display: none;
    }

    article.sistemedya-drclinic .drclinic-chip-one {
        left: 4px;
    }

    article.sistemedya-drclinic .drclinic-chip-two {
        bottom: 0;
        right: 4px;
    }
}

@media (prefers-reduced-motion: reduce) {
    article.sistemedya-drclinic .drclinic-button,
    article.sistemedya-drclinic .drclinic-module-card {
        transition: none;
    }
}

article.sm-google-gorunurluk {
    --sm-text: #0f172a;
    --sm-muted: #526174;
    --sm-primary: #2563eb;
    --sm-primary-dark: #1d4ed8;
    --sm-soft: #f4f7fc;
    --sm-border: #dfe7f2;
    --sm-success: #15803d;
    --sm-warning: #b45309;
    --sm-radius: 14px;
    box-sizing: border-box;
    color: var(--sm-text);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: clamp(.98rem, .35vw + .9rem, 1.08rem);
    line-height: 1.78;
    margin: 0 auto;
    max-width: 940px;
    width: min(92vw, 940px);
}

    article.sm-google-gorunurluk * {
        box-sizing: border-box;
    }

    article.sm-google-gorunurluk h2 {
        color: var(--sm-text);
        font-size: clamp(1.55rem, 2vw + .9rem, 2.25rem);
        letter-spacing: -.018em;
        line-height: 1.28;
        margin: 2.5rem 0 .85rem;
        scroll-margin-top: 90px;
    }

    article.sm-google-gorunurluk h3 {
        color: var(--sm-text);
        font-size: clamp(1.16rem, 1vw + .95rem, 1.48rem);
        line-height: 1.38;
        margin: 1.7rem 0 .65rem;
    }

    article.sm-google-gorunurluk p {
        margin: 0 0 1.05rem;
    }

    article.sm-google-gorunurluk ul,
    article.sm-google-gorunurluk ol {
        margin: 0 0 1.25rem;
        padding-left: 1.4rem;
    }

    article.sm-google-gorunurluk li {
        margin: 0 0 .5rem;
    }

    article.sm-google-gorunurluk a {
        color: #075985;
        font-weight: 650;
        text-decoration-thickness: 1px;
        text-underline-offset: 3px;
    }

    article.sm-google-gorunurluk .sm-lede {
        background: radial-gradient(circle at 100% 0, rgba(37, 99, 235, .10), transparent 34%), linear-gradient(145deg, #f8fbff 0%, #f1f6fd 100%);
        border: 1px solid #d7e4f5;
        border-left: 4px solid var(--sm-primary);
        border-radius: var(--sm-radius);
        font-size: clamp(1.03rem, .55vw + .92rem, 1.18rem);
        margin: 0 0 1.4rem;
        padding: clamp(1.1rem, 2.5vw, 1.55rem);
    }

    article.sm-google-gorunurluk .sm-quick-answer {
        background: #0b1220;
        border-radius: var(--sm-radius);
        color: #dbe5f3;
        margin: 1.4rem 0;
        padding: 1.25rem 1.35rem;
    }

        article.sm-google-gorunurluk .sm-quick-answer strong {
            color: #f4c430;
            display: block;
            font-size: .84rem;
            letter-spacing: .07em;
            margin-bottom: .45rem;
            text-transform: uppercase;
        }

        article.sm-google-gorunurluk .sm-quick-answer p {
            margin: 0;
        }

    article.sm-google-gorunurluk .sm-toc {
        background: #fff;
        border: 1px solid var(--sm-border);
        border-radius: var(--sm-radius);
        box-shadow: 0 12px 34px rgba(15, 23, 42, .05);
        margin: 1.4rem 0 2rem;
        padding: 1.15rem 1.25rem;
    }

        article.sm-google-gorunurluk .sm-toc > strong {
            display: block;
            margin-bottom: .55rem;
        }

        article.sm-google-gorunurluk .sm-toc ol {
            columns: 2;
            margin: 0;
        }

    article.sm-google-gorunurluk .sm-info,
    article.sm-google-gorunurluk .sm-warning {
        border: 1px solid var(--sm-border);
        border-radius: var(--sm-radius);
        margin: 1.3rem 0;
        padding: 1.05rem 1.15rem;
    }

    article.sm-google-gorunurluk .sm-info {
        background: #f8fafc;
        border-left: 4px solid var(--sm-primary);
    }

    article.sm-google-gorunurluk .sm-warning {
        background: #fffaf0;
        border-left: 4px solid #f59e0b;
    }

        article.sm-google-gorunurluk .sm-info p:last-child,
        article.sm-google-gorunurluk .sm-warning p:last-child {
            margin-bottom: 0;
        }

    article.sm-google-gorunurluk .sm-table-wrap {
        border: 1px solid var(--sm-border);
        border-radius: var(--sm-radius);
        margin: 1.35rem 0;
        overflow-x: auto;
    }

    article.sm-google-gorunurluk .sm-table {
        border-collapse: collapse;
        min-width: 720px;
        width: 100%;
    }

        article.sm-google-gorunurluk .sm-table th,
        article.sm-google-gorunurluk .sm-table td {
            border-bottom: 1px solid var(--sm-border);
            padding: .9rem 1rem;
            text-align: left;
            vertical-align: top;
        }

        article.sm-google-gorunurluk .sm-table th {
            background: var(--sm-soft);
            font-size: .92rem;
        }

        article.sm-google-gorunurluk .sm-table tr:last-child td {
            border-bottom: 0;
        }

    article.sm-google-gorunurluk .sm-steps {
        counter-reset: sm-step;
        display: grid;
        gap: .85rem;
        list-style: none;
        margin: 1.25rem 0;
        padding: 0;
    }

        article.sm-google-gorunurluk .sm-steps li {
            background: #fff;
            border: 1px solid var(--sm-border);
            border-radius: var(--sm-radius);
            margin: 0;
            padding: 1rem 1rem 1rem 3.55rem;
            position: relative;
        }

            article.sm-google-gorunurluk .sm-steps li::before {
                align-items: center;
                background: #eaf2ff;
                border-radius: 10px;
                color: var(--sm-primary);
                content: counter(sm-step);
                counter-increment: sm-step;
                display: flex;
                font-size: .82rem;
                font-weight: 800;
                height: 2rem;
                justify-content: center;
                left: .9rem;
                position: absolute;
                top: .9rem;
                width: 2rem;
            }

    article.sm-google-gorunurluk .sm-checklist {
        display: grid;
        gap: .2rem;
        list-style: none;
        padding-left: 0;
    }

        article.sm-google-gorunurluk .sm-checklist li {
            border-bottom: 1px solid var(--sm-border);
            padding: .55rem 0 .55rem 1.75rem;
            position: relative;
        }

            article.sm-google-gorunurluk .sm-checklist li::before {
                color: var(--sm-success);
                content: "✓";
                font-weight: 900;
                left: .2rem;
                position: absolute;
            }

    article.sm-google-gorunurluk .sm-cta {
        background: radial-gradient(circle at 100% 0, rgba(37, 99, 235, .32), transparent 35%), linear-gradient(145deg, #07101f 0%, #111d32 100%);
        border-radius: 18px;
        color: #dbe5f3;
        margin: 2.4rem 0;
        padding: clamp(1.35rem, 3vw, 2rem);
    }

        article.sm-google-gorunurluk .sm-cta h2 {
            color: #fff;
            margin-top: 0;
        }

        article.sm-google-gorunurluk .sm-cta a {
            background: #f4c430;
            border-radius: 10px;
            color: #111827;
            display: inline-block;
            font-weight: 800;
            margin-top: .35rem;
            padding: .75rem 1rem;
            text-decoration: none;
        }

    article.sm-google-gorunurluk .sm-author {
        background: var(--sm-soft);
        border: 1px solid var(--sm-border);
        border-radius: var(--sm-radius);
        color: var(--sm-muted);
        font-size: .93rem;
        margin: 1.5rem 0;
        padding: 1rem 1.15rem;
    }

        article.sm-google-gorunurluk .sm-author strong {
            color: var(--sm-text);
        }

    article.sm-google-gorunurluk #sss {
        scroll-margin-top: 90px;
    }

        article.sm-google-gorunurluk #sss details.sm-faq-item {
            background: #fff;
            border: 1px solid var(--sm-border);
            border-radius: var(--sm-radius);
            margin: .7rem 0;
            padding: .9rem 1rem;
        }

            article.sm-google-gorunurluk #sss details.sm-faq-item[open] {
                border-color: #b8d2fb;
                box-shadow: 0 12px 30px rgba(15, 23, 42, .055);
            }

        article.sm-google-gorunurluk #sss summary.sm-faq-q {
            cursor: pointer;
            font-weight: 800;
            line-height: 1.5;
        }

        article.sm-google-gorunurluk #sss .sm-faq-a {
            border-top: 1px solid #e8edf5;
            margin: .75rem 0 0;
            padding-top: .75rem;
        }

@media (max-width: 640px) {
    article.sm-google-gorunurluk {
        width: min(94vw, 940px);
    }

        article.sm-google-gorunurluk .sm-toc ol {
            columns: 1;
        }

        article.sm-google-gorunurluk .sm-lede,
        article.sm-google-gorunurluk .sm-quick-answer,
        article.sm-google-gorunurluk .sm-toc {
            padding: 1rem;
        }
}
/* BLOG DETAY ÜST VE ALT BOŞLUKLARI */

main.sistemedya-blog-detail .detail-hero {
    padding-bottom: clamp(42px, 5vw, 70px);
    padding-top: clamp(65px, 7vw, 100px);
}

main.sistemedya-blog-detail .detail-content-section {
    padding-bottom: clamp(100px, 10vw, 150px);
    padding-top: clamp(35px, 4vw, 60px);
}

main.sistemedya-blog-detail .detail-content-wrap {
    margin-top: 0;
}

main.sistemedya-blog-detail .blog-entry-content {
    margin-bottom: 0;
}

@media (max-width: 640px) {
    main.sistemedya-blog-detail .detail-hero {
        padding-bottom: 42px;
        padding-top: 48px;
    }

    main.sistemedya-blog-detail .detail-content-section {
        padding-bottom: 80px;
        padding-top: 26px;
    }
}

/* PREMIUM SITE HEADER */

.site-header {
    background: #fff;
    border-bottom: 1px solid #e9eef5;
    position: relative;
    z-index: 1000;
}

    .site-header .uk-navbar-container,
    .site-header .uk-navbar {
        min-height: 86px;
    }

    .site-header .uk-navbar-item,
    .site-header .uk-navbar-nav > li > a {
        min-height: 86px;
    }

    .site-header .uk-navbar-item {
        padding-left: 0;
    }

    .site-header .uk-logo img {
        display: block;
        height: auto;
        max-width: 158px;
    }

    .site-header .uk-navbar-nav {
        gap: 2px;
    }

        .site-header .uk-navbar-nav > li > a {
            color: #163b65;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: 0;
            padding: 0 13px;
            position: relative;
            text-transform: none;
            transition: color .2s ease;
        }

            .site-header .uk-navbar-nav > li > a::after {
                background: #f4c430;
                border-radius: 999px;
                bottom: 20px;
                content: "";
                height: 3px;
                left: 50%;
                position: absolute;
                transform: translateX(-50%) scaleX(0);
                transition: transform .2s ease;
                width: 24px;
            }

        .site-header .uk-navbar-nav > li:hover > a,
        .site-header .uk-navbar-nav > li.uk-active > a {
            color: #2563eb;
        }

            .site-header .uk-navbar-nav > li:hover > a::after,
            .site-header .uk-navbar-nav > li.uk-active > a::after {
                transform: translateX(-50%) scaleX(1);
            }

        .site-header .uk-navbar-nav .fa-chevron-down {
            font-size: 9px !important;
            margin-left: 6px !important;
            transition: transform .2s ease;
        }

        .site-header .uk-navbar-nav > li:hover .fa-chevron-down {
            transform: rotate(180deg);
        }

    /* STICKY DURUMU */

    .site-header .uk-sticky-fixed {
        background: rgba(255, 255, 255, .96) !important;
        border-bottom: 1px solid rgba(226, 232, 240, .95);
        box-shadow: 0 12px 35px rgba(15, 23, 42, .09);
        backdrop-filter: blur(14px);
    }

    /* DROPDOWN */

    .site-header .uk-navbar-dropdown {
        background: rgba(255, 255, 255, .98);
        border: 1px solid #e2e8f0;
        border-radius: 14px;
        box-shadow: 0 24px 60px rgba(15, 23, 42, .15);
        padding: 22px;
    }

    .site-header #hizmetler-dropdown {
        width: min(900px, calc(100vw - 40px));
    }

    .site-header .uk-nav-header {
        color: #2563eb;
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0;
        margin-bottom: 8px;
    }

    .site-header .uk-navbar-dropdown-nav > li > a {
        border-radius: 7px;
        color: #475569;
        font-size: 13px;
        padding: 8px 9px;
        transition: background .2s ease, color .2s ease;
    }

        .site-header .uk-navbar-dropdown-nav > li > a:hover {
            background: #f1f5f9;
            color: #1d4ed8;
        }
article.sm-web-teklif {
    --wt-text: #0f172a;
    --wt-muted: #526174;
    --wt-primary: #2563eb;
    --wt-primary-dark: #1d4ed8;
    --wt-accent: #f4c430;
    --wt-soft: #f4f7fc;
    --wt-border: #dfe7f2;
    --wt-success: #15803d;
    --wt-danger: #b42318;
    --wt-radius: 14px;
    box-sizing: border-box;
    color: var(--wt-text);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: clamp(.98rem, .35vw + .9rem, 1.08rem);
    line-height: 1.8;
    margin: 0 auto;
    max-width: 940px;
    width: min(92vw, 940px);
}

    article.sm-web-teklif * {
        box-sizing: border-box;
    }

    article.sm-web-teklif h2 {
        color: var(--wt-text);
        font-size: clamp(1.65rem, 2.5vw + .85rem, 2.45rem);
        letter-spacing: -.025em;
        line-height: 1.25;
        margin: 2.5rem 0 1rem;
    }

    article.sm-web-teklif h3 {
        color: var(--wt-text);
        font-size: clamp(1.18rem, 1.2vw + .9rem, 1.52rem);
        line-height: 1.4;
        margin: 0 0 .65rem;
    }

    article.sm-web-teklif p {
        margin: 0 0 1rem;
    }

    article.sm-web-teklif ul,
    article.sm-web-teklif ol {
        margin: 0 0 1.2rem;
        padding-left: 1.35rem;
    }

    article.sm-web-teklif li {
        margin-bottom: .5rem;
    }

    article.sm-web-teklif a {
        color: #075985;
        text-decoration-thickness: 1px;
        text-underline-offset: 3px;
    }

    article.sm-web-teklif .wt-lede {
        background: linear-gradient(145deg, #f8fbff 0%, #eef5ff 100%);
        border: 1px solid #d7e4f5;
        border-left: 4px solid var(--wt-primary);
        border-radius: var(--wt-radius);
        font-size: clamp(1rem, .55vw + .92rem, 1.16rem);
        line-height: 1.85;
        margin: 0 0 1.35rem;
        padding: clamp(1.1rem, 2.5vw, 1.6rem);
    }

    article.sm-web-teklif .wt-quick {
        background: #0b1220;
        border-radius: var(--wt-radius);
        color: #dbe5f3;
        margin: 1.25rem 0;
        padding: 1.15rem 1.25rem;
    }

        article.sm-web-teklif .wt-quick strong {
            color: var(--wt-accent);
            display: block;
            font-size: .78rem;
            letter-spacing: .08em;
            margin-bottom: .45rem;
            text-transform: uppercase;
        }

        article.sm-web-teklif .wt-quick p:last-child {
            margin-bottom: 0;
        }

    article.sm-web-teklif .wt-toc {
        background: #fff;
        border: 1px solid var(--wt-border);
        border-radius: var(--wt-radius);
        margin: 1.4rem 0 2rem;
        padding: 1.15rem 1.25rem;
    }

        article.sm-web-teklif .wt-toc > strong {
            display: block;
            margin-bottom: .65rem;
        }

        article.sm-web-teklif .wt-toc ol {
            columns: 2;
            gap: 2rem;
            margin-bottom: 0;
        }

        article.sm-web-teklif .wt-toc li {
            break-inside: avoid;
        }

    article.sm-web-teklif .wt-question {
        background: #fff;
        border: 1px solid var(--wt-border);
        border-radius: var(--wt-radius);
        margin: 1rem 0;
        padding: clamp(1.1rem, 2.5vw, 1.45rem);
    }

    article.sm-web-teklif .wt-question-head {
        align-items: flex-start;
        display: flex;
        gap: .85rem;
    }

    article.sm-web-teklif .wt-number {
        align-items: center;
        background: var(--wt-primary);
        border-radius: 50%;
        color: #fff;
        display: inline-flex;
        flex: 0 0 2.15rem;
        font-size: .82rem;
        font-weight: 800;
        height: 2.15rem;
        justify-content: center;
        margin-top: .05rem;
    }

    article.sm-web-teklif .wt-question-body {
        margin-left: 3rem;
        margin-top: .6rem;
    }

        article.sm-web-teklif .wt-question-body p:last-child,
        article.sm-web-teklif .wt-question-body ul:last-child {
            margin-bottom: 0;
        }

    article.sm-web-teklif .wt-ask {
        background: #eef6ff;
        border-radius: 10px;
        color: #164e86;
        font-size: .95rem;
        margin-top: .9rem;
        padding: .75rem .85rem;
    }

        article.sm-web-teklif .wt-ask strong {
            color: #0f3d6b;
        }

    article.sm-web-teklif .wt-table-wrap {
        border: 1px solid var(--wt-border);
        border-radius: var(--wt-radius);
        margin: 1.35rem 0;
        overflow-x: auto;
    }

    article.sm-web-teklif .wt-table {
        border-collapse: collapse;
        min-width: 760px;
        width: 100%;
    }

        article.sm-web-teklif .wt-table th,
        article.sm-web-teklif .wt-table td {
            border-bottom: 1px solid var(--wt-border);
            padding: .9rem 1rem;
            text-align: left;
            vertical-align: top;
        }

        article.sm-web-teklif .wt-table th {
            background: var(--wt-soft);
            font-weight: 800;
        }

        article.sm-web-teklif .wt-table tr:last-child td {
            border-bottom: 0;
        }

    article.sm-web-teklif .wt-checklist {
        list-style: none;
        margin: 1.15rem 0;
        padding: 0;
    }

        article.sm-web-teklif .wt-checklist li {
            border-bottom: 1px solid var(--wt-border);
            padding: .65rem 0 .65rem 1.8rem;
            position: relative;
        }

            article.sm-web-teklif .wt-checklist li::before {
                color: var(--wt-success);
                content: "✓";
                font-weight: 900;
                left: .2rem;
                position: absolute;
            }

    article.sm-web-teklif .wt-warning {
        background: #fff7f6;
        border: 1px solid #f3d3cf;
        border-left: 4px solid var(--wt-danger);
        border-radius: var(--wt-radius);
        margin: 1.35rem 0;
        padding: 1.1rem 1.2rem;
    }

        article.sm-web-teklif .wt-warning strong {
            color: var(--wt-danger);
        }

    article.sm-web-teklif .wt-source-note {
        background: var(--wt-soft);
        border: 1px solid var(--wt-border);
        border-radius: var(--wt-radius);
        color: #334155;
        margin: 1.25rem 0;
        padding: 1rem 1.1rem;
    }

    article.sm-web-teklif .wt-cta {
        background: linear-gradient(145deg, #07101f 0%, #13233e 100%);
        border-radius: var(--wt-radius);
        color: #dbe5f3;
        margin: 2.4rem 0 0;
        padding: clamp(1.4rem, 4vw, 2.1rem);
    }

        article.sm-web-teklif .wt-cta h2 {
            color: #fff;
            margin-top: 0;
        }

        article.sm-web-teklif .wt-cta a {
            background: var(--wt-accent);
            border-radius: 9px;
            color: #111827;
            display: inline-block;
            font-weight: 800;
            margin-top: .4rem;
            padding: .75rem 1rem;
            text-decoration: none;
        }

    article.sm-web-teklif #sss {
        scroll-margin-top: 100px;
    }

        article.sm-web-teklif #sss details.wt-faq-item {
            background: #fff;
            border: 1px solid var(--wt-border);
            border-radius: var(--wt-radius);
            margin: .7rem 0;
            padding: .9rem 1rem;
        }

            article.sm-web-teklif #sss details.wt-faq-item[open] {
                border-color: #b8d2fb;
            }

        article.sm-web-teklif #sss summary.wt-faq-q {
            cursor: pointer;
            font-weight: 800;
            line-height: 1.5;
        }

        article.sm-web-teklif #sss .wt-faq-a {
            border-top: 1px solid #e8edf5;
            margin: .75rem 0 0;
            padding-top: .75rem;
        }

@media (max-width: 640px) {
    article.sm-web-teklif {
        width: min(94vw, 940px);
    }

        article.sm-web-teklif .wt-toc ol {
            columns: 1;
        }

        article.sm-web-teklif .wt-question-body {
            margin-left: 0;
        }

        article.sm-web-teklif .wt-question-head {
            gap: .65rem;
        }
}

.about-process .about-process-heading {
    max-width: 980px;
}

    .about-process .about-process-heading > p {
        font-size: 17px;
        line-height: 1.8;
        max-width: 920px;
    }

.about-process .about-step {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 330px;
    padding: 30px;
}

.about-process .about-step-number {
    flex: 0 0 auto;
    margin-bottom: 28px;
}

.about-process .about-step h3 {
    font-size: clamp(20px, 1.5vw, 24px);
    line-height: 1.35;
    margin: 0 0 15px;
}

.about-process .about-step p {
    font-size: 16px;
    line-height: 1.75;
    margin: 0;
    max-width: none;
}

@media (max-width: 1599px) {
    .about-process .about-step {
        min-height: 250px;
    }
}

@media (max-width: 639px) {
    .about-process .about-step {
        min-height: auto;
        padding: 24px;
    }

    .about-process .about-step-number {
        margin-bottom: 20px;
    }
}

article.sm-site-hazirlik {
    --sh-text: #0f172a;
    --sh-muted: #475569;
    --sh-soft: #f8fafc;
    --sh-border: #dbe4ef;
    --sh-primary: #2563eb;
    --sh-primary-dark: #1d4ed8;
    --sh-success: #15803d;
    --sh-warning: #b45309;
    --sh-navy: #0b1426;
    --sh-radius: 14px;
    box-sizing: border-box;
    color: var(--sh-text);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: clamp(16px, .3vw + 15px, 18px);
    line-height: 1.78;
    margin: 0 auto;
    max-width: 940px;
    width: min(92vw, 940px);
}

    article.sm-site-hazirlik * {
        box-sizing: border-box;
    }

    article.sm-site-hazirlik section {
        scroll-margin-top: 110px;
    }

    article.sm-site-hazirlik h2 {
        color: var(--sh-text);
        font-size: clamp(27px, 3vw, 39px);
        letter-spacing: -.025em;
        line-height: 1.25;
        margin: 48px 0 17px;
    }

    article.sm-site-hazirlik h3 {
        color: var(--sh-text);
        font-size: clamp(20px, 1.7vw, 25px);
        line-height: 1.35;
        margin: 31px 0 11px;
    }

    article.sm-site-hazirlik p {
        margin: 0 0 18px;
    }

    article.sm-site-hazirlik ul,
    article.sm-site-hazirlik ol {
        margin: 0 0 22px;
        padding-left: 24px;
    }

    article.sm-site-hazirlik li {
        margin-bottom: 8px;
    }

    article.sm-site-hazirlik a {
        color: #075985;
        text-decoration-thickness: 1px;
        text-underline-offset: 3px;
    }

        article.sm-site-hazirlik a:hover {
            color: var(--sh-primary-dark);
        }

    article.sm-site-hazirlik .sh-lede {
        background: linear-gradient(135deg, #f8fbff 0%, #eef4ff 100%);
        border: 1px solid #d7e5fb;
        border-left: 4px solid var(--sh-primary);
        border-radius: var(--sh-radius);
        color: #1e293b;
        font-size: clamp(17px, .6vw + 15px, 20px);
        line-height: 1.75;
        margin: 0 0 22px;
        padding: clamp(20px, 3vw, 29px);
    }

    article.sm-site-hazirlik .sh-quick {
        background: linear-gradient(135deg, #091426 0%, #162743 100%);
        border-radius: var(--sh-radius);
        color: #e2e8f0;
        margin: 22px 0;
        padding: 24px 26px;
    }

        article.sm-site-hazirlik .sh-quick strong {
            color: #facc15;
            display: block;
            font-size: 13px;
            letter-spacing: .08em;
            margin-bottom: 8px;
            text-transform: uppercase;
        }

        article.sm-site-hazirlik .sh-quick p {
            color: #e2e8f0;
            margin: 0;
        }

    article.sm-site-hazirlik .sh-toc {
        background: #fff;
        border: 1px solid var(--sh-border);
        border-radius: var(--sh-radius);
        margin: 24px 0 34px;
        padding: 22px 25px;
    }

        article.sm-site-hazirlik .sh-toc strong {
            display: block;
            margin-bottom: 10px;
        }

        article.sm-site-hazirlik .sh-toc ol {
            column-count: 2;
            column-gap: 36px;
            margin: 0;
        }

        article.sm-site-hazirlik .sh-toc li {
            break-inside: avoid;
        }

    article.sm-site-hazirlik .sh-grid {
        display: grid;
        gap: 15px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin: 22px 0 26px;
    }

    article.sm-site-hazirlik .sh-card {
        background: #fff;
        border: 1px solid var(--sh-border);
        border-radius: var(--sh-radius);
        padding: 21px;
    }

        article.sm-site-hazirlik .sh-card h3 {
            font-size: 20px;
            margin: 0 0 9px;
        }

        article.sm-site-hazirlik .sh-card p:last-child {
            margin-bottom: 0;
        }

    article.sm-site-hazirlik .sh-note,
    article.sm-site-hazirlik .sh-warning {
        border: 1px solid var(--sh-border);
        border-left: 4px solid var(--sh-primary);
        border-radius: var(--sh-radius);
        margin: 24px 0;
        padding: 20px 22px;
    }

    article.sm-site-hazirlik .sh-note {
        background: var(--sh-soft);
    }

    article.sm-site-hazirlik .sh-warning {
        background: #fffaf0;
        border-color: #fde2b7;
        border-left-color: var(--sh-warning);
    }

        article.sm-site-hazirlik .sh-note p:last-child,
        article.sm-site-hazirlik .sh-warning p:last-child {
            margin-bottom: 0;
        }

    article.sm-site-hazirlik .sh-checklist {
        list-style: none;
        margin: 21px 0 27px;
        padding: 0;
    }

        article.sm-site-hazirlik .sh-checklist li {
            border-bottom: 1px solid var(--sh-border);
            padding: 11px 0 11px 31px;
            position: relative;
        }

            article.sm-site-hazirlik .sh-checklist li::before {
                color: var(--sh-success);
                content: "✓";
                font-weight: 800;
                left: 4px;
                position: absolute;
            }

    article.sm-site-hazirlik .sh-table-wrap {
        border: 1px solid var(--sh-border);
        border-radius: var(--sh-radius);
        margin: 23px 0 28px;
        overflow-x: auto;
    }

    article.sm-site-hazirlik .sh-table {
        border-collapse: collapse;
        min-width: 780px;
        width: 100%;
    }

        article.sm-site-hazirlik .sh-table th,
        article.sm-site-hazirlik .sh-table td {
            border-bottom: 1px solid var(--sh-border);
            padding: 15px 17px;
            text-align: left;
            vertical-align: top;
        }

        article.sm-site-hazirlik .sh-table th {
            background: var(--sh-soft);
            font-size: 15px;
            font-weight: 750;
        }

        article.sm-site-hazirlik .sh-table tr:last-child td {
            border-bottom: 0;
        }

    article.sm-site-hazirlik .sh-brief {
        background: #f8fafc;
        border: 1px solid var(--sh-border);
        border-radius: var(--sh-radius);
        margin: 22px 0;
        padding: 23px;
    }

        article.sm-site-hazirlik .sh-brief h3 {
            margin-top: 0;
        }

    article.sm-site-hazirlik #sss details.sh-faq-item {
        background: #fff;
        border: 1px solid var(--sh-border);
        border-radius: var(--sh-radius);
        margin: 12px 0;
        padding: 17px 20px;
    }

    article.sm-site-hazirlik #sss summary.sh-faq-q {
        cursor: pointer;
        font-size: 18px;
        font-weight: 750;
        line-height: 1.5;
    }

    article.sm-site-hazirlik #sss .sh-faq-a {
        color: #334155;
        margin: 13px 0 0;
    }

    article.sm-site-hazirlik .sh-cta {
        background: linear-gradient(135deg, #0b1426 0%, #1c3154 100%);
        border-radius: var(--sh-radius);
        color: #fff;
        margin: 44px 0 0;
        padding: clamp(26px, 5vw, 44px);
    }

        article.sm-site-hazirlik .sh-cta h2,
        article.sm-site-hazirlik .sh-cta p {
            color: #fff;
        }

        article.sm-site-hazirlik .sh-cta h2 {
            margin-top: 0;
        }

    article.sm-site-hazirlik .sh-button {
        background: var(--sh-primary);
        border-radius: 8px;
        color: #fff;
        display: inline-block;
        font-size: 15px;
        font-weight: 750;
        margin-top: 7px;
        padding: 12px 18px;
        text-decoration: none;
    }

        article.sm-site-hazirlik .sh-button:hover {
            background: #3b82f6;
            color: #fff;
        }

@media (max-width: 700px) {
    article.sm-site-hazirlik {
        width: min(94vw, 940px);
    }

        article.sm-site-hazirlik .sh-toc ol {
            column-count: 1;
        }

        article.sm-site-hazirlik .sh-grid {
            grid-template-columns: 1fr;
        }

        article.sm-site-hazirlik .sh-lede,
        article.sm-site-hazirlik .sh-quick,
        article.sm-site-hazirlik .sh-toc,
        article.sm-site-hazirlik .sh-note,
        article.sm-site-hazirlik .sh-warning,
        article.sm-site-hazirlik .sh-brief {
            padding: 18px;
        }
}

article.sm-site-yenileme {
    --sy-text: #0f172a;
    --sy-muted: #475569;
    --sy-soft: #f8fafc;
    --sy-border: #dbe4ef;
    --sy-primary: #2563eb;
    --sy-primary-dark: #1d4ed8;
    --sy-success: #15803d;
    --sy-warning: #b45309;
    --sy-navy: #0b1426;
    --sy-radius: 14px;
    box-sizing: border-box;
    color: var(--sy-text);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: clamp(16px, .3vw + 15px, 18px);
    line-height: 1.78;
    margin: 0 auto;
    max-width: 940px;
    width: min(92vw, 940px);
}

    article.sm-site-yenileme * {
        box-sizing: border-box;
    }

    article.sm-site-yenileme section {
        scroll-margin-top: 110px;
    }

    article.sm-site-yenileme h2 {
        color: var(--sy-text);
        font-size: clamp(27px, 3vw, 39px);
        letter-spacing: -.025em;
        line-height: 1.25;
        margin: 48px 0 17px;
    }

    article.sm-site-yenileme h3 {
        color: var(--sy-text);
        font-size: clamp(20px, 1.7vw, 25px);
        line-height: 1.35;
        margin: 31px 0 11px;
    }

    article.sm-site-yenileme p {
        margin: 0 0 18px;
    }

    article.sm-site-yenileme ul,
    article.sm-site-yenileme ol {
        margin: 0 0 22px;
        padding-left: 24px;
    }

    article.sm-site-yenileme li {
        margin-bottom: 8px;
    }

    article.sm-site-yenileme a {
        color: #075985;
        text-decoration-thickness: 1px;
        text-underline-offset: 3px;
    }

        article.sm-site-yenileme a:hover {
            color: var(--sy-primary-dark);
        }

    article.sm-site-yenileme .sy-lede {
        background: linear-gradient(135deg, #f8fbff 0%, #eef4ff 100%);
        border: 1px solid #d7e5fb;
        border-left: 4px solid var(--sy-primary);
        border-radius: var(--sy-radius);
        color: #1e293b;
        font-size: clamp(17px, .6vw + 15px, 20px);
        line-height: 1.75;
        margin: 0 0 22px;
        padding: clamp(20px, 3vw, 29px);
    }

    article.sm-site-yenileme .sy-quick {
        background: linear-gradient(135deg, #091426 0%, #162743 100%);
        border-radius: var(--sy-radius);
        color: #e2e8f0;
        margin: 22px 0;
        padding: 24px 26px;
    }

        article.sm-site-yenileme .sy-quick strong {
            color: #facc15;
            display: block;
            font-size: 13px;
            letter-spacing: .08em;
            margin-bottom: 8px;
            text-transform: uppercase;
        }

        article.sm-site-yenileme .sy-quick p {
            color: #e2e8f0;
            margin: 0;
        }

    article.sm-site-yenileme .sy-toc {
        background: #fff;
        border: 1px solid var(--sy-border);
        border-radius: var(--sy-radius);
        margin: 24px 0 34px;
        padding: 22px 25px;
    }

        article.sm-site-yenileme .sy-toc strong {
            display: block;
            margin-bottom: 10px;
        }

        article.sm-site-yenileme .sy-toc ol {
            column-count: 2;
            column-gap: 36px;
            margin: 0;
        }

        article.sm-site-yenileme .sy-toc li {
            break-inside: avoid;
        }

    article.sm-site-yenileme .sy-signal {
        background: #fff;
        border: 1px solid var(--sy-border);
        border-radius: var(--sy-radius);
        margin: 20px 0;
        padding: 24px;
    }

    article.sm-site-yenileme .sy-signal-head {
        align-items: flex-start;
        display: flex;
        gap: 15px;
        margin-bottom: 12px;
    }

    article.sm-site-yenileme .sy-number {
        align-items: center;
        background: var(--sy-primary);
        border-radius: 50%;
        color: #fff;
        display: inline-flex;
        flex: 0 0 42px;
        font-size: 15px;
        font-weight: 800;
        height: 42px;
        justify-content: center;
        width: 42px;
    }

    article.sm-site-yenileme .sy-signal h3 {
        margin: 3px 0 0;
    }

    article.sm-site-yenileme .sy-diagnosis {
        background: var(--sy-soft);
        border-radius: 10px;
        color: #334155;
        font-size: 16px;
        margin: 15px 0 0;
        padding: 13px 15px;
    }

        article.sm-site-yenileme .sy-diagnosis strong {
            color: var(--sy-text);
        }

    article.sm-site-yenileme .sy-note,
    article.sm-site-yenileme .sy-warning {
        border: 1px solid var(--sy-border);
        border-left: 4px solid var(--sy-primary);
        border-radius: var(--sy-radius);
        margin: 24px 0;
        padding: 20px 22px;
    }

    article.sm-site-yenileme .sy-note {
        background: var(--sy-soft);
    }

    article.sm-site-yenileme .sy-warning {
        background: #fffaf0;
        border-color: #fde2b7;
        border-left-color: var(--sy-warning);
    }

        article.sm-site-yenileme .sy-note p:last-child,
        article.sm-site-yenileme .sy-warning p:last-child {
            margin-bottom: 0;
        }

    article.sm-site-yenileme .sy-checklist {
        list-style: none;
        margin: 21px 0 27px;
        padding: 0;
    }

        article.sm-site-yenileme .sy-checklist li {
            border-bottom: 1px solid var(--sy-border);
            padding: 11px 0 11px 31px;
            position: relative;
        }

            article.sm-site-yenileme .sy-checklist li::before {
                color: var(--sy-success);
                content: "✓";
                font-weight: 800;
                left: 4px;
                position: absolute;
            }

    article.sm-site-yenileme .sy-table-wrap {
        border: 1px solid var(--sy-border);
        border-radius: var(--sy-radius);
        margin: 23px 0 28px;
        overflow-x: auto;
    }

    article.sm-site-yenileme .sy-table {
        border-collapse: collapse;
        min-width: 790px;
        width: 100%;
    }

        article.sm-site-yenileme .sy-table th,
        article.sm-site-yenileme .sy-table td {
            border-bottom: 1px solid var(--sy-border);
            padding: 15px 17px;
            text-align: left;
            vertical-align: top;
        }

        article.sm-site-yenileme .sy-table th {
            background: var(--sy-soft);
            font-size: 15px;
            font-weight: 750;
        }

        article.sm-site-yenileme .sy-table tr:last-child td {
            border-bottom: 0;
        }

    article.sm-site-yenileme .sy-score {
        background: #f8fafc;
        border: 1px solid var(--sy-border);
        border-radius: var(--sy-radius);
        margin: 23px 0;
        padding: 23px;
    }

        article.sm-site-yenileme .sy-score h3 {
            margin-top: 0;
        }

    article.sm-site-yenileme #sss details.sy-faq-item {
        background: #fff;
        border: 1px solid var(--sy-border);
        border-radius: var(--sy-radius);
        margin: 12px 0;
        padding: 17px 20px;
    }

    article.sm-site-yenileme #sss summary.sy-faq-q {
        cursor: pointer;
        font-size: 18px;
        font-weight: 750;
        line-height: 1.5;
    }

    article.sm-site-yenileme #sss .sy-faq-a {
        color: #334155;
        margin: 13px 0 0;
    }

    article.sm-site-yenileme .sy-cta {
        background: linear-gradient(135deg, #0b1426 0%, #1c3154 100%);
        border-radius: var(--sy-radius);
        color: #fff;
        margin: 44px 0 0;
        padding: clamp(26px, 5vw, 44px);
    }

        article.sm-site-yenileme .sy-cta h2,
        article.sm-site-yenileme .sy-cta p {
            color: #fff;
        }

        article.sm-site-yenileme .sy-cta h2 {
            margin-top: 0;
        }

    article.sm-site-yenileme .sy-button {
        background: var(--sy-primary);
        border-radius: 8px;
        color: #fff;
        display: inline-block;
        font-size: 15px;
        font-weight: 750;
        margin-top: 7px;
        padding: 12px 18px;
        text-decoration: none;
    }

        article.sm-site-yenileme .sy-button:hover {
            background: #3b82f6;
            color: #fff;
        }

@media (max-width: 700px) {
    article.sm-site-yenileme {
        width: min(94vw, 940px);
    }

        article.sm-site-yenileme .sy-toc ol {
            column-count: 1;
        }

        article.sm-site-yenileme .sy-lede,
        article.sm-site-yenileme .sy-quick,
        article.sm-site-yenileme .sy-toc,
        article.sm-site-yenileme .sy-signal,
        article.sm-site-yenileme .sy-note,
        article.sm-site-yenileme .sy-warning,
        article.sm-site-yenileme .sy-score {
            padding: 18px;
        }

        article.sm-site-yenileme .sy-signal-head {
            gap: 12px;
        }

        article.sm-site-yenileme .sy-number {
            flex-basis: 38px;
            height: 38px;
            width: 38px;
        }
}

article.sm-seo-suresi {
    --sy-text: #0f172a;
    --sy-muted: #475569;
    --sy-soft: #f8fafc;
    --sy-border: #dbe4ef;
    --sy-primary: #2563eb;
    --sy-primary-dark: #1d4ed8;
    --sy-success: #15803d;
    --sy-warning: #b45309;
    --sy-navy: #0b1426;
    --sy-radius: 14px;
    box-sizing: border-box;
    color: var(--sy-text);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: clamp(16px, .3vw + 15px, 18px);
    line-height: 1.78;
    margin: 0 auto;
    max-width: 940px;
    width: min(92vw, 940px);
}

    article.sm-seo-suresi * {
        box-sizing: border-box;
    }

    article.sm-seo-suresi section {
        scroll-margin-top: 110px;
    }

    article.sm-seo-suresi h2 {
        color: var(--sy-text);
        font-size: clamp(27px, 3vw, 39px);
        letter-spacing: -.025em;
        line-height: 1.25;
        margin: 48px 0 17px;
    }

    article.sm-seo-suresi h3 {
        color: var(--sy-text);
        font-size: clamp(20px, 1.7vw, 25px);
        line-height: 1.35;
        margin: 31px 0 11px;
    }

    article.sm-seo-suresi p {
        margin: 0 0 18px;
    }

    article.sm-seo-suresi ul,
    article.sm-seo-suresi ol {
        margin: 0 0 22px;
        padding-left: 24px;
    }

    article.sm-seo-suresi li {
        margin-bottom: 8px;
    }

    article.sm-seo-suresi a {
        color: #075985;
        text-decoration-thickness: 1px;
        text-underline-offset: 3px;
    }

        article.sm-seo-suresi a:hover {
            color: var(--sy-primary-dark);
        }

    article.sm-seo-suresi .sy-lede {
        background: linear-gradient(135deg, #f8fbff 0%, #eef4ff 100%);
        border: 1px solid #d7e5fb;
        border-left: 4px solid var(--sy-primary);
        border-radius: var(--sy-radius);
        color: #1e293b;
        font-size: clamp(17px, .6vw + 15px, 20px);
        line-height: 1.75;
        margin: 0 0 22px;
        padding: clamp(20px, 3vw, 29px);
    }

    article.sm-seo-suresi .sy-quick {
        background: linear-gradient(135deg, #091426 0%, #162743 100%);
        border-radius: var(--sy-radius);
        color: #e2e8f0;
        margin: 22px 0;
        padding: 24px 26px;
    }

        article.sm-seo-suresi .sy-quick strong {
            color: #facc15;
            display: block;
            font-size: 13px;
            letter-spacing: .08em;
            margin-bottom: 8px;
            text-transform: uppercase;
        }

        article.sm-seo-suresi .sy-quick p {
            color: #e2e8f0;
            margin: 0;
        }

    article.sm-seo-suresi .sy-toc {
        background: #fff;
        border: 1px solid var(--sy-border);
        border-radius: var(--sy-radius);
        margin: 24px 0 34px;
        padding: 22px 25px;
    }

        article.sm-seo-suresi .sy-toc strong {
            display: block;
            margin-bottom: 10px;
        }

        article.sm-seo-suresi .sy-toc ol {
            column-count: 2;
            column-gap: 36px;
            margin: 0;
        }

        article.sm-seo-suresi .sy-toc li {
            break-inside: avoid;
        }

    article.sm-seo-suresi .sy-signal {
        background: #fff;
        border: 1px solid var(--sy-border);
        border-radius: var(--sy-radius);
        margin: 20px 0;
        padding: 24px;
    }

    article.sm-seo-suresi .sy-signal-head {
        align-items: flex-start;
        display: flex;
        gap: 15px;
        margin-bottom: 12px;
    }

    article.sm-seo-suresi .sy-number {
        align-items: center;
        background: var(--sy-primary);
        border-radius: 50%;
        color: #fff;
        display: inline-flex;
        flex: 0 0 42px;
        font-size: 15px;
        font-weight: 800;
        height: 42px;
        justify-content: center;
        width: 42px;
    }

    article.sm-seo-suresi .sy-signal h3 {
        margin: 3px 0 0;
    }

    article.sm-seo-suresi .sy-diagnosis {
        background: var(--sy-soft);
        border-radius: 10px;
        color: #334155;
        font-size: 16px;
        margin: 15px 0 0;
        padding: 13px 15px;
    }

        article.sm-seo-suresi .sy-diagnosis strong {
            color: var(--sy-text);
        }

    article.sm-seo-suresi .sy-note,
    article.sm-seo-suresi .sy-warning {
        border: 1px solid var(--sy-border);
        border-left: 4px solid var(--sy-primary);
        border-radius: var(--sy-radius);
        margin: 24px 0;
        padding: 20px 22px;
    }

    article.sm-seo-suresi .sy-note {
        background: var(--sy-soft);
    }

    article.sm-seo-suresi .sy-warning {
        background: #fffaf0;
        border-color: #fde2b7;
        border-left-color: var(--sy-warning);
    }

        article.sm-seo-suresi .sy-note p:last-child,
        article.sm-seo-suresi .sy-warning p:last-child {
            margin-bottom: 0;
        }

    article.sm-seo-suresi .sy-checklist {
        list-style: none;
        margin: 21px 0 27px;
        padding: 0;
    }

        article.sm-seo-suresi .sy-checklist li {
            border-bottom: 1px solid var(--sy-border);
            padding: 11px 0 11px 31px;
            position: relative;
        }

            article.sm-seo-suresi .sy-checklist li::before {
                color: var(--sy-success);
                content: "✓";
                font-weight: 800;
                left: 4px;
                position: absolute;
            }

    article.sm-seo-suresi .sy-table-wrap {
        border: 1px solid var(--sy-border);
        border-radius: var(--sy-radius);
        margin: 23px 0 28px;
        overflow-x: auto;
    }

    article.sm-seo-suresi .sy-table {
        border-collapse: collapse;
        min-width: 790px;
        width: 100%;
    }

        article.sm-seo-suresi .sy-table th,
        article.sm-seo-suresi .sy-table td {
            border-bottom: 1px solid var(--sy-border);
            padding: 15px 17px;
            text-align: left;
            vertical-align: top;
        }

        article.sm-seo-suresi .sy-table th {
            background: var(--sy-soft);
            font-size: 15px;
            font-weight: 750;
        }

        article.sm-seo-suresi .sy-table tr:last-child td {
            border-bottom: 0;
        }

    article.sm-seo-suresi #sss details.sy-faq-item {
        background: #fff;
        border: 1px solid var(--sy-border);
        border-radius: var(--sy-radius);
        margin: 12px 0;
        padding: 17px 20px;
    }

    article.sm-seo-suresi #sss summary.sy-faq-q {
        cursor: pointer;
        font-size: 18px;
        font-weight: 750;
        line-height: 1.5;
    }

    article.sm-seo-suresi #sss .sy-faq-a {
        color: #334155;
        margin: 13px 0 0;
    }

    article.sm-seo-suresi .sy-cta {
        background: linear-gradient(135deg, #0b1426 0%, #1c3154 100%);
        border-radius: var(--sy-radius);
        color: #fff;
        margin: 44px 0 0;
        padding: clamp(26px, 5vw, 44px);
    }

        article.sm-seo-suresi .sy-cta h2,
        article.sm-seo-suresi .sy-cta p {
            color: #fff;
        }

        article.sm-seo-suresi .sy-cta h2 {
            margin-top: 0;
        }

    article.sm-seo-suresi .sy-button {
        background: var(--sy-primary);
        border-radius: 8px;
        color: #fff;
        display: inline-block;
        font-size: 15px;
        font-weight: 750;
        margin-top: 7px;
        padding: 12px 18px;
        text-decoration: none;
    }

        article.sm-seo-suresi .sy-button:hover {
            background: #3b82f6;
            color: #fff;
        }

@media (max-width: 700px) {
    article.sm-seo-suresi {
        width: min(94vw, 940px);
    }

        article.sm-seo-suresi .sy-toc ol {
            column-count: 1;
        }

        article.sm-seo-suresi .sy-lede,
        article.sm-seo-suresi .sy-quick,
        article.sm-seo-suresi .sy-toc,
        article.sm-seo-suresi .sy-signal,
        article.sm-seo-suresi .sy-note,
        article.sm-seo-suresi .sy-warning {
            padding: 18px;
        }

        article.sm-seo-suresi .sy-signal-head {
            gap: 12px;
        }

        article.sm-seo-suresi .sy-number {
            flex-basis: 38px;
            height: 38px;
            width: 38px;
        }
}

article.sm-seo-web {
    --sw-text: #0f172a;
    --sw-muted: #475569;
    --sw-soft: #f8fafc;
    --sw-border: #dbe4ef;
    --sw-primary: #2563eb;
    --sw-primary-dark: #1d4ed8;
    --sw-success: #15803d;
    --sw-warning: #b45309;
    --sw-navy: #0b1426;
    --sw-radius: 14px;
    box-sizing: border-box;
    color: var(--sw-text);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: clamp(16px, .3vw + 15px, 18px);
    line-height: 1.78;
    margin: 0 auto;
    max-width: 940px;
    width: min(92vw, 940px);
}

    article.sm-seo-web * {
        box-sizing: border-box;
    }

    article.sm-seo-web section {
        scroll-margin-top: 110px;
    }

    article.sm-seo-web h2 {
        color: var(--sw-text);
        font-size: clamp(27px, 3vw, 39px);
        letter-spacing: -.025em;
        line-height: 1.25;
        margin: 48px 0 17px;
    }

    article.sm-seo-web h3 {
        color: var(--sw-text);
        font-size: clamp(20px, 1.7vw, 25px);
        line-height: 1.35;
        margin: 31px 0 11px;
    }

    article.sm-seo-web p {
        margin: 0 0 18px;
    }

    article.sm-seo-web ul,
    article.sm-seo-web ol {
        margin: 0 0 22px;
        padding-left: 24px;
    }

    article.sm-seo-web li {
        margin-bottom: 8px;
    }

    article.sm-seo-web a {
        color: #075985;
        text-decoration-thickness: 1px;
        text-underline-offset: 3px;
    }

        article.sm-seo-web a:hover {
            color: var(--sw-primary-dark);
        }

    article.sm-seo-web code {
        background: #eef2f7;
        border-radius: 5px;
        color: #9f1239;
        font-size: .9em;
        padding: 2px 5px;
    }

    article.sm-seo-web .sw-lede {
        background: linear-gradient(135deg, #f8fbff 0%, #eef4ff 100%);
        border: 1px solid #d7e5fb;
        border-left: 4px solid var(--sw-primary);
        border-radius: var(--sw-radius);
        color: #1e293b;
        font-size: clamp(17px, .6vw + 15px, 20px);
        line-height: 1.75;
        margin: 0 0 22px;
        padding: clamp(20px, 3vw, 29px);
    }

    article.sm-seo-web .sw-quick {
        background: linear-gradient(135deg, #091426 0%, #162743 100%);
        border-radius: var(--sw-radius);
        color: #e2e8f0;
        margin: 22px 0;
        padding: 24px 26px;
    }

        article.sm-seo-web .sw-quick strong {
            color: #facc15;
            display: block;
            font-size: 13px;
            letter-spacing: .08em;
            margin-bottom: 8px;
            text-transform: uppercase;
        }

        article.sm-seo-web .sw-quick p {
            color: #e2e8f0;
            margin: 0;
        }

    article.sm-seo-web .sw-toc {
        background: #fff;
        border: 1px solid var(--sw-border);
        border-radius: var(--sw-radius);
        margin: 24px 0 34px;
        padding: 22px 25px;
    }

        article.sm-seo-web .sw-toc strong {
            display: block;
            margin-bottom: 10px;
        }

        article.sm-seo-web .sw-toc ol {
            column-count: 2;
            column-gap: 36px;
            margin: 0;
        }

        article.sm-seo-web .sw-toc li {
            break-inside: avoid;
        }

    article.sm-seo-web .sw-check {
        background: #fff;
        border: 1px solid var(--sw-border);
        border-radius: var(--sw-radius);
        margin: 20px 0;
        padding: 24px;
    }

    article.sm-seo-web .sw-check-head {
        align-items: flex-start;
        display: flex;
        gap: 15px;
        margin-bottom: 12px;
    }

    article.sm-seo-web .sw-number {
        align-items: center;
        background: var(--sw-primary);
        border-radius: 50%;
        color: #fff;
        display: inline-flex;
        flex: 0 0 42px;
        font-size: 15px;
        font-weight: 800;
        height: 42px;
        justify-content: center;
        width: 42px;
    }

    article.sm-seo-web .sw-check h3 {
        margin: 3px 0 0;
    }

    article.sm-seo-web .sw-output {
        background: var(--sw-soft);
        border-radius: 10px;
        color: #334155;
        font-size: 16px;
        margin: 15px 0 0;
        padding: 13px 15px;
    }

        article.sm-seo-web .sw-output strong {
            color: var(--sw-text);
        }

    article.sm-seo-web .sw-note,
    article.sm-seo-web .sw-warning {
        border: 1px solid var(--sw-border);
        border-left: 4px solid var(--sw-primary);
        border-radius: var(--sw-radius);
        margin: 24px 0;
        padding: 20px 22px;
    }

    article.sm-seo-web .sw-note {
        background: var(--sw-soft);
    }

    article.sm-seo-web .sw-warning {
        background: #fffaf0;
        border-color: #fde2b7;
        border-left-color: var(--sw-warning);
    }

        article.sm-seo-web .sw-note p:last-child,
        article.sm-seo-web .sw-warning p:last-child {
            margin-bottom: 0;
        }

    article.sm-seo-web .sw-checklist {
        list-style: none;
        margin: 21px 0 27px;
        padding: 0;
    }

        article.sm-seo-web .sw-checklist li {
            border-bottom: 1px solid var(--sw-border);
            padding: 11px 0 11px 31px;
            position: relative;
        }

            article.sm-seo-web .sw-checklist li::before {
                color: var(--sw-success);
                content: "✓";
                font-weight: 800;
                left: 4px;
                position: absolute;
            }

    article.sm-seo-web .sw-table-wrap {
        border: 1px solid var(--sw-border);
        border-radius: var(--sw-radius);
        margin: 23px 0 28px;
        overflow-x: auto;
    }

    article.sm-seo-web .sw-table {
        border-collapse: collapse;
        min-width: 790px;
        width: 100%;
    }

        article.sm-seo-web .sw-table th,
        article.sm-seo-web .sw-table td {
            border-bottom: 1px solid var(--sw-border);
            padding: 15px 17px;
            text-align: left;
            vertical-align: top;
        }

        article.sm-seo-web .sw-table th {
            background: var(--sw-soft);
            font-size: 15px;
            font-weight: 750;
        }

        article.sm-seo-web .sw-table tr:last-child td {
            border-bottom: 0;
        }

    article.sm-seo-web #sss details.sw-faq-item {
        background: #fff;
        border: 1px solid var(--sw-border);
        border-radius: var(--sw-radius);
        margin: 12px 0;
        padding: 17px 20px;
    }

    article.sm-seo-web #sss summary.sw-faq-q {
        cursor: pointer;
        font-size: 18px;
        font-weight: 750;
        line-height: 1.5;
    }

    article.sm-seo-web #sss .sw-faq-a {
        color: #334155;
        margin: 13px 0 0;
    }

    article.sm-seo-web .sw-cta {
        background: linear-gradient(135deg, #0b1426 0%, #1c3154 100%);
        border-radius: var(--sw-radius);
        color: #fff;
        margin: 44px 0 0;
        padding: clamp(26px, 5vw, 44px);
    }

        article.sm-seo-web .sw-cta h2,
        article.sm-seo-web .sw-cta p {
            color: #fff;
        }

        article.sm-seo-web .sw-cta h2 {
            margin-top: 0;
        }

    article.sm-seo-web .sw-button {
        background: var(--sw-primary);
        border-radius: 8px;
        color: #fff;
        display: inline-block;
        font-size: 15px;
        font-weight: 750;
        margin-top: 7px;
        padding: 12px 18px;
        text-decoration: none;
    }

        article.sm-seo-web .sw-button:hover {
            background: #3b82f6;
            color: #fff;
        }

@media (max-width: 700px) {
    article.sm-seo-web {
        width: min(94vw, 940px);
    }

        article.sm-seo-web .sw-toc ol {
            column-count: 1;
        }

        article.sm-seo-web .sw-lede,
        article.sm-seo-web .sw-quick,
        article.sm-seo-web .sw-toc,
        article.sm-seo-web .sw-check,
        article.sm-seo-web .sw-note,
        article.sm-seo-web .sw-warning {
            padding: 18px;
        }

        article.sm-seo-web .sw-check-head {
            gap: 12px;
        }

        article.sm-seo-web .sw-number {
            flex-basis: 38px;
            height: 38px;
            width: 38px;
        }
}

.site-header {
    background: #fff;
    border-bottom: 1px solid #e8edf4;
    position: relative;
    z-index: 1000;
}

    .site-header .uk-navbar-container {
        background: #fff;
    }

    .site-header .uk-navbar-left,
    .site-header .uk-navbar-right {
        min-height: 84px;
    }

/* Mobil menü butonu */
.site-mobile-toggle {
    align-items: center;
    background: #f4c430;
    border: 1px solid #dbe7fa;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 44px;
    justify-content: center;
    margin: 0;
    padding: 0;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
    width: 46px;
}

    .site-mobile-toggle:hover {
        background: #eaf2ff;
        border-color: #b7cef5;
        transform: translateY(-1px);
    }

    .site-mobile-toggle span {
        background: #163b65;
        border-radius: 5px;
        display: block;
        height: 2px;
        transition: width .2s ease;
        width: 21px;
    }

        .site-mobile-toggle span:nth-child(2) {
            width: 15px;
        }

/* Offcanvas */
.site-mobile-menu .uk-offcanvas-bar {
    background: radial-gradient(circle at top right, rgba(37, 99, 235, .25), transparent 36%), linear-gradient(145deg, #071226 0%, #101f38 100%);
    box-shadow: -20px 0 60px rgba(2, 6, 23, .28);
    padding: 28px 24px;
    width: min(88vw, 390px);
}

.site-mobile-menu .uk-offcanvas-close {
    color: #fff;
    right: 20px;
    top: 23px;
}

.site-mobile-logo {
    align-items: center;
    background: #fff;
    border-radius: 10px;
    display: inline-flex;
    min-height: 48px;
    padding: 6px 12px;
}

    .site-mobile-logo img {
        display: block;
        height: auto;
        max-width: 148px;
    }

/* Mobil bağlantılar */
.site-mobile-nav {
    border-top: 1px solid rgba(255, 255, 255, .12);
    margin-top: 25px;
    padding-top: 12px;
}

    .site-mobile-nav > a,
    .site-mobile-nav summary {
        align-items: center;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
        color: #fff;
        cursor: pointer;
        display: flex;
        font-size: 16px;
        font-weight: 700;
        justify-content: space-between;
        line-height: 1.45;
        list-style: none;
        padding: 15px 3px;
        text-decoration: none;
    }

        .site-mobile-nav summary::-webkit-details-marker {
            display: none;
        }

        .site-mobile-nav > a:hover,
        .site-mobile-nav summary:hover {
            color: #60a5fa;
        }

        .site-mobile-nav summary i {
            font-size: 11px;
            transition: transform .25s ease;
        }

    .site-mobile-nav details[open] summary i {
        transform: rotate(180deg);
    }

.site-mobile-submenu {
    border-left: 2px solid #2563eb;
    margin: 8px 0 13px 5px;
    padding: 4px 0 4px 17px;
}

    .site-mobile-submenu strong {
        color: #60a5fa;
        display: block;
        font-size: 11px;
        letter-spacing: .08em;
        margin: 16px 0 5px;
        text-transform: uppercase;
    }

        .site-mobile-submenu strong:first-child {
            margin-top: 6px;
        }

    .site-mobile-submenu a {
        color: #cbd5e1;
        display: block;
        font-size: 14px;
        line-height: 1.45;
        padding: 8px 0;
        text-decoration: none;
    }

        .site-mobile-submenu a:hover {
            color: #fff;
            padding-left: 3px;
        }

/* İletişim alanı */
.site-mobile-contact {
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 12px;
    margin-top: 28px;
    padding: 18px;
}

    .site-mobile-contact span {
        color: #93c5fd;
        display: block;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .05em;
        margin-bottom: 11px;
        text-transform: uppercase;
    }

    .site-mobile-contact a {
        color: #fff;
        display: block;
        font-size: 14px;
        margin-top: 9px;
        text-decoration: none;
    }

    .site-mobile-contact i {
        color: #60a5fa;
        margin-right: 8px;
        width: 16px;
    }

@media (max-width: 639px) {
    .site-header .uk-navbar-left,
    .site-header .uk-navbar-right {
        min-height: 72px;
    }

    .site-header .uk-navbar-item {
        padding-left: 0;
    }

    .site-header .uk-logo img {
        height: auto;
        max-width: 145px;
    }
}

@media (max-width: 959px) {
    .site-header .uk-navbar-container > .uk-container {
        box-sizing: border-box;
        padding-left: clamp(18px, 5vw, 24px) !important;
        padding-right: clamp(18px, 5vw, 24px) !important;
    }

    .site-header .uk-navbar-item {
        padding-left: 0;
        padding-right: 0;
    }

    .site-mobile-toggle {
        flex-shrink: 0;
        margin: 0;
    }
}

/* Normal ve sticky durumda aynı yüksek çözünürlüklü logoyu kullan */
.site-header .uk-logo,
.site-header .uk-sticky.uk-active .uk-logo,
.site-header .uk-sticky-fixed .uk-logo {
    align-items: center;
    background: none !important;
    display: inline-flex;
    height: auto !important;
    margin: 0 !important;
    width: auto !important;
}

    .site-header .uk-logo img,
    .site-header .uk-sticky.uk-active .uk-logo img,
    .site-header .uk-sticky-fixed .uk-logo img {
        display: block;
        height: auto !important;
        image-rendering: auto;
        max-height: 40px;
        max-width: none;
        object-fit: contain;
        width: 158px !important;
    }

/* Sticky mobil görünüm */
@media (max-width: 959px) {
    .site-header .uk-sticky.uk-active .uk-logo img,
    .site-header .uk-sticky-fixed .uk-logo img {
        height: auto !important;
        max-height: 38px;
        width: 154px !important;
    }
}

/* Footer mobil yatay boşluk */
@media (max-width: 959px) {
    footer.smf-footer .uk-container.smf-inner {
        box-sizing: border-box;
        max-width: 100%;
        padding-left: clamp(20px, 5vw, 24px) !important;
        padding-right: clamp(20px, 5vw, 24px) !important;
        width: 100%;
    }
}

@media (max-width: 959px) {
    .site-header .uk-navbar-container > .uk-container,
    footer.smf-footer .uk-container.smf-inner {
        box-sizing: border-box;
        padding-left: clamp(20px, 5vw, 24px) !important;
        padding-right: clamp(20px, 5vw, 24px) !important;
    }
}