/* The homepage visual language, applied to the existing inner-page templates. */
body.netnegar-inner {
    --nn-paper: #f5f8fb;
    --nn-ink: #10283e;
    --nn-muted: #4c6071;
    --nn-blue: #245bab;
    --nn-blue-deep: #173f79;
    --nn-sky: #dbeafa;
    --nn-line: #d8e2eb;
    --nn-max: 1240px;
    --nn-pad: clamp(20px, 4.2vw, 72px);
    --duration-quick: 150ms;
    --duration-fast: 250ms;
    --ease-smooth-out: cubic-bezier(.22, 1, .36, 1);
    background: var(--nn-paper);
    color: var(--nn-ink);
}

.netnegar-inner :focus-visible { outline: 3px solid #fff; outline-offset: 3px; box-shadow: 0 0 0 6px var(--nn-blue-deep); }
.netnegar-inner :is(h1, h2, h3, h4, h5, h6) { color: var(--nn-ink); font-weight: 700; line-height: 1.45; }
.netnegar-inner p { color: var(--nn-muted); font-size: 1.0625rem !important; line-height: 1.85; }
.netnegar-inner a { text-underline-offset: .22em; }

/* One shared header on every route. */
.netnegar-inner > .navbar {
    position: fixed;
    inset: 0 0 auto;
    z-index: 1000;
    min-height: 82px;
    padding: 0 var(--nn-pad);
    background: rgba(255, 255, 255, .96) !important;
    border-bottom: 1px solid var(--nn-line);
    box-shadow: none;
    transition: box-shadow var(--duration-fast) var(--ease-smooth-out);
}
.netnegar-inner > .navbar.navbar-colored { box-shadow: 0 8px 24px rgba(16, 40, 62, .09); }
.netnegar-inner > .navbar .container { max-width: var(--nn-max); padding: 0; transition: none; }
.netnegar-inner > .navbar .navbar-nav .nav-item { transition: none; }
.netnegar-inner > .navbar .navbar-nav .nav-link,
.netnegar-inner > .navbar .navbar-toggler,
.netnegar-inner > .navbar .navbar-toggler .fa-bars { color: var(--nn-ink) !important; }
.netnegar-inner > .navbar .navbar-nav .nav-link {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    font-size: .9375rem;
    font-weight: 500;
    line-height: 1.5;
    transition: color var(--duration-quick) var(--ease-smooth-out);
}
.netnegar-inner > .navbar .navbar-nav .nav-link:hover { color: var(--nn-blue) !important; }
.netnegar-inner > .navbar button.nav-link { border: 0; background: none; cursor: pointer; }
.netnegar-inner > .navbar .dropdown-toggle { direction: inherit; gap: 8px; }
.netnegar-inner > .navbar .dropdown-toggle::after {
    content: "";
    display: block;
    flex: none;
    width: 8px;
    height: 8px;
    margin: 0;
    border: solid currentColor;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    transform-origin: center;
    transition: transform var(--duration-fast) ease-in-out;
}
.netnegar-inner > .navbar .dropdown-toggle[aria-expanded="true"] { color: var(--nn-blue) !important; }
.netnegar-inner > .navbar .dropdown-toggle[aria-expanded="true"]::after { transform: rotate(225deg); }
.netnegar-inner > .navbar .navbar-nav .btn-primary {
    min-width: 108px;
    justify-content: center;
    border-radius: 8px !important;
    background: var(--nn-blue) !important;
    color: white !important;
    transition: background-color var(--duration-quick) var(--ease-smooth-out);
}
.netnegar-inner > .navbar .navbar-nav .btn-primary:hover { background: var(--nn-blue-deep) !important; color: white !important; }
.netnegar-inner > .navbar .navbar-brand img { width: 50px; height: 50px; object-fit: contain; }
.netnegar-inner > .navbar .dropdown-menu { border: 1px solid var(--nn-line); border-radius: 10px; box-shadow: 0 16px 32px rgba(16, 40, 62, .12); }
.netnegar-inner > .navbar .dropdown-item { min-height: 42px; display: flex; align-items: center; transition: background-color var(--duration-quick) var(--ease-smooth-out), color var(--duration-quick) var(--ease-smooth-out); }
.netnegar-inner > .navbar .dropdown-item:hover { background: var(--nn-sky); color: var(--nn-blue-deep); }

@media (min-width: 992px) {
    .netnegar-inner > .navbar .dropdown-menu {
        display: block;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        transform: translateY(-8px) scale(.99);
        transform-origin: top right;
        transition: opacity var(--duration-quick) var(--ease-smooth-out), transform var(--duration-quick) var(--ease-smooth-out), visibility 0s linear var(--duration-quick);
    }
    .netnegar-inner > .navbar .dropdown.show > .dropdown-menu,
    .netnegar-inner > .navbar .dropdown-menu.show {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0) scale(1);
        transition-duration: var(--duration-fast), var(--duration-fast), 0s;
        transition-delay: 0s;
    }
}

