/* 全局样式重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #fff;
}

/* 容器样式 */
.wwcontainer {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 头部导航 */
.wwnavigationbarcontainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

.wwlogocontainer {
    font-size: 1.5rem;
    font-weight: 700;
    color: #007bff;
}

.wwlogotext {
    display: inline-block;
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, #007bff, #0056b3);
    color: #fff;
    border-radius: 5px;
}

.wwnavigationmenu {
    flex: 1;
    text-align: center;
}

.wwnavitemlist {
    display: flex;
    justify-content: center;
    list-style: none;
}

.wwnavitem {
    margin: 0 1rem;
}

.wwnavlink {
    text-decoration: none;
    color: #333;
    font-weight: 500;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.wwnavlink:hover {
    color: #007bff;
    background-color: rgba(0, 123, 255, 0.1);
}

.wwheadercta {
    margin-left: 1rem;
}

/* 按钮样式 */
.downlbtnvmmn {
    display: inline-block;
    padding: 0.8rem 1.5rem;
    background: linear-gradient(135deg, #007bff, #0056b3);
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 600;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.downlbtnvmmn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 123, 255, 0.3);
}

.wwsecondarybtn {
    display: inline-block;
    padding: 0.8rem 1.5rem;
    background-color: transparent;
    color: #007bff;
    text-decoration: none;
    border: 2px solid #007bff;
    border-radius: 5px;
    font-weight: 600;
    transition: all 0.3s ease;
    margin-left: 1rem;
}

.wwsecondarybtn:hover {
    background-color: #007bff;
    color: #fff;
}

/* 首屏板块 */
.wwherosectioncontainer {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 8rem 2rem 4rem;
    background-color: #f8f9fa;
    background-image: linear-gradient(135deg, rgba(0, 123, 255, 0.05) 0%, rgba(0, 123, 255, 0.1) 100%);
}

.wwherocontent {
    max-width: 800px;
}

.wwherotitle {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: #2c3e50;
    line-height: 1.2;
}

.wwherodescription {
    font-size: 1.2rem;
    color: #6c757d;
    margin-bottom: 2rem;
}

.wwherobuttons {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

/* 核心优势板块 */
.wwcoreadvantagescontainer {
    padding: 5rem 2rem;
    background-color: #fff;
}

.wwsectiontitle {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 3rem;
    color: #2c3e50;
    position: relative;
}

.wwsectiontitle::after {
    content: '';
    display: block;
    width: 80px;
    height: 4px;
    background: linear-gradient(135deg, #007bff, #0056b3);
    margin: 1rem auto 0;
    border-radius: 2px;
}

.wwadvantagesgrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
}

.wwadvantageitem {
    text-align: center;
    padding: 2rem;
    background-color: #f8f9fa;
    border-radius: 10px;
    transition: all 0.3s ease;
    border: 1px solid #e9ecef;
}

.wwadvantageitem:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    border-color: #007bff;
}

.wwadvantageicon {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: #007bff;
}

.wwadvantagetitle {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #2c3e50;
}

.wwadvantagedescription {
    color: #6c757d;
    line-height: 1.6;
}

/* 功能介绍板块 */
.wwfeaturessectioncontainer {
    padding: 5rem 2rem;
    background-color: #f8f9fa;
}

.wwfeatureslist {
    max-width: 800px;
    margin: 0 auto;
}

.wwfeatureitem {
    margin-bottom: 2rem;
    padding: 2rem;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.wwfeatureitem:hover {
    transform: translateX(10px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.wwfeaturetitle {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #2c3e50;
}

.wwfeaturedescription {
    color: #6c757d;
    line-height: 1.6;
}

/* 客户案例板块 */
.wwcustomersectioncontainer {
    padding: 5rem 2rem;
    background-color: #fff;
}

.wwtestimonialsgrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.wwtestimonialitem {
    padding: 2rem;
    background-color: #f8f9fa;
    border-radius: 10px;
    position: relative;
}

.wwtestimonialitem::before {
    content: '"';
    position: absolute;
    top: 1rem;
    left: 1rem;
    font-size: 3rem;
    color: rgba(0, 123, 255, 0.2);
    font-family: serif;
}

.wwtestimonialtext {
    font-size: 1.1rem;
    color: #6c757d;
    margin-bottom: 1.5rem;
    font-style: italic;
    padding-left: 1rem;
}

.wwtestimonialauthor {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.wwauthorname {
    font-weight: 600;
    color: #2c3e50;
}

.wwauthorcompany {
    color: #6c757d;
    font-size: 0.9rem;
}

/* 平台支持板块 */
.wwplatformssectioncontainer {
    padding: 5rem 2rem;
    background-color: #f8f9fa;
}

.wwplatformsgrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 2rem;
}

.wwplatformitem {
    text-align: center;
    padding: 2rem;
    background-color: #fff;
    border-radius: 10px;
    transition: all 0.3s ease;
    border: 1px solid #e9ecef;
}

.wwplatformitem:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    border-color: #007bff;
}

.wwplatformicon {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: #007bff;
}

.wwplatformtitle {
    font-size: 1.2rem;
    font-weight: 600;
    color: #2c3e50;
}

/* 下载引导板块 */
.wwdownloadsectioncontainer {
    padding: 5rem 2rem;
    background: linear-gradient(135deg, #007bff, #0056b3);
    color: #fff;
    text-align: center;
}

.wwdownloadsectioncontainer .wwsectiontitle {
    color: #fff;
}

.wwdownloadsectioncontainer .wwsectiontitle::after {
    background: #fff;
}

.wwdownloadtext {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    opacity: 0.9;
}

/* 常见问题板块 */
.wwfaqsectioncontainer {
    padding: 5rem 2rem;
    background-color: #fff;
}

.wwfaqgrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.wwfaqitem {
    padding: 2rem;
    background-color: #f8f9fa;
    border-radius: 10px;
    transition: all 0.3s ease;
}

.wwfaqitem:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

.wwfaqquestion {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #2c3e50;
}

.wwfaqanswer {
    color: #6c757d;
    line-height: 1.6;
}

/* 下载页样式 */
.wwdownloadherosection {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 8rem 2rem 4rem;
    background-color: #f8f9fa;
    background-image: linear-gradient(135deg, rgba(0, 123, 255, 0.05) 0%, rgba(0, 123, 255, 0.1) 100%);
}

.wwdownloadtitle {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #2c3e50;
}

.wwdownloaddescription {
    font-size: 1.2rem;
    color: #6c757d;
}

.wwdownloadoptionscontainer {
    padding: 5rem 2rem;
    background-color: #fff;
}

.wwdownloadgrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
}

.wwdownloaditem {
    text-align: center;
    padding: 2rem;
    background-color: #f8f9fa;
    border-radius: 10px;
    transition: all 0.3s ease;
    border: 1px solid #e9ecef;
}

.wwdownloaditem:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    border-color: #007bff;
}

.wwdownloadicon {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: #007bff;
}

.wwdownloadplatform {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #2c3e50;
}

.wwdownloadversion, .wwdownloadsize {
    color: #6c757d;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

.wwsystemrequirementscontainer {
    padding: 5rem 2rem;
    background-color: #f8f9fa;
}

.wwrequirementsgrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
}

.wwrequirementitem {
    padding: 2rem;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.wwrequirementplatform {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #2c3e50;
}

.wwrequirementlist {
    list-style: none;
    color: #6c757d;
}

.wwrequirementlist li {
    margin-bottom: 0.5rem;
    padding-left: 1.5rem;
    position: relative;
}

.wwrequirementlist li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #28a745;
    font-weight: 600;
}

.wwinstallationguidecontainer {
    padding: 5rem 2rem;
    background-color: #fff;
}

.wwguidecontent {
    max-width: 800px;
    margin: 0 auto;
}

.wwguideitem {
    margin-bottom: 2rem;
    padding: 2rem;
    background-color: #f8f9fa;
    border-radius: 10px;
    border-left: 4px solid #007bff;
}

.wwguidestep {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #2c3e50;
}

.wwguidetext {
    color: #6c757d;
    line-height: 1.6;
}

.wwupdatelogcontainer {
    padding: 5rem 2rem;
    background-color: #f8f9fa;
}

.wwupdatelog {
    max-width: 800px;
    margin: 0 auto;
}

.wwupdateitem {
    margin-bottom: 3rem;
    padding: 2rem;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.wwupdatetitle {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #2c3e50;
}

.wwupdatelist {
    list-style: none;
    color: #6c757d;
}

.wwupdatelist li {
    margin-bottom: 0.5rem;
    padding-left: 1.5rem;
    position: relative;
}

.wwupdatelist li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #007bff;
    font-weight: 600;
}

/* 功能页样式 */
.wwfeaturesherosection {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 8rem 2rem 4rem;
    background-color: #f8f9fa;
    background-image: linear-gradient(135deg, rgba(0, 123, 255, 0.05) 0%, rgba(0, 123, 255, 0.1) 100%);
}

.wwfeaturestitle {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #2c3e50;
}

.wwfeaturesdescription {
    font-size: 1.2rem;
    color: #6c757d;
}

.wwfeaturedetailcontainer {
    padding: 5rem 2rem;
    background-color: #fff;
}

.wwfeaturedetailgrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2rem;
}

.wwfeaturedetailitem {
    display: flex;
    gap: 1.5rem;
    padding: 2rem;
    background-color: #f8f9fa;
    border-radius: 10px;
    transition: all 0.3s ease;
    border: 1px solid #e9ecef;
}

.wwfeaturedetailitem:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    border-color: #007bff;
}

.wwfeaturedetailicon {
    font-size: 2.5rem;
    color: #007bff;
    flex-shrink: 0;
}

.wwfeaturedetailcontent {
    flex: 1;
}

.wwfeaturedetailtitle {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #2c3e50;
}

.wwfeaturedetaildescription {
    color: #6c757d;
    line-height: 1.6;
}

.wwfeatureadvantagescontainer {
    padding: 5rem 2rem;
    background-color: #f8f9fa;
}

.wwfeatureadvantagesgrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
}

