:root {--primary:#0A2D8F; --primary-dark:#081E63; --secondary:#F7941D; --secondary-light:#FFB347; --dark:#08131F; --white:#ffffff; --light:#F6F8FC; --text:#555; --border:#E8EDF7; --shadow:0 15px 45px rgba(10,45,143,.08); --transition:.35s ease;}
body {font-family:'Inter', sans-serif; background:#F7F9FC; color:var(--text); overflow-x:hidden;}
h1, h2, h3, h4, h5, h6 {font-family:'Plus Jakarta Sans', sans-serif; color:var(--dark);}
.site-header {position:absolute; top:0; left:0; width:100%; z-index:999;}
.topbar {background:var(--primary); margin:15px 15px 18px; border-radius:18px; color:#fff; font-size:14px;}
.topbar .container {padding:10px 20px;}
.top-info {display:flex; gap:35px; align-items:center; flex-wrap:wrap;}
.top-info li {display:flex; align-items:center; gap:10px;}
.top-info a {color:#fff; text-decoration:none;}
.top-info a:hover {color:var(--secondary);}
.top-info i {color:var(--secondary);}

/* ===========================
   Social Icons
=========================== */

.social-icons{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:12px;
}

.social-icons a{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    text-decoration:none;
    color:#fff;
    font-size:17px;

    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.15);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);

    box-shadow:0 8px 20px rgba(0,0,0,.12);

    transition:all .35s ease;
}

.social-icons a:hover{
    background:var(--secondary);
    color:var(--primary);
    border-color:var(--secondary);

    transform:translateY(-6px) scale(1.08);
    box-shadow:0 18px 35px rgba(0,0,0,.22);
}

.social-icons a:active{
    transform:scale(.95);
}

.social-icons a.facebook:hover{
    background:#1877F2;
    color:#fff;
}

.social-icons a.twitter:hover{
    background:#1DA1F2;
    color:#fff;
}

.social-icons a.linkedin:hover{
    background:#0A66C2;
    color:#fff;
}

.social-icons a.instagram:hover{
    background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af,#515bd4);
    color:#fff;
}

.social-icons a.youtube:hover{
    background:#FF0000;
    color:#fff;
}

.social-icons a.whatsapp:hover{
    background:#25D366;
    color:#fff;
}

.header-box {background:#fff; border-radius:28px; padding:10px 28px; box-shadow:var(--shadow); min-height:100px;}
.navbar-brand img {height:100px; transition:.4s;}
.navbar-brand:hover img {transform:scale(1.05);}
.menu-pill {background:var(--primary); border-radius:60px; padding:8px 18px; gap:5px;}
.menu-pill .nav-link {color:#fff; font-weight:600; font-size:15px; padding:14px 24px !important; border-radius:40px; transition:var(--transition); position:relative;}
.menu-pill .nav-link:hover {color:#fff; background:rgba(255,255,255,.08);}
.menu-pill .nav-link.active {background:var(--secondary); color:#fff;}
.menu-pill .nav-link::after {content:""; position:absolute; left:50%; bottom:8px; width:0; height:2px; background:#fff; transition:.3s; transform:translateX(-50%);}
.menu-pill .nav-link:hover::after {width:40%;}
.dropdown-menu {border:none; border-radius:18px; box-shadow:0 15px 45px rgba(0,0,0,.08); padding:10px;}
.dropdown-item {border-radius:12px; padding:12px 16px; font-size:15px; transition:.3s;}
.dropdown-item:hover {background:var(--primary); color:#fff;}
.btn-quote {background:linear-gradient(90deg, var(--secondary), #FFB84D); color:#fff; font-weight:600; border-radius:50px; padding:14px 28px; transition:.35s; display:inline-flex; align-items:center; text-decoration:none; box-shadow:0 10px 30px rgba(247,148,29,.30);}
.btn-quote:hover {transform:translateY(-4px); color:#fff; box-shadow:0 20px 40px rgba(247,148,29,.35);}
.btn-quote i {transition:.3s;}
.btn-quote:hover i {transform:translateX(6px);}
.navbar-toggler {font-size:30px; color:var(--primary);}
.offcanvas {border-radius:0 25px 25px 0;}
.offcanvas-header {border-bottom:1px solid #eee; padding:25px;}
.offcanvas-body {padding:25px;}
.offcanvas .nav-link {color:var(--primary); font-weight:600; padding:14px 0;}
.site-header.fixed {position:fixed; animation:slideDown .5s;}
.site-header.fixed .topbar {display:none;}
.site-header.fixed .header-box {border-radius:0 0 20px 20px; padding:14px 20px;}
.site-header.fixed .navbar-brand img {height:70px;}

@keyframes slideDown {
from {transform:translateY(-100%);}
to {transform:translateY(0);}
}

@media(max-width:1199px) {
.menu-pill {display:none;}
.btn-quote {display:none;}
.header-box {padding:18px;}
}

@media(max-width:768px) {
.topbar {display:none;}
.header-box {border-radius:20px; margin-top:15px; padding:15px 18px; min-height:85px;}
.navbar-brand img {height:55px;}
}

.offcanvas .nav-link {font-size:16px; font-weight:600; color:#0b2c8f; padding:14px 0; transition:.3s;}
.offcanvas .nav-link:hover {color:#f7941d;}
.submenu {margin:5px 0 15px; padding-left:18px; border-left:2px solid rgba(11,44,143,.15);}
.submenu li {margin:10px 0;}
.submenu a {display:block; color:#555; text-decoration:none; font-size:15px; transition:.3s;}
.submenu a:hover {color:#f7941d; padding-left:6px;}
.offcanvas .bi-chevron-down {transition:.3s;}
.offcanvas .nav-link[aria-expanded="true"] .bi-chevron-down {transform:rotate(180deg);}

.menu-pill .dropdown {position:relative;}
.menu-pill .dropdown-menu {top:100%; left:0; margin-top:8px; min-width:280px; border:0; border-radius:18px; padding:12px; box-shadow:0 20px 50px rgba(0,0,0,.08); animation:dropdownFade .25s ease;}

@media (min-width:1200px) {
.menu-pill .dropdown-menu {display:block; opacity:0; visibility:hidden; transform:translateY(15px); transition:.3s; pointer-events:none;}
.menu-pill .dropdown:hover>.dropdown-menu {opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto;}
}

.dropdown-toggle::after {display:none;}
.menu-pill .dropdown-toggle i {font-size:12px; margin-left:6px; transition:.3s;}
.menu-pill .dropdown:hover i {transform:rotate(180deg);}
.menu-pill .dropdown {position:relative;}
.menu-pill .dropdown::before {content:""; position:absolute; left:0; top:100%; width:100%; height:18px; background:transparent;}
.menu-pill .dropdown-menu {width:320px; background:#fff; border-radius:20px; overflow:hidden; padding:10px;}
.menu-pill .dropdown-item {border-radius:14px; padding:14px 18px; font-weight:500; display:flex; align-items:center; gap:12px;}
.menu-pill .dropdown-item i {color:var(--secondary); font-size:18px;}
.menu-pill .dropdown-item:hover {background:var(--primary); color:#fff; transform:translateX(5px);}

#scrollProgress {position:fixed; top:0; left:0; width:0; height:4px; z-index:99999; background:linear-gradient( 90deg, #0A2D8F, #F7941D);}
#backToTop {position:fixed; right:25px; bottom:25px; width:55px; height:55px; border:none; border-radius:50%; background:#0A2D8F; color:#fff; font-size:20px; display:none; align-items:center; justify-content:center; box-shadow:0 10px 25px rgba(0,0,0,.2); transition:.3s; z-index:9999;}
#backToTop:hover {background:#F7941D; transform:translateY(-5px);}

.hero-section {position:relative; padding:70px 0 80px; background:#f6f8fc; margin:80px 15px 0 15px; overflow:hidden;}
.heroSlider {position:relative; overflow:hidden; border-radius:35px;}
.heroSlider .swiper-slide {overflow:hidden;}
.hero-slide {position:relative; min-height:760px; display:flex; align-items:center; overflow:hidden; border-radius:35px; background:#081E63;}
.hero-image {position:absolute; inset:0; z-index:1;}
.hero-image img {width:100%; height:100%; object-fit:cover; animation:heroZoom 10s linear infinite alternate;}
.hero-overlay {position:absolute; inset:0; background:linear-gradient( 90deg, rgba(6,25,80,.92) 0%, rgba(8, 35, 110, .78) 35%, rgba(8, 35, 110, .40) 60%, rgba(8, 35, 110, .10) 100% );}
.hero-slide .container {position:relative; z-index:5;}
.hero-content {position:relative; background:rgba(255,255,255,.94); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); padding:30px; border-radius:30px; max-width:560px; box-shadow:0 35px 80px rgba(0, 0, 0, .18); overflow:hidden;}
.hero-content::before {content:""; position:absolute; left:0; top:0; width:6px; height:100%; background:linear-gradient( to bottom, #F7941D, #ffb648 );}
.hero-content::after {content:""; position:absolute; width:180px; height:180px; right:-50px; bottom:-50px; border-radius:50%; background:rgba(10,45,143,.04);}
.hero-badge {display:inline-flex; align-items:center; gap:10px; background:#eef4ff; color:#0A2D8F; padding:12px 22px; border-radius:60px; font-size:15px; font-weight:700; margin-bottom:28px;}
.hero-badge i {color:#F7941D; font-size:18px;}
.hero-content h1 {font-size:42px; line-height:1.08; font-weight:800; color:#08131F; margin-bottom:28px; letter-spacing:-1px;}
.hero-content h1 span {color:#F7941D;}
.hero-content p {font-size:18px; line-height:1.9; color:#5d6675; margin-bottom:40px;}
.hero-circle {position:absolute; border-radius:50%; z-index:2; filter:blur(3px);}
.hero-circle-1 {width:260px; height:260px; background:rgba(247,148,29,.18); top:-90px; right:-60px;}
.hero-circle-2 {width:180px; height:180px; background:rgba(13,58,170,.15); bottom:50px; left:-80px;}
.hero-circle-3 {width:80px; height:80px; background:#F7941D; top:90px; right:250px; opacity:.25;}
.hero-grid {position:absolute; right:0; top:0; width:45%; height:100%; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .08) 1px, transparent 1px); background-size:40px 40px; opacity:.25; z-index:2;}

@keyframes heroZoom {
0% {transform:scale(1);}
100% {transform:scale(1.12);}
}

.hero-buttons {display:flex; align-items:center; flex-wrap:wrap; gap:18px; margin-bottom:45px;}
.btn-primary-custom {display:inline-flex; align-items:center; justify-content:center; gap:12px; background:linear-gradient(135deg,#F7941D,#FFB347); color:#fff; font-weight:700; font-size:16px; padding:18px 34px; border-radius:60px; text-decoration:none; transition:.35s; box-shadow:0 18px 40px rgba(247, 148, 29, .35);}
.btn-primary-custom:hover {transform:translateY(-5px); color:#fff; box-shadow:0 28px 55px rgba(247,148,29,.45);}
.btn-primary-custom i {transition:.35s;}
.btn-primary-custom:hover i {transform:translateX(6px);}
.btn-outline-custom {display:inline-flex; align-items:center; justify-content:center; padding:18px 34px; border-radius:60px; border:2px solid var(--primary); color:var(--primary); font-weight:700; background:#fff; transition:.35s; text-decoration:none;}
.btn-outline-custom:hover {background:var(--primary); color:#fff; transform:translateY(-5px);}
.hero-stats {display:flex; gap:20px; flex-wrap:wrap;}
.stat-box {min-width:150px; background:#fff; border-radius:20px; padding:22px; transition:.35s; border:1px solid rgba(10,45,143,.08); box-shadow:0 12px 35px rgba(0, 0, 0, .05);}
.stat-box:hover {transform:translateY(-8px); box-shadow:0 20px 45px rgba(0,0,0,.10);}
.stat-box h3 {font-size:36px; font-weight:800; color:var(--secondary); margin-bottom:6px;}
.stat-box span {display:block; font-size:14px; font-weight:600; color:#667085; line-height:1.5;}
.hero-card {position:absolute; display:flex; align-items:center; gap:18px; min-width:200px; padding:10px; border-radius:24px; background:rgba(255,255,255,.96); backdrop-filter:blur(15px); -webkit-backdrop-filter:blur(15px); box-shadow:0 25px 60px rgba(0, 0, 0, .12); z-index:20; transition:.4s;}
.hero-card:hover {transform:translateY(-8px); box-shadow:0 35px 80px rgba(0,0,0,.16);}
.hero-card .icon {width:40px; height:40px; border-radius:20px; background:linear-gradient(135deg,#0A2D8F,#1846C5); display:flex; align-items:center; justify-content:center; color:#fff; font-size:28px; flex-shrink:0;}
.hero-card h4 {margin:0; font-size:20px; font-weight:800; color:var(--primary);}
.hero-card p {margin:4px 0 0; font-size:12px; color:#6b7280; line-height:1.4;}
.card-one {top:90px; right:70px; animation:floatOne 6s ease-in-out infinite;}
.card-two {right:140px; bottom:260px; animation:floatTwo 7s ease-in-out infinite;}
.card-three {left:58%; bottom:90px; animation:floatThree 6.5s ease-in-out infinite;}
.card-four {top:50%; right:40px; transform:translateY(-50%); animation:floatFour 8s ease-in-out infinite;}

@keyframes floatOne {
0%, 100% {transform:translateY(0);}
50% {transform:translateY(-18px);}
}

@keyframes floatTwo {
0%, 100% {transform:translateY(0);}
50% {transform:translateY(16px);}
}

@keyframes floatThree {
0%, 100% {transform:translateY(0);}
50% {transform:translateY(-20px);}
}

@keyframes floatFour {
0%, 100% {transform:translateY(-50%);}
50% {transform:translateY(calc(-50% - 16px));}
}

.heroSlider .swiper-button-next, .heroSlider .swiper-button-prev {width:60px; height:60px; border-radius:50%; background:rgba(255,255,255,.95); backdrop-filter:blur(10px); box-shadow:0 15px 40px rgba(0, 0, 0, .15); transition:.35s; color:var(--primary);}
.heroSlider .swiper-button-next {right:30px;}
.heroSlider .swiper-button-prev {left:30px;}
.heroSlider .swiper-button-next::after, .heroSlider .swiper-button-prev::after {font-size:22px; font-weight:700;}
.heroSlider .swiper-button-next:hover, .heroSlider .swiper-button-prev:hover {background:var(--primary); color:#fff; transform:scale(1.08);}
.heroSlider .swiper-pagination {bottom:35px !important;}
.heroSlider .swiper-pagination-bullet {width:14px; height:14px; background:#fff; opacity:1; transition:.35s; border-radius:20px;}
.heroSlider .swiper-pagination-bullet-active {width:42px; background:var(--secondary);}
.hero-scroll {position:absolute; bottom:30px; left:50%; transform:translateX(-50%); z-index:100;}
.hero-scroll a {display:flex; flex-direction:column; align-items:center; text-decoration:none; color:#fff; font-weight:600; letter-spacing:1px; gap:8px;}
.hero-scroll i {font-size:34px; animation:mouseBounce 2s infinite;}

@keyframes mouseBounce {
0%, 100% {transform:translateY(0);}
50% {transform:translateY(10px);}
}

.heroSlider .swiper-slide-active .hero-badge {animation:fadeUp .6s .2s both;}
.heroSlider .swiper-slide-active h1 {animation:fadeUp .8s .4s both;}
.heroSlider .swiper-slide-active p {animation:fadeUp .8s .6s both;}
.heroSlider .swiper-slide-active .hero-buttons {animation:fadeUp .8s .8s both;}
.heroSlider .swiper-slide-active .hero-stats {animation:fadeUp .8s 1s both;}
.heroSlider .swiper-slide-active .hero-card {animation-duration:6s; animation-fill-mode:both;}

@keyframes fadeUp {
from {opacity:0; transform:translateY(40px);}
to {opacity:1; transform:translateY(0);}
}

.hero-slide::before {content:""; position:absolute; right:-150px; top:-120px; width:500px; height:500px; border-radius:50%; background:rgba(247,148,29,.18); filter:blur(100px); z-index:2;}
.hero-slide::after {content:""; position:absolute; left:-150px; bottom:-150px; width:450px; height:450px; border-radius:50%; background:rgba(10,45,143,.18); filter:blur(100px); z-index:2;}
.hero-content {transition:.45s;}
.hero-content:hover {transform:translateY(-6px);}

@media(max-width:1399px) {
.hero-content {max-width:500px; padding:45px;}
.hero-content h1 {font-size:52px;}
.card-one {right:30px;}
.card-two {right:60px;}
.card-three {left:55%;}
}

@media(max-width:1199px) {
.hero-slide {min-height:680px;}
.hero-content {max-width:100%;}
.hero-content h1 {font-size:46px;}
.hero-card {display:none;}
.hero-grid {display:none;}
.hero-circle {display:none;}
.heroSlider .swiper-button-next, .heroSlider .swiper-button-prev {display:none;}
}

@media(max-width:991px) {
.hero-section {padding-top:130px;}
.hero-slide {min-height:auto; padding:70px 0;}
.hero-content {padding:35px; border-radius:24px;}
.hero-content h1 {font-size:38px;}
.hero-content p {font-size:16px;}
.hero-buttons {flex-direction:column; align-items:stretch;}
.btn-primary-custom, .btn-outline-custom {width:100%; justify-content:center;}
.hero-stats {justify-content:center;}
.stat-box {flex:1; min-width:140px;}
.hero-scroll {display:none;}
}

@media(max-width:767px) {
.hero-content {padding:25px;}
.hero-content h1 {font-size:32px; line-height:1.2;}
.hero-badge {font-size:13px; padding:10px 16px;}
.hero-buttons {gap:12px;}
.hero-stats {gap:12px;}
.stat-box {padding:18px; min-width:calc(50% - 10px);}
.stat-box h3 {font-size:26px;}
.heroSlider {border-radius:22px;}
.hero-slide {border-radius:22px;}
}

@media(max-width:575px) {
.hero-section {padding-top:65px;}
.hero-content {padding:22px;}
.hero-content h1 {font-size:28px;}
.hero-content p {font-size:15px;}
.hero-stats {flex-direction:column;}
.stat-box {width:100%;}
}

.pulse {animation:pulseGlow 1.5s;}

@keyframes pulseGlow {
0% {box-shadow:0 0 0 rgba(247,148,29,.6);}
50% {box-shadow:0 0 30px rgba(247, 148, 29, .8);}
100% {box-shadow:0 0 0 rgba(247, 148, 29, 0);}
}

#particles-js {position:absolute; inset:0; z-index:2; pointer-events:none;}

.digital-bg {position:absolute; inset:0; z-index:2; pointer-events:none;}
.digital-bg svg {width:100%; height:100%;}
.scan-line {position:absolute; top:0; left:65%; width:4px; height:100%; background:linear-gradient(to bottom,transparent,#4fd1ff,#ffffff,#4fd1ff,transparent); box-shadow:0 0 30px #4fd1ff; opacity:.8; animation:scanner 5s linear infinite; z-index:5;}

@keyframes scanner {
0% {transform:translateY(-100%);}
100% {transform:translateY(100%);}
}

.hero-glow {position:absolute; width:550px; height:550px; border-radius:50%; background:radial-gradient(circle,rgba(247,148,29,.35),transparent 70%); right:-200px; top:-100px; filter:blur(80px); z-index:2;}
.node {position:absolute; width:12px; height:12px; background:#4fd1ff; border-radius:50%; box-shadow:0 0 20px #4fd1ff; animation:pulseNode 3s infinite; z-index:8;}
.n1 {right:18%; top:18%;}
.n2 {right:28%; top:42%;}
.n3 {right:14%; bottom:22%;}
.n4 {right:38%; bottom:28%;}
.n5 {right:32%; top:22%;}

@keyframes pulseNode {
0%, 100% {transform:scale(1);}
50% {transform:scale(1.6);}
}

.journey-section {position:relative; padding:0 0 100px; background:#f7f9fc; overflow:hidden;}
.journey-section::before {content:""; position:absolute; top:-250px; right:-150px; width:600px; height:600px; border-radius:50%; background:radial-gradient(circle, rgba(10,45,143,.08), transparent 70%);}
.journey-section::after {content:""; position:absolute; bottom:-200px; left:-150px; width:500px; height:500px; border-radius:50%; background:radial-gradient(circle, rgba(247,148,29,.10), transparent 70%);}
.section-badge {display:inline-flex; align-items:center; gap:10px; background:#eef4ff; color:var(--primary); padding:12px 22px; border-radius:60px; font-size:15px; font-weight:700; margin-bottom:20px;}
.section-badge i {color:var(--secondary);}
.section-title {font-size:54px; font-weight:800; line-height:1.15; margin-bottom:20px; color:#08131F;}
.section-title span {color:var(--secondary);}
.section-desc {max-width:700px; font-size:18px; line-height:1.9; color:#667085;}
.journey-list {position:sticky; top:130px; padding-right:35px;}
.journey-list::before {content:""; position:absolute; left:30px; top:0; width:2px; height:100%; background:#dfe7f5;}
.journey-item {position:relative; display:flex; gap:25px; align-items:flex-start; padding:22px 0 22px 0; cursor:pointer; transition:.35s;}
.journey-number {width:62px; height:62px; min-width:62px; border-radius:50%; background:#fff; border:2px solid #dce6fa; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:18px; color:var(--primary); position:relative; z-index:5; transition:.35s; box-shadow:0 12px 30px rgba(0,0,0,.05);}
.journey-content {padding-top:5px;}
.journey-content h4 {font-size:22px; font-weight:700; margin-bottom:8px; transition:.35s;}
.journey-content p {margin:0; color:#6b7280; line-height:1.8;}
.journey-item:hover {transform:translateX(12px);}
.journey-item:hover .journey-number {background:var(--primary); color:#fff; border-color:var(--primary); transform:scale(1.08);}
.journey-item:hover h4 {color:var(--primary);}
.journey-item.active .journey-number {background:linear-gradient( 135deg, var(--primary), #1846C5); border:none; color:#fff; box-shadow:0 18px 40px rgba(10,45,143,.35);}
.journey-item.active h4 {color:var(--primary);}
.journey-item.active::after {content:""; position:absolute; left:30px; top:0; width:2px; height:100%; background:linear-gradient( to bottom, var(--primary), var(--secondary) );}
.journey-item.active .journey-number::after {content:""; position:absolute; width:12px; height:12px; border-radius:50%; background:var(--secondary); right:-4px; top:-2px; animation:pulseDot 2s infinite;}

@keyframes pulseDot {
0% {transform:scale(1); box-shadow:0 0 0 rgba(247,148,29,.5);}
70% {transform:scale(1.8); box-shadow:0 0 0 15px rgba(247, 148, 29, 0);}
100% {transform:scale(1);}
}

.journey-preview {position:sticky; top:130px;}
.preview-card {position:relative; display:none; background:#fff; border-radius:32px; overflow:hidden; box-shadow:0 30px 80px rgba(15,23,42,.08); border:1px solid rgba(10, 45, 143, .06); transition:.45s;}
.preview-card.active {display:block; animation:fadeCard .55s ease;}

@keyframes fadeCard {
from {opacity:0; transform:translateY(30px);}
to {opacity:1; transform:translateY(0);}
}

.preview-image {position:relative; overflow:hidden; background:#edf4ff; height:340px;}
.preview-image img {width:100%; height:100%; object-fit:cover; transition:.6s;}
.preview-card:hover .preview-image img {transform:scale(1.08);}
.preview-image::after {content:""; position:absolute; inset:0; background:linear-gradient( to top, rgba(8,19,31,.25), transparent );}
.preview-body {padding:40px;}
.preview-body>span {display:inline-flex; align-items:center; gap:8px; padding:8px 18px; background:#eef4ff; border-radius:50px; color:var(--primary); font-size:14px; font-weight:700; margin-bottom:18px;}
.preview-body h3 {font-size:36px; font-weight:800; color:#08131F; margin-bottom:18px; line-height:1.2;}
.preview-body p {color:#667085; line-height:1.9; font-size:17px; margin-bottom:30px;}
.preview-features {display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-bottom:35px;}
.preview-features div {display:flex; align-items:center; gap:12px; background:#f8faff; border-radius:16px; padding:16px; transition:.35s; font-weight:600; border:1px solid transparent;}
.preview-features div:hover {transform:translateY(-4px); background:#fff; border-color:#dce7fb; box-shadow:0 12px 30px rgba(0,0,0,.05);}
.preview-features i {color:var(--secondary); font-size:20px;}
.preview-footer {display:flex; justify-content:space-between; align-items:center; margin-top:30px;}
.preview-footer .btn-primary-custom {padding:16px 28px;}
.service-stats {display:flex; gap:15px; margin-top:35px;}
.service-stat {flex:1; background:#f7f9fc; border-radius:18px; padding:20px; text-align:center; transition:.35s;}
.service-stat:hover {background:#fff; transform:translateY(-5px); box-shadow:0 15px 35px rgba(0,0,0,.06);}
.service-stat h4 {font-size:28px; font-weight:800; color:var(--secondary); margin-bottom:6px;}
.service-stat span {display:block; color:#667085; font-size:14px;}
.preview-badge {position:absolute; top:25px; right:25px; background:#fff; border-radius:18px; padding:18px; box-shadow:0 15px 40px rgba(0,0,0,.12); display:flex; gap:15px; align-items:center; z-index:5; animation:floatBadge 5s ease-in-out infinite;}
.preview-badge i {width:55px; height:55px; border-radius:16px; background:linear-gradient(135deg,#0A2D8F,#1846C5); color:#fff; display:flex; align-items:center; justify-content:center; font-size:24px;}
.preview-badge h5 {margin:0; font-size:20px; color:#08131F; font-weight:700;}
.preview-badge span {font-size:13px; color:#667085;}

@keyframes floatBadge {
0%, 100% {transform:translateY(0);}
50% {transform:translateY(-12px);}
}

.preview-card::before {content:""; position:absolute; inset:0; padding:1px; border-radius:32px; background:linear-gradient( 135deg, rgba(10,45,143,.25), rgba(247, 148, 29, .35) ); -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none;}
.preview-card::after {content:""; position:absolute; width:260px; height:260px; border-radius:50%; background:radial-gradient(circle, rgba(247,148,29,.12), transparent 70%); right:-120px; top:-120px; pointer-events:none;}

@media (max-width:1399px) {
.section-title {font-size:48px;}
.preview-image {height:300px;}
.preview-body {padding:35px;}
.preview-body h3 {font-size:32px;}
}

@media (max-width:1199px) {
.journey-list, .journey-preview {position:relative; top:0;}
.journey-list {margin-bottom:50px; padding-right:0;}
.journey-list::before {display:none;}
.journey-item {border:1px solid #e8edf6; border-radius:20px; background:#fff; padding:22px; margin-bottom:18px; box-shadow:0 15px 35px rgba(0,0,0,.04);}
.journey-item.active::after {display:none;}
}

@media (max-width:991px) {
.journey-section {padding:90px 0;}
.section-title {font-size:40px;}
.section-desc {font-size:16px;}
.preview-body {padding:30px;}
.preview-body h3 {font-size:28px;}
.preview-features {grid-template-columns:1fr;}
.service-stats {flex-wrap:wrap;}
.service-stat {min-width:45%;}
}

@media (max-width:767px) {
.section-title {font-size:32px;}
.journey-number {width:54px; height:54px; min-width:54px; font-size:16px;}
.journey-content h4 {font-size:18px;}
.journey-content p {font-size:14px;}
.preview-image {height:220px;}
.preview-body {padding:22px;}
.preview-body h3 {font-size:24px;}
.preview-body p {font-size:15px;}
.preview-footer {flex-direction:column; gap:20px; align-items:flex-start;}
.service-stats {flex-direction:column;}
.preview-badge {display:none;}
}

@media (max-width:575px) {
.journey-item {gap:15px;}
.journey-content h4 {font-size:17px;}
.preview-card {border-radius:24px;}
.preview-image {height:190px;}
}

.journey-item {opacity:.6; transform:translateX(-20px);}
.journey-item.show {opacity:1; transform:translateX(0); transition:.6s ease;}
.preview-card {transform:translateY(20px); opacity:0;}
.preview-card.active {opacity:1; transform:translateY(0);}
.preview-card:hover {box-shadow:0 40px 100px rgba(10,45,143,.12);}
.preview-card:hover::before {animation:borderGlow 3s linear infinite;}

@keyframes borderGlow {
0% {filter:hue-rotate(0deg);}
100% {filter:hue-rotate(360deg);}
}

.preview-features div i {transition:.35s;}
.preview-features div:hover i {transform:scale(1.2) rotate(8deg);}
.preview-footer .btn-primary-custom i {transition:.35s;}
.preview-footer .btn-primary-custom:hover i {transform:translateX(6px);}
.preview-image {position:relative;}
.preview-image::before {content:""; position:absolute; top:0; left:-120%; width:70%; height:100%; background:linear-gradient( 90deg, transparent, rgba(255,255,255,.4), transparent ); transform:skewX(-25deg); z-index:2;}
.preview-card:hover .preview-image::before {animation:shine 1s;}

@keyframes shine {
0% {left:-120%;}
100% {left:150%;}
}

.journey-pattern {position:absolute; inset:0; pointer-events:none; opacity:.05; background-image:radial-gradient(circle,#0A2D8F 1px,transparent 1px); background-size:28px 28px;}
.journey-decoration {position:absolute; width:120px; height:120px; border-radius:30px; background:rgba(255,255,255,.45); backdrop-filter:blur(20px); animation:floatDecoration 8s ease-in-out infinite;}
.decoration-1 {top:120px; right:5%;}
.decoration-2 {bottom:80px; left:3%;}

@keyframes floatDecoration {
0%, 100% {transform:translateY(0);}
50% {transform:translateY(-25px);}
}

.technology-section {position:relative; padding:120px 0; background:linear-gradient( 180deg, #081C56, #0D2F84 70%, #102E70 ); overflow:hidden; color:#fff;}
.technology-section::before {content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px); background-size:45px 45px; opacity:.35;}
.technology-section .section-title {color:#fff;}
.technology-section .section-desc {color:rgba(255,255,255,.75);}
.tech-network {position:relative; height:700px; margin-top:40px;}
.tech-center {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:240px; height:240px; border-radius:50%; background:rgba(255, 255, 255, .08); backdrop-filter:blur(30px); border:1px solid rgba(255, 255, 255, .15); display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; z-index:20; box-shadow:0 40px 80px rgba(0, 0, 0, .25);}
.center-icon {width:90px; height:90px; border-radius:50%; background:linear-gradient( 135deg, #F7941D, #FFB54A ); display:flex; align-items:center; justify-content:center; font-size:42px; margin-bottom:18px; color:#fff; box-shadow:0 20px 40px rgba(247, 148, 29, .45);}
.tech-center h3 {font-size:20px; color:#fff; line-height:1.3; font-weight:700;}
.tech-svg {position:absolute; inset:0; width:100%; height:100%; z-index:1;}
.tech-svg line {stroke:#4fd1ff; stroke-width:2; stroke-dasharray:10; animation:dataFlow 10s linear infinite; opacity:.5;}

@keyframes dataFlow {
from {stroke-dashoffset:200;}
to {stroke-dashoffset:0;}
}

.tech-node {position:absolute; width:160px; background:rgba(255,255,255,.08); backdrop-filter:blur(18px); border:1px solid rgba(255, 255, 255, .12); border-radius:20px; padding:18px; text-align:center; transition:.4s; z-index:10;}
.tech-node i {font-size:30px; color:#F7941D; display:block; margin-bottom:10px;}
.tech-node span {display:block; font-size:15px; font-weight:600;}
.tech-node:hover {transform:translateY(-10px) scale(1.05); background:rgba(255,255,255,.15); box-shadow:0 25px 50px rgba(0, 0, 0, .25);}
.node1 {left:60px; top:50px;}
.node2 {right:40px; top:60px;}
.node3 {left:10px; top:280px;}
.node4 {right:0; top:300px;}
.node5 {left:80px; bottom:70px;}
.node6 {right:50px; bottom:70px;}
.node7 {left:370px; bottom:0;}
.node8 {left:370px; top:0;}
.infra-wrapper {display:flex; flex-direction:column; gap:22px;}
.infra-card {background:rgba(255,255,255,.08); backdrop-filter:blur(18px); border-radius:24px; padding:28px; display:flex; gap:22px; align-items:flex-start; transition:.35s; border:1px solid rgba(255,255,255,.08);}
.infra-card:hover {transform:translateX(10px); background:rgba(255,255,255,.13);}
.infra-icon {width:70px; height:70px; min-width:70px; border-radius:18px; display:flex; align-items:center; justify-content:center; background:linear-gradient( 135deg, #F7941D, #FFB54A); color:#fff; font-size:30px;}
.infra-card h4 {color:#fff; font-size:22px; margin-bottom:8px; font-weight:700;}
.infra-card p {margin:0; color:rgba(255,255,255,.72); line-height:1.8;}
.tech-stats {margin-top:80px;}
.tech-stat {background:rgba(255,255,255,.08); backdrop-filter:blur(18px); border-radius:25px; padding:35px; text-align:center; border:1px solid rgba(255, 255, 255, .10); transition:.35s;}
.tech-stat:hover {transform:translateY(-10px);}
.tech-stat h3 {font-size:52px; color:#F7941D; margin-bottom:8px; font-weight:800;}
.tech-stat span {color:#fff; font-weight:600;}

@media(max-width:1199px) {
.tech-network {height:620px;}
.tech-node {width:140px;}
.tech-center {width:210px; height:210px;}
}

@media(max-width:991px) {
.tech-network {height:auto; display:grid; grid-template-columns:repeat(2,1fr); gap:20px;}
.tech-svg, .tech-center {display:none;}
.tech-node {position:relative; left:auto; top:auto; right:auto; bottom:auto; width:100%;}
.infra-wrapper {margin-top:40px;}
}

@media(max-width:576px) {
.tech-network {grid-template-columns:1fr;}
.infra-card {flex-direction:column; text-align:center; align-items:center;}
.tech-stat {margin-bottom:20px;}
}

@keyframes floatingNode {
0%, 100% {transform:translateY(0);}
50% {transform:translateY(-14px);}
}

.hub-pulse {animation:hubPulse 1.2s;}

@keyframes hubPulse {
0% {box-shadow:0 0 0 rgba(79,209,255,.2);}
50% {box-shadow:0 0 80px rgba(79, 209, 255, .45);}
100% {box-shadow:0 0 0 rgba(79, 209, 255, 0);}
}

.node-active {background:rgba(79,209,255,.18)!important; border-color:#4fd1ff!important; transform:scale(1.08)!important; box-shadow:0 0 35px rgba(79, 209, 255, .45);}

.trust-section {position:relative; padding:120px 0; overflow:hidden; background:#f8fbff;}
.trust-section::before {content:""; position:absolute; width:700px; height:700px; border-radius:50%; background:radial-gradient(circle, rgba(10,45,143,.08), transparent 70%); right:-280px; top:-250px;}
.trust-section::after {content:""; position:absolute; width:550px; height:550px; border-radius:50%; background:radial-gradient(circle, rgba(247,148,29,.08), transparent 70%); left:-220px; bottom:-180px;}
.trust-center {position:sticky; top:120px; width:520px; height:520px; margin:auto;}
.trust-circle {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:270px; height:270px; border-radius:50%; background:rgba(255, 255, 255, .85); backdrop-filter:blur(25px); border:1px solid rgba(10, 45, 143, .08); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; z-index:20; box-shadow:0 30px 70px rgba(0, 0, 0, .08);}
.trust-circle::before {content:""; position:absolute; inset:-18px; border-radius:50%; border:2px dashed rgba(10,45,143,.12); animation:rotateRing 30s linear infinite;}
.trust-circle::after {content:""; position:absolute; inset:-42px; border-radius:50%; border:2px dashed rgba(247,148,29,.18); animation:rotateRingReverse 40s linear infinite;}

@keyframes rotateRing {
from {transform:rotate(0);}
to {transform:rotate(360deg);}
}

@keyframes rotateRingReverse {
from {transform:rotate(360deg);}
to {transform:rotate(0);}
}

.trust-logo {width:95px; height:95px; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center; margin-bottom:20px; box-shadow:0 20px 40px rgba(10,45,143,.12);}
.trust-logo img {width:60px;}
.trust-circle h3 {font-size:28px; font-weight:800; line-height:1.3; color:#08131F;}
.orbit {position:absolute; width:140px; height:140px; border-radius:24px; background:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; text-align:center; box-shadow:0 18px 45px rgba(0,0,0,.08); transition:.35s; z-index:10;}
.orbit i {width:56px; height:56px; border-radius:16px; display:flex; align-items:center; justify-content:center; background:linear-gradient( 135deg, var(--primary), #1846C5 ); color:#fff; font-size:24px;}
.orbit span {font-size:15px; font-weight:700; color:#08131F;}
.orbit:hover {transform:translateY(-8px); box-shadow:0 30px 60px rgba(0,0,0,.12);}
.orbit-1 {top:-10px; left:190px;}
.orbit-2 {right:-5px; top:120px;}
.orbit-3 {right:0; bottom:120px;}
.orbit-4 {left:190px; bottom:-10px;}
.orbit-5 {left:0; bottom:120px;}
.orbit-6 {left:-5px; top:120px;}
.orbit {animation:floatingOrbit 6s ease-in-out infinite;}
.orbit:nth-child(2) {animation-delay:.5s;}
.orbit:nth-child(3) {animation-delay:1s;}
.orbit:nth-child(4) {animation-delay:1.5s;}
.orbit:nth-child(5) {animation-delay:2s;}
.orbit:nth-child(6) {animation-delay:2.5s;}

@keyframes floatingOrbit {
0%, 100% {transform:translateY(0);}
50% {transform:translateY(-12px);}
}

.trust-circle {animation:centerPulse 4s ease-in-out infinite;}

@keyframes centerPulse {
0%, 100% {box-shadow:0 30px 70px rgba(0,0,0,.08);}
50% {box-shadow:0 35px 90px rgba(10, 45, 143, .18);}
}

.trust-list {display:flex; flex-direction:column; gap:22px;}
.trust-item {position:relative; display:flex; gap:28px; align-items:flex-start; background:#fff; border-radius:28px; padding:28px; border:1px solid rgba(10,45,143,.08); box-shadow:0 18px 45px rgba(15, 23, 42, .05); transition:.45s; overflow:hidden;}
.trust-item::before {content:""; position:absolute; left:0; top:0; width:6px; height:100%; background:linear-gradient( to bottom, var(--primary), var(--secondary) ); transform:scaleY(0); transform-origin:top; transition:.45s;}
.trust-item:hover {transform:translateX(14px); box-shadow:0 30px 70px rgba(10,45,143,.12);}
.trust-item:hover::before {transform:scaleY(1);}
.trust-item.active {border-color:rgba(10,45,143,.18); box-shadow:0 30px 70px rgba(10, 45, 143, .15);}
.trust-item.active::before {transform:scaleY(1);}
.trust-number {width:72px; height:72px; min-width:72px; border-radius:22px; display:flex; align-items:center; justify-content:center; font-size:22px; font-weight:800; color:#fff; background:linear-gradient( 135deg, var(--primary), #1846C5 ); box-shadow:0 18px 40px rgba(10,45,143,.25); transition:.35s;}
.trust-item:hover .trust-number {transform:rotate(-8deg) scale(1.08);}
.trust-content {flex:1;}
.trust-content h4 {font-size:25px; font-weight:700; color:#08131F; margin-bottom:12px; transition:.35s;}
.trust-item:hover h4 {color:var(--primary);}
.trust-content p {margin:0 0 22px; color:#667085; line-height:1.9; font-size:16px;}
.trust-tags {display:flex; flex-wrap:wrap; gap:12px;}
.trust-tags span {display:inline-flex; align-items:center; gap:8px; padding:10px 18px; border-radius:40px; background:#F5F9FF; color:var(--primary); font-size:14px; font-weight:600; transition:.35s; border:1px solid transparent;}
.trust-tags span::before {content:"✓"; width:20px; height:20px; border-radius:50%; background:var(--secondary); color:#fff; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:700;}
.trust-tags span:hover {background:#fff; border-color:#d9e7ff; transform:translateY(-4px); box-shadow:0 12px 25px rgba(0,0,0,.06);}
.trust-stat {position:relative; background:#fff; border-radius:28px; padding:35px; text-align:center; border:1px solid rgba(10,45,143,.08); box-shadow:0 18px 45px rgba(15, 23, 42, .05); transition:.4s; overflow:hidden;}
.trust-stat::before {content:""; position:absolute; inset:0; background:linear-gradient( 135deg, rgba(10,45,143,.04), rgba(247, 148, 29, .05) ); opacity:0; transition:.4s;}
.trust-stat:hover {transform:translateY(-10px); box-shadow:0 35px 80px rgba(10,45,143,.12);}
.trust-stat:hover::before {opacity:1;}
.trust-stat h3 {position:relative; font-size:52px; font-weight:800; color:var(--secondary); margin-bottom:10px;}
.trust-stat p {position:relative; margin:0; color:#667085; font-weight:600;}
.trust-item::after {content:""; position:absolute; right:-80px; top:-80px; width:180px; height:180px; border-radius:50%; background:radial-gradient(circle, rgba(247,148,29,.10), transparent 70%); pointer-events:none;}

@media (max-width:1399px) {
.trust-center {width:460px; height:460px;}
.trust-circle {width:240px; height:240px;}
.orbit {width:125px; height:125px;}
}

@media (max-width:1199px) {
.trust-center {position:relative; top:0; margin-bottom:60px;}
.trust-list {margin-top:30px;}
}

@media (max-width:991px) {
.trust-section {padding:90px 0;}
.trust-center {width:100%; height:auto; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:20px;}
.trust-circle {position:relative; left:auto; top:auto; transform:none; margin-bottom:20px;}
.orbit {position:relative; left:auto; right:auto; top:auto; bottom:auto; width:150px; height:150px;}
}

@media(max-width:767px) {
.trust-item {flex-direction:column; padding:24px; gap:18px;}
.trust-number {width:60px; height:60px; min-width:60px; font-size:20px;}
.trust-content h4 {font-size:22px;}
.trust-content p {font-size:15px;}
.trust-tags {gap:10px;}
.trust-tags span {font-size:13px; padding:8px 14px;}
.trust-stat {margin-bottom:20px;}
.trust-stat h3 {font-size:42px;}
}

@media(max-width:576px) {
.trust-circle {width:220px; height:220px;}
.trust-circle h3 {font-size:22px;}
.trust-logo {width:80px; height:80px;}
.trust-logo img {width:48px;}
.orbit {width:130px; height:130px;}
.orbit i {width:48px; height:48px; font-size:20px;}
.orbit span {font-size:13px;}
}

.trust-item {opacity:0; transform:translateY(40px);}
.trust-item.show {opacity:1; transform:translateY(0); transition:.7s ease;}
.trust-stat {opacity:0; transform:translateY(40px);}
.trust-stat.show {opacity:1; transform:translateY(0); transition:.7s ease;}
.trust-logo {position:relative; overflow:hidden;}
.trust-logo::before {content:""; position:absolute; inset:-30px; background:conic-gradient(transparent,rgba(247,148,29,.6), transparent, rgba(10, 45, 143, .5), transparent); animation:logoRotate 8s linear infinite;}
.trust-logo::after {content:""; position:absolute; inset:6px; background:#fff; border-radius:50%;}
.trust-logo img {position:relative; z-index:5;}

@keyframes logoRotate {
from {transform:rotate(0);}
to {transform:rotate(360deg);}
}

.orbit.active {background:var(--primary); color:#fff; transform:scale(1.1); box-shadow:0 20px 60px rgba(10,45,143,.3);}
.orbit.active span {color:#fff;}
.orbit.active i {background:var(--secondary);}
.trust-item {overflow:hidden;}
.trust-item::after {content:""; position:absolute; top:0; left:-120%; width:60%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent); transform:skewX(-25deg);}
.trust-item:hover::after {animation:shineTrust .9s;}

@keyframes shineTrust {
0% {left:-120%;}
100% {left:150%;}
}

.trust-stat:hover h3 {animation:counterPulse .6s;}

@keyframes counterPulse {
0% {transform:scale(1);}
50% {transform:scale(1.15);}
100% {transform:scale(1);}
}

.trust-grid {position:absolute; inset:0; pointer-events:none; opacity:.05; background-image:linear-gradient(#0A2D8F 1px,transparent 1px), linear-gradient(90deg, #0A2D8F 1px, transparent 1px); background-size:40px 40px;}
.cta-section {position:relative; padding:120px 0; overflow:hidden; background:#f7f9fc;}
.cta-wrapper {position:relative; overflow:hidden; border-radius:40px; padding:90px 70px; background:linear-gradient( 135deg, #081C56 0%, #0A2D8F 45%, #1846C5 100% ); box-shadow:0 40px 100px rgba(10, 45, 143, .22);}
.cta-wrapper::before {content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px); background-size:42px 42px; opacity:.35;}
.cta-wrapper::after {content:""; position:absolute; width:700px; height:700px; right:-250px; top:-250px; border-radius:50%; background:radial-gradient(circle, rgba(247,148,29,.18), transparent 70%);}
.cta-wrapper>* {position:relative; z-index:5;}
.cta-badge {display:inline-flex; align-items:center; gap:10px; padding:12px 22px; border-radius:50px; background:rgba(255,255,255,.12); backdrop-filter:blur(10px); color:#fff; font-weight:700; margin-bottom:25px;}
.cta-badge i {color:#F7941D;}
.cta-wrapper h2 {color:#fff; font-size:42px; line-height:1.1; font-weight:800; margin-bottom:28px;}
.cta-wrapper h2 span {color:#F7941D;}
.cta-wrapper p {color:rgba(255,255,255,.82); font-size:18px; line-height:1.9; margin-bottom:40px;}
.cta-buttons {display:flex; flex-wrap:wrap; gap:18px; margin-bottom:40px;}
.btn-outline-light-custom {display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:18px 32px; border-radius:60px; border:2px solid rgba(255,255,255,.35); background:rgba(255, 255, 255, .08); backdrop-filter:blur(12px); color:#fff; font-weight:700; text-decoration:none; transition:.35s;}
.btn-outline-light-custom:hover {background:#fff; color:var(--primary); transform:translateY(-5px);}
.cta-features {display:flex; flex-wrap:wrap; gap:16px;}
.cta-features div {display:flex; align-items:center; gap:10px; padding:14px 20px; border-radius:50px; background:rgba(255,255,255,.08); backdrop-filter:blur(12px); color:#fff; font-weight:600; transition:.35s;}
.cta-features div:hover {background:rgba(255,255,255,.15); transform:translateY(-4px);}
.cta-features i {color:#F7941D; font-size:20px;}
.cta-dashboard {position:relative; width:520px; height:520px; margin:auto;}
.dashboard-center {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:180px; height:180px; border-radius:50%; background:rgba(255, 255, 255, .12); backdrop-filter:blur(20px); border:1px solid rgba(255, 255, 255, .15); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#fff; box-shadow:0 30px 80px rgba(0, 0, 0, .18);}
.dashboard-center i {font-size:48px; color:#F7941D; margin-bottom:14px;}
.dashboard-center span {font-weight:700;}
.dash-card {position:absolute; width:170px; padding:20px; border-radius:24px; background:rgba(255,255,255,.10); backdrop-filter:blur(18px); border:1px solid rgba(255, 255, 255, .12); color:#fff; transition:.35s; box-shadow:0 18px 40px rgba(0, 0, 0, .15);}
.dash-card:hover {transform:translateY(-8px); background:rgba(255,255,255,.18);}
.dash-card i {font-size:28px; color:#F7941D; margin-bottom:12px;}
.dash-card h5 {margin-bottom:4px; font-size:18px; color:#fff; font-weight:700;}
.dash-card small {color:rgba(255,255,255,.75);}
.dash1 {top:10px; left:170px;}
.dash2 {right:0; top:170px;}
.dash3 {left:0; top:170px;}
.dash4 {bottom:10px; left:170px;}
.dashboard-center {animation:centerFloat 6s ease-in-out infinite;}

@keyframes centerFloat {
0%, 100% {transform:translate(-50%,-50%);}
50% {transform:translate(-50%, calc(-50% - 12px));}
}

.dash1 {animation:floatOne 6s ease-in-out infinite;}
.dash2 {animation:floatTwo 7s ease-in-out infinite;}
.dash3 {animation:floatThree 6.5s ease-in-out infinite;}
.dash4 {animation:floatFour 7.5s ease-in-out infinite;}

@keyframes floatOne {
0%, 100% {transform:translateY(0);}
50% {transform:translateY(-15px);}
}

@keyframes floatTwo {
0%, 100% {transform:translateY(0);}
50% {transform:translateY(15px);}
}

@keyframes floatThree {
0%, 100% {transform:translateY(0);}
50% {transform:translateY(-18px);}
}

@keyframes floatFour {
0%, 100% {transform:translateY(0);}
50% {transform:translateY(18px);}
}

.dashboard-center::before {content:""; position:absolute; inset:-18px; border-radius:50%; border:2px solid rgba(79,209,255,.18); animation:glowRing 8s linear infinite;}
.dashboard-center::after {content:""; position:absolute; inset:-40px; border-radius:50%; border:2px dashed rgba(247,148,29,.25); animation:rotateRing 18s linear infinite;}

@keyframes glowRing {
from {transform:rotate(0);}
to {transform:rotate(360deg);}
}

@keyframes rotateRing {
from {transform:rotate(360deg);}
to {transform:rotate(0);}
}

.dash-card {overflow:hidden;}
.dash-card::before {content:""; position:absolute; top:0; left:-120%; width:60%; height:100%; background:linear-gradient( 90deg, transparent, rgba(255,255,255,.35), transparent ); transform:skewX(-25deg);}
.dash-card:hover::before {animation:shineDash .8s;}

@keyframes shineDash {
0% {left:-120%;}
100% {left:150%;}
}

.cta-buttons .btn {transition:.35s;}
.cta-buttons .btn:hover {transform:translateY(-5px);}
.cta-buttons .btn i {transition:.35s;}
.cta-buttons .btn:hover i {transform:translateX(5px);}
.cta-badge {animation:fadeUp .5s;}
.cta-wrapper h2 {animation:fadeUp .8s .2s both;}
.cta-wrapper p {animation:fadeUp .8s .4s both;}
.cta-buttons {animation:fadeUp .8s .6s both;}
.cta-features {animation:fadeUp .8s .8s both;}

@keyframes fadeUp {
from {opacity:0; transform:translateY(40px);}
to {opacity:1; transform:translateY(0);}
}

.cta-features div {cursor:pointer;}
.cta-features div:hover {box-shadow:0 18px 35px rgba(255,255,255,.08);}

@media(max-width:1199px) {
.cta-wrapper {padding:70px 50px;}
.cta-wrapper h2 {font-size:48px;}
.cta-dashboard {width:420px; height:420px;}
.dash-card {width:150px; padding:18px;}
}

@media(max-width:991px) {
.cta-wrapper {padding:60px 35px; text-align:center;}
.cta-buttons {justify-content:center;}
.cta-features {justify-content:center; margin-bottom:50px;}
.cta-dashboard {margin-top:40px;}
}

@media(max-width:767px) {
.cta-wrapper {padding:45px 25px; border-radius:30px;}
.cta-wrapper h2 {font-size:34px;}
.cta-wrapper p {font-size:16px;}
.cta-buttons {flex-direction:column;}
.cta-buttons .btn {width:100%; justify-content:center;}
.cta-dashboard {width:100%; height:auto; display:grid; grid-template-columns:repeat(2,1fr); gap:20px;}
.dashboard-center {position:relative; left:auto; top:auto; transform:none; width:100%; height:180px; grid-column:1 / -1; margin-bottom:15px;}
.dash-card {position:relative; left:auto; right:auto; top:auto; bottom:auto; width:100%;}
}

@media(max-width:575px) {
.cta-features {flex-direction:column;}
.cta-features div {justify-content:center;}
.cta-wrapper h2 {font-size:28px;}
}

.dash-card.active {transform:translateY(-12px) scale(1.05)!important; background:rgba(255,255,255,.18); border-color:rgba(79, 209, 255, .45); box-shadow:0 25px 60px rgba(79, 209, 255, .25);}
.hub-active {box-shadow:0 0 70px rgba(79,209,255,.35), 0 30px 80px rgba(0, 0, 0, .20); transition:.4s;}
.pulse-card {animation:cardPulse 1.2s;}

@keyframes cardPulse {
0% {transform:scale(1);}
40% {transform:scale(1.08);}
100% {transform:scale(1);}
}

.cta-section {opacity:0; transform:translateY(60px); transition:1s ease;}
.cta-section.show {opacity:1; transform:translateY(0);}

.footer {background:#071B58; color:#fff; position:relative; overflow:hidden;}
.footer::before {content:""; position:absolute; right:-250px; top:-250px; width:600px; height:600px; border-radius:50%; background:radial-gradient(circle,rgba(247,148,29,.12),transparent 70%);}
.footer-top {padding:80px 0; border-bottom:1px solid rgba(255,255,255,.08);}
.footer-mini-title {color:#F7941D; font-weight:700; text-transform:uppercase; letter-spacing:2px;}
.footer-top h2 {font-size:48px; font-weight:800; margin:20px 0; color:#fff;}
.footer-top p {color:rgba(255,255,255,.7);}
.footer .container {position:relative; z-index:2;}
.footer {padding-bottom:40px;}
.footer>.container {padding-top:70px;}
.footer h5 {margin-bottom:25px; font-weight:700; color:#fff;}
.footer ul {list-style:none; padding:0; margin:0;}
.footer li {margin-bottom:14px;}
.footer a {color:rgba(255,255,255,.75); text-decoration:none; transition:.3s;}
.footer a:hover {color:#F7941D; padding-left:5px;}
.footer-about {line-height:1.9; color:rgba(255,255,255,.7);}
.footer-social {display:flex; gap:15px; margin-top:30px;}
.footer-social a {width:46px; height:46px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(255,255,255,.08); font-size:18px;}
.footer-social a:hover {background:#F7941D; color:#fff; transform:translateY(-5px);}
.footer-contact li {display:flex; gap:12px; align-items:flex-start;}
.footer-contact i {color:#F7941D; margin-top:3px;}
.footer-certifications {display:flex; flex-wrap:wrap; gap:15px; justify-content:center; padding:60px 0; border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); margin-top:60px;}
.footer-certifications span {padding:12px 22px; border-radius:40px; background:rgba(255,255,255,.08);}
.footer-bottom {display:flex; justify-content:space-between; align-items:center; padding-top:35px; font-size:15px; color:rgba(255,255,255,.6); flex-wrap:wrap; gap:20px;}
.footer-bottom a {margin-left:25px;}

@media(max-width:991px) {
.footer-top {text-align:center;}
.footer-bottom {justify-content:center; text-align:center;}
.footer {padding-bottom:25px;}
}

@media(max-width:767px) {
.footer-top h2 {font-size:34px;}
.footer-certifications {justify-content:flex-start;}
.footer-bottom a {margin-left:12px;}
}