@media (max-width: 1400px) {
.internal-nav {
display: none;
}
}

@media (max-width: 1200px) {
.hero-container {
grid-template-columns: 1fr;
gap: 50px;
text-align: center;
}

.hero-content {
order: 1;
}

.hero-visual {
order: 0;
}

.hero-buttons {
justify-content: center;
}

.hero-stats {
justify-content: center;
}

.features-grid {
grid-template-columns: repeat(2, 1fr);
}

.stats-grid {
grid-template-columns: repeat(2, 1fr);
}

.process-steps-flow {
grid-template-columns: repeat(2, 1fr);
gap: 50px;
}

.flow-line {
display: none;
}

.step-arrow {
display: none;
}
}

@media (max-width: 992px) {
.section {
padding: 90px 30px;
}

#what-is-vineh .intro-grid,
.tech-content {
grid-template-columns: 1fr;
gap: 50px;
}

.intro-visual {
order: -1;
}

.faq-grid {
grid-template-columns: 1fr;
}

.tech-diagram {
min-height: 380px;
padding: 50px;
}

.intro-icons-grid {
grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 768px) {
.hero {
padding: 80px 20px;
}

.hero-image {
height: 350px;
}

.hero-stats {
flex-wrap: wrap;
gap: 25px;
}

.hero-floating-card {
display: none;
}

.features-grid {
grid-template-columns: 1fr;
}

.use-cases-grid {
grid-template-columns: 1fr;
}

.stats-grid {
grid-template-columns: 1fr;
}

.stats-wrapper {
padding: 50px 30px;
border-radius: 30px;
}

.process-steps-flow {
grid-template-columns: 1fr;
gap: 40px;
}

.cta-features {
flex-direction: column;
gap: 15px;
}

.cta-wrapper {
padding: 50px 25px;
border-radius: 30px;
}

.btn {
padding: 16px 32px;
font-size: clamp(15px, 1.1vw, 17px);
}

.tech-orbit-2 {
display: none;
}

.tech-orbit-1 {
width: 220px;
height: 220px;
}

.tech-center {
width: 110px;
height: 110px;
}

.tech-center svg {
width: 50px;
height: 50px;
}

.intro-gallery {
grid-template-columns: repeat(2, 1fr);
}

.intro-gallery-item:last-child {
display: none;
}

.hero-title {
font-size: clamp(38px, 6vw, 58px);
}

.section-title {
font-size: clamp(28px, 5vw, 44px);
}
}

@media (max-width: 576px) {
.section {
padding: 70px 18px;
}

.hero {
padding: 70px 18px;
}

.hero-buttons {
flex-direction: column;
}

.btn {
width: 100%;
justify-content: center;
padding: 16px 28px;
}

.section-title {
font-size: clamp(26px, 5vw, 36px);
}

.section-desc {
font-size: clamp(16px, 1.3vw, 18px);
}

.feature-card {
padding: 30px 22px;
}

.use-case-content {
padding: 28px;
}

.use-case-stats {
flex-direction: column;
gap: 18px;
}

.cta-buttons {
flex-direction: column;
width: 100%;
}

.intro-icons-grid {
grid-template-columns: 1fr;
}

.step-circle {
width: 120px;
height: 120px;
}

.step-circle-inner svg {
width: 38px;
height: 38px;
}

.hero-stat-value {
font-size: clamp(28px, 3vw, 36px);
}

.stat-card-number {
font-size: clamp(38px, 4vw, 48px);
}

.hero-title {
font-size: clamp(32px, 6vw, 48px);
}

.intro-content h3 {
font-size: clamp(26px, 3vw, 34px);
}

.intro-content p {
font-size: clamp(16px, 1.2vw, 19px);
}

.intro-highlight p {
font-size: clamp(15px, 1.15vw, 18px);
}

.step-content-card h3 {
font-size: clamp(18px, 1.4vw, 22px);
}

.step-content-card p {
font-size: clamp(13px, 1vw, 15px);
}

.feature-title {
font-size: clamp(19px, 1.5vw, 24px);
}

.feature-desc {
font-size: clamp(14px, 1.1vw, 17px);
}

.use-case-title {
font-size: clamp(22px, 1.8vw, 28px);
}

.use-case-desc {
font-size: clamp(15px, 1.15vw, 18px);
}

.use-case-stat-value {
font-size: clamp(26px, 2.2vw, 32px);
}

.tech-info h3 {
font-size: clamp(28px, 3vw, 36px);
}

.tech-info > p {
font-size: clamp(16px, 1.2vw, 19px);
}

.tech-list-text h4 {
font-size: clamp(15px, 1.2vw, 17px);
}

.tech-list-text p {
font-size: clamp(13px, 1vw, 15px);
}

.faq-question h4 {
font-size: clamp(14px, 1.1vw, 16px);
}

.faq-answer-content {
font-size: clamp(14px, 1.05vw, 16px);
}

.cta-title {
font-size: clamp(28px, 4vw, 42px);
}

.cta-desc {
font-size: clamp(17px, 1.4vw, 21px);
}

.cta-feature {
font-size: clamp(14px, 1.05vw, 16px);
}

body {
font-size: clamp(14px, 1vw, 16px);
}

.hero-subtitle {
font-size: clamp(17px, 1.5vw, 21px);
}

.hero-badge {
font-size: clamp(12px, 0.9vw, 14px);
}

.hero-stat-label {
font-size: clamp(12px, 0.9vw, 14px);
}

.section-label {
font-size: clamp(11px, 0.85vw, 13px);
}

.intro-icon-item h4 {
font-size: clamp(14px, 1vw, 16px);
}

.intro-icon-item p {
font-size: clamp(12px, 0.9vw, 14px);
}

.feature-badge {
font-size: clamp(10px, 0.8vw, 12px);
}

.use-case-stat-label {
font-size: clamp(12px, 0.95vw, 14px);
}

.stat-card-label {
font-size: clamp(14px, 1.1vw, 16px);
}

.step-number-flow {
font-size: clamp(16px, 1.2vw, 18px);
}
}