/* Narrow v3 revisions: remove repeat CTA panel and make the collaboration guide visible. */
.tiix-solar .solar-planet { text-decoration:none; }
.v10-landing .hero .hero-copy-playground { margin-bottom:0; }
.v10-landing .hero .tiix-solar { margin-bottom:0; }
.service-row[id^="service-"] { scroll-margin-top:130px; }
.service-row[id^="service-"]:target { animation:service-arrival 1.3s ease-out; }
@keyframes service-arrival { 0% { background-color:#2fd8ec26; } 100% { background-color:transparent; } }
.v10-landing .collaboration-link {
  display:flex; justify-content:space-between; align-items:center; gap:30px;
  width:min(100%,740px); margin-top:34px; padding:23px 27px;
  background:#2fd8ec; color:#07172e; text-decoration:none;
  border:0; border-radius:6px; box-shadow:7px 7px 0 #071127;
  transition:transform .18s,box-shadow .18s;
}
.collaboration-link-copy { display:flex; flex-direction:column; gap:8px; }
.v10-landing .collaboration-link-title { font-family:Montserrat,Arial,sans-serif; font-size:clamp(20px,2vw,27px); line-height:1.25; font-weight:800; }
.v10-landing .collaboration-link-caption { font-family:Montserrat,Arial,sans-serif; font-size:14px; font-weight:500; line-height:1.5; letter-spacing:0; }
.v10-landing .collaboration-link-arrow { flex:0 0 auto; font-family:Arial,sans-serif; font-size:36px; line-height:1; }
.v10-landing .collaboration-link:hover { transform:translate(2px,2px); box-shadow:5px 5px 0 #071127; }
.v10-landing .collaboration-link:focus-visible { outline:3px solid #ffe477; outline-offset:6px; }
.v12-onboarding .v12-page-intro > .v12-pixel-label { color:#2fd8ec; font-family:Montserrat,Arial,sans-serif; font-size:17px; line-height:1.5; font-weight:750; letter-spacing:0; text-transform:none; }
@media(max-width:760px) {
 .v10-landing .collaboration-link { padding:20px; gap:15px; width:100%; }
 .v10-landing .collaboration-link-title { font-size:21px; }
 .v10-landing .collaboration-link-caption { font-size:13px; }
 .v10-landing .collaboration-link-arrow { font-size:30px; }
 .v12-onboarding .v12-page-intro > .v12-pixel-label { font-size:15px; }
 .service-row[id^="service-"] { scroll-margin-top:105px; }
}
@media(prefers-reduced-motion:reduce) {
 html:not(.motion-enabled) .service-row[id^="service-"]:target { animation:none; }
 .v10-landing .collaboration-link { transition:none; }
}

/* Outlined Star Jedi lettering preserves the actual type across in-app browsers. */
.tiix-solar .solar-caption-pixel .solar-lettering-img { width:360px; max-width:100%; height:auto; }
.tiix-solar .solar-caption > span:last-child .solar-lettering-img { width:310px; max-width:100%; height:auto; opacity:.85; }
.tiix-solar .solar-planet:not(.planet-blue) .solar-lettering-img { display:block; width:145px; max-width:100%; height:auto; margin:auto; }
.tiix-solar .planet-media .solar-lettering-img { width:139px; }
@media(max-width:760px) {
 .tiix-solar .solar-caption { align-items:flex-start; }
 .tiix-solar .solar-caption > span { max-width:100%; }
 .tiix-solar .solar-caption-pixel .solar-lettering-img { width:300px; }
 .tiix-solar .solar-caption > span:last-child .solar-lettering-img { width:280px; }
 .tiix-solar .solar-planet:not(.planet-blue) .solar-lettering-img { width:124px; }
 .tiix-solar .planet-media .solar-lettering-img { width:125px; }
}
/* Visible short exchanges, kept local to the miniature fleet. */
.tiix-solar .solar-local-shot { animation-duration:3.8s; }
.tiix-solar .solar-local-shot.shot-rose { animation-duration:4.7s; animation-delay:-1.9s; }
.tiix-solar .solar-local-shot.shot-white { animation-duration:5.3s; animation-delay:-3.1s; }
/* Keep the service labels at a common cap height despite different phrase lengths. */
.tiix-solar .solar-planet:not(.planet-blue) .solar-lettering-img { width:auto; height:30px; max-width:100%; object-fit:contain; }
.tiix-solar .planet-media .solar-lettering-img { width:auto; height:12px; }
@media(max-width:760px) {
 .tiix-solar .solar-planet:not(.planet-blue) .solar-lettering-img { width:100%; height:30px; object-fit:contain; }
 .tiix-solar .planet-media .solar-lettering-img { width:100%; height:11px; }
}
@media(min-width:761px) and (max-width:900px) {
 .v10-landing .strategy-section { overflow-x:clip; }
}
.tiix-solar .solar-planet.planet-media .solar-lettering-img { width:auto; height:12px; }
@media(max-width:760px) { .tiix-solar .solar-planet.planet-media .solar-lettering-img { width:100%; height:11px; } }
/* Keep animated strategy decorations inside the page edge at every width. */
.v10-landing .strategy-section { overflow-x:clip; }
