body{
font-family:Arial;
margin:0;
background:#ffffff;
color:#222;
}

.container{
width:1200px;
margin:auto;
}

.header{
background:#000;
padding:15px 0;
}

.logo img{
height:40px;
}

.nav ul{
list-style:none;
display:flex;
gap:25px;
justify-content:flex-end;
}

.nav a{
color:#fff;
text-decoration:none;
}

.btn-primary{
background:#ff6600;
color:#fff;
padding:10px 18px;
border-radius:4px;
}

.hero{
background:#000;
color:#fff;
text-align:center;
padding:120px 20px;
}

.hero h1{
font-size:38px;
}

.products{
padding:80px 0;
text-align:center;
}

.product-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
margin-top:40px;
}

.product-card{
background:#fff;
border:1px solid #eee;
padding:25px;
border-radius:8px;
transition:0.3s;
}

.product-card:hover{
transform:translateY(-6px);
box-shadow:0 10px 25px rgba(0,0,0,0.1);
}

.product-card h3{
color:#ff6600;
}

.cta{
background:#ff6600;
color:#fff;
text-align:center;
padding:70px 20px;
}

.footer{
background:#000;
color:#fff;
text-align:center;
padding:30px 0;
}


/* ===== Global Styles ===== */
/** {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    box-sizing: border-box;*/
/*}*/

/*body {*/
/*    font-family: 'Inter', sans-serif;*/
/*    color: #1e293b;*/
/*    line-height: 1.6;*/
/*}*/

/*.container {*/
/*    width: 90%;*/
/*    max-width: 1200px;*/
/*    margin: 0 auto;*/
/*}*/

/* ===== Typography ===== */
/*h1, h2, h3, h4 {*/
/*    line-height: 1.2;*/
/*    margin-bottom: 1rem;*/
/*}*/

/*h1 { font-size: 3rem; }*/
/*h2 { font-size: 2.5rem; }*/
/*h3 { font-size: 1.5rem; }*/

/*p { margin-bottom: 1rem; color: #475569; }*/

/* ===== Buttons ===== */
/*.btn {*/
/*    display: inline-block;*/
/*    background: #38bdf8;*/
/*    color: #0f172a;*/
/*    padding: 0.8rem 1.8rem;*/
/*    border-radius: 5px;*/
/*    text-decoration: none;*/
/*    font-weight: 600;*/
/*    transition: 0.3s;*/
/*    border: none;*/
/*    cursor: pointer;*/
/*}*/
/*.btn:hover {*/
/*    background: #0284c7;*/
/*    color: white;*/
/*}*/
/*.btn-outline {*/
/*    background: transparent;*/
/*    border: 2px solid #38bdf8;*/
/*    color: #38bdf8;*/
/*}*/
/*.btn-outline:hover {*/
/*    background: #38bdf8;*/
/*    color: #0f172a;*/
/*}*/

/* ===== Header ===== */
/*header {*/
/*    background: #0f172a;*/
/*    color: white;*/
/*    padding: 1rem 0;*/
/*    position: sticky;*/
/*    top: 0;*/
/*    z-index: 100;*/
/*}*/
/*header .container {*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*}*/
/*.logo a {*/
/*    color: white;*/
/*    text-decoration: none;*/
/*    font-size: 1.8rem;*/
/*    font-weight: 700;*/
/*}*/
/*.logo span { color: #38bdf8; }*/
/*nav ul {*/
/*    display: flex;*/
/*    list-style: none;*/
/*    gap: 2rem;*/
/*}*/
/*nav a {*/
/*    color: white;*/
/*    text-decoration: none;*/
/*    font-weight: 500;*/
/*}*/
/*nav a:hover { color: #38bdf8; }*/

/* ===== Footer ===== */
/*footer {*/
/*    background: #0f172a;*/
/*    color: white;*/
/*    padding: 3rem 0;*/
/*    margin-top: 4rem;*/
/*}*/
/*.footer-grid {*/
/*    display: grid;*/
/*    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));*/
/*    gap: 2rem;*/
/*}*/
/*.footer-col h4 {*/
/*    margin-bottom: 1rem;*/
/*    color: #38bdf8;*/
/*}*/
/*.footer-col ul {*/
/*    list-style: none;*/
/*}*/
/*.footer-col ul li {*/
/*    margin-bottom: 0.5rem;*/
/*}*/
/*.footer-col a {*/
/*    color: #cbd5e1;*/
/*    text-decoration: none;*/
/*}*/
/*.footer-col a:hover { color: white; }*/
/*.copyright {*/
/*    text-align: center;*/
/*    margin-top: 3rem;*/
/*    padding-top: 2rem;*/
/*    border-top: 1px solid #334155;*/
/*    color: #94a3b8;*/
/*}*/

