.about-page{--navy:#081525;--ink:#101f32;--mute:#617083;--blue:#175dea;--cyan:#4fd6f4;--line:#dfe7f0;--soft:#f4f7fb; color:var(--ink)}
.about-page h1,.about-page h2,.about-page h3,.about-page h4,.about-page .navbar-brand{font-family: 'Manrope',sans-serif;}
.about-page .container{max-width: 1200px;}
.about-page .nav-shell{background: rgba(255,255,255,.96); backdrop-filter: blur(18px); border-bottom: 1px solid #e9eef5; z-index: 1030;}
.about-page .navbar{min-height: 78px;}
.about-page .navbar-brand{font-weight: 800; letter-spacing: -1.2px; font-size: 1.56rem; color: #10243c !important;}
.about-page .brand-mark{width: 29px; height: 29px; display: inline-grid; place-items: center; margin-right: 9px; background: var(--blue); border-radius: 8px; color: #fff; transform: rotate(-8deg);}
.about-page .brand-mark i{transform: rotate(8deg); font-size: 16px;}
.about-page .nav-link{color: #33435a !important; font-weight: 600; font-size: .9rem; margin: 0 10px;}
.about-page .nav-link:hover{color: var(--blue) !important;}
.about-page .btn-blue{background: var(--blue); border: 1px solid var(--blue); color: #fff; border-radius: 8px; padding: 13px 22px; font-weight: 700; transition: .2s;}
.about-page .btn-blue:hover{background: #0a49c3; border-color: #0a49c3; color: #fff; transform: translateY(-2px);}
.about-page .btn-outline-light-custom{border: 1px solid #829ab5; color: #fff; border-radius: 8px; padding: 13px 22px; font-weight: 700;}
.about-page .btn-outline-light-custom:hover{background: #fff; color: #0b1c31;}
.about-page .eyebrow{display: inline-flex; align-items: center; gap: 9px; font-size: 12px; letter-spacing: .16em; font-weight: 800; text-transform: uppercase;}
.about-page .eyebrow:before{content: ""; width: 22px; height: 2px; background: currentColor;}
.about-page .section-title{font-size: clamp(2rem,3.55vw,3.4rem); font-weight: 800; letter-spacing: -.055em; line-height: 1.14;}
.about-page .lead-copy{font-size: 1.08rem; line-height: 1.85; color: var(--mute);}
.about-page .section-pad{padding: 112px 0;}
.about-page .hero{background: var(--navy); color: #fff; position: relative; isolation: isolate; min-height: 690px; overflow: hidden;}
.about-page .hero:before{content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 80% 38%,rgba(28,102,224,.24),transparent 36%),radial-gradient(circle at 37% 104%,rgba(0,190,255,.12),transparent 35%); z-index: -1;}
.about-page .hero-grid{position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(#66829e 1px,transparent 1px),linear-gradient(90deg,#66829e 1px,transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(90deg,transparent 25%,black 100%); z-index: -1;}
.about-page .hero h1{font-weight: 800; font-size: clamp(3.3rem,6vw,6.3rem); letter-spacing: -.07em; line-height: 1.06;}
.about-page .hero h1 span{color: #75ddfa;}
.about-page .hero p{max-width: 545px; color: #b3c2d5; font-size: 1.08rem; line-height: 1.85;}
.about-page .hero .container{padding-top: 108px; padding-bottom: 120px;}
.about-page .hero-note{display: flex; gap: 24px; align-items: center; color: #a6bdd7; font-size: .83rem; font-weight: 600; margin-top: 65px;}
.about-page .hero-note span{display: flex; align-items: center; gap: 8px;}
.about-page .hero-note i{color: #71d5ef;}
.about-page .visual-stage{height: 475px; position: relative; transform: perspective(900px) rotateY(-8deg);}
.about-page .orbit{position: absolute; border: 1px solid rgba(119,182,255,.15); border-radius: 50%; left: 10%; top: 6%; width: 83%; aspect-ratio: 1;}
.about-page .orbit.orbit-2{left: 23%; top: 19%; width: 57%;}
.about-page .glow{position: absolute; width: 320px; height: 320px; background: #0b79fa; filter: blur(110px); opacity: .28; left: 28%; top: 25%; border-radius: 50%;}
.about-page .device{position: absolute; left: 25%; top: 20%; height: 305px; width: 285px; border: 1px solid #42678a; border-radius: 25px; background: linear-gradient(145deg,#3b5874,#17283c 42%,#0a1524); box-shadow: 34px 43px 65px rgba(0,0,0,.4),inset 3px 3px 0 rgba(255,255,255,.1); transform: rotate(-8deg);}
.about-page .device:before{content: ""; position: absolute; width: 71%; height: 20px; top: 31px; left: 14%; background: #061320; border: 1px solid #57718c; border-radius: 5px;}
.about-page .device:after{content: ""; position: absolute; width: 80%; height: 5px; bottom: 37px; left: 10%; background: #2d4158; border-radius: 20px;}
.about-page .device-screen{position: absolute; top: 82px; left: 27px; right: 27px; height: 156px; background: linear-gradient(140deg,#0d2137,#123f6b); border: 5px solid #101e2e; border-radius: 12px; display: grid; place-items: center; overflow: hidden;}
.about-page .screen-card{width: 120px; height: 78px; border-radius: 9px; background: linear-gradient(125deg,#eaf5ff,#99bedb); padding: 11px; box-shadow: 0 8px 30px #081525;}
.about-page .screen-card:before{content: ""; display: block; width: 25px; height: 25px; border-radius: 50%; background: #547da2;}
.about-page .screen-card:after{content: ""; display: block; width: 69%; height: 5px; margin-top: 10px; border-radius: 10px; background: #7c9dbb;}
.about-page .float-card{position: absolute; display: flex; gap: 12px; align-items: center; padding: 13px 18px; background: rgba(245,250,255,.96); color: #1b2b42; border: 1px solid white; border-radius: 12px; box-shadow: 0 18px 45px #0005; min-width: 170px;}
.about-page .float-card i{font-size: 23px; color: #1877ed;}
.about-page .float-card strong{font-size: 12px; display: block;}
.about-page .float-card small{font-size: 10px; color: #71849b;}
.about-page .float-one{left: 2%; top: 20%;}
.about-page .float-two{right: -1%; top: 44%;}
.about-page .float-three{left: 3%; bottom: 8%;}
.about-page .pulse-dot{height: 8px; width: 8px; border-radius: 50%; background: #2ae5b7; box-shadow: 0 0 0 5px #2ae5b733;}
.about-page .intro-kicker{color: #175dea;}
.about-page .intro-title{max-width: 740px;}
.about-page .intro-row{padding-top: 38px;}
.about-page .statement{border-left: 3px solid #2b70ed; padding-left: 24px; font-size: 1.25rem; line-height: 1.65; font-weight: 600;}
.about-page .metric{padding: 28px 0; border-top: 1px solid var(--line);}
.about-page .metric b{display: block; font-family: Manrope; font-size: 1.7rem; letter-spacing: -.06em;}
.about-page .metric span{color: var(--mute); font-size: .9rem;}
.about-page .capabilities{background: var(--soft);}
.about-page .cap-card{height: 100%; border: 1px solid #e0e8f1; background: #fff; border-radius: 15px; padding: 34px 30px; transition: transform .25s,box-shadow .25s;}
.about-page .cap-card:hover{transform: translateY(-7px); box-shadow: 0 20px 48px rgba(18,48,85,.09);}
.about-page .cap-icon{height: 58px; width: 58px; display: grid; place-items: center; border-radius: 12px; background: #ebf2ff; color: #1b65e2; font-size: 27px; margin-bottom: 38px;}
.about-page .cap-card .num{font-size: 11px; color: #9aa9ba; letter-spacing: .15em; font-weight: 800;}
.about-page .cap-card h3{font-size: 1.26rem; font-weight: 800; letter-spacing: -.035em; margin: 12px 0;}
.about-page .cap-card p{color: var(--mute); font-size: .94rem; line-height: 1.7; margin: 0;}
.about-page .cap-card a{display: inline-flex; align-items: center; gap: 8px; color: #1b5fe1; font-size: .86rem; font-weight: 700; margin-top: 24px;}
.about-page .workflow{background: #0b1b30; color: #fff; overflow: hidden; position: relative;}
.about-page .workflow:after{content: ""; position: absolute; width: 540px; height: 540px; right: -180px; top: -250px; border: 1px solid #ffffff18; border-radius: 50%; pointer-events: none;}
.about-page .workflow .lead-copy{color: #a8bad0;}
.about-page .steps{display: grid; grid-template-columns: repeat(5,1fr); gap: 16px; margin-top: 60px; position: relative;}
.about-page .steps:before{content: ""; height: 1px; background: #38506e; position: absolute; top: 28px; left: 9%; right: 9%;}
.about-page .step{position: relative; z-index: 1;}
.about-page .step-dot{height: 56px; width: 56px; border-radius: 50%; display: grid; place-items: center; border: 1px solid #466887; background: #11263e; color: #82d7ee; font-size: 23px; margin-bottom: 31px;}
.about-page .step h3{font-size: 1.1rem; font-weight: 800;}
.about-page .step p{color: #a5b5c9; font-size: .86rem; line-height: 1.7; max-width: 175px;}
.about-page .step-label{font-size: 10px; letter-spacing: .15em; color: #6c94b9; font-weight: 800; margin-bottom: 7px;}
.about-page .why-list{margin-top: 24px;}
.about-page .why-item{border-bottom: 1px solid var(--line); padding: 24px 0; display: flex; gap: 22px;}
.about-page .why-item i{font-size: 25px; color: #1a64e6;}
.about-page .why-item h3{font-size: 1.04rem; font-weight: 800; margin-bottom: 7px;}
.about-page .why-item p{font-size: .92rem; color: var(--mute); margin: 0; line-height: 1.65;}
.about-page .feature-art{min-height: 460px; background: linear-gradient(145deg,#edf4fd,#dceaf9); border-radius: 19px; position: relative; overflow: hidden; padding: 28px;}
.about-page .feature-art:before{content: ""; position: absolute; inset: 0; background-image: radial-gradient(#7c9dc44b 1px,transparent 1px); background-size: 19px 19px;}
.about-page .dashboard{position: relative; max-width: 450px; margin: 80px auto 0; background: #fff; border: 1px solid #d3deed; border-radius: 14px; box-shadow: 0 25px 55px #274a7540; overflow: hidden; transform: rotate(-4deg);}
.about-page .dash-top{height: 38px; background: #10213a; display: flex; align-items: center; gap: 5px; padding-left: 16px;}
.about-page .dash-top span{height: 7px; width: 7px; border-radius: 50%; background: #6e91ad;}
.about-page .dash-body{display: grid; grid-template-columns: 65px 1fr; min-height: 235px;}
.about-page .dash-side{background: #f2f6fb; border-right: 1px solid #e4eaf2; padding: 19px;}
.about-page .dash-side div{height: 10px; border-radius: 6px; background: #bed1e8; margin-bottom: 22px;}
.about-page .dash-main{padding: 24px;}
.about-page .dash-line{height: 10px; width: 55%; border-radius: 6px; background: #cedcef; margin-bottom: 22px;}
.about-page .dash-panels{display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
.about-page .dash-panel{height: 117px; border-radius: 9px; background: #f0f5fc; padding: 15px;}
.about-page .dash-panel:first-child{background: #e8f2ff;}
.about-page .dash-card{height: 58px; width: 88px; border-radius: 7px; background: linear-gradient(135deg,#123b71,#3c8de9); margin: auto;}
.about-page .dash-bars span{display: block; height: 7px; background: #b5c9e1; border-radius: 4px; margin: 10px 0;}
.about-page .art-pill{position: absolute; right: 22px; top: 28px; padding: 9px 14px; background: #fff; border-radius: 40px; font-weight: 800; font-size: 11px; color: #3673c5; box-shadow: 0 8px 25px #264e7822;}
.about-page .industries{background: #f7f9fc;}
.about-page .industry{border: 1px solid #e0e8f0; border-radius: 13px; padding: 24px; height: 100%; background: #fff; display: flex; align-items: flex-start; gap: 15px;}
.about-page .industry i{font-size: 25px; color: #1d64d8;}
.about-page .industry h3{font-size: 1rem; font-weight: 800; margin-bottom: 7px;}
.about-page .industry p{font-size: .86rem; line-height: 1.65; color: var(--mute); margin: 0;}
.about-page .cta{background: linear-gradient(125deg,#1353ce,#0a2d70); color: #fff; border-radius: 20px; position: relative; overflow: hidden; padding: 60px 7%;}
.about-page .cta:after{content: ""; position: absolute; right: -40px; bottom: -220px; width: 480px; height: 480px; border: 1px solid #ffffff42; border-radius: 50%; box-shadow: 0 0 0 65px #ffffff0a,0 0 0 130px #ffffff09;}
.about-page .cta h2{font-size: clamp(2rem,3.3vw,3rem); font-weight: 800; letter-spacing: -.05em;}
.about-page .cta p{color: #c8ddff; max-width: 600px;}
.about-page .btn-white{background: #fff; color: #1252c9; border-radius: 8px; padding: 15px 24px; font-weight: 800; display: inline-block;}
.about-page .btn-white:hover{background: #eaf3ff; color: #06429f;}
.about-page footer{background: #081525; color: #95a9bf; padding: 65px 0 25px;}
.about-page footer .navbar-brand{color: #fff !important;}
.about-page footer h4{color: #e8f0f8; font-size: .82rem; font-weight: 800; margin-bottom: 22px;}
.about-page footer a{color: #aabbd0; font-size: .9rem; display: block; margin: 10px 0;}
.about-page footer a:hover{color: #fff;}
.about-page .footer-bottom{border-top: 1px solid #26394d; margin-top: 48px; padding-top: 24px; font-size: .8rem;}
.about-page .footer-brand-copy{line-height: 1.8; font-size: .9rem; max-width: 300px;}
@media (max-width:991px){.about-page .hero .container{padding-top: 80px; padding-bottom: 70px;}
.about-page .visual-stage{height: 400px; margin-top: 30px; transform: scale(.9);}
.about-page .section-pad{padding: 75px 0;}
.about-page .steps{grid-template-columns: repeat(3,1fr); gap: 30px;}
.about-page .steps:before{display: none;}
}@media (max-width:575px){.about-page .hero h1{font-size: 3.2rem;}
.about-page .hero-note{flex-wrap: wrap; gap: 13px; margin-top: 38px;}
.about-page .visual-stage{transform: scale(.77); transform-origin: top left; width: 130%; margin-bottom: -80px;}
.about-page .float-two{right: 5%;}
.about-page .steps{grid-template-columns: repeat(2,1fr);}
.about-page .step-dot{margin-bottom: 18px;}
.about-page .cta{padding: 42px 25px;}
.about-page .nav-link{margin: 4px 0;}
}@media (prefers-reduced-motion:reduce){.about-page *,.about-page *:before,.about-page *:after{transition: none !important;}
}@media (min-width:992px) {
  .about-page .hero .row { align-items:stretch !important; }
  .about-page .hero .row > .col-lg-6:first-child { display:flex; flex-direction:column; justify-content:center; }
  .about-page .hero .row > .col-lg-6:last-child { display:flex; align-items:center; }
  .about-page .visual-stage { width:100%; height:100%; min-height:475px; }
  .about-page .hero h1 { font-size:clamp(3.1rem,5vw,5.2rem); }
}