.hero{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);min-height:100vh;padding-top:150px;padding-bottom:100px;position:relative;overflow:hidden}.hero-bg{z-index:0;background:radial-gradient(circle at 15% 20%,#1e5bbe2e,#0000 28%),radial-gradient(circle at 85% 30%,#2563eb2e,#0000 30%),radial-gradient(circle at 50% 90%,#1e5bbe14,#0000 35%);position:absolute;inset:0}.hero-grid{opacity:.04;pointer-events:none;background-image:linear-gradient(#0f172a 1px,#0000 1px),linear-gradient(90deg,#0f172a 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.hero-container{z-index:2;grid-template-columns:1.15fr 1.2fr;align-items:center;gap:80px;max-width:1300px;margin:auto;display:grid;position:relative}.hero-left{flex-direction:column;display:flex}.hero-badge{color:#1e5bbe;background:#eaf2ff;border-radius:999px;align-items:center;width:max-content;margin-bottom:30px;padding:12px 20px;font-size:.9rem;font-weight:700;display:inline-flex}.hero-title{flex-direction:column;gap:6px;max-width:600px;font-size:50px;font-weight:700;display:flex}.hero-title span{white-space:nowrap}.hero-description{color:#64748b;max-width:650px;margin-top:35px;font-size:1.15rem;line-height:1.9}.hero-buttons{gap:20px;margin-top:45px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e5bbe,#2563eb);border:none;border-radius:16px;padding:18px 34px;font-weight:700;transition:all .35s;box-shadow:0 20px 45px #1e5bbe40}.btn-primary:hover{transform:translateY(-5px);box-shadow:0 30px 60px #1e5bbe59}.btn-secondary{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:12px;padding:18px 34px;font-weight:700;transition:all .35s;display:flex}.btn-secondary:hover{color:#2563eb;border-color:#2563eb;transform:translateY(-5px)}.hero-stats{gap:60px;margin-top:70px;display:flex}.stat h2{color:#0f172a;font-size:2.4rem;font-weight:800}.stat span{color:#64748b}.hero-right{justify-content:center;align-items:flex-start;display:flex;position:relative}.dashboard-wrapper{z-index:1;background:#fff;border-radius:32px;width:500px;max-width:none;height:510px;padding:10px;animation:8s ease-in-out infinite float;position:relative;overflow:visible;box-shadow:0 60px 120px #0f172a2e}.dashboard-image{object-fit:cover;object-position:top;border-radius:22px;width:100%;height:100%;display:block}.floating-card{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #ffffffb3;border-radius:18px;padding:16px 24px;font-weight:700;animation:5s ease-in-out infinite floatCard;position:absolute;box-shadow:0 25px 45px #0f172a1a}.card-one{top:40px;left:-40px}.card-two{animation-delay:1s;bottom:90px;left:-55px}.card-three{animation-delay:2s;top:120px;right:-40px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}@keyframes floatCard{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (max-width:1100px){.hero-container{text-align:center;grid-template-columns:1fr}.hero-left{align-items:center}.hero-description{max-width:700px}.hero-buttons,.hero-stats{justify-content:center}.hero-right,.hero-left{margin-top:70px}.card-one,.card-two{left:0}.card-three{right:0}}@media (max-width:768px){.hero{padding-top:120px}.hero-title{font-size:40px}.hero-buttons{flex-direction:column;width:100%}.btn-primary,.btn-secondary{justify-content:center;width:100%}.hero-stats{flex-direction:column;gap:30px}.floating-card{display:none}.hero-container{padding:0 20px 70px}}.floating-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffd1;border:1px solid #ffffffb3;border-radius:20px;align-items:center;gap:14px;padding:18px;animation:6s ease-in-out infinite floatCard;display:flex;position:absolute;box-shadow:0 25px 60px #0f172a1f}.floating-card h4{color:#0f172a;font-size:.95rem}.floating-card p{color:#64748b;margin-top:4px;font-size:.82rem}.icon{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.blue{background:#2563eb}.green{background:#10b981}.purple{background:#7c3aed}.orange{background:#f59e0b}.analytics-card{top:30px;left:-80px}.team-card{animation-delay:1s;bottom:120px;left:-90px}.support-card{animation-delay:2s;top:170px;right:-80px}.quality-card{animation-delay:3s;bottom:20px;right:-60px}.growth-card{padding:14px 22px;font-weight:700;top:-30px;left:180px}.growth-card span{color:#0f172a}@media (max-width:1100px){.analytics-card,.team-card,.support-card,.quality-card,.growth-card{display:none}}.btn-primary,.btn-secondary{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}
.transition-section{background:#0d1b3d;padding:55px 0;overflow:hidden}.transition-container{justify-content:space-between;align-items:center;gap:70px;max-width:1400px;margin:auto;padding:0 40px;display:flex}.transition-content{color:#fff;flex:1}.transition-badge{letter-spacing:1px;padding:10px;font-size:1rem;font-weight:700;display:inline-block}.transition-content h2{max-width:1000px;margin-top:8px;font-size:40px;font-weight:800}.transition-content h2 span{color:#4fa2ff}.transition-content p{color:#ffffffbf;max-width:350px;margin-top:0;font-size:1rem;line-height:1.8}.transition-content ul{flex-direction:column;gap:18px;margin-top:20px;margin-bottom:20px;padding:0;list-style:none;display:flex}.transition-content li{align-items:center;gap:14px;font-size:1.05rem;font-weight:500;display:flex}.transition-content svg{color:#4fa2ff;flex-shrink:0}.transition-image{border-radius:100px;flex:1;justify-content:flex-end;display:flex;position:relative}.transition-image:before{content:"";filter:blur(100px);opacity:.25;background:#1e5bbe;border-radius:50%;width:420px;height:420px;position:absolute;top:50%;right:40px;transform:translateY(-50%)}.laptop{border-radius:50px;width:115%;max-width:760px;height:360px;animation:6s ease-in-out infinite floatLaptop;position:relative}@keyframes floatLaptop{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}@media (max-width:1000px){.transition-container{text-align:center;flex-direction:column}.transition-content p{margin:auto}.transition-content li{justify-content:center}.transition-image{justify-content:center;margin-top:40px}.laptop{width:100%}}
.services-section{background:#fff;margin-top:-25px;padding:120px 0}.services-container{max-width:1400px;margin:auto;padding:0 40px}.services-heading{text-align:center;max-width:900px;margin:auto}.services-badge{color:#1e5bbe;letter-spacing:1px;background:#eaf2ff;border-radius:999px;padding:10px 22px;font-size:.9rem;font-weight:700;display:inline-block}.services-heading h2{letter-spacing:-2px;color:#0f172a;margin-top:24px;margin-bottom:20px;font-size:clamp(2.8rem,5vw,4rem);font-weight:800;line-height:1.08}.services-heading h2 span{color:#1e5bbe}.services-heading p{color:#64748b;max-width:720px;margin:20px auto 0;font-size:1.05rem;line-height:1.8}.services-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px;display:grid}.service-card{text-align:center;background:#fff;border:1px solid #edf2f7;border-radius:24px;flex-direction:column;align-items:center;padding:35px 28px;transition:all .35s;display:flex;box-shadow:0 18px 40px #0f172a0d}.service-card:hover{border-color:#d4e4ff;transform:translateY(-10px);box-shadow:0 30px 70px #1e5bbe1f}.specialized-card{background:linear-gradient(#f4f8ff 0%,#edf5ff 100%);border:1px solid #c6dbff}.specialized-card:hover{border-color:#1e5bbe;box-shadow:0 35px 70px #1e5bbe2e}.service-icon{color:#fff;background:linear-gradient(135deg,#1e5bbe,#2f76e9);border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 22px;display:flex;box-shadow:0 10px 25px #1e5bbe40}.service-card h3{color:#0f172a;margin-bottom:15px;font-size:1.35rem;font-weight:700;line-height:1.35}.service-card p{color:#64748b;text-align:center;max-width:280px;font-size:.97rem;line-height:1.75}@media (max-width:1100px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.services-container{padding:0 24px}.services-grid{grid-template-columns:1fr}.services-heading h2{font-size:2.6rem}.service-card{padding:30px 24px}}