li {
     font-family: "Manrope", sans-serif;
 }

 P {
     font-family: "Manrope", sans-serif;
 }

 .gov-hero {
     position: relative;
     background: url("../government.png") center/cover no-repeat;

     padding: 120px 0 140px;
     color: #fff;
     overflow: hidden;
 }

 .gov-hero::before {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient(135deg,
             rgba(11, 42, 74, .88),
             rgba(18, 61, 107, .85),
             rgba(11, 42, 74, .92));
 }

 .gov-hero::after {
     content: "";
     position: absolute;
     inset: 0;
     background: radial-gradient(circle at 50% 40%,
             rgba(255, 255, 255, .12),
             rgba(255, 255, 255, .05),
             transparent 55%);
     mix-blend-mode: overlay;
 }

 .gov-container.center {
     max-width: 900px;
     margin: auto;
     padding: 0 20px;
     text-align: center;
     position: relative;
     z-index: 2;
 }

 .gov-tag {
     display: inline-block;
     background: rgba(255, 255, 255, .12);
     padding: 6px 14px;
     border-radius: 30px;
     font-size: 13px;
     margin-bottom: 20px;
 }

 .gov-hero h1 {
     font-size: 48px;
     line-height: 1.15;
     margin-bottom: 18px;
 }

 .gov-hero p {
     font-size: 18px;
     line-height: 1.7;
     opacity: .95;
     margin-bottom: 32px;
     font-family: "Manrope", sans-serif;
 }

 .gov-hero-actions {
     display: flex;
     justify-content: center;
     gap: 14px;
     margin-bottom: 42px;
 }


 .btn-primary {
     background: linear-gradient(90deg, #2bb3ff, #1e90ff);
     color: #fff;
     padding: 13px 26px;
     border-radius: 8px;
     font-weight: 600;
     text-decoration: none;
     box-shadow: 0 8px 20px rgba(0, 0, 0, .25);
     transition: .25s;
 }

 .btn-primary:hover {
     transform: translateY(-2px)
 }

 .btn-outline {
     border: 1px solid rgba(255, 255, 255, .6);
     color: #fff;
     padding: 13px 26px;
     border-radius: 8px;
     text-decoration: none;
 }

 .gov-hero-stats {
     display: flex;
     justify-content: center;
     gap: 22px;
     flex-wrap: wrap;
     margin-top: 40px;
 }

 .stat-card {
     backdrop-filter: blur(10px);
     background: rgba(255, 255, 255, .08);
     border: 1px solid rgba(255, 255, 255, .12);
     padding: 22px 30px;
     border-radius: 14px;
     min-width: 150px;
     transition: .3s;
 }

 .stat-card:hover {
     transform: translateY(-6px);
     background: rgba(255, 255, 255, .12);
 }

 .stat-card h3 {
     font-size: 30px;
     color: #2bb3ff;
     margin-bottom: 4px;
 }

 .stat-card span {
     font-size: 14px;
     opacity: .85;
 }


 .gov-solutions,
 .gov-benefits,
 .gov-usecases,
 .gov-approach,
 .gov-domains {
     padding: 90px 0;
 }

 .gov-solutions {
     background: #f6f9fc
 }

 .gov-usecases {
     background: #f8fbff
 }

 .gov-domains {
     background: #fff
 }

 .gov-benefits {
     background: #fff
 }

 .gov-approach {
     background: #fff
 }

 .section-title {
     text-align: center;
     margin-bottom: 50px;
     font-size: 34px;
 }

 .gov-container {
     max-width: 1200px;
     margin: auto;
     padding: 0 20px;
 }


 .solution-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 25px;
 }

 .solution-card {
     background: #fff;
     padding: 30px;
     border-radius: 12px;
     box-shadow: 0 10px 25px rgba(0, 0, 0, .06);
     transition: .3s;
 }

 .solution-card:hover {
     transform: translateY(-6px)
 }

 .solution-card .icon {
     width: 48px;
     height: 48px;
     border-radius: 10px;
     background: rgba(43, 179, 255, .08);
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 16px;
     color: #2bb3ff;
 }

 .solution-card h3 {
     margin-bottom: 10px;
     font-size: 20px;
 }

 .solution-card p {
     font-size: 15.5px;
     line-height: 1.65;
     color: #4a5568;
     font-family: "Manrope", sans-serif;
 }


 .benefits-grid {
     display: grid;
     grid-template-columns: 1.2fr 1fr;
     gap: 50px;
     align-items: center;
 }

 .benefit-list {
     margin-top: 22px;
     padding: 0;
     list-style: none;
 }

 .benefit-list li {
     position: relative;
     padding-left: 28px;
     margin-bottom: 14px;
     line-height: 1.6;
     color: #2d3748;
 }



 .benefit-card {
     background: linear-gradient(135deg, #0b2a4a, #123d6b);
     color: #fff;
     padding: 36px;
     border-radius: 16px;
     box-shadow: 0 20px 40px rgba(11, 42, 74, .25);
 }

 .benefit-card h3 {
     margin-bottom: 12px
 }

 .benefit-card p {
     opacity: .9;
     margin-bottom: 26px;
     font-family: "Manrope", sans-serif;
 }

 .mini-stats {
     display: flex;
     justify-content: space-between;
     margin-top: 25px;
 }

 .mini-stats strong {
     display: block;
     font-size: 22px;
 }

 .mini-stats span {
     display: block;
     font-size: 13px;
     opacity: .85;
     margin-top: 4px;
 }


 .usecase-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 28px;
     margin-top: 40px;
 }

 .usecase-item h4 {
     margin-bottom: 8px;
     font-size: 18px;
 }

 .usecase-item p {
     font-size: 15.5px;
     line-height: 1.6;
     color: #4a5568;
     font-family: "Manrope", sans-serif;
 }


 .approach-steps {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 28px;
     margin-top: 40px;
 }

 .step span {
     font-size: 28px;
     font-weight: 700;
     color: #2bb3ff;
     display: block;
     margin-bottom: 10px;
 }

 .step h4 {
     margin-bottom: 8px
 }

 .step p {
     font-size: 15.5px;
     color: #4a5568;
     line-height: 1.6;
     font-family: "Manrope", sans-serif;
 }


 .domain-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 40px;
     margin-top: 40px;
 }

 .domain-card {
     background: #f8fbff;
     padding: 32px;
     border-radius: 14px;
     border: 1px solid #e6eef8;
 }

 .domain-card h3 {
     margin-bottom: 12px;
     font-size: 22px;
 }

 .domain-card p {
     margin-bottom: 16px;
     color: #4a5568;
     line-height: 1.6;
     font-family: "Manrope", sans-serif;
 }

 .domain-card ul {
     padding-left: 18px
 }

 .domain-card li {
     margin-bottom: 8px;
     color: #2d3748;
 }


 .gov-cta {
     background: linear-gradient(135deg, #123d6b, #0b2a4a);
     color: #fff;
     text-align: center;
     padding: 80px 0;
 }

 .gov-cta h2 {
     font-size: 32px;
     margin-bottom: 15px;
 }

 .btn-primary.large {
     margin-top: 20px;
     display: inline-block;
     font-size: 16px;
     padding: 14px 32px;
 }


 @media(max-width:992px) {
     .solution-grid {
         grid-template-columns: 1fr 1fr
     }

     .benefits-grid {
         grid-template-columns: 1fr
     }

     .usecase-grid {
         grid-template-columns: 1fr 1fr
     }

     .approach-steps {
         grid-template-columns: 1fr 1fr
     }

     .domain-grid {
         grid-template-columns: 1fr
     }
 }

 @media(max-width:600px) {
     .gov-hero h1 {
         font-size: 32px
     }

     .solution-grid,
     .usecase-grid,
     .approach-steps {
         grid-template-columns: 1fr
     }

     .gov-hero-stats {
         flex-direction: column;
         align-items: center
     }
 }

 .gov-visual {
     padding: 90px 0;
     background: #f8fbff;
 }

 .gov-diagram {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 24px;
     flex-wrap: wrap;
     margin-top: 40px;
 }

 .node {
     background: #fff;
     border: 1px solid #e6eef8;
     border-radius: 14px;
     padding: 20px 18px;
     width: 140px;
     text-align: center;
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
 }

 .node .icon {
     width: 44px;
     height: 44px;
     margin: 0 auto 10px;
     color: #2bb3ff;
 }

 .node span {
     font-size: 14px;
     color: #2d3748;
     font-weight: 500;
 }

 .node.highlight {
     background: linear-gradient(135deg, #0b2a4a, #123d6b);
     color: #fff;
 }

 .node.highlight span {
     color: #fff;
 }

 .line {
     width: 40px;
     height: 2px;
     background: #cfe3ff;
 }

 @media (max-width:900px) {
     .gov-diagram {
         flex-direction: column;
     }

     .line {
         width: 2px;
         height: 30px;
     }
 }


 .gov-architecture {
     padding: 90px 0;
     background: #ffffff;
 }

 .gov-architecture.alt {
     background: #f8fbff;
 }

 .section-sub {
     text-align: center;
     max-width: 800px;
     margin: 0 auto 40px;
     color: #4a5568;
     line-height: 1.7;
 }


 .arch-diagram {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-wrap: wrap;
     gap: 18px;
     margin-top: 30px;
 }

 .arch-box {
     padding: 18px 26px;
     border-radius: 10px;
     background: #f1f6fd;
     border: 1px solid #dbe7f5;
     font-weight: 600;
     color: #0b2a4a;
 }

 .arch-arrow {
     font-size: 22px;
     color: #2bb3ff;
 }


 .arch-diagram.circle {
     gap: 26px;
 }

 .arch-node {
     width: 120px;
     height: 120px;
     border-radius: 50%;
     background: #eaf4ff;
     border: 1px solid #cfe3ff;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     font-weight: 600;
     color: #0b2a4a;
     z-index: 999;
 }


 .cloud-arch {
     max-width: 520px;
     margin: 40px auto 0;
     text-align: center;
 }

 .cloud-layer {
     padding: 16px;
     border-radius: 10px;
     background: #f1f6fd;
     border: 1px solid #dbe7f5;
     margin: 10px 0;
     font-weight: 600;
     color: #0b2a4a;
 }

 .cloud-arrow {
     color: #2bb3ff;
     font-size: 20px;
 }

 @media (max-width:768px) {
     .arch-diagram {
         flex-direction: column;
     }
 }

 .gov-architecture {
     padding: 100px 0;
     background: #fff;
 }

 .gov-architecture.alt {
     background: #f8fbff;
 }

 .section-sub {
     text-align: center;
     max-width: 780px;
     margin: 0 auto 50px;
     color: #4a5568;
     line-height: 1.7;
 }

 .flow {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 18px;
     flex-wrap: wrap;
 }

 .flow-box {
     padding: 18px 26px;
     border-radius: 10px;
     background: #eef5ff;
     border: 1px solid #d6e6ff;
     font-weight: 600;
     color: #0b2a4a;
     animation: float 4s ease-in-out infinite;
 }

 .flow-line {
     width: 60px;
     height: 2px;
     background: linear-gradient(90deg, #2bb3ff, transparent);
     animation: flow 2s linear infinite;
 }

 @keyframes flow {
     from {
         background-position: 0 0;
     }

     to {
         background-position: 60px 0;
     }
 }

 @keyframes float {

     0%,
     100% {
         transform: translateY(0);
     }

     50% {
         transform: translateY(-6px);
     }
 }


 .mdm-cycle {
     position: relative;
     width: 320px;
     height: 320px;
     margin: 40px auto;
     animation: rotate 20s linear infinite;
 }

 .node {
     position: absolute;
     width: 110px;
     height: 110px;
     border-radius: 50%;
     background: #eaf3ff;
     border: 1px solid #cfe3ff;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     font-weight: 600;
     color: #0b2a4a;
 }

 .n1 {
     top: 0;
     left: 105px;
 }

 .n2 {
     top: 40px;
     right: 0;
 }

 .n3 {
     bottom: 40px;
     right: 0;
 }

 .n4 {
     bottom: 0;
     left: 105px;
 }

 .n5 {
     bottom: 40px;
     left: 0;
 }

 .n6 {
     top: 40px;
     left: 0;
 }

 @keyframes rotate {
     from {
         transform: rotate(0);
     }

     to {
         transform: rotate(360deg);
     }
 }


 .cloud-stack {
     max-width: 420px;
     margin: 50px auto 0;
 }

 .layer {
     padding: 16px;
     border-radius: 10px;
     background: #eef5ff;
     border: 1px solid #d6e6ff;
     margin: 12px 0;
     text-align: center;
     font-weight: 600;
     color: #0b2a4a;
     opacity: 0;
     transform: translateY(20px);
     animation: fadeUp 0.8s forwards;
 }

 .l1 {
     animation-delay: .1s
 }

 .l2 {
     animation-delay: .3s
 }

 .l3 {
     animation-delay: .5s
 }

 .l4 {
     animation-delay: .7s
 }

 .l5 {
     animation-delay: .9s
 }

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

 @media(max-width:768px) {
     .flow {
         flex-direction: column
     }

     .flow-line {
         width: 2px;
         height: 40px
     }
 }


 .gov-architecture-premium {
     padding: 120px 0;
     background: linear-gradient(180deg, #f8fbff, #ffffff);
 }

 .arch-diagram {
     position: relative;
     height: 420px;
     max-width: 800px;
     margin: 60px auto 0;
 }

 .arch-node {
     position: absolute;
     width: 140px;
     height: 140px;
     border-radius: 18px;
     background: #ffffff;
     border: 1px solid #e2ecff;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     gap: 8px;
     text-align: center;
     font-weight: 600;
     color: #0b2a4a;
     box-shadow: 0 10px 25px rgba(11, 42, 74, 0.08);
     transition: .35s;
     opacity: 0;
     transform: translateY(30px);
 }

 .arch-node svg {
     width: 28px;
     height: 28px;
     stroke: #2bb3ff;
     fill: none;
     stroke-width: 1.6;
 }

 .arch-node:hover {
     transform: translateY(-6px) scale(1.04);
     box-shadow: 0 20px 40px rgba(43, 179, 255, .25);
     border-color: #2bb3ff;
 }


 .n-device {
     left: 0;
     top: 140px
 }

 .n-enroll {
     left: 160px;
     top: 140px
 }

 .n-mdm {
     left: 320px;
     top: 140px
 }

 .n-sec {
     left: 480px;
     top: 140px
 }

 .n-cloud {
     left: 640px;
     top: 140px
 }

 .n-data {
     left: 317px;
     top: 300px
 }


 .arch-lines {
     position: absolute;
     inset: 0;
     width: 97%;
     height: 100%;
 }

 .arch-lines path {
     stroke: #2bb3ff;
     stroke-width: 2;
     fill: none;
     stroke-dasharray: 6 6;
     opacity: .5;
     animation: dash 8s linear infinite;
 }

 @keyframes dash {
     to {
         stroke-dashoffset: -60
     }
 }


 .arch-visible .arch-node {
     opacity: 1;
     transform: translateY(0);
 }

 .arch-visible .n-device {
     transition-delay: .1s
 }

 .arch-visible .n-enroll {
     transition-delay: .2s
 }

 .arch-visible .n-mdm {
     transition-delay: .3s
 }

 .arch-visible .n-sec {
     transition-delay: .4s
 }

 .arch-visible .n-cloud {
     transition-delay: .5s
 }

 .arch-visible .n-data {
     transition-delay: .6s
 }

 @media(max-width:900px) {
     .arch-diagram {
         height: auto
     }

     .arch-node {
         position: static;
         margin: 14px auto;
         width: 90%;
     }

     .arch-lines {
         display: none
     }
     .premium-stats{
        flex-direction: column;
     }
 }

 .domain-list {
     list-style: none;
     padding: 0;
     margin-top: 14px;
 }

 .domain-list li {
     display: flex;
     align-items: flex-start;
     gap: 10px;
     margin-bottom: 10px;
     color: #2d3748;
     line-height: 1.55;
     font-size: 15.5px;
 }

 .domain-list svg {
     width: 16px;
     height: 16px;
     stroke: #2bb3ff;
     fill: none;
     stroke-width: 2;
     margin-top: 3px;
     flex-shrink: 0;
 }

 .gov-arch-img {
     border-radius: 20px;
 }



 .gov-solutions {
     padding: 100px 0;
     background: linear-gradient(180deg, #f6f9fc, #ffffff);
 }

 .solution-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 28px;
     margin-top: 50px;
 }

 .solution-card {
     background: #fff;
     border-radius: 16px;
     padding: 32px 28px;
     border: 1px solid #e6eef8;
     box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
     transition: all .35s ease;
     position: relative;
     overflow: hidden;
 }

 .solution-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 25px 50px rgba(0, 0, 0, .12);
 }


 .sol-icon {
     width: 52px;
     height: 52px;
     border-radius: 12px;
     background: rgba(43, 179, 255, .08);
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 18px;
 }

 .sol-icon svg {
     width: 26px;
     height: 26px;
     stroke: #2bb3ff;
     stroke-width: 1.7;
     fill: none;
 }

 .solution-card.highlight {
     border: 1px solid rgba(43, 179, 255, .4);
     box-shadow: 0 15px 40px rgba(43, 179, 255, .18);
 }

 .solution-card.highlight::after {
     content: "";
     position: absolute;
     inset: 0;
     background: radial-gradient(circle at 50% 0%,
             rgba(43, 179, 255, .15),
             transparent 70%);
     pointer-events: none;
 }

 .solution-card h3 {
     font-size: 20px;
     margin-bottom: 12px;
     color: #0b2a4a;
 }

 .solution-card p {
     font-size: 15.5px;
     line-height: 1.65;
     color: #4a5568;
     font-family: "Manrope", sans-serif;
 }

 @media (max-width: 992px) {
     .solution-grid {
         grid-template-columns: 1fr 1fr;
     }
 }

 @media (max-width: 600px) {
     .solution-grid {
         grid-template-columns: 1fr;
     }
 }

 .solution-card {
     opacity: 0;
     transform: translateY(40px) scale(.96);
 }


 .solution-card.show {
     opacity: 1;
     transform: translateY(0) scale(1);
     transition: all .7s cubic-bezier(.2, .8, .2, 1);
 }


 .solution-card:nth-child(1) {
     transition-delay: .05s;
 }

 .solution-card:nth-child(2) {
     transition-delay: .12s;
 }

 .solution-card:nth-child(3) {
     transition-delay: .18s;
 }

 .solution-card:nth-child(4) {
     transition-delay: .24s;
 }

 .solution-card:nth-child(5) {
     transition-delay: .30s;
 }

 .solution-card:nth-child(6) {
     transition-delay: .36s;
 }


 .solution-card::before {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient(120deg,
             transparent 30%,
             rgba(255, 255, 255, .35),
             transparent 70%);
     transform: translateX(-120%);
     transition: .6s;
 }

 .solution-card:hover::before {
     transform: translateX(120%);
 }

 .sol-icon {
     position: relative;
 }

 .sol-icon::after {
     content: "";
     position: absolute;
     inset: -6px;
     border-radius: 14px;
     background: radial-gradient(circle,
             rgba(43, 179, 255, .35),
             transparent 70%);
     opacity: 0;
     transform: scale(.8);
     transition: .4s;
 }

 .solution-card:hover .sol-icon::after {
     opacity: 1;
     transform: scale(1.2);
 }


 .solution-card.highlight {
     animation: cyberGlow 3s ease-in-out infinite;
 }

 @keyframes cyberGlow {

     0%,
     100% {
         box-shadow: 0 0 0 rgba(43, 179, 255, .2),
             0 15px 40px rgba(43, 179, 255, .15);
     }

     50% {
         box-shadow: 0 0 18px rgba(43, 179, 255, .35),
             0 25px 55px rgba(43, 179, 255, .25);
     }
 }

 .benefit-text h2 {
     margin-bottom: 14px;
 }

 .benefit-text p {
     margin-bottom: 22px;
     color: #4a5568;
     line-height: 1.7;
     font-family: "Manrope", sans-serif;
 }

 .benefit-list {
     list-style: none;
     padding: 0;
     margin-top: 22px;
 }

 .benefit-list li {
     display: flex;
     align-items: flex-start;
     gap: 12px;
     margin-bottom: 16px;
     line-height: 1.6;
     color: #2d3748;
     font-size: 15.5px;
 }

 .benefit-list svg {
     width: 18px;
     height: 18px;
     fill: none;
     stroke: #2bb3ff;
     stroke-width: 1.8;
     flex-shrink: 0;
     margin-top: 2px;
 }

 .glow-card {
     background: linear-gradient(135deg, #0b2a4a, #123d6b);
     border-radius: 16px;
     padding: 38px;
     color: #fff;
     box-shadow: 0 20px 45px rgba(11, 42, 74, .35);
     position: relative;
     overflow: hidden;
 }

 .glow-card::after {
     content: "";
     position: absolute;
     inset: -30%;
     background: radial-gradient(circle,
             rgba(43, 179, 255, .25),
             transparent 60%);
     opacity: .6;
 }

 .premium-stats {
     display: flex;
     gap: 14px;
     margin-top: 26px;
 }

 .stat-tile {
     flex: 1;
     background: rgba(255, 255, 255, .08);
     border: 1px solid rgba(255, 255, 255, .15);
     padding: 14px;
     border-radius: 10px;
     text-align: center;
     transition: .3s;
 }

 .stat-tile strong {
     display: block;
     font-size: 16px;
     margin-bottom: 4px;
     color: #2bb3ff;
 }

 .stat-tile span {
     font-size: 12.5px;
     opacity: .85;
 }

 .stat-tile:hover {
     transform: translateY(-4px);
     background: rgba(255, 255, 255, .14);
 }

 .reveal {
     opacity: 0;
     transform: translateY(30px);
     transition: .8s ease;
 }

 .reveal.show {
     opacity: 1;
     transform: none;
 }

 .gov-usecases.ultra {
     padding: 110px 0;
     background:
         radial-gradient(circle at 50% 0%, rgba(43, 179, 255, .06), transparent 60%),
         #f8fbff;
     position: relative;
 }


 .gov-usecases.ultra::before {
     content: "";
     position: absolute;
     inset: 0;
     background-image:
         linear-gradient(rgba(43, 179, 255, .05) 1px, transparent 1px),
         linear-gradient(90deg, rgba(43, 179, 255, .05) 1px, transparent 1px);
     background-size: 40px 40px;
     pointer-events: none;
 }


 .ultra-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 40px;
     margin-top: 60px;
     position: relative;
 }

 .ultra-grid::before {
     content: "";
     position: absolute;
     top: 50%;
     left: 5%;
     right: 5%;
     height: 2px;
     background: linear-gradient(90deg, transparent, #2bb3ff, transparent);
     opacity: .25;
 }

 .ultra-card {
     background: #fff;
     padding: 28px;
     border-radius: 16px;
     border: 1px solid #e6eef8;
     box-shadow: 0 20px 40px rgba(11, 42, 74, .08);
     transition: .4s;
     position: relative;
 }


 .ultra-card::after {
     content: "";
     position: absolute;
     inset: -1px;
     border-radius: 16px;
     background: linear-gradient(120deg, #2bb3ff, transparent, #2bb3ff);
     opacity: 0;
     transition: .4s;
     z-index: -1;
 }

 .ultra-card:hover {
     transform: translateY(-10px) scale(1.02);
     box-shadow: 0 30px 60px rgba(11, 42, 74, .18);
 }

 .ultra-card:hover::after {
     opacity: .25;
 }


 .ultra-card.highlight {
     transform: scale(1.05);
     box-shadow: 0 30px 70px rgba(43, 179, 255, .25);
 }

 .usecase-icon {
     width: 52px;
     height: 52px;
     border-radius: 14px;
     background: rgba(43, 179, 255, .08);
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 16px;
 }

 .usecase-icon svg {
     width: 26px;
     height: 26px;
     stroke: #2bb3ff;
     stroke-width: 1.8;
     fill: none;
 }


 .ultra-card h4 {
     margin-bottom: 10px;
     font-size: 18px;
 }

 .ultra-card p {
     font-size: 15.5px;
     line-height: 1.65;
     color: #4a5568;
     font-family: "Manrope", sans-serif;
 }


 @media(max-width:1100px) {
     .ultra-grid {
         grid-template-columns: repeat(2, 1fr);
     }

     .ultra-grid::before {
         display: none;
     }
 }

 @media(max-width:600px) {
     .ultra-grid {
         grid-template-columns: 1fr;
     }
 }



 .timeline-approach {
     padding: 110px 0;
     background: #fff;
 }



 .timeline {
     position: relative;
     display: flex;
     justify-content: space-between;
     gap: 30px;
     margin-top: 70px;
 }

 .timeline::before {
     content: "";
     position: absolute;
     top: 22px;
     left: 0;
     right: 0;
     height: 3px;
     background: #bfe3ff;
 }


 .timeline-item {
     position: relative;
     text-align: center;
     width: 100%;
     padding-top: 40px;
 }


 .timeline-point {
     position: absolute;
     top: 14px;
     left: 50%;
     transform: translateX(-50%);
     width: 18px;
     height: 18px;
     background: #2bb3ff;
     border-radius: 50%;
     box-shadow: 0 0 0 6px rgba(43, 179, 255, .15);
     z-index: 2;
 }


 .timeline-item::after {
     content: "";
     position: absolute;
     top: 32px;
     left: 50%;
     transform: translateX(-50%);
     width: 2px;
     height: 32px;
     background: #bfe3ff;
 }


 .timeline-card {
     background: #fff;
     border: 1px solid #e6eef8;
     border-radius: 16px;
     padding: 26px;
     box-shadow: 0 15px 35px rgba(11, 42, 74, .08);
     transition: .35s;
     min-height: 190px;
 }

 .timeline-card span {
     color: #2bb3ff;
     font-weight: 700;
     display: block;
     margin-bottom: 6px;
 }

 .timeline-card h4 {
     margin-bottom: 10px;
     font-size: 17px;
 }

 .timeline-card p {
     font-size: 15px;
     color: #4a5568;
     line-height: 1.6;
     font-family: "Manrope", sans-serif;
 }


 .timeline-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 25px 60px rgba(11, 42, 74, .18);
 }


 .timeline-item.highlight .timeline-point {
     background: #0b2a4a;
     box-shadow: 0 0 0 8px rgba(11, 42, 74, .18);
 }

 .timeline-item.highlight .timeline-card {
     border-color: #2bb3ff;
     box-shadow: 0 30px 70px rgba(43, 179, 255, .25);
 }


 @media(max-width:1000px) {

     .timeline {
         flex-direction: column;
         gap: 40px;
     }

     .timeline::before {
         width: 3px;
         height: 100%;
         left: 24px;
         top: 0;
     }

     .timeline-item {
         padding-top: 0;
         padding-left: 60px;
         text-align: left;
     }

     .timeline-point {
         left: 24px;
         top: 0;
         transform: none;
     }

     .timeline-item::after {
         left: 24px;
         top: 18px;
         height: 40px;
     }
 }


 .gov-cta {
     position: relative;
     padding: 110px 20px;
     color: #fff;
     text-align: center;
     overflow: hidden;
     background: linear-gradient(135deg, #0b2a4a 0%, #123d6b 60%, #0b2a4a 100%);
 }


 .gov-cta::before {
     content: "";
     position: absolute;
     inset: 0;
     background-image:
         radial-gradient(circle at 20% 30%, rgba(43, 179, 255, .08) 0%, transparent 40%),
         radial-gradient(circle at 80% 70%, rgba(43, 179, 255, .06) 0%, transparent 45%);
     z-index: 0;
 }

 .gov-cta::after {
     content: "";
     position: absolute;
     right: -120px;
     bottom: -80px;
     width: 420px;
     height: 420px;
     background: url("../gov-pattern.svg") no-repeat center/contain;
     opacity: .06;
     z-index: 0;
 }

 .gov-cta-inner {
     position: relative;
     z-index: 1;
     max-width: 880px;
     margin: auto;
 }

 .gov-cta h2 {
     font-size: 36px;
     margin-bottom: 18px;
     line-height: 1.25;
 }

 .gov-cta p {
     font-size: 18px;
     opacity: .95;
     margin-bottom: 38px;
     line-height: 1.7;
     font-family: "Manrope", sans-serif;
 }

 .btn-cta-glow {
     display: inline-block;
     background: linear-gradient(90deg, #2bb3ff, #1e90ff);
     color: #fff;
     padding: 15px 32px;
     border-radius: 10px;
     font-weight: 600;
     text-decoration: none;
     position: relative;
     box-shadow:
         0 0 0 rgba(43, 179, 255, 0),
         0 10px 25px rgba(0, 0, 0, .25);
     transition: .3s;
 }

 .btn-cta-glow:hover {
     transform: translateY(-2px);
     box-shadow:
         0 0 18px rgba(43, 179, 255, .6),
         0 12px 30px rgba(0, 0, 0, .35);
 }

 .gov-trust {
     margin-top: 40px;
     font-size: 14px;
     opacity: .9;
 }

 .trust-items {
     display: flex;
     justify-content: center;
     gap: 28px;
     margin-top: 14px;
     flex-wrap: wrap;
 }

 .trust-items div {
     background: rgba(255, 255, 255, .08);
     padding: 8px 14px;
     border-radius: 20px;
     backdrop-filter: blur(6px);
 }

 @media (max-width:768px) {
     .gov-cta {
         padding: 80px 20px;
     }

     .gov-cta h2 {
         font-size: 28px;
     }

     .gov-cta p {
         font-size: 16px;
         font-family: "Manrope", sans-serif;
     }
 }