.wwfeatureadvantageitem {
    text-align: center;
    padding: 2rem;
    background-color: #fff;
    border-radius: 10px;
    transition: all 0.3s ease;
    border: 1px solid #e9ecef;
}

.wwfeatureadvantageitem:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    border-color: #007bff;
}

.wwfeatureadvantageicon {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    color: #28a745;
}

.wwfeatureadvantagetitle {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #2c3e50;
}

.wwfeatureadvantagedescription {
    color: #6c757d;
    line-height: 1.6;
}

/* 价格页样式 */
.wwpricingherosection {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 8rem 2rem 4rem;
    background-color: #f8f9fa;
    background-image: linear-gradient(135deg, rgba(0, 123, 255, 0.05) 0%, rgba(0, 123, 255, 0.1) 100%);
}

.wwpricingtitle {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #2c3e50;
}

.wwpricingdescription {
    font-size: 1.2rem;
    color: #6c757d;
}

.wwpricingplanscontainer {
    padding: 5rem 2rem;
    background-color: #fff;
}

.wwpricinggrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    max-width: 1000px;
    margin: 0 auto;
}

.wwpricingplan {
    padding: 2rem;
    background-color: #f8f9fa;
    border-radius: 10px;
    text-align: center;
    transition: all 0.3s ease;
    border: 1px solid #e9ecef;
}

