@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700;800;900&display=swap');
 
 *, *::before, *::after {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
 }
 
 html {
   scroll-behavior: smooth;
 }
 
 body {
   font-family: 'Inter', sans-serif;
   background-color: #0a0e1a;
   color: #e8eaf6;
   overflow-x: hidden;
 }
 
 /* ===== HERO SECTION ===== */
 .msn-hero {
   position: relative;
   min-height: 100vh;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 120px 24px 80px;
   background: linear-gradient(135deg, #0a0e1a 0%, #0d1b35 50%, #0a1628 100%);
   overflow: hidden;
 }
 
 .msn-hero__bg-glow {
   position: absolute;
   top: -200px;
   left: 50%;
   transform: translateX(-50%);
   width: 900px;
   height: 700px;
   background: radial-gradient(ellipse at center, rgba(0, 120, 212, 0.18) 0%, rgba(0, 80, 180, 0.08) 50%, transparent 75%);
   pointer-events: none;
   z-index: 0;
 }
 
 .msn-hero__bg-glow2 {
   position: absolute;
   bottom: -100px;
   right: -150px;
   width: 600px;
   height: 600px;
   background: radial-gradient(ellipse at center, rgba(0, 188, 212, 0.1) 0%, transparent 70%);
   pointer-events: none;
   z-index: 0;
 }
 
 .msn-hero__particles {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   pointer-events: none;
   z-index: 0;
 }
 
 .msn-hero__content {
   position: relative;
   z-index: 2;
   max-width: 900px;
   text-align: center;
 }
 
 .msn-hero__badge {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   background: rgba(0, 120, 212, 0.15);
   border: 1px solid rgba(0, 120, 212, 0.4);
   border-radius: 50px;
   padding: 8px 20px;
   margin-bottom: 28px;
   font-family: 'Inter', sans-serif;
   font-size: 13px;
   font-weight: 600;
   color: #4fc3f7;
   letter-spacing: 0.5px;
   text-transform: uppercase;
 }
 
 .msn-hero__badge-dot {
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: #0078d4;
   animation: msn-pulse 2s ease-in-out infinite;
 }
 
 @keyframes msn-pulse {
   0%, 100% { opacity: 1; transform: scale(1); }
   50% { opacity: 0.5; transform: scale(1.3); }
 }
 
 .msn-hero__headline {
   font-family: 'Poppins', sans-serif;
   font-size: clamp(32px, 5vw, 58px);
   font-weight: 800;
   line-height: 1.15;
   color: #ffffff;
   margin-bottom: 16px;
   letter-spacing: -1px;
 }
 
 .msn-hero__headline span {
   background: linear-gradient(90deg, #0078d4, #00bcd4, #4fc3f7);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
 }
 
 .msn-hero__subheadline {
   font-family: 'Poppins', sans-serif;
   font-size: clamp(16px, 2vw, 22px);
   font-weight: 500;
   color: #90caf9;
   margin-bottom: 28px;
   letter-spacing: 0.3px;
 }
 
 .msn-hero__body {
   font-family: 'Inter', sans-serif;
   font-size: clamp(15px, 1.5vw, 17px);
   line-height: 1.85;
   color: #b0bec5;
   max-width: 760px;
   margin: 0 auto 40px;
 }
 
 .msn-hero__cta-group {
   display: flex;
   gap: 16px;
   justify-content: center;
   flex-wrap: wrap;
 }
 
 .msn-btn-primary {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   background: linear-gradient(135deg, #0078d4, #005a9e);
   color: #ffffff;
   font-family: 'Poppins', sans-serif;
   font-size: 15px;
   font-weight: 600;
   padding: 14px 32px;
   border-radius: 50px;
   border: none;
   cursor: pointer;
   text-decoration: none;
   transition: all 0.3s ease;
   box-shadow: 0 4px 20px rgba(0, 120, 212, 0.4);
 }
 
 .msn-btn-primary:hover {
   background: linear-gradient(135deg, #106ebe, #004578);
   transform: translateY(-2px);
   box-shadow: 0 8px 30px rgba(0, 120, 212, 0.6);
 }
 
 .msn-btn-secondary {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   background: transparent;
   color: #4fc3f7;
   font-family: 'Poppins', sans-serif;
   font-size: 15px;
   font-weight: 600;
   padding: 14px 32px;
   border-radius: 50px;
   border: 2px solid rgba(79, 195, 247, 0.5);
   cursor: pointer;
   text-decoration: none;
   transition: all 0.3s ease;
 }
 
 .msn-btn-secondary:hover {
   background: rgba(79, 195, 247, 0.1);
   border-color: #4fc3f7;
   transform: translateY(-2px);
 }
 
 /* ===== TRAFFIC OPPORTUNITY SECTION ===== */
 .msn-traffic {
   padding: 100px 24px;
   background: linear-gradient(180deg, #0a0e1a 0%, #0b1220 100%);
   position: relative;
 }
 
 .msn-traffic__inner {
   max-width: 1200px;
   margin: 0 auto;
 }
 
 .msn-section-label {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   font-family: 'Inter', sans-serif;
   font-size: 12px;
   font-weight: 700;
   color: #0078d4;
   letter-spacing: 2px;
   text-transform: uppercase;
   margin-bottom: 16px;
 }
 
 .msn-section-label::before {
   content: '';
   display: block;
   width: 24px;
   height: 2px;
   background: #0078d4;
 }
 
 .msn-traffic__headline {
   font-family: 'Poppins', sans-serif;
   font-size: clamp(28px, 3.5vw, 44px);
   font-weight: 700;
   color: #ffffff;
   margin-bottom: 20px;
   line-height: 1.2;
   max-width: 700px;
 }
 
 .msn-traffic__headline span {
   color: #4fc3f7;
 }
 
 .msn-traffic__body {
   font-family: 'Inter', sans-serif;
   font-size: 16px;
   line-height: 1.8;
   color: #b0bec5;
   max-width: 680px;
   margin-bottom: 60px;
 }
 
 .msn-traffic__grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
   gap: 24px;
 }
 
 .msn-platform-card {
   background: linear-gradient(145deg, rgba(255,255,255,0.04), rgba(255,255,255,0.01));
   border: 1px solid rgba(255,255,255,0.08);
   border-radius: 20px;
   padding: 32px 24px;
   text-align: center;
   transition: all 0.3s ease;
   position: relative;
   overflow: hidden;
 }
 
 .msn-platform-card::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   height: 2px;
   background: linear-gradient(90deg, transparent, #0078d4, transparent);
   opacity: 0;
   transition: opacity 0.3s ease;
 }
 
 .msn-platform-card:hover {
   border-color: rgba(0, 120, 212, 0.4);
   transform: translateY(-6px);
   box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
   background: linear-gradient(145deg, rgba(0, 120, 212, 0.08), rgba(0, 80, 180, 0.04));
 }
 
 .msn-platform-card:hover::before {
   opacity: 1;
 }
 
 .msn-platform-card__icon {
   width: 56px;
   height: 56px;
   border-radius: 16px;
   background: linear-gradient(135deg, rgba(0, 120, 212, 0.2), rgba(0, 188, 212, 0.1));
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto 16px;
   font-size: 24px;
 }
 
 .msn-platform-card__name {
   font-family: 'Poppins', sans-serif;
   font-size: 16px;
   font-weight: 600;
   color: #e8eaf6;
   margin-bottom: 8px;
 }
 
 .msn-platform-card__desc {
   font-family: 'Inter', sans-serif;
   font-size: 13px;
   color: #78909c;
   line-height: 1.5;
 }
 
 /* ===== INFOGRAPHIC SECTION ===== */
 .msn-infographic {
   padding: 100px 24px;
   background: linear-gradient(180deg, #0b1220 0%, #0d1530 50%, #0a0e1a 100%);
   position: relative;
 }
 
 .msn-infographic__inner {
   max-width: 1100px;
   margin: 0 auto;
   text-align: center;
 }
 
 .msn-infographic__headline {
   font-family: 'Poppins', sans-serif;
   font-size: clamp(26px, 3vw, 40px);
   font-weight: 700;
   color: #ffffff;
   margin-bottom: 16px;
 }
 
 .msn-infographic__subtitle {
   font-family: 'Inter', sans-serif;
   font-size: 16px;
   color: #78909c;
   margin-bottom: 70px;
 }
 
 .msn-flow-wrapper {
   display: flex;
   align-items: stretch;
   justify-content: center;
   gap: 0;
   flex-wrap: nowrap;
   position: relative;
 }
 
 .msn-flow-item {
   flex: 1;
   min-width: 0;
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
 }
 
 .msn-flow-card {
   background: linear-gradient(145deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));
   border: 1px solid rgba(0, 120, 212, 0.25);
   border-radius: 20px;
   padding: 36px 24px;
   width: 100%;
   transition: all 0.3s ease;
   position: relative;
   overflow: hidden;
 }
 
 .msn-flow-card::after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
   width: 60%;
   height: 2px;
   background: linear-gradient(90deg, transparent, #0078d4, transparent);
 }
 
 .msn-flow-card:hover {
   transform: translateY(-8px);
   border-color: rgba(0, 120, 212, 0.6);
   box-shadow: 0 24px 50px rgba(0, 0, 0, 0.4), 0 0 30px rgba(0, 120, 212, 0.15);
   background: linear-gradient(145deg, rgba(0, 120, 212, 0.1), rgba(0, 80, 180, 0.05));
 }
 
 .msn-flow-card__number {
   width: 48px;
   height: 48px;
   border-radius: 50%;
   background: linear-gradient(135deg, #0078d4, #005a9e);
   display: flex;
   align-items: center;
   justify-content: center;
   font-family: 'Poppins', sans-serif;
   font-size: 18px;
   font-weight: 700;
   color: #ffffff;
   margin: 0 auto 20px;
   box-shadow: 0 4px 15px rgba(0, 120, 212, 0.4);
 }
 
 .msn-flow-card__platform {
   font-family: 'Poppins', sans-serif;
   font-size: 17px;
   font-weight: 700;
   color: #ffffff;
   margin-bottom: 12px;
 }
 
 .msn-flow-card__stat {
   font-family: 'Poppins', sans-serif;
   font-size: clamp(15px, 1.5vw, 22px);
   font-weight: 800;
   background: linear-gradient(90deg, #0078d4, #00bcd4);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   line-height: 1.2;
   margin-bottom: 8px;
   min-height: 28px;
 }
 
 .msn-flow-arrow {
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0 8px;
   flex-shrink: 0;
   color: #0078d4;
   font-size: 22px;
   margin-top: -30px;
 }
 
 .msn-flow-total {
   margin-top: 50px;
   background: linear-gradient(135deg, #0078d4, #005a9e);
   border-radius: 20px;
   padding: 40px 60px;
   display: inline-flex;
   flex-direction: column;
   align-items: center;
   gap: 8px;
   box-shadow: 0 20px 60px rgba(0, 120, 212, 0.4);
   position: relative;
   overflow: hidden;
 }
 
 .msn-flow-total::before {
   content: '';
   position: absolute;
   top: -50%;
   left: -50%;
   width: 200%;
   height: 200%;
   background: radial-gradient(ellipse at center, rgba(255,255,255,0.08) 0%, transparent 60%);
   pointer-events: none;
 }
 
 .msn-flow-total__label {
   font-family: 'Inter', sans-serif;
   font-size: 14px;
   font-weight: 500;
   color: rgba(255,255,255,0.8);
   letter-spacing: 1px;
   text-transform: uppercase;
 }
 
 .msn-flow-total__number {
   font-family: 'Poppins', sans-serif;
   font-size: clamp(28px, 4vw, 48px);
   font-weight: 900;
   color: #ffffff;
   line-height: 1;
 }
 
 .msn-flow-total__sub {
   font-family: 'Inter', sans-serif;
   font-size: 14px;
   color: rgba(255,255,255,0.7);
 }
 
 /* ===== WHY THIS OPPORTUNITY SECTION ===== */
 .msn-why {
   padding: 100px 24px;
   background: linear-gradient(180deg, #0a0e1a 0%, #0b1220 100%);
   position: relative;
 }
 
 .msn-why__inner {
   max-width: 1200px;
   margin: 0 auto;
 }
 
 .msn-why__header {
   text-align: center;
   margin-bottom: 70px;
 }
 
 .msn-why__headline {
   font-family: 'Poppins', sans-serif;
   font-size: clamp(28px, 3.5vw, 44px);
   font-weight: 700;
   color: #ffffff;
   margin-bottom: 20px;
   line-height: 1.2;
 }
 
 .msn-why__headline span {
   background: linear-gradient(90deg, #0078d4, #4fc3f7);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
 }
 
 .msn-why__intro {
   font-family: 'Inter', sans-serif;
   font-size: 16px;
   line-height: 1.8;
   color: #b0bec5;
   max-width: 700px;
   margin: 0 auto;
 }
 
 .msn-why__grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
   gap: 32px;
 }
 
 .msn-reason-card {
   background: linear-gradient(145deg, rgba(255,255,255,0.04), rgba(255,255,255,0.01));
   border: 1px solid rgba(255,255,255,0.07);
   border-radius: 24px;
   padding: 40px 32px;
   transition: all 0.3s ease;
   position: relative;
   overflow: hidden;
 }
 
 .msn-reason-card__accent {
   position: absolute;
   top: 0;
   left: 0;
   width: 4px;
   height: 100%;
   background: linear-gradient(180deg, #0078d4, #00bcd4);
   border-radius: 4px 0 0 4px;
 }
 
 .msn-reason-card:hover {
   border-color: rgba(0, 120, 212, 0.35);
   transform: translateY(-6px);
   box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35);
   background: linear-gradient(145deg, rgba(0, 120, 212, 0.07), rgba(255,255,255,0.02));
 }
 
 .msn-reason-card__icon-wrap {
   width: 60px;
   height: 60px;
   border-radius: 18px;
   background: linear-gradient(135deg, rgba(0, 120, 212, 0.2), rgba(0, 188, 212, 0.1));
   border: 1px solid rgba(0, 120, 212, 0.25);
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 26px;
   margin-bottom: 24px;
 }
 
 .msn-reason-card__title {
   font-family: 'Poppins', sans-serif;
   font-size: 19px;
   font-weight: 700;
   color: #ffffff;
   margin-bottom: 14px;
   line-height: 1.3;
 }
 
 .msn-reason-card__text {
   font-family: 'Inter', sans-serif;
   font-size: 14px;
   line-height: 1.8;
   color: #90a4ae;
 }
 
 .msn-why__cta-wrap {
   text-align: center;
   margin-top: 60px;
 }
 
 .msn-why__cta-text {
   font-family: 'Inter', sans-serif;
   font-size: 18px;
   color: #b0bec5;
   margin-bottom: 28px;
 }
 
 .msn-why__cta-text strong {
   color: #4fc3f7;
 }
 
 /* ===== STATS BAR ===== */
 .msn-stats-bar {
   background: linear-gradient(135deg, #0078d4 0%, #005a9e 100%);
   padding: 48px 24px;
   position: relative;
   overflow: hidden;
 }
 
 .msn-stats-bar::before {
   content: '';
   position: absolute;
   top: -60%;
   left: -10%;
   width: 50%;
   height: 220%;
   background: rgba(255,255,255,0.04);
   transform: rotate(-15deg);
 }
 
 .msn-stats-bar__inner {
   max-width: 1100px;
   margin: 0 auto;
   display: flex;
   justify-content: space-around;
   align-items: center;
   flex-wrap: wrap;
   gap: 32px;
   position: relative;
   z-index: 1;
 }
 
 .msn-stat-item {
   text-align: center;
 }
 
 .msn-stat-item__number {
   font-family: 'Poppins', sans-serif;
   font-size: clamp(28px, 3vw, 42px);
   font-weight: 900;
   color: #ffffff;
   line-height: 1;
   margin-bottom: 6px;
 }
 
 .msn-stat-item__label {
   font-family: 'Inter', sans-serif;
   font-size: 13px;
   color: rgba(255,255,255,0.8);
   letter-spacing: 0.5px;
 }
 
 /* ===== COUNTER ANIMATION ===== */
 .msn-count-up {
   display: inline-block;
 }
 
 /* ===== RESPONSIVE ===== */
 @media (max-width: 768px) {
   .msn-flow-wrapper {
     flex-direction: column;
     align-items: stretch;
     gap: 16px;
   }
   .msn-flow-arrow {
     transform: rotate(90deg);
     margin: -8px auto;
     padding: 4px 0;
   }
   .msn-flow-item {
     width: 100%;
   }
   .msn-flow-total {
     padding: 32px 32px;
     width: 100%;
   }
   .msn-hero {
     padding: 100px 20px 60px;
   }
   .msn-traffic__grid {
     grid-template-columns: repeat(2, 1fr);
   }
   .msn-why__grid {
     grid-template-columns: 1fr;
   }
   .msn-stats-bar__inner {
     gap: 24px;
   }
 }
 
 @media (max-width: 480px) {
   .msn-traffic__grid {
     grid-template-columns: 1fr;
   }
   .msn-cta-group {
     flex-direction: column;
     align-items: center;
   }
 }
 
 /* ===== DIVIDER ===== */
 .msn-section-divider {
   width: 80px;
   height: 4px;
   background: linear-gradient(90deg, #0078d4, #00bcd4);
   border-radius: 2px;
   margin: 0 auto 24px;
 }
 
 /* ===== Animated background particles canvas ===== */
 #msn-canvas {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   pointer-events: none;
   z-index: 0;
 }  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');#footer{background:#0d1b2a;color:#ffffff;font-family:'Poppins',sans-serif;padding:60px 0 0 0;width:100%;box-sizing:border-box;}#footer *{box-sizing:border-box;}#footer .footer-container{max-width:1200px;margin:0 auto;padding:0 24px;}#footer .footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px;}#footer .footer-brand{}#footer .footer-logo{font-size:1.4rem;font-weight:700;color:#ffffff;letter-spacing:-0.5px;margin-bottom:12px;display:block;}#footer .footer-logo span{color:#4f9cf9;}#footer .footer-tagline{font-size:0.875rem;color:#a0aec0;line-height:1.7;margin:0 0 24px 0;max-width:260px;}#footer .footer-social{display:flex;gap:12px;margin-top:8px;}#footer .footer-social a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,0.08);color:#ffffff;text-decoration:none;transition:background 0.3s ease,transform 0.2s ease;font-size:0.85rem;}#footer .footer-social a:hover{background:#4f9cf9;transform:translateY(-2px);}#footer .footer-col-title{font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:#4f9cf9;margin-bottom:20px;}#footer .footer-links{list-style:none;margin:0;padding:0;}#footer .footer-links li{margin-bottom:10px;}#footer .footer-links a{color:#a0aec0;text-decoration:none;font-size:0.875rem;font-weight:400;transition:color 0.25s ease,padding-left 0.25s ease;display:inline-block;}#footer .footer-links a:hover{color:#ffffff;padding-left:6px;}#footer .footer-divider{border:none;border-top:1px solid rgba(255,255,255,0.08);margin:0;}#footer .footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;max-width:1200px;margin:0 auto;flex-wrap:wrap;gap:12px;}#footer .footer-copy{font-size:0.8rem;color:#718096;margin:0;}#footer .footer-copy a{color:#4f9cf9;text-decoration:none;}#footer .footer-copy a:hover{text-decoration:underline;}#footer .footer-legal{display:flex;gap:20px;flex-wrap:wrap;}#footer .footer-legal a{font-size:0.8rem;color:#718096;text-decoration:none;transition:color 0.25s ease;}#footer .footer-legal a:hover{color:#ffffff;}@media(max-width:900px){#footer .footer-top{grid-template-columns:1fr 1fr;gap:32px;}}@media(max-width:580px){#footer .footer-top{grid-template-columns:1fr;gap:28px;}#footer .footer-bottom{flex-direction:column;align-items:flex-start;text-align:left;}#footer .footer-legal{gap:14px;}}