@media(max-width:768px){
.hero-banner{
min-height:auto;
padding:40px 20px;
}

.hero-content h1{
font-size:2rem;
margin-bottom:20px;
}

.hero-subtitle{
font-size:1.1rem;
margin-bottom:30px;
}

.hero-features{
flex-direction:column;
gap:20px;
}

.hero-feature-item{
padding:20px;
}

.hero-feature-item strong{
font-size:1.5rem;
}

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

.btn-primary,.btn-secondary{
width:100%;
padding:16px 30px;
font-size:1.1rem;
}

.trust-badge{
margin-top:30px;
}

.menu-toggle{
display:block;
}

.nav-menu{
position:fixed;
top:70px;
left:-100%;
width:80%;
max-width:300px;
height:calc(100vh - 70px);
background:#fff;
flex-direction:column;
align-items:flex-start;
padding:30px;
box-shadow:5px 0 15px rgba(0,0,0,0.2);
transition:left 0.3s ease;
z-index:999;
overflow-y:auto;
}

.nav-menu.active{
left:0;
}

.nav-menu li{
width:100%;
margin-bottom:15px;
}

.nav-menu a{
display:block;
padding:10px 0;
}

.tel-link{
margin-top:10px;
text-align:center;
}

.anchor-nav{
top:60px;
}

.anchor-nav .container{
gap:10px;
}

.anchor-nav a{
padding:6px 12px;
font-size:0.9rem;
}

section{
padding:50px 0;
}

h2{
font-size:1.8rem;
margin-bottom:15px;
}

h3{
font-size:1.3rem;
}

h4{
font-size:1.1rem;
}

.section-intro{
font-size:1rem;
margin-bottom:30px;
}

.pain-grid{
grid-template-columns:1fr;
gap:20px;
}

.pain-item{
padding:20px;
}

.pain-icon img{
width:60px;
height:60px;
}

.solution-grid{
gap:25px;
}

.solution-item{
flex-direction:column;
padding:25px;
gap:20px;
}

.solution-number{
font-size:2.5rem;
min-width:auto;
}

.solution-content img{
max-width:100%;
}

.features-tabs{
gap:10px;
}

.tab-btn{
padding:10px 20px;
font-size:0.95rem;
}

.feature-list{
grid-template-columns:1fr;
gap:20px;
}

.feature-card{
padding:20px;
}

.image-types-grid{
grid-template-columns:repeat(2,1fr);
gap:15px;
}

.type-item{
padding:15px;
}

.report-features{
grid-template-columns:1fr;
gap:20px;
}

.demo-container{
grid-template-columns:1fr;
gap:30px;
}

.steps-list li{
padding-left:45px;
}

.steps-list li::before{
width:30px;
height:30px;
font-size:0.9rem;
}

.upload-requirements{
padding:20px;
}

.comparison-table-wrapper{
border-radius:8px;
}

.comparison-table th,.comparison-table td{
padding:12px 8px;
font-size:0.85rem;
}

.pricing-cards{
grid-template-columns:1fr;
gap:25px;
}

.pricing-card{
padding:25px;
}

.pricing-card.featured{
transform:scale(1);
}

.amount{
font-size:2.5rem;
}

.pricing-info{
padding:20px;
}

.logos-grid{
gap:20px;
}

.logos-grid img{
width:100px;
}

.scenarios-grid{
grid-template-columns:1fr;
gap:25px;
}

.faq-categories{
gap:10px;
}

.faq-cat-btn{
padding:10px 20px;
font-size:0.9rem;
}

.faq-question{
padding:15px 20px;
font-size:1.1rem;
}

.faq-answer{
padding:0 20px;
}

.faq-item.active .faq-answer{
padding:0 20px 15px;
}

.more-questions{
padding:20px;
}

.reviews-grid{
grid-template-columns:1fr;
gap:20px;
}

.review-card{
padding:20px;
}

.review-stats{
gap:40px;
}

.stat-item strong{
font-size:2rem;
}

.tips-grid{
grid-template-columns:1fr;
gap:20px;
}

.cta-final{
padding:50px 20px;
}

.cta-final h2{
font-size:1.8rem;
}

.cta-final p{
font-size:1rem;
}

.footer-content{
grid-template-columns:1fr;
gap:30px;
}

.footer-certifications{
gap:20px;
}

.footer-certifications img{
width:60px;
height:60px;
}

.back-to-top{
width:45px;
height:45px;
bottom:20px;
right:20px;
font-size:1.2rem;
}
}

@media(max-width:480px){
.hero-content h1{
font-size:1.6rem;
}

.hero-subtitle{
font-size:1rem;
}

.hero-feature-item strong{
font-size:1.3rem;
}

.btn-primary,.btn-secondary{
font-size:1rem;
padding:14px 25px;
}

h2{
font-size:1.5rem;
}

.section-intro{
font-size:0.95rem;
}

.image-types-grid{
grid-template-columns:1fr;
}

.comparison-table th,.comparison-table td{
padding:10px 6px;
font-size:0.8rem;
}

.amount{
font-size:2rem;
}

.review-stats{
gap:30px;
}

.stat-item strong{
font-size:1.8rem;
}
}

.main-header{
transition:transform 0.3s ease;
}

.main-header.hidden{
transform:translateY(-100%);
}

@media(hover:none){
.pain-item:hover,.feature-card:hover,.scenario-card:hover,.review-card:hover,.tip-card:hover{
transform:none;
}

.btn-primary:hover,.btn-secondary:hover,.btn-demo:hover,.pricing-btn:hover{
transform:none;
}
}