:root{--primary-color: 600;--font-family:'Helvetica Neue',sans-serif;--bg-white: body{margin:0;font-family:var(--font-family);color:var(--primary-color);line-height:1.6;font-size:16 px; background:linear-gradient(to bottom, 0%, 100%)} .container{max-width:1280 px; margin:0 auto; padding:2 rem} h 1{font-size:2.2 rem; margin-bottom:1 rem; animation:fade In Down 1s ease-in-out; color:var(--primary-color);line-height:1.3;word-break:break-word; max-width:100%} .hero{width:100%;height:auto; border-radius:12 px; margin-bottom:2 rem; animation:zoom In 1s ease} .section{margin-bottom:3 rem; background-color:var(--bg-white);padding:2 rem; border-radius:12 px; box-shadow:0 10px 25px rgba(0,0,0,.05);transition:transform .3s ease} .section:hover{transform:translate Y(-5 px)} .section h 2{font-size:2 rem; margin-bottom:1 rem; border-bottom:2 px solid var(--accent-color);padding-bottom:.3 rem; color:var(--primary-color)} .image-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(280 px,1 fr));gap:1 rem; margin:1.5rem 0} ul{padding-left:1.5 rem} ul li{margin-bottom:.5 rem} .highlight{background-color: 9 e 7;padding:1.5 rem; border-left:5px solid var(--accent-color);border-radius:6 px} .image-slot{background-color: padding:1rem; border:2px dashed text-align:center; color: rem; border-radius:8 px; margin:1rem 0} .video-container{position:relative; padding-bottom:56.25%;height:0;overflow:hidden; border-radius:8 px} .video-container iframe{position:absolute; top:0;left:0;width:100%;height:100%} .comparison-table{width:100%;border-collapse:collapse; margin-top:1.5 rem} .comparison-table th, .comparison-table td{border:1px solid padding:.75rem; text-align:center} .comparison-table th{background-color: 6 d 6;color: .benefits-icons{display:flex; justify-content:space-around; gap:1rem; flex-wrap:wrap; margin-top:2 rem} .benefit-box{flex:1 1 220px; background-color: 6;border:1 px solid 700;border-radius:10 px; padding:1.25 rem; text-align:center} .benefit-box h4{margin:.5rem 0}@keyframes fade In Down{from{opacity:0;transform:translate Y(-20 px)}to{opacity:1;transform:translate Y(0)}}@keyframes zoom In{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:768 px){ h 1{font-size:2 rem} .section h 2{font-size:1.5 rem}}