.ngis-product-page { color: #071b33; background: #f7f9fb; }
.ngis-product-hero { position: relative; overflow: hidden; padding: calc(var(--ngis-nav-height) + 2rem) 0 5.5rem; color: #fff; background: radial-gradient(circle at 84% 25%, rgba(213,174,99,.23), transparent 21rem), linear-gradient(125deg, #071b33 0%, #123f70 100%); }
.ngis-product-hero::after { position: absolute; right: -8rem; bottom: -12rem; width: 28rem; height: 28rem; border: 1px solid rgba(213,174,99,.22); border-radius: 50%; content: ''; }
.ngis-product-breadcrumb { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: .65rem; margin-bottom: 4.5rem; color: rgba(255,255,255,.62); font-size: .78rem; }
.ngis-product-breadcrumb a { color: #fff; text-decoration: none; }
.ngis-product-breadcrumb a:hover { color: #d5ae63; }
.ngis-product-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr); gap: 4rem; align-items: center; }
.ngis-product-hero .eyebrow, .ngis-product-sidebar .eyebrow, .ngis-product-article .eyebrow { color: #d5ae63; }
.ngis-product-hero h1 { max-width: 760px; margin: .8rem 0 1.4rem; font: 700 clamp(2.5rem, 6vw, 5.4rem)/1.02 Georgia, serif; letter-spacing: -.03em; }
.ngis-product-summary { max-width: 620px; color: rgba(255,255,255,.78); font-size: 1.12rem; line-height: 1.8; }
.ngis-product-hero-cta, .ngis-product-end-cta a { display: inline-flex; align-items: center; gap: .8rem; margin-top: 1.5rem; padding: .9rem 1.25rem; color: #071b33; border-radius: 999px; background: #d5ae63; font-weight: 700; text-decoration: none; transition: transform .2s ease, background .2s ease; }
.ngis-product-hero-cta:hover, .ngis-product-end-cta a:hover { color: #071b33; background: #e9c985; transform: translateY(-2px); }
.ngis-product-hero-image { overflow: hidden; border: 1px solid rgba(255,255,255,.2); border-radius: 1.5rem; box-shadow: 0 1.5rem 3rem rgba(0,0,0,.2); }
.ngis-product-hero-image img { display: block; width: 100%; max-height: 380px; object-fit: cover; }
.ngis-product-hero-symbol { display: grid; place-items: center; min-height: 280px; border: 1px solid rgba(213,174,99,.4); border-radius: 1.5rem; background: rgba(255,255,255,.06); box-shadow: 0 1.5rem 3rem rgba(0,0,0,.18); }
.ngis-product-hero-symbol i { color: #d5ae63; font-size: 5rem; }
.ngis-product-hero-symbol span { margin-top: -4rem; color: rgba(255,255,255,.7); font-size: .7rem; letter-spacing: .25em; }
.ngis-product-content { padding: 5rem 0 6rem; }
.ngis-product-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: clamp(2rem, 6vw, 6rem); align-items: start; }
.ngis-product-sidebar { position: sticky; top: 7rem; }
.ngis-product-sidebar-card { padding: 1.5rem; border: 1px solid rgba(18,63,112,.12); border-radius: 1rem; background: #fff; box-shadow: 0 1rem 2.5rem rgba(7,27,51,.06); }
.ngis-product-sidebar h2 { margin: .4rem 0 1.3rem; font: 700 1.75rem/1.1 Georgia, serif; }
.ngis-product-sidebar nav { display: grid; gap: .25rem; }
.ngis-product-sidebar nav a { display: grid; grid-template-columns: 1.3rem 1fr 1rem; gap: .65rem; align-items: center; padding: .75rem .6rem; color: #5f6b7a; border-radius: .65rem; font-size: .83rem; text-decoration: none; transition: .2s ease; }
.ngis-product-sidebar nav a i:first-child { color: #d5ae63; }
.ngis-product-sidebar nav a i:last-child { opacity: 0; transition: .2s ease; }
.ngis-product-sidebar nav a:hover, .ngis-product-sidebar nav a.active { color: #fff; background: #123f70; }
.ngis-product-sidebar nav a:hover i:first-child, .ngis-product-sidebar nav a.active i:first-child { color: #d5ae63; }
.ngis-product-sidebar nav a:hover i:last-child, .ngis-product-sidebar nav a.active i:last-child { opacity: 1; }
.ngis-product-sidebar-note { margin-top: 1rem; padding: 1.5rem; color: rgba(255,255,255,.72); border-radius: 1rem; background: #071b33; }
.ngis-product-sidebar-note > i { color: #d5ae63; font-size: 1.3rem; }
.ngis-product-sidebar-note strong { display: block; margin-top: 1rem; color: #fff; }
.ngis-product-sidebar-note p { font-size: .85rem; line-height: 1.6; }
.ngis-product-sidebar-note a { color: #d5ae63; font-size: .82rem; font-weight: 700; text-decoration: none; }
.ngis-product-article { min-width: 0; padding: clamp(1.5rem, 4vw, 3.5rem); border: 1px solid rgba(18,63,112,.1); border-radius: 1.5rem; background: #fff; box-shadow: 0 1.25rem 3rem rgba(7,27,51,.06); }
.ngis-product-article-heading { display: flex; gap: 1rem; align-items: center; padding-bottom: 2rem; border-bottom: 1px solid #e8edf2; }
.ngis-product-icon { display: grid; flex: 0 0 3.5rem; width: 3.5rem; height: 3.5rem; place-items: center; color: #071b33; border-radius: 1rem; background: #d5ae63; font-size: 1.3rem; }
.ngis-product-article-heading h2 { margin: .35rem 0 0; font: 700 clamp(1.8rem, 4vw, 3rem)/1.1 Georgia, serif; }
.ngis-rich-content { padding-top: 2rem; color: #5f6b7a; font-size: 1.02rem; line-height: 1.85; }
.ngis-rich-content h1, .ngis-rich-content h2, .ngis-rich-content h3, .ngis-rich-content h4 { color: #071b33; line-height: 1.2; }
.ngis-rich-content h3 { margin-top: 2.25rem; font-size: 1.35rem; }
.ngis-rich-content ul, .ngis-rich-content ol { padding-left: 1.3rem; }
.ngis-rich-content li { margin: .55rem 0; }
.ngis-rich-content a { color: #123f70; font-weight: 700; }
.ngis-product-end-cta { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; margin-top: 3rem; padding: 1.5rem; border-radius: 1rem; background: #f1f5f8; }
.ngis-product-end-cta h3 { margin: .35rem 0 0; font: 700 1.35rem Georgia, serif; }
.ngis-product-end-cta a { flex: 0 0 auto; margin-top: 0; }
@media (max-width: 767.98px) { .ngis-product-hero { padding-bottom: 3.5rem; } .ngis-product-breadcrumb { margin-bottom: 3rem; } .ngis-product-hero-grid { grid-template-columns: 1fr; gap: 2rem; } .ngis-product-hero-symbol { min-height: 180px; } .ngis-product-layout { grid-template-columns: 1fr; } .ngis-product-sidebar { position: static; } .ngis-product-sidebar-note { display: none; } .ngis-product-content { padding: 3rem 0 4rem; } .ngis-product-end-cta { align-items: flex-start; flex-direction: column; } .ngis-product-end-cta a { width: 100%; justify-content: center; } }