/* Page introductions and reading rhythm. */
.netnegar-inner .welcome-area,
.netnegar-inner .welcome-area-2 {
    min-height: 0;
    padding: 145px var(--nn-pad) 78px !important;
    background: #eaf2fa !important;
    background-image: radial-gradient(circle at 12% 14%, #d8e9fa 0, transparent 32%) !important;
}
.netnegar-inner .welcome-area .pattern,
.netnegar-inner .welcome-area-2 .pattern,
.netnegar-inner .welcome-area .shape-1,
.netnegar-inner .welcome-area .shape-2 { display: none; }
.netnegar-inner .welcome-area .container,
.netnegar-inner .welcome-area-2 .container { max-width: var(--nn-max); }
.netnegar-inner .welcome-area .welcome-text { margin: 0 !important; padding: 0 !important; }
.netnegar-inner .welcome-area .welcome-text p,
.netnegar-inner .welcome-area-2 .welcome-text p { max-width: 64ch; margin: 12px auto 0; }
.netnegar-inner .welcome-area :is(h1, h2, h3, h4),
.netnegar-inner .welcome-area-2 :is(h1, h2, h3, h4),
.netnegar-inner .nn-intro-hero h1 { font-size: clamp(2rem, 3vw, 2.9375rem); letter-spacing: -.01em; }
.netnegar-inner .welcome-area h3,
.netnegar-inner .welcome-area h4 { margin-block: 0 14px; }
.netnegar-inner .welcome-area img { max-width: 100%; height: auto; }
.netnegar-inner .nn-intro-hero { padding: 145px var(--nn-pad) 72px; background: #eaf2fa; }
.netnegar-inner .nn-intro-hero .container-fluid { max-width: var(--nn-max); }
.netnegar-inner .nn-intro-hero .row > div { margin: 0 !important; padding: 0 !important; }
.netnegar-inner .nn-intro-hero .text-white,
.netnegar-inner .nn-intro-hero .text-light { color: var(--nn-ink) !important; }
.netnegar-inner .nn-intro-hero .lead { margin: 12px auto 0; }
.netnegar-inner .nn-intro-hero > i,
.netnegar-inner .nn-intro-hero .fa-user { color: var(--nn-blue); }
.netnegar-inner .nn-intro-hero br { display: none; }
.netnegar-inner .nn-intro-feature { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 22px 14px; border: 1px solid var(--nn-line); border-radius: 12px; background: #eaf2fa; }
.netnegar-inner .nn-intro-feature :is(h2, h3, h4) { margin: 0 !important; font-size: 1.125rem; }
.netnegar-inner .nn-intro-feature-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 10px; background: white; color: var(--nn-blue); font-size: 1.25rem; }
.netnegar-inner .nn-intro-check { margin-inline-end: 6px; color: var(--nn-blue); }

.netnegar-inner > #main-content > section:not(.welcome-area):not(.welcome-area-2):not(#fixed-header):not(.nn-pricing-grid),
.netnegar-inner > #main-content > #accordion > section:not(.welcome-area):not(.nn-pricing-grid) { background-color: var(--nn-paper); }
.netnegar-inner .about-area,
.netnegar-inner .services-area,
.netnegar-inner .services-area-2,
.netnegar-inner .services-area-4,
.netnegar-inner .features-area-2 { padding-block: 72px !important; }
.netnegar-inner .services-area-2 { margin-top: 0; }
.netnegar-inner .services-text,
.netnegar-inner .help .card,
.netnegar-inner .contact-form,
.netnegar-inner .address {
    border: 1px solid var(--nn-line);
    border-radius: 12px !important;
    background: white !important;
    box-shadow: 0 14px 32px rgba(16, 40, 62, .06) !important;
}
.netnegar-inner .services-text { padding: 26px !important; }
.netnegar-inner .services-text :is(h4, h5) { font-size: 1.3125rem; }
.netnegar-inner .services-text i { color: var(--nn-blue) !important; background: #eaf2fa !important; }
.netnegar-inner .services-text p { margin-bottom: 0; }
.netnegar-inner .about-area img,
.netnegar-inner .services-area img,
.netnegar-inner .features-area-2 img { max-width: 100%; height: auto; }
.netnegar-inner .about-area :is(h2, h3, h4),
.netnegar-inner .features-area-2 :is(h2, h3, h4) { font-size: clamp(1.625rem, 2.2vw, 2.125rem); }
.netnegar-inner .about-area .container,
.netnegar-inner .services-area .container,
.netnegar-inner .services-area-2 .container,
.netnegar-inner .services-area-4 .container { max-width: var(--nn-max); }
.netnegar-inner .title-h { font-size: clamp(2rem, 3vw, 2.9375rem); }

/* Pricing keeps the shared inner-page type and color system. */
.netnegar-inner .nn-pricing-hero {
    padding-bottom: 60px !important;
    text-align: right;
}
.netnegar-inner .nn-pricing-hero .container {
    max-width: var(--nn-max);
    direction: rtl;
}
.netnegar-inner .nn-pricing-hero h1 {
    margin: 0 0 10px;
    font-size: clamp(1.875rem, 2.8vw, 2.5rem);
}
.netnegar-inner .nn-pricing-hero p {
    max-width: 64ch;
    margin: 0;
    text-align: right;
}
.netnegar-inner .customers { padding: 64px var(--nn-pad) !important; }
.netnegar-inner .customers img { max-width: 100%; height: 70px; object-fit: contain; }
.netnegar-inner .faq { background: var(--nn-paper) !important; }
.netnegar-inner .faq.card { overflow: hidden; border: 1px solid var(--nn-line) !important; border-radius: 10px !important; box-shadow: none; }
.netnegar-inner .faq.card .card-header { background: white; }
.netnegar-inner .faq.card .card-header > a { color: var(--nn-ink); font-weight: 500; }

.netnegar-inner .welcome-area-2 .address { padding: 12px 16px; }
.netnegar-inner .welcome-area-2 .contact-form { flex: 0 0 100%; max-width: 100%; padding: 24px !important; }
.netnegar-inner .welcome-area-2 .form-control { min-height: 46px; border: 1px solid var(--nn-line); border-radius: 8px; }
.netnegar-inner .welcome-area-2 .form-control:focus { border-color: var(--nn-blue); box-shadow: 0 0 0 3px rgba(36, 91, 171, .13); }
.netnegar-inner .welcome-area-2 .form-control:invalid:not(:placeholder-shown) { border-color: #a53b2a; }
.netnegar-inner .welcome-area-2 textarea.form-control { resize: vertical; }
.netnegar-inner .welcome-area-2 .main-btn { border-radius: 8px; background: var(--nn-blue); color: white; }
.netnegar-inner .welcome-area-2 .main-btn:hover { background: var(--nn-blue-deep); }
.netnegar-inner .contact-status { margin-bottom: 20px; padding: 12px 14px; border: 1px solid currentColor; border-radius: 8px; font-size: .9375rem; line-height: 1.8; }
.netnegar-inner .contact-status.is-success { color: #17633a; background: #edf8f1; }
.netnegar-inner .contact-status.is-error { color: #842f22; background: #fff3f0; }
.netnegar-inner .recaptcha-wrap { max-width: 100%; overflow-x: auto; }
.netnegar-inner .help > .container-fluid > .row > .d-flex,
.netnegar-inner .help .card,
.netnegar-inner .help .card-body,
.netnegar-inner .help .call-to-action,
.netnegar-inner .help .call-to-action .container,
.netnegar-inner .help .call-to-action .row,
.netnegar-inner .help .call-to-action [class*="col-"] { min-width: 0; }
.netnegar-inner .help .card img { max-width: 100%; height: auto; }
.netnegar-inner .help figure.highlight { max-width: 100%; overflow-x: auto; }
.netnegar-inner .help figure.highlight code { overflow-wrap: normal; word-break: normal; white-space: nowrap; }

.netnegar-inner .error-state { min-height: 60vh; padding: 160px var(--nn-pad) 90px; display: grid; place-items: center; }
.netnegar-inner .error-state .container { max-width: 720px; }
.netnegar-inner .error-state h1 { margin-bottom: 18px; font-size: clamp(2rem, 4vw, 3.25rem); }
.netnegar-inner .error-state-actions { margin-top: 28px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px; }
.netnegar-inner .error-state-actions .main-btn { padding: 12px 22px; border-radius: 8px; background: var(--nn-blue); color: #fff; }
.netnegar-inner .error-request-id { margin-top: 34px; font-size: .875rem !important; }
.netnegar-inner .error-request-id code { direction: ltr; unicode-bidi: isolate; }

/* Shared signup panel and footer. */
.netnegar-inner > .get-started { padding: 85px var(--nn-pad); background: var(--nn-blue-deep) !important; color: white; }
.netnegar-inner > .get-started .container { max-width: var(--nn-max); }
.netnegar-inner > .get-started h2 { color: white; font-size: clamp(2rem, 3vw, 2.9375rem); line-height: 1.5; }
.netnegar-inner > .get-started .footer-btn { min-height: 50px; padding: 12px 24px !important; border-radius: 8px; background: white; color: var(--nn-blue-deep); font-size: 1rem; font-weight: 700; }
.netnegar-inner > .get-started .patt,
.netnegar-inner > .get-started .patt-2 { display: none; }
.netnegar-inner > .footer-area { margin: 0 !important; padding: 65px var(--nn-pad); background: var(--nn-ink); color: #d7e4f1; }
.netnegar-inner > .footer-area .container { max-width: var(--nn-max); }
.netnegar-inner > .footer-area .footer-heading { color: white !important; }
.netnegar-inner > .footer-area :is(.footer-link-row, span, a) { color: #d7e4f1 !important; }
.netnegar-inner > .footer-area .footer-link-row { font-size: .9375rem !important; line-height: 1.7; }
.netnegar-inner > .footer-area a:hover { color: white !important; }
.netnegar-inner > .footer-area .address { background: rgba(255, 255, 255, .1) !important; color: #d7e4f1 !important; box-shadow: none !important; border: 0; }

@media (max-width: 991px) {
    .netnegar-inner > .navbar { min-height: 72px; padding-inline: 20px; }
    .netnegar-inner > .navbar .navbar-collapse { position: absolute; top: 72px; right: 0; left: 0; max-height: calc(100vh - 72px); overflow: auto; margin-top: 0; padding: 14px 22px 24px; border-bottom: 1px solid var(--nn-line); background: white; }
    .netnegar-inner > .navbar .navbar-collapse.collapsing { overflow: hidden; transition: none; }
    .netnegar-inner > .navbar .navbar-collapse.show { animation: nn-inner-menu-enter var(--duration-fast) var(--ease-smooth-out); }
    .netnegar-inner > .navbar .nav-item.dropdown .dropdown-menu { display: none; max-height: none; overflow: visible; opacity: 1; transition: none; }
    .netnegar-inner > .navbar .nav-item.dropdown .dropdown-menu.show { display: block; max-height: none; animation: nn-inner-menu-enter var(--duration-fast) var(--ease-smooth-out); }
    .netnegar-inner > .navbar .navbar-nav .nav-link { min-height: 46px; }
    .netnegar-inner .welcome-area,
    .netnegar-inner .welcome-area-2 { padding-top: 122px !important; }
}
@media (max-width: 640px) {
    .netnegar-inner > .navbar .navbar-nav.flex-row .nav-item:nth-child(3) { display: none; }
    .netnegar-inner > .navbar .navbar-nav .btn-primary { min-width: 84px; }
    .netnegar-inner > .navbar .navbar-brand img { width: 42px; height: 42px; }
    .netnegar-inner .welcome-area,
    .netnegar-inner .welcome-area-2 { padding: 112px 20px 54px !important; }
    .netnegar-inner .nn-intro-hero { padding: 112px 20px 54px; }
    .netnegar-inner .nn-pricing-hero { padding-bottom: 48px !important; }
    .netnegar-inner > .get-started,
    .netnegar-inner > .footer-area { padding-inline: 20px; }
    .netnegar-inner .welcome-area-2 .form-control { font-size: 1rem; }
    .netnegar-inner .help .call-to-action { padding-inline: 0 !important; }
    .netnegar-inner .help .call-to-action .container { max-width: 100%; }
    .netnegar-inner .error-state { padding: 125px 20px 70px; }
}
@keyframes nn-inner-menu-enter {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
    .netnegar-inner > .navbar,
    .netnegar-inner > .navbar .navbar-nav .nav-link,
    .netnegar-inner > .navbar .navbar-nav .btn-primary,
    .netnegar-inner > .navbar .dropdown-toggle::after,
    .netnegar-inner > .navbar .dropdown-menu,
    .netnegar-inner > .navbar .dropdown-item { transition: none; }
    .netnegar-inner > .navbar .navbar-collapse.show,
    .netnegar-inner > .navbar .nav-item.dropdown .dropdown-menu.show { animation: none; }
}

@media (forced-colors: active) {
    .netnegar-inner :focus-visible { outline: 3px solid Highlight; box-shadow: none; }
}