.su602-page { --navy:#10294b; --blue:#1674d1; --light-blue:#edf5fd; --text:#182b43; --muted:#718096; --line:#e5ebf2; --white:#fff; color:var(--text); line-height:1.7; }
.su602-page .su602-container{width: min(1160px, 90%); margin: auto;}
.su602-page .hero{background: linear-gradient(115deg,#f4f8fd 0%,#fff 65%); padding: 80px 0 85px; overflow: hidden;}
.su602-page .hero-grid{display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 50px;}
.su602-page .eyebrow{color: var(--blue); font-size: 12px; letter-spacing: 2.5px; font-weight: 700; text-transform: uppercase;}
.su602-page h1{font-size: clamp(38px,5vw,57px); line-height: 1.15; color: var(--navy); margin: 20px 0; letter-spacing: -1.5px;}
.su602-page .hero h1 span{color: var(--blue);}
.su602-page .hero-desc{max-width: 550px; color: #63748a; font-size: 16px; line-height: 2;}
.su602-page .hero-actions{display: flex; gap: 14px; margin-top: 30px;}
.su602-page .btn-primary,.su602-page .btn-secondary{padding: 13px 25px; font-size: 13px; font-weight: 700; border-radius: 3px; display: inline-block;}
.su602-page .btn-primary{background: var(--navy); color: white;}
.su602-page .btn-secondary{border: 1px solid #b8c6d7; color: var(--navy);}
.su602-page .hero-image{display: flex; justify-content: center; align-items: center;}
.su602-page .hero-image img{width: 100%; max-width: 470px; max-height: 570px; object-fit: contain;}
.su602-page .quick-facts{display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line); margin-top: 55px; padding-top: 27px;}
.su602-page .fact{border-right: 1px solid var(--line); padding-left: 25px;}
.su602-page .fact:first-child{padding-left: 0;}
.su602-page .fact:last-child{border: 0;}
.su602-page .fact strong{display: block; color: var(--navy); font-size: 23px;}
.su602-page .fact small{color: var(--muted); font-size: 12px;}
.su602-page section{padding: 90px 0;}
.su602-page .section-heading{max-width: 680px; margin-bottom: 45px;}
.su602-page .section-heading h2{font-size: clamp(30px,4vw,40px); color: var(--navy); line-height: 1.25; margin: 12px 0;}
.su602-page .section-heading p{color: var(--muted); font-size: 15px;}
.su602-page .features{background: white;}
.su602-page .feature-grid{display: grid; grid-template-columns: repeat(3,1fr); gap: 22px;}
.su602-page .feature{padding: 30px 26px; border: 1px solid var(--line); border-radius: 5px; transition: .25s;}
.su602-page .feature:hover{border-color: #9bc7f1; transform: translateY(-4px);}
.su602-page .feature-number{color: var(--blue); font-size: 13px; letter-spacing: 2px; font-weight: 700;}
.su602-page .feature h3{color: var(--navy); font-size: 19px; margin: 13px 0 8px;}
.su602-page .feature p{color: var(--muted); font-size: 13px; margin: 0;}
.su602-page .feature-icon{font-size: 27px; color: var(--blue); margin-bottom: 10px;}
.su602-page .capability{background: var(--light-blue);}
.su602-page .cap-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 22px;}
.su602-page .cap-item{background: white; padding: 28px 30px; border-radius: 4px;}
.su602-page .cap-item h3{color: var(--navy); font-size: 18px; margin: 0 0 10px;}
.su602-page .cap-item p{font-size: 13px; color: var(--muted); margin: 0;}
.su602-page .cap-tag{display: inline-block; font-size: 10px; color: var(--blue); background: #edf5fd; padding: 3px 9px; margin-bottom: 12px; letter-spacing: 1px;}
.su602-page .applications{background: white;}
.su602-page .app-grid{display: grid; grid-template-columns: repeat(4,1fr); gap: 16px;}
.su602-page .app{padding: 30px 22px; background: #f5f8fc; border-radius: 4px; min-height: 175px;}
.su602-page .app h3{font-size: 17px; color: var(--navy);}
.su602-page .app p{font-size: 12px; color: var(--muted);}
.su602-page .specs{background: #f5f8fc;}
.su602-page .spec-table{width: 100%; border-collapse: collapse; background: white;}
.su602-page .spec-table td{padding: 16px 22px; border-bottom: 1px solid var(--line); font-size: 13px;}
.su602-page .spec-table td:first-child{width: 30%; color: var(--muted); font-weight: 600;}
.su602-page .spec-table td:last-child{color: var(--navy); font-weight: 600;}
.su602-page .cta{background: var(--navy); color: white; padding: 75px 0;}
.su602-page .cta h2{font-size: 36px; line-height: 1.3; margin: 10px 0;}
.su602-page .cta p{color: #bdcde0; font-size: 14px;}
.su602-page .cta .btn-primary{background: white; color: var(--navy); margin-top: 20px;}
@media (max-width:800px){.su602-page .hero{padding: 50px 0;}
.su602-page .hero-grid{grid-template-columns: 1fr; gap: 20px;}
.su602-page .hero-image img{max-height: 420px;}
.su602-page .quick-facts{grid-template-columns: repeat(2,1fr); gap: 20px;}
.su602-page .fact:nth-child(2){border: 0;}
.su602-page .feature-grid{grid-template-columns: repeat(2,1fr);}
.su602-page .app-grid{grid-template-columns: repeat(2,1fr);}
}@media (max-width:520px){.su602-page section{padding: 60px 0;}
.su602-page .feature-grid,.su602-page .cap-grid{grid-template-columns: 1fr;}
.su602-page .app-grid{grid-template-columns: 1fr 1fr;}
.su602-page .fact{padding-left: 10px;}
.su602-page .spec-table td{padding: 13px 10px;}
.su602-page .cta h2{font-size: 29px;}
}