* { margin: 0; padding: 0; box-sizing: border-box; }

.lab-art {
background-color: #0A0A0A;
color: #F5F0E8;
font-family: -apple-system, BlinkMacSystemFont, „Inter“, sans-serif;
line-height: 1.6;
min-height: 100vh;
padding: 0;
}

.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

.hero-section {
padding: 60px 0;
text-align: center;
}

.eyebrow {
color: #D4A843;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 20px;
}

.hero-title {
font-size: 3.5rem;
font-weight: 700;
line-height: 1.1;
margin-bottom: 30px;
background: linear-gradient(135deg, #F5F0E8 0%, #D4A843 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

.hero-perex {
font-size: 1.25rem;
color: rgba(245,240,232,0.85);
max-width: 800px;
margin: 0 auto 50px;
}

.hero-image {
width: 100%;
max-height: 560px;
object-fit: cover;
border-radius: 14px;
box-shadow: 0 20px 40px rgba(0,0,0,0.3);
}

.separator {
height: 1px;
background: linear-gradient(90deg, transparent, #D4A843, transparent);
margin: 80px 0;
}

.content-section {
margin-bottom: 80px;
}

.section-title {
font-size: 2.5rem;
font-weight: 700;
color: #F5F0E8;
margin-bottom: 30px;
position: relative;
}

.section-title::after {
content: “;
position: absolute;
bottom: -10px;
left: 0;
width: 60px;
height: 3px;
background: #D4A843;
border-radius: 2px;
}

.content-text {
font-size: 1.1rem;
line-height: 1.8;
margin-bottom: 25px;
color: #F5F0E8;
}

.content-text.muted {
color: rgba(245,240,232,0.75);
}

.feature-card {
background: #111;
border: 0.5px solid rgba(255,255,255,0.08);
border-radius: 14px;
padding: 30px;
margin: 30px 0;
}

.feature-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 25px;
margin: 40px 0;
}

.feature-item {
background: #111;
border: 0.5px solid rgba(255,255,255,0.08);
border-radius: 14px;
padding: 25px;
}

.feature-icon {
color: #D4A843;
font-size: 1.5rem;
margin-bottom: 15px;
}

.feature-title {
color: #D4A843;
font-weight: 600;
margin-bottom: 10px;
}

.content-image {
width: 100%;
max-height: 560px;
object-fit: cover;
border-radius: 14px;
margin: 40px 0;
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.two-column {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
margin: 50px 0;
}

.video-section {
margin: 80px 0;
text-align: center;
}

.video-wrapper {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 20px 40px rgba(0,0,0,0.3);
}

.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}

.cta-section {
background: linear-gradient(135deg, #D4A843 0%, #B8941C 100%);
color: #0A0A0A;
padding: 80px 40px;
border-radius: 14px;
text-align: center;
margin-top: 80px;
}

.cta-title {
font-size: 2.8rem;
font-weight: 700;
margin-bottom: 20px;
}

.cta-text {
font-size: 1.2rem;
margin-bottom: 40px;
opacity: 0.9;
}

.cta-button {
display: inline-block;
background: #0A0A0A;
color: #D4A843;
padding: 18px 40px;
border-radius: 8px;
font-weight: 700;
font-size: 1.1rem;
text-decoration: none;
transition: all 0.3s ease;
border: 2px solid #0A0A0A;
}

.cta-button:hover {
background: transparent;
color: #0A0A0A;
transform: translateY(-2px);
}

.price-tag {
background: #D4A843;
color: #0A0A0A;
padding: 8px 16px;
border-radius: 20px;
font-weight: 700;
display: inline-block;
margin: 10px 0;
}

@media (max-width: 768px) {
.hero-title { font-size: 2.5rem; }
.section-title { font-size: 2rem; }
.two-column { grid-template-columns: 1fr; gap: 30px; }
.cta-title { font-size: 2.2rem; }
.container { padding: 0 15px; }
}