/* ==========================================================================
   NetNavi Cloud — OMTREX-aligned public design layer (v13.3.0)
   Loaded after the existing NetNavi styles. This intentionally adopts the
   restrained institutional rhythm, palette and surface treatment used by the
   OMTREX public site while keeping NetNavi content, IA and functionality.
   ========================================================================== */

:root{
  --nn-ink:#101820;
  --nn-ink-soft:#263442;
  --nn-muted:#536171;
  --nn-blue:#0b4db8;
  --nn-blue-dark:#083e93;
  --nn-blue-deep:#061d40;
  --nn-blue-wash:#eaf2fd;
  --nn-page:#ffffff;
  --nn-surface:#ffffff;
  --nn-line:#d5dee8;
  --nn-line-soft:#e8edf3;
  --nn-good:#177a58;
  --nn-radius:0px;
  --nn-radius-sm:0px;
  --nn-radius-lg:0px;
  --nn-shadow-sm:none;
  --nn-shadow:none;
  --nn-shadow-lg:none;
  --nn-ring:inset 0 0 0 1px var(--nn-line);
  --nn-shell:1180px;
  --nn-font-display:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
  --nn-font-body:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
  --nn-font-mono:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
}

html{scroll-padding-top:96px;background:#fff}
body{background:#fff;color:var(--nn-ink);line-height:1.65;letter-spacing:-.005em}
h1,h2,h3,h4,.brand strong{font-family:var(--nn-font-body);letter-spacing:-.035em;line-height:1.05}
h1{font-size:clamp(2.7rem,1.5rem + 3.6vw,5rem);font-weight:600}
h2{font-size:clamp(2rem,1.25rem + 2vw,3.15rem);font-weight:600}
h3{font-size:1.18rem;font-weight:600;letter-spacing:-.02em}
p{color:var(--nn-muted)}
.shell{width:min(100% - 3rem,var(--nn-shell))}
.section{padding-block:clamp(4.8rem,4rem + 3vw,7.5rem)}
.eyebrow,.utility-key,.v12-console-status,.popular-label,.v12-console-product small,.v12-service-card-top>span,.v12-service-start small,.nn-job-meta,.v12-process-grid>article>span{
  font-family:var(--nn-font-body);font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase
}
.eyebrow{color:var(--nn-muted);margin-bottom:1rem}
a{color:inherit}
.v12-card-link,.v12-text-link,.text-link,.quiet-link,.legal-copy a{color:var(--nn-blue)}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid #1264d7;outline-offset:4px}

/* Header — simplified, white, precise and institutional. */
.utility-bar{display:none!important}
.site-header{position:sticky;top:0;background:rgba(255,255,255,.98);backdrop-filter:none;border-bottom:1px solid var(--nn-line)}
.header-inner{min-height:112px;gap:2rem}
.brand{display:flex;align-items:center;flex:0 0 auto;gap:0}
.brand img{display:block}
.brand strong,.brand small{display:none}
#site-navigation,.header-actions{gap:1.55rem}
#site-navigation>a,.site-nav-dropdown-toggle{font-size:.9rem;font-weight:500;color:var(--nn-ink-soft);padding:.25rem 0;border:0}
#site-navigation>a:hover,.site-nav-dropdown-toggle:hover,#site-navigation>a.active{color:var(--nn-blue)}
.site-nav-dropdown.active>.site-nav-dropdown-toggle{color:var(--nn-blue)}
.site-nav-dropdown-menu{border:1px solid var(--nn-line);box-shadow:0 18px 46px rgba(16,24,32,.10);padding:.45rem;min-width:230px}
.site-nav-dropdown-menu a{border-radius:0;padding:.65rem .75rem;color:var(--nn-ink-soft)}
.site-nav-dropdown-menu a:hover{background:var(--nn-blue-wash);color:var(--nn-blue)}
.header-status-link{font-size:.84rem;letter-spacing:0;text-transform:none;color:var(--nn-muted)}
.header-client-link{font-size:.88rem;font-weight:600;border:1px solid var(--nn-line);padding:.65rem 1rem;color:var(--nn-ink);background:#fff}
.header-client-link:hover{background:var(--nn-blue);border-color:var(--nn-blue);color:#fff}
.menu-toggle{border:1px solid var(--nn-line);background:#fff;font-family:var(--nn-font-body);letter-spacing:0;text-transform:none;border-radius:0}

/* Heroes — remove decorative cloud gradients and use OMTREX-style whitespace. */
.v12-hero,.v12-page-hero,.nn-product-hero,.nn-about-hero,.nn-contact-hero,.legal-page-hero,.nn-job-detail-hero,.page-hero,.nn-404-hero{
  background:#fff;border-bottom:1px solid var(--nn-line);padding-block:clamp(5.5rem,4rem + 4vw,7.5rem)
}
.v12-hero::before,.v12-page-hero::before,.nn-product-hero::before{display:none}
.v12-hero-grid,.v12-page-hero-grid,.nn-product-hero-grid{gap:clamp(3rem,2rem + 4vw,6rem);align-items:start}
.v12-hero h1,.v12-page-hero h1{font-size:clamp(2.7rem,1.55rem + 3.5vw,4.8rem);max-width:14ch}
.v12-hero-copy p,.v12-page-hero p,.nn-product-hero p{font-size:1.08rem;max-width:680px;color:var(--nn-muted)}
.v12-hero-actions{margin-top:2rem}
.v12-hero-trust{margin-top:2.4rem;padding-top:1.35rem;border-top:1px solid var(--nn-line);gap:.6rem 1.7rem}
.v12-hero-trust span::before{width:4px;height:4px;background:var(--nn-blue);border-radius:0}

/* Buttons are quieter and more architectural. */
.primary-button,.secondary-button,.pricing-order-button,.nn-cookie-button,button[type="submit"],input[type="submit"]{
  border-radius:0;padding:.78rem 1.2rem;font-size:.9rem;font-weight:600;box-shadow:none;transform:none!important
}
.primary-button,.pricing-order-button,button[type="submit"],input[type="submit"]{background:var(--nn-blue);border-color:var(--nn-blue);color:#fff}
.primary-button:hover,.pricing-order-button:hover,button[type="submit"]:hover,input[type="submit"]:hover{background:var(--nn-blue-dark);border-color:var(--nn-blue-dark);box-shadow:none}
.secondary-button,.nn-cookie-button{background:#fff;border-color:var(--nn-line);color:var(--nn-ink)}
.secondary-button:hover,.nn-cookie-button:hover{background:var(--nn-blue-wash);border-color:#9cb8db;color:var(--nn-blue-dark)}

/* Dashboard / summary panels become flat editorial panels. */
.v12-console,.nn-hero-summary-card,.v12-page-hero-side,.v12-product-summary,.v12-platform-window{
  border:1px solid var(--nn-line);border-radius:0;box-shadow:none;background:#fff
}
.v12-console-top,.nn-control-panel-head,.nn-404-panel-head{background:#f4f7fb;border-bottom:1px solid var(--nn-line)}
.v12-console-status{background:transparent;border:1px solid #b8d7c9;color:var(--nn-good);padding:.2rem .5rem;border-radius:0}
.v12-console-product{border-bottom:1px solid var(--nn-line);padding:1.15rem 1.25rem}
.v12-console-product::before{width:2px}
.v12-console-product:hover{background:#f4f7fb}
.v12-console-bottom{background:#f4f7fb}

/* Cards and repeated modules: thin rules, no floating shadows. */
.v12-proof-grid,.v123-standard-points,.v12-service-grid,.v12-service-grid-page,.catalogue-service-grid,.commercial-product-grid,.dynamic-pricing-grid,.v12-faq-grid,.v12-process-grid,.v12-choice-list,.nn-principle-grid,.nn-team-grid,.nn-jobs-list,.v121-audience-grid,.v121-support-grid,.v121-next-grid,.v121-careers-grid,.v121-use-grid,.v122-stack-grid,.v121-expectations-grid,.nn-control-stat-grid,.v12-product-benefits-grid{gap:0}
.v12-proof-grid>article,.v123-standard-points>article,.v12-service-card,.catalogue-service-grid>article,.commercial-product-card,.featured-product-card,.dynamic-pricing-card,.service-overview-card,.v12-faq-grid>article,.v12-process-grid>article,.v12-choice-list>article,.nn-principle-grid>article,.nn-team-card,.nn-job-card,.nn-apply-card,.v121-audience-grid>article,.v121-support-grid>article,.v121-next-grid>article,.v121-careers-grid>article,.v121-use-grid>article,.v122-stack-grid>article,.v121-expectations-grid>article,.v12-product-benefits-grid>article,.legal-contact-card,.nn-contact-sidebar,.v12-why-list>article,.nn-404-panel,.nn-empty-state,.catalogue-empty-state{
  border:1px solid var(--nn-line);border-radius:0;box-shadow:none;padding:1.6rem;background:#fff;transition:border-color .18s ease,background-color .18s ease
}
.v12-service-card:hover,.commercial-product-card:hover,.dynamic-pricing-card:hover,.nn-job-card:hover,.nn-team-card:hover,.catalogue-service-grid>article:hover{transform:none;box-shadow:none;border-color:#9cb8db}
.v12-proof-grid>article+article,.v123-standard-points>article+article{border-left:0}
.v12-service-card-top{border-bottom:1px solid var(--nn-line)}
.v12-service-card li::before,.pricing-feature-list li::before,.v12-service-includes li::before,.v121-detail-list li::before,.v121-expectation-list li::before,.v121-support-list li::before,.v121-next-list li::before,.v12-benefit-list li::before{width:5px;height:5px;border-radius:0;background:var(--nn-blue)}
.v12-why-list>article>span,.v12-why-list article>span:first-child,.v12-why-item-number{background:transparent!important;color:var(--nn-muted)!important;border:0!important;padding:0!important}

/* Page rhythm and alternating bands. */
.v12-section-head,.nn-section-intro-split,.v123-standard-grid,.v12-why-grid,.v12-platform-grid,.v121-about-grid,.nn-about-story-grid,.nn-control-grid{gap:clamp(2rem,1.2rem + 3vw,4.5rem)}
.v12-section-head{margin-bottom:2.6rem}
.v12-services,.v121-support-model,.v12-product-benefits,.nn-team-section,.v121-team-work{background:#fff}
.v12-proof,.v123-standard,.v122-confidence,.v121-expectations{background:#f4f7fb;border-block:1px solid var(--nn-line);padding-block:clamp(3.5rem,3rem + 2vw,5rem)}
.v12-proof-grid>article,.v123-standard-points>article{background:transparent;border-top:0;border-bottom:0}
.v123-standard-grid{align-items:start}

/* OMTREX-like dark institutional band for the platform story. */
.v12-platform{background:var(--nn-blue-deep)!important;color:#fff;border-block:0}
.v12-platform h2,.v12-platform h3,.v12-platform strong{color:#fff!important}
.v12-platform p,.v12-platform span,.v12-platform li{color:#d9e7fb!important}
.v12-platform .eyebrow{color:#b9cdea!important}
.v12-platform a:not(.primary-button):not(.secondary-button){color:#9fc5ff!important}
.v12-platform-window{background:#082754;border-color:#29496f}
.v12-window-bar{background:#061d40;border-color:#29496f}
.v12-window-grid article{border-color:#29496f!important;background:transparent!important}

/* Tables, forms and FAQs. */
.v121-compare-table-wrap,.contact-form,.nn-contact-form,.pricing-card{border-radius:0!important;box-shadow:none!important;border:1px solid var(--nn-line)!important;background:#fff!important}
.v121-compare-table th,.v121-compare-table td{border-color:var(--nn-line)!important}
input,select,textarea{border-radius:0!important;border-color:var(--nn-line)!important;background:#fff!important}
.faq-list details{border-top:1px solid var(--nn-line);border-radius:0!important}
.faq-list details:last-child{border-bottom:1px solid var(--nn-line)}

/* Final CTA mirrors the OMTREX dark institutional closing sections. */
.v12-final{background:var(--nn-blue-deep)!important;border-top:1px solid #29496f;padding-block:clamp(4.5rem,3.5rem + 3vw,6.5rem)}
.v12-final h2,.v12-final h3,.v12-final strong{color:#fff!important}
.v12-final p{color:#d9e7fb!important}
.v12-final .eyebrow{color:#b9cdea!important}
.v12-final .secondary-button{background:transparent!important;color:#fff!important;border-color:#5f7fa4!important}
.v12-final .secondary-button:hover{background:#fff!important;color:var(--nn-blue-deep)!important;border-color:#fff!important}

/* Footer — compact, quiet institutional finish. */
.nnx-footer{background:#07101b!important;color:#ffffff;border-top:1px solid #26384c}
.nnx-footer-main{padding-top:4rem;padding-bottom:3.25rem}
.nnx-footer-brand strong,.nnx-footer-column strong,.nnx-footer-column h3{color:#fff;font-family:var(--nn-font-body);letter-spacing:-.01em}
.nnx-footer-brand p{color:#aebfd3}
.nnx-footer a{color:#c4d2e3}
.nnx-footer a:hover{color:#fff}
.nnx-footer-bottom{border-top:1px solid #29496f;color:#91a6bd}

/* Cookie notice follows the same flat system. */
.nn-cookie-notice{background:#fff!important;border-top:1px solid var(--nn-line)!important;box-shadow:0 -10px 28px rgba(16,24,32,.08)!important}

@media (max-width:900px){
  .shell{width:min(100% - 2rem,var(--nn-shell))}
  .header-inner{min-height:70px}
  #site-navigation.header-actions{gap:0;background:#fff;border-top:1px solid var(--nn-line);border-bottom:1px solid var(--nn-line);box-shadow:0 16px 30px rgba(16,24,32,.08)}
  #site-navigation>a,.site-nav-dropdown-toggle,.header-status-link,.header-client-link{border-radius:0!important;border:0!important;border-bottom:1px solid var(--nn-line)!important;padding:.85rem 1rem!important;width:100%;text-align:left}
  .site-nav-dropdown-menu{position:static!important;box-shadow:none!important;border:0!important;border-bottom:1px solid var(--nn-line)!important;padding:0 0 .4rem 1rem!important}
  .site-nav-dropdown-menu a{padding:.65rem 1rem}
  .v12-hero-grid,.v12-page-hero-grid,.nn-product-hero-grid,.v12-section-head,.nn-section-intro-split,.v123-standard-grid,.v12-why-grid,.v12-platform-grid,.v121-about-grid,.nn-about-story-grid,.nn-control-grid{grid-template-columns:1fr}
  .v12-proof-grid>article+article,.v123-standard-points>article+article{border-left:1px solid var(--nn-line);border-top:0}
}

@media (max-width:640px){
  h1{font-size:clamp(2.35rem,12vw,3.4rem)}
  h2{font-size:clamp(1.8rem,8.5vw,2.5rem)}
  .section{padding-block:4rem}
  .v12-hero,.v12-page-hero,.nn-product-hero,.nn-about-hero,.nn-contact-hero,.legal-page-hero,.nn-job-detail-hero,.page-hero,.nn-404-hero{padding-block:4.25rem}
  .v12-proof-grid,.v123-standard-points,.v12-service-grid,.v12-service-grid-page,.catalogue-service-grid,.commercial-product-grid,.dynamic-pricing-grid,.v12-faq-grid,.v12-process-grid,.v12-choice-list,.nn-principle-grid,.nn-team-grid,.nn-jobs-list,.v121-audience-grid,.v121-support-grid,.v121-next-grid,.v121-careers-grid,.v121-use-grid,.v122-stack-grid,.v121-expectations-grid,.nn-control-stat-grid,.v12-product-benefits-grid{grid-template-columns:1fr}
}

/* --------------------------------------------------------------------------
   v13.3.1 — OMTREX footer composition
   -------------------------------------------------------------------------- */
footer.nnx-footer{
  background:#07101b!important;
  color:#fff!important;
  border-top:0!important;
}
.nnx-footer-lead{
  border-bottom:1px solid #26384c;
}
.nnx-footer-lead-inner{
  width:min(1120px,calc(100% - 3rem));
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
  gap:clamp(3rem,7vw,7rem);
  align-items:end;
  padding:clamp(4.5rem,6vw,5.5rem) 0 clamp(3.75rem,5vw,4.5rem);
}
.nnx-footer-eyebrow{
  display:block;
  margin:0 0 1.15rem;
  color:#aabbd0!important;
  font-family:var(--nn-font-mono)!important;
  font-size:.66rem!important;
  font-weight:500!important;
  letter-spacing:.14em!important;
  line-height:1.2;
  text-transform:uppercase;
}
.nnx-footer-lead h2{
  max-width:650px;
  margin:0!important;
  color:#fff!important;
  font-family:var(--nn-font-display)!important;
  font-size:clamp(2.25rem,4.3vw,4rem)!important;
  font-weight:600!important;
  letter-spacing:-.045em!important;
  line-height:.98!important;
  text-wrap:balance;
}
.nnx-footer-lead-copy{
  max-width:430px;
  justify-self:end;
}
.nnx-footer-lead-copy p{
  margin:0 0 1.65rem!important;
  color:#c4d0df!important;
  font-size:1rem!important;
  line-height:1.7!important;
}
.nnx-footer-cta{
  display:inline-flex!important;
  align-items:center!important;
  gap:.65rem!important;
  min-height:46px!important;
  padding:0 1.1rem!important;
  border:1px solid #6b8fb8!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:.74rem!important;
  font-weight:700!important;
  letter-spacing:.035em!important;
  text-decoration:none!important;
  transition:background-color .16s ease,border-color .16s ease;
}
.nnx-footer-cta:hover{
  background:rgba(255,255,255,.07)!important;
  border-color:#9bb7d6!important;
  color:#fff!important;
}

.nnx-footer-main{
  width:min(1120px,calc(100% - 3rem))!important;
  max-width:1120px!important;
  margin-inline:auto!important;
  display:grid!important;
  grid-template-columns:minmax(260px,1.35fr) repeat(3,minmax(130px,.65fr))!important;
  gap:clamp(2.25rem,5vw,4.5rem)!important;
  align-items:start!important;
  padding:3.6rem 0!important;
}
.nnx-footer-brand{
  max-width:390px!important;
}
.nnx-footer-logo{
  display:inline-flex!important;
  align-items:center!important;
  gap:.85rem!important;
  margin:0 0 1.15rem!important;
  color:#fff!important;
  text-decoration:none!important;
}
.nnx-footer-logo strong{
  display:block!important;
  margin:0!important;
  color:#fff!important;
  font-family:var(--nn-font-body)!important;
  font-size:.95rem!important;
  font-weight:700!important;
  letter-spacing:-.015em!important;
  line-height:1.2!important;
}
.nnx-footer-logo small{
  display:block!important;
  margin-top:.2rem!important;
  color:#aebdce!important;
  font-size:.72rem!important;
  font-weight:500!important;
  line-height:1.35!important;
}
.nnx-footer-brand p{
  max-width:34ch!important;
  margin:0!important;
  color:#aebdce!important;
  font-size:.82rem!important;
  line-height:1.7!important;
}
.nnx-footer-column{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:.55rem!important;
}
.nnx-footer-column strong{
  display:block!important;
  margin:0 0 .65rem!important;
  color:#aabbd0!important;
  font-family:var(--nn-font-mono)!important;
  font-size:.66rem!important;
  font-weight:500!important;
  letter-spacing:.13em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
}
.nnx-footer-column a{
  display:inline-block!important;
  padding:0!important;
  color:#e0e7ef!important;
  font-size:.8rem!important;
  font-weight:500!important;
  line-height:1.65!important;
  text-decoration:none!important;
}
.nnx-footer-column a:hover,
.nnx-footer-legal a:hover{
  color:#fff!important;
}
.nnx-footer-bottom{
  width:min(1120px,calc(100% - 3rem))!important;
  max-width:1120px!important;
  margin-inline:auto!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:2rem!important;
  padding:1.5rem 0 1.75rem!important;
  border-top:1px solid #26384c!important;
  color:#aebdce!important;
  font-size:.7rem!important;
  line-height:1.6!important;
}
.nnx-footer-company{
  max-width:760px;
  overflow-wrap:anywhere;
}
.nnx-footer-legal{
  display:flex!important;
  flex:0 0 auto;
  flex-wrap:wrap!important;
  gap:.75rem 1.25rem!important;
}
.nnx-footer-legal a{
  color:#d8e2ed!important;
  font-size:.7rem!important;
  text-decoration:none!important;
  white-space:nowrap;
}

@media(max-width:900px){
  .nnx-footer-lead-inner{
    grid-template-columns:1fr;
    gap:2rem;
    align-items:start;
  }
  .nnx-footer-lead-copy{
    max-width:650px;
    justify-self:start;
  }
  .nnx-footer-main{
    grid-template-columns:minmax(220px,1.2fr) repeat(2,minmax(120px,.7fr))!important;
  }
  .nnx-footer-main .nnx-footer-column:last-child{
    grid-column:2 / -1;
  }
}
@media(max-width:640px){
  .nnx-footer-lead-inner,
  .nnx-footer-main,
  .nnx-footer-bottom{
    width:min(100% - 2rem,1120px)!important;
  }
  .nnx-footer-lead-inner{
    padding:3.35rem 0 3rem;
  }
  .nnx-footer-lead h2{
    font-size:clamp(2.05rem,10vw,3rem)!important;
  }
  .nnx-footer-main{
    grid-template-columns:1fr!important;
    gap:2rem!important;
    padding:2.8rem 0!important;
  }
  .nnx-footer-main .nnx-footer-column:last-child{
    grid-column:auto;
  }
  .nnx-footer-brand{
    padding-bottom:.3rem;
  }
  .nnx-footer-bottom{
    flex-direction:column!important;
    gap:1rem!important;
    padding-bottom:2rem!important;
  }
  .nnx-footer-legal{
    gap:.7rem 1rem!important;
  }
}


/* v13.3.3 — Omtrex-aligned pre-footer CTA band */
.v12-final{
    background:#f3f6f9!important;
    border-top:1px solid #dfe5eb!important;
    color:#102a43!important;
}
.v12-final h2,
.v12-final h3,
.v12-final strong{
    color:#102a43!important;
}
.v12-final p{
    color:#52677b!important;
}
.v12-final .eyebrow{
    color:#315b84!important;
}
.v12-final .primary-button{
    background:#173f67!important;
    border-color:#173f67!important;
    color:#fff!important;
}
.v12-final .primary-button:hover{
    background:#102f4d!important;
    border-color:#102f4d!important;
    color:#fff!important;
}
.v12-final .secondary-button{
    background:transparent!important;
    border-color:#173f67!important;
    color:#173f67!important;
}
.v12-final .secondary-button:hover{
    background:#173f67!important;
    border-color:#173f67!important;
    color:#fff!important;
}


/* v13.3.4 — authoritative pre-footer CTA.
   This block intentionally comes last and also resets -webkit-text-fill-color
   from the legacy button rules in app.css. */
section.v12-final{
    display:block!important;
    background:#f4f6f8!important;
    background-image:none!important;
    border-top:1px solid #dde4ea!important;
    border-bottom:1px solid #dde4ea!important;
    color:#10253a!important;
    padding:clamp(3.75rem,6vw,5.75rem) 0!important;
}
section.v12-final .v12-final-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:end!important;
    justify-content:space-between!important;
    gap:clamp(2rem,5vw,5rem)!important;
}
section.v12-final .eyebrow{
    display:block!important;
    margin:0 0 1.15rem!important;
    padding:0!important;
    border:0!important;
    background:none!important;
    color:#41688f!important;
    -webkit-text-fill-color:#41688f!important;
}
section.v12-final h2{
    max-width:18ch!important;
    margin:0 0 1rem!important;
    color:#10253a!important;
    -webkit-text-fill-color:#10253a!important;
    font-size:clamp(2.25rem,4vw,4rem)!important;
    line-height:1.02!important;
    letter-spacing:-.045em!important;
}
section.v12-final p{
    max-width:48rem!important;
    margin:0!important;
    color:#5b6b79!important;
    -webkit-text-fill-color:#5b6b79!important;
    font-size:clamp(1rem,1.3vw,1.18rem)!important;
    line-height:1.55!important;
}
section.v12-final .v12-final-inner>div:last-child{
    display:flex!important;
    width:auto!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:.75rem!important;
}
section.v12-final a.primary-button{
    width:auto!important;
    flex:0 0 auto!important;
    min-height:48px!important;
    padding:.85rem 1.35rem!important;
    border:1px solid #173f67!important;
    border-radius:0!important;
    background:#173f67!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:none!important;
}
section.v12-final a.primary-button:hover,
section.v12-final a.primary-button:focus{
    border-color:#102f4d!important;
    background:#102f4d!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}
section.v12-final a.secondary-button{
    width:auto!important;
    flex:0 0 auto!important;
    min-height:48px!important;
    padding:.85rem 1.35rem!important;
    border:1px solid #173f67!important;
    border-radius:0!important;
    background:transparent!important;
    color:#173f67!important;
    -webkit-text-fill-color:#173f67!important;
    box-shadow:none!important;
}
section.v12-final a.secondary-button:hover,
section.v12-final a.secondary-button:focus{
    border-color:#173f67!important;
    background:#173f67!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}
@media (max-width: 820px){
    section.v12-final .v12-final-inner{
        grid-template-columns:1fr!important;
        align-items:start!important;
    }
    section.v12-final .v12-final-inner>div:last-child{
        justify-content:flex-start!important;
    }
}
@media (max-width: 520px){
    section.v12-final .v12-final-inner>div:last-child{
        width:100%!important;
        flex-direction:column!important;
        align-items:stretch!important;
    }
    section.v12-final a.primary-button,
    section.v12-final a.secondary-button{
        width:100%!important;
    }
}



/* v13.4.3 — balanced NetNavi Cloud identity */
.header-inner{min-height:86px!important}
.site-header .brand{
    display:flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:280px!important;
}
.site-header .brand .nn-brand-logo{
    display:block!important;
    width:235px!important;
    height:auto!important;
    max-width:min(235px,42vw)!important;
    flex:0 0 auto!important;
    object-fit:contain!important;
}
.nnx-footer-logo{
    display:inline-flex!important;
    align-items:center!important;
}
@media(max-width:900px){
    .header-inner{min-height:80px!important}
    .site-header .brand .nn-brand-logo{
        width:215px!important;
        max-width:48vw!important;
    }
}
@media(max-width:700px){
    .header-inner{min-height:72px!important}
    .site-header .brand{max-width:220px!important}
    .site-header .brand .nn-brand-logo{
        width:190px!important;
        max-width:58vw!important;
    }
    .nnx-footer-logo .nn-footer-brand-logo{width:245px!important}
}
@media(max-width:420px){
    .site-header .brand .nn-brand-logo{
        width:175px!important;
        max-width:58vw!important;
    }
}




/* v13.4.7 — footer wordmark layout fix */
.nnx-footer-brand{
    max-width:440px!important;
}
.nnx-footer-logo{
    display:inline-flex!important;
    align-items:center!important;
    width:auto!important;
    max-width:100%!important;
    margin:0 0 1.35rem!important;
}
.nnx-footer-logo .nn-footer-brand-logo{
    display:block!important;
    width:280px!important;
    height:auto!important;
    max-width:100%!important;
    flex:0 0 auto!important;
    object-fit:contain!important;
}
@media(max-width:700px){
    .nnx-footer-logo .nn-footer-brand-logo{
        width:235px!important;
    }
}




/* v13.4.9 — polished mobile navigation */
.menu-toggle{
    display:none!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #d8e0e7!important;
    border-radius:6px!important;
    background:#fff!important;
    color:var(--nn-ink)!important;
    box-shadow:none!important;
    cursor:pointer!important;
}
.menu-toggle:hover,
.menu-toggle:focus-visible{
    border-color:#b9c7d4!important;
    background:#f7f9fb!important;
}
.menu-toggle-icon{
    display:flex!important;
    width:19px!important;
    height:14px!important;
    flex-direction:column!important;
    justify-content:space-between!important;
}
.menu-toggle-icon span{
    display:block!important;
    width:100%!important;
    height:2px!important;
    border-radius:2px!important;
    background:currentColor!important;
    transition:transform .18s ease,opacity .18s ease!important;
    transform-origin:center!important;
}
.menu-toggle[aria-expanded="true"] .menu-toggle-icon span:nth-child(1){
    transform:translateY(6px) rotate(45deg)!important;
}
.menu-toggle[aria-expanded="true"] .menu-toggle-icon span:nth-child(2){
    opacity:0!important;
}
.menu-toggle[aria-expanded="true"] .menu-toggle-icon span:nth-child(3){
    transform:translateY(-6px) rotate(-45deg)!important;
}

@media (max-width:900px){
    .site-header{
        position:sticky!important;
        top:0!important;
        z-index:1200!important;
        background:#fff!important;
        border-bottom:1px solid var(--nn-line)!important;
    }
    .header-inner{
        position:relative!important;
        min-height:72px!important;
        flex-wrap:nowrap!important;
        justify-content:space-between!important;
        gap:1rem!important;
    }
    .site-header .brand{
        min-width:0!important;
        max-width:calc(100% - 60px)!important;
    }
    .site-header .brand .nn-brand-logo{
        width:205px!important;
        max-width:100%!important;
        height:auto!important;
    }
    .menu-toggle{
        display:inline-flex!important;
        flex:0 0 44px!important;
        margin-left:auto!important;
    }

    #site-navigation.header-actions{
        display:none!important;
        position:absolute!important;
        top:100%!important;
        left:0!important;
        right:0!important;
        z-index:1250!important;
        width:100%!important;
        max-height:calc(100dvh - 72px)!important;
        overflow-y:auto!important;
        -webkit-overflow-scrolling:touch!important;
        overscroll-behavior:contain!important;
        flex-direction:column!important;
        align-items:stretch!important;
        gap:0!important;
        margin:0!important;
        padding:.5rem .85rem 1rem!important;
        background:#fff!important;
        border:0!important;
        border-top:1px solid var(--nn-line)!important;
        border-bottom:1px solid var(--nn-line)!important;
        box-shadow:0 16px 30px rgba(15,35,55,.12)!important;
    }
    #site-navigation.header-actions.open,
    #site-navigation.header-actions[data-open="true"]{
        display:flex!important;
    }

    #site-navigation > a,
    #site-navigation .site-nav-dropdown > .site-nav-dropdown-toggle{
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        width:100%!important;
        min-height:50px!important;
        margin:0!important;
        padding:.82rem .35rem!important;
        border:0!important;
        border-bottom:1px solid #edf1f4!important;
        border-radius:0!important;
        background:transparent!important;
        color:var(--nn-ink)!important;
        font-size:.98rem!important;
        font-weight:650!important;
        line-height:1.25!important;
        text-align:left!important;
        text-decoration:none!important;
        box-shadow:none!important;
    }
    #site-navigation > a:hover,
    #site-navigation > a:focus-visible,
    #site-navigation .site-nav-dropdown > .site-nav-dropdown-toggle:hover,
    #site-navigation .site-nav-dropdown > .site-nav-dropdown-toggle:focus-visible{
        background:transparent!important;
        color:var(--nn-blue)!important;
    }

    #site-navigation .site-nav-dropdown{
        width:100%!important;
        margin:0!important;
    }
    #site-navigation .site-nav-dropdown > .site-nav-dropdown-toggle{
        pointer-events:none!important;
        color:var(--nn-ink)!important;
    }
    #site-navigation .site-nav-dropdown-menu{
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        gap:.35rem .5rem!important;
        position:static!important;
        width:100%!important;
        min-width:0!important;
        margin:0!important;
        padding:.65rem 0 .8rem!important;
        border:0!important;
        border-bottom:1px solid #edf1f4!important;
        background:transparent!important;
        box-shadow:none!important;
        opacity:1!important;
        visibility:visible!important;
        transform:none!important;
        pointer-events:auto!important;
    }
    #site-navigation .site-nav-dropdown-menu::before{
        display:none!important;
    }
    #site-navigation .site-nav-dropdown-menu a{
        display:flex!important;
        align-items:center!important;
        min-height:40px!important;
        width:100%!important;
        margin:0!important;
        padding:.55rem .65rem!important;
        border:1px solid #e6ecf1!important;
        border-radius:5px!important;
        background:#f8fafc!important;
        color:var(--nn-ink-soft)!important;
        font-size:.88rem!important;
        font-weight:550!important;
        line-height:1.2!important;
        text-decoration:none!important;
    }
    #site-navigation .site-nav-dropdown-menu a:hover,
    #site-navigation .site-nav-dropdown-menu a:focus-visible,
    #site-navigation .site-nav-dropdown-menu a.active{
        border-color:#cfdbe6!important;
        background:#eef4fa!important;
        color:var(--nn-blue)!important;
    }

    #site-navigation .header-status-link{
        margin-top:.25rem!important;
    }
    #site-navigation .header-client-link{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:100%!important;
        min-height:48px!important;
        margin:.8rem 0 0!important;
        padding:.8rem 1rem!important;
        border:1px solid var(--nn-blue)!important;
        border-radius:5px!important;
        background:var(--nn-blue)!important;
        color:#fff!important;
        text-align:center!important;
    }
    #site-navigation .header-client-link:hover,
    #site-navigation .header-client-link:focus-visible{
        background:var(--nn-blue-deep)!important;
        border-color:var(--nn-blue-deep)!important;
        color:#fff!important;
    }

    html.mobile-nav-open,
    html.mobile-nav-open body{
        overflow:hidden!important;
    }
}

@media (max-width:560px){
    .header-inner{
        min-height:68px!important;
    }
    .site-header .brand .nn-brand-logo{
        width:185px!important;
    }
    #site-navigation.header-actions{
        max-height:calc(100dvh - 68px)!important;
        padding:.4rem .7rem .9rem!important;
    }
    #site-navigation .site-nav-dropdown-menu{
        grid-template-columns:1fr!important;
    }
}

@media (max-width:380px){
    .site-header .brand .nn-brand-logo{
        width:168px!important;
    }
}

@media (min-width:901px){
    .menu-toggle{display:none!important}
    #site-navigation.header-actions{display:flex!important}
}