 <style>
     * {
         margin: 0;
         padding: 0;
         box-sizing: border-box;
     }

     body {
         font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
         background: #0a1628;
         color: #ffffff;
         overflow-x: hidden;
     }

     .circuit-bg {
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: 
             linear-gradient(90deg, rgba(0, 123, 255, 0.03) 1px, transparent 1px),
             linear-gradient(rgba(0, 123, 255, 0.03) 1px, transparent 1px);
         background-size: 50px 50px;
         pointer-events: none;
         z-index: 0;
     }

     .glow-line {
         position: fixed;
         width: 2px;
         height: 100px;
         background: linear-gradient(to bottom, transparent, #00d4ff, transparent);
         animation: moveLine 8s infinite linear;
         pointer-events: none;
         z-index: 1;
     }

     @keyframes moveLine {
         0% { top: -100px; left: 20%; }
         100% { top: 100vh; left: 80%; }
     }

     .container {
         max-width: 1200px;
         margin: 0 auto;
         padding: 0 20px;
         position: relative;
         z-index: 2;
     }

     header {
         padding: 20px 0;
         position: relative;
         z-index: 10;
     }

     .logo-section {
         text-align: center;
         padding: 20px 0;
     }

     .hero {
         min-height: 100vh;
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         text-align: center;
         position: relative;
         padding: 40px 20px;
     }

     .hero-content {
         max-width: 800px;
     }

     .logo-display {
         width: 300px;
         height: auto;
         margin: 0 auto 30px;
         filter: drop-shadow(0 0 20px rgba(0, 212, 255, 0.3));
         animation: float 3s ease-in-out infinite;
     }

     @keyframes float {
         0%, 100% { transform: translateY(0); }
         50% { transform: translateY(-10px); }
     }

     h1 {
         font-size: 3.5em;
         font-weight: 700;
         margin-bottom: 20px;
         background: linear-gradient(135deg, #00d4ff, #00ff88);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
         background-clip: text;
     }

     .tagline {
         font-size: 1.8em;
         color: #7dd3fc;
         margin-bottom: 40px;
         font-weight: 300;
     }

     .cta-button {
         display: inline-block;
         padding: 18px 50px;
         background: linear-gradient(135deg, #ff4757, #ff6348);
         color: white;
         text-decoration: none;
         border-radius: 50px;
         font-size: 1.2em;
         font-weight: 600;
         transition: all 0.3s ease;
         box-shadow: 0 10px 30px rgba(255, 71, 87, 0.3);
         border: 2px solid transparent;
     }

     .cta-button:hover {
         transform: translateY(-3px);
         box-shadow: 0 15px 40px rgba(255, 71, 87, 0.5);
         border-color: #00d4ff;
     }

     section {
         padding: 100px 0;
         position: relative;
     }

     .section-title {
         font-size: 2.5em;
         margin-bottom: 50px;
         text-align: center;
         position: relative;
         padding-bottom: 20px;
     }

     .section-title::after {
         content: '';
         position: absolute;
         bottom: 0;
         left: 50%;
         transform: translateX(-50%);
         width: 100px;
         height: 3px;
         background: linear-gradient(90deg, #ff4757, #ffa502, #26de81);
     }

     .about-content {
         max-width: 900px;
         margin: 0 auto;
         line-height: 1.8;
         font-size: 1.1em;
         color: #cbd5e1;
     }

     .about-content p {
         margin-bottom: 25px;
     }

     .promise {
         background: linear-gradient(135deg, rgba(0, 212, 255, 0.1), rgba(38, 222, 129, 0.1));
         padding: 30px;
         border-radius: 15px;
         border-left: 4px solid #26de81;
         margin-top: 30px;
     }

     .products-grid {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
         gap: 30px;
         margin-top: 50px;
     }

     .product-card {
         background: linear-gradient(135deg, rgba(15, 32, 56, 0.8), rgba(20, 40, 70, 0.8));
         padding: 40px 30px;
         border-radius: 20px;
         border: 1px solid rgba(0, 212, 255, 0.2);
         transition: all 0.3s ease;
         position: relative;
         overflow: hidden;
     }

     .product-card::before {
         content: '';
         position: absolute;
         top: -50%;
         left: -50%;
         width: 200%;
         height: 200%;
         background: radial-gradient(circle, rgba(0, 212, 255, 0.1) 0%, transparent 70%);
         opacity: 0;
         transition: opacity 0.3s ease;
     }

     .product-card:hover::before {
         opacity: 1;
     }

     .product-card:hover {
         transform: translateY(-10px);
         border-color: #00d4ff;
         box-shadow: 0 20px 40px rgba(0, 212, 255, 0.2);
     }

     .product-icon {
         font-size: 3em;
         margin-bottom: 20px;
     }

     .product-card h3 {
         font-size: 1.5em;
         margin-bottom: 15px;
         color: #00d4ff;
     }

     .product-card p {
         color: #94a3b8;
         line-height: 1.6;
     }

     .market-content {
         max-width: 900px;
         margin: 0 auto;
         background: linear-gradient(135deg, rgba(255, 165, 2, 0.1), rgba(255, 107, 0, 0.1));
         padding: 40px;
         border-radius: 20px;
         border: 1px solid rgba(255, 165, 2, 0.3);
     }

     .market-content h3 {
         color: #ffa502;
         font-size: 1.8em;
         margin-bottom: 20px;
     }

     .market-content p {
         color: #cbd5e1;
         line-height: 1.8;
         font-size: 1.1em;
     }

     .traction-grid {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
         gap: 30px;
         margin-top: 50px;
     }

     .traction-card {
         background: linear-gradient(135deg, rgba(38, 222, 129, 0.1), rgba(0, 184, 148, 0.1));
         padding: 30px;
         border-radius: 15px;
         border: 1px solid rgba(38, 222, 129, 0.3);
         text-align: center;
     }

     .traction-card h3 {
         color: #26de81;
         font-size: 1.3em;
         margin-bottom: 15px;
     }

     .traction-card p {
         color: #cbd5e1;
         line-height: 1.6;
     }

     .strategy-section {
         background: linear-gradient(135deg, rgba(255, 71, 87, 0.05), rgba(255, 99, 72, 0.05));
         padding: 60px 40px;
         border-radius: 20px;
         margin-top: 50px;
     }

     .strategy-item {
         margin-bottom: 30px;
     }

     .strategy-item h3 {
         color: #ff4757;
         font-size: 1.8em;
         margin-bottom: 15px;
     }

     .strategy-item p {
         color: #cbd5e1;
         font-size: 1.2em;
         line-height: 1.6;
     }

     footer {
         background: rgba(10, 22, 40, 0.95);
         padding: 50px 0 30px;
         border-top: 1px solid rgba(0, 212, 255, 0.2);
         margin-top: 100px;
     }

     .footer-content {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
         gap: 40px;
         margin-bottom: 30px;
     }

     .footer-section h3 {
         color: #00d4ff;
         margin-bottom: 20px;
         font-size: 1.3em;
     }

     .footer-section p, .footer-section a {
         color: #94a3b8;
         line-height: 1.8;
         text-decoration: none;
         display: block;
         margin-bottom: 10px;
     }

     .footer-section a:hover {
         color: #00d4ff;
     }

     .copyright {
         text-align: center;
         padding-top: 30px;
         border-top: 1px solid rgba(255, 255, 255, 0.1);
         color: #64748b;
     }

     @media (max-width: 768px) {
         h1 {
             font-size: 2.5em;
         }

         .tagline {
             font-size: 1.3em;
         }

         .section-title {
             font-size: 2em;
         }

         .products-grid {
             grid-template-columns: 1fr;
         }
     }
 </style>