.wwpricingplan:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.wwpricingplanpopular {
    border-color: #007bff;
    box-shadow: 0 0 20px rgba(0, 123, 255, 0.1);
    position: relative;
}

.wwpricingplanpopular::before {
    content: '推荐';
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #007bff, #0056b3);
    color: #fff;
    padding: 0.3rem 1rem;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 600;
}

.wwpricingplantype {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #2c3e50;
}

.wwpricingprice {
    margin-bottom: 1rem;
}

.wwpriceamount {
    font-size: 3rem;
    font-weight: 700;
    color: #007bff;
}

.wwpriceunit {
    font-size: 1.2rem;
    color: #6c757d;
    margin-left: 0.5rem;
}

.wwpricingdescriptiontext {
    color: #6c757d;
    margin-bottom: 2rem;
}

.wwpricingfeatures {
    margin-top: 2rem;
    text-align: left;
}

.wwpricingfeaturestitle {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #2c3e50;
}

.wwpricingfeatureslist {
    list-style: none;
}

.wwpricingfeatureitem {
    margin-bottom: 0.8rem;
    color: #6c757d;
    padding-left: 1.5rem;
    position: relative;
}

.wwpricingfeatureitem::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #28a745;
    font-weight: 600;
}

.wwpricingadvantagescontainer {
    padding: 5rem 2rem;
    background-color: #f8f9fa;
}

.wwpricingadvantagesgrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
}

.wwpricingadvantageitem {
    text-align: center;
    padding: 2rem;
    background-color: #fff;
    border-radius: 10px;
    transition: all 0.3s ease;
    border: 1px solid #e9ecef;
}

.wwpricingadvantageitem:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    border-color: #007bff;
}

.wwpricingadvantageicon {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    color: #007bff;
}

.wwpricingadvantagetitle {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #2c3e50;
}

.wwpricingadvantagedescription {
    color: #6c757d;
    line-height: 1.6;
}

.wwpricingfaqcontainer {
    padding: 5rem 2rem;
    background-color: #fff;
}

.wwpricingfaqgrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.wwpricingfaqitem {
    padding: 2rem;
    background-color: #f8f9fa;
    border-radius: 10px;
    transition: all 0.3s ease;
}

.wwpricingfaqitem:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

.wwpricingfaqquestion {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #2c3e50;
}

.wwpricingfaqanswer {
    color: #6c757d;
    line-height: 1.6;
}

