body{margin:0;font-family:Arial,sans-serif;color:#333}.container{width:90%;max-width:1100px;margin:auto;padding:60px 0}.hero{background:#0d1b2a;color:#fff;text-align:center}.card{background:#f5f5f5;padding:20px;border-radius:8px}.btn-primary{background:#1b74e4;color:#fff;border:none;padding:14px 22px;border-radius:6px;cursor:pointer}.footer{background:#111;color:#fff;text-align:center}:root{--color1: #7db3d7;--color2: #f1f1f1;--color3: #032840;--color4: #312e2e;--color5: #032840}body{margin:0 auto;font-family:Arial,sans-serif;color:var(--color3);background-color:#fff}.container{width:70%;margin:0 auto;padding:70px 0}.hero{height:600px;background:linear-gradient(135deg,var(--color1),var(--color5));background-size:cover;color:#fff;text-align:center}.hero h1{font-size:2.8rem;margin-bottom:1em}.hero h3{font-weight:400;margin-bottom:3em}.hero p{max-width:650px;margin:0 auto 25px;line-height:1.6}.hero a{text-decoration:none;color:#fff}.hero-logo{width:120px;margin-bottom:25px}.about{background:var(--color2);height:25em;text-align:center}.services{background:#fff;text-align:center}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card{background:var(--color2);padding:25px;border-radius:10px;transition:all .2s ease;border-top:4px solid var(--color1)}.card:hover{cursor:pointer;transform:translateY(-6px);box-shadow:0 10px 25px #00000014}#detail{color:#3b7fe4;font-size:1em;font-weight:bolder}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;padding:40px;border-radius:10px;max-width:700px;width:90%;max-height:80vh;overflow-y:auto}.modal h3{margin-top:20px}.modal ul{list-style-type:none;padding:.5em}.modal li{margin:1em}.modal button{margin-top:30px;padding:10px 20px;background:#7db3d7;border:none;color:#fff;border-radius:6px;cursor:pointer}.benefits{background:#fff;text-align:center}.benefits ul{line-height:1.8;padding-left:20px}.benefits li{margin-bottom:8px}.graph{display:flex;margin:0 auto 3em;width:80%}.graph img{margin:1em;width:40em;height:20em}.graph img:hover{cursor:pointer;transform:scale(1.3);transition:transform .8s ease}.cta{background:var(--color3);color:#fff;text-align:center}.social-links{margin-top:25px;display:flex;justify-content:center;gap:20px}.social-links a{color:var(--color1);transition:transform .2s ease,opacity .2s}.social-links a:hover{transform:translateY(-3px);opacity:.85}.btn-primary{background:var(--color4);color:#fff;border:none;padding:14px 28px;border-radius:6px;font-weight:700;cursor:pointer;margin-top:20px;transition:all .2s ease}.btn-primary:hover{background:var(--color2);color:var(--color3);transform:translateY(-2px)}footer{background:var(--color3);color:#fffc;text-align:center;padding:12px 0;font-size:.8rem;font-weight:900;letter-spacing:.5px}@media(max-width:1024px){.graph img{width:25em;height:12em}.graph img:hover{transform:scale(1.3);transition:transform .8s ease}}@media(max-width:768px){.service-grid{grid-template-columns:1fr;gap:20px}.card{padding:20px}.hero h1{font-size:xx-large}.hero h3{font-size:medium;margin-top:3em;margin-bottom:4em}.hero a{font-size:smaller;padding:1em}.about{height:35em}.graph{flex-direction:column;margin-bottom:1em}.graph img{width:36em;height:18em}.graph img:hover{transform:scale(1.3);transition:transform .8s ease}}@media(max-width:450px){.graph{flex-direction:column;margin-bottom:1em}.graph img{width:19em;height:9em}.graph img:hover{transform:scale(1.3);transition:transform .8s ease}}@media(max-width:425px){.graph{flex-direction:column;margin-bottom:1em}.graph img{width:17em;height:9em}.graph img:hover{transform:scale(1.3);transition:transform .8s ease}}