:root {
    --nd-ink: #07111f;
    --nd-panel: #0b1828;
    --nd-panel-soft: #102136;
    --nd-line: rgba(148, 163, 184, .16);
    --nd-orange: #ffad0a;
    --nd-orange-deep: #e58b00;
    --nd-cream: #f6f2e9;
    --nd-muted: #9ca9b8;
}

html { scroll-padding-top: 96px; }

body.ndertimi-pro {
    background: var(--nd-ink);
    color: #f8fafc;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body.ndertimi-pro::before {
    position: fixed;
    inset: 0;
    z-index: -1;
    content: "";
    pointer-events: none;
    opacity: .025;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
}

.nd-topbar {
    background: #050c16 !important;
    border-color: rgba(255,255,255,.06) !important;
}

.nd-header {
    background: rgba(7, 17, 31, .86) !important;
    border-color: rgba(255,255,255,.08) !important;
    box-shadow: 0 12px 35px rgba(0,0,0,.12);
}

.nd-brand-mark {
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,173,10,.24);
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(255,173,10,.14), rgba(255,173,10,.03));
}

.nd-nav-link { position: relative; }
.nd-nav-link::after {
    position: absolute;
    right: 0;
    bottom: -9px;
    left: 0;
    height: 2px;
    content: "";
    transition: transform .25s ease;
    transform: scaleX(0);
    transform-origin: left;
    background: var(--nd-orange);
}
.nd-nav-link:hover::after { transform: scaleX(1); }
.nd-nav-link.is-current { color: var(--nd-orange) !important; }
.nd-nav-link.is-current::after { transform: scaleX(1); }

.nd-language-switcher {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 3px;
    border: 1px solid rgba(148,163,184,.16);
    border-radius: 9px;
    background: rgba(3,9,17,.56);
}
.nd-mobile-header-tools { display: none; align-items: center; gap: 8px; }
.nd-lang-button {
    min-width: 34px;
    height: 29px;
    border-radius: 6px;
    color: #8493a4;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .08em;
    transition: .2s ease;
}
.nd-lang-button:hover { color: #fff; }
.nd-lang-button.is-active { color: var(--nd-ink); background: var(--nd-orange); box-shadow: 0 6px 16px rgba(229,139,0,.16); }

.nd-hero {
    isolation: isolate;
    min-height: 760px;
    background:
        linear-gradient(90deg, rgba(7,17,31,.98) 0%, rgba(7,17,31,.92) 45%, rgba(7,17,31,.50) 100%),
        url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?q=88&w=2000&auto=format&fit=crop') center right / cover no-repeat !important;
}

.nd-hero::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 180px;
    content: "";
    pointer-events: none;
    background: linear-gradient(to top, var(--nd-ink), transparent);
    z-index: -1;
}

.nd-hero-kicker {
    box-shadow: inset 0 0 0 1px rgba(255,173,10,.08), 0 12px 40px rgba(0,0,0,.12);
}

.nd-display {
    max-width: 800px;
    letter-spacing: -.055em;
    text-wrap: balance;
    text-shadow: 0 10px 40px rgba(0,0,0,.26);
}

.nd-display-accent {
    position: relative;
    display: inline-block;
    color: var(--nd-orange) !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}

.nd-display-accent::after {
    position: absolute;
    right: 0;
    bottom: .03em;
    left: 0;
    height: .08em;
    content: "";
    border-radius: 99px;
    background: rgba(255,173,10,.36);
}

.nd-primary-button,
.nd-secondary-button {
    min-height: 52px;
    border-radius: 10px !important;
    letter-spacing: -.01em;
}

.nd-primary-button {
    box-shadow: 0 16px 34px rgba(229,139,0,.20) !important;
}
.nd-primary-button:hover { transform: translateY(-2px); }

.nd-secondary-button {
    border-color: rgba(255,255,255,.18) !important;
    background: rgba(7,17,31,.66) !important;
    backdrop-filter: blur(14px);
}

.nd-proof-grid > div {
    position: relative;
    padding-left: 16px;
}
.nd-proof-grid > div::before {
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 0;
    width: 2px;
    content: "";
    border-radius: 99px;
    background: var(--nd-orange);
}