/* ===== Page Header ===== */
/*.page-header {*/
/*    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);*/
/*    color: white;*/
/*    padding: 4rem 0;*/
/*    text-align: center;*/
/*}*/
/*.page-header h1 {*/
/*    font-size: 3rem;*/
/*    margin-bottom: 1rem;*/
/*}*/
/*.page-header p {*/
/*    color: #cbd5e1;*/
/*    font-size: 1.2rem;*/
/*    max-width: 700px;*/
/*    margin: 0 auto;*/
/*}*/

/* ===== Content Sections ===== */
/*.section {*/
/*    padding: 4rem 0;*/
/*}*/
/*.section-title {*/
/*    text-align: center;*/
/*    margin-bottom: 3rem;*/
/*}*/
/*.section-title h2 {*/
/*    color: #0f172a;*/
/*}*/
/*.section-title p {*/
/*    color: #475569;*/
/*}*/

/* ===== Grids ===== */
/*.grid-2 {*/
/*    display: grid;*/
/*    grid-template-columns: repeat(2, 1fr);*/
/*    gap: 3rem;*/
/*    align-items: center;*/
/*}*/
/*.grid-3 {*/
/*    display: grid;*/
/*    grid-template-columns: repeat(3, 1fr);*/
/*    gap: 2rem;*/
/*}*/
/*@media (max-width: 768px) {*/
/*    .grid-2, .grid-3 {*/
/*        grid-template-columns: 1fr;*/
/*    }*/
/*}*/

/* ===== Cards ===== */
/*.card {*/
/*    background: white;*/
/*    border: 1px solid #e2e8f0;*/
/*    border-radius: 10px;*/
/*    padding: 2rem;*/
/*    transition: 0.3s;*/
/*}*/
/*.card:hover {*/
/*    box-shadow: 0 10px 25px rgba(0,0,0,0.1);*/
/*}*/
/*.card i {*/
/*    font-size: 3rem;*/
/*    color: #38bdf8;*/
/*    margin-bottom: 1rem;*/
/*}*/

/* ===== Product Detail Page ===== */
/*.product-detail .features {*/
/*    background: #f8fafc;*/
/*    padding: 4rem 0;*/
/*}*/
/*.feature-list {*/
/*    list-style: none;*/
/*}*/
/*.feature-list li {*/
/*    margin-bottom: 1rem;*/
/*    padding-left: 2rem;*/
/*    position: relative;*/
/*}*/
/*.feature-list li:before {*/
/*    content: "✓";*/
/*    color: #38bdf8;*/
/*    font-weight: bold;*/
/*    position: absolute;*/
/*    left: 0;*/
/*}*/
/*.benefits-grid {*/
/*    display: grid;*/
/*    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));*/
/*    gap: 2rem;*/
/*    margin-top: 2rem;*/
/*}*/
/*.benefit-item {*/
/*    text-align: center;*/
/*    padding: 1.5rem;*/
/*}*/
/*.benefit-item i {*/
/*    font-size: 2.5rem;*/
/*    color: #38bdf8;*/
/*    margin-bottom: 1rem;*/
/*}*/

/* ===== Contact Form ===== */
/*.contact-form {*/
/*    max-width: 600px;*/
/*    margin: 0 auto;*/
/*}*/
/*.form-group {*/
/*    margin-bottom: 1.5rem;*/
/*}*/
/*.form-group label {*/
/*    display: block;*/
/*    margin-bottom: 0.5rem;*/
/*    font-weight: 600;*/
/*}*/
/*.form-group input,*/
/*.form-group textarea {*/
/*    width: 100%;*/
/*    padding: 0.8rem;*/
/*    border: 1px solid #cbd5e1;*/
/*    border-radius: 5px;*/
/*    font-family: inherit;*/
/*}*/
/*.form-group input:focus,*/
/*.form-group textarea:focus {*/
/*    outline: none;*/
/*    border-color: #38bdf8;*/
/*}*/