.pmsb-page { --navy-950: #0a0f1a; --navy-900: #0a1628; --gold-500: #f0c96a; --gold-600: #c4913a; --sand-50: #f5f3ee; --text: #ffffff; --muted: rgba(255, 255, 255, 0.62); background: var(--navy-950); color: var(--text); } /* Hide global site shell for this dedicated landing page. Header is injected before in base template, so avoid body-scoped selectors. */ #header, #newHeader, #landingFooter, #footerStickyBox { display: none !important; } /* Override global heading styles within this page only */ .pmsb-page h1, .pmsb-page h2, .pmsb-page h3, .pmsb-page h4, .pmsb-page h5, .pmsb-page h6 { color: var(--text) !important; } .pmsb-container { width: min(1200px, 92vw); margin: 0 auto; } .pmsb-nav { position: sticky; top: 0; z-index: 40; background: rgba(10, 22, 40, 0.9); border-bottom: 1px solid rgba(255, 255, 255, 0.07); backdrop-filter: blur(8px); } .pmsb-nav-row { min-height: 78px; display: flex; align-items: center; justify-content: space-between; } .pmsb-logo { height: 40px; width: auto; } .pmsb-nav-links { display: flex; align-items: center; gap: 24px; } .pmsb-nav-links a { color: rgba(255, 255, 255, 0.72); text-decoration: none; font-size: 14px; font-weight: 600; } .pmsb-nav-links a:hover { color: var(--gold-500); } .pmsb-btn { border: 0; border-radius: 999px; padding: 12px 22px; font-weight: 800; cursor: pointer; transition: transform 0.15s ease, filter 0.15s ease; } .pmsb-btn:hover { transform: translateY(-1px); filter: brightness(1.06); } .pmsb-btn-gold { background: var(--gold-500); color: var(--navy-950); } .pmsb-nav-cta { white-space: nowrap; line-height: 1.1; display: inline-flex; align-items: center; justify-content: center; } .pmsb-nav-cta-mobile { display: none !important; } .pmsb-nav-cta-desktop { display: inline !important; } .pmsb-btn-full { width: 100%; border-radius: 12px; } .pmsb-hero { padding: 56px 0 84px; border-bottom: 1px solid rgba(255, 255, 255, 0.06); background: radial-gradient(circle at top center, rgba(240, 201, 106, 0.08), transparent 60%); } .pmsb-hero-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 44px; align-items: start; } .pmsb-pill { display: inline-block; padding: 7px 12px; border-radius: 999px; border: 1px solid rgba(240, 201, 106, 0.35); background: rgba(240, 201, 106, 0.08); color: var(--gold-500); font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } .pmsb-hero-left h1 { margin: 18px 0 20px; font-size: clamp(36px, 5vw, 66px); line-height: 1.08; font-weight: 900; } .pmsb-hero-left h1 em { color: var(--gold-500); font-style: italic; font-family: Georgia, "Times New Roman", serif; } .pmsb-hero-left p { color: var(--muted); font-size: 20px; line-height: 1.55; max-width: 40ch; } .pmsb-metrics { margin: 32px 0 26px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .pmsb-metrics div { border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 16px; background: rgba(255, 255, 255, 0.03); padding: 14px; } .pmsb-metrics strong { display: block; color: var(--gold-500); font-size: 31px; line-height: 1.05; } .pmsb-metrics span { color: rgba(255, 255, 255, 0.42); text-transform: uppercase; font-size: 11px; letter-spacing: 0.08em; font-weight: 700; } .pmsb-checks { display: flex; flex-wrap: wrap; gap: 20px; color: rgba(255, 255, 255, 0.65); font-size: 14px; } .pmsb-checks span::before { content: "✓"; color: var(--gold-500); margin-right: 8px; font-weight: 900; } .pmsb-form-card { background: var(--navy-900); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 30px; padding: 30px; } .pmsb-form-card h3 { margin: 0 0 6px; font-size: 30px; font-weight: 800; } .pmsb-form-card p { margin: 0 0 16px; color: rgba(255, 255, 255, 0.55); } .pmsb-form-card form { display: grid; gap: 10px; } .pmsb-form-card input { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: #fff; border-radius: 12px; padding: 13px 14px; } .pmsb-form-card ul { list-style: none; margin: 16px 0 0; padding: 14px 0 0; border-top: 1px solid rgba(255, 255, 255, 0.07); } .pmsb-form-card li { font-size: 12px; font-weight: 800; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; letter-spacing: 0.07em; margin: 8px 0; } .pmsb-form-card li::before { content: "✓"; color: var(--gold-500); margin-right: 8px; } .pmsb-section { padding: 88px 0; } .pmsb-center-head { text-align: center; margin-bottom: 40px; } .pmsb-center-head h2 { margin: 0 0 8px; font-size: clamp(34px, 4vw, 54px); font-weight: 900; } .pmsb-center-head span { color: var(--gold-500); } .pmsb-center-head p { max-width: 720px; margin: 0 auto; color: rgba(255, 255, 255, 0.55); } .pmsb-performance-card { background: var(--navy-900); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 34px; padding: 28px; } .pmsb-performance-grid { display: grid; grid-template-columns: 1.5fr 0.7fr; gap: 24px; align-items: stretch; } .pmsb-performance-grid img { width: 100%; border-radius: 18px; } .pmsb-caption { text-align: center; color: rgba(255, 255, 255, 0.25); font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; margin-top: 12px; } .pmsb-stats { display: grid; gap: 14px; } .pmsb-stats div { background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 15px; padding: 14px; } .pmsb-stats small { display: block; text-transform: uppercase; color: rgba(255, 255, 255, 0.45); font-size: 11px; letter-spacing: 0.07em; } .pmsb-stats strong { display: block; color: var(--gold-500); font-size: 36px; line-height: 1.1; font-weight: 900; } .pmsb-stats .pmsb-muted { color: rgba(255, 255, 255, 0.58); font-size: 30px; } .pmsb-stats span { color: rgba(255, 255, 255, 0.35); font-size: 11px; } .pmsb-video { padding: 88px 0; background: var(--navy-900); border-top: 1px solid rgba(255, 255, 255, 0.06); border-bottom: 1px solid rgba(255, 255, 255, 0.06); } .pmsb-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; align-items: center; } .pmsb-two-col h2 { margin: 0 0 12px; font-size: clamp(32px, 3vw, 46px); font-weight: 900; } .pmsb-two-col p { color: var(--muted); margin: 0 0 16px; line-height: 1.6; } .pmsb-two-col a { color: var(--gold-500); font-weight: 800; text-decoration: none; } .pmsb-video-thumb img { border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.1); width: 100%; } .pmsb-light { background: var(--sand-50); color: #0a1628; padding: 88px 0; } .pmsb-white { background: #fff; } .pmsb-dark-head p { color: rgba(10, 22, 40, 0.62); } .pmsb-dark-head h2 { color: #0a1628; } .pmsb-light h1, .pmsb-light h2, .pmsb-light h3, .pmsb-light h4, .pmsb-light h5, .pmsb-light h6 { color: #0a1628 !important; } .pmsb-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .pmsb-card-grid article { background: #fff; border: 1px solid rgba(10, 22, 40, 0.08); border-radius: 24px; padding: 28px; box-shadow: 0 8px 22px rgba(10, 22, 40, 0.05); } .pmsb-card-grid h3 { margin: 0 0 8px; font-size: 26px; color: var(--gold-600); } .pmsb-card-grid p { margin: 0; color: rgba(10, 22, 40, 0.7); } .pmsb-testimonials { background: var(--navy-900); } .pmsb-testimonial-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-bottom: 34px; } .pmsb-testimonial-grid article { background: var(--navy-950); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 22px; padding: 24px; } .pmsb-testimonial-grid p { color: rgba(255, 255, 255, 0.72); font-style: italic; } .pmsb-testimonial-grid h4 { margin: 10px 0 2px; } .pmsb-testimonial-grid span { color: rgba(255, 255, 255, 0.35); text-transform: uppercase; letter-spacing: 0.07em; font-size: 11px; } .pmsb-framework { background: var(--navy-950); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 30px; padding: 28px; } .pmsb-framework h3 { margin: 0 0 8px; font-size: 34px; } .pmsb-framework > p { color: rgba(255, 255, 255, 0.55); } .pmsb-framework-grid { margin-top: 20px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; } .pmsb-framework-grid h4 { margin: 0 0 4px; } .pmsb-framework-grid p { margin: 0; color: rgba(255, 255, 255, 0.42); font-size: 14px; } .pmsb-team h2 span { color: var(--gold-500); } .pmsb-team-photo img { width: 100%; border-radius: 24px; border: 1px solid rgba(255, 255, 255, 0.1); } .pmsb-mini-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 16px 0; } .pmsb-mini-grid div { background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 12px; padding: 12px; } .pmsb-mini-grid h4 { margin: 0 0 2px; color: var(--gold-500); } .pmsb-mini-grid span { color: rgba(255, 255, 255, 0.45); font-size: 12px; } .pmsb-footer { padding: 50px 0 24px; border-top: 1px solid rgba(255, 255, 255, 0.06); } .pmsb-sebi { display: flex; justify-content: space-between; gap: 20px; align-items: center; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 20px; padding: 18px; margin-bottom: 24px; } .pmsb-sebi h5 { margin: 0 0 4px; } .pmsb-sebi p { margin: 0; color: rgba(255, 255, 255, 0.5); font-size: 13px; } .pmsb-sebi a { border: 1px solid rgba(255, 255, 255, 0.15); padding: 10px 14px; border-radius: 999px; text-decoration: none; color: #fff; font-size: 12px; font-weight: 700; } .pmsb-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 20px; margin-bottom: 20px; } .pmsb-footer-grid p { color: rgba(255, 255, 255, 0.45); } .pmsb-footer-grid h5 { color: var(--gold-500); margin: 0 0 8px; } .pmsb-footer-grid a { display: block; color: rgba(255, 255, 255, 0.72); text-decoration: none; margin-bottom: 4px; } .pmsb-socials { display: flex; gap: 8px; } .pmsb-socials a { width: 34px; height: 34px; border-radius: 999px; display: grid; place-items: center; background: rgba(255, 255, 255, 0.08); color: #fff; font-size: 12px; font-weight: 700; } .pmsb-disclaimer { border-top: 1px solid rgba(255, 255, 255, 0.07); margin-top: 18px; padding-top: 14px; color: rgba(255, 255, 255, 0.28); font-size: 11px; line-height: 1.5; } .pmsb-copyright { text-align: center; color: rgba(255, 255, 255, 0.2); font-size: 11px; } @media (max-width: 1024px) { .pmsb-hero-grid, .pmsb-two-col, .pmsb-performance-grid { grid-template-columns: 1fr; } .pmsb-framework-grid, .pmsb-testimonial-grid, .pmsb-card-grid, .pmsb-footer-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 768px) { .pmsb-nav-row { min-height: 66px; } .pmsb-logo { height: 34px; } .pmsb-nav-links { gap: 10px; } .pmsb-nav-links a { display: none; } .pmsb-nav-cta { border-radius: 12px; min-height: 40px; padding: 8px 12px; font-size: 13px; font-weight: 800; max-width: 116px; text-align: center; } .pmsb-nav-cta-desktop { display: none !important; } .pmsb-nav-cta-mobile { display: inline !important; } .pmsb-metrics, .pmsb-framework-grid, .pmsb-testimonial-grid, .pmsb-card-grid, .pmsb-mini-grid, .pmsb-footer-grid { grid-template-columns: 1fr; } .pmsb-sebi { flex-direction: column; align-items: flex-start; } .pmsb-hero-left p { font-size: 17px; } }