html { scroll-behavior: smooth; }
.hero-orbit, .visual-world, .values-symbol { pointer-events: none; }
.company .corporate-hero { overflow: hidden; }
main.company { max-width: none; padding: 0; background: #f8f9fc; color: #182237; overflow: hidden; }
.company .corporate-nav { height: 86px; padding: 0 max(6%,calc((100% - 1200px)/2)); display: flex; align-items: center; justify-content: space-between; background: white; }
.company a { text-decoration: none; color: inherit; }
.company a:focus-visible { outline: 3px solid #4668ff; outline-offset: 6px; }
.brand-lockup { display: flex; align-items: center; gap: 12px; font-size: 23px; font-weight: 800; letter-spacing: 2px; }
.brand-symbol { color: #4e62ee; font-size: 42px; }
.corporate-nav > div { display: flex; gap: 36px; font-size: 14px; }
.company .corporate-hero { position: relative; min-height: 660px; padding: 85px max(6%,calc((100% - 1200px)/2)) 85px; background: #101a36; color: white; isolation: isolate; }
.corporate-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse at 78% 42%,#414cd85c,transparent 53%),linear-gradient(115deg,#10182c,#18264c); }
.company .eyebrow { color: #a7b6d8; font-size: 10px; letter-spacing: 3px; }
.company .corporate-hero h1 { font-size: 18px; color: #c1cced; margin: 25px 0 12px; font-weight: 500; }
.company .corporate-hero h2 { font-size: clamp(40px,4.8vw,68px); letter-spacing: -2px; line-height: 1.2; margin: 0 0 28px; }
.corporate-hero h2 span { color: #a1b2ff; }
.company .corporate-hero p { color: #b0bcd4; font-size: 15px; line-height: 1.9; }
.corporate-hero-copy { position: relative; z-index: 2; width: 53%; }
.company .corporate-cta { display: inline-flex; gap: 48px; align-items: center; margin-top: 30px; padding: 15px 22px; background: #6676ff; color: white; border-radius: 4px; font-size: 14px; }
.hero-bottom { position: absolute; bottom: 30px; left: 6%; right: 6%; display: flex; justify-content: space-between; border-top: 1px solid #ffffff20; padding-top: 20px; color: #b0bdd8; font-size: 10px; letter-spacing: 2px; }
.hero-orbit { position: absolute; width: 850px; height: 850px; border: 1px solid #ffffff08; border-radius: 50%; top: -380px; right: -200px; z-index: -1; }
.orbit-two { width: 1100px; height: 1100px; top: -500px; right: -330px; }
.visual-world { position: absolute; width: 480px; height: 470px; right: 5%; top: 74px; perspective: 800px; }
.world-core { position: absolute; width: 250px; height: 250px; top: 100px; left: 105px; display: grid; place-items: center; font-size: 180px; color: #e1e8ff; border: 1px solid #899dff; border-radius: 55px; transform: rotate(-16deg) skew(4deg); background: linear-gradient(135deg,#a4bbff65,#667dff25 40%,#151f53); box-shadow: inset 0 0 35px #a8bbff45,15px 20px 0 #283575,24px 35px 60px #030a22aa; text-shadow: 0 0 40px #8d9cff; }
.world-ring { position: absolute; inset: 58px 6px; border: 1px solid #98adff80; border-radius: 50%; transform: rotate(-28deg) scaleY(.58); box-shadow: 0 0 28px #6c83ff25; }
.world-grid { position: absolute; inset: 200px -60px -80px; background-image: linear-gradient(#6c8fd522 1px,transparent 1px),linear-gradient(90deg,#6c8fd522 1px,transparent 1px); background-size: 40px 40px; transform: rotateX(65deg) rotateZ(-25deg); mask-image: radial-gradient(ellipse,black,transparent 70%); }
.world-label { position: absolute; top: 30px; right: 16px; font-size: 9px; letter-spacing: 3px; color: #a7b8e8; }
.world-star { position: absolute; color: #b7c6ff; font-size: 36px; }
.star-one { top: 65px; left: 75px; }.star-two { bottom: 65px; right: 40px; }
.world-caption { position: absolute; bottom: 32px; left: 142px; color: #b5c3e3; font-size: 12px; letter-spacing: 5px; }
.corporate-strip { padding: 25px 8%; display: flex; justify-content: space-around; gap: 12px; border-bottom: 1px solid #e3e7f1; background: white; color: #67758c; font-size: 14px; letter-spacing: 2px; }
.corporate-strip i { font-style: normal; color: #acb7db; }
.company .corporate-about { max-width: 1200px; margin: auto; padding: 100px 6%; display: grid; grid-template-columns: 1fr 1.25fr; gap: 60px; }
.section-kicker { color: #5266b1; font-size: 10px; letter-spacing: 3px; }
.company .corporate-about h2,.company .section-top h2 { font-size: 34px; margin: 20px 0; line-height: 1.45; letter-spacing: -1px; }
.about-seal { display: flex; align-items: center; gap: 20px; color: #6478e5; font-size: 50px; margin-top: 25px; }
.about-seal span { color: #78849a; font-size: 12px; line-height: 1.8; }
.about-copy { padding-top: 35px; }.company .about-copy p { font-size: 15px; line-height: 2.2; }
.about-note { margin-top: 28px; border-top: 1px solid #dfe4ee; padding-top: 23px; display: flex; flex-direction: column; gap: 12px; }.about-note span { font-size: 10px; color: #8c97ab; letter-spacing: 2px; }.about-note strong { font-size: 15px; font-weight: 500; }
.corporate-services { padding: 75px 6% 90px; background: #eef1f8; }
.section-top { max-width: 1060px; margin: auto auto 30px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.company .section-top p { font-size: 13px; }
.company #company-services { list-style: none; padding: 0; max-width: 1060px; margin: auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; counter-reset: service; }
.company #company-services li { background: white; border: 1px solid #e5e9f3; min-height: 145px; padding: 25px; font-size: 16px; color: #23314c; border-radius: 6px; counter-increment: service; }
.company #company-services li::before { content: '0' counter(service) ' ↗'; display: block; font-size: 12px; letter-spacing: 3px; color: #7183d3; margin-bottom: 22px; }
.corporate-values { position: relative; overflow: hidden; background: #e4e8fb; padding: 75px 12%; }
.company .corporate-values h2 { font-size: 36px; line-height: 1.4; margin: 20px 0; }.company .corporate-values p { font-size: 14px; }
.values-symbol { position: absolute; right: 12%; top: 22px; font-size: 240px; color: #6f83d935; }
.corporate-footer { background: #111b30; color: #d9e1f1; padding: 44px 8%; display: flex; justify-content: space-between; gap: 30px; align-items: center; }.corporate-footer strong { font-size: 20px; letter-spacing: 2px; }.company .corporate-footer p { font-size: 12px; color: #8e9cb7; margin-top: 10px; }.corporate-footer > span { font-size: 11px; color: #8e9cb7; line-height: 2; }
@media(max-width:700px) {
 .company .corporate-nav { height: 70px; padding: 0 20px; }.brand-lockup { font-size: 18px; gap: 6px; }.brand-symbol { font-size: 30px; }.corporate-nav > div { gap: 15px; font-size: 11px; }.corporate-nav > div a:last-child { display: none; }
 .company .corporate-hero { min-height: 810px; padding: 48px 24px 70px; }.corporate-hero-copy { width: 100%; }.company .eyebrow { font-size: 8px; letter-spacing: 1.6px; }.company .corporate-hero h1 { font-size: 16px; margin-top: 22px; }.company .corporate-hero h2 { font-size: 46px; }.company .corporate-hero p { font-size: 13px; }.company .corporate-cta { margin-top: 20px; padding: 12px 18px; }
 .visual-world { width: 360px; height: 340px; top: 432px; right: calc(50% - 180px); transform: scale(.86); transform-origin: top center; }.world-core { top: 45px; left: 70px; width: 210px; height: 210px; font-size: 145px; }.world-ring { inset: 5px -10px 50px; }.world-label { top: 0; right: 0; font-size: 8px; }.world-caption { bottom: 15px; left: 88px; }.star-one { left: 18px; top: 30px; }.hero-bottom { font-size: 8px; letter-spacing: .3px; }
 .corporate-strip { font-size: 11px; padding: 20px 15px; letter-spacing: 0; }.corporate-strip i { font-size: 9px; }
 .company .corporate-about { grid-template-columns: 1fr; padding: 55px 24px; gap: 8px; }.company .corporate-about h2 { font-size: 30px; }.about-seal { display: none; }.about-copy { padding-top: 8px; }
 .corporate-services { padding: 50px 20px; }.section-top { display: block; }.company .section-top h2 { font-size: 27px; }.company #company-services { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }.company #company-services li { padding: 19px 16px; min-height: 140px; font-size: 14px; }
 .corporate-values { padding: 50px 24px; }.company .corporate-values h2 { font-size: 28px; }.values-symbol { right: -30px; font-size: 180px; top: 45px; opacity: .5; }.corporate-values p { position: relative; }
 .corporate-footer { padding: 35px 24px; display: block; }.corporate-footer > span { display: block; margin-top: 24px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior: auto; } }