/* Page-specific styles; the shared layout and navigation remain untouched. */
.qn-solutions{background:#090d19;color:#f7f8fc;overflow:hidden}
.qn-solutions *, .qn-solutions *::before,.qn-solutions *::after{box-sizing:border-box}
.qn-solutions-container{width:min(100% - 72px,1320px);margin-inline:auto}
.qn-solutions h1,.qn-solutions h2,.qn-solutions h3{color:#fff;font-family:var(--font-heading,inherit);font-weight:500;letter-spacing:-.045em}
.qn-solutions p{color:#c9d3df;font-size:17px;line-height:1.7;margin:0}
.qn-solutions-kicker{color:#16e8a7;font-size:14px;font-weight:600;letter-spacing:.08em;line-height:1.5}
.qn-solutions-hero{background:radial-gradient(ellipse at 78% 48%,#133d55 0%,#101d36 34%,#090d19 76%);border-bottom:1px solid #273047;min-height:770px;display:flex;align-items:center;padding:210px 0 110px;position:relative}
.qn-solutions-hero .qn-solutions-container{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:50px;align-items:center}
.qn-solutions-hero-copy{position:relative;z-index:1}
.qn-solutions-hero h1{font-size:clamp(46px,5.3vw,72px);line-height:1.14;max-width:820px;margin:24px 0 23px}
.qn-solutions-hero h1 em{font-style:normal;color:#14e7a8}
.qn-solutions-hero p{font-size:20px;line-height:1.6;max-width:680px}
.qn-solutions-actions{display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin-top:40px}
.qn-solutions-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border-radius:999px;padding:17px 21px 17px 27px;background:#0de7a1;color:#071321;font-size:15px;font-weight:700;white-space:nowrap;transition:background .2s}
.qn-solutions-button:hover{background:#80f5c8;color:#071321}
.qn-solutions-button span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#071321;color:#fff;font-size:19px}
.qn-solutions-text-link{color:#fff;font-weight:600;border-bottom:1px solid #4d6275;padding-bottom:4px}
.qn-solutions-text-link:hover{color:#16e8a7}
.qn-solutions-hero-art{height:420px;position:relative;isolation:isolate}
.qn-solutions-orbit{position:absolute;border:1px solid rgba(22,232,167,.55);border-radius:50%;inset:9% 5%;transform:rotate(-28deg)}
.qn-solutions-orbit-two{inset:21% -6%;border-color:rgba(70,126,241,.7);transform:rotate(34deg)}
.qn-solutions-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:180px;width:180px;display:grid;place-items:center;border-radius:32%;background:linear-gradient(145deg,#133459,#0ad39f);box-shadow:0 0 100px #06c99d55;color:#fff;font-size:110px;line-height:1;font-weight:600;letter-spacing:-.15em;padding-right:18px}
.qn-solutions-core span{color:#b9ffe0}
.qn-solutions-satellite{position:absolute;width:18px;height:18px;border-radius:50%;background:#14e7a8;box-shadow:0 0 24px #14e7a8}
.qn-solutions-satellite-one{top:14%;left:19%}.qn-solutions-satellite-two{top:22%;right:2%;background:#5483f5}.qn-solutions-satellite-three{bottom:12%;right:22%}
.qn-solutions-intro{padding:120px 0;border-bottom:1px solid #273047}
.qn-solutions-intro-grid{display:grid;grid-template-columns:1fr 2fr;gap:50px}
.qn-solutions-intro h2{font-size:clamp(34px,4vw,56px);line-height:1.17;max-width:900px;margin:0 0 22px}
.qn-solutions-intro p{max-width:820px}
.qn-solutions-list{padding:120px 0 135px}
.qn-solutions-section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:50px}
.qn-solutions-section-heading h2{font-size:clamp(34px,4vw,56px);line-height:1.18;margin:16px 0 0}
.qn-solutions-section-heading p{max-width:320px}
.qn-solutions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.qn-solutions-card{min-width:0;background:#121b2b;border:1px solid #334257;border-radius:16px;overflow:hidden}
.qn-solutions-card-image{overflow:hidden;aspect-ratio:633/375;background:#142b3e}
.qn-solutions-card-image img{width:100%;height:100%;object-fit:cover;display:block}
.qn-solutions-card-body{padding:34px 38px 39px}
.qn-solutions-card-index{color:#18e5a6;font-size:13px;letter-spacing:.08em;font-weight:700}
.qn-solutions-card h3{font-size:clamp(26px,2.8vw,38px);line-height:1.2;margin:16px 0}
.qn-solutions-card p{min-height:116px}
.qn-solutions-products{display:block;border-top:1px solid #374254;margin-top:22px;padding-top:19px;color:#b5c6d8;font-size:14px;line-height:1.6}
.qn-solutions-approach{padding:90px 0;background:linear-gradient(110deg,#103747,#152847 60%,#111929)}
.qn-solutions-approach-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.qn-solutions-approach h2{font-size:clamp(34px,4vw,56px);margin:17px 0 20px;line-height:1.18}
.qn-solutions-approach ol{list-style:none;margin:0;padding:0}
.qn-solutions-approach li{padding:22px 0;border-bottom:1px solid #ffffff30;font-size:20px;color:#fff}
.qn-solutions-approach li span{font-size:14px;color:#13e5a5;margin-right:25px}
.qn-solutions-cta{text-align:center;padding:125px 0 145px}
.qn-solutions-cta h2{font-size:clamp(40px,5vw,68px);line-height:1.18;max-width:950px;margin:18px auto}
.qn-solutions-cta p{margin-bottom:32px}
@media(min-width:992px){body:has(.qn-solutions) #xb-header-area.header-style--one.header-transparent{top:48px}}
@media(max-width:991px){.qn-solutions-hero{padding:180px 0 95px;min-height:auto}.qn-solutions-hero .qn-solutions-container{grid-template-columns:1fr}.qn-solutions-hero-art{height:300px;max-width:500px;width:100%;margin:auto}.qn-solutions-intro-grid{grid-template-columns:1fr;gap:24px}.qn-solutions-approach-inner{gap:40px}}
@media(max-width:767px){.qn-solutions-container{width:min(100% - 36px,1320px)}.qn-solutions-hero{padding:155px 0 70px}.qn-solutions-hero h1{font-size:clamp(38px,9vw,52px)}.qn-solutions-hero p{font-size:18px}.qn-solutions-hero-art{height:250px}.qn-solutions-core{height:125px;width:125px;font-size:76px}.qn-solutions-intro,.qn-solutions-list{padding:75px 0}.qn-solutions-section-heading{display:block}.qn-solutions-section-heading p{margin-top:16px}.qn-solutions-grid{grid-template-columns:1fr}.qn-solutions-card-body{padding:25px}.qn-solutions-card p{min-height:0}.qn-solutions-approach{padding:70px 0}.qn-solutions-approach-inner{grid-template-columns:1fr}.qn-solutions-cta{padding:80px 0 95px}}
