--primary:#FF6B35;   --primary-light:#FF8A5B;   --primary-dark:#E55A2B;   --secondary:#00E5FF;   --secondary-light:#33EAFF;   --secondary-dark:#00C9E6;   --accent:#FFFFFF;   --accent-hover:#F5F5F5;   /* Typography Colors - Updated with lighter grey */    --text-primary:#FFFFFF;   --text-secondary:#CCCCCC;   --text-light:#CCCCCC;   --text-dark:#333333;   /* Background Colors */    --bg-primary:#121212;   --bg-secondary:#1A1A1A;   --bg-light:#2A2A2A;   --bg-white:#FFFFFF;   /* Shadows */    --shadow-sm:0 2px 4px rgba(0,0,0,0.2);   --shadow-md:0 4px 12px rgba(0,0,0,0.3);   --shadow-lg:0 8px 24px rgba(0,0,0,0.4);   --shadow-xl:0 12px 48px rgba(0,0,0,0.5);   --shadow-glow:0 0 20px rgba(255,107,53,0.3);   /* Gradients */    --gradient-primary:linear-gradient(135deg,#FF6B35 0%,#00E5FF 100%);   --gradient-dark:linear-gradient(135deg,#121212 0%,#2A2A2A 100%);   --gradient-accent:linear-gradient(90deg,#FF6B35,#00E5FF);   /* Layout */    --border-radius:12px;   --transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);   /* Modern Typography System - Simplified to 3 styles */    --font-heading:'Reddit Sans',sans-serif;   --font-body:'Inter',sans-serif;   /* Font Sizes - Simplified System */    --font-display:clamp(1.75rem,4vw,2.5rem);   --font-body-size:1.125rem;   --font-ui-size:1rem;   /* Line Heights */    --line-height-tight:1.2;   --line-height-body:1.6;   --line-height-ui:1.4;   /* Font Weights */    --font-weight-regular:400;   --font-weight-medium:500;   --font-weight-semibold:600;}.display-text, h1, h2, h3, h4, h5, h6{   font-family: var(--font-heading);   font-size: var(--font-display);   font-weight: var(--font-weight-semibold);   line-height: var(--line-height-tight);   color: var(--text-primary);   margin-bottom: 1.5rem;   text-transform: uppercase;}.trust-banner{   background: var(--gradient-primary);   color: white;   text-align: center;   padding: 8px 20px;   font-size: var(--font-ui-size);   font-weight: var(--font-weight-medium);   position: relative;   z-index: 99;}.trust-banner span{   display: inline-block;   margin: 0 15px;}.social-icons{   display: flex;   gap: 15px;   align-items: center;   margin-right: 20px;}.mobile-menu-toggle{   display: none;   background: none;   border: none;   font-size: 1.5rem;   color: var(--text-dark);   cursor: pointer;   padding: 5px;}.mobile-menu{   display: none;   position: absolute;   top: 100%;   left: 0;   right: 0;   background: var(--bg-white);   box-shadow: var(--shadow-lg);   z-index: 1000;}.mobile-menu.active{   display: block;}.mobile-menu a{   display: block;   padding: 15px 20px;   color: var(--text-dark);   text-decoration: none;   font-weight: 500;   border-bottom: 1px solid rgba(0,0,0,0.1);   transition: var(--transition);}.mobile-menu a:hover{   background: var(--accent-hover);   color: var(--primary);}.social-icon{   color: white;   transition: var(--transition);   padding: 8px;   border-radius: 50%;   background: var(--gradient-primary);   display: flex;   align-items: center;   justify-content: center;}.social-icon:hover{   color: var(--primary);   background: var(--secondary);   transform: translateY(-2px);}.header-contact{   display: flex;   gap: 15px;   align-items: center;}.cta-button{   display: inline-block;   background: var(--accent);   color: var(--text-primary);   padding: 18px 35px;   border-radius: 50px;   text-decoration: none;   font-weight: var(--font-weight-semibold);   font-size: var(--font-body-size);   transition: var(--transition);   box-shadow: 0 8px 20px rgba(255, 217, 61, 0.4);   text-align: center;   position: relative;   overflow: hidden;}.cta-button:hover{   transform: translateY(-3px);   box-shadow: 0 12px 30px rgba(255, 217, 61, 0.6);   background: var(--accent-hover);}.cta-primary{   background: var(--primary);   color: white;   font-size: 1.2rem;   padding: 18px 40px;   font-weight: 800;   box-shadow: 0 8px 25px rgba(255, 107, 53, 0.5);}.cta-primary:hover{   background: var(--primary-dark);   transform: translateY(-3px);   box-shadow: 0 12px 35px rgba(255, 107, 53, 0.7);}.meet-ramin{   padding: 100px 20px;   background: var(--bg-primary);}.ramin-content{   display: flex;   flex-direction: column;   gap: 20px;   max-width: 800px;   margin: 0 auto;   align-items: center;   text-align: center;}.meet-ramin p{   margin-bottom: 0.75rem;}.ramin-image{   position: relative;   border-radius: 12px;   overflow: hidden;   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);   width: 300px;   flex-shrink: 0;}.ramin-image img{   width: 100%;   height: auto;   display: block;}.ramin-image::after{   display: inline-block;   content: '17+ Years of Excellence';   position: absolute;   bottom: var(--accent);   background: var(--primary);   color: white;   padding: 15px 30px;   border-radius: 50px;   font-weight: 700;   font-size: 0.85rem;   box-shadow: var(--shadow-lg);   white-space: nowrap;}.cta-section{   background: var(--gradient-primary);   color: white;   padding: 100px 20px;   position: relative;   overflow: hidden;}.cta-content{   max-width: 1200px;   margin: 0 auto;   display: grid;   grid-template-columns: 1fr;   gap: 60px;   align-items: center;   text-align: center;}.cta-section h2{   font-size: clamp(2rem, 5vw, 3.5rem);   font-weight: 700;   margin-bottom: 1rem;   line-height: 1.2;   text-shadow: 0 2px 4px rgba(0,0,0,0.3);   color: white;}.cta-subtitle{   font-size: 1.2rem;   margin-bottom: 2rem;   opacity: 0.9;   font-weight: 400;   color: white;}.benefit-item{   display: flex;   align-items: center;   margin-bottom: 1rem;   font-size: 1.1rem;   font-weight: 500;   color: white;}.cta-trust{   font-size: 1rem;   opacity: 0.8;   margin-top: 1rem;   color: white;}.cta-image{   position: relative;   display: flex;   justify-content: center;   align-items: center;   min-height: 200px;}.cta-badge{   background: linear-gradient(135deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.1));   backdrop-filter: blur(15px);   border: 2px solid rgba(255, 255, 255, 0.4);   border-radius: 25px;   padding: 25px 35px;   text-align: center;   box-shadow:         0 8px 32px rgba(0, 0, 0, 0.3),        0 0 0 1px rgba(255, 255, 255, 0.2) inset,        0 2px 4px rgba(255, 255, 255, 0.1) inset;   position: relative;   overflow: hidden;   transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);   transform: translateY(0);}.cta-badge::before{   content: '';   position: absolute;   top: -50%;   left: -50%;   width: 200%;   height: 200%;   background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);   transform: rotate(45deg);   animation: shimmer 3s infinite;}@keyframes shimmer{   0%{transform: translateX(-100%) translateY(-100%) rotate(45deg);}   50%{transform: translateX(0%) translateY(0%) rotate(45deg);}   100%{transform: translateX(100%) translateY(100%) rotate(45deg);}}.cta-badge:hover{   transform: translateY(-5px);   box-shadow:         0 12px 40px rgba(0, 0, 0, 0.4),        0 0 0 1px rgba(255, 255, 255, 0.3) inset,        0 2px 8px rgba(255, 255, 255, 0.2) inset;}.badge-text{   display: block;   font-size: 1.6rem;   font-weight: 800;   margin-bottom: 8px;   color: white;   text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);   letter-spacing: -0.5px;   position: relative;   z-index: 2;}.badge-subtext{   display: block;   font-size: 1.1rem;   font-weight: 600;   color: rgba(255, 255, 255, 0.9);   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);   position: relative;   z-index: 2;}.video-container{   position: relative;   width: 100%;   padding-bottom: 56.25%;/* 16:9 aspect ratio */    border-radius: var(--border-radius);   overflow: hidden;   margin-bottom: 20px;}.video-container iframe{   border-radius: var(--border-radius);}   height: 0;   border-radius: var(--border-radius);   overflow: hidden;   margin-bottom: 20px;}.video-wrapper iframe{   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   border-radius: var(--border-radius);}   .youtube-facade{       min-height: 44px;/* iOS minimum touch target */        -webkit-user-select: none;       user-select: none;  }   .video-play-overlay{       width: 80px;       height: 80px;       min-height: 44px;       min-width: 44px;       pointer-events: auto;       touch-action: manipulation;       -webkit-tap-highlight-color: transparent;       z-index: 10;  }   .play-button{       min-height: 44px;       min-width: 44px;       pointer-events: auto;       touch-action: manipulation;       -webkit-tap-highlight-color: transparent;  }   .gmb-buttons{       flex-direction: column;       gap: 10px;  }   .gmb-button,    .review-button{       min-width: auto;       width: 100%;  }   .ramin-image{       width: 250px;  }   .footer-columns{       grid-template-columns: 1fr;       gap: 30px;  }}@media (max-width: 640px){   .hero-content{       gap: 40px;  }   .header-content{       flex-direction: column;       gap: 15px;  }   .header-contact{       width: 100%;       justify-content: center;  }   .cta-button{       font-size: var(--font-ui-size);       padding: 15px 30px;  }}