/* 联系页样式 */
.wwcontactherosection {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 8rem 2rem 4rem;
    background-color: #f8f9fa;
    background-image: linear-gradient(135deg, rgba(0, 123, 255, 0.05) 0%, rgba(0, 123, 255, 0.1) 100%);
}

.wwcontacttitle {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #2c3e50;
}

.wwcontactdescription {
    font-size: 1.2rem;
    color: #6c757d;
}

.wwcontactinfocontainer {
    padding: 5rem 2rem;
    background-color: #fff;
}

.wwcontactinfogrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
}

.wwcontactinfoitem {
    text-align: center;
    padding: 2rem;
    background-color: #f8f9fa;
    border-radius: 10px;
    transition: all 0.3s ease;
    border: 1px solid #e9ecef;
}

.wwcontactinfoitem:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    border-color: #007bff;
}

.wwcontactinfoicon {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: #007bff;
}

.wwcontactinfotitle {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #2c3e50;
}

.wwcontactinfotext {
    color: #6c757d;
    margin-bottom: 0.5rem;
}

.wwcontactinfotime {
    color: #95a5a6;
    font-size: 0.9rem;
}

.wwcontactformcontainer {
    padding: 5rem 2rem;
    background-color: #f8f9fa;
}

.wwcontactform {
    max-width: 600px;
    margin: 0 auto;
    background-color: #fff;
    padding: 3rem;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.wwformgroup {
    margin-bottom: 2rem;
}

.wwformlabel {
    display: block;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #2c3e50;
}

.wwforminput, .wwformselect, .wwformtextarea {
    width: 100%;
    padding: 0.8rem;
    border: 1px solid #e9ecef;
    border-radius: 5px;
    font-size: 1rem;
    transition: all 0.3s ease;
}

.wwforminput:focus, .wwformselect:focus, .wwformtextarea:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

.wwcontactfaqcontainer {
    padding: 5rem 2rem;
    background-color: #fff;
}

.wwcontactfaqgrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.wwcontactfaqitem {
    padding: 2rem;
    background-color: #f8f9fa;
    border-radius: 10px;
    transition: all 0.3s ease;
}

.wwcontactfaqitem:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

.wwcontactfaqquestion {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #2c3e50;
}

.wwcontactfaqanswer {
    color: #6c757d;
    line-height: 1.6;
}

/* 底部样式 */
.wwfootercontainer {
    padding: 3rem 2rem;
    background-color: #2c3e50;
    color: #fff;
    text-align: center;
}

.wwfootercontent {
    max-width: 1200px;
    margin: 0 auto;
}

.wwcopyrighttext {
    font-size: 0.9rem;
    opacity: 0.8;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .wwnavigationbarcontainer {
        flex-direction: column;
        padding: 1rem;
    }
    
    .wwnavigationmenu {
        margin: 1rem 0;
    }
    
    .wwnavitemlist {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .wwherotitle,
    .wwdownloadtitle,
    .wwfeaturestitle,
    .wwpricingtitle,
    .wwcontacttitle {
        font-size: 2rem;
    }
    
    .wwherodescription,
    .wwdownloaddescription,
    .wwfeaturesdescription,
    .wwpricingdescription,
    .wwcontactdescription {
        font-size: 1rem;
    }
    
    .wwherobuttons {
        flex-direction: column;
        align-items: center;
    }
    
    .wwsecondarybtn {
        margin-left: 0;
        margin-top: 1rem;
    }
    
    .wwadvantagesgrid,
    .wwtestimonialsgrid,
    .wwplatformsgrid,
    .wwfaqgrid,
    .wwdownloadgrid,
    .wwrequirementsgrid,
    .wwfeaturedetailgrid,
    .wwfeatureadvantagesgrid,
    .wwpricinggrid,
    .wwpricingadvantagesgrid,
    .wwpricingfaqgrid,
    .wwcontactinfogrid,
    .wwcontactfaqgrid {
        grid-template-columns: 1fr;
    }
    
    .wwfeaturedetailitem {
        flex-direction: column;
        text-align: center;
    }
    
    .wwcontactform {
        padding: 2rem 1rem;
    }
}

@media (max-width: 480px) {
    .wwsectiontitle {
        font-size: 1.8rem;
    }
    
    .wwadvantagetitle,
    .wwfeaturetitle,
    .wwplatformtitle,
    .wwdownloadplatform,
    .wwfeaturedetailtitle,
    .wwfeatureadvantagetitle,
    .wwpricingplantype,
    .wwpricingadvantagetitle,
    .wwcontactinfotitle {
        font-size: 1.1rem;
    }
}