/* Global Styles */

        * {

            margin: 0;

            padding: 0;

            box-sizing: border-box;

            font-family: 'Arial', sans-serif;

        }

        

        body {

            background-color: #fff;

            color: #333;

            line-height: 1.6;

        }

        

        .container {

            width: 90%;

            max-width: 1200px;

            margin: 0 auto;

            padding: 0 15px;

        }

        

        /* Header & Navigation */

        header {

            background-color: #1565c0;

            padding: 20px 0;

            box-shadow: 0 2px 5px rgba(0,0,0,0.1);

            position: sticky;

            top: 0;

            z-index: 100;

        }

        

        nav {

            display: flex;

            justify-content: space-between;

            align-items: center;

        }

        

        .logo {

            font-size: 24px;

            font-weight: bold;

            color: white;

        }

        

        .nav-links {

            display: flex;

            list-style: none;

        }

        

        .nav-links li {

            margin-left: 30px;

        }

        

        .nav-links a {

            text-decoration: none;

            color: white;

            font-weight: 500;

            transition: color 0.3s;

        }

        

        .nav-links a:hover {

            color: #bbdefb;

        }

        

        /* Hero Section */

        .hero {

            background: linear-gradient(135deg, #1565c0 0%, #64b5f6 100%);

            padding: 100px 0;

            text-align: center;

            color: white;

        }

        

        .hero h1 {

            font-size: 48px;

            margin-bottom: 20px;

        }

        

        .hero p {

            font-size: 20px;

            max-width: 800px;

            margin: 0 auto 30px;

        }

        

        .btn {

            display: inline-block;

            background-color: #bbdefb;

            color: #0d47a1;

            padding: 12px 30px;

            border-radius: 30px;

            text-decoration: none;

            font-weight: bold;

            transition: all 0.3s;

            border: none;

            cursor: pointer;

            font-size: 18px;

        }

        

        .btn:hover {

            background-color: #90caf9;

            transform: translateY(-3px);

            box-shadow: 0 5px 15px rgba(0,0,0,0.1);

        }

        

        .btn-dark {

            background-color: #0d47a1;

            color: white;

        }

        

        .btn-dark:hover {

            background-color: #1565c0;

        }

        

        /* Product Features */

        .features {

            padding: 80px 0;

        }

        

        .section-title {

            text-align: center;

            margin-bottom: 50px;

            color: #1565c0;

            font-size: 36px;

        }

        

        .feature-grid {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

            gap: 30px;

        }

        

        .feature-card {

            background-color: #fff;

            border-radius: 10px;

            padding: 30px;

            box-shadow: 0 5px 15px rgba(0,0,0,0.05);

            transition: transform 0.3s;

            border-top: 4px solid #64b5f6;

        }

        

        .feature-card:hover {

            transform: translateY(-10px);

        }

        

        .feature-card h3 {

            color: #1565c0;

            margin-bottom: 15px;

            font-size: 22px;

        }

        

        /* Technology Section */

        .technology {

            background-color: #e3f2fd;

            padding: 80px 0;

        }

        

        .tech-item {

            margin-bottom: 40px;

            background-color: white;

            padding: 30px;

            border-radius: 10px;

            box-shadow: 0 5px 15px rgba(0,0,0,0.05);

        }

        

        .tech-item h3 {

            color: #1565c0;

            margin-bottom: 20px;

        }

        

        /* Products Section */

        .products {

            padding: 80px 0;

        }

        

        .product-grid {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

            gap: 30px;

        }

        

        .product-card {

            background-color: white;

            border-radius: 10px;

            overflow: hidden;

            box-shadow: 0 5px 15px rgba(0,0,0,0.1);

            transition: transform 0.3s;

        }

        

        .product-card:hover {

            transform: translateY(-10px);

        }

        

        .product-img {

            height: 200px;

            background-color: #e3f2fd;

            display: flex;

            align-items: center;

            justify-content: center;

            color: #1565c0;

            font-weight: bold;

        }

        

        .product-info {

            padding: 20px;

        }

        

        .product-info h3 {

            color: #1565c0;

            margin-bottom: 10px;

        }

        

        .product-info .price {

            font-weight: bold;

            color: #0d47a1;

            margin: 10px 0;

        }

        

        /* Results Section */

        .results {

            padding: 80px 0;

            background-color: #1565c0;

            color: white;

        }

        

        .result-item {

            margin-bottom: 30px;

        }

        

        .result-item h3 {

            margin-bottom: 15px;

        }

        

        .result-bar {

            height: 30px;

            background-color: #e3f2fd;

            border-radius: 15px;

            margin-bottom: 10px;

            overflow: hidden;

        }

        

        .result-fill {

            height: 100%;

            background-color: #64b5f6;

            border-radius: 15px;

            display: flex;

            align-items: center;

            justify-content: flex-end;

            padding-right: 10px;

            color: #0d47a1;

            font-weight: bold;

        }

        

        /* Footer */

        footer {

            background-color: #0d47a1;

            color: white;

            padding: 40px 0;

            text-align: center;

        }

        

        .footer-links {

            display: flex;

            justify-content: center;

            list-style: none;

            margin-bottom: 20px;

        }

        

        .footer-links li {

            margin: 0 15px;

        }

        

        .footer-links a {

            color: white;

            text-decoration: none;

        }

        

        .copyright {

            font-size: 14px;

            opacity: 0.8;

        }

        

        /* WhatsApp Float */

        .whatsapp-float {

            position: fixed;

            bottom: 30px;

            right: 30px;

            background-color: #25D366;

            color: white;

            width: 60px;

            height: 60px;

            border-radius: 50%;

            text-align: center;

            font-size: 30px;

            box-shadow: 0 4px 10px rgba(0,0,0,0.2);

            z-index: 100;

            display: flex;

            align-items: center;

            justify-content: center;

            text-decoration: none;

            transition: all 0.3s;

        }

        

        .whatsapp-float:hover {

            background-color: #128C7E;

            transform: scale(1.1);

        }