*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;color:#333}.text-sm{font-size:12px;color:#000}.color-light-blue{color:#749ae3}.color-blue{color:#2563eb}.color-black{color:#000}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{position:fixed;top:0;left:0;right:0;background:transparent;transition:background .3s ease;z-index:1000}.header.scrolled{background:rgba(255,255,255,.98);box-shadow:0 2px 10px #0000001a}.header-content{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.logo{font-size:20px;font-weight:700;color:#2563eb}.header.scrolled .logo{color:#2563eb}.nav{display:flex;gap:20px}.nav a{color:#fff;text-decoration:none;transition:color .3s ease;font-size:14px}.header.scrolled .nav a{color:#333}.nav a:hover{color:#2563eb}.hero{min-height:70vh;display:flex;align-items:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding-top:60px}.hero-content{text-align:center}.hero h1{font-size:40px;margin-bottom:12px;animation:fadeInUp 1s ease}.hero p{font-size:16px;margin-bottom:6px;opacity:.9;animation:fadeInUp 1s ease .2s backwards}.hero-buttons{margin-top:24px;display:flex;gap:16px;justify-content:center;animation:fadeInUp 1s ease .4s backwards}.btn{padding:10px 24px;border-radius:20px;text-decoration:none;font-weight:700;transition:transform .3s ease,box-shadow .3s ease;display:inline-block;font-size:14px}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.btn-primary{background:white;color:#667eea}.btn-secondary{background:transparent;color:#fff;border:2px solid white}.btn-secondary:hover{background:white;color:#667eea}.about{padding:60px 0;background:#f8f9fa}.about h2{text-align:center;font-size:32px;margin-bottom:40px;color:#333}.about-content{max-width:800px;margin:0 auto}.about-text h3{font-size:20px;color:#2563eb;margin:30px 0 12px}.about-text h3:first-child{margin-top:0}.about-text p{font-size:14px;line-height:1.6;margin-bottom:10px}.about-text ul{list-style:none;padding-left:0}.about-text li{font-size:14px;padding:6px 0 6px 24px;position:relative}.about-text li:before{content:"✓";position:absolute;left:0;color:#2563eb;font-weight:700}.services{padding:60px 0;background:white}.services h2{text-align:center;font-size:32px;margin-bottom:40px;color:#333}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.service-card{background:white;padding:28px 24px;border-radius:8px;box-shadow:0 2px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{transform:translateY(-3px);box-shadow:0 4px 16px #0000001f}.service-card h3{font-size:18px;color:#2563eb;margin-bottom:12px}.service-card p{font-size:14px;line-height:1.6;color:#666}.contact{padding:30px 0;background:#f8f9fa}.contact h2{text-align:center;font-size:28px;margin-bottom:20px;color:#333}.contact-content{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1000px;margin:0 auto}.contact-item h3{font-size:16px;color:#2563eb;margin-bottom:4px}.contact-item p{font-size:13px;color:#666;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-message{background:white;padding:28px;border-radius:8px;box-shadow:0 2px 12px #00000014}.contact-message h3{font-size:18px;color:#2563eb;margin-bottom:12px}.contact-message p{font-size:14px;line-height:1.6;color:#666}.footer{background:#f5f7fa;color:#333;padding:10px 0 5px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-bottom:8px}.footer-section h4{font-size:14px;margin-bottom:6px;color:#2563eb}.footer-section p{font-size:12px;line-height:1.4;color:#666;margin-bottom:4px}.footer-section a{display:block;color:#333;text-decoration:none;margin-bottom:4px;transition:color .3s ease;font-size:12px}.footer-section a:hover{color:#2563eb}.footer-bottom{text-align:center;padding:8px 20px;border-top:1px solid rgba(0,0,0,.1)}.footer-bottom p{font-size:12px;color:#666;margin-bottom:4px}.icp{color:#2563eb;font-weight:400}.footer-bottom a{text-decoration:none;margin-left:10px}.footer-bottom a img{width:14px;height:14px;vertical-align:middle;margin-right:4px}.footer-bottom a span{vertical-align:middle}.footer-bottom a:hover{text-decoration:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hero h1{font-size:32px}.hero p{font-size:14px}.nav{gap:12px}.nav a{font-size:13px}.hero-buttons{flex-direction:column;gap:12px}.about h2,.services h2,.contact h2{font-size:26px}.contact-content{grid-template-columns:1fr;gap:30px}.about-text h3{font-size:18px}}@media (max-width: 480px){.header-content{flex-direction:column;gap:12px}.nav{flex-wrap:wrap;justify-content:center}.hero h1{font-size:24px}}