:root{--blue:#0077cc;--dark-blue:#003e66;--gray:#555;--light-gray:#f6f7f9;--white:#fff;--font-head:'Poppins',sans-serif;--font-body:'Inter',sans-serif;--spacing:1.5rem}
body{font-family:var(--font-body);margin:0;color:var(--gray);background:var(--white);scroll-behavior:smooth}
h1,h2,h3,h4{font-family:var(--font-head);color:var(--dark-blue)}
a{text-decoration:none;color:var(--blue)}
.container{width:90%;max-width:1100px;margin:auto}
.btn-primary{background:var(--blue);color:#fff;padding:.75rem 1.5rem;border-radius:4px;display:inline-block;transition:background .3s}
.btn-primary:hover{background:var(--dark-blue)}
.site-header{position:sticky;top:0;z-index:999;background:var(--white);box-shadow:0 2px 5px rgba(0,0,0,.05)}
.navbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem}
.navbar img{height:40px}
.nav-links{display:flex;gap:1rem;list-style:none;margin:0}
.nav-links li a{padding:.5rem .75rem}
.nav-links li a.btn-primary{padding:.5rem 1rem}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer}
.nav-toggle span{width:25px;height:3px;background:var(--dark-blue);border-radius:2px}
@media(max-width:768px){.nav-links{display:none;flex-direction:column;background:var(--white);position:absolute;top:60px;right:1rem;padding:1rem;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.nav-links.open{display:flex}.nav-toggle{display:flex}}
.hero{background:url('../img/hero-cloud.jpg') center/cover no-repeat;color:#fff;text-align:center;padding:8rem 1rem;position:relative}
.hero::after{content:'';position:absolute;inset:0;background:rgba(0,62,102,.6)}
.hero-content{position:relative;z-index:1;max-width:700px;margin:auto}
.hero h1{font-size:2.5rem;margin-bottom:1rem}
.hero p{font-size:1.2rem;margin-bottom:2rem}
.page-hero{position:relative;color:#fff;text-align:center;padding:6rem 1rem}
.page-hero::after{content:'';position:absolute;inset:0;background:rgba(0,30,60,.55)}
.page-hero-content{position:relative;z-index:1;max-width:800px;margin:auto}
.intro{background:var(--light-gray);padding:4rem 0;text-align:center}
.highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:4rem auto}
.highlight{background:var(--light-gray);padding:2rem;border-radius:8px;transition:transform .3s}
.highlight:hover{transform:translateY(-5px)}
.cta{background:var(--dark-blue);color:#fff;text-align:center;padding:4rem 1rem}
.cta .btn-primary{background:#fff;color:var(--dark-blue)}
.site-footer{background:var(--light-gray);padding:2rem 0;margin-top:3rem}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}
.footer-logo{height:40px;margin-bottom:.5rem}
.footer-links{list-style:none;padding:0;margin:0}
.footer-links li{margin-bottom:.25rem}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}
.service-card{background:#fff;border:1px solid #eee;border-radius:8px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.04);padding:1rem}
.service-card img{width:100%;height:auto;border-radius:6px;margin-bottom:.75rem}
.platforms{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}
.platform-card{background:#fff;border:1px solid #eee;border-radius:8px;padding:1.5rem;box-shadow:0 4px 10px rgba(0,0,0,.04);display:flex;flex-direction:column;gap:.5rem}
.platform-card img{width:64px;height:auto}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}
.pricing-card{background:#fff;border:1px solid #eee;border-radius:10px;padding:2rem;box-shadow:0 8px 24px rgba(0,0,0,.05)}
.pricing-card.highlight{border-color:var(--blue)}
.price{font-size:1.8rem;color:var(--dark-blue);margin:.25rem 0 .75rem}
.faq-section .faq{background:#fff;border:1px solid #eee;border-radius:8px;padding:1rem 1.25rem;margin-bottom:1rem}