.nd-hero-visual {
    position: relative;
    min-height: 520px;
}

.nd-project-frame {
    position: absolute;
    inset: 0 0 0 36px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 4px 54px 4px 4px;
    background: #0b1828;
    box-shadow: 0 36px 80px rgba(0,0,0,.38);
}

.nd-project-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(.78) contrast(1.03);
}

.nd-project-frame::after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(to top, rgba(7,17,31,.86), transparent 60%);
}

.nd-project-caption {
    position: absolute;
    z-index: 2;
    right: 28px;
    bottom: 28px;
    left: 72px;
}

.nd-floating-card {
    position: absolute;
    z-index: 3;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(9,22,37,.90);
    box-shadow: 0 20px 50px rgba(0,0,0,.28);
    backdrop-filter: blur(18px);
}
.nd-floating-card--top { top: 38px; right: -18px; }
.nd-floating-card--bottom { bottom: 72px; left: 0; }

.nd-trust-strip {
    position: relative;
    z-index: 5;
    margin-top: -36px;
}
.nd-trust-panel {
    border: 1px solid rgba(255,255,255,.09);
    background: rgba(12,28,46,.96);
    box-shadow: 0 26px 70px rgba(0,0,0,.26);
    backdrop-filter: blur(16px);
}
.nd-trust-item + .nd-trust-item { border-left: 1px solid rgba(255,255,255,.09); }

.nd-section-title {
    letter-spacing: -.035em;
    line-height: 1.12;
    text-wrap: balance;
}

#sherbimet {
    background: linear-gradient(180deg, var(--nd-ink) 0%, #0a1727 100%) !important;
    border: 0 !important;
}

#sherbimet .service-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(148,163,184,.14) !important;
    border-radius: 16px !important;
    background: linear-gradient(145deg, rgba(16,33,54,.92), rgba(8,20,34,.98)) !important;
    box-shadow: 0 16px 50px rgba(0,0,0,.12);
}
#sherbimet .service-card::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    content: "";
    transition: transform .35s ease;
    transform: scaleX(.24);
    transform-origin: left;
    background: var(--nd-orange);
}
#sherbimet .service-card:hover {
    transform: translateY(-6px);
    border-color: rgba(255,173,10,.36) !important;
    box-shadow: 0 28px 70px rgba(0,0,0,.24);
}
#sherbimet .service-card:hover::before { transform: scaleX(1); }

.service-icon {
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px !important;
}

#llogarit {
    background:
        radial-gradient(circle at 12% 12%, rgba(255,173,10,.08), transparent 32%),
        var(--nd-ink) !important;
}

.nd-calculator-card,
.nd-contact-card,
.nd-standard-card {
    border: 1px solid rgba(148,163,184,.16) !important;
    border-radius: 18px !important;
    background: linear-gradient(145deg, #102136, #0a1727) !important;
    box-shadow: 0 30px 80px rgba(0,0,0,.22) !important;
}

#projekte {
    border: 0 !important;
    background: var(--nd-cream) !important;
}
#projekte h2,
#projekte #projects-grid h4 { color: var(--nd-ink) !important; }
#projekte p { color: #607080 !important; }
#projekte #projects-grid > div {
    border: 0 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 18px 45px rgba(15,23,42,.10) !important;
}
#projekte #projects-grid > div:hover { transform: translateY(-5px); }
#projekte #projects-grid img { filter: saturate(.84); }

#rreth-nesh {
    position: relative;
    overflow: hidden;
    background: #081422 !important;
}
#rreth-nesh::before {
    position: absolute;
    top: -150px;
    right: -180px;
    width: 520px;
    height: 520px;
    content: "";
    border: 1px solid rgba(255,173,10,.10);
    border-radius: 50%;
    box-shadow: 0 0 0 80px rgba(255,173,10,.025), 0 0 0 160px rgba(255,173,10,.02);
}

#kontakt {
    border-top: 1px solid rgba(255,255,255,.06);
    background: #050d17 !important;
}

input, select, textarea { box-shadow: none !important; }
input:focus, select:focus, textarea:focus {
    border-color: var(--nd-orange) !important;
    box-shadow: 0 0 0 3px rgba(255,173,10,.10) !important;
}

.nd-footer { background: #030911 !important; }
.nd-footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.nd-design-credit { display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; border: 1px solid rgba(148,163,184,.12); border-radius: 8px; color: #7f8b99; transition: .2s ease; }
.nd-design-credit strong { color: #dfe6ed; font-size: 10px; letter-spacing: .02em; }
.nd-design-credit i { color: var(--nd-orange); font-size: 8px; }
.nd-design-credit:hover { transform: translateY(-1px); border-color: rgba(255,173,10,.32); color: #adb8c4; background: rgba(255,173,10,.04); }

.nd-mobile-actions {
    position: fixed;
    right: 10px;
    bottom: max(10px, env(safe-area-inset-bottom));
    left: 10px;
    z-index: 45;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 7px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 15px;
    background: rgba(5,13,23,.92);
    box-shadow: 0 18px 48px rgba(0,0,0,.36);
    backdrop-filter: blur(18px);
}
.nd-mobile-actions a {
    display: flex;
    min-height: 45px;
    flex: 1;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 10px;
    color: #dbe3eb;
    font-size: 10px;
    font-weight: 800;
}
.nd-mobile-actions a i { color: var(--nd-orange); }
.nd-mobile-actions a.is-primary { color: var(--nd-ink); background: var(--nd-orange); }
.nd-mobile-actions a.is-primary i { color: var(--nd-ink); }

/* Planifikuesi interaktiv */
.nd-planner-section {
    background:
        radial-gradient(circle at 82% 18%, rgba(255,173,10,.09), transparent 30%),
        linear-gradient(180deg, #0a1727, #07111f);
}
.nd-planner-section::before {
    position: absolute;
    inset: 0;
    content: "";
    opacity: .12;
    background-image: linear-gradient(rgba(148,163,184,.16) 1px, transparent 1px), linear-gradient(90deg, rgba(148,163,184,.16) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);
}
.nd-planner-steps { display: grid; gap: 4px; padding-top: 16px; }
.nd-step {
    display: flex;
    gap: 14px;
    align-items: center;
    width: 100%;
    padding: 13px 14px;
    border: 1px solid transparent;
    border-radius: 12px;
    text-align: left;
    color: #738397;
    transition: .25s ease;
}
.nd-step > span {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    border: 1px solid rgba(148,163,184,.18);
    border-radius: 50%;
    font: 700 11px/1 "Space Grotesk", sans-serif;
}
.nd-step strong { display: block; color: #b7c1cd; font-size: 13px; }
.nd-step small { display: block; margin-top: 2px; font-size: 10px; }
.nd-step.is-active,
.nd-step.is-complete { border-color: rgba(255,173,10,.14); background: rgba(255,173,10,.055); color: #a8b4c2; }
.nd-step.is-active > span,
.nd-step.is-complete > span { border-color: var(--nd-orange); background: var(--nd-orange); color: var(--nd-ink); }
.nd-step.is-active strong { color: #fff; }

.nd-planner-card {
    position: relative;
    min-height: 570px;
    overflow: hidden;
    padding: 34px;
    border: 1px solid rgba(148,163,184,.16);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(16,33,54,.98), rgba(8,20,34,.99));
    box-shadow: 0 32px 90px rgba(0,0,0,.27);
}
.nd-planner-progress {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: rgba(148,163,184,.08);
}
.nd-planner-progress span {
    display: block;
    width: 33.333%;
    height: 100%;
    transition: width .45s cubic-bezier(.4,0,.2,1);
    background: linear-gradient(90deg, var(--nd-orange-deep), #ffd06f);
}
.nd-planner-panel { animation: ndPanelIn .35s ease both; }
.nd-planner-panel[hidden], .nd-planner-result[hidden] { display: none; }
.nd-planner-panel h3,
.nd-planner-result h3 { margin-top: 8px; color: #fff; font: 700 clamp(1.4rem, 3vw, 2rem)/1.12 "Space Grotesk", sans-serif; letter-spacing: -.03em; }
.nd-planner-panel > div > p,
.nd-planner-result > p { margin-top: 8px; color: var(--nd-muted); font-size: 13px; line-height: 1.65; }
.nd-question-number { color: var(--nd-orange); font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.nd-option-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.planner-option {
    position: relative;
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 2px 13px;
    align-items: center;
    padding: 18px;
    overflow: hidden;
    border: 1px solid rgba(148,163,184,.14);
    border-radius: 14px;
    text-align: left;
    background: rgba(4,13,23,.54);
    transition: transform .25s ease, border-color .25s ease, background .25s ease;
}
.planner-option::after {
    position: absolute;
    top: 12px;
    right: 12px;
    display: grid;
    width: 19px;
    height: 19px;
    place-items: center;
    content: "✓";
    border: 1px solid rgba(148,163,184,.20);
    border-radius: 50%;
    color: transparent;
    font-size: 10px;
    transition: .2s ease;
}
.planner-option i { grid-row: 1 / span 2; color: var(--nd-orange); font-size: 21px; }
.planner-option strong { padding-right: 24px; color: #f8fafc; font-size: 13px; }
.planner-option span { color: #7f8fa1; font-size: 10px; }
.planner-option:hover { transform: translateY(-2px); border-color: rgba(255,173,10,.38); background: rgba(255,173,10,.055); }
.planner-option.is-selected { border-color: var(--nd-orange); background: rgba(255,173,10,.09); box-shadow: inset 0 0 0 1px rgba(255,173,10,.08); }
.planner-option.is-selected::after { border-color: var(--nd-orange); background: var(--nd-orange); color: var(--nd-ink); }

.nd-planner-nav {
    position: absolute;
    right: 34px;
    bottom: 30px;
    left: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-top: 20px;
    border-top: 1px solid rgba(148,163,184,.12);
}
.nd-planner-nav[hidden] { display: none; }
.nd-planner-nav button { display: inline-flex; gap: 8px; align-items: center; padding: 11px 15px; border-radius: 9px; font-size: 11px; font-weight: 800; transition: .2s ease; }
.nd-planner-back { color: #aab5c1; background: rgba(148,163,184,.07); }
.nd-planner-next { color: var(--nd-ink); background: var(--nd-orange); }
.nd-planner-nav button:disabled { cursor: not-allowed; opacity: .28; }
.nd-planner-nav button:not(:disabled):hover { transform: translateY(-1px); }
.nd-planner-nav > span { color: #6f8093; font-size: 10px; text-align: center; }

.nd-planner-result { padding: 22px 4px 86px; text-align: center; animation: ndPanelIn .4s ease both; }
.nd-result-icon {
    display: grid;
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    place-items: center;
    border: 1px solid rgba(255,173,10,.3);
    border-radius: 50%;
    color: var(--nd-ink);
    background: var(--nd-orange);
    box-shadow: 0 0 0 10px rgba(255,173,10,.07), 0 18px 45px rgba(229,139,0,.2);
}
#planner-result-tags { justify-content: center; margin-top: 18px; }
#planner-result-tags span { padding: 6px 10px; border: 1px solid rgba(148,163,184,.14); border-radius: 99px; color: #c7d0da; background: rgba(148,163,184,.06); font-size: 10px; }
#planner-use-result { margin-inline: auto; }
@keyframes ndPanelIn { from { opacity: 0; transform: translateX(14px); } to { opacity: 1; transform: none; } }

/* Krahasimi para / pas */
.nd-before-after {
    display: grid;
    grid-template-columns: minmax(0,1.65fr) minmax(260px,.65fr);
    gap: 0;
    overflow: hidden;
    border-radius: 18px;
    background: #081422;
    box-shadow: 0 25px 65px rgba(15,23,42,.16);
}
.nd-compare-stage { position: relative; min-height: 430px; overflow: hidden; touch-action: pan-y; user-select: none; }
.nd-compare-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.nd-compare-after { position: absolute; inset: 0 auto 0 0; width: 52%; overflow: hidden; border-right: 2px solid #fff; }
.nd-compare-after .nd-compare-image { width: 100vw; max-width: none; }
.nd-compare-label { position: absolute; top: 18px; z-index: 3; padding: 6px 10px; border-radius: 99px; color: #fff; background: rgba(7,17,31,.78); backdrop-filter: blur(10px); font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.nd-compare-label--before { right: 18px; }
.nd-compare-label--after { left: 18px; }
.nd-compare-handle { position: absolute; top: 50%; left: 52%; z-index: 4; display: grid; width: 48px; height: 48px; place-items: center; transform: translate(-50%,-50%); border: 3px solid #fff; border-radius: 50%; color: var(--nd-ink); background: var(--nd-orange); box-shadow: 0 12px 35px rgba(0,0,0,.28); pointer-events: none; }
#project-compare-range { position: absolute; inset: 0; z-index: 5; width: 100%; height: 100%; cursor: ew-resize; opacity: 0; }
.nd-compare-copy { display: flex; flex-direction: column; justify-content: center; padding: 42px; }
.nd-compare-copy h3 { margin-top: 12px; color: #fff; font: 700 1.7rem/1.12 "Space Grotesk", sans-serif; letter-spacing: -.03em; }
#projekte .nd-compare-copy p { margin-top: 14px; color: #aab6c4 !important; font-size: 12px; line-height: 1.7; }

/* FAQ */
.nd-faq-section { background: linear-gradient(180deg, #081422, #07111f); }
.nd-faq-list { border-top: 1px solid rgba(148,163,184,.15); }
.nd-faq-item { border-bottom: 1px solid rgba(148,163,184,.15); }
.nd-faq-question { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 4px; color: #f1f5f9; text-align: left; font-size: 14px; font-weight: 700; }
.nd-faq-question i { display: grid; width: 30px; height: 30px; flex: 0 0 auto; place-items: center; border: 1px solid rgba(148,163,184,.18); border-radius: 50%; color: var(--nd-orange); transition: .25s ease; }
.nd-faq-item.is-open .nd-faq-question i { transform: rotate(45deg); color: var(--nd-ink); background: var(--nd-orange); border-color: var(--nd-orange); }
.nd-faq-answer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .32s ease; }
.nd-faq-answer > p { overflow: hidden; color: #98a7b7; font-size: 12px; line-height: 1.75; }
.nd-faq-item.is-open .nd-faq-answer { grid-template-rows: 1fr; }
.nd-faq-item.is-open .nd-faq-answer > p { padding-bottom: 22px; }

.nd-reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .65s ease, transform .65s ease;
}
.nd-reveal.nd-visible { opacity: 1; transform: none; }

@media (max-width: 1023px) {
    .nd-hero {
        min-height: auto;
        background-position: 65% center !important;
    }
    .nd-hero::before {
        position: absolute;
        inset: 0;
        z-index: -1;
        content: "";
        background: rgba(7,17,31,.38);
    }
    .nd-hero-visual { min-height: 470px; max-width: 650px; margin: 12px auto 0; }
    .nd-floating-card--top { right: 0; }
    .nd-before-after { grid-template-columns: 1fr; }
    .nd-compare-copy { padding: 30px; }
}

@media (max-width: 767px) {
    body.ndertimi-pro { padding-bottom: 72px; }
    .nd-mobile-header-tools { display: flex !important; }
    .nd-topbar .nd-license { display: none; }
    .nd-topbar > div > .flex:first-child span:last-child,
    .nd-topbar > div > .flex:last-child { display: none; }
    .nd-topbar > div { min-height: 25px; justify-content: center; }
    .nd-header .h-20 { height: 72px; }
    .nd-header .text-2xl { font-size: 1.18rem !important; }
    .nd-header .nd-brand-mark { width: 40px !important; height: 40px !important; }
    .nd-language-switcher--mobile .nd-lang-button { min-width: 30px; height: 27px; }
    .nd-hero { padding-top: 72px !important; padding-bottom: 88px !important; }
    .nd-display { font-size: clamp(2.55rem, 12vw, 4rem) !important; line-height: .99 !important; }
    .nd-proof-grid { gap: 14px !important; }
    .nd-proof-grid > div { padding-left: 10px; }
    .nd-proof-grid .text-2xl { font-size: 1.15rem !important; }
    .nd-hero-visual { min-height: 390px; }
    .nd-project-frame { left: 0; border-radius: 4px 34px 4px 4px; }
    .nd-project-caption { right: 18px; bottom: 18px; left: 26px; }
    .nd-floating-card--top { top: 18px; right: -6px; }
    .nd-floating-card--bottom { bottom: 48px; left: -6px; }
    .nd-trust-strip { margin-top: -24px; }
    .nd-trust-item + .nd-trust-item { border-top: 1px solid rgba(255,255,255,.09); border-left: 0; }
    .nd-planner-card { min-height: 650px; padding: 26px 20px; }
    .nd-option-grid { grid-template-columns: 1fr; gap: 10px; }
    .planner-option { padding: 14px; }
    .nd-planner-nav { right: 20px; bottom: 20px; left: 20px; }
    .nd-planner-nav > span { display: none; }
    .nd-compare-stage { min-height: 330px; }
    .nd-compare-copy { padding: 26px 22px; }
    .nd-footer-bottom { flex-direction: column; text-align: center; }
}

@media (min-width: 768px) {
    .nd-mobile-actions { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
    .nd-reveal { opacity: 1; transform: none; }
}

/* === SEO pages v2.7 === */
body.nd-seo-page{margin:0;background:#07111f;color:#e7edf4;font-family:"Plus Jakarta Sans",sans-serif;line-height:1.7}
.nd-seo-page *{box-sizing:border-box}
.nd-seo-page a{color:inherit}
.nd-seo-shell{width:min(1180px,calc(100% - 36px));margin:0 auto}
.nd-seo-header{position:sticky;top:0;z-index:50;background:rgba(7,17,31,.93);backdrop-filter:blur(16px);border-bottom:1px solid rgba(148,163,184,.14)}
.nd-seo-header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.nd-seo-brand{display:flex;align-items:center;gap:11px;text-decoration:none}
.nd-seo-brand-mark{width:43px;height:43px;display:flex;align-items:flex-end;gap:4px;padding:7px;border:1px solid rgba(255,173,10,.24);border-radius:12px;background:#0d1928}
.nd-seo-brand-mark span{display:block;flex:1;background:#ffad0a;border-radius:2px 2px 0 0}.nd-seo-brand-mark span:nth-child(1){height:55%}.nd-seo-brand-mark span:nth-child(2){height:90%}.nd-seo-brand-mark span:nth-child(3){height:70%;background:#64748b}
.nd-seo-brand-text{font-family:"Space Grotesk",sans-serif;font-size:22px;font-weight:700;line-height:1}.nd-seo-brand-text>span{color:#ffad0a}.nd-seo-brand-text small{display:block;margin-top:5px;color:#7f8ea0;font:700 8px/1 "Plus Jakarta Sans",sans-serif;text-transform:uppercase;letter-spacing:.12em}
.nd-seo-nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:700;color:#b5c0ce}.nd-seo-nav a{text-decoration:none;transition:.2s}.nd-seo-nav a:hover{color:#ffad0a}.nd-seo-nav .nd-seo-nav-cta{padding:10px 15px;background:#ffad0a;color:#07111f;border-radius:10px}
.nd-seo-hero{padding:84px 0 76px;background:radial-gradient(circle at 78% 18%,rgba(255,173,10,.12),transparent 28%),linear-gradient(180deg,#081321 0%,#07111f 100%);border-bottom:1px solid rgba(148,163,184,.12)}
.nd-seo-breadcrumbs{margin-bottom:28px;color:#8e9bad;font-size:12px}.nd-seo-breadcrumbs a{text-decoration:none;color:#c6d0dc}.nd-seo-breadcrumbs span{color:#8e9bad}
.nd-seo-eyebrow{margin:0 0 13px;color:#ffad0a;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.18em}
.nd-seo-hero h1{max-width:900px;margin:0;color:#fff;font:700 clamp(38px,6vw,68px)/1.08 "Space Grotesk",sans-serif;letter-spacing:-.035em}
.nd-seo-lead{max-width:790px;margin:20px 0 0;color:#a9b6c5;font-size:18px;line-height:1.75}
.nd-seo-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.nd-seo-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 19px;border-radius:11px;font-size:13px;font-weight:800;text-decoration:none;transition:.2s}.nd-seo-btn-primary{background:#ffad0a;color:#07111f!important;box-shadow:0 12px 34px rgba(255,173,10,.16)}.nd-seo-btn-primary:hover{transform:translateY(-1px);background:#ffc347}.nd-seo-btn-secondary{border:1px solid #263649;background:#0d1928;color:#e7edf4!important}.nd-seo-btn-secondary:hover{border-color:#ffad0a}
.nd-seo-content-section{padding:72px 0 84px}.nd-seo-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:54px;align-items:start}.nd-seo-article{min-width:0;color:#bac6d3;font-size:16px}.nd-seo-article>p:first-child{font-size:18px;color:#d9e1ea}.nd-seo-article h2{margin:42px 0 14px;color:#fff;font:700 29px/1.25 "Space Grotesk",sans-serif;letter-spacing:-.02em}.nd-seo-article h3{margin:32px 0 12px;color:#fff;font:700 22px/1.3 "Space Grotesk",sans-serif}.nd-seo-article p{margin:0 0 19px}.nd-seo-article ul,.nd-seo-article ol{margin:14px 0 24px;padding-left:21px}.nd-seo-article li{margin:8px 0}.nd-seo-article a{color:#ffbd3d;text-decoration-thickness:1px;text-underline-offset:3px}.nd-seo-article strong{color:#f1f5f9}
.nd-seo-sidebar{position:sticky;top:104px}.nd-seo-side-card{padding:24px;border:1px solid rgba(148,163,184,.15);border-radius:18px;background:linear-gradient(180deg,#0d1928,#0a1522);box-shadow:0 22px 55px rgba(0,0,0,.18)}.nd-seo-side-kicker{margin:0;color:#ffad0a;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.16em}.nd-seo-side-card h2{margin:5px 0 18px;color:#fff;font:700 20px/1.25 "Space Grotesk",sans-serif}.nd-seo-side-card>a{display:block;padding:11px 0;border-top:1px solid rgba(148,163,184,.11);color:#b9c5d1;font-size:12px;font-weight:700;text-decoration:none}.nd-seo-side-card>a:hover{color:#ffad0a}
.nd-seo-cta{padding:54px 0;background:#0a1624;border-top:1px solid rgba(148,163,184,.12);border-bottom:1px solid rgba(148,163,184,.12)}.nd-seo-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.nd-seo-cta h2{margin:0;color:#fff;font:700 31px/1.2 "Space Grotesk",sans-serif}.nd-seo-cta p:not(.nd-seo-eyebrow){max-width:720px;margin:12px 0 0;color:#96a5b5;font-size:14px}
.nd-seo-footer{padding:38px 0;background:#050c15;color:#8291a2;font-size:12px}.nd-seo-footer-inner{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px;align-items:center}.nd-seo-footer strong{font:700 20px "Space Grotesk",sans-serif;color:#fff}.nd-seo-footer strong span{color:#ffad0a}.nd-seo-footer p{margin:4px 0 0}.nd-seo-footer a{color:#c5d0dc;text-decoration:none}.nd-seo-footer a:hover{color:#ffad0a}
@media(max-width:900px){.nd-seo-nav a:not(.nd-seo-nav-cta){display:none}.nd-seo-content-grid{grid-template-columns:1fr;gap:34px}.nd-seo-sidebar{position:static}.nd-seo-cta-inner{align-items:flex-start;flex-direction:column}.nd-seo-footer-inner{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.nd-seo-shell{width:min(100% - 26px,1180px)}.nd-seo-header-inner{min-height:69px}.nd-seo-brand-mark{width:38px;height:38px}.nd-seo-brand-text{font-size:19px}.nd-seo-brand-text small{font-size:7px}.nd-seo-nav .nd-seo-nav-cta{padding:9px 11px;font-size:11px}.nd-seo-hero{padding:58px 0 54px}.nd-seo-hero h1{font-size:39px}.nd-seo-lead{font-size:15px}.nd-seo-content-section{padding:48px 0 58px}.nd-seo-article{font-size:15px}.nd-seo-article>p:first-child{font-size:16px}.nd-seo-article h2{font-size:25px}.nd-seo-hero-actions{display:grid;grid-template-columns:1fr 1fr}.nd-seo-btn{padding:0 12px;text-align:center}.nd-seo-cta h2{font-size:27px}.nd-seo-footer-inner{grid-template-columns:1fr;gap:18px}}