@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{
--nms-primary:#143A63;
--nms-primary-hover:#1C4D7A;
--nms-secondary:#6F9CC2;
--nms-accent:#AFC9DE;
--nms-ice:#D8E8F3;
--nms-bg:#F9FBFD;
--nms-alt:#EEF4F8;
--nms-white:#FFFFFF;
--nms-border:#E4EBF2;
--nms-heading:#1B2E44;
--nms-body:#5F6F80;
--nms-muted:#8B99A6;
}
*{
margin:0;
padding:0;
box-sizing:border-box;
}
html{
scroll-behavior:smooth;
}
body{
font-family:'DM Sans',sans-serif;
font-size:16px;
line-height:1.6;
background:var(--nms-bg);
color:var(--nms-body);
overflow-x:hidden;
}
a{
text-decoration:none;
}
button{
font:inherit;
}
.nms-layout-wrap{
width:min(94%,1440px);
margin:auto;
}
.nms-header-shell{
position:relative;
z-index:1000;
}
.nms-contact-rail{
height:40px;
background:var(--nms-primary);
color:var(--nms-white);
overflow:hidden;
}
.nms-contact-rail-inner{
height:100%;
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
}
.nms-contact-rail-left,
.nms-contact-rail-right{
display:flex;
align-items:center;
gap:24px;
}
.nms-rail-link{
display:flex;
align-items:center;
gap:9px;
font-size:14px;
font-weight:500;
letter-spacing:.15px;
color:rgba(255,255,255,.88);
transition:color .3s ease;
}
.nms-rail-link:hover{
color:var(--nms-white);
}
.nms-rail-icon{
width:24px;
height:24px;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.16);
border-radius:50%;
font-size:12.5px;
color:var(--nms-ice);
}
.nms-service-status,
.nms-location-mini{
display:flex;
align-items:center;
gap:9px;
font-size:14px;
font-weight:500;
color:rgba(255,255,255,.78);
}
.nms-status-pulse{
position:relative;
width:7px;
height:7px;
border-radius:50%;
background:var(--nms-ice);
}
.nms-status-pulse:before{
content:'';
position:absolute;
inset:-4px;
border:1px solid var(--nms-ice);
border-radius:50%;
animation:nmsStatusWave 2s ease-out infinite;
}
.nms-rail-separator{
width:1px;
height:14px;
background:rgba(255,255,255,.2);
}
.nms-navbar-zone{
padding:16px 0 0;
position:absolute;
width:100%;
top:40px;
left:0;
transition:padding .4s ease,transform .4s ease;
}
.nms-main-navbar{
height:82px;
padding:0 12px 0 22px;
display:grid;
grid-template-columns:290px 1fr 290px;
align-items:center;
background:rgba(255,255,255,.94);
border:1px solid rgba(228,235,242,.9);
border-radius:22px;
box-shadow:0 15px 45px rgba(20,58,99,.09);
backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);
transition:height .4s ease,border-radius .4s ease,box-shadow .4s ease;
}
.nms-header-shell.nms-header-fixed .nms-navbar-zone{
position:fixed;
top:0;
padding:10px 0;
background:rgba(249,251,253,.84);
backdrop-filter:blur(15px);
-webkit-backdrop-filter:blur(15px);
animation:nmsHeaderDown .45s ease;
}
.nms-header-shell.nms-header-fixed .nms-main-navbar{
height:70px;
border-radius:18px;
box-shadow:0 12px 35px rgba(20,58,99,.12);
}

.nms-brand-link{
display:flex;
align-items:center;
width:max-content;
height:58px;
}
.nms-brand-link img{
display:block;
width:auto;
height:100%;
max-width:245px;
object-fit:contain;
object-position:left center;
transition:transform .35s ease;
}
.nms-brand-link:hover img{
transform:scale(1.03);
}
@media(max-width:991px){
.nms-brand-link{
height:52px;
}
.nms-brand-link img{
max-width:220px;
}
}
@media(max-width:640px){
.nms-brand-link{
height:43px;
max-width:195px;
}
.nms-brand-link img{
width:100%;
height:100%;
max-width:none;
object-fit:contain;
object-position:left center;
}
}
@media(max-width:380px){
.nms-brand-link{
height:39px;
max-width:170px;
}
}

.nms-brand-emblem{
width:48px;
height:48px;
display:grid;
place-items:center;
position:relative;
border-radius:16px;
background:linear-gradient(145deg,var(--nms-primary),var(--nms-primary-hover));
color:var(--nms-white);
font-size:21px;
box-shadow:0 9px 22px rgba(20,58,99,.24);
transform:rotate(-4deg);
transition:transform .4s ease;
}
.nms-brand-link:hover .nms-brand-emblem{
transform:rotate(4deg) scale(1.04);
}
.nms-brand-orbit{
position:absolute;
width:58px;
height:58px;
border:1px solid var(--nms-accent);
border-radius:19px;
opacity:.45;
transform:rotate(15deg);
transition:transform .5s ease;
}
.nms-brand-link:hover .nms-brand-orbit{
transform:rotate(45deg);
}
.nms-brand-copy{
display:flex;
flex-direction:column;
line-height:1;
}
.nms-brand-copy strong{
font-family:'Manrope',sans-serif;
font-size:20px;
font-weight:800;
letter-spacing:-.6px;
color:var(--nms-heading);
}
.nms-brand-copy small{
margin-top:7px;
font-size:12.5px;
font-weight:700;
letter-spacing:1.65px;
text-transform:uppercase;
color:var(--nms-secondary);
}
.nms-desktop-navigation{
display:flex;
justify-content:center;
}
.nms-nav-track{
position:relative;
display:flex;
align-items:center;
gap:3px;
padding:5px;
border-radius:14px;
background:var(--nms-alt);
}
.nms-nav-slider{
position:absolute;
height:calc(100% - 10px);
left:5px;
top:5px;
border-radius:10px;
background:var(--nms-white);
box-shadow:0 4px 15px rgba(20,58,99,.09);
transition:left .38s cubic-bezier(.22,1,.36,1),width .38s cubic-bezier(.22,1,.36,1);
}
.nms-nav-link{
position:relative;
z-index:2;
padding:11px 17px;
font-size:15px;
font-weight:600;
white-space:nowrap;
color:var(--nms-body);
transition:color .3s ease;
}
.nms-nav-link:hover,
.nms-nav-current{
color:var(--nms-primary);
}
.nms-navbar-actions{
display:flex;
align-items:center;
justify-content:flex-end;
gap:10px;
}
.nms-order-button{
height:52px;
padding:0 7px 0 22px;
display:flex;
align-items:center;
gap:17px;
border-radius:15px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:15px;
font-weight:700;
box-shadow:0 10px 25px rgba(20,58,99,.2);
transition:transform .3s ease,background .3s ease,box-shadow .3s ease;
}
.nms-order-button:hover{
background:var(--nms-primary-hover);
transform:translateY(-2px);
box-shadow:0 14px 30px rgba(20,58,99,.26);
}
.nms-order-arrow{
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:11px;
background:rgba(255,255,255,.14);
overflow:hidden;
}
.nms-order-arrow i{
transition:transform .35s ease;
}
.nms-order-button:hover .nms-order-arrow i{
transform:translateX(3px);
}
.nms-menu-toggle{
width:48px;
height:48px;
display:none;
align-items:flex-end;
justify-content:center;
flex-direction:column;
gap:5px;
padding:0 13px;
border:0;
border-radius:14px;
background:var(--nms-alt);
cursor:pointer;
}
.nms-menu-toggle span{
height:2px;
border-radius:3px;
background:var(--nms-primary);
transition:.3s ease;
}
.nms-menu-toggle span:nth-child(1){
width:20px;
}
.nms-menu-toggle span:nth-child(2){
width:15px;
}
.nms-menu-toggle span:nth-child(3){
width:20px;
}
.nms-menu-toggle:hover span:nth-child(2){
width:20px;
}
.nms-mobile-panel{
position:fixed;
top:0;
right:0;
width:min(430px,92%);
height:100vh;
padding:26px;
background:var(--nms-bg);
z-index:1002;
transform:translateX(105%);
transition:transform .55s cubic-bezier(.22,1,.36,1);
overflow-y:auto;
}
.nms-mobile-panel.nms-mobile-panel-open{
transform:translateX(0);
}
.nms-mobile-panel-head{
display:flex;
align-items:center;
justify-content:space-between;
padding-bottom:20px;
border-bottom:1px solid var(--nms-border);
}
.nms-mobile-panel-label{
font-family:'Manrope',sans-serif;
font-size:15px;
font-weight:800;
letter-spacing:1.5px;
text-transform:uppercase;
color:var(--nms-heading);
}
.nms-mobile-close{
width:43px;
height:43px;
display:grid;
place-items:center;
border:1px solid var(--nms-border);
border-radius:13px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:18px;
cursor:pointer;
transition:transform .3s ease,background .3s ease;
}
.nms-mobile-close:hover{
background:var(--nms-alt);
transform:rotate(90deg);
}
.nms-mobile-nav-list{
display:flex;
flex-direction:column;
gap:8px;
padding:22px 0;
}
.nms-mobile-nav-link{
min-height:66px;
padding:9px 12px;
display:grid;
grid-template-columns:44px 1fr auto;
align-items:center;
gap:12px;
border:1px solid transparent;
border-radius:16px;
color:var(--nms-heading);
font-size:16px;
font-weight:700;
transition:.3s ease;
}
.nms-mobile-nav-link:hover,
.nms-mobile-current{
background:var(--nms-white);
border-color:var(--nms-border);
box-shadow:0 8px 25px rgba(20,58,99,.07);
transform:translateX(3px);
}
.nms-mobile-nav-icon{
width:44px;
height:44px;
display:grid;
place-items:center;
border-radius:12px;
background:var(--nms-alt);
color:var(--nms-primary);
}
.nms-mobile-current .nms-mobile-nav-icon{
background:var(--nms-primary);
color:var(--nms-white);
}
.nms-mobile-nav-arrow{
font-size:14px;
color:var(--nms-secondary);
transition:transform .3s ease;
}
.nms-mobile-nav-link:hover .nms-mobile-nav-arrow{
transform:translateX(4px);
}
.nms-mobile-order-link{
margin-top:10px;
padding:20px;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
border-radius:18px;
background:var(--nms-primary);
color:var(--nms-white);
}
.nms-mobile-order-link span{
display:flex;
flex-direction:column;
gap:6px;
}
.nms-mobile-order-link strong{
font-size:16px;
}
.nms-mobile-order-link small{
font-size:14px;
color:var(--nms-accent);
}
.nms-mobile-order-link>i{
width:42px;
height:42px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:12px;
background:rgba(255,255,255,.12);
}
.nms-mobile-contact-card{
margin-top:4px;
padding:17px;
display:flex;
align-items:center;
gap:13px;
border:1px solid var(--nms-border);
border-radius:17px;
background:var(--nms-white);
}
.nms-mobile-contact-mark{
width:44px;
height:44px;
display:grid;
place-items:center;
border-radius:13px;
background:var(--nms-ice);
color:var(--nms-primary);
}
.nms-mobile-contact-card div:last-child{
display:flex;
flex-direction:column;
gap:3px;
}
.nms-mobile-contact-card span{
font-size:13px;
color:var(--nms-muted);
}
.nms-mobile-contact-card a{
font-size:16px;
font-weight:700;
color:var(--nms-heading);
}
.nms-menu-backdrop{
position:fixed;
inset:0;
background:rgba(20,58,99,.35);
backdrop-filter:blur(5px);
-webkit-backdrop-filter:blur(5px);
z-index:1001;
opacity:0;
visibility:hidden;
transition:.4s ease;
}
.nms-menu-backdrop.nms-backdrop-visible{
opacity:1;
visibility:visible;
}
@keyframes nmsStatusWave{
0%{transform:scale(.7);opacity:1}
100%{transform:scale(2.2);opacity:0}
}
@keyframes nmsHeaderDown{
from{transform:translateY(-100%)}
to{transform:translateY(0)}
}
@media(max-width:1120px){
.nms-main-navbar{
grid-template-columns:270px 1fr 185px;
}
.nms-nav-link{
padding:11px 12px;
}
}
@media(max-width:991px){
.nms-contact-rail-right{
display:none;
}
.nms-contact-rail-inner{
justify-content:center;
}
.nms-main-navbar{
height:74px;
grid-template-columns:1fr auto;
padding:0 10px 0 17px;
}
.nms-desktop-navigation{
display:none;
}
.nms-navbar-actions{
grid-column:2;
}
.nms-menu-toggle{
display:flex;
}
.nms-order-button{
height:48px;
}
}
@media(max-width:640px){
.nms-layout-wrap{
width:calc(100% - 24px);
}
.nms-contact-rail{
height:36px;
}
.nms-contact-rail-left{
width:100%;
justify-content:center;
}
.nms-rail-email{
display:none;
}
.nms-navbar-zone{
top:36px;
padding-top:10px;
}
.nms-main-navbar{
height:68px;
border-radius:18px;
}
.nms-brand-emblem{
width:42px;
height:42px;
border-radius:13px;
font-size:18px;
}
.nms-brand-orbit{
width:50px;
height:50px;
border-radius:16px;
}
.nms-brand-copy strong{
font-size:18px;
}
.nms-brand-copy small{
font-size:11.5px;
letter-spacing:1.3px;
}
.nms-order-button{
display:none;
}
.nms-menu-toggle{
width:46px;
height:46px;
}
.nms-header-shell.nms-header-fixed .nms-main-navbar{
height:64px;
}
}

.nms-hero-slider{
position:relative;
width:100%;
aspect-ratio:16/9;
min-height:680px;
max-height:920px;
overflow:hidden;
background:var(--nms-primary);
}
.nms-hero-slide{
position:absolute;
inset:0;
display:flex;
align-items:center;
background-repeat:no-repeat;
opacity:0;
visibility:hidden;
transition:opacity .9s ease,visibility .9s ease;
}
.nms-hero-slide-active{
opacity:1;
visibility:visible;
z-index:2;
}
.nms-hero-slide:before{
content:'';
position:absolute;
inset:0;
background:inherit;
background-repeat:no-repeat;
background-size:100% 100%;
background-position:center;
transform:scale(1);
}
.nms-hero-slide-active:before{
animation:nmsHeroImageZoom 8s linear forwards;
}
.nms-hero-overlay{
position:absolute;
inset:0;
z-index:1;
background:linear-gradient(90deg,rgba(15,43,73,.98) 0%,rgba(20,58,99,.93) 34%,rgba(20,58,99,.7) 56%,rgba(20,58,99,.28) 78%,rgba(20,58,99,.08) 100%);
}
.nms-hero-glow{
position:absolute;
z-index:2;
width:520px;
height:520px;
left:-250px;
bottom:-270px;
border-radius:50%;
border:1px solid rgba(216,232,243,.16);
box-shadow:0 0 0 70px rgba(216,232,243,.035),0 0 0 145px rgba(216,232,243,.025);
}
.nms-hero-container{
position:relative;
z-index:3;
width:min(94%,1440px);
height:100%;
margin:auto;
display:grid;
grid-template-columns:minmax(0,720px) minmax(240px,310px);
align-items:center;
justify-content:space-between;
gap:70px;
padding-top:120px;
padding-bottom:105px;
}
.nms-hero-content{
width:100%;
max-width:720px;
}
.nms-hero-eyebrow{
width:max-content;
max-width:100%;
display:flex;
align-items:center;
gap:11px;
margin-bottom:20px;
padding:6px 15px 6px 6px;
border:1px solid rgba(255,255,255,.17);
border-radius:50px;
background:rgba(255,255,255,.08);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
font-size:13px;
font-weight:700;
letter-spacing:1.15px;
text-transform:uppercase;
color:var(--nms-ice);
opacity:0;
transform:translateY(20px);
}
.nms-hero-eyebrow-icon{
width:34px;
height:34px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:50%;
background:rgba(255,255,255,.12);
color:var(--nms-white);
font-size:14px;
}
.nms-hero-content h1,
.nms-hero-content h2{
max-width:700px;
font-family:'Manrope',sans-serif;
font-size:clamp(43px,4.35vw,68px);
font-weight:700;
line-height:1.06;
letter-spacing:-2.8px;
color:var(--nms-white);
opacity:0;
transform:translateY(30px);
}
.nms-hero-content h1 span,
.nms-hero-content h2 span{
display:block;
color:var(--nms-accent);
}
.nms-hero-content p{
max-width:590px;
margin-top:20px;
font-size:17px;
line-height:1.7;
color:rgba(255,255,255,.78);
opacity:0;
transform:translateY(25px);
}
.nms-hero-actions{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:12px;
margin-top:28px;
opacity:0;
transform:translateY(25px);
}
.nms-hero-primary-btn{
height:56px;
padding:0 8px 0 22px;
display:flex;
align-items:center;
gap:18px;
border-radius:15px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:15px;
font-weight:700;
box-shadow:0 16px 38px rgba(0,0,0,.14);
transition:transform .35s ease,box-shadow .35s ease;
}
.nms-hero-primary-btn i{
width:40px;
height:40px;
display:grid;
place-items:center;
border-radius:11px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:14px;
transition:transform .35s ease;
}
.nms-hero-primary-btn:hover{
transform:translateY(-3px);
box-shadow:0 20px 42px rgba(0,0,0,.19);
}
.nms-hero-primary-btn:hover i{
transform:translateX(3px);
}
.nms-hero-secondary-btn{
height:56px;
padding:0 19px 0 8px;
display:flex;
align-items:center;
gap:11px;
border:1px solid rgba(255,255,255,.2);
border-radius:15px;
background:rgba(255,255,255,.08);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
color:var(--nms-white);
font-size:15px;
font-weight:700;
transition:background .35s ease,transform .35s ease;
}
.nms-hero-secondary-btn:hover{
background:rgba(255,255,255,.14);
transform:translateY(-3px);
}
.nms-hero-btn-icon{
width:40px;
height:40px;
display:grid;
place-items:center;
border-radius:11px;
background:rgba(255,255,255,.1);
color:var(--nms-ice);
}
.nms-hero-side-card{
width:100%;
align-self:end;
margin-bottom:30px;
padding:24px;
border:1px solid rgba(255,255,255,.18);
border-radius:23px;
background:rgba(12,38,66,.32);
backdrop-filter:blur(17px);
-webkit-backdrop-filter:blur(17px);
box-shadow:0 25px 60px rgba(0,0,0,.14);
opacity:0;
transform:translateX(30px);
}
.nms-hero-side-card-top{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:24px;
}
.nms-hero-side-icon{
width:50px;
height:50px;
display:grid;
place-items:center;
border-radius:15px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:19px;
}
.nms-hero-side-number{
font-family:'Manrope',sans-serif;
font-size:15px;
font-weight:700;
color:rgba(255,255,255,.4);
}
.nms-hero-side-card h3{
font-family:'Manrope',sans-serif;
font-size:20px;
line-height:1.3;
font-weight:700;
color:var(--nms-white);
}
.nms-hero-side-card p{
margin-top:10px;
font-size:14px;
line-height:1.65;
color:rgba(255,255,255,.65);
}
.nms-hero-side-card a{
margin-top:19px;
padding-top:17px;
display:flex;
align-items:center;
justify-content:space-between;
border-top:1px solid rgba(255,255,255,.12);
color:var(--nms-white);
font-size:14px;
font-weight:700;
}
.nms-hero-side-card a i{
transition:transform .3s ease;
}
.nms-hero-side-card a:hover i{
transform:translateX(4px);
}
.nms-hero-slide-active .nms-hero-eyebrow{
animation:nmsHeroReveal .65s ease .2s forwards;
}
.nms-hero-slide-active .nms-hero-content h1,
.nms-hero-slide-active .nms-hero-content h2{
animation:nmsHeroReveal .75s ease .33s forwards;
}
.nms-hero-slide-active .nms-hero-content p{
animation:nmsHeroReveal .75s ease .46s forwards;
}
.nms-hero-slide-active .nms-hero-actions{
animation:nmsHeroReveal .75s ease .59s forwards;
}
.nms-hero-slide-active .nms-hero-side-card{
animation:nmsHeroSideReveal .8s ease .65s forwards;
}
.nms-hero-bottom-bar{
position:absolute;
z-index:7;
left:50%;
bottom:27px;
width:min(94%,1440px);
transform:translateX(-50%);
display:flex;
align-items:center;
justify-content:space-between;
}
.nms-hero-controls{
display:flex;
align-items:center;
gap:14px;
}
.nms-hero-arrow{
width:43px;
height:43px;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.2);
border-radius:50%;
background:rgba(255,255,255,.07);
color:var(--nms-white);
cursor:pointer;
transition:background .3s ease,color .3s ease,transform .3s ease;
}
.nms-hero-arrow:hover{
background:var(--nms-white);
color:var(--nms-primary);
transform:scale(1.06);
}
.nms-hero-pagination{
display:flex;
align-items:center;
gap:7px;
}
.nms-hero-dot{
position:relative;
width:35px;
height:4px;
border:0;
border-radius:10px;
background:rgba(255,255,255,.23);
overflow:hidden;
cursor:pointer;
}
.nms-hero-dot span{
position:absolute;
inset:0 auto 0 0;
width:0;
background:var(--nms-white);
border-radius:10px;
}
.nms-hero-dot-active span{
animation:nmsHeroProgress 7s linear forwards;
}
.nms-hero-slide-count{
display:flex;
align-items:center;
gap:10px;
font-size:13px;
font-weight:700;
letter-spacing:1px;
color:rgba(255,255,255,.55);
}
.nms-hero-current-number{
font-size:16.5px;
color:var(--nms-white);
}
.nms-hero-count-line{
width:45px;
height:1px;
background:rgba(255,255,255,.25);
}
@keyframes nmsHeroImageZoom{
from{
transform:scale(1);
}
to{
transform:scale(1.035);
}
}
@keyframes nmsHeroReveal{
to{opacity:1;transform:translateY(0)}
}
@keyframes nmsHeroSideReveal{
to{opacity:1;transform:translateX(0)}
}
@keyframes nmsHeroProgress{
from{width:0}
to{width:100%}
}
@media(max-width:1200px){
.nms-hero-container{
grid-template-columns:minmax(0,650px) 270px;
gap:35px;
}
.nms-hero-content h1,
.nms-hero-content h2{
font-size:clamp(42px,4.5vw,60px);
}
}
@media(max-width:991px){
.nms-hero-slider{
height:760px;
min-height:760px;
max-height:none;
aspect-ratio:auto;
}
.nms-hero-slide:before{
background-size:cover;
background-position:72% center;
}
.nms-hero-container{
display:flex;
align-items:center;
padding-top:125px;
padding-bottom:95px;
}
.nms-hero-content{
max-width:650px;
}
.nms-hero-content h1,
.nms-hero-content h2{
font-size:clamp(43px,7vw,58px);
}
.nms-hero-side-card{
display:none;
}
.nms-hero-overlay{
background:linear-gradient(90deg,rgba(15,43,73,.97) 0%,rgba(20,58,99,.9) 48%,rgba(20,58,99,.58) 76%,rgba(20,58,99,.25) 100%);
}
}
@media(max-width:700px){
.nms-hero-slider{
height:720px;
min-height:720px;
}
.nms-hero-slide:before{
background-size:cover;
background-position:right center;
}
.nms-hero-slide{
background-position:65% center;
}
.nms-hero-overlay{
background:linear-gradient(90deg,rgba(15,43,73,.97) 0%,rgba(20,58,99,.92) 62%,rgba(20,58,99,.68) 100%);
}
.nms-hero-container{
width:calc(100% - 30px);
padding-top:105px;
padding-bottom:90px;
}
.nms-hero-eyebrow{
margin-bottom:17px;
font-size:12px;
letter-spacing:.7px;
}
.nms-hero-eyebrow-icon{
width:30px;
height:30px;
}
.nms-hero-content h1,
.nms-hero-content h2{
font-size:clamp(37px,10vw,48px);
line-height:1.08;
letter-spacing:-1.8px;
}
.nms-hero-content h1 span,
.nms-hero-content h2 span{
display:inline;
}
.nms-hero-content p{
max-width:520px;
margin-top:17px;
font-size:16px;
line-height:1.65;
}
.nms-hero-actions{
margin-top:23px;
}
.nms-hero-primary-btn,
.nms-hero-secondary-btn{
height:54px;
}
.nms-hero-bottom-bar{
width:calc(100% - 30px);
bottom:20px;
}
.nms-hero-slide-count{
display:none;
}
}
@media(max-width:500px){
.nms-hero-slider{
height:730px;
min-height:730px;
}
.nms-hero-container{
align-items:center;
padding-top:110px;
}
.nms-hero-content h1,
.nms-hero-content h2{
font-size:clamp(34px,9.7vw,43px);
}
.nms-hero-actions{
width:100%;
flex-direction:column;
align-items:stretch;
}
.nms-hero-primary-btn,
.nms-hero-secondary-btn{
width:100%;
justify-content:space-between;
}
.nms-hero-controls{
width:100%;
justify-content:center;
}
}
@media(max-width:380px){
.nms-hero-slider{
height:740px;
min-height:740px;
}
.nms-hero-container{
padding-top:105px;
}
.nms-hero-content h1,
.nms-hero-content h2{
font-size:33px;
}
.nms-hero-content p{
font-size:15px;
}
.nms-hero-eyebrow span:last-child{
max-width:245px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
}

@media(max-width:500px){
.nms-hero-slider{
height:730px;
min-height:730px;
}
.nms-hero-slide:before{
background-position:78% center;
}
}
@media(max-width:380px){
.nms-hero-slider{
height:740px;
min-height:740px;
}
.nms-hero-slide:before{
background-position:80% center;
}
}

.nms-trustscape-section{
position:relative;
padding:110px 3%;
background:var(--nms-bg);
overflow:hidden;
}
.nms-trustscape-section:before{
content:'';
position:absolute;
top:-190px;
right:-160px;
width:470px;
height:470px;
border-radius:50%;
background:radial-gradient(circle,rgba(175,201,222,.3) 0%,rgba(216,232,243,.12) 38%,transparent 70%);
pointer-events:none;
}
.nms-trustscape-wrap{
position:relative;
z-index:2;
width:min(100%,1440px);
margin:auto;
display:grid;
grid-template-columns:minmax(350px,.84fr) minmax(600px,1.5fr);
gap:35px;
align-items:stretch;
}
.nms-trustscape-intro{
position:relative;
min-height:560px;
padding:52px 48px;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
border-radius:32px;
background:linear-gradient(145deg,var(--nms-primary),#102f50);
overflow:hidden;
box-shadow:0 24px 60px rgba(20,58,99,.14);
}
.nms-trustscape-intro:before{
content:'';
position:absolute;
width:290px;
height:290px;
right:-120px;
top:-120px;
border:1px solid rgba(255,255,255,.08);
border-radius:50%;
box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.018);
}
.nms-trustscape-label{
position:relative;
z-index:2;
display:flex;
align-items:center;
gap:10px;
padding:6px 13px 6px 6px;
border:1px solid rgba(255,255,255,.13);
border-radius:50px;
background:rgba(255,255,255,.07);
font-size:13px;
font-weight:700;
letter-spacing:1.1px;
text-transform:uppercase;
color:var(--nms-ice);
}
.nms-trustscape-label span{
width:33px;
height:33px;
display:grid;
place-items:center;
border-radius:50%;
background:rgba(255,255,255,.12);
color:var(--nms-white);
font-size:14px;
}
.nms-trustscape-intro h2{
position:relative;
z-index:2;
max-width:500px;
margin-top:25px;
font-family:'Manrope',sans-serif;
font-size:clamp(36px,3.3vw,56px);
line-height:1.08;
letter-spacing:-2.2px;
font-weight:700;
color:var(--nms-white);
}
.nms-trustscape-intro h2 span{
color:var(--nms-accent);
}
.nms-trustscape-intro>p{
position:relative;
z-index:2;
max-width:510px;
margin-top:21px;
font-size:16.5px;
line-height:1.75;
color:rgba(255,255,255,.7);
}
.nms-trustscape-link{
position:relative;
z-index:2;
margin-top:29px;
display:flex;
align-items:center;
gap:15px;
font-size:14px;
font-weight:700;
color:var(--nms-white);
}
.nms-trustscape-link i{
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:50%;
background:rgba(255,255,255,.1);
transition:transform .35s ease,background .35s ease;
}
.nms-trustscape-link:hover i{
transform:translateX(5px);
background:rgba(255,255,255,.18);
}
.nms-trustscape-orbit{
position:absolute;
right:30px;
bottom:25px;
width:120px;
height:120px;
display:grid;
place-items:center;
opacity:.7;
}
.nms-trustscape-orbit-ring{
position:absolute;
inset:0;
border:1px dashed rgba(255,255,255,.22);
border-radius:50%;
animation:nmsTrustOrbit 18s linear infinite;
}
.nms-trustscape-orbit-ring:before{
content:'';
position:absolute;
width:10px;
height:10px;
top:9px;
left:23px;
border-radius:50%;
background:var(--nms-accent);
box-shadow:0 0 18px rgba(175,201,222,.8);
}
.nms-trustscape-orbit-core{
width:58px;
height:58px;
display:grid;
place-items:center;
border-radius:19px;
background:rgba(255,255,255,.1);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
color:var(--nms-white);
font-size:21px;
animation:nmsTrustCoreFloat 4s ease-in-out infinite;
}
.nms-trustscape-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:20px;
}
.nms-trustscape-card{
position:relative;
min-height:270px;
padding:30px;
display:flex;
flex-direction:column;
justify-content:flex-start;
border:1px solid var(--nms-border);
border-radius:27px;
background:var(--nms-white);
overflow:hidden;
transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,border-color .35s ease;
}
.nms-trustscape-card:before{
content:'';
position:absolute;
width:170px;
height:170px;
right:-85px;
bottom:-90px;
border-radius:50%;
background:var(--nms-alt);
transition:transform .5s ease,background .5s ease;
}
.nms-trustscape-card:hover{
transform:translateY(-8px);
border-color:var(--nms-accent);
box-shadow:0 22px 50px rgba(20,58,99,.1);
}
.nms-trustscape-card:hover:before{
transform:scale(1.25);
background:var(--nms-ice);
}
.nms-trustscape-card-featured{
background:linear-gradient(145deg,var(--nms-alt),var(--nms-white));
border-color:var(--nms-accent);
}
.nms-trustscape-card-head{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:space-between;
}
.nms-trustscape-card-icon{
width:56px;
height:56px;
display:grid;
place-items:center;
border-radius:17px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:20px;
box-shadow:0 11px 25px rgba(20,58,99,.18);
transition:transform .4s ease,background .35s ease;
}
.nms-trustscape-card:hover .nms-trustscape-card-icon{
transform:rotate(-7deg) scale(1.08);
background:var(--nms-primary-hover);
}
.nms-trustscape-card-no{
font-family:'Manrope',sans-serif;
font-size:14px;
font-weight:700;
letter-spacing:1px;
color:var(--nms-muted);
}
.nms-trustscape-card h3{
position:relative;
z-index:2;
margin-top:28px;
font-family:'Manrope',sans-serif;
font-size:21px;
line-height:1.3;
font-weight:700;
color:var(--nms-heading);
}
.nms-trustscape-card p{
position:relative;
z-index:2;
margin-top:11px;
font-size:15px;
line-height:1.7;
color:var(--nms-body);
}
.nms-trustscape-card-line{
position:absolute;
left:30px;
right:30px;
bottom:25px;
height:2px;
border-radius:10px;
background:var(--nms-alt);
overflow:hidden;
}
.nms-trustscape-card-line span{
display:block;
width:0;
height:100%;
background:linear-gradient(90deg,var(--nms-primary),var(--nms-secondary));
transition:width .7s cubic-bezier(.22,1,.36,1);
}
.nms-trustscape-card:hover .nms-trustscape-card-line span{
width:100%;
}
.nms-trustscape-footer{
position:relative;
z-index:2;
width:min(94%,1440px);
min-height:78px;
margin:22px auto 0;
padding:14px 16px 14px 25px;
display:flex;
align-items:center;
justify-content:space-between;
gap:25px;
border:1px solid var(--nms-border);
border-radius:22px;
background:var(--nms-white);
box-shadow:0 12px 35px rgba(20,58,99,.05);
}
.nms-trustscape-footer-text{
display:flex;
align-items:center;
gap:12px;
}
.nms-trustscape-footer-text p{
font-size:15px;
font-weight:600;
color:var(--nms-heading);
}
.nms-trustscape-footer-pulse{
position:relative;
width:9px;
height:9px;
flex-shrink:0;
border-radius:50%;
background:var(--nms-secondary);
}
.nms-trustscape-footer-pulse:before{
content:'';
position:absolute;
inset:-5px;
border:1px solid var(--nms-secondary);
border-radius:50%;
animation:nmsTrustPulse 2s ease-out infinite;
}
.nms-trustscape-footer>a{
height:48px;
padding:0 7px 0 18px;
display:flex;
align-items:center;
gap:15px;
border-radius:14px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:14px;
font-weight:700;
transition:background .3s ease,transform .3s ease;
}
.nms-trustscape-footer>a i{
width:35px;
height:35px;
display:grid;
place-items:center;
border-radius:10px;
background:rgba(255,255,255,.12);
font-size:14px;
}
.nms-trustscape-footer>a:hover{
background:var(--nms-primary-hover);
transform:translateY(-2px);
}
.nms-reveal-item{
opacity:0;
transform:translateY(35px);
transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1);
}
.nms-reveal-item.nms-reveal-active{
opacity:1;
transform:translateY(0);
}
.nms-trustscape-card:nth-child(2){
transition-delay:.08s;
}
.nms-trustscape-card:nth-child(3){
transition-delay:.16s;
}
.nms-trustscape-card:nth-child(4){
transition-delay:.24s;
}
@keyframes nmsTrustOrbit{
to{transform:rotate(360deg)}
}
@keyframes nmsTrustCoreFloat{
0%,100%{transform:translateY(0) rotate(-4deg)}
50%{transform:translateY(-8px) rotate(4deg)}
}
@keyframes nmsTrustPulse{
0%{transform:scale(.6);opacity:1}
100%{transform:scale(2.2);opacity:0}
}
@media(max-width:1100px){
.nms-trustscape-wrap{
grid-template-columns:1fr;
}
.nms-trustscape-intro{
min-height:470px;
}
.nms-trustscape-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:700px){
.nms-trustscape-section{
padding:75px 15px;
}
.nms-trustscape-wrap{
width:100%;
gap:18px;
}
.nms-trustscape-intro{
min-height:auto;
padding:38px 27px 120px;
border-radius:25px;
}
.nms-trustscape-intro h2{
font-size:clamp(34px,10vw,44px);
letter-spacing:-1.7px;
}
.nms-trustscape-intro>p{
font-size:16px;
}
.nms-trustscape-orbit{
right:24px;
bottom:18px;
width:95px;
height:95px;
}
.nms-trustscape-orbit-core{
width:49px;
height:49px;
font-size:18px;
}
.nms-trustscape-grid{
grid-template-columns:1fr;
gap:14px;
}
.nms-trustscape-card{
min-height:245px;
padding:25px;
border-radius:22px;
}
.nms-trustscape-card-line{
left:25px;
right:25px;
bottom:21px;
}
.nms-trustscape-footer{
width:100%;
margin-top:16px;
padding:18px;
align-items:flex-start;
flex-direction:column;
border-radius:19px;
}
.nms-trustscape-footer>a{
width:100%;
justify-content:space-between;
}
}

.nms-aboutvista-section{
position:relative;
padding:120px 3%;
background:var(--nms-alt);
overflow:hidden;
}
.nms-aboutvista-section:before{
content:'';
position:absolute;
left:-220px;
bottom:-250px;
width:540px;
height:540px;
border-radius:50%;
background:radial-gradient(circle,rgba(175,201,222,.35) 0%,rgba(216,232,243,.14) 42%,transparent 72%);
}
.nms-aboutvista-section:after{
content:'NORTHSTAR';
position:absolute;
right:-25px;
top:30px;
font-family:'Manrope',sans-serif;
font-size:clamp(80px,11vw,170px);
font-weight:800;
letter-spacing:-8px;
color:rgba(20,58,99,.025);
pointer-events:none;
}
.nms-aboutvista-wrap{
position:relative;
z-index:2;
width:min(100%,1440px);
margin:auto;
display:grid;
grid-template-columns:minmax(420px,.95fr) minmax(500px,1.05fr);
gap:85px;
align-items:center;
}
.nms-aboutvista-visual{
position:relative;
min-height:620px;
padding:0 46px 42px 0;
}
.nms-aboutvista-image-box{
position:relative;
height:100%;
min-height:580px;
border-radius:34px;
overflow:hidden;
box-shadow:0 28px 65px rgba(20,58,99,.15);
}
.nms-aboutvista-image-box img{
width:100%;
height:100%;
position:absolute;
inset:0;
object-fit:cover;
transition:transform 1.2s cubic-bezier(.22,1,.36,1);
}
.nms-aboutvista-visual:hover .nms-aboutvista-image-box img{
transform:scale(1.045);
}
.nms-aboutvista-image-shade{
position:absolute;
inset:0;
background:linear-gradient(180deg,transparent 48%,rgba(14,42,70,.82) 100%);
}
.nms-aboutvista-image-caption{
position:absolute;
left:25px;
right:25px;
bottom:25px;
display:flex;
align-items:center;
gap:14px;
padding:16px;
border:1px solid rgba(255,255,255,.16);
border-radius:18px;
background:rgba(20,58,99,.36);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
}
.nms-aboutvista-caption-icon{
width:49px;
height:49px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:14px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:18px;
}
.nms-aboutvista-image-caption div{
display:flex;
flex-direction:column;
gap:4px;
}
.nms-aboutvista-image-caption small{
font-size:12.5px;
font-weight:700;
letter-spacing:1.2px;
text-transform:uppercase;
color:var(--nms-accent);
}
.nms-aboutvista-image-caption strong{
font-size:15px;
font-weight:600;
color:var(--nms-white);
}
.nms-aboutvista-floating-badge{
position:absolute;
right:0;
top:70px;
width:155px;
min-height:190px;
padding:20px;
display:flex;
flex-direction:column;
justify-content:space-between;
border:1px solid var(--nms-border);
border-radius:24px;
background:var(--nms-white);
box-shadow:0 20px 45px rgba(20,58,99,.13);
animation:nmsAboutVistaFloat 5s ease-in-out infinite;
}
.nms-aboutvista-badge-orbit{
position:relative;
width:62px;
height:62px;
display:grid;
place-items:center;
}
.nms-aboutvista-badge-orbit span{
position:absolute;
inset:0;
border:1px dashed var(--nms-secondary);
border-radius:50%;
animation:nmsAboutVistaSpin 12s linear infinite;
}
.nms-aboutvista-badge-orbit span:before{
content:'';
position:absolute;
width:8px;
height:8px;
top:3px;
left:12px;
border-radius:50%;
background:var(--nms-primary);
}
.nms-aboutvista-badge-orbit i{
width:42px;
height:42px;
display:grid;
place-items:center;
border-radius:14px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:17px;
}
.nms-aboutvista-floating-badge>div:last-child{
display:flex;
flex-direction:column;
gap:4px;
}
.nms-aboutvista-floating-badge strong{
font-family:'Manrope',sans-serif;
font-size:20px;
color:var(--nms-heading);
}
.nms-aboutvista-floating-badge span{
font-size:14px;
color:var(--nms-body);
}
.nms-aboutvista-vertical-tag{
position:absolute;
left:-22px;
top:50%;
display:flex;
align-items:center;
gap:13px;
transform:translateY(-50%) rotate(-90deg);
transform-origin:center;
}
.nms-aboutvista-vertical-tag span{
font-size:12.5px;
font-weight:700;
letter-spacing:3px;
text-transform:uppercase;
color:var(--nms-muted);
}
.nms-aboutvista-vertical-tag i{
font-size:14px;
color:var(--nms-primary);
animation:nmsAboutVistaArrow 1.8s ease-in-out infinite;
}
.nms-aboutvista-content{
position:relative;
padding:15px 0;
}
.nms-aboutvista-label{
width:max-content;
display:flex;
align-items:center;
gap:10px;
padding:6px 14px 6px 6px;
border:1px solid var(--nms-border);
border-radius:50px;
background:var(--nms-white);
font-size:13px;
font-weight:700;
letter-spacing:1.1px;
text-transform:uppercase;
color:var(--nms-primary);
box-shadow:0 8px 25px rgba(20,58,99,.06);
}
.nms-aboutvista-label span{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:50%;
background:var(--nms-primary);
color:var(--nms-white);
font-size:14px;
}
.nms-aboutvista-heading-block h2{
max-width:670px;
margin-top:24px;
font-family:'Manrope',sans-serif;
font-size:clamp(40px,4vw,62px);
font-weight:700;
line-height:1.08;
letter-spacing:-2.7px;
color:var(--nms-heading);
}
.nms-aboutvista-heading-block h2 span{
color:var(--nms-primary);
}
.nms-aboutvista-lead{
max-width:650px;
margin-top:24px;
font-size:18px;
line-height:1.7;
font-weight:500;
color:var(--nms-heading);
}
.nms-aboutvista-text{
max-width:660px;
margin-top:14px;
font-size:16px;
line-height:1.8;
color:var(--nms-body);
}
.nms-aboutvista-values{
margin-top:30px;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
.nms-aboutvista-value{
min-height:93px;
padding:15px;
display:flex;
align-items:center;
gap:13px;
border:1px solid var(--nms-border);
border-radius:18px;
background:rgba(255,255,255,.72);
transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.nms-aboutvista-value:hover{
transform:translateY(-4px);
border-color:var(--nms-accent);
box-shadow:0 14px 30px rgba(20,58,99,.08);
}
.nms-aboutvista-value-icon{
width:44px;
height:44px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:13px;
background:var(--nms-ice);
color:var(--nms-primary);
font-size:17px;
transition:transform .4s ease,background .35s ease,color .35s ease;
}
.nms-aboutvista-value:hover .nms-aboutvista-value-icon{
transform:rotate(-7deg);
background:var(--nms-primary);
color:var(--nms-white);
}
.nms-aboutvista-value div{
display:flex;
flex-direction:column;
gap:4px;
}
.nms-aboutvista-value strong{
font-size:14px;
color:var(--nms-heading);
}
.nms-aboutvista-value small{
font-size:13px;
line-height:1.45;
color:var(--nms-muted);
}
.nms-aboutvista-action-row{
margin-top:28px;
display:flex;
align-items:center;
gap:20px;
}
.nms-aboutvista-primary-link{
height:56px;
padding:0 8px 0 21px;
display:flex;
align-items:center;
gap:17px;
border-radius:15px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:14px;
font-weight:700;
box-shadow:0 13px 30px rgba(20,58,99,.2);
transition:transform .35s ease,background .35s ease;
}
.nms-aboutvista-primary-link i{
width:40px;
height:40px;
display:grid;
place-items:center;
border-radius:11px;
background:rgba(255,255,255,.12);
font-size:14px;
transition:transform .35s ease;
}
.nms-aboutvista-primary-link:hover{
transform:translateY(-3px);
background:var(--nms-primary-hover);
}
.nms-aboutvista-primary-link:hover i{
transform:translateX(4px);
}
.nms-aboutvista-phone-link{
display:flex;
align-items:center;
gap:11px;
}
.nms-aboutvista-phone-icon{
width:47px;
height:47px;
display:grid;
place-items:center;
border:1px solid var(--nms-border);
border-radius:14px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:16px;
}
.nms-aboutvista-phone-link>span:last-child{
display:flex;
flex-direction:column;
gap:3px;
}
.nms-aboutvista-phone-link small{
font-size:12.5px;
color:var(--nms-muted);
}
.nms-aboutvista-phone-link strong{
font-size:15px;
color:var(--nms-heading);
}
.nms-aboutvista-index{
margin-top:34px;
padding-top:23px;
display:flex;
align-items:center;
gap:15px;
border-top:1px solid var(--nms-border);
}
.nms-aboutvista-index-item{
display:flex;
align-items:center;
gap:8px;
}
.nms-aboutvista-index-item strong{
font-family:'Manrope',sans-serif;
font-size:14px;
color:var(--nms-primary);
}
.nms-aboutvista-index-item span{
font-size:12.5px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-muted);
}
.nms-aboutvista-index-line{
width:36px;
height:1px;
background:var(--nms-border);
}
.nms-aboutvista-reveal{
opacity:0;
transform:translateY(40px);
transition:opacity .9s ease,transform .9s cubic-bezier(.22,1,.36,1);
}
.nms-aboutvista-reveal.nms-aboutvista-visible{
opacity:1;
transform:translateY(0);
}
.nms-aboutvista-values{
transition-delay:.12s;
}
.nms-aboutvista-action-row{
transition-delay:.22s;
}
.nms-aboutvista-index{
transition-delay:.3s;
}
@keyframes nmsAboutVistaFloat{
0%,100%{transform:translateY(0)}
50%{transform:translateY(-12px)}
}
@keyframes nmsAboutVistaSpin{
to{transform:rotate(360deg)}
}
@keyframes nmsAboutVistaArrow{
0%,100%{transform:translateX(0)}
50%{transform:translateX(6px)}
}
@media(max-width:1150px){
.nms-aboutvista-wrap{
grid-template-columns:minmax(380px,.9fr) minmax(470px,1.1fr);
gap:55px;
}
.nms-aboutvista-heading-block h2{
font-size:clamp(40px,4.2vw,55px);
}
}
@media(max-width:991px){
.nms-aboutvista-wrap{
grid-template-columns:1fr;
gap:60px;
}
.nms-aboutvista-visual{
width:min(100%,700px);
margin:auto;
}
.nms-aboutvista-content{
max-width:760px;
margin:auto;
}
}
@media(max-width:700px){
.nms-aboutvista-section{
padding:78px 15px;
}
.nms-aboutvista-section:after{
display:none;
}
.nms-aboutvista-wrap{
width:100%;
gap:45px;
}
.nms-aboutvista-visual{
min-height:480px;
padding:0 20px 30px 0;
}
.nms-aboutvista-image-box{
min-height:450px;
border-radius:25px;
}
.nms-aboutvista-image-caption{
left:15px;
right:15px;
bottom:15px;
}
.nms-aboutvista-floating-badge{
right:0;
top:35px;
width:125px;
min-height:160px;
padding:16px;
}
.nms-aboutvista-vertical-tag{
display:none;
}
.nms-aboutvista-heading-block h2{
font-size:clamp(36px,10vw,47px);
letter-spacing:-1.8px;
}
.nms-aboutvista-lead{
font-size:16.5px;
}
.nms-aboutvista-values{
grid-template-columns:1fr;
}
.nms-aboutvista-action-row{
align-items:flex-start;
flex-direction:column;
}
.nms-aboutvista-primary-link{
width:100%;
justify-content:space-between;
}
.nms-aboutvista-index{
gap:10px;
}
.nms-aboutvista-index-line{
flex:1;
}
}
@media(max-width:430px){
.nms-aboutvista-visual{
min-height:430px;
}
.nms-aboutvista-image-box{
min-height:410px;
}
.nms-aboutvista-floating-badge{
width:112px;
min-height:145px;
}
.nms-aboutvista-badge-orbit{
width:52px;
height:52px;
}
.nms-aboutvista-badge-orbit i{
width:36px;
height:36px;
}
.nms-aboutvista-image-caption strong{
font-size:14px;
}
}
.nms-productrail-section{
position:relative;
padding:120px 3%;
background:var(--nms-bg);
overflow:hidden;
}
.nms-productrail-section:before{
content:'';
position:absolute;
width:540px;
height:540px;
right:-270px;
top:160px;
border-radius:50%;
background:radial-gradient(circle,rgba(175,201,222,.28),rgba(216,232,243,.08) 48%,transparent 72%);
}
.nms-productrail-wrap{
position:relative;
z-index:2;
width:min(100%,1440px);
margin:auto;
}
.nms-productrail-head{
display:grid;
grid-template-columns:minmax(500px,1.15fr) minmax(340px,.65fr);
gap:80px;
align-items:end;
margin-bottom:42px;
}
.nms-productrail-label{
width:max-content;
display:flex;
align-items:center;
gap:10px;
padding:6px 14px 6px 6px;
border:1px solid var(--nms-border);
border-radius:50px;
background:var(--nms-white);
font-size:13px;
font-weight:700;
letter-spacing:1.1px;
text-transform:uppercase;
color:var(--nms-primary);
box-shadow:0 8px 25px rgba(20,58,99,.05);
}
.nms-productrail-label span{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:50%;
background:var(--nms-primary);
color:var(--nms-white);
font-size:14px;
}
.nms-productrail-heading h2{
max-width:790px;
margin-top:22px;
font-family:'Manrope',sans-serif;
font-size:clamp(42px,4.6vw,68px);
line-height:1.04;
letter-spacing:-3.2px;
font-weight:700;
color:var(--nms-heading);
}
.nms-productrail-heading h2 span{
color:var(--nms-primary);
}
.nms-productrail-intro p{
font-size:16px;
line-height:1.8;
color:var(--nms-body);
}
.nms-productrail-intro>a{
width:max-content;
margin-top:18px;
display:flex;
align-items:center;
gap:12px;
font-size:14px;
font-weight:700;
color:var(--nms-primary);
}
.nms-productrail-intro>a i{
width:36px;
height:36px;
display:grid;
place-items:center;
border-radius:50%;
background:var(--nms-alt);
transition:transform .35s ease,background .35s ease,color .35s ease;
}
.nms-productrail-intro>a:hover i{
transform:translateX(5px);
background:var(--nms-primary);
color:var(--nms-white);
}
.nms-productrail-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:20px;
}
.nms-productrail-card{
position:relative;
height:545px;
display:flex;
flex-direction:column;
border:1px solid var(--nms-border);
border-radius:28px;
background:var(--nms-white);
overflow:hidden;
transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s ease,border-color .35s ease;
}
.nms-productrail-card:hover{
transform:translateY(-9px);
border-color:var(--nms-accent);
box-shadow:0 26px 60px rgba(20,58,99,.11);
}
.nms-productrail-image-zone{
position:relative;
height:320px;
margin:10px;
border-radius:21px;
background:var(--nms-alt);
overflow:hidden;
}
.nms-productrail-image-zone:before{
content:'';
position:absolute;
z-index:2;
inset:0;
background:linear-gradient(180deg,rgba(20,58,99,.03) 0%,transparent 45%,rgba(20,58,99,.13) 100%);
pointer-events:none;
}
.nms-productrail-ring{
position:absolute;
z-index:3;
width:150px;
height:150px;
top:-55px;
right:-35px;
border:1px dashed rgba(111,156,194,.8);
border-radius:50%;
animation:nmsProductRailSpin 18s linear infinite;
}
.nms-productrail-ring:before{
content:'';
position:absolute;
inset:24px;
border:1px solid rgba(175,201,222,.85);
border-radius:50%;
}
.nms-productrail-orbit-dot{
position:absolute;
z-index:4;
width:10px;
height:10px;
top:24px;
right:65px;
border-radius:50%;
background:var(--nms-primary);
box-shadow:0 0 18px rgba(20,58,99,.4);
animation:nmsProductRailDot 3s ease-in-out infinite;
}
.nms-productrail-topbar{
position:absolute;
z-index:7;
left:15px;
right:15px;
top:15px;
display:flex;
align-items:center;
justify-content:space-between;
}
.nms-productrail-icon{
width:43px;
height:43px;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.7);
border-radius:13px;
background:rgba(255,255,255,.72);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
color:var(--nms-primary);
font-size:16.5px;
box-shadow:0 8px 20px rgba(20,58,99,.08);
transition:background .35s ease,color .35s ease,transform .4s ease;
}
.nms-productrail-card:hover .nms-productrail-icon{
background:var(--nms-primary);
color:var(--nms-white);
transform:rotate(-7deg);
}
.nms-productrail-number{
padding:7px 10px;
border:1px solid rgba(255,255,255,.7);
border-radius:50px;
background:rgba(255,255,255,.72);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
font-family:'Manrope',sans-serif;
font-size:12.5px;
font-weight:700;
color:var(--nms-primary);
}
.nms-productrail-image-zone img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
transition:transform .8s cubic-bezier(.22,1,.36,1);
}
.nms-productrail-card:hover .nms-productrail-image-zone img{
transform:scale(1.07);
}
.nms-productrail-category{
position:absolute;
z-index:6;
left:15px;
bottom:15px;
padding:9px 13px;
border:1px solid rgba(255,255,255,.2);
border-radius:10px;
background:rgba(20,58,99,.85);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
font-size:12px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-white);
}
.nms-productrail-content{
position:relative;
flex:1;
padding:21px 22px 20px;
display:flex;
flex-direction:column;
}
.nms-productrail-content h3{
font-family:'Manrope',sans-serif;
font-size:24px;
line-height:1.2;
font-weight:700;
letter-spacing:-.7px;
color:var(--nms-heading);
}
.nms-productrail-content p{
margin-top:9px;
font-size:14px;
line-height:1.7;
color:var(--nms-body);
}
.nms-productrail-card-foot{
margin-top:auto;
padding-top:17px;
display:flex;
align-items:center;
justify-content:space-between;
border-top:1px solid var(--nms-border);
}
.nms-productrail-card-foot>span{
font-size:12.5px;
font-weight:700;
letter-spacing:.9px;
text-transform:uppercase;
color:var(--nms-muted);
}
.nms-productrail-card-foot a{
width:39px;
height:39px;
display:grid;
place-items:center;
border-radius:12px;
background:var(--nms-alt);
color:var(--nms-primary);
font-size:14px;
transition:transform .35s ease,background .35s ease,color .35s ease;
}
.nms-productrail-card:hover .nms-productrail-card-foot a{
background:var(--nms-primary);
color:var(--nms-white);
transform:rotate(-35deg);
}
.nms-productrail-more{
background:linear-gradient(145deg,var(--nms-primary),#102f50);
border-color:transparent;
}
.nms-productrail-more:hover{
border-color:transparent;
}
.nms-productrail-more:before{
content:'';
position:absolute;
width:330px;
height:330px;
right:-170px;
top:-150px;
border:1px solid rgba(255,255,255,.08);
border-radius:50%;
box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.018);
}
.nms-productrail-more-inner{
position:relative;
z-index:2;
height:100%;
padding:34px;
display:flex;
align-items:flex-start;
justify-content:center;
flex-direction:column;
}
.nms-productrail-more-icon{
position:relative;
width:95px;
height:95px;
display:grid;
place-items:center;
margin-bottom:33px;
}
.nms-productrail-more-ring{
position:absolute;
inset:0;
border:1px dashed rgba(255,255,255,.25);
border-radius:50%;
animation:nmsProductRailSpin 14s linear infinite;
}
.nms-productrail-more-ring:before{
content:'';
position:absolute;
width:9px;
height:9px;
top:7px;
left:20px;
border-radius:50%;
background:var(--nms-accent);
}
.nms-productrail-more-icon i{
width:62px;
height:62px;
display:grid;
place-items:center;
border-radius:19px;
background:rgba(255,255,255,.1);
color:var(--nms-white);
font-size:22px;
animation:nmsProductRailFloat 4s ease-in-out infinite;
}
.nms-productrail-more-label{
font-size:12.5px;
font-weight:700;
letter-spacing:1.2px;
text-transform:uppercase;
color:var(--nms-accent);
}
.nms-productrail-more h3{
max-width:340px;
margin-top:12px;
font-family:'Manrope',sans-serif;
font-size:34px;
line-height:1.15;
letter-spacing:-1.4px;
color:var(--nms-white);
}
.nms-productrail-more p{
max-width:350px;
margin-top:14px;
font-size:14px;
line-height:1.75;
color:rgba(255,255,255,.66);
}
.nms-productrail-more a{
margin-top:26px;
height:50px;
padding:0 7px 0 18px;
display:flex;
align-items:center;
gap:15px;
border-radius:14px;
background:var(--nms-white);
font-size:14px;
font-weight:700;
color:var(--nms-primary);
transition:transform .35s ease;
}
.nms-productrail-more a i{
width:36px;
height:36px;
display:grid;
place-items:center;
border-radius:10px;
background:var(--nms-alt);
}
.nms-productrail-more a:hover{
transform:translateY(-3px);
}
.nms-productrail-footer{
min-height:86px;
margin-top:20px;
padding:15px 17px 15px 21px;
display:flex;
align-items:center;
justify-content:space-between;
gap:25px;
border:1px solid var(--nms-border);
border-radius:22px;
background:var(--nms-white);
box-shadow:0 12px 35px rgba(20,58,99,.05);
}
.nms-productrail-footer-left{
display:flex;
align-items:center;
gap:14px;
}
.nms-productrail-footer-left>span{
width:48px;
height:48px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:14px;
background:var(--nms-ice);
color:var(--nms-primary);
font-size:17px;
}
.nms-productrail-footer-left div{
display:flex;
flex-direction:column;
gap:4px;
}
.nms-productrail-footer-left strong{
font-size:15px;
color:var(--nms-heading);
}
.nms-productrail-footer-left p{
font-size:14px;
color:var(--nms-muted);
}
.nms-productrail-footer>a{
height:48px;
padding:0 7px 0 18px;
display:flex;
align-items:center;
gap:14px;
border-radius:14px;
background:var(--nms-primary);
font-size:14px;
font-weight:700;
color:var(--nms-white);
transition:transform .35s ease,background .35s ease;
}
.nms-productrail-footer>a i{
width:35px;
height:35px;
display:grid;
place-items:center;
border-radius:10px;
background:rgba(255,255,255,.12);
}
.nms-productrail-footer>a:hover{
transform:translateY(-3px);
background:var(--nms-primary-hover);
}
.nms-productrail-reveal{
opacity:0;
transform:translateY(38px);
transition:opacity .85s ease,transform .85s cubic-bezier(.22,1,.36,1);
}
.nms-productrail-reveal.nms-productrail-visible{
opacity:1;
transform:translateY(0);
}
.nms-productrail-card:nth-child(2){
transition-delay:.08s;
}
.nms-productrail-card:nth-child(3){
transition-delay:.16s;
}
.nms-productrail-card:nth-child(4){
transition-delay:.08s;
}
.nms-productrail-card:nth-child(5){
transition-delay:.16s;
}
.nms-productrail-card:nth-child(6){
transition-delay:.24s;
}
@keyframes nmsProductRailSpin{
to{transform:rotate(360deg)}
}
@keyframes nmsProductRailDot{
0%,100%{transform:translateY(0);opacity:.6}
50%{transform:translateY(-8px);opacity:1}
}
@keyframes nmsProductRailFloat{
0%,100%{transform:translateY(0) rotate(-3deg)}
50%{transform:translateY(-7px) rotate(3deg)}
}
@media(max-width:1100px){
.nms-productrail-head{
grid-template-columns:1fr;
gap:22px;
}
.nms-productrail-intro{
max-width:650px;
}
.nms-productrail-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:700px){
.nms-productrail-section{
padding:78px 15px;
}
.nms-productrail-head{
margin-bottom:28px;
}
.nms-productrail-heading h2{
font-size:clamp(37px,10vw,49px);
letter-spacing:-2px;
}
.nms-productrail-grid{
grid-template-columns:1fr;
gap:15px;
}
.nms-productrail-card{
height:520px;
border-radius:24px;
}
.nms-productrail-image-zone{
height:300px;
border-radius:18px;
}
.nms-productrail-more{
height:500px;
}
.nms-productrail-more-inner{
padding:28px;
}
.nms-productrail-footer{
align-items:flex-start;
flex-direction:column;
padding:18px;
}
.nms-productrail-footer>a{
width:100%;
justify-content:space-between;
}
}

.nms-orderflow-section{
position:relative;
padding:115px 3%;
background:var(--nms-alt);
overflow:hidden;
}
.nms-orderflow-section:before{
content:'';
position:absolute;
width:600px;
height:600px;
right:-310px;
bottom:-320px;
border-radius:50%;
border:1px solid rgba(111,156,194,.13);
box-shadow:0 0 0 70px rgba(175,201,222,.035),0 0 0 145px rgba(175,201,222,.02);
}
.nms-orderflow-section:after{
content:'';
position:absolute;
width:360px;
height:360px;
left:-190px;
top:100px;
border-radius:50%;
background:radial-gradient(circle,rgba(175,201,222,.32),rgba(216,232,243,.08) 48%,transparent 72%);
}
.nms-orderflow-wrap{
position:relative;
z-index:2;
width:min(100%,1440px);
margin:auto;
}
.nms-orderflow-head{
display:grid;
grid-template-columns:minmax(520px,1.1fr) minmax(360px,.65fr);
align-items:end;
gap:80px;
margin-bottom:55px;
}
.nms-orderflow-label{
width:max-content;
display:flex;
align-items:center;
gap:10px;
padding:6px 14px 6px 6px;
border:1px solid var(--nms-border);
border-radius:50px;
background:var(--nms-white);
font-size:13px;
font-weight:700;
letter-spacing:1.1px;
text-transform:uppercase;
color:var(--nms-primary);
box-shadow:0 8px 25px rgba(20,58,99,.05);
}
.nms-orderflow-label span{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:50%;
background:var(--nms-primary);
color:var(--nms-white);
font-size:14px;
}
.nms-orderflow-head h2{
max-width:790px;
margin-top:22px;
font-family:'Manrope',sans-serif;
font-size:clamp(42px,4.5vw,66px);
line-height:1.05;
letter-spacing:-3px;
font-weight:700;
color:var(--nms-heading);
}
.nms-orderflow-head h2 span{
color:var(--nms-primary);
}
.nms-orderflow-head-side{
padding-bottom:4px;
}
.nms-orderflow-head-side p{
font-size:16px;
line-height:1.8;
color:var(--nms-body);
}
.nms-orderflow-head-side a{
width:max-content;
margin-top:19px;
display:flex;
align-items:center;
gap:12px;
font-size:14px;
font-weight:700;
color:var(--nms-primary);
}
.nms-orderflow-head-side a i{
width:36px;
height:36px;
display:grid;
place-items:center;
border-radius:50%;
background:var(--nms-white);
transition:transform .35s ease,background .35s ease,color .35s ease;
}
.nms-orderflow-head-side a:hover i{
transform:translateX(5px);
background:var(--nms-primary);
color:var(--nms-white);
}
.nms-orderflow-stage{
position:relative;
padding:0 4px 4px;
}
.nms-orderflow-track{
position:absolute;
left:12.5%;
right:12.5%;
top:20px;
height:3px;
border-radius:10px;
background:rgba(111,156,194,.2);
overflow:hidden;
}
.nms-orderflow-track span{
display:block;
width:0;
height:100%;
border-radius:10px;
background:linear-gradient(90deg,var(--nms-secondary),var(--nms-primary));
transition:width 2s cubic-bezier(.22,1,.36,1) .3s;
}
.nms-orderflow-stage.nms-orderflow-active .nms-orderflow-track span{
width:100%;
}
.nms-orderflow-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:18px;
}
.nms-orderflow-card{
position:relative;
height:535px;
margin-top:43px;
display:flex;
flex-direction:column;
border:1px solid var(--nms-border);
border-radius:27px;
background:var(--nms-white);
box-shadow:0 15px 40px rgba(20,58,99,.055);
overflow:visible;
opacity:0;
transform:translateY(38px);
transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,border-color .35s ease;
}
.nms-orderflow-stage.nms-orderflow-active .nms-orderflow-card{
opacity:1;
transform:translateY(0);
}
.nms-orderflow-stage.nms-orderflow-active .nms-orderflow-card:nth-child(1){
transition-delay:.08s;
}
.nms-orderflow-stage.nms-orderflow-active .nms-orderflow-card:nth-child(2){
transition-delay:.2s;
}
.nms-orderflow-stage.nms-orderflow-active .nms-orderflow-card:nth-child(3){
transition-delay:.32s;
}
.nms-orderflow-stage.nms-orderflow-active .nms-orderflow-card:nth-child(4){
transition-delay:.44s;
}
.nms-orderflow-card:hover{
transform:translateY(-9px);
border-color:var(--nms-accent);
box-shadow:0 28px 65px rgba(20,58,99,.12);
}
.nms-orderflow-node{
position:absolute;
z-index:8;
width:22px;
height:22px;
left:50%;
top:-34px;
display:grid;
place-items:center;
transform:translateX(-50%);
border:5px solid var(--nms-alt);
border-radius:50%;
background:var(--nms-secondary);
color:transparent;
font-size:11px;
box-shadow:0 0 0 2px rgba(111,156,194,.24);
transition:background .35s ease,transform .35s ease,color .35s ease;
}
.nms-orderflow-stage.nms-orderflow-active .nms-orderflow-card:nth-child(1) .nms-orderflow-node{
animation:nmsOrderFlowNode .7s ease .4s forwards;
}
.nms-orderflow-stage.nms-orderflow-active .nms-orderflow-card:nth-child(2) .nms-orderflow-node{
animation:nmsOrderFlowNode .7s ease .8s forwards;
}
.nms-orderflow-stage.nms-orderflow-active .nms-orderflow-card:nth-child(3) .nms-orderflow-node{
animation:nmsOrderFlowNode .7s ease 1.2s forwards;
}
.nms-orderflow-stage.nms-orderflow-active .nms-orderflow-card:nth-child(4) .nms-orderflow-node{
animation:nmsOrderFlowNode .7s ease 1.6s forwards;
}
.nms-orderflow-card:hover .nms-orderflow-node{
transform:translateX(-50%) scale(1.2);
background:var(--nms-primary);
}
.nms-orderflow-visual{
position:relative;
height:155px;
margin:10px;
display:flex;
align-items:center;
justify-content:center;
border-radius:20px;
background:linear-gradient(145deg,var(--nms-alt),var(--nms-ice));
overflow:hidden;
}
.nms-orderflow-visual:before{
content:'';
position:absolute;
width:145px;
height:145px;
right:-72px;
top:-72px;
border:1px solid rgba(111,156,194,.35);
border-radius:50%;
}
.nms-orderflow-visual:after{
content:'';
position:absolute;
width:95px;
height:95px;
right:-40px;
top:-40px;
border:1px dashed rgba(111,156,194,.42);
border-radius:50%;
animation:nmsOrderFlowRotate 15s linear infinite;
}
.nms-orderflow-visual-pattern{
position:absolute;
inset:0;
background-image:radial-gradient(rgba(20,58,99,.08) 1px,transparent 1px);
background-size:16px 16px;
mask-image:linear-gradient(90deg,transparent,black 60%,black);
-webkit-mask-image:linear-gradient(90deg,transparent,black 60%,black);
}
.nms-orderflow-step-badge{
position:absolute;
z-index:4;
top:14px;
left:14px;
padding:7px 10px;
display:flex;
align-items:center;
gap:5px;
border:1px solid rgba(255,255,255,.7);
border-radius:50px;
background:rgba(255,255,255,.72);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
box-shadow:0 7px 18px rgba(20,58,99,.06);
}
.nms-orderflow-step-badge span{
font-size:11px;
font-weight:700;
letter-spacing:.8px;
text-transform:uppercase;
color:var(--nms-muted);
}
.nms-orderflow-step-badge strong{
font-family:'Manrope',sans-serif;
font-size:13px;
color:var(--nms-primary);
}
.nms-orderflow-icon{
position:relative;
z-index:3;
width:68px;
height:68px;
display:grid;
place-items:center;
border-radius:21px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:23px;
box-shadow:0 16px 32px rgba(20,58,99,.22);
transition:transform .5s cubic-bezier(.22,1,.36,1),background .35s ease;
}
.nms-orderflow-card:hover .nms-orderflow-icon{
transform:translateY(-7px) rotate(-6deg) scale(1.06);
background:var(--nms-primary-hover);
}
.nms-orderflow-phase{
position:absolute;
right:14px;
bottom:13px;
font-size:12px;
font-weight:700;
letter-spacing:1.2px;
text-transform:uppercase;
color:var(--nms-primary);
}
.nms-orderflow-card-body{
flex:1;
padding:19px 22px 21px;
display:flex;
flex-direction:column;
}
.nms-orderflow-card-kicker{
font-size:12px;
font-weight:700;
letter-spacing:1.1px;
text-transform:uppercase;
color:var(--nms-secondary);
}
.nms-orderflow-card-body h3{
margin-top:8px;
font-family:'Manrope',sans-serif;
font-size:22px;
line-height:1.2;
letter-spacing:-.6px;
font-weight:700;
color:var(--nms-heading);
}
.nms-orderflow-card-body>p{
margin-top:10px;
font-size:14px;
line-height:1.7;
color:var(--nms-body);
}
.nms-orderflow-points{
margin-top:18px;
padding:14px;
display:flex;
flex-direction:column;
gap:10px;
border:1px solid var(--nms-border);
border-radius:15px;
background:var(--nms-bg);
}
.nms-orderflow-points span{
display:flex;
align-items:center;
gap:8px;
font-size:13px;
font-weight:600;
color:var(--nms-body);
}
.nms-orderflow-points i{
width:19px;
height:19px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:50%;
background:var(--nms-ice);
color:var(--nms-primary);
font-size:11px;
}
.nms-orderflow-card-foot{
margin-top:auto;
padding-top:17px;
display:flex;
align-items:center;
justify-content:space-between;
border-top:1px solid var(--nms-border);
}
.nms-orderflow-card-foot span{
font-size:12px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-muted);
}
.nms-orderflow-card-foot i{
color:var(--nms-secondary);
font-size:14px;
transition:transform .35s ease,color .35s ease;
}
.nms-orderflow-card:hover .nms-orderflow-card-foot i{
transform:translateX(5px);
color:var(--nms-primary);
}
.nms-orderflow-cta{
margin-top:25px;
min-height:98px;
padding:15px 17px 15px 20px;
display:grid;
grid-template-columns:minmax(330px,1fr) auto auto;
align-items:center;
gap:35px;
border:1px solid var(--nms-border);
border-radius:23px;
background:var(--nms-white);
box-shadow:0 15px 40px rgba(20,58,99,.06);
}
.nms-orderflow-cta-main{
display:flex;
align-items:center;
gap:14px;
}
.nms-orderflow-cta-icon{
width:54px;
height:54px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:16px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:19px;
box-shadow:0 12px 28px rgba(20,58,99,.2);
}
.nms-orderflow-cta-main div{
display:flex;
flex-direction:column;
gap:4px;
}
.nms-orderflow-cta-main small{
font-size:12px;
font-weight:700;
letter-spacing:1.1px;
text-transform:uppercase;
color:var(--nms-secondary);
}
.nms-orderflow-cta-main strong{
font-size:16px;
color:var(--nms-heading);
}
.nms-orderflow-cta-features{
display:flex;
align-items:center;
gap:17px;
}
.nms-orderflow-cta-features span{
display:flex;
align-items:center;
gap:6px;
font-size:12.5px;
font-weight:600;
white-space:nowrap;
color:var(--nms-body);
}
.nms-orderflow-cta-features i{
font-size:12.5px;
color:var(--nms-primary);
}
.nms-orderflow-cta-btn{
height:52px;
padding:0 7px 0 20px;
display:flex;
align-items:center;
gap:16px;
border-radius:15px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:14px;
font-weight:700;
box-shadow:0 12px 28px rgba(20,58,99,.18);
transition:transform .35s ease,background .35s ease;
}
.nms-orderflow-cta-btn i{
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:11px;
background:rgba(255,255,255,.12);
font-size:14px;
transition:transform .35s ease;
}
.nms-orderflow-cta-btn:hover{
transform:translateY(-3px);
background:var(--nms-primary-hover);
}
.nms-orderflow-cta-btn:hover i{
transform:translateX(4px);
}
.nms-orderflow-reveal{
opacity:0;
transform:translateY(38px);
transition:opacity .85s ease,transform .85s cubic-bezier(.22,1,.36,1);
}
.nms-orderflow-reveal.nms-orderflow-visible{
opacity:1;
transform:translateY(0);
}
@keyframes nmsOrderFlowRotate{
to{transform:rotate(360deg)}
}
@keyframes nmsOrderFlowNode{
0%{
background:var(--nms-secondary);
color:transparent;
transform:translateX(-50%) scale(.7);
}
60%{
transform:translateX(-50%) scale(1.35);
}
100%{
background:var(--nms-primary);
color:var(--nms-white);
transform:translateX(-50%) scale(1);
}
}
@media(max-width:1180px){
.nms-orderflow-head{
grid-template-columns:1fr;
gap:22px;
}
.nms-orderflow-head-side{
max-width:650px;
}
.nms-orderflow-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.nms-orderflow-track{
display:none;
}
.nms-orderflow-card{
margin-top:0;
}
.nms-orderflow-node{
display:none;
}
.nms-orderflow-cta{
grid-template-columns:1fr auto;
}
.nms-orderflow-cta-features{
display:none;
}
}
@media(max-width:700px){
.nms-orderflow-section{
padding:78px 15px;
}
.nms-orderflow-head{
margin-bottom:30px;
}
.nms-orderflow-head h2{
font-size:clamp(37px,10vw,49px);
letter-spacing:-2px;
}
.nms-orderflow-grid{
grid-template-columns:1fr;
gap:15px;
}
.nms-orderflow-card{
height:auto;
min-height:510px;
border-radius:24px;
}
.nms-orderflow-visual{
height:145px;
border-radius:18px;
}
.nms-orderflow-card-body{
padding:18px 20px 20px;
}
.nms-orderflow-cta{
grid-template-columns:1fr;
gap:18px;
padding:18px;
}
.nms-orderflow-cta-btn{
width:100%;
justify-content:space-between;
}
}
@media(max-width:420px){
.nms-orderflow-card{
min-height:500px;
}
.nms-orderflow-icon{
width:62px;
height:62px;
font-size:21px;
}
.nms-orderflow-card-body h3{
font-size:21px;
}
}

.nms-footercta-section{
position:relative;
padding:80px 3% 35px;
background:var(--nms-bg);
overflow:hidden;
}
.nms-footercta-wrap{
width:min(100%,1440px);
margin:auto;
}
.nms-footercta-panel{
position:relative;
min-height:310px;
padding:48px 50px 28px;
display:grid;
grid-template-columns:minmax(480px,1fr) auto;
grid-template-rows:1fr auto;
align-items:center;
gap:35px 55px;
border-radius:30px;
background:linear-gradient(135deg,var(--nms-primary),#102f50 72%,#0c2945);
box-shadow:0 28px 70px rgba(20,58,99,.18);
overflow:hidden;
}
.nms-footercta-grid{
position:absolute;
inset:0;
background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
background-size:42px 42px;
mask-image:linear-gradient(90deg,black,rgba(0,0,0,.45),transparent);
-webkit-mask-image:linear-gradient(90deg,black,rgba(0,0,0,.45),transparent);
}
.nms-footercta-glow{
position:absolute;
border-radius:50%;
pointer-events:none;
}
.nms-footercta-glow-one{
width:330px;
height:330px;
right:-120px;
top:-180px;
background:radial-gradient(circle,rgba(175,201,222,.23),rgba(111,156,194,.06) 45%,transparent 72%);
animation:nmsFooterCtaGlow 5s ease-in-out infinite;
}
.nms-footercta-glow-two{
width:260px;
height:260px;
left:-150px;
bottom:-180px;
background:radial-gradient(circle,rgba(216,232,243,.16),transparent 68%);
animation:nmsFooterCtaGlow 6s ease-in-out infinite reverse;
}
.nms-footercta-orbit{
position:absolute;
right:275px;
top:38px;
width:92px;
height:92px;
display:grid;
place-items:center;
opacity:.7;
}
.nms-footercta-orbit-ring{
position:absolute;
inset:0;
border:1px dashed rgba(255,255,255,.24);
border-radius:50%;
animation:nmsFooterCtaSpin 15s linear infinite;
}
.nms-footercta-orbit-ring:before{
content:'';
position:absolute;
width:8px;
height:8px;
top:5px;
left:18px;
border-radius:50%;
background:var(--nms-accent);
box-shadow:0 0 18px rgba(175,201,222,.75);
}
.nms-footercta-orbit-core{
width:50px;
height:50px;
display:grid;
place-items:center;
border-radius:16px;
background:rgba(255,255,255,.1);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
color:var(--nms-white);
font-size:18px;
animation:nmsFooterCtaFloat 4s ease-in-out infinite;
}
.nms-footercta-content{
position:relative;
z-index:3;
max-width:720px;
}
.nms-footercta-label{
width:max-content;
display:flex;
align-items:center;
gap:9px;
padding:5px 13px 5px 5px;
border:1px solid rgba(255,255,255,.14);
border-radius:50px;
background:rgba(255,255,255,.07);
font-size:12.5px;
font-weight:700;
letter-spacing:1.1px;
text-transform:uppercase;
color:var(--nms-ice);
}
.nms-footercta-label span{
width:31px;
height:31px;
display:grid;
place-items:center;
border-radius:50%;
background:rgba(255,255,255,.12);
color:var(--nms-white);
font-size:14px;
}
.nms-footercta-content h2{
max-width:700px;
margin-top:18px;
font-family:'Manrope',sans-serif;
font-size:clamp(34px,3.7vw,54px);
line-height:1.06;
letter-spacing:-2.2px;
font-weight:700;
color:var(--nms-white);
}
.nms-footercta-content h2 span{
color:var(--nms-accent);
}
.nms-footercta-content p{
max-width:610px;
margin-top:13px;
font-size:15px;
line-height:1.7;
color:rgba(255,255,255,.68);
}
.nms-footercta-actions{
position:relative;
z-index:3;
display:flex;
align-items:center;
gap:12px;
}
.nms-footercta-primary{
height:56px;
padding:0 8px 0 21px;
display:flex;
align-items:center;
gap:17px;
border-radius:15px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:14px;
font-weight:700;
box-shadow:0 14px 34px rgba(0,0,0,.14);
transition:transform .35s ease,box-shadow .35s ease;
}
.nms-footercta-primary i{
width:40px;
height:40px;
display:grid;
place-items:center;
border-radius:11px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:14px;
transition:transform .35s ease;
}
.nms-footercta-primary:hover{
transform:translateY(-4px);
box-shadow:0 20px 40px rgba(0,0,0,.2);
}
.nms-footercta-primary:hover i{
transform:translateX(4px);
}
.nms-footercta-secondary{
min-height:56px;
padding:7px 15px 7px 7px;
display:flex;
align-items:center;
gap:11px;
border:1px solid rgba(255,255,255,.16);
border-radius:15px;
background:rgba(255,255,255,.07);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
color:var(--nms-white);
transition:transform .35s ease,background .35s ease;
}
.nms-footercta-secondary:hover{
transform:translateY(-4px);
background:rgba(255,255,255,.12);
}
.nms-footercta-secondary-icon{
width:41px;
height:41px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:11px;
background:rgba(255,255,255,.1);
color:var(--nms-accent);
font-size:16px;
}
.nms-footercta-secondary>span:last-child{
display:flex;
flex-direction:column;
gap:3px;
}
.nms-footercta-secondary small{
font-size:12px;
color:rgba(255,255,255,.55);
}
.nms-footercta-secondary strong{
font-size:14px;
font-weight:700;
color:var(--nms-white);
}
.nms-footercta-bottom{
position:relative;
z-index:3;
grid-column:1/-1;
padding-top:21px;
display:flex;
align-items:center;
gap:22px;
border-top:1px solid rgba(255,255,255,.1);
}
.nms-footercta-point{
display:flex;
align-items:center;
gap:8px;
}
.nms-footercta-point span{
width:21px;
height:21px;
display:grid;
place-items:center;
border-radius:50%;
background:rgba(255,255,255,.08);
color:var(--nms-accent);
font-size:12px;
}
.nms-footercta-point p{
font-size:12.5px;
font-weight:600;
letter-spacing:.2px;
color:rgba(255,255,255,.64);
}
.nms-footercta-divider{
width:1px;
height:16px;
background:rgba(255,255,255,.12);
}
.nms-footercta-reveal{
opacity:0;
transform:translateY(38px) scale(.985);
transition:opacity .9s ease,transform .9s cubic-bezier(.22,1,.36,1);
}
.nms-footercta-reveal.nms-footercta-visible{
opacity:1;
transform:translateY(0) scale(1);
}
.nms-footercta-visible .nms-footercta-label{
animation:nmsFooterCtaReveal .65s ease .15s both;
}
.nms-footercta-visible .nms-footercta-content h2{
animation:nmsFooterCtaReveal .7s ease .25s both;
}
.nms-footercta-visible .nms-footercta-content p{
animation:nmsFooterCtaReveal .7s ease .35s both;
}
.nms-footercta-visible .nms-footercta-actions{
animation:nmsFooterCtaReveal .7s ease .45s both;
}
.nms-footercta-visible .nms-footercta-bottom{
animation:nmsFooterCtaReveal .7s ease .55s both;
}
@keyframes nmsFooterCtaSpin{
to{transform:rotate(360deg)}
}
@keyframes nmsFooterCtaFloat{
0%,100%{transform:translateY(0) rotate(-4deg)}
50%{transform:translateY(-7px) rotate(4deg)}
}
@keyframes nmsFooterCtaGlow{
0%,100%{transform:scale(.9);opacity:.65}
50%{transform:scale(1.12);opacity:1}
}
@keyframes nmsFooterCtaReveal{
from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}
@media(max-width:1100px){
.nms-footercta-panel{
grid-template-columns:1fr;
gap:26px;
}
.nms-footercta-actions{
justify-content:flex-start;
}
.nms-footercta-orbit{
right:45px;
top:40px;
}
}
@media(max-width:700px){
.nms-footercta-section{
padding:65px 15px 28px;
}
.nms-footercta-panel{
min-height:auto;
padding:32px 22px 20px;
border-radius:25px;
}
.nms-footercta-content h2{
font-size:clamp(34px,10vw,45px);
letter-spacing:-1.7px;
}
.nms-footercta-actions{
width:100%;
align-items:stretch;
flex-direction:column;
}
.nms-footercta-primary,
.nms-footercta-secondary{
width:100%;
justify-content:space-between;
}
.nms-footercta-secondary>span:last-child{
margin-right:auto;
}
.nms-footercta-bottom{
align-items:flex-start;
flex-direction:column;
gap:11px;
}
.nms-footercta-divider{
display:none;
}
.nms-footercta-orbit{
display:none;
}
}
@media(max-width:700px){
.nms-footercta-bottom{
display:none;
}
}
@media(max-width:700px){
.nms-aboutvista-index{
display:none;
}
}

.nms-footer-section{
position:relative;
padding:80px 3% 0;
background:var(--nms-alt);
overflow:hidden;
}
.nms-footer-section:before{
content:'';
position:absolute;
inset:0;
background-image:linear-gradient(rgba(20,58,99,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(20,58,99,.025) 1px,transparent 1px);
background-size:52px 52px;
mask-image:linear-gradient(to bottom,transparent,black 25%,black);
-webkit-mask-image:linear-gradient(to bottom,transparent,black 25%,black);
pointer-events:none;
}
.nms-footer-decoration{
position:absolute;
border-radius:50%;
pointer-events:none;
}
.nms-footer-decoration-one{
width:470px;
height:470px;
left:-260px;
bottom:-260px;
background:radial-gradient(circle,rgba(175,201,222,.38),rgba(216,232,243,.1) 48%,transparent 72%);
animation:nmsFooterGlow 7s ease-in-out infinite;
}
.nms-footer-decoration-two{
width:390px;
height:390px;
right:-210px;
top:-210px;
border:1px solid rgba(111,156,194,.15);
box-shadow:0 0 0 55px rgba(175,201,222,.035),0 0 0 110px rgba(175,201,222,.022);
animation:nmsFooterGlow 8s ease-in-out infinite reverse;
}
.nms-footer-orbit{
position:absolute;
right:8%;
top:38px;
width:100px;
height:100px;
display:grid;
place-items:center;
opacity:.42;
}
.nms-footer-orbit-ring{
position:absolute;
inset:0;
border:1px dashed var(--nms-secondary);
border-radius:50%;
animation:nmsFooterSpin 18s linear infinite;
}
.nms-footer-orbit-ring:before{
content:'';
position:absolute;
width:8px;
height:8px;
top:7px;
left:19px;
border-radius:50%;
background:var(--nms-primary);
box-shadow:0 0 16px rgba(20,58,99,.35);
}
.nms-footer-orbit-core{
width:52px;
height:52px;
display:grid;
place-items:center;
border-radius:17px;
background:rgba(255,255,255,.7);
border:1px solid rgba(255,255,255,.8);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
color:var(--nms-primary);
font-size:18px;
animation:nmsFooterFloat 4s ease-in-out infinite;
}
.nms-footer-wrap{
position:relative;
z-index:2;
width:min(100%,1440px);
margin:auto;
}
.nms-footer-main{
display:grid;
grid-template-columns:minmax(320px,1.25fr) .65fr .75fr minmax(330px,1fr);
gap:58px;
padding-bottom:55px;
}
.nms-footer-brand-column{
max-width:430px;
}
.nms-footer-logo{
display:flex;
align-items:center;
width:max-content;
height:62px;
max-width:260px;
}
.nms-footer-logo img{
width:auto;
height:100%;
max-width:100%;
display:block;
object-fit:contain;
object-position:left center;
transition:transform .4s ease;
}
.nms-footer-logo:hover img{
transform:scale(1.025);
}
.nms-footer-brand-column>p{
margin-top:23px;
max-width:410px;
font-size:15px;
line-height:1.8;
color:var(--nms-body);
}
.nms-footer-brand-points{
margin-top:22px;
display:flex;
flex-direction:column;
gap:10px;
}
.nms-footer-brand-points span{
display:flex;
align-items:center;
gap:9px;
font-size:14px;
font-weight:600;
color:var(--nms-heading);
}
.nms-footer-brand-points i{
color:var(--nms-secondary);
font-size:13px;
}
.nms-footer-order-link{
width:max-content;
height:48px;
margin-top:24px;
padding:0 7px 0 18px;
display:flex;
align-items:center;
gap:14px;
border-radius:14px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:14px;
font-weight:700;
box-shadow:0 12px 28px rgba(20,58,99,.16);
transition:transform .35s ease,background .35s ease,box-shadow .35s ease;
}
.nms-footer-order-link i{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:10px;
background:rgba(255,255,255,.12);
font-size:13px;
transition:transform .35s ease;
}
.nms-footer-order-link:hover{
transform:translateY(-3px);
background:var(--nms-primary-hover);
box-shadow:0 17px 35px rgba(20,58,99,.2);
}
.nms-footer-order-link:hover i{
transform:translateX(4px);
}
.nms-footer-column-head,
.nms-footer-contact-head{
min-height:48px;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}
.nms-footer-column-head>div,
.nms-footer-contact-head{
justify-content:flex-start;
}
.nms-footer-column-head>div{
display:flex;
align-items:center;
gap:11px;
}
.nms-footer-column-icon{
width:38px;
height:38px;
display:grid;
place-items:center;
flex-shrink:0;
border:1px solid var(--nms-border);
border-radius:12px;
background:rgba(255,255,255,.78);
color:var(--nms-primary);
font-size:15px;
box-shadow:0 8px 20px rgba(20,58,99,.05);
}
.nms-footer-column h3,
.nms-footer-contact-head h3{
font-family:'Manrope',sans-serif;
font-size:16.5px;
font-weight:700;
color:var(--nms-heading);
}
.nms-footer-mobile-toggle{
display:none;
width:36px;
height:36px;
place-items:center;
border:1px solid var(--nms-border);
border-radius:11px;
background:var(--nms-white);
color:var(--nms-primary);
cursor:pointer;
}
.nms-footer-column-body{
margin-top:21px;
display:flex;
flex-direction:column;
gap:5px;
}
.nms-footer-column-body a{
min-height:40px;
padding:0 4px;
display:flex;
align-items:center;
justify-content:space-between;
gap:15px;
border-bottom:1px solid rgba(228,235,242,.8);
font-size:14px;
font-weight:600;
color:var(--nms-body);
transition:color .3s ease,padding .3s ease;
}
.nms-footer-column-body a i{
font-size:12.5px;
color:var(--nms-secondary);
opacity:0;
transform:translateX(-5px);
transition:opacity .3s ease,transform .3s ease;
}
.nms-footer-column-body a:hover{
padding-left:7px;
color:var(--nms-primary);
}
.nms-footer-column-body a:hover i{
opacity:1;
transform:translateX(0);
}
.nms-footer-contact-head{
gap:11px;
}
.nms-footer-contact-list{
margin-top:21px;
display:flex;
flex-direction:column;
gap:9px;
}
.nms-footer-contact-item{
min-height:63px;
padding:10px;
display:flex;
align-items:center;
gap:11px;
border:1px solid var(--nms-border);
border-radius:15px;
background:rgba(255,255,255,.64);
color:var(--nms-heading);
transition:transform .35s ease,background .35s ease,border-color .35s ease,box-shadow .35s ease;
}
a.nms-footer-contact-item:hover{
transform:translateX(4px);
background:var(--nms-white);
border-color:var(--nms-accent);
box-shadow:0 10px 24px rgba(20,58,99,.06);
}
.nms-footer-contact-icon{
width:40px;
height:40px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:12px;
background:var(--nms-ice);
color:var(--nms-primary);
font-size:15px;
transition:background .35s ease,color .35s ease,transform .35s ease;
}
a.nms-footer-contact-item:hover .nms-footer-contact-icon{
background:var(--nms-primary);
color:var(--nms-white);
transform:rotate(-5deg);
}
.nms-footer-contact-item>span:last-child{
min-width:0;
display:flex;
flex-direction:column;
gap:4px;
}
.nms-footer-contact-item small{
font-size:12px;
font-weight:700;
letter-spacing:.8px;
text-transform:uppercase;
color:var(--nms-muted);
}
.nms-footer-contact-item strong{
font-size:13px;
line-height:1.5;
font-weight:600;
overflow-wrap:anywhere;
color:var(--nms-heading);
}
.nms-footer-midbar{
min-height:90px;
padding:14px 16px 14px 20px;
display:grid;
grid-template-columns:minmax(320px,1fr) auto auto;
align-items:center;
gap:30px;
border:1px solid var(--nms-border);
border-radius:22px;
background:rgba(255,255,255,.72);
backdrop-filter:blur(13px);
-webkit-backdrop-filter:blur(13px);
box-shadow:0 14px 38px rgba(20,58,99,.055);
}
.nms-footer-midbar-left{
display:flex;
align-items:center;
gap:13px;
}
.nms-footer-status-dot{
position:relative;
width:10px;
height:10px;
flex-shrink:0;
border-radius:50%;
background:var(--nms-secondary);
}
.nms-footer-status-dot:before{
content:'';
position:absolute;
inset:-5px;
border:1px solid var(--nms-secondary);
border-radius:50%;
animation:nmsFooterPulse 2s ease-out infinite;
}
.nms-footer-midbar-left div{
display:flex;
flex-direction:column;
gap:3px;
}
.nms-footer-midbar-left small{
font-size:12px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-secondary);
}
.nms-footer-midbar-left strong{
font-size:14px;
color:var(--nms-heading);
}
.nms-footer-midbar-center{
display:flex;
align-items:center;
gap:17px;
}
.nms-footer-midbar-center span{
display:flex;
align-items:center;
gap:6px;
font-size:12.5px;
font-weight:600;
white-space:nowrap;
color:var(--nms-body);
}
.nms-footer-midbar-center i{
color:var(--nms-primary);
}
.nms-footer-midbar-link{
height:48px;
padding:0 7px 0 17px;
display:flex;
align-items:center;
gap:14px;
border-radius:14px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:13px;
font-weight:700;
transition:transform .35s ease,background .35s ease;
}
.nms-footer-midbar-link i{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:10px;
background:rgba(255,255,255,.12);
font-size:12.5px;
}
.nms-footer-midbar-link:hover{
transform:translateY(-3px);
background:var(--nms-primary-hover);
}
.nms-footer-bottom{
min-height:78px;
display:grid;
grid-template-columns:1fr auto 1fr;
align-items:center;
gap:25px;
}
.nms-footer-bottom>p{
font-size:12.5px;
color:var(--nms-muted);
}
.nms-footer-legal{
display:flex;
align-items:center;
gap:13px;
}
.nms-footer-legal a{
font-size:12.5px;
font-weight:600;
color:var(--nms-body);
transition:color .3s ease;
}
.nms-footer-legal a:hover{
color:var(--nms-primary);
}
.nms-footer-legal span{
width:3px;
height:3px;
border-radius:50%;
background:var(--nms-secondary);
}
.nms-footer-backtop{
justify-self:end;
display:flex;
align-items:center;
gap:10px;
font-size:12.5px;
font-weight:700;
letter-spacing:.5px;
text-transform:uppercase;
color:var(--nms-primary);
}
.nms-footer-backtop i{
width:35px;
height:35px;
display:grid;
place-items:center;
border:1px solid var(--nms-border);
border-radius:11px;
background:var(--nms-white);
font-size:12.5px;
transition:transform .35s ease,background .35s ease,color .35s ease;
}
.nms-footer-backtop:hover i{
transform:translateY(-4px);
background:var(--nms-primary);
color:var(--nms-white);
}
.nms-footer-reveal{
opacity:0;
transform:translateY(34px);
transition:opacity .85s ease,transform .85s cubic-bezier(.22,1,.36,1);
}
.nms-footer-reveal.nms-footer-visible{
opacity:1;
transform:translateY(0);
}
.nms-footer-midbar{
transition-delay:.12s;
}
.nms-footer-bottom{
transition-delay:.22s;
}
@keyframes nmsFooterSpin{
to{transform:rotate(360deg)}
}
@keyframes nmsFooterFloat{
0%,100%{transform:translateY(0) rotate(-4deg)}
50%{transform:translateY(-7px) rotate(4deg)}
}
@keyframes nmsFooterGlow{
0%,100%{transform:scale(.92);opacity:.65}
50%{transform:scale(1.1);opacity:1}
}
@keyframes nmsFooterPulse{
0%{transform:scale(.6);opacity:1}
100%{transform:scale(2.3);opacity:0}
}
@media(max-width:1200px){
.nms-footer-main{
grid-template-columns:1.2fr .65fr .65fr 1fr;
gap:35px;
}
.nms-footer-midbar{
grid-template-columns:1fr auto;
}
.nms-footer-midbar-center{
display:none;
}
}
@media(max-width:991px){
.nms-footer-main{
grid-template-columns:1fr 1fr;
gap:45px;
}
.nms-footer-brand-column{
max-width:none;
}
.nms-footer-contact-column{
grid-column:2;
grid-row:1/3;
}
}
@media(max-width:700px){
.nms-footer-section{
padding:65px 15px 0;
}
.nms-footer-orbit{
display:none;
}
.nms-footer-main{
grid-template-columns:1fr;
gap:0;
padding-bottom:30px;
}
.nms-footer-brand-column{
padding-bottom:32px;
}
.nms-footer-logo{
height:54px;
max-width:225px;
}
.nms-footer-column{
border-top:1px solid var(--nms-border);
}
.nms-footer-column-head{
min-height:66px;
}
.nms-footer-mobile-toggle{
display:grid;
}
.nms-footer-column-body{
max-height:0;
margin-top:0;
overflow:hidden;
opacity:0;
transition:max-height .45s ease,opacity .35s ease,padding .35s ease;
}
.nms-footer-column.nms-footer-column-open .nms-footer-column-body{
max-height:300px;
padding-bottom:20px;
opacity:1;
}
.nms-footer-column.nms-footer-column-open .nms-footer-mobile-toggle i{
transform:rotate(45deg);
}
.nms-footer-mobile-toggle i{
transition:transform .35s ease;
}
.nms-footer-contact-column{
grid-column:auto;
grid-row:auto;
padding-top:26px;
border-top:1px solid var(--nms-border);
}
.nms-footer-contact-list{
gap:8px;
}
.nms-footer-midbar{
grid-template-columns:1fr;
gap:18px;
padding:18px;
}
.nms-footer-midbar-link{
width:100%;
justify-content:space-between;
}
.nms-footer-bottom{
padding:22px 0;
grid-template-columns:1fr;
gap:15px;
text-align:center;
}
.nms-footer-legal{
justify-content:center;
}
.nms-footer-backtop{
justify-self:center;
}
}
@media(max-width:700px){
.nms-footer-midbar{ display:none;}
}

.nms-abouthero-section{
position:relative;
min-height:590px;
padding:175px 3% 35px;
display:flex;
align-items:center;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
overflow:hidden;
}
.nms-abouthero-overlay{
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(15,43,73,.97) 0%,rgba(20,58,99,.92) 38%,rgba(20,58,99,.62) 66%,rgba(20,58,99,.18) 100%);
}
.nms-abouthero-pattern{
position:absolute;
left:-145px;
bottom:-260px;
width:520px;
height:520px;
border:1px solid rgba(255,255,255,.12);
border-radius:50%;
}
.nms-abouthero-pattern:before,
.nms-abouthero-pattern:after{
content:'';
position:absolute;
border:1px solid rgba(255,255,255,.08);
border-radius:50%;
}
.nms-abouthero-pattern:before{
inset:60px;
}
.nms-abouthero-pattern:after{
inset:130px;
}
.nms-abouthero-orbit{
position:absolute;
right:7%;
top:115px;
width:105px;
height:105px;
display:grid;
place-items:center;
z-index:3;
opacity:.65;
}
.nms-abouthero-orbit-ring{
position:absolute;
inset:0;
border:1px dashed rgba(255,255,255,.32);
border-radius:50%;
animation:nmsAboutHeroSpin 16s linear infinite;
}
.nms-abouthero-orbit-ring:before{
content:'';
position:absolute;
width:9px;
height:9px;
top:6px;
left:21px;
border-radius:50%;
background:var(--nms-accent);
box-shadow:0 0 18px rgba(175,201,222,.8);
}
.nms-abouthero-orbit-core{
width:56px;
height:56px;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.14);
border-radius:18px;
background:rgba(255,255,255,.09);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
color:var(--nms-white);
font-size:20px;
animation:nmsAboutHeroFloat 4s ease-in-out infinite;
}
.nms-abouthero-wrap{
position:relative;
z-index:4;
width:min(94%,1440px);
margin:auto;
display:grid;
grid-template-columns:minmax(0,760px) 290px;
align-items:center;
justify-content:space-between;
gap:70px;
}
.nms-abouthero-content{
max-width:760px;
}
.nms-abouthero-breadcrumb{
display:flex;
align-items:center;
gap:9px;
margin-bottom:18px;
font-size:12.5px;
font-weight:600;
letter-spacing:.6px;
text-transform:uppercase;
color:rgba(255,255,255,.58);
opacity:0;
transform:translateY(18px);
}
.nms-abouthero-breadcrumb a{
display:flex;
align-items:center;
gap:7px;
color:var(--nms-accent);
}
.nms-abouthero-breadcrumb>i{
font-size:11px;
color:rgba(255,255,255,.32);
}
.nms-abouthero-label{
width:max-content;
display:flex;
align-items:center;
gap:9px;
padding:6px 14px 6px 6px;
border:1px solid rgba(255,255,255,.15);
border-radius:50px;
background:rgba(255,255,255,.07);
font-size:12.5px;
font-weight:700;
letter-spacing:1.1px;
text-transform:uppercase;
color:var(--nms-ice);
opacity:0;
transform:translateY(20px);
}
.nms-abouthero-label span{
width:32px;
height:32px;
display:grid;
place-items:center;
border-radius:50%;
background:rgba(255,255,255,.12);
color:var(--nms-white);
font-size:14px;
}
.nms-abouthero-content h1{
max-width:760px;
margin-top:18px;
font-family:'Manrope',sans-serif;
font-size:clamp(43px,4.4vw,66px);
line-height:1.05;
letter-spacing:-3px;
font-weight:700;
color:var(--nms-white);
opacity:0;
transform:translateY(28px);
}
.nms-abouthero-content h1 span{
color:var(--nms-accent);
}
.nms-abouthero-content>p{
max-width:640px;
margin-top:19px;
font-size:16px;
line-height:1.75;
color:rgba(255,255,255,.75);
opacity:0;
transform:translateY(24px);
}
.nms-abouthero-actions{
margin-top:27px;
display:flex;
align-items:center;
flex-wrap:wrap;
gap:12px;
opacity:0;
transform:translateY(24px);
}
.nms-abouthero-primary{
height:54px;
padding:0 8px 0 20px;
display:flex;
align-items:center;
gap:16px;
border-radius:15px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:14px;
font-weight:700;
box-shadow:0 14px 34px rgba(0,0,0,.14);
transition:transform .35s ease,box-shadow .35s ease;
}
.nms-abouthero-primary i{
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:11px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:13px;
transition:transform .35s ease;
}
.nms-abouthero-primary:hover{
transform:translateY(-3px);
box-shadow:0 20px 42px rgba(0,0,0,.2);
}
.nms-abouthero-primary:hover i{
transform:translateY(3px);
}
.nms-abouthero-secondary{
height:54px;
padding:0 18px 0 7px;
display:flex;
align-items:center;
gap:11px;
border:1px solid rgba(255,255,255,.18);
border-radius:15px;
background:rgba(255,255,255,.07);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
color:var(--nms-white);
font-size:14px;
font-weight:700;
transition:transform .35s ease,background .35s ease;
}
.nms-abouthero-secondary:hover{
transform:translateY(-3px);
background:rgba(255,255,255,.12);
}
.nms-abouthero-secondary-icon{
width:39px;
height:39px;
display:grid;
place-items:center;
border-radius:11px;
background:rgba(255,255,255,.1);
color:var(--nms-accent);
font-size:15px;
}
.nms-abouthero-side{
align-self:end;
padding-bottom:65px;
}
.nms-abouthero-side-card{
width:100%;
padding:22px;
border:1px solid rgba(255,255,255,.17);
border-radius:21px;
background:rgba(15,43,73,.35);
backdrop-filter:blur(15px);
-webkit-backdrop-filter:blur(15px);
box-shadow:0 20px 45px rgba(0,0,0,.14);
opacity:0;
transform:translateX(30px);
}
.nms-abouthero-side-top{
display:flex;
align-items:center;
justify-content:space-between;
}
.nms-abouthero-side-icon{
width:48px;
height:48px;
display:grid;
place-items:center;
border-radius:14px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:18px;
}
.nms-abouthero-side-number{
font-family:'Manrope',sans-serif;
font-size:13px;
font-weight:700;
color:rgba(255,255,255,.4);
}
.nms-abouthero-side-card strong{
display:block;
margin-top:20px;
font-family:'Manrope',sans-serif;
font-size:18px;
line-height:1.3;
color:var(--nms-white);
}
.nms-abouthero-side-card p{
margin-top:8px;
font-size:14px;
line-height:1.65;
color:rgba(255,255,255,.64);
}
.nms-abouthero-side-line{
height:2px;
margin-top:18px;
border-radius:10px;
background:rgba(255,255,255,.1);
overflow:hidden;
}
.nms-abouthero-side-line span{
display:block;
width:0;
height:100%;
background:var(--nms-accent);
animation:nmsAboutHeroLine 2s ease 1.2s forwards;
}
.nms-abouthero-bottom{
position:absolute;
z-index:5;
left:50%;
bottom:0;
width:min(94%,1440px);
min-height:80px;
padding:12px 20px;
display:flex;
align-items:center;
justify-content:center;
gap:25px;
transform:translateX(-50%);
border:1px solid rgba(255,255,255,.14);
border-bottom:0;
border-radius:20px 20px 0 0;
background:rgba(20,58,99,.58);
backdrop-filter:blur(16px);
-webkit-backdrop-filter:blur(16px);
}
.nms-abouthero-bottom-item{
display:flex;
align-items:center;
gap:11px;
min-width:220px;
}
.nms-abouthero-bottom-item>span{
width:40px;
height:40px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:12px;
background:rgba(255,255,255,.1);
color:var(--nms-accent);
font-size:16px;
}
.nms-abouthero-bottom-item div{
display:flex;
flex-direction:column;
gap:3px;
}
.nms-abouthero-bottom-item strong{
font-size:14px;
color:var(--nms-white);
}
.nms-abouthero-bottom-item small{
font-size:12px;
color:rgba(255,255,255,.52);
}
.nms-abouthero-bottom-divider{
width:1px;
height:32px;
background:rgba(255,255,255,.12);
}
.nms-abouthero-section.nms-abouthero-loaded .nms-abouthero-breadcrumb{
animation:nmsAboutHeroReveal .6s ease .1s forwards;
}
.nms-abouthero-section.nms-abouthero-loaded .nms-abouthero-label{
animation:nmsAboutHeroReveal .65s ease .2s forwards;
}
.nms-abouthero-section.nms-abouthero-loaded .nms-abouthero-content h1{
animation:nmsAboutHeroReveal .75s ease .32s forwards;
}
.nms-abouthero-section.nms-abouthero-loaded .nms-abouthero-content>p{
animation:nmsAboutHeroReveal .75s ease .44s forwards;
}
.nms-abouthero-section.nms-abouthero-loaded .nms-abouthero-actions{
animation:nmsAboutHeroReveal .75s ease .56s forwards;
}
.nms-abouthero-section.nms-abouthero-loaded .nms-abouthero-side-card{
animation:nmsAboutHeroSideReveal .8s ease .62s forwards;
}
@keyframes nmsAboutHeroReveal{
to{
opacity:1;
transform:translateY(0);
}
}
@keyframes nmsAboutHeroSideReveal{
to{
opacity:1;
transform:translateX(0);
}
}
@keyframes nmsAboutHeroSpin{
to{
transform:rotate(360deg);
}
}
@keyframes nmsAboutHeroFloat{
0%,100%{
transform:translateY(0) rotate(-4deg);
}
50%{
transform:translateY(-7px) rotate(4deg);
}
}
@keyframes nmsAboutHeroLine{
to{
width:100%;
}
}
@media(max-width:1050px){
.nms-abouthero-wrap{
grid-template-columns:minmax(0,680px) 250px;
gap:35px;
}
.nms-abouthero-content h1{
font-size:clamp(42px,5.2vw,60px);
}
}
@media(max-width:900px){
.nms-abouthero-section{
min-height:620px;
padding-top:170px;
}
.nms-abouthero-wrap{
grid-template-columns:1fr;
}
.nms-abouthero-content{
max-width:700px;
}
.nms-abouthero-side{
display:none;
}
.nms-abouthero-orbit{
right:35px;
top:135px;
}
.nms-abouthero-bottom{
justify-content:flex-start;
overflow-x:auto;
scrollbar-width:none;
}
.nms-abouthero-bottom::-webkit-scrollbar{
display:none;
}
.nms-abouthero-bottom-item{
min-width:220px;
}
}
@media(max-width:700px){
.nms-abouthero-section{
min-height:610px;
padding:145px 15px 92px;
background-position:right center;
}
.nms-abouthero-overlay{
background:linear-gradient(90deg,rgba(15,43,73,.97) 0%,rgba(20,58,99,.9) 62%,rgba(20,58,99,.58) 100%);
}
.nms-abouthero-wrap{
width:100%;
}
.nms-abouthero-content h1{
font-size:clamp(37px,10vw,48px);
letter-spacing:-2px;
}
.nms-abouthero-content>p{
font-size:15px;
}
.nms-abouthero-actions{
align-items:stretch;
flex-direction:column;
}
.nms-abouthero-primary,
.nms-abouthero-secondary{
width:100%;
justify-content:space-between;
}
.nms-abouthero-secondary>span:last-child{
margin-right:auto;
}
.nms-abouthero-orbit{
display:none;
}
.nms-abouthero-bottom{
width:calc(100% - 30px);
min-height:70px;
padding:10px 14px;
gap:16px;
}
.nms-abouthero-bottom-item{
min-width:205px;
}
}
@media(max-width:420px){
.nms-abouthero-section{
min-height:625px;
}
.nms-abouthero-content h1{
font-size:36px;
}
.nms-abouthero-label{
font-size:12px;
}
}

.nms-storyline-section{
position:relative;
padding:120px 3%;
background:var(--nms-bg);
overflow:hidden;
}
.nms-storyline-section:before{
content:'';
position:absolute;
width:520px;
height:520px;
left:-290px;
bottom:-270px;
border-radius:50%;
background:radial-gradient(circle,rgba(175,201,222,.32),rgba(216,232,243,.08) 48%,transparent 72%);
}
.nms-storyline-section:after{
content:'STORY';
position:absolute;
right:-20px;
top:25px;
font-family:'Manrope',sans-serif;
font-size:clamp(100px,14vw,210px);
font-weight:800;
letter-spacing:-10px;
color:rgba(20,58,99,.025);
pointer-events:none;
}
.nms-storyline-wrap{
position:relative;
z-index:2;
width:min(100%,1440px);
margin:auto;
display:grid;
grid-template-columns:minmax(430px,.95fr) minmax(520px,1.05fr);
gap:90px;
align-items:center;
}
.nms-storyline-visual{
position:relative;
min-height:650px;
padding:0 50px 40px 0;
}
.nms-storyline-image-frame{
position:relative;
height:610px;
border-radius:34px;
overflow:hidden;
box-shadow:0 30px 70px rgba(20,58,99,.14);
}
.nms-storyline-image-frame img{
position:absolute;
inset:0;
width:100%;
height:108%;
object-fit:cover;
object-position:center;
transition:transform 1.1s cubic-bezier(.22,1,.36,1);
}
.nms-storyline-visual:hover .nms-storyline-image-frame img{
transform:scale(1.045);
}
.nms-storyline-image-overlay{
position:absolute;
inset:0;
background:linear-gradient(180deg,transparent 48%,rgba(15,43,73,.8) 100%);
}
.nms-storyline-image-label{
position:absolute;
left:22px;
right:22px;
bottom:22px;
padding:14px;
display:flex;
align-items:center;
gap:13px;
border:1px solid rgba(255,255,255,.17);
border-radius:17px;
background:rgba(20,58,99,.38);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
}
.nms-storyline-image-label>span{
width:47px;
height:47px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:14px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:18px;
}
.nms-storyline-image-label div{
display:flex;
flex-direction:column;
gap:4px;
}
.nms-storyline-image-label small{
font-size:12px;
font-weight:700;
letter-spacing:1.1px;
text-transform:uppercase;
color:var(--nms-accent);
}
.nms-storyline-image-label strong{
font-size:14px;
font-weight:600;
color:var(--nms-white);
}
.nms-storyline-float-card{
position:absolute;
right:0;
top:75px;
width:175px;
padding:20px;
border:1px solid var(--nms-border);
border-radius:23px;
background:rgba(255,255,255,.95);
box-shadow:0 22px 50px rgba(20,58,99,.13);
animation:nmsStoryFloat 5s ease-in-out infinite;
}
.nms-storyline-float-icon{
width:48px;
height:48px;
display:grid;
place-items:center;
margin-bottom:17px;
border-radius:15px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:18px;
box-shadow:0 10px 24px rgba(20,58,99,.2);
}
.nms-storyline-float-card>div{
display:flex;
flex-direction:column;
gap:4px;
}
.nms-storyline-float-card small{
font-size:12px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-secondary);
}
.nms-storyline-float-card strong{
margin-bottom:5px;
font-family:'Manrope',sans-serif;
font-size:18px;
color:var(--nms-heading);
}
.nms-storyline-float-card div span{
font-size:13px;
color:var(--nms-body);
}
.nms-storyline-shape{
position:absolute;
left:-25px;
bottom:0;
width:125px;
height:125px;
}
.nms-storyline-shape span:first-child{
position:absolute;
inset:0;
border:1px dashed var(--nms-secondary);
border-radius:50%;
animation:nmsStorySpin 18s linear infinite;
}
.nms-storyline-shape span:first-child:before{
content:'';
position:absolute;
width:9px;
height:9px;
top:10px;
left:25px;
border-radius:50%;
background:var(--nms-primary);
}
.nms-storyline-shape span:last-child{
position:absolute;
inset:27px;
border:1px solid var(--nms-accent);
border-radius:50%;
}
.nms-storyline-content{
position:relative;
}
.nms-storyline-label{
width:max-content;
display:flex;
align-items:center;
gap:10px;
padding:6px 14px 6px 6px;
border:1px solid var(--nms-border);
border-radius:50px;
background:var(--nms-white);
font-size:13px;
font-weight:700;
letter-spacing:1.1px;
text-transform:uppercase;
color:var(--nms-primary);
box-shadow:0 8px 25px rgba(20,58,99,.05);
}
.nms-storyline-label span{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:50%;
background:var(--nms-primary);
color:var(--nms-white);
font-size:14px;
}
.nms-storyline-heading h2{
max-width:720px;
margin-top:23px;
font-family:'Manrope',sans-serif;
font-size:clamp(42px,4.3vw,64px);
line-height:1.05;
letter-spacing:-3px;
font-weight:700;
color:var(--nms-heading);
}
.nms-storyline-heading h2 span{
color:var(--nms-primary);
}
.nms-storyline-lead{
max-width:680px;
margin-top:23px;
font-size:17px;
line-height:1.72;
font-weight:500;
color:var(--nms-heading);
}
.nms-storyline-text{
max-width:690px;
margin-top:14px;
font-size:15.5px;
line-height:1.85;
color:var(--nms-body);
}
.nms-storyline-timeline{
margin-top:30px;
padding:21px;
border:1px solid var(--nms-border);
border-radius:22px;
background:var(--nms-white);
box-shadow:0 16px 40px rgba(20,58,99,.055);
}
.nms-storyline-timeline-item{
display:grid;
grid-template-columns:54px 1fr;
gap:14px;
align-items:start;
}
.nms-storyline-timeline-marker{
width:46px;
height:46px;
display:grid;
place-items:center;
border-radius:15px;
background:var(--nms-alt);
border:1px solid var(--nms-border);
transition:transform .35s ease,background .35s ease,color .35s ease;
}
.nms-storyline-timeline-marker span{
font-family:'Manrope',sans-serif;
font-size:14px;
font-weight:700;
color:var(--nms-primary);
}
.nms-storyline-timeline-item:hover .nms-storyline-timeline-marker{
transform:rotate(-6deg) scale(1.06);
background:var(--nms-primary);
}
.nms-storyline-timeline-item:hover .nms-storyline-timeline-marker span{
color:var(--nms-white);
}
.nms-storyline-timeline-copy small{
font-size:12px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-secondary);
}
.nms-storyline-timeline-copy strong{
display:block;
margin-top:4px;
font-family:'Manrope',sans-serif;
font-size:16px;
color:var(--nms-heading);
}
.nms-storyline-timeline-copy p{
margin-top:5px;
font-size:13.5px;
line-height:1.65;
color:var(--nms-body);
}
.nms-storyline-timeline-line{
width:1px;
height:25px;
margin:5px 0 5px 22px;
background:var(--nms-border);
overflow:hidden;
}
.nms-storyline-timeline-line span{
display:block;
width:100%;
height:0;
background:var(--nms-secondary);
transition:height .8s ease;
}
.nms-storyline-timeline.nms-storyline-visible .nms-storyline-timeline-line span{
height:100%;
}
.nms-storyline-action{
margin-top:26px;
display:flex;
align-items:center;
gap:20px;
}
.nms-storyline-primary-btn{
height:55px;
padding:0 8px 0 20px;
display:flex;
align-items:center;
gap:16px;
border-radius:15px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:14px;
font-weight:700;
box-shadow:0 13px 30px rgba(20,58,99,.18);
transition:transform .35s ease,background .35s ease;
}
.nms-storyline-primary-btn i{
width:39px;
height:39px;
display:grid;
place-items:center;
border-radius:11px;
background:rgba(255,255,255,.12);
font-size:13px;
transition:transform .35s ease;
}
.nms-storyline-primary-btn:hover{
transform:translateY(-3px);
background:var(--nms-primary-hover);
}
.nms-storyline-primary-btn:hover i{
transform:translateX(4px);
}
.nms-storyline-mini-note{
display:flex;
align-items:center;
gap:11px;
}
.nms-storyline-mini-note>span{
width:46px;
height:46px;
display:grid;
place-items:center;
flex-shrink:0;
border:1px solid var(--nms-border);
border-radius:14px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:16.5px;
}
.nms-storyline-mini-note div{
display:flex;
flex-direction:column;
gap:3px;
}
.nms-storyline-mini-note small{
font-size:12px;
font-weight:700;
letter-spacing:.9px;
text-transform:uppercase;
color:var(--nms-muted);
}
.nms-storyline-mini-note strong{
font-size:14px;
color:var(--nms-heading);
}
.nms-storyline-reveal{
opacity:0;
transform:translateY(38px);
transition:opacity .85s ease,transform .85s cubic-bezier(.22,1,.36,1);
}
.nms-storyline-reveal.nms-storyline-visible{
opacity:1;
transform:translateY(0);
}
.nms-storyline-timeline{
transition-delay:.12s;
}
.nms-storyline-action{
transition-delay:.22s;
}
@keyframes nmsStoryFloat{
0%,100%{transform:translateY(0)}
50%{transform:translateY(-10px)}
}
@keyframes nmsStorySpin{
to{transform:rotate(360deg)}
}
@media(max-width:1120px){
.nms-storyline-wrap{
grid-template-columns:minmax(390px,.9fr) minmax(470px,1.1fr);
gap:60px;
}
.nms-storyline-heading h2{
font-size:clamp(40px,4.6vw,57px);
}
}
@media(max-width:991px){
.nms-storyline-wrap{
grid-template-columns:1fr;
gap:60px;
}
.nms-storyline-visual{
width:min(100%,720px);
margin:auto;
}
.nms-storyline-content{
max-width:760px;
margin:auto;
}
}
@media(max-width:700px){
.nms-storyline-section{
padding:78px 15px;
}
.nms-storyline-section:after{
display:none;
}
.nms-storyline-wrap{
width:100%;
gap:45px;
}
.nms-storyline-visual{
min-height:500px;
padding:0 20px 30px 0;
}
.nms-storyline-image-frame{
height:480px;
border-radius:25px;
}
.nms-storyline-float-card{
right:0;
top:42px;
width:145px;
padding:16px;
}
.nms-storyline-float-card strong{
font-size:16.5px;
}
.nms-storyline-shape{
display:none;
}
.nms-storyline-heading h2{
font-size:clamp(37px,10vw,49px);
letter-spacing:-2px;
}
.nms-storyline-lead{
font-size:16.5px;
}
.nms-storyline-timeline{
padding:17px;
}
.nms-storyline-action{
align-items:flex-start;
flex-direction:column;
}
.nms-storyline-primary-btn{
width:100%;
justify-content:space-between;
}
}
@media(max-width:430px){
.nms-storyline-visual{
min-height:450px;
}
.nms-storyline-image-frame{
height:430px;
}
.nms-storyline-float-card{
width:132px;
}
.nms-storyline-image-label{
left:14px;
right:14px;
bottom:14px;
}
.nms-storyline-image-label strong{
font-size:13px;
}
}

.nms-purposecore-section{
position:relative;
padding:115px 3%;
background:var(--nms-alt);
overflow:hidden;
}
.nms-purposecore-section:before{
content:'';
position:absolute;
width:520px;
height:520px;
right:-290px;
top:-260px;
border-radius:50%;
background:radial-gradient(circle,rgba(175,201,222,.32),rgba(216,232,243,.08) 48%,transparent 72%);
}
.nms-purposecore-section:after{
content:'PURPOSE';
position:absolute;
left:-25px;
bottom:-25px;
font-family:'Manrope',sans-serif;
font-size:clamp(90px,13vw,190px);
font-weight:800;
letter-spacing:-9px;
color:rgba(20,58,99,.025);
pointer-events:none;
}
.nms-purposecore-wrap{
position:relative;
z-index:2;
width:min(100%,1440px);
margin:auto;
}
.nms-purposecore-head{
max-width:850px;
margin:0 auto 62px;
text-align:center;
}
.nms-purposecore-label{
width:max-content;
margin:auto;
display:flex;
align-items:center;
gap:10px;
padding:6px 14px 6px 6px;
border:1px solid var(--nms-border);
border-radius:50px;
background:var(--nms-white);
font-size:13px;
font-weight:700;
letter-spacing:1.1px;
text-transform:uppercase;
color:var(--nms-primary);
box-shadow:0 8px 25px rgba(20,58,99,.05);
}
.nms-purposecore-label span{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:50%;
background:var(--nms-primary);
color:var(--nms-white);
font-size:14px;
}
.nms-purposecore-head h2{
margin-top:22px;
font-family:'Manrope',sans-serif;
font-size:clamp(42px,4.6vw,68px);
line-height:1.04;
letter-spacing:-3.2px;
font-weight:700;
color:var(--nms-heading);
}
.nms-purposecore-head h2 span{
color:var(--nms-primary);
}
.nms-purposecore-head p{
max-width:680px;
margin:18px auto 0;
font-size:16px;
line-height:1.8;
color:var(--nms-body);
}
.nms-purposecore-stage{
position:relative;
padding-top:145px;
}
.nms-purposecore-center{
position:absolute;
z-index:5;
left:50%;
top:0;
width:190px;
height:190px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
transform:translateX(-50%);
border-radius:50%;
background:linear-gradient(145deg,var(--nms-primary),#102f50);
box-shadow:0 25px 60px rgba(20,58,99,.2);
}
.nms-purposecore-center-rings span{
position:absolute;
border-radius:50%;
border:1px solid rgba(255,255,255,.12);
}
.nms-purposecore-center-rings span:nth-child(1){
inset:-20px;
animation:nmsPurposeCoreSpin 18s linear infinite;
}
.nms-purposecore-center-rings span:nth-child(1):before{
content:'';
position:absolute;
width:9px;
height:9px;
top:18px;
left:35px;
border-radius:50%;
background:var(--nms-accent);
box-shadow:0 0 18px rgba(175,201,222,.7);
}
.nms-purposecore-center-rings span:nth-child(2){
inset:-42px;
border-style:dashed;
animation:nmsPurposeCoreSpin 25s linear infinite reverse;
}
.nms-purposecore-center-rings span:nth-child(3){
inset:18px;
border-color:rgba(255,255,255,.08);
}
.nms-purposecore-center-mark{
width:58px;
height:58px;
display:grid;
place-items:center;
border-radius:19px;
background:rgba(255,255,255,.1);
color:var(--nms-white);
font-size:21px;
animation:nmsPurposeCoreFloat 4s ease-in-out infinite;
}
.nms-purposecore-center-copy{
margin-top:13px;
display:flex;
align-items:center;
flex-direction:column;
gap:4px;
}
.nms-purposecore-center-copy small{
font-size:11px;
font-weight:700;
letter-spacing:1.1px;
text-transform:uppercase;
color:var(--nms-accent);
}
.nms-purposecore-center-copy strong{
font-size:14px;
color:var(--nms-white);
}
.nms-purposecore-connectors{
position:absolute;
z-index:1;
left:0;
right:0;
top:94px;
height:170px;
pointer-events:none;
}
.nms-purposecore-line{
position:absolute;
height:2px;
background:rgba(111,156,194,.22);
overflow:hidden;
}
.nms-purposecore-line:after{
content:'';
display:block;
width:0;
height:100%;
background:linear-gradient(90deg,var(--nms-secondary),var(--nms-primary));
transition:width 1.4s cubic-bezier(.22,1,.36,1);
}
.nms-purposecore-stage.nms-purposecore-active .nms-purposecore-line:after{
width:100%;
}
.nms-purposecore-line-one{
width:33%;
left:5%;
top:108px;
transform:rotate(-8deg);
}
.nms-purposecore-line-two{
width:24%;
left:38%;
top:108px;
}
.nms-purposecore-line-three{
width:33%;
right:5%;
top:108px;
transform:rotate(8deg);
}
.nms-purposecore-grid{
position:relative;
z-index:3;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:20px;
}
.nms-purposecore-card{
position:relative;
height:480px;
padding:25px;
display:flex;
flex-direction:column;
border:1px solid var(--nms-border);
border-radius:28px;
background:rgba(255,255,255,.86);
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
box-shadow:0 18px 45px rgba(20,58,99,.06);
overflow:hidden;
opacity:0;
transform:translateY(40px);
transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,border-color .35s ease;
}
.nms-purposecore-card:before{
content:'';
position:absolute;
width:190px;
height:190px;
right:-100px;
top:-105px;
border-radius:50%;
background:var(--nms-alt);
transition:transform .6s ease,background .6s ease;
}
.nms-purposecore-card:hover{
transform:translateY(-9px);
border-color:var(--nms-accent);
box-shadow:0 28px 65px rgba(20,58,99,.11);
}
.nms-purposecore-card:hover:before{
transform:scale(1.3);
background:var(--nms-ice);
}
.nms-purposecore-stage.nms-purposecore-active .nms-purposecore-card{
opacity:1;
transform:translateY(0);
}
.nms-purposecore-stage.nms-purposecore-active .nms-purposecore-card:nth-child(1){
transition-delay:.12s;
}
.nms-purposecore-stage.nms-purposecore-active .nms-purposecore-card:nth-child(2){
transition-delay:.25s;
}
.nms-purposecore-stage.nms-purposecore-active .nms-purposecore-card:nth-child(3){
transition-delay:.38s;
}
.nms-purposecore-card-top{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:space-between;
}
.nms-purposecore-icon{
width:58px;
height:58px;
display:grid;
place-items:center;
border-radius:18px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:20px;
box-shadow:0 12px 28px rgba(20,58,99,.2);
transition:transform .45s ease,background .35s ease;
}
.nms-purposecore-card:hover .nms-purposecore-icon{
transform:translateY(-6px) rotate(-7deg) scale(1.06);
background:var(--nms-primary-hover);
}
.nms-purposecore-number{
font-family:'Manrope',sans-serif;
font-size:14px;
font-weight:700;
letter-spacing:1px;
color:var(--nms-muted);
}
.nms-purposecore-card-label{
position:relative;
z-index:2;
margin-top:30px;
font-size:12px;
font-weight:700;
letter-spacing:1.2px;
text-transform:uppercase;
color:var(--nms-secondary);
}
.nms-purposecore-card h3{
position:relative;
z-index:2;
margin-top:8px;
font-family:'Manrope',sans-serif;
font-size:27px;
line-height:1.18;
letter-spacing:-.9px;
font-weight:700;
color:var(--nms-heading);
}
.nms-purposecore-card>p{
position:relative;
z-index:2;
margin-top:12px;
font-size:14px;
line-height:1.75;
color:var(--nms-body);
}
.nms-purposecore-features{
position:relative;
z-index:2;
margin-top:20px;
padding:15px;
display:flex;
flex-direction:column;
gap:10px;
border:1px solid var(--nms-border);
border-radius:16px;
background:var(--nms-bg);
}
.nms-purposecore-features span{
display:flex;
align-items:center;
gap:8px;
font-size:13px;
font-weight:600;
color:var(--nms-body);
}
.nms-purposecore-features i{
width:19px;
height:19px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:50%;
background:var(--nms-ice);
color:var(--nms-primary);
font-size:11px;
}
.nms-purposecore-card-foot{
position:relative;
z-index:2;
margin-top:auto;
padding-top:17px;
display:flex;
align-items:center;
justify-content:space-between;
border-top:1px solid var(--nms-border);
}
.nms-purposecore-card-foot span{
font-size:12px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-muted);
}
.nms-purposecore-card-foot i{
font-size:14px;
color:var(--nms-secondary);
transition:transform .35s ease,color .35s ease;
}
.nms-purposecore-card:hover .nms-purposecore-card-foot i{
transform:translateX(5px);
color:var(--nms-primary);
}
.nms-purposecore-bottom{
margin-top:24px;
min-height:90px;
padding:15px 17px 15px 20px;
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
border:1px solid var(--nms-border);
border-radius:22px;
background:var(--nms-white);
box-shadow:0 14px 38px rgba(20,58,99,.055);
}
.nms-purposecore-bottom-main{
display:flex;
align-items:center;
gap:14px;
}
.nms-purposecore-bottom-icon{
width:52px;
height:52px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:15px;
background:var(--nms-ice);
color:var(--nms-primary);
font-size:18px;
}
.nms-purposecore-bottom-main div{
display:flex;
flex-direction:column;
gap:4px;
}
.nms-purposecore-bottom-main small{
font-size:12px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-secondary);
}
.nms-purposecore-bottom-main strong{
font-size:15px;
color:var(--nms-heading);
}
.nms-purposecore-bottom>a{
height:50px;
padding:0 7px 0 18px;
display:flex;
align-items:center;
gap:15px;
border-radius:14px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:14px;
font-weight:700;
transition:transform .35s ease,background .35s ease;
}
.nms-purposecore-bottom>a i{
width:36px;
height:36px;
display:grid;
place-items:center;
border-radius:10px;
background:rgba(255,255,255,.12);
font-size:13px;
transition:transform .35s ease;
}
.nms-purposecore-bottom>a:hover{
transform:translateY(-3px);
background:var(--nms-primary-hover);
}
.nms-purposecore-bottom>a:hover i{
transform:translateX(4px);
}
.nms-purposecore-reveal{
opacity:0;
transform:translateY(38px);
transition:opacity .85s ease,transform .85s cubic-bezier(.22,1,.36,1);
}
.nms-purposecore-reveal.nms-purposecore-visible{
opacity:1;
transform:translateY(0);
}
@keyframes nmsPurposeCoreSpin{
to{transform:rotate(360deg)}
}
@keyframes nmsPurposeCoreFloat{
0%,100%{transform:translateY(0) rotate(-4deg)}
50%{transform:translateY(-7px) rotate(4deg)}
}
@media(max-width:1050px){
.nms-purposecore-stage{
padding-top:125px;
}
.nms-purposecore-center{
width:170px;
height:170px;
}
.nms-purposecore-card{
height:500px;
}
}
@media(max-width:900px){
.nms-purposecore-stage{
padding-top:0;
}
.nms-purposecore-center,
.nms-purposecore-connectors{
display:none;
}
.nms-purposecore-grid{
grid-template-columns:1fr;
max-width:720px;
margin:auto;
}
.nms-purposecore-card{
height:auto;
min-height:420px;
}
}
@media(max-width:700px){
.nms-purposecore-section{
padding:78px 15px;
}
.nms-purposecore-section:after{
display:none;
}
.nms-purposecore-head{
margin-bottom:32px;
}
.nms-purposecore-head h2{
font-size:clamp(37px,10vw,49px);
letter-spacing:-2px;
}
.nms-purposecore-head p{
font-size:15px;
}
.nms-purposecore-grid{
gap:15px;
}
.nms-purposecore-card{
min-height:410px;
padding:21px;
border-radius:24px;
}
.nms-purposecore-card h3{
font-size:25px;
}
.nms-purposecore-bottom{
align-items:flex-start;
flex-direction:column;
padding:18px;
}
.nms-purposecore-bottom>a{
width:100%;
justify-content:space-between;
}
}

.nms-guidanceorbit-section{
position:relative;
padding:120px 3%;
background:var(--nms-bg);
overflow:hidden;
}
.nms-guidanceorbit-section:before{
content:'';
position:absolute;
width:520px;
height:520px;
right:-290px;
top:-260px;
border-radius:50%;
background:radial-gradient(circle,rgba(175,201,222,.3),rgba(216,232,243,.08) 48%,transparent 72%);
}
.nms-guidanceorbit-section:after{
content:'';
position:absolute;
width:430px;
height:430px;
left:-260px;
bottom:-250px;
border-radius:50%;
border:1px solid rgba(111,156,194,.12);
box-shadow:0 0 0 55px rgba(175,201,222,.03),0 0 0 110px rgba(175,201,222,.02);
}
.nms-guidanceorbit-wrap{
position:relative;
z-index:2;
width:min(100%,1440px);
margin:auto;
}
.nms-guidanceorbit-head{
display:grid;
grid-template-columns:minmax(540px,1.1fr) minmax(360px,.65fr);
align-items:end;
gap:80px;
margin-bottom:60px;
}
.nms-guidanceorbit-label{
width:max-content;
display:flex;
align-items:center;
gap:10px;
padding:6px 14px 6px 6px;
border:1px solid var(--nms-border);
border-radius:50px;
background:var(--nms-white);
font-size:13px;
font-weight:700;
letter-spacing:1.1px;
text-transform:uppercase;
color:var(--nms-primary);
box-shadow:0 8px 25px rgba(20,58,99,.05);
}
.nms-guidanceorbit-label span{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:50%;
background:var(--nms-primary);
color:var(--nms-white);
font-size:14px;
}
.nms-guidanceorbit-heading h2{
max-width:820px;
margin-top:22px;
font-family:'Manrope',sans-serif;
font-size:clamp(42px,4.5vw,66px);
line-height:1.05;
letter-spacing:-3px;
font-weight:700;
color:var(--nms-heading);
}
.nms-guidanceorbit-heading h2 span{
color:var(--nms-primary);
}
.nms-guidanceorbit-intro p{
font-size:16px;
line-height:1.85;
color:var(--nms-body);
}
.nms-guidanceorbit-stage{
position:relative;
min-height:810px;
border:1px solid var(--nms-border);
border-radius:38px;
background:linear-gradient(145deg,var(--nms-alt),var(--nms-white));
box-shadow:0 28px 75px rgba(20,58,99,.08);
overflow:hidden;
}
.nms-guidanceorbit-stage:before{
content:'';
position:absolute;
inset:0;
background-image:radial-gradient(rgba(20,58,99,.05) 1px,transparent 1px);
background-size:20px 20px;
mask-image:radial-gradient(circle at center,black 0%,rgba(0,0,0,.6) 40%,transparent 78%);
-webkit-mask-image:radial-gradient(circle at center,black 0%,rgba(0,0,0,.6) 40%,transparent 78%);
}
.nms-guidanceorbit-big-ring{
position:absolute;
left:50%;
top:50%;
width:590px;
height:590px;
transform:translate(-50%,-50%);
border:1px dashed rgba(111,156,194,.3);
border-radius:50%;
animation:nmsGuidanceOrbitSpin 34s linear infinite;
}
.nms-guidanceorbit-big-ring:before{
content:'';
position:absolute;
width:12px;
height:12px;
top:58px;
left:92px;
border-radius:50%;
background:var(--nms-primary);
box-shadow:0 0 20px rgba(20,58,99,.35);
}
.nms-guidanceorbit-small-ring{
position:absolute;
left:50%;
top:50%;
width:430px;
height:430px;
transform:translate(-50%,-50%);
border:1px solid rgba(175,201,222,.38);
border-radius:50%;
animation:nmsGuidanceOrbitSpinReverse 28s linear infinite;
}
.nms-guidanceorbit-small-ring:before{
content:'';
position:absolute;
width:9px;
height:9px;
right:40px;
bottom:92px;
border-radius:50%;
background:var(--nms-secondary);
box-shadow:0 0 18px rgba(111,156,194,.4);
}
.nms-guidanceorbit-path-dot{
position:absolute;
z-index:2;
width:9px;
height:9px;
border-radius:50%;
background:var(--nms-accent);
box-shadow:0 0 16px rgba(175,201,222,.8);
animation:nmsGuidanceDotPulse 2.4s ease-in-out infinite;
}
.nms-guidanceorbit-dot-one{
left:27%;
top:32%;
}
.nms-guidanceorbit-dot-two{
right:28%;
top:34%;
animation-delay:.6s;
}
.nms-guidanceorbit-dot-three{
left:50%;
bottom:16%;
animation-delay:1.2s;
}
.nms-guidanceorbit-center{
position:absolute;
z-index:6;
left:50%;
top:50%;
width:300px;
min-height:300px;
padding:34px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
text-align:center;
transform:translate(-50%,-50%);
border-radius:50%;
background:linear-gradient(145deg,var(--nms-primary),#102f50);
box-shadow:0 30px 70px rgba(20,58,99,.22);
}
.nms-guidanceorbit-center-glow{
position:absolute;
inset:-35px;
border-radius:50%;
background:radial-gradient(circle,rgba(175,201,222,.2),transparent 68%);
animation:nmsGuidanceGlow 4.5s ease-in-out infinite;
}
.nms-guidanceorbit-center-icon{
position:relative;
z-index:2;
width:64px;
height:64px;
display:grid;
place-items:center;
border-radius:21px;
background:rgba(255,255,255,.1);
border:1px solid rgba(255,255,255,.14);
color:var(--nms-white);
font-size:23px;
animation:nmsGuidanceFloat 4s ease-in-out infinite;
}
.nms-guidanceorbit-center>span{
position:relative;
z-index:2;
margin-top:17px;
font-size:12px;
font-weight:700;
letter-spacing:1.2px;
text-transform:uppercase;
color:var(--nms-accent);
}
.nms-guidanceorbit-center h3{
position:relative;
z-index:2;
max-width:240px;
margin-top:8px;
font-family:'Manrope',sans-serif;
font-size:27px;
line-height:1.18;
letter-spacing:-.9px;
color:var(--nms-white);
}
.nms-guidanceorbit-center p{
position:relative;
z-index:2;
max-width:235px;
margin-top:10px;
font-size:13.5px;
line-height:1.65;
color:rgba(255,255,255,.67);
}
.nms-guidanceorbit-center a{
position:relative;
z-index:2;
height:45px;
margin-top:18px;
padding:0 7px 0 15px;
display:flex;
align-items:center;
gap:12px;
border-radius:13px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:13px;
font-weight:700;
transition:transform .35s ease;
}
.nms-guidanceorbit-center a i{
width:32px;
height:32px;
display:grid;
place-items:center;
border-radius:9px;
background:var(--nms-alt);
font-size:12.5px;
transition:transform .35s ease;
}
.nms-guidanceorbit-center a:hover{
transform:translateY(-3px);
}
.nms-guidanceorbit-center a:hover i{
transform:translateX(3px);
}
.nms-guidanceorbit-point{
position:absolute;
z-index:5;
width:315px;
min-height:225px;
padding:20px;
display:grid;
grid-template-columns:56px 1fr;
gap:15px;
border:1px solid var(--nms-border);
border-radius:22px;
background:rgba(255,255,255,.88);
backdrop-filter:blur(15px);
-webkit-backdrop-filter:blur(15px);
box-shadow:0 18px 45px rgba(20,58,99,.08);
opacity:0;
transform:scale(.92) translateY(25px);
transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1),box-shadow .4s ease,border-color .35s ease;
}
.nms-guidanceorbit-point:hover{
transform:translateY(-7px) scale(1);
border-color:var(--nms-accent);
box-shadow:0 25px 60px rgba(20,58,99,.12);
}
.nms-guidanceorbit-stage.nms-guidanceorbit-active .nms-guidanceorbit-point{
opacity:1;
transform:scale(1) translateY(0);
}
.nms-guidanceorbit-stage.nms-guidanceorbit-active .nms-guidanceorbit-point-one{
transition-delay:.15s;
}
.nms-guidanceorbit-stage.nms-guidanceorbit-active .nms-guidanceorbit-point-two{
transition-delay:.28s;
}
.nms-guidanceorbit-stage.nms-guidanceorbit-active .nms-guidanceorbit-point-three{
transition-delay:.41s;
}
.nms-guidanceorbit-stage.nms-guidanceorbit-active .nms-guidanceorbit-point-four{
transition-delay:.54s;
}
.nms-guidanceorbit-point-one{
left:42px;
top:60px;
}
.nms-guidanceorbit-point-two{
right:42px;
top:60px;
}
.nms-guidanceorbit-point-three{
left:42px;
bottom:60px;
}
.nms-guidanceorbit-point-four{
right:42px;
bottom:60px;
}
.nms-guidanceorbit-point-icon{
width:56px;
height:56px;
display:grid;
place-items:center;
border-radius:18px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:19px;
box-shadow:0 11px 25px rgba(20,58,99,.18);
transition:transform .4s ease,background .35s ease;
}
.nms-guidanceorbit-point:hover .nms-guidanceorbit-point-icon{
transform:rotate(-7deg) scale(1.07);
background:var(--nms-primary-hover);
}
.nms-guidanceorbit-point-copy{
min-width:0;
}
.nms-guidanceorbit-point-no{
float:right;
font-family:'Manrope',sans-serif;
font-size:13px;
font-weight:700;
color:var(--nms-muted);
}
.nms-guidanceorbit-point-copy small{
display:block;
font-size:12px;
font-weight:700;
letter-spacing:1.1px;
text-transform:uppercase;
color:var(--nms-secondary);
}
.nms-guidanceorbit-point-copy h3{
margin-top:6px;
font-family:'Manrope',sans-serif;
font-size:18px;
line-height:1.25;
font-weight:700;
color:var(--nms-heading);
}
.nms-guidanceorbit-point-copy p{
margin-top:8px;
font-size:13.5px;
line-height:1.65;
color:var(--nms-body);
}
.nms-guidanceorbit-point-note{
margin-top:12px;
padding-top:11px;
display:flex;
align-items:center;
gap:7px;
border-top:1px solid var(--nms-border);
}
.nms-guidanceorbit-point-note i{
font-size:12.5px;
color:var(--nms-primary);
}
.nms-guidanceorbit-point-note span{
font-size:12.5px;
font-weight:600;
color:var(--nms-muted);
}
.nms-guidanceorbit-footer{
margin-top:24px;
min-height:90px;
padding:15px 17px 15px 20px;
display:grid;
grid-template-columns:minmax(320px,1fr) auto auto;
align-items:center;
gap:30px;
border:1px solid var(--nms-border);
border-radius:22px;
background:var(--nms-white);
box-shadow:0 14px 38px rgba(20,58,99,.055);
}
.nms-guidanceorbit-footer-mark{
display:flex;
align-items:center;
gap:14px;
}
.nms-guidanceorbit-footer-mark>span{
width:52px;
height:52px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:15px;
background:var(--nms-ice);
color:var(--nms-primary);
font-size:18px;
}
.nms-guidanceorbit-footer-mark div{
display:flex;
flex-direction:column;
gap:4px;
}
.nms-guidanceorbit-footer-mark small{
font-size:12px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-secondary);
}
.nms-guidanceorbit-footer-mark strong{
font-size:15px;
color:var(--nms-heading);
}
.nms-guidanceorbit-footer-flow{
display:flex;
align-items:center;
gap:9px;
}
.nms-guidanceorbit-footer-flow span{
font-size:12.5px;
font-weight:700;
color:var(--nms-body);
}
.nms-guidanceorbit-footer-flow i{
font-size:11px;
color:var(--nms-accent);
}
.nms-guidanceorbit-footer>a{
height:50px;
padding:0 7px 0 18px;
display:flex;
align-items:center;
gap:15px;
border-radius:14px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:14px;
font-weight:700;
transition:transform .35s ease,background .35s ease;
}
.nms-guidanceorbit-footer>a i{
width:36px;
height:36px;
display:grid;
place-items:center;
border-radius:10px;
background:rgba(255,255,255,.12);
font-size:13px;
transition:transform .35s ease;
}
.nms-guidanceorbit-footer>a:hover{
transform:translateY(-3px);
background:var(--nms-primary-hover);
}
.nms-guidanceorbit-footer>a:hover i{
transform:translateX(4px);
}
.nms-guidanceorbit-reveal{
opacity:0;
transform:translateY(38px);
transition:opacity .85s ease,transform .85s cubic-bezier(.22,1,.36,1);
}
.nms-guidanceorbit-reveal.nms-guidanceorbit-visible{
opacity:1;
transform:translateY(0);
}
@keyframes nmsGuidanceOrbitSpin{
to{
transform:translate(-50%,-50%) rotate(360deg);
}
}
@keyframes nmsGuidanceOrbitSpinReverse{
to{
transform:translate(-50%,-50%) rotate(-360deg);
}
}
@keyframes nmsGuidanceFloat{
0%,100%{
transform:translateY(0) rotate(-4deg);
}
50%{
transform:translateY(-7px) rotate(4deg);
}
}
@keyframes nmsGuidanceGlow{
0%,100%{
transform:scale(.9);
opacity:.55;
}
50%{
transform:scale(1.12);
opacity:1;
}
}
@keyframes nmsGuidanceDotPulse{
0%,100%{
transform:scale(.8);
opacity:.45;
}
50%{
transform:scale(1.4);
opacity:1;
}
}
@media(max-width:1200px){
.nms-guidanceorbit-stage{
min-height:900px;
}
.nms-guidanceorbit-point{
width:290px;
}
.nms-guidanceorbit-point-one{
left:25px;
top:45px;
}
.nms-guidanceorbit-point-two{
right:25px;
top:45px;
}
.nms-guidanceorbit-point-three{
left:25px;
bottom:45px;
}
.nms-guidanceorbit-point-four{
right:25px;
bottom:45px;
}
.nms-guidanceorbit-center{
width:270px;
min-height:270px;
}
}
@media(max-width:991px){
.nms-guidanceorbit-head{
grid-template-columns:1fr;
gap:22px;
}
.nms-guidanceorbit-intro{
max-width:650px;
}
.nms-guidanceorbit-stage{
min-height:auto;
padding:45px 24px;
}
.nms-guidanceorbit-big-ring,
.nms-guidanceorbit-small-ring,
.nms-guidanceorbit-path-dot{
display:none;
}
.nms-guidanceorbit-center{
position:relative;
left:auto;
top:auto;
width:min(100%,580px);
min-height:auto;
margin:0 auto 35px;
padding:34px;
border-radius:28px;
transform:none;
}
.nms-guidanceorbit-center h3{
max-width:420px;
}
.nms-guidanceorbit-center p{
max-width:440px;
}
.nms-guidanceorbit-point{
position:relative;
left:auto;
right:auto;
top:auto;
bottom:auto;
width:100%;
min-height:auto;
margin-bottom:14px;
}
.nms-guidanceorbit-point:last-child{
margin-bottom:0;
}
.nms-guidanceorbit-footer{
grid-template-columns:1fr auto;
}
.nms-guidanceorbit-footer-flow{
display:none;
}
}
@media(max-width:700px){
.nms-guidanceorbit-section{
padding:78px 15px;
}
.nms-guidanceorbit-head{
margin-bottom:30px;
}
.nms-guidanceorbit-heading h2{
font-size:clamp(37px,10vw,49px);
letter-spacing:-2px;
}
.nms-guidanceorbit-stage{
padding:16px;
border-radius:25px;
}
.nms-guidanceorbit-center{
padding:28px 22px;
border-radius:23px;
}
.nms-guidanceorbit-center h3{
font-size:25px;
}
.nms-guidanceorbit-point{
grid-template-columns:50px 1fr;
padding:17px;
border-radius:19px;
}
.nms-guidanceorbit-point-icon{
width:50px;
height:50px;
border-radius:15px;
font-size:18px;
}
.nms-guidanceorbit-footer{
grid-template-columns:1fr;
padding:18px;
gap:18px;
}
.nms-guidanceorbit-footer>a{
width:100%;
justify-content:space-between;
}
}
@media(max-width:430px){
.nms-guidanceorbit-point{
grid-template-columns:1fr;
}
.nms-guidanceorbit-point-icon{
margin-bottom:4px;
}
.nms-guidanceorbit-point-no{
float:none;
position:absolute;
right:17px;
top:17px;
}
}

.nms-whywave-section{
position:relative;
padding:120px 3%;
background:var(--nms-alt);
overflow:hidden;
}
.nms-whywave-section:before{
content:'';
position:absolute;
width:500px;
height:500px;
left:-270px;
top:-250px;
border-radius:50%;
background:radial-gradient(circle,rgba(175,201,222,.34),rgba(216,232,243,.08) 48%,transparent 72%);
}
.nms-whywave-wrap{
position:relative;
z-index:2;
width:min(100%,1440px);
margin:auto;
}
.nms-whywave-head{
display:grid;
grid-template-columns:minmax(520px,1.1fr) minmax(350px,.65fr);
gap:80px;
align-items:end;
margin-bottom:45px;
}
.nms-whywave-label{
width:max-content;
display:flex;
align-items:center;
gap:10px;
padding:6px 14px 6px 6px;
border:1px solid var(--nms-border);
border-radius:50px;
background:var(--nms-white);
font-size:13px;
font-weight:700;
letter-spacing:1.1px;
text-transform:uppercase;
color:var(--nms-primary);
box-shadow:0 8px 25px rgba(20,58,99,.05);
}
.nms-whywave-label span{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:50%;
background:var(--nms-primary);
color:var(--nms-white);
font-size:14px;
}
.nms-whywave-head h2{
max-width:800px;
margin-top:22px;
font-family:'Manrope',sans-serif;
font-size:clamp(42px,4.5vw,66px);
line-height:1.05;
letter-spacing:-3px;
font-weight:700;
color:var(--nms-heading);
}
.nms-whywave-head h2 span{
color:var(--nms-primary);
}
.nms-whywave-head-copy p{
font-size:16px;
line-height:1.85;
color:var(--nms-body);
}
.nms-whywave-panel{
position:relative;
min-height:690px;
padding:38px;
border-radius:34px;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
overflow:hidden;
box-shadow:0 30px 75px rgba(20,58,99,.15);
}
.nms-whywave-overlay{
position:absolute;
inset:0;
background:linear-gradient(110deg,rgba(15,43,73,.97) 0%,rgba(20,58,99,.91) 48%,rgba(20,58,99,.72) 100%);
}
.nms-whywave-gridpattern{
position:absolute;
inset:0;
background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
background-size:46px 46px;
mask-image:linear-gradient(90deg,black,rgba(0,0,0,.65),transparent);
-webkit-mask-image:linear-gradient(90deg,black,rgba(0,0,0,.65),transparent);
}
.nms-whywave-intro{
position:relative;
z-index:3;
max-width:680px;
display:flex;
align-items:center;
gap:20px;
}
.nms-whywave-intro-mark{
position:relative;
width:84px;
height:84px;
display:grid;
place-items:center;
flex-shrink:0;
}
.nms-whywave-intro-ring{
position:absolute;
inset:0;
border:1px dashed rgba(255,255,255,.3);
border-radius:50%;
animation:nmsWhyWaveSpin 15s linear infinite;
}
.nms-whywave-intro-ring:before{
content:'';
position:absolute;
width:8px;
height:8px;
top:6px;
left:17px;
border-radius:50%;
background:var(--nms-accent);
box-shadow:0 0 16px rgba(175,201,222,.75);
}
.nms-whywave-intro-icon{
width:50px;
height:50px;
display:grid;
place-items:center;
border-radius:16px;
background:rgba(255,255,255,.1);
border:1px solid rgba(255,255,255,.13);
color:var(--nms-white);
font-size:18px;
animation:nmsWhyWaveFloat 4s ease-in-out infinite;
}
.nms-whywave-intro small{
font-size:12px;
font-weight:700;
letter-spacing:1.2px;
text-transform:uppercase;
color:var(--nms-accent);
}
.nms-whywave-intro h3{
margin-top:5px;
font-family:'Manrope',sans-serif;
font-size:30px;
line-height:1.15;
letter-spacing:-1px;
color:var(--nms-white);
}
.nms-whywave-intro p{
max-width:590px;
margin-top:8px;
font-size:14px;
line-height:1.7;
color:rgba(255,255,255,.68);
}
.nms-whywave-benefits{
position:relative;
z-index:3;
margin-top:40px;
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px;
}
.nms-whywave-benefit{
position:relative;
min-height:350px;
padding:22px;
display:flex;
flex-direction:column;
border:1px solid rgba(255,255,255,.14);
border-radius:22px;
background:rgba(255,255,255,.07);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
opacity:0;
transform:translateY(35px);
transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1),background .35s ease,border-color .35s ease;
}
.nms-whywave-panel.nms-whywave-active .nms-whywave-benefit{
opacity:1;
transform:translateY(0);
}
.nms-whywave-panel.nms-whywave-active .nms-whywave-benefit:nth-child(1){
transition-delay:.12s;
}
.nms-whywave-panel.nms-whywave-active .nms-whywave-benefit:nth-child(2){
transition-delay:.24s;
}
.nms-whywave-panel.nms-whywave-active .nms-whywave-benefit:nth-child(3){
transition-delay:.36s;
}
.nms-whywave-panel.nms-whywave-active .nms-whywave-benefit:nth-child(4){
transition-delay:.48s;
}
.nms-whywave-benefit:hover{
transform:translateY(-8px);
background:rgba(255,255,255,.11);
border-color:rgba(255,255,255,.24);
}
.nms-whywave-benefit-top{
display:flex;
align-items:center;
justify-content:space-between;
}
.nms-whywave-benefit-icon{
width:54px;
height:54px;
display:grid;
place-items:center;
border-radius:17px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:18px;
box-shadow:0 12px 25px rgba(0,0,0,.13);
transition:transform .45s ease,background .35s ease,color .35s ease;
}
.nms-whywave-benefit:hover .nms-whywave-benefit-icon{
transform:translateY(-6px) rotate(-7deg) scale(1.06);
background:var(--nms-ice);
}
.nms-whywave-benefit-number{
font-family:'Manrope',sans-serif;
font-size:13px;
font-weight:700;
letter-spacing:1px;
color:rgba(255,255,255,.38);
}
.nms-whywave-benefit-copy{
margin-top:28px;
}
.nms-whywave-benefit-copy small{
font-size:12px;
font-weight:700;
letter-spacing:1.2px;
text-transform:uppercase;
color:var(--nms-accent);
}
.nms-whywave-benefit-copy h3{
margin-top:7px;
font-family:'Manrope',sans-serif;
font-size:21px;
line-height:1.25;
font-weight:700;
color:var(--nms-white);
}
.nms-whywave-benefit-copy p{
margin-top:10px;
font-size:14px;
line-height:1.7;
color:rgba(255,255,255,.63);
}
.nms-whywave-progress{
margin-top:auto;
height:3px;
border-radius:10px;
background:rgba(255,255,255,.1);
overflow:hidden;
}
.nms-whywave-progress span{
display:block;
width:0;
height:100%;
background:linear-gradient(90deg,var(--nms-accent),var(--nms-white));
transition:width 1s cubic-bezier(.22,1,.36,1);
}
.nms-whywave-panel.nms-whywave-active .nms-whywave-benefit:nth-child(1) .nms-whywave-progress span{
width:74%;
transition-delay:.65s;
}
.nms-whywave-panel.nms-whywave-active .nms-whywave-benefit:nth-child(2) .nms-whywave-progress span{
width:86%;
transition-delay:.78s;
}
.nms-whywave-panel.nms-whywave-active .nms-whywave-benefit:nth-child(3) .nms-whywave-progress span{
width:80%;
transition-delay:.91s;
}
.nms-whywave-panel.nms-whywave-active .nms-whywave-benefit:nth-child(4) .nms-whywave-progress span{
width:92%;
transition-delay:1.04s;
}
.nms-whywave-bottom{
position:relative;
z-index:3;
min-height:74px;
margin-top:16px;
padding:12px 13px 12px 17px;
display:flex;
align-items:center;
justify-content:space-between;
gap:25px;
border:1px solid rgba(255,255,255,.13);
border-radius:18px;
background:rgba(255,255,255,.06);
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
}
.nms-whywave-bottom-copy{
display:flex;
align-items:center;
gap:12px;
}
.nms-whywave-bottom-copy>span{
width:44px;
height:44px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:13px;
background:rgba(255,255,255,.1);
color:var(--nms-accent);
font-size:16.5px;
}
.nms-whywave-bottom-copy div{
display:flex;
flex-direction:column;
gap:3px;
}
.nms-whywave-bottom-copy small{
font-size:11px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-accent);
}
.nms-whywave-bottom-copy strong{
font-size:14px;
color:var(--nms-white);
}
.nms-whywave-bottom>a{
height:48px;
padding:0 7px 0 17px;
display:flex;
align-items:center;
gap:14px;
border-radius:14px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:13px;
font-weight:700;
transition:transform .35s ease;
}
.nms-whywave-bottom>a i{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:10px;
background:var(--nms-alt);
font-size:12.5px;
transition:transform .35s ease;
}
.nms-whywave-bottom>a:hover{
transform:translateY(-3px);
}
.nms-whywave-bottom>a:hover i{
transform:translateX(4px);
}
.nms-whywave-reveal{
opacity:0;
transform:translateY(38px);
transition:opacity .85s ease,transform .85s cubic-bezier(.22,1,.36,1);
}
.nms-whywave-reveal.nms-whywave-visible{
opacity:1;
transform:translateY(0);
}
@keyframes nmsWhyWaveSpin{
to{
transform:rotate(360deg);
}
}
@keyframes nmsWhyWaveFloat{
0%,100%{
transform:translateY(0) rotate(-4deg);
}
50%{
transform:translateY(-6px) rotate(4deg);
}
}
@media(max-width:1100px){
.nms-whywave-head{
grid-template-columns:1fr;
gap:22px;
}
.nms-whywave-head-copy{
max-width:650px;
}
.nms-whywave-benefits{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:700px){
.nms-whywave-section{
padding:78px 15px;
}
.nms-whywave-head{
margin-bottom:30px;
}
.nms-whywave-head h2{
font-size:clamp(37px,10vw,49px);
letter-spacing:-2px;
}
.nms-whywave-panel{
min-height:auto;
padding:20px;
border-radius:25px;
background-position:right center;
}
.nms-whywave-intro{
align-items:flex-start;
}
.nms-whywave-intro-mark{
width:68px;
height:68px;
}
.nms-whywave-intro-icon{
width:44px;
height:44px;
}
.nms-whywave-intro h3{
font-size:25px;
}
.nms-whywave-benefits{
grid-template-columns:1fr;
gap:12px;
}
.nms-whywave-benefit{
min-height:300px;
}
.nms-whywave-bottom{
align-items:flex-start;
flex-direction:column;
padding:15px;
}
.nms-whywave-bottom>a{
width:100%;
justify-content:space-between;
}
}
@media(max-width:430px){
.nms-whywave-panel{
padding:15px;
}
.nms-whywave-intro{
flex-direction:column;
}
.nms-whywave-benefit{
padding:19px;
}
}

.nms-contacthero-section{
position:relative;
min-height:600px;
padding:165px 3% 86px;
display:flex;
align-items:center;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
overflow:hidden;
}
.nms-contacthero-overlay{
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(13,39,67,.98) 0%,rgba(20,58,99,.94) 40%,rgba(20,58,99,.72) 68%,rgba(20,58,99,.35) 100%);
}
.nms-contacthero-grid{
position:absolute;
inset:0;
background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
background-size:48px 48px;
mask-image:linear-gradient(90deg,black,rgba(0,0,0,.45),transparent);
-webkit-mask-image:linear-gradient(90deg,black,rgba(0,0,0,.45),transparent);
}
.nms-contacthero-signal{
position:absolute;
z-index:2;
right:5%;
top:115px;
width:120px;
height:120px;
display:grid;
place-items:center;
}
.nms-contacthero-signal-ring{
position:absolute;
border-radius:50%;
border:1px solid rgba(255,255,255,.16);
}
.nms-contacthero-signal-ring-one{
inset:0;
animation:nmsContactHeroPulse 3s ease-out infinite;
}
.nms-contacthero-signal-ring-two{
inset:17px;
animation:nmsContactHeroPulse 3s ease-out 1s infinite;
}
.nms-contacthero-signal-core{
width:56px;
height:56px;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.18);
border-radius:18px;
background:rgba(255,255,255,.09);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
color:var(--nms-white);
font-size:19px;
animation:nmsContactHeroFloat 4s ease-in-out infinite;
}
.nms-contacthero-wrap{
position:relative;
z-index:4;
width:min(94%,1440px);
margin:auto;
display:grid;
grid-template-columns:minmax(0,760px) 355px;
align-items:center;
justify-content:space-between;
gap:70px;
}
.nms-contacthero-content{
max-width:760px;
}
.nms-contacthero-breadcrumb{
display:flex;
align-items:center;
gap:9px;
margin-bottom:17px;
font-size:12.5px;
font-weight:600;
letter-spacing:.6px;
text-transform:uppercase;
color:rgba(255,255,255,.55);
opacity:0;
transform:translateY(18px);
}
.nms-contacthero-breadcrumb a{
display:flex;
align-items:center;
gap:7px;
color:var(--nms-accent);
}
.nms-contacthero-breadcrumb>i{
font-size:11px;
color:rgba(255,255,255,.3);
}
.nms-contacthero-label{
width:max-content;
display:flex;
align-items:center;
gap:9px;
padding:6px 14px 6px 6px;
border:1px solid rgba(255,255,255,.15);
border-radius:50px;
background:rgba(255,255,255,.07);
font-size:12.5px;
font-weight:700;
letter-spacing:1.1px;
text-transform:uppercase;
color:var(--nms-ice);
opacity:0;
transform:translateY(20px);
}
.nms-contacthero-label span{
width:32px;
height:32px;
display:grid;
place-items:center;
border-radius:50%;
background:rgba(255,255,255,.12);
color:var(--nms-white);
font-size:14px;
}
.nms-contacthero-content h1{
max-width:760px;
margin-top:18px;
font-family:'Manrope',sans-serif;
font-size:clamp(43px,4.3vw,65px);
line-height:1.04;
letter-spacing:-3px;
font-weight:700;
color:var(--nms-white);
opacity:0;
transform:translateY(28px);
}
.nms-contacthero-content h1 span{
color:var(--nms-accent);
}
.nms-contacthero-content>p{
max-width:640px;
margin-top:18px;
font-size:16px;
line-height:1.75;
color:rgba(255,255,255,.72);
opacity:0;
transform:translateY(24px);
}
.nms-contacthero-actions{
margin-top:26px;
display:flex;
align-items:center;
flex-wrap:wrap;
gap:12px;
opacity:0;
transform:translateY(24px);
}
.nms-contacthero-primary{
height:54px;
padding:0 8px 0 20px;
display:flex;
align-items:center;
gap:16px;
border-radius:15px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:14px;
font-weight:700;
box-shadow:0 14px 34px rgba(0,0,0,.14);
transition:transform .35s ease,box-shadow .35s ease;
}
.nms-contacthero-primary i{
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:11px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:13px;
transition:transform .35s ease;
}
.nms-contacthero-primary:hover{
transform:translateY(-3px);
box-shadow:0 20px 42px rgba(0,0,0,.2);
}
.nms-contacthero-primary:hover i{
transform:translateY(3px);
}
.nms-contacthero-call{
height:54px;
padding:0 18px 0 7px;
display:flex;
align-items:center;
gap:11px;
border:1px solid rgba(255,255,255,.18);
border-radius:15px;
background:rgba(255,255,255,.07);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
color:var(--nms-white);
transition:transform .35s ease,background .35s ease;
}
.nms-contacthero-call:hover{
transform:translateY(-3px);
background:rgba(255,255,255,.12);
}
.nms-contacthero-call-icon{
width:39px;
height:39px;
display:grid;
place-items:center;
border-radius:11px;
background:rgba(255,255,255,.1);
color:var(--nms-accent);
font-size:15px;
}
.nms-contacthero-call-copy{
display:flex;
flex-direction:column;
gap:2px;
}
.nms-contacthero-call-copy small{
font-size:11px;
font-weight:700;
letter-spacing:.8px;
text-transform:uppercase;
color:rgba(255,255,255,.52);
}
.nms-contacthero-call-copy strong{
font-size:14px;
color:var(--nms-white);
}
.nms-contacthero-access{
position:relative;
padding:21px;
border:1px solid rgba(255,255,255,.16);
border-radius:24px;
background:rgba(13,39,67,.42);
backdrop-filter:blur(17px);
-webkit-backdrop-filter:blur(17px);
box-shadow:0 24px 55px rgba(0,0,0,.17);
opacity:0;
transform:translateX(35px);
}
.nms-contacthero-access:before{
content:'';
position:absolute;
left:-1px;
top:55px;
width:3px;
height:74px;
border-radius:0 8px 8px 0;
background:linear-gradient(var(--nms-accent),transparent);
}
.nms-contacthero-access-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:15px;
padding-bottom:17px;
border-bottom:1px solid rgba(255,255,255,.1);
}
.nms-contacthero-access-head>div{
display:flex;
flex-direction:column;
gap:4px;
}
.nms-contacthero-access-head>div span{
font-size:11px;
font-weight:700;
letter-spacing:1.1px;
text-transform:uppercase;
color:var(--nms-accent);
}
.nms-contacthero-access-head h2{
font-family:'Manrope',sans-serif;
font-size:19px;
color:var(--nms-white);
}
.nms-contacthero-access-status{
display:flex;
align-items:center;
gap:6px;
font-size:11px;
font-weight:700;
letter-spacing:.6px;
text-transform:uppercase;
color:rgba(255,255,255,.55);
}
.nms-contacthero-access-status i{
position:relative;
width:7px;
height:7px;
border-radius:50%;
background:var(--nms-accent);
}
.nms-contacthero-access-status i:before{
content:'';
position:absolute;
inset:-4px;
border:1px solid var(--nms-accent);
border-radius:50%;
animation:nmsContactHeroStatus 2s ease-out infinite;
}
.nms-contacthero-access-list{
margin-top:13px;
display:flex;
flex-direction:column;
gap:7px;
}
.nms-contacthero-access-item{
min-height:60px;
padding:8px;
display:grid;
grid-template-columns:42px minmax(0,1fr) 28px;
align-items:center;
gap:9px;
border:1px solid rgba(255,255,255,.08);
border-radius:14px;
background:rgba(255,255,255,.045);
color:var(--nms-white);
transition:transform .35s ease,background .35s ease,border-color .35s ease;
}
a.nms-contacthero-access-item:hover{
transform:translateX(4px);
background:rgba(255,255,255,.09);
border-color:rgba(255,255,255,.15);
}
.nms-contacthero-access-icon{
width:42px;
height:42px;
display:grid;
place-items:center;
border-radius:12px;
background:rgba(255,255,255,.1);
color:var(--nms-accent);
font-size:15px;
}
.nms-contacthero-access-item>span:nth-child(2){
min-width:0;
display:flex;
flex-direction:column;
gap:3px;
}
.nms-contacthero-access-item small{
font-size:11px;
font-weight:700;
letter-spacing:.8px;
text-transform:uppercase;
color:rgba(255,255,255,.45);
}
.nms-contacthero-access-item strong{
font-size:12.5px;
line-height:1.45;
font-weight:600;
overflow-wrap:anywhere;
color:var(--nms-white);
}
.nms-contacthero-access-item>i{
font-size:12px;
color:rgba(255,255,255,.35);
transition:transform .35s ease,color .35s ease;
}
a.nms-contacthero-access-item:hover>i{
transform:translateX(3px);
color:var(--nms-accent);
}
.nms-contacthero-access-foot{
margin-top:13px;
padding-top:14px;
display:flex;
align-items:center;
gap:10px;
border-top:1px solid rgba(255,255,255,.1);
}
.nms-contacthero-access-foot>span{
width:35px;
height:35px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:10px;
background:rgba(255,255,255,.08);
color:var(--nms-accent);
font-size:14px;
}
.nms-contacthero-access-foot p{
font-size:12.5px;
line-height:1.5;
color:rgba(255,255,255,.55);
}
.nms-contacthero-bottom{
position:absolute;
z-index:5;
left:50%;
bottom:0;
width:min(94%,1440px);
min-height:66px;
padding:10px 17px;
display:flex;
align-items:center;
justify-content:space-between;
gap:25px;
transform:translateX(-50%);
border:1px solid rgba(255,255,255,.13);
border-bottom:0;
border-radius:18px 18px 0 0;
background:rgba(13,39,67,.58);
backdrop-filter:blur(15px);
-webkit-backdrop-filter:blur(15px);
}
.nms-contacthero-bottom-copy{
display:flex;
align-items:center;
gap:10px;
}
.nms-contacthero-bottom-dot{
position:relative;
width:8px;
height:8px;
flex-shrink:0;
border-radius:50%;
background:var(--nms-accent);
}
.nms-contacthero-bottom-dot:before{
content:'';
position:absolute;
inset:-5px;
border:1px solid var(--nms-accent);
border-radius:50%;
animation:nmsContactHeroStatus 2s ease-out infinite;
}
.nms-contacthero-bottom-copy p{
font-size:12.5px;
font-weight:600;
color:rgba(255,255,255,.67);
}
.nms-contacthero-bottom-links{
display:flex;
align-items:center;
gap:15px;
}
.nms-contacthero-bottom-links a{
display:flex;
align-items:center;
gap:7px;
font-size:12px;
font-weight:600;
color:rgba(255,255,255,.65);
transition:color .3s ease;
}
.nms-contacthero-bottom-links a:hover{
color:var(--nms-white);
}
.nms-contacthero-bottom-links a i{
color:var(--nms-accent);
}
.nms-contacthero-bottom-links>span{
width:1px;
height:20px;
background:rgba(255,255,255,.1);
}
.nms-contacthero-section.nms-contacthero-loaded .nms-contacthero-breadcrumb{
animation:nmsContactHeroReveal .6s ease .1s forwards;
}
.nms-contacthero-section.nms-contacthero-loaded .nms-contacthero-label{
animation:nmsContactHeroReveal .65s ease .2s forwards;
}
.nms-contacthero-section.nms-contacthero-loaded .nms-contacthero-content h1{
animation:nmsContactHeroReveal .75s ease .32s forwards;
}
.nms-contacthero-section.nms-contacthero-loaded .nms-contacthero-content>p{
animation:nmsContactHeroReveal .75s ease .44s forwards;
}
.nms-contacthero-section.nms-contacthero-loaded .nms-contacthero-actions{
animation:nmsContactHeroReveal .75s ease .56s forwards;
}
.nms-contacthero-section.nms-contacthero-loaded .nms-contacthero-access{
animation:nmsContactHeroSide .8s ease .55s forwards;
}
@keyframes nmsContactHeroReveal{
to{
opacity:1;
transform:translateY(0);
}
}
@keyframes nmsContactHeroSide{
to{
opacity:1;
transform:translateX(0);
}
}
@keyframes nmsContactHeroPulse{
0%{
transform:scale(.75);
opacity:.8;
}
100%{
transform:scale(1.35);
opacity:0;
}
}
@keyframes nmsContactHeroFloat{
0%,100%{
transform:translateY(0) rotate(-4deg);
}
50%{
transform:translateY(-7px) rotate(4deg);
}
}
@keyframes nmsContactHeroStatus{
0%{
transform:scale(.6);
opacity:1;
}
100%{
transform:scale(2.4);
opacity:0;
}
}
@media(max-width:1050px){
.nms-contacthero-wrap{
grid-template-columns:minmax(0,1fr) 320px;
gap:40px;
}
.nms-contacthero-content h1{
font-size:clamp(42px,5vw,59px);
}
}
@media(max-width:900px){
.nms-contacthero-section{
min-height:720px;
padding-top:155px;
}
.nms-contacthero-wrap{
grid-template-columns:1fr;
}
.nms-contacthero-content{
max-width:720px;
}
.nms-contacthero-access{
display:none;
}
.nms-contacthero-signal{
right:35px;
top:125px;
}
}
@media(max-width:700px){
.nms-contacthero-section{
min-height:650px;
padding:140px 15px 95px;
background-position:right center;
}
.nms-contacthero-overlay{
background:linear-gradient(90deg,rgba(13,39,67,.98) 0%,rgba(20,58,99,.92) 65%,rgba(20,58,99,.58) 100%);
}
.nms-contacthero-wrap{
width:100%;
}
.nms-contacthero-content h1{
font-size:clamp(37px,10vw,48px);
letter-spacing:-2px;
}
.nms-contacthero-content>p{
font-size:15px;
}
.nms-contacthero-actions{
align-items:stretch;
flex-direction:column;
}
.nms-contacthero-primary,
.nms-contacthero-call{
width:100%;
}
.nms-contacthero-primary{
justify-content:space-between;
}
.nms-contacthero-call{
justify-content:flex-start;
}
.nms-contacthero-signal{
display:none;
}
.nms-contacthero-bottom{
width:calc(100% - 30px);
min-height:62px;
}
.nms-contacthero-bottom-copy{
display:none;
}
.nms-contacthero-bottom-links{
width:100%;
justify-content:space-between;
gap:8px;
}
.nms-contacthero-bottom-links a{
font-size:11px;
}
.nms-contacthero-bottom-links a i{
display:none;
}
}
@media(max-width:420px){
.nms-contacthero-section{
min-height:665px;
}
.nms-contacthero-content h1{
font-size:36px;
}
.nms-contacthero-bottom-links{
justify-content:center;
}
.nms-contacthero-bottom-links a:nth-of-type(2){
display:none;
}
.nms-contacthero-bottom-links>span:nth-of-type(2){
display:none;
}
}

.nms-contacthub-section{
position:relative;
padding:120px 3%;
background:var(--nms-bg);
overflow:hidden;
}
.nms-contacthub-section:before{
content:'';
position:absolute;
width:560px;
height:560px;
right:-300px;
top:-280px;
border-radius:50%;
background:radial-gradient(circle,rgba(175,201,222,.32),rgba(216,232,243,.08) 48%,transparent 72%);
}
.nms-contacthub-section:after{
content:'CONNECT';
position:absolute;
left:-20px;
bottom:-25px;
font-family:'Manrope',sans-serif;
font-size:clamp(100px,14vw,205px);
font-weight:800;
letter-spacing:-10px;
color:rgba(20,58,99,.022);
pointer-events:none;
}
.nms-contacthub-wrap{
position:relative;
z-index:2;
width:min(100%,1440px);
margin:auto;
}
.nms-contacthub-head{
display:grid;
grid-template-columns:minmax(560px,1.1fr) minmax(340px,.65fr);
align-items:end;
gap:80px;
margin-bottom:48px;
}
.nms-contacthub-label{
width:max-content;
display:flex;
align-items:center;
gap:10px;
padding:6px 14px 6px 6px;
border:1px solid var(--nms-border);
border-radius:50px;
background:var(--nms-white);
font-size:13px;
font-weight:700;
letter-spacing:1.1px;
text-transform:uppercase;
color:var(--nms-primary);
box-shadow:0 8px 25px rgba(20,58,99,.05);
}
.nms-contacthub-label span{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:50%;
background:var(--nms-primary);
color:var(--nms-white);
font-size:14px;
}
.nms-contacthub-head h2{
max-width:820px;
margin-top:22px;
font-family:'Manrope',sans-serif;
font-size:clamp(42px,4.5vw,66px);
line-height:1.05;
letter-spacing:-3px;
font-weight:700;
color:var(--nms-heading);
}
.nms-contacthub-head h2 span{
color:var(--nms-primary);
}
.nms-contacthub-head-copy>p{
font-size:16px;
line-height:1.82;
color:var(--nms-body);
}
.nms-contacthub-availability{
width:max-content;
margin-top:18px;
display:flex;
align-items:center;
gap:11px;
}
.nms-contacthub-status-dot{
position:relative;
width:10px;
height:10px;
border-radius:50%;
background:var(--nms-secondary);
}
.nms-contacthub-status-dot:before{
content:'';
position:absolute;
inset:-5px;
border:1px solid var(--nms-secondary);
border-radius:50%;
animation:nmsContactHubPulse 2s ease-out infinite;
}
.nms-contacthub-availability div{
display:flex;
flex-direction:column;
gap:3px;
}
.nms-contacthub-availability small{
font-size:11px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-muted);
}
.nms-contacthub-availability strong{
font-size:14px;
color:var(--nms-heading);
}
.nms-contacthub-shell{
position:relative;
min-height:610px;
padding:36px;
display:grid;
grid-template-columns:390px minmax(0,1fr);
gap:38px;
border:1px solid var(--nms-border);
border-radius:34px;
background:var(--nms-alt);
box-shadow:0 25px 70px rgba(20,58,99,.08);
overflow:hidden;
}
.nms-contacthub-shell:before{
content:'';
position:absolute;
inset:0;
background-image:radial-gradient(rgba(20,58,99,.05) 1px,transparent 1px);
background-size:20px 20px;
mask-image:linear-gradient(90deg,black,rgba(0,0,0,.4),transparent);
-webkit-mask-image:linear-gradient(90deg,black,rgba(0,0,0,.4),transparent);
pointer-events:none;
}
.nms-contacthub-core{
position:relative;
z-index:4;
padding:45px 34px;
display:flex;
align-items:flex-start;
justify-content:center;
flex-direction:column;
border-radius:28px;
background:linear-gradient(145deg,var(--nms-primary),#102f50);
box-shadow:0 25px 60px rgba(20,58,99,.18);
overflow:hidden;
}
.nms-contacthub-core:before{
content:'';
position:absolute;
width:260px;
height:260px;
right:-120px;
top:-120px;
border-radius:50%;
background:rgba(255,255,255,.04);
}
.nms-contacthub-core:after{
content:'';
position:absolute;
width:190px;
height:190px;
left:-110px;
bottom:-100px;
border-radius:50%;
border:1px solid rgba(255,255,255,.08);
}
.nms-contacthub-core-rings span{
position:absolute;
border-radius:50%;
border:1px solid rgba(255,255,255,.08);
}
.nms-contacthub-core-rings span:nth-child(1){
width:220px;
height:220px;
right:-75px;
top:-75px;
animation:nmsContactHubSpin 22s linear infinite;
}
.nms-contacthub-core-rings span:nth-child(1):before{
content:'';
position:absolute;
width:9px;
height:9px;
left:25px;
top:35px;
border-radius:50%;
background:var(--nms-accent);
box-shadow:0 0 18px rgba(175,201,222,.8);
}
.nms-contacthub-core-rings span:nth-child(2){
width:165px;
height:165px;
right:-48px;
top:-48px;
border-style:dashed;
animation:nmsContactHubSpin 17s linear infinite reverse;
}
.nms-contacthub-core-rings span:nth-child(3){
width:100px;
height:100px;
right:-15px;
top:-15px;
}
.nms-contacthub-core-icon{
position:relative;
z-index:2;
width:66px;
height:66px;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.14);
border-radius:21px;
background:rgba(255,255,255,.1);
color:var(--nms-white);
font-size:23px;
animation:nmsContactHubFloat 4s ease-in-out infinite;
}
.nms-contacthub-core>small{
position:relative;
z-index:2;
margin-top:25px;
font-size:12px;
font-weight:700;
letter-spacing:1.2px;
text-transform:uppercase;
color:var(--nms-accent);
}
.nms-contacthub-core h3{
position:relative;
z-index:2;
max-width:300px;
margin-top:8px;
font-family:'Manrope',sans-serif;
font-size:34px;
line-height:1.15;
letter-spacing:-1.3px;
color:var(--nms-white);
}
.nms-contacthub-core p{
position:relative;
z-index:2;
max-width:300px;
margin-top:13px;
font-size:14px;
line-height:1.75;
color:rgba(255,255,255,.66);
}
.nms-contacthub-core>a{
position:relative;
z-index:2;
height:51px;
margin-top:25px;
padding:0 7px 0 18px;
display:flex;
align-items:center;
gap:15px;
border-radius:14px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:14px;
font-weight:700;
transition:transform .35s ease;
}
.nms-contacthub-core>a i{
width:37px;
height:37px;
display:grid;
place-items:center;
border-radius:10px;
background:var(--nms-alt);
font-size:12.5px;
transition:transform .35s ease;
}
.nms-contacthub-core>a:hover{
transform:translateY(-3px);
}
.nms-contacthub-core>a:hover i{
transform:translateX(4px);
}
.nms-contacthub-lanes{
position:relative;
z-index:4;
display:flex;
flex-direction:column;
justify-content:center;
gap:13px;
}
.nms-contacthub-lane{
position:relative;
min-height:112px;
padding:15px 16px;
display:grid;
grid-template-columns:minmax(220px,.75fr) minmax(260px,1fr) 42px;
align-items:center;
gap:24px;
border:1px solid var(--nms-border);
border-radius:20px;
background:rgba(255,255,255,.9);
color:var(--nms-heading);
box-shadow:0 12px 30px rgba(20,58,99,.045);
opacity:0;
transform:translateX(35px);
transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease;
}
.nms-contacthub-shell.nms-contacthub-active .nms-contacthub-lane{
opacity:1;
transform:translateX(0);
}
.nms-contacthub-shell.nms-contacthub-active .nms-contacthub-lane:nth-child(1){
transition-delay:.12s;
}
.nms-contacthub-shell.nms-contacthub-active .nms-contacthub-lane:nth-child(2){
transition-delay:.24s;
}
.nms-contacthub-shell.nms-contacthub-active .nms-contacthub-lane:nth-child(3){
transition-delay:.36s;
}
.nms-contacthub-shell.nms-contacthub-active .nms-contacthub-lane:nth-child(4){
transition-delay:.48s;
}
a.nms-contacthub-lane:hover{
transform:translateX(6px);
border-color:var(--nms-accent);
box-shadow:0 18px 40px rgba(20,58,99,.08);
}
.nms-contacthub-lane-start{
display:flex;
align-items:center;
gap:13px;
}
.nms-contacthub-lane-icon{
width:55px;
height:55px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:17px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:18px;
box-shadow:0 10px 24px rgba(20,58,99,.17);
transition:transform .4s ease,background .35s ease;
}
a.nms-contacthub-lane:hover .nms-contacthub-lane-icon{
transform:rotate(-7deg) scale(1.06);
background:var(--nms-primary-hover);
}
.nms-contacthub-lane-start div{
display:flex;
flex-direction:column;
gap:4px;
}
.nms-contacthub-lane-start small{
font-size:11px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-secondary);
}
.nms-contacthub-lane-start h3{
font-family:'Manrope',sans-serif;
font-size:18px;
color:var(--nms-heading);
}
.nms-contacthub-lane-value{
display:flex;
flex-direction:column;
gap:5px;
min-width:0;
}
.nms-contacthub-lane-value span{
font-size:14px;
font-weight:700;
overflow-wrap:anywhere;
color:var(--nms-heading);
}
.nms-contacthub-lane-value small{
font-size:12px;
font-weight:600;
letter-spacing:.4px;
color:var(--nms-muted);
}
.nms-contacthub-lane-arrow{
width:40px;
height:40px;
display:grid;
place-items:center;
border:1px solid var(--nms-border);
border-radius:13px;
background:var(--nms-bg);
color:var(--nms-secondary);
font-size:13px;
transition:transform .35s ease,background .35s ease,color .35s ease;
}
a.nms-contacthub-lane:hover .nms-contacthub-lane-arrow{
transform:translateX(3px);
background:var(--nms-primary);
color:var(--nms-white);
}
.nms-contacthub-connect-line{
position:absolute;
z-index:3;
left:388px;
width:60px;
height:1px;
background:var(--nms-border);
overflow:hidden;
}
.nms-contacthub-connect-line span{
display:block;
width:0;
height:100%;
background:var(--nms-secondary);
transition:width 1s ease;
}
.nms-contacthub-shell.nms-contacthub-active .nms-contacthub-connect-line span{
width:100%;
}
.nms-contacthub-line-one{
top:105px;
}
.nms-contacthub-line-two{
top:230px;
}
.nms-contacthub-line-three{
top:355px;
}
.nms-contacthub-line-four{
top:480px;
}
.nms-contacthub-line-one span{
transition-delay:.45s;
}
.nms-contacthub-line-two span{
transition-delay:.6s;
}
.nms-contacthub-line-three span{
transition-delay:.75s;
}
.nms-contacthub-line-four span{
transition-delay:.9s;
}
.nms-contacthub-bottom{
margin-top:22px;
min-height:90px;
padding:15px 17px 15px 20px;
display:grid;
grid-template-columns:minmax(360px,1fr) auto auto;
align-items:center;
gap:30px;
border:1px solid var(--nms-border);
border-radius:22px;
background:var(--nms-white);
box-shadow:0 14px 38px rgba(20,58,99,.055);
}
.nms-contacthub-bottom-copy{
display:flex;
align-items:center;
gap:14px;
}
.nms-contacthub-bottom-icon{
width:52px;
height:52px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:15px;
background:var(--nms-ice);
color:var(--nms-primary);
font-size:18px;
}
.nms-contacthub-bottom-copy div{
display:flex;
flex-direction:column;
gap:4px;
}
.nms-contacthub-bottom-copy small{
font-size:12px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-secondary);
}
.nms-contacthub-bottom-copy strong{
font-size:15px;
color:var(--nms-heading);
}
.nms-contacthub-bottom-points{
display:flex;
align-items:center;
gap:15px;
}
.nms-contacthub-bottom-points span{
display:flex;
align-items:center;
gap:6px;
font-size:12.5px;
font-weight:600;
white-space:nowrap;
color:var(--nms-body);
}
.nms-contacthub-bottom-points i{
font-size:12px;
color:var(--nms-primary);
}
.nms-contacthub-bottom>a{
height:50px;
padding:0 7px 0 18px;
display:flex;
align-items:center;
gap:15px;
border-radius:14px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:14px;
font-weight:700;
transition:transform .35s ease,background .35s ease;
}
.nms-contacthub-bottom>a i{
width:36px;
height:36px;
display:grid;
place-items:center;
border-radius:10px;
background:rgba(255,255,255,.12);
font-size:13px;
transition:transform .35s ease;
}
.nms-contacthub-bottom>a:hover{
transform:translateY(-3px);
background:var(--nms-primary-hover);
}
.nms-contacthub-bottom>a:hover i{
transform:translateY(3px);
}
.nms-contacthub-reveal{
opacity:0;
transform:translateY(38px);
transition:opacity .85s ease,transform .85s cubic-bezier(.22,1,.36,1);
}
.nms-contacthub-reveal.nms-contacthub-visible{
opacity:1;
transform:translateY(0);
}
@keyframes nmsContactHubSpin{
to{
transform:rotate(360deg);
}
}
@keyframes nmsContactHubFloat{
0%,100%{
transform:translateY(0) rotate(-4deg);
}
50%{
transform:translateY(-7px) rotate(4deg);
}
}
@keyframes nmsContactHubPulse{
0%{
transform:scale(.6);
opacity:1;
}
100%{
transform:scale(2.4);
opacity:0;
}
}
@media(max-width:1150px){
.nms-contacthub-shell{
grid-template-columns:340px minmax(0,1fr);
}
.nms-contacthub-connect-line{
left:338px;
}
.nms-contacthub-lane{
grid-template-columns:minmax(200px,.8fr) minmax(220px,1fr) 42px;
gap:17px;
}
.nms-contacthub-bottom{
grid-template-columns:1fr auto;
}
.nms-contacthub-bottom-points{
display:none;
}
}
@media(max-width:900px){
.nms-contacthub-head{
grid-template-columns:1fr;
gap:22px;
}
.nms-contacthub-head-copy{
max-width:650px;
}
.nms-contacthub-shell{
grid-template-columns:1fr;
padding:25px;
}
.nms-contacthub-core{
min-height:370px;
}
.nms-contacthub-connect-line{
display:none;
}
}
@media(max-width:700px){
.nms-contacthub-section{
padding:78px 15px;
}
.nms-contacthub-section:after{
display:none;
}
.nms-contacthub-head{
margin-bottom:30px;
}
.nms-contacthub-head h2{
font-size:clamp(37px,10vw,49px);
letter-spacing:-2px;
}
.nms-contacthub-shell{
padding:15px;
border-radius:25px;
gap:15px;
}
.nms-contacthub-core{
min-height:auto;
padding:30px 22px;
border-radius:22px;
}
.nms-contacthub-core h3{
font-size:29px;
}
.nms-contacthub-lanes{
gap:10px;
}
.nms-contacthub-lane{
min-height:auto;
padding:14px;
grid-template-columns:1fr 35px;
gap:12px;
border-radius:18px;
}
.nms-contacthub-lane-start{
grid-column:1;
}
.nms-contacthub-lane-value{
grid-column:1;
padding-left:68px;
}
.nms-contacthub-lane-arrow{
grid-column:2;
grid-row:1/3;
width:35px;
height:35px;
}
.nms-contacthub-bottom{
grid-template-columns:1fr;
padding:18px;
gap:18px;
}
.nms-contacthub-bottom>a{
width:100%;
justify-content:space-between;
}
}
@media(max-width:430px){
.nms-contacthub-lane-start h3{
font-size:16.5px;
}
.nms-contacthub-lane-value span{
font-size:13px;
}
.nms-contacthub-lane-value{
padding-left:0;
}
}

.nms-contactform-section{
position:relative;
padding:120px 3%;
background:var(--nms-alt);
overflow:hidden;
}
.nms-contactform-section:before{
content:'';
position:absolute;
width:520px;
height:520px;
left:-300px;
bottom:-280px;
border-radius:50%;
background:radial-gradient(circle,rgba(175,201,222,.35),rgba(216,232,243,.08) 48%,transparent 72%);
}
.nms-contactform-section:after{
content:'MESSAGE';
position:absolute;
right:-20px;
top:5px;
font-family:'Manrope',sans-serif;
font-size:clamp(90px,13vw,190px);
font-weight:800;
letter-spacing:-9px;
color:rgba(20,58,99,.022);
pointer-events:none;
}
.nms-contactform-wrap{
position:relative;
z-index:2;
width:min(100%,1440px);
margin:auto;
}
.nms-contactform-layout{
display:grid;
grid-template-columns:minmax(350px,.72fr) minmax(620px,1.28fr);
gap:22px;
align-items:stretch;
}
.nms-contactform-brief{
position:relative;
min-height:680px;
padding:38px;
display:flex;
flex-direction:column;
border-radius:30px;
background:linear-gradient(145deg,var(--nms-primary),#102f50);
box-shadow:0 28px 65px rgba(20,58,99,.17);
overflow:hidden;
}
.nms-contactform-brief-pattern{
position:absolute;
inset:0;
background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
background-size:42px 42px;
mask-image:linear-gradient(to bottom,black,rgba(0,0,0,.5),transparent);
-webkit-mask-image:linear-gradient(to bottom,black,rgba(0,0,0,.5),transparent);
}
.nms-contactform-brief:before{
content:'';
position:absolute;
width:260px;
height:260px;
right:-130px;
top:-120px;
border:1px solid rgba(255,255,255,.08);
border-radius:50%;
box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.015);
}
.nms-contactform-brief-top{
position:relative;
z-index:2;
}
.nms-contactform-label{
width:max-content;
display:flex;
align-items:center;
gap:9px;
padding:6px 13px 6px 6px;
border:1px solid rgba(255,255,255,.14);
border-radius:50px;
background:rgba(255,255,255,.07);
font-size:12.5px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-ice);
}
.nms-contactform-label span{
width:32px;
height:32px;
display:grid;
place-items:center;
border-radius:50%;
background:rgba(255,255,255,.1);
color:var(--nms-white);
font-size:14px;
}
.nms-contactform-brief h2{
margin-top:24px;
font-family:'Manrope',sans-serif;
font-size:clamp(38px,3.6vw,54px);
line-height:1.06;
letter-spacing:-2.5px;
color:var(--nms-white);
}
.nms-contactform-brief h2 span{
color:var(--nms-accent);
}
.nms-contactform-brief-top>p{
margin-top:17px;
font-size:14px;
line-height:1.8;
color:rgba(255,255,255,.66);
}
.nms-contactform-brief-guide{
position:relative;
z-index:2;
margin-top:30px;
padding:18px;
border:1px solid rgba(255,255,255,.11);
border-radius:20px;
background:rgba(255,255,255,.055);
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
}
.nms-contactform-guide-head{
display:flex;
align-items:center;
gap:11px;
padding-bottom:15px;
border-bottom:1px solid rgba(255,255,255,.1);
}
.nms-contactform-guide-head>span{
width:42px;
height:42px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:13px;
background:rgba(255,255,255,.1);
color:var(--nms-accent);
font-size:16px;
}
.nms-contactform-guide-head div{
display:flex;
flex-direction:column;
gap:3px;
}
.nms-contactform-guide-head small{
font-size:11px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-accent);
}
.nms-contactform-guide-head strong{
font-size:14px;
color:var(--nms-white);
}
.nms-contactform-guide-list{
margin-top:15px;
display:flex;
flex-direction:column;
gap:10px;
}
.nms-contactform-guide-item{
display:grid;
grid-template-columns:32px 1fr;
gap:11px;
align-items:start;
}
.nms-contactform-guide-item>span{
width:32px;
height:32px;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.12);
border-radius:10px;
font-family:'Manrope',sans-serif;
font-size:12px;
font-weight:700;
color:var(--nms-accent);
}
.nms-contactform-guide-item strong{
display:block;
font-size:13px;
color:var(--nms-white);
}
.nms-contactform-guide-item p{
margin-top:3px;
font-size:12.5px;
line-height:1.55;
color:rgba(255,255,255,.5);
}
.nms-contactform-brief-foot{
position:relative;
z-index:2;
margin-top:auto;
padding-top:20px;
display:flex;
align-items:center;
gap:12px;
border-top:1px solid rgba(255,255,255,.1);
}
.nms-contactform-brief-foot-icon{
width:44px;
height:44px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:14px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:16.5px;
}
.nms-contactform-brief-foot div{
display:flex;
flex-direction:column;
gap:3px;
}
.nms-contactform-brief-foot small{
font-size:11px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-accent);
}
.nms-contactform-brief-foot strong{
font-size:13px;
line-height:1.5;
color:var(--nms-white);
}
.nms-contactform-workspace{
position:relative;
min-height:680px;
padding:34px;
border:1px solid var(--nms-border);
border-radius:30px;
background:var(--nms-white);
box-shadow:0 24px 60px rgba(20,58,99,.07);
}
.nms-contactform-workspace-head{
padding-bottom:22px;
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:20px;
border-bottom:1px solid var(--nms-border);
}
.nms-contactform-workspace-head>div:first-child{
display:flex;
flex-direction:column;
gap:5px;
}
.nms-contactform-workspace-head>div:first-child span{
font-size:12px;
font-weight:700;
letter-spacing:1.2px;
text-transform:uppercase;
color:var(--nms-secondary);
}
.nms-contactform-workspace-head h3{
font-family:'Manrope',sans-serif;
font-size:28px;
letter-spacing:-.8px;
color:var(--nms-heading);
}
.nms-contactform-workspace-status{
display:flex;
align-items:center;
gap:8px;
font-size:12px;
font-weight:700;
letter-spacing:.7px;
text-transform:uppercase;
color:var(--nms-muted);
}
.nms-contactform-workspace-status span{
position:relative;
width:8px;
height:8px;
border-radius:50%;
background:var(--nms-secondary);
}
.nms-contactform-workspace-status span:before{
content:'';
position:absolute;
inset:-5px;
border:1px solid var(--nms-secondary);
border-radius:50%;
animation:nmsContactFormPulse 2s ease-out infinite;
}
.nms-contactform-form{
margin-top:27px;
}
.nms-contactform-row{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
margin-bottom:17px;
}
.nms-contactform-field{
display:flex;
flex-direction:column;
gap:8px;
}
.nms-contactform-field label{
font-size:12.5px;
font-weight:700;
letter-spacing:.35px;
color:var(--nms-heading);
}
.nms-contactform-input-wrap,
.nms-contactform-textarea-wrap{
position:relative;
border:1px solid var(--nms-border);
border-radius:15px;
background:var(--nms-bg);
transition:border-color .3s ease,background .3s ease,box-shadow .3s ease,transform .3s ease;
}
.nms-contactform-input-wrap:focus-within,
.nms-contactform-textarea-wrap:focus-within{
border-color:var(--nms-secondary);
background:var(--nms-white);
box-shadow:0 0 0 4px rgba(111,156,194,.09);
transform:translateY(-2px);
}
.nms-contactform-input-wrap>span,
.nms-contactform-textarea-wrap>span{
position:absolute;
left:15px;
top:50%;
width:34px;
height:34px;
display:grid;
place-items:center;
transform:translateY(-50%);
border-radius:10px;
background:var(--nms-alt);
color:var(--nms-primary);
font-size:14px;
transition:background .3s ease,color .3s ease;
}
.nms-contactform-input-wrap:focus-within>span,
.nms-contactform-textarea-wrap:focus-within>span{
background:var(--nms-primary);
color:var(--nms-white);
}
.nms-contactform-input-wrap input{
width:100%;
height:59px;
padding:0 16px 0 60px;
border:0;
outline:0;
background:transparent;
font-family:'DM Sans',sans-serif;
font-size:14px;
color:var(--nms-heading);
}
.nms-contactform-input-wrap input::placeholder,
.nms-contactform-textarea-wrap textarea::placeholder{
color:var(--nms-muted);
}
.nms-contactform-message-field{
margin-top:2px;
}
.nms-contactform-message-label{
display:flex;
align-items:center;
justify-content:space-between;
}
.nms-contactform-message-label>span{
font-size:12px;
color:var(--nms-muted);
}
.nms-contactform-message-label strong{
font-weight:700;
color:var(--nms-primary);
}
.nms-contactform-textarea-wrap>span{
top:15px;
transform:none;
}
.nms-contactform-textarea-wrap textarea{
display:block;
width:100%;
min-height:155px;
max-height:260px;
padding:18px 16px 18px 60px;
border:0;
outline:0;
resize:vertical;
background:transparent;
font-family:'DM Sans',sans-serif;
font-size:14px;
line-height:1.7;
color:var(--nms-heading);
}
.nms-contactform-submit-row{
margin-top:20px;
display:flex;
align-items:center;
justify-content:space-between;
gap:25px;
}
.nms-contactform-submit-note{
max-width:390px;
display:flex;
align-items:center;
gap:10px;
}
.nms-contactform-submit-note>span{
width:35px;
height:35px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:11px;
background:var(--nms-alt);
color:var(--nms-primary);
font-size:14px;
}
.nms-contactform-submit-note p{
font-size:12.5px;
line-height:1.55;
color:var(--nms-muted);
}
.nms-contactform-submit{
height:55px;
padding:0 8px 0 21px;
display:flex;
align-items:center;
gap:17px;
border:0;
border-radius:15px;
background:var(--nms-primary);
color:var(--nms-white);
font-family:'DM Sans',sans-serif;
font-size:14px;
font-weight:700;
cursor:pointer;
box-shadow:0 13px 30px rgba(20,58,99,.18);
transition:transform .35s ease,background .35s ease,box-shadow .35s ease;
}
.nms-contactform-submit i{
width:39px;
height:39px;
display:grid;
place-items:center;
border-radius:11px;
background:rgba(255,255,255,.12);
font-size:14px;
transition:transform .35s ease;
}
.nms-contactform-submit:hover{
transform:translateY(-3px);
background:var(--nms-primary-hover);
box-shadow:0 18px 36px rgba(20,58,99,.22);
}
.nms-contactform-submit:hover i{
transform:translate(3px,-3px);
}
.nms-contactform-workspace-foot{
margin-top:26px;
padding-top:19px;
display:flex;
align-items:center;
justify-content:center;
gap:28px;
border-top:1px solid var(--nms-border);
}
.nms-contactform-workspace-foot div{
display:flex;
align-items:center;
gap:7px;
font-size:12px;
font-weight:600;
color:var(--nms-muted);
}
.nms-contactform-workspace-foot i{
font-size:12px;
color:var(--nms-secondary);
}
.nms-contactform-reveal{
opacity:0;
transform:translateY(38px);
transition:opacity .85s ease,transform .85s cubic-bezier(.22,1,.36,1);
}
.nms-contactform-reveal.nms-contactform-visible{
opacity:1;
transform:translateY(0);
}
.nms-contactform-workspace{
transition-delay:.12s;
}
@keyframes nmsContactFormPulse{
0%{
transform:scale(.6);
opacity:1;
}
100%{
transform:scale(2.4);
opacity:0;
}
}
@media(max-width:1100px){
.nms-contactform-layout{
grid-template-columns:minmax(320px,.65fr) minmax(560px,1.35fr);
}
.nms-contactform-brief{
padding:30px;
}
.nms-contactform-workspace{
padding:28px;
}
}
@media(max-width:900px){
.nms-contactform-layout{
grid-template-columns:1fr;
}
.nms-contactform-brief{
min-height:auto;
}
.nms-contactform-brief-foot{
margin-top:28px;
}
.nms-contactform-workspace{
min-height:auto;
}
}
@media(max-width:700px){
.nms-contactform-section{
padding:78px 15px;
}
.nms-contactform-section:after{
display:none;
}
.nms-contactform-layout{
gap:15px;
}
.nms-contactform-brief,
.nms-contactform-workspace{
padding:22px;
border-radius:24px;
}
.nms-contactform-brief h2{
font-size:clamp(37px,10vw,48px);
letter-spacing:-2px;
}
.nms-contactform-workspace-head h3{
font-size:24px;
}
.nms-contactform-workspace-status{
display:none;
}
.nms-contactform-row{
grid-template-columns:1fr;
gap:15px;
margin-bottom:15px;
}
.nms-contactform-submit-row{
align-items:stretch;
flex-direction:column;
}
.nms-contactform-submit{
width:100%;
justify-content:space-between;
}
.nms-contactform-workspace-foot{
align-items:flex-start;
flex-direction:column;
gap:10px;
}
}
@media(max-width:420px){
.nms-contactform-brief,
.nms-contactform-workspace{
padding:18px;
}
.nms-contactform-guide-head{
align-items:flex-start;
}
.nms-contactform-input-wrap input{
padding-left:55px;
}
.nms-contactform-textarea-wrap textarea{
padding-left:55px;
}
}

.nms-locationview-section{
position:relative;
padding:120px 3%;
background:var(--nms-bg);
overflow:hidden;
}
.nms-locationview-section:before{
content:'';
position:absolute;
width:560px;
height:560px;
right:-320px;
bottom:-320px;
border-radius:50%;
background:radial-gradient(circle,rgba(175,201,222,.34),rgba(216,232,243,.08) 48%,transparent 72%);
}
.nms-locationview-section:after{
content:'AUSTIN';
position:absolute;
left:-20px;
top:10px;
font-family:'Manrope',sans-serif;
font-size:clamp(100px,14vw,205px);
font-weight:800;
letter-spacing:-10px;
color:rgba(20,58,99,.022);
pointer-events:none;
}
.nms-locationview-wrap{
position:relative;
z-index:2;
width:min(100%,1440px);
margin:auto;
}
.nms-locationview-head{
display:grid;
grid-template-columns:minmax(560px,1.1fr) minmax(350px,.65fr);
align-items:end;
gap:80px;
margin-bottom:46px;
}
.nms-locationview-label{
width:max-content;
display:flex;
align-items:center;
gap:10px;
padding:6px 14px 6px 6px;
border:1px solid var(--nms-border);
border-radius:50px;
background:var(--nms-white);
font-size:13px;
font-weight:700;
letter-spacing:1.1px;
text-transform:uppercase;
color:var(--nms-primary);
box-shadow:0 8px 25px rgba(20,58,99,.05);
}
.nms-locationview-label span{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:50%;
background:var(--nms-primary);
color:var(--nms-white);
font-size:14px;
}
.nms-locationview-heading h2{
max-width:800px;
margin-top:22px;
font-family:'Manrope',sans-serif;
font-size:clamp(42px,4.5vw,66px);
line-height:1.05;
letter-spacing:-3px;
font-weight:700;
color:var(--nms-heading);
}
.nms-locationview-heading h2 span{
color:var(--nms-primary);
}
.nms-locationview-head-copy>p{
font-size:16px;
line-height:1.82;
color:var(--nms-body);
}
.nms-locationview-head-status{
width:max-content;
margin-top:18px;
display:flex;
align-items:center;
gap:11px;
}
.nms-locationview-status-dot{
position:relative;
width:10px;
height:10px;
border-radius:50%;
background:var(--nms-secondary);
}
.nms-locationview-status-dot:before{
content:'';
position:absolute;
inset:-5px;
border:1px solid var(--nms-secondary);
border-radius:50%;
animation:nmsLocationPulse 2s ease-out infinite;
}
.nms-locationview-head-status div{
display:flex;
flex-direction:column;
gap:3px;
}
.nms-locationview-head-status small{
font-size:11px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-muted);
}
.nms-locationview-head-status strong{
font-size:14px;
color:var(--nms-heading);
}
.nms-locationview-map-shell{
position:relative;
height:620px;
padding:12px;
border:1px solid var(--nms-border);
border-radius:34px;
background:var(--nms-white);
box-shadow:0 28px 75px rgba(20,58,99,.11);
overflow:hidden;
}
.nms-locationview-map{
position:absolute;
inset:12px;
border-radius:25px;
overflow:hidden;
}
.nms-locationview-map iframe{
width:100%;
height:100%;
border:0;
display:block;
filter:saturate(.72) contrast(.96);
}
.nms-locationview-map-shade{
position:absolute;
left:12px;
top:12px;
bottom:12px;
width:52%;
border-radius:25px 0 0 25px;
background:linear-gradient(90deg,rgba(15,43,73,.54),rgba(20,58,99,.19),transparent);
pointer-events:none;
}
.nms-locationview-address-panel{
position:absolute;
z-index:5;
left:48px;
top:50%;
width:390px;
padding:26px;
transform:translateY(-50%);
border:1px solid rgba(255,255,255,.17);
border-radius:25px;
background:rgba(15,43,73,.91);
backdrop-filter:blur(16px);
-webkit-backdrop-filter:blur(16px);
box-shadow:0 28px 65px rgba(0,0,0,.2);
}
.nms-locationview-address-top{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
}
.nms-locationview-pin{
position:relative;
width:78px;
height:78px;
display:grid;
place-items:center;
}
.nms-locationview-pin-ring{
position:absolute;
inset:0;
border:1px dashed rgba(255,255,255,.27);
border-radius:50%;
animation:nmsLocationSpin 16s linear infinite;
}
.nms-locationview-pin-ring:before{
content:'';
position:absolute;
width:8px;
height:8px;
top:6px;
left:15px;
border-radius:50%;
background:var(--nms-accent);
box-shadow:0 0 16px rgba(175,201,222,.8);
}
.nms-locationview-pin-core{
width:49px;
height:49px;
display:grid;
place-items:center;
border-radius:16px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:18px;
animation:nmsLocationFloat 4s ease-in-out infinite;
}
.nms-locationview-address-badge{
display:flex;
align-items:center;
gap:7px;
padding:8px 11px;
border:1px solid rgba(255,255,255,.12);
border-radius:50px;
background:rgba(255,255,255,.07);
font-size:11px;
font-weight:700;
letter-spacing:.8px;
text-transform:uppercase;
color:rgba(255,255,255,.65);
}
.nms-locationview-address-badge span{
position:relative;
width:7px;
height:7px;
border-radius:50%;
background:var(--nms-accent);
}
.nms-locationview-address-badge span:before{
content:'';
position:absolute;
inset:-4px;
border:1px solid var(--nms-accent);
border-radius:50%;
animation:nmsLocationPulse 2s ease-out infinite;
}
.nms-locationview-address-copy{
margin-top:20px;
}
.nms-locationview-address-copy small{
font-size:12px;
font-weight:700;
letter-spacing:1.2px;
text-transform:uppercase;
color:var(--nms-accent);
}
.nms-locationview-address-copy h3{
margin-top:7px;
font-family:'Manrope',sans-serif;
font-size:30px;
line-height:1.15;
letter-spacing:-1px;
color:var(--nms-white);
}
.nms-locationview-address-copy p{
margin-top:12px;
font-size:14px;
line-height:1.7;
font-weight:500;
color:rgba(255,255,255,.7);
}
.nms-locationview-address-actions{
margin-top:22px;
display:flex;
align-items:stretch;
gap:9px;
}
.nms-locationview-direction-btn{
height:54px;
padding:0 8px 0 18px;
display:flex;
align-items:center;
gap:14px;
border-radius:15px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:13px;
font-weight:700;
transition:transform .35s ease;
}
.nms-locationview-direction-btn i{
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:11px;
background:var(--nms-alt);
font-size:12.5px;
transition:transform .35s ease;
}
.nms-locationview-direction-btn:hover{
transform:translateY(-3px);
}
.nms-locationview-direction-btn:hover i{
transform:translate(3px,-3px);
}
.nms-locationview-call-btn{
min-height:54px;
padding:7px 13px 7px 7px;
display:flex;
align-items:center;
gap:9px;
border:1px solid rgba(255,255,255,.13);
border-radius:15px;
background:rgba(255,255,255,.07);
color:var(--nms-white);
transition:transform .35s ease,background .35s ease;
}
.nms-locationview-call-btn:hover{
transform:translateY(-3px);
background:rgba(255,255,255,.11);
}
.nms-locationview-call-btn>span{
width:39px;
height:39px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:11px;
background:rgba(255,255,255,.1);
color:var(--nms-accent);
font-size:14px;
}
.nms-locationview-call-btn div{
display:flex;
flex-direction:column;
gap:2px;
}
.nms-locationview-call-btn small{
font-size:11px;
font-weight:700;
letter-spacing:.7px;
text-transform:uppercase;
color:rgba(255,255,255,.5);
}
.nms-locationview-call-btn strong{
font-size:12.5px;
white-space:nowrap;
color:var(--nms-white);
}
.nms-locationview-address-foot{
margin-top:19px;
padding-top:16px;
display:flex;
align-items:center;
gap:9px;
border-top:1px solid rgba(255,255,255,.1);
}
.nms-locationview-address-foot span{
width:32px;
height:32px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:10px;
background:rgba(255,255,255,.08);
color:var(--nms-accent);
font-size:14px;
}
.nms-locationview-address-foot p{
font-size:12.5px;
line-height:1.5;
color:rgba(255,255,255,.53);
}
.nms-locationview-map-badge{
position:absolute;
z-index:5;
right:34px;
top:34px;
padding:10px 14px 10px 10px;
display:flex;
align-items:center;
gap:10px;
border:1px solid var(--nms-border);
border-radius:16px;
background:rgba(255,255,255,.94);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
box-shadow:0 14px 35px rgba(20,58,99,.12);
animation:nmsLocationFloat 5s ease-in-out infinite;
}
.nms-locationview-map-badge-icon{
width:41px;
height:41px;
display:grid;
place-items:center;
border-radius:12px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:16px;
}
.nms-locationview-map-badge div{
display:flex;
flex-direction:column;
gap:3px;
}
.nms-locationview-map-badge small{
font-size:11px;
font-weight:700;
letter-spacing:.9px;
text-transform:uppercase;
color:var(--nms-muted);
}
.nms-locationview-map-badge strong{
font-size:13px;
color:var(--nms-heading);
}
.nms-locationview-route{
position:absolute;
z-index:4;
right:145px;
bottom:90px;
width:235px;
height:110px;
pointer-events:none;
}
.nms-locationview-route-line{
position:absolute;
left:0;
right:0;
top:50%;
height:2px;
border-top:2px dashed rgba(20,58,99,.34);
transform:rotate(-13deg);
}
.nms-locationview-route-dot{
position:absolute;
width:11px;
height:11px;
border:3px solid var(--nms-white);
border-radius:50%;
background:var(--nms-primary);
box-shadow:0 4px 12px rgba(20,58,99,.25);
animation:nmsLocationRoutePulse 2.5s ease-in-out infinite;
}
.nms-locationview-route-dot-one{
left:0;
bottom:19px;
}
.nms-locationview-route-dot-two{
left:48%;
top:46px;
animation-delay:.6s;
}
.nms-locationview-route-dot-three{
right:0;
top:13px;
animation-delay:1.2s;
}
.nms-locationview-info{
margin-top:22px;
min-height:92px;
padding:15px 17px 15px 20px;
display:grid;
grid-template-columns:minmax(310px,.8fr) minmax(480px,1fr) auto;
align-items:center;
gap:30px;
border:1px solid var(--nms-border);
border-radius:22px;
background:var(--nms-white);
box-shadow:0 14px 38px rgba(20,58,99,.055);
}
.nms-locationview-info-main{
display:flex;
align-items:center;
gap:14px;
}
.nms-locationview-info-icon{
width:52px;
height:52px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:15px;
background:var(--nms-ice);
color:var(--nms-primary);
font-size:18px;
}
.nms-locationview-info-main div{
display:flex;
flex-direction:column;
gap:4px;
}
.nms-locationview-info-main small{
font-size:12px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-secondary);
}
.nms-locationview-info-main strong{
font-size:14px;
color:var(--nms-heading);
}
.nms-locationview-info-links{
display:grid;
grid-template-columns:1fr 1.45fr;
gap:10px;
}
.nms-locationview-info-links a{
min-height:52px;
padding:7px 11px 7px 7px;
display:flex;
align-items:center;
gap:9px;
border:1px solid var(--nms-border);
border-radius:14px;
background:var(--nms-bg);
color:var(--nms-heading);
transition:transform .35s ease,border-color .35s ease,background .35s ease;
}
.nms-locationview-info-links a:hover{
transform:translateY(-3px);
border-color:var(--nms-accent);
background:var(--nms-white);
}
.nms-locationview-info-links a>span{
width:38px;
height:38px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:11px;
background:var(--nms-ice);
color:var(--nms-primary);
font-size:14px;
}
.nms-locationview-info-links a div{
min-width:0;
display:flex;
flex-direction:column;
gap:2px;
}
.nms-locationview-info-links small{
font-size:11px;
font-weight:700;
letter-spacing:.7px;
text-transform:uppercase;
color:var(--nms-muted);
}
.nms-locationview-info-links strong{
font-size:12.5px;
overflow-wrap:anywhere;
color:var(--nms-heading);
}
.nms-locationview-message-btn{
height:50px;
padding:0 7px 0 18px;
display:flex;
align-items:center;
gap:15px;
border-radius:14px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:14px;
font-weight:700;
transition:transform .35s ease,background .35s ease;
}
.nms-locationview-message-btn i{
width:36px;
height:36px;
display:grid;
place-items:center;
border-radius:10px;
background:rgba(255,255,255,.12);
font-size:13px;
transition:transform .35s ease;
}
.nms-locationview-message-btn:hover{
transform:translateY(-3px);
background:var(--nms-primary-hover);
}
.nms-locationview-message-btn:hover i{
transform:translateY(-3px);
}
.nms-locationview-reveal{
opacity:0;
transform:translateY(38px);
transition:opacity .85s ease,transform .85s cubic-bezier(.22,1,.36,1);
}
.nms-locationview-reveal.nms-locationview-visible{
opacity:1;
transform:translateY(0);
}
.nms-locationview-info{
transition-delay:.12s;
}
@keyframes nmsLocationSpin{
to{
transform:rotate(360deg);
}
}
@keyframes nmsLocationFloat{
0%,100%{
transform:translateY(0);
}
50%{
transform:translateY(-7px);
}
}
@keyframes nmsLocationPulse{
0%{
transform:scale(.6);
opacity:1;
}
100%{
transform:scale(2.4);
opacity:0;
}
}
@keyframes nmsLocationRoutePulse{
0%,100%{
transform:scale(.85);
}
50%{
transform:scale(1.25);
}
}
@media(max-width:1100px){
.nms-locationview-head{
grid-template-columns:1fr;
gap:22px;
}
.nms-locationview-head-copy{
max-width:650px;
}
.nms-locationview-info{
grid-template-columns:1fr auto;
}
.nms-locationview-info-links{
display:none;
}
}
@media(max-width:850px){
.nms-locationview-map-shell{
height:720px;
}
.nms-locationview-map-shade{
width:75%;
}
.nms-locationview-address-panel{
left:32px;
width:365px;
}
.nms-locationview-route{
display:none;
}
}
@media(max-width:700px){
.nms-locationview-section{
padding:78px 15px;
}
.nms-locationview-section:after{
display:none;
}
.nms-locationview-head{
margin-bottom:30px;
}
.nms-locationview-heading h2{
font-size:clamp(37px,10vw,49px);
letter-spacing:-2px;
}
.nms-locationview-map-shell{
height:auto;
padding:10px;
border-radius:25px;
}
.nms-locationview-map{
position:relative;
inset:auto;
height:400px;
border-radius:18px;
}
.nms-locationview-map-shade,
.nms-locationview-route{
display:none;
}
.nms-locationview-address-panel{
position:relative;
left:auto;
top:auto;
width:100%;
margin-top:10px;
padding:22px;
transform:none;
border-radius:20px;
}
.nms-locationview-map-badge{
top:24px;
right:24px;
}
.nms-locationview-address-actions{
align-items:stretch;
flex-direction:column;
}
.nms-locationview-direction-btn,
.nms-locationview-call-btn{
width:100%;
}
.nms-locationview-direction-btn{
justify-content:space-between;
}
.nms-locationview-info{
grid-template-columns:1fr;
padding:18px;
gap:18px;
}
.nms-locationview-message-btn{
width:100%;
justify-content:space-between;
}
}
@media(max-width:430px){
.nms-locationview-map{
height:340px;
}
.nms-locationview-map-badge{
top:20px;
right:20px;
padding:7px 10px 7px 7px;
}
.nms-locationview-map-badge-icon{
width:36px;
height:36px;
}
.nms-locationview-address-panel{
padding:18px;
}
.nms-locationview-address-copy h3{
font-size:26px;
}
}

.nms-orderhero-section{
position:relative;
min-height:620px;
padding:165px 3% 88px;
display:flex;
align-items:center;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
overflow:hidden;
}
.nms-orderhero-overlay{
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(13,39,67,.98) 0%,rgba(20,58,99,.94) 42%,rgba(20,58,99,.69) 70%,rgba(20,58,99,.26) 100%);
}
.nms-orderhero-pattern{
position:absolute;
inset:0;
background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
background-size:48px 48px;
mask-image:linear-gradient(90deg,black,rgba(0,0,0,.55),transparent);
-webkit-mask-image:linear-gradient(90deg,black,rgba(0,0,0,.55),transparent);
}
.nms-orderhero-orbit{
position:absolute;
z-index:2;
right:5%;
top:110px;
width:110px;
height:110px;
display:grid;
place-items:center;
opacity:.62;
}
.nms-orderhero-orbit-ring{
position:absolute;
inset:0;
border:1px dashed rgba(255,255,255,.28);
border-radius:50%;
animation:nmsOrderHeroSpin 17s linear infinite;
}
.nms-orderhero-orbit-ring:before{
content:'';
position:absolute;
width:9px;
height:9px;
top:8px;
left:22px;
border-radius:50%;
background:var(--nms-accent);
box-shadow:0 0 18px rgba(175,201,222,.8);
}
.nms-orderhero-orbit-core{
width:56px;
height:56px;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.15);
border-radius:18px;
background:rgba(255,255,255,.09);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
color:var(--nms-white);
font-size:19px;
animation:nmsOrderHeroFloat 4s ease-in-out infinite;
}
.nms-orderhero-wrap{
position:relative;
z-index:4;
width:min(94%,1440px);
margin:auto;
display:grid;
grid-template-columns:minmax(0,760px) 390px;
align-items:center;
justify-content:space-between;
gap:70px;
}
.nms-orderhero-content{
max-width:760px;
}
.nms-orderhero-breadcrumb{
display:flex;
align-items:center;
gap:9px;
margin-bottom:17px;
font-size:12.5px;
font-weight:600;
letter-spacing:.6px;
text-transform:uppercase;
color:rgba(255,255,255,.55);
opacity:0;
transform:translateY(18px);
}
.nms-orderhero-breadcrumb a{
display:flex;
align-items:center;
gap:7px;
color:var(--nms-accent);
}
.nms-orderhero-breadcrumb>i{
font-size:11px;
color:rgba(255,255,255,.3);
}
.nms-orderhero-label{
width:max-content;
display:flex;
align-items:center;
gap:9px;
padding:6px 14px 6px 6px;
border:1px solid rgba(255,255,255,.15);
border-radius:50px;
background:rgba(255,255,255,.07);
font-size:12.5px;
font-weight:700;
letter-spacing:1.1px;
text-transform:uppercase;
color:var(--nms-ice);
opacity:0;
transform:translateY(20px);
}
.nms-orderhero-label span{
width:32px;
height:32px;
display:grid;
place-items:center;
border-radius:50%;
background:rgba(255,255,255,.12);
color:var(--nms-white);
font-size:14px;
}
.nms-orderhero-content h1{
max-width:760px;
margin-top:18px;
font-family:'Manrope',sans-serif;
font-size:clamp(43px,4.4vw,66px);
line-height:1.04;
letter-spacing:-3px;
font-weight:700;
color:var(--nms-white);
opacity:0;
transform:translateY(28px);
}
.nms-orderhero-content h1 span{
color:var(--nms-accent);
}
.nms-orderhero-content>p{
max-width:640px;
margin-top:18px;
font-size:16px;
line-height:1.75;
color:rgba(255,255,255,.72);
opacity:0;
transform:translateY(24px);
}
.nms-orderhero-actions{
margin-top:27px;
display:flex;
align-items:center;
flex-wrap:wrap;
gap:12px;
opacity:0;
transform:translateY(24px);
}
.nms-orderhero-primary{
height:55px;
padding:0 8px 0 20px;
display:flex;
align-items:center;
gap:16px;
border-radius:15px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:14px;
font-weight:700;
box-shadow:0 14px 34px rgba(0,0,0,.14);
transition:transform .35s ease,box-shadow .35s ease;
}
.nms-orderhero-primary i{
width:39px;
height:39px;
display:grid;
place-items:center;
border-radius:11px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:13px;
transition:transform .35s ease;
}
.nms-orderhero-primary:hover{
transform:translateY(-3px);
box-shadow:0 20px 42px rgba(0,0,0,.2);
}
.nms-orderhero-primary:hover i{
transform:translateY(3px);
}
.nms-orderhero-secondary{
height:55px;
padding:0 17px 0 7px;
display:flex;
align-items:center;
gap:11px;
border:1px solid rgba(255,255,255,.18);
border-radius:15px;
background:rgba(255,255,255,.07);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
color:var(--nms-white);
transition:transform .35s ease,background .35s ease;
}
.nms-orderhero-secondary:hover{
transform:translateY(-3px);
background:rgba(255,255,255,.12);
}
.nms-orderhero-secondary-icon{
width:40px;
height:40px;
display:grid;
place-items:center;
border-radius:11px;
background:rgba(255,255,255,.1);
color:var(--nms-accent);
font-size:15px;
}
.nms-orderhero-secondary>span:last-child{
display:flex;
flex-direction:column;
gap:2px;
}
.nms-orderhero-secondary small{
font-size:11px;
font-weight:700;
letter-spacing:.8px;
text-transform:uppercase;
color:rgba(255,255,255,.48);
}
.nms-orderhero-secondary strong{
font-size:13px;
color:var(--nms-white);
}
.nms-orderhero-trust{
margin-top:23px;
display:flex;
align-items:center;
flex-wrap:wrap;
gap:17px;
opacity:0;
transform:translateY(20px);
}
.nms-orderhero-trust div{
display:flex;
align-items:center;
gap:7px;
}
.nms-orderhero-trust i{
font-size:12.5px;
color:var(--nms-accent);
}
.nms-orderhero-trust span{
font-size:12.5px;
font-weight:600;
color:rgba(255,255,255,.58);
}
.nms-orderhero-process{
position:relative;
padding:22px;
border:1px solid rgba(255,255,255,.16);
border-radius:24px;
background:rgba(13,39,67,.45);
backdrop-filter:blur(17px);
-webkit-backdrop-filter:blur(17px);
box-shadow:0 24px 55px rgba(0,0,0,.16);
opacity:0;
transform:translateX(35px);
}
.nms-orderhero-process:before{
content:'';
position:absolute;
left:-1px;
top:65px;
width:3px;
height:110px;
border-radius:0 8px 8px 0;
background:linear-gradient(var(--nms-accent),transparent);
}
.nms-orderhero-process-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:15px;
padding-bottom:16px;
border-bottom:1px solid rgba(255,255,255,.1);
}
.nms-orderhero-process-head>div{
display:flex;
flex-direction:column;
gap:4px;
}
.nms-orderhero-process-head small{
font-size:11px;
font-weight:700;
letter-spacing:1.1px;
text-transform:uppercase;
color:var(--nms-accent);
}
.nms-orderhero-process-head h2{
font-family:'Manrope',sans-serif;
font-size:19px;
color:var(--nms-white);
}
.nms-orderhero-process-status{
display:flex;
align-items:center;
gap:6px;
font-size:11px;
font-weight:700;
letter-spacing:.7px;
text-transform:uppercase;
color:rgba(255,255,255,.5);
}
.nms-orderhero-process-status i{
position:relative;
width:7px;
height:7px;
border-radius:50%;
background:var(--nms-accent);
}
.nms-orderhero-process-status i:before{
content:'';
position:absolute;
inset:-4px;
border:1px solid var(--nms-accent);
border-radius:50%;
animation:nmsOrderHeroPulse 2s ease-out infinite;
}
.nms-orderhero-process-track{
position:relative;
margin-top:15px;
display:flex;
flex-direction:column;
gap:9px;
}
.nms-orderhero-process-line{
position:absolute;
left:22px;
top:25px;
bottom:25px;
width:2px;
background:rgba(255,255,255,.09);
overflow:hidden;
}
.nms-orderhero-process-line span{
display:block;
width:100%;
height:0;
background:linear-gradient(var(--nms-accent),rgba(175,201,222,.2));
transition:height 2s cubic-bezier(.22,1,.36,1) .8s;
}
.nms-orderhero-section.nms-orderhero-loaded .nms-orderhero-process-line span{
height:100%;
}
.nms-orderhero-step{
position:relative;
z-index:2;
min-height:62px;
padding:7px 9px 7px 7px;
display:grid;
grid-template-columns:46px minmax(0,1fr) auto;
align-items:center;
gap:10px;
border:1px solid rgba(255,255,255,.07);
border-radius:14px;
background:rgba(255,255,255,.04);
}
.nms-orderhero-step-number{
position:absolute;
right:10px;
top:9px;
font-family:'Manrope',sans-serif;
font-size:11px;
font-weight:700;
color:rgba(255,255,255,.28);
}
.nms-orderhero-step-icon{
width:46px;
height:46px;
display:grid;
place-items:center;
border-radius:13px;
background:rgba(255,255,255,.09);
color:var(--nms-accent);
font-size:15px;
transition:transform .35s ease,background .35s ease,color .35s ease;
}
.nms-orderhero-step:hover .nms-orderhero-step-icon{
transform:rotate(-6deg) scale(1.05);
background:var(--nms-white);
color:var(--nms-primary);
}
.nms-orderhero-step>div:last-child{
display:flex;
flex-direction:column;
gap:3px;
}
.nms-orderhero-step small{
font-size:11px;
font-weight:700;
letter-spacing:.8px;
text-transform:uppercase;
color:rgba(255,255,255,.43);
}
.nms-orderhero-step strong{
font-size:13px;
color:var(--nms-white);
}
.nms-orderhero-process-foot{
margin-top:14px;
padding-top:14px;
display:flex;
align-items:center;
gap:10px;
border-top:1px solid rgba(255,255,255,.1);
}
.nms-orderhero-process-foot>span{
width:35px;
height:35px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:10px;
background:rgba(255,255,255,.08);
color:var(--nms-accent);
font-size:14px;
}
.nms-orderhero-process-foot p{
font-size:12.5px;
line-height:1.5;
color:rgba(255,255,255,.54);
}
.nms-orderhero-bottom{
position:absolute;
z-index:5;
left:50%;
bottom:0;
width:min(94%,1440px);
min-height:68px;
padding:10px 12px 10px 17px;
display:flex;
align-items:center;
justify-content:space-between;
gap:25px;
transform:translateX(-50%);
border:1px solid rgba(255,255,255,.13);
border-bottom:0;
border-radius:18px 18px 0 0;
background:rgba(13,39,67,.58);
backdrop-filter:blur(15px);
-webkit-backdrop-filter:blur(15px);
}
.nms-orderhero-bottom-main{
display:flex;
align-items:center;
gap:11px;
}
.nms-orderhero-bottom-icon{
width:41px;
height:41px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:12px;
background:rgba(255,255,255,.09);
color:var(--nms-accent);
font-size:16px;
}
.nms-orderhero-bottom-main div{
display:flex;
flex-direction:column;
gap:3px;
}
.nms-orderhero-bottom-main small{
font-size:11px;
font-weight:700;
letter-spacing:.9px;
text-transform:uppercase;
color:var(--nms-accent);
}
.nms-orderhero-bottom-main strong{
font-size:13px;
color:var(--nms-white);
}
.nms-orderhero-bottom>a{
height:46px;
padding:0 7px 0 16px;
display:flex;
align-items:center;
gap:13px;
border-radius:13px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.11);
color:var(--nms-white);
font-size:12.5px;
font-weight:700;
transition:transform .35s ease,background .35s ease;
}
.nms-orderhero-bottom>a i{
width:32px;
height:32px;
display:grid;
place-items:center;
border-radius:9px;
background:rgba(255,255,255,.1);
font-size:12.5px;
transition:transform .35s ease;
}
.nms-orderhero-bottom>a:hover{
transform:translateY(-3px);
background:rgba(255,255,255,.12);
}
.nms-orderhero-bottom>a:hover i{
transform:translateY(3px);
}
.nms-orderhero-section.nms-orderhero-loaded .nms-orderhero-breadcrumb{
animation:nmsOrderHeroReveal .6s ease .1s forwards;
}
.nms-orderhero-section.nms-orderhero-loaded .nms-orderhero-label{
animation:nmsOrderHeroReveal .65s ease .2s forwards;
}
.nms-orderhero-section.nms-orderhero-loaded .nms-orderhero-content h1{
animation:nmsOrderHeroReveal .75s ease .32s forwards;
}
.nms-orderhero-section.nms-orderhero-loaded .nms-orderhero-content>p{
animation:nmsOrderHeroReveal .75s ease .44s forwards;
}
.nms-orderhero-section.nms-orderhero-loaded .nms-orderhero-actions{
animation:nmsOrderHeroReveal .75s ease .56s forwards;
}
.nms-orderhero-section.nms-orderhero-loaded .nms-orderhero-trust{
animation:nmsOrderHeroReveal .75s ease .68s forwards;
}
.nms-orderhero-section.nms-orderhero-loaded .nms-orderhero-process{
animation:nmsOrderHeroSide .8s ease .56s forwards;
}
@keyframes nmsOrderHeroReveal{
to{
opacity:1;
transform:translateY(0);
}
}
@keyframes nmsOrderHeroSide{
to{
opacity:1;
transform:translateX(0);
}
}
@keyframes nmsOrderHeroSpin{
to{
transform:rotate(360deg);
}
}
@keyframes nmsOrderHeroFloat{
0%,100%{
transform:translateY(0) rotate(-4deg);
}
50%{
transform:translateY(-7px) rotate(4deg);
}
}
@keyframes nmsOrderHeroPulse{
0%{
transform:scale(.6);
opacity:1;
}
100%{
transform:scale(2.4);
opacity:0;
}
}
@media(max-width:1080px){
.nms-orderhero-wrap{
grid-template-columns:minmax(0,1fr) 350px;
gap:40px;
}
.nms-orderhero-content h1{
font-size:clamp(42px,5vw,60px);
}
}
@media(max-width:900px){
.nms-orderhero-section{
min-height:700px;
padding-top:155px;
}
.nms-orderhero-wrap{
grid-template-columns:1fr;
}
.nms-orderhero-content{
max-width:720px;
}
.nms-orderhero-process{
display:none;
}
.nms-orderhero-orbit{
right:35px;
top:125px;
}
}
@media(max-width:700px){
.nms-orderhero-section{
min-height:665px;
padding:140px 15px 94px;
background-position:right center;
}
.nms-orderhero-overlay{
background:linear-gradient(90deg,rgba(13,39,67,.98) 0%,rgba(20,58,99,.92) 64%,rgba(20,58,99,.58) 100%);
}
.nms-orderhero-wrap{
width:100%;
}
.nms-orderhero-content h1{
font-size:clamp(37px,10vw,48px);
letter-spacing:-2px;
}
.nms-orderhero-content>p{
font-size:15px;
}
.nms-orderhero-actions{
align-items:stretch;
flex-direction:column;
}
.nms-orderhero-primary,
.nms-orderhero-secondary{
width:100%;
}
.nms-orderhero-primary{
justify-content:space-between;
}
.nms-orderhero-secondary{
justify-content:flex-start;
}
.nms-orderhero-orbit{
display:none;
}
.nms-orderhero-trust{
gap:10px 15px;
}
.nms-orderhero-bottom{
width:calc(100% - 30px);
min-height:62px;
}
.nms-orderhero-bottom-main{
display:none;
}
.nms-orderhero-bottom>a{
width:100%;
justify-content:space-between;
}
}
@media(max-width:420px){
.nms-orderhero-section{
min-height:680px;
}
.nms-orderhero-content h1{
font-size:36px;
}
.nms-orderhero-trust div:nth-child(3){
display:none;
}
}

.nms-orderprep-section{
position:relative;
padding:115px 3%;
background:var(--nms-bg);
overflow:hidden;
}
.nms-orderprep-section:before{
content:'';
position:absolute;
width:520px;
height:520px;
left:-300px;
bottom:-300px;
border-radius:50%;
background:radial-gradient(circle,rgba(175,201,222,.34),rgba(216,232,243,.08) 48%,transparent 72%);
}
.nms-orderprep-section:after{
content:'READY';
position:absolute;
right:-15px;
top:10px;
font-family:'Manrope',sans-serif;
font-size:clamp(100px,14vw,200px);
font-weight:800;
letter-spacing:-10px;
color:rgba(20,58,99,.022);
pointer-events:none;
}
.nms-orderprep-wrap{
position:relative;
z-index:2;
width:min(100%,1440px);
margin:auto;
display:grid;
grid-template-columns:minmax(370px,.75fr) minmax(650px,1.25fr);
gap:75px;
align-items:center;
}
.nms-orderprep-label{
width:max-content;
display:flex;
align-items:center;
gap:10px;
padding:6px 14px 6px 6px;
border:1px solid var(--nms-border);
border-radius:50px;
background:var(--nms-white);
font-size:13px;
font-weight:700;
letter-spacing:1.1px;
text-transform:uppercase;
color:var(--nms-primary);
box-shadow:0 8px 25px rgba(20,58,99,.05);
}
.nms-orderprep-label span{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:50%;
background:var(--nms-primary);
color:var(--nms-white);
font-size:14px;
}
.nms-orderprep-intro h2{
margin-top:23px;
font-family:'Manrope',sans-serif;
font-size:clamp(42px,4.3vw,63px);
line-height:1.05;
letter-spacing:-3px;
font-weight:700;
color:var(--nms-heading);
}
.nms-orderprep-intro h2 span{
color:var(--nms-primary);
}
.nms-orderprep-intro>p{
max-width:580px;
margin-top:19px;
font-size:16px;
line-height:1.82;
color:var(--nms-body);
}
.nms-orderprep-note{
margin-top:25px;
padding:17px;
display:flex;
align-items:flex-start;
gap:13px;
border:1px solid var(--nms-border);
border-radius:18px;
background:var(--nms-alt);
}
.nms-orderprep-note>span{
width:46px;
height:46px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:14px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:16.5px;
box-shadow:0 8px 22px rgba(20,58,99,.06);
}
.nms-orderprep-note div{
display:flex;
flex-direction:column;
gap:4px;
}
.nms-orderprep-note small{
font-size:12px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-secondary);
}
.nms-orderprep-note strong{
font-size:14px;
color:var(--nms-heading);
}
.nms-orderprep-note p{
font-size:13px;
line-height:1.6;
color:var(--nms-body);
}
.nms-orderprep-start-btn{
width:max-content;
height:55px;
margin-top:25px;
padding:0 8px 0 20px;
display:flex;
align-items:center;
gap:16px;
border-radius:15px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:14px;
font-weight:700;
box-shadow:0 13px 30px rgba(20,58,99,.18);
transition:transform .35s ease,background .35s ease;
}
.nms-orderprep-start-btn i{
width:39px;
height:39px;
display:grid;
place-items:center;
border-radius:11px;
background:rgba(255,255,255,.12);
font-size:13px;
transition:transform .35s ease;
}
.nms-orderprep-start-btn:hover{
transform:translateY(-3px);
background:var(--nms-primary-hover);
}
.nms-orderprep-start-btn:hover i{
transform:translateY(3px);
}
.nms-orderprep-console{
position:relative;
padding:24px;
border:1px solid var(--nms-border);
border-radius:30px;
background:var(--nms-white);
box-shadow:0 25px 70px rgba(20,58,99,.08);
overflow:hidden;
}
.nms-orderprep-console:before{
content:'';
position:absolute;
width:220px;
height:220px;
right:-110px;
top:-110px;
border-radius:50%;
background:var(--nms-alt);
}
.nms-orderprep-console-top{
position:relative;
z-index:2;
padding-bottom:20px;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
border-bottom:1px solid var(--nms-border);
}
.nms-orderprep-console-heading{
display:flex;
align-items:center;
gap:13px;
}
.nms-orderprep-console-icon{
width:54px;
height:54px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:17px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:18px;
box-shadow:0 11px 26px rgba(20,58,99,.19);
}
.nms-orderprep-console-heading div{
display:flex;
flex-direction:column;
gap:4px;
}
.nms-orderprep-console-heading small{
font-size:12px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-secondary);
}
.nms-orderprep-console-heading h3{
font-family:'Manrope',sans-serif;
font-size:23px;
letter-spacing:-.6px;
color:var(--nms-heading);
}
.nms-orderprep-meter{
position:relative;
z-index:2;
}
.nms-orderprep-meter-ring{
position:relative;
width:88px;
height:88px;
}
.nms-orderprep-meter-ring svg{
width:100%;
height:100%;
transform:rotate(-90deg);
}
.nms-orderprep-meter-ring circle{
fill:none;
stroke-width:8;
}
.nms-orderprep-meter-track{
stroke:var(--nms-alt);
}
.nms-orderprep-meter-progress{
stroke:var(--nms-primary);
stroke-linecap:round;
stroke-dasharray:295;
stroke-dashoffset:295;
transition:stroke-dashoffset 1.8s cubic-bezier(.22,1,.36,1) .25s;
}
.nms-orderprep-console.nms-orderprep-active .nms-orderprep-meter-progress{
stroke-dashoffset:0;
}
.nms-orderprep-meter-value{
position:absolute;
inset:0;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
}
.nms-orderprep-meter-value strong{
font-family:'Manrope',sans-serif;
font-size:20px;
line-height:1;
color:var(--nms-primary);
}
.nms-orderprep-meter-value span{
margin-top:3px;
font-size:11px;
font-weight:700;
letter-spacing:.7px;
text-transform:uppercase;
color:var(--nms-muted);
}
.nms-orderprep-checklist{
position:relative;
z-index:2;
margin-top:16px;
display:flex;
flex-direction:column;
gap:9px;
}
.nms-orderprep-checkpoint{
min-height:92px;
padding:12px 14px;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
border:1px solid var(--nms-border);
border-radius:18px;
background:var(--nms-bg);
opacity:0;
transform:translateX(35px);
transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1),background .35s ease,border-color .35s ease;
}
.nms-orderprep-console.nms-orderprep-active .nms-orderprep-checkpoint{
opacity:1;
transform:translateX(0);
}
.nms-orderprep-console.nms-orderprep-active .nms-orderprep-checkpoint:nth-child(1){
transition-delay:.12s;
}
.nms-orderprep-console.nms-orderprep-active .nms-orderprep-checkpoint:nth-child(2){
transition-delay:.24s;
}
.nms-orderprep-console.nms-orderprep-active .nms-orderprep-checkpoint:nth-child(3){
transition-delay:.36s;
}
.nms-orderprep-console.nms-orderprep-active .nms-orderprep-checkpoint:nth-child(4){
transition-delay:.48s;
}
.nms-orderprep-checkpoint:hover{
background:var(--nms-white);
border-color:var(--nms-accent);
}
.nms-orderprep-checkpoint-left{
display:flex;
align-items:center;
gap:13px;
}
.nms-orderprep-checkpoint-icon{
width:50px;
height:50px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:15px;
background:var(--nms-ice);
color:var(--nms-primary);
font-size:17px;
transition:transform .4s ease,background .35s ease,color .35s ease;
}
.nms-orderprep-checkpoint:hover .nms-orderprep-checkpoint-icon{
transform:rotate(-6deg) scale(1.06);
background:var(--nms-primary);
color:var(--nms-white);
}
.nms-orderprep-checkpoint-left>div{
display:flex;
flex-direction:column;
gap:3px;
}
.nms-orderprep-checkpoint-left small{
font-size:11px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-secondary);
}
.nms-orderprep-checkpoint-left h3{
font-family:'Manrope',sans-serif;
font-size:16.5px;
color:var(--nms-heading);
}
.nms-orderprep-checkpoint-left p{
font-size:13px;
line-height:1.55;
color:var(--nms-body);
}
.nms-orderprep-checkpoint-status{
width:34px;
height:34px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:50%;
background:var(--nms-white);
border:1px solid var(--nms-border);
color:var(--nms-secondary);
font-size:12.5px;
transform:scale(.5);
opacity:0;
transition:transform .5s ease,opacity .5s ease,background .35s ease,color .35s ease;
}
.nms-orderprep-console.nms-orderprep-active .nms-orderprep-checkpoint-status{
transform:scale(1);
opacity:1;
}
.nms-orderprep-console.nms-orderprep-active .nms-orderprep-checkpoint:nth-child(1) .nms-orderprep-checkpoint-status{
transition-delay:.5s;
}
.nms-orderprep-console.nms-orderprep-active .nms-orderprep-checkpoint:nth-child(2) .nms-orderprep-checkpoint-status{
transition-delay:.65s;
}
.nms-orderprep-console.nms-orderprep-active .nms-orderprep-checkpoint:nth-child(3) .nms-orderprep-checkpoint-status{
transition-delay:.8s;
}
.nms-orderprep-console.nms-orderprep-active .nms-orderprep-checkpoint:nth-child(4) .nms-orderprep-checkpoint-status{
transition-delay:.95s;
}
.nms-orderprep-checkpoint:hover .nms-orderprep-checkpoint-status{
background:var(--nms-primary);
color:var(--nms-white);
}
.nms-orderprep-console-foot{
position:relative;
z-index:2;
margin-top:16px;
padding:14px 14px 14px 16px;
display:flex;
align-items:center;
justify-content:space-between;
gap:25px;
border-radius:17px;
background:var(--nms-primary);
}
.nms-orderprep-console-foot>div{
display:flex;
align-items:center;
gap:10px;
}
.nms-orderprep-ready-dot{
position:relative;
width:9px;
height:9px;
flex-shrink:0;
border-radius:50%;
background:var(--nms-accent);
}
.nms-orderprep-ready-dot:before{
content:'';
position:absolute;
inset:-5px;
border:1px solid var(--nms-accent);
border-radius:50%;
animation:nmsOrderPrepPulse 2s ease-out infinite;
}
.nms-orderprep-console-foot p{
font-size:12.5px;
line-height:1.5;
color:rgba(255,255,255,.68);
}
.nms-orderprep-console-foot p strong{
color:var(--nms-white);
}
.nms-orderprep-console-foot>a{
height:43px;
padding:0 7px 0 15px;
display:flex;
align-items:center;
gap:12px;
flex-shrink:0;
border-radius:12px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:12.5px;
font-weight:700;
transition:transform .35s ease;
}
.nms-orderprep-console-foot>a i{
width:30px;
height:30px;
display:grid;
place-items:center;
border-radius:8px;
background:var(--nms-alt);
font-size:12px;
transition:transform .35s ease;
}
.nms-orderprep-console-foot>a:hover{
transform:translateY(-3px);
}
.nms-orderprep-console-foot>a:hover i{
transform:translateY(3px);
}
.nms-orderprep-reveal{
opacity:0;
transform:translateY(38px);
transition:opacity .85s ease,transform .85s cubic-bezier(.22,1,.36,1);
}
.nms-orderprep-reveal.nms-orderprep-visible{
opacity:1;
transform:translateY(0);
}
.nms-orderprep-console{
transition-delay:.12s;
}
@keyframes nmsOrderPrepPulse{
0%{
transform:scale(.6);
opacity:1;
}
100%{
transform:scale(2.4);
opacity:0;
}
}
@media(max-width:1100px){
.nms-orderprep-wrap{
grid-template-columns:minmax(330px,.7fr) minmax(580px,1.3fr);
gap:45px;
}
}
@media(max-width:900px){
.nms-orderprep-wrap{
grid-template-columns:1fr;
}
.nms-orderprep-intro{
max-width:720px;
}
}
@media(max-width:700px){
.nms-orderprep-section{
padding:78px 15px;
}
.nms-orderprep-section:after{
display:none;
}
.nms-orderprep-wrap{
gap:38px;
}
.nms-orderprep-intro h2{
font-size:clamp(37px,10vw,49px);
letter-spacing:-2px;
}
.nms-orderprep-console{
padding:17px;
border-radius:24px;
}
.nms-orderprep-console-top{
align-items:flex-start;
}
.nms-orderprep-meter-ring{
width:72px;
height:72px;
}
.nms-orderprep-checkpoint{
align-items:flex-start;
}
.nms-orderprep-checkpoint-left{
align-items:flex-start;
}
.nms-orderprep-console-foot{
align-items:flex-start;
flex-direction:column;
}
.nms-orderprep-console-foot>a{
width:100%;
justify-content:space-between;
}
.nms-orderprep-start-btn{
width:100%;
justify-content:space-between;
}
}
@media(max-width:430px){
.nms-orderprep-note{
padding:14px;
}
.nms-orderprep-console-heading h3{
font-size:19px;
}
.nms-orderprep-meter{
display:none;
}
.nms-orderprep-checkpoint{
padding:13px;
}
.nms-orderprep-checkpoint-status{
display:none;
}
}

.nms-orderform-section{
position:relative;
padding:120px 3%;
background:var(--nms-alt);
overflow:hidden;
}
.nms-orderform-section:before{
content:'';
position:absolute;
width:560px;
height:560px;
right:-320px;
top:-300px;
border-radius:50%;
background:radial-gradient(circle,rgba(175,201,222,.34),rgba(216,232,243,.08) 48%,transparent 72%);
}
.nms-orderform-section:after{
content:'REQUEST';
position:absolute;
left:-25px;
bottom:-25px;
font-family:'Manrope',sans-serif;
font-size:clamp(90px,13vw,190px);
font-weight:800;
letter-spacing:-9px;
color:rgba(20,58,99,.022);
pointer-events:none;
}
.nms-orderform-wrap{
position:relative;
z-index:2;
width:min(100%,1440px);
margin:auto;
}
.nms-orderform-head{
display:grid;
grid-template-columns:minmax(550px,1.1fr) minmax(350px,.65fr);
align-items:end;
gap:80px;
margin-bottom:48px;
}
.nms-orderform-label{
width:max-content;
display:flex;
align-items:center;
gap:10px;
padding:6px 14px 6px 6px;
border:1px solid var(--nms-border);
border-radius:50px;
background:var(--nms-white);
font-size:13px;
font-weight:700;
letter-spacing:1.1px;
text-transform:uppercase;
color:var(--nms-primary);
box-shadow:0 8px 25px rgba(20,58,99,.05);
}
.nms-orderform-label span{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:50%;
background:var(--nms-primary);
color:var(--nms-white);
font-size:14px;
}
.nms-orderform-heading h2{
max-width:800px;
margin-top:22px;
font-family:'Manrope',sans-serif;
font-size:clamp(42px,4.5vw,66px);
line-height:1.05;
letter-spacing:-3px;
font-weight:700;
color:var(--nms-heading);
}
.nms-orderform-heading h2 span{
color:var(--nms-primary);
}
.nms-orderform-head-copy>p{
font-size:16px;
line-height:1.82;
color:var(--nms-body);
}
.nms-orderform-head-status{
width:max-content;
margin-top:18px;
display:flex;
align-items:center;
gap:11px;
}
.nms-orderform-head-status>span{
position:relative;
width:10px;
height:10px;
border-radius:50%;
background:var(--nms-secondary);
}
.nms-orderform-head-status>span:before{
content:'';
position:absolute;
inset:-5px;
border:1px solid var(--nms-secondary);
border-radius:50%;
animation:nmsOrderFormPulse 2s ease-out infinite;
}
.nms-orderform-head-status div{
display:flex;
flex-direction:column;
gap:3px;
}
.nms-orderform-head-status small{
font-size:11px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-muted);
}
.nms-orderform-head-status strong{
font-size:14px;
color:var(--nms-heading);
}
.nms-orderform-shell{
display:grid;
grid-template-columns:300px minmax(0,1fr);
gap:20px;
align-items:start;
}
.nms-orderform-rail{
position:sticky;
top:120px;
padding:24px;
border-radius:28px;
background:linear-gradient(145deg,var(--nms-primary),#102f50);
box-shadow:0 25px 60px rgba(20,58,99,.16);
overflow:hidden;
}
.nms-orderform-rail:before{
content:'';
position:absolute;
width:210px;
height:210px;
right:-115px;
top:-105px;
border:1px solid rgba(255,255,255,.08);
border-radius:50%;
box-shadow:0 0 0 38px rgba(255,255,255,.025),0 0 0 76px rgba(255,255,255,.015);
}
.nms-orderform-rail-head{
position:relative;
z-index:2;
display:flex;
align-items:center;
gap:12px;
padding-bottom:20px;
border-bottom:1px solid rgba(255,255,255,.1);
}
.nms-orderform-rail-icon{
width:52px;
height:52px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:16px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:18px;
}
.nms-orderform-rail-head div{
display:flex;
flex-direction:column;
gap:4px;
}
.nms-orderform-rail-head small{
font-size:11px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-accent);
}
.nms-orderform-rail-head h3{
font-family:'Manrope',sans-serif;
font-size:19px;
color:var(--nms-white);
}
.nms-orderform-progress{
position:relative;
z-index:2;
margin-top:20px;
}
.nms-orderform-progress-line{
position:absolute;
left:23px;
top:28px;
bottom:28px;
width:2px;
background:rgba(255,255,255,.1);
overflow:hidden;
}
.nms-orderform-progress-line span{
display:block;
width:100%;
height:0;
background:linear-gradient(var(--nms-accent),rgba(175,201,222,.18));
transition:height .6s ease;
}
.nms-orderform-progress-item{
position:relative;
width:100%;
min-height:75px;
padding:8px 5px;
display:grid;
grid-template-columns:48px minmax(0,1fr) 24px;
align-items:center;
gap:10px;
border:0;
background:transparent;
text-align:left;
cursor:pointer;
color:var(--nms-white);
}
.nms-orderform-progress-node{
position:relative;
z-index:2;
width:47px;
height:47px;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.1);
border-radius:14px;
background:rgba(255,255,255,.07);
color:rgba(255,255,255,.5);
font-size:15px;
transition:background .35s ease,color .35s ease,transform .35s ease;
}
.nms-orderform-progress-item:hover .nms-orderform-progress-node,
.nms-orderform-progress-active .nms-orderform-progress-node{
background:var(--nms-white);
color:var(--nms-primary);
transform:scale(1.05);
}
.nms-orderform-progress-item>div{
display:flex;
flex-direction:column;
gap:3px;
}
.nms-orderform-progress-item small{
font-size:11px;
font-weight:700;
letter-spacing:.8px;
text-transform:uppercase;
color:rgba(255,255,255,.35);
}
.nms-orderform-progress-item strong{
font-size:13px;
font-weight:600;
color:rgba(255,255,255,.68);
transition:color .3s ease;
}
.nms-orderform-progress-active strong{
color:var(--nms-white);
}
.nms-orderform-progress-check{
font-size:12px;
color:var(--nms-accent);
opacity:0;
transform:scale(.4);
transition:opacity .35s ease,transform .35s ease;
}
.nms-orderform-progress-complete .nms-orderform-progress-check{
opacity:1;
transform:scale(1);
}
.nms-orderform-rail-note{
position:relative;
z-index:2;
margin-top:20px;
padding:15px;
display:flex;
align-items:flex-start;
gap:10px;
border:1px solid rgba(255,255,255,.1);
border-radius:16px;
background:rgba(255,255,255,.055);
}
.nms-orderform-rail-note>span{
width:38px;
height:38px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:11px;
background:rgba(255,255,255,.09);
color:var(--nms-accent);
font-size:14px;
}
.nms-orderform-rail-note div{
display:flex;
flex-direction:column;
gap:3px;
}
.nms-orderform-rail-note small{
font-size:11px;
font-weight:700;
letter-spacing:.8px;
text-transform:uppercase;
color:var(--nms-accent);
}
.nms-orderform-rail-note strong{
font-size:14px;
color:var(--nms-white);
}
.nms-orderform-rail-note p{
font-size:12px;
line-height:1.5;
color:rgba(255,255,255,.48);
}
.nms-orderform-workspace{
padding:20px;
border:1px solid var(--nms-border);
border-radius:30px;
background:var(--nms-white);
box-shadow:0 25px 70px rgba(20,58,99,.075);
}
.nms-orderform-form{
display:flex;
flex-direction:column;
gap:16px;
}
.nms-orderform-panel{
padding:25px;
border:1px solid var(--nms-border);
border-radius:23px;
background:var(--nms-bg);
transition:border-color .35s ease,box-shadow .35s ease,background .35s ease;
}
.nms-orderform-panel-active{
border-color:var(--nms-accent);
background:var(--nms-white);
box-shadow:0 15px 35px rgba(20,58,99,.055);
}
.nms-orderform-panel-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding-bottom:20px;
border-bottom:1px solid var(--nms-border);
}
.nms-orderform-panel-title{
display:flex;
align-items:center;
gap:14px;
}
.nms-orderform-panel-title>span{
width:52px;
height:52px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:16px;
background:var(--nms-primary);
font-family:'Manrope',sans-serif;
font-size:14px;
font-weight:700;
color:var(--nms-white);
box-shadow:0 10px 24px rgba(20,58,99,.17);
}
.nms-orderform-panel-title>div{
display:flex;
flex-direction:column;
gap:3px;
}
.nms-orderform-panel-title small{
font-size:11px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-secondary);
}
.nms-orderform-panel-title h3{
font-family:'Manrope',sans-serif;
font-size:22px;
letter-spacing:-.5px;
color:var(--nms-heading);
}
.nms-orderform-panel-title p{
font-size:12.5px;
color:var(--nms-body);
}
.nms-orderform-panel-status{
width:44px;
height:44px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:14px;
background:var(--nms-alt);
color:var(--nms-primary);
font-size:16px;
}
.nms-orderform-fields{
margin-top:22px;
}
.nms-orderform-row{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
margin-bottom:16px;
}
.nms-orderform-row-three{
grid-template-columns:1.2fr .8fr .65fr;
margin-top:16px;
margin-bottom:0;
}
.nms-orderform-field{
display:flex;
flex-direction:column;
gap:8px;
}
.nms-orderform-field label{
font-size:12.5px;
font-weight:700;
color:var(--nms-heading);
}
.nms-orderform-field label>span{
color:var(--nms-secondary);
}
.nms-orderform-input,
.nms-orderform-select,
.nms-orderform-textarea{
position:relative;
border:1px solid var(--nms-border);
border-radius:15px;
background:var(--nms-white);
transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease;
}
.nms-orderform-input:focus-within,
.nms-orderform-select:focus-within,
.nms-orderform-textarea:focus-within{
border-color:var(--nms-secondary);
box-shadow:0 0 0 4px rgba(111,156,194,.09);
transform:translateY(-2px);
}
.nms-orderform-input>i,
.nms-orderform-select>i:first-child,
.nms-orderform-textarea>i{
position:absolute;
left:15px;
top:50%;
width:34px;
height:34px;
display:grid;
place-items:center;
transform:translateY(-50%);
border-radius:10px;
background:var(--nms-alt);
color:var(--nms-primary);
font-size:14px;
transition:background .3s ease,color .3s ease;
}
.nms-orderform-input:focus-within>i,
.nms-orderform-select:focus-within>i:first-child,
.nms-orderform-textarea:focus-within>i{
background:var(--nms-primary);
color:var(--nms-white);
}
.nms-orderform-input input,
.nms-orderform-select select{
width:100%;
height:59px;
padding:0 16px 0 60px;
border:0;
outline:0;
background:transparent;
font-family:'DM Sans',sans-serif;
font-size:14px;
color:var(--nms-heading);
}
.nms-orderform-input input::placeholder{
color:var(--nms-muted);
}
.nms-orderform-select select{
padding-right:45px;
appearance:none;
-webkit-appearance:none;
cursor:pointer;
}
.nms-orderform-select>i:last-child{
position:absolute;
right:16px;
top:50%;
transform:translateY(-50%);
font-size:12.5px;
color:var(--nms-muted);
pointer-events:none;
}
.nms-orderform-product-note{
margin-top:2px;
padding:14px 16px;
display:flex;
align-items:flex-start;
gap:11px;
border:1px solid var(--nms-border);
border-radius:16px;
background:var(--nms-alt);
}
.nms-orderform-product-note>span{
width:36px;
height:36px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:11px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:14px;
}
.nms-orderform-product-note strong{
display:block;
font-size:13px;
color:var(--nms-heading);
}
.nms-orderform-product-note p{
margin-top:3px;
font-size:12.5px;
line-height:1.55;
color:var(--nms-body);
}
.nms-orderform-message-head{
display:flex;
align-items:center;
justify-content:space-between;
}
.nms-orderform-message-head>span{
font-size:12px;
color:var(--nms-muted);
}
.nms-orderform-message-head strong{
color:var(--nms-primary);
}
.nms-orderform-textarea>i{
top:15px;
transform:none;
}
.nms-orderform-textarea textarea{
display:block;
width:100%;
min-height:170px;
max-height:300px;
padding:18px 16px 18px 60px;
border:0;
outline:0;
resize:vertical;
background:transparent;
font-family:'DM Sans',sans-serif;
font-size:14px;
line-height:1.75;
color:var(--nms-heading);
}
.nms-orderform-textarea textarea::placeholder{
color:var(--nms-muted);
}
.nms-orderform-final-check{
margin-top:16px;
}
.nms-orderform-checkbox{
padding:16px;
display:flex;
align-items:flex-start;
gap:12px;
border:1px solid var(--nms-border);
border-radius:16px;
background:var(--nms-alt);
cursor:pointer;
}
.nms-orderform-checkbox input{
display:none;
}
.nms-orderform-checkbox-box{
width:24px;
height:24px;
display:grid;
place-items:center;
flex-shrink:0;
border:1px solid var(--nms-border);
border-radius:8px;
background:var(--nms-white);
color:transparent;
font-size:12.5px;
transition:background .3s ease,border-color .3s ease,color .3s ease;
}
.nms-orderform-checkbox input:checked+.nms-orderform-checkbox-box{
background:var(--nms-primary);
border-color:var(--nms-primary);
color:var(--nms-white);
}
.nms-orderform-checkbox-copy{
display:flex;
flex-direction:column;
gap:4px;
}
.nms-orderform-checkbox-copy strong{
font-size:13px;
color:var(--nms-heading);
}
.nms-orderform-checkbox-copy small{
font-size:12.5px;
line-height:1.55;
color:var(--nms-body);
}
.nms-orderform-submit-area{
min-height:115px;
padding:18px;
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
border-radius:21px;
background:linear-gradient(145deg,var(--nms-primary),#102f50);
}
.nms-orderform-submit-copy{
display:flex;
align-items:center;
gap:14px;
}
.nms-orderform-submit-icon{
width:54px;
height:54px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:16px;
background:rgba(255,255,255,.1);
color:var(--nms-accent);
font-size:18px;
}
.nms-orderform-submit-copy>div{
display:flex;
flex-direction:column;
gap:3px;
}
.nms-orderform-submit-copy small{
font-size:11px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-accent);
}
.nms-orderform-submit-copy strong{
font-size:14px;
color:var(--nms-white);
}
.nms-orderform-submit-copy p{
font-size:12.5px;
color:rgba(255,255,255,.52);
}
.nms-orderform-submit-btn{
min-height:58px;
padding:7px 8px 7px 18px;
display:flex;
align-items:center;
gap:16px;
border:0;
border-radius:15px;
background:var(--nms-white);
color:var(--nms-primary);
font-family:'DM Sans',sans-serif;
cursor:pointer;
transition:transform .35s ease,box-shadow .35s ease;
}
.nms-orderform-submit-btn>span{
display:flex;
align-items:flex-start;
flex-direction:column;
gap:2px;
}
.nms-orderform-submit-btn small{
font-size:11px;
font-weight:700;
letter-spacing:.7px;
text-transform:uppercase;
color:var(--nms-muted);
}
.nms-orderform-submit-btn strong{
font-size:14px;
color:var(--nms-primary);
}
.nms-orderform-submit-btn>i{
width:42px;
height:42px;
display:grid;
place-items:center;
border-radius:12px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:14px;
transition:transform .35s ease;
}
.nms-orderform-submit-btn:hover{
transform:translateY(-4px);
box-shadow:0 15px 30px rgba(0,0,0,.15);
}
.nms-orderform-submit-btn:hover>i{
transform:translate(3px,-3px);
}
.nms-orderform-reveal{
opacity:0;
transform:translateY(38px);
transition:opacity .85s ease,transform .85s cubic-bezier(.22,1,.36,1);
}
.nms-orderform-reveal.nms-orderform-visible{
opacity:1;
transform:translateY(0);
}
@keyframes nmsOrderFormPulse{
0%{
transform:scale(.6);
opacity:1;
}
100%{
transform:scale(2.4);
opacity:0;
}
}
@media(max-width:1100px){
.nms-orderform-shell{
grid-template-columns:250px minmax(0,1fr);
}
.nms-orderform-rail{
padding:18px;
}
.nms-orderform-progress-item{
grid-template-columns:44px 1fr;
}
.nms-orderform-progress-check{
display:none;
}
}
@media(max-width:900px){
.nms-orderform-head{
grid-template-columns:1fr;
gap:22px;
}
.nms-orderform-head-copy{
max-width:650px;
}
.nms-orderform-shell{
grid-template-columns:1fr;
}
.nms-orderform-rail{
position:relative;
top:auto;
}
.nms-orderform-progress{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:8px;
}
.nms-orderform-progress-line{
display:none;
}
.nms-orderform-progress-item{
min-height:80px;
padding:8px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
text-align:center;
border:1px solid rgba(255,255,255,.08);
border-radius:14px;
background:rgba(255,255,255,.04);
}
.nms-orderform-progress-item>div strong{
font-size:12px;
}
.nms-orderform-rail-note{
display:none;
}
}
@media(max-width:700px){
.nms-orderform-section{
padding:78px 15px;
}
.nms-orderform-section:after{
display:none;
}
.nms-orderform-head{
margin-bottom:30px;
}
.nms-orderform-heading h2{
font-size:clamp(37px,10vw,49px);
letter-spacing:-2px;
}
.nms-orderform-rail{
padding:15px;
border-radius:22px;
}
.nms-orderform-progress{
grid-template-columns:repeat(2,1fr);
}
.nms-orderform-workspace{
padding:12px;
border-radius:24px;
}
.nms-orderform-panel{
padding:18px;
border-radius:20px;
}
.nms-orderform-panel-title{
align-items:flex-start;
}
.nms-orderform-panel-title>span{
width:46px;
height:46px;
}
.nms-orderform-panel-title h3{
font-size:19px;
}
.nms-orderform-panel-title p{
line-height:1.5;
}
.nms-orderform-panel-status{
display:none;
}
.nms-orderform-row,
.nms-orderform-row-three{
grid-template-columns:1fr;
gap:14px;
margin-bottom:14px;
}
.nms-orderform-submit-area{
align-items:stretch;
flex-direction:column;
}
.nms-orderform-submit-btn{
width:100%;
justify-content:space-between;
}
}
@media(max-width:430px){
.nms-orderform-progress-item>div{
display:none;
}
.nms-orderform-progress{
grid-template-columns:repeat(4,1fr);
}
.nms-orderform-progress-item{
min-height:58px;
}
.nms-orderform-panel{
padding:15px;
}
.nms-orderform-panel-title>span{
width:42px;
height:42px;
}
.nms-orderform-submit-copy{
align-items:flex-start;
}
}
@media(max-width:700px){
    .nms-orderhero-bottom{
        display: none;
    }
}

.nms-productshero-section{
position:relative;
min-height:620px;
padding:165px 3% 88px;
display:flex;
align-items:center;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
overflow:hidden;
}
.nms-productshero-overlay{
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(13,39,67,.98) 0%,rgba(20,58,99,.94) 41%,rgba(20,58,99,.68) 69%,rgba(20,58,99,.23) 100%);
}
.nms-productshero-pattern{
position:absolute;
inset:0;
background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
background-size:48px 48px;
mask-image:linear-gradient(90deg,black,rgba(0,0,0,.52),transparent);
-webkit-mask-image:linear-gradient(90deg,black,rgba(0,0,0,.52),transparent);
}
.nms-productshero-orbit{
position:absolute;
z-index:2;
right:5%;
top:110px;
width:110px;
height:110px;
display:grid;
place-items:center;
opacity:.62;
}
.nms-productshero-orbit-ring{
position:absolute;
inset:0;
border:1px dashed rgba(255,255,255,.28);
border-radius:50%;
animation:nmsProductsHeroSpin 17s linear infinite;
}
.nms-productshero-orbit-ring:before{
content:'';
position:absolute;
width:9px;
height:9px;
top:8px;
left:22px;
border-radius:50%;
background:var(--nms-accent);
box-shadow:0 0 18px rgba(175,201,222,.8);
}
.nms-productshero-orbit-core{
width:56px;
height:56px;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.15);
border-radius:18px;
background:rgba(255,255,255,.09);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
color:var(--nms-white);
font-size:19px;
animation:nmsProductsHeroFloat 4s ease-in-out infinite;
}
.nms-productshero-wrap{
position:relative;
z-index:4;
width:min(94%,1440px);
margin:auto;
display:grid;
grid-template-columns:minmax(0,760px) 395px;
align-items:center;
justify-content:space-between;
gap:70px;
}
.nms-productshero-content{
max-width:760px;
}
.nms-productshero-breadcrumb{
display:flex;
align-items:center;
gap:9px;
margin-bottom:17px;
font-size:12.5px;
font-weight:600;
letter-spacing:.6px;
text-transform:uppercase;
color:rgba(255,255,255,.55);
opacity:0;
transform:translateY(18px);
}
.nms-productshero-breadcrumb a{
display:flex;
align-items:center;
gap:7px;
color:var(--nms-accent);
}
.nms-productshero-breadcrumb>i{
font-size:11px;
color:rgba(255,255,255,.3);
}
.nms-productshero-label{
width:max-content;
display:flex;
align-items:center;
gap:9px;
padding:6px 14px 6px 6px;
border:1px solid rgba(255,255,255,.15);
border-radius:50px;
background:rgba(255,255,255,.07);
font-size:12.5px;
font-weight:700;
letter-spacing:1.1px;
text-transform:uppercase;
color:var(--nms-ice);
opacity:0;
transform:translateY(20px);
}
.nms-productshero-label span{
width:32px;
height:32px;
display:grid;
place-items:center;
border-radius:50%;
background:rgba(255,255,255,.12);
color:var(--nms-white);
font-size:14px;
}
.nms-productshero-content h1{
max-width:760px;
margin-top:18px;
font-family:'Manrope',sans-serif;
font-size:clamp(43px,4.4vw,66px);
line-height:1.04;
letter-spacing:-3px;
font-weight:700;
color:var(--nms-white);
opacity:0;
transform:translateY(28px);
}
.nms-productshero-content h1 span{
color:var(--nms-accent);
}
.nms-productshero-content>p{
max-width:640px;
margin-top:18px;
font-size:16px;
line-height:1.75;
color:rgba(255,255,255,.72);
opacity:0;
transform:translateY(24px);
}
.nms-productshero-actions{
margin-top:27px;
display:flex;
align-items:center;
flex-wrap:wrap;
gap:12px;
opacity:0;
transform:translateY(24px);
}
.nms-productshero-primary{
height:55px;
padding:0 8px 0 20px;
display:flex;
align-items:center;
gap:16px;
border-radius:15px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:14px;
font-weight:700;
box-shadow:0 14px 34px rgba(0,0,0,.14);
transition:transform .35s ease,box-shadow .35s ease;
}
.nms-productshero-primary i{
width:39px;
height:39px;
display:grid;
place-items:center;
border-radius:11px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:13px;
transition:transform .35s ease;
}
.nms-productshero-primary:hover{
transform:translateY(-3px);
box-shadow:0 20px 42px rgba(0,0,0,.2);
}
.nms-productshero-primary:hover i{
transform:translateY(3px);
}
.nms-productshero-secondary{
height:55px;
padding:0 17px 0 7px;
display:flex;
align-items:center;
gap:11px;
border:1px solid rgba(255,255,255,.18);
border-radius:15px;
background:rgba(255,255,255,.07);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
color:var(--nms-white);
transition:transform .35s ease,background .35s ease;
}
.nms-productshero-secondary:hover{
transform:translateY(-3px);
background:rgba(255,255,255,.12);
}
.nms-productshero-secondary-icon{
width:40px;
height:40px;
display:grid;
place-items:center;
border-radius:11px;
background:rgba(255,255,255,.1);
color:var(--nms-accent);
font-size:15px;
}
.nms-productshero-secondary>span:last-child{
display:flex;
flex-direction:column;
gap:2px;
}
.nms-productshero-secondary small{
font-size:11px;
font-weight:700;
letter-spacing:.8px;
text-transform:uppercase;
color:rgba(255,255,255,.48);
}
.nms-productshero-secondary strong{
font-size:13px;
color:var(--nms-white);
}
.nms-productshero-trust{
margin-top:23px;
display:flex;
align-items:center;
flex-wrap:wrap;
gap:17px;
opacity:0;
transform:translateY(20px);
}
.nms-productshero-trust div{
display:flex;
align-items:center;
gap:7px;
}
.nms-productshero-trust i{
font-size:12.5px;
color:var(--nms-accent);
}
.nms-productshero-trust span{
font-size:12.5px;
font-weight:600;
color:rgba(255,255,255,.58);
}
.nms-productshero-catalog{
position:relative;
padding:22px;
border:1px solid rgba(255,255,255,.16);
border-radius:24px;
background:rgba(13,39,67,.44);
backdrop-filter:blur(17px);
-webkit-backdrop-filter:blur(17px);
box-shadow:0 24px 55px rgba(0,0,0,.16);
opacity:0;
transform:translateX(35px);
}
.nms-productshero-catalog:before{
content:'';
position:absolute;
left:-1px;
top:68px;
width:3px;
height:115px;
border-radius:0 8px 8px 0;
background:linear-gradient(var(--nms-accent),transparent);
}
.nms-productshero-catalog-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:20px;
padding-bottom:16px;
border-bottom:1px solid rgba(255,255,255,.1);
}
.nms-productshero-catalog-head>div{
display:flex;
flex-direction:column;
gap:4px;
}
.nms-productshero-catalog-head small{
font-size:11px;
font-weight:700;
letter-spacing:1.1px;
text-transform:uppercase;
color:var(--nms-accent);
}
.nms-productshero-catalog-head h2{
font-family:'Manrope',sans-serif;
font-size:19px;
color:var(--nms-white);
}
.nms-productshero-catalog-count{
display:flex;
align-items:flex-end;
flex-direction:column;
gap:1px;
}
.nms-productshero-catalog-count strong{
font-family:'Manrope',sans-serif;
font-size:20px;
line-height:1;
color:var(--nms-white);
}
.nms-productshero-catalog-count small{
font-size:11px;
color:rgba(255,255,255,.4);
}
.nms-productshero-category-list{
margin-top:14px;
display:flex;
flex-direction:column;
gap:8px;
}
.nms-productshero-category{
min-height:62px;
padding:7px 9px 7px 7px;
display:grid;
grid-template-columns:46px minmax(0,1fr) 28px;
align-items:center;
gap:10px;
border:1px solid rgba(255,255,255,.07);
border-radius:14px;
background:rgba(255,255,255,.04);
color:var(--nms-white);
transition:transform .35s ease,background .35s ease,border-color .35s ease;
}
.nms-productshero-category:hover{
transform:translateX(5px);
background:rgba(255,255,255,.09);
border-color:rgba(255,255,255,.15);
}
.nms-productshero-category-icon{
width:46px;
height:46px;
display:grid;
place-items:center;
border-radius:13px;
background:rgba(255,255,255,.09);
color:var(--nms-accent);
font-size:16px;
transition:transform .35s ease,background .35s ease,color .35s ease;
}
.nms-productshero-category:hover .nms-productshero-category-icon{
transform:rotate(-6deg) scale(1.05);
background:var(--nms-white);
color:var(--nms-primary);
}
.nms-productshero-category>div{
display:flex;
flex-direction:column;
gap:3px;
}
.nms-productshero-category small{
font-size:11px;
font-weight:700;
letter-spacing:.8px;
text-transform:uppercase;
color:rgba(255,255,255,.42);
}
.nms-productshero-category strong{
font-size:13px;
color:var(--nms-white);
}
.nms-productshero-category>i{
font-size:12px;
color:rgba(255,255,255,.35);
transition:transform .35s ease,color .35s ease;
}
.nms-productshero-category:hover>i{
transform:translateX(4px);
color:var(--nms-accent);
}
.nms-productshero-catalog-foot{
margin-top:14px;
padding-top:14px;
display:flex;
align-items:center;
gap:10px;
border-top:1px solid rgba(255,255,255,.1);
}
.nms-productshero-catalog-foot>span{
width:35px;
height:35px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:10px;
background:rgba(255,255,255,.08);
color:var(--nms-accent);
font-size:14px;
}
.nms-productshero-catalog-foot p{
font-size:12.5px;
line-height:1.5;
color:rgba(255,255,255,.54);
}
.nms-productshero-bottom{
position:absolute;
z-index:5;
left:50%;
bottom:0;
width:min(94%,1440px);
min-height:68px;
padding:10px 12px 10px 17px;
display:grid;
grid-template-columns:minmax(330px,1fr) auto auto;
align-items:center;
gap:28px;
transform:translateX(-50%);
border:1px solid rgba(255,255,255,.13);
border-bottom:0;
border-radius:18px 18px 0 0;
background:rgba(13,39,67,.58);
backdrop-filter:blur(15px);
-webkit-backdrop-filter:blur(15px);
}
.nms-productshero-bottom-main{
display:flex;
align-items:center;
gap:11px;
}
.nms-productshero-bottom-icon{
width:41px;
height:41px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:12px;
background:rgba(255,255,255,.09);
color:var(--nms-accent);
font-size:16px;
}
.nms-productshero-bottom-main div{
display:flex;
flex-direction:column;
gap:3px;
}
.nms-productshero-bottom-main small{
font-size:11px;
font-weight:700;
letter-spacing:.9px;
text-transform:uppercase;
color:var(--nms-accent);
}
.nms-productshero-bottom-main strong{
font-size:13px;
color:var(--nms-white);
}
.nms-productshero-bottom-categories{
display:flex;
align-items:center;
gap:15px;
}
.nms-productshero-bottom-categories span{
display:flex;
align-items:center;
gap:6px;
font-size:12px;
font-weight:600;
white-space:nowrap;
color:rgba(255,255,255,.58);
}
.nms-productshero-bottom-categories i{
font-size:12px;
color:var(--nms-accent);
}
.nms-productshero-bottom>a{
height:46px;
padding:0 7px 0 16px;
display:flex;
align-items:center;
gap:13px;
border-radius:13px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.11);
color:var(--nms-white);
font-size:12.5px;
font-weight:700;
transition:transform .35s ease,background .35s ease;
}
.nms-productshero-bottom>a i{
width:32px;
height:32px;
display:grid;
place-items:center;
border-radius:9px;
background:rgba(255,255,255,.1);
font-size:12.5px;
transition:transform .35s ease;
}
.nms-productshero-bottom>a:hover{
transform:translateY(-3px);
background:rgba(255,255,255,.12);
}
.nms-productshero-bottom>a:hover i{
transform:translateY(3px);
}
.nms-productshero-section.nms-productshero-loaded .nms-productshero-breadcrumb{
animation:nmsProductsHeroReveal .6s ease .1s forwards;
}
.nms-productshero-section.nms-productshero-loaded .nms-productshero-label{
animation:nmsProductsHeroReveal .65s ease .2s forwards;
}
.nms-productshero-section.nms-productshero-loaded .nms-productshero-content h1{
animation:nmsProductsHeroReveal .75s ease .32s forwards;
}
.nms-productshero-section.nms-productshero-loaded .nms-productshero-content>p{
animation:nmsProductsHeroReveal .75s ease .44s forwards;
}
.nms-productshero-section.nms-productshero-loaded .nms-productshero-actions{
animation:nmsProductsHeroReveal .75s ease .56s forwards;
}
.nms-productshero-section.nms-productshero-loaded .nms-productshero-trust{
animation:nmsProductsHeroReveal .75s ease .68s forwards;
}
.nms-productshero-section.nms-productshero-loaded .nms-productshero-catalog{
animation:nmsProductsHeroSide .8s ease .56s forwards;
}
@keyframes nmsProductsHeroReveal{
to{
opacity:1;
transform:translateY(0);
}
}
@keyframes nmsProductsHeroSide{
to{
opacity:1;
transform:translateX(0);
}
}
@keyframes nmsProductsHeroSpin{
to{
transform:rotate(360deg);
}
}
@keyframes nmsProductsHeroFloat{
0%,100%{
transform:translateY(0) rotate(-4deg);
}
50%{
transform:translateY(-7px) rotate(4deg);
}
}
@media(max-width:1100px){
.nms-productshero-wrap{
grid-template-columns:minmax(0,1fr) 350px;
gap:42px;
}
.nms-productshero-content h1{
font-size:clamp(42px,5vw,60px);
}
.nms-productshero-bottom-categories{
display:none;
}
.nms-productshero-bottom{
grid-template-columns:1fr auto;
}
}
@media(max-width:900px){
.nms-productshero-section{
min-height:700px;
padding-top:155px;
}
.nms-productshero-wrap{
grid-template-columns:1fr;
}
.nms-productshero-content{
max-width:720px;
}
.nms-productshero-catalog{
display:none;
}
.nms-productshero-orbit{
right:35px;
top:125px;
}
}
@media(max-width:700px){
.nms-productshero-section{
min-height:665px;
padding:140px 15px 94px;
background-position:right center;
}
.nms-productshero-overlay{
background:linear-gradient(90deg,rgba(13,39,67,.98) 0%,rgba(20,58,99,.92) 64%,rgba(20,58,99,.58) 100%);
}
.nms-productshero-wrap{
width:100%;
}
.nms-productshero-content h1{
font-size:clamp(37px,10vw,48px);
letter-spacing:-2px;
}
.nms-productshero-content>p{
font-size:15px;
}
.nms-productshero-actions{
align-items:stretch;
flex-direction:column;
}
.nms-productshero-primary,
.nms-productshero-secondary{
width:100%;
}
.nms-productshero-primary{
justify-content:space-between;
}
.nms-productshero-secondary{
justify-content:flex-start;
}
.nms-productshero-orbit{
display:none;
}
.nms-productshero-trust{
gap:10px 15px;
}
.nms-productshero-bottom{
width:calc(100% - 30px);
grid-template-columns:1fr;
}
.nms-productshero-bottom-main{
display:none;
}
.nms-productshero-bottom>a{
width:100%;
justify-content:space-between;
}
}
@media(max-width:420px){
.nms-productshero-section{
min-height:680px;
}
.nms-productshero-content h1{
font-size:36px;
}
.nms-productshero-trust div:nth-child(3){
display:none;
}
}

@media(max-width:700px){
    .nms-productshero-bottom{
        display: none;
    }
}

.nms-cataloggrid-section{
position:relative;
padding:120px 3%;
background:var(--nms-bg);
overflow:hidden;
}
.nms-cataloggrid-section:before{
content:'';
position:absolute;
width:560px;
height:560px;
right:-310px;
top:-300px;
border-radius:50%;
background:radial-gradient(circle,rgba(175,201,222,.32),rgba(216,232,243,.08) 48%,transparent 72%);
}
.nms-cataloggrid-section:after{
content:'PRODUCTS';
position:absolute;
left:-30px;
bottom:-25px;
font-family:'Manrope',sans-serif;
font-size:clamp(90px,13vw,190px);
font-weight:800;
letter-spacing:-9px;
color:rgba(20,58,99,.022);
pointer-events:none;
}
.nms-cataloggrid-wrap{
position:relative;
z-index:2;
width:min(100%,1440px);
margin:auto;
}
.nms-cataloggrid-head{
display:grid;
grid-template-columns:minmax(550px,1.1fr) minmax(350px,.65fr);
align-items:end;
gap:80px;
margin-bottom:48px;
}
.nms-cataloggrid-label{
width:max-content;
display:flex;
align-items:center;
gap:10px;
padding:6px 14px 6px 6px;
border:1px solid var(--nms-border);
border-radius:50px;
background:var(--nms-white);
font-size:13px;
font-weight:700;
letter-spacing:1.1px;
text-transform:uppercase;
color:var(--nms-primary);
box-shadow:0 8px 25px rgba(20,58,99,.05);
}
.nms-cataloggrid-label span{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:50%;
background:var(--nms-primary);
color:var(--nms-white);
font-size:14px;
}
.nms-cataloggrid-heading h2{
max-width:850px;
margin-top:22px;
font-family:'Manrope',sans-serif;
font-size:clamp(42px,4.5vw,66px);
line-height:1.05;
letter-spacing:-3px;
font-weight:700;
color:var(--nms-heading);
}
.nms-cataloggrid-heading h2 span{
color:var(--nms-primary);
}
.nms-cataloggrid-head-copy>p{
font-size:16px;
line-height:1.82;
color:var(--nms-body);
}
.nms-cataloggrid-head-note{
margin-top:18px;
display:flex;
align-items:center;
gap:11px;
}
.nms-cataloggrid-head-note>span{
width:42px;
height:42px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:13px;
background:var(--nms-ice);
color:var(--nms-primary);
font-size:15px;
}
.nms-cataloggrid-head-note div{
display:flex;
flex-direction:column;
gap:3px;
}
.nms-cataloggrid-head-note small{
font-size:11px;
font-weight:700;
letter-spacing:.9px;
text-transform:uppercase;
color:var(--nms-secondary);
}
.nms-cataloggrid-head-note strong{
font-size:13px;
line-height:1.5;
color:var(--nms-heading);
}
.nms-cataloggrid-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:22px;
}
.nms-cataloggrid-card{
position:relative;
min-height:610px;
display:flex;
flex-direction:column;
border:1px solid var(--nms-border);
border-radius:28px;
background:var(--nms-white);
box-shadow:0 18px 45px rgba(20,58,99,.055);
overflow:hidden;
transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,border-color .35s ease;
}
.nms-cataloggrid-card:hover{
transform:translateY(-10px);
border-color:var(--nms-accent);
box-shadow:0 30px 70px rgba(20,58,99,.11);
}
.nms-cataloggrid-image{
position:relative;
height:310px;
margin:10px;
border-radius:21px;
background:var(--nms-alt);
overflow:hidden;
}
.nms-cataloggrid-image:after{
content:'';
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(20,58,99,.03) 0%,transparent 46%,rgba(20,58,99,.2) 100%);
pointer-events:none;
}
.nms-cataloggrid-image img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
transition:transform .85s cubic-bezier(.22,1,.36,1);
}
.nms-cataloggrid-card:hover .nms-cataloggrid-image img{
transform:scale(1.075);
}
.nms-cataloggrid-image-top{
position:absolute;
z-index:3;
left:15px;
right:15px;
top:15px;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
.nms-cataloggrid-category{
padding:8px 11px;
border:1px solid rgba(255,255,255,.28);
border-radius:9px;
background:rgba(20,58,99,.84);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
font-size:11px;
font-weight:700;
letter-spacing:.9px;
text-transform:uppercase;
color:var(--nms-white);
}
.nms-cataloggrid-number{
width:34px;
height:34px;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.28);
border-radius:10px;
background:rgba(255,255,255,.86);
font-family:'Manrope',sans-serif;
font-size:12px;
font-weight:700;
color:var(--nms-primary);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
}
.nms-cataloggrid-image-icon{
position:absolute;
z-index:3;
right:15px;
bottom:15px;
width:48px;
height:48px;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.25);
border-radius:15px;
background:rgba(20,58,99,.82);
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
color:var(--nms-white);
font-size:17px;
transition:transform .45s ease,background .35s ease;
}
.nms-cataloggrid-card:hover .nms-cataloggrid-image-icon{
transform:translateY(-5px) rotate(-6deg);
background:var(--nms-primary);
}
.nms-cataloggrid-card-body{
flex:1;
padding:22px 23px 23px;
display:flex;
flex-direction:column;
}
.nms-cataloggrid-card-title small{
font-size:12px;
font-weight:700;
letter-spacing:1.1px;
text-transform:uppercase;
color:var(--nms-secondary);
}
.nms-cataloggrid-card-title h3{
margin-top:6px;
font-family:'Manrope',sans-serif;
font-size:27px;
line-height:1.18;
letter-spacing:-.8px;
color:var(--nms-heading);
}
.nms-cataloggrid-card-body>p{
margin-top:12px;
font-size:14.5px;
line-height:1.75;
color:var(--nms-body);
}
.nms-cataloggrid-features{
margin-top:18px;
display:flex;
flex-direction:column;
gap:9px;
}
.nms-cataloggrid-features span{
display:flex;
align-items:center;
gap:8px;
font-size:13px;
font-weight:600;
color:var(--nms-body);
}
.nms-cataloggrid-features i{
width:19px;
height:19px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:50%;
background:var(--nms-ice);
color:var(--nms-primary);
font-size:11px;
}
.nms-cataloggrid-card-foot{
margin-top:auto;
padding-top:19px;
display:flex;
align-items:center;
justify-content:space-between;
gap:15px;
border-top:1px solid var(--nms-border);
}
.nms-cataloggrid-card-foot>a{
height:46px;
padding:0 7px 0 16px;
display:flex;
align-items:center;
gap:13px;
border-radius:13px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:13px;
font-weight:700;
transition:transform .35s ease,background .35s ease;
}
.nms-cataloggrid-card-foot>a i{
width:32px;
height:32px;
display:grid;
place-items:center;
border-radius:9px;
background:rgba(255,255,255,.12);
font-size:12.5px;
transition:transform .35s ease;
}
.nms-cataloggrid-card-foot>a:hover{
transform:translateY(-3px);
background:var(--nms-primary-hover);
}
.nms-cataloggrid-card-foot>a:hover i{
transform:translateX(4px);
}
.nms-cataloggrid-card-mark{
width:38px;
height:38px;
display:grid;
place-items:center;
border:1px solid var(--nms-border);
border-radius:12px;
background:var(--nms-bg);
color:var(--nms-secondary);
font-size:14px;
transition:transform .45s ease,color .35s ease,background .35s ease;
}
.nms-cataloggrid-card:hover .nms-cataloggrid-card-mark{
transform:rotate(12deg);
background:var(--nms-ice);
color:var(--nms-primary);
}
.nms-cataloggrid-bottom{
margin-top:25px;
min-height:96px;
padding:15px 17px 15px 20px;
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
border:1px solid var(--nms-border);
border-radius:22px;
background:var(--nms-white);
box-shadow:0 14px 38px rgba(20,58,99,.055);
}
.nms-cataloggrid-bottom-main{
display:flex;
align-items:center;
gap:14px;
}
.nms-cataloggrid-bottom-icon{
width:54px;
height:54px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:16px;
background:var(--nms-ice);
color:var(--nms-primary);
font-size:18px;
}
.nms-cataloggrid-bottom-main div{
display:flex;
flex-direction:column;
gap:4px;
}
.nms-cataloggrid-bottom-main small{
font-size:12px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-secondary);
}
.nms-cataloggrid-bottom-main strong{
font-size:15px;
color:var(--nms-heading);
}
.nms-cataloggrid-bottom-actions{
display:flex;
align-items:center;
gap:9px;
}
.nms-cataloggrid-contact-btn,
.nms-cataloggrid-order-btn{
height:50px;
padding:0 7px 0 17px;
display:flex;
align-items:center;
gap:14px;
border-radius:14px;
font-size:13px;
font-weight:700;
transition:transform .35s ease,background .35s ease;
}
.nms-cataloggrid-contact-btn{
border:1px solid var(--nms-border);
background:var(--nms-bg);
color:var(--nms-primary);
}
.nms-cataloggrid-contact-btn i,
.nms-cataloggrid-order-btn i{
width:36px;
height:36px;
display:grid;
place-items:center;
border-radius:10px;
font-size:13px;
transition:transform .35s ease;
}
.nms-cataloggrid-contact-btn i{
background:var(--nms-ice);
}
.nms-cataloggrid-order-btn{
background:var(--nms-primary);
color:var(--nms-white);
}
.nms-cataloggrid-order-btn i{
background:rgba(255,255,255,.12);
}
.nms-cataloggrid-contact-btn:hover,
.nms-cataloggrid-order-btn:hover{
transform:translateY(-3px);
}
.nms-cataloggrid-order-btn:hover{
background:var(--nms-primary-hover);
}
.nms-cataloggrid-order-btn:hover i{
transform:translateX(4px);
}
.nms-cataloggrid-reveal{
opacity:0;
transform:translateY(38px);
transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1);
}
.nms-cataloggrid-reveal.nms-cataloggrid-visible{
opacity:1;
transform:translateY(0);
}
.nms-cataloggrid-card:nth-child(3n+2){
transition-delay:.1s;
}
.nms-cataloggrid-card:nth-child(3n+3){
transition-delay:.2s;
}
@media(max-width:1100px){
.nms-cataloggrid-head{
grid-template-columns:1fr;
gap:22px;
}
.nms-cataloggrid-head-copy{
max-width:650px;
}
.nms-cataloggrid-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.nms-cataloggrid-card:nth-child(3n+2),
.nms-cataloggrid-card:nth-child(3n+3){
transition-delay:0s;
}
.nms-cataloggrid-card:nth-child(even){
transition-delay:.1s;
}
}
@media(max-width:700px){
.nms-cataloggrid-section{
padding:78px 15px;
}
.nms-cataloggrid-section:after{
display:none;
}
.nms-cataloggrid-head{
margin-bottom:30px;
}
.nms-cataloggrid-heading h2{
font-size:clamp(37px,10vw,49px);
letter-spacing:-2px;
}
.nms-cataloggrid-grid{
grid-template-columns:1fr;
gap:16px;
}
.nms-cataloggrid-card,
.nms-cataloggrid-card:nth-child(even){
min-height:auto;
transition-delay:0s;
}
.nms-cataloggrid-image{
height:300px;
}
.nms-cataloggrid-card-body{
min-height:300px;
}
.nms-cataloggrid-bottom{
align-items:flex-start;
flex-direction:column;
padding:18px;
}
.nms-cataloggrid-bottom-actions{
width:100%;
}
.nms-cataloggrid-contact-btn,
.nms-cataloggrid-order-btn{
flex:1;
justify-content:space-between;
}
}
@media(max-width:450px){
.nms-cataloggrid-image{
height:260px;
}
.nms-cataloggrid-card-title h3{
font-size:24px;
}
.nms-cataloggrid-bottom-actions{
flex-direction:column;
}
.nms-cataloggrid-contact-btn,
.nms-cataloggrid-order-btn{
width:100%;
}
}

.nms-terms-section{
position:relative;
padding:150px 3% 120px;
background:var(--nms-bg);
overflow:hidden;
}
.nms-terms-bg-shape{
position:absolute;
border-radius:50%;
pointer-events:none;
}
.nms-terms-bg-shape-one{
width:560px;
height:560px;
right:-310px;
top:-280px;
background:radial-gradient(circle,rgba(175,201,222,.34),rgba(216,232,243,.08) 48%,transparent 72%);
}
.nms-terms-bg-shape-two{
width:460px;
height:460px;
left:-270px;
bottom:-250px;
border:1px solid rgba(111,156,194,.12);
box-shadow:0 0 0 55px rgba(175,201,222,.03),0 0 0 110px rgba(175,201,222,.02);
}
.nms-terms-wrap{
position:relative;
z-index:2;
width:min(100%,1440px);
margin:auto;
}
.nms-terms-hero{
position:relative;
min-height:355px;
padding:55px;
display:flex;
align-items:center;
justify-content:space-between;
gap:50px;
border-radius:34px;
background:linear-gradient(135deg,var(--nms-primary),#102f50);
box-shadow:0 28px 70px rgba(20,58,99,.17);
overflow:hidden;
}
.nms-terms-hero:before{
content:'';
position:absolute;
inset:0;
background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
background-size:48px 48px;
}
.nms-terms-hero:after{
content:'';
position:absolute;
width:330px;
height:330px;
right:-135px;
top:-145px;
border:1px solid rgba(255,255,255,.1);
border-radius:50%;
box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.015);
}
.nms-terms-hero-content{
position:relative;
z-index:3;
max-width:850px;
}
.nms-terms-label{
width:max-content;
display:flex;
align-items:center;
gap:9px;
padding:6px 14px 6px 6px;
border:1px solid rgba(255,255,255,.14);
border-radius:50px;
background:rgba(255,255,255,.07);
font-size:12.5px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-ice);
}
.nms-terms-label span{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:50%;
background:rgba(255,255,255,.1);
color:var(--nms-white);
font-size:14px;
}
.nms-terms-hero h1{
margin-top:22px;
font-family:'Manrope',sans-serif;
font-size:clamp(46px,5vw,72px);
line-height:1.03;
letter-spacing:-3.5px;
color:var(--nms-white);
}
.nms-terms-hero h1 span{
color:var(--nms-accent);
}
.nms-terms-hero-content>p{
max-width:720px;
margin-top:17px;
font-size:16px;
line-height:1.8;
color:rgba(255,255,255,.68);
}
.nms-terms-hero-meta{
margin-top:24px;
display:flex;
align-items:center;
flex-wrap:wrap;
gap:10px;
}
.nms-terms-hero-meta span{
height:36px;
padding:0 12px;
display:flex;
align-items:center;
gap:7px;
border:1px solid rgba(255,255,255,.1);
border-radius:10px;
background:rgba(255,255,255,.055);
font-size:12px;
font-weight:600;
color:rgba(255,255,255,.64);
}
.nms-terms-hero-meta i{
color:var(--nms-accent);
}
.nms-terms-hero-icon{
position:relative;
z-index:3;
width:170px;
height:170px;
display:grid;
place-items:center;
flex-shrink:0;
}
.nms-terms-hero-ring{
position:absolute;
inset:0;
border:1px dashed rgba(255,255,255,.28);
border-radius:50%;
animation:nmsTermsSpin 18s linear infinite;
}
.nms-terms-hero-ring:before{
content:'';
position:absolute;
width:10px;
height:10px;
top:13px;
left:32px;
border-radius:50%;
background:var(--nms-accent);
box-shadow:0 0 18px rgba(175,201,222,.75);
}
.nms-terms-hero-icon-core{
width:88px;
height:88px;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.14);
border-radius:27px;
background:rgba(255,255,255,.09);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
color:var(--nms-white);
font-size:31px;
animation:nmsTermsFloat 4s ease-in-out infinite;
}
.nms-terms-layout{
margin-top:28px;
display:grid;
grid-template-columns:285px minmax(0,1fr);
gap:24px;
align-items:start;
}
.nms-terms-sidebar{
position:sticky;
top:120px;
padding:22px;
border:1px solid var(--nms-border);
border-radius:25px;
background:var(--nms-white);
box-shadow:0 18px 48px rgba(20,58,99,.065);
}
.nms-terms-sidebar-head{
display:flex;
align-items:center;
gap:11px;
padding-bottom:17px;
border-bottom:1px solid var(--nms-border);
}
.nms-terms-sidebar-head>span{
width:44px;
height:44px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:14px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:16px;
}
.nms-terms-sidebar-head div{
display:flex;
flex-direction:column;
gap:3px;
}
.nms-terms-sidebar-head small{
font-size:11px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-secondary);
}
.nms-terms-sidebar-head h2{
font-family:'Manrope',sans-serif;
font-size:18px;
color:var(--nms-heading);
}
.nms-terms-nav{
margin-top:14px;
display:flex;
flex-direction:column;
gap:3px;
}
.nms-terms-nav a{
min-height:38px;
padding:0 8px;
display:flex;
align-items:center;
gap:9px;
border-radius:10px;
font-size:12.5px;
font-weight:600;
color:var(--nms-body);
transition:background .3s ease,color .3s ease,transform .3s ease;
}
.nms-terms-nav a span{
width:25px;
height:25px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:8px;
background:var(--nms-alt);
font-family:'Manrope',sans-serif;
font-size:11px;
font-weight:700;
color:var(--nms-primary);
transition:background .3s ease,color .3s ease;
}
.nms-terms-nav a:hover{
transform:translateX(4px);
background:var(--nms-alt);
color:var(--nms-primary);
}
.nms-terms-nav a:hover span{
background:var(--nms-primary);
color:var(--nms-white);
}
.nms-terms-sidebar-note{
margin-top:17px;
padding:14px;
display:flex;
align-items:flex-start;
gap:9px;
border-radius:14px;
background:var(--nms-alt);
}
.nms-terms-sidebar-note>span{
width:32px;
height:32px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:10px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:13px;
}
.nms-terms-sidebar-note small{
font-size:11px;
font-weight:700;
letter-spacing:.8px;
text-transform:uppercase;
color:var(--nms-secondary);
}
.nms-terms-sidebar-note p{
margin-top:3px;
font-size:12px;
line-height:1.55;
color:var(--nms-body);
}
.nms-terms-content{
display:flex;
flex-direction:column;
gap:14px;
}
.nms-terms-intro{
padding:25px;
display:grid;
grid-template-columns:55px 1fr;
gap:16px;
align-items:start;
border:1px solid var(--nms-border);
border-radius:22px;
background:var(--nms-white);
box-shadow:0 14px 36px rgba(20,58,99,.05);
}
.nms-terms-intro-icon{
width:55px;
height:55px;
display:grid;
place-items:center;
border-radius:17px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:18px;
}
.nms-terms-intro p{
font-size:14px;
line-height:1.85;
color:var(--nms-body);
}
.nms-terms-block{
position:relative;
padding:25px;
display:grid;
grid-template-columns:55px 1fr;
gap:16px;
border:1px solid var(--nms-border);
border-radius:22px;
background:var(--nms-white);
transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.nms-terms-block:hover{
transform:translateY(-3px);
border-color:var(--nms-accent);
box-shadow:0 18px 42px rgba(20,58,99,.07);
}
.nms-terms-block-number{
width:52px;
height:52px;
display:grid;
place-items:center;
border-radius:16px;
background:var(--nms-alt);
font-family:'Manrope',sans-serif;
font-size:14px;
font-weight:700;
color:var(--nms-primary);
transition:background .35s ease,color .35s ease,transform .35s ease;
}
.nms-terms-block:hover .nms-terms-block-number{
transform:rotate(-5deg);
background:var(--nms-primary);
color:var(--nms-white);
}
.nms-terms-block-copy h2{
font-family:'Manrope',sans-serif;
font-size:21px;
letter-spacing:-.5px;
color:var(--nms-heading);
}
.nms-terms-block-copy p{
margin-top:9px;
font-size:14.5px;
line-height:1.82;
color:var(--nms-body);
}
.nms-terms-block-copy a{
font-weight:700;
color:var(--nms-primary);
}
.nms-terms-contact{
margin-top:8px;
padding:28px;
border-radius:26px;
background:linear-gradient(145deg,var(--nms-primary),#102f50);
box-shadow:0 24px 58px rgba(20,58,99,.15);
}
.nms-terms-contact-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:30px;
}
.nms-terms-contact-label{
display:flex;
align-items:center;
gap:8px;
font-size:12px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-accent);
}
.nms-terms-contact-head h2{
margin-top:8px;
font-family:'Manrope',sans-serif;
font-size:31px;
letter-spacing:-1px;
color:var(--nms-white);
}
.nms-terms-contact-head p{
max-width:620px;
margin-top:8px;
font-size:14px;
line-height:1.7;
color:rgba(255,255,255,.62);
}
.nms-terms-contact-symbol{
width:58px;
height:58px;
display:grid;
place-items:center;
flex-shrink:0;
border:1px solid rgba(255,255,255,.12);
border-radius:18px;
background:rgba(255,255,255,.08);
color:var(--nms-accent);
font-size:19px;
}
.nms-terms-contact-grid{
margin-top:22px;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}
.nms-terms-contact-item{
min-height:68px;
padding:9px;
display:grid;
grid-template-columns:46px minmax(0,1fr) 30px;
align-items:center;
gap:10px;
border:1px solid rgba(255,255,255,.1);
border-radius:15px;
background:rgba(255,255,255,.055);
color:var(--nms-white);
transition:transform .35s ease,background .35s ease,border-color .35s ease;
}
.nms-terms-contact-item:hover{
transform:translateY(-3px);
background:rgba(255,255,255,.1);
border-color:rgba(255,255,255,.18);
}
.nms-terms-contact-item>span{
width:46px;
height:46px;
display:grid;
place-items:center;
border-radius:13px;
background:rgba(255,255,255,.1);
color:var(--nms-accent);
font-size:16px;
}
.nms-terms-contact-item div{
min-width:0;
display:flex;
flex-direction:column;
gap:3px;
}
.nms-terms-contact-item small{
font-size:11px;
font-weight:700;
letter-spacing:.8px;
text-transform:uppercase;
color:rgba(255,255,255,.42);
}
.nms-terms-contact-item strong{
font-size:12.5px;
line-height:1.5;
overflow-wrap:anywhere;
color:var(--nms-white);
}
.nms-terms-contact-item>i{
font-size:12px;
color:rgba(255,255,255,.38);
transition:transform .35s ease,color .35s ease;
}
.nms-terms-contact-item:hover>i{
transform:translateX(3px);
color:var(--nms-accent);
}
.nms-terms-reveal{
opacity:0;
transform:translateY(35px);
transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1);
}
.nms-terms-reveal.nms-terms-visible{
opacity:1;
transform:translateY(0);
}
@keyframes nmsTermsSpin{
to{
transform:rotate(360deg);
}
}
@keyframes nmsTermsFloat{
0%,100%{
transform:translateY(0) rotate(-4deg);
}
50%{
transform:translateY(-7px) rotate(4deg);
}
}
@media(max-width:1000px){
.nms-terms-layout{
grid-template-columns:1fr;
}
.nms-terms-sidebar{
position:relative;
top:auto;
}
.nms-terms-nav{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:5px;
}
}
@media(max-width:700px){
.nms-terms-section{
padding:125px 15px 78px;
}
.nms-terms-hero{
min-height:auto;
padding:32px 22px;
border-radius:25px;
}
.nms-terms-hero-icon{
display:none;
}
.nms-terms-hero h1{
font-size:clamp(42px,12vw,56px);
letter-spacing:-2.5px;
}
.nms-terms-hero-meta{
align-items:flex-start;
flex-direction:column;
}
.nms-terms-layout{
margin-top:15px;
gap:15px;
}
.nms-terms-sidebar{
display:none;
}
.nms-terms-intro,
.nms-terms-block{
padding:19px;
grid-template-columns:44px 1fr;
gap:12px;
border-radius:18px;
}
.nms-terms-intro-icon,
.nms-terms-block-number{
width:44px;
height:44px;
border-radius:13px;
}
.nms-terms-block-copy h2{
font-size:18px;
}
.nms-terms-contact{
padding:22px;
border-radius:22px;
}
.nms-terms-contact-head h2{
font-size:26px;
}
.nms-terms-contact-symbol{
display:none;
}
.nms-terms-contact-grid{
grid-template-columns:1fr;
}
}
@media(max-width:430px){
.nms-terms-hero{
padding:26px 18px;
}
.nms-terms-intro,
.nms-terms-block{
grid-template-columns:1fr;
}
.nms-terms-contact{
padding:18px;
}
}

.nms-privacy-section{
position:relative;
padding:150px 3% 120px;
background:var(--nms-bg);
overflow:hidden;
}
.nms-privacy-glow{
position:absolute;
border-radius:50%;
pointer-events:none;
}
.nms-privacy-glow-one{
width:570px;
height:570px;
right:-320px;
top:-290px;
background:radial-gradient(circle,rgba(175,201,222,.36),rgba(216,232,243,.08) 48%,transparent 72%);
}
.nms-privacy-glow-two{
width:480px;
height:480px;
left:-290px;
bottom:-270px;
border:1px solid rgba(111,156,194,.12);
box-shadow:0 0 0 55px rgba(175,201,222,.03),0 0 0 110px rgba(175,201,222,.02);
}
.nms-privacy-wrap{
position:relative;
z-index:2;
width:min(100%,1440px);
margin:auto;
}
.nms-privacy-hero{
position:relative;
min-height:355px;
padding:55px;
display:grid;
grid-template-columns:minmax(0,1fr) 240px;
align-items:center;
gap:70px;
border-radius:34px;
background:linear-gradient(135deg,var(--nms-primary),#102f50);
box-shadow:0 28px 70px rgba(20,58,99,.17);
overflow:hidden;
}
.nms-privacy-hero-pattern{
position:absolute;
inset:0;
background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
background-size:48px 48px;
mask-image:linear-gradient(90deg,black,rgba(0,0,0,.6),transparent);
-webkit-mask-image:linear-gradient(90deg,black,rgba(0,0,0,.6),transparent);
}
.nms-privacy-hero-content{
position:relative;
z-index:3;
max-width:850px;
}
.nms-privacy-label{
width:max-content;
display:flex;
align-items:center;
gap:9px;
padding:6px 14px 6px 6px;
border:1px solid rgba(255,255,255,.14);
border-radius:50px;
background:rgba(255,255,255,.07);
font-size:12.5px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-ice);
}
.nms-privacy-label span{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:50%;
background:rgba(255,255,255,.1);
color:var(--nms-white);
font-size:14px;
}
.nms-privacy-hero h1{
margin-top:22px;
font-family:'Manrope',sans-serif;
font-size:clamp(46px,5vw,72px);
line-height:1.03;
letter-spacing:-3.5px;
color:var(--nms-white);
}
.nms-privacy-hero h1 span{
color:var(--nms-accent);
}
.nms-privacy-hero-content>p{
max-width:720px;
margin-top:17px;
font-size:16px;
line-height:1.8;
color:rgba(255,255,255,.68);
}
.nms-privacy-hero-points{
margin-top:24px;
display:flex;
align-items:center;
flex-wrap:wrap;
gap:10px;
}
.nms-privacy-hero-points div{
height:37px;
padding:0 12px;
display:flex;
align-items:center;
gap:7px;
border:1px solid rgba(255,255,255,.1);
border-radius:10px;
background:rgba(255,255,255,.055);
font-size:12px;
font-weight:600;
color:rgba(255,255,255,.64);
}
.nms-privacy-hero-points i{
color:var(--nms-accent);
}
.nms-privacy-hero-visual{
position:relative;
z-index:3;
display:flex;
align-items:center;
justify-content:center;
}
.nms-privacy-security-orbit{
position:relative;
width:210px;
height:210px;
display:grid;
place-items:center;
}
.nms-privacy-security-ring{
position:absolute;
border-radius:50%;
}
.nms-privacy-security-ring-one{
inset:0;
border:1px dashed rgba(255,255,255,.27);
animation:nmsPrivacySpin 20s linear infinite;
}
.nms-privacy-security-ring-two{
inset:34px;
border:1px solid rgba(255,255,255,.12);
animation:nmsPrivacySpinReverse 15s linear infinite;
}
.nms-privacy-security-core{
width:86px;
height:86px;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.15);
border-radius:28px;
background:rgba(255,255,255,.1);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
color:var(--nms-white);
font-size:29px;
animation:nmsPrivacyFloat 4s ease-in-out infinite;
}
.nms-privacy-security-node{
position:absolute;
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:12px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:14px;
box-shadow:0 10px 24px rgba(0,0,0,.12);
}
.nms-privacy-security-node-one{
left:5px;
top:72px;
}
.nms-privacy-security-node-two{
right:16px;
top:15px;
}
.nms-privacy-security-node-three{
right:0;
bottom:28px;
}
.nms-privacy-layout{
margin-top:28px;
display:grid;
grid-template-columns:285px minmax(0,1fr);
gap:24px;
align-items:start;
}
.nms-privacy-sidebar{
position:sticky;
top:120px;
padding:22px;
border:1px solid var(--nms-border);
border-radius:25px;
background:var(--nms-white);
box-shadow:0 18px 48px rgba(20,58,99,.065);
}
.nms-privacy-sidebar-head{
display:flex;
align-items:center;
gap:11px;
padding-bottom:17px;
border-bottom:1px solid var(--nms-border);
}
.nms-privacy-sidebar-head>span{
width:44px;
height:44px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:14px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:16px;
}
.nms-privacy-sidebar-head div{
display:flex;
flex-direction:column;
gap:3px;
}
.nms-privacy-sidebar-head small{
font-size:11px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-secondary);
}
.nms-privacy-sidebar-head h2{
font-family:'Manrope',sans-serif;
font-size:18px;
color:var(--nms-heading);
}
.nms-privacy-nav{
margin-top:14px;
display:flex;
flex-direction:column;
gap:4px;
}
.nms-privacy-nav a{
min-height:40px;
padding:0 8px;
display:flex;
align-items:center;
gap:9px;
border-radius:10px;
font-size:12.5px;
font-weight:600;
color:var(--nms-body);
transition:background .3s ease,color .3s ease,transform .3s ease;
}
.nms-privacy-nav a span{
width:26px;
height:26px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:8px;
background:var(--nms-alt);
font-family:'Manrope',sans-serif;
font-size:11px;
font-weight:700;
color:var(--nms-primary);
transition:background .3s ease,color .3s ease;
}
.nms-privacy-nav a:hover{
transform:translateX(4px);
background:var(--nms-alt);
color:var(--nms-primary);
}
.nms-privacy-nav a:hover span{
background:var(--nms-primary);
color:var(--nms-white);
}
.nms-privacy-sidebar-card{
margin-top:17px;
padding:14px;
display:flex;
align-items:flex-start;
gap:9px;
border-radius:15px;
background:var(--nms-alt);
}
.nms-privacy-sidebar-card>span{
width:34px;
height:34px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:10px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:14px;
}
.nms-privacy-sidebar-card small{
font-size:11px;
font-weight:700;
letter-spacing:.8px;
text-transform:uppercase;
color:var(--nms-secondary);
}
.nms-privacy-sidebar-card p{
margin-top:3px;
font-size:12px;
line-height:1.55;
color:var(--nms-body);
}
.nms-privacy-content{
display:flex;
flex-direction:column;
gap:14px;
}
.nms-privacy-intro{
padding:25px;
display:grid;
grid-template-columns:56px 1fr;
gap:16px;
align-items:start;
border:1px solid var(--nms-border);
border-radius:22px;
background:var(--nms-white);
box-shadow:0 14px 36px rgba(20,58,99,.05);
}
.nms-privacy-intro-icon{
width:56px;
height:56px;
display:grid;
place-items:center;
border-radius:17px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:18px;
}
.nms-privacy-intro>div:last-child{
display:flex;
flex-direction:column;
gap:6px;
}
.nms-privacy-intro small{
font-size:12px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-secondary);
}
.nms-privacy-intro p{
font-size:14px;
line-height:1.85;
color:var(--nms-body);
}
.nms-privacy-block{
padding:25px;
border:1px solid var(--nms-border);
border-radius:22px;
background:var(--nms-white);
transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.nms-privacy-block:hover{
transform:translateY(-3px);
border-color:var(--nms-accent);
box-shadow:0 18px 42px rgba(20,58,99,.07);
}
.nms-privacy-block-head{
display:grid;
grid-template-columns:52px 1fr 44px;
align-items:center;
gap:14px;
padding-bottom:18px;
border-bottom:1px solid var(--nms-border);
}
.nms-privacy-block-number{
width:52px;
height:52px;
display:grid;
place-items:center;
border-radius:16px;
background:var(--nms-primary);
font-family:'Manrope',sans-serif;
font-size:14px;
font-weight:700;
color:var(--nms-white);
box-shadow:0 9px 22px rgba(20,58,99,.15);
}
.nms-privacy-block-head>div:nth-child(2){
display:flex;
flex-direction:column;
gap:3px;
}
.nms-privacy-block-head small{
font-size:11px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-secondary);
}
.nms-privacy-block-head h2{
font-family:'Manrope',sans-serif;
font-size:21px;
letter-spacing:-.5px;
color:var(--nms-heading);
}
.nms-privacy-block-icon{
width:44px;
height:44px;
display:grid;
place-items:center;
border-radius:14px;
background:var(--nms-alt);
color:var(--nms-primary);
font-size:16px;
transition:transform .4s ease,background .35s ease,color .35s ease;
}
.nms-privacy-block:hover .nms-privacy-block-icon{
transform:rotate(-7deg) scale(1.05);
background:var(--nms-primary);
color:var(--nms-white);
}
.nms-privacy-block-body{
padding-top:17px;
}
.nms-privacy-block-body>p{
font-size:14.5px;
line-height:1.82;
color:var(--nms-body);
}
.nms-privacy-block-body ul{
margin-top:13px;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:9px;
list-style:none;
}
.nms-privacy-block-body ul:first-child{
margin-top:0;
}
.nms-privacy-block-body li{
min-height:54px;
padding:11px 12px;
display:flex;
align-items:flex-start;
gap:9px;
border:1px solid var(--nms-border);
border-radius:13px;
background:var(--nms-bg);
font-size:13px;
line-height:1.55;
color:var(--nms-body);
}
.nms-privacy-block-body li i{
width:20px;
height:20px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:50%;
background:var(--nms-ice);
color:var(--nms-primary);
font-size:11px;
}
.nms-privacy-contact{
margin-top:8px;
padding:29px;
border-radius:27px;
background:linear-gradient(145deg,var(--nms-primary),#102f50);
box-shadow:0 24px 58px rgba(20,58,99,.15);
overflow:hidden;
}
.nms-privacy-contact-top{
display:flex;
align-items:center;
justify-content:space-between;
gap:40px;
}
.nms-privacy-contact-heading{
max-width:750px;
}
.nms-privacy-contact-label{
display:flex;
align-items:center;
gap:8px;
font-size:12px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:var(--nms-accent);
}
.nms-privacy-contact-heading h2{
margin-top:8px;
font-family:'Manrope',sans-serif;
font-size:31px;
letter-spacing:-1px;
color:var(--nms-white);
}
.nms-privacy-contact-heading p{
margin-top:8px;
font-size:14px;
line-height:1.7;
color:rgba(255,255,255,.62);
}
.nms-privacy-contact-lock{
position:relative;
width:82px;
height:82px;
display:grid;
place-items:center;
flex-shrink:0;
}
.nms-privacy-contact-lock-ring{
position:absolute;
inset:0;
border:1px dashed rgba(255,255,255,.25);
border-radius:50%;
animation:nmsPrivacySpin 15s linear infinite;
}
.nms-privacy-contact-lock>span:last-child{
width:50px;
height:50px;
display:grid;
place-items:center;
border-radius:16px;
background:rgba(255,255,255,.1);
color:var(--nms-accent);
font-size:18px;
}
.nms-privacy-contact-grid{
margin-top:22px;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}
.nms-privacy-contact-item{
min-height:69px;
padding:9px;
display:grid;
grid-template-columns:46px minmax(0,1fr) 30px;
align-items:center;
gap:10px;
border:1px solid rgba(255,255,255,.1);
border-radius:15px;
background:rgba(255,255,255,.055);
color:var(--nms-white);
transition:transform .35s ease,background .35s ease,border-color .35s ease;
}
.nms-privacy-contact-item:hover{
transform:translateY(-3px);
background:rgba(255,255,255,.1);
border-color:rgba(255,255,255,.18);
}
.nms-privacy-contact-item-icon{
width:46px;
height:46px;
display:grid;
place-items:center;
border-radius:13px;
background:rgba(255,255,255,.1);
color:var(--nms-accent);
font-size:16px;
}
.nms-privacy-contact-item div{
min-width:0;
display:flex;
flex-direction:column;
gap:3px;
}
.nms-privacy-contact-item small{
font-size:11px;
font-weight:700;
letter-spacing:.8px;
text-transform:uppercase;
color:rgba(255,255,255,.42);
}
.nms-privacy-contact-item strong{
font-size:12.5px;
line-height:1.5;
overflow-wrap:anywhere;
color:var(--nms-white);
}
.nms-privacy-contact-item>i{
font-size:12px;
color:rgba(255,255,255,.38);
transition:transform .35s ease,color .35s ease;
}
.nms-privacy-contact-item:hover>i{
transform:translateX(3px);
color:var(--nms-accent);
}
.nms-privacy-reveal{
opacity:0;
transform:translateY(35px);
transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1);
}
.nms-privacy-reveal.nms-privacy-visible{
opacity:1;
transform:translateY(0);
}
@keyframes nmsPrivacySpin{
to{
transform:rotate(360deg);
}
}
@keyframes nmsPrivacySpinReverse{
to{
transform:rotate(-360deg);
}
}
@keyframes nmsPrivacyFloat{
0%,100%{
transform:translateY(0) rotate(-4deg);
}
50%{
transform:translateY(-7px) rotate(4deg);
}
}
@media(max-width:1000px){
.nms-privacy-layout{
grid-template-columns:1fr;
}
.nms-privacy-sidebar{
position:relative;
top:auto;
}
.nms-privacy-nav{
display:grid;
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:700px){
.nms-privacy-section{
padding:125px 15px 78px;
}
.nms-privacy-hero{
min-height:auto;
padding:32px 22px;
grid-template-columns:1fr;
border-radius:25px;
}
.nms-privacy-hero-visual{
display:none;
}
.nms-privacy-hero h1{
font-size:clamp(42px,12vw,56px);
letter-spacing:-2.5px;
}
.nms-privacy-hero-points{
align-items:flex-start;
flex-direction:column;
}
.nms-privacy-layout{
margin-top:15px;
gap:15px;
}
.nms-privacy-sidebar{
display:none;
}
.nms-privacy-intro{
padding:19px;
grid-template-columns:44px 1fr;
gap:12px;
border-radius:18px;
}
.nms-privacy-intro-icon{
width:44px;
height:44px;
border-radius:13px;
}
.nms-privacy-block{
padding:19px;
border-radius:18px;
}
.nms-privacy-block-head{
grid-template-columns:44px 1fr;
}
.nms-privacy-block-number{
width:44px;
height:44px;
border-radius:13px;
}
.nms-privacy-block-icon{
display:none;
}
.nms-privacy-block-head h2{
font-size:18px;
}
.nms-privacy-block-body ul{
grid-template-columns:1fr;
}
.nms-privacy-contact{
padding:22px;
border-radius:22px;
}
.nms-privacy-contact-heading h2{
font-size:26px;
}
.nms-privacy-contact-lock{
display:none;
}
.nms-privacy-contact-grid{
grid-template-columns:1fr;
}
}
@media(max-width:430px){
.nms-privacy-hero{
padding:26px 18px;
}
.nms-privacy-intro{
grid-template-columns:1fr;
}
.nms-privacy-block-head{
grid-template-columns:1fr;
}
.nms-privacy-contact{
padding:18px;
}
}

.nms-detailhero-section{
position:relative;
padding:145px 3% 110px;
background:var(--nms-bg);
overflow:hidden;
}

.nms-detailhero-section:before{
content:'';
position:absolute;
width:520px;
height:520px;
right:-300px;
top:-310px;
border:1px solid var(--nms-border);
border-radius:50%;
box-shadow:
0 0 0 60px rgba(175,201,222,.05),
0 0 0 120px rgba(175,201,222,.025);
pointer-events:none;
}

.nms-detailhero-wrap{
position:relative;
z-index:2;
width:min(94%,1440px);
margin:auto;
}


/* BREADCRUMB */

.nms-detailhero-breadcrumb{
min-height:54px;
margin-bottom:22px;
padding:0 18px;
display:flex;
align-items:center;
flex-wrap:wrap;
gap:12px;
border:1px solid var(--nms-border);
border-radius:16px;
background:var(--nms-white);
box-shadow:0 10px 30px rgba(20,58,99,.045);
}

.nms-detailhero-breadcrumb a,
.nms-detailhero-breadcrumb>span{
display:flex;
align-items:center;
gap:8px;
font-size:14px;
font-weight:600;
color:var(--nms-body);
transition:color .3s ease;
}

.nms-detailhero-breadcrumb a:hover{
color:var(--nms-primary);
}

.nms-detailhero-breadcrumb>a:first-child{
color:var(--nms-primary);
}

.nms-detailhero-breadcrumb>i{
font-size:10px;
color:var(--nms-muted);
}


/* MAIN SHOWCASE */

.nms-detailhero-showcase{
display:grid;
grid-template-columns:minmax(520px,1fr) minmax(500px,.92fr);
gap:55px;
align-items:center;
}


/* GALLERY */

.nms-detailhero-gallery{
min-width:0;
}

.nms-detailhero-gallery-main{
position:relative;
height:620px;
border:1px solid var(--nms-border);
border-radius:32px;
background:var(--nms-white);
box-shadow:0 28px 70px rgba(20,58,99,.08);
overflow:hidden;
}

.nms-detailhero-gallery-main:before{
content:'';
position:absolute;
width:390px;
height:390px;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border:1px solid var(--nms-border);
border-radius:50%;
box-shadow:
0 0 0 45px rgba(238,244,248,.7),
0 0 0 90px rgba(238,244,248,.32);
pointer-events:none;
}

.nms-detailhero-gallery-top{
position:absolute;
z-index:10;
left:22px;
right:22px;
top:22px;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
}

.nms-detailhero-gallery-label{
height:42px;
padding:0 14px;
display:flex;
align-items:center;
gap:9px;
border:1px solid var(--nms-border);
border-radius:12px;
background:var(--nms-white);
font-size:14px;
font-weight:700;
color:var(--nms-heading);
box-shadow:0 8px 24px rgba(20,58,99,.05);
}

.nms-detailhero-gallery-label i{
color:var(--nms-primary);
}

.nms-detailhero-gallery-counter{
height:42px;
padding:0 14px;
display:flex;
align-items:center;
gap:6px;
border:1px solid var(--nms-border);
border-radius:12px;
background:var(--nms-white);
font-family:'Manrope',sans-serif;
font-size:14px;
color:var(--nms-muted);
box-shadow:0 8px 24px rgba(20,58,99,.05);
}

.nms-detailhero-gallery-counter strong{
font-size:17px;
color:var(--nms-primary);
}


/* SLIDES */

.nms-detailhero-slides{
position:absolute;
inset:0;
}

.nms-detailhero-slide{
position:absolute;
inset:0;
padding:85px 65px 75px;
display:flex;
align-items:center;
justify-content:center;
opacity:0;
visibility:hidden;
transform:scale(.95);
transition:
opacity .55s ease,
visibility .55s ease,
transform .75s cubic-bezier(.22,1,.36,1);
}

.nms-detailhero-slide-active{
opacity:1;
visibility:visible;
transform:scale(1);
}

.nms-detailhero-slide img{
display:block;
width:100%;
height:100%;
object-fit:contain;
object-position:center;
filter:drop-shadow(0 25px 30px rgba(20,58,99,.12));
transition:transform .8s cubic-bezier(.22,1,.36,1);
}

.nms-detailhero-gallery-main:hover .nms-detailhero-slide-active img{
transform:scale(1.035) translateY(-4px);
}


/* GALLERY ARROWS */

.nms-detailhero-gallery-arrows{
position:absolute;
z-index:10;
left:22px;
bottom:22px;
display:flex;
align-items:center;
gap:9px;
}

.nms-detailhero-arrow{
width:48px;
height:48px;
display:grid;
place-items:center;
border:1px solid var(--nms-border);
border-radius:14px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:14px;
cursor:pointer;
box-shadow:0 8px 24px rgba(20,58,99,.06);
transition:
transform .3s ease,
background .3s ease,
color .3s ease;
}

.nms-detailhero-arrow:hover{
transform:translateY(-3px);
background:var(--nms-primary);
color:var(--nms-white);
}


/* PRODUCT NUMBER */

.nms-detailhero-product-index{
position:absolute;
z-index:10;
right:22px;
bottom:22px;
height:48px;
padding:0 14px;
display:flex;
align-items:center;
gap:10px;
border:1px solid var(--nms-border);
border-radius:14px;
background:var(--nms-white);
font-size:14px;
font-weight:700;
color:var(--nms-heading);
box-shadow:0 8px 24px rgba(20,58,99,.06);
}

.nms-detailhero-product-index i{
font-size:13px;
color:var(--nms-primary);
}


/* THUMBNAILS */

.nms-detailhero-thumbnails{
margin-top:12px;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
}

.nms-detailhero-thumb{
position:relative;
height:105px;
padding:8px;
border:1px solid var(--nms-border);
border-radius:16px;
background:var(--nms-white);
cursor:pointer;
overflow:hidden;
transition:
transform .3s ease,
border-color .3s ease,
box-shadow .3s ease;
}

.nms-detailhero-thumb:before{
content:'';
position:absolute;
left:12px;
right:12px;
bottom:7px;
height:3px;
border-radius:10px;
background:var(--nms-primary);
transform:scaleX(0);
transform-origin:left;
transition:transform .35s ease;
}

.nms-detailhero-thumb:hover,
.nms-detailhero-thumb-active{
transform:translateY(-3px);
border-color:var(--nms-accent);
box-shadow:0 10px 28px rgba(20,58,99,.07);
}

.nms-detailhero-thumb-active:before{
transform:scaleX(1);
}

.nms-detailhero-thumb img{
width:100%;
height:100%;
object-fit:contain;
}


/* PRODUCT CONTENT */

.nms-detailhero-content{
padding:10px 0;
}

.nms-detailhero-category{
width:max-content;
max-width:100%;
display:flex;
align-items:center;
gap:12px;
padding:7px 15px 7px 7px;
border:1px solid var(--nms-border);
border-radius:16px;
background:var(--nms-white);
box-shadow:0 8px 25px rgba(20,58,99,.045);
}

.nms-detailhero-category-icon{
width:46px;
height:46px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:13px;
background:var(--nms-alt);
color:var(--nms-primary);
font-size:17px;
}

.nms-detailhero-category>div{
display:flex;
flex-direction:column;
gap:3px;
}

.nms-detailhero-category small{
font-size:13px;
font-weight:600;
color:var(--nms-muted);
}

.nms-detailhero-category strong{
font-size:15px;
color:var(--nms-heading);
}


.nms-detailhero-content h1{
max-width:760px;
margin-top:25px;
font-family:'Manrope',sans-serif;
font-size:clamp(46px,4.7vw,70px);
line-height:1.05;
letter-spacing:-3px;
font-weight:700;
color:var(--nms-heading);
}

.nms-detailhero-intro{
max-width:710px;
margin-top:20px;
font-size:17px;
line-height:1.75;
color:var(--nms-body);
}


/* HIGHLIGHTS */

.nms-detailhero-highlights{
margin-top:28px;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:11px;
}

.nms-detailhero-highlight{
min-height:105px;
padding:15px;
display:flex;
align-items:flex-start;
gap:12px;
border:1px solid var(--nms-border);
border-radius:17px;
background:var(--nms-white);
transition:
transform .35s ease,
border-color .35s ease,
box-shadow .35s ease;
}

.nms-detailhero-highlight:hover{
transform:translateY(-4px);
border-color:var(--nms-accent);
box-shadow:0 14px 30px rgba(20,58,99,.06);
}

.nms-detailhero-highlight>span{
width:43px;
height:43px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:12px;
background:var(--nms-alt);
color:var(--nms-primary);
font-size:15px;
transition:
transform .35s ease,
background .35s ease,
color .35s ease;
}

.nms-detailhero-highlight:hover>span{
transform:rotate(-6deg);
background:var(--nms-primary);
color:var(--nms-white);
}

.nms-detailhero-highlight div{
display:flex;
flex-direction:column;
gap:5px;
}

.nms-detailhero-highlight strong{
font-size:15px;
color:var(--nms-heading);
}

.nms-detailhero-highlight p{
font-size:14px;
line-height:1.55;
color:var(--nms-body);
}


/* ACTIONS */

.nms-detailhero-actions{
margin-top:26px;
display:flex;
align-items:stretch;
flex-wrap:wrap;
gap:11px;
}

.nms-detailhero-request-btn{
min-height:64px;
padding:7px 8px 7px 20px;
display:flex;
align-items:center;
justify-content:space-between;
gap:22px;
border-radius:16px;
background:var(--nms-primary);
color:var(--nms-white);
box-shadow:0 14px 32px rgba(20,58,99,.18);
transition:
transform .35s ease,
background .35s ease,
box-shadow .35s ease;
}

.nms-detailhero-request-btn>span{
display:flex;
flex-direction:column;
gap:3px;
}

.nms-detailhero-request-btn small{
font-size:13px;
color:var(--nms-accent);
}

.nms-detailhero-request-btn strong{
font-size:15px;
color:var(--nms-white);
}

.nms-detailhero-request-btn>i{
width:48px;
height:48px;
display:grid;
place-items:center;
border-radius:13px;
background:rgba(255,255,255,.12);
font-size:13px;
transition:transform .35s ease;
}

.nms-detailhero-request-btn:hover{
transform:translateY(-4px);
background:var(--nms-primary-hover);
box-shadow:0 20px 38px rgba(20,58,99,.23);
}

.nms-detailhero-request-btn:hover>i{
transform:translateX(4px);
}


.nms-detailhero-contact-btn{
min-height:64px;
padding:7px 17px 7px 7px;
display:flex;
align-items:center;
gap:12px;
border:1px solid var(--nms-border);
border-radius:16px;
background:var(--nms-white);
transition:
transform .35s ease,
border-color .35s ease,
box-shadow .35s ease;
}

.nms-detailhero-contact-btn:hover{
transform:translateY(-4px);
border-color:var(--nms-accent);
box-shadow:0 14px 30px rgba(20,58,99,.06);
}

.nms-detailhero-contact-icon{
width:48px;
height:48px;
display:grid;
place-items:center;
border-radius:13px;
background:var(--nms-alt);
color:var(--nms-primary);
font-size:16px;
}

.nms-detailhero-contact-btn>span:last-child{
display:flex;
flex-direction:column;
gap:3px;
}

.nms-detailhero-contact-btn small{
font-size:13px;
color:var(--nms-muted);
}

.nms-detailhero-contact-btn strong{
font-size:15px;
color:var(--nms-heading);
}


/* INFO STRIP */

.nms-detailhero-info-strip{
margin-top:25px;
padding-top:20px;
display:flex;
align-items:center;
justify-content:space-between;
gap:25px;
border-top:1px solid var(--nms-border);
}

.nms-detailhero-info-strip>div{
display:flex;
align-items:center;
gap:11px;
}

.nms-detailhero-info-strip>div>i{
font-size:17px;
color:var(--nms-primary);
}

.nms-detailhero-info-strip>div>span{
display:flex;
flex-direction:column;
gap:3px;
}

.nms-detailhero-info-strip strong{
font-size:14px;
color:var(--nms-heading);
}

.nms-detailhero-info-strip small{
font-size:13px;
color:var(--nms-muted);
}

.nms-detailhero-info-strip>a{
height:45px;
padding:0 7px 0 15px;
display:flex;
align-items:center;
gap:11px;
border:1px solid var(--nms-border);
border-radius:13px;
background:var(--nms-white);
font-size:14px;
font-weight:700;
color:var(--nms-primary);
transition:
transform .35s ease,
border-color .35s ease;
}

.nms-detailhero-info-strip>a i{
width:32px;
height:32px;
display:grid;
place-items:center;
border-radius:9px;
background:var(--nms-alt);
font-size:10px;
transition:transform .35s ease;
}

.nms-detailhero-info-strip>a:hover{
transform:translateY(-3px);
border-color:var(--nms-accent);
}

.nms-detailhero-info-strip>a:hover i{
transform:translateY(3px);
}


/* REVEAL */

.nms-detailhero-reveal{
opacity:0;
transform:translateY(35px);
transition:
opacity .85s ease,
transform .85s cubic-bezier(.22,1,.36,1);
}

.nms-detailhero-reveal.nms-detailhero-visible{
opacity:1;
transform:translateY(0);
}

.nms-detailhero-gallery{
transition-delay:.08s;
}

.nms-detailhero-content{
transition-delay:.18s;
}


/* RESPONSIVE */

@media(max-width:1150px){

.nms-detailhero-showcase{
grid-template-columns:minmax(460px,1fr) minmax(430px,.9fr);
gap:35px;
}

.nms-detailhero-gallery-main{
height:560px;
}

.nms-detailhero-content h1{
font-size:clamp(44px,4.8vw,60px);
}

}


@media(max-width:991px){

.nms-detailhero-showcase{
grid-template-columns:1fr;
gap:45px;
}

.nms-detailhero-gallery{
width:min(100%,760px);
}

.nms-detailhero-content{
max-width:820px;
}

}


@media(max-width:700px){

.nms-detailhero-section{
padding:120px 15px 75px;
}

.nms-detailhero-wrap{
width:100%;
}

.nms-detailhero-breadcrumb{
padding:13px 15px;
}

.nms-detailhero-breadcrumb a,
.nms-detailhero-breadcrumb>span{
font-size:13px;
}

.nms-detailhero-showcase{
gap:35px;
}

.nms-detailhero-gallery-main{
height:460px;
border-radius:24px;
}

.nms-detailhero-slide{
padding:75px 35px 65px;
}

.nms-detailhero-gallery-label{
font-size:13px;
}

.nms-detailhero-thumbnails{
grid-template-columns:repeat(3,1fr);
}

.nms-detailhero-thumb{
height:85px;
}

.nms-detailhero-content h1{
font-size:clamp(38px,10vw,50px);
letter-spacing:-2px;
}

.nms-detailhero-intro{
font-size:16px;
}

.nms-detailhero-highlights{
grid-template-columns:1fr;
}

.nms-detailhero-actions{
flex-direction:column;
}

.nms-detailhero-request-btn,
.nms-detailhero-contact-btn{
width:100%;
}

.nms-detailhero-info-strip{
align-items:flex-start;
flex-direction:column;
}

.nms-detailhero-info-strip>a{
width:100%;
justify-content:space-between;
}

}


@media(max-width:450px){

.nms-detailhero-section{
padding-top:110px;
}

.nms-detailhero-gallery-main{
height:390px;
}

.nms-detailhero-slide{
padding:70px 20px 60px;
}

.nms-detailhero-gallery-top{
left:14px;
right:14px;
top:14px;
}

.nms-detailhero-gallery-label{
padding:0 11px;
}

.nms-detailhero-gallery-arrows{
left:14px;
bottom:14px;
}

.nms-detailhero-product-index{
right:14px;
bottom:14px;
}

.nms-detailhero-arrow{
width:43px;
height:43px;
}

.nms-detailhero-product-index{
height:43px;
}

.nms-detailhero-thumb{
height:72px;
}

.nms-detailhero-category{
align-items:flex-start;
}

}

.nms-productoverview-section{
position:relative;
padding:120px 3%;
background:var(--nms-alt);
overflow:hidden;
}

.nms-productoverview-section:before{
content:'';
position:absolute;
width:520px;
height:520px;
left:-310px;
bottom:-300px;
border:1px solid var(--nms-border);
border-radius:50%;
box-shadow:
0 0 0 55px rgba(175,201,222,.04),
0 0 0 110px rgba(175,201,222,.025);
pointer-events:none;
}

.nms-productoverview-section:after{
content:'OVERVIEW';
position:absolute;
right:-20px;
top:20px;
font-family:'Manrope',sans-serif;
font-size:clamp(90px,13vw,185px);
font-weight:800;
letter-spacing:-9px;
color:rgba(20,58,99,.022);
pointer-events:none;
}

.nms-productoverview-wrap{
position:relative;
z-index:2;
width:min(94%,1440px);
margin:auto;
}


/* MAIN GRID */

.nms-productoverview-main{
display:grid;
grid-template-columns:minmax(520px,1.08fr) minmax(460px,.82fr);
gap:70px;
align-items:stretch;
}


/* STORY SIDE */

.nms-productoverview-story{
position:relative;
padding:20px 0;
}

.nms-productoverview-kicker{
width:max-content;
display:flex;
align-items:center;
gap:10px;
padding:7px 15px 7px 7px;
border:1px solid var(--nms-border);
border-radius:50px;
background:var(--nms-white);
font-size:14px;
font-weight:700;
letter-spacing:.6px;
text-transform:uppercase;
color:var(--nms-primary);
box-shadow:0 8px 25px rgba(20,58,99,.045);
}

.nms-productoverview-kicker span{
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:50%;
background:var(--nms-primary);
color:var(--nms-white);
font-size:14px;
}


.nms-productoverview-title-row{
margin-top:25px;
display:grid;
grid-template-columns:58px minmax(0,1fr);
gap:18px;
align-items:flex-start;
}

.nms-productoverview-index{
width:58px;
min-height:128px;
padding:15px 0;
display:flex;
align-items:center;
justify-content:space-between;
flex-direction:column;
border:1px solid var(--nms-border);
border-radius:18px;
background:var(--nms-white);
}

.nms-productoverview-index span{
font-family:'Manrope',sans-serif;
font-size:16px;
font-weight:700;
color:var(--nms-primary);
}

.nms-productoverview-index i{
font-size:13px;
color:var(--nms-secondary);
animation:nmsProductOverviewArrow 1.8s ease-in-out infinite;
}

.nms-productoverview-title-row h2{
max-width:760px;
font-family:'Manrope',sans-serif;
font-size:clamp(44px,4.5vw,66px);
line-height:1.06;
letter-spacing:-3px;
font-weight:700;
color:var(--nms-heading);
}

.nms-productoverview-title-row h2 span{
display:block;
color:var(--nms-primary);
}


/* TEXT */

.nms-productoverview-copy{
max-width:790px;
margin-top:28px;
padding-left:76px;
}

.nms-productoverview-copy p{
font-size:16px;
line-height:1.85;
color:var(--nms-body);
}

.nms-productoverview-copy p+p{
margin-top:15px;
}

.nms-productoverview-copy .nms-productoverview-lead{
font-size:18px;
line-height:1.75;
font-weight:500;
color:var(--nms-heading);
}


/* PURPOSE */

.nms-productoverview-purpose{
max-width:790px;
margin-top:28px;
margin-left:76px;
padding:18px;
display:flex;
align-items:center;
gap:14px;
border:1px solid var(--nms-border);
border-radius:19px;
background:var(--nms-white);
box-shadow:0 12px 35px rgba(20,58,99,.045);
}

.nms-productoverview-purpose-icon{
width:52px;
height:52px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:15px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:18px;
}

.nms-productoverview-purpose>div{
display:flex;
flex-direction:column;
gap:4px;
}

.nms-productoverview-purpose small{
font-size:13px;
font-weight:700;
letter-spacing:.6px;
text-transform:uppercase;
color:var(--nms-secondary);
}

.nms-productoverview-purpose strong{
font-size:15px;
line-height:1.55;
font-weight:600;
color:var(--nms-heading);
}


/* INFORMATION BOARD */

.nms-productoverview-board{
position:relative;
padding:25px;
border:1px solid var(--nms-border);
border-radius:30px;
background:var(--nms-white);
box-shadow:0 25px 65px rgba(20,58,99,.075);
overflow:hidden;
}

.nms-productoverview-board:before{
content:'';
position:absolute;
width:200px;
height:200px;
right:-100px;
top:-110px;
border:1px solid var(--nms-border);
border-radius:50%;
box-shadow:
0 0 0 35px rgba(238,244,248,.55),
0 0 0 70px rgba(238,244,248,.25);
}

.nms-productoverview-board-head{
position:relative;
z-index:2;
padding-bottom:21px;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
border-bottom:1px solid var(--nms-border);
}

.nms-productoverview-board-head>div{
display:flex;
flex-direction:column;
gap:4px;
}

.nms-productoverview-board-head small{
font-size:13px;
font-weight:700;
letter-spacing:.7px;
text-transform:uppercase;
color:var(--nms-secondary);
}

.nms-productoverview-board-head h3{
font-family:'Manrope',sans-serif;
font-size:28px;
letter-spacing:-.8px;
color:var(--nms-heading);
}

.nms-productoverview-board-symbol{
width:54px;
height:54px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:16px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:19px;
}


/* BOARD LIST */

.nms-productoverview-board-list{
position:relative;
z-index:2;
margin-top:17px;
display:flex;
flex-direction:column;
gap:9px;
}

.nms-productoverview-info-row{
min-height:92px;
padding:13px;
display:grid;
grid-template-columns:45px minmax(0,1fr) 45px;
align-items:center;
gap:13px;
border:1px solid var(--nms-border);
border-radius:17px;
background:var(--nms-bg);
transition:
transform .35s ease,
background .35s ease,
border-color .35s ease,
box-shadow .35s ease;
}

.nms-productoverview-info-row:hover{
transform:translateX(5px);
background:var(--nms-white);
border-color:var(--nms-accent);
box-shadow:0 12px 28px rgba(20,58,99,.05);
}

.nms-productoverview-info-number{
width:45px;
height:45px;
display:grid;
place-items:center;
border-radius:13px;
background:var(--nms-white);
font-family:'Manrope',sans-serif;
font-size:13px;
font-weight:700;
color:var(--nms-primary);
border:1px solid var(--nms-border);
transition:
background .35s ease,
color .35s ease;
}

.nms-productoverview-info-row:hover .nms-productoverview-info-number{
background:var(--nms-primary);
color:var(--nms-white);
}

.nms-productoverview-info-copy{
display:flex;
flex-direction:column;
gap:5px;
}

.nms-productoverview-info-copy small{
font-size:13px;
font-weight:600;
color:var(--nms-muted);
}

.nms-productoverview-info-copy strong{
font-size:15px;
line-height:1.45;
color:var(--nms-heading);
}

.nms-productoverview-info-icon{
width:45px;
height:45px;
display:grid;
place-items:center;
border-radius:13px;
background:var(--nms-alt);
color:var(--nms-primary);
font-size:15px;
transition:
transform .4s ease,
background .35s ease,
color .35s ease;
}

.nms-productoverview-info-row:hover .nms-productoverview-info-icon{
transform:rotate(-6deg);
background:var(--nms-primary);
color:var(--nms-white);
}


/* BOARD FOOTER */

.nms-productoverview-board-foot{
position:relative;
z-index:2;
margin-top:17px;
padding-top:18px;
display:grid;
grid-template-columns:44px minmax(0,1fr) 42px;
align-items:center;
gap:12px;
border-top:1px solid var(--nms-border);
}

.nms-productoverview-board-foot-mark{
width:44px;
height:44px;
display:grid;
place-items:center;
border-radius:13px;
background:var(--nms-alt);
color:var(--nms-primary);
font-size:14px;
}

.nms-productoverview-board-foot>div:nth-child(2){
display:flex;
flex-direction:column;
gap:3px;
}

.nms-productoverview-board-foot small{
font-size:13px;
font-weight:700;
color:var(--nms-heading);
}

.nms-productoverview-board-foot p{
font-size:13px;
line-height:1.5;
color:var(--nms-muted);
}

.nms-productoverview-board-foot>a{
width:42px;
height:42px;
display:grid;
place-items:center;
border:1px solid var(--nms-border);
border-radius:12px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:11px;
transition:
transform .35s ease,
background .35s ease,
color .35s ease;
}

.nms-productoverview-board-foot>a:hover{
transform:translateY(3px);
background:var(--nms-primary);
color:var(--nms-white);
}


/* BOTTOM JOURNEY */

.nms-productoverview-bottom{
min-height:96px;
margin-top:25px;
padding:15px 18px;
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
border:1px solid var(--nms-border);
border-radius:22px;
background:var(--nms-white);
box-shadow:0 14px 38px rgba(20,58,99,.045);
}

.nms-productoverview-bottom-label{
display:flex;
align-items:center;
gap:13px;
}

.nms-productoverview-bottom-label>span{
width:52px;
height:52px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:15px;
background:var(--nms-alt);
color:var(--nms-primary);
font-size:17px;
}

.nms-productoverview-bottom-label>div{
display:flex;
flex-direction:column;
gap:4px;
}

.nms-productoverview-bottom-label small{
font-size:13px;
font-weight:700;
letter-spacing:.5px;
text-transform:uppercase;
color:var(--nms-secondary);
}

.nms-productoverview-bottom-label strong{
font-size:15px;
color:var(--nms-heading);
}


.nms-productoverview-journey{
display:flex;
align-items:center;
gap:10px;
}

.nms-productoverview-journey>i{
font-size:10px;
color:var(--nms-muted);
}

.nms-productoverview-journey-item{
height:48px;
padding:0 13px 0 7px;
display:flex;
align-items:center;
gap:8px;
border:1px solid var(--nms-border);
border-radius:13px;
background:var(--nms-bg);
}

.nms-productoverview-journey-item span{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:10px;
background:var(--nms-white);
font-family:'Manrope',sans-serif;
font-size:12px;
font-weight:700;
color:var(--nms-primary);
}

.nms-productoverview-journey-item strong{
font-size:13px;
color:var(--nms-body);
}

.nms-productoverview-journey-active{
background:var(--nms-primary);
border-color:var(--nms-primary);
}

.nms-productoverview-journey-active span{
background:rgba(255,255,255,.12);
color:var(--nms-white);
}

.nms-productoverview-journey-active strong{
color:var(--nms-white);
}


/* REVEAL */

.nms-productoverview-reveal{
opacity:0;
transform:translateY(38px);
transition:
opacity .85s ease,
transform .85s cubic-bezier(.22,1,.36,1);
}

.nms-productoverview-reveal.nms-productoverview-visible{
opacity:1;
transform:translateY(0);
}

.nms-productoverview-board{
transition-delay:.12s;
}

.nms-productoverview-bottom{
transition-delay:.2s;
}


/* ANIMATION */

@keyframes nmsProductOverviewArrow{

0%,
100%{
transform:translateY(0);
}

50%{
transform:translateY(5px);
}

}


/* RESPONSIVE */

@media(max-width:1100px){

.nms-productoverview-main{
grid-template-columns:1fr;
gap:45px;
}

.nms-productoverview-story{
max-width:900px;
}

.nms-productoverview-board{
max-width:850px;
}

.nms-productoverview-bottom{
align-items:flex-start;
flex-direction:column;
}

}


@media(max-width:800px){

.nms-productoverview-journey{
width:100%;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:8px;
}

.nms-productoverview-journey>i{
display:none;
}

.nms-productoverview-journey-item{
justify-content:center;
padding:0 8px;
}

}


@media(max-width:700px){

.nms-productoverview-section{
padding:78px 15px;
}

.nms-productoverview-section:after{
display:none;
}

.nms-productoverview-wrap{
width:100%;
}

.nms-productoverview-title-row{
grid-template-columns:1fr;
}

.nms-productoverview-index{
width:100%;
min-height:48px;
padding:0 14px;
align-items:center;
flex-direction:row;
}

.nms-productoverview-index i{
transform:rotate(-90deg);
}

.nms-productoverview-title-row h2{
font-size:clamp(38px,10vw,50px);
letter-spacing:-2px;
}

.nms-productoverview-copy{
padding-left:0;
}

.nms-productoverview-copy .nms-productoverview-lead{
font-size:17px;
}

.nms-productoverview-purpose{
margin-left:0;
}

.nms-productoverview-board{
padding:18px;
border-radius:24px;
}

.nms-productoverview-board-head h3{
font-size:24px;
}

.nms-productoverview-info-row{
grid-template-columns:42px minmax(0,1fr) 42px;
}

.nms-productoverview-info-number,
.nms-productoverview-info-icon{
width:42px;
height:42px;
}

.nms-productoverview-journey{
grid-template-columns:repeat(2,1fr);
}

.nms-productoverview-journey-item{
justify-content:flex-start;
}

}


@media(max-width:450px){

.nms-productoverview-purpose{
align-items:flex-start;
}

.nms-productoverview-info-row{
grid-template-columns:40px minmax(0,1fr);
}

.nms-productoverview-info-icon{
display:none;
}

.nms-productoverview-board-foot{
grid-template-columns:42px minmax(0,1fr);
}

.nms-productoverview-board-foot>a{
display:none;
}

.nms-productoverview-bottom{
padding:16px;
}

.nms-productoverview-journey{
grid-template-columns:1fr;
}

}

.nms-featureboard-section{
position:relative;
padding:120px 3%;
background:var(--nms-bg);
overflow:hidden;
}

.nms-featureboard-section:before{
content:'';
position:absolute;
width:540px;
height:540px;
right:-320px;
top:-300px;
border-radius:50%;
border:1px solid var(--nms-border);
box-shadow:
0 0 0 60px rgba(175,201,222,.045),
0 0 0 120px rgba(175,201,222,.025);
pointer-events:none;
}

.nms-featureboard-section:after{
content:'FEATURES';
position:absolute;
left:-25px;
bottom:-25px;
font-family:'Manrope',sans-serif;
font-size:clamp(90px,13vw,190px);
font-weight:800;
letter-spacing:-9px;
color:rgba(20,58,99,.022);
pointer-events:none;
}

.nms-featureboard-wrap{
position:relative;
z-index:2;
width:min(94%,1440px);
margin:auto;
}


/* HEADER */

.nms-featureboard-head{
display:grid;
grid-template-columns:minmax(560px,1.1fr) minmax(380px,.65fr);
align-items:end;
gap:80px;
margin-bottom:48px;
}

.nms-featureboard-label{
width:max-content;
display:flex;
align-items:center;
gap:10px;
padding:7px 15px 7px 7px;
border:1px solid var(--nms-border);
border-radius:50px;
background:var(--nms-white);
font-size:14px;
font-weight:700;
letter-spacing:.6px;
text-transform:uppercase;
color:var(--nms-primary);
box-shadow:0 8px 25px rgba(20,58,99,.045);
}

.nms-featureboard-label span{
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:50%;
background:var(--nms-primary);
color:var(--nms-white);
font-size:14px;
}

.nms-featureboard-heading h2{
max-width:850px;
margin-top:23px;
font-family:'Manrope',sans-serif;
font-size:clamp(44px,4.6vw,68px);
line-height:1.05;
letter-spacing:-3px;
font-weight:700;
color:var(--nms-heading);
}

.nms-featureboard-heading h2 span{
color:var(--nms-primary);
}

.nms-featureboard-head-copy>p{
font-size:16px;
line-height:1.8;
color:var(--nms-body);
}

.nms-featureboard-head-note{
margin-top:19px;
display:flex;
align-items:center;
gap:12px;
}

.nms-featureboard-head-note>span{
width:46px;
height:46px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:14px;
background:var(--nms-alt);
color:var(--nms-primary);
font-size:16px;
}

.nms-featureboard-head-note>div{
display:flex;
flex-direction:column;
gap:4px;
}

.nms-featureboard-head-note small{
font-size:13px;
font-weight:700;
letter-spacing:.5px;
text-transform:uppercase;
color:var(--nms-secondary);
}

.nms-featureboard-head-note strong{
font-size:14px;
line-height:1.5;
color:var(--nms-heading);
}


/* STAGE */

.nms-featureboard-stage{
position:relative;
min-height:720px;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
grid-template-rows:repeat(2,minmax(0,1fr));
gap:110px 170px;
padding:35px;
}


/* CENTER HUB */

.nms-featureboard-center{
position:absolute;
z-index:8;
left:50%;
top:50%;
width:220px;
height:220px;
display:grid;
place-items:center;
transform:translate(-50%,-50%);
}

.nms-featureboard-center-ring{
position:absolute;
border-radius:50%;
}

.nms-featureboard-center-ring-one{
inset:0;
border:1px dashed var(--nms-secondary);
opacity:.6;
animation:nmsFeatureBoardSpin 18s linear infinite;
}

.nms-featureboard-center-ring-one:before{
content:'';
position:absolute;
width:11px;
height:11px;
top:21px;
left:43px;
border-radius:50%;
background:var(--nms-primary);
box-shadow:0 0 18px rgba(20,58,99,.25);
}

.nms-featureboard-center-ring-two{
inset:28px;
border:1px solid var(--nms-border);
animation:nmsFeatureBoardSpinReverse 14s linear infinite;
}

.nms-featureboard-center-core{
position:relative;
z-index:3;
width:130px;
height:130px;
padding:18px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
gap:11px;
border:1px solid var(--nms-border);
border-radius:36px;
background:var(--nms-white);
box-shadow:0 22px 50px rgba(20,58,99,.1);
animation:nmsFeatureBoardFloat 4s ease-in-out infinite;
}

.nms-featureboard-center-core>span{
width:48px;
height:48px;
display:grid;
place-items:center;
border-radius:15px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:18px;
}

.nms-featureboard-center-core>div{
display:flex;
align-items:center;
flex-direction:column;
gap:3px;
text-align:center;
}

.nms-featureboard-center-core small{
font-size:13px;
color:var(--nms-muted);
}

.nms-featureboard-center-core strong{
font-size:15px;
color:var(--nms-heading);
}


/* CONNECTION LINES */

.nms-featureboard-line{
position:absolute;
z-index:1;
left:50%;
top:50%;
background:var(--nms-border);
overflow:hidden;
}

.nms-featureboard-line:after{
content:'';
position:absolute;
background:var(--nms-primary);
}

.nms-featureboard-line-horizontal{
width:calc(100% - 240px);
height:1px;
transform:translate(-50%,-50%);
}

.nms-featureboard-line-horizontal:after{
left:0;
top:0;
width:0;
height:100%;
}

.nms-featureboard-stage.nms-featureboard-active
.nms-featureboard-line-horizontal:after{
animation:nmsFeatureBoardHorizontal 1.6s ease forwards;
}

.nms-featureboard-line-vertical{
width:1px;
height:calc(100% - 180px);
transform:translate(-50%,-50%);
}

.nms-featureboard-line-vertical:after{
left:0;
top:0;
width:100%;
height:0;
}

.nms-featureboard-stage.nms-featureboard-active
.nms-featureboard-line-vertical:after{
animation:nmsFeatureBoardVertical 1.6s ease .15s forwards;
}


/* FEATURE PANELS */

.nms-featureboard-feature{
position:relative;
z-index:4;
min-height:280px;
padding:25px;
display:flex;
flex-direction:column;
border:1px solid var(--nms-border);
border-radius:26px;
background:var(--nms-white);
box-shadow:0 18px 50px rgba(20,58,99,.055);
opacity:0;
transform:translateY(35px);
transition:
opacity .75s ease,
transform .75s cubic-bezier(.22,1,.36,1),
border-color .35s ease,
box-shadow .35s ease;
}

.nms-featureboard-stage.nms-featureboard-active
.nms-featureboard-feature{
opacity:1;
transform:translateY(0);
}

.nms-featureboard-stage.nms-featureboard-active
.nms-featureboard-feature-one{
transition-delay:.15s;
}

.nms-featureboard-stage.nms-featureboard-active
.nms-featureboard-feature-two{
transition-delay:.3s;
}

.nms-featureboard-stage.nms-featureboard-active
.nms-featureboard-feature-three{
transition-delay:.45s;
}

.nms-featureboard-stage.nms-featureboard-active
.nms-featureboard-feature-four{
transition-delay:.6s;
}

.nms-featureboard-feature:hover{
border-color:var(--nms-accent);
box-shadow:0 26px 60px rgba(20,58,99,.09);
}

.nms-featureboard-feature-top{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
}

.nms-featureboard-feature-icon{
width:56px;
height:56px;
display:grid;
place-items:center;
border-radius:17px;
background:var(--nms-alt);
color:var(--nms-primary);
font-size:19px;
transition:
transform .4s ease,
background .35s ease,
color .35s ease;
}

.nms-featureboard-feature:hover
.nms-featureboard-feature-icon{
transform:rotate(-7deg) scale(1.05);
background:var(--nms-primary);
color:var(--nms-white);
}

.nms-featureboard-feature-number{
font-family:'Manrope',sans-serif;
font-size:15px;
font-weight:700;
color:var(--nms-muted);
}

.nms-featureboard-feature-content{
margin-top:23px;
}

.nms-featureboard-feature-content small{
font-size:13px;
font-weight:700;
letter-spacing:.5px;
text-transform:uppercase;
color:var(--nms-secondary);
}

.nms-featureboard-feature-content h3{
margin-top:7px;
font-family:'Manrope',sans-serif;
font-size:25px;
line-height:1.25;
letter-spacing:-.6px;
color:var(--nms-heading);
}

.nms-featureboard-feature-content p{
margin-top:11px;
font-size:15px;
line-height:1.75;
color:var(--nms-body);
}

.nms-featureboard-feature-foot{
margin-top:auto;
padding-top:18px;
display:flex;
align-items:center;
gap:10px;
border-top:1px solid var(--nms-border);
}

.nms-featureboard-feature-foot span{
width:9px;
height:9px;
border-radius:50%;
background:var(--nms-primary);
}

.nms-featureboard-feature-foot strong{
font-size:13px;
letter-spacing:.4px;
text-transform:uppercase;
color:var(--nms-muted);
}


/* SIGNAL DOTS */

.nms-featureboard-signal{
position:absolute;
z-index:6;
width:11px;
height:11px;
border-radius:50%;
background:var(--nms-primary);
box-shadow:0 0 0 5px var(--nms-bg);
opacity:0;
}

.nms-featureboard-signal-one{
left:50%;
top:21%;
}

.nms-featureboard-signal-two{
right:21%;
top:50%;
}

.nms-featureboard-signal-three{
left:50%;
bottom:21%;
}

.nms-featureboard-signal-four{
left:21%;
top:50%;
}

.nms-featureboard-stage.nms-featureboard-active
.nms-featureboard-signal{
animation:nmsFeatureBoardSignal 1.4s ease .9s forwards;
}


/* BOTTOM STRIP */

.nms-featureboard-bottom{
min-height:96px;
margin-top:24px;
padding:15px 17px 15px 20px;
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
border:1px solid var(--nms-border);
border-radius:22px;
background:var(--nms-white);
box-shadow:0 14px 38px rgba(20,58,99,.045);
}

.nms-featureboard-bottom-main{
display:flex;
align-items:center;
gap:14px;
}

.nms-featureboard-bottom-icon{
width:54px;
height:54px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:16px;
background:var(--nms-alt);
color:var(--nms-primary);
font-size:18px;
}

.nms-featureboard-bottom-main>div{
display:flex;
flex-direction:column;
gap:4px;
}

.nms-featureboard-bottom-main small{
font-size:13px;
font-weight:700;
letter-spacing:.5px;
text-transform:uppercase;
color:var(--nms-secondary);
}

.nms-featureboard-bottom-main strong{
font-size:15px;
color:var(--nms-heading);
}

.nms-featureboard-bottom>a{
height:50px;
padding:0 7px 0 17px;
display:flex;
align-items:center;
gap:13px;
border-radius:14px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:14px;
font-weight:700;
transition:
transform .35s ease,
background .35s ease;
}

.nms-featureboard-bottom>a i{
width:36px;
height:36px;
display:grid;
place-items:center;
border-radius:10px;
background:rgba(255,255,255,.12);
font-size:11px;
transition:transform .35s ease;
}

.nms-featureboard-bottom>a:hover{
transform:translateY(-3px);
background:var(--nms-primary-hover);
}

.nms-featureboard-bottom>a:hover i{
transform:translateY(3px);
}


/* REVEAL */

.nms-featureboard-reveal{
opacity:0;
transform:translateY(38px);
transition:
opacity .85s ease,
transform .85s cubic-bezier(.22,1,.36,1);
}

.nms-featureboard-reveal.nms-featureboard-visible{
opacity:1;
transform:translateY(0);
}

.nms-featureboard-stage{
transition-delay:.12s;
}

.nms-featureboard-bottom{
transition-delay:.2s;
}


/* ANIMATIONS */

@keyframes nmsFeatureBoardSpin{
to{
transform:rotate(360deg);
}
}

@keyframes nmsFeatureBoardSpinReverse{
to{
transform:rotate(-360deg);
}
}

@keyframes nmsFeatureBoardFloat{

0%,
100%{
transform:translateY(0) rotate(-3deg);
}

50%{
transform:translateY(-7px) rotate(3deg);
}

}

@keyframes nmsFeatureBoardHorizontal{

from{
width:0;
}

to{
width:100%;
}

}

@keyframes nmsFeatureBoardVertical{

from{
height:0;
}

to{
height:100%;
}

}

@keyframes nmsFeatureBoardSignal{

0%{
opacity:0;
transform:scale(.4);
}

60%{
opacity:1;
transform:scale(1.4);
}

100%{
opacity:1;
transform:scale(1);
}

}


/* RESPONSIVE */

@media(max-width:1100px){

.nms-featureboard-head{
grid-template-columns:1fr;
gap:22px;
}

.nms-featureboard-head-copy{
max-width:700px;
}

.nms-featureboard-stage{
gap:95px 130px;
}

}


@media(max-width:900px){

.nms-featureboard-stage{
min-height:auto;
grid-template-columns:1fr;
grid-template-rows:auto;
gap:15px;
padding:0;
}

.nms-featureboard-center,
.nms-featureboard-line,
.nms-featureboard-signal{
display:none;
}

.nms-featureboard-feature{
min-height:240px;
}

}


@media(max-width:700px){

.nms-featureboard-section{
padding:78px 15px;
}

.nms-featureboard-section:after{
display:none;
}

.nms-featureboard-wrap{
width:100%;
}

.nms-featureboard-head{
margin-bottom:30px;
}

.nms-featureboard-heading h2{
font-size:clamp(38px,10vw,50px);
letter-spacing:-2px;
}

.nms-featureboard-feature{
padding:21px;
border-radius:22px;
}

.nms-featureboard-feature-content h3{
font-size:23px;
}

.nms-featureboard-feature-content p{
font-size:15px;
}

.nms-featureboard-bottom{
align-items:flex-start;
flex-direction:column;
padding:18px;
}

.nms-featureboard-bottom>a{
width:100%;
justify-content:space-between;
}

}


@media(max-width:430px){

.nms-featureboard-feature-top{
align-items:flex-start;
}

.nms-featureboard-feature-icon{
width:50px;
height:50px;
}

.nms-featureboard-bottom-main{
align-items:flex-start;
}

}

.nms-specledger-section{
position:relative;
padding:120px 3%;
background:var(--nms-alt);
overflow:hidden;
}

.nms-specledger-section:before{
content:'';
position:absolute;
width:560px;
height:560px;
left:-330px;
bottom:-330px;
border:1px solid var(--nms-border);
border-radius:50%;
box-shadow:
0 0 0 60px rgba(175,201,222,.045),
0 0 0 120px rgba(175,201,222,.025);
pointer-events:none;
}

.nms-specledger-section:after{
content:'DETAILS';
position:absolute;
right:-20px;
top:15px;
font-family:'Manrope',sans-serif;
font-size:clamp(100px,14vw,200px);
font-weight:800;
letter-spacing:-9px;
color:rgba(20,58,99,.022);
pointer-events:none;
}

.nms-specledger-wrap{
position:relative;
z-index:2;
width:min(94%,1440px);
margin:auto;
}


/* HEADER */

.nms-specledger-head{
display:grid;
grid-template-columns:minmax(550px,1.1fr) minmax(380px,.65fr);
align-items:end;
gap:80px;
margin-bottom:48px;
}

.nms-specledger-label{
width:max-content;
display:flex;
align-items:center;
gap:10px;
padding:7px 15px 7px 7px;
border:1px solid var(--nms-border);
border-radius:50px;
background:var(--nms-white);
font-size:14px;
font-weight:700;
letter-spacing:.6px;
text-transform:uppercase;
color:var(--nms-primary);
box-shadow:0 8px 25px rgba(20,58,99,.045);
}

.nms-specledger-label span{
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:50%;
background:var(--nms-primary);
color:var(--nms-white);
font-size:14px;
}

.nms-specledger-heading h2{
max-width:800px;
margin-top:23px;
font-family:'Manrope',sans-serif;
font-size:clamp(44px,4.6vw,68px);
line-height:1.05;
letter-spacing:-3px;
font-weight:700;
color:var(--nms-heading);
}

.nms-specledger-heading h2 span{
color:var(--nms-primary);
}

.nms-specledger-head-copy>p{
font-size:16px;
line-height:1.8;
color:var(--nms-body);
}

.nms-specledger-head-note{
margin-top:18px;
display:flex;
align-items:flex-start;
gap:12px;
}

.nms-specledger-head-note>span{
width:46px;
height:46px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:14px;
background:var(--nms-white);
border:1px solid var(--nms-border);
color:var(--nms-primary);
font-size:15px;
}

.nms-specledger-head-note>div{
display:flex;
flex-direction:column;
gap:4px;
}

.nms-specledger-head-note small{
font-size:13px;
font-weight:700;
letter-spacing:.5px;
text-transform:uppercase;
color:var(--nms-secondary);
}

.nms-specledger-head-note strong{
font-size:14px;
line-height:1.55;
color:var(--nms-heading);
}


/* LAYOUT */

.nms-specledger-layout{
display:grid;
grid-template-columns:365px minmax(0,1fr);
gap:22px;
align-items:start;
}


/* PRODUCT PROFILE */

.nms-specledger-profile{
position:sticky;
top:110px;
padding:25px;
border:1px solid var(--nms-border);
border-radius:28px;
background:var(--nms-white);
box-shadow:0 22px 60px rgba(20,58,99,.07);
overflow:hidden;
}

.nms-specledger-profile:before{
content:'';
position:absolute;
width:210px;
height:210px;
right:-120px;
top:-120px;
border:1px solid var(--nms-border);
border-radius:50%;
box-shadow:
0 0 0 35px rgba(238,244,248,.5),
0 0 0 70px rgba(238,244,248,.25);
}

.nms-specledger-profile-top{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
}

.nms-specledger-profile-number{
font-family:'Manrope',sans-serif;
font-size:15px;
font-weight:700;
color:var(--nms-muted);
}

.nms-specledger-profile-icon{
width:58px;
height:58px;
display:grid;
place-items:center;
border-radius:18px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:20px;
box-shadow:0 12px 28px rgba(20,58,99,.18);
}

.nms-specledger-profile-copy{
position:relative;
z-index:2;
margin-top:35px;
}

.nms-specledger-profile-copy small{
font-size:13px;
font-weight:700;
letter-spacing:.6px;
text-transform:uppercase;
color:var(--nms-secondary);
}

.nms-specledger-profile-copy h3{
margin-top:8px;
font-family:'Manrope',sans-serif;
font-size:30px;
line-height:1.2;
letter-spacing:-1px;
color:var(--nms-heading);
}

.nms-specledger-profile-copy p{
margin-top:13px;
font-size:15px;
line-height:1.75;
color:var(--nms-body);
}

.nms-specledger-profile-divider{
height:1px;
margin:23px 0;
background:var(--nms-border);
}

.nms-specledger-profile-meta{
display:flex;
flex-direction:column;
gap:9px;
}

.nms-specledger-profile-meta>div{
min-height:70px;
padding:10px;
display:flex;
align-items:center;
gap:11px;
border:1px solid var(--nms-border);
border-radius:15px;
background:var(--nms-bg);
transition:
transform .35s ease,
border-color .35s ease,
background .35s ease;
}

.nms-specledger-profile-meta>div:hover{
transform:translateX(4px);
border-color:var(--nms-accent);
background:var(--nms-white);
}

.nms-specledger-profile-meta>div>span{
width:42px;
height:42px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:12px;
background:var(--nms-alt);
color:var(--nms-primary);
font-size:14px;
}

.nms-specledger-profile-meta>div>div{
display:flex;
flex-direction:column;
gap:3px;
}

.nms-specledger-profile-meta small{
font-size:13px;
color:var(--nms-muted);
}

.nms-specledger-profile-meta strong{
font-size:14px;
line-height:1.4;
color:var(--nms-heading);
}

.nms-specledger-profile-foot{
margin-top:20px;
padding-top:18px;
display:flex;
align-items:center;
justify-content:space-between;
gap:15px;
border-top:1px solid var(--nms-border);
}

.nms-specledger-profile-status{
display:flex;
align-items:center;
gap:10px;
}

.nms-specledger-profile-status>span{
position:relative;
width:10px;
height:10px;
flex-shrink:0;
border-radius:50%;
background:var(--nms-secondary);
}

.nms-specledger-profile-status>span:before{
content:'';
position:absolute;
inset:-5px;
border:1px solid var(--nms-secondary);
border-radius:50%;
animation:nmsSpecLedgerPulse 2s ease-out infinite;
}

.nms-specledger-profile-status>div{
display:flex;
flex-direction:column;
gap:3px;
}

.nms-specledger-profile-status small{
font-size:12px;
color:var(--nms-muted);
}

.nms-specledger-profile-status strong{
font-size:14px;
color:var(--nms-heading);
}

.nms-specledger-profile-foot>a{
width:45px;
height:45px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:13px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:12px;
transition:transform .35s ease;
}

.nms-specledger-profile-foot>a:hover{
transform:translateX(4px);
}


/* SPEC REGISTRY */

.nms-specledger-registry{
padding:25px;
border:1px solid var(--nms-border);
border-radius:28px;
background:var(--nms-white);
box-shadow:0 22px 60px rgba(20,58,99,.065);
}

.nms-specledger-registry-head{
padding-bottom:21px;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
border-bottom:1px solid var(--nms-border);
}

.nms-specledger-registry-head>div{
display:flex;
flex-direction:column;
gap:4px;
}

.nms-specledger-registry-head small{
font-size:13px;
font-weight:700;
letter-spacing:.6px;
text-transform:uppercase;
color:var(--nms-secondary);
}

.nms-specledger-registry-head h3{
font-family:'Manrope',sans-serif;
font-size:27px;
letter-spacing:-.7px;
color:var(--nms-heading);
}

.nms-specledger-registry-head>span{
width:54px;
height:54px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:16px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:19px;
}


/* ROW LIST */

.nms-specledger-list{
margin-top:17px;
display:flex;
flex-direction:column;
gap:8px;
}

.nms-specledger-row{
min-height:84px;
padding:11px 15px 11px 11px;
display:grid;
grid-template-columns:44px 48px minmax(190px,.7fr) minmax(260px,1fr);
align-items:center;
gap:13px;
border:1px solid var(--nms-border);
border-radius:16px;
background:var(--nms-bg);
opacity:0;
transform:translateX(30px);
transition:
opacity .65s ease,
transform .65s cubic-bezier(.22,1,.36,1),
border-color .35s ease,
background .35s ease,
box-shadow .35s ease;
}

.nms-specledger-registry.nms-specledger-active
.nms-specledger-row{
opacity:1;
transform:translateX(0);
}

.nms-specledger-registry.nms-specledger-active
.nms-specledger-row:nth-child(1){
transition-delay:.08s;
}

.nms-specledger-registry.nms-specledger-active
.nms-specledger-row:nth-child(2){
transition-delay:.14s;
}

.nms-specledger-registry.nms-specledger-active
.nms-specledger-row:nth-child(3){
transition-delay:.2s;
}

.nms-specledger-registry.nms-specledger-active
.nms-specledger-row:nth-child(4){
transition-delay:.26s;
}

.nms-specledger-registry.nms-specledger-active
.nms-specledger-row:nth-child(5){
transition-delay:.32s;
}

.nms-specledger-registry.nms-specledger-active
.nms-specledger-row:nth-child(6){
transition-delay:.38s;
}

.nms-specledger-registry.nms-specledger-active
.nms-specledger-row:nth-child(7){
transition-delay:.44s;
}

.nms-specledger-registry.nms-specledger-active
.nms-specledger-row:nth-child(8){
transition-delay:.5s;
}

.nms-specledger-row:hover{
background:var(--nms-white);
border-color:var(--nms-accent);
box-shadow:0 12px 30px rgba(20,58,99,.05);
}

.nms-specledger-row-index{
width:44px;
height:44px;
display:grid;
place-items:center;
border:1px solid var(--nms-border);
border-radius:12px;
background:var(--nms-white);
font-family:'Manrope',sans-serif;
font-size:12px;
font-weight:700;
color:var(--nms-primary);
transition:
background .35s ease,
color .35s ease;
}

.nms-specledger-row:hover
.nms-specledger-row-index{
background:var(--nms-primary);
color:var(--nms-white);
}

.nms-specledger-row-icon{
width:48px;
height:48px;
display:grid;
place-items:center;
border-radius:14px;
background:var(--nms-alt);
color:var(--nms-primary);
font-size:15px;
transition:
transform .4s ease,
background .35s ease,
color .35s ease;
}

.nms-specledger-row:hover
.nms-specledger-row-icon{
transform:rotate(-6deg);
background:var(--nms-primary);
color:var(--nms-white);
}

.nms-specledger-row-label{
display:flex;
flex-direction:column;
gap:4px;
}

.nms-specledger-row-label small{
font-size:13px;
color:var(--nms-muted);
}

.nms-specledger-row-label strong{
font-size:14px;
color:var(--nms-heading);
}

.nms-specledger-row-value{
padding-left:20px;
border-left:1px solid var(--nms-border);
font-size:15px;
line-height:1.5;
font-weight:600;
color:var(--nms-heading);
}


/* REGISTRY NOTE */

.nms-specledger-registry-foot{
margin-top:17px;
padding:15px;
display:flex;
align-items:flex-start;
gap:11px;
border:1px solid var(--nms-border);
border-radius:15px;
background:var(--nms-alt);
}

.nms-specledger-registry-foot>span{
width:38px;
height:38px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:11px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:13px;
}

.nms-specledger-registry-foot p{
font-size:14px;
line-height:1.65;
color:var(--nms-body);
}


/* FINAL REQUEST BAR */

.nms-specledger-request{
min-height:145px;
margin-top:23px;
padding:20px;
display:flex;
align-items:center;
justify-content:space-between;
gap:35px;
border-radius:24px;
background:var(--nms-primary);
box-shadow:0 22px 55px rgba(20,58,99,.16);
}

.nms-specledger-request-main{
display:flex;
align-items:center;
gap:16px;
}

.nms-specledger-request-icon{
width:65px;
height:65px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:19px;
background:rgba(255,255,255,.1);
color:var(--nms-white);
font-size:22px;
}

.nms-specledger-request-main>div{
max-width:710px;
}

.nms-specledger-request-main small{
font-size:13px;
font-weight:700;
letter-spacing:.6px;
text-transform:uppercase;
color:var(--nms-accent);
}

.nms-specledger-request-main h3{
margin-top:5px;
font-family:'Manrope',sans-serif;
font-size:25px;
line-height:1.25;
letter-spacing:-.5px;
color:var(--nms-white);
}

.nms-specledger-request-main p{
margin-top:6px;
font-size:14px;
line-height:1.6;
color:rgba(255,255,255,.68);
}

.nms-specledger-request-actions{
display:flex;
align-items:center;
gap:9px;
flex-shrink:0;
}

.nms-specledger-contact-link,
.nms-specledger-order-link{
height:54px;
padding:0 8px 0 16px;
display:flex;
align-items:center;
gap:13px;
border-radius:14px;
font-size:14px;
font-weight:700;
transition:
transform .35s ease,
background .35s ease;
}

.nms-specledger-contact-link{
border:1px solid rgba(255,255,255,.16);
background:rgba(255,255,255,.08);
color:var(--nms-white);
}

.nms-specledger-order-link{
background:var(--nms-white);
color:var(--nms-primary);
}

.nms-specledger-contact-link i,
.nms-specledger-order-link i{
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:11px;
font-size:11px;
}

.nms-specledger-contact-link i{
background:rgba(255,255,255,.1);
}

.nms-specledger-order-link i{
background:var(--nms-alt);
}

.nms-specledger-contact-link:hover,
.nms-specledger-order-link:hover{
transform:translateY(-3px);
}


/* REVEAL */

.nms-specledger-reveal{
opacity:0;
transform:translateY(38px);
transition:
opacity .85s ease,
transform .85s cubic-bezier(.22,1,.36,1);
}

.nms-specledger-reveal.nms-specledger-visible{
opacity:1;
transform:translateY(0);
}

.nms-specledger-profile{
transition-delay:.08s;
}

.nms-specledger-registry{
transition-delay:.14s;
}

.nms-specledger-request{
transition-delay:.2s;
}


/* ANIMATION */

@keyframes nmsSpecLedgerPulse{

0%{
transform:scale(.6);
opacity:1;
}

100%{
transform:scale(2.3);
opacity:0;
}

}


/* RESPONSIVE */

@media(max-width:1150px){

.nms-specledger-head{
grid-template-columns:1fr;
gap:22px;
}

.nms-specledger-head-copy{
max-width:720px;
}

.nms-specledger-layout{
grid-template-columns:310px minmax(0,1fr);
}

.nms-specledger-row{
grid-template-columns:40px 44px minmax(160px,.7fr) minmax(210px,1fr);
}

.nms-specledger-request{
align-items:flex-start;
flex-direction:column;
}

.nms-specledger-request-actions{
width:100%;
}

}


@media(max-width:900px){

.nms-specledger-layout{
grid-template-columns:1fr;
}

.nms-specledger-profile{
position:relative;
top:auto;
}

.nms-specledger-profile-meta{
display:grid;
grid-template-columns:repeat(3,1fr);
}

}


@media(max-width:700px){

.nms-specledger-section{
padding:78px 15px;
}

.nms-specledger-section:after{
display:none;
}

.nms-specledger-wrap{
width:100%;
}

.nms-specledger-head{
margin-bottom:30px;
}

.nms-specledger-heading h2{
font-size:clamp(38px,10vw,50px);
letter-spacing:-2px;
}

.nms-specledger-profile,
.nms-specledger-registry{
padding:18px;
border-radius:23px;
}

.nms-specledger-profile-meta{
grid-template-columns:1fr;
}

.nms-specledger-row{
grid-template-columns:42px minmax(0,1fr);
padding:13px;
}

.nms-specledger-row-icon{
display:none;
}

.nms-specledger-row-label{
grid-column:2;
}

.nms-specledger-row-value{
grid-column:2;
padding-left:0;
padding-top:8px;
border-left:0;
border-top:1px solid var(--nms-border);
}

.nms-specledger-request{
padding:20px;
border-radius:21px;
}

.nms-specledger-request-main{
align-items:flex-start;
}

.nms-specledger-request-main h3{
font-size:22px;
}

.nms-specledger-request-actions{
flex-direction:column;
}

.nms-specledger-contact-link,
.nms-specledger-order-link{
width:100%;
justify-content:space-between;
}

}


@media(max-width:430px){

.nms-specledger-request-main{
flex-direction:column;
}

.nms-specledger-request-icon{
width:56px;
height:56px;
}

.nms-specledger-registry-head>span{
display:none;
}

}

@media(max-width:700px){
    .nms-contact-rail{
        display: none;
    }
    .nms-navbar-zone {
        top: 10px !important;   
    }
}

.nms-form-alert {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 18px;
    margin-bottom: 20px;
    border-radius: 10px;
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
}

.nms-form-alert i {
    font-size: 19px;
    flex-shrink: 0;
}

.nms-form-alert-success {
    color: #143A63;
    background: #EEF4F8;
    border: 1px solid #AFC9DE;
}

.nms-form-alert-success i {
    color: #1C4D7A;
}

.nms-form-alert-error {
    color: #9B2C2C;
    background: #FFF5F5;
    border: 1px solid #FED7D7;
}

.nms-form-alert-error i {
    color: #C53030;
}

/* =========================================================
   NORTHSTAR THANK YOU PAGE
========================================================= */

.nms-thankyou-section {
    position: relative;
    overflow: hidden;
    padding: 100px 24px;
    background:
        linear-gradient(
            180deg,
            #F9FBFD 0%,
            #EEF4F8 52%,
            #F9FBFD 100%
        );
    font-family: "DM Sans", sans-serif;
}

.nms-thankyou-wrap {
    position: relative;
    z-index: 2;
    width: min(1200px, 100%);
    margin: 0 auto;
}

.nms-thankyou-bg-shape {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.nms-thankyou-bg-shape-one {
    width: 520px;
    height: 520px;
    top: -220px;
    right: -180px;
    background: rgba(175, 201, 222, 0.22);
    filter: blur(5px);
}

.nms-thankyou-bg-shape-two {
    width: 380px;
    height: 380px;
    left: -180px;
    bottom: 120px;
    background: rgba(111, 156, 194, 0.1);
}


/* =========================================================
   SUCCESS HERO
========================================================= */

.nms-thankyou-hero {
    max-width: 900px;
    margin: 0 auto 80px;
    text-align: center;
    animation: nmsThankYouFadeUp 0.7s ease both;
}

.nms-thankyou-success-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 118px;
    height: 118px;
    margin: 0 auto 30px;
}

.nms-thankyou-success-ring {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(111, 156, 194, 0.35);
    animation: nmsThankYouPulse 2.8s ease-in-out infinite;
}

.nms-thankyou-success-ring-one {
    width: 118px;
    height: 118px;
}

.nms-thankyou-success-ring-two {
    width: 92px;
    height: 92px;
    animation-delay: 0.5s;
}

.nms-thankyou-success-core {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    color: #FFFFFF;
    background: #143A63;
    box-shadow: 0 20px 45px rgba(20, 58, 99, 0.24);
    font-size: 27px;
}

.nms-thankyou-kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    padding: 8px 15px;
    border-radius: 999px;
    background: #FFFFFF;
    border: 1px solid #E4EBF2;
    color: #143A63;
    font-size: 14px;
    font-weight: 700;
}

.nms-thankyou-hero h1 {
    max-width: 820px;
    margin: 0 auto;
    color: #1B2E44;
    font-family: "Manrope", sans-serif;
    font-size: clamp(40px, 5.2vw, 66px);
    font-weight: 750;
    line-height: 1.08;
    letter-spacing: -2px;
}

.nms-thankyou-hero h1 span {
    display: block;
    color: #143A63;
}

.nms-thankyou-intro {
    max-width: 760px;
    margin: 24px auto 0;
    color: #5F6F80;
    font-size: 18px;
    line-height: 1.8;
}

.nms-thankyou-reference {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 28px;
    padding: 12px 18px;
    border-radius: 12px;
    background: #FFFFFF;
    border: 1px solid #E4EBF2;
    box-shadow: 0 12px 35px rgba(20, 58, 99, 0.07);
    text-align: left;
}

.nms-thankyou-reference > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    color: #143A63;
    background: #D8E8F3;
    font-size: 17px;
}

.nms-thankyou-reference div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.nms-thankyou-reference small {
    color: #8B99A6;
    font-size: 13px;
}

.nms-thankyou-reference strong {
    color: #1B2E44;
    font-size: 15px;
}


/* =========================================================
   SECTION HEAD
========================================================= */

.nms-thankyou-section-head {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    align-items: end;
    gap: 40px;
    margin-bottom: 35px;
}

.nms-thankyou-section-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    color: #143A63;
    font-size: 14px;
    font-weight: 700;
}

.nms-thankyou-section-head h2 {
    margin: 0;
    color: #1B2E44;
    font-family: "Manrope", sans-serif;
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.15;
    letter-spacing: -1.3px;
}

.nms-thankyou-section-head h2 span {
    color: #143A63;
}

.nms-thankyou-section-head > p {
    margin: 0;
    color: #5F6F80;
    font-size: 17px;
    line-height: 1.75;
}


/* =========================================================
   STEPS
========================================================= */

.nms-thankyou-next {
    margin-bottom: 75px;
}

.nms-thankyou-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.nms-thankyou-step {
    position: relative;
    padding: 28px;
    border-radius: 18px;
    background: #FFFFFF;
    border: 1px solid #E4EBF2;
    box-shadow: 0 14px 40px rgba(20, 58, 99, 0.06);
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}

.nms-thankyou-step:hover {
    transform: translateY(-6px);
    border-color: #AFC9DE;
    box-shadow: 0 22px 55px rgba(20, 58, 99, 0.11);
}

.nms-thankyou-step-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.nms-thankyou-step-number {
    color: #AFC9DE;
    font-family: "Manrope", sans-serif;
    font-size: 15px;
    font-weight: 800;
}

.nms-thankyou-step-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 13px;
    color: #143A63;
    background: #EEF4F8;
    font-size: 19px;
}

.nms-thankyou-step > small {
    display: block;
    margin-bottom: 7px;
    color: #6F9CC2;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.7px;
}

.nms-thankyou-step h3 {
    margin: 0 0 12px;
    color: #1B2E44;
    font-family: "Manrope", sans-serif;
    font-size: 22px;
    line-height: 1.3;
}

.nms-thankyou-step p {
    margin: 0;
    color: #5F6F80;
    font-size: 15.5px;
    line-height: 1.75;
}


/* =========================================================
   SUPPORT
========================================================= */

.nms-thankyou-support {
    display: grid;
    grid-template-columns: 1fr 330px;
    gap: 0;
    margin-bottom: 32px;
    overflow: hidden;
    border-radius: 22px;
    background: #FFFFFF;
    border: 1px solid #E4EBF2;
    box-shadow: 0 20px 60px rgba(20, 58, 99, 0.08);
}

.nms-thankyou-support-content {
    display: flex;
    gap: 24px;
    padding: 42px;
}

.nms-thankyou-support-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    flex-shrink: 0;
    border-radius: 16px;
    color: #FFFFFF;
    background: #143A63;
    font-size: 23px;
}

.nms-thankyou-support-copy > small {
    color: #6F9CC2;
    font-size: 14px;
    font-weight: 700;
}

.nms-thankyou-support-copy h2 {
    margin: 7px 0 13px;
    color: #1B2E44;
    font-family: "Manrope", sans-serif;
    font-size: 31px;
    line-height: 1.2;
}

.nms-thankyou-support-copy h2 span {
    color: #143A63;
}

.nms-thankyou-support-copy > p {
    max-width: 650px;
    margin: 0;
    color: #5F6F80;
    font-size: 16px;
    line-height: 1.75;
}

.nms-thankyou-contact-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 25px;
}

.nms-thankyou-contact-item {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 12px 14px;
    border-radius: 11px;
    color: inherit;
    background: #F9FBFD;
    border: 1px solid #E4EBF2;
    text-decoration: none;
    transition: 0.3s ease;
}

.nms-thankyou-contact-item:hover {
    border-color: #AFC9DE;
    background: #EEF4F8;
}

.nms-thankyou-contact-item > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 9px;
    color: #143A63;
    background: #D8E8F3;
}

.nms-thankyou-contact-item div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.nms-thankyou-contact-item small {
    color: #8B99A6;
    font-size: 12px;
}

.nms-thankyou-contact-item strong {
    color: #1B2E44;
    font-size: 14px;
    font-weight: 700;
}

.nms-thankyou-support-side {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 35px;
    color: #FFFFFF;
    background:
        linear-gradient(
            145deg,
            #143A63,
            #1C4D7A
        );
}

.nms-thankyou-support-side-mark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 25px;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.12);
    font-size: 19px;
}

.nms-thankyou-support-side > small {
    color: #D8E8F3;
    font-size: 13px;
    font-weight: 700;
}

.nms-thankyou-support-side > strong {
    margin-top: 6px;
    font-family: "Manrope", sans-serif;
    font-size: 22px;
    line-height: 1.4;
}

.nms-thankyou-support-side p {
    margin: 17px 0 23px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    line-height: 1.7;
}

.nms-thankyou-support-side a {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 13px 15px;
    border-radius: 10px;
    color: #143A63;
    background: #FFFFFF;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    transition: 0.3s ease;
}

.nms-thankyou-support-side a:hover {
    transform: translateX(3px);
}


/* =========================================================
   BOTTOM ACTIONS
========================================================= */

.nms-thankyou-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    padding: 25px 27px;
    border-radius: 17px;
    background: #FFFFFF;
    border: 1px solid #E4EBF2;
}

.nms-thankyou-actions-copy {
    display: flex;
    align-items: center;
    gap: 14px;
}

.nms-thankyou-actions-copy > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 12px;
    color: #143A63;
    background: #EEF4F8;
}

.nms-thankyou-actions-copy div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.nms-thankyou-actions-copy small {
    color: #8B99A6;
    font-size: 13px;
}

.nms-thankyou-actions-copy strong {
    color: #1B2E44;
    font-size: 15px;
}

.nms-thankyou-actions-buttons {
    display: flex;
    gap: 10px;
}

.nms-thankyou-products-btn,
.nms-thankyou-home-btn {
    text-decoration: none;
}

.nms-thankyou-products-btn {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 12px 17px;
    border-radius: 11px;
    color: #FFFFFF;
    background: #143A63;
    transition: 0.3s ease;
}

.nms-thankyou-products-btn:hover {
    background: #1C4D7A;
    transform: translateY(-2px);
}

.nms-thankyou-products-btn span {
    display: flex;
    flex-direction: column;
}

.nms-thankyou-products-btn small {
    color: #D8E8F3;
    font-size: 11px;
}

.nms-thankyou-products-btn strong {
    font-size: 14px;
}

.nms-thankyou-home-btn {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 17px;
    border-radius: 11px;
    color: #143A63;
    background: #EEF4F8;
    font-size: 14px;
    font-weight: 700;
    transition: 0.3s ease;
}

.nms-thankyou-home-btn:hover {
    background: #D8E8F3;
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes nmsThankYouFadeUp {

    from {
        opacity: 0;
        transform: translateY(24px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}

@keyframes nmsThankYouPulse {

    0%,
    100% {
        opacity: 0.35;
        transform: scale(0.96);
    }

    50% {
        opacity: 0.8;
        transform: scale(1.05);
    }

}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1050px) {

    .nms-thankyou-support {
        grid-template-columns: 1fr;
    }

    .nms-thankyou-support-side {
        padding: 32px;
    }

}


@media (max-width: 900px) {

    .nms-thankyou-section {
        padding: 75px 20px;
    }

    .nms-thankyou-section-head {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .nms-thankyou-steps {
        grid-template-columns: 1fr;
    }

    .nms-thankyou-actions {
        align-items: flex-start;
        flex-direction: column;
    }

}


@media (max-width: 650px) {

    .nms-thankyou-section {
        padding: 60px 15px;
    }

    .nms-thankyou-hero {
        margin-bottom: 60px;
    }

    .nms-thankyou-hero h1 {
        font-size: 38px;
        letter-spacing: -1.2px;
    }

    .nms-thankyou-intro {
        font-size: 16px;
    }

    .nms-thankyou-support-content {
        flex-direction: column;
        padding: 27px 22px;
    }

    .nms-thankyou-support-copy h2 {
        font-size: 27px;
    }

    .nms-thankyou-contact-list {
        flex-direction: column;
    }

    .nms-thankyou-contact-item {
        width: 100%;
    }

    .nms-thankyou-contact-item strong {
        font-size: 13px;
        overflow-wrap: anywhere;
    }

    .nms-thankyou-actions-buttons {
        width: 100%;
        flex-direction: column;
    }

    .nms-thankyou-products-btn,
    .nms-thankyou-home-btn {
        width: 100%;
        justify-content: space-between;
    }

}

.nms-sitemap-section{
position:relative;
padding:150px 3% 110px;
background:var(--nms-bg);
overflow:hidden;
}

.nms-sitemap-bg{
position:absolute;
border-radius:50%;
pointer-events:none;
}

.nms-sitemap-bg-one{
width:550px;
height:550px;
right:-320px;
top:-300px;
border:1px solid var(--nms-border);
box-shadow:
0 0 0 60px rgba(175,201,222,.045),
0 0 0 120px rgba(175,201,222,.025);
}

.nms-sitemap-bg-two{
width:460px;
height:460px;
left:-280px;
bottom:-260px;
background:radial-gradient(
circle,
rgba(175,201,222,.25),
rgba(216,232,243,.08) 48%,
transparent 72%
);
}

.nms-sitemap-wrap{
position:relative;
z-index:2;
width:min(94%,1440px);
margin:auto;
}


/* HERO */

.nms-sitemap-hero{
position:relative;
min-height:340px;
padding:52px;
display:grid;
grid-template-columns:minmax(0,1fr) 240px;
align-items:center;
gap:60px;
border-radius:32px;
background:linear-gradient(
135deg,
var(--nms-primary),
var(--nms-primary-hover)
);
box-shadow:0 25px 65px rgba(20,58,99,.16);
overflow:hidden;
}

.nms-sitemap-hero:before{
content:'';
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
background-size:48px 48px;
}

.nms-sitemap-hero-content{
position:relative;
z-index:2;
}

.nms-sitemap-label{
width:max-content;
display:flex;
align-items:center;
gap:10px;
padding:7px 15px 7px 7px;
border:1px solid rgba(255,255,255,.15);
border-radius:50px;
background:rgba(255,255,255,.07);
font-size:14px;
font-weight:700;
letter-spacing:.6px;
text-transform:uppercase;
color:var(--nms-ice);
}

.nms-sitemap-label span{
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:50%;
background:rgba(255,255,255,.1);
color:var(--nms-white);
font-size:14px;
}

.nms-sitemap-hero h1{
margin-top:22px;
font-family:'Manrope',sans-serif;
font-size:clamp(48px,5.5vw,76px);
line-height:1.03;
letter-spacing:-3.5px;
color:var(--nms-white);
}

.nms-sitemap-hero h1 span{
color:var(--nms-accent);
}

.nms-sitemap-hero-content>p{
max-width:720px;
margin-top:17px;
font-size:17px;
line-height:1.75;
color:rgba(255,255,255,.72);
}

.nms-sitemap-meta{
margin-top:25px;
display:flex;
align-items:center;
flex-wrap:wrap;
gap:10px;
}

.nms-sitemap-meta>div{
min-height:58px;
padding:8px 15px 8px 8px;
display:flex;
align-items:center;
gap:11px;
border:1px solid rgba(255,255,255,.12);
border-radius:15px;
background:rgba(255,255,255,.06);
}

.nms-sitemap-meta>div>i{
width:42px;
height:42px;
display:grid;
place-items:center;
border-radius:12px;
background:rgba(255,255,255,.1);
color:var(--nms-accent);
font-size:14px;
}

.nms-sitemap-meta span{
display:flex;
flex-direction:column;
gap:3px;
}

.nms-sitemap-meta small{
font-size:13px;
color:rgba(255,255,255,.55);
}

.nms-sitemap-meta strong{
font-size:15px;
color:var(--nms-white);
}


/* HERO VISUAL */

.nms-sitemap-hero-visual{
position:relative;
z-index:2;
display:flex;
align-items:center;
justify-content:center;
}

.nms-sitemap-orbit{
position:relative;
width:210px;
height:210px;
display:grid;
place-items:center;
}

.nms-sitemap-orbit-ring{
position:absolute;
inset:0;
border:1px dashed rgba(255,255,255,.28);
border-radius:50%;
animation:nmsSitemapSpin 18s linear infinite;
}

.nms-sitemap-orbit-core{
width:92px;
height:92px;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.14);
border-radius:28px;
background:rgba(255,255,255,.09);
color:var(--nms-white);
font-size:31px;
animation:nmsSitemapFloat 4s ease-in-out infinite;
}

.nms-sitemap-orbit-node{
position:absolute;
width:42px;
height:42px;
display:grid;
place-items:center;
border-radius:13px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:13px;
box-shadow:0 10px 25px rgba(0,0,0,.12);
}

.nms-sitemap-node-one{
left:4px;
top:72px;
}

.nms-sitemap-node-two{
right:15px;
top:14px;
}

.nms-sitemap-node-three{
right:0;
bottom:27px;
}


/* DIRECTORY */

.nms-sitemap-directory{
margin-top:25px;
padding:26px;
border:1px solid var(--nms-border);
border-radius:28px;
background:var(--nms-white);
box-shadow:0 22px 60px rgba(20,58,99,.07);
}

.nms-sitemap-directory-head{
padding-bottom:22px;
display:flex;
align-items:center;
justify-content:space-between;
gap:25px;
border-bottom:1px solid var(--nms-border);
}

.nms-sitemap-directory-head>div{
display:flex;
align-items:center;
gap:14px;
}

.nms-sitemap-directory-icon{
width:56px;
height:56px;
display:grid;
place-items:center;
flex-shrink:0;
border-radius:17px;
background:var(--nms-primary);
color:var(--nms-white);
font-size:19px;
}

.nms-sitemap-directory-head>div>div{
display:flex;
flex-direction:column;
gap:4px;
}

.nms-sitemap-directory-head small{
font-size:13px;
font-weight:700;
letter-spacing:.6px;
text-transform:uppercase;
color:var(--nms-secondary);
}

.nms-sitemap-directory-head h2{
font-family:'Manrope',sans-serif;
font-size:27px;
letter-spacing:-.7px;
color:var(--nms-heading);
}

.nms-sitemap-count{
padding:10px 15px;
border-radius:50px;
background:var(--nms-alt);
font-size:14px;
font-weight:700;
color:var(--nms-primary);
}


/* PAGE LIST */

.nms-sitemap-list{
margin-top:18px;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:9px;
}

.nms-sitemap-page{
min-height:78px;
padding:10px 13px 10px 10px;
display:grid;
grid-template-columns:43px 48px minmax(0,1fr) 38px;
align-items:center;
gap:11px;
border:1px solid var(--nms-border);
border-radius:16px;
background:var(--nms-bg);
transition:
transform .35s ease,
border-color .35s ease,
background .35s ease,
box-shadow .35s ease;
}

.nms-sitemap-page:hover{
transform:translateY(-4px);
border-color:var(--nms-accent);
background:var(--nms-white);
box-shadow:0 14px 32px rgba(20,58,99,.06);
}

.nms-sitemap-page-number{
width:43px;
height:43px;
display:grid;
place-items:center;
border:1px solid var(--nms-border);
border-radius:12px;
background:var(--nms-white);
font-family:'Manrope',sans-serif;
font-size:13px;
font-weight:700;
color:var(--nms-primary);
transition:
background .35s ease,
color .35s ease;
}

.nms-sitemap-page:hover .nms-sitemap-page-number{
background:var(--nms-primary);
color:var(--nms-white);
}

.nms-sitemap-page-icon{
width:48px;
height:48px;
display:grid;
place-items:center;
border-radius:14px;
background:var(--nms-alt);
color:var(--nms-primary);
font-size:15px;
transition:
transform .4s ease,
background .35s ease,
color .35s ease;
}

.nms-sitemap-page:hover .nms-sitemap-page-icon{
transform:rotate(-6deg);
background:var(--nms-primary);
color:var(--nms-white);
}

.nms-sitemap-page-copy{
min-width:0;
display:flex;
flex-direction:column;
gap:4px;
}

.nms-sitemap-page-copy small{
font-size:13px;
font-weight:600;
color:var(--nms-muted);
}

.nms-sitemap-page-copy strong{
font-size:15px;
line-height:1.45;
font-weight:600;
color:var(--nms-heading);
}

.nms-sitemap-page>i{
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:11px;
background:var(--nms-white);
color:var(--nms-primary);
font-size:11px;
transition:
transform .35s ease,
background .35s ease,
color .35s ease;
}

.nms-sitemap-page:hover>i{
transform:translateX(4px);
background:var(--nms-primary);
color:var(--nms-white);
}


/* GENERATOR NOTE */

.nms-sitemap-generator-note{
margin-top:18px;
padding:16px;
display:flex;
align-items:flex-start;
justify-content:center;
gap:10px;
border-radius:15px;
background:var(--nms-alt);
text-align:center;
}

.nms-sitemap-generator-note>i{
margin-top:3px;
color:var(--nms-primary);
font-size:14px;
}

.nms-sitemap-generator-note p{
font-size:14px;
line-height:1.65;
color:var(--nms-body);
}

.nms-sitemap-generator-note a{
font-weight:700;
color:var(--nms-primary);
}


/* REVEAL */

.nms-sitemap-reveal{
opacity:0;
transform:translateY(35px);
transition:
opacity .85s ease,
transform .85s cubic-bezier(.22,1,.36,1);
}

.nms-sitemap-reveal.nms-sitemap-visible{
opacity:1;
transform:translateY(0);
}

.nms-sitemap-directory{
transition-delay:.12s;
}


/* ANIMATIONS */

@keyframes nmsSitemapSpin{
to{
transform:rotate(360deg);
}
}

@keyframes nmsSitemapFloat{
0%,100%{
transform:translateY(0) rotate(-4deg);
}

50%{
transform:translateY(-7px) rotate(4deg);
}
}


/* RESPONSIVE */

@media(max-width:1000px){

.nms-sitemap-hero{
grid-template-columns:1fr;
}

.nms-sitemap-hero-visual{
display:none;
}

.nms-sitemap-list{
grid-template-columns:1fr;
}

}


@media(max-width:700px){

.nms-sitemap-section{
padding:120px 15px 75px;
}

.nms-sitemap-wrap{
width:100%;
}

.nms-sitemap-hero{
min-height:auto;
padding:30px 22px;
border-radius:24px;
}

.nms-sitemap-hero h1{
font-size:clamp(42px,12vw,56px);
letter-spacing:-2.5px;
}

.nms-sitemap-hero-content>p{
font-size:16px;
}

.nms-sitemap-meta{
align-items:stretch;
flex-direction:column;
}

.nms-sitemap-meta>div{
width:100%;
}

.nms-sitemap-directory{
padding:18px;
border-radius:22px;
}

.nms-sitemap-directory-head{
align-items:flex-start;
flex-direction:column;
}

.nms-sitemap-directory-head h2{
font-size:23px;
}

.nms-sitemap-page{
grid-template-columns:42px minmax(0,1fr) 36px;
}

.nms-sitemap-page-icon{
display:none;
}

.nms-sitemap-page-copy strong{
font-size:14px;
}

}


@media(max-width:430px){

.nms-sitemap-hero{
padding:25px 18px;
}

.nms-sitemap-page{
grid-template-columns:1fr 35px;
padding:14px;
}

.nms-sitemap-page-number{
margin-bottom:3px;
}

.nms-sitemap-page-copy{
grid-column:1;
}

.nms-sitemap-page>i{
grid-column:2;
grid-row:1 / span 2;
}

.nms-sitemap-generator-note{
text-align:left